@omnia/fx 8.0.544-dev → 8.0.545-dev

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

@@ -2,3 +2,4 @@ export * from "./settings";
 export * from "./stores";
 export * from "./use";
 export * from "../editorchrome/define";
+export * from "../editorchrome/models";

package/internal-do-not-import-from-here/ux/editor/models/StatusCodeLayoutItem.d.ts

@@ -0,0 +1,7 @@
+import { IEditorItem } from "../../editorchrome/models/IEditorItem";
+export interface IStatusCodeLayoutItem extends IEditorItem {
+    layout: any;
+    onSave<ItemType>(): Promise<ItemType>;
+    onEdit<ItemType>(): Promise<ItemType>;
+    onCancel<ItemType>(): Promise<ItemType>;
+}

package/internal-do-not-import-from-here/ux/editor/models/index.d.ts

@@ -1 +1,2 @@
 export * from "./SettingsJourneyMenu";
+export * from "./StatusCodeLayoutItem";

package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome_testSetup.d.ts

@@ -1,5 +1,6 @@
-import { guid, ChromeActionItem, EditorChromeConfiguration } from "@omnia/fx-models";
+import { guid } from "@omnia/fx-models";
 import { useEditorChromeStore } from "..";
+import { ChromeActionItem, EditorChromeConfiguration } from "./models";
 export declare function defineEditorChromeTestSetup(editorStore: ReturnType<typeof useEditorChromeStore>): {
     tabs: {
         tab1: EditorChromeConfiguration;

package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
-import { ChromeActionItem } from "@omnia/fx-models";
+import { ChromeActionItem } from "../models";
 type ToolbarButtonProps = DefinePropTheming & DefineProp<"action", ChromeActionItem> & DefineProp<"alignHeader", boolean> & DefineProp<"position", "topBar" | "bottomBar" | "rightBar"> & DefineProp<"border", "left" | "right" | "left right" | "bottom">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarButtonProps> & {} & {
     "v-slots"?: {} & Omit<{

package/internal-do-not-import-from-here/ux/editorchrome/define/DefineEditorChromeConfiguration.d.ts

@@ -1,4 +1,5 @@
-import { EditorChromeConfiguration, InstanceLifetimes } from "@omnia/fx-models";
+import { InstanceLifetimes } from "@omnia/fx-models";
+import { EditorChromeConfiguration } from "../models";
 type ReturnEditorChromeConfigurationSetup = {
     configuration: EditorChromeConfiguration;
 };

package/internal-do-not-import-from-here/ux/editorchrome/define/DefineEditorChromeView.d.ts

@@ -1,4 +1,5 @@
-import { EditorChromeView, InstanceLifetimes } from "@omnia/fx-models";
+import { InstanceLifetimes } from "@omnia/fx-models";
+import { EditorChromeView } from "../models";
 type ReturnEditorChromeViewSetup = {
     view: EditorChromeView;
 };

package/internal-do-not-import-from-here/ux/editorchrome/define/EditorChromeConfigurationHelper.d.ts

@@ -1,4 +1,4 @@
-import { ChromeActionItem, EditorChromeConfiguration } from "@omnia/fx-models";
+import { ChromeActionItem, EditorChromeConfiguration } from "../models";
 export declare function useEditorChromeConfigurationHelper(): {
     add: {
         actionToLeftFooter: (configuration: EditorChromeConfiguration | EditorChromeConfiguration[], action: ChromeActionItem) => void;

package/internal-do-not-import-from-here/ux/editorchrome/hooks/useRenderActions.d.ts

@@ -1,4 +1,4 @@
-import { ChromeActionItem } from "@omnia/fx-models";
+import { ChromeActionItemRegister } from "../models";
 export interface RenderActionsOptions {
     /**
      * The border style for the toolbar buttons
@@ -16,4 +16,4 @@ export interface RenderActionsOptions {
  * @param options Configuration options for rendering actions
  * @returns Function to render actions
  */
-export declare function useRenderActions(options: RenderActionsOptions): (items: ChromeActionItem[]) => import("vue").VNodeChild[];
+export declare function useRenderActions(options: RenderActionsOptions): (items: ChromeActionItemRegister[]) => import("vue").VNodeChild[];

package/internal-do-not-import-from-here/ux/editorchrome/models/EditorChromeRegistration.d.ts

@@ -0,0 +1,79 @@
+import { VNodeChild } from "vue";
+import { guid, IIcon } from "@omnia/fx-models";
+import { ConfirmDialogOptions } from "@omnia/fx/ux";
+import { type defineChromeAction } from "../define/DefineChromeAction";
+export type ChromeActionItemRegister = ChromeActionItem | ReturnType<typeof defineChromeAction>;
+export interface EditorChromePanel {
+    title?: string;
+    icon?: IIcon;
+    renderer?: () => Array<JSX.Element> | JSX.Element;
+    actions?: Array<ChromeActionItem>;
+    closeHook?: () => void;
+    footerToolbar?: {
+        actionsLeft?: Array<ChromeActionItem>;
+        actionsCenter?: Array<ChromeActionItem>;
+        actionsRight?: Array<ChromeActionItem>;
+        ExtendActionsRight?: Array<ChromeActionItem>;
+    };
+}
+export interface EditorChromeNavigationConfiguration {
+    title?: string;
+    renderer?: () => Array<JSX.Element> | JSX.Element;
+}
+export interface EditorChromeView {
+    id: guid;
+    configurations: Array<EditorChromeConfiguration>;
+}
+export interface EditorChromeConfiguration {
+    id: guid;
+    renderer?: () => Array<JSX.Element> | JSX.Element;
+    title?: string;
+    hidden?: boolean | (() => boolean);
+    icon?: IIcon;
+    onActivated?: () => void;
+    focused?: boolean;
+    settings?: {
+        displayResizable?: boolean;
+        zoomable?: boolean;
+        backNavigation?: boolean;
+        renderingMode?: "default" | "journey" | "center-panel";
+    };
+    active?: boolean;
+    rightDrawer?: {
+        title?: string;
+        renderer?: () => Array<JSX.Element> | JSX.Element;
+        actions?: Array<ChromeActionItemRegister>;
+    };
+    footerToolbar?: {
+        actionsLeft?: Array<ChromeActionItemRegister>;
+        actionsCenter?: Array<ChromeActionItemRegister>;
+        actionsRight?: Array<ChromeActionItemRegister>;
+        ExtendActionsRight?: Array<ChromeActionItemRegister>;
+    };
+    headerToolbar?: {
+        actions?: Array<ChromeActionItemRegister>;
+        actionSlot?: () => Array<JSX.Element> | JSX.Element;
+    };
+}
+export interface ChromeActionItem {
+    id?: guid;
+    active?: boolean | (() => boolean);
+    disableToggle?: boolean;
+    disabled?: boolean | (() => boolean);
+    hidden?: boolean | (() => boolean);
+    onActivated?: (action: ChromeActionItem) => void;
+    compactMode?: {
+        showText?: boolean;
+        hide?: boolean;
+    };
+    confirmation?: ConfirmDialogOptions;
+    requiredRoles?: guid[];
+    excludedRoles?: guid[];
+    title?: string | (() => string);
+    toolTip?: string | (() => string);
+    description?: string;
+    loading?: boolean | (() => boolean);
+    icon?: IIcon;
+    clickHandler?: (e: MouseEvent, store: any) => void | Promise<void>;
+    activator?: (activatorRenderer: VNodeChild) => VNodeChild;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/EditorLeaveDestination.d.ts

@@ -0,0 +1,7 @@
+import { IEditorTabRegistration } from "./IEditorTabRegistration";
+export interface EditorLeaveDestination {
+    name: string;
+}
+export interface EditorTabLeaveDestination extends EditorLeaveDestination {
+    tab: IEditorTabRegistration;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/EditorSettings.d.ts

@@ -0,0 +1,11 @@
+import { EditorDisplayModes, EditorUserExperience, LayoutItem } from "@omnia/fx-models";
+export interface EditorSettings {
+    showContentNavigation: boolean;
+    editorDisplayMode: EditorDisplayModes;
+    editorUserExperience: EditorUserExperience;
+    itemIsCheckOut: boolean;
+}
+export interface LayoutItemSettingsRequest {
+    showSettings?: boolean;
+    item: LayoutItem;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IActionButton.d.ts

@@ -0,0 +1,31 @@
+import { ActionItemType, guid } from "@omnia/fx-models";
+import { ConfirmDialogOptions, Vue } from "@omnia/fx/ux";
+export interface IActionItem {
+    id?: string;
+    type: ActionItemType;
+    highLighted: boolean;
+    visibilityCallBack?: Function;
+    requiredRoles?: guid[];
+}
+export interface IActionCustomButton extends IActionItem {
+    render: (vue: Vue) => JSX.Element;
+    loading?: boolean;
+}
+export interface IActionButton extends IActionItem {
+    title: () => string;
+    actionCallback: Function;
+    icon: string;
+    iconRight?: boolean;
+    disableCallBack?: Function;
+    confirmationOptions?: ConfirmDialogOptions;
+    loading?: boolean;
+    disabled?: boolean;
+    hasBottomDelimiter?: boolean;
+}
+export interface IActionButtonGroup extends IActionButton {
+    tooltip?: string;
+    color?: string;
+}
+export interface IActionGroupButtons extends IActionItem {
+    buttons?: Array<IActionButton>;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IEditorDisplayActionButton.d.ts

@@ -0,0 +1,6 @@
+import { IActionButton } from "./IActionButton";
+import { EditorDisplayModes, guid } from "@omnia/fx-models";
+export interface IEditorDisplayActionButton extends IActionButton {
+    editorDisplayMode: EditorDisplayModes;
+    requiredRoles?: guid[];
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IEditorItem.d.ts

@@ -0,0 +1,16 @@
+import { EditorDisplayModes } from "@omnia/fx-models";
+import { IEditorItemPanelsRenderer } from "./IEditorItemPanelsRenderer";
+import { IEditorItemTitleRenderer } from "./IEditorItemTitleRenderer";
+import { IEditorItemTopToolbarRenderer } from "./IEditorItemTopToolbarRenderer";
+import { IEditorTabRegistration } from "./IEditorTabRegistration";
+export interface IEditorItem {
+    settings: {
+        defaultDisplayMode: EditorDisplayModes;
+    };
+    tabs: Array<IEditorTabRegistration>;
+    title: JSX.Element[] | JSX.Element | string;
+    onEditorActivation(): any;
+    titleRenderer?: IEditorItemTitleRenderer;
+    topToolbarRenderer?: IEditorItemTopToolbarRenderer;
+    panelsRenderer?: IEditorItemPanelsRenderer;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IEditorItemMainRenderer.d.ts

@@ -0,0 +1,3 @@
+export interface IEditorItemMainRenderer {
+    generateElement(h: any): Array<JSX.Element> | JSX.Element;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IEditorItemPanelsRenderer.d.ts

@@ -0,0 +1,3 @@
+export interface IEditorItemPanelsRenderer {
+    generateElement(): JSX.Element;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IEditorItemTitleRenderer.d.ts

@@ -0,0 +1,3 @@
+export interface IEditorItemTitleRenderer {
+    generateElement(): Array<JSX.Element> | JSX.Element;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IEditorItemTopToolbarRenderer.d.ts

@@ -0,0 +1,3 @@
+export interface IEditorItemTopToolbarRenderer {
+    getElement(): Array<JSX.Element> | JSX.Element;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IEditorTabRegistration.d.ts

@@ -0,0 +1,19 @@
+import { IActionItem } from "./IActionButton";
+import { IEditorTabRenderer } from "./IEditorTabRenderer";
+export interface IEditorTabRegistration {
+    tabId: string;
+    tabRenderer: IEditorTabRenderer;
+    tabName: string;
+    journey?: boolean;
+    active: boolean;
+    actionToolbar: {
+        leftItemRenderer?: () => Array<IActionItem>;
+        leftItemExtendRenderer?: () => Array<IActionItem>;
+        rightItemRenderer?: () => Array<IActionItem>;
+        rightItemExtendRenderer?: () => Array<IActionItem>;
+    };
+    footer?: () => Array<IActionItem>;
+    header?: () => Array<IActionItem>;
+    maxHeight?: number | string;
+    tabIcon?: string;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/IEditorTabRenderer.d.ts

@@ -0,0 +1,3 @@
+export interface IEditorTabRenderer {
+    getElement(): Array<JSX.Element> | JSX.Element;
+}

package/internal-do-not-import-from-here/ux/editorchrome/models/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./EditorSettings";
+export * from "./IActionButton";
+export * from "./IEditorDisplayActionButton";
+export * from "./IEditorItem";
+export * from "./IEditorItemTitleRenderer";
+export * from "./IEditorItemMainRenderer";
+export * from "./IEditorTabRegistration";
+export * from "./IEditorTabRenderer";
+export * from "./IEditorItemTopToolbarRenderer";
+export * from "./IEditorItemPanelsRenderer";
+export * from "./EditorLeaveDestination";
+export * from "./EditorChromeRegistration";

package/internal-do-not-import-from-here/ux/editorchrome/renderers/ChromeActionItemRenderer.d.ts

@@ -1,6 +1,6 @@
-import { ChromeActionItem } from "@omnia/fx-models";
 import { DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
+import { ChromeActionItem } from "../models";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     action: ChromeActionItem;
 } & DefineSlot<"renderer", (action: ChromeActionItem) => VNodeChild>> & {} & {

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStore.d.ts

@@ -1,7 +1,8 @@
-import { IActionItem, IEditorItem, IMessageBusSubscriptionHandler, NotificationMessage, EditorLeaveDestination } from "../../../models";
+import { IMessageBusSubscriptionHandler, NotificationMessage } from "../../../models";
 import { EditorTabStore } from "./EditorTabStore";
 import { Store } from "../../../stores";
 import { EditorSettingsStore } from "./EditorSettingsStore";
+import { EditorLeaveDestination, IActionItem, IEditorItem } from "../models";
 export declare class EditorChromeStore extends Store {
     private serviceContainerContext;
     settings: EditorSettingsStore;

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts

@@ -1,4 +1,5 @@
-import { DisplayBreakpointTypes, guid, EditorChromeConfiguration, NotificationMessage, IIcon, EditorChromeNavigationConfiguration, Future, EditorChromeView, EditorChromePanel, ChromeActionItem } from "@omnia/fx-models";
+import { DisplayBreakpointTypes, guid, NotificationMessage, IIcon, Future } from "@omnia/fx-models";
+import { ChromeActionItem, EditorChromeConfiguration, EditorChromeNavigationConfiguration, EditorChromePanel, EditorChromeView } from "../models";
 export interface EditorChromeViewRegistration {
     view: EditorChromeView;
     configuration: EditorChromeConfiguration;

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorSettingsStore.d.ts

@@ -1,5 +1,6 @@
 import { Store } from "@omnia/fx/stores";
-import { EditorSettings, EditorDisplayModes, EditorUserExperience, DisplayBreakpointTypes, LayoutEditorCanvasApi, LayoutRendererCanvasApi } from "../../../models";
+import { EditorDisplayModes, EditorUserExperience, DisplayBreakpointTypes, LayoutEditorCanvasApi, LayoutRendererCanvasApi } from "../../../models";
+import { EditorSettings } from "../models";
 export declare class EditorSettingsStore extends Store {
     /**
      * State

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorTabStore.d.ts

@@ -1,5 +1,5 @@
 import { Store } from "@omnia/fx/stores";
-import { IEditorTabRegistration } from "@omnia/fx-models";
+import { IEditorTabRegistration } from "../models";
 export declare class EditorTabStore extends Store {
     /**
      * State

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorViewManager.d.ts

@@ -1,4 +1,4 @@
-import { EditorChromeConfiguration } from "@omnia/fx-models";
+import { EditorChromeConfiguration } from "../models";
 export declare function useEditorViewManager(): {
     configuration: {
         extend: (target: EditorChromeConfiguration, configuration: EditorChromeConfiguration) => void;

package/internal-do-not-import-from-here/ux/identities/IdentityRenderer.d.ts

@@ -36,6 +36,10 @@ declare const _default: {
                 identities: Array<IResolvedIdentity>;
             }) => VNodeChild;
         }>;
+        displayIdentityType: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
         avatarStyles: {
             type: import("vue").PropType<{
                 styles?: {
@@ -139,6 +143,10 @@ declare const _default: {
                 identities: Array<IResolvedIdentity>;
             }) => VNodeChild;
         }>;
+        displayIdentityType: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
         avatarStyles: {
             type: import("vue").PropType<{
                 styles?: {
@@ -239,6 +247,10 @@ declare const _default: {
             identities: Array<IResolvedIdentity>;
         }) => VNodeChild;
     }>;
+    displayIdentityType: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
     avatarStyles: {
         type: import("vue").PropType<{
             styles?: {
@@ -379,6 +391,7 @@ declare const _default: {
             };
             class?: string;
         };
+        displayIdentityType?: boolean;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncAddCondition.d.ts

@@ -26,5 +26,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "modelValue" | "emit:update:modelValue" | "editMode" | "getSyncPropertiesApi" | "getSyncPropertyDisplayName" | "emit:add" | "emit:update" | "emit:remove"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "modelValue" | "emit:update:modelValue" | "emit:add" | "emit:remove" | "editMode" | "getSyncPropertiesApi" | "getSyncPropertyDisplayName" | "emit:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/identities/loc/Localize.d.ts

@@ -80,5 +80,7 @@ export declare namespace IdentitiesLocalization {
             SharePointAllInternalExceptExternal: string;
         };
         System: string;
+        Extension: string;
+        DynamicGroup: string;
     }
 }

package/internal-do-not-import-from-here/ux/identities/stores/IdentityRendererStore.d.ts

@@ -0,0 +1,16 @@
+import { guid } from "@omnia/fx-models";
+export declare const useIdentityRendererStore: () => {
+    state: {
+        userTypes: Record<guid, string>;
+        groupTypes: Record<guid, string>;
+    };
+    events: import("@omnia/fx/stores").StoreEvents<{
+        userTypes: Record<guid, string>;
+        groupTypes: Record<guid, string>;
+    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        initIdentityTypes(): Promise<void>;
+    }>;
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts

@@ -1,337 +1,77 @@
 import { BoolFilter, guid, Identity, IResolvedIdentity, ISpecialUserConfiguration, PrincipalTypes } from "@omnia/fx-models";
 import { IdentityStoreType } from "@omnia/fx/stores";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        businessProfileId: {
-            type: import("vue").PropType<string>;
-        };
-        isClosed: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        enableSpecialUser: {
-            type: import("vue").PropType<ISpecialUserConfiguration>;
-            required: false;
-        };
-        permissionEnabled: {
-            type: import("vue").PropType<BoolFilter>;
-            required: false;
-        };
-        emailEnabled: {
-            type: import("vue").PropType<BoolFilter>;
-            required: false;
-        };
-        identityStore: {
-            type: import("vue").PropType<IdentityStoreType>;
-        };
-        filter: {
-            type: import("vue").PropType<(identities: IResolvedIdentity[]) => IResolvedIdentity[]>;
-        };
-        displayIdentityType: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        showSelectedIdentities: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        hideUserTypeSelection: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        hideGroupTypeSelection: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        hideDynamicGroupSelection: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        hideTab: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        blockedIdentities: {
-            type: import("vue").PropType<Identity[]>;
-            required: false;
-        };
-        disabledIdentities: {
-            type: import("vue").PropType<Identity[]>;
-            required: false;
-        };
-        disabled: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        top: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        attachToParent: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        providerIds: {
-            type: import("vue").PropType<guid[]>;
-        };
-        type: {
-            type: import("vue").PropType<PrincipalTypes>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: Identity[]) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<Identity[]>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<Identity[]>;
-            required: false;
-        };
-    }>> & {
-        onRemove?: (identity: Identity) => any;
-        onAdd?: (identity: Identity) => any;
-        onDoc$?: (description?: string) => any;
-        onCloseDialog?: () => any;
-    }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        closeDialog: () => void;
-        doc$(description?: string): {
-            closeDialog: () => void;
-        };
-        remove: (identity: Identity) => void;
-        add: (identity: Identity) => void;
-    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        businessProfileId: {
-            type: import("vue").PropType<string>;
-        };
-        isClosed: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        enableSpecialUser: {
-            type: import("vue").PropType<ISpecialUserConfiguration>;
-            required: false;
-        };
-        permissionEnabled: {
-            type: import("vue").PropType<BoolFilter>;
-            required: false;
-        };
-        emailEnabled: {
-            type: import("vue").PropType<BoolFilter>;
-            required: false;
-        };
-        identityStore: {
-            type: import("vue").PropType<IdentityStoreType>;
-        };
-        filter: {
-            type: import("vue").PropType<(identities: IResolvedIdentity[]) => IResolvedIdentity[]>;
-        };
-        displayIdentityType: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        showSelectedIdentities: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        hideUserTypeSelection: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        hideGroupTypeSelection: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        hideDynamicGroupSelection: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        hideTab: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        blockedIdentities: {
-            type: import("vue").PropType<Identity[]>;
-            required: false;
-        };
-        disabledIdentities: {
-            type: import("vue").PropType<Identity[]>;
-            required: false;
-        };
-        disabled: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        top: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        attachToParent: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        providerIds: {
-            type: import("vue").PropType<guid[]>;
-        };
-        type: {
-            type: import("vue").PropType<PrincipalTypes>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: Identity[]) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<Identity[]>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<Identity[]>;
-            required: false;
-        };
-    }>> & {
-        onRemove?: (identity: Identity) => any;
-        onAdd?: (identity: Identity) => any;
-        onDoc$?: (description?: string) => any;
-        onCloseDialog?: () => any;
-    }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    businessProfileId: {
-        type: import("vue").PropType<string>;
-    };
-    isClosed: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    enableSpecialUser: {
-        type: import("vue").PropType<ISpecialUserConfiguration>;
-        required: false;
-    };
-    permissionEnabled: {
-        type: import("vue").PropType<BoolFilter>;
-        required: false;
-    };
-    emailEnabled: {
-        type: import("vue").PropType<BoolFilter>;
-        required: false;
-    };
-    identityStore: {
-        type: import("vue").PropType<IdentityStoreType>;
-    };
-    filter: {
-        type: import("vue").PropType<(identities: IResolvedIdentity[]) => IResolvedIdentity[]>;
-    };
-    displayIdentityType: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    showSelectedIdentities: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    hideUserTypeSelection: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    hideGroupTypeSelection: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    hideDynamicGroupSelection: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    hideTab: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    blockedIdentities: {
-        type: import("vue").PropType<Identity[]>;
-        required: false;
-    };
-    disabledIdentities: {
-        type: import("vue").PropType<Identity[]>;
-        required: false;
-    };
-    disabled: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    top: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    attachToParent: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    providerIds: {
-        type: import("vue").PropType<guid[]>;
-    };
-    type: {
-        type: import("vue").PropType<PrincipalTypes>;
-    };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: Identity[]) => any | void>;
-    };
-    "v-model": {
-        type: import("vue").PropType<Identity[]>;
-        required: false;
-    };
-    modelValue: {
-        type: import("vue").PropType<Identity[]>;
-        required: false;
-    };
-}>> & {
+import { DefineEmit } from "@omnia/fx/ux";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    "emit:update:modelValue": (value: Identity[]) => void;
+} & {
+    "v-model"?: Identity[];
+} & {
+    modelValue?: Identity[];
+} & {
+    type?: PrincipalTypes;
+} & {
+    providerIds?: guid[];
+} & {
+    attachToParent?: boolean;
+} & {
+    top?: boolean;
+} & {
+    disabled?: boolean;
+} & {
+    disabledIdentities?: Identity[];
+} & {
+    blockedIdentities?: Identity[];
+} & {
+    hideTab?: boolean;
+} & {
+    hideDynamicGroupSelection?: boolean;
+} & {
+    hideGroupTypeSelection?: boolean;
+} & {
+    hideUserTypeSelection?: boolean;
+} & {
+    showSelectedIdentities?: boolean;
+} & {
+    displayIdentityType?: boolean;
+} & {
+    filter?: (identities: IResolvedIdentity[]) => IResolvedIdentity[];
+} & {
+    identityStore?: IdentityStoreType;
+} & {
+    emailEnabled?: BoolFilter;
+} & {
+    permissionEnabled?: BoolFilter;
+} & {
+    enableSpecialUser?: ISpecialUserConfiguration;
+} & {
+    isClosed?: boolean;
+} & {
+    businessProfileId?: string;
+} & {
+    ariaDescribedby?: string;
+} & {
+    ariaInvalid?: boolean;
+} & {
+    singleLine?: boolean;
+} & {
+    label?: string;
+} & {
+    variant?: "search" | "fieldvalue";
+} & {
+    multiple?: boolean;
+} & {
+    keepSelectionMenu?: boolean;
+} & {
+    autoOpenSelection?: boolean;
+} & DefineEmit<"add", (identity: Identity) => void> & DefineEmit<"remove", (identity: Identity) => void> & DefineEmit<"closeDialog", () => void>> & {
+    "onUpdate:modelValue"?: (value: Identity[]) => any;
     onRemove?: (identity: Identity) => any;
     onAdd?: (identity: Identity) => any;
-    onDoc$?: (description?: string) => any;
     onCloseDialog?: () => any;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    closeDialog: () => void;
-    doc$(description?: string): {
-        closeDialog: () => void;
-    };
-    remove: (identity: Identity) => void;
-    add: (identity: Identity) => void;
-}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        filter?: (identities: IResolvedIdentity[]) => IResolvedIdentity[];
-        type?: PrincipalTypes;
-        top?: Boolean;
-        providerIds?: guid[];
-        emailEnabled?: BoolFilter;
-        permissionEnabled?: BoolFilter;
-        businessProfileId?: string;
-        identityStore?: IdentityStoreType;
-        disabled?: Boolean;
-        "v-model"?: Identity[];
-        modelValue?: Identity[];
-        "onUpdate:modelValue"?: (value: Identity[]) => any | void;
-        hideDynamicGroupSelection?: Boolean;
-        attachToParent?: boolean;
-        disabledIdentities?: Identity[];
-        blockedIdentities?: Identity[];
-        hideTab?: Boolean;
-        hideGroupTypeSelection?: Boolean;
-        hideUserTypeSelection?: Boolean;
-        displayIdentityType?: Boolean;
-        enableSpecialUser?: ISpecialUserConfiguration;
-        showSelectedIdentities?: Boolean;
-        isClosed?: Boolean;
-    }>, "onRemove" | "onDoc$" | "onAdd" | "onCloseDialog"> & {
-        onRemove?: (identity: Identity) => any;
-        onDoc$?: (description?: string) => any;
-        onAdd?: (identity: Identity) => any;
-        onCloseDialog?: () => any;
-    };
-};
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "type" | "top" | "label" | "variant" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "identityStore" | "multiple" | "disabled" | "v-model" | "modelValue" | "emit:update:modelValue" | "ariaInvalid" | "displayIdentityType" | "ariaDescribedby" | "hideDynamicGroupSelection" | "singleLine" | "attachToParent" | "keepSelectionMenu" | "autoOpenSelection" | "disabledIdentities" | "blockedIdentities" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "enableSpecialUser" | "showSelectedIdentities" | "isClosed" | "emit:add" | "emit:remove" | "emit:closeDialog"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerDialog.d.ts

@@ -55,5 +55,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "type" | "top" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "identityStore" | "disabled" | "v-model" | "modelValue" | "emit:update:modelValue" | "location" | "hideDynamicGroupSelection" | "attachToParent" | "keepSelectionMenu" | "disabledIdentities" | "blockedIdentities" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "displayIdentityType" | "enableSpecialUser" | "emit:identityChanged"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "type" | "top" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "identityStore" | "disabled" | "v-model" | "modelValue" | "emit:update:modelValue" | "location" | "displayIdentityType" | "hideDynamicGroupSelection" | "attachToParent" | "keepSelectionMenu" | "disabledIdentities" | "blockedIdentities" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "enableSpecialUser" | "emit:identityChanged"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerField.d.ts

@@ -75,5 +75,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "type" | "top" | "label" | "variant" | "required" | "description" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "identityStore" | "dense" | "multiple" | "disabled" | "v-model" | "modelValue" | "emit:update:modelValue" | "ariaInvalid" | "ariaDescribedby" | "hideDynamicGroupSelection" | "singleLine" | "attachToParent" | "keepSelectionMenu" | "showCurrentUserOption" | "autoOpenSelection" | "disabledIdentities" | "blockedIdentities" | "emit:menuToggle" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "displayIdentityType" | "enableSpecialUser"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "type" | "top" | "label" | "variant" | "required" | "description" | "providerIds" | "emailEnabled" | "permissionEnabled" | "businessProfileId" | "identityStore" | "dense" | "multiple" | "disabled" | "v-model" | "modelValue" | "emit:update:modelValue" | "ariaInvalid" | "displayIdentityType" | "ariaDescribedby" | "hideDynamicGroupSelection" | "singleLine" | "attachToParent" | "keepSelectionMenu" | "showCurrentUserOption" | "autoOpenSelection" | "disabledIdentities" | "blockedIdentities" | "emit:menuToggle" | "hideTab" | "hideGroupTypeSelection" | "hideUserTypeSelection" | "enableSpecialUser"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/identitypicker/stores/IdentityPickerStore.d.ts

@@ -0,0 +1,20 @@
+import { guid } from "@omnia/fx-models";
+export type SelectionTypeViewModel = {
+    title: string;
+    id: guid;
+};
+export declare const useIdentityPickerStore: () => {
+    state: {
+        userTypes: SelectionTypeViewModel[];
+        groupTypes: SelectionTypeViewModel[];
+    };
+    events: import("@omnia/fx/stores").StoreEvents<{
+        userTypes: SelectionTypeViewModel[];
+        groupTypes: SelectionTypeViewModel[];
+    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        initIdentityTypes(): Promise<void>;
+    }>;
+} & {
+    dispose?: () => void;
+};

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

@@ -1,5 +1,6 @@
-import { EditorChromeConfiguration, guid, ILayoutFileContext, ILayoutMediaContext } from "@omnia/fx-models";
+import { guid, ILayoutFileContext, ILayoutMediaContext } from "@omnia/fx-models";
 import { useEditorChromeStore, useLayoutCanvasStore } from "@omnia/fx/ux";
+import { EditorChromeConfiguration } from "../../editorchrome/models";
 export interface LayoutEditorCanvasSettings {
     blockProvider?: string;
     chromeStore: ReturnType<typeof useEditorChromeStore>;

package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts

@@ -1,14 +1,15 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ExtractProps, ValidationRule } from "@omnia/fx/ux";
 import { ColorValue, TextBlueprint, OTextFieldTypes, InputBlueprint } from "@omnia/fx/models";
-import { VNodeChild } from "vue";
+import { FunctionalComponent, VNodeChild } from "vue";
 export declare const InputTypeDefinitions: readonly ["text", "password", "number"];
 export type InputTypes = typeof InputTypeDefinitions[number];
 export type InputApi = {
     focus: () => void;
 };
 type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextFieldTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"transparent", boolean, false, null, "Adds transparency to the text field."> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"textBlueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"getApi", (api: InputApi) => void, false, null, "Gets the api"> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"update:blured", (value: boolean) => void, "Emit when search input field is blured."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
-type NumberInputProps = DefineVModel<"", number, false, null, true, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & DefineProp<"precision", number, false, null, "Enforces strict precision. It is expected to be an integer value in range between 0 and 15, or null for unrestricted."> & BaseProps;
-type TextInputProps = DefineVModel<"", string, false, null, true, "The v-model value of the component."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps;
+type CustomSlotsProps = DefineSlot<"input", (inputRenderer: FunctionalComponent) => VNodeChild, "Slot that is custom render input.">;
+type NumberInputProps = DefineVModel<"", number, false, null, true, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & DefineProp<"precision", number, false, null, "Enforces strict precision. It is expected to be an integer value in range between 0 and 15, or null for unrestricted."> & BaseProps & CustomSlotsProps;
+type TextInputProps = DefineVModel<"", string, false, null, true, "The v-model value of the component."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps & CustomSlotsProps;
 declare const _default: <TType extends "text" | "number" | "password" = "text">(props: ExtractProps<{
     type?: TType;
 } & (TType extends "number" ? NumberInputProps : TextInputProps)> & (({

package/internal-do-not-import-from-here/ux/versionedlayout/editor/VersionedLayoutDefinitionEditorItem.d.ts

@@ -1,10 +1,11 @@
-import { VersionedLayout, VersionedLayoutDefinition, EditorDisplayModes, guid, IActionButton, IEditorItem, IEditorItemPanelsRenderer, IEditorTabRegistration, IVersionedData, Layout, LayoutEditorCanvasApi, LayoutEditorModes, LegacyThemeDefinition } from "@omnia/fx-models";
+import { VersionedLayout, VersionedLayoutDefinition, guid, IVersionedData, Layout, LayoutEditorCanvasApi, LayoutEditorModes, LegacyThemeDefinition, EditorDisplayModes } from "@omnia/fx-models";
 import { VersionedLayoutEditorStore } from "..";
 import { VersionedLayoutStore, MultilingualStore } from "../../../stores";
 import { EditorChromeStore } from "../../editorchrome";
 import { OmniaUxLocalization } from "../../UxModels";
 import { IVersionedLayoutDefinitionEditorTabRenderer } from "./IVersionedLayoutDefinitionEditorTabRenderer";
 import { RefreshStateOption } from "./RefreshStateOption";
+import { IActionButton, IEditorItem, IEditorItemPanelsRenderer, IEditorTabRegistration } from "../../editorchrome/models";
 declare class PanelRenderer implements IEditorItemPanelsRenderer {
     generateElement(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/versionedlayout/editor/views/DefineDefaultView.d.ts

@@ -1,4 +1,5 @@
-import { EditorChromeConfiguration, guid } from "@omnia/fx/models";
+import { guid } from "@omnia/fx/models";
+import { EditorChromeConfiguration } from "@omnia/fx/ux/editor";
 export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration, param2: {
     state: {
         id: guid;
@@ -83,7 +84,7 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
             };
         };
         view: () => {
-            show: (view: import("@omnia/fx-models").EditorChromeView) => void;
+            show: (view: import("@omnia/fx/ux/editor").EditorChromeView) => void;
         };
         versioning: () => {
             init: () => void;
@@ -91,7 +92,7 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
             reset: () => void;
         };
         panel: () => {
-            show: (panel: import("@omnia/fx-models").EditorChromePanel) => void;
+            show: (panel: import("@omnia/fx/ux/editor").EditorChromePanel) => void;
             close: () => void;
         };
         editor: () => {
@@ -101,7 +102,7 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
             };
         };
         navigation: () => {
-            set: (configuration: import("@omnia/fx-models").EditorChromeNavigationConfiguration) => void;
+            set: (configuration: import("@omnia/fx/ux/editor").EditorChromeNavigationConfiguration) => void;
             show: (value: boolean) => void;
         };
         close: () => void;
@@ -116,21 +117,21 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
                 finishedLoading: boolean;
                 compactMode: boolean;
                 navigation: {
-                    configuration: import("@omnia/fx-models").EditorChromeNavigationConfiguration;
+                    configuration: import("@omnia/fx/ux/editor").EditorChromeNavigationConfiguration;
                     enabled: boolean;
                     show: boolean;
                 };
                 drawers: {
                     right: {
                         panel: {
-                            settings: import("@omnia/fx-models").EditorChromePanel;
+                            settings: import("@omnia/fx/ux/editor").EditorChromePanel;
                             show: boolean;
-                            actions: import("@omnia/fx-models").ChromeActionItem[];
+                            actions: import("@omnia/fx/ux/editor").ChromeActionItem[];
                             footerToolbar: {
-                                actionsLeft: import("@omnia/fx-models").ChromeActionItem[];
-                                actionsCenter: import("@omnia/fx-models").ChromeActionItem[];
-                                actionsRight: import("@omnia/fx-models").ChromeActionItem[];
-                                ExtendActionsRight: import("@omnia/fx-models").ChromeActionItem[];
+                                actionsLeft: import("@omnia/fx/ux/editor").ChromeActionItem[];
+                                actionsCenter: import("@omnia/fx/ux/editor").ChromeActionItem[];
+                                actionsRight: import("@omnia/fx/ux/editor").ChromeActionItem[];
+                                ExtendActionsRight: import("@omnia/fx/ux/editor").ChromeActionItem[];
                             };
                         };
                         canvas: {
@@ -271,20 +272,20 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
                     resetForNewActiveConfiguration: () => void;
                 };
                 views: () => {
-                    register: (editorView: import("@omnia/fx-models").EditorChromeView | import("@omnia/fx-models").EditorChromeView[]) => void;
+                    register: (editorView: import("@omnia/fx/ux/editor").EditorChromeView | import("@omnia/fx/ux/editor").EditorChromeView[]) => void;
                     active: {
-                        set: (view: import("@omnia/fx-models").EditorChromeView, addToHistory?: boolean) => void;
+                        set: (view: import("@omnia/fx/ux/editor").EditorChromeView, addToHistory?: boolean) => void;
                         clear: () => void;
                         configuration: {
                             set: (configuration: EditorChromeConfiguration) => void;
                         };
                     };
-                    remove: (view: import("@omnia/fx-models").EditorChromeView) => void;
+                    remove: (view: import("@omnia/fx/ux/editor").EditorChromeView) => void;
                     history: {
                         removeCurrent: () => void;
                         goBack: () => boolean;
                         goForward: () => boolean;
-                        addToHistory: (view: import("@omnia/fx-models").EditorChromeView) => void;
+                        addToHistory: (view: import("@omnia/fx/ux/editor").EditorChromeView) => void;
                         clear: () => void;
                     };
                 };
@@ -298,17 +299,17 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
                     waitForCompletion: () => Promise<void>;
                 };
                 navigation: () => {
-                    register: (navigationItem: import("@omnia/fx-models").EditorChromeNavigationConfiguration) => void;
+                    register: (navigationItem: import("@omnia/fx/ux/editor").EditorChromeNavigationConfiguration) => void;
                     show: (value: boolean) => void;
                     toggle: () => void;
                 };
                 drawers: () => {
                     right: {
                         panel: {
-                            show: (panel: import("@omnia/fx-models").EditorChromePanel) => void;
+                            show: (panel: import("@omnia/fx/ux/editor").EditorChromePanel) => void;
                             footerToolbar: {
                                 add: {
-                                    action: (action: import("@omnia/fx-models").ChromeActionItem | import("@omnia/fx-models").ChromeActionItem[], position?: "left" | "center" | "right" | "extended-right") => void;
+                                    action: (action: import("@omnia/fx/ux/editor").ChromeActionItem | import("@omnia/fx/ux/editor").ChromeActionItem[], position?: "left" | "center" | "right" | "extended-right") => void;
                                 };
                             };
                             close: () => void;
@@ -333,9 +334,9 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
             }>;
             get: {
                 views: {
-                    active: () => import("@omnia/fx-models").EditorChromeView;
-                    all: () => import("@omnia/fx-models").EditorChromeView[];
-                    byId: (id: guid) => import("@omnia/fx-models").EditorChromeView;
+                    active: () => import("@omnia/fx/ux/editor").EditorChromeView;
+                    all: () => import("@omnia/fx/ux/editor").EditorChromeView[];
+                    byId: (id: guid) => import("@omnia/fx/ux/editor").EditorChromeView;
                 };
                 operations: {
                     all: () => guid[];
@@ -343,7 +344,7 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
                     count: () => number;
                 };
                 history: () => {
-                    view: import("@omnia/fx-models").EditorChromeView;
+                    view: import("@omnia/fx/ux/editor").EditorChromeView;
                     id: guid;
                     timestamp: number;
                 }[];
@@ -372,7 +373,7 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
         } & {
             dispose?: () => void;
         };
-        canvasView: () => import("@omnia/fx-models").EditorChromeView;
+        canvasView: () => import("@omnia/fx/ux/editor").EditorChromeView;
     };
     rules: {
         versioning: {

package/internal-do-not-import-from-here/ux/versionedlayout/editor/views/actions/CanvasActions.d.ts

@@ -1,5 +1,5 @@
-import { ChromeActionItem } from "@omnia/fx-models";
 import { useVersionedLayoutEditorStore } from "@omnia/fx/ux";
+import { ChromeActionItem } from "@omnia/fx/ux/editor";
 export declare function useCanvasActions(editorStore: ReturnType<typeof useVersionedLayoutEditorStore>): {
     preview: ChromeActionItem;
     design: ChromeActionItem;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/views/actions/CheckedOutActions.d.ts

@@ -1,5 +1,5 @@
-import { ChromeActionItem } from "@omnia/fx-models";
 import { useVersionedLayoutEditorStore } from "@omnia/fx/ux";
+import { ChromeActionItem } from "internal/fx/ux/editorchrome/models";
 export declare function useCheckedOutActions(editorStore: ReturnType<typeof useVersionedLayoutEditorStore>): {
     discardChanges: ChromeActionItem;
     saveAsDraft: ChromeActionItem;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/views/actions/NotCheckedOutActions.d.ts

@@ -1,5 +1,5 @@
-import { ChromeActionItem } from "@omnia/fx-models";
 import { useVersionedLayoutEditorStore } from "@omnia/fx/ux";
+import { ChromeActionItem } from "@omnia/fx/ux/editor";
 export declare function useNotCheckedOutActions(editorStore: ReturnType<typeof useVersionedLayoutEditorStore>): {
     takeControl: ChromeActionItem;
     edit: ChromeActionItem;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/views/actions/PanelActions.d.ts

@@ -1,5 +1,5 @@
-import { ChromeActionItem } from "@omnia/fx-models";
 import { useVersionedLayoutEditorStore } from "@omnia/fx/ux";
+import { ChromeActionItem } from "internal/fx/ux/editorchrome/models";
 export declare function usePanelActions(editorStore: ReturnType<typeof useVersionedLayoutEditorStore>): {
     versionHistory: ChromeActionItem;
 };

package/internal-do-not-import-from-here/ux/versionedlayout/stores/VersionedLayoutEditorStoreV2.d.ts

@@ -1,5 +1,6 @@
-import { EditorChromeConfiguration, EditorChromeNavigationConfiguration, EditorChromePanel, EditorChromeView, guid, ILayoutFileContext, ILayoutMediaContext, IVersionedData, IVersionInformation, Layout, LayoutCanvasEditorMode, MultilingualString, VersionedLayout, VersionedLayoutDefinition } from "@omnia/fx-models";
+import { guid, ILayoutFileContext, ILayoutMediaContext, IVersionedData, IVersionInformation, Layout, LayoutCanvasEditorMode, MultilingualString, VersionedLayout, VersionedLayoutDefinition } from "@omnia/fx-models";
 import { useEditorChromeStore, useLayoutCanvasStore, VersionedLayoutEditorSettings } from "@omnia/fx/ux";
+import { EditorChromeConfiguration, EditorChromeNavigationConfiguration, EditorChromePanel, EditorChromeView } from "../../editorchrome/models";
 export interface EditorViews {
     default: () => {
         view: EditorChromeView;
@@ -132,12 +133,12 @@ export declare const useVersionedLayoutEditorStore: () => {
                         panel: {
                             settings: EditorChromePanel;
                             show: boolean;
-                            actions: import("@omnia/fx-models").ChromeActionItem[];
+                            actions: import("../../editorchrome/models").ChromeActionItem[];
                             footerToolbar: {
-                                actionsLeft: import("@omnia/fx-models").ChromeActionItem[];
-                                actionsCenter: import("@omnia/fx-models").ChromeActionItem[];
-                                actionsRight: import("@omnia/fx-models").ChromeActionItem[];
-                                ExtendActionsRight: import("@omnia/fx-models").ChromeActionItem[];
+                                actionsLeft: import("../../editorchrome/models").ChromeActionItem[];
+                                actionsCenter: import("../../editorchrome/models").ChromeActionItem[];
+                                actionsRight: import("../../editorchrome/models").ChromeActionItem[];
+                                ExtendActionsRight: import("../../editorchrome/models").ChromeActionItem[];
                             };
                         };
                         canvas: {
@@ -315,7 +316,7 @@ export declare const useVersionedLayoutEditorStore: () => {
                             show: (panel: EditorChromePanel) => void;
                             footerToolbar: {
                                 add: {
-                                    action: (action: import("@omnia/fx-models").ChromeActionItem | import("@omnia/fx-models").ChromeActionItem[], position?: "left" | "center" | "right" | "extended-right") => void;
+                                    action: (action: import("../../editorchrome/models").ChromeActionItem | import("../../editorchrome/models").ChromeActionItem[], position?: "left" | "center" | "right" | "extended-right") => void;
                                 };
                             };
                             close: () => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.544-dev",
+  "version": "8.0.545-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.544-dev",
+    "@omnia/fx-models": "8.0.545-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",