{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "checkbox-controlled-example",
  "title": "Checkbox Controlled",
  "description": "checkbox-controlled-example",
  "registryDependencies": [
    "https://intentui.com/r/checkbox",
    "https://intentui.com/r/field"
  ],
  "files": [
    {
      "path": "src/components/examples/forms/checkbox/checkbox-controlled-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\n\nimport { Checkbox, CheckboxField } from '@/components/ui/checkbox'\nimport { Description } from '@/components/ui/field'\n\nexport default function CheckboxControlledDemo() {\n  const [selected, setSelection] = useState(false)\n  return (\n    <>\n      <CheckboxField isSelected={selected} onChange={setSelection} value=\"updates\" name=\"ru\">\n        <Checkbox>Receive Updates</Checkbox>\n      </CheckboxField>\n      <Description className=\"mt-2 block [&>strong]:text-fg\">\n        You have <strong>{selected ? 'enabled' : 'disabled'}</strong> the option.\n      </Description>\n    </>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/checkbox-controlled-example/page.tsx"
    }
  ],
  "type": "registry:page"
}