import { SelectCompound } from './types/Select.types.ts';
export { SELECT_TRIGGER_STYLES } from './components/select-trigger/styles/SelectTrigger.css.ts';
export { SELECT_CONTENT_STYLES } from './components/select-content/styles/SelectContent.css.ts';
export { SELECT_ITEM_STYLES } from './components/select-item/styles/SelectItem.css.ts';
export { SELECT_LABEL_STYLES } from './components/select-label/styles/SelectLabel.css.ts';
export { SELECT_SEPARATOR_STYLES } from './components/select-separator/styles/SelectSeparator.css.ts';
/**
 * A styled select control built on top of `@base-ui/react/select`.
 *
 * Exposes the commonly used Base UI Select subcomponents, all styled to match
 * the library's design tokens. The trigger looks and behaves like a TextField,
 * and the listbox popup follows the same visual language as the DropdownMenu
 * and Popover components.
 *
 * For a simpler, field-style API (label, helperText, error, options array),
 * use `SelectField`.
 *
 * @example
 * ```tsx
 * <Select value={value} onValueChange={setValue}>
 *   <Select.Trigger placeholder="Pick a fruit" />
 *   <Select.Content>
 *     <Select.List>
 *       <Select.Item value="apple">Apple</Select.Item>
 *       <Select.Item value="banana">Banana</Select.Item>
 *     </Select.List>
 *   </Select.Content>
 * </Select>
 * ```
 */
declare const Select: SelectCompound;
export default Select;