{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "masai-radio-button",
  "title": "Masai Radio Button",
  "description": "Standalone radio button with default and default-with-label variants in regular/large sizes.",
  "dependencies": [
    "@radix-ui/react-radio-group"
  ],
  "files": [
    {
      "path": "registry/components/masai-radio-button.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\ntype MasaiRadioButtonSize = \"regular\" | \"large\";\n\nexport type MasaiRadioButtonProps = {\n  size?: MasaiRadioButtonSize;\n  isSelected?: boolean;\n  disabled?: boolean;\n  label?: string;\n  description?: string;\n  onSelect?: (selected: boolean) => void;\n  className?: string;\n};\n\nconst radioSizeClasses: Record<MasaiRadioButtonSize, { root: string; dot: string }> = {\n  regular: { root: \"h-5 w-5\", dot: \"h-2.5 w-2.5\" },\n  large: { root: \"h-6 w-6\", dot: \"h-3 w-3\" },\n};\n\n/**\n * MasaiRadioButton — single radio wrapper on Radix RadioGroup.\n * Useful for standalone previews and custom layouts.\n */\nexport function MasaiRadioButton({\n  size = \"regular\",\n  isSelected = false,\n  disabled = false,\n  label,\n  description,\n  onSelect,\n  className,\n}: MasaiRadioButtonProps) {\n  const value = isSelected ? \"selected\" : \"unselected\";\n  const { root, dot } = radioSizeClasses[size];\n  const labelClassName = size === \"large\" ? \"type-b1-regular text-gray-900\" : \"type-b2-regular text-gray-900\";\n\n  return (\n    <RadioGroupPrimitive.Root\n      value={value}\n      onValueChange={(next) => onSelect?.(next === \"selected\")}\n      disabled={disabled}\n      className={cn(\"inline-flex items-start\", className)}\n    >\n      <label className=\"inline-flex cursor-pointer items-start gap-2\">\n        <RadioGroupPrimitive.Item\n          value=\"selected\"\n          className={cn(\n            \"rounded-full border border-[#6962AC] bg-white outline-none focus-visible:ring-2 focus-visible:ring-primary-400 disabled:cursor-not-allowed disabled:opacity-60\",\n            root,\n          )}\n        >\n          <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n            <span className={cn(\"rounded-full bg-[#6962AC]\", dot)} />\n          </RadioGroupPrimitive.Indicator>\n        </RadioGroupPrimitive.Item>\n        {label || description ? (\n          <span className=\"flex flex-col\">\n            {label ? <span className={labelClassName}>{label}</span> : null}\n            {description ? <span className=\"type-caption text-gray-700\">{description}</span> : null}\n          </span>\n        ) : null}\n      </label>\n    </RadioGroupPrimitive.Root>\n  );\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}