import { Select as SelectPrimitive } from 'radix-ui';
import type { DropdownSide } from '.';
declare const DEFAULT_MAX_HEIGHT = 240;
/**
 * The root component of the Select.
 * @see https://www.radix-ui.com/primitives/docs/components/select#root
 */
declare const Select: import("react").FC<SelectPrimitive.SelectProps>;
/**
 * Renders the value of the selected item.
 * @see https://www.radix-ui.com/primitives/docs/components/select#value
 */
declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
/**
 * Displays the current value of the select and opens the Select dropdown on click.
 * @see https://www.radix-ui.com/primitives/docs/components/select#trigger
 */
declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
declare const LISTBOX_CONTENT_CLASS: string;
/**
 * The outer container for the select content that handles positioning and animations.
 * @param maxWidth - The maximum width of the content. Can be 'trigger', 'none', 'screen', or a number in pixels.
 * @param minWidth - The minimum width of the content. Can be 'trigger', 'none', or a number in pixels.
 * @param maxHeight - The maximum height of the content in pixels.
 * @param side - The preferred side of the trigger to render against when open.
 */
declare const SelectContentOuter: import("react").ForwardRefExoticComponent<Omit<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "position" | "side"> & {
    /**
     * The maximum width of the content.
     * @default 'screen'
     */
    maxWidth?: "trigger" | "none" | "screen" | number;
    /**
     * The minimum width of the content.
     * @default 'trigger'
     */
    minWidth?: "trigger" | "none" | number;
    /**
     * The maximum height of the content in pixels.
     * @default 240
     */
    maxHeight?: number;
    /**
     * The preferred side of the trigger to render against when open.
     * @default 'bottom-start'
     */
    side?: DropdownSide;
} & import("react").RefAttributes<HTMLDivElement>>;
/**
 * The viewport component that contains the select items and scroll buttons.
 * This component wraps the content in scroll buttons and handles the scrolling behavior.
 */
declare const SelectContentViewport: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectViewportProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * The component that contains the select items.
 * This is a wrapper around SelectContentOuter and SelectContentViewport.
 * @see https://www.radix-ui.com/primitives/docs/components/select#content
 */
declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "position" | "side"> & {
    /**
     * The maximum width of the content.
     * @default 'screen'
     */
    maxWidth?: "trigger" | "none" | "screen" | number;
    /**
     * The minimum width of the content.
     * @default 'trigger'
     */
    minWidth?: "trigger" | "none" | number;
    /**
     * The maximum height of the content in pixels.
     * @default 240
     */
    maxHeight?: number;
    /**
     * The preferred side of the trigger to render against when open.
     * @default 'bottom-start'
     */
    side?: DropdownSide;
} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const listBoxItemVariants: import("tailwind-variants").TVReturnType<{
    mode: {
        combobox: {
            focus: string;
        };
        select: {
            focus: string;
        };
    };
}, {
    outer: string;
    focus: string;
    content: string;
    contentStart: string;
    contentMiddle: string;
    contentEnd: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        mode?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & import("tailwind-variants/dist/config.js").TWMConfig & {
    twMerge: true;
    twMergeConfig: {
        extend: {
            classGroups: {
                type: {
                    type: string[];
                }[];
                'text-wrap': string[];
                rounded: {
                    rounded: string[];
                }[];
            };
        };
    };
}, {
    mode: {
        combobox: {
            focus: string;
        };
        select: {
            focus: string;
        };
    };
}, {
    outer: string;
    focus: string;
    content: string;
    contentStart: string;
    contentMiddle: string;
    contentEnd: string;
}, import("tailwind-variants").TVReturnType<{
    mode: {
        combobox: {
            focus: string;
        };
        select: {
            focus: string;
        };
    };
}, {
    outer: string;
    focus: string;
    content: string;
    contentStart: string;
    contentMiddle: string;
    contentEnd: string;
}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
    mode: {
        combobox: {
            focus: string;
        };
        select: {
            focus: string;
        };
    };
}, {
    mode: {
        combobox: {
            focus: string;
        };
        select: {
            focus: string;
        };
    };
}>, unknown, unknown, undefined>>;
/**
 * A single selectable item within the select dropdown.
 * @param mode - The mode of the item, either 'combobox' or 'select'. Affects the styling and behavior.
 * @see https://www.radix-ui.com/primitives/docs/components/select#item
 */
declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
    mode?: "combobox" | "select";
} & import("react").RefAttributes<HTMLDivElement>>;
/**
 * Used to visually separate items in the various components such as Select and Dropdown Menu.
 * Renders a horizontal line between items.
 */
declare const ListboxSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * Used to visually separate items in the select dropdown.
 * @see https://www.radix-ui.com/primitives/docs/components/select#separator
 */
declare const SelectSeparator: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export { LISTBOX_CONTENT_CLASS, listBoxItemVariants, ListboxSeparator, Select, DEFAULT_MAX_HEIGHT as SELECT_DEFAULT_MAX_HEIGHT, SelectContent, SelectContentOuter, SelectContentViewport, SelectItem, SelectSeparator, SelectTrigger, SelectValue, };