{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"aavya-pill-select","type":"registry:component","title":"Pill Select","description":"Rounded select control used in the AI image studio toolbar.","version":"0.2.0","status":"beta","registryDependencies":["select"],"files":[{"path":"src/components/ui/pill-select.tsx","type":"registry:component","content":"import { ComponentType } from 'react'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select'\n\ninterface PillSelectOption {\n  value: string\n  label: string\n}\n\ninterface PillSelectProps {\n  icon: ComponentType<{ className?: string }>\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  options: PillSelectOption[]\n  ariaLabel: string\n  className?: string\n}\n\nexport function PillSelect({\n  icon: Icon,\n  value,\n  defaultValue,\n  onValueChange,\n  options,\n  ariaLabel,\n  className,\n}: PillSelectProps) {\n  return (\n    <Select value={value} defaultValue={defaultValue} onValueChange={onValueChange}>\n      <SelectTrigger\n        aria-label={ariaLabel}\n        className={`h-12 min-w-[150px] rounded-full border-input bg-card px-4 text-base text-foreground shadow-none ${className ?? ''}`}\n      >\n        <div className=\"flex items-center gap-2\">\n          <Icon className=\"h-4 w-4 text-muted-foreground\" />\n          <SelectValue />\n        </div>\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((option) => (\n          <SelectItem key={option.value} value={option.value}>\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n"}]}