@omnia/fx 8.0.100-vnext → 8.0.101-vnext

package/internal-do-not-import-from-here/ux/mediapicker/MediaPicker.d.ts

@@ -1,17 +1,159 @@
-import { IWebComponentInstance } from "../../";
-import { MediaPickerEnums, MediaPickerImage, type MediaPickerImageSettings, MediaPickerMedia, MediaPickerProvider, MediaPickerStorageProviderContext, MediaPickerVideo } from "../../models";
-import { VueComponentBase } from "../VueComponentBase";
-import { IMediaPicker } from "./IMediaPicker";
-export declare class MediaPicker extends VueComponentBase<IMediaPicker> implements IWebComponentInstance, IMediaPicker {
-    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
-    providerConfiguration?: (providers: MediaPickerProvider[]) => MediaPickerProvider[];
-    selectedMedia?: MediaPickerImage | MediaPickerVideo;
-    providerContext: MediaPickerStorageProviderContext;
-    imageSettings?: MediaPickerImageSettings;
-    saved: (result: MediaPickerMedia) => void;
-    closed?: () => void;
-    dialog: boolean;
-    mounted(): void;
-    private renderRenderer;
-    render(): JSX.Element;
-}
+import { useThemeStoreV2 } from "@omnia/fx/ux";
+import { VNodeChild } from "vue";
+import { ThemeDefinitionV2 } from "@omnia/fx-models";
+export type RegisterThemeStore = (store: ReturnType<typeof useThemeStoreV2>) => void;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly "v-slots"?: {
+                default?: import("../DefineVueTypings").Slot<any[]>;
+            } & {
+                activator?: () => VNodeChild;
+            };
+            "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
+            readonly themeStoreRegistrationHook?: RegisterThemeStore;
+            readonly "theme-store-registration-hook"?: RegisterThemeStore;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: "update:modelValue", themeDefinition: ThemeDefinitionV2) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "v-slots": import("vue").Prop<{
+                default?: import("../DefineVueTypings").Slot<any[]>;
+            } & {
+                activator?: () => VNodeChild;
+            }>;
+            "theme-store-registration-hook": {
+                type: import("vue").PropType<RegisterThemeStore>;
+            };
+            themeStoreRegistrationHook: {
+                type: import("vue").PropType<RegisterThemeStore>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (themeDefinition: ThemeDefinitionV2) => true;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: () => VNodeChild;
+        }>;
+        "theme-store-registration-hook": {
+            type: import("vue").PropType<RegisterThemeStore>;
+        };
+        themeStoreRegistrationHook: {
+            type: import("vue").PropType<RegisterThemeStore>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "v-slots": import("vue").Prop<{
+        default?: import("../DefineVueTypings").Slot<any[]>;
+    } & {
+        activator?: () => VNodeChild;
+    }>;
+    "theme-store-registration-hook": {
+        type: import("vue").PropType<RegisterThemeStore>;
+    };
+    themeStoreRegistrationHook: {
+        type: import("vue").PropType<RegisterThemeStore>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (themeDefinition: ThemeDefinitionV2) => true;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        "v-slots"?: {
+            default?: import("../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: () => VNodeChild;
+        };
+        themeStoreRegistrationHook?: RegisterThemeStore;
+        "theme-store-registration-hook"?: RegisterThemeStore;
+    }>, "onUpdate:modelValue"> & {
+        "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
+    };
+};
+export default _default;

package/internal-do-not-import-from-here/ux/mediapicker/MediaPicker_old.css.d.ts

@@ -0,0 +1,18 @@
+export declare const MediaPickerStyles: {
+    listItemTitleMedia: string;
+    listItemIconMedia: string;
+    closeButton: string;
+    iconSvg: string;
+    iconWrapper: string;
+    providerWrapper: string;
+    toolbarTitle: string;
+    selectedProvider: (bgColor: string) => string;
+    navigationDrawer: string;
+    bodyWrapper: string;
+    body: string;
+    elementWrapper: string;
+    loadingOverlay: string;
+    loadingWrapper: string;
+    editorContainer: string;
+    dialog: string;
+};

package/internal-do-not-import-from-here/ux/mediapicker/MediaPicker_old.d.ts

@@ -0,0 +1,17 @@
+import { IWebComponentInstance } from "../../";
+import { MediaPickerEnums, MediaPickerImage, type MediaPickerImageSettings, MediaPickerMedia, MediaPickerProvider, MediaPickerStorageProviderContext, MediaPickerVideo } from "../../models";
+import { VueComponentBase } from "../VueComponentBase";
+import { IMediaPicker } from "./IMediaPicker";
+export declare class MediaPicker extends VueComponentBase<IMediaPicker> implements IWebComponentInstance, IMediaPicker {
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    providerConfiguration?: (providers: MediaPickerProvider[]) => MediaPickerProvider[];
+    selectedMedia?: MediaPickerImage | MediaPickerVideo;
+    providerContext: MediaPickerStorageProviderContext;
+    imageSettings?: MediaPickerImageSettings;
+    saved: (result: MediaPickerMedia) => void;
+    closed?: () => void;
+    dialog: boolean;
+    mounted(): void;
+    private renderRenderer;
+    render(): JSX.Element;
+}

package/internal-do-not-import-from-here/ux/mediapicker/components/ImageEditor.css.d.ts

@@ -0,0 +1,15 @@
+import { ColorDefinition } from "@omnia/fx-models";
+export declare const ImageEditorStyles: {
+    settingsLabel: string;
+    imageRendition: string;
+    renditionTypesWrapper: string;
+    imageMenuWrapper: (dark: boolean) => string;
+    renditionTypes: {
+        common: (color: ColorDefinition, selected: boolean) => string;
+        landscape: string;
+        square: string;
+        wide: string;
+        custom: string;
+    };
+    renditionWrapper: (color: string) => string;
+};

package/internal-do-not-import-from-here/ux/mediapicker/components/ImageEditor.d.ts

@@ -0,0 +1,91 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __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/mediapicker/components/ImageSelector.css.d.ts

@@ -0,0 +1,6 @@
+export declare const ImageSelectorStyles: {
+    cardWrapper: string;
+    cardWrapperSelected: (color: string) => string;
+    hoverAnimation: string;
+    wrapper: string;
+};

package/internal-do-not-import-from-here/ux/mediapicker/components/ImageSelector.d.ts

@@ -0,0 +1,104 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            "onItem:add"?: () => any;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: "item:add") => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
+            "onItem:add"?: () => any;
+        }, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "item:add": () => true;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & {
+        "onItem:add"?: () => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onItem:add"?: () => any;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "item:add": () => true;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, "onItem:add"> & {
+        "onItem:add"?: () => any;
+    };
+};
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.css.d.ts

