@omnia/fx 8.0.209-dev → 8.0.210-dev

package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts

@@ -1062,157 +1062,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
                                     };
                                 };
                                 basic?: {
@@ -1348,160 +1200,150 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | number;
-                                                height?: string | number;
-                                                width?: string | number;
+                                    };
+                                };
+                                accent1?: {
+                                    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?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            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;
                                             };
-                                            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;
+                                            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;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
                                         };
-                                        actions?: {
-                                            [name: string]: string[];
+                                        elevation?: number;
+                                        media?: {
+                                            type: import("@omnia/fx-models").BackgroundMedia;
+                                            src: string;
                                         };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
                                                 };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
+                                        } | {
+                                            type: "text" | "title" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
                                         };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
+                                    };
+                                    icon?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                    viewTemplate?: {
+                                        id: import("@omnia/fx-models").VelcronRendererId;
+                                        version: string;
                                     };
                                 };
-                                accent1?: {
+                                warn?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -1634,160 +1476,150 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | number;
-                                                height?: string | number;
-                                                width?: string | number;
+                                    };
+                                };
+                                link?: {
+                                    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?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            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;
                                             };
-                                            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;
+                                            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;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
                                         };
-                                        actions?: {
-                                            [name: string]: string[];
+                                        elevation?: number;
+                                        media?: {
+                                            type: import("@omnia/fx-models").BackgroundMedia;
+                                            src: string;
                                         };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
                                                 };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
+                                        } | {
+                                            type: "text" | "title" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
                                         };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
+                                    };
+                                    icon?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                    viewTemplate?: {
+                                        id: import("@omnia/fx-models").VelcronRendererId;
+                                        version: string;
                                     };
                                 };
-                                warn?: {
+                                variant1?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -1920,160 +1752,150 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
+                                    };
+                                };
+                                variant2?: {
+                                    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?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            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;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            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?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
                                         };
-                                        actions?: {
-                                            [name: string]: string[];
+                                        elevation?: number;
+                                        media?: {
+                                            type: import("@omnia/fx-models").BackgroundMedia;
+                                            src: string;
                                         };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
                                                 };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
+                                        } | {
+                                            type: "text" | "title" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
                                         };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
+                                    };
+                                    icon?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                    viewTemplate?: {
+                                        id: import("@omnia/fx-models").VelcronRendererId;
+                                        version: string;
                                     };
                                 };
-                                link?: {
+                                variant3?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -2206,160 +2028,152 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | number;
-                                                height?: string | number;
-                                                width?: string | number;
+                                    };
+                                };
+                                variant4?: {
+                                    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?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            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;
                                             };
-                                            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;
+                                            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;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
                                         };
-                                        actions?: {
-                                            [name: string]: string[];
+                                        elevation?: number;
+                                        media?: {
+                                            type: import("@omnia/fx-models").BackgroundMedia;
+                                            src: string;
                                         };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
                                                 };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
+                                        } | {
+                                            type: "text" | "title" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
                                         };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
+                                    };
+                                    icon?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                    viewTemplate?: {
+                                        id: import("@omnia/fx-models").VelcronRendererId;
+                                        version: string;
                                     };
                                 };
-                                variant1?: {
+                            };
+                            icon: {
+                                primary?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -2492,160 +2306,12 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
                                     };
                                 };
-                                variant2?: {
+                                basic?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -2778,160 +2444,12 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
                                     };
                                 };
