{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-checkbox",
  "title": "Glass Checkbox",
  "description": "Glass Checkbox with five variants: clear, frosted, subtle, liquid, and liquid-refract",
  "registryDependencies": [
    "@glasscn/utils",
    "@glasscn/checkbox",
    "@glasscn/glass-variants",
    "@glasscn/liquid-glass"
  ],
  "files": [
    {
      "path": "components/ui/glasscn/glass-checkbox.tsx",
      "content": "\"use client\";\n\nimport { FrostGlassVariantProp, glassVariantStyles } from \"@/lib/glass-variants\";\nimport { cn } from \"@/lib/utils\";\n\nimport { Checkbox } from \"../checkbox\";\nimport { LiquidGlass } from \"./liquid-glass\";\n\ntype GlassCheckboxProps = React.ComponentProps<typeof Checkbox> & FrostGlassVariantProp;\n\nfunction GlassCheckbox({ className, glassVariant = \"liquid-refract\", ...props }: GlassCheckboxProps) {\n  const baseStyles =\n    \"border-white/40 bg-white/30 text-black shadow-sm dark:border-white/12 dark:bg-black/30 dark:text-white data-checked:border-white/30 data-checked:bg-white/70 data-checked:text-black dark:data-checked:border-white/20 dark:data-checked:bg-white/20\";\n\n  if (glassVariant === \"liquid-refract\") {\n    return (\n      <LiquidGlass className={cn(\"rounded-md p-px\", className)}>\n        <Checkbox\n          data-slot=\"glass-checkbox\"\n          data-glass-variant={glassVariant}\n          className={cn(\"bg-transparent border-0 shadow-none\", baseStyles, className)}\n          {...props}\n        />\n      </LiquidGlass>\n    );\n  }\n\n  return (\n    <Checkbox\n      data-slot=\"glass-checkbox\"\n      data-glass-variant={glassVariant}\n      className={cn(glassVariantStyles[glassVariant], baseStyles, className)}\n      {...props}\n    />\n  );\n}\n\nexport { GlassCheckbox };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}