@@ -3,7 +3,9 @@ export declare const DialogStyles: {
     templateTitle: string;
     titleWrapper: string;
     fixedContent: (backgroundColor: string) => string;
+    navigationContainer: (dark: boolean) => string;
     navigationDrawer: (dark: boolean) => string;
+    navigationWrapper: (dark: boolean) => string;
     activator: string;
     contentScrollWrapper: (customScroll: boolean, hasButtons: boolean, fullSize: boolean, staticContent: boolean, variant: DialogTypes, horizontalScroll: boolean) => string;
     notScrollOutside: string;

package/internal-do-not-import-from-here/ux/oxide/divider/Divider.css.d.ts

@@ -1,3 +1,4 @@
+import { PageDividerTypes } from "@omnia/fx-models";
 export declare const DividerStyles: {
-    divider: (dark: boolean) => string;
+    divider: (dark: boolean, variant: PageDividerTypes) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/divider/Divider.d.ts

@@ -47,6 +47,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly variant?: "bottom" | "top" | "top bottom";
         };
         $attrs: {
             [x: string]: unknown;
@@ -62,6 +63,11 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+            } & {
+                type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+            };
             class: {
                 type: import("vue").PropType<string>;
             } & {
@@ -88,6 +94,11 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+        } & {
+            type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+        };
         class: {
             type: import("vue").PropType<string>;
         } & {
@@ -98,6 +109,11 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+    } & {
+        type: import("vue").PropType<"bottom" | "top" | "top bottom">;
+    };
     class: {
         type: import("vue").PropType<string>;
     } & {
@@ -106,6 +122,7 @@ 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<{} & {
         class?: string;
+        variant?: "bottom" | "top" | "top bottom";
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts

@@ -48,10 +48,10 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly variant?: "section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section";
+            readonly variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
             readonly force?: boolean;
-            readonly componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
-            readonly "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
+            readonly componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx";
+            readonly "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx";
         };
         $attrs: {
             [x: string]: unknown;
@@ -73,15 +73,15 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             variant: {
-                type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
+                type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
             } & {
-                type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
+                type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
             };
             "component-host": {
-                type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+                type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
             };
             componentHost: {
-                type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+                type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
             };
             host: {
                 type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -117,15 +117,15 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
+            type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
         } & {
-            type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
+            type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
         };
         "component-host": {
-            type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+            type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
         };
         componentHost: {
-            type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+            type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
         };
         host: {
             type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -145,15 +145,15 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
+        type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
     } & {
-        type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section">;
+        type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
     };
     "component-host": {
-        type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+        type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
     };
     componentHost: {
-        type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+        type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
     };
     host: {
         type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -165,10 +165,10 @@ declare const _default: {
 }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         host?: "admin" | "editor" | "docs";
-        variant?: "section" | "navigation" | "default" | "footer" | "header" | "content" | "settings" | "info-section";
+        variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
         force?: boolean;
-        componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
-        "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "blade" | "app" | "drawer" | "expansion-panel" | "appbar" | "tab-vertical" | "panel" | "omfx";
+        componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx";
+        "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx";
     }>, never>;
 };
 export default _default;