{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "switch",
  "type": "registry:ui",
  "title": "Switch",
  "description": "A customizable switch component",
  "dependencies": [
    "clsx",
    "tailwind-merge",
    "@base-ui/react"
  ],
  "registryDependencies": [
    "classes"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/ui/switch/index.tsx",
      "content": "\"use client\";\r\n\r\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\r\n\r\nimport { cn } from \"@/lib/classes\";\r\n\r\ninterface SwitchProps extends SwitchPrimitive.Root.Props {\r\n  reduceMotion?: boolean;\r\n  isInteractive?: boolean;\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nfunction Switch({\r\n  reduceMotion = false,\r\n  isInteractive = false,\r\n  size = \"md\",\r\n  className,\r\n  ...props\r\n}: SwitchProps) {\r\n  return (\r\n    <SwitchPrimitive.Root\r\n      {...props}\r\n      data-slot=\"switch\"\r\n      className={cn(\r\n        \"group relative rounded-full inline-flex items-center justify-start cursor-pointer touch-none select-none data-disabled:cursor-not-allowed data-disabled:opacity-70 px-1 bg-input inset-shadow-[0_1px_--theme(--color-black/4%)] data-checked:bg-primary\",\r\n        size === \"sm\" && \"w-10 h-6\",\r\n        size === \"md\" && \"w-12 h-7\",\r\n        size === \"lg\" && \"w-14 h-8\",\r\n        !reduceMotion &&\r\n          \"[transition-property:background-color] ease-[cubic-bezier(.25,.46,.45,.94)] duration-250\",\r\n        className\r\n      )}\r\n    >\r\n      <SwitchPrimitive.Thumb\r\n        data-slot=\"switch-thumb\"\r\n        className={cn(\r\n          \"z-2 bg-white shadow-sm rounded-full origin-right pointer-events-none data-checked:bg-primary-foreground shrink-0\",\r\n          size === \"sm\" && [\r\n            \"size-4 text-xs data-checked:ms-4\",\r\n            isInteractive && \"group-active:w-5 data-checked:group-active:ml-3\",\r\n          ],\r\n          size === \"md\" && [\r\n            \"size-5 text-sm data-checked:ms-5\",\r\n            isInteractive && \"group-active:w-6 data-checked:group-active:ml-4\",\r\n          ],\r\n          size === \"lg\" && [\r\n            \"size-6 text-base data-checked:ms-6\",\r\n            isInteractive && \"group-active:w-7 data-checked:group-active:ml-5\",\r\n          ],\r\n          !reduceMotion &&\r\n            \"[transition-property:margin,transform,width,background-color] ease-[cubic-bezier(.25,.46,.45,.94)] duration-200\"\r\n        )}\r\n      />\r\n    </SwitchPrimitive.Root>\r\n  );\r\n}\r\n\r\nexport { Switch };\r\n",
      "type": "registry:ui",
      "target": "components/ui/switch.tsx"
    }
  ]
}