{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-radix-checkbox",
  "title": "Checkbox Demo",
  "description": "Demo showing a checkbox.",
  "registryDependencies": [
    "@animate-ui/components-radix-checkbox"
  ],
  "files": [
    {
      "path": "registry/demo/components/radix/checkbox/index.tsx",
      "content": "import { useEffect, useState } from 'react';\n\nimport { Label } from '@/components/ui/label';\nimport {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/animate-ui/components/radix/checkbox';\n\ninterface RadixCheckboxDemoProps {\n  checked: boolean | 'indeterminate';\n  variant: CheckboxProps['variant'];\n  size: CheckboxProps['size'];\n}\n\nexport const RadixCheckboxDemo = ({\n  checked,\n  variant,\n  size,\n}: RadixCheckboxDemoProps) => {\n  const [isChecked, setIsChecked] = useState(checked ?? false);\n\n  useEffect(() => {\n    setIsChecked(checked);\n  }, [checked]);\n\n  return (\n    <Label className=\"flex items-center gap-x-3\">\n      <Checkbox\n        checked={isChecked}\n        onCheckedChange={setIsChecked}\n        variant={variant}\n        size={size}\n      />\n      Accept terms and conditions\n    </Label>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/components/radix/checkbox.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "Checkbox": {
        "checked": {
          "value": false,
          "options": {
            "true": true,
            "false": false,
            "indeterminate": "indeterminate"
          }
        },
        "variant": {
          "value": "default",
          "options": {
            "default": "default",
            "accent": "accent"
          }
        },
        "size": {
          "value": "default",
          "options": {
            "default": "default",
            "sm": "sm",
            "lg": "lg"
          }
        }
      }
    }
  },
  "type": "registry:ui"
}