{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-switch",
  "title": "Glass Switch",
  "description": "Toggle controls for binary options with smooth transitions and glow effects when activated.",
  "dependencies": [
    "@radix-ui/react-switch"
  ],
  "files": [
    {
      "path": "registry/liquid-glass/glass-switch.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\nimport { cn } from \"@/lib/utils\"\n\nconst GlassSwitch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Root\n    className={cn(\n      \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full\",\n      \"border border-white/20 transition-all duration-300\",\n      \"bg-white/10 backdrop-blur-xl\",\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50\",\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\n      \"data-[state=checked]:bg-linear-to-r data-[state=checked]:from-cyan-500/60 data-[state=checked]:to-blue-500/60\",\n      \"data-[state=checked]:border-cyan-400/40\",\n      \"data-[state=checked]:shadow-[0_0_12px_rgba(6,182,212,0.4)]\",\n      className,\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitive.Thumb\n      className={cn(\n        \"pointer-events-none block h-5 w-5 rounded-full\",\n        \"bg-white shadow-[0_2px_8px_rgba(0,0,0,0.3)]\",\n        \"transition-transform duration-300\",\n        \"data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5\",\n      )}\n    />\n  </SwitchPrimitive.Root>\n))\nGlassSwitch.displayName = SwitchPrimitive.Root.displayName\n\nexport { GlassSwitch }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}