/**
 * Recipe configuration for the Combobox component.
 * Defines the styling variants and base styles using Chakra UI's recipe system.
 */
export declare const comboBoxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "content" | "input" | "option" | "section" | "popover" | "leadingElement" | "tagGroup" | "listBox" | "optionIndicator" | "optionContent", {
    size: {
        sm: {
            trigger: {
                minH: "800";
                textStyle: "sm";
            };
            leadingElement: {
                minH: "800";
            };
        };
        md: {
            trigger: {
                minH: "1000";
                textStyle: "md";
            };
            leadingElement: {
                minH: "1000";
            };
        };
    };
    variant: {
        solid: {
            root: {
                bg: "primary.1";
                "&:hover:not([data-disabled='true'])": {
                    bg: "primary.2";
                };
                width: "7200";
            };
            trigger: {
                "--border-width": "sizes.25";
                "--border-color": "colors.neutral.7";
                width: "100%";
            };
        };
        ghost: {
            root: {
                bg: "transparent";
                "&:hover:not([data-disabled='true'])": {
                    bg: "primaryAlpha.2";
                };
                width: "7200";
            };
            trigger: {
                "--border-width": "sizes.25";
                "--border-color": "transparent";
                bg: "transparent";
                width: "100%";
            };
        };
    };
    selectionMode: {
        multiple: {
            options: {
                boxShadow: "none";
                px: "200";
                my: "200";
                minW: "unset";
                "& section:first-of-type > header": {
                    mt: number;
                };
            };
            option: {
                colorPalette: "primary";
                display: "flex";
                alignItems: "flex-start";
                justifyContent: "center";
                position: "relative";
                cursor: "pointer";
                gap: "200";
                mb: "var(--focus-ring-width)";
                "&:last-of-type": {
                    mb: number;
                };
                '&[aria-selected="true"]': {
                    bg: "unset";
                };
                '&[data-focused="true"]': {
                    outlineWidth: "var(--focus-ring-width)";
                    outlineColor: "var(--focus-ring-color)";
                    outlineStyle: "var(--focus-ring-style)";
                    bg: "unset";
                };
                _hover: {
                    bg: "primary.2";
                };
            };
        };
        single: {};
        none: {};
    };
}>;