@omnia/fx 8.0.123-dev → 8.0.126-dev

package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.d.ts

@@ -89,9 +89,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         } & {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -224,9 +224,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         } & {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -362,9 +362,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         } & {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -497,9 +497,9 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+        type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
     } & {
-        type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+        type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
     };
     placeholder: {
         type: import("vue").PropType<string>;
@@ -572,7 +572,7 @@ declare const _default: {
         } & VTextFieldSlots;
         prefix?: string;
         autofocus?: boolean;
-        variant?: "search" | "link" | "default" | "find-slim" | "media";
+        variant?: "search" | "link" | "default" | "media" | "find-slim";
         toned?: boolean;
         loading?: boolean;
         rules?: ValidationRule[];

package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.css.d.ts

@@ -1,7 +1,7 @@
-import { ColorDefinition, SpacingSettings, SpacingType } from "@omnia/fx-models";
+import { ColorDefinition, Spacing, SpacingValue } from "@omnia/fx-models";
 type PaddingSettings = {
-    padding: SpacingSettings | SpacingType;
-    indentation: number | SpacingType;
+    padding: Spacing | SpacingValue;
+    indentation: number | SpacingValue;
     level: number;
 };
 export declare const TreeViewStyles: {

package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.d.ts

@@ -1,4 +1,4 @@
-import { IIcon, SpacingSettings, SpacingType } from "@omnia/fx-models";
+import { IIcon, Spacing, SpacingValue } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
 export interface TextFieldModel {
     text: String;
@@ -18,17 +18,17 @@ declare const _default: {
             itemToolTip?: (item: any) => VNodeChild;
         }>;
         indentation: {
-            type: import("vue").PropType<number | SpacingType>;
+            type: import("vue").PropType<SpacingValue>;
             required: false;
         } & {
-            type: import("vue").PropType<number | SpacingType>;
+            type: import("vue").PropType<SpacingValue>;
             required: false;
         };
         padding: {
-            type: import("vue").PropType<SpacingSettings | SpacingType>;
+            type: import("vue").PropType<Spacing | SpacingValue>;
             required: false;
         } & {
-            type: import("vue").PropType<SpacingSettings | SpacingType>;
+            type: import("vue").PropType<Spacing | SpacingValue>;
             required: false;
         };
         "check-node-to-move": {
@@ -144,17 +144,17 @@ declare const _default: {
             itemToolTip?: (item: any) => VNodeChild;
         }>;
         indentation: {
-            type: import("vue").PropType<number | SpacingType>;
+            type: import("vue").PropType<SpacingValue>;
             required: false;
         } & {
-            type: import("vue").PropType<number | SpacingType>;
+            type: import("vue").PropType<SpacingValue>;
             required: false;
         };
         padding: {
-            type: import("vue").PropType<SpacingSettings | SpacingType>;
+            type: import("vue").PropType<Spacing | SpacingValue>;
             required: false;
         } & {
-            type: import("vue").PropType<SpacingSettings | SpacingType>;
+            type: import("vue").PropType<Spacing | SpacingValue>;
             required: false;
         };
         "check-node-to-move": {
@@ -279,17 +279,17 @@ declare const _default: {
             itemToolTip?: (item: any) => VNodeChild;
         }>;
         indentation: {
-            type: import("vue").PropType<number | SpacingType>;
+            type: import("vue").PropType<SpacingValue>;
             required: false;
         } & {
-            type: import("vue").PropType<number | SpacingType>;
+            type: import("vue").PropType<SpacingValue>;
             required: false;
         };
         padding: {
-            type: import("vue").PropType<SpacingSettings | SpacingType>;
+            type: import("vue").PropType<Spacing | SpacingValue>;
             required: false;
         } & {
-            type: import("vue").PropType<SpacingSettings | SpacingType>;
+            type: import("vue").PropType<Spacing | SpacingValue>;
             required: false;
         };
         "check-node-to-move": {
@@ -411,17 +411,17 @@ declare const _default: {
         itemToolTip?: (item: any) => VNodeChild;
     }>;
     indentation: {
-        type: import("vue").PropType<number | SpacingType>;
+        type: import("vue").PropType<SpacingValue>;
         required: false;
     } & {
-        type: import("vue").PropType<number | SpacingType>;
+        type: import("vue").PropType<SpacingValue>;
         required: false;
     };
     padding: {
-        type: import("vue").PropType<SpacingSettings | SpacingType>;
+        type: import("vue").PropType<Spacing | SpacingValue>;
         required: false;
     } & {
-        type: import("vue").PropType<SpacingSettings | SpacingType>;
+        type: import("vue").PropType<Spacing | SpacingValue>;
         required: false;
     };
     "check-node-to-move": {
@@ -539,7 +539,7 @@ declare const _default: {
         colorSchemaType?: any;
         colors?: any;
     } & {
-        padding?: SpacingSettings | SpacingType;
+        padding?: Spacing | SpacingValue;
         expanded?: any[];
         multiple?: boolean;
         items?: any[];
@@ -572,7 +572,7 @@ declare const _default: {
         "on-move-node"?: (item: any, currentPosition: number, newPosition: number) => void | Promise<void>;
         checkNodeToMove?: (item: any) => boolean;
         "check-node-to-move"?: (item: any) => boolean;
-        indentation?: number | SpacingType;
+        indentation?: SpacingValue;
     }>, "onUpdate:active"> & {
         "onUpdate:active"?: (items: any[]) => any;
     };

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/MediaPickerEditorExtension.d.ts

@@ -1,4 +1,4 @@
-import { IMediaPicker } from "../../..";
+import { MediaPickerProps } from "@omnia/fx/ux";
 import { Guid, MediaPickerNodeCommand } from "../../../../models";
 export declare const mediaPickerEditorExtension: () => {
     id: Guid;
@@ -9,10 +9,10 @@ export declare const mediaPickerEditorExtension: () => {
             toolbar: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
                     "media-picker": {
-                        type: import("vue").PropType<IMediaPicker>;
+                        type: import("vue").PropType<MediaPickerProps>;
                     };
                     mediaPicker: {
-                        type: import("vue").PropType<IMediaPicker>;
+                        type: import("vue").PropType<MediaPickerProps>;
                     };
                     "onUpdate:selectedMedia": {
                         type: import("vue").PropType<(value: MediaPickerNodeCommand) => any>;
@@ -43,10 +43,10 @@ export declare const mediaPickerEditorExtension: () => {
                     };
                 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
                     "media-picker": {
-                        type: import("vue").PropType<IMediaPicker>;
+                        type: import("vue").PropType<MediaPickerProps>;
                     };
                     mediaPicker: {
-                        type: import("vue").PropType<IMediaPicker>;
+                        type: import("vue").PropType<MediaPickerProps>;
                     };
                     "onUpdate:selectedMedia": {
                         type: import("vue").PropType<(value: MediaPickerNodeCommand) => any>;
@@ -84,10 +84,10 @@ export declare const mediaPickerEditorExtension: () => {
                     Defaults: {};
                 }, Readonly<import("vue").ExtractPropTypes<{
                     "media-picker": {
-                        type: import("vue").PropType<IMediaPicker>;
+                        type: import("vue").PropType<MediaPickerProps>;
                     };
                     mediaPicker: {
-                        type: import("vue").PropType<IMediaPicker>;
+                        type: import("vue").PropType<MediaPickerProps>;
                     };
                     "onUpdate:selectedMedia": {
                         type: import("vue").PropType<(value: MediaPickerNodeCommand) => any>;
@@ -122,10 +122,10 @@ export declare const mediaPickerEditorExtension: () => {
                 __isSuspense?: never;
             } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 "media-picker": {
-                    type: import("vue").PropType<IMediaPicker>;
+                    type: import("vue").PropType<MediaPickerProps>;
                 };
                 mediaPicker: {
-                    type: import("vue").PropType<IMediaPicker>;
+                    type: import("vue").PropType<MediaPickerProps>;
                 };
                 "onUpdate:selectedMedia": {
                     type: import("vue").PropType<(value: MediaPickerNodeCommand) => any>;
@@ -158,20 +158,20 @@ export declare const mediaPickerEditorExtension: () => {
                 propsDefinition: Omit<Readonly<{} & {
                     menubar?: import("@omnia/fx-models").MediaPickerMenuBar;
                     editor?: import("@omnia/fx-models").TipTapEditor;
+                    selectedMedia?: MediaPickerNodeCommand;
                     onContentChanged?: (content: string) => void;
-                    mediaPicker?: IMediaPicker;
+                    mediaPicker?: MediaPickerProps;
                     "on-content-changed"?: (content: string) => void;
-                    selectedMedia?: MediaPickerNodeCommand;
                     "onUpdate:selectedMedia"?: (value: MediaPickerNodeCommand) => any;
                     "v-model:selectedMedia"?: MediaPickerNodeCommand;
-                    "media-picker"?: IMediaPicker;
+                    "media-picker"?: MediaPickerProps;
                 }>, never>;
             };
             configuration: {
                 selectedMedia: MediaPickerNodeCommand;
-                mediaPicker: IMediaPicker;
+                mediaPicker: MediaPickerProps;
             };
         }[];
     };
-    setOptions(options: IMediaPicker): void;
+    setOptions(options: MediaPickerProps): void;
 };

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/MediaPickerToolbar.d.ts

@@ -1,12 +1,12 @@
-import { IMediaPicker } from "@omnia/fx/ux";
+import { MediaPickerProps } from "@omnia/fx/ux";
 import { TipTapEditor, MediaPickerMenuBar, MediaPickerNodeCommand } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         "media-picker": {
-            type: import("vue").PropType<IMediaPicker>;
+            type: import("vue").PropType<MediaPickerProps>;
         };
         mediaPicker: {
-            type: import("vue").PropType<IMediaPicker>;
+            type: import("vue").PropType<MediaPickerProps>;
         };
         "onUpdate:selectedMedia": {
             type: import("vue").PropType<(value: MediaPickerNodeCommand) => any>;
@@ -37,10 +37,10 @@ declare const _default: {
         };
     }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         "media-picker": {
-            type: import("vue").PropType<IMediaPicker>;
+            type: import("vue").PropType<MediaPickerProps>;
         };
         mediaPicker: {
-            type: import("vue").PropType<IMediaPicker>;
+            type: import("vue").PropType<MediaPickerProps>;
         };
         "onUpdate:selectedMedia": {
             type: import("vue").PropType<(value: MediaPickerNodeCommand) => any>;
@@ -78,10 +78,10 @@ declare const _default: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         "media-picker": {
-            type: import("vue").PropType<IMediaPicker>;
+            type: import("vue").PropType<MediaPickerProps>;
         };
         mediaPicker: {
-            type: import("vue").PropType<IMediaPicker>;
+            type: import("vue").PropType<MediaPickerProps>;
         };
         "onUpdate:selectedMedia": {
             type: import("vue").PropType<(value: MediaPickerNodeCommand) => any>;
@@ -116,10 +116,10 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     "media-picker": {
-        type: import("vue").PropType<IMediaPicker>;
+        type: import("vue").PropType<MediaPickerProps>;
     };
     mediaPicker: {
-        type: import("vue").PropType<IMediaPicker>;
+        type: import("vue").PropType<MediaPickerProps>;
     };
     "onUpdate:selectedMedia": {
         type: import("vue").PropType<(value: MediaPickerNodeCommand) => any>;
@@ -152,13 +152,13 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         menubar?: MediaPickerMenuBar;
         editor?: TipTapEditor;
+        selectedMedia?: MediaPickerNodeCommand;
         onContentChanged?: (content: string) => void;
-        mediaPicker?: IMediaPicker;
+        mediaPicker?: MediaPickerProps;
         "on-content-changed"?: (content: string) => void;
-        selectedMedia?: MediaPickerNodeCommand;
         "onUpdate:selectedMedia"?: (value: MediaPickerNodeCommand) => any;
         "v-model:selectedMedia"?: MediaPickerNodeCommand;
-        "media-picker"?: IMediaPicker;
+        "media-picker"?: MediaPickerProps;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/PastingImageFromFileHandler.d.ts

@@ -1,7 +1,7 @@
 import { MediaPickerImage, MediaPickerToolbarProperties } from "@omnia/fx-models";
-import { IMediaPicker } from "@omnia/fx/ux";
+import { MediaPickerProps } from "@omnia/fx/ux";
 interface PastingImageFromFileHandlerProps extends MediaPickerToolbarProperties {
-    mediaPicker: IMediaPicker;
+    mediaPicker: MediaPickerProps;
 }
 export declare namespace PastingImageFromFileHandler {
     function onPaste(data: DataTransfer, props: PastingImageFromFileHandlerProps): void;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/PastingMicrosoftOfficeImageHandler.d.ts

@@ -1,7 +1,7 @@
 import { MediaPickerToolbarProperties } from "@omnia/fx-models";
-import { IMediaPicker } from "@omnia/fx/ux";
+import { MediaPickerProps } from "@omnia/fx/ux";
 interface ParsingMicrosoftWordImageHandlerProps extends MediaPickerToolbarProperties {
-    mediaPicker: IMediaPicker;
+    mediaPicker: MediaPickerProps;
 }
 export declare namespace PastingMicrosoftOfficeImageHandler {
     function onPaste(data: DataTransfer, props: ParsingMicrosoftWordImageHandlerProps): Promise<void>;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/PastingOmniaImageFromClipboardHandler.d.ts

@@ -1,7 +1,7 @@
 import { MediaPickerToolbarProperties } from "@omnia/fx-models";
-import { IMediaPicker } from "@omnia/fx/ux";
+import { MediaPickerProps } from "@omnia/fx/ux";
 interface PastingOmniaImageFromClipboardHandlerProps extends MediaPickerToolbarProperties {
-    mediaPicker: IMediaPicker;
+    mediaPicker: MediaPickerProps;
 }
 export declare namespace PastingOmniaImageFromClipboardHandler {
     function onPaste(data: DataTransfer, props: PastingOmniaImageFromClipboardHandlerProps): void;

package/internal-do-not-import-from-here/ux/settings/SettingsPane.d.ts

@@ -297,11 +297,11 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         title?: string;
+        description?: string;
         width?: string | number;
         headerClass?: string;
         contentClass?: string;
         onCancel?: () => void;
-        description?: string;
         "v-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any;
         modelValue?: boolean;

package/internal-do-not-import-from-here/ux/shapedivider/ShapeDivider.d.ts

@@ -1,14 +1,14 @@
 import { IWebComponentInstance } from "@omnia/fx";
 import { VueComponentBase } from "@omnia/fx/ux";
 import { ShapeDividerSettings, ShapeDividerTypes, ShapeDividerPositions } from "../../models";
-import { SpacingSettings } from "../../models";
+import { Spacing } from "../../models";
 export declare class ShapeDividerComponent extends VueComponentBase implements IWebComponentInstance, ShapeDividerSettings {
     invert: boolean;
     position: ShapeDividerPositions;
     flip: boolean;
     shape: ShapeDividerTypes;
     color: string;
-    spacing: SpacingSettings;
+    spacing: Spacing;
     borderradius: number;
     width: number;
     height: number;

package/internal-do-not-import-from-here/ux/theming-v2/admin/blades/blueprints/chrome/store/ChromeEditorStore.d.ts

@@ -1,29 +1,29 @@
-import { ChromeDefinition, Guid, VelcronAppDefinition, ColorValue } from "@omnia/fx-models";
+import { ChromeBlueprint, Guid, VelcronAppDefinition, ColorValue } from "@omnia/fx-models";
 export declare const useChromeEditorStore: () => {
     state: {
         editMode: boolean;
         previewColorSchema: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background";
         backgroundOpacity: number;
         backgroundColor: ColorValue;
-        chromeDefinition: ChromeDefinition;
+        chromeDefinition: ChromeBlueprint;
     };
     events: {
         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
         onMutatedBackgroundOpacity: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
         onMutatedBackgroundColor: import("@omnia/fx").MessageBusExposeOnlySubscription<ColorValue>;
-        onMutatedChromeDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<ChromeDefinition>;
+        onMutatedChromeDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<ChromeBlueprint>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
             editChromeDefinition: {
-                subscribe(fn: (definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addChromeDefinition: {
-                subscribe(fn: (definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             copyChromeDefinition: {
-                subscribe(fn: (definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateHeaderDefinition: {
                 subscribe(fn: (definition: VelcronAppDefinition<any>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -34,13 +34,13 @@ export declare const useChromeEditorStore: () => {
         };
         onDispatched: {
             editChromeDefinition: {
-                subscribe(fn: (result: void, definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addChromeDefinition: {
-                subscribe(fn: (result: void, definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             copyChromeDefinition: {
-                subscribe(fn: (result: void, definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateHeaderDefinition: {
                 subscribe(fn: (result: void, definition: VelcronAppDefinition<any>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -51,13 +51,13 @@ export declare const useChromeEditorStore: () => {
         };
         onFailure: {
             editChromeDefinition: {
-                subscribe(fn: (failureReason: any, definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addChromeDefinition: {
-                subscribe(fn: (failureReason: any, definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             copyChromeDefinition: {
-                subscribe(fn: (failureReason: any, definition: ChromeDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definition: ChromeBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateHeaderDefinition: {
                 subscribe(fn: (failureReason: any, definition: VelcronAppDefinition<any>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -67,9 +67,9 @@ export declare const useChromeEditorStore: () => {
             };
         };
     } & {
-        editChromeDefinition(definition: ChromeDefinition): void;
-        addChromeDefinition(definition: ChromeDefinition): void;
-        copyChromeDefinition(definition: ChromeDefinition): void;
+        editChromeDefinition(definition: ChromeBlueprint): void;
+        addChromeDefinition(definition: ChromeBlueprint): void;
+        copyChromeDefinition(definition: ChromeBlueprint): void;
         updateHeaderDefinition(definition: VelcronAppDefinition<any>): void;
         save(): void;
     };
@@ -77,6 +77,6 @@ export declare const useChromeEditorStore: () => {
     bladeId: {
         chromeEditBlade: Guid;
         chromesBladeId: Guid;
-        chromeDefinition: ChromeDefinition;
+        chromeDefinition: ChromeBlueprint;
     };
 };

package/internal-do-not-import-from-here/ux/theming-v2/admin/blades/blueprints/components/blades/TabBlade.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/admin/blades/blueprints/components/blades/TabBladeEdit.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts

@@ -1,27 +1,33 @@
-import { ButtonBlueprint, ComponentBlueprint, Guid } from "@omnia/fx-models";
-export type buttonBlueprintType = "regular-high" | "regular-medium" | "regular-low" | "icon-high" | "icon-medium" | "icon-low";
+import { BlueprintVariant, ButtonBlueprint, ButtonBlueprintType, ComponentBlueprints, Guid, TabsBlueprint } from "@omnia/fx-models";
 export declare const useComponentsEditorStore: () => {
     state: {
-        blueprint: ComponentBlueprint;
+        blueprint: ComponentBlueprints;
         editingButtonBlueprint: ButtonBlueprint;
-        editingButtonVariant: buttonBlueprintType;
+        editingTabBlueprint: TabsBlueprint;
+        editingVariant: BlueprintVariant;
+        editingButtonType: ButtonBlueprintType;
         editMode: boolean;
     };
     events: {
-        onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ComponentBlueprint>;
+        onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ComponentBlueprints>;
         onMutatedEditingButtonBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ButtonBlueprint>;
-        onMutatedEditingButtonVariant: import("@omnia/fx").MessageBusExposeOnlySubscription<buttonBlueprintType>;
+        onMutatedEditingTabBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<TabsBlueprint>;
+        onMutatedEditingVariant: import("@omnia/fx").MessageBusExposeOnlySubscription<BlueprintVariant>;
+        onMutatedEditingButtonType: import("@omnia/fx").MessageBusExposeOnlySubscription<ButtonBlueprintType>;
         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
             setBlueprint: {
-                subscribe(fn: (blueprint: ComponentBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (blueprint: ComponentBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            setEditingBlueprint: {
-                subscribe(fn: (type: buttonBlueprintType) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            setTabEditingBlueprint: {
+                subscribe(fn: (variant: BlueprintVariant) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            updateEditingBlueprint: {
+            setButtonEditingBlueprint: {
+                subscribe(fn: (type: ButtonBlueprintType, variant: BlueprintVariant) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            updateEditingButtonBlueprint: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             save: {
@@ -30,12 +36,15 @@ export declare const useComponentsEditorStore: () => {
         };
         onDispatched: {
             setBlueprint: {
-                subscribe(fn: (result: void, blueprint: ComponentBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, blueprint: ComponentBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            setTabEditingBlueprint: {
+                subscribe(fn: (result: void, variant: BlueprintVariant) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            setEditingBlueprint: {
-                subscribe(fn: (result: void, type: buttonBlueprintType) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            setButtonEditingBlueprint: {
+                subscribe(fn: (result: void, type: ButtonBlueprintType, variant: BlueprintVariant) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            updateEditingBlueprint: {
+            updateEditingButtonBlueprint: {
                 subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             save: {
@@ -44,12 +53,15 @@ export declare const useComponentsEditorStore: () => {
         };
         onFailure: {
             setBlueprint: {
-                subscribe(fn: (failureReason: any, blueprint: ComponentBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, blueprint: ComponentBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            setTabEditingBlueprint: {
+                subscribe(fn: (failureReason: any, variant: BlueprintVariant) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            setEditingBlueprint: {
-                subscribe(fn: (failureReason: any, type: buttonBlueprintType) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            setButtonEditingBlueprint: {
+                subscribe(fn: (failureReason: any, type: ButtonBlueprintType, variant: BlueprintVariant) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            updateEditingBlueprint: {
+            updateEditingButtonBlueprint: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             save: {
@@ -57,9 +69,10 @@ export declare const useComponentsEditorStore: () => {
             };
         };
     } & {
-        setBlueprint(blueprint: ComponentBlueprint): void;
-        setEditingBlueprint(type: buttonBlueprintType): void;
-        updateEditingBlueprint(): void;
+        setBlueprint(blueprint: ComponentBlueprints): void;
+        setTabEditingBlueprint(variant: BlueprintVariant): void;
+        setButtonEditingBlueprint(type: ButtonBlueprintType, variant: BlueprintVariant): void;
+        updateEditingButtonBlueprint(): void;
         save(): void;
     };
     get: {};
@@ -68,6 +81,8 @@ export declare const useComponentsEditorStore: () => {
         editComponentBlade: Guid;
         buttonsBlade: Guid;
         buttonsBladeEdit: Guid;
+        tabBlade: Guid;
+        tabBladeEdit: Guid;
         componentsBlade: Guid;
         typographyBlade: Guid;
         spacingBlade: Guid;