@omnia/fx 8.0.384-dev → 8.0.386-dev

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/stores/ColorPickerStore.d.ts

@@ -0,0 +1,69 @@
+import { ColorSchemaType, ColorValue, ThemeContextType, ThemedColorValue } from "@omnia/fx-models";
+export interface swatch {
+    color: ColorValue;
+    colorString: string;
+}
+export type ColorPickerType = "default" | "base" | "onBase" | "colorSchema";
+export declare const useColorPickerStore: () => {
+    get: {
+        swatches: {
+            baseColor: (swatchSchema: swatch[], toned: boolean) => string;
+            onBaseColor: (swatchSchema: swatch[], toned: boolean) => string;
+            colorSchema: {
+                name: (swatchSchema: swatch[]) => string;
+                formattedName: (swatchSchema: swatch[]) => string;
+            };
+        };
+    };
+    state: {
+        selection: {
+            currentSelection: ColorValue;
+            themedColorValue: ThemedColorValue;
+            customColor: string;
+        };
+        prevSelectedColorSchemaType: any;
+        opacity: number;
+        settings: {
+            dynamicColor: {
+                show: boolean;
+                enable: boolean;
+                colorShemaType: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+            };
+            showCustomColorPicker: boolean;
+            showDialog: boolean;
+            pickerType: ColorPickerType;
+            showplaceHolders: boolean;
+            showSystemColors: boolean;
+        };
+        swatches: {
+            dynamic: swatch[];
+            schemas: swatch[][];
+        };
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        toggleColorPicker: () => void;
+        setDynamicColor: (value: any) => void;
+        selectColor: (value: ColorValue) => void;
+        selectCustomColor: (color: string) => void;
+        deleteColor: () => void;
+        setOpacity: (opacity: number) => void;
+        initState: (model: ColorValue, themeContextType: ThemeContextType, dynamicColorSchemaType: ColorSchemaType, colorPickerType: ColorPickerType, enableDynamicColor: boolean, showplaceHolders: boolean, showSystemColors: boolean) => void;
+    }>;
+    rules: {
+        selection: {
+            isDynamicColor: () => "" | "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+            isCustomColor: () => boolean;
+            isCurrentValue: (value: ColorValue) => boolean;
+        };
+        swatches: {
+            isPlaceHolder: (swatchSchema: swatch[]) => boolean;
+            isDynamicColorSchema: (swatchSchema: swatch[]) => boolean;
+            isIncludedInRender: (index: number) => boolean;
+        };
+        colorSchema: {
+            isIncludedInTheme: (colorSchema: ColorSchemaType) => boolean;
+        };
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaPicker.d.ts

@@ -478,8 +478,8 @@ declare const _default: {
         "v-model"?: "background" | "primary" | "secondary" | "accent1" | ColorSchema | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | ColorSchemaTypes;
         toned?: boolean;
         placeholder?: string;
-        defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         enableDynamicColor?: boolean;
+        defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         customSchema?: boolean;
     }>, "onUpdate:modelValue" | "onColor:enter" | "onColor:leave"> & {
         "onUpdate:modelValue"?: (colorSchemaType: ColorSchema | ColorSchemaTypes) => any;

package/internal-do-not-import-from-here/ux/aurora/components/containerFillpicker/ContainerBlueprintsViewer.d.ts

@@ -16,11 +16,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
 } & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
     "onUpdate:modelValue"?: (value: ContainerFillBlueprints) => any;
-    "onClick:add"?: () => any;
     "onClick:select"?: (variant: BlueprintVariant) => any;
+    "onClick:add"?: () => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:add" | "emit:click:select" | "defaultColorSchemaType"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "defaultColorSchemaType"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.css.d.ts

@@ -2,4 +2,5 @@ export declare const FillPickerStyles: {
     viewWrapper: string;
     hoverCursor: string;
     selector: (dark: boolean) => string;
+    transparentBackground: string;
 };

package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts

@@ -1,8 +1,8 @@
 import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
 import { ThemeContextType, FillDefinitionValue } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
-export type ColorPickerType = "default" | "all" | "onBase" | "base";
-type FillPickerVariant = "dialog" | "editor" | "blade";
+export type ColorPickerType = "default" | "colorSchema" | "onBase" | "base";
+type FillPickerVariant = "dialog" | "editor" | "journey";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: FillDefinitionValue) => void;
 } & {
@@ -38,5 +38,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "colorType" | "emit:update:modelValue" | "themeType" | "slot:activator" | "defaultColorSchemaType" | "enableDynamicColor" | "emit:init:actionButtons" | "singleColor" | "createNewColorDynamic"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "colorType" | "emit:update:modelValue" | "themeType" | "slot:activator" | "enableDynamicColor" | "emit:init:actionButtons" | "defaultColorSchemaType" | "singleColor" | "createNewColorDynamic"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/store/FillPickerStore.d.ts

@@ -0,0 +1,39 @@
+import { ColorGradientValue, ColorSchemaType, ColorValue, FillDefinition, FillDefinitionValue, FilterPickerFilter, ThemeContextType } from "@omnia/fx-models";
+export declare enum ColorMode {
+    colorOnly = "color",
+    linearGradient = "linear",
+    radialGradient = "radial"
+}
+export declare const useFillPickerStore: () => {
+    state: {
+        internalModel: FillDefinition;
+        selection: {
+            colorValue: ColorGradientValue;
+            gradient: any[];
+            index: number;
+        };
+        colors: any[];
+        colorMode: ColorMode;
+        showSettings: boolean;
+        fillOpacity: any;
+        linearGradient: number;
+        radialGradient: number;
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        changeColor: (index: number, color: ColorValue) => void;
+        editColor: (color: ColorGradientValue, index: any) => void;
+        addColor: (colorType: string, defaultColorSchemaType: ColorSchemaType, dynamicColor: boolean) => ColorGradientValue;
+        removeColor: (index: number) => void;
+        changeGradientMode: (newVal: any) => void;
+        initState: (fill: FillDefinitionValue, themeContextType: ThemeContextType) => void;
+    }>;
+    rules: {
+        hasFillOneColor: () => boolean;
+        canShowGradientRange: () => boolean;
+    };
+    dataTypes: {
+        gradients: FilterPickerFilter[];
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderViewer.d.ts

@@ -16,11 +16,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     editable?: boolean;
 } & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
     "onUpdate:modelValue"?: (value: HeaderBlueprints) => any;
-    "onClick:add"?: () => any;
     "onClick:select"?: (variant: BlueprintVariant) => any;
+    "onClick:add"?: () => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:add" | "emit:click:select" | "selectable"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "selectable"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStyleEditor.d.ts

@@ -33,5 +33,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "defaultColorSchemaType" | "enableDynamicColor" | "emit:init:actionButtons" | "simpleMode"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "enableDynamicColor" | "emit:init:actionButtons" | "defaultColorSchemaType" | "simpleMode"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStylePicker.d.ts

@@ -30,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "defaultColorSchemaType" | "enableDynamicColor"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "enableDynamicColor" | "defaultColorSchemaType"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/input/InputBlueprintsViewer.d.ts

@@ -18,11 +18,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     blueprintStrategy?: string;
 } & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
     "onUpdate:modelValue"?: (value: InputBlueprints) => any;
-    "onClick:add"?: () => any;
     "onClick:select"?: (variant: BlueprintVariant) => any;
+    "onClick:add"?: () => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:add" | "emit:click:select" | "selectable" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "selectable" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/tabs/TabBlueprintsViewer.d.ts

@@ -18,11 +18,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     blueprintStrategy?: string;
 } & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
     "onUpdate:modelValue"?: (value: TabsBlueprints) => any;
