{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-select","title":"Corded Select","description":"An accessible Discord-inspired select menu.","dependencies":["@base-ui/react","lucide-react"],"registryDependencies":["utils","corded-theme"],"files":[{"path":"registry/default/ui/corded-select.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Select } from \"@base-ui/react/select\"\nimport { Check, ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface CordedSelectOption { value: string; label: string; disabled?: boolean }\nexport interface CordedSelectProps extends Omit<Select.Root.Props<string>, \"items\"> { label?: string; placeholder?: string; options: CordedSelectOption[]; className?: string }\n\nexport function CordedSelect({ label, placeholder = \"Select an option\", options, className, ...props }: CordedSelectProps) {\n  return <label className={cn(\"mana-field\", className)}>{label ? <span className=\"mana-field-label-container\"><span className=\"mana-field-label mana-text-sm-semibold\">{label}</span></span> : null}<Select.Root items={options} {...props}><Select.Trigger className=\"mana-select-trigger mana-text-sm-medium\" data-full-width><Select.Value className=\"mana-select-value\" placeholder={placeholder} /><Select.Icon className=\"mana-select-chevron\"><ChevronDown className=\"size-4\" /></Select.Icon></Select.Trigger><Select.Portal><Select.Positioner sideOffset={6} className=\"z-[var(--mana-z-popout)]\"><Select.Popup className=\"mana-select-listbox min-w-[var(--anchor-width)]\"><Select.List>{options.map((option) => <Select.Item key={option.value} value={option.value} disabled={option.disabled} className=\"mana-select-option mana-text-sm-normal\"><span className=\"mana-select-option-text\"><Select.ItemText className=\"mana-select-option-label\">{option.label}</Select.ItemText></span><Select.ItemIndicator className=\"mana-select-option-check\"><Check className=\"size-4\" /></Select.ItemIndicator></Select.Item>)}</Select.List></Select.Popup></Select.Positioner></Select.Portal></Select.Root></label>\n}\n","type":"registry:ui","target":"components/ui/corded-select.tsx"}],"type":"registry:ui"}