import * as _emotion_react from '@emotion/react';
import { Theme } from '@emotion/react';
import { IconName } from './components/Icon/types.js';
import { TypographyTypeKey, TokenSizeKey, FontFamilies, TypographyGroup } from './styles/tokens/typography.js';
import { CSSInterpolation } from '@emotion/css';
import { ColorKey } from './styles/colors.js';

type CardFormContentMarginTop = 0 | 32;
type CardFormPaddingY = 40 | 56;
type CardFormPaddingX = 0 | 24 | 32 | 40 | 56;
type CardFormPaddingTop = 0 | 24 | 32 | 40 | 56;
type CardFormPaddingBottom = 0 | 24 | 32 | 40 | 56 | 64;
type CardFormBorderWidth = 0 | 1;
type CardFormBorderRadius = 8 | 24 | 32;
type CardFormShadow = "soft" | "hard" | "none";
type CardFormTextAlign = "center" | "left";
type CardFormBorderColor = "vlcNeutral" | "grayBlue94" | "gray3";
type CardFormBackgroundColor = "bg" | "white";
declare const cardFormThemeBaseProps: {
    readonly contentMarginTop: CardFormContentMarginTop;
    readonly paddingX: CardFormPaddingX;
    readonly paddingTop: CardFormPaddingTop;
    readonly paddingBottom: CardFormPaddingBottom;
    readonly shadow: CardFormShadow;
    readonly borderRadius: CardFormBorderRadius;
    readonly borderWidth: CardFormBorderWidth;
    readonly borderColor: CardFormBorderColor;
    readonly textAlign: CardFormTextAlign;
    readonly backgroundColor: CardFormBackgroundColor;
    readonly smBackgroundColor: CardFormBackgroundColor;
    readonly smBorderWidth: CardFormBorderWidth;
    readonly defaultDescriptionTypographyMap: {
        readonly default: {
            readonly type: TypographyTypeKey;
            readonly size: TokenSizeKey;
            readonly color: ThemeOrColorKey;
        };
        readonly link: {
            readonly type: TypographyTypeKey;
            readonly size: TokenSizeKey;
            readonly color: ThemeOrColorKey;
        };
    };
};
declare const cardFormThemeBase: {
    kinds: {
        primary: {};
        secondary: {};
        tertiary: {};
    };
    contentMarginTop: CardFormContentMarginTop;
    paddingX: CardFormPaddingX;
    paddingTop: CardFormPaddingTop;
    paddingBottom: CardFormPaddingBottom;
    shadow: CardFormShadow;
    borderRadius: CardFormBorderRadius;
    borderWidth: CardFormBorderWidth;
    borderColor: CardFormBorderColor;
    textAlign: CardFormTextAlign;
    backgroundColor: CardFormBackgroundColor;
    smBackgroundColor: CardFormBackgroundColor;
    smBorderWidth: CardFormBorderWidth;
    defaultDescriptionTypographyMap: {
        readonly default: {
            readonly type: TypographyTypeKey;
            readonly size: TokenSizeKey;
            readonly color: ThemeOrColorKey;
        };
        readonly link: {
            readonly type: TypographyTypeKey;
            readonly size: TokenSizeKey;
            readonly color: ThemeOrColorKey;
        };
    };
};
type CardFormThemeKey = keyof typeof cardFormThemeBaseProps;
type CardFormKind = keyof (typeof cardFormThemeBase)["kinds"];
type CardFormKindProps = Record<CardFormKind, Partial<typeof cardFormThemeBaseProps>>;
declare const defaultCardFormTheme: {
    kinds: Partial<CardFormKindProps>;
    contentMarginTop: CardFormContentMarginTop;
    paddingX: CardFormPaddingX;
    paddingTop: CardFormPaddingTop;
    paddingBottom: CardFormPaddingBottom;
    shadow: CardFormShadow;
    borderRadius: CardFormBorderRadius;
    borderWidth: CardFormBorderWidth;
    borderColor: CardFormBorderColor;
    textAlign: CardFormTextAlign;
    backgroundColor: CardFormBackgroundColor;
    smBackgroundColor: CardFormBackgroundColor;
    smBorderWidth: CardFormBorderWidth;
    defaultDescriptionTypographyMap: {
        readonly default: {
            readonly type: TypographyTypeKey;
            readonly size: TokenSizeKey;
            readonly color: ThemeOrColorKey;
        };
        readonly link: {
            readonly type: TypographyTypeKey;
            readonly size: TokenSizeKey;
            readonly color: ThemeOrColorKey;
        };
    };
};

