{"version":3,"file":"Select.cjs","sources":["../../../../src/components/forms/select/Select.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\n\r\nimport {\r\n    SelectContent,\r\n    SelectGroup,\r\n    SelectItem,\r\n    SelectLabel,\r\n    SelectList,\r\n    SelectSeparator,\r\n    SelectTrigger,\r\n} from '@components/forms/select/components'\r\nimport type { SelectCompound } from '@components/forms/select/types/Select.types.ts'\r\nimport { memo } from 'react'\r\n\r\n// Re-export styles so consumers can target / extend them.\r\nexport { SELECT_TRIGGER_STYLES } from '@components/forms/select/components/select-trigger/styles/SelectTrigger.css.ts'\r\nexport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nexport { SELECT_ITEM_STYLES } from '@components/forms/select/components/select-item/styles/SelectItem.css.ts'\r\nexport { SELECT_LABEL_STYLES } from '@components/forms/select/components/select-label/styles/SelectLabel.css.ts'\r\nexport { SELECT_SEPARATOR_STYLES } from '@components/forms/select/components/select-separator/styles/SelectSeparator.css.ts'\r\n\r\n/**\r\n * A styled select control built on top of `@base-ui/react/select`.\r\n *\r\n * Exposes the commonly used Base UI Select subcomponents, all styled to match\r\n * the library's design tokens. The trigger looks and behaves like a TextField,\r\n * and the listbox popup follows the same visual language as the DropdownMenu\r\n * and Popover components.\r\n *\r\n * For a simpler, field-style API (label, helperText, error, options array),\r\n * use `SelectField`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Select value={value} onValueChange={setValue}>\r\n *   <Select.Trigger placeholder=\"Pick a fruit\" />\r\n *   <Select.Content>\r\n *     <Select.List>\r\n *       <Select.Item value=\"apple\">Apple</Select.Item>\r\n *       <Select.Item value=\"banana\">Banana</Select.Item>\r\n *     </Select.List>\r\n *   </Select.Content>\r\n * </Select>\r\n * ```\r\n */\r\nconst Select = memo<BaseSelect.Root.Props<string>>((props) => <BaseSelect.Root {...props} />) as unknown as SelectCompound\r\n\r\nSelect.displayName = 'Select'\r\n\r\nSelect.Trigger = SelectTrigger\r\nSelect.Content = SelectContent\r\nSelect.List = SelectList\r\nSelect.Group = SelectGroup\r\nSelect.Label = SelectLabel\r\nSelect.Item = SelectItem\r\nSelect.Separator = SelectSeparator\r\n\r\nexport default Select\r\n"],"names":["Select","memo","props","jsx","BaseSelect","SelectTrigger","SelectContent","SelectList","SelectGroup","SelectLabel","SelectItem","SelectSeparator"],"mappings":"0jEA6CMA,EAASC,EAAAA,KAAqCC,GAAUC,EAAAA,IAACC,EAAAA,OAAW,KAAX,CAAiB,GAAGF,EAAO,CAAE,EAE5FF,EAAO,YAAc,SAErBA,EAAO,QAAUK,EACjBL,EAAO,QAAUM,EACjBN,EAAO,KAAOO,EACdP,EAAO,MAAQQ,EACfR,EAAO,MAAQS,EACfT,EAAO,KAAOU,EACdV,EAAO,UAAYW"}