@omnia/fx 8.0.253-dev → 8.0.255-dev

package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts

@@ -14,14 +14,14 @@ export interface NewHostSettings {
 export declare const useCompontentHostStore: () => {
     state: {
         host: "admin" | "editor" | "docs";
-        componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
+        componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx";
         componentVariant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
         appliedComponents: string[];
         force: boolean;
     };
     events: {
         onMutatedHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"admin" | "editor" | "docs">;
-        onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+        onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
         onMutatedComponentVariant: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
         onMutatedAppliedComponents: import("internal/fx/core").MessageBusExposeOnlySubscription<string[]>;
         onMutatedForce: import("internal/fx/core").MessageBusExposeOnlySubscription<boolean>;
@@ -35,7 +35,7 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
                 subscribe(fn: (variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -55,7 +55,7 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (result: void, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (result: void, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
                 subscribe(fn: (result: void, variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -75,7 +75,7 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (failureReason: any, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
                 subscribe(fn: (failureReason: any, variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -98,7 +98,7 @@ export declare const useCompontentHostStore: () => {
     get: {
         canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
         readonly host: "admin" | "editor" | "docs";
-        readonly componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
+        readonly componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx";
         readonly componentVariant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
         readonly force: boolean;
         appliedComponents(host: string): boolean;

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

@@ -1,5 +1,5 @@
 import { Prop, PropType, VNodeChild } from "vue";
-import { ColorSchemaType, ColorSchemaTypes, guid } from "@omnia/fx-models";
+import { ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
 import { ColorSchemaStoreType } from "./aurora";
 export type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
 export type VModelKeyNameInJsxElement<N extends string> = N extends "" ? "v-model" : `v-model:${N}`;
@@ -30,7 +30,7 @@ export type DefineVModel<TName extends string, TType, Required extends boolean =
 } & {
     [key in VModelKeyNameInProps<TName>]: TType;
 };
-export type ItemValueType<T> = string | ((item: T) => string | guid | number | Object);
+export type ItemValueType<T, TReturn = any> = keyof T | ((item: T) => TReturn);
 export type ItemType<T> = T extends readonly (infer U)[] ? U : never;
 export type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
 export type DefinePropTheming = DefineProp<"colorSchemaType", ColorSchemaTypes | ColorSchemaType> & DefineProp<"container", boolean> & DefineProp<"colors", ColorSchemaStoreType>;

package/internal-do-not-import-from-here/ux/appprovisioning/appinstanceeditingjourney/EditProperiesBlade.d.ts

@@ -106,8 +106,8 @@ declare const _default: {
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         content?: JSX.Element;
-        onSave?: (appInstance: AppInstance) => Promise<void>;
         next?: (appInstance: AppInstance) => Promise<void>;
+        onSave?: (appInstance: AppInstance) => Promise<void>;
         appInstance?: AppInstance;
         lastStep?: boolean;
     }>, "onDoc$" | "onCanceled" | "onCompleted"> & {

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

@@ -97,8 +97,8 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onClick:select"?: (schema: ColorSchema) => any;
         "onClick:close"?: () => any;
+        "onClick:select"?: (schema: ColorSchema) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "click:close": () => true;
         "click:select": (schema: ColorSchema) => true;
@@ -198,8 +198,8 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onClick:select"?: (schema: ColorSchema) => any;
         "onClick:close"?: () => any;
+        "onClick:select"?: (schema: ColorSchema) => any;
     }, {
         container: boolean;
     }, true, {}, {}, {
@@ -305,8 +305,8 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onClick:select"?: (schema: ColorSchema) => any;
         "onClick:close"?: () => any;
+        "onClick:select"?: (schema: ColorSchema) => any;
     }, () => JSX.Element, {}, {}, {}, {
         container: boolean;
     }>;
@@ -409,8 +409,8 @@ declare const _default: {
         required: boolean;
     };
 }>> & {
-    "onClick:select"?: (schema: ColorSchema) => any;
     "onClick:close"?: () => any;
+    "onClick:select"?: (schema: ColorSchema) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click:close": () => true;
     "click:select": (schema: ColorSchema) => true;
@@ -490,9 +490,9 @@ declare const _default: {
         variant?: Variant;
         selected?: boolean;
         closeIcon?: boolean;
-    }>, "onClick:select" | "onClick:close"> & {
-        "onClick:select"?: (schema: ColorSchema) => any;
+    }>, "onClick:close" | "onClick:select"> & {
         "onClick:close"?: () => any;
+        "onClick:select"?: (schema: ColorSchema) => any;
     };
 };
 export default _default;

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

@@ -72,7 +72,7 @@ export declare class Docs {
     static categories: Array<DocumentationCategory>;
     static addArea(area: DocumentationArea): void;
     static addCategory(category: DocumentationCategory): void;
-    static specBuilder(name: string): DocumentationSpec;
+    static specBuilder(name: string, alias?: string): DocumentationSpec;
     static velcronSpecBuilder(name: string): VelcronComponentSpec;
     static registerComponent(spec: DocumentationSpec, area: DocumentationArea, category: DocumentationCategory): void;
 }
@@ -93,6 +93,7 @@ export interface VelcronExampleDefinitionSpec {
 }
 export declare class DocumentationSpec {
     private name;
+    private alias?;
     private typeValueMapping;
     private exampleComponents;
     markdownSections: Array<MarkdownSection>;
@@ -103,12 +104,13 @@ export declare class DocumentationSpec {
     events: EventSpec[];
     slots: SlotSpec[];
     id: string;
-    constructor(name: string);
+    constructor(name: string, alias?: string);
     addTypeValueMapping(name: string, value: string | string[] | any): DocumentationSpec;
     addTheming(): DocumentationSpec;
     addToned(): DocumentationSpec;
     addCssClass(): DocumentationSpec;
     getName(): string;
+    getAlias(): string;
     getId(): string;
     addApiProperty(propertySpec: PropertySpec): DocumentationSpec;
     addApiProperty(name: string, description: string, type: string, defaultValue?: string): DocumentationSpec;

package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts

@@ -254,8 +254,8 @@ declare const _default: {
         };
         variant?: "default" | "chrome" | "app";
         subTitle?: string;
-        closable?: boolean;
         navigationExpanded?: boolean;
+        closable?: boolean;
     }>, "onClick:close" | "onClick:navigation"> & {
         "onClick:close"?: () => any;
         "onClick:navigation"?: () => any;

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

@@ -48,13 +48,13 @@ declare const _default: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         };
         overrides: {
             type: import("vue").PropType<object>;
         };
         variant: {
-            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial">;
+            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
         };
         target: {
             type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
@@ -131,13 +131,13 @@ declare const _default: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         };
         overrides: {
             type: import("vue").PropType<object>;
         };
         variant: {
-            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial">;
+            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
         };
         target: {
             type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
@@ -223,13 +223,13 @@ declare const _default: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
+            type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
         };
         overrides: {
             type: import("vue").PropType<object>;
         };
         variant: {
-            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial">;
+            type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
         };
         target: {
             type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
@@ -312,13 +312,13 @@ declare const _default: {
         type: import("vue").PropType<ButtonTooltipOptions>;
     };
     preset: {
-        type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
+        type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
     };
     overrides: {
         type: import("vue").PropType<object>;
     };
     variant: {
-        type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial">;
+        type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
     };
     target: {
         type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
@@ -368,13 +368,13 @@ declare const _default: {
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        variant?: "toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial";
+        variant?: "toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim";
+        grouped?: boolean;
         loading?: boolean;
-        stacked?: boolean;
         overrides?: object;
-        preset?: "select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request";
-        grouped?: boolean;
+        preset?: "select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request";
         transparentHover?: boolean;
+        stacked?: boolean;
         disableBlueprint?: boolean;
     }>, never>;
 };

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

@@ -12,7 +12,7 @@ export type DataTableOptions = {
     itemsPerPage: number;
     sortBy: SortItem[];
 };
-export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "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<"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 defaultItems, true, "An array of strings or objects used for automatically generating children components."> & 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<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "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<"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<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
     item: T;
 }) => void>;
 type DefaultProps = {};
@@ -20,14 +20,16 @@ type VariantType<TVariant> = DefineProp<"variant", TVariant, false, null, "Appli
 type ItemsPerPageProp = DefineProp<"itemsPerPage", number, true, -1, "Changes how many items per page should be visible. If set a paging footer is displayed.">;
 type ShowLoadMoreProp = DefineProp<"showLoadMore", boolean, false, false, "Shows the button to fetch more data.">;
 type PageProp = DefineProp<"page", number, false, 1, "The current page.">;
-type ClientPaginationPageProps = ItemsPerPageProp & PageProp;
-type ClientPaginationScrollProps = ShowLoadMoreProp;
+type SearchByProp<TItem> = DefineProp<"searchBy", ItemValueType<TItem> | ItemValueType<TItem>[] | ((keyword: string, item: TItem) => boolean), false, null, "Property on supplied items that contains its value to search.">;
+type ItemHeightProp = DefineProp<"itemHeight", string | number, false, null, "Height in pixels of each item to display.">;
+type ClientPaginationPageProps<TItem> = ItemsPerPageProp & PageProp & SearchByProp<TItem>;
+type ClientPaginationScrollProps<TItem> = ItemHeightProp & SearchByProp<TItem>;
 type ServerPaginationPageProps = ItemsPerPageProp & PageProp & DefineProp<"itemsLength", number, true, null, "Number of all items.">;
-type ServerPaginationScrollProps = ShowLoadMoreProp;
+type ServerPaginationScrollProps = ShowLoadMoreProp & DefineEmit<"scroll:bottom", () => void>;
 type CellElement = (props: ConstructComponentProps<Pick<TdHTMLAttributes, "colspan" | "rowspan" | "headers">>) => any;
 type RowElement = (props: ConstructComponentProps<PublicDataTableRowProps>) => any;
 declare const defaultHeaders: DataTableHeader[];
-declare const defaultItems: any[];
-export type DataTableProps<T, TVariant> = VariantType<TVariant> & DataTablePropsBase<T> & DefineType<TVariant extends "client-pagination-scroll" ? ClientPaginationScrollProps : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? ServerPaginationScrollProps : DefaultProps>;
-declare const _default: <T extends unknown, TVariant extends "default" | "client-pagination-scroll" | "client-pagination-page" | "server-pagination-scroll" | "server-pagination-page" = "default">(props: ConstructComponentProps<DataTableProps<T, TVariant>>) => any;
+declare const emptyArray: any[];
+export type DataTableProps<TItem, TVariant> = VariantType<TVariant> & DataTablePropsBase<TItem> & DefineType<TVariant extends "client-pagination-scroll" ? ClientPaginationScrollProps<TItem> : TVariant extends "client-pagination-page" ? ClientPaginationPageProps<TItem> : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? ServerPaginationScrollProps : DefaultProps>;
+declare const _default: <TItem extends unknown, TVariant extends "default" | "client-pagination-scroll" | "client-pagination-page" | "server-pagination-scroll" | "server-pagination-page" = "default">(props: ConstructComponentProps<DataTableProps<TItem, TVariant>>) => any;
 export default _default;

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

@@ -27,7 +27,7 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel">;
+            type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
             required: false;
         };
         size: {
@@ -96,9 +96,9 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        "onClick:close"?: () => any;
         "onClick:cancel"?: () => any;
         "onClick:confirm"?: () => any;
-        "onClick:close"?: () => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => true;
         "click:close": () => true;
@@ -125,7 +125,7 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel">;
+            type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
             required: false;
         };
         size: {
@@ -194,9 +194,9 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        "onClick:close"?: () => any;
         "onClick:cancel"?: () => any;
         "onClick:confirm"?: () => any;
-        "onClick:close"?: () => any;
     }, {
         container: boolean;
     }, true, {}, {}, {
@@ -227,7 +227,7 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel">;
+            type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
             required: false;
         };
         size: {
@@ -296,9 +296,9 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        "onClick:close"?: () => any;
         "onClick:cancel"?: () => any;
         "onClick:confirm"?: () => any;
-        "onClick:close"?: () => any;
     }, () => JSX.Element, {}, {}, {}, {
         container: boolean;
     }>;
@@ -326,7 +326,7 @@ declare const _default: {
         required: false;
     };
     variant: {
-        type: import("vue").PropType<"default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel">;
+        type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
         required: false;
     };
     size: {
@@ -395,9 +395,9 @@ declare const _default: {
     };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
+    "onClick:close"?: () => any;
     "onClick:cancel"?: () => any;
     "onClick:confirm"?: () => any;
-    "onClick:close"?: () => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => true;
     "click:close": () => true;
@@ -429,21 +429,21 @@ declare const _default: {
             navigation?: SlotNavigationType;
             header?: Func<[VNodeChild]>;
         };
-        variant?: "default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel";
-        journey?: boolean;
+        variant?: "default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry";
         subTitle?: string;
         hiddenCloseButton?: boolean;
         backButton?: boolean;
         contentHeight?: "dynamic" | "static";
         customScrolling?: boolean;
         horizontalScroll?: boolean;
+        journey?: boolean;
         canClose?: (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>;
         buttonApi?: (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void;
-    }>, "onUpdate:modelValue" | "onClick:cancel" | "onClick:confirm" | "onClick:close"> & {
+    }>, "onUpdate:modelValue" | "onClick:close" | "onClick:cancel" | "onClick:confirm"> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        "onClick:close"?: () => any;
         "onClick:cancel"?: () => any;
         "onClick:confirm"?: () => any;
-        "onClick:close"?: () => any;
     };
 };
 export default _default;

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

@@ -7,7 +7,7 @@ declare const _default: {
             type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
         };
         componentHost: {
-            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
         };
         host: {
             type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -22,7 +22,7 @@ declare const _default: {
             type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
         };
         componentHost: {
-            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
         };
         host: {
             type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -42,7 +42,7 @@ declare const _default: {
             type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
         };
         componentHost: {
-            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+            type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
         };
         host: {
             type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -61,7 +61,7 @@ declare const _default: {
         type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
     };
     componentHost: {
-        type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+        type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
     };
     host: {
         type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -72,8 +72,8 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         host?: "admin" | "editor" | "docs";
         variant?: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
+        componentHost?: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx";
         force?: boolean;
-        componentHost?: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts

@@ -6,6 +6,6 @@ export interface IListItem<T> {
     index: number;
     Item: typeof o.list.item;
 }
-export type OListProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o-list-item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o-list-item width and rounds the corners. Typically used with o-navigation-drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
+export type OListProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o.list.item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o.list.item width and rounds the corners. Typically used with o.navigation.drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
 declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<OListProps<T>>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/menu/Menu.d.ts

@@ -343,8 +343,8 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         };
-        location?: "left" | "right" | "top" | "start" | "center" | "end" | "bottom" | "center center" | "top start" | "top center" | "top end" | "bottom start" | "bottom end" | "start top" | "start bottom" | "end top" | "end bottom";
         activator?: string;
+        location?: "left" | "right" | "top" | "start" | "center" | "end" | "bottom" | "center center" | "top start" | "top center" | "top end" | "bottom start" | "bottom end" | "start top" | "start bottom" | "end top" | "end bottom";
         attach?: string | boolean | Element;
         closeDelay?: string | number;
         openOnHover?: boolean;

package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts

@@ -203,8 +203,8 @@ declare const _default: {
         "onUpdate:modelValue"?: (value: boolean) => any;
         modelValue?: boolean;
         variant?: "default" | "dialog" | "editor" | "app";
-        location?: "left" | "right" | "top" | "start" | "end" | "bottom";
         overrides?: object;
+        location?: "left" | "right" | "top" | "start" | "end" | "bottom";
         customWidth?: number;
     }>, never>;
 };

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

@@ -27,7 +27,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical">;
+            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
         };
         titleSize: {
             type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -77,7 +77,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical">;
+            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
         };
         titleSize: {
             type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -136,7 +136,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical">;
+            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
         };
         titleSize: {
             type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -192,7 +192,7 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical">;
+        type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
     };
     titleSize: {
         type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -229,10 +229,10 @@ declare const _default: {
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        variant?: "toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical";
+        variant?: "toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section";
+        titleSize?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
         divider?: OBorderCombination;
         grouped?: boolean;
-        titleSize?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
         spacelessTop?: boolean;
         spacelessBottom?: boolean;
     }>, never>; /**Default top panel in blade is settings */

package/internal-do-not-import-from-here/ux/oxide/rating/docs/ExampleComponents.d.ts

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

package/internal-do-not-import-from-here/ux/oxide/rating/docs/SampleComponent.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => any;
+export default _default;

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

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

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.d.ts

@@ -198,8 +198,8 @@ declare const _default: {
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         getApi?: (store: ReturnType<typeof useScrollContainerStore>) => void;
         disableScrolling?: boolean;
-        scrolling?: OScrollTypesCombination;
         compensatScrollbar?: boolean;
+        scrolling?: OScrollTypesCombination;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts

@@ -1,6 +1,6 @@
-import { DefineEmit, DefineSlot, ItemType, ItemValueType, SelectItemKey, ValidationRule } from "@omnia/fx/ux";
+import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineType, DefineVModel, ItemType, SelectItemKey, ValidationRule } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-import { IIcon, OSelectRenderingItem } from "@omnia/fx-models";
+import { IIcon, OSelectRenderingItem, OSelectTypes } from "@omnia/fx-models";
 import { VSelectSlots } from "../../ComponentTypings";
 export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" | "chip" | "append-item"> {
     chip?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
@@ -9,61 +9,10 @@ export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" |
     "append-item"?: () => VNodeChild;
     "menu-icon"?: () => VNodeChild;
 }
-declare const _default: <TItem extends readonly any[], TModel extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<{
-    colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-} & {
-    container?: boolean;
-} & {
-    colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-} & {
-    class?: String | String[];
-} & {
-    "v-model"?: TModel;
-} & {
-    "onUpdate:modelValue"?: (value: TModel) => void;
-} & {
-    modelValue?: TModel;
-} & {
-    rules?: ValidationRule[];
-} & {
-    label?: string;
-} & {
-    hint?: string;
-} & {
-    items?: TItem;
-} & {
-    itemTitle?: SelectItemKey<ItemType<TItem>>;
-} & {
-    itemValue?: ItemValueType<ItemType<TItem>>;
-} & {
-    variant?: "default" | "add" | "picker" | "combobox";
-} & {
-    returnObject?: boolean;
-} & {
-    clearable?: boolean;
-} & {
-    searchable?: boolean;
-} & {
-    toned?: boolean;
-} & {
-    readonly?: boolean;
-} & {
-    multiple?: boolean;
-} & {
-    hideNoData?: boolean;
-} & {
-    menuIcon?: IIcon;
-} & {
-    loading?: boolean;
-} & {
-    disabled?: boolean;
-} & {
-    persistentHint?: boolean;
-} & {
-    hideSelected?: boolean;
-} & DefineEmit<"update:modelValue", (value: TModel) => void, "Emit a click event."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & {
-    errorMessages?: string | readonly string[];
-} & {
-    error?: boolean;
-} & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"append-item", () => VNodeChild>>) => any;
+declare const defaultRules: ValidationRule[];
+type SlotsWithReturnObject<TItem> = DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild>;
+type SlotsWithoutReturnObject = DefineSlot<"chip", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild>;
+type BaseProps<TItem, TModel, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", TModel, false, null, false, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", SelectItemKey<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", SelectItemKey<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"toned", boolean> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"update:modelValue", (value: TModel) => void, "Emit a click event."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild>;
+export type OSelectProps<TItem, TModel, TReturnObject extends boolean> = BaseProps<TItem, TModel, TReturnObject> & DefineType<TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject>;
+declare const _default: <TItem extends readonly any[], TModel extends unknown, TReturnObject extends boolean>(props: import("@omnia/fx/ux").ConstructComponentProps<OSelectProps<TItem, TModel, TReturnObject>>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts

@@ -324,10 +324,10 @@ declare const _default: {
         variant?: "toolbar" | "navigation" | "default" | "header" | "settings";
         stacked?: boolean;
         disableBlueprint?: boolean;
+        scrolling?: string;
         hideTabNameIfOnlyOneTab?: boolean;
         noScrolling?: boolean;
         alignTabs?: "start" | "center" | "end";
-        scrolling?: string;
     }>, "onUpdate:modelValue" | "onDoc$"> & {
         "onUpdate:modelValue"?: (model: number) => any;
         onDoc$?: (description?: string) => any;

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts

@@ -49,8 +49,8 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onClick:back"?: () => any;
         "onClick:close"?: () => any;
+        "onClick:back"?: () => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "click:close": () => true;
         "click:back": () => true;
@@ -102,8 +102,8 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onClick:back"?: () => any;
         "onClick:close"?: () => any;
+        "onClick:back"?: () => any;
     }, {
         container: boolean;
     }, true, {}, {}, {
@@ -161,8 +161,8 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onClick:back"?: () => any;
         "onClick:close"?: () => any;
+        "onClick:back"?: () => any;
     }, () => JSX.Element, {}, {}, {}, {
         container: boolean;
     }>;
@@ -217,8 +217,8 @@ declare const _default: {
         required: boolean;
     };
 }>> & {
-    "onClick:back"?: () => any;
     "onClick:close"?: () => any;
+    "onClick:back"?: () => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click:close": () => true;
     "click:back": () => true;
@@ -241,12 +241,12 @@ declare const _default: {
         };
         variant?: "default" | "menu" | "drawer" | "blade";
         subTitle?: string;
+        backButton?: boolean;
         divider?: boolean;
         closeButton?: boolean;
-        backButton?: boolean;
-    }>, "onClick:back" | "onClick:close"> & {
-        "onClick:back"?: () => any;
+    }>, "onClick:close" | "onClick:back"> & {
         "onClick:close"?: () => any;
+        "onClick:back"?: () => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -247,7 +247,6 @@ import wc28370f0312764e82b4c29237f943710a from './ux/oxide/colorpicker/ColorPick
 import wc58850535f48040bc98b40064f89d19d0 from './ux/oxide/column/ColumnGrid';
 import wcd116618a12d0439f8da809535809c260 from './ux/oxide/column/Column';
 import wc27c00720f7fb46bbb39286a2cb94797c from './ux/oxide/datatable/DataTable';
-import wc810f65f430374ef2a142907a707f650f from './ux/oxide/datatable/DataTableServer';
 import wcb10a0917fdc744c890d9b472ee3b3c99 from './ux/oxide/datepicker/DatePicker';
 import wcdc1c89b3d0c24b7aa1050f19a0f962b3 from './ux/oxide/dialog/Dialog';
 import wcc0415286cfac41349dd264dc1621c463 from './ux/oxide/divider/Divider';
@@ -4587,16 +4586,7 @@ declare global {
             };
         } : typeof wcd116618a12d0439f8da809535809c260;
         "data": {
-            "table": {
-                "server": typeof wc810f65f430374ef2a142907a707f650f extends {
-                    propsDefinition: infer TProp;
-                } ? {
-                    new (...args: any[]): {
-                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
-                    };
-                } : typeof wc810f65f430374ef2a142907a707f650f;
-            };
-            "table$": typeof wc27c00720f7fb46bbb39286a2cb94797c extends {
+            "table": typeof wc27c00720f7fb46bbb39286a2cb94797c extends {
                 propsDefinition: infer TProp;
             } ? {
                 new (...args: any[]): {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.253-dev",
+  "version": "8.0.255-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.253-dev",
+    "@omnia/fx-models": "8.0.255-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",