{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-primitives-base-checkbox",
  "title": "Base Checkbox Demo",
  "description": "Demo showing an animated base checkbox.",
  "registryDependencies": [
    "@animate-ui/primitives-base-checkbox"
  ],
  "files": [
    {
      "path": "registry/demo/primitives/base/checkbox/index.tsx",
      "content": "import {\n  Checkbox,\n  CheckboxIndicator,\n} from '@/components/animate-ui/primitives/base/checkbox';\nimport { Label } from '@/components/ui/label';\n\ninterface BaseCheckboxDemoProps {\n  indeterminate: boolean;\n}\n\nexport const BaseCheckboxDemo = ({ indeterminate }: BaseCheckboxDemoProps) => {\n  return (\n    <Label className=\"flex items-center gap-x-3\">\n      <Checkbox\n        indeterminate={indeterminate}\n        className=\"size-5 flex justify-center items-center border [&[data-checked],&[data-indeterminate]]:bg-primary [&[data-checked],&[data-indeterminate]]:text-primary-foreground transition-colors duration-500\"\n      >\n        <CheckboxIndicator className=\"size-3.5\" />\n      </Checkbox>\n      Accept terms and conditions\n    </Label>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/primitives/base/checkbox.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "Checkbox": {
        "indeterminate": {
          "value": false
        }
      }
    }
  },
  "type": "registry:ui"
}