{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge",
  "title": "Badge",
  "description": "A compact label for metadata, identifiers, and categorical information.",
  "dependencies": [
    "class-variance-authority"
  ],
  "files": [
    {
      "path": "registry/rivetui/components/badge/badge.tsx",
      "content": "import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex h-6 max-w-full items-center gap-1.5 rounded-none border px-2 font-mono text-[0.625rem] font-medium uppercase tracking-[0.12em] whitespace-nowrap [&_svg]:size-3 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        primary: \"border-primary bg-primary text-primary-foreground\",\n        secondary: \"border-border bg-secondary text-secondary-foreground\",\n        outline: \"border-border bg-background text-foreground\",\n        destructive: \"border-destructive/40 bg-destructive/10 text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n    },\n  },\n);\n\ntype BadgeProps = React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>;\n\nfunction Badge({ className, variant = \"primary\", ...props }: BadgeProps) {\n  return (\n    <span data-slot=\"badge\" className={cn(badgeVariants({ variant, className }))} {...props} />\n  );\n}\n\nexport type { BadgeProps };\nexport { Badge, badgeVariants };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}