type PaddingYKey = "short" | "regular";
type PaddingY = number | {
    [key in PaddingYKey]: number;
};
declare const buttonBorderRadiuses: readonly [8, 32, 999, "100%"];
type ButtonBorderRadius = (typeof buttonBorderRadiuses)[number];
declare const allowedButtonTypographyTypes: readonly ["Body", "Body Strong", "Title", "Label", "Label Moderate", "Label Strong", "Btn"];
type AllowedButtonTypographyTypes = (typeof allowedButtonTypographyTypes)[number];
type ButtonTypographyArgs = {
    type?: AllowedButtonTypographyTypes;
    color?: ThemeOrColorKey;
};
declare const buttonsThemeBase: {
    defaultSize: TokenSizeKey;
    defaultTypographyType: AllowedButtonTypographyTypes;
    defaultColor: ThemeOrColorKey;
    defaultBorderRadius: ButtonBorderRadius;
    defaultBackgroundColor: BackgroundColorKeyArg;
    defaultBorderColor: BackgroundColorKeyArg;
    defaultHoverBackgroundColor: BackgroundColorKeyArg;
    defaultHoverBorderColor: BackgroundColorKeyArg;
    defaultActiveBackgroundColor: BackgroundColorKeyArg;
    defaultActiveBorderColor: BackgroundColorKeyArg;
    defaultOutlineOffset: number;
    defaultPaddingsY: {
        ExtraSmall: PaddingY;
        Small: PaddingY;
        Schmedium: PaddingY;
        Medium: PaddingY;
        Mlarge: PaddingY;
        Large: PaddingY;
    };
    defaultPaddingsX: {
        ExtraSmall: number;
        Small: number;
        Schmedium: number;
        Medium: number;
        Mlarge: number;
        Large: number;
    };
    kinds: {};
};
type ButtonsThemeKey = keyof typeof buttonsThemeBase;
type ButtonKindsProps = Record<string, Partial<typeof buttonsThemeBase>>;
declare const defaultButtonsTheme: {
    kinds: ButtonKindsProps;
    defaultSize: TokenSizeKey;
    defaultTypographyType: AllowedButtonTypographyTypes;
    defaultColor: ThemeOrColorKey;
    defaultBorderRadius: ButtonBorderRadius;
    defaultBackgroundColor: BackgroundColorKeyArg;
    defaultBorderColor: BackgroundColorKeyArg;
    defaultHoverBackgroundColor: BackgroundColorKeyArg;
    defaultHoverBorderColor: BackgroundColorKeyArg;
    defaultActiveBackgroundColor: BackgroundColorKeyArg;
    defaultActiveBorderColor: BackgroundColorKeyArg;
    defaultOutlineOffset: number;
    defaultPaddingsY: {
        ExtraSmall: PaddingY;
        Small: PaddingY;
        Schmedium: PaddingY;
        Medium: PaddingY;
        Mlarge: PaddingY;
        Large: PaddingY;
    };
    defaultPaddingsX: {
        ExtraSmall: number;
        Small: number;
        Schmedium: number;
        Medium: number;
        Mlarge: number;
        Large: number;
    };
};

