{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "radio-group-controlled-example",
  "title": "Radio Group Controlled",
  "description": "radio-group-controlled-example",
  "registryDependencies": [
    "https://intentui.com/r/field",
    "https://intentui.com/r/radio"
  ],
  "files": [
    {
      "path": "src/components/examples/forms/radio-group/radio-group-controlled-example.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\n\nimport { Description, Label } from '@/components/ui/field'\nimport { Radio, RadioField, RadioGroup } from '@/components/ui/radio'\n\nexport default function RadioGroupControlledDemo() {\n  const [selected, setSelected] = useState('')\n  return (\n    <>\n      <RadioGroup name=\"features\" value={selected} onChange={setSelected}>\n        <Label>Features</Label>\n        <RadioField value=\"theme\">\n          <Radio>Theme</Radio>\n        </RadioField>\n        <RadioField value=\"language\">\n          <Radio>Language</Radio>\n        </RadioField>\n        <RadioField value=\"timezone\">\n          <Radio>Timezone</Radio>\n        </RadioField>\n        <RadioField value=\"notifications\">\n          <Radio>Notifications</Radio>\n        </RadioField>\n        <RadioField value=\"privacy\">\n          <Radio>Privacy</Radio>\n        </RadioField>\n      </RadioGroup>\n      <Description className=\"mt-2 block [&>strong]:text-fg\">\n        You have selected: <strong>{selected ?? '-'}</strong>\n      </Description>\n    </>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/radio-group-controlled-example/page.tsx"
    }
  ],
  "type": "registry:page"
}