@omnia/fx 8.0.546-dev → 8.0.547-dev

package/internal-do-not-import-from-here/ux/flow/editor/plugins/context/ContextButton.d.ts

@@ -0,0 +1,233 @@
+import { guid } from "@omnia/fx-models";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    store?: {
+        state: {
+            editorContent: import("@omnia/fx/ux").FlowContent;
+            plugins: import("@omnia/fx/ux").FlowEditorPlugin[];
+            pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
+            hideToolbar: boolean;
+            toolbarActions: import("@omnia/fx-models").FlowEditorActionRegistration[];
+            editor: HTMLDivElement;
+            nodeSelection: import("@omnia/fx/ux").NodeSelection;
+            telePorts: JSX.Element[];
+            id: string;
+            pluginContext: import("@omnia/fx/ux").FlowEditorPluginContext;
+            selectedRange: Range;
+            storedRange: Range;
+            showPlaceHolder: boolean;
+            definitionSelector: {
+                show: boolean;
+                categoryFilters: guid[];
+                rendererTypeFilters: guid[];
+            };
+            settings: {
+                gridWidth: number;
+                rowSpacing: import("@omnia/fx-models").SpacingValue;
+                textStyle: import("@omnia/fx-models").TextBlueprint;
+            };
+        };
+        events: import("../../../../mobile").StoreEvents<{
+            editorContent: import("@omnia/fx/ux").FlowContent;
+            plugins: import("@omnia/fx/ux").FlowEditorPlugin[];
+            pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
+            hideToolbar: boolean;
+            toolbarActions: import("@omnia/fx-models").FlowEditorActionRegistration[];
+            editor: HTMLDivElement;
+            nodeSelection: import("@omnia/fx/ux").NodeSelection;
+            telePorts: JSX.Element[];
+            id: string;
+            pluginContext: import("@omnia/fx/ux").FlowEditorPluginContext;
+            selectedRange: Range;
+            storedRange: Range;
+            showPlaceHolder: boolean;
+            definitionSelector: {
+                show: boolean;
+                categoryFilters: guid[];
+                rendererTypeFilters: guid[];
+            };
+            settings: {
+                gridWidth: number;
+                rowSpacing: import("@omnia/fx-models").SpacingValue;
+                textStyle: import("@omnia/fx-models").TextBlueprint;
+            };
+        }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+        actions: import("../../../../mobile").StoreReturnDefineAction<{
+            confirm: () => {
+                delete: {
+                    container: (element: HTMLElement) => void;
+                };
+            };
+            selection: () => {
+                set: (elements: Node | Array<Node>) => void;
+                capture: () => void;
+                store: () => void;
+                revertToStored: () => void;
+                ensure: () => void;
+            };
+            plugin: () => {
+                register: {
+                    plugin: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings) => void;
+                    plugins: (pluginSettings: import("@omnia/fx-models").FlowEditorPluginSettings | import("@omnia/fx-models").FlowEditorPluginSettings[]) => Promise<void>;
+                    context: (ctx: import("@omnia/fx/ux").FlowEditorPluginContext) => void;
+                };
+            };
+            content: () => {
+                sync: () => void;
+                set: {
+                    byObject: (content: import("@omnia/fx/ux").FlowContent) => void;
+                    byString: (content: string) => void;
+                };
+            };
+            set: () => {
+                container: (el: HTMLDivElement) => void;
+                focus: () => void;
+                placeHolderVisibility: () => void;
+            };
+            toolbarAction: () => {
+                add: (action: import("@omnia/fx-models").FlowEditorActionRegistration | import("@omnia/fx-models").FlowEditorActionRegistration[]) => void;
+            };
+            formatting: () => {
+                wrapLine: (element: HTMLElement) => void;
+                add: (element: HTMLElement) => void;
+                addWithText: (element: HTMLElement, text: any) => void;
+                toggle: (element: HTMLElement) => void;
+                remove: (dataType: string) => void;
+            };
+            element: () => {
+                createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
+                createText: () => HTMLParagraphElement;
+                create: (tagName: string, dataType: string) => HTMLElement;
+                createTextNode: (data: any) => Text;
+                add: (element: HTMLElement) => void;
+                insert: (element: HTMLElement, ref: HTMLElement, preInsert: boolean) => void;
+                delete: (element: HTMLElement) => void;
+            };
+            commands: () => {
+                exec: (command: string, data: object | string) => void;
+                builtIn: {
+                    content: {
+                        convert: (element: HTMLElement) => void;
+                    };
+                    ensure: {
+                        lastElement: {
+                            isText: () => void;
+                        };
+                        unique: {
+                            ids: (element: HTMLElement) => void;
+                        };
+                    };
+                    selection: {
+                        get: {
+                            byPluginType: (pluginType: string) => import("@omnia/fx/ux").FlowNodeReference[];
+                        };
+                        ensure: {
+                            storedRange: () => void;
+                        };
+                    };
+                    cursor: {
+                        isAfterEndOfContent: (range: Range, container: HTMLElement) => boolean;
+                        isBeforeContent: (range: Range, container: HTMLElement) => boolean;
+                    };
+                    actions: {
+                        captureSelection: () => void;
+                    };
+                    formatting: {
+                        add: (element: HTMLElement) => void;
+                        addWithTxt: (element: HTMLElement, text?: string) => void;
+                        wrapLine: (element: HTMLElement) => void;
+                        remove: (dataType: string | HTMLElement) => void;
+                        has: (dataType: string | HTMLElement) => boolean;
+                    };
+                    element: {
+                        clean: (element: HTMLElement) => void;
+                        add: (element: HTMLElement) => void;
+                        create: (tagName: string, dataType: string) => HTMLElement;
+                        createText: () => HTMLParagraphElement;
+                        createTextNode: (data: any) => Text;
+                        createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
+                        insert: {
+                            text: (element: Node, text: string, offset: any) => void;
+                        };
+                        ids: {
+                            unique: (element: HTMLElement) => void;
+                        };
+                    };
+                    helpers: {
+                        editor: {
+                            ensure: {
+                                uniqueIds: (element: HTMLElement) => HTMLElement;
+                                selectionIsInEditor: (range: Range) => void;
+                            };
+                            cursor: {
+                                storePosition: (state: {
+                                    selectedRange: Range;
+                                }) => void;
+                                isAfterEndOfContent: (range: Range, container: HTMLElement) => boolean;
+                                isBeforeContent: (range: Range, container: HTMLElement) => boolean;
+                            };
+                        };
+                        editorNode: {
+                            get: {
+                                nodesInArrayByPluginType: (nodes: Array<import("@omnia/fx/ux").FlowNodeReference>, dataType: string) => Array<import("@omnia/fx/ux").FlowNodeReference>;
+                            };
+                        };
+                        htmlNode: {
+                            copy: {
+                                children: (from: HTMLElement, to: HTMLElement) => void;
+                            };
+                            insert: {
+                                text: (element: Node, text: string, offset: any) => void;
+                                elementInContainer: (element: HTMLElement, container: HTMLElement) => void;
+                            };
+                            get: {
+                                topContainerForContent: (element: HTMLElement) => HTMLElement;
+                                topContainerForComponent: (element: HTMLElement) => HTMLElement;
+                                nodeSelectionForRange: (range: Range) => import("@omnia/fx/ux").NodeSelection;
+                                htmlElementInStructureById: (id: string, currentElement: HTMLElement) => HTMLElement;
+                            };
+                            remove: {
+                                nodes: (nodes2Remove: Array<import("@omnia/fx/ux").FlowNodeReference>, editor: HTMLElement) => void;
+                            };
+                            strip: {
+                                after: (element: HTMLElement, splitter: string) => void;
+                                before: (element: HTMLElement, splitter: string) => void;
+                            };
+                            surround: {
+                                selectionWithElement: (element: HTMLElement, range: Range) => void;
+                            };
+                        };
+                    };
+                };
+            };
+        }>;
+        get: {
+            plugins: import("@omnia/fx/ux").FlowEditorPlugin[];
+            content: {
+                isEmpty: () => boolean;
+                asObject: () => import("@omnia/fx/ux").FlowContent;
+                asString: () => string;
+            };
+            selection: {
+                has: {
+                    type: (pluginType: string) => boolean;
+                };
+                get: {
+                    byType: (pluginType: string) => import("@omnia/fx/ux").FlowNodeReference[];
+                    all: () => import("@omnia/fx/ux").NodeSelection;
+                };
+            };
+            element: {
+                byId: (id: string) => HTMLElement;
+                byRef: (ref: HTMLElement) => HTMLElement;
+            };
+        };
+    } & {
+        dispose?: () => void;
+    };
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "store"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/flow/editor/plugins/context/ContextPlugin.d.ts

