@omnia/fx 8.0.183-dev → 8.0.185-dev

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

@@ -92,7 +92,7 @@ declare const JourneyBladeComponent: {
         } & {
             type: import("vue").PropType<switchValue>;
         };
-        draggable: {
+        reorder: {
             type: import("vue").PropType<boolean>;
         } & {
             type: import("vue").PropType<boolean>;
@@ -256,7 +256,7 @@ declare const JourneyBladeComponent: {
         } & {
             type: import("vue").PropType<switchValue>;
         };
-        draggable: {
+        reorder: {
             type: import("vue").PropType<boolean>;
         } & {
             type: import("vue").PropType<boolean>;
@@ -418,7 +418,7 @@ declare const JourneyBladeComponent: {
         } & {
             type: import("vue").PropType<switchValue>;
         };
-        draggable: {
+        reorder: {
             type: import("vue").PropType<boolean>;
         } & {
             type: import("vue").PropType<boolean>;
@@ -577,7 +577,7 @@ declare const JourneyBladeComponent: {
     } & {
         type: import("vue").PropType<switchValue>;
     };
-    draggable: {
+    reorder: {
         type: import("vue").PropType<boolean>;
     } & {
         type: import("vue").PropType<boolean>;
@@ -679,13 +679,13 @@ declare const JourneyBladeComponent: {
             actionsFooter?: Func<[VNodeChild]>;
         };
         remove?: boolean;
-        draggable?: boolean;
         variant?: "info" | "preview" | "read-only" | "edit" | "new";
         subTitle?: string;
         "sub-title"?: string;
         create?: boolean;
         ok?: boolean;
         save?: boolean;
+        reorder?: boolean;
         getApi?: (store: ReturnType<typeof useJourneyStore>) => void;
         "get-api"?: (store: ReturnType<typeof useJourneyStore>) => void;
         loading?: boolean;

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/docs/ExampleComponentSettings.d.ts

@@ -0,0 +1 @@
+export declare const ExampleComponentsSettings: import("@omnia/fx/ux").DocumentationSpec;

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

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

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

@@ -1,3 +1,4 @@
 export declare const spec: import("@omnia/fx/ux").DocumentationSpec;
 export declare const spec2: import("@omnia/fx/ux").DocumentationSpec;
 export declare const spec3: import("@omnia/fx/ux").DocumentationSpec;
+export declare const spec4: import("@omnia/fx/ux").DocumentationSpec;

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

@@ -0,0 +1,13 @@
+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 {
+    render: () => VNodeChild;
+}
+export type SettingsJourneyVariant = "settings" | "dialog";

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/JourneyStore.d.ts

@@ -1,10 +1,19 @@
 import { GuidValue } from "@omnia/fx-models";
 import { BladeInstance } from "@omnia/fx/ux";
 import { BladeSizeTypes } from "../models/Constants";
+import { JourneyVariant } from "../Journey.css";
+import { VNodeChild } from "vue";
 export type JourneyStore = ReturnType<typeof useJourneyStore>;
+interface BladeRenderRegistration {
+    renderer: () => VNodeChild;
+    id: GuidValue;
+}
 export declare const useJourneyStore: () => {
     state: {
         blades: BladeInstance[];
+        bladeRenderers: BladeRenderRegistration[];
+        variant: JourneyVariant;
+        compactMode: boolean;
         activeIndex: number;
         nested: boolean;
         journeyMenuStore: {
@@ -53,6 +62,9 @@ export declare const useJourneyStore: () => {
     };
     events: {
         onMutatedBlades: import("@omnia/fx").MessageBusExposeOnlySubscription<BladeInstance[]>;
+        onMutatedBladeRenderers: import("@omnia/fx").MessageBusExposeOnlySubscription<BladeRenderRegistration[]>;
+        onMutatedVariant: import("@omnia/fx").MessageBusExposeOnlySubscription<JourneyVariant>;
+        onMutatedCompactMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedActiveIndex: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
         onMutatedNested: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedJourneyMenuStore: import("@omnia/fx").MessageBusExposeOnlySubscription<{
@@ -111,6 +123,9 @@ export declare const useJourneyStore: () => {
     };
     actions: {
         onDispatching: {
+            registerBladeRenderer: {
+                subscribe(fn: (registration: BladeRenderRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             addBlade: {
                 subscribe(fn: (newBlade: BladeInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -137,6 +152,9 @@ export declare const useJourneyStore: () => {
             };
         };
         onDispatched: {
+            registerBladeRenderer: {
+                subscribe(fn: (result: void, registration: BladeRenderRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             addBlade: {
                 subscribe(fn: (result: void, newBlade: BladeInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -163,6 +181,9 @@ export declare const useJourneyStore: () => {
             };
         };
         onFailure: {
+            registerBladeRenderer: {
+                subscribe(fn: (failureReason: any, registration: BladeRenderRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             addBlade: {
                 subscribe(fn: (failureReason: any, newBlade: BladeInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -189,6 +210,7 @@ export declare const useJourneyStore: () => {
             };
         };
     } & {
+        registerBladeRenderer(registration: BladeRenderRegistration): void;
         addBlade(newBlade: BladeInstance): void;
         removeBlade(blade: BladeInstance): void;
         getBladeSize(blade: BladeInstance): number;

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/btn/Button.d.ts

@@ -82,9 +82,9 @@ declare const _default: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         } & {
-            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         };
         overrides: {
             type: import("vue").PropType<object>;
@@ -213,9 +213,9 @@ declare const _default: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         } & {
-            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         };
         overrides: {
             type: import("vue").PropType<object>;
@@ -353,9 +353,9 @@ declare const _default: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         } & {
-            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         };
         overrides: {
             type: import("vue").PropType<object>;
@@ -490,9 +490,9 @@ declare const _default: {
         type: import("vue").PropType<ButtonTooltipOptions>;
     };
     preset: {
-        type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
+        type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
     } & {
-        type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
+        type: import("vue").PropType<"select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
     };
     overrides: {
         type: import("vue").PropType<object>;
@@ -564,7 +564,7 @@ declare const _default: {
         grouped?: boolean;
         loading?: boolean;
         overrides?: object;
-        preset?: "select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request";
+        preset?: "select" | "cancel" | "close" | "delete" | "details" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "reorder" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request";
         transparentHover?: boolean;
         "transparent-hover"?: boolean;
         stacked?: boolean;

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);