-    "onClick:add"?: () => any;
     "onClick:select"?: (variant: BlueprintVariant) => any;
+    "onClick:add"?: () => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:add" | "emit:click:select" | "selectable" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "selectable" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts

@@ -32,5 +32,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "customTyping" | "defaultColorSchemaType" | "enableDynamicColor" | "singleColor"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "customTyping" | "enableDynamicColor" | "defaultColorSchemaType" | "singleColor"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts

@@ -16,13 +16,13 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     themeType?: ThemeContextType;
 } & DefineEmit<"click:select", (typography: TypographyType, size: TypographySizes) => true> & DefineEmit<"click:selectFill", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true> & DefineEmit<"click:addFill", () => true>> & {
     "onUpdate:modelValue"?: (value: TypographyBlueprint) => any;
-    "onClick:add"?: () => any;
     "onClick:select"?: (typography: "title" | "text" | "navigation" | "variants" | "fills", size: TypographySizes) => any;
+    "onClick:add"?: () => any;
     "onClick:selectFill"?: (variant: BlueprintVariant) => any;
     "onClick:addFill"?: () => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:add" | "emit:click:select" | "sampleText" | "emit:click:selectFill" | "emit:click:addFill"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "sampleText" | "emit:click:selectFill" | "emit:click:addFill"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/enterpriseproperties/settingpicker/EnterprisePropertySettingPicker.d.ts

@@ -15,5 +15,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<EnterprisePr
     } & Omit<{
         default?: import("vue").Slot;
     }, "selection">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "required" | "multiple" | "disabled" | "hideDetails" | "slot:selection" | "emit:click:delete" | "emit:change" | "excludedPropertyTypeIds" | "preSelectedPropertyInternalName" | "propertyItems" | "externalPropertyItems" | "allowDuplicate"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "required" | "multiple" | "disabled" | "hideDetails" | "emit:click:delete" | "slot:selection" | "emit:change" | "excludedPropertyTypeIds" | "preSelectedPropertyInternalName" | "propertyItems" | "externalPropertyItems" | "allowDuplicate"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,6 +1,7 @@
 import { guid, IIcon } from "@omnia/fx-models";
 import { BladeContext, BladeContexts, BladeSizeTypes, BladeVariantTypes, ConfirmDialogOptions, DefineEmit, DefineProp, DefineSlot, useJourneyStore } from "@omnia/fx/ux";
 import { Ref, VNodeChild } from "vue";
