{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "role-picker",
  "type": "registry:ui",
  "title": "Role picker",
  "description": "Team role picker built on the radio group, offering Owner, Admin and Member options with linked labels. Drop it into invite dialogs and member settings forms.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/label.json",
    "https://ui.minidev.pro/r/radio-group.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/role-picker.tsx",
      "type": "registry:ui",
      "target": "components/ui/role-picker.tsx",
      "content": "\"use client\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Label } from \"@/components/ui/label\"\nimport { cn } from \"@/lib/utils\"\nfunction RolePicker({ className }: { className?: string }) {\n  return (\n    <RadioGroup defaultValue=\"member\" data-slot=\"role-picker\" className={cn(\"gap-2\", className)}>\n      {[\n        [\"owner\", \"Owner\"],\n        [\"admin\", \"Admin\"],\n        [\"member\", \"Member\"],\n      ].map(([value, label]) => (\n        <div key={value} className=\"flex items-center gap-2\">\n          <RadioGroupItem value={value} id={`role-${value}`} />\n          <Label htmlFor={`role-${value}`}>{label}</Label>\n        </div>\n      ))}\n    </RadioGroup>\n  )\n}\nexport { RolePicker }\n"
    }
  ]
}