@lightsparkdev/ui 1.0.8 → 1.0.10

package/dist/themes-yD4K014U.d.cts

@@ -0,0 +1,779 @@
+import * as _emotion_react from '@emotion/react';
+import { Theme } from '@emotion/react';
+import { IconName } from './components/Icon/types.cjs';
+import { TokenSizeKey, FontFamilies, TypographyGroup, TypographyTypeKey } from './styles/tokens/typography.cjs';
+import { CSSInterpolation } from '@emotion/css';
+import { ColorKey } from './styles/colors.cjs';
+
+type PaddingYKey = "short" | "regular";
+type PaddingY = number | {
+    [key in PaddingYKey]: number;
+};
+declare const buttonBorderRadiuses: readonly [8, 32, 999];
+type ButtonBorderRadius = (typeof buttonBorderRadiuses)[number];
+declare const allowedButtonTypographyTypes: readonly ["Body", "Body Strong", "Title", "Label", "Label Moderate", "Label Strong"];
+type AllowedButtonTypographyTypes = (typeof allowedButtonTypographyTypes)[number];
+type ButtonTypographyArgs = {
+    type?: AllowedButtonTypographyTypes;
+    color?: ThemeOrColorKey;
+};
+declare const buttonsThemeBase: {
+    defaultSize: TokenSizeKey;
+    defaultTypographyType: AllowedButtonTypographyTypes;
+    defaultColor: ThemeOrColorKey;
+    defaultBorderRadius: ButtonBorderRadius;
+    defaultBorderWidth: number;
+    defaultBackgroundColor: BackgroundColorKeyArg;
+    defaultBorderColor: BackgroundColorKeyArg;
+    defaultHoverBackgroundColor: BackgroundColorKeyArg;
+    defaultHoverBorderColor: BackgroundColorKeyArg;
+    defaultOutlineOffset: number;
+    defaultPaddingsY: {
+        ExtraSmall: number;
+        Small: PaddingY;
+        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;
+    defaultBorderWidth: number;
+    defaultBackgroundColor: BackgroundColorKeyArg;
+    defaultBorderColor: BackgroundColorKeyArg;
+    defaultHoverBackgroundColor: BackgroundColorKeyArg;
+    defaultHoverBorderColor: BackgroundColorKeyArg;
+    defaultOutlineOffset: number;
+    defaultPaddingsY: {
+        ExtraSmall: number;
+        Small: PaddingY;
+        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"
+}
+declare const baseThemeColors: {
+    bg: string;
+    smBg: 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;
+    mcNeutral: string;
+    onInfoText: string;
+    onPrimaryText: string;
+    onSuccessText: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    success: string;
+    text: string;
+    vlcNeutral: string;
+    warning: 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";
+        };
+        fontWeights: {
+            main: {
+                ExtraBold: number;
+                Bold: number;
+                SemiBold: number;
+                Medium: 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;
+        };
+        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;
+        };
+        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;
+            }; }; };
+            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;
+            }; }; };
+        };
+    };
+    hcNeutralFromBg: (bgHex: string) => string;
+    buttons: {
+        kinds: {
+            [x: string]: Partial<{
+                defaultSize: TokenSizeKey;
+                defaultTypographyType: AllowedButtonTypographyTypes;
+                defaultColor: ThemeOrColorKey;
+                defaultBorderRadius: ButtonBorderRadius;
+                defaultBorderWidth: number;
+                defaultBackgroundColor: BackgroundColorKeyArg;
+                defaultBorderColor: BackgroundColorKeyArg;
+                defaultHoverBackgroundColor: BackgroundColorKeyArg;
+                defaultHoverBorderColor: BackgroundColorKeyArg;
+                defaultOutlineOffset: number;
+                defaultPaddingsY: {
+                    ExtraSmall: number;
+                    Small: PaddingY;
+                    Schmedium: number;
+                    Medium: number;
+                    Mlarge: number;
+                    Large: number;
+                };
+                kinds: {};
+            }>;
+        };
+        defaultSize: TokenSizeKey;
+        defaultTypographyType: AllowedButtonTypographyTypes;
+        defaultColor: ThemeOrColorKey;
+        defaultBorderRadius: ButtonBorderRadius;
+        defaultBorderWidth: number;
+        defaultBackgroundColor: BackgroundColorKeyArg;
+        defaultBorderColor: BackgroundColorKeyArg;
+        defaultHoverBackgroundColor: BackgroundColorKeyArg;
+        defaultHoverBorderColor: BackgroundColorKeyArg;
+        defaultOutlineOffset: number;
+        defaultPaddingsY: {
+            ExtraSmall: number;
+            Small: PaddingY;
+            Schmedium: number;
+            Medium: number;
+            Mlarge: number;
+            Large: number;
+        };
+    };
+    loading: {
+        kinds: {
+            [x: string]: Partial<{
+                defaultIconName: IconName;
+                kinds: {};
+            }>;
+        };
+        defaultIconName: IconName;
+    };
+    badge: {
+        bg: ThemeOrColorKey;
+    };
+    inputBackground: string;
+    bg: string;
+    smBg: 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;
+    mcNeutral: string;
+    onInfoText: string;
+    onPrimaryText: string;
+    onSuccessText: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    success: string;
+    text: string;
+    vlcNeutral: string;
+    warning: 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;
+};
+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";
+        };
+        fontWeights: {
+            main: {
+                ExtraBold: number;
+                Bold: number;
+                SemiBold: number;
+                Medium: 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;
+        };
+        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;
+        };
+        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;
+            }; }; };
+            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;
+            }; }; };
+        };
+    };
+    type: Themes;
+    hcNeutralFromBg: (bgHex: string) => string;
+    buttons: {
+        kinds: {
+            [x: string]: Partial<{
+                defaultSize: TokenSizeKey;
+                defaultTypographyType: AllowedButtonTypographyTypes;
+                defaultColor: ThemeOrColorKey;
+                defaultBorderRadius: ButtonBorderRadius;
+                defaultBorderWidth: number;
+                defaultBackgroundColor: BackgroundColorKeyArg;
+                defaultBorderColor: BackgroundColorKeyArg;
+                defaultHoverBackgroundColor: BackgroundColorKeyArg;
+                defaultHoverBorderColor: BackgroundColorKeyArg;
+                defaultOutlineOffset: number;
+                defaultPaddingsY: {
+                    ExtraSmall: number;
+                    Small: PaddingY;
+                    Schmedium: number;
+                    Medium: number;
+                    Mlarge: number;
+                    Large: number;
+                };
+                kinds: {};
+            }>;
+        };
+        defaultSize: TokenSizeKey;
+        defaultTypographyType: AllowedButtonTypographyTypes;
+        defaultColor: ThemeOrColorKey;
+        defaultBorderRadius: ButtonBorderRadius;
+        defaultBorderWidth: number;
+        defaultBackgroundColor: BackgroundColorKeyArg;
+        defaultBorderColor: BackgroundColorKeyArg;
+        defaultHoverBackgroundColor: BackgroundColorKeyArg;
+        defaultHoverBorderColor: BackgroundColorKeyArg;
+        defaultOutlineOffset: number;
+        defaultPaddingsY: {
+            ExtraSmall: number;
+            Small: PaddingY;
+            Schmedium: number;
+            Medium: number;
+            Mlarge: number;
+            Large: number;
+        };
+    };
+    loading: {
+        kinds: {
+            [x: string]: Partial<{
+                defaultIconName: IconName;
+                kinds: {};
+            }>;
+        };
+        defaultIconName: IconName;
+    };
+    badge: {
+        bg: ThemeOrColorKey;
+    };
+    inputBackground: string;
+    bg: string;
+    smBg: 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;
+    mcNeutral: string;
+    onInfoText: string;
+    onPrimaryText: string;
+    onSuccessText: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    success: string;
+    text: string;
+    vlcNeutral: string;
+    warning: 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 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 { type AllowedButtonTypographyTypes as A, type ButtonTypographyArgs as B, ifDark as C, useThemeBg as D, type FontColorKey as F, type LightsparkTheme as L, type PaddingYKey as P, type SurfaceThemeColorKey as S, type ThemeOrColorKey as T, type WithTheme as W, type ButtonBorderRadius as a, type ThemeProp as b, Themes as c, type PaddingY as d, buttonBorderRadiuses as e, allowedButtonTypographyTypes as f, buttonsThemeBase as g, type ButtonsThemeKey as h, defaultButtonsTheme as i, themes as j, isThemeColorKey as k, isThemeOrColorKey as l, getColor as m, getFontColor as n, type BackgroundColorKey as o, type BackgroundColorKeyArg as p, isBackgroundColorKey as q, isBackgroundColorKeyTuple as r, setFonts as s, themeOrColorKeyValues as t, getBackgroundColor as u, isDark as v, isLight as w, themeOr as x, themeOrWithKey as y, ifLight as z };