declare type Styles<T = Theme> = string | ((t: T) => string);
declare type _Theme = typeof theme;
export interface Theme extends _Theme {
}
export declare type DeepPartialTheme<T> = {
    [K in keyof T]?: T[K] extends string | number | boolean ? T[K] : DeepPartialTheme<T[K]>;
};
export declare type DeepPartialExtend<T = Theme, P = T> = {
    [K in keyof P]?: P[K] extends Styles ? Styles<T> : DeepPartialExtend<T, P[K]>;
};
export declare const themable: <T = Theme>(t: T, styles?: string | ((t: T) => string) | undefined) => string;
/** simplified deep merge */
export declare const mergeTheme: <B, P>(base: B, partial: P) => B & P;
export declare const createTheme: <T = Theme>(partial: DeepPartialTheme<T>) => T & Theme;
export declare const extendTheme: <T = Theme>(theme: T & Theme, extend: DeepPartialExtend<T & Theme, {
    global: Styles<Theme>;
    body: Styles<Theme>;
    paragraph: Styles<Theme>;
    heading: Styles<Theme>;
    bold: Styles<Theme>;
    table: Styles<Theme>;
    tableCell: Styles<Theme>;
    list: Styles<Theme>;
    listVariant: {
        ol: Styles<Theme>;
        ul: Styles<Theme>;
        dl: Styles<Theme>;
        nested: Styles<Theme>;
    };
    link: Styles<Theme>;
    headingVariant: {
        h1: Styles<Theme>;
        h2: Styles<Theme>;
        h3: Styles<Theme>;
        h4: Styles<Theme>;
        h5: Styles<Theme>;
        h6: Styles<Theme>;
    };
    container: Styles<Theme>;
    row: Styles<Theme>;
    column: Styles<Theme>;
    blockquote: Styles<Theme>;
    button: Styles<Theme>;
    buttonVariant: {
        outline: Styles<Theme>;
        clear: Styles<Theme>;
    };
    code: Styles<Theme>;
    pre: Styles<Theme>;
    divider: Styles<Theme>;
    input: Styles<Theme>;
    select: Styles<Theme>;
    label: Styles<Theme>;
    labelVariant: {
        inline: Styles<Theme>;
    };
    textarea: Styles<Theme>;
    fieldset: Styles<Theme>;
    checkbox: Styles<Theme>;
    image: Styles<Theme>;
}>) => T & Theme;
export declare const theme: {
    color: {
        initial: string;
        primary: string;
        secondary: string;
        tertiary: string;
        quaternary: string;
        quinary: string;
    };
    font: {
        family: string;
        size: string;
        weigth: string;
        letterSpacing: string;
        lineHeight: string;
    };
    breakpoints: {
        mobile: string;
        tablet: string;
        desktop: string;
    };
    extend: {
        global: Styles<Theme>;
        body: Styles<Theme>;
        paragraph: Styles<Theme>;
        heading: Styles<Theme>;
        bold: Styles<Theme>;
        table: Styles<Theme>;
        tableCell: Styles<Theme>;
        list: Styles<Theme>;
        listVariant: {
            ol: Styles<Theme>;
            ul: Styles<Theme>;
            dl: Styles<Theme>;
            nested: Styles<Theme>;
        };
        link: Styles<Theme>;
        headingVariant: {
            h1: Styles<Theme>;
            h2: Styles<Theme>;
            h3: Styles<Theme>;
            h4: Styles<Theme>;
            h5: Styles<Theme>;
            h6: Styles<Theme>;
        };
        container: Styles<Theme>;
        row: Styles<Theme>;
        column: Styles<Theme>;
        blockquote: Styles<Theme>;
        button: Styles<Theme>;
        buttonVariant: {
            outline: Styles<Theme>;
            clear: Styles<Theme>;
        };
        code: Styles<Theme>;
        pre: Styles<Theme>;
        divider: Styles<Theme>;
        input: Styles<Theme>;
        select: Styles<Theme>;
        label: Styles<Theme>;
        labelVariant: {
            inline: Styles<Theme>;
        };
        textarea: Styles<Theme>;
        fieldset: Styles<Theme>;
        checkbox: Styles<Theme>;
        image: Styles<Theme>;
    };
};
export {};
//# sourceMappingURL=theme.d.ts.map