declare enum Themes {
    Light = "light",
    Dark = "dark",
    LightsparkDocsLight = "lightsparkDocsLight",
    LightsparkDocsDark = "lightsparkDocsDark",
    UmaAuthSdkLight = "umaAuthSdkLight",
    UmaAuthSdkDark = "umaAuthSdkDark",
    UmameDocsLight = "umameDocsLight",
    UmameDocsDark = "umameDocsDark",
    BridgeLight = "bridgeLight",
    BridgeDark = "bridgeDark",
    NageLight = "nageLight",
    NageDark = "nageDark"
}
declare function isTheme(theme: unknown): theme is Themes;
declare const baseThemeColors: {
    bg: string;
    smBg: string;
    c02Neutral: string;
    c02NeutralLight: string;
    c05Neutral: string;
    c1Neutral: string;
    c15Neutral: string;
    c2Neutral: string;
    c25Neutral: string;
    c3Neutral: string;
    c4Neutral: string;
    c5Neutral: string;
    c6Neutral: string;
    c7Neutral: string;
    c8Neutral: string;
    c9Neutral: string;
    danger: string;
    hcNeutral: string;
    info: string;
    lcNeutral: string;
    link: string;
    linkLight: string;
    mcNeutral: string;
    onInfoText: string;
    onPrimaryText: string;
    onSuccessText: string;
    primary: string;
    secondary: string;
    tertiary: string;
    success: string;
    text: string;
    vlcNeutral: string;
    warning: string;
    errorBackground: string;
    errorText: string;
    transparent: string;
};
type ThemeColorKey = keyof typeof baseThemeColors;
declare const themeOrColorKeyValues: readonly string[];
type SurfaceThemeColorKey = [keyof LightsparkSurfaces, ThemeColorKey];
type ThemeOrColorKey = ThemeColorKey | ColorKey | SurfaceThemeColorKey;
declare const baseTheme: {
    type: Themes;
    typography: {
        group: TypographyGroup;
        fontFamilies: FontFamilies;
        lineHeights: {
            readonly "8xl": "72px";
            readonly "7xl": "72px";
            readonly "6xl": "60px";
            readonly "5xl": "44px";
            readonly "4xl": "40px";
            readonly "3xl": "36px";
            readonly "2xs": "14px";
            readonly "2xl": "32px";
            readonly lg: "24px";
            readonly md: "20px";
            readonly sm: "18px";
            readonly xl: "28px";
            readonly xs: "16px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "72px";
            readonly "6xl": "60px";
            readonly "5xl": "44px";
            readonly "4xl": "40px";
            readonly "3xl": "36px";
            readonly "2xs": "14px";
            readonly "2xl": "32px";
            readonly lg: "24px";
            readonly md: "20px";
            readonly sm: "18px";
            readonly xl: "28px";
            readonly xs: "16px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "72px";
            readonly "6xl": "72px";
            readonly "5xl": "72px";
            readonly "4xl": "60px";
            readonly "3xl": "44px";
            readonly "2xs": "16px";
            readonly "2xl": "40px";
            readonly lg: "32px";
            readonly md: "28px";
            readonly sm: "24px";
            readonly xl: "36px";
            readonly xs: "20px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "72px";
            readonly "6xl": "72px";
            readonly "5xl": "72px";
            readonly "4xl": "60px";
            readonly "3xl": "44px";
            readonly "2xs": "16px";
            readonly "2xl": "40px";
            readonly lg: "32px";
            readonly md: "28px";
            readonly sm: "24px";
            readonly xl: "36px";
            readonly xs: "20px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "60px";
            readonly "6xl": "44px";
            readonly "5xl": "40px";
            readonly "4xl": "36px";
            readonly "3xl": "32px";
            readonly "2xs": "16px";
            readonly "2xl": "28px";
            readonly lg: "22px";
            readonly md: "20px";
            readonly sm: "18px";
            readonly xl: "24px";
            readonly xs: "16px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "60px";
            readonly "6xl": "44px";
            readonly "5xl": "40px";
            readonly "4xl": "36px";
            readonly "3xl": "32px";
            readonly "3xs": "12px";
            readonly "2xs": "14px";
            readonly "2xl": "28px";
            readonly lg: "22px";
            readonly md: "20px";
            readonly sm: "18px";
            readonly xl: "24px";
            readonly xs: "16px";
        };
        fontWeights: {
            main: {
                Black: number;
                ExtraBold: number;
                Bold: number;
                SemiBold: number;
                Medium: number;
                Book: number;
                Regular: number;
                Schmedium: number;
                Light: number;
                Thin: number;
                Hairline: number;
            };
            code: {
                Bold: number;
                Regular: number;
            };
        };
        fontSize: {
            "2xs": string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
        } | {
            "2xs": string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
        } | {
            "2xs": string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
        } | {
            "2xs": string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
        } | {
            "2xs": string;
            xs: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
            "7xl": string;
        } | {
            "2xs": string;
            xs: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
            "7xl": string;
        };
        letterSpacing: {
            "tight-max": string;
            "tight-high": string;
            "tight-medium": string;
            "tight-low": string;
            normal: string;
            "loose-max": string;
        } | {
            "tight-max": string;
            "tight-high": string;
            "tight-medium": string;
            "tight-low": string;
            normal: string;
            "loose-max": string;
        } | {
            tight: string;
            normal: string;
            loose: string;
        } | {
            tight: string;
            normal: string;
            loose: string;
        } | {
            tight: string;
            normal: string;
            wide: string;
        } | {
            tighter: string;
            tight: string;
            normal: string;
            wide: string;
            wider: string;
        };
        textCase: {
            none: string;
            uppercase: string;
        };
        textDecoration: {
            none: string;
        };
        paragraphIndent: {
            0: string;
        };
        paragraphSpacing: {
            default: string;
            0: string;
            16: string;
            40: string;
        };
        types: {
            Mobile: { [key in TypographyTypeKey]?: { [key_1 in TokenSizeKey]?: {
                fontFamily: string;
                fontWeight: string;
                lineHeight: string;
                fontSize: string;
                letterSpacing: string;
                paragraphSpacing: string;
                paragraphIndent: string;
                textCase: string;
                textDecoration: string;
                fontFeatureSettings?: string;
            }; }; };
            Desktop: { [key in TypographyTypeKey]?: { [key_1 in TokenSizeKey]?: {
                fontFamily: string;
                fontWeight: string;
                lineHeight: string;
                fontSize: string;
                letterSpacing: string;
                paragraphSpacing: string;
                paragraphIndent: string;
                textCase: string;
                textDecoration: string;
                fontFeatureSettings?: string;
            }; }; };
        };
    };
    hcNeutralFromBg: (bgHex: string) => string;
    buttons: {
        kinds: {
            [x: string]: Partial<{
                defaultSize: TokenSizeKey;
                defaultTypographyType: AllowedButtonTypographyTypes;
                defaultColor: ThemeOrColorKey;
                defaultBorderRadius: ButtonBorderRadius;
                defaultBackgroundColor: BackgroundColorKeyArg;
                defaultBorderColor: BackgroundColorKeyArg;
                defaultHoverBackgroundColor: BackgroundColorKeyArg;
                defaultHoverBorderColor: BackgroundColorKeyArg;
                defaultActiveBackgroundColor: BackgroundColorKeyArg;
                defaultActiveBorderColor: BackgroundColorKeyArg;
                defaultOutlineOffset: number;
                defaultPaddingsY: {
                    ExtraSmall: PaddingY;
                    Small: PaddingY;
                    Schmedium: PaddingY;
                    Medium: PaddingY;
                    Mlarge: PaddingY;
                    Large: PaddingY;
                };
                defaultPaddingsX: {
                    ExtraSmall: number;
                    Small: number;
                    Schmedium: number;
                    Medium: number;
                    Mlarge: number;
                    Large: number;
                };
                kinds: {};
            }>;
        };
        defaultSize: TokenSizeKey;
        defaultTypographyType: AllowedButtonTypographyTypes;
        defaultColor: ThemeOrColorKey;
        defaultBorderRadius: ButtonBorderRadius;
        defaultBackgroundColor: BackgroundColorKeyArg;
        defaultBorderColor: BackgroundColorKeyArg;
        defaultHoverBackgroundColor: BackgroundColorKeyArg;
        defaultHoverBorderColor: BackgroundColorKeyArg;
        defaultActiveBackgroundColor: BackgroundColorKeyArg;
        defaultActiveBorderColor: BackgroundColorKeyArg;
        defaultOutlineOffset: number;
        defaultPaddingsY: {
            ExtraSmall: PaddingY;
            Small: PaddingY;
            Schmedium: PaddingY;
            Medium: PaddingY;
            Mlarge: PaddingY;
            Large: PaddingY;
        };
        defaultPaddingsX: {
            ExtraSmall: number;
            Small: number;
            Schmedium: number;
            Medium: number;
            Mlarge: number;
            Large: number;
        };
    };
    loading: {
        kinds: {
            [x: string]: Partial<{
                defaultIconName: IconName;
                kinds: {};
            }>;
        };
        defaultIconName: IconName;
    };
    cardForm: {
        kinds: Partial<{
            primary: Partial<{
                readonly contentMarginTop: CardFormContentMarginTop;
                readonly paddingX: CardFormPaddingX;
                readonly paddingTop: CardFormPaddingTop;
                readonly paddingBottom: CardFormPaddingBottom;
                readonly shadow: CardFormShadow;
                readonly borderRadius: CardFormBorderRadius;
                readonly borderWidth: CardFormBorderWidth;
                readonly borderColor: CardFormBorderColor;
                readonly textAlign: CardFormTextAlign;
                readonly backgroundColor: CardFormBackgroundColor;
                readonly smBackgroundColor: CardFormBackgroundColor;
                readonly smBorderWidth: CardFormBorderWidth;
                readonly defaultDescriptionTypographyMap: {
                    readonly default: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                    readonly link: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                };
            }>;
            secondary: Partial<{
                readonly contentMarginTop: CardFormContentMarginTop;
                readonly paddingX: CardFormPaddingX;
                readonly paddingTop: CardFormPaddingTop;
                readonly paddingBottom: CardFormPaddingBottom;
                readonly shadow: CardFormShadow;
                readonly borderRadius: CardFormBorderRadius;
                readonly borderWidth: CardFormBorderWidth;
                readonly borderColor: CardFormBorderColor;
                readonly textAlign: CardFormTextAlign;
                readonly backgroundColor: CardFormBackgroundColor;
                readonly smBackgroundColor: CardFormBackgroundColor;
                readonly smBorderWidth: CardFormBorderWidth;
                readonly defaultDescriptionTypographyMap: {
                    readonly default: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                    readonly link: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                };
            }>;
            tertiary: Partial<{
                readonly contentMarginTop: CardFormContentMarginTop;
                readonly paddingX: CardFormPaddingX;
                readonly paddingTop: CardFormPaddingTop;
                readonly paddingBottom: CardFormPaddingBottom;
                readonly shadow: CardFormShadow;
                readonly borderRadius: CardFormBorderRadius;
                readonly borderWidth: CardFormBorderWidth;
                readonly borderColor: CardFormBorderColor;
                readonly textAlign: CardFormTextAlign;
                readonly backgroundColor: CardFormBackgroundColor;
                readonly smBackgroundColor: CardFormBackgroundColor;
                readonly smBorderWidth: CardFormBorderWidth;
                readonly defaultDescriptionTypographyMap: {
                    readonly default: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                    readonly link: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                };
            }>;
        }>;
        contentMarginTop: CardFormContentMarginTop;
        paddingX: CardFormPaddingX;
        paddingTop: CardFormPaddingTop;
        paddingBottom: CardFormPaddingBottom;
        shadow: CardFormShadow;
        borderRadius: CardFormBorderRadius;
        borderWidth: CardFormBorderWidth;
        borderColor: CardFormBorderColor;
        textAlign: CardFormTextAlign;
        backgroundColor: CardFormBackgroundColor;
        smBackgroundColor: CardFormBackgroundColor;
        smBorderWidth: CardFormBorderWidth;
        defaultDescriptionTypographyMap: {
            readonly default: {
                readonly type: TypographyTypeKey;
                readonly size: TokenSizeKey;
                readonly color: ThemeOrColorKey;
            };
            readonly link: {
                readonly type: TypographyTypeKey;
                readonly size: TokenSizeKey;
                readonly color: ThemeOrColorKey;
            };
        };
    };
    badge: {
        bg: ThemeOrColorKey;
    };
    inputBackground: string;
    bg: string;
    smBg: string;
    c02Neutral: string;
    c02NeutralLight: string;
    c05Neutral: string;
    c1Neutral: string;
    c15Neutral: string;
    c2Neutral: string;
    c25Neutral: string;
    c3Neutral: string;
    c4Neutral: string;
    c5Neutral: string;
    c6Neutral: string;
    c7Neutral: string;
    c8Neutral: string;
    c9Neutral: string;
    danger: string;
    hcNeutral: string;
    info: string;
    lcNeutral: string;
    link: string;
    linkLight: string;
    mcNeutral: string;
    onInfoText: string;
    onPrimaryText: string;
    onSuccessText: string;
    primary: string;
    secondary: string;
    tertiary: string;
    success: string;
    text: string;
    vlcNeutral: string;
    warning: string;
    errorBackground: string;
    errorText: string;
    transparent: string;
};
type BaseTheme = typeof baseTheme;
type LightsparkSurfaces = {
    header: BaseTheme;
    nav: BaseTheme;
    content: BaseTheme;
    controls: BaseTheme;
};
type LightsparkTheme = BaseTheme & LightsparkSurfaces;
declare module "@emotion/react" {
    interface Theme extends LightsparkTheme {
    }
}
declare const themes: {
    readonly light: LightsparkTheme;
    readonly dark: LightsparkTheme;
    readonly lightsparkDocsLight: LightsparkTheme;
    readonly lightsparkDocsDark: LightsparkTheme;
    readonly umaAuthSdkLight: LightsparkTheme;
    readonly umaAuthSdkDark: LightsparkTheme;
    readonly umameDocsLight: LightsparkTheme;
    readonly umameDocsDark: LightsparkTheme;
    readonly bridgeLight: LightsparkTheme;
    readonly bridgeDark: LightsparkTheme;
    readonly nageLight: LightsparkTheme;
    readonly nageDark: LightsparkTheme;
};
declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
    typography: {
        group: TypographyGroup;
        fontFamilies: FontFamilies;
        lineHeights: {
            readonly "8xl": "72px";
            readonly "7xl": "72px";
            readonly "6xl": "60px";
            readonly "5xl": "44px";
            readonly "4xl": "40px";
            readonly "3xl": "36px";
            readonly "2xs": "14px";
            readonly "2xl": "32px";
            readonly lg: "24px";
            readonly md: "20px";
            readonly sm: "18px";
            readonly xl: "28px";
            readonly xs: "16px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "72px";
            readonly "6xl": "60px";
            readonly "5xl": "44px";
            readonly "4xl": "40px";
            readonly "3xl": "36px";
            readonly "2xs": "14px";
            readonly "2xl": "32px";
            readonly lg: "24px";
            readonly md: "20px";
            readonly sm: "18px";
            readonly xl: "28px";
            readonly xs: "16px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "72px";
            readonly "6xl": "72px";
            readonly "5xl": "72px";
            readonly "4xl": "60px";
            readonly "3xl": "44px";
            readonly "2xs": "16px";
            readonly "2xl": "40px";
            readonly lg: "32px";
            readonly md: "28px";
            readonly sm: "24px";
            readonly xl: "36px";
            readonly xs: "20px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "72px";
            readonly "6xl": "72px";
            readonly "5xl": "72px";
            readonly "4xl": "60px";
            readonly "3xl": "44px";
            readonly "2xs": "16px";
            readonly "2xl": "40px";
            readonly lg: "32px";
            readonly md: "28px";
            readonly sm: "24px";
            readonly xl: "36px";
            readonly xs: "20px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "60px";
            readonly "6xl": "44px";
            readonly "5xl": "40px";
            readonly "4xl": "36px";
            readonly "3xl": "32px";
            readonly "2xs": "16px";
            readonly "2xl": "28px";
            readonly lg: "22px";
            readonly md: "20px";
            readonly sm: "18px";
            readonly xl: "24px";
            readonly xs: "16px";
        } | {
            readonly "8xl": "72px";
            readonly "7xl": "60px";
            readonly "6xl": "44px";
            readonly "5xl": "40px";
            readonly "4xl": "36px";
            readonly "3xl": "32px";
            readonly "3xs": "12px";
            readonly "2xs": "14px";
            readonly "2xl": "28px";
            readonly lg: "22px";
            readonly md: "20px";
            readonly sm: "18px";
            readonly xl: "24px";
            readonly xs: "16px";
        };
        fontWeights: {
            main: {
                Black: number;
                ExtraBold: number;
                Bold: number;
                SemiBold: number;
                Medium: number;
                Book: number;
                Regular: number;
                Schmedium: number;
                Light: number;
                Thin: number;
                Hairline: number;
            };
            code: {
                Bold: number;
                Regular: number;
            };
        };
        fontSize: {
            "2xs": string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
        } | {
            "2xs": string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
        } | {
            "2xs": string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
        } | {
            "2xs": string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
        } | {
            "2xs": string;
            xs: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
            "7xl": string;
        } | {
            "2xs": string;
            xs: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            "3xl": string;
            "4xl": string;
            "5xl": string;
            "6xl": string;
            "7xl": string;
        };
        letterSpacing: {
            "tight-max": string;
            "tight-high": string;
            "tight-medium": string;
            "tight-low": string;
            normal: string;
            "loose-max": string;
        } | {
            "tight-max": string;
            "tight-high": string;
            "tight-medium": string;
            "tight-low": string;
            normal: string;
            "loose-max": string;
        } | {
            tight: string;
            normal: string;
            loose: string;
        } | {
            tight: string;
            normal: string;
            loose: string;
        } | {
            tight: string;
            normal: string;
            wide: string;
        } | {
            tighter: string;
            tight: string;
            normal: string;
            wide: string;
            wider: string;
        };
        textCase: {
            none: string;
            uppercase: string;
        };
        textDecoration: {
            none: string;
        };
        paragraphIndent: {
            0: string;
        };
        paragraphSpacing: {
            default: string;
            0: string;
            16: string;
            40: string;
        };
        types: {
            Mobile: { [key in TypographyTypeKey]?: { [key_1 in TokenSizeKey]?: {
                fontFamily: string;
                fontWeight: string;
                lineHeight: string;
                fontSize: string;
                letterSpacing: string;
                paragraphSpacing: string;
                paragraphIndent: string;
                textCase: string;
                textDecoration: string;
                fontFeatureSettings?: string;
            }; }; };
            Desktop: { [key in TypographyTypeKey]?: { [key_1 in TokenSizeKey]?: {
                fontFamily: string;
                fontWeight: string;
                lineHeight: string;
                fontSize: string;
                letterSpacing: string;
                paragraphSpacing: string;
                paragraphIndent: string;
                textCase: string;
                textDecoration: string;
                fontFeatureSettings?: string;
            }; }; };
        };
    };
    type: Themes;
    hcNeutralFromBg: (bgHex: string) => string;
    buttons: {
        kinds: {
            [x: string]: Partial<{
                defaultSize: TokenSizeKey;
                defaultTypographyType: AllowedButtonTypographyTypes;
                defaultColor: ThemeOrColorKey;
                defaultBorderRadius: ButtonBorderRadius;
                defaultBackgroundColor: BackgroundColorKeyArg;
                defaultBorderColor: BackgroundColorKeyArg;
                defaultHoverBackgroundColor: BackgroundColorKeyArg;
                defaultHoverBorderColor: BackgroundColorKeyArg;
                defaultActiveBackgroundColor: BackgroundColorKeyArg;
                defaultActiveBorderColor: BackgroundColorKeyArg;
                defaultOutlineOffset: number;
                defaultPaddingsY: {
                    ExtraSmall: PaddingY;
                    Small: PaddingY;
                    Schmedium: PaddingY;
                    Medium: PaddingY;
                    Mlarge: PaddingY;
                    Large: PaddingY;
                };
                defaultPaddingsX: {
                    ExtraSmall: number;
                    Small: number;
                    Schmedium: number;
                    Medium: number;
                    Mlarge: number;
                    Large: number;
                };
                kinds: {};
            }>;
        };
        defaultSize: TokenSizeKey;
        defaultTypographyType: AllowedButtonTypographyTypes;
        defaultColor: ThemeOrColorKey;
        defaultBorderRadius: ButtonBorderRadius;
        defaultBackgroundColor: BackgroundColorKeyArg;
        defaultBorderColor: BackgroundColorKeyArg;
        defaultHoverBackgroundColor: BackgroundColorKeyArg;
        defaultHoverBorderColor: BackgroundColorKeyArg;
        defaultActiveBackgroundColor: BackgroundColorKeyArg;
        defaultActiveBorderColor: BackgroundColorKeyArg;
        defaultOutlineOffset: number;
        defaultPaddingsY: {
            ExtraSmall: PaddingY;
            Small: PaddingY;
            Schmedium: PaddingY;
            Medium: PaddingY;
            Mlarge: PaddingY;
            Large: PaddingY;
        };
        defaultPaddingsX: {
            ExtraSmall: number;
            Small: number;
            Schmedium: number;
            Medium: number;
            Mlarge: number;
            Large: number;
        };
    };
    loading: {
        kinds: {
            [x: string]: Partial<{
                defaultIconName: IconName;
                kinds: {};
            }>;
        };
        defaultIconName: IconName;
    };
    cardForm: {
        kinds: Partial<{
            primary: Partial<{
                readonly contentMarginTop: CardFormContentMarginTop;
                readonly paddingX: CardFormPaddingX;
                readonly paddingTop: CardFormPaddingTop;
                readonly paddingBottom: CardFormPaddingBottom;
                readonly shadow: CardFormShadow;
                readonly borderRadius: CardFormBorderRadius;
                readonly borderWidth: CardFormBorderWidth;
                readonly borderColor: CardFormBorderColor;
                readonly textAlign: CardFormTextAlign;
                readonly backgroundColor: CardFormBackgroundColor;
                readonly smBackgroundColor: CardFormBackgroundColor;
                readonly smBorderWidth: CardFormBorderWidth;
                readonly defaultDescriptionTypographyMap: {
                    readonly default: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                    readonly link: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                };
            }>;
            secondary: Partial<{
                readonly contentMarginTop: CardFormContentMarginTop;
                readonly paddingX: CardFormPaddingX;
                readonly paddingTop: CardFormPaddingTop;
                readonly paddingBottom: CardFormPaddingBottom;
                readonly shadow: CardFormShadow;
                readonly borderRadius: CardFormBorderRadius;
                readonly borderWidth: CardFormBorderWidth;
                readonly borderColor: CardFormBorderColor;
                readonly textAlign: CardFormTextAlign;
                readonly backgroundColor: CardFormBackgroundColor;
                readonly smBackgroundColor: CardFormBackgroundColor;
                readonly smBorderWidth: CardFormBorderWidth;
                readonly defaultDescriptionTypographyMap: {
                    readonly default: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                    readonly link: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                };
            }>;
            tertiary: Partial<{
                readonly contentMarginTop: CardFormContentMarginTop;
                readonly paddingX: CardFormPaddingX;
                readonly paddingTop: CardFormPaddingTop;
                readonly paddingBottom: CardFormPaddingBottom;
                readonly shadow: CardFormShadow;
                readonly borderRadius: CardFormBorderRadius;
                readonly borderWidth: CardFormBorderWidth;
                readonly borderColor: CardFormBorderColor;
                readonly textAlign: CardFormTextAlign;
                readonly backgroundColor: CardFormBackgroundColor;
                readonly smBackgroundColor: CardFormBackgroundColor;
                readonly smBorderWidth: CardFormBorderWidth;
                readonly defaultDescriptionTypographyMap: {
                    readonly default: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                    readonly link: {
                        readonly type: TypographyTypeKey;
                        readonly size: TokenSizeKey;
                        readonly color: ThemeOrColorKey;
                    };
                };
            }>;
        }>;
        contentMarginTop: CardFormContentMarginTop;
        paddingX: CardFormPaddingX;
        paddingTop: CardFormPaddingTop;
        paddingBottom: CardFormPaddingBottom;
        shadow: CardFormShadow;
        borderRadius: CardFormBorderRadius;
        borderWidth: CardFormBorderWidth;
        borderColor: CardFormBorderColor;
        textAlign: CardFormTextAlign;
        backgroundColor: CardFormBackgroundColor;
        smBackgroundColor: CardFormBackgroundColor;
        smBorderWidth: CardFormBorderWidth;
        defaultDescriptionTypographyMap: {
            readonly default: {
                readonly type: TypographyTypeKey;
                readonly size: TokenSizeKey;
                readonly color: ThemeOrColorKey;
            };
            readonly link: {
                readonly type: TypographyTypeKey;
                readonly size: TokenSizeKey;
                readonly color: ThemeOrColorKey;
            };
        };
    };
    badge: {
        bg: ThemeOrColorKey;
    };
    inputBackground: string;
    bg: string;
    smBg: string;
    c02Neutral: string;
    c02NeutralLight: string;
    c05Neutral: string;
    c1Neutral: string;
    c15Neutral: string;
    c2Neutral: string;
    c25Neutral: string;
    c3Neutral: string;
    c4Neutral: string;
    c5Neutral: string;
    c6Neutral: string;
    c7Neutral: string;
    c8Neutral: string;
    c9Neutral: string;
    danger: string;
    hcNeutral: string;
    info: string;
    lcNeutral: string;
    link: string;
    linkLight: string;
    mcNeutral: string;
    onInfoText: string;
    onPrimaryText: string;
    onSuccessText: string;
    primary: string;
    secondary: string;
    tertiary: string;
    success: string;
    text: string;
    vlcNeutral: string;
    warning: string;
    errorBackground: string;
    errorText: string;
    transparent: string;
    header: BaseTheme;
    nav: BaseTheme;
    content: BaseTheme;
    controls: BaseTheme;
};
declare function isThemeColorKey(key: unknown): key is ThemeColorKey;
declare function isThemeOrColorKey(key: unknown): key is ThemeOrColorKey;
declare function getColor(theme: LightsparkTheme, key?: ThemeOrColorKey | undefined): string;
type FontColorKey = ThemeOrColorKey | "inherit";
declare function getFontColor(theme: LightsparkTheme, key?: FontColorKey | undefined, defaultColor?: ThemeColorKey | "inherit"): string;
type BackgroundColorKey = ThemeOrColorKey | "transparent";
type BackgroundColorKeyArg = BackgroundColorKey | [BackgroundColorKey, BackgroundColorKey];
declare function isBackgroundColorKey(key: unknown): key is BackgroundColorKey;
declare function isBackgroundColorKeyTuple(key: unknown): key is [BackgroundColorKey, BackgroundColorKey];
declare function getBackgroundColor(theme: LightsparkTheme, key?: BackgroundColorKeyArg | undefined, defaultColor?: BackgroundColorKeyArg): string;
declare const isDark: (theme: Theme) => boolean;
declare const isLight: (theme: Theme) => boolean;
declare const isBridge: (theme: Theme) => boolean;
declare const isNage: (theme: Theme) => boolean;
declare const themeOr: (lightValue: string, darkValue: string) => ({ theme }: {
    theme: Theme;
}) => string;
declare const themeOrWithKey: (lightValue: ThemeOrColorKey, darkValue: ThemeOrColorKey) => ({ theme }: {
    theme: Theme;
}) => string;
declare function ifLight(style: CSSInterpolation): ({ theme }: {
    theme: LightsparkTheme;
}) => _emotion_react.SerializedStyles | "";
declare function ifDark(style: CSSInterpolation): ({ theme }: {
    theme: LightsparkTheme;
}) => _emotion_react.SerializedStyles | "";
declare function useThemeBg(): string;
type ThemeProp = {
    theme: Theme;
};
type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;