-                                variant3?: {
+                                accent1?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -3064,1878 +2582,12 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
-                                    };
-                                };
-                                variant4?: {
-                                    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?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                } | {
-                                                    color: string | any;
-                                                    stop?: number;
-                                                })[];
-                                                acrylic?: boolean;
-                                            };
-                                        };
-                                        elevation?: number;
-                                        media?: {
-                                            type: import("@omnia/fx-models").BackgroundMedia;
-                                            src: string;
-                                        };
-                                    };
-                                    alterCase?: boolean;
-                                    text?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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: "text" | "title" | "navigation";
-                                            size: "xs" | "s" | "m" | "l" | "xl";
-                                        };
-                                    };
-                                    icon?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            opacity?: number;
-                                        };
-                                        size?: number;
-                                    };
-                                    definition?: {
-                                        id: import("@omnia/fx-models").VelcronRendererId;
-                                        version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
-                                    };
-                                };
-                            };
-                            icon: {
-                                primary?: {
-                                    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?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                } | {
-                                                    color: string | any;
-                                                    stop?: number;
-                                                })[];
-                                                acrylic?: boolean;
-                                            };
-                                        };
-                                        elevation?: number;
-                                        media?: {
-                                            type: import("@omnia/fx-models").BackgroundMedia;
-                                            src: string;
-                                        };
-                                    };
-                                    alterCase?: boolean;
-                                    text?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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: "text" | "title" | "navigation";
-                                            size: "xs" | "s" | "m" | "l" | "xl";
-                                        };
-                                    };
-                                    icon?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            opacity?: number;
-                                        };
-                                        size?: number;
-                                    };
-                                    definition?: {
-                                        id: import("@omnia/fx-models").VelcronRendererId;
-                                        version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
-                                    };
-                                };
-                                basic?: {
-                                    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?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                } | {
-                                                    color: string | any;
-                                                    stop?: number;
-                                                })[];
-                                                acrylic?: boolean;
-                                            };
-                                        };
-                                        elevation?: number;
-                                        media?: {
-                                            type: import("@omnia/fx-models").BackgroundMedia;
-                                            src: string;
-                                        };
-                                    };
-                                    alterCase?: boolean;
-                                    text?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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: "text" | "title" | "navigation";
-                                            size: "xs" | "s" | "m" | "l" | "xl";
-                                        };
-                                    };
-                                    icon?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            opacity?: number;
-                                        };
-                                        size?: number;
-                                    };
-                                    definition?: {
-                                        id: import("@omnia/fx-models").VelcronRendererId;
-                                        version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
-                                    };
-                                };
-                                accent1?: {
-                                    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?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                } | {
-                                                    color: string | any;
-                                                    stop?: number;
-                                                })[];
-                                                acrylic?: boolean;
-                                            };
-                                        };
-                                        elevation?: number;
-                                        media?: {
-                                            type: import("@omnia/fx-models").BackgroundMedia;
-                                            src: string;
-                                        };
-                                    };
-                                    alterCase?: boolean;
-                                    text?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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: "text" | "title" | "navigation";
-                                            size: "xs" | "s" | "m" | "l" | "xl";
-                                        };
-                                    };
-                                    icon?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            opacity?: number;
-                                        };
-                                        size?: number;
-                                    };
-                                    definition?: {
-                                        id: import("@omnia/fx-models").VelcronRendererId;
-                                        version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
-                                    };
-                                };
-                                warn?: {
-                                    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?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                } | {
-                                                    color: string | any;
-                                                    stop?: number;
-                                                })[];
-                                                acrylic?: boolean;
-                                            };
-                                        };
-                                        elevation?: number;
-                                        media?: {
-                                            type: import("@omnia/fx-models").BackgroundMedia;
-                                            src: string;
-                                        };
-                                    };
-                                    alterCase?: boolean;
-                                    text?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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: "text" | "title" | "navigation";
-                                            size: "xs" | "s" | "m" | "l" | "xl";
-                                        };
-                                    };
-                                    icon?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            opacity?: number;
-                                        };
-                                        size?: number;
-                                    };
-                                    definition?: {
-                                        id: import("@omnia/fx-models").VelcronRendererId;
-                                        version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
-                                    };
-                                };
-                                link?: {
-                                    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?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                } | {
-                                                    color: string | any;
-                                                    stop?: number;
-                                                })[];
-                                                acrylic?: boolean;
-                                            };
-                                        };
-                                        elevation?: number;
-                                        media?: {
-                                            type: import("@omnia/fx-models").BackgroundMedia;
-                                            src: string;
-                                        };
-                                    };
-                                    alterCase?: boolean;
-                                    text?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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: "text" | "title" | "navigation";
-                                            size: "xs" | "s" | "m" | "l" | "xl";
-                                        };
-                                    };
-                                    icon?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            opacity?: number;
-                                        };
-                                        size?: number;
-                                    };
-                                    definition?: {
-                                        id: import("@omnia/fx-models").VelcronRendererId;
-                                        version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
                                     };
                                 };