+import { ActionDefinition } from "../oxide/actionmenu/ActionMenu";
 export interface SwitchValue {
     value: boolean;
     label: string;
@@ -11,7 +12,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."> & 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>;
+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<"actions", ActionDefinition[], false, null, "Specify if the blade should show responsive actions. Useful for both mobile and desktop."> & 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"> & DefineProp<"actionMenuV2", boolean, false, null, "Enable a new responsive action menu in blade. Will be removed in future versions."> & 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 +29,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" | "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;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "actions" | "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" | "actionMenuV2" | "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

@@ -21,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" | "slot:item" | "getApi" | "slot:append"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "slot:item" | "slot:append" | "getApi"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -5,6 +5,5 @@ export interface BladeInstance {
     size: BladeSizeTypes;
     visible?: boolean;
     active?: boolean;
-    stacked?: boolean;
     disabledSaveButton?: boolean;
 }

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

@@ -1,14 +1,14 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, JourneySelectItem, JourneySelectPropertyMapping, useJourneySelectStore } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-type BaseProps<TItem> = DefinePropTheming & DefineVModel<"", Array<any> | any> & DefineProp<"getApi", (store: ReturnType<typeof useJourneySelectStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"items", Array<TItem>, false, null, "Items to select from"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"multiple", boolean, false, null, "If it is allowed to select multiple or single"> & DefineProp<"propertyValueMapping", JourneySelectPropertyMapping, false, null, "Property value mappings"> & DefineProp<"returnSelectionAsObject", boolean, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value"> & DefineProp<"label", string, null, null, "The label of the component"> & DefineProp<"labelAdd", string, null, null, "The add label of the component"> & DefineProp<"disableSearch", boolean, false, null, "Disables the automatic search"> & DefineProp<"disableSave", boolean, false, null, "If it is allowed save"> & DefineProp<"sortable", boolean, false, null, "If it is allowed to sort"> & DefineProp<"readonly", boolean, false, null, "Disable add and delete"> & DefineProp<"list", boolean, false, null, "Always render the items as a list"> & DefineProp<"confirmDelete", boolean, false, null, "If you confirm before delete from the items"> & DefineProp<"noAddConfirm", boolean, false, null, "If items are added without a save button"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: any, index: number) => VNodeChild> & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: TItem) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => true> & DefineEmit<"click:add", (item: Array<TItem> | TItem) => true> & DefineEmit<"click:update", (item: TItem, index: number) => true> & DefineEmit<"click:delete", (item: TItem, index: number) => true>;
+type BaseProps<TItem> = DefinePropTheming & DefineVModel<"", Array<any> | any> & DefineProp<"getApi", (store: ReturnType<typeof useJourneySelectStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"items", Array<TItem>, false, null, "Items to select from"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"multiple", boolean, false, null, "If it is allowed to select multiple or single"> & DefineProp<"propertyValueMapping", JourneySelectPropertyMapping, false, null, "Property value mappings"> & DefineProp<"returnSelectionAsObject", boolean, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value"> & DefineProp<"label", string, null, null, "The label of the component"> & DefineProp<"labelAdd", string, null, null, "The add label of the component"> & DefineProp<"disableSearch", boolean, false, null, "Disables the automatic search"> & DefineProp<"disableSave", boolean, false, null, "If it is allowed save"> & DefineProp<"sortable", boolean, false, null, "If it is allowed to sort"> & DefineProp<"readonly", boolean, false, null, "Disable add and delete"> & DefineProp<"list", boolean, false, null, "Always render the items as a list"> & DefineProp<"confirmDelete", boolean, false, null, "If you confirm before delete from the items"> & DefineProp<"noAddConfirm", boolean, false, null, "If items are added without a save button"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: any, index: number) => VNodeChild> & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: TItem, index: number) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => true> & DefineEmit<"click:add", (item: Array<TItem> | TItem) => true> & DefineEmit<"click:update", (item: TItem, index: number) => true> & DefineEmit<"click:delete", (item: TItem, index: number) => true>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<any>> & {
     "onUpdate:modelValue"?: (value: any) => any;
+    "onClick:delete"?: (item: any, index: number) => any;
     "onClick:clear"?: () => any;
     onSearch?: (searchText: string) => any;
     "onClick:add"?: (item: any) => any;
-    "onClick:delete"?: (item: any, index: number) => any;
     onShowAdd?: () => any;
-    onShowEdit?: (item: any) => any;
+    onShowEdit?: (item: any, index: number) => any;
     "onClick:update"?: (item: any, index: number) => any;
 } & {
     "v-slots"?: {
@@ -19,5 +19,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<an
     } & Omit<{
         default?: import("vue").Slot;
     }, "selectionItemRender" | "selectionRender" | "selectedItemRenderer" | "settingsRender">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "getApi" | "emit:click:add" | "emit:search" | "emit:click:clear" | "emit:click:delete" | "sortable" | "disableSave" | "propertyValueMapping" | "returnSelectionAsObject" | "labelAdd" | "disableSearch" | "confirmDelete" | "noAddConfirm" | "bladeless" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "emit:click:delete" | "getApi" | "emit:click:add" | "emit:search" | "emit:click:clear" | "sortable" | "disableSave" | "propertyValueMapping" | "returnSelectionAsObject" | "labelAdd" | "disableSearch" | "confirmDelete" | "noAddConfirm" | "bladeless" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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/oxide/actionmenu/ActionMenu.d.ts

@@ -0,0 +1,30 @@
+import { IIcon, Spacing, SpacingValue } from "@omnia/fx-models";
+import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
+import { VNodeChild } from "vue";
+export interface ActionDefinition {
+    title: string;
+    description?: string;
+    separator?: boolean;
+    id?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    icon: IIcon;
+    onClick?: () => void;
+}
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    items?: ActionDefinition[];
+} & {
+    padding?: SpacingValue | Spacing;
+} & {
+    gapX?: SpacingValue;
+} & DefineEmit<"click:item", (item: ActionDefinition, index: number) => void, "Emits when an item is clicked"> & DefineSlot<"item", (item: ActionDefinition, index: number) => VNodeChild> & DefineSlot<"menuItem", (item: ActionDefinition, index: number) => VNodeChild>> & {
+    "onClick:item"?: (item: ActionDefinition, index: number) => any;
+} & {
+    "v-slots"?: {
+        item?: (item: ActionDefinition, index: number) => VNodeChild;
+        menuItem?: (item: ActionDefinition, index: number) => VNodeChild;
+    } & Omit<{
+        default?: import("vue").Slot;
+    }, "item" | "menuItem">;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "items" | "slot:item" | "gapX" | "emit:click:item" | "slot:menuItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/actionmenu/ActionMenu.stylex.d.ts

@@ -0,0 +1,4 @@
+export declare const ActionMenuStylex: {
+    wrapper: import("../..").StylexValue;
+    overflowHidden: import("../..").StylexValue;
+};

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,10 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    columnName?: string;
+} & {
+    colspan?: number;
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "columnName" | "colspan"> & 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/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;