export declare const parts: import("../../utils/anatomy").AnatomyInstance<"list" | "icon" | "chevron" | "item" | "field" | "fieldwrapper" | "highlight" | "itemDescription" | "emptyItem" | "checkContainer" | "tag" | "tagIcon" | "itemContainer">;
export declare const MultiSelect: {
    baseStyle?: ((props: import("@chakra-ui/react").StyleFunctionProps) => {
        chevron: {
            display: string;
        };
        itemContainer: {
            display: string;
            flexWrap: string;
            flexGrow: number;
            gap: string;
        };
        fieldwrapper: {
            display: string;
            justifyContent: string;
            flexWrap: string;
            cursor: string;
            _disabled: {
                cursor: string;
            };
            transitionProperty: string;
            transitionDuration: string;
        };
        icon: {
            display: string;
            h: string;
            height: string;
        };
        checkContainer: {
            flexShrink: number;
            display: string;
            alignItems: string;
            justifyContent: string;
            verticalAlign: string;
            borderColor: string;
            bg: string;
        };
        tagIcon: {
            display: string;
            h: string;
            height: string;
        };
        field: {
            cursor?: string | undefined;
            _disabled: {
                cursor: string;
            };
            m?: number | undefined;
            minW: string | number;
            minH?: number | undefined;
            h?: number | undefined;
            height?: number | undefined;
            w?: number | undefined;
            opacity?: number | undefined;
            flexGrow: number;
            width: number;
            bg: string;
            px: string;
            alignSelf: string;
            _focusVisible: {
                outline: string;
            };
        };
        item?: ({
            [x: string]: string | {
                color: string;
                opacity: number;
                cursor: string;
            } | {
                [x: string]: string;
                _active?: undefined;
                boxShadow?: undefined;
            } | {
                _hover: {
                    [x: string]: string;
                };
                _active: {
                    [x: string]: string;
                };
                color: string;
                opacity: number;
                cursor: string;
                boxShadow?: undefined;
            } | {
                [x: string]: string | {
                    [x: string]: string;
                };
                _active: {
                    [x: string]: string;
                };
                boxShadow?: undefined;
            } | {
                boxShadow: string;
                _active: {
                    [x: string]: string;
                };
            };
            bg: string;
            textStyle: string;
            fontWeight: string;
            color: string;
            _hover: {
                [x: string]: string;
            };
            _disabled: {
                color: string;
                opacity: number;
                cursor: string;
            };
            '&[aria-disabled=true], &[data-disabled]': {
                _hover: {
                    [x: string]: string;
                };
                _active: {
                    [x: string]: string;
                };
                color: string;
                opacity: number;
                cursor: string;
            };
            _focus: {
                [x: string]: string | {
                    [x: string]: string;
                };
                _active: {
                    [x: string]: string;
                };
            };
            _focusVisible: {
                boxShadow: string;
                _active: {
                    [x: string]: string;
                };
            };
            _active: {
                [x: string]: string;
            };
        } & {
            _selected: {
                [x: string]: string | {
                    [x: string]: string;
                };
                _active: {
                    [x: string]: string;
                };
            } | undefined;
        }) | undefined;
        highlight?: {
            bg: string;
        } | undefined;
        selected?: {
            zIndex: number;
            gridArea: string;
            alignItems: string;
            pointerEvents: string;
            _disabled: {
                color: string;
            };
        } | undefined;
        itemDescription?: {
            textStyle: string;
            color: string;
        } | undefined;
        emptyItem?: {
            fontStyle: string;
            cursor: string;
            _hover: {
                bg: string;
            };
            _active: {
                bg: string;
            };
            bg: string;
            textStyle: string;
            fontWeight: string;
            color: string;
            _disabled: {
                color: string;
                opacity: number;
                cursor: string;
            };
            '&[aria-disabled=true], &[data-disabled]': {
                _hover: {
                    [x: string]: string;
                };
                _active: {
                    [x: string]: string;
                };
                color: string;
                opacity: number;
                cursor: string;
            };
            _focus: {
                [x: string]: string | {
                    [x: string]: string;
                };
                _active: {
                    [x: string]: string;
                };
            };
            _focusVisible: {
                boxShadow: string;
                _active: {
                    [x: string]: string;
                };
            };
            _selected: {
                [x: string]: string | {
                    [x: string]: string;
                };
                _active: {
                    [x: string]: string;
                };
            } | undefined;
        } | undefined;
        list?: ({
            [x: string]: string | number;
            mt: string;
            border: string;
            borderRadius: number;
            minWidth: string;
            boxShadow: string;
        } & {
            my: string;
            w: string;
            overflowY: string;
            maxH: string;
            bg: string;
        }) | undefined;
    }) | undefined;
    sizes?: {
        xs: (props: import("@chakra-ui/react").StyleFunctionProps) => any;
        sm: (props: import("@chakra-ui/react").StyleFunctionProps) => any;
        md: (props: import("@chakra-ui/react").StyleFunctionProps) => any;
    } | undefined;
    variants?: {
        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
            fieldwrapper: {
                zIndex?: number | undefined;
                borderColor?: any;
                boxShadow?: string | undefined;
                _focusWithin: {
                    zIndex: number;
                    borderColor: any;
                    boxShadow: string;
                } | undefined;
                borderRadius: string;
                bg?: string | undefined;
                border?: string | undefined;
                _placeholder?: {
                    color: string;
                } | undefined;
                _hover?: {
                    borderColor: string;
                } | undefined;
                _invalid?: {
                    borderColor: any;
                    boxShadow: string;
                } | undefined;
                _focusVisible?: {
                    zIndex: number;
                    borderColor: any;
                    boxShadow: string;
                } | undefined;
                _disabled?: {
                    bg: string;
                    borderColor: string;
                    color: string;
                    cursor: string;
                    opacity: number;
                    _hover: {
                        bg: string;
                    };
                    _active: {
                        bg: string;
                    };
                } | undefined;
            };
            list?: {
                py: number;
            } | undefined;
            item?: {
                cursor: string;
            } | undefined;
            field?: ({
                borderRadius: string;
                bg: string;
                border: string;
                borderColor: string;
                _placeholder: {
                    color: string;
                };
                _hover: {
                    borderColor: string;
                };
                _invalid: {
                    borderColor: any;
                    boxShadow: string;
                };
                _focusVisible: {
                    zIndex: number;
                    borderColor: any;
                    boxShadow: string;
                };
                _disabled: {
                    bg: string;
                    borderColor: string;
                    color: string;
                    cursor: string;
                    opacity: number;
                    _hover: {
                        bg: string;
                    };
                    _active: {
                        bg: string;
                    };
                };
            } & {
                borderRightRadius: number | undefined;
                gridArea: string;
            }) | undefined;
        };
    } | undefined;
    defaultProps?: {
        size?: "sm" | "md" | "xs" | undefined;
        variant?: "outline" | undefined;
        colorScheme?: string | undefined;
    } | undefined;
    parts: ("list" | "icon" | "chevron" | "item" | "field" | "fieldwrapper" | "highlight" | "itemDescription" | "emptyItem" | "checkContainer" | "tag" | "tagIcon" | "itemContainer")[];
};