{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge",
  "title": "Badge",
  "description": "Displays a small count or status indicator.",
  "dependencies": [
    "radix-ui",
    "class-variance-authority"
  ],
  "registryDependencies": [
    "https://blok.sitecore.com/r/theme.json"
  ],
  "files": [
    {
      "path": "src/components/ui/badge.tsx",
      "content": "import { type VariantProps, cva } from \"class-variance-authority\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center px-2 justify-center rounded w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"font-normal\",\n        bold: \"uppercase font-bold\",\n      },\n      size: {\n        sm: \"text-sm h-4\",\n        md: \"text-md h-5\",\n        lg: \"text-md h-6\",\n      },\n      colorScheme: {\n        neutral: \"bg-neutral-bg text-neutral-fg\",\n        primary: \"bg-primary-bg text-primary-fg\",\n        danger: \"bg-danger-bg text-danger-fg\",\n        success: \"bg-success-bg text-success-fg\",\n        warning: \"bg-warning-bg text-warning-fg\",\n        yellow:\n          \"bg-yellow-100 text-yellow-800 dark:bg-yellow-800 dark:text-yellow-200\",\n        teal: \"bg-teal-100 text-teal-800 dark:bg-teal-800 dark:text-teal-200\",\n        cyan: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-800 dark:text-cyan-200\",\n        blue: \"bg-blue-100 text-blue-800 dark:bg-blue-800 dark:text-blue-200\",\n        pink: \"bg-pink-100 text-pink-800 dark:bg-pink-800 dark:text-pink-200\",\n      },\n    },\n    defaultVariants: {\n      colorScheme: \"neutral\",\n      size: \"md\",\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  colorScheme,\n  size = \"md\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant, colorScheme, size }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}