import * as React from 'react'; import { Select as BaseSelect } from '@base-ui/react/select'; import { type FloatingContentProps } from '../../internal/floating'; type SelectSize = 'sm' | 'md' | 'lg'; type SelectVariant = 'outline' | 'soft'; type BaseSelectRootProps = React.ComponentProps; interface SelectProps extends BaseSelectRootProps { /** * Trigger height, popup radius, and item sizing. * @default 'md' */ size?: SelectSize; /** * Trigger appearance - bordered or filled. * @default 'outline' */ variant?: SelectVariant; /** * Overlay the selected item over the trigger on open. **Set `false` when using a `startSlot`.** * @default true */ alignItemWithTrigger?: boolean; } declare function Select({ size, variant, alignItemWithTrigger, value, defaultValue, onValueChange, multiple, children, ...rest }: SelectProps): React.JSX.Element; interface SelectTriggerProps extends React.ComponentProps { /** * Render a clear button inside the trigger when a value is present. * @default false */ clearable?: boolean; /** Adornment before the value. Pair with `alignItemWithTrigger={false}`. */ startSlot?: React.ReactNode; /** Adornment after the value, before the chevron. */ endSlot?: React.ReactNode; } declare function SelectTrigger({ className, clearable, startSlot, endSlot, children, onKeyDown, ...props }: SelectTriggerProps): React.JSX.Element; type SelectValueProps = React.ComponentProps; declare function SelectValue({ className, ...props }: SelectValueProps): React.JSX.Element; type SelectContentProps = React.ComponentProps & FloatingContentProps, React.ComponentProps> & { /** Per-popup override of the root's alignment setting. */ alignItemWithTrigger?: boolean; }; declare function SelectContent({ className, alignItemWithTrigger: alignOverride, children, ...props }: SelectContentProps): React.JSX.Element; type SelectGroupProps = React.ComponentProps; declare function SelectGroup(props: SelectGroupProps): React.JSX.Element; type SelectGroupLabelProps = React.ComponentProps; declare function SelectGroupLabel({ className, ...props }: SelectGroupLabelProps): React.JSX.Element; interface SelectItemProps extends React.ComponentProps { } declare function SelectItem({ className, children, ...props }: SelectItemProps): React.JSX.Element; type SelectSeparatorProps = React.ComponentProps; declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): React.JSX.Element; export { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator }; export type { SelectProps, SelectTriggerProps, SelectValueProps, SelectContentProps, SelectGroupProps, SelectGroupLabelProps, SelectItemProps, SelectSeparatorProps, }; //# sourceMappingURL=select.d.ts.map