@@ -0,0 +1,20 @@
+import { FlowEditorActionRegistration, Suggestion } from "@omnia/fx-models";
+import { ContextNode, FlowEditorPluginContext, FlowToHtmlContext, FlowToJsonContext } from "@omnia/fx/ux";
+export declare const contextPlugin: () => {
+    name: string;
+    type: string;
+    toJSON: ({ element }: FlowToJsonContext<ContextHtmlDivElement>) => ContextNode;
+    toHtml: <TNodeType extends import("@omnia/fx/ux").FlowNode = import("@omnia/fx/ux").FlowNode>({ node, pluginContext }: FlowToHtmlContext<ContextNode>) => Promise<ContextHtmlDivElement>;
+    actions: FlowEditorActionRegistration[];
+    commands: {
+        insertSuggestion: (suggestion: Suggestion, editorCtx: FlowEditorPluginContext) => Promise<void>;
+        switchSuggestion: (suggestion: Suggestion, editorCtx: FlowEditorPluginContext) => Promise<void>;
+    };
+} & {
+    dispose?: () => void;
+};
+type ContextHtmlDivElement = HTMLDivElement & {
+    suggestion: Suggestion;
+    editorCtx: FlowEditorPluginContext;
+};
+export {};

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

@@ -1,4 +1,4 @@
-import { IIcon, LegacyIconPickerModel, MediaPickerImage, MediaPickerStorageProviderContext } from "@omnia/fx-models";
+import { IIcon, LegacyIconPickerModel, MediaPickerImage, MediaPickerImageSettings, MediaPickerStorageProviderContext } from "@omnia/fx-models";
 declare const _default: <TType extends IIcon | MediaPickerImage | LegacyIconPickerModel>(props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: TType) => void;
 } & {
@@ -19,6 +19,8 @@ declare const _default: <TType extends IIcon | MediaPickerImage | LegacyIconPick
     label?: string;
 } & {
     variant?: "dropdown" | "journey";
+} & {
+    imageSettings?: MediaPickerImageSettings;
 }> & {
     "onUpdate:modelValue"?: (value: TType) => any;
 } & {
@@ -26,5 +28,5 @@ declare const _default: <TType extends IIcon | MediaPickerImage | LegacyIconPick
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "variant" | "avatar" | "required" | "v-model" | "modelValue" | "emit:update:modelValue" | "density" | "mediaPickerStorageProviderContext" | "library"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "variant" | "avatar" | "required" | "v-model" | "modelValue" | "emit:update:modelValue" | "density" | "mediaPickerStorageProviderContext" | "library" | "imageSettings"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.css.d.ts

@@ -1,4 +1,4 @@
-import { BackgroundSettings, DisplayBreakPointSetting, SectionSettings } from "@omnia/fx-models";
+import { BackgroundSettings, DisplayBreakPointSetting, ResolvedThemeDefinition, SectionSettings } from "@omnia/fx-models";
 import { useColorSchemaStore } from "@omnia/fx/ux";
 export declare function displayBreakpoints(breakPoints: Array<DisplayBreakPointSetting>): string;
 export declare const LayoutSectionBackgroundStyling: {
@@ -7,6 +7,6 @@ export declare const LayoutSectionBackgroundStyling: {
 export declare const LayoutSectionStyles: {
     getAlignmentSettings: (sectionSettings: SectionSettings) => any;
     sectionWrapperStylex: (sectionSettings: SectionSettings) => Readonly<import("@omnia/fx/ux").StylexValue>;
-    sectionContent: (settings: SectionSettings, useScrollMargingFix: boolean, isEditable: any) => string;
+    sectionContent: (settings: SectionSettings, useScrollMargingFix: boolean, isEditable: any, themeDef?: ResolvedThemeDefinition) => string;
     headerWrapper: (settings: SectionSettings) => string;
 };

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

@@ -0,0 +1,5 @@
+import { ContextItem } from "@omnia/fx-models";
+import { FlowNode } from "./shared-mobile/FlowContent";
+export interface ContextNode extends FlowNode {
+    context: ContextItem;
+}

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

@@ -10,3 +10,4 @@ export * from "./SpacingFormatNode";
 export * from "./EditorModels";
 export * from "./EditorPlugin";
 export * from "./LinkNode";
+export * from "./ContextNode";

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

@@ -1,7 +1,7 @@
 import { DefineEmit, DefineProp, DefinePropTheming } from "@omnia/fx/ux";
 import { ButtonIconOptions, TooltipOptions } from "internal/fx/models/shared-mobile";
 import { ButtonBlueprint, ButtonBlueprintVariant, OButtonPreset, OButtonVariants, OIconAnimations, OSizeTypes } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
-type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OButtonPreset, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", TooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button. Only works with icon buttons."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"transparent", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"slim", boolean, false, false, "Creates a slim variant of the button without the default height"> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint | ButtonBlueprintVariant, false, null, "Sets a custom blueprint for the button."> & DefineEmit<"click", (e: MouseEvent) => void>;
+type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OButtonPreset, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", TooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button. Only works with icon buttons."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"transparent", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"fill", boolean, false, false, "Makes the button fill the container."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"slim", boolean, false, false, "Creates a slim variant of the button without the default height"> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint | ButtonBlueprintVariant, false, null, "Sets a custom blueprint for the button."> & DefineEmit<"click", (e: MouseEvent) => void>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ButtonProps> & {
     onClick?: (e: MouseEvent) => any;
 } & {
@@ -9,5 +9,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ButtonProps>
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "icon" | "blueprint" | "animation" | "colorSchemaType" | "variant" | "active" | "size" | "class" | "block" | "target" | "href" | "transparent" | "tooltip" | "disabled" | "colors" | "toned" | "loading" | "slim" | "grouped" | "transparentHover" | "overrides" | "preset" | "emit:click"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "text" | "icon" | "blueprint" | "animation" | "colorSchemaType" | "variant" | "active" | "size" | "class" | "block" | "target" | "href" | "transparent" | "tooltip" | "disabled" | "colors" | "toned" | "loading" | "slim" | "grouped" | "transparentHover" | "overrides" | "preset" | "emit:click"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/btn/shared-mobile/useBtnComponent.d.ts

@@ -11,6 +11,7 @@ type PropType = {
     size?: OSizeTypes;
     variant?: OButtonVariants;
     grouped?: boolean;
+    fill?: boolean;
     transparentHover?: boolean;
     slim?: boolean;
     disabled?: boolean;

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

@@ -4,7 +4,7 @@ import { OMenuLocations } from "@omnia/fx-models";
 interface MenuPosition {
     left?: number;
 }
-type MenuProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, false> & DefineProp<"activator", string, false, null, "Supply a CSS selector string to activator prop."> & DefineProp<"attach", string | boolean | Element, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"minWidth", string | number, false, null, "Sets the minimum width for the component. Use auto to use the activator width."> & DefineProp<"maxWidth", string | number, false, null, "Sets the maximum width for the component."> & DefineProp<"minHeight", string | number, false, null, "Sets the minimum height for the component."> & DefineProp<"maxHeight", string | number, false, null, "Sets the maximum height for the component."> & DefineProp<"closeDelay", string | number, false, null, "Milliseconds to wait before closing component. Only works with the open-on-hover prop."> & DefineProp<"location", OMenuLocations, false, "bottom start", "Designates where the menu should be placed."> & DefineProp<"openOnHover", boolean, false, null, "Designates whether menu should open on hover or not."> & DefineProp<"visibleOnContentClick", boolean, false, false, "Designates if menu still show when its content is clicked"> & DefineProp<"disabled", boolean, false, false, "Removed the ability to interact with the component."> & DefineProp<"scrollStrategy", "close" | "none" | "block" | "reposition", false, "close", "Strategy used when the component is activate and user scrolls."> & DefineProp<"eager", boolean, false, false> & DefineProp<"position", MenuPosition, false, null, "Designates the position of the menu. Should be used only for really specific advanced scenarios."> & DefineSlot<"activator", () => VNodeChild>;
+type MenuProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, false> & DefineProp<"activator", string, false, null, "Supply a CSS selector string to activator prop."> & DefineProp<"attach", string | boolean | Element, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"minWidth", string | number, false, null, "Sets the minimum width for the component. Use auto to use the activator width."> & DefineProp<"maxWidth", string | number, false, null, "Sets the maximum width for the component."> & DefineProp<"minHeight", string | number, false, null, "Sets the minimum height for the component."> & DefineProp<"maxHeight", string | number, false, null, "Sets the maximum height for the component."> & DefineProp<"closeDelay", string | number, false, null, "Milliseconds to wait before closing component. Only works with the open-on-hover prop."> & DefineProp<"location", OMenuLocations, false, "bottom start", "Designates where the menu should be placed."> & DefineProp<"openOnHover", boolean, false, null, "Designates whether menu should open on hover or not."> & DefineProp<"visibleOnContentClick", boolean, false, false, "Designates if menu still show when its content is clicked"> & DefineProp<"disabled", boolean, false, false, "Removed the ability to interact with the component."> & DefineProp<"scrollStrategy", "close" | "none" | "block" | "reposition", false, "close", "Strategy used when the component is activate and user scrolls."> & DefineProp<"eager", boolean, false, false> & DefineProp<"stickToTarget", boolean, false, false, "Enables the overlay content to go off-screen when scrolling."> & DefineProp<"position", MenuPosition, false, null, "Designates the position of the menu. Should be used only for really specific advanced scenarios."> & DefineSlot<"activator", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MenuProps> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 } & {
@@ -14,5 +14,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MenuProps> &
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "colorSchemaType" | "class" | "disabled" | "colors" | "v-model" | "modelValue" | "emit:update:modelValue" | "eager" | "location" | "closeDelay" | "scrollStrategy" | "openOnHover" | "activator" | "attach" | "slot:activator" | "visibleOnContentClick"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "colorSchemaType" | "class" | "disabled" | "colors" | "v-model" | "modelValue" | "emit:update:modelValue" | "eager" | "location" | "closeDelay" | "openOnHover" | "scrollStrategy" | "stickToTarget" | "activator" | "attach" | "slot:activator" | "visibleOnContentClick"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/speeddial/SpeedDial.d.ts

@@ -19,5 +19,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<SpeedDialPro
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "zIndex" | "colorSchemaType" | "class" | "colors" | "v-model" | "modelValue" | "emit:update:modelValue" | "persistent" | "location" | "openOnClick" | "openOnHover" | "openOnFocus" | "slot:activator"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "zIndex" | "colorSchemaType" | "class" | "colors" | "v-model" | "modelValue" | "emit:update:modelValue" | "persistent" | "location" | "openOnClick" | "openOnFocus" | "openOnHover" | "slot:activator"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/switch/SwitchSlider.css.d.ts

@@ -0,0 +1,8 @@
+import { useColorSchemaStore } from "../..";
+export declare const SwitchSliderStyles: {
+    label: (colors: ReturnType<typeof useColorSchemaStore>, height: number, hasText: boolean, slim: boolean) => string;
+    input: (colors: ReturnType<typeof useColorSchemaStore>) => string;
+    iconContainer: (height: number, hasText: boolean, slim: boolean) => string;
+    leftIconContainer: (slim: boolean) => string;
+    rightIconContainer: (slim: boolean) => string;
+};

package/internal-do-not-import-from-here/ux/oxide/switch/SwitchSlider.d.ts

@@ -0,0 +1,12 @@
+import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
+import { IIcon } from "@omnia/fx-models";
+type SwitchSliderProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, false, false, "The v-model of the component"> & DefineProp<"falseIcon", IIcon, false, null, "Specify an icon the false value"> & DefineProp<"trueIcon", IIcon, false, null, "Specify an icon the true value"> & DefineProp<"trueText", string, false, null, "Text to show when the value is true"> & DefineProp<"falseText", string, false, null, "Text to show when the value is false"> & DefineProp<"slim", boolean, false, false, "Creates a slim variant of the button without the default height"> & DefineProp<"label", string, false, null, "Label to show">;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<SwitchSliderProps> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "colorSchemaType" | "class" | "colors" | "v-model" | "modelValue" | "emit:update:modelValue" | "slim" | "trueText" | "falseText" | "falseIcon" | "trueIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

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

package/internal-do-not-import-from-here/ux/oxide/switch/docs/SampleSwitchSlider.d.ts

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

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

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

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

@@ -1,6 +1,9 @@
 import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
 import { OTabAlignments, OScrollOffsetTypes, OTabVariants, TabsBlueprint, BlueprintVariant } from "@omnia/fx-models";
-type TabsProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number, false, 0, false, "The v-model of the component"> & DefineProp<"contentClass", string | string[], false, null, "The class of the content container."> & DefineProp<"stacked", boolean, false, null, "Applies the stacked prop to all children o.tab components."> & DefineProp<"variant", OTabVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"toned", boolean, false, null> & DefineProp<"vertical", boolean, false, null> & DefineProp<"hideTabNameIfOnlyOneTab", boolean, false, null, "Hides the tab name if there is only one tab in the component."> & DefineProp<"noScrolling", boolean, false, null, "Removes the scrolling from the tabs component."> & DefineProp<"alignTabs", OTabAlignments, false, "start", "sets the horizontal alignment of the tabs."> & DefineProp<"grow", boolean, false, null, "sets how the flex grows in relation to other flexes of the tab."> & DefineProp<"scrolling", OScrollOffsetTypes, false, null, "Sets a custom blueprint for the tab control."> & DefineProp<"blueprint", TabsBlueprint | BlueprintVariant, false, null, "Applies the blueprint to the component."> & DefineProp<"disableBlueprint", boolean, false, null, "Disables the blueprint and use properties instead.">;
+export type TabsApi = {
+    getTabHeadersHeight: () => number;
+};
+type TabsProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number, false, 0, false, "The v-model of the component"> & DefineProp<"contentClass", string | string[], false, null, "The class of the content container."> & DefineProp<"stacked", boolean, false, null, "Applies the stacked prop to all children o.tab components."> & DefineProp<"variant", OTabVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"toned", boolean, false, null> & DefineProp<"vertical", boolean, false, null> & DefineProp<"hideTabNameIfOnlyOneTab", boolean, false, null, "Hides the tab name if there is only one tab in the component."> & DefineProp<"noScrolling", boolean, false, null, "Removes the scrolling from the tabs component."> & DefineProp<"alignTabs", OTabAlignments, false, "start", "sets the horizontal alignment of the tabs."> & DefineProp<"grow", boolean, false, null, "sets how the flex grows in relation to other flexes of the tab."> & DefineProp<"scrolling", OScrollOffsetTypes, false, null, "Sets a custom blueprint for the tab control."> & DefineProp<"blueprint", TabsBlueprint | BlueprintVariant, false, null, "Applies the blueprint to the component."> & DefineProp<"disableBlueprint", boolean, false, null, "Disables the blueprint and use properties instead."> & DefineProp<"position", "top" | "bottom", false, "top", "The position of the horizontal tab."> & DefineProp<"getApi", (api: TabsApi) => void, false, null, "Gets the api">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabsProps> & {
     "onUpdate:modelValue"?: (value: number) => any;
 } & {
@@ -8,5 +11,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabsProps> &
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "colorSchemaType" | "variant" | "vertical" | "grow" | "class" | "colors" | "toned" | "v-model" | "modelValue" | "contentClass" | "emit:update:modelValue" | "stacked" | "scrolling" | "hideTabNameIfOnlyOneTab" | "noScrolling" | "alignTabs" | "disableBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "position" | "colorSchemaType" | "variant" | "vertical" | "grow" | "class" | "colors" | "toned" | "v-model" | "modelValue" | "contentClass" | "emit:update:modelValue" | "stacked" | "getApi" | "scrolling" | "hideTabNameIfOnlyOneTab" | "noScrolling" | "alignTabs" | "disableBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -3,12 +3,12 @@ export * as vuetifyColors from "vuetify/lib/util/colors";
 export * as vuetifyDirectives from "vuetify/directives";
 export * as vuetifyFramework from "vuetify/framework";
 export declare const vuetifyPlugin: {
-    install: (app: import("vue").App) => void;
+    install: (app: import("vue").App<any>) => void;
     unmount: () => void;
     defaults: import("vue").Ref<import("vuetify").DefaultsInstance, import("vuetify").DefaultsInstance>;
     display: import("vuetify").DisplayInstance;
     theme: import("vuetify").ThemeInstance & {
-        install: (app: import("vue").App) => void;
+        install: (app: import("vue").App<any>) => void;
     };
     icons: {
         defaultSet: string;
@@ -16,17 +16,17 @@ export declare const vuetifyPlugin: {
         sets: Record<string, import("vuetify").IconSet>;
     };
     locale: {
-        isRtl: import("vue").Ref<boolean>;
-        rtl: import("vue").Ref<Record<string, boolean>>;
-        rtlClasses: import("vue").Ref<string>;
         name: string;
         decimalSeparator: import("vue").ShallowRef<string>;
-        messages: import("vue").Ref<import("vuetify").LocaleMessages>;
-        current: import("vue").Ref<string>;
-        fallback: import("vue").Ref<string>;
+        messages: import("vue").Ref<import("vuetify").LocaleMessages, import("vuetify").LocaleMessages>;
+        current: import("vue").Ref<string, string>;
+        fallback: import("vue").Ref<string, string>;
         t: (key: string, ...params: unknown[]) => string;
         n: (value: number) => string;
         provide: (props: import("vuetify").LocaleOptions) => import("vuetify").LocaleInstance;
+        isRtl: import("vue").Ref<boolean, boolean>;
+        rtl: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
+        rtlClasses: import("vue").Ref<string, string>;
     };
     date: {
         options: {
@@ -38,7 +38,6 @@ export declare const vuetifyPlugin: {
             locale: Record<string, any>;
         };
         instance: {
-            locale?: any;
             date: (value?: any) => unknown;
             format: (date: unknown, formatString: string) => string;
             toJsDate: (value: unknown) => Date;
@@ -46,7 +45,7 @@ export declare const vuetifyPlugin: {
             toISO: (date: unknown) => string;
             startOfDay: (date: unknown) => unknown;
             endOfDay: (date: unknown) => unknown;
-            startOfWeek: (date: unknown, firstDayOfWeek?: number | string) => unknown;
+            startOfWeek: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown;
             endOfWeek: (date: unknown) => unknown;
             startOfMonth: (date: unknown) => unknown;
             endOfMonth: (date: unknown) => unknown;
@@ -68,10 +67,10 @@ export declare const vuetifyPlugin: {
             addMonths: (date: unknown, amount: number) => unknown;
             getYear: (date: unknown) => number;
             setYear: (date: unknown, year: number) => unknown;
-            getDiff: (date: unknown, comparing: unknown, unit?: string) => number;
-            getWeekArray: (date: unknown, firstDayOfWeek?: number | string) => unknown[][];
-            getWeekdays: (firstDayOfWeek?: number | string, weekdayFormat?: "long" | "short" | "narrow") => string[];
-            getWeek: (date: unknown, firstDayOfWeek?: number | string, firstDayOfYear?: number | string) => number;
+            getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
+            getWeekArray: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown[][];
+            getWeekdays: (firstDayOfWeek?: string | number | undefined, weekdayFormat?: "long" | "narrow" | "short" | undefined) => string[];
+            getWeek: (date: unknown, firstDayOfWeek?: string | number | undefined, firstDayOfYear?: string | number | undefined) => number;
             getMonth: (date: unknown) => number;
             setMonth: (date: unknown, month: number) => unknown;
             getDate: (date: unknown) => number;
@@ -82,6 +81,7 @@ export declare const vuetifyPlugin: {
             setHours: (date: unknown, hours: number) => unknown;
             getMinutes: (date: unknown) => number;
             setMinutes: (date: unknown, minutes: number) => unknown;
+            locale?: any;
         };
     };
     goTo: import("vuetify").GoToInstance;