export declare const defaultTheme: {
    breakpoints: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    breakpoint: (breakpoint: keyof import("@retriever-ui/type").BreakpointsType) => string;
    font: import("@retriever-ui/type").FontType;
    button: import("@retriever-ui/type").ButtonType;
    layers: {
        base: number;
        header: number;
        menu: number;
        overlay: number;
        modal: number;
        alwaysOnTop: number;
    };
};
export declare const darkTheme: {
    colors: {
        'primary.50': string;
        'primary.100': string;
        'primary.200': string;
        'primary.300': string;
        'primary.400': string;
        'primary.500': string;
        'primary.600': string;
        'primary.700': string;
        'secondary.100': string;
        'secondary.200': string;
        'secondary.300': string;
        'secondary.400': string;
        'secondary.500': string;
        'secondary.600': string;
        'secondary.700': string;
        'black.0': string;
        'black.50': string;
        'black.100': string;
        'black.200': string;
        'black.300': string;
        'black.400': string;
        'black.500': string;
        'black.600': string;
        'black.700': string;
        'black.800': string;
        'black.900': string;
        'green.100': string;
        'green.200': string;
        'green.300': string;
        'green.400': string;
        'green.500': string;
        'green.600': string;
        'green.700': string;
        'red.100': string;
        'red.200': string;
        'red.300': string;
        'red.400': string;
        'red.500': string;
        'red.600': string;
        'red.700': string;
        'yellow.100': string;
        'yellow.200': string;
        'yellow.300': string;
        'yellow.400': string;
        'yellow.500': string;
        'yellow.600': string;
        'yellow.700': string;
    };
    breakpoints: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    breakpoint: (breakpoint: keyof import("@retriever-ui/type").BreakpointsType) => string;
    font: import("@retriever-ui/type").FontType;
    button: import("@retriever-ui/type").ButtonType;
    layers: {
        base: number;
        header: number;
        menu: number;
        overlay: number;
        modal: number;
        alwaysOnTop: number;
    };
};
export declare const lightTheme: {
    colors: {
        'primary.50': string;
        'primary.100': string;
        'primary.200': string;
        'primary.300': string;
        'primary.400': string;
        'primary.500': string;
        'primary.600': string;
        'primary.700': string;
        'secondary.100': string;
        'secondary.200': string;
        'secondary.300': string;
        'secondary.400': string;
        'secondary.500': string;
        'secondary.600': string;
        'secondary.700': string;
        'black.0': string;
        'black.50': string;
        'black.100': string;
        'black.200': string;
        'black.300': string;
        'black.400': string;
        'black.500': string;
        'black.600': string;
        'black.700': string;
        'black.800': string;
        'black.900': string;
        'green.100': string;
        'green.200': string;
        'green.300': string;
        'green.400': string;
        'green.500': string;
        'green.600': string;
        'green.700': string;
        'red.400': string;
        'red.500': string;
        'red.600': string;
        'red.700': string;
        'yellow.400': string;
        'yellow.500': string;
        'yellow.600': string;
        'yellow.700': string;
    };
    breakpoints: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    breakpoint: (breakpoint: keyof import("@retriever-ui/type").BreakpointsType) => string;
    font: import("@retriever-ui/type").FontType;
    button: import("@retriever-ui/type").ButtonType;
    layers: {
        base: number;
        header: number;
        menu: number;
        overlay: number;
        modal: number;
        alwaysOnTop: number;
    };
};