{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "checkbox",
  "title": "Checkbox",
  "description": "A square checkbox on the same hard rule as everything else.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/checkbox.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype CheckboxProps = Omit<BaseCheckbox.Root.Props, \"children\" | \"className\"> & {\n  /** The visible label. */\n  children?: React.ReactNode\n  className?: string\n}\n\nexport function Checkbox({ children, className, ...props }: CheckboxProps) {\n  return (\n    <label className={cn(\"inline-flex cursor-pointer items-center gap-2.5 font-(family-name:--f-body) text-sm\", className)}>\n      <BaseCheckbox.Root\n        className=\"spotcheck-focus border-ink bg-paper data-checked:bg-ink data-checked:text-paper grid size-5 flex-none place-items-center border-(length:--rule) data-disabled:opacity-45\"\n        {...props}\n      >\n        <BaseCheckbox.Indicator className=\"text-xs leading-none font-bold\">✓</BaseCheckbox.Indicator>\n      </BaseCheckbox.Root>\n      {children}\n    </label>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "core"
  ],
  "type": "registry:component"
}