{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge",
  "type": "registry:ui",
  "title": "Badge",
  "description": "Compact status labels in neutral, sky and outline variants, with an optional glowing status dot.",
  "files": [
    {
      "path": "registry/ui/badge.tsx",
      "type": "registry:ui",
      "content": "import * as React from \"react\";\n\ntype Variant = \"neutral\" | \"sky\" | \"outline\";\n\nconst variants: Record<Variant, string> = {\n  neutral: \"bg-white/[.06] text-zinc-300\",\n  sky: \"border border-sky-300/30 bg-sky-300/10 text-sky-300\",\n  outline: \"border border-white/15 text-zinc-400\",\n};\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: Variant;\n  dot?: boolean;\n}\n\nexport function Badge({ variant = \"neutral\", dot = false, className = \"\", children, ...props }: BadgeProps) {\n  return (\n    <span\n      className={[\n        \"inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium\",\n        variants[variant],\n        className,\n      ].join(\" \")}\n      {...props}\n    >\n      {dot && <span className=\"size-1.5 rounded-full bg-current shadow-[0_0_8px_currentColor]\" />}\n      {children}\n    </span>\n  );\n}\n"
    }
  ]
}