export declare const components: {
    Accordion: {
        baseStyle?: {
            container: {
                borderTopWidth: string;
                borderColor: string;
                _last: {
                    borderBottomWidth: string;
                };
            };
            button: {
                transitionProperty: string;
                transitionDuration: string;
                _focusVisible: {
                    boxShadow: string;
                };
                _hover: {};
                _disabled: {
                    opacity: number;
                    cursor: string;
                };
                px: string;
                py: string;
            };
            panel: {
                pt: string;
                px: string;
                pb: string;
            };
            icon: {
                fontSize: string;
            };
        } | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("button" | "container" | "root" | "panel" | "icon")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("button" | "container" | "root" | "panel" | "icon")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("button" | "container" | "root" | "panel" | "icon")[];
    };
    Badge: {
        baseStyle?: {
            textTransform: string;
            borderRadius: string;
            bg: string;
            color: string;
            boxShadow: string;
        } | undefined;
        sizes?: {
            lg: {
                fontWeight: string;
                px: string;
                py: string;
                fontFamily: string;
                fontSize: string;
                lineHeight: string;
            };
            md: {
                fontWeight: string;
                px: string;
                py: string;
                fontFamily: string;
                fontSize: string;
                lineHeight: string;
            };
            sm: {
                fontWeight: string;
                px: string;
                py: string;
                fontFamily: string;
                fontSize: string;
                lineHeight: string;
            };
        } | undefined;
        variants?: {
            solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                [x: string]: string | {
                    [x: string]: string;
                };
                _dark: {
                    [x: string]: string;
                };
            };
            subtle: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                [x: string]: string | {
                    [x: string]: string;
                };
                _dark: {
                    [x: string]: string;
                };
            };
            outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                [x: string]: string | {
                    [x: string]: string;
                };
                _dark: {
                    [x: string]: string;
                };
            };
            grayscale: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                [x: string]: string | {
                    color: string;
                    svg?: undefined;
                } | {
                    [x: string]: string | {
                        color: string;
                    };
                    svg: {
                        color: string;
                    };
                    color?: undefined;
                };
                svg: {
                    color: string;
                };
                _dark: {
                    [x: string]: string | {
                        color: string;
                    };
                    svg: {
                        color: string;
                    };
                };
            };
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | undefined;
            variant?: "outline" | "solid" | "subtle" | "grayscale" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
    };
    Button: {
        baseStyle?: {
            fontWeight: string;
            _hover: {
                _disabled: {
                    bg: string;
                };
            };
        } | undefined;
        sizes?: {
            '2xl': {
                minW: string;
                px: string;
                borderRadius: string;
                h: string;
                fontSize: string;
                lineHeight: string;
            };
            xl: {
                minW: string;
                px: string;
                borderRadius: string;
                h: string;
                fontSize: string;
                lineHeight: string;
            };
            lg: {
                minW: string;
                px: string;
                borderRadius: string;
                h: string;
                fontSize: string;
                lineHeight: string;
            };
            md: {
                minW: string;
                px: string;
                borderRadius: string;
                h: string;
                fontSize: string;
                lineHeight: string;
            };
            sm: {
                minW: string;
                px: string;
                borderRadius: string;
                h: string;
                fontSize: string;
                lineHeight: string;
            };
            xs: {
                minW: string;
                px: string;
                borderRadius: string;
                h: string;
                fontSize: string;
                lineHeight: string;
            };
        } | undefined;
        variants?: {
            solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                bg: string;
                color: string;
                _hover: {
                    bg: string;
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _active: {
                    bg: string;
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _focus: {
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _disabled: {
                    bg: string;
                    color: string;
                    opacity: number;
                    cursor: string;
                };
            };
            subtle: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                color: string;
                bg: string;
                _hover: {
                    color: string;
                    bg: string;
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _active: {
                    color: string;
                    bg: string;
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _focus: {
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _disabled: {
                    bg: string;
                    color: string;
                    opacity: number;
                    cursor: string;
                };
            };
            ghost: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                color: string;
                bg: string;
                _hover: {
                    color: string;
                    bg: string;
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _active: {
                    color: string;
                    bg: string;
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _focus: {
                    _disabled: {
                        bg: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _disabled: {
                    bg: string;
                    color: string;
                    opacity: number;
                    cursor: string;
                };
            };
            outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                bg: string;
                borderColor: string;
                color: string;
                _hover: {
                    bg: string;
                    borderColor: string;
                    color: string;
                    borderWidth: string;
                    _disabled: {
                        borderColor: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _active: {
                    bg: string;
                    borderColor: string;
                    color: string;
                    borderWidth: string;
                    _disabled: {
                        borderColor: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _focus: {
                    borderWidth: string;
                    _disabled: {
                        borderColor: string;
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                borderWidth: string;
                _disabled: {
                    borderColor: string;
                    color: string;
                    opacity: number;
                    cursor: string;
                };
            };
            text: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                color: string;
                _hover: {
                    color: string;
                    minW: string;
                    height: string;
                    padding: number;
                    _disabled: {
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _active: {
                    color: string;
                    minW: string;
                    height: string;
                    padding: number;
                    _disabled: {
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                _focus: {
                    minW: string;
                    height: string;
                    padding: number;
                    _disabled: {
                        color: string;
                        opacity: number;
                        cursor: string;
                    };
                };
                minW: string;
                height: string;
                padding: number;
                _disabled: {
                    color: string;
                    opacity: number;
                    cursor: string;
                };
            };
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | undefined;
            variant?: "outline" | "text" | "solid" | "subtle" | "ghost" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
    };
    Divider: {
        baseStyle?: {
            borderColor: string;
            _dark: {
                borderColor: string;
            };
        } | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
        } | undefined;
        variants?: {
            solid: {
                borderStyle: string;
            };
            dashed: {
                borderStyle: string;
            };
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: "dashed" | "solid" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
    };
    Form: {
        baseStyle?: (() => {
            container: {
                width: string;
                position: string;
            };
            helperText: {
                [x: string]: string | {
                    [x: string]: string;
                };
                mt: string;
                _dark: {
                    [x: string]: string;
                };
                color: string;
                fontSize: string;
                lineHeight: string;
            };
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("container" | "requiredIndicator" | "helperText")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("container" | "requiredIndicator" | "helperText")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("container" | "requiredIndicator" | "helperText")[];
    };
    FormError: {
        baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            text: {
                color: string;
                mt: string;
                fontSize: string;
            };
            icon: {};
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("text" | "icon")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("text" | "icon")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("text" | "icon")[];
    };
    FormLabel: {
        baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            fontSize: string;
            fontWeight: string;
            lineHeight: string;
            color: string;
            mb: string;
            opacity: number;
            _disabled: {
                color: string;
                opacity: number;
            };
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
    };
    Input: {
        baseStyle?: {
            field: {
                width: string;
                minWidth: number;
                outline: number;
                position: string;
                appearance: string;
                transitionProperty: string;
                transitionDuration: string;
                _disabled: {
                    opacity: number;
                    cursor: string;
                };
            };
        } | undefined;
        sizes?: {
            '2xl': {
                field: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
                addon: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
            };
            xl: {
                field: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
                addon: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
            };
            lg: {
                field: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
                addon: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
            };
            md: {
                field: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
                addon: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
            };
            sm: {
                field: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
                addon: {
                    fontSize: string;
                    lineHeight: string;
                    px: string;
                    h: string;
                    borderRadius: string;
                };
            };
        } | undefined;
        variants?: {
            outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                field: {
                    _active: {
                        bg: string;
                        border: string;
                        borderColor: string;
                        boxShadow: string;
                        color: string;
                        _invalid: {
                            borderColor: string;
                            boxShadow: string;
                            _focus: {
                                boxShadow: string;
                            };
                        };
                    };
                    _hover: {
                        bg: string;
                        border: string;
                        borderColor: string;
                        boxShadow: string;
                        color: string;
                        _invalid: {
                            borderColor: string;
                            boxShadow: string;
                            _focus: {
                                boxShadow: string;
                            };
                        };
                    };
                    _readOnly: {
                        bg: string;
                        border: string;
                        borderColor: string;
                        boxShadow: string;
                        color: string;
                        _invalid: {
                            borderColor: string;
                            boxShadow: string;
                            _focus: {
                                boxShadow: string;
                            };
                        };
                    };
                    _disabled: {
                        opacity: number;
                        cursor: string;
                        bg: string;
                        border: string;
                        borderColor: string;
                        boxShadow: string;
                        color: string;
                        _invalid: {
                            borderColor: string;
                            boxShadow: string;
                            _focus: {
                                boxShadow: string;
                            };
                        };
                    };
                    _invalid: {
                        borderColor: string;
                        boxShadow: string;
                        _focus: {
                            boxShadow: string;
                        };
                    };
                    _focus: {
                        borderColor: string;
                        boxShadow: string;
                        bg: string;
                        border: string;
                        color: string;
                        _invalid: {
                            borderColor: string;
                            boxShadow: string;
                            _focus: {
                                boxShadow: string;
                            };
                        };
                    };
                    _focusVisible: {
                        borderColor: string;
                        boxShadow: string;
                        bg: string;
                        border: string;
                        color: string;
                        _invalid: {
                            borderColor: string;
                            boxShadow: string;
                            _focus: {
                                boxShadow: string;
                            };
                        };
                    };
                    _placeholder: {
                        color: string;
                        opacity: number;
                    };
                    bg: string;
                    border: string;
                    borderColor: string;
                    boxShadow: string;
                    color: string;
                };
                addon: {};
            };
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
            variant?: "outline" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("element" | "addon" | "field")[];
    };
    Link: {
        baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            color: string;
            textDecoration: string;
            _hover: {
                color: string;
            };
            _active: {
                color: string;
            };
            _focusVisible: {
                boxShadow: string;
            };
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
    };
    Modal: {
        baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            overlay: {
                bg: string;
                zIndex: string;
            };
            dialogContainer: {
                display: string;
                zIndex: string;
                justifyContent: string;
                alignItems: string;
                overflow: string;
                overscrollBehaviorY: string;
            };
            dialog: {
                [x: string]: string | {
                    [x: string]: string;
                } | undefined;
                borderRadius: string;
                my: string;
                mx: string;
                maxH: string | undefined;
                _dark: {
                    [x: string]: string;
                };
                bg: string;
                boxShadow: string;
                color: string;
            };
            header: {
                px: {
                    base: string;
                    md: string;
                };
                pt: {
                    base: string;
                    md: string;
                };
                pb: number;
                fontSize: {
                    base: string;
                    md: string;
                };
                lineHeight: {
                    base: string;
                    md: string;
                };
                fontWeight: string;
            };
            closeButton: {
                [x: string]: string | {
                    base: string;
                    md: string;
                    bg?: undefined;
                    _dark?: undefined;
                    boxShadow?: undefined;
                } | {
                    [x: string]: string;
                    base?: undefined;
                    md?: undefined;
                    bg?: undefined;
                    _dark?: undefined;
                    boxShadow?: undefined;
                } | {
                    [x: string]: string | {
                        [x: string]: string;
                    };
                    bg: string;
                    _dark: {
                        [x: string]: string;
                    };
                    base?: undefined;
                    md?: undefined;
                    boxShadow?: undefined;
                } | {
                    boxShadow: string;
                    base?: undefined;
                    md?: undefined;
                    bg?: undefined;
                    _dark?: undefined;
                };
                position: string;
                top: {
                    base: string;
                    md: string;
                };
                insetEnd: {
                    base: string;
                    md: string;
                };
                _dark: {
                    [x: string]: string;
                };
                color: string;
                _hover: {
                    [x: string]: string | {
                        [x: string]: string;
                    };
                    bg: string;
                    _dark: {
                        [x: string]: string;
                    };
                };
                _focusVisible: {
                    boxShadow: string;
                };
            };
            body: {
                px: {
                    base: string;
                    md: string;
                };
                pt: string;
                pb: string;
            };
            footer: {
                px: {
                    base: string;
                    md: string;
                };
                pt: number;
                pb: {
                    base: string;
                    md: string;
                };
            };
        }) | undefined;
        sizes?: {
            xs: {
                dialog: {
                    maxW: string;
                };
            };
            sm: {
                dialog: {
                    maxW: string;
                };
            };
            md: {
                dialog: {
                    maxW: string;
                };
            };
            lg: {
                dialog: {
                    maxW: string;
                };
            };
            xl: {
                dialog: {
                    maxW: string;
                };
            };
            '2xl': {
                dialog: {
                    maxW: string;
                };
            };
            '3xl': {
                dialog: {
                    maxW: string;
                };
            };
            '4xl': {
                dialog: {
                    maxW: string;
                };
            };
            '5xl': {
                dialog: {
                    maxW: string;
                };
            };
            '6xl': {
                dialog: {
                    maxW: string;
                };
            };
            full: {
                dialog: {
                    maxW: string;
                };
            };
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("body" | "dialog" | "footer" | "header" | "overlay" | "dialogContainer" | "closeButton")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("body" | "dialog" | "footer" | "header" | "overlay" | "dialogContainer" | "closeButton")[];
    };
    Popover: {
        baseStyle?: {
            content: {
                [x: string]: string | {
                    [x: string]: string;
                    boxShadow?: undefined;
                } | {
                    boxShadow: string;
                };
                _dark: {
                    [x: string]: string;
                };
                bg: string;
                color: string;
                border: string;
                _focusVisible: {
                    boxShadow: string;
                };
            };
            header: {
                px: string;
                py: string;
            };
            body: {
                fontSize: string;
                lineHeight: string;
                px: string;
                py: string;
            };
            footer: {
                px: string;
                py: string;
            };
            closeButton: {
                position: string;
                borderRadius: string;
                top: string;
                insetEnd: string;
                padding: string;
            };
        } | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("body" | "footer" | "header" | "content" | "closeButton" | "popper" | "arrow")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("body" | "footer" | "header" | "content" | "closeButton" | "popper" | "arrow")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("body" | "footer" | "header" | "content" | "closeButton" | "popper" | "arrow")[];
    };
    Skeleton: {
        baseStyle?: (() => {
            [x: string]: string | number | {
                [x: string]: string;
            };
            _dark: {
                [x: string]: string;
            };
            background: string;
            borderColor: string;
            borderRadius: string;
            opacity: number;
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
    };
    Table: {
        baseStyle?: {
            table: {
                fontVariantNumeric: string;
                borderCollapse: string;
                width: string;
            };
            th: {
                textAlign: string;
            };
            td: {
                textAlign: string;
            };
            caption: {
                mt: string;
                textAlign: string;
            };
        } | undefined;
        sizes?: {
            sm: {
                th: {
                    px: string;
                    py: string;
                };
                td: {
                    px: string;
                    py: string;
                };
                caption: {
                    px: string;
                    py: string;
                };
            };
            md: {
                th: {
                    px: string;
                    py: string;
                };
                td: {
                    px: string;
                    py: string;
                };
                caption: {
                    px: string;
                    py: string;
                };
            };
            lg: {
                th: {
                    px: string;
                    py: string;
                };
                td: {
                    px: string;
                    py: string;
                };
                caption: {
                    px: string;
                    py: string;
                };
            };
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
                keys: ("caption" | "table" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("caption" | "table" | "tbody" | "td" | "tfoot" | "th" | "thead" | "tr")[];
    };
    Tabs: {
        baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
            tab: {
                flex: number | undefined;
                transitionProperty: string;
                transitionDuration: string;
                _focusVisible: {
                    zIndex: number;
                    boxShadow: string;
                };
                _disabled: {
                    cursor: string;
                    opacity: number;
                };
            };
            tabpanel: {};
        }) | undefined;
        sizes?: {
            sm: {
                tablist: {
                    h: string;
                };
                tab: {
                    py: number;
                    px: string;
                    h: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
            md: {
                tablist: {
                    h: string;
                };
                tab: {
                    py: number;
                    px: string;
                    h: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
            lg: {
                tablist: {
                    h: string;
                };
                tab: {
                    py: number;
                    px: string;
                    h: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
            xl: {
                tablist: {
                    h: string;
                };
                tab: {
                    py: number;
                    px: string;
                    h: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
            '2xl': {
                tablist: {
                    h: string;
                };
                tab: {
                    py: number;
                    px: string;
                    h: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
        } | undefined;
        variants?: {
            line: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                tablist: {
                    [x: string]: string;
                    borderColor: string;
                };
                tab: {
                    [x: string]: string | {
                        [x: string]: string | {
                            [x: string]: string;
                        } | {
                            [x: string]: string | {
                                _dark: {
                                    [x: string]: string;
                                    borderColor: string;
                                    bg?: undefined;
                                };
                                bg?: undefined;
                            } | {
                                bg: string;
                                _dark: {
                                    bg: string;
                                    borderColor?: undefined;
                                };
                            };
                            borderColor: string;
                            _selected: {
                                _dark: {
                                    [x: string]: string;
                                    borderColor: string;
                                };
                            };
                            _active: {
                                bg: string;
                                _dark: {
                                    bg: string;
                                };
                            };
                        };
                        borderColor: string;
                        color: string;
                        _dark: {
                            [x: string]: string;
                        };
                        _disabled: {
                            [x: string]: string | {
                                _dark: {
                                    [x: string]: string;
                                    borderColor: string;
                                    bg?: undefined;
                                };
                                bg?: undefined;
                            } | {
                                bg: string;
                                _dark: {
                                    bg: string;
                                    borderColor?: undefined;
                                };
                            };
                            borderColor: string;
                            _selected: {
                                _dark: {
                                    [x: string]: string;
                                    borderColor: string;
                                };
                            };
                            _active: {
                                bg: string;
                                _dark: {
                                    bg: string;
                                };
                            };
                        };
                    } | {
                        [x: string]: string | {
                            [x: string]: string;
                        };
                        _dark: {
                            [x: string]: string;
                        };
                        borderColor?: undefined;
                        color?: undefined;
                        _disabled?: undefined;
                    } | {
                        [x: string]: string | {
                            _dark: {
                                [x: string]: string;
                                borderColor: string;
                                bg?: undefined;
                            };
                            bg?: undefined;
                        } | {
                            bg: string;
                            _dark: {
                                bg: string;
                                borderColor?: undefined;
                            };
                        };
                        borderColor: string;
                        _selected: {
                            _dark: {
                                [x: string]: string;
                                borderColor: string;
                            };
                        };
                        _active: {
                            bg: string;
                            _dark: {
                                bg: string;
                            };
                        };
                        color?: undefined;
                        _dark?: undefined;
                        _disabled?: undefined;
                    };
                    fontWeight: string;
                    borderColor: string;
                    color: string;
                    bg: string;
                    _selected: {
                        [x: string]: string | {
                            [x: string]: string;
                        } | {
                            [x: string]: string | {
                                _dark: {
                                    [x: string]: string;
                                    borderColor: string;
                                    bg?: undefined;
                                };
                                bg?: undefined;
                            } | {
                                bg: string;
                                _dark: {
                                    bg: string;
                                    borderColor?: undefined;
                                };
                            };
                            borderColor: string;
                            _selected: {
                                _dark: {
                                    [x: string]: string;
                                    borderColor: string;
                                };
                            };
                            _active: {
                                bg: string;
                                _dark: {
                                    bg: string;
                                };
                            };
                        };
                        borderColor: string;
                        color: string;
                        _dark: {
                            [x: string]: string;
                        };
                        _disabled: {
                            [x: string]: string | {
                                _dark: {
                                    [x: string]: string;
                                    borderColor: string;
                                    bg?: undefined;
                                };
                                bg?: undefined;
                            } | {
                                bg: string;
                                _dark: {
                                    bg: string;
                                    borderColor?: undefined;
                                };
                            };
                            borderColor: string;
                            _selected: {
                                _dark: {
                                    [x: string]: string;
                                    borderColor: string;
                                };
                            };
                            _active: {
                                bg: string;
                                _dark: {
                                    bg: string;
                                };
                            };
                        };
                    };
                    _active: {
                        [x: string]: string | {
                            [x: string]: string;
                        };
                        _dark: {
                            [x: string]: string;
                        };
                    };
                    _disabled: {
                        [x: string]: string | {
                            _dark: {
                                [x: string]: string;
                                borderColor: string;
                                bg?: undefined;
                            };
                            bg?: undefined;
                        } | {
                            bg: string;
                            _dark: {
                                bg: string;
                                borderColor?: undefined;
                            };
                        };
                        borderColor: string;
                        _selected: {
                            _dark: {
                                [x: string]: string;
                                borderColor: string;
                            };
                        };
                        _active: {
                            bg: string;
                            _dark: {
                                bg: string;
                            };
                        };
                    };
                };
            };
            outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                tablist: {
                    border: string;
                    borderRadius: string;
                    overflow: string;
                };
                tab: {
                    [x: string]: string | {
                        [x: string]: string;
                        fontWeight?: undefined;
                        _dark?: undefined;
                        _disabled?: undefined;
                    } | {
                        [x: string]: string | {
                            [x: string]: string;
                        } | {
                            [x: string]: string | {
                                [x: string]: string;
                            };
                            fontWeight: string;
                            _dark: {
                                [x: string]: string;
                            };
                            _selected: {};
                            _active: {};
                        };
                        fontWeight: string;
                        _dark: {
                            [x: string]: string;
                        };
                        _disabled: {
                            [x: string]: string | {
                                [x: string]: string;
                            };
                            fontWeight: string;
                            _dark: {
                                [x: string]: string;
                            };
                            _selected: {};
                            _active: {};
                        };
                    } | {
                        [x: string]: string | {
                            [x: string]: string;
                        };
                        fontWeight: string;
                        _dark: {
                            [x: string]: string;
                        };
                        _selected: {};
                        _active: {};
                        _disabled?: undefined;
                    };
                    fontWeight: string;
                    _dark: {
                        [x: string]: string;
                    };
                    _selected: {
                        [x: string]: string | {
                            [x: string]: string;
                        } | {
                            [x: string]: string | {
                                [x: string]: string;
                            };
                            fontWeight: string;
                            _dark: {
                                [x: string]: string;
                            };
                            _selected: {};
                            _active: {};
                        };
                        fontWeight: string;
                        _dark: {
                            [x: string]: string;
                        };
                        _disabled: {
                            [x: string]: string | {
                                [x: string]: string;
                            };
                            fontWeight: string;
                            _dark: {
                                [x: string]: string;
                            };
                            _selected: {};
                            _active: {};
                        };
                    };
                    _active: {};
                    _disabled: {
                        [x: string]: string | {
                            [x: string]: string;
                        };
                        fontWeight: string;
                        _dark: {
                            [x: string]: string;
                        };
                        _selected: {};
                        _active: {};
                    };
                    color: string;
                    bg: string;
                };
            };
            solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                tab: {
                    [x: string]: string | {
                        [x: string]: string;
                        _dark?: undefined;
                        _disabled?: undefined;
                    } | {
                        [x: string]: string | {
                            [x: string]: string;
                        } | {
                            [x: string]: string | {
                                [x: string]: string;
                            };
                            _dark: {
                                [x: string]: string;
                            };
                        };
                        _dark: {
                            [x: string]: string;
                        };
                        _disabled: {
                            [x: string]: string | {
                                [x: string]: string;
                            };
                            _dark: {
                                [x: string]: string;
                            };
                        };
                    } | {
                        [x: string]: string | {
                            [x: string]: string;
                        };
                        _dark: {
                            [x: string]: string;
                        };
                        _disabled?: undefined;
                    };
                    borderRadius: string;
                    fontWeight: string;
                    _dark: {
                        [x: string]: string;
                    };
                    _selected: {
                        [x: string]: string | {
                            [x: string]: string;
                        } | {
                            [x: string]: string | {
                                [x: string]: string;
                            };
                            _dark: {
                                [x: string]: string;
                            };
                        };
                        _dark: {
                            [x: string]: string;
                        };
                        _disabled: {
                            [x: string]: string | {
                                [x: string]: string;
                            };
                            _dark: {
                                [x: string]: string;
                            };
                        };
                    };
                    _disabled: {
                        [x: string]: string | {
                            [x: string]: string;
                        };
                        _dark: {
                            [x: string]: string;
                        };
                    };
                    color: string;
                    bg: string;
                };
            };
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
            variant?: "outline" | "line" | "solid" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("tab" | "tablist" | "tabpanel" | "root" | "tabpanels" | "indicator")[];
    };
    Tag: {
        baseStyle?: {
            container: {
                [x: string]: string;
                color: string;
                bg: string;
                boxShadow: string;
                borderRadius: string;
            };
        } | undefined;
        sizes?: {
            lg: {
                container: {
                    fontWeight: string;
                    px: string;
                    py: string;
                    fontFamily: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
            md: {
                container: {
                    fontWeight: string;
                    px: string;
                    py: string;
                    fontFamily: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
            sm: {
                container: {
                    fontWeight: string;
                    px: string;
                    py: string;
                    fontFamily: string;
                    fontSize: string;
                    lineHeight: string;
                };
            };
        } | undefined;
        variants?: {
            subtle: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                container: {
                    [x: string]: string | {
                        [x: string]: string;
                    };
                    _dark: {
                        [x: string]: string;
                    };
                } | undefined;
            };
            solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                container: {
                    [x: string]: string | {
                        [x: string]: string;
                    };
                    _dark: {
                        [x: string]: string;
                    };
                } | undefined;
            };
            outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                container: {
                    [x: string]: string | {
                        [x: string]: string;
                    };
                    _dark: {
                        [x: string]: string;
                    };
                } | undefined;
            };
            grayscale: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
                container: {
                    [x: string]: string | {
                        color: string;
                        svg?: undefined;
                    } | {
                        [x: string]: string | {
                            color: string;
                        };
                        svg: {
                            color: string;
                        };
                        color?: undefined;
                    };
                    svg: {
                        color: string;
                    };
                    _dark: {
                        [x: string]: string | {
                            color: string;
                        };
                        svg: {
                            color: string;
                        };
                    };
                } | undefined;
            };
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | undefined;
            variant?: "outline" | "solid" | "subtle" | "grayscale" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("label" | "container" | "closeButton")[];
    };
    Textarea: {
        baseStyle?: {
            paddingY: string;
            minHeight: string;
            verticalAlign: string;
            width?: string | undefined;
            minWidth?: number | undefined;
            outline?: number | undefined;
            position?: string | undefined;
            appearance?: string | undefined;
            transitionProperty?: string | undefined;
            transitionDuration?: string | undefined;
            _disabled?: {
                opacity: number;
                cursor: string;
            } | undefined;
        } | undefined;
        sizes?: {
            sm: {};
            md: {};
            lg: {};
            xl: {};
            '2xl': {};
        } | undefined;
        variants?: {
            outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {};
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
            variant?: "outline" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
    };
    Tooltip: {
        baseStyle?: {
            [x: string]: string | {
                [x: string]: string;
                boxShadow: string;
            };
            bg: string;
            color: string;
            boxShadow: string;
            _dark: {
                [x: string]: string;
                boxShadow: string;
            };
            px: string;
            py: string;
            borderRadius: string;
            zIndex: string;
        } | undefined;
        sizes?: {
            sm: {
                fontSize: string;
                lineHeight: string;
                px: string;
                py: string;
            };
            md: {
                fontSize: string;
                lineHeight: string;
                px: string;
                py: string;
            };
            lg: {
                fontSize: string;
                lineHeight: string;
                px: string;
                py: string;
            };
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
    };
};
//# sourceMappingURL=index.d.ts.map