{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-badge",
  "title": "Glass Badge",
  "description": "Small visual indicators for status, labels, or categories with frosted glass styling and color variants.",
  "dependencies": [
    "class-variance-authority"
  ],
  "files": [
    {
      "path": "registry/liquid-glass/glass-badge.tsx",
      "content": "\"use client\"\n\nimport type * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@/lib/utils\"\n\nconst glassBadgeVariants = cva(\n  cn(\n    \"inline-flex items-center rounded-full px-3 py-1 text-xs font-medium\",\n    \"backdrop-blur-xl border transition-all duration-300\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"bg-white/15 border-white/25 text-white\",\n        primary: cn(\"bg-linear-to-r from-cyan-500/30 to-blue-500/30\", \"border-cyan-400/30 text-cyan-100\"),\n        success: cn(\"bg-emerald-500/20 border-emerald-400/30 text-emerald-100\"),\n        warning: cn(\"bg-amber-500/20 border-amber-400/30 text-amber-100\"),\n        destructive: cn(\"bg-red-500/20 border-red-400/30 text-red-100\"),\n        outline: \"bg-transparent border-white/30 text-white/80\",\n      },\n      size: {\n        sm: \"px-2 py-0.5 text-xs\",\n        md: \"px-3 py-1 text-sm\",\n        lg: \"px-4 py-2 text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  },\n)\n\nexport interface GlassBadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof glassBadgeVariants> {}\n\nfunction GlassBadge({ className, variant, ...props }: GlassBadgeProps) {\n  return <div className={cn(glassBadgeVariants({ variant }), className)} {...props} />\n}\n\nexport { GlassBadge, glassBadgeVariants }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}