{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "switch",
  "title": "Switch",
  "description": "A square switch with a real switch role.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/switch.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype SwitchProps = Omit<BaseSwitch.Root.Props, \"children\" | \"className\"> & {\n  /** The visible label. */\n  children?: React.ReactNode\n  className?: string\n}\n\nexport function Switch({ children, className, ...props }: SwitchProps) {\n  return (\n    <label\n      className={cn(\n        \"inline-flex cursor-pointer items-center gap-2.5 font-(family-name:--f-mono) text-xs\",\n        className,\n      )}\n    >\n      <BaseSwitch.Root\n        className=\"spotcheck-focus border-ink bg-paper data-checked:bg-accent-ink relative h-6 w-[46px] flex-none border-(length:--rule) data-disabled:opacity-45\"\n        {...props}\n      >\n        <BaseSwitch.Thumb className=\"bg-ink data-checked:bg-paper absolute top-0.5 left-0.5 block size-4 transition-[left] duration-200 data-checked:left-6 motion-reduce:transition-none\" />\n      </BaseSwitch.Root>\n      {children}\n    </label>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "core"
  ],
  "type": "registry:component"
}