{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-primitives-radix-radio-group",
  "title": "Radix Radio Group Demo",
  "description": "Demo showing an animated radix radio group.",
  "registryDependencies": [
    "@odysseyui/primitives-radix-radio-group"
  ],
  "files": [
    {
      "path": "registry/demo/primitives/radix/radio-group/index.tsx",
      "content": "import { Label } from '@/components/ui/label';\nimport {\n  RadioGroup,\n  RadioGroupItem,\n  RadioGroupIndicator,\n} from '@/components/odyssey/primitives/radix/radio-group';\n\nconst itemClassName =\n  'size-5 rounded-full flex items-center justify-center border';\nconst indicatorClassName = 'size-3 bg-primary rounded-full';\n\nexport function RadioGroupDemo() {\n  return (\n    <RadioGroup defaultValue=\"default\" className=\"flex flex-col gap-2\">\n      <Label className=\"flex items-center gap-x-3\">\n        <RadioGroupItem value=\"default\" className={itemClassName}>\n          <RadioGroupIndicator className={indicatorClassName} />\n        </RadioGroupItem>\n        Default\n      </Label>\n      <Label className=\"flex items-center gap-x-3\">\n        <RadioGroupItem value=\"comfortable\" className={itemClassName}>\n          <RadioGroupIndicator className={indicatorClassName} />\n        </RadioGroupItem>\n        Comfortable\n      </Label>\n      <Label className=\"flex items-center gap-x-3\">\n        <RadioGroupItem value=\"compact\" className={itemClassName}>\n          <RadioGroupIndicator className={indicatorClassName} />\n        </RadioGroupItem>\n        Compact\n      </Label>\n    </RadioGroup>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/odysseyui/demo/primitives/radix/radio-group.tsx"
    }
  ],
  "type": "registry:ui"
}