-                                variant1?: {
+                                warn?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -5012,216 +2664,68 @@ export declare const useTypographyBlueprintStore: () => {
                                                     colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
                                                     opacity?: number;
                                                 };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            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: "text" | "title" | "navigation";
-                                            size: "xs" | "s" | "m" | "l" | "xl";
-                                        };
-                                    };
-                                    icon?: {
-                                        color?: string | {
-                                            colors: (string | {
-                                                colorType: "base" | "onBase" | "container" | "onContainer";
-                                                toned?: boolean;
-                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                opacity?: number;
-                                            } | {
-                                                color: string | {
-                                                    colorType: "base" | "onBase" | "container" | "onContainer";
-                                                    toned?: boolean;
-                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                                    opacity?: number;
-                                                };
-                                                stop?: number;
-                                            })[];
-                                            acrylic?: boolean;
-                                        } | {
-                                            colorType: "base" | "onBase" | "container" | "onContainer";
-                                            toned?: boolean;
-                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-                                            opacity?: number;
-                                        };
-                                        size?: number;
-                                    };
-                                    definition?: {
-                                        id: import("@omnia/fx-models").VelcronRendererId;
-                                        version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
+                                        } | {
+                                            type: "text" | "title" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
                                         };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
+                                    };
+                                    icon?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                    viewTemplate?: {
+                                        id: import("@omnia/fx-models").VelcronRendererId;
+                                        version: string;
                                     };
                                 };
-                                variant2?: {
+                                link?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -5354,160 +2858,150 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | number;
-                                                height?: string | number;
-                                                width?: string | number;
+                                    };
+                                };
+                                variant1?: {
+                                    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?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            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;
                                             };
-                                            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;
+                                            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;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
                                         };
-                                        actions?: {
-                                            [name: string]: string[];
+                                        elevation?: number;
+                                        media?: {
+                                            type: import("@omnia/fx-models").BackgroundMedia;
+                                            src: string;
                                         };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
+                                        } | {
+                                            type: "text" | "title" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
                                         };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
+                                    };
+                                    icon?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                    viewTemplate?: {
+                                        id: import("@omnia/fx-models").VelcronRendererId;
+                                        version: string;
                                     };
                                 };
-                                variant3?: {
+                                variant2?: {
                                     padding?: {
                                         top?: import("@omnia/fx-models").SpacingValue;
                                         right?: import("@omnia/fx-models").SpacingValue;
@@ -5640,157 +3134,147 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | number;
-                                                height?: string | number;
-                                                width?: string | number;
+                                    };
+                                };
+                                variant3?: {
+                                    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?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            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;
                                             };
-                                            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;
+                                            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;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            fill?: {
+                                                colors: (string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                } | {
+                                                    color: string | any;
+                                                    stop?: number;
+                                                })[];
+                                                acrylic?: boolean;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
                                         };
