{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "radio-group",
  "title": "Radio Group",
  "author": "Poyraz Avsever",
  "description": "Poyraz Soft Glass radio-group component.",
  "dependencies": [
    "@radix-ui/react-radio-group@^1.3.8"
  ],
  "registryDependencies": [
    "@poyraz/poyraz-utils",
    "@poyraz/poyraz-theme"
  ],
  "files": [
    {
      "path": "registry/poyraz/ui/phase5/atoms/radio-group.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { cn } from \"@/lib/utils\";\n\nconst RadioGroup = React.forwardRef<\n  React.ComponentRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Root\n    data-slot=\"radio-group\"\n    className={cn(\"grid gap-3\", className)}\n    ref={ref}\n    {...props}\n  />\n));\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n  React.ComponentRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Item\n    ref={ref}\n    data-slot=\"radio-group-item\"\n    className={cn(\n      \"group relative size-5 shrink-0 cursor-pointer rounded-full border border-input bg-surface shadow-xs\",\n      \"after:absolute after:-inset-2 after:content-['']\",\n      \"transition-[color,background-color,border-color] duration-[var(--poyraz-motion-duration-fast)]\",\n      \"focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25\",\n      \"data-[state=checked]:border-primary\",\n      \"disabled:cursor-not-allowed disabled:border-border disabled:bg-disabled disabled:opacity-100\",\n      className,\n    )}\n    {...props}\n  >\n    <RadioGroupPrimitive.Indicator\n      data-slot=\"radio-group-indicator\"\n      className=\"flex items-center justify-center animate-poyraz-scale-in\"\n    >\n      <div className=\"size-2.5 rounded-full bg-primary\" />\n    </RadioGroupPrimitive.Indicator>\n  </RadioGroupPrimitive.Item>\n));\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport { RadioGroup, RadioGroupItem };\n",
      "type": "registry:ui",
      "target": "@ui/atoms/radio-group.tsx"
    }
  ],
  "css": {
    "@media (forced-colors: active)": {
      "[data-slot=\"radio-group-item\"]": {
        "forced-color-adjust": "auto"
      },
      "[data-slot=\"radio-group-item\"][data-state=\"checked\"]": {
        "background": "Highlight",
        "color": "HighlightText"
      }
    }
  },
  "meta": {
    "category": "phase-5-foundation",
    "phase": "beta"
  },
  "type": "registry:ui"
}