import { ComponentStyleConfig, StyleFunctionProps } from "@chakra-ui/react";
declare const $alertFg: {
    variable: string;
    reference: string;
};
declare const $alertBg: {
    variable: string;
    reference: string;
};
export declare const componentStyles: {
    Alert: {
        baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
            keys: ("container" | "icon" | "spinner" | "title" | "description")[];
        }> | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("container" | "icon" | "spinner" | "title" | "description")[];
            }>;
        } | undefined;
        variants?: {
            subtle: ({ theme, colorScheme }: StyleFunctionProps) => {
                container: {
                    borderRadius: string;
                    color?: undefined;
                };
            } | {
                container: {
                    [$alertBg.variable]: string;
                    [$alertFg.variable]: string;
                    color: string;
                    borderRadius: string;
                };
            };
            solid: ({ theme, colorScheme }: StyleFunctionProps) => {
                container: {
                    [$alertBg.variable]: string;
                    [$alertFg.variable]: string;
                };
            };
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: "solid" | "subtle" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("container" | "icon" | "spinner" | "title" | "description")[];
    };
    Checkbox: ComponentStyleConfig;
    Radio: import("@chakra-ui/react").ComponentSingleStyleConfig;
    Input: ComponentStyleConfig;
    Button: ComponentStyleConfig;
    Select: ComponentStyleConfig;
    Tag: import("@chakra-ui/react").ComponentMultiStyleConfig;
    Textarea: ComponentStyleConfig;
    NumberInput: ComponentStyleConfig;
    Badge: import("@chakra-ui/react").ComponentSingleStyleConfig;
    Card: {
        baseStyle?: (({ theme }: StyleFunctionProps) => {
            container: {
                [x: string]: string | {
                    paddingTop: number;
                };
                color: string;
                "& > .chakra-card__header + .chakra-card__body, & > .chakra-card__body + .chakra-card__footer": {
                    paddingTop: number;
                };
            };
            header: {
                color: string;
                fontSize: string;
                fontWeight: number;
            };
        }) | undefined;
        sizes?: {
            sm: {
                container: {
                    [x: string]: string;
                };
            };
            md: {
                container: {
                    [x: string]: string;
                };
            };
            lg: {
                container: {
                    [x: string]: string;
                };
            };
        } | undefined;
        variants?: {
            outline: {
                container: {
                    [x: string]: string;
                };
            };
            elevated: {
                container: {
                    [x: string]: string;
                };
            };
        } | undefined;
        defaultProps?: {
            size?: "sm" | "md" | "lg" | undefined;
            variant?: "elevated" | "outline" | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("header" | "container" | "body" | "footer")[];
    };
    FormError: import("@chakra-ui/react").ComponentSingleStyleConfig;
    Drawer: {
        baseStyle?: (({ theme }: StyleFunctionProps) => {
            dialog: {
                bg: string;
                color: string;
                borderWidth: string;
                borderStyle: string;
                borderColor: string;
                boxShadow: string;
            };
            overlay: {
                bg: string;
                backdropFilter: string;
            };
            header: {
                px: number;
                py: number;
                pe: number;
                fontSize: string;
                fontWeight: number;
                lineHeight: number;
                color: string;
                borderBottomWidth: string;
                borderBottomStyle: string;
                borderBottomColor: string;
            };
            closeButton: {
                top: number;
                insetEnd: number;
            };
            body: {
                px: number;
                py: number;
            };
            footer: {
                px: number;
                py: number;
                display: string;
                justifyContent: string;
                gap: number;
                borderTopWidth: string;
                borderTopStyle: string;
                borderTopColor: string;
            };
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("header" | "overlay" | "body" | "dialog" | "footer" | "closeButton" | "dialogContainer")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("header" | "overlay" | "body" | "dialog" | "footer" | "closeButton" | "dialogContainer")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("header" | "overlay" | "body" | "dialog" | "footer" | "closeButton" | "dialogContainer")[];
    };
    Menu: {
        baseStyle?: (({ theme }: StyleFunctionProps) => {
            list: {
                borderRadius: "xl";
                boxShadow: "md";
                bg: string;
                color: string;
                borderWidth: string;
                borderStyle: string;
                borderColor: string;
            };
            divider: {
                opacity?: number | undefined;
                borderColor: string;
            };
            item: {
                color: string;
                minH: string;
                px: string;
                py: string;
                mx: string;
                width: string;
                fontSize: string;
                borderRadius: "md";
                bg: string;
                _focus: {
                    [x: string]: string;
                    bg: string;
                };
                _hover: {
                    [x: string]: string;
                    bg: string;
                };
                _active: {
                    [x: string]: string;
                    bg: string;
                };
                _expanded: {
                    [x: string]: string;
                    bg: string;
                };
                "&[aria-checked=true]": {
                    color: string;
                    fontWeight: number;
                    "& .chakra-menu__icon-wrapper": {
                        color: string;
                    };
                };
            };
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("divider" | "button" | "icon" | "list" | "command" | "item" | "groupTitle")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("divider" | "button" | "icon" | "list" | "command" | "item" | "groupTitle")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("divider" | "button" | "icon" | "list" | "command" | "item" | "groupTitle")[];
    };
    Modal: {
        baseStyle?: (({ theme }: StyleFunctionProps) => {
            dialog: {
                bg: string;
                borderRadius: string;
                color: string;
                borderWidth: string;
                borderStyle: string;
                borderColor: string;
                boxShadow: string;
            };
            overlay: {
                bg: string;
                backdropFilter: string;
            };
            header: {
                px: number;
                py: number;
                pe: number;
                fontSize: string;
                fontWeight: number;
                lineHeight: number;
                color: string;
                borderBottomWidth: string;
                borderBottomStyle: string;
                borderBottomColor: string;
            };
            closeButton: {
                top: number;
                insetEnd: number;
            };
            body: {
                px: number;
                py: number;
            };
            footer: {
                px: number;
                py: number;
                display: string;
                justifyContent: string;
                gap: number;
                borderTopWidth: string;
                borderTopStyle: string;
                borderTopColor: string;
            };
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("header" | "overlay" | "body" | "dialog" | "footer" | "closeButton" | "dialogContainer")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("header" | "overlay" | "body" | "dialog" | "footer" | "closeButton" | "dialogContainer")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("header" | "overlay" | "body" | "dialog" | "footer" | "closeButton" | "dialogContainer")[];
    };
    Popover: {
        baseStyle?: (({ theme }: StyleFunctionProps) => {
            content: {
                borderRadius: "xl";
                boxShadow: "md";
                bg: string;
                color: string;
                borderWidth: string;
                borderStyle: string;
                borderColor: string;
            };
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("header" | "content" | "body" | "footer" | "closeButton" | "popper" | "arrow")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("header" | "content" | "body" | "footer" | "closeButton" | "popper" | "arrow")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("header" | "content" | "body" | "footer" | "closeButton" | "popper" | "arrow")[];
    };
    Slider: {
        baseStyle?: (({ theme }: StyleFunctionProps) => {
            thumb: {
                [x: string]: string;
                bg: string;
            };
        }) | undefined;
        sizes?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
            }>;
        } | undefined;
        variants?: {
            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
                keys: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
            }>;
        } | undefined;
        defaultProps?: {
            size?: string | number | undefined;
            variant?: string | number | undefined;
            colorScheme?: string | undefined;
        } | undefined;
        parts: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
    };
    Skeleton: import("@chakra-ui/react").ComponentSingleStyleConfig;
    Tooltip: import("@chakra-ui/react").ComponentSingleStyleConfig;
    CloseButton: import("@chakra-ui/react").ComponentSingleStyleConfig;
};
export {};