{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge",
  "files": [
    {
      "path": "ui/badge/Badge.astro",
      "content": "---\n// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/badge/Badge.astro directly.\n/**\n * @component Badge\n * @description A small label for status, categories, or counts.\n * @figmaUrl https://www.figma.com/design/koxai7zw5vIuBzuVxe5T2l/bejamas-ui?node-id=2537-3522&t=YFStJ3V8fXEO8QD8-4\n *\n * @preview\n *\n * <div class=\"flex flex-col items-center gap-3\">\n *   <div class=\"flex w-full flex-wrap gap-3\">\n *     <Badge>Badge</Badge>\n *     <Badge variant=\"secondary\">Secondary</Badge>\n *     <Badge variant=\"destructive\">Destructive</Badge>\n *     <Badge variant=\"outline\">Outline</Badge>\n *   </div>\n *  <div class=\"flex w-full flex-wrap gap-3\">\n *     <Badge shape=\"pill\">Pill</Badge>\n *     <Badge shape=\"pill\" variant=\"secondary\">Secondary</Badge>\n *     <Badge shape=\"pill\" variant=\"destructive\">Destructive</Badge>\n *     <Badge shape=\"pill\" variant=\"outline\">Outline <XIcon class=\"size-6\" /></Badge>\n *   </div>\n *   <div class=\"flex w-full flex-wrap gap-3\">\n *     <Badge\n *       variant=\"secondary\"\n *       class=\"bg-blue-500 text-white dark:bg-blue-600 border-blue-600\"\n *     >\n *       <BadgeCheckIcon class=\"size-3\" />\n *       Verified\n *     </Badge>\n *     <Badge class=\"h-5 min-w-5 rounded-full px-1 font-mono tabular-nums\">\n *         8\n *     </Badge>\n *     <Badge\n *       class=\"h-5 min-w-5 rounded-full px-1 font-mono tabular-nums\"\n *       variant=\"destructive\"\n *     >\n *       99\n *     </Badge>\n *     <Badge\n *       class=\"h-5 min-w-5 rounded-full px-1.5 text-xs font-mono tabular-nums\"\n *       variant=\"outline\"\n *     >\n *       20000+\n *     </Badge>\n *   </div>\n * </div>\n *\n * @usage\n *\n * ```astro nocollapse\n * ---\n * import { Badge } from '@bejamas/ui/components/badge';\n * ---\n *\n * <Badge>Badge</Badge>\n * <Badge variant=\"secondary\">Secondary</Badge>\n * ```\n */\n\nimport type { HTMLTag } from \"astro/types\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\n\ninterface Props {\n  as?: HTMLTag;\n  variant?: \"default\" | \"secondary\" | \"destructive\" | \"outline\";\n  class?: string;\n  shape?: \"default\" | \"pill\";\n  size?: \"default\" | \"sm\";\n}\n\nconst {\n  as = \"span\",\n  variant = \"default\",\n  class: className = \"\",\n  shape = \"default\",\n  size = \"default\",\n  ...props\n} = Astro.props as Props;\n\nconst badgeVariants = cva(\n  [\n    \"inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap overflow-hidden transition-[color,box-shadow]\",\n    \"gap-1 [&>svg]:pointer-events-none\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary: \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive: \"bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20\",\n        outline: \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n      },\n      shape: {\n        default: \"rounded-xs\",\n        pill: \"rounded-full\",\n      },\n      size: {\n        default: \"text-sm h-6\",\n        sm: \"text-xs h-5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      shape: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nconst Tag = as;\nconst classes = cn(badgeVariants({ variant, shape, size, className }));\n---\n\n<Tag\n  data-variant={variant}\n  data-size={size}\n  class={cn(\"h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! rounded-full\", classes)}\n  {...props}\n>\n  <slot />\n</Tag>\n",
      "type": "registry:ui"
    },
    {
      "path": "ui/badge/index.ts",
      "content": "// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/badge/index.ts directly.\nexport { default as Badge } from \"./Badge.astro\";\n\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}