{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "radio-group",
  "type": "registry:ui",
  "title": "Radio Group",
  "files": [
    {
      "path": "ui/radio-group.tsrx",
      "type": "registry:ui",
      "target": "components/ui/radio-group.tsrx",
      "content": "// Base UI base radio-group — runs on @octanejs/base-ui's `RadioGroup` plus `Radio`.\n//\n// PART MAPPING DIFFERS FROM RADIX. Radix nests everything under one namespace\n// (RadioGroup.Root / .Item / .Indicator); Base UI splits the group from the item, so the item\n// is `Radio.Root` from a separate subpath and the indicator is `Radio.Indicator`. The exported\n// component names and every data-slot stay as shadcn defines them, so consumers see no\n// difference — this is wiring, not API.\n//\n// `disabled:` becomes `data-disabled:` for the same reason as checkbox and switch: Radio.Root\n// renders a `<span role=\"radio\">`, which is never `:disabled`, so the pseudo-class variant could\n// never match. The primitive publishes `data-disabled` instead.\n//\n// THE ROOT MUST CARRY ITS OWN DISPLAY, and this is the second consequence of that same `<span>`.\n// Radix's radio root is a `<button>`, which is `display: inline-block` by default, so its class\n// string never needed one and `size-4` just worked. A bare `<span>` is `display: inline`, where\n// width and height are IGNORED — the box collapses and only `border` paints, rendering the control\n// as a thin vertical bar beside its label rather than a circle. The React Aria base hit the same\n// thing (its root is not a button either) and carries `relative flex` for it; this base copied the\n// radix string and lost it. Hence `relative flex … items-center justify-center` here.\n//\n// The indicator is `size-full` rather than `relative` so the dot, which positions itself with\n// `absolute … -translate-1/2`, anchors to the ROOT's 16px box — matching the React Aria base. Left\n// `relative`, it would anchor to a zero-sized flex item and sit off-centre.\n//\n// UNVERIFIED PROVENANCE: the non-conditional utilities come from this package's radix base\n// rather than upstream's Base UI source.\nimport { RadioGroup as RadioGroupPrimitive } from '@octanejs/base-ui/radio-group';\nimport { Radio as RadioPrimitive } from '@octanejs/base-ui/radio';\nimport { CircleIcon } from '@octanejs/lucide';\n\nimport { cn } from '@/lib/utils';\n\ntype Props = { className?: string } & Record<string, unknown>;\n\n// Base UI's Radio.Root requires `value` (Radix infers it from the item), so the item's props\n// type demands it. shadcn usage always passes one, so this tightens the type without changing\n// the surface.\ntype ItemProps = { className?: string; value: any } & Record<string, unknown>;\n\nexport function RadioGroup({ className, ...props }: Props) @{\n\t<RadioGroupPrimitive data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />\n}\n\nexport function RadioGroupItem({ className, ...props }: ItemProps) @{\n\t<RadioPrimitive.Root\n\t\tdata-slot=\"radio-group-item\"\n\t\tclassName={cn(\n\t\t\t'relative flex aspect-square size-4 shrink-0 items-center justify-center rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<RadioPrimitive.Indicator\n\t\t\tdata-slot=\"radio-group-indicator\"\n\t\t\tclassName=\"flex size-full items-center justify-center\"\n\t\t>\n\t\t\t<CircleIcon\n\t\t\t\tclassName=\"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary\"\n\t\t\t/>\n\t\t</RadioPrimitive.Indicator>\n\t</RadioPrimitive.Root>\n}\n"
    }
  ],
  "dependencies": [
    "@octanejs/base-ui@0.1.36",
    "@octanejs/lucide@0.1.33"
  ],
  "registryDependencies": [
    "@octane/utils"
  ]
}