import { ThemeName } from './constants.js';
export declare const themeLight: {
    name: ThemeName;
    colors: {
        darkThemeOpacity: string;
        lightThemeOpacity: string;
        lightModeVisibility: string;
        darkModeVisibility: string;
        lightDisplay: string;
        darkDisplay: string;
        secondary: string;
        secondaryHover: string;
        secondaryContrast: string;
        background: string;
        backgroundDarken: string;
        backgroundSecondary: string;
        backgroundBadge: string;
        backgroundGradient: string;
        foreground: string;
        overlay: string;
        shadowLight: string;
        shadowDark: string;
        text: string;
        textSecondary: string;
        accentText: string;
        border: string;
        borderActive: string;
        borderHover: string;
        borderLight: string;
        accentBorder: string;
        accentBorderHover: string;
        borderSubtle: string;
        controlBg: string;
        accentControlBg: string;
        popupMenuItemBgActiveHover: string;
        primary: "#00a3ff";
        primaryHover: "#009bf2";
        primaryContrast: "#fff";
        primaryVisited: "#4bbeff";
        accent: "#27272e";
        accentContrast: "#fff";
        accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
        accentDarken: "rgba(0, 0, 0, .2)";
        error: "#e14d4d";
        errorHover: "#d44c4d";
        errorContrast: "#fff";
        warning: "#EC8600";
        warningHover: "#f0a431";
        warningContrast: "#fff";
        warningBackground: "#FFFAE0";
        textDark: "#273852";
        success: "#53BA95";
        successHover: "#4ba886";
        successContrast: "#fff";
    };
    boxShadows: {
        readonly xs: "0px 4px 8px 0px";
        readonly sm: "0px 4px 12px 0px";
        readonly md: "0px 4px 16px 0px";
        readonly lg: "0px 8px 24px 0px";
        readonly xl: "0px 8px 32px 0px";
        readonly xxl: "0px 8px 44px 0px";
    };
    borderRadiuses: readonly [4, 6, 8, 10, 12];
    borderRadiusesMap: {
        readonly xs: 4;
        readonly sm: 6;
        readonly md: 8;
        readonly lg: 10;
        readonly xl: 20;
    };
    fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
    fontSizesMap: {
        readonly xxxs: 10;
        readonly xxs: 12;
        readonly xs: 14;
        readonly sm: 16;
        readonly md: 18;
        readonly lg: 20;
        readonly xl: 26;
        readonly xxl: 32;
        readonly xxxl: 40;
        readonly xxxxl: 50;
    };
    duration: {
        readonly fast: "100ms";
        readonly med: "150ms";
        readonly norm: "200ms";
    };
    ease: {
        readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
        readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
        readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
        readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
        readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
        readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
        readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
        readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
        readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
        readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
        readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
        readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
        readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
        readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
        readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
        readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
        readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
        readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
        readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
        readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
        readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
        readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
        readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
        readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
    };
    breakpoints: `${number}px`[];
    breakpointsMap: {
        sm: {
            width: `${number}px`;
            height: `${number}px`;
        };
        md: {
            width: `${number}px`;
            height: `${number}px`;
        };
        lg: {
            width: `${number}px`;
            height: `${number}px`;
        };
        xl: {
            width: `${number}px`;
            height: `${number}px`;
        };
    };
    mediaQueries: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    space: readonly [4, 8, 16, 24, 32];
    spaceMap: {
        readonly xs: 4;
        readonly sm: 8;
        readonly md: 16;
        readonly lg: 20;
        readonly xl: 24;
        readonly xxl: 32;
    };
};
export declare const themeDark: {
    name: ThemeName;
    colors: {
        darkThemeOpacity: string;
        lightThemeOpacity: string;
        lightModeVisibility: string;
        darkModeVisibility: string;
        lightDisplay: string;
        darkDisplay: string;
        secondary: string;
        secondaryHover: string;
        secondaryContrast: string;
        background: string;
        backgroundDarken: string;
        backgroundSecondary: string;
        backgroundBadge: string;
        backgroundGradient: string;
        foreground: string;
        overlay: string;
        shadowLight: string;
        shadowDark: string;
        text: string;
        textSecondary: string;
        accentText: string;
        border: string;
        borderActive: string;
        borderHover: string;
        borderLight: string;
        accentBorder: string;
        accentBorderHover: string;
        borderSubtle: string;
        controlBg: string;
        accentControlBg: string;
        popupMenuItemBgActiveHover: string;
        primary: "#00a3ff";
        primaryHover: "#009bf2";
        primaryContrast: "#fff";
        primaryVisited: "#4bbeff";
        accent: "#27272e";
        accentContrast: "#fff";
        accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
        accentDarken: "rgba(0, 0, 0, .2)";
        error: "#e14d4d";
        errorHover: "#d44c4d";
        errorContrast: "#fff";
        warning: "#EC8600";
        warningHover: "#f0a431";
        warningContrast: "#fff";
        warningBackground: "#FFFAE0";
        textDark: "#273852";
        success: "#53BA95";
        successHover: "#4ba886";
        successContrast: "#fff";
    };
    boxShadows: {
        readonly xs: "0px 4px 8px 0px";
        readonly sm: "0px 4px 12px 0px";
        readonly md: "0px 4px 16px 0px";
        readonly lg: "0px 8px 24px 0px";
        readonly xl: "0px 8px 32px 0px";
        readonly xxl: "0px 8px 44px 0px";
    };
    borderRadiuses: readonly [4, 6, 8, 10, 12];
    borderRadiusesMap: {
        readonly xs: 4;
        readonly sm: 6;
        readonly md: 8;
        readonly lg: 10;
        readonly xl: 20;
    };
    fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
    fontSizesMap: {
        readonly xxxs: 10;
        readonly xxs: 12;
        readonly xs: 14;
        readonly sm: 16;
        readonly md: 18;
        readonly lg: 20;
        readonly xl: 26;
        readonly xxl: 32;
        readonly xxxl: 40;
        readonly xxxxl: 50;
    };
    duration: {
        readonly fast: "100ms";
        readonly med: "150ms";
        readonly norm: "200ms";
    };
    ease: {
        readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
        readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
        readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
        readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
        readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
        readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
        readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
        readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
        readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
        readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
        readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
        readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
        readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
        readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
        readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
        readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
        readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
        readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
        readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
        readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
        readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
        readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
        readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
        readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
    };
    breakpoints: `${number}px`[];
    breakpointsMap: {
        sm: {
            width: `${number}px`;
            height: `${number}px`;
        };
        md: {
            width: `${number}px`;
            height: `${number}px`;
        };
        lg: {
            width: `${number}px`;
            height: `${number}px`;
        };
        xl: {
            width: `${number}px`;
            height: `${number}px`;
        };
    };
    mediaQueries: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    space: readonly [4, 8, 16, 24, 32];
    spaceMap: {
        readonly xs: 4;
        readonly sm: 8;
        readonly md: 16;
        readonly lg: 20;
        readonly xl: 24;
        readonly xxl: 32;
    };
};
export declare const themeMap: {
    light: {
        name: ThemeName;
        colors: {
            darkThemeOpacity: string;
            lightThemeOpacity: string;
            lightModeVisibility: string;
            darkModeVisibility: string;
            lightDisplay: string;
            darkDisplay: string;
            secondary: string;
            secondaryHover: string;
            secondaryContrast: string;
            background: string;
            backgroundDarken: string;
            backgroundSecondary: string;
            backgroundBadge: string;
            backgroundGradient: string;
            foreground: string;
            overlay: string;
            shadowLight: string;
            shadowDark: string;
            text: string;
            textSecondary: string;
            accentText: string;
            border: string;
            borderActive: string;
            borderHover: string;
            borderLight: string;
            accentBorder: string;
            accentBorderHover: string;
            borderSubtle: string;
            controlBg: string;
            accentControlBg: string;
            popupMenuItemBgActiveHover: string;
            primary: "#00a3ff";
            primaryHover: "#009bf2";
            primaryContrast: "#fff";
            primaryVisited: "#4bbeff";
            accent: "#27272e";
            accentContrast: "#fff";
            accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
            accentDarken: "rgba(0, 0, 0, .2)";
            error: "#e14d4d";
            errorHover: "#d44c4d";
            errorContrast: "#fff";
            warning: "#EC8600";
            warningHover: "#f0a431";
            warningContrast: "#fff";
            warningBackground: "#FFFAE0";
            textDark: "#273852";
            success: "#53BA95";
            successHover: "#4ba886";
            successContrast: "#fff";
        };
        boxShadows: {
            readonly xs: "0px 4px 8px 0px";
            readonly sm: "0px 4px 12px 0px";
            readonly md: "0px 4px 16px 0px";
            readonly lg: "0px 8px 24px 0px";
            readonly xl: "0px 8px 32px 0px";
            readonly xxl: "0px 8px 44px 0px";
        };
        borderRadiuses: readonly [4, 6, 8, 10, 12];
        borderRadiusesMap: {
            readonly xs: 4;
            readonly sm: 6;
            readonly md: 8;
            readonly lg: 10;
            readonly xl: 20;
        };
        fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
        fontSizesMap: {
            readonly xxxs: 10;
            readonly xxs: 12;
            readonly xs: 14;
            readonly sm: 16;
            readonly md: 18;
            readonly lg: 20;
            readonly xl: 26;
            readonly xxl: 32;
            readonly xxxl: 40;
            readonly xxxxl: 50;
        };
        duration: {
            readonly fast: "100ms";
            readonly med: "150ms";
            readonly norm: "200ms";
        };
        ease: {
            readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
            readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
            readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
            readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
            readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
            readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
            readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
            readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
            readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
            readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
            readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
            readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
            readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
            readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
            readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
            readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
            readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
            readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
            readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
            readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
            readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
            readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
            readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
            readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
        };
        breakpoints: `${number}px`[];
        breakpointsMap: {
            sm: {
                width: `${number}px`;
                height: `${number}px`;
            };
            md: {
                width: `${number}px`;
                height: `${number}px`;
            };
            lg: {
                width: `${number}px`;
                height: `${number}px`;
            };
            xl: {
                width: `${number}px`;
                height: `${number}px`;
            };
        };
        mediaQueries: {
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        space: readonly [4, 8, 16, 24, 32];
        spaceMap: {
            readonly xs: 4;
            readonly sm: 8;
            readonly md: 16;
            readonly lg: 20;
            readonly xl: 24;
            readonly xxl: 32;
        };
    };
    dark: {
        name: ThemeName;
        colors: {
            darkThemeOpacity: string;
            lightThemeOpacity: string;
            lightModeVisibility: string;
            darkModeVisibility: string;
            lightDisplay: string;
            darkDisplay: string;
            secondary: string;
            secondaryHover: string;
            secondaryContrast: string;
            background: string;
            backgroundDarken: string;
            backgroundSecondary: string;
            backgroundBadge: string;
            backgroundGradient: string;
            foreground: string;
            overlay: string;
            shadowLight: string;
            shadowDark: string;
            text: string;
            textSecondary: string;
            accentText: string;
            border: string;
            borderActive: string;
            borderHover: string;
            borderLight: string;
            accentBorder: string;
            accentBorderHover: string;
            borderSubtle: string;
            controlBg: string;
            accentControlBg: string;
            popupMenuItemBgActiveHover: string;
            primary: "#00a3ff";
            primaryHover: "#009bf2";
            primaryContrast: "#fff";
            primaryVisited: "#4bbeff";
            accent: "#27272e";
            accentContrast: "#fff";
            accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
            accentDarken: "rgba(0, 0, 0, .2)";
            error: "#e14d4d";
            errorHover: "#d44c4d";
            errorContrast: "#fff";
            warning: "#EC8600";
            warningHover: "#f0a431";
            warningContrast: "#fff";
            warningBackground: "#FFFAE0";
            textDark: "#273852";
            success: "#53BA95";
            successHover: "#4ba886";
            successContrast: "#fff";
        };
        boxShadows: {
            readonly xs: "0px 4px 8px 0px";
            readonly sm: "0px 4px 12px 0px";
            readonly md: "0px 4px 16px 0px";
            readonly lg: "0px 8px 24px 0px";
            readonly xl: "0px 8px 32px 0px";
            readonly xxl: "0px 8px 44px 0px";
        };
        borderRadiuses: readonly [4, 6, 8, 10, 12];
        borderRadiusesMap: {
            readonly xs: 4;
            readonly sm: 6;
            readonly md: 8;
            readonly lg: 10;
            readonly xl: 20;
        };
        fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
        fontSizesMap: {
            readonly xxxs: 10;
            readonly xxs: 12;
            readonly xs: 14;
            readonly sm: 16;
            readonly md: 18;
            readonly lg: 20;
            readonly xl: 26;
            readonly xxl: 32;
            readonly xxxl: 40;
            readonly xxxxl: 50;
        };
        duration: {
            readonly fast: "100ms";
            readonly med: "150ms";
            readonly norm: "200ms";
        };
        ease: {
            readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
            readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
            readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
            readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
            readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
            readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
            readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
            readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
            readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
            readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
            readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
            readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
            readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
            readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
            readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
            readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
            readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
            readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
            readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
            readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
            readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
            readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
            readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
            readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
        };
        breakpoints: `${number}px`[];
        breakpointsMap: {
            sm: {
                width: `${number}px`;
                height: `${number}px`;
            };
            md: {
                width: `${number}px`;
                height: `${number}px`;
            };
            lg: {
                width: `${number}px`;
                height: `${number}px`;
            };
            xl: {
                width: `${number}px`;
                height: `${number}px`;
            };
        };
        mediaQueries: {
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        space: readonly [4, 8, 16, 24, 32];
        spaceMap: {
            readonly xs: 4;
            readonly sm: 8;
            readonly md: 16;
            readonly lg: 20;
            readonly xl: 24;
            readonly xxl: 32;
        };
    };
};
export declare const reverseThemeMap: WeakMap<{
    name: ThemeName;
    colors: {
        darkThemeOpacity: string;
        lightThemeOpacity: string;
        lightModeVisibility: string;
        darkModeVisibility: string;
        lightDisplay: string;
        darkDisplay: string;
        secondary: string;
        secondaryHover: string;
        secondaryContrast: string;
        background: string;
        backgroundDarken: string;
        backgroundSecondary: string;
        backgroundBadge: string;
        backgroundGradient: string;
        foreground: string;
        overlay: string;
        shadowLight: string;
        shadowDark: string;
        text: string;
        textSecondary: string;
        accentText: string;
        border: string;
        borderActive: string;
        borderHover: string;
        borderLight: string;
        accentBorder: string;
        accentBorderHover: string;
        borderSubtle: string;
        controlBg: string;
        accentControlBg: string;
        popupMenuItemBgActiveHover: string;
        primary: "#00a3ff";
        primaryHover: "#009bf2";
        primaryContrast: "#fff";
        primaryVisited: "#4bbeff";
        accent: "#27272e";
        accentContrast: "#fff";
        accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
        accentDarken: "rgba(0, 0, 0, .2)";
        error: "#e14d4d";
        errorHover: "#d44c4d";
        errorContrast: "#fff";
        warning: "#EC8600";
        warningHover: "#f0a431";
        warningContrast: "#fff";
        warningBackground: "#FFFAE0";
        textDark: "#273852";
        success: "#53BA95";
        successHover: "#4ba886";
        successContrast: "#fff";
    };
    boxShadows: {
        readonly xs: "0px 4px 8px 0px";
        readonly sm: "0px 4px 12px 0px";
        readonly md: "0px 4px 16px 0px";
        readonly lg: "0px 8px 24px 0px";
        readonly xl: "0px 8px 32px 0px";
        readonly xxl: "0px 8px 44px 0px";
    };
    borderRadiuses: readonly [4, 6, 8, 10, 12];
    borderRadiusesMap: {
        readonly xs: 4;
        readonly sm: 6;
        readonly md: 8;
        readonly lg: 10;
        readonly xl: 20;
    };
    fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
    fontSizesMap: {
        readonly xxxs: 10;
        readonly xxs: 12;
        readonly xs: 14;
        readonly sm: 16;
        readonly md: 18;
        readonly lg: 20;
        readonly xl: 26;
        readonly xxl: 32;
        readonly xxxl: 40;
        readonly xxxxl: 50;
    };
    duration: {
        readonly fast: "100ms";
        readonly med: "150ms";
        readonly norm: "200ms";
    };
    ease: {
        readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
        readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
        readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
        readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
        readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
        readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
        readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
        readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
        readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
        readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
        readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
        readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
        readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
        readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
        readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
        readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
        readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
        readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
        readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
        readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
        readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
        readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
        readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
        readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
    };
    breakpoints: `${number}px`[];
    breakpointsMap: {
        sm: {
            width: `${number}px`;
            height: `${number}px`;
        };
        md: {
            width: `${number}px`;
            height: `${number}px`;
        };
        lg: {
            width: `${number}px`;
            height: `${number}px`;
        };
        xl: {
            width: `${number}px`;
            height: `${number}px`;
        };
    };
    mediaQueries: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    space: readonly [4, 8, 16, 24, 32];
    spaceMap: {
        readonly xs: 4;
        readonly sm: 8;
        readonly md: 16;
        readonly lg: 20;
        readonly xl: 24;
        readonly xxl: 32;
    };
}, ThemeName>;
export declare const themeDefault: {
    name: ThemeName;
    colors: {
        darkThemeOpacity: string;
        lightThemeOpacity: string;
        lightModeVisibility: string;
        darkModeVisibility: string;
        lightDisplay: string;
        darkDisplay: string;
        secondary: string;
        secondaryHover: string;
        secondaryContrast: string;
        background: string;
        backgroundDarken: string;
        backgroundSecondary: string;
        backgroundBadge: string;
        backgroundGradient: string;
        foreground: string;
        overlay: string;
        shadowLight: string;
        shadowDark: string;
        text: string;
        textSecondary: string;
        accentText: string;
        border: string;
        borderActive: string;
        borderHover: string;
        borderLight: string;
        accentBorder: string;
        accentBorderHover: string;
        borderSubtle: string;
        controlBg: string;
        accentControlBg: string;
        popupMenuItemBgActiveHover: string;
        primary: "#00a3ff";
        primaryHover: "#009bf2";
        primaryContrast: "#fff";
        primaryVisited: "#4bbeff";
        accent: "#27272e";
        accentContrast: "#fff";
        accentContrastSecondary: "rgba(255, 255, 255, 0.6)";
        accentDarken: "rgba(0, 0, 0, .2)";
        error: "#e14d4d";
        errorHover: "#d44c4d";
        errorContrast: "#fff";
        warning: "#EC8600";
        warningHover: "#f0a431";
        warningContrast: "#fff";
        warningBackground: "#FFFAE0";
        textDark: "#273852";
        success: "#53BA95";
        successHover: "#4ba886";
        successContrast: "#fff";
    };
    boxShadows: {
        readonly xs: "0px 4px 8px 0px";
        readonly sm: "0px 4px 12px 0px";
        readonly md: "0px 4px 16px 0px";
        readonly lg: "0px 8px 24px 0px";
        readonly xl: "0px 8px 32px 0px";
        readonly xxl: "0px 8px 44px 0px";
    };
    borderRadiuses: readonly [4, 6, 8, 10, 12];
    borderRadiusesMap: {
        readonly xs: 4;
        readonly sm: 6;
        readonly md: 8;
        readonly lg: 10;
        readonly xl: 20;
    };
    fontSizes: readonly [10, 12, 14, 16, 18, 20, 26, 32, 40, 50];
    fontSizesMap: {
        readonly xxxs: 10;
        readonly xxs: 12;
        readonly xs: 14;
        readonly sm: 16;
        readonly md: 18;
        readonly lg: 20;
        readonly xl: 26;
        readonly xxl: 32;
        readonly xxxl: 40;
        readonly xxxxl: 50;
    };
    duration: {
        readonly fast: "100ms";
        readonly med: "150ms";
        readonly norm: "200ms";
    };
    ease: {
        readonly inSine: "cubic-bezier(0.47, 0, 0.745, 0.715)";
        readonly outSine: "cubic-bezier(0.39, 0.575, 0.565, 1)";
        readonly inOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
        readonly inQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)";
        readonly outQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
        readonly inOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)";
        readonly inCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
        readonly outCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)";
        readonly inOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)";
        readonly inQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)";
        readonly outQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)";
        readonly inOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)";
        readonly inQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
        readonly outQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
        readonly inOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)";
        readonly inExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)";
        readonly outExpo: "cubic-bezier(0.19, 1, 0.22, 1)";
        readonly inOutExpo: "cubic-bezier(1, 0, 0, 1)";
        readonly inCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)";
        readonly outCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)";
        readonly inOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)";
        readonly inBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
        readonly outBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
        readonly inOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
    };
    breakpoints: `${number}px`[];
    breakpointsMap: {
        sm: {
            width: `${number}px`;
            height: `${number}px`;
        };
        md: {
            width: `${number}px`;
            height: `${number}px`;
        };
        lg: {
            width: `${number}px`;
            height: `${number}px`;
        };
        xl: {
            width: `${number}px`;
            height: `${number}px`;
        };
    };
    mediaQueries: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    space: readonly [4, 8, 16, 24, 32];
    spaceMap: {
        readonly xs: 4;
        readonly sm: 8;
        readonly md: 16;
        readonly lg: 20;
        readonly xl: 24;
        readonly xxl: 32;
    };
};
//# sourceMappingURL=themes.d.ts.map