@omnia/fx 8.0.383-dev → 8.0.385-dev

package/internal-do-not-import-from-here/ux/inputtoken/InputToken.d.ts

@@ -1,32 +1,25 @@
-import { VueComponentBase, IInputToken, InputTokenStyles } from "@omnia/fx/ux";
 import "./InputToken.css";
-export declare class InputTokenComponent extends VueComponentBase implements IInputToken {
-    styles?: typeof InputTokenStyles;
-    valueBind: string;
-    onValueChanged?: (model: string) => void;
-    class?: string[];
-    label: string;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    styles?: {
+        wordBreak?: import("typestyle/lib/types").NestedCSSProperties;
+    };
+} & {
+    "emit:update:modelValue": (value: string) => void;
+} & {
+    "v-model"?: string;
+} & {
+    modelValue?: string;
+} & {
+    class?: string | string[];
+} & {
+    label?: string;
+} & {
     disabled?: boolean;
-    dark?: boolean;
-    filled?: boolean;
-    private omniaUxLoc;
-    private localize;
-    private localizationStore;
-    private themeStore;
-    private classes;
-    private tokens;
-    private loadingTokens;
-    private openTokenPicker;
-    private triggeredLoadTokens;
-    private headers;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private ensureLoadTokens;
-    private handleChange;
-    private handleSelectToken;
-    private handleKeyUp;
-    private closePicker;
-    private renderTokenPicker;
-    render(): import("vue/jsx-runtime").JSX.Element;
-}
+}> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "class" | "label" | "disabled" | "styles" | "modelValue" | "v-model" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -4,7 +4,7 @@ declare const _default: {
     headerButtons: string;
     headerIcon: string;
     switchWrapper: string;
-    wrapper: (totalWidth: number, dark: boolean, compactMode: boolean) => string;
+    wrapper: (totalWidth: number, dark: boolean, compactMode: boolean, compactModeWidth?: number) => string;
     fullScreenWrapper: string;
 };
 export default _default;

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

@@ -11,7 +11,7 @@ export interface DisabledButtonTooltips {
     delete?: string;
     remove?: string;
 }
