npm - @omnia/fx - Versions diffs - 8.0.127-dev → 8.0.128-dev - Mend

@omnia/fx 8.0.127-dev → 8.0.128-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts CHANGED Viewed

@@ -63,7 +63,6 @@ declare const _default: {
                         };
                         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(): import("@omnia/fx-models").ChromeBlueprints;
@@ -117,7 +116,6 @@ declare const _default: {
                         };
                         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(): import("@omnia/fx-models").ChromeBlueprints;
@@ -171,7 +169,6 @@ declare const _default: {
                         };
                         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(): import("@omnia/fx-models").ChromeBlueprints;
@@ -218,7 +215,6 @@ declare const _default: {
                 };
                 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(): import("@omnia/fx-models").ChromeBlueprints;
@@ -244,8 +240,7 @@ declare const _default: {
                             toJSON: () => string;
                             valueOf: () => string;
                         };
-                        name: string;
-                        dark: boolean;
+                        name?: string;
                         colors: {
                             primary: {
                                 name: string;
@@ -455,10 +450,3667 @@ declare const _default: {
                                 };
                             };
                         };
-                        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: {
@@ -490,7 +4142,6 @@ declare const _default: {
                 };
                 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: () => import("@omnia/fx-models").ChromeBlueprints;