@omnia/fx 8.0.183-dev → 8.0.184-dev

package/internal-do-not-import-from-here/ux/journey/SettingsJourney.d.ts

@@ -0,0 +1,70 @@
+import { IIcon } from "@omnia/fx-models";
+import { useSettingsJourneyStore } from "@omnia/fx/ux";
+type JourneyVariant = "settings" | "dialog";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    getApi?: (store: ReturnType<typeof useSettingsJourneyStore>) => void;
+} & {
+    variant?: JourneyVariant;
+} & {
+    title?: string;
+} & {
+    icon?: IIcon;
+}> & Omit<{}, "icon" | "title" | "variant" | "getApi"> & {
+    "v-slots"?: {
+        default?: import("vue").Slot;
+    } & {};
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "variant" | "getApi">) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $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<any, any, any, any, any, any, any, any, any, {}, {}, 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;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
+        getApi?: (store: ReturnType<typeof useSettingsJourneyStore>) => void;
+    } & {
+        variant?: JourneyVariant;
+    } & {
+        title?: string;
+    } & {
+        icon?: IIcon;
+    }> & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        } & {};
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "variant" | "getApi">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;

package/internal-do-not-import-from-here/ux/journey/SettingsJourneyBlade.d.ts

@@ -0,0 +1,55 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    id?: string;
+}> & Omit<{}, "id"> & {
+    "v-slots"?: {
+        default?: import("vue").Slot;
+    } & {};
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "id">) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $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<any, any, any, any, any, any, any, any, any, {}, {}, 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;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
+        id?: string;
+    }> & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        } & {};
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "id">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;

package/internal-do-not-import-from-here/ux/journey/SettingsJourneyMenu.d.ts

@@ -0,0 +1,56 @@
+import { settingsJourneyMenuItem } from "@omnia/fx/ux";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    items?: settingsJourneyMenuItem[];
+}> & Omit<{}, "items"> & {
+    "v-slots"?: {
+        default?: import("vue").Slot;
+    } & {};
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items">) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $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<any, any, any, any, any, any, any, any, any, {}, {}, 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;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
+        items?: settingsJourneyMenuItem[];
+    }> & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        } & {};
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;

package/internal-do-not-import-from-here/ux/journey/models/SettingsBladeRegistration.d.ts

@@ -0,0 +1,12 @@
+import { GuidValue, IIcon } from "@omnia/fx-models";
+import { VNodeChild } from "vue";
+export interface SettingsJourneyItem {
+    id: GuidValue;
+    title: string;
+    icon: IIcon;
+}
+export interface settingsJourneyMenuItem extends SettingsJourneyItem {
+}
+export interface SettingsBladeRegistration extends SettingsJourneyItem {
+    element: VNodeChild;
+}

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

@@ -1,2 +1,3 @@
 export * from "./BladeInstance";
 export * from "./Constants";
+export * from "./SettingsBladeRegistration";

package/internal-do-not-import-from-here/ux/journey/stores/SettingsJourneyStore.d.ts

