{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge",
  "title": "Badge",
  "description": "Circle badge primitive.",
  "registryDependencies": [
    "@circle-ui/utils"
  ],
  "files": [
    {
      "path": "registry/berlin/circle-ui/badge.tsx",
      "content": "// Generated from packages/ui/src/components/badge.tsx\nimport * as React from \"react\";\n\nimport { cn } from \"@/registry/berlin/lib/utils\";\n\nexport type BadgeProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: \"highlight\" | \"neutral\" | \"info\";\n};\n\nexport function Badge({ className, tone = \"highlight\", ...props }: BadgeProps) {\n  return (\n    <div\n      className={cn(\n        \"inline-flex min-h-[18px] w-fit items-center justify-center whitespace-nowrap rounded-[20px] px-[6px] py-[3px] text-[11px] font-semibold leading-[12px] tracking-[-0.11px]\",\n        tone === \"highlight\" && \"bg-warning text-warning-foreground\",\n        tone === \"neutral\" && \"bg-secondary text-secondary-foreground\",\n        tone === \"info\" && \"bg-accent text-accent-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/circle/ui/badge.tsx"
    }
  ],
  "type": "registry:ui"
}