import { StitchesTheme, createThemeBase } from "./stitches.config";
import commonTheme from "./common";
/** Configuration Interface */
declare namespace ConfigType {
    /** Theme interface. */
    type Theme<T = {}> = {
        fonts?: {
            [token in number | string]: boolean | number | string;
        };
        fontSizes?: {
            [token in number | string]: boolean | number | string;
        };
        fontWeights?: {
            [token in number | string]: boolean | number | string;
        };
        lineHeights?: {
            [token in number | string]: boolean | number | string;
        };
        letterSpacings?: {
            [token in number | string]: boolean | number | string;
        };
        space?: {
            [token in number | string]: boolean | number | string;
        };
        radii?: {
            [token in number | string]: boolean | number | string;
        };
        zIndices?: {
            [token in number | string]: boolean | number | string;
        };
        borderWeights?: {
            [token in number | string]: boolean | number | string;
        };
        colors?: {
            [token in number | string]: boolean | number | string;
        };
        shadows?: {
            [token in number | string]: boolean | number | string;
        };
        dropShadows?: {
            [token in number | string]: boolean | number | string;
        };
        transitions?: {
            [token in number | string]: boolean | number | string;
        };
        breakpoints?: {
            [token in number | string]: boolean | number | string;
        };
    } & {
        [Scale in keyof T]: {
            [Token in keyof T[Scale]]: T[Scale][Token] extends boolean | number | string ? T[Scale][Token] : boolean | number | string;
        };
    };
}
export declare type BaseTheme = ConfigType.Theme;
export declare type RippleUITheme = StitchesTheme;
export declare type ThemeType = 'dark' | 'light';
export declare type CreateTheme = ReturnType<typeof createThemeBase>;
export declare type TokenKeyName = keyof typeof commonTheme['theme'];
export interface TokenValue {
    token: number | string;
    value: number | string;
    scale: string;
    prefix: string;
}
export declare type Theme = {
    type?: ThemeType | string;
    className?: string;
    theme?: BaseTheme;
};
export declare type RippleUIThemeContext = {
    type: ThemeType | string;
    theme?: RippleUITheme;
    isDark?: boolean;
};
export interface RippleTheme {
    colors: Colors;
    shadows: Shadows;
}
export interface Colors {
    backgroundPrimary: string;
    backgroundSecondary: string;
    border: string;
    backgroundContent1: string;
    backgroundContent2: string;
    backgroundContent3: string;
    backgroundWarmPrimary: string;
    backgroundWarmSecondary: string;
    borderWarm: string;
    backgroundWarmContent1: string;
    backgroundWarmContent2: string;
    backgroundWarmContent3: string;
    backgroundCoolPrimary: string;
    backgroundCoolSecondary: string;
    borderCool: string;
    backgroundCoolContent1: string;
    backgroundCoolContent2: string;
    backgroundCoolContent3: string;
    darkBase: string;
    darkHover: string;
    darkPressed: string;
    darkBorder: string;
    darkBackground: string;
    blueBase: string;
    blueHover: string;
    bluePressed: string;
    blueBorder: string;
    blueBackground: string;
    greenBase: string;
    greenHover: string;
    greenPressed: string;
    greenBorder: string;
    greenBackground: string;
    redBase: string;
    redHover: string;
    redPressed: string;
    redBorder: string;
    redBackground: string;
    orangeBase: string;
    orangeHover: string;
    orangePressed: string;
    orangeBorder: string;
    orangeBackground: string;
    pinkBase: string;
    pinkHover: string;
    pinkPressed: string;
    pinkBorder: string;
    pinkBackground: string;
    grayBase: string;
    grayHover: string;
    grayPressed: string;
    grayBorder: string;
    grayBackground: string;
    yellowBase: string;
    yellowHover: string;
    yellowPressed: string;
    yellowBorder: string;
    yellowBackground: string;
    purpleBase: string;
    purpleHover: string;
    purplePressed: string;
    purpleBorder: string;
    purpleBackground: string;
    skyBase: string;
    skyHover: string;
    skyPressed: string;
    skyBorder: string;
    skyBackground: string;
}
export interface Shadows {
    dropShadow: string;
    dropShadow2: string;
    dropShadow3: string;
    dropShadow4: string;
    innerShadow: string;
    innerShadow2: string;
    underlineActive: string;
    underlineInactive: string;
    focusedBlue: string;
    focusedGreen: string;
    focusedRed: string;
    focusedOrange: string;
    focusedPink: string;
    focusedPurple: string;
    focusedYellow: string;
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
}
export {};