@omnia/fx 8.0.127-dev → 8.0.128-dev

package/internal-do-not-import-from-here/ux/theming-v2/store/ChromeBlueprintStore.d.ts

@@ -1,12 +1,12 @@
-import { BlueprintVariant, ChromeBlueprints } from "@omnia/fx-models";
+import { BlueprintVariant } from "@omnia/fx-models";
 import { useThemeStoreV2 } from "./ThemeStoreV2";
 export declare const useChromeBlueprintStore: () => {
     state: {
-        blueprint: ChromeBlueprints;
+        blueprint: import("@omnia/fx-models").ChromeBlueprints;
         id: import("@omnia/fx-models").GuidValue;
     };
     events: {
-        onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ChromeBlueprints>;
+        onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ChromeBlueprints>;
         onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").GuidValue>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
@@ -43,10 +43,9 @@ export declare const useChromeBlueprintStore: () => {
                     };
                     get: {
                         colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
-                        blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                         typography(): import("@omnia/fx-models").TypographyBlueprints;
                         spacing(): import("@omnia/fx-models").SpacingBlueprints;
-                        chrome(): ChromeBlueprints;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprints;
                         component(): import("@omnia/fx-models").ComponentBlueprints;
                         color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
                         colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
@@ -91,10 +90,9 @@ export declare const useChromeBlueprintStore: () => {
                     };
                     get: {
                         colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
-                        blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                         typography(): import("@omnia/fx-models").TypographyBlueprints;
                         spacing(): import("@omnia/fx-models").SpacingBlueprints;
-                        chrome(): ChromeBlueprints;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprints;
                         component(): import("@omnia/fx-models").ComponentBlueprints;
                         color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
                         colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
@@ -139,10 +137,9 @@ export declare const useChromeBlueprintStore: () => {
                     };
                     get: {
                         colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
-                        blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                         typography(): import("@omnia/fx-models").TypographyBlueprints;
                         spacing(): import("@omnia/fx-models").SpacingBlueprints;
-                        chrome(): ChromeBlueprints;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprints;
                         component(): import("@omnia/fx-models").ComponentBlueprints;
                         color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
                         colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
@@ -170,8 +167,7 @@ export declare const useChromeBlueprintStore: () => {
                         toJSON: () => string;
                         valueOf: () => string;
                     };
-                    name: string;
-                    dark: boolean;
+                    name?: string;
                     colors: {
                         primary: {
                             name: string;
@@ -381,10 +377,3667 @@ export declare const useChromeBlueprintStore: () => {
                             };
                         };
                     };
-                    blueprints: {
-                        type: import("@omnia/fx-models").BlueprintType;
+                    typography: {
+                        primary: {
+                            name: string;
+                            font?: {
+                                id: {
+                                    equals: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                    toString: () => string;
+                                    toJSON: () => string;
+                                    valueOf: () => string;
+                                };
+                                family: string;
+                                cdn?: string;
+                            };
+                            title: {
+                                xl: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                                l: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                                m: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                                s: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                                xs: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                            };
+                            text: {
+                                l: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                                m: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                                s: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                                xs: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                            };
+                            navigation: {
+                                l: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                                m: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                            };
+                            link: {
+                                m: {
+                                    decoration?: string;
+                                    lg: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    md?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                    sm?: {
+                                        weight: number;
+                                        size: number;
+                                        lineHeight: number;
+                                    };
+                                };
+                            };
+                        };
+                        name?: string;
+                    };
+                    spacing: {
+                        primary: {
+                            layout: {
+                                name: string;
+                                xs: number;
+                                s: number;
+                                m: number;
+                                l: number;
+                                xl: number;
+                            };
+                            inner: {
+                                name: string;
+                                xs: number;
+                                s: number;
+                                m: number;
+                                l: number;
+                                xl: number;
+                            };
+                        };
+                        name?: string;
+                    };
+                    chrome: {
+                        primary: {
+                            name?: string;
+                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                            header: {
+                                definitionId: {
+                                    toString: () => string;
+                                    equals?: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                };
+                                definition?: {
+                                    type: "velcron";
+                                    version?: string;
+                                    name?: string;
+                                    body?: {
+                                        body?: any[];
+                                        style?: {
+                                            margin?: number;
+                                            marginTop?: number;
+                                            marginRight?: number;
+                                            marginBottom?: number;
+                                            marginLeft?: number;
+                                            padding?: number;
+                                            paddingTop?: number;
+                                            paddingRight?: number;
+                                            paddingBottom?: number;
+                                            paddingLeft?: number;
+                                            height?: string | number;
+                                            width?: string | number;
+                                        };
+                                        foreach?: string;
+                                        if?: string;
+                                        events?: import("@omnia/fx-models").VelcronEvent;
+                                        type: string;
+                                        name?: string;
+                                        key?: string;
+                                        margin?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                        padding?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                    }[];
+                                    events?: {
+                                        onLoaded?: string[];
+                                        onEditMode?: string[];
+                                        onSaved?: string[];
+                                    };
+                                    actions?: {
+                                        [name: string]: string[];
+                                    };
+                                    components?: {
+                                        type: string;
+                                        events?: any;
+                                        properties?: {
+                                            [name: string]: any;
+                                        };
+                                        icon?: any;
+                                        body?: {
+                                            body?: any[];
+                                            style?: {
+                                                margin?: number;
+                                                marginTop?: number;
+                                                marginRight?: number;
+                                                marginBottom?: number;
+                                                marginLeft?: number;
+                                                padding?: number;
+                                                paddingTop?: number;
+                                                paddingRight?: number;
+                                                paddingBottom?: number;
+                                                paddingLeft?: number;
+                                                height?: string | number;
+                                                width?: string | number;
+                                            };
+                                            foreach?: string;
+                                            if?: string;
+                                            events?: import("@omnia/fx-models").VelcronEvent;
+                                            type: string;
+                                            name?: string;
+                                            key?: string;
+                                            margin?: {
+                                                top?: string | number;
+                                                right?: string | number;
+                                                bottom?: string | number;
+                                                left?: string | number;
+                                            };
+                                            padding?: {
+                                                top?: string | number;
+                                                right?: string | number;
+                                                bottom?: string | number;
+                                                left?: string | number;
+                                            };
+                                        }[];
+                                        style?: {
+                                            margin?: number;
+                                            marginTop?: number;
+                                            marginRight?: number;
+                                            marginBottom?: number;
+                                            marginLeft?: number;
+                                            padding?: number;
+                                            paddingTop?: number;
+                                            paddingRight?: number;
+                                            paddingBottom?: number;
+                                            paddingLeft?: number;
+                                            height?: string | number;
+                                            width?: string | number;
+                                        };
+                                        foreach?: string;
+                                        if?: string;
+                                        name?: string;
+                                        key?: string;
+                                        margin?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                        padding?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                    }[];
+                                    propEditors?: {
+                                        name?: string;
+                                        category?: string;
+                                        type: string;
+                                        settings?: any;
+                                        stateMapping?: string;
+                                        propertyMapping?: boolean;
+                                        multiple?: boolean;
+                                        component?: unknown;
+                                    }[];
+                                    state?: object;
+                                    computed?: {
+                                        [name: string]: string[];
+                                    };
+                                    key?: string;
+                                };
+                            };
+                            styles: {
+                                background?: {
+                                    fill?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    border?: {
+                                        radius?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        width?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                    };
+                                    elevation?: number;
+                                };
+                                spacing?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                            };
+                        };
+                        variant1?: {
+                            name?: string;
+                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                            header: {
+                                definitionId: {
+                                    toString: () => string;
+                                    equals?: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                };
+                                definition?: {
+                                    type: "velcron";
+                                    version?: string;
+                                    name?: string;
+                                    body?: {
+                                        body?: any[];
+                                        style?: {
+                                            margin?: number;
+                                            marginTop?: number;
+                                            marginRight?: number;
+                                            marginBottom?: number;
+                                            marginLeft?: number;
+                                            padding?: number;
+                                            paddingTop?: number;
+                                            paddingRight?: number;
+                                            paddingBottom?: number;
+                                            paddingLeft?: number;
+                                            height?: string | number;
+                                            width?: string | number;
+                                        };
+                                        foreach?: string;
+                                        if?: string;
+                                        events?: import("@omnia/fx-models").VelcronEvent;
+                                        type: string;
+                                        name?: string;
+                                        key?: string;
+                                        margin?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                        padding?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                    }[];
+                                    events?: {
+                                        onLoaded?: string[];
+                                        onEditMode?: string[];
+                                        onSaved?: string[];
+                                    };
+                                    actions?: {
+                                        [name: string]: string[];
+                                    };
+                                    components?: {
+                                        type: string;
+                                        events?: any;
+                                        properties?: {
+                                            [name: string]: any;
+                                        };
+                                        icon?: any;
+                                        body?: {
+                                            body?: any[];
+                                            style?: {
+                                                margin?: number;
+                                                marginTop?: number;
+                                                marginRight?: number;
+                                                marginBottom?: number;
+                                                marginLeft?: number;
+                                                padding?: number;
+                                                paddingTop?: number;
+                                                paddingRight?: number;
+                                                paddingBottom?: number;
+                                                paddingLeft?: number;
+                                                height?: string | number;
+                                                width?: string | number;
+                                            };
+                                            foreach?: string;
+                                            if?: string;
+                                            events?: import("@omnia/fx-models").VelcronEvent;
+                                            type: string;
+                                            name?: string;
+                                            key?: string;
+                                            margin?: {
+                                                top?: string | number;
+                                                right?: string | number;
+                                                bottom?: string | number;
+                                                left?: string | number;
+                                            };
+                                            padding?: {
+                                                top?: string | number;
+                                                right?: string | number;
+                                                bottom?: string | number;
+                                                left?: string | number;
+                                            };
+                                        }[];
+                                        style?: {
+                                            margin?: number;
+                                            marginTop?: number;
+                                            marginRight?: number;
+                                            marginBottom?: number;
+                                            marginLeft?: number;
+                                            padding?: number;
+                                            paddingTop?: number;
+                                            paddingRight?: number;
+                                            paddingBottom?: number;
+                                            paddingLeft?: number;
+                                            height?: string | number;
+                                            width?: string | number;
+                                        };
+                                        foreach?: string;
+                                        if?: string;
+                                        name?: string;
+                                        key?: string;
+                                        margin?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                        padding?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                    }[];
+                                    propEditors?: {
+                                        name?: string;
+                                        category?: string;
+                                        type: string;
+                                        settings?: any;
+                                        stateMapping?: string;
+                                        propertyMapping?: boolean;
+                                        multiple?: boolean;
+                                        component?: unknown;
+                                    }[];
+                                    state?: object;
+                                    computed?: {
+                                        [name: string]: string[];
+                                    };
+                                    key?: string;
+                                };
+                            };
+                            styles: {
+                                background?: {
+                                    fill?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    border?: {
+                                        radius?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        width?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                    };
+                                    elevation?: number;
+                                };
+                                spacing?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                            };
+                        };
+                        variant2?: {
+                            name?: string;
+                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                            header: {
+                                definitionId: {
+                                    toString: () => string;
+                                    equals?: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                };
+                                definition?: {
+                                    type: "velcron";
+                                    version?: string;
+                                    name?: string;
+                                    body?: {
+                                        body?: any[];
+                                        style?: {
+                                            margin?: number;
+                                            marginTop?: number;
+                                            marginRight?: number;
+                                            marginBottom?: number;
+                                            marginLeft?: number;
+                                            padding?: number;
+                                            paddingTop?: number;
+                                            paddingRight?: number;
+                                            paddingBottom?: number;
+                                            paddingLeft?: number;
+                                            height?: string | number;
+                                            width?: string | number;
+                                        };
+                                        foreach?: string;
+                                        if?: string;
+                                        events?: import("@omnia/fx-models").VelcronEvent;
+                                        type: string;
+                                        name?: string;
+                                        key?: string;
+                                        margin?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                        padding?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                    }[];
+                                    events?: {
+                                        onLoaded?: string[];
+                                        onEditMode?: string[];
+                                        onSaved?: string[];
+                                    };
+                                    actions?: {
+                                        [name: string]: string[];
+                                    };
+                                    components?: {
+                                        type: string;
+                                        events?: any;
+                                        properties?: {
+                                            [name: string]: any;
+                                        };
+                                        icon?: any;
+                                        body?: {
+                                            body?: any[];
+                                            style?: {
+                                                margin?: number;
+                                                marginTop?: number;
+                                                marginRight?: number;
+                                                marginBottom?: number;
+                                                marginLeft?: number;
+                                                padding?: number;
+                                                paddingTop?: number;
+                                                paddingRight?: number;
+                                                paddingBottom?: number;
+                                                paddingLeft?: number;
+                                                height?: string | number;
+                                                width?: string | number;
+                                            };
+                                            foreach?: string;
+                                            if?: string;
+                                            events?: import("@omnia/fx-models").VelcronEvent;
+                                            type: string;
+                                            name?: string;
+                                            key?: string;
+                                            margin?: {
+                                                top?: string | number;
+                                                right?: string | number;
+                                                bottom?: string | number;
+                                                left?: string | number;
+                                            };
+                                            padding?: {
+                                                top?: string | number;
+                                                right?: string | number;
+                                                bottom?: string | number;
+                                                left?: string | number;
+                                            };
+                                        }[];
+                                        style?: {
+                                            margin?: number;
+                                            marginTop?: number;
+                                            marginRight?: number;
+                                            marginBottom?: number;
+                                            marginLeft?: number;
+                                            padding?: number;
+                                            paddingTop?: number;
+                                            paddingRight?: number;
+                                            paddingBottom?: number;
+                                            paddingLeft?: number;
+                                            height?: string | number;
+                                            width?: string | number;
+                                        };
+                                        foreach?: string;
+                                        if?: string;
+                                        name?: string;
+                                        key?: string;
+                                        margin?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                        padding?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                    }[];
+                                    propEditors?: {
+                                        name?: string;
+                                        category?: string;
+                                        type: string;
+                                        settings?: any;
+                                        stateMapping?: string;
+                                        propertyMapping?: boolean;
+                                        multiple?: boolean;
+                                        component?: unknown;
+                                    }[];
+                                    state?: object;
+                                    computed?: {
+                                        [name: string]: string[];
+                                    };
+                                    key?: string;
+                                };
+                            };
+                            styles: {
+                                background?: {
+                                    fill?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    border?: {
+                                        radius?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        width?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                    };
+                                    elevation?: number;
+                                };
+                                spacing?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                            };
+                        };
+                        variant3?: {
+                            name?: string;
+                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                            header: {
+                                definitionId: {
+                                    toString: () => string;
+                                    equals?: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                };
+                                definition?: {
+                                    type: "velcron";
+                                    version?: string;
+                                    name?: string;
+                                    body?: {
+                                        body?: any[];
+                                        style?: {
+                                            margin?: number;
+                                            marginTop?: number;
+                                            marginRight?: number;
+                                            marginBottom?: number;
+                                            marginLeft?: number;
+                                            padding?: number;
+                                            paddingTop?: number;
+                                            paddingRight?: number;
+                                            paddingBottom?: number;
+                                            paddingLeft?: number;
+                                            height?: string | number;
+                                            width?: string | number;
+                                        };
+                                        foreach?: string;
+                                        if?: string;
+                                        events?: import("@omnia/fx-models").VelcronEvent;
+                                        type: string;
+                                        name?: string;
+                                        key?: string;
+                                        margin?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                        padding?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                    }[];
+                                    events?: {
+                                        onLoaded?: string[];
+                                        onEditMode?: string[];
+                                        onSaved?: string[];
+                                    };
+                                    actions?: {
+                                        [name: string]: string[];
+                                    };
+                                    components?: {
+                                        type: string;
+                                        events?: any;
+                                        properties?: {
+                                            [name: string]: any;
+                                        };
+                                        icon?: any;
+                                        body?: {
+                                            body?: any[];
+                                            style?: {
+                                                margin?: number;
+                                                marginTop?: number;
+                                                marginRight?: number;
+                                                marginBottom?: number;
+                                                marginLeft?: number;
+                                                padding?: number;
+                                                paddingTop?: number;
+                                                paddingRight?: number;
+                                                paddingBottom?: number;
+                                                paddingLeft?: number;
+                                                height?: string | number;
+                                                width?: string | number;
+                                            };
+                                            foreach?: string;
+                                            if?: string;
+                                            events?: import("@omnia/fx-models").VelcronEvent;
+                                            type: string;
+                                            name?: string;
+                                            key?: string;
+                                            margin?: {
+                                                top?: string | number;
+                                                right?: string | number;
+                                                bottom?: string | number;
+                                                left?: string | number;
+                                            };
+                                            padding?: {
+                                                top?: string | number;
+                                                right?: string | number;
+                                                bottom?: string | number;
+                                                left?: string | number;
+                                            };
+                                        }[];
+                                        style?: {
+                                            margin?: number;
+                                            marginTop?: number;
+                                            marginRight?: number;
+                                            marginBottom?: number;
+                                            marginLeft?: number;
+                                            padding?: number;
+                                            paddingTop?: number;
+                                            paddingRight?: number;
+                                            paddingBottom?: number;
+                                            paddingLeft?: number;
+                                            height?: string | number;
+                                            width?: string | number;
+                                        };
+                                        foreach?: string;
+                                        if?: string;
+                                        name?: string;
+                                        key?: string;
+                                        margin?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                        padding?: {
+                                            top?: string | number;
+                                            right?: string | number;
+                                            bottom?: string | number;
+                                            left?: string | number;
+                                        };
+                                    }[];
+                                    propEditors?: {
+                                        name?: string;
+                                        category?: string;
+                                        type: string;
+                                        settings?: any;
+                                        stateMapping?: string;
+                                        propertyMapping?: boolean;
+                                        multiple?: boolean;
+                                        component?: unknown;
+                                    }[];
+                                    state?: object;
+                                    computed?: {
+                                        [name: string]: string[];
+                                    };
+                                    key?: string;
+                                };
+                            };
+                            styles: {
+                                background?: {
+                                    fill?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    border?: {
+                                        radius?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        width?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                    };
+                                    elevation?: number;
+                                };
+                                spacing?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                            };
+                        };
+                        name?: string;
+                    };
+                    components: {
+                        buttons?: {
+                            text?: {
+                                primary?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                basic?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                accent1?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                warn?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                disabled?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                link?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                            };
+                            icon?: {
+                                primary?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                basic?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                accent1?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                warn?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                disabled?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                link?: {
+                                    type: "button";
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                            };
+                        };
+                        tabs?: {
+                            primary?: {
+                                type: "tab";
+                                background?: {
+                                    fill?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    border?: {
+                                        radius?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        width?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                    };
+                                    elevation?: number;
+                                };
+                                padding?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                                margin?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                                vertical?: boolean;
+                                hideSlider?: boolean;
+                                iconPosition?: "left" | "right" | "top";
+                                grow?: boolean;
+                                minHeight?: number;
+                                minWidth?: number;
+                                alignment?: "center" | "start" | "end";
+                                sliderColor?: string | {
+                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                    toned?: boolean;
+                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                };
+                                text?: {
+                                    type: "text";
+                                    color?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    typography?: {
+                                        decoration?: string;
+                                        lg: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                        md?: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                        sm?: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                    } | {
+                                        type: "title" | "text" | "navigation";
+                                        size: "xs" | "s" | "m" | "l" | "xl";
+                                    };
+                                };
+                                icon?: {
+                                    type: "icon";
+                                    color?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    size?: number;
+                                };
+                                active?: {
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                inactive?: {
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                };
+                            };
+                            variant1?: {
+                                type: "tab";
+                                background?: {
+                                    fill?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    border?: {
+                                        radius?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        width?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                    };
+                                    elevation?: number;
+                                };
+                                padding?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                                margin?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                                vertical?: boolean;
+                                hideSlider?: boolean;
+                                iconPosition?: "left" | "right" | "top";
+                                grow?: boolean;
+                                minHeight?: number;
+                                minWidth?: number;
+                                alignment?: "center" | "start" | "end";
+                                sliderColor?: string | {
+                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                    toned?: boolean;
+                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                };
+                                text?: {
+                                    type: "text";
+                                    color?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    typography?: {
+                                        decoration?: string;
+                                        lg: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                        md?: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                        sm?: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                    } | {
+                                        type: "title" | "text" | "navigation";
+                                        size: "xs" | "s" | "m" | "l" | "xl";
+                                    };
+                                };
+                                icon?: {
+                                    type: "icon";
+                                    color?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    size?: number;
+                                };
+                                active?: {
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                inactive?: {
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                };
+                            };
+                            variant2?: {
+                                type: "tab";
+                                background?: {
+                                    fill?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    border?: {
+                                        radius?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        width?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                    };
+                                    elevation?: number;
+                                };
+                                padding?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                                margin?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                                vertical?: boolean;
+                                hideSlider?: boolean;
+                                iconPosition?: "left" | "right" | "top";
+                                grow?: boolean;
+                                minHeight?: number;
+                                minWidth?: number;
+                                alignment?: "center" | "start" | "end";
+                                sliderColor?: string | {
+                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                    toned?: boolean;
+                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                };
+                                text?: {
+                                    type: "text";
+                                    color?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    typography?: {
+                                        decoration?: string;
+                                        lg: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                        md?: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                        sm?: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                    } | {
+                                        type: "title" | "text" | "navigation";
+                                        size: "xs" | "s" | "m" | "l" | "xl";
+                                    };
+                                };
+                                icon?: {
+                                    type: "icon";
+                                    color?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    size?: number;
+                                };
+                                active?: {
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                inactive?: {
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                };
+                            };
+                            variant3?: {
+                                type: "tab";
+                                background?: {
+                                    fill?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    border?: {
+                                        radius?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        width?: {
+                                            top?: import("@omnia/fx-models").SpacingValue;
+                                            right?: import("@omnia/fx-models").SpacingValue;
+                                            bottom?: import("@omnia/fx-models").SpacingValue;
+                                            left?: import("@omnia/fx-models").SpacingValue;
+                                        };
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                    };
+                                    elevation?: number;
+                                };
+                                padding?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                                margin?: {
+                                    top?: import("@omnia/fx-models").SpacingValue;
+                                    right?: import("@omnia/fx-models").SpacingValue;
+                                    bottom?: import("@omnia/fx-models").SpacingValue;
+                                    left?: import("@omnia/fx-models").SpacingValue;
+                                };
+                                vertical?: boolean;
+                                hideSlider?: boolean;
+                                iconPosition?: "left" | "right" | "top";
+                                grow?: boolean;
+                                minHeight?: number;
+                                minWidth?: number;
+                                alignment?: "center" | "start" | "end";
+                                sliderColor?: string | {
+                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                    toned?: boolean;
+                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                };
+                                text?: {
+                                    type: "text";
+                                    color?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    typography?: {
+                                        decoration?: string;
+                                        lg: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                        md?: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                        sm?: {
+                                            weight: number;
+                                            size: number;
+                                            lineHeight: number;
+                                        };
+                                    } | {
+                                        type: "title" | "text" | "navigation";
+                                        size: "xs" | "s" | "m" | "l" | "xl";
+                                    };
+                                };
+                                icon?: {
+                                    type: "icon";
+                                    color?: {
+                                        colors: (string | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                        } | {
+                                            color: string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            };
+                                            stop?: number;
+                                        })[];
+                                        acrylic?: boolean;
+                                        opacity?: number;
+                                    };
+                                    size?: number;
+                                };
+                                active?: {
+                                    padding?: {
+                                        top?: import("@omnia/fx-models").SpacingValue;
+                                        right?: import("@omnia/fx-models").SpacingValue;
+                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                        left?: import("@omnia/fx-models").SpacingValue;
+                                    };
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                    text?: {
+                                        type: "text";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
+                                            };
+                                        } | {
+                                            type: "title" | "text" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
+                                        };
+                                    };
+                                    icon?: {
+                                        type: "icon";
+                                        color?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                };
+                                inactive?: {
+                                    background?: {
+                                        fill?: {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                            opacity?: number;
+                                        };
+                                        border?: {
+                                            radius?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            width?: {
+                                                top?: import("@omnia/fx-models").SpacingValue;
+                                                right?: import("@omnia/fx-models").SpacingValue;
+                                                bottom?: import("@omnia/fx-models").SpacingValue;
+                                                left?: import("@omnia/fx-models").SpacingValue;
+                                            };
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
+                                                opacity?: number;
+                                            };
+                                        };
+                                        elevation?: number;
+                                    };
+                                };
+                            };
+                        };
                         name?: string;
-                    }[];
+                    };
                 };
             };
             events: {
@@ -416,10 +4069,9 @@ export declare const useChromeBlueprintStore: () => {
             };
             get: {
                 colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic") => import("@omnia/fx-models").ColorSchema;
-                blueprint: <TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType) => TType;
                 typography: () => import("@omnia/fx-models").TypographyBlueprints;
                 spacing: () => import("@omnia/fx-models").SpacingBlueprints;
-                chrome: () => ChromeBlueprints;
+                chrome: () => import("@omnia/fx-models").ChromeBlueprints;
                 component: () => import("@omnia/fx-models").ComponentBlueprints;
                 color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
                 colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;