elbe-ui 1.0.8 → 2.0.0

package/dist/ui/theme/theme.d.ts

@@ -1,31 +1,985 @@
 import "../../elbe.css";
-import { ColorTheme } from "./colors";
-import { GeometryTheme, type GeometryThemeSeed } from "./geometry_theme";
-import { PartialColorThemeSeed } from "./seed";
-import { ElbeThemeConfig } from "./theme_context";
-import { TypeTheme, type TypeThemeSeed } from "./type_theme";
-export * from "./color_theme";
-export * from "./colors";
-export * from "./geometry_theme";
-export * from "./type_theme";
-export interface ElbeThemeSeed {
-    color?: Partial<PartialColorThemeSeed>;
-    type?: Partial<TypeThemeSeed>;
-    geometry?: Partial<GeometryThemeSeed>;
-}
-export declare class ElbeThemeData {
-    readonly color: ColorTheme;
-    readonly type: TypeTheme;
-    readonly geometry: GeometryTheme;
-    constructor(color: ColorTheme, type: TypeTheme, geometry: GeometryTheme);
-    asCss(): string;
-    static fromSeed(seed: ElbeThemeSeed): ElbeThemeData;
-}
-export declare function ElbeTheme(p: {
-    children: any;
-    todoOverlay?: boolean;
-} & Partial<ElbeThemeConfig> & ({
-    theme: ElbeThemeData;
-} | {
-    seed?: ElbeThemeSeed;
-})): import("react/jsx-runtime").JSX.Element;
+export type ElbeSubThemeData<Computed extends Dict<any>, Seed extends Dict<any> = Computed, Config extends Dict<any> = Computed> = {
+    seed: Seed;
+    _configType: Config;
+    compute: (data: Config) => Computed;
+    fromSeed: (seed: Seed) => Config;
+    asCss: (data: Computed) => React.CSSProperties;
+    /**
+     * entries will be converted into CSS custom properties.
+     * Each key will be prefixed with '--elbe-<subtheme>-'.
+     * All properties will cascade down to child elements.
+     *
+     * Example:
+     * For subtheme 'color' and return value { "current-front": "#ff0000" }
+     * the resulting CSS custom property will be '--elbe-color-current-front: #ff0000;'
+     * @param data
+     * @returns
+     */
+    asCssContext?: (data: Computed) => Dict<string | number>;
+};
+export type ElbeThemeData = {
+    [key: string]: ElbeSubThemeData<any, any>;
+};
+export declare const elbeCoreThemes: {
+    motion: ElbeSubThemeData<{
+        reduced: boolean;
+    }, {
+        reduced: boolean;
+    }>;
+    geometry: ElbeSubThemeData<{
+        size: number;
+        radius: number;
+        padding: number;
+        borderWidth: number;
+    }>;
+    type: ElbeSubThemeData<{
+        h1: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        h2: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        h3: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        h4: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        h5: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        h6: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        bodyL: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        bodyM: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        bodyS: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+        code: import("./subthemes/_theme_type").TypeStyle<{
+            asCss: (override?: Partial<import("./subthemes/_theme_type").TypeStyle>) => React.CSSProperties;
+        }>;
+    }, {
+        heading: {
+            bold: boolean;
+            family: string[];
+            size: number;
+        };
+        body: {
+            bold: boolean;
+            family: string[];
+            size: number;
+        };
+        code: {
+            bold: boolean;
+            family: string[];
+            size: number;
+        };
+        headingVariants: (style: import("./subthemes/_theme_type").TypeStyle, variant: 2 | 1 | 3 | 4 | 5 | 6) => import("./subthemes/_theme_type").TypeStyle;
+        bodyVariants: (style: import("./subthemes/_theme_type").TypeStyle, variant: "s" | "l") => import("./subthemes/_theme_type").TypeStyle;
+    }, {
+        h1: import("./subthemes/_theme_type").TypeStyle;
+        h2: import("./subthemes/_theme_type").TypeStyle;
+        h3: import("./subthemes/_theme_type").TypeStyle;
+        h4: import("./subthemes/_theme_type").TypeStyle;
+        h5: import("./subthemes/_theme_type").TypeStyle;
+        h6: import("./subthemes/_theme_type").TypeStyle;
+        bodyL: import("./subthemes/_theme_type").TypeStyle;
+        bodyM: import("./subthemes/_theme_type").TypeStyle;
+        bodyS: import("./subthemes/_theme_type").TypeStyle;
+        code: import("./subthemes/_theme_type").TypeStyle;
+    }>;
+    color: ElbeSubThemeData<{
+        currentColor: import("../..").ElbeColor<"layer", {
+            back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+            front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+            border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+        }, Omit<{
+            interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+            interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+            mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+            desaturatedLayer: () => import("../..").LayerColor;
+            withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+            withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+            withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+        } & {
+            type: ["rgba", ...string[]];
+        } & {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        } & Omit<{
+            asCss: () => string;
+            hex: () => string;
+            isDark: () => boolean;
+            luminance: () => number;
+            desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+            contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+        }, "type">, "type">>;
+        isContrast: boolean;
+        isDark: boolean;
+        values: {
+            root: {
+                base: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                accent: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                info: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                success: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                warning: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                error: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+            };
+            hirarchy: import("../..").ElbeColor<"contrast", {
+                normal: import("../..").ModeColor;
+                highvis: import("../..").ModeColor;
+            }, Omit<{
+                type: ["mode", ...string[]];
+            } & {
+                light: import("../..").SchemeColor;
+                dark: import("../..").SchemeColor;
+            } & Omit<{
+                type: ["state", ...string[]];
+            } & {
+                primary: import("../..").KindColor;
+                secondary: import("../..").KindColor;
+                inverse: import("../..").KindColor;
+            } & Omit<{
+                type: ["kind", ...string[]];
+            } & {
+                accent: import("../..").MannerColor;
+                info: import("../..").MannerColor;
+                success: import("../..").MannerColor;
+                warning: import("../..").MannerColor;
+                error: import("../..").MannerColor;
+            } & Omit<{
+                type: ["manner", ...string[]];
+            } & {
+                major: import("../..").StateColor;
+                minor: import("../..").StateColor;
+                flat: import("../..").StateColor;
+                plain: import("../..").StateColor;
+            } & Omit<{
+                type: ["state", ...string[]];
+            } & {
+                neutral: import("../..").LayerColor;
+                hover: import("../..").LayerColor;
+                active: import("../..").LayerColor;
+                disabled: import("../..").LayerColor;
+            } & Omit<{
+                type: ["layer", ...string[]];
+            } & {
+                back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+            } & Omit<{
+                interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                desaturatedLayer: () => import("../..").LayerColor;
+                withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+            } & {
+                type: ["rgba", ...string[]];
+            } & {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            } & Omit<{
+                asCss: () => string;
+                hex: () => string;
+                isDark: () => boolean;
+                luminance: () => number;
+                desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                }, Omit</*elided*/ any, "type">>;
+                withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                }, Omit</*elided*/ any, "type">>;
+                inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                }, Omit</*elided*/ any, "type">>;
+                mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                }, Omit</*elided*/ any, "type">>;
+                hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+            }, "type">, "type">, "type">, "type">, "type">, "type">, "type">, "type">>;
+        };
+        selection: import("../..").ColorThemeSelection;
+    }, import("../..").ColorThemeSeed, {
+        values: {
+            root: {
+                base: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                accent: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                info: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                success: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                warning: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+                error: import("../..").ElbeColor<"layer", {
+                    back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                    border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                }, Omit<{
+                    interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                    mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                    desaturatedLayer: () => import("../..").LayerColor;
+                    withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                    withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                } & {
+                    type: ["rgba", ...string[]];
+                } & {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                } & Omit<{
+                    asCss: () => string;
+                    hex: () => string;
+                    isDark: () => boolean;
+                    luminance: () => number;
+                    desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                        red: number;
+                        green: number;
+                        blue: number;
+                        alpha: number;
+                    }, Omit</*elided*/ any, "type">>;
+                    hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                    contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+                }, "type">, "type">>;
+            };
+            hirarchy: import("../..").ElbeColor<"contrast", {
+                normal: import("../..").ModeColor;
+                highvis: import("../..").ModeColor;
+            }, Omit<{
+                type: ["mode", ...string[]];
+            } & {
+                light: import("../..").SchemeColor;
+                dark: import("../..").SchemeColor;
+            } & Omit<{
+                type: ["state", ...string[]];
+            } & {
+                primary: import("../..").KindColor;
+                secondary: import("../..").KindColor;
+                inverse: import("../..").KindColor;
+            } & Omit<{
+                type: ["kind", ...string[]];
+            } & {
+                accent: import("../..").MannerColor;
+                info: import("../..").MannerColor;
+                success: import("../..").MannerColor;
+                warning: import("../..").MannerColor;
+                error: import("../..").MannerColor;
+            } & Omit<{
+                type: ["manner", ...string[]];
+            } & {
+                major: import("../..").StateColor;
+                minor: import("../..").StateColor;
+                flat: import("../..").StateColor;
+                plain: import("../..").StateColor;
+            } & Omit<{
+                type: ["state", ...string[]];
+            } & {
+                neutral: import("../..").LayerColor;
+                hover: import("../..").LayerColor;
+                active: import("../..").LayerColor;
+                disabled: import("../..").LayerColor;
+            } & Omit<{
+                type: ["layer", ...string[]];
+            } & {
+                back: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                front: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+                border: import("./subthemes/color/colors/_color_rgba").RGBAColor;
+            } & Omit<{
+                interLayer: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                interLayerLayer: (other: import("../..").LayerColor, factor: number, factorFront?: number, factorBorder?: number) => import("../..").LayerColor;
+                mirrorBrightnessLayer: (factor?: number, factorBack?: number, factorBorder?: number) => import("../..").LayerColor;
+                desaturatedLayer: () => import("../..").LayerColor;
+                withBack: (back: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                withFront: (front: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+                withBorder: (border: import("./subthemes/color/colors/_color_rgba").RGBAColor) => import("../..").LayerColor;
+            } & {
+                type: ["rgba", ...string[]];
+            } & {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            } & Omit<{
+                asCss: () => string;
+                hex: () => string;
+                isDark: () => boolean;
+                luminance: () => number;
+                desaturated: (f?: number) => import("../..").ElbeColor<"rgba", {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                }, Omit</*elided*/ any, "type">>;
+                withAlpha: (alpha: number) => import("../..").ElbeColor<"rgba", {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                }, Omit</*elided*/ any, "type">>;
+                inter: (other: import("./subthemes/color/colors/_color_rgba").RGBAColor, factor: number) => import("../..").ElbeColor<"rgba", {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                }, Omit</*elided*/ any, "type">>;
+                mirrorBrightness: (factor?: number) => import("../..").ElbeColor<"rgba", {
+                    red: number;
+                    green: number;
+                    blue: number;
+                    alpha: number;
+                }, Omit</*elided*/ any, "type">>;
+                hasWCAGContrast: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => boolean;
+                contrastRatio: (color: import("./subthemes/color/colors/_color_rgba").RGBAColor) => number;
+            }, "type">, "type">, "type">, "type">, "type">, "type">, "type">, "type">>;
+        };
+        selection: import("../..").ColorThemeSelection;
+    }>;
+    toast: ElbeSubThemeData<{
+        alignment: "bottom_center" | "top_start" | "top_center" | "top_end" | "bottom_start" | "bottom_end";
+        duration: number;
+    }, {
+        alignment: "bottom_center" | "top_start" | "top_center" | "top_end" | "bottom_start" | "bottom_end";
+        duration: number;
+    }>;
+    menu: ElbeSubThemeData<{
+        scheme: import("../..").ColorSelection.Schemes;
+        elevated: boolean;
+        sharp: boolean;
+    }, {
+        scheme: import("../..").ColorSelection.Schemes;
+        elevated: boolean;
+        sharp: boolean;
+    }>;
+};
+export type ElbeThemeDefinitions<T extends ElbeThemeData> = typeof elbeCoreThemes & T;
+export type ElbeThemeConfig<T extends ElbeThemeData> = {
+    [key in keyof ElbeThemeDefinitions<T>]: ElbeThemeDefinitions<T>[key]["_configType"];
+};
+export type ElbeThemeComputed<T extends ElbeThemeData> = {
+    [key in keyof ElbeThemeDefinitions<T>]: ReturnType<ElbeThemeDefinitions<T>[key]["compute"]>;
+};
+export type ElbeThemeSeed<T extends ElbeThemeData> = {
+    [key in keyof ElbeThemeDefinitions<T>]: Partial<ElbeThemeDefinitions<T>[key]["seed"]>;
+};
+export type ElbeThemeContextData<T extends ElbeThemeData> = {
+    themeDefinitions: ElbeThemeDefinitions<T>;
+    themeConfig: ElbeThemeConfig<T>;
+    theme: ElbeThemeComputed<T>;
+    useWith: (worker: (config: ElbeThemeConfig<T>) => Partial<ElbeThemeConfig<T>>, dependencies: any[]) => ElbeThemeContextData<T>;
+};