import * as React from 'react'; import * as SelectPrimitive from '@radix-ui/react-select'; /** * Select Root component */ declare const Select: React.FC; /** * SelectGroup component */ declare const SelectGroup: React.ForwardRefExoticComponent>; /** * SelectValue component */ declare const SelectValue: React.ForwardRefExoticComponent>; /** * SelectTrigger component props */ export type SelectTriggerProps = React.ComponentPropsWithoutRef; /** * SelectTrigger component - Button that opens the select dropdown * * @example * ```tsx * * ``` */ declare function SelectTrigger({ ref, className, children, ...props }: SelectTriggerProps & { ref?: React.Ref>; }): import("react/jsx-runtime").JSX.Element; declare namespace SelectTrigger { var displayName: string | undefined; } /** * SelectScrollUpButton component - Scroll up button for long lists */ declare function SelectScrollUpButton({ ref, className, ...props }: React.ComponentPropsWithoutRef & { ref?: React.Ref>; }): import("react/jsx-runtime").JSX.Element; declare namespace SelectScrollUpButton { var displayName: string | undefined; } /** * SelectScrollDownButton component - Scroll down button for long lists */ declare function SelectScrollDownButton({ ref, className, ...props }: React.ComponentPropsWithoutRef & { ref?: React.Ref>; }): import("react/jsx-runtime").JSX.Element; declare namespace SelectScrollDownButton { var displayName: string | undefined; } /** * SelectContent component props */ export interface SelectContentProps extends React.ComponentPropsWithoutRef { position?: 'item-aligned' | 'popper'; } /** * SelectContent component - Dropdown content container * * @example * ```tsx * * ``` */ declare function SelectContent({ ref, className, children, position, ...props }: SelectContentProps & { ref?: React.Ref>; }): import("react/jsx-runtime").JSX.Element; declare namespace SelectContent { var displayName: string | undefined; } /** * SelectLabel component props */ export type SelectLabelProps = React.ComponentPropsWithoutRef; /** * SelectLabel component - Label for select option groups * * @example * ```tsx * * Fruits * Apple * Banana * * ``` */ declare function SelectLabel({ ref, className, ...props }: SelectLabelProps & { ref?: React.Ref>; }): import("react/jsx-runtime").JSX.Element; declare namespace SelectLabel { var displayName: string | undefined; } /** * SelectItem component props */ export type SelectItemProps = React.ComponentPropsWithoutRef; /** * SelectItem component - Individual select option * * @example * ```tsx * * Option 1 * Option 2 (disabled) * * ``` */ declare function SelectItem({ ref, className, children, ...props }: SelectItemProps & { ref?: React.Ref>; }): import("react/jsx-runtime").JSX.Element; declare namespace SelectItem { var displayName: string | undefined; } /** * SelectSeparator component - Visual separator between select items */ declare function SelectSeparator({ ref, className, ...props }: React.ComponentPropsWithoutRef & { ref?: React.Ref>; }): import("react/jsx-runtime").JSX.Element; declare namespace SelectSeparator { var displayName: string | undefined; } export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, }; //# sourceMappingURL=Select.d.ts.map