@omnia/fx 8.0.394-dev → 8.0.396-dev

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" | "virtual-list";
+type ColorPickerVariant = "default" | "journey" | "inline";
 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

@@ -1,10 +1,12 @@
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     columnName?: string;
+} & {
+    mobileVariant?: "card" | "one-column";
 } & {
     colspan?: number;
 }> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "columnName" | "colspan"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "mobileVariant" | "columnName" | "colspan"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -5,7 +5,7 @@ export type DataTableOptions = {
     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<"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<"mobileColumn", number, false, 1, "Specific a column to render in mobile view."> & 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" | "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" | "mobileColumn" | "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

@@ -10,6 +10,10 @@ 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;
+} & {
+    mobileVariant?: "card" | "one-column";
+} & {
+    mobileColumn?: number;
 } & {
     visibleActionColumn?: boolean;
 } & {
@@ -26,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "visibleActionColumn" | "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" | "mobileVariant" | "mobileColumn" | "visibleActionColumn" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

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

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

@@ -7,7 +7,7 @@ type ListItemSlot = {
     isIndeterminate: boolean;
     select: (value: boolean) => void;
 };
-export type OListItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"divider", boolean, false, false, "Adds a divider after the item"> & DefineProp<"expandableHeight", boolean, false, false, "Makes the height expand if needed. Default it is fixed"> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"selected", boolean, null, null, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
+export type OListItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"divider", boolean, false, false, "Adds a divider after the item"> & DefineProp<"expandableHeight", boolean, false, false, "Makes the height expand if needed. Default it is fixed"> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"selected", boolean, null, null, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"isDragMode", boolean, false, false, ""> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
     title: string | number | VNodeChild;
 }) => VNodeChild, "Slot for the component’s title content."> & DefineSlot<"subtitle", (value: {
     subtitle: string | number;
@@ -31,5 +31,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<OListItemPro
     } & Omit<{
         default?: import("vue").Slot;
     }, "title" | "default" | "append" | "prepend" | "subtitle">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "divider" | "slot:title" | "slot:append" | "slot:prepend" | "subtitle" | "expandableHeight" | "selected" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "divider" | "slot:append" | "slot:prepend" | "slot:title" | "subtitle" | "expandableHeight" | "selected" | "isDragMode" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -16,5 +16,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps>
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions" | "activator" | "selectedItemRenderer">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "maxHeight" | "actions" | "variant" | "class" | "label" | "disabled" | "modelValue" | "slot:actions" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "getApi" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "maxHeight" | "actions" | "variant" | "class" | "label" | "disabled" | "modelValue" | "slot:actions" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "searchable" | "emit:search" | "getApi" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { IIcon, InputBlueprint, OSelectRenderingItem, OSelectTypes } from "@omnia/fx-models";
+import { IIcon, InputBlueprint, OMultiSelectionStyles, OSelectRenderingItem, OSelectTypes } from "@omnia/fx-models";
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineType, DefineVModel, ExtractProps, ItemType, ItemValueType, ValidationRule } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 import { VSelectSlots } from "../../ComponentTypings";
@@ -13,11 +13,11 @@ export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" |
 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, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "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", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<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<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"toned", boolean> & DefineProp<"chips", boolean, false, false, "Puts input in readonly state."> & 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<"hideDetails", boolean, false, false, "Hides hint and validation errors. When set to auto messages will be rendered only if there’s a message (hint, error message, counter value etc) to display."> & 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<"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> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