@@ -0,0 +1,68 @@
+import { GuidValue, IIcon } from "@omnia/fx-models";
+import { SettingsBladeRegistration } from "../models";
+export declare const useSettingsJourneyStore: () => {
+    state: {
+        title: string;
+        icon: IIcon;
+        activeBlade: SettingsBladeRegistration;
+        bladeRegistrations: SettingsBladeRegistration[];
+    };
+    events: {
+        onMutatedTitle: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
+        onMutatedIcon: import("@omnia/fx").MessageBusExposeOnlySubscription<IIcon>;
+        onMutatedActiveBlade: import("@omnia/fx").MessageBusExposeOnlySubscription<SettingsBladeRegistration>;
+        onMutatedBladeRegistrations: import("@omnia/fx").MessageBusExposeOnlySubscription<SettingsBladeRegistration[]>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching: {
+            defineJourney: {
+                subscribe(fn: (title: string, icon: IIcon) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            registerBlade: {
+                subscribe(fn: (registration: SettingsBladeRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            travelTo: {
+                subscribe(fn: (bladeId: GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            travelBack: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            defineJourney: {
+                subscribe(fn: (result: void, title: string, icon: IIcon) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            registerBlade: {
+                subscribe(fn: (result: void, registration: SettingsBladeRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            travelTo: {
+                subscribe(fn: (result: void, bladeId: GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            travelBack: {
+                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            defineJourney: {
+                subscribe(fn: (failureReason: any, title: string, icon: IIcon) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            registerBlade: {
+                subscribe(fn: (failureReason: any, registration: SettingsBladeRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            travelTo: {
+                subscribe(fn: (failureReason: any, bladeId: GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            travelBack: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        defineJourney: (title: string, icon: IIcon) => void;
+        registerBlade: (registration: SettingsBladeRegistration) => void;
+        travelTo: (bladeId: GuidValue) => void;
+        travelBack: () => void;
+    };
+    get: {
+        readonly themeStore: any;
+    };
+};

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

@@ -1,3 +1,4 @@
 export * from "./JourneyStore";
 export * from "./JourneyMenuStore";
 export * from "./JourneyRouterStore";
+export * from "./SettingsJourneyStore";

package/internal-do-not-import-from-here/ux/journey/use/UseBlade.d.ts

@@ -51,6 +51,10 @@ export declare function useBlade<TRoute extends {
         itemsPerPage?: number;
     } & {
         headers?: import("../..").DataTableHeader[];
+    } & {
+        "v-model:items"?: T[];
+    } & {
+        "onUpdate:items"?: (value: T[]) => void;
     } & {
         items?: T[];
     } & import("../..").DefineEmit<"update:sortBy", (item: import("../..").SortItem[]) => void> & import("../..").DefineEmit<"update:expanded", (expanded: string[]) => void> & import("../..").DefineEmit<"update:sortBy", (sort: import("../..").SortItem[]) => void> & import("../..").DefineSlot<"item", (row: import("../..").IDataTableRowRenderer<T>) => void> & import("../..").DefineSlot<`header.${string}`, (header: import("../..").DataTableHeader) => void> & import("../..").DefineSlot<`item.${string}`, (e: {
@@ -58,7 +62,7 @@ export declare function useBlade<TRoute extends {
     }) => void>> & Omit<{
         "onUpdate:expanded"?: (expanded: string[]) => any;
         "onUpdate:sortBy"?: (item: import("../..").SortItem[]) => any;
-    }, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage"> & {
+    }, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "v-model:items" | "onUpdate:items"> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {
@@ -68,7 +72,7 @@ export declare function useBlade<TRoute extends {
             }) => void;
             item?: (row: import("../..").IDataTableRowRenderer<T>) => void;
         };
-    } & Omit<import("../..").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "emit:update:sortBy" | "emit:update:expanded" | "slot:item" | `slot:header.${string}` | `slot:item.${string}`>) => {
+    } & Omit<import("../..").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "v-model:items" | "onUpdate:items" | "emit:update:sortBy" | "emit:update:expanded" | "slot:item" | `slot:header.${string}` | `slot:item.${string}`>) => {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {};
@@ -142,6 +146,10 @@ export declare function useBlade<TRoute extends {
             itemsPerPage?: number;
         } & {
             headers?: import("../..").DataTableHeader[];
+        } & {
+            "v-model:items"?: T[];
+        } & {
+            "onUpdate:items"?: (value: T[]) => void;
         } & {
             items?: T[];
         } & import("../..").DefineEmit<"update:sortBy", (item: import("../..").SortItem[]) => void> & import("../..").DefineEmit<"update:expanded", (expanded: string[]) => void> & import("../..").DefineEmit<"update:sortBy", (sort: import("../..").SortItem[]) => void> & import("../..").DefineSlot<"item", (row: import("../..").IDataTableRowRenderer<T>) => void> & import("../..").DefineSlot<`header.${string}`, (header: import("../..").DataTableHeader) => void> & import("../..").DefineSlot<`item.${string}`, (e: {
@@ -159,7 +167,7 @@ export declare function useBlade<TRoute extends {
         } & {
             "onUpdate:expanded"?: (expanded: string[]) => any;
             "onUpdate:sortBy"?: (item: import("../..").SortItem[]) => any;
-        } & Omit<import("../..").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage">;
+        } & Omit<import("../..").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "v-model:items" | "onUpdate:items">;
     } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;

package/internal-do-not-import-from-here/ux/markdown/patches/HtmlInlinePatch.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from "@toast-ui/editor";
+export declare function applyHtmlInlinePatch(editor: Editor): (state: any, node: any) => void;

package/internal-do-not-import-from-here/ux/markdown/plugins/themestyling/ThemeStylingPlugin.d.ts

@@ -1,3 +1,3 @@
 import { PluginContext, PluginInfo } from "@toast-ui/editor";
 import { MarkdownPluginContext } from "../MarkdownPluginContext";
-export declare function themeStylingPlugin(context: PluginContext, options: MarkdownPluginContext): PluginInfo;
+export declare function useThemeStylingPlugin(context: PluginContext, options: MarkdownPluginContext): PluginInfo;

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

@@ -1,3 +1,4 @@
+import { IIcon } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
 export type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
 export type DataTableCompareFunction<T = any> = (a: T, b: T) => number;
@@ -26,6 +27,7 @@ export interface IDataTableRowRenderer<T = any> {
     onClick(callback: () => void): Omit<IDataTableRowRenderer, "onClick">;
     addCell(node: VNodeChild, colSpan?: number, classes?: string, styles?: string): Pick<IDataTableRowRenderer, "addCell" | "addAction">;
     addAction(node: VNodeChild): Pick<IDataTableRowRenderer, "addCell" | "addAction">;
+    addIcon(icon: IIcon): any;
 }
 export type SortItem = {
     key: string;

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts

@@ -1,4 +1,5 @@
 import { DataTableHeader, DefineEmit, DefineSlot, IDataTableRowRenderer, SortItem } from "@omnia/fx/ux";
+import { ComponentPublicInstance } from "vue";
 declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").ExtractProps<{
     colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
 } & {
@@ -35,6 +36,10 @@ declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").Extrac
     itemsPerPage?: number;
 } & {
     headers?: DataTableHeader[];
+} & {
+    "v-model:items"?: T[];
+} & {
+    "onUpdate:items"?: (value: T[]) => void;
 } & {
     items?: T[];
 } & DefineEmit<"update:sortBy", (item: SortItem[]) => void> & DefineEmit<"update:expanded", (expanded: string[]) => void> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
@@ -42,7 +47,7 @@ declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").Extrac
 }) => void>> & Omit<{
     "onUpdate:expanded"?: (expanded: string[]) => any;
     "onUpdate:sortBy"?: (item: SortItem[]) => any;
-}, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage"> & {
+}, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "v-model:items" | "onUpdate:items"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & {
@@ -52,7 +57,7 @@ declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").Extrac
         }) => void;
         item?: (row: IDataTableRowRenderer<T>) => void;
     };
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "emit:update:sortBy" | "emit:update:expanded" | "slot:item" | `slot:header.${string}` | `slot:item.${string}`>) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "v-model:items" | "onUpdate:items" | "emit:update:sortBy" | "emit:update:expanded" | "slot:item" | `slot:header.${string}` | `slot:item.${string}`>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -65,8 +70,8 @@ declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").Extrac
     $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, {}>, {}, {}>;
+    $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: 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<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
@@ -84,7 +89,7 @@ declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").Extrac
         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)[];
+        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: 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;
@@ -126,6 +131,10 @@ declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").Extrac
         itemsPerPage?: number;
     } & {
         headers?: DataTableHeader[];
+    } & {
+        "v-model:items"?: T[];
+    } & {
+        "onUpdate:items"?: (value: T[]) => void;
     } & {
         items?: T[];
     } & DefineEmit<"update:sortBy", (item: SortItem[]) => void> & DefineEmit<"update:expanded", (expanded: string[]) => void> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
@@ -143,7 +152,7 @@ declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").Extrac
     } & {
         "onUpdate:expanded"?: (expanded: string[]) => any;
         "onUpdate:sortBy"?: (item: SortItem[]) => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "v-model:items" | "onUpdate:items">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/oxide/datatable/RowRenderer.d.ts

@@ -1,3 +1,4 @@
+import { IIcon } from "@omnia/fx-models";
 import { IDataTableRowRenderer } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 export declare class DataTableRowRenderer implements IDataTableRowRenderer {
@@ -9,6 +10,7 @@ export declare class DataTableRowRenderer implements IDataTableRowRenderer {
         classes?: string;
         styles?: string;
     }>;
+    icon: IIcon;
     actions: Array<VNodeChild>;
     click: () => void;
     preselect: any;
@@ -20,5 +22,6 @@ export declare class DataTableRowRenderer implements IDataTableRowRenderer {
     onClick(callback: () => void): this;
     disableNavigation(): this;
     addCell(node: VNodeChild, colSpan?: number, classes?: string, styles?: string): Pick<IDataTableRowRenderer, "addCell" | "addAction">;
+    addIcon(icon: IIcon): void;
     addAction(node: VNodeChild): Pick<IDataTableRowRenderer, "addCell" | "addAction">;
 }

package/internal-do-not-import-from-here/ux/oxide/draggable/Draggable.css.d.ts

@@ -1,6 +1,3 @@
-declare const _default: {
-    container: {
-        fontSize: number;
-    };
+export declare const DraggableStyles: {
+    hoverStyle: string;
 };
-export default _default;

package/internal-do-not-import-from-here/ux/oxide/draggable/Draggable.d.ts

@@ -16,10 +16,10 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "element" | "list" | "data-table">;
+            type: import("vue").PropType<"default" | "element" | "list" | "data-table" | "accordion">;
             required: false;
         } & {
-            type: import("vue").PropType<"default" | "element" | "list" | "data-table">;
+            type: import("vue").PropType<"default" | "element" | "list" | "data-table" | "accordion">;
             required: false;
         };
         navigable: {
@@ -87,10 +87,10 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "element" | "list" | "data-table">;
+            type: import("vue").PropType<"default" | "element" | "list" | "data-table" | "accordion">;
             required: false;
         } & {
-            type: import("vue").PropType<"default" | "element" | "list" | "data-table">;
+            type: import("vue").PropType<"default" | "element" | "list" | "data-table" | "accordion">;
             required: false;
         };
         navigable: {
@@ -161,10 +161,10 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "element" | "list" | "data-table">;
+            type: import("vue").PropType<"default" | "element" | "list" | "data-table" | "accordion">;
             required: false;
         } & {
-            type: import("vue").PropType<"default" | "element" | "list" | "data-table">;
+            type: import("vue").PropType<"default" | "element" | "list" | "data-table" | "accordion">;
             required: false;
         };
         navigable: {
@@ -232,10 +232,10 @@ declare const _default: {
         required: false;
     };
     variant: {
-        type: import("vue").PropType<"default" | "element" | "list" | "data-table">;
+        type: import("vue").PropType<"default" | "element" | "list" | "data-table" | "accordion">;
         required: false;
     } & {
-        type: import("vue").PropType<"default" | "element" | "list" | "data-table">;
+        type: import("vue").PropType<"default" | "element" | "list" | "data-table" | "accordion">;
         required: false;
     };
     navigable: {
@@ -300,7 +300,7 @@ declare const _default: {
             item?: ((item: any) => VNodeChild) | ((row: IDataTableRowRenderer) => void);
             append?: ((item: any) => VNodeChild) | ((row: IDataTableRowRenderer) => void);
         };
-        variant?: "default" | "element" | "list" | "data-table";
+        variant?: "default" | "element" | "list" | "data-table" | "accordion";
         itemTitle?: string | ((item: any) => VNodeChild);
         itemValue?: string | ((item: any) => string);
         "item-value"?: string | ((item: any) => string);

package/internal-do-not-import-from-here/ux/use/UseDraggable.d.ts

@@ -1,70 +1,12 @@
+import { DefineProp, DefineVModel } from "../DefineVueTypings";
+import { Ref } from "vue";
+type DraggableComponentProps = DefineVModel<"", Array<any>, false, null> & DefineProp<"containerRef", Ref<any>, true, null>;
+type DraggableComponentTypings = (props: Omit<DraggableComponentProps, "containerRef">) => any;
 export declare function useDraggable(): {
-    Draggable: (props: import("../InternalDefineComponent").ExtractProps<{
-        "v-model"?: any[];
-    } & {
-        "onUpdate:modelValue"?: (value: any[]) => void;
-    } & {
-        modelValue?: any[];
-    } & {
-        placeholderClass?: string;
-    }> & Omit<{}, "v-model" | "onUpdate:modelValue" | "modelValue" | "placeholderClass"> & {
-        "v-slots"?: {
-            default?: import("vue").Slot;
-        } & {};
-    } & Omit<import("..").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "placeholderClass">) => {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {};
-        $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<any, any, any, any, any, any, any, any, any, {}, {}, 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;
-    } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-        propsDefinition: import("../InternalDefineComponent").ExtractProps<{
-            "v-model"?: any[];
-        } & {
-            "onUpdate:modelValue"?: (value: any[]) => void;
-        } & {
-            modelValue?: any[];
-        } & {
-            placeholderClass?: string;
-        }> & {
-            "v-slots"?: {
-                default?: import("vue").Slot;
-            } & {};
-        } & {} & Omit<import("..").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "placeholderClass">;
-    } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
+    Draggable: DraggableComponentTypings;
+    readonly DraggableIcon: JSX.Element;
+    draggableContainerRef: Ref<any>;
     draggableItemClass: string;
-    disabledDraggableItemClass: string;
+    disabledItemClass: string;
 };
+export {};

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

@@ -20,3 +20,4 @@ export * from "./UseSupported";
 export * from "./UseInterSectionObserver";
 export * from "./UseMounted";
 export * from "./UseInternatlStateMirroring";
+export * from "./UseDraggable";