import { type PopoverProps } from "../Popover";
import { ComboboxChevron } from "./ComboboxChevron/ComboboxChevron";
import { ComboboxClearButton } from "./ComboboxClearButton/ComboboxClearButton";
import { ComboboxDropdown } from "./ComboboxDropdown/ComboboxDropdown";
import { ComboboxDropdownTarget } from "./ComboboxDropdownTarget/ComboboxDropdownTarget";
import { ComboboxEmpty } from "./ComboboxEmpty/ComboboxEmpty";
import { ComboboxEventsTarget } from "./ComboboxEventsTarget/ComboboxEventsTarget";
import { ComboboxFooter } from "./ComboboxFooter/ComboboxFooter";
import { ComboboxGroup } from "./ComboboxGroup/ComboboxGroup";
import { ComboboxHeader } from "./ComboboxHeader/ComboboxHeader";
import { ComboboxHiddenInput } from "./ComboboxHiddenInput/ComboboxHiddenInput";
import { ComboboxOption, type ComboboxOptionProps } from "./ComboboxOption/ComboboxOption";
import { ComboboxOptions } from "./ComboboxOptions/ComboboxOptions";
import { ComboboxSearch } from "./ComboboxSearch/ComboboxSearch";
import { ComboboxTarget } from "./ComboboxTarget/ComboboxTarget";
import { type ComboboxStore } from "./use-combobox/use-combobox";
import type { ThemeBaseSize, ThemeSize } from "../theme.types";
export type ComboboxStylesNames = "options" | "dropdown" | "option" | "search" | "empty" | "footer" | "header" | "group" | "groupLabel";
export type ComboboxCSSVariables = {
    options: "--combobox-option-fz" | "--combobox-option-padding";
    dropdown: "--combobox-padding" | "--combobox-option-fz" | "--combobox-option-padding";
};
export interface ComboboxProps extends PopoverProps {
    /** Combobox content */
    children?: React.ReactNode;
    /** Combobox store, can be used to control combobox state */
    store?: ComboboxStore;
    /** Called when item is selected with `Enter` key or by clicking it */
    onOptionSubmit?: (value: string, optionProps: ComboboxOptionProps) => void;
    /** Controls items `font-size` and `padding`
     * @default "sm" */
    size?: ThemeSize;
    /** Controls `padding` of the dropdown
     * @default 4
     */
    dropdownPadding?: React.CSSProperties["padding"];
    /** Controls `padding` of the Option
     * @default sm
     */
    optionPadding?: ThemeBaseSize;
    /** Determines whether selection should be reset when option is hovered
     * @default false
     */
    resetSelectionOnOptionHover?: boolean;
    /** Determines whether Combobox value can be changed */
    readOnly?: boolean;
}
export declare function Combobox(props: ComboboxProps): import("react").JSX.Element;
export declare namespace Combobox {
    var displayName: string;
    var Target: typeof ComboboxTarget;
    var Trigger: typeof ComboboxTarget;
    var Dropdown: typeof ComboboxDropdown;
    var Options: typeof ComboboxOptions;
    var Option: typeof ComboboxOption;
    var Search: typeof ComboboxSearch;
    var Empty: typeof ComboboxEmpty;
    var Chevron: typeof ComboboxChevron;
    var Footer: typeof ComboboxFooter;
    var Header: typeof ComboboxHeader;
    var EventsTarget: typeof ComboboxEventsTarget;
    var DropdownTarget: typeof ComboboxDropdownTarget;
    var Group: typeof ComboboxGroup;
    var ClearButton: typeof ComboboxClearButton;
    var HiddenInput: typeof ComboboxHiddenInput;
}