+type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "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", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<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<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"toned", boolean> & DefineProp<"chips", boolean, false, false, "Puts input in readonly state."> & 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<"hideDetails", boolean, false, false, "Hides hint and validation errors. When set to auto messages will be rendered only if there’s a message (hint, error message, counter value etc) to display."> & 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."> & DefineProp<"multiSelectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & 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> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
 export type OSelectProps<TItem, TReturnObject extends boolean> = BaseProps<TItem, TReturnObject> & DefineType<TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject>;
 declare const _default: <TItem extends readonly any[], TReturnObject extends boolean>(props: ExtractProps<OSelectProps<TItem, TReturnObject>> & ((OSelectProps<TItem, TReturnObject> extends infer T ? { [K in keyof T as K extends `emit:${infer N}` ? N : never]: OSelectProps<TItem, TReturnObject>[K]; } : never) extends infer T_1 ? T_1 extends (OSelectProps<TItem, TReturnObject> extends infer T_2 ? { [K in keyof T_2 as K extends `emit:${infer N}` ? N : never]: OSelectProps<TItem, TReturnObject>[K]; } : never) ? T_1 extends string[] ? { [K_1 in `on${Capitalize<T_1[number]>}`]?: (...args: any[]) => any; } : T_1 extends import("vue").ObjectEmitsOptions ? { [K_2 in `on${Capitalize<string & keyof T_1>}`]?: K_2 extends `on${infer C}` ? T_1[Uncapitalize<C>] extends null ? (...args: any[]) => any : (...args: T_1[Uncapitalize<C>] extends (...args: infer P) => any ? P : never) => any : never; } : {} : never : never) & {
     "v-slots"?: (OSelectProps<TItem, TReturnObject> extends infer T_3 ? { [K_3 in keyof T_3 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: OSelectProps<TItem, TReturnObject>[K_3]; } : never) & Omit<{
         default?: import("vue").Slot;
     }, keyof (OSelectProps<TItem, TReturnObject> extends infer T_4 ? { [K_3 in keyof T_4 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: OSelectProps<TItem, TReturnObject>[K_3]; } : never)>;
-} & (OSelectProps<TItem, TReturnObject> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<OSelectProps<TItem, TReturnObject>[K_4], OSelectProps<TItem, TReturnObject>[K_4]> | ((ref: OSelectProps<TItem, TReturnObject>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "maxHeight" | "variant" | "error" | "class" | "label" | "multiple" | "disabled" | "colorSchemaType" | "modelValue" | "items" | "itemHeight" | "loading" | "readonly" | "errorMessages" | "rules" | "hideDetails" | "hint" | "persistentHint" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "itemValue" | "searchable" | "slot:append-inner" | "slot:prepend-inner" | "emit:update:focused" | "emit:click:button" | "clearable" | "hideSelected" | "itemTitle" | "returnObject" | "chips" | "hideNoData" | "menuIcon" | "emit:update:search" | "slot:append-item" | keyof (TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject)> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & (OSelectProps<TItem, TReturnObject> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<OSelectProps<TItem, TReturnObject>[K_4], OSelectProps<TItem, TReturnObject>[K_4]> | ((ref: OSelectProps<TItem, TReturnObject>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "maxHeight" | "variant" | "error" | "class" | "label" | "multiple" | "disabled" | "colorSchemaType" | "modelValue" | "items" | "itemHeight" | "loading" | "readonly" | "errorMessages" | "rules" | "hideDetails" | "hint" | "persistentHint" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "itemValue" | "searchable" | "slot:append-inner" | "slot:prepend-inner" | "emit:update:focused" | "emit:click:button" | "clearable" | "hideSelected" | "itemTitle" | "returnObject" | "chips" | "hideNoData" | "menuIcon" | "multiSelectionStyle" | "emit:update:search" | "slot:append-item" | keyof (TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject)> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,6 +1,9 @@
 import { OSelectTypes, TextBlueprint } from "@omnia/fx-models";
 import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const SelectStyles: {
+    selectorWrapper: () => import("@omnia/fx/ux").StylexValue;
+    containerOverflow: import("@omnia/fx/ux").StylexValue;
+    overlay: (dark: boolean, noHover?: boolean) => string;
     textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
     componentWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
     componentVariantWrapper: (colors: ReturnType<typeof useColorSchemaStore>, variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;

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

@@ -0,0 +1,35 @@
+import { OMultiSelectionStyles, OSelectRenderingItem } from "@omnia/fx-models";
+import { VNodeChild } from "vue";
+export declare const useMultiSelectStore: () => {
+    rules: {
+        renderItemsAsChips: () => boolean;
+    };
+    state: {
+        selection: any;
+        items: any[];
+        itemTitle: string;
+        itemValue: string;
+        selectStyle: "default" | "list" | "chips";
+    };
+    readonly slots: {
+        selection: (item: OSelectRenderingItem<any>, index: Number) => VNodeChild;
+    };
+    events: import("@omnia/fx/stores").StoreEvents<{
+        selection: any;
+        items: any[];
+        itemTitle: string;
+        itemValue: string;
+        selectStyle: "default" | "list" | "chips";
+    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        removeItem(index: number): void;
+        updateModel(model: Array<any>): void;
+        init(items: Array<any>, model: Array<any>, itemTitle: any, itemValue: any, selectStyle: OMultiSelectionStyles, renderingSlots: any): void;
+    }>;
+    get: {
+        itemById(id: string | object): any;
+        selectionAsObjects(): any;
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/oxide/selection/Selection.d.ts

@@ -0,0 +1,16 @@
+import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
+import { VNodeChild } from "vue";
+import { OMultiSelectionStyles } from "@omnia/fx-models";
+type SelectionVariants = "remove" | "settings";
+type BaseProps = DefinePropTheming & DefineProp<"items", any[], 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<"variant", SelectionVariants, false, null, "The component variants"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"sorting", boolean, false, null, "Sets the component to sorting mode"> & DefineProp<"itemTitle", string, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemSubtitle", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemIcon", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"enableAdd", boolean, false, null, "If add button is shown"> & DefineProp<"selectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineSlot<"item", (item: any, index: Number) => VNodeChild> & DefineEmit<"selectItem", (index: any) => true> & DefineEmit<"addItem", () => true>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps> & {
+    onSelectItem?: (index: any) => any;
+    onAddItem?: () => any;
+} & {
+    "v-slots"?: {
+        item?: (item: any, index: Number) => VNodeChild;
+    } & Omit<{
+        default?: import("vue").Slot;
+    }, "item">;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "colorSchemaType" | "items" | "colors" | "toned" | "slot:item" | "itemTitle" | "itemIcon" | "emit:selectItem" | "sorting" | "itemSubtitle" | "enableAdd" | "selectionStyle" | "emit:addItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/selection/Selection.stylex.d.ts

@@ -0,0 +1,6 @@
+import { useColorSchemaStore } from "../../aurora";
+export declare const SelectionStyles: {
+    selectorWrapper: (colors: ReturnType<typeof useColorSchemaStore>) => import("../..").StylexValue;
+    containerOverflow: import("../..").StylexValue;
+    overlay: (dark: boolean, noHover?: boolean) => string;
+};

package/internal-do-not-import-from-here/ux/oxide/selection/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/selection/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/selection/store/SelectionStore.d.ts

@@ -0,0 +1,35 @@
+import { OSelectRenderingItem } from "@omnia/fx-models";
+import { VNodeChild } from "vue";
+export declare const useSelectionStore: () => {
+    rules: {};
+    state: {
+        items: any[];
+        propertyMappings: {
+            title: string;
+            subtitle: string;
+            icon: string;
+        };
+    };
+    readonly slots: {
+        selection: (item: OSelectRenderingItem<any>, index: Number) => VNodeChild;
+    };
+    events: import("@omnia/fx/stores").StoreEvents<{
+        items: any[];
+        propertyMappings: {
+            title: string;
+            subtitle: string;
+            icon: string;
+        };
+    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        updateItems(items: Array<any>): void;
+        init(items: Array<any>, itemTitle: string, itemSubtitle: string, itemIcon: string, renderingSlots: any): void;
+    }>;
+    get: {
+        itemTitle(item: any): any;
+        itemSubTitle(item: any): any;
+        itemIcon(item: any): any;
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/oxide/treeview/OTreeViewV3.d.ts

@@ -65,5 +65,5 @@ declare const _default: <T extends Object>(props: import("@omnia/fx/ux").Extract
     } & Omit<{
         default?: import("vue").Slot;
     }, "title" | "prepend" | "appendInnerItem">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "multiple" | "expanded" | "colorSchemaType" | "modelValue" | "items" | "colors" | "v-model" | "emit:update:modelValue" | "itemValue" | "emit:update:expanded" | "v-model:expanded" | "slot:title" | "slot:prepend" | "itemTitle" | "itemChildren" | "expandOnSelection" | "batchChildrensDisplay" | "itemIcon" | "loadChildren" | "onMoveNode" | "checkNodeToMove" | "indentation" | "slot:appendInnerItem" | "emit:update:active" | "openAll"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "multiple" | "expanded" | "colorSchemaType" | "modelValue" | "items" | "colors" | "v-model" | "emit:update:modelValue" | "itemValue" | "emit:update:expanded" | "v-model:expanded" | "slot:prepend" | "slot:title" | "itemTitle" | "itemChildren" | "expandOnSelection" | "batchChildrensDisplay" | "itemIcon" | "loadChildren" | "onMoveNode" | "checkNodeToMove" | "indentation" | "slot:appendInnerItem" | "emit:update:active" | "openAll"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -320,6 +320,7 @@ import wc8a82f6b541cc49b2ade3e5b880fd3a58 from './ux/oxide/rangeslider/RangeSlid
 import wc4c41fd8799ae43468150fd47661e8100 from './ux/oxide/rating/Rating';
 import wc177587e103904861b5d4d491388a01b1 from './ux/oxide/scrollcontainer/ScrollContainer';
 import wc578e2a4d5cd247a4b1291911256253a7 from './ux/oxide/select/Select';
+import wcd5f8ac202ad14c6e83a2ce097babd6ff from './ux/oxide/selection/Selection';
 import wc2ade92721b3c426fac97c63026f77351 from './ux/oxide/skeletonloader/SkeletonLoader';
 import wc8b0bddecd5d74fcba7aac87913137ca3 from './ux/oxide/slidepanel/SlidePanel';
 import wcd5ff31018df44196a5c6ab219bab4c25 from './ux/oxide/slidepanel/Slide';
@@ -399,7 +400,8 @@ import wc3779d0b63f54436eb25942b0c2487a2c from './ux/aurora/components/colorsche
 import wc7abfeece956245f3ba63c231d3c31c26 from './ux/aurora/components/colorschemapicker/ColorSchemaEditor';
 import wc73b0b5416b9348849ecb9a1cd8358e70 from './ux/aurora/components/componentblueprints/ComponentBlueprintsViewer';
 import wcf0987a01b8d2487f8d6678d41fc26f7f from './ux/aurora/components/containerFillpicker/ContainerFillPicker';
-import wc5eca85f245ca4f3cbf5e81ba8741f3c6 from './ux/aurora/components/containerFillpicker/ContainerBlueprintsViewer';
+import wc5eca85f245ca4f3cbf5e81ba8741f3c6 from './ux/aurora/components/containerFillpicker/ContainerFillStyleEditor';
+import wcd7ac9d3575424277926a0b231dc4f2e3 from './ux/aurora/components/containerFillpicker/ContainerFillBlueprintsPicker';
 import wcbb2e0efa0634452f94d99d1f33ae5b64 from './ux/aurora/components/fillpicker/FillPicker';
 import wc349a445fe7a2403b8f98fceff168f87e from './ux/aurora/components/fillpicker/FillPreview';
 import wc44e2dd896269442f800da69000d4c2f1 from './ux/aurora/components/headerpicker/HeaderPicker';
@@ -411,14 +413,17 @@ import wccbdf3361c16f479faff72960c18404dc from './ux/aurora/components/iconstyle
 import wcd84a5b45429344d29a084ade31ad668d from './ux/aurora/components/input/InputStylePicker';
 import wc141334bec3914c018c0044b7593ffc93 from './ux/aurora/components/input/InputStyleEditor';
 import wc94cbc66f399948c28f25bf8962deefd1 from './ux/aurora/components/input/InputBlueprintsViewer';
+import wc3bcb44301ab24be2a11e6ccdfe29ee60 from './ux/aurora/components/placeholder/Placeholder';
 import wc564bced7081c496483e8df717f600ff3 from './ux/aurora/components/spacingpicker/SpacingPicker3';
 import wc0ed52c601528428e935d110b3018a0bc from './ux/aurora/components/spacingpicker/SpacingViewer';
 import wc3f61b080ed9d4a2bad922be8f5ae0794 from './ux/aurora/components/spacingpicker/SpacingEditor';
+import wc2157fcfafda94827a7f41a35bd78e1e1 from './ux/aurora/components/spacingpicker/SpacingBlueprintPicker';
 import wcb4ddcf67388c4aa494cad4fa07ff8937 from './ux/aurora/components/stylepicker/StylePicker';
 import wce35c6b2d296345329c39928b82b1ec77 from './ux/aurora/components/tabs/TabStylePicker';
 import wcb2429c572d6c41809c621c408bbba855 from './ux/aurora/components/tabs/TabStyleEditor';
 import wcfd6b575dc7c44149ac3129492fc83aa6 from './ux/aurora/components/tabs/TabBlueprintsViewer';
 import wc5ac01b439b7b494baf066921c2ae7f9a from './ux/aurora/components/textcolorpicker/TextColorPicker';
+import wc1f8e62af53af4535864eeff5b7e34248 from './ux/aurora/components/textcolorpicker/TextColorBlueprintsPicker';
 import wc5682a90ca29b443fa48b3b691b622e15 from './ux/aurora/components/textformatpicker/TextFormatPicker';
 import wc287d666180644ba5ab5def0471a75a89 from './ux/aurora/components/textstylepicker/TextStylePicker';
 import wc252ece0016594978b3ddfafdd59adda4 from './ux/aurora/components/themepicker/ThemePicker';
@@ -426,6 +431,7 @@ import wc73e1c232690249f78967e3e3f6d92bd7 from './ux/aurora/components/themeprev
 import wcc6eec07d48af435ab0c75195d9c7dcfc from './ux/aurora/components/themepreview/ComponentPreview';
 import wc99a73153b5c647da9d6de517f51e53f0 from './ux/aurora/components/typography/TypographyEditor';
 import wc2f742a14a560434abb899360a69c314b from './ux/aurora/components/typography/TypographyBlueprintsViewer';
+import wc49703cb13c254c5b8eb30bd1a3eaf431 from './ux/aurora/components/typography/TypographyBlueprintPicker';
 import wc6bcccc7dd1c74fe591a660641ac62cd7 from './ux/aurora/components/viewtemplatepicker/ViewTemplatePicker';
 import wc4fc2b52f62484d5caced1c31f7ead58b from './ux/enterpriseproperties/display/datafield/DataFieldDisplay';
 import wc8bb3a534205140f58cea8130e5b10715 from './ux/enterpriseproperties/display/datetimefield/DatetimeFieldDisplay';
@@ -537,11 +543,15 @@ import wc3a923c54b15d461597cd678c0d561496 from './ux/admin/system/submenu/system
 import wc9fbf91affc974ca698437e8ada43bb0c from './ux/admin/system/submenu/tenantcontact/TenantContactJourney';
 import wc0aa3df9194784591a5be530314b8ac7f from './ux/aurora/admin/blades/chrome/Chrome';
 import wcd90e0352809742c482bdda733dc8872a from './ux/aurora/admin/blades/colorschemas/ColorSchemasJourney';
+import wc56efc575579e4da3bb45d3a45d8c0888 from './ux/aurora/admin/blades/componentblueprints/BlueprintsJourney';
+import wcfebab40186954cadbb54852c509f31e6 from './ux/aurora/admin/blades/fills/FillsJourney';
 import wc8142fa90f0d34258bb080a15aa21ab74 from './ux/aurora/admin/blades/fontsmanager/FontManager';
+import wc891de93e73cc47b0a552d24fdf34c9cf from './ux/aurora/admin/blades/spacing/SpacingJourney';
 import wc682077b575c74b2086cbf438346e0ed3 from './ux/aurora/admin/blades/templates/TemplatesJourney';
 import wc5e7631b4411b498eafa68ebde2136cc5 from './ux/aurora/admin/blades/themedesigner/ThemeDesigner';
 import wc136c9c57149747f198180bdf38a6b297 from './ux/aurora/admin/blades/themedesigner/PreviewJourney';
 import wcbed95d1ec67f4a15986fc72adebdb78f from './ux/aurora/admin/blades/themes/ThemesJourney';
+import wcfc2401c7c3384790ae7ce17d05b0855f from './ux/aurora/admin/blades/typography/TypographyJourney';
 import wcf5cf0b4975644d688124880ae533869e from './ux/layoutcanvas/editor/settings/backgroundsettings/BackgroundSettings';
 import wc2e52c0d860ec498fa3abf6b76eacc45d from './ux/layoutcanvas/editor/settings/block/Header';
 import wc9666ee9da0af46ac8354f0577050cb60 from './ux/layoutcanvas/editor/settings/block/Spacing';
@@ -570,12 +580,9 @@ import wc5b6b6242356046c29e05c24fb2135bf0 from './ux/layoutcanvas/editor/setting
 import wc0f5cb3a8175d418c8527d1852cb28782 from './ux/richtexteditor/extensions/EnterpriseGlossaryLink/components/SuggestionComponent';
 import wc4cd5054dab4a44dfb4f0cd4be9d1ee50 from './ux/app/apps/admin/appsettings/admin/AppSettingsJourney';
 import wc1476702e8f24468d9185322be5931c54 from './ux/app/management/tabs/shared/addbutton/AddButton';
-import wc56efc575579e4da3bb45d3a45d8c0888 from './ux/aurora/admin/blades/blueprints/components/ComponentsJourney';
-import wc891de93e73cc47b0a552d24fdf34c9cf from './ux/aurora/admin/blades/blueprints/spacing/SpacingJourney';
-import wcfc2401c7c3384790ae7ce17d05b0855f from './ux/aurora/admin/blades/blueprints/typography/TypographyJourney';
+import wc3734b9786d374f388cc5b5181f5cd4f3 from './ux/aurora/admin/blades/typography/components/FontPicker';
 import wca1b28c17c13e4250a8ba59a01efece0e from './ux/admin/system/submenu/systemlogs/providers/AppInstance/AppInstanceLog';
 import wc606afcf1b9b04b5e8920b7675b4ecc4b from './ux/admin/system/submenu/systemlogs/providers/Feature/FeatureInstanceLog';
-import wc3734b9786d374f388cc5b5181f5cd4f3 from './ux/aurora/admin/blades/blueprints/typography/components/FontPicker';
 import wcb358eb4c58fb49119c7c2fca8b2fe186 from './ux/app/apps/admin/appsettings/admin/blades/editapp/EditBlade';
 import wcb0e4ded914dd47ed99226f884b927f9a from './ux/app/apps/admin/appsettings/admin/blades/switchingtemplate/journey/SwitchingTemplateSettings';
 import wc97a0cc3e2c064517ba3c9db6e5e04f8b from '../../../../client/public/header/Header';
@@ -765,32 +772,32 @@ declare global {
                     } : typeof wcd90e0352809742c482bdda733dc8872a;
                 };
             };
-            "fontmanager": {
-                "journey": typeof wc8142fa90f0d34258bb080a15aa21ab74 extends {
+            "blueprints": {
+                "journey": typeof wc56efc575579e4da3bb45d3a45d8c0888 extends {
                     propsDefinition: infer TProp;
                 } ? {
                     new (...args: any[]): {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
-                } : typeof wc8142fa90f0d34258bb080a15aa21ab74;
+                } : typeof wc56efc575579e4da3bb45d3a45d8c0888;
             };
-            "templates": {
-                "journey": typeof wc682077b575c74b2086cbf438346e0ed3 extends {
+            "fills": {
+                "journey": typeof wcfebab40186954cadbb54852c509f31e6 extends {
                     propsDefinition: infer TProp;
                 } ? {
                     new (...args: any[]): {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
-                } : typeof wc682077b575c74b2086cbf438346e0ed3;
+                } : typeof wcfebab40186954cadbb54852c509f31e6;
             };
-            "components": {
-                "journey": typeof wc56efc575579e4da3bb45d3a45d8c0888 extends {
+            "fontmanager": {
+                "journey": typeof wc8142fa90f0d34258bb080a15aa21ab74 extends {
                     propsDefinition: infer TProp;
                 } ? {
                     new (...args: any[]): {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
-                } : typeof wc56efc575579e4da3bb45d3a45d8c0888;
+                } : typeof wc8142fa90f0d34258bb080a15aa21ab74;
             };
             "spacing": {
                 "journey": typeof wc891de93e73cc47b0a552d24fdf34c9cf extends {
@@ -801,6 +808,15 @@ declare global {
                     };
                 } : typeof wc891de93e73cc47b0a552d24fdf34c9cf;
             };
+            "templates": {
+                "journey": typeof wc682077b575c74b2086cbf438346e0ed3 extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wc682077b575c74b2086cbf438346e0ed3;
+            };
             "typography": {
                 "journey": typeof wcfc2401c7c3384790ae7ce17d05b0855f extends {
                     propsDefinition: infer TProp;
@@ -1374,6 +1390,15 @@ declare global {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
                 } : typeof wc5ac01b439b7b494baf066921c2ae7f9a;
+                "blueprints": {
+                    "picker": typeof wc1f8e62af53af4535864eeff5b7e34248 extends {
+                        propsDefinition: infer TProp;
+                    } ? {
+                        new (...args: any[]): {
+                            $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                        };
+                    } : typeof wc1f8e62af53af4535864eeff5b7e34248;
+                };
             };
             "format": {
                 "picker": typeof wc5682a90ca29b443fa48b3b691b622e15 extends {
@@ -4074,15 +4099,24 @@ declare global {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
                 } : typeof wcf0987a01b8d2487f8d6678d41fc26f7f;
-            };
-            "blueprints": {
-                "viewer": typeof wc5eca85f245ca4f3cbf5e81ba8741f3c6 extends {
-                    propsDefinition: infer TProp;
-                } ? {
-                    new (...args: any[]): {
-                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
-                    };
-                } : typeof wc5eca85f245ca4f3cbf5e81ba8741f3c6;
+                "style": {
+                    "editor": typeof wc5eca85f245ca4f3cbf5e81ba8741f3c6 extends {
+                        propsDefinition: infer TProp;
+                    } ? {
+                        new (...args: any[]): {
+                            $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                        };
+                    } : typeof wc5eca85f245ca4f3cbf5e81ba8741f3c6;
+                };
+                "blueprints": {
+                    "picker": typeof wcd7ac9d3575424277926a0b231dc4f2e3 extends {
+                        propsDefinition: infer TProp;
+                    } ? {
+                        new (...args: any[]): {
+                            $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                        };
+                    } : typeof wcd7ac9d3575424277926a0b231dc4f2e3;
+                };
             };
         };
         "fill": {
@@ -4124,6 +4158,15 @@ declare global {
                 };
             } : typeof wcb1acedf8859a4daab8c683bd87142462;
         };
+        "variant": {
+            "placeholder": typeof wc3bcb44301ab24be2a11e6ccdfe29ee60 extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wc3bcb44301ab24be2a11e6ccdfe29ee60;
+        };
         "spacing": {
             "picker": typeof wc564bced7081c496483e8df717f600ff3 extends {
                 propsDefinition: infer TProp;
@@ -4146,6 +4189,15 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wc3f61b080ed9d4a2bad922be8f5ae0794;
+            "blueprint": {
+                "picker": typeof wc2157fcfafda94827a7f41a35bd78e1e1 extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wc2157fcfafda94827a7f41a35bd78e1e1;
+            };
         };
         "style": {
             "picker": typeof wcb4ddcf67388c4aa494cad4fa07ff8937 extends {
@@ -4171,6 +4223,15 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wc2f742a14a560434abb899360a69c314b;
+            "blueprint": {
+                "picker": typeof wc49703cb13c254c5b8eb30bd1a3eaf431 extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wc49703cb13c254c5b8eb30bd1a3eaf431;
+            };
         };
         "view": {
             "template": {
@@ -5412,6 +5473,13 @@ declare global {
                 $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
             };
         } : typeof wc578e2a4d5cd247a4b1291911256253a7;
+        "selection": typeof wcd5f8ac202ad14c6e83a2ce097babd6ff extends {
+            propsDefinition: infer TProp;
+        } ? {
+            new (...args: any[]): {
+                $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+            };
+        } : typeof wcd5f8ac202ad14c6e83a2ce097babd6ff;
         "skeleton": {
             "loader": typeof wc2ade92721b3c426fac97c63026f77351 extends {
                 propsDefinition: infer TProp;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.394-dev",
+  "version": "8.0.396-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,13 +20,13 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.394-dev",
+    "@omnia/fx-models": "8.0.396-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",
     "splitpanes": "3.1.5",
     "vue": "3.5.13",
-    "vuetify": "3.7.14",
+    "vuetify": "3.7.15",
     "tslib": "2.6.2",
     "typescript": "5.7.2",
     "@tiptap/vue-3": "2.1.13",