-                                        actions?: {
-                                            [name: string]: string[];
+                                        elevation?: number;
+                                        media?: {
+                                            type: import("@omnia/fx-models").BackgroundMedia;
+                                            src: string;
                                         };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
+                                    };
+                                    alterCase?: boolean;
+                                    text?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
                                                 };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        typography?: {
+                                            decoration?: string;
+                                            lg: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            padding?: {
-                                                top?: string | number;
-                                                right?: string | number;
-                                                bottom?: string | number;
-                                                left?: string | number;
+                                            md?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
+                                            sm?: {
+                                                weight: number;
+                                                size: number;
+                                                lineHeight: number;
                                             };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
+                                        } | {
+                                            type: "text" | "title" | "navigation";
+                                            size: "xs" | "s" | "m" | "l" | "xl";
                                         };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
+                                    };
+                                    icon?: {
+                                        color?: string | {
+                                            colors: (string | {
+                                                colorType: "base" | "onBase" | "container" | "onContainer";
+                                                toned?: boolean;
+                                                colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                opacity?: number;
+                                            } | {
+                                                color: string | {
+                                                    colorType: "base" | "onBase" | "container" | "onContainer";
+                                                    toned?: boolean;
+                                                    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                                    opacity?: number;
+                                                };
+                                                stop?: number;
+                                            })[];
+                                            acrylic?: boolean;
+                                        } | {
+                                            colorType: "base" | "onBase" | "container" | "onContainer";
+                                            toned?: boolean;
+                                            colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+                                            opacity?: number;
+                                        };
+                                        size?: number;
+                                    };
+                                    viewTemplate?: {
+                                        id: import("@omnia/fx-models").VelcronRendererId;
+                                        version: string;
                                     };
                                 };
                                 variant4?: {
@@ -5926,157 +3410,9 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         size?: number;
                                     };
-                                    definition?: {
+                                    viewTemplate?: {
                                         id: import("@omnia/fx-models").VelcronRendererId;
                                         version: string;
-                                    } | {
-                                        type: "velcron";
-                                        version?: string;
-                                        name?: string;
-                                        body?: {
-                                            body?: any[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        events?: {
-                                            onLoaded?: string[];
-                                            onEditMode?: string[];
-                                            onSaving?: string[];
-                                            onPersistState?: string[];
-                                            onRestoreState?: string[];
-                                            onActive?: string[];
-                                        };
-                                        actions?: {
-                                            [name: string]: string[];
-                                        };
-                                        components?: {
-                                            type: string;
-                                            events?: any;
-                                            properties?: {
-                                                [name: string]: any;
-                                            };
-                                            icon?: any;
-                                            body?: {
-                                                body?: any[];
-                                                style?: {
-                                                    margin?: string;
-                                                    marginTop?: string | number;
-                                                    marginRight?: string | number;
-                                                    marginBottom?: string | number;
-                                                    marginLeft?: string | number;
-                                                    padding?: string | number;
-                                                    paddingTop?: string | number;
-                                                    paddingRight?: string | number;
-                                                    paddingBottom?: string | number;
-                                                    paddingLeft?: string | 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;
-                                                };
-                                                spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                            }[];
-                                            style?: {
-                                                margin?: string;
-                                                marginTop?: string | number;
-                                                marginRight?: string | number;
-                                                marginBottom?: string | number;
-                                                marginLeft?: string | number;
-                                                padding?: string | number;
-                                                paddingTop?: string | number;
-                                                paddingRight?: string | number;
-                                                paddingBottom?: string | number;
-                                                paddingLeft?: string | 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;
-                                            };
-                                            spacingType?: import("@omnia/fx-models").VelcronSpacingTypes;
-                                        }[];
-                                        editors?: {
-                                            name?: string;
-                                            icon?: {
-                                                faClass: string;
-                                                iconType: import("@omnia/fx-models").IconTypes;
-                                                role?: string;
-                                            };
-                                            category?: string;
-                                            locations?: import("@omnia/fx-models").EditorLocation[];
-                                            type: string;
-                                            settings?: any;
-                                            state?: string;
-                                            propertyMapping?: boolean;
-                                            multiple?: boolean;
-                                            component?: unknown;
-                                        }[];
-                                        state?: object;
-                                        computed?: {
-                                            [name: string]: string[];
-                                        };
-                                        overflow?: import("@omnia/fx-models").VelcronOverflowValues;
-                                        key?: string;
                                     };
                                 };
                             };