{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge",
  "type": "registry:ui",
  "title": "Badge",
  "description": "Small status label in three variants.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/starkui/badge.tsx",
      "content": "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nconst variants = {\n  default: \"bg-foreground text-background shadow-xs\",\n  outline: \"border border-border/80 bg-background/50 text-foreground shadow-xs\",\n  muted: \"bg-muted text-muted-foreground border border-border/40\",\n  success: \"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border border-emerald-500/20\",\n  glow: \"glass border border-border/60 text-foreground shadow-sm backdrop-blur-md\",\n  destructive: \"bg-destructive/10 text-destructive border border-destructive/20\",\n} as const;\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: keyof typeof variants;\n  showDot?: boolean;\n}\n\nexport function Badge({\n  className,\n  variant = \"default\",\n  showDot = false,\n  children,\n  ...props\n}: BadgeProps) {\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full px-3 py-0.5 text-xs font-medium transition-all duration-200 select-none\",\n        variants[variant],\n        className\n      )}\n      {...props}\n    >\n      {showDot && (\n        <span className=\"relative flex h-1.5 w-1.5\">\n          <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\"></span>\n          <span className=\"relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500\"></span>\n        </span>\n      )}\n      {children}\n    </span>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/badge.tsx"
    }
  ]
}