@omnia/fx 8.0.307-dev → 8.0.309-dev

package/internal-do-not-import-from-here/ux/aurora/components/stylepicker/StylePicker.d.ts

@@ -1,6 +1,6 @@
-import { BorderStylingDefinition, ButtonBlueprint, ChromeBlueprint, ColorSchemaType, FillDefinition, IconBlueprints, TabsBlueprint, ThemeContextType } from "@omnia/fx-models";
+import { BorderStylingDefinition, ButtonBlueprint, ColorSchemaType, FillDefinition, HeaderBlueprint, IconBlueprints, TabsBlueprint, ThemeContextType } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
-type EditorVariant = "fill-style" | "border-style" | "button-style" | "tabs-style" | "chrome-style" | "icon-blueprints";
+type EditorVariant = "fill-style" | "border-style" | "button-style" | "tabs-style" | "icon-blueprints";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
@@ -38,14 +38,14 @@ declare const _default: {
         "onSelected:borderStyle"?: (style: BorderStylingDefinition) => any;
         "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
         "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
-        "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+        "onSelected:headerStyle"?: (style: HeaderBlueprint) => any;
         "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "selected:fillStyle": (style: FillDefinition) => any;
         "selected:borderStyle": (style: BorderStylingDefinition) => any;
         "selected:buttonStyle": (style: ButtonBlueprint) => any;
         "selected:tabsStyle": (style: TabsBlueprint) => any;
-        "selected:chromeStyle": (style: ChromeBlueprint) => any;
+        "selected:headerStyle": (style: HeaderBlueprint) => any;
         "selected:iconBlueprints": (icons: IconBlueprints) => any;
     }, import("vue").PublicProps, {
         container: boolean;
@@ -92,7 +92,7 @@ declare const _default: {
         "onSelected:borderStyle"?: (style: BorderStylingDefinition) => any;
         "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
         "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
-        "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+        "onSelected:headerStyle"?: (style: HeaderBlueprint) => any;
         "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     }, () => JSX.Element, {}, {}, {}, {
         container: boolean;
@@ -136,14 +136,14 @@ declare const _default: {
     "onSelected:borderStyle"?: (style: BorderStylingDefinition) => any;
     "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
     "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
-    "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+    "onSelected:headerStyle"?: (style: HeaderBlueprint) => any;
     "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "selected:fillStyle": (style: FillDefinition) => any;
     "selected:borderStyle": (style: BorderStylingDefinition) => any;
     "selected:buttonStyle": (style: ButtonBlueprint) => any;
     "selected:tabsStyle": (style: TabsBlueprint) => any;
-    "selected:chromeStyle": (style: ChromeBlueprint) => any;
+    "selected:headerStyle": (style: HeaderBlueprint) => any;
     "selected:iconBlueprints": (icons: IconBlueprints) => any;
 }, string, {
     container: boolean;
@@ -152,7 +152,7 @@ declare const _default: {
         container?: boolean;
         variant?: EditorVariant;
         class?: String | String[];
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-slots"?: {
             default?: import("../../../DefineVueTypings").Slot;
@@ -161,12 +161,12 @@ declare const _default: {
         };
         themeType?: ThemeContextType;
         colorSchemaTypePreview?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-    }>, "onSelected:fillStyle" | "onSelected:borderStyle" | "onSelected:buttonStyle" | "onSelected:tabsStyle" | "onSelected:chromeStyle" | "onSelected:iconBlueprints"> & {
+    }>, "onSelected:fillStyle" | "onSelected:borderStyle" | "onSelected:buttonStyle" | "onSelected:tabsStyle" | "onSelected:headerStyle" | "onSelected:iconBlueprints"> & {
         "onSelected:fillStyle"?: (style: FillDefinition) => any;
         "onSelected:borderStyle"?: (style: BorderStylingDefinition) => any;
         "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
         "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
-        "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+        "onSelected:headerStyle"?: (style: HeaderBlueprint) => any;
         "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     };
 };

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemePicker.d.ts

@@ -6,6 +6,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     variant?: ThemePickerVariant;
 } & {
     toned?: string;
+} & {
+    enableClear?: boolean;
 } & {
     filter?: "custom";
 } & {

package/internal-do-not-import-from-here/ux/aurora/designkits/shared/BlueprintsTemplates.d.ts

@@ -1,14 +1,6 @@
-import { ChromeBlueprints, ComponentBlueprints, guid, IconBlueprint, IconBlueprints, SpacingBlueprints, TabsBlueprints, TypographyBlueprints } from "@omnia/fx-models";
+import { ComponentBlueprints, guid, IconBlueprint, IconBlueprints, SpacingBlueprints, TabsBlueprints, TypographyBlueprints } from "@omnia/fx-models";
 import { DefaultInnerSpacing, DefaultLayoutSpacing, PreviewInnerSpacing } from "./SpacingBlueprint";
 import { DefaultTypography, FunkyTypography, PreviewMiniTypography, PreviewTypography } from "./TypographyBlueprints";
-declare class SquareChromeBlueprintsTemplate implements ChromeBlueprints {
-    name: string;
-    id: guid;
-    primary: any;
-    variant1: any;
-    variant2: any;
-    variant3: any;
-}
 declare class DefaultIconsBlueprintsTemplate implements IconBlueprints {
     name: string;
     xs: IconBlueprint;
@@ -25,14 +17,6 @@ declare class LargeIconsTemplate implements IconBlueprints {
     l: IconBlueprint;
     xl: IconBlueprint;
 }
-declare class RoundChromeBlueprintsTemplate implements ChromeBlueprints {
-    name: string;
-    id: guid;
-    primary: any;
-    variant1: any;
-    variant2: any;
-    variant3: any;
-}
 export declare class DefaultSpacingBlueprintTemplate implements SpacingBlueprints {
     id: guid;
     name: string;
@@ -79,7 +63,6 @@ declare class SquareBlueprintsTemplate implements ComponentBlueprints {
         };
     };
     tabs: TabsBlueprints;
-    blocks: SquareChromeBlueprintsTemplate;
     icons?: DefaultIconsBlueprintsTemplate;
     constructor(id: guid, name: string);
 }
@@ -103,7 +86,6 @@ declare class RoundBlueprintsTemplate implements ComponentBlueprints {
         };
     };
     tabs: TabsBlueprints;
-    blocks: RoundChromeBlueprintsTemplate;
     icons?: DefaultIconsBlueprintsTemplate;
     constructor(id: guid, name: string);
 }
@@ -132,10 +114,6 @@ export declare class PreviewMiniTypographyBlueprint implements TypographyBluepri
     id: guid;
 }
 export declare const BlueprintsTemplates: {
-    chrome: {
-        rounded: () => RoundChromeBlueprintsTemplate;
-        square: () => SquareChromeBlueprintsTemplate;
-    };
     component: {
         rounded: () => RoundBlueprintsTemplate;
         square: () => SquareBlueprintsTemplate;

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

@@ -1,4 +1,4 @@
-import { Blueprint, ButtonBlueprint, ButtonBlueprintVariant, ComponentBlueprints, ContainerFillBlueprint, BlueprintVariant, OIconSizes, TabsBlueprint, WebBlueprintItemDefintionType } from "@omnia/fx-models";
+import { Blueprint, ButtonBlueprint, ButtonBlueprintVariant, ComponentBlueprints, ContainerFillBlueprint, BlueprintVariant, OIconSizes, TabsBlueprint, WebBlueprintItemDefintionType, HeaderBlueprint } from "@omnia/fx-models";
 type blueprintType = "default";
 export declare const useComponentBlueprintStore: () => {
     state: {
@@ -25,14 +25,14 @@ export declare const useComponentBlueprintStore: () => {
         icon: {
             iconBlueprint(size: OIconSizes): import("@omnia/fx-models").IconBlueprint;
         };
-        block: {
-            hasBlueprintVariant(type: BlueprintVariant | string): boolean;
-            blueprintByType(type: BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-        };
         containerFill: {
             hasVariant(type: BlueprintVariant | string): boolean;
             getByType(type: BlueprintVariant | ContainerFillBlueprint | string): any;
         };
+        header: {
+            hasVariant(type: BlueprintVariant | string): boolean;
+            getRendererBlueprint(type: HeaderBlueprint): HeaderBlueprint;
+        };
     };
     deactivated(): void;
 } & {

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

@@ -57,14 +57,14 @@ export declare const useSpacingBlueprintStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: BlueprintVariant | string): boolean;
-                            blueprintByType(type: BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: BlueprintVariant | string): boolean;
                             getByType(type: BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {

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

@@ -0,0 +1,4 @@
+import { VelcronState } from "@omnia/fx-models";
+export declare function StateManager(): {
+    cleanState: (object2Clean: VelcronState, objectToCompareAgainst: VelcronState) => VelcronState;
+};

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

@@ -45,14 +45,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -110,14 +110,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -175,14 +175,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -240,14 +240,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -307,14 +307,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -372,14 +372,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -437,14 +437,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -502,14 +502,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -569,14 +569,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -634,14 +634,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -699,14 +699,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {
@@ -764,14 +764,14 @@ export declare const useThemeContextStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
-                            blueprintByType(type: import("@omnia/fx-models").BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
                             getByType(type: import("@omnia/fx-models").BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: import("@omnia/fx-models").BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {

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

@@ -40,14 +40,14 @@ export declare const useThemeStore: () => {
                 icon: {
                     iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                 };
-                block: {
-                    hasBlueprintVariant(type: BlueprintVariant | string): boolean;
-                    blueprintByType(type: BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                };
                 containerFill: {
                     hasVariant(type: BlueprintVariant | string): boolean;
                     getByType(type: BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                 };
+                header: {
+                    hasVariant(type: BlueprintVariant | string): boolean;
+                    getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                };
             };
             deactivated(): void;
         } & {

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

@@ -59,14 +59,14 @@ export declare const useTypographyBlueprintStore: () => {
                         icon: {
                             iconBlueprint(size: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").IconBlueprint;
                         };
-                        block: {
-                            hasBlueprintVariant(type: BlueprintVariant | string): boolean;
-                            blueprintByType(type: BlueprintVariant | string): import("@omnia/fx-models").ChromeBlueprint;
-                        };
                         containerFill: {
                             hasVariant(type: BlueprintVariant | string): boolean;
                             getByType(type: BlueprintVariant | import("@omnia/fx-models").ContainerFillBlueprint | string): any;
                         };
+                        header: {
+                            hasVariant(type: BlueprintVariant | string): boolean;
+                            getRendererBlueprint(type: import("@omnia/fx-models").HeaderBlueprint): import("@omnia/fx-models").HeaderBlueprint;
+                        };
                     };
                     deactivated(): void;
                 } & {

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

@@ -12,3 +12,4 @@ export * from "./SpacingMigration";
 export * from "./ThemeStorage";
 export * from "./VariantManager";
 export * from "./ThemeNormalizer";
+export * from "./StateManager";

package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts

@@ -1,6 +1,6 @@
-import { ChromeBlueprint, Spacing, SpacingValue, setColorOpacity, ColorValue, SpacingBlueprint } from "@omnia/fx-models";
+import { Spacing, SpacingValue, setColorOpacity, ColorValue } from "@omnia/fx-models";
 import { blueprintStyles, colorStyling, spacingStyling, generalStylex } from "./styles";
-import { useColorSchemaStore, useSpacingBlueprintStore } from "../store";
+import { useSpacingBlueprintStore } from "../store";
 import { typographyStylex } from "./styles/Typography";
 import { blueprintStylex } from "./styles/Blueprints";
 export declare function useStyling(): {
@@ -45,9 +45,6 @@ export declare function useThemeStyling(): {
             queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
         };
     };
-    chrome: {
-        chromeStylex: (blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint) => Readonly<import("../..").StylexValue>;
-    };
     blueprints: {
         buttonStylex: typeof blueprintStylex.getButtonBlueprintStylex;
         iconStyleX: typeof blueprintStylex.getIconBlueprintStylex;

package/internal-do-not-import-from-here/ux/aurora/styling/styles/Chrome.d.ts

@@ -1,9 +0,0 @@
-import { ChromeBlueprint, SpacingBlueprint } from "@omnia/fx-models";
-import { useColorSchemaStore } from "../../store";
-export declare const chromeStyles: {
-    getChromeStyling: typeof getChromeStyling;
-    getChromeStylingx: typeof getChromeStylingx;
-};
-declare function getChromeStylingx(blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint): Readonly<import("internal/fx/ux/Styles.stylex").StylexValue>;
-declare function getChromeStyling(blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint): any[];
-export {};

package/internal-do-not-import-from-here/ux/aurora/styling/styles/index.d.ts

@@ -4,4 +4,3 @@ export * from "./Colors";
 export * from "./General";
 export { typographyStyles as TypographyStyles } from "./Typography";
 export * from "./Spacing";
-export * from "./Chrome";

package/internal-do-not-import-from-here/ux/aurora/themeprovider/ThemeProvider.d.ts

@@ -3,7 +3,7 @@ import { ColorSchemaTypes, ResolvedThemeDefinition, ThemeContextType } from "@om
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | ColorSchemaTypes>;
         };
         themeType: {
             type: import("vue").PropType<ThemeContextType>;
@@ -36,7 +36,7 @@ declare const _default: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | ColorSchemaTypes>;
         };
         themeType: {
             type: import("vue").PropType<ThemeContextType>;
@@ -59,7 +59,7 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | ColorSchemaTypes>;
     };
     themeType: {
         type: import("vue").PropType<ThemeContextType>;
@@ -85,7 +85,7 @@ declare const _default: {
     }) => any;
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | ColorSchemaTypes;
         themeDefinition?: ResolvedThemeDefinition;
         themeType?: ThemeContextType;
     }>, "onTheme:initialized"> & {

package/internal-do-not-import-from-here/ux/flow/editor/plugins/DefineEditorPlugin.d.ts

@@ -2,7 +2,7 @@ import { SetupFactoryContext } from "@omnia/fx";
 import { FlowEditorContentPlugin, FlowEditorPlugin } from "@omnia/fx/ux";
 interface SetupEditorPluginContext extends SetupFactoryContext {
 }
-export declare function defineEditorPlugin<TPluginType extends FlowEditorPlugin | FlowEditorContentPlugin>(setup: (ctx: SetupEditorPluginContext) => TPluginType): () => TPluginType & {
+export declare function defineFlowEditorPlugin<TPluginType extends FlowEditorPlugin | FlowEditorContentPlugin>(setup: (ctx: SetupEditorPluginContext) => TPluginType): () => TPluginType & {
     dispose?: () => void;
 };
 export {};

package/internal-do-not-import-from-here/ux/flow/renderer/models/FlowRendererContentPlugin.d.ts

@@ -1,6 +1,8 @@
 import { FlowNode } from "@omnia/fx/ux";
 import { FlowRendererPlugin } from "./FlowRendererPlugin";
 import { FlowRendererToHtmlContext } from "./FlowRendererToHtmlContext";
+import { VNodeChild } from "vue";
 export interface FlowRendererContentPlugin extends FlowRendererPlugin {
     toHtml: <TNodeType extends FlowNode = FlowNode>(context: FlowRendererToHtmlContext<TNodeType>) => HTMLElement;
+    toNode?: <TNodeType extends FlowNode = FlowNode>(context: FlowRendererToHtmlContext<TNodeType>) => VNodeChild;
 }

package/internal-do-not-import-from-here/ux/flow/renderer/models/FlowRendererPluginHook.d.ts

@@ -1,10 +1,16 @@
 import { FlowNode } from "internal/fx/ux/models";
 import { FlowRendererPlugin } from "./FlowRendererPlugin";
+import { VNode } from "vue";
 export interface FlowHookContext<TElementType extends HTMLElement = HTMLElement, TNodeType extends FlowNode = FlowNode> {
     element: TElementType;
     node: TNodeType;
 }
+export interface FlowNodeHookContext<TNodeType extends FlowNode = FlowNode> {
+    element: VNode;
+    node: TNodeType;
+}
 export interface FlowRenderPluginHook extends FlowRendererPlugin {
     subscription: string;
     toHtmlHook: <TElementType extends HTMLElement = HTMLElement, TNodeType extends FlowNode = FlowNode>(context: FlowHookContext<TElementType, TNodeType>) => null;
+    toNodeHook?: <TNodeType extends FlowNode = FlowNode>(context: FlowNodeHookContext<TNodeType>) => null;
 }

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/DefineRendererPlugin.d.ts

@@ -2,7 +2,7 @@ import { SetupFactoryContext } from "@omnia/fx";
 import { FlowRendererContentPlugin, FlowRendererPlugin } from "../models";
 interface SetupRendererPluginContext extends SetupFactoryContext {
 }
-export declare function defineRendererPlugin<TArgs extends any[]>(setup: (ctx: SetupRendererPluginContext) => FlowRendererPlugin | FlowRendererContentPlugin): () => FlowRendererPlugin & {
+export declare function defineFlowRendererPlugin<TArgs extends any[]>(setup: (ctx: SetupRendererPluginContext) => FlowRendererPlugin | FlowRendererContentPlugin): () => FlowRendererPlugin & {
     dispose?: () => void;
 };
 export {};

package/internal-do-not-import-from-here/ux/image/scalingsettings/ScalingSettings.d.ts

@@ -370,7 +370,7 @@ declare const _default: {
         container?: boolean;
         class?: String | String[];
         mandatory?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: MediaScalingSettings;
         modelValue?: MediaScalingSettings;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/blockplaceholder/BlockPlaceholder.d.ts

@@ -99,7 +99,7 @@ declare const _default: {
         container?: boolean;
         title?: string;
         description?: string;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
         colors?: import("../../..").ColorSchemaStoreType;
     }>, never>;
 };