{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "radio-group",
  "type": "registry:ui",
  "description": "Let users select exactly one option from a group.",
  "dependencies": [
    "@base-ui/react",
    "lucide-react"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "components/ui/radio-group.tsx",
      "content": "\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { Radio } from \"@base-ui/react/radio\"\r\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\ntype RadioGroupProps = React.ComponentPropsWithoutRef<typeof BaseRadioGroup>\r\n\r\nconst RadioGroup = React.forwardRef<\r\n    React.ComponentRef<typeof BaseRadioGroup>,\r\n    RadioGroupProps\r\n>(({ className, ...props }, ref) => (\r\n    <BaseRadioGroup\r\n        className={cn(\"grid gap-3\", className)}\r\n        {...props}\r\n        ref={ref}\r\n    />\r\n))\r\nRadioGroup.displayName = \"RadioGroup\"\r\n\r\ntype RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof Radio.Root>\r\n\r\nconst RadioGroupItem = React.forwardRef<\r\n    React.ComponentRef<typeof Radio.Root>,\r\n    RadioGroupItemProps\r\n>(({ className, ...props }, ref) => (\r\n    <Radio.Root\r\n        ref={ref}\r\n        className={cn(\r\n            \"peer h-5 w-5 shrink-0 rounded-full border-2 border-black bg-white focus-brutal disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-main\",\r\n            className\r\n        )}\r\n        {...props}\r\n    >\r\n        <Radio.Indicator className=\"flex h-full w-full items-center justify-center data-unchecked:hidden\">\r\n            <span className=\"h-2 w-2 rounded-full bg-black\" />\r\n        </Radio.Indicator>\r\n    </Radio.Root>\r\n))\r\nRadioGroupItem.displayName = \"RadioGroupItem\"\r\n\r\nexport { RadioGroup, RadioGroupItem }\r\n",
      "type": "registry:ui"
    }
  ]
}