export { useThemeBg as $, type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, type CardFormKind as C, setFonts as D, isThemeColorKey as E, type FontColorKey as F, isThemeOrColorKey as G, getColor as H, getFontColor as I, type BackgroundColorKey as J, type BackgroundColorKeyArg as K, type LightsparkTheme as L, isBackgroundColorKey as M, isBackgroundColorKeyTuple as N, getBackgroundColor as O, type PaddingYKey as P, isDark as Q, isLight as R, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, isBridge as U, isNage as V, type WithTheme as W, themeOr as X, themeOrWithKey as Y, ifLight as Z, ifDark as _, type ButtonBorderRadius as a, type ThemeProp as b, Themes as c, type CardFormTextAlign as d, type CardFormShadow as e, type CardFormPaddingTop as f, type CardFormPaddingBottom as g, type CardFormPaddingX as h, type CardFormContentMarginTop as i, type CardFormPaddingY as j, type CardFormBorderWidth as k, type CardFormBorderRadius as l, type CardFormBorderColor as m, type CardFormBackgroundColor as n, cardFormThemeBase as o, type CardFormThemeKey as p, defaultCardFormTheme as q, type PaddingY as r, buttonBorderRadiuses as s, allowedButtonTypographyTypes as t, buttonsThemeBase as u, type ButtonsThemeKey as v, defaultButtonsTheme as w, isTheme as x, themeOrColorKeyValues as y, themes as z };