-export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean | Ref<boolean>, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean | Ref<boolean>, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
+export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean | Ref<boolean>, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean | Ref<boolean>, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"sizeOnMobile", BladeSizeTypes, false, null, "Specify the size of the blade on mobile. Default full width on mobile view"> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBladeProps> & {
     "onClick:cancel"?: (id: guid) => any;
     "onClick:confirm"?: () => any;
@@ -28,5 +28,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBlade
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions" | "actionsFooter">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "variant" | "size" | "add" | "id" | "delete" | "disabled" | "eager" | "settings" | "loading" | "create" | "remove" | "slot:actions" | "ok" | "save" | "toned" | "subTitle" | "emit:click:cancel" | "emit:click:confirm" | "getApi" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips" | "slot:actionsFooter" | "emit:click:create" | "emit:click:add" | "emit:click:back" | "emit:click:settings" | "emit:search" | "emit:click:manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "variant" | "size" | "add" | "id" | "delete" | "disabled" | "eager" | "settings" | "loading" | "create" | "remove" | "slot:actions" | "ok" | "save" | "toned" | "subTitle" | "emit:click:cancel" | "emit:click:confirm" | "getApi" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips" | "sizeOnMobile" | "slot:actionsFooter" | "emit:click:create" | "emit:click:add" | "emit:click:back" | "emit:click:settings" | "emit:search" | "emit:click:manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -4,14 +4,15 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     items?: SettingsJourneyMenuItem[] | Ref<SettingsJourneyMenuItem[], SettingsJourneyMenuItem[]>;
 } & {
     getApi?: (store: ReturnType<typeof useJourneyStore>) => void;
-} & DefineSlot<"append", () => VNodeChild> & DefineRef<{
+} & DefineSlot<"append", () => VNodeChild> & DefineSlot<"item", (item: SettingsJourneyMenuItem, index: Number) => VNodeChild> & DefineRef<{
     journeyStore: ReturnType<typeof useJourneyStore>;
 }>> & {} & {
     "v-slots"?: {
         append?: () => VNodeChild;
+        item?: (item: SettingsJourneyMenuItem, index: Number) => VNodeChild;
     } & Omit<{
         default?: import("vue").Slot;
-    }, "append">;
+    }, "item" | "append">;
 } & {
     ref?: Ref<{
         journeyStore: ReturnType<typeof useJourneyStore>;
@@ -20,5 +21,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     }> | ((ref: {
         journeyStore: ReturnType<typeof useJourneyStore>;
     }) => void);
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "getApi" | "slot:append"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "slot:item" | "getApi" | "slot:append"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -3,7 +3,7 @@ import { VNodeChild } from "vue";
 export interface SettingsJourneyItem {
     id: guid;
     title: string;
-    icon: IIcon;
+    icon?: IIcon;
     eager?: boolean;
 }
 export interface SettingsJourneyMenuItem extends SettingsJourneyItem {

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

@@ -1,6 +1,6 @@
 import { guid } from "@omnia/fx-models";
 import { type StoreEvents, type StoreReturnDefineAction } from "@omnia/fx/stores";
-import { BladeInstance, defineBlade } from "@omnia/fx/ux";
+import { BladeInstance, defineBlade, useScrollContainerStore } from "@omnia/fx/ux";
 import { BladeSizeTypes } from "../models/Constants";
 import { JourneyVariant } from "../Journey.css";
 export type JourneyStore = ReturnType<typeof useJourneyStore>;
@@ -48,6 +48,62 @@ export type InternalJourneyStoreType = {
     };
 };
 export declare const useJourneyStore: () => {
+    readonly scrollContainer: {
+        state: {
+            elementRef: HTMLElement;
+            elementId: string;
+            disableScrolling: boolean;
+            height: string;
+            width: string;
+            scrollingDirection: import("@omnia/fx-models").OScrollTypesCombination;
+            coordinates: {
+                readonly bottom: number;
+                readonly left: number;
+                readonly right: number;
+                readonly top: number;
+            };
+        };
+        events: StoreEvents<{
+            elementRef: HTMLElement;
+            elementId: string;
+            disableScrolling: boolean;
+            height: string;
+            width: string;
+            scrollingDirection: import("@omnia/fx-models").OScrollTypesCombination;
+            coordinates: {
+                readonly bottom: number;
+                readonly left: number;
+                readonly right: number;
+                readonly top: number;
+            };
+        }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+        actions: StoreReturnDefineAction<{
+            scroll: () => void;
+            calculateDynamicHeight: () => void;
+            setHeight: (height: string) => void;
+            setWidth: (width: string) => void;
+            setScrolling: (scrolling: import("@omnia/fx-models").OScrollTypesCombination) => void;
+            calculateScrollHeight: (referenceElementIds: string[]) => void;
+            isElementNameStillInView: (elementName: string) => boolean;
+            isElementIdStillInView: (elementId: string) => boolean;
+            scrollToStart: () => void;
+            scrollToElementId: (elementId: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
+            scrollToElementName: (elementName: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
+            scrollToElement: (element: HTMLElement, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
+            scrollToSelector: (selector: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
+        }>;
+        get: {
+            readonly coordinates: {
+                readonly bottom: number;
+                readonly left: number;
+                readonly right: number;
+                readonly top: number;
+            };
+            readonly scrollPosition: number;
+        };
+    } & {
+        dispose?: () => void;
+    };
     state: {
         blades: Array<BladeInstance>;
         bladeRenderers: Array<BladeRenderRegistration>;
@@ -81,6 +137,7 @@ export declare const useJourneyStore: () => {
         movePrev(fromBladeId: guid): void;
         travelTo(fromBladeId: guid, toBladeId: guid): void;
         setActiveIndex(index: number): void;
+        setScrollContainer(store: ReturnType<typeof useScrollContainerStore>): void;
     }>;
 } & {
     dispose?: () => void;

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

@@ -1,5 +1,4 @@
-import { IIcon } from "@omnia/fx-models";
-import { TdHTMLAttributes, VNodeChild } from "vue";
+import { TdHTMLAttributes } from "vue";
 import { ConstructComponentProps } from "@omnia/fx/ux";
 import { PublicDataTableRowProps } from "../oxide/datatable/RowRenderer";
 export type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
@@ -20,17 +19,6 @@ export type DataTableHeader = {
 };
 export declare const RowVariant: readonly ["navigation", "default"];
 export type RowVariantType = typeof RowVariant[number];
-export interface IDataTableRowRenderer<T = any> {
-    value: T;
-    index: number;
-    classes(classes: string): Omit<IDataTableRowRenderer, "classes">;
-    disableNavigation(): any;
-    select(selected: boolean): Omit<IDataTableRowRenderer, "select">;
-    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 interface IDataTableRow<T = any> {
     value: T;
     index: number;

package/internal-do-not-import-from-here/ux/optionpicker/OptionPicker.d.ts

@@ -1,80 +1,28 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        title: import("vue").Prop<string, string>;
-        multipleChoice: import("vue").Prop<boolean, boolean>;
-        options: import("vue").Prop<object[], object[]>;
-        optionValue: import("vue").Prop<string, string>;
-        optionText: import("vue").Prop<string, string>;
-        valueBind: import("vue").Prop<any[], any[]>;
-        onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
-        required: import("vue").Prop<boolean, boolean>;
-        hideDetails: import("vue").Prop<boolean, boolean>;
-        onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-        onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-        onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        title: import("vue").Prop<string, string>;
-        multipleChoice: import("vue").Prop<boolean, boolean>;
-        options: import("vue").Prop<object[], object[]>;
-        optionValue: import("vue").Prop<string, string>;
-        optionText: import("vue").Prop<string, string>;
-        valueBind: import("vue").Prop<any[], any[]>;
-        onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
-        required: import("vue").Prop<boolean, boolean>;
-        hideDetails: import("vue").Prop<boolean, boolean>;
-        onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-        onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-        onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: import("vue").Prop<string, string>;
-    multipleChoice: import("vue").Prop<boolean, boolean>;
-    options: import("vue").Prop<object[], object[]>;
-    optionValue: import("vue").Prop<string, string>;
-    optionText: import("vue").Prop<string, string>;
-    valueBind: import("vue").Prop<any[], any[]>;
-    onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
-    required: import("vue").Prop<boolean, boolean>;
-    hideDetails: import("vue").Prop<boolean, boolean>;
-    onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-    onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-    onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        title?: string;
-        options?: object[];
-        required?: boolean;
-        valueBind?: any[];
-        onVnodeBeforeMount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
-        onVnodeMounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
-        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
-        onVnodeUpdated?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
-        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
-        onVnodeUnmounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
-        hideDetails?: boolean;
-        onValueChanged?: (value: any[]) => void;
-        multipleChoice?: boolean;
-        optionValue?: string;
-        optionText?: string;
-    }>, never>;
-};
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    title?: string;
+} & {
+    multipleChoice?: boolean;
+} & {
+    options?: object[];
+} & {
+    optionValue?: string;
+} & {
+    optionText?: string;
+} & {
+    "emit:update:modelValue": (value: any[]) => void;
+} & {
+    "v-model"?: any[];
+} & {
+    modelValue?: any[];
+} & {
+    required?: boolean;
+} & {
+    hideDetails?: boolean;
+}> & {
+    "onUpdate:modelValue"?: (value: any[]) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "options" | "required" | "modelValue" | "hideDetails" | "v-model" | "emit:update:modelValue" | "multipleChoice" | "optionValue" | "optionText"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts

@@ -1,6 +1,6 @@
-import { ButtonIconOptions, OOxideButtonPresets, ButtonTooltipOptions, OSizeTypes, OIconAnimations, ButtonBlueprint, OButtonVariants } from "@omnia/fx-models";
+import { ButtonIconOptions, OOxideButtonPresets, ButtonTooltipOptions, OSizeTypes, OIconAnimations, ButtonBlueprint, OButtonVariants, ButtonBlueprintVariant } from "@omnia/fx-models";
 import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
-type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OOxideButtonPresets, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", ButtonTooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top."> & DefineProp<"disableBlueprint", boolean, false, false, "Disables the blueprint and use properties instead."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint, false, null, "Sets a custom blueprint for the button.">;
+type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OOxideButtonPresets, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", ButtonTooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top."> & DefineProp<"disableBlueprint", boolean, false, false, "Disables the blueprint and use properties instead."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint | ButtonBlueprintVariant, false, null, "Sets a custom blueprint for the button.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ButtonProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;

package/internal-do-not-import-from-here/ux/oxide/colorpicker/ColorPicker.d.ts

@@ -6,7 +6,7 @@ export declare enum ColorType {
     CorporateColor = 3,
     CustomColor = 4
 }
-type ColorPickerVariant = "default" | "blade";
+type ColorPickerVariant = "default" | "blade" | "virtual-list";
 type ColorPickerProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", string, false, null, false, "The v-model of the component."> & DefineProp<"variant", ColorPickerVariant, false, null, "The variant of the color picker."> & DefineProp<"label", string, false, null, "Specifies the label to display on the component."> & DefineProp<"labelColor", string, false, null, "Specifies the color of the label."> & DefineProp<"selectedColorAsLabel", boolean, false, false, "Displays the selected color on the label."> & DefineProp<"show", boolean, false, false, "Control show/hide of the color picker."> & DefineProp<"disabled", boolean, false, false, "Removed the ability to interact with the component."> & DefineSlot<"activator", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ColorPickerProps> & {
     "onUpdate:modelValue"?: (value: string) => any;

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

@@ -0,0 +1,8 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    columnName?: string;
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "columnName"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -1,11 +1,11 @@
-import { DataTableHeader, DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineType, DefineVModel, ExtractProps, IDataTableRow, IDataTableRowRenderer, ItemValueType, SelectItemKey, SortItem } from "@omnia/fx/ux";
+import { DataTableHeader, DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineType, DefineVModel, ExtractProps, IDataTableRow, ItemValueType, SelectItemKey, SortItem } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 export type DataTableOptions = {
     page: number;
     itemsPerPage: number;
     sortBy: SortItem[];
 };
-export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, true, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, true, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"search", string, false, null, "Text input used to filter items."> & DefineProp<"searchBy", (keyof T)[] | ((item: T) => string[]), false, null, "Property on supplied items that contains its value to search."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof emptyArray, true, "An array of strings or objects used for automatically generating children components."> & DefineVModel<"", Array<any>, false, typeof emptyArray, true, "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: DataTableOptions) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"update:itemsPerPage", (value: number) => void, "Emits when the items-per-page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<"top", () => VNodeChild> & DefineSlot<"expanded-row", (e: {
+export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, true, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, true, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"search", string, false, null, "Text input used to filter items."> & DefineProp<"searchBy", (keyof T)[] | ((item: T) => string[]), false, null, "Property on supplied items that contains its value to search."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof emptyArray, true, "An array of strings or objects used for automatically generating children components."> & DefineVModel<"", Array<any>, false, typeof emptyArray, true, "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: DataTableOptions) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"update:itemsPerPage", (value: number) => void, "Emits when the items-per-page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<"top", () => VNodeChild> & DefineSlot<"expanded-row", (e: {
     item: T;
 }) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
     item: T;
@@ -27,7 +27,7 @@ declare const _default: <TItem extends unknown, TVariant extends "default" | "cl
     "v-slots"?: (DataTableProps<TItem, TVariant> extends infer T_3 ? { [K_3 in keyof T_3 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: DataTableProps<TItem, TVariant>[K_3]; } : never) & Omit<{
         default?: import("vue").Slot;
     }, keyof (DataTableProps<TItem, TVariant> extends infer T_4 ? { [K_3 in keyof T_4 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: DataTableProps<TItem, TVariant>[K_3]; } : never)>;
-} & (DataTableProps<TItem, TVariant> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<DataTableProps<TItem, TVariant>[K_4], DataTableProps<TItem, TVariant>[K_4]> | ((ref: DataTableProps<TItem, TVariant>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "search" | "height" | "variant" | "drag" | "class" | "expanded" | "colorSchemaType" | "modelValue" | "items" | "loading" | "hover" | "colors" | "v-model" | "emit:update:modelValue" | "itemValue" | "slot:item" | "emit:update:expanded" | "v-model:expanded" | "sortBy" | "emit:update:sortBy" | "v-model:sortBy" | "mustSort" | "showSelect" | "itemSelectable" | "noDataText" | "searchBy" | "showExpand" | "emit:update:items" | "v-model:items" | "emit:update:options" | "emit:update:page" | "emit:update:itemsPerPage" | "emit:click:loadMore" | "slot:row" | "slot:top" | "slot:expanded-row" | `slot:header.${string}` | `slot:item.${string}` | keyof (TVariant extends "client-pagination-scroll" ? {
+} & (DataTableProps<TItem, TVariant> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<DataTableProps<TItem, TVariant>[K_4], DataTableProps<TItem, TVariant>[K_4]> | ((ref: DataTableProps<TItem, TVariant>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "search" | "height" | "variant" | "drag" | "class" | "expanded" | "colorSchemaType" | "modelValue" | "items" | "loading" | "hover" | "colors" | "v-model" | "emit:update:modelValue" | "itemValue" | "emit:update:expanded" | "v-model:expanded" | "sortBy" | "emit:update:sortBy" | "v-model:sortBy" | "mustSort" | "showSelect" | "itemSelectable" | "noDataText" | "searchBy" | "showExpand" | "emit:update:items" | "v-model:items" | "emit:update:options" | "emit:update:page" | "emit:update:itemsPerPage" | "emit:click:loadMore" | "slot:row" | "slot:top" | "slot:expanded-row" | `slot:header.${string}` | `slot:item.${string}` | keyof (TVariant extends "client-pagination-scroll" ? {
     itemHeight?: string | number;
 } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps<TItem_1> : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? ServerPaginationScrollProps<TItem> : DefaultProps)> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,30 +1,6 @@
 import { IIcon } from "@omnia/fx-models";
-import { DefineEmit, DefineProp, DefineSlot, IDataTableRowRenderer } from "@omnia/fx/ux";
+import { DataTableHeader, DefineEmit, DefineProp, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-export declare class DataTableRowRenderer implements IDataTableRowRenderer {
-    value: any;
-    index: any;
-    cells: Array<{
-        node: VNodeChild;
-        colSpan: number;
-        classes?: string;
-        styles?: string;
-    }>;
-    icon: IIcon;
-    actions: Array<VNodeChild>;
-    click: () => void;
-    preselect: any;
-    navigation: boolean;
-    cssRowClasses: string;
-    constructor(value: any, index: any);
-    select(selected: boolean): this;
-    classes(classes: string): this;
-    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">;
-}
 export type PublicDataTableRowProps = DefineProp<"active", boolean, false, false> & DefineProp<"remove", boolean, false, false> & DefineProp<"icon", IIcon> & DefineSlot<"actions", () => VNodeChild> & DefineEmit<"update:mouseOver", () => void, "Emits when moving the mouse pointer onto a row."> & DefineEmit<"update:mouseOut", () => void, "Emits when moving the mouse pointer out of a row.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     active?: boolean;
@@ -34,6 +10,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     icon?: IIcon;
 } & DefineSlot<"actions", () => VNodeChild> & DefineEmit<"update:mouseOver", () => void, "Emits when moving the mouse pointer onto a row."> & DefineEmit<"update:mouseOut", () => void, "Emits when moving the mouse pointer out of a row."> & DefineEmit<"click:navigation", (e: MouseEvent) => void> & {
     drag?: boolean;
+} & {
+    headers?: DataTableHeader[];
 } & {
     draggableIcon?: () => VNodeChild;
 }> & {
@@ -46,5 +24,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -3,15 +3,16 @@ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } f
 import { VNodeChild } from "vue";
 export * from "./Dialog.stylex";
 type DialogLocation = "left" | "center" | "right";
-type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
+type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"canBack", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
     hideNavigation: () => void;
     showNavigation: () => void;
-}) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;
+}) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void> & DefineEmit<"click:backButton", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DialogProps> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     "onClick:close"?: () => any;
     "onClick:cancel"?: () => any;
     "onClick:confirm"?: () => any;
+    "onClick:backButton"?: () => any;
 } & {
     "v-slots"?: {
         fixedContent?: () => VNodeChild;
@@ -26,5 +27,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DialogProps>
     } & Omit<{
         default?: import("vue").Slot;
     }, "navigation" | "actions" | "header" | "activator" | "fixedContent" | "headerButtons">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "canBack" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm" | "emit:click:backButton"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,9 +1,9 @@
 import { DefineProp } from "@omnia/fx/ux";
-import { OPageDividerTypes, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx-models";
-type DividerProps = DefineProp<"class", String | String[]> & DefineProp<"variant", OPageDividerTypes, false, null> & DefineProp<"label", string, false, null> & DefineProp<"vertical", boolean, false, false> & DefineProp<"toned", boolean, false, false> & DefineProp<"labelSize", TypographySize | TypographySizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"labelType", TypographyType | TypographyTypes, false, null, "Specifies the typography type. Should be used only if the variants size does not match the context.">;
+import { IIcon, OPageDividerTypes, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx-models";
+type DividerProps = DefineProp<"class", String | String[]> & DefineProp<"variant", OPageDividerTypes, false, null> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed."> & DefineProp<"label", string, false, null> & DefineProp<"vertical", boolean, false, false> & DefineProp<"toned", boolean, false, false> & DefineProp<"labelSize", TypographySize | TypographySizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"labelType", TypographyType | TypographyTypes, false, null, "Specifies the typography type. Should be used only if the variants size does not match the context.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DividerProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "vertical" | "class" | "label" | "toned" | "labelSize" | "labelType"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "vertical" | "class" | "label" | "toned" | "labelSize" | "labelType"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.stylex.d.ts

@@ -2,7 +2,6 @@ import { ColorDefinition } from "../../velcron/core";
 import { OPanelVariants, OPaddingCombination } from "@omnia/fx-models";
 export declare const PanelStyles: {
     tabSettingsPadding: Readonly<import("@omnia/fx/ux").StylexValue>;
-    templateTitle: (variant: OPanelVariants, titelOnTopDivider: boolean, color: string, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexValue>;
     dividerOnTitle: Readonly<import("@omnia/fx/ux").StylexValue>;
     panelHoverBackground: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
     panelWrapper: (hide: boolean, variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexValue>;

package/internal-do-not-import-from-here/ux/oxide/picker/Picker.d.ts

@@ -3,7 +3,7 @@ import { InputBlueprint, MenuState } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
 import { PickerVariant } from "./models/SharedSettings";
 import { usePickerStore } from "./stores/PickerStore";
-type PickerProps = DefineVModel<"", MenuState> & DefineProp<"getApi", (store: ReturnType<typeof usePickerStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"text", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the control."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"searchable", boolean, null, null, "A search box is displayed with the text value"> & DefineProp<"isLoading", boolean, false, null, "Displays a loading indicator"> & DefineProp<"hasSelection", boolean | any, false, null, "If the component has selection or not. If true it will render the selection slot"> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"selectedItemRenderer", () => VNodeChild>;
+type PickerProps = DefineVModel<"", MenuState> & DefineProp<"getApi", (store: ReturnType<typeof usePickerStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant, false, "dropdown"> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"text", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the control."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"searchable", boolean, null, null, "A search box is displayed with the text value"> & DefineProp<"isLoading", boolean, false, null, "Displays a loading indicator"> & DefineProp<"hasSelection", boolean | any, false, null, "If the component has selection or not. If true it will render the selection slot"> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"selectedItemRenderer", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps> & {
     "onUpdate:modelValue"?: (value: MenuState) => any;
     "onClick:clear"?: () => any;