@omnia/fx 8.0.558-dev → 8.0.560-dev

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

@@ -1280,6 +1280,7 @@ export interface OmniaUxLocalization {
                 UseFullHeight: string;
                 LazyLoad: string;
                 DisableLazyLoad: string;
+                LayoutSettings: string;
             };
             CanvasSettings: {
                 CanvasPadding: string;

package/internal-do-not-import-from-here/ux/aurora/admin/theme-designer/componentblueprints/store/ComponentEditorStore.d.ts

@@ -29,6 +29,7 @@ export declare const useComponentsEditorStore: () => {
         deleteBlueprints(blueprints: IBlueprintItem): void;
         createBlueprints(): void;
         editBlueprints(blueprint: ITemplateRegistration<ComponentBlueprints>): void;
+        import(blueprint: ITemplateRegistration<ComponentBlueprints>): void;
         copyBlueprints(blueprints: ComponentBlueprints): void;
         updateBlueprintsByType(type: BlueprintType): void;
         save(): Promise<boolean>;

package/internal-do-not-import-from-here/ux/aurora/admin/theme-designer/themes/store/ThemeEditorStore.d.ts

@@ -18,7 +18,7 @@ export declare const useThemeEditorStore: () => {
             show: boolean;
             fillType: "text" | "container";
         };
-        predifinedSettings: {
+        predefinedSettings: {
             typography: {
                 custom: boolean;
                 value: any;
@@ -63,7 +63,7 @@ export declare const useThemeEditorStore: () => {
             show: boolean;
             fillType: "text" | "container";
         };
-        predifinedSettings: {
+        predefinedSettings: {
             typography: {
                 custom: boolean;
                 value: any;
@@ -161,7 +161,7 @@ export declare const useThemeEditorStore: () => {
             byType: (type: TemplateRegistrationType) => any[];
             typography: () => any[];
             spacing: () => any[];
-            blueprints: () => any[];
+            components: () => any[];
         };
         mediaResources: {
             logo: () => MediaPickerImage;

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

@@ -127,9 +127,9 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: (value: ColorValue) => any;
+        "onUpdate:modelValue"?: (value: ColorValue, isColorAdjusted: boolean) => any;
     }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: ColorValue) => any;
+        "update:modelValue": (value: ColorValue, isColorAdjusted: boolean) => any;
     }, import("vue").PublicProps, {
         container: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -264,7 +264,7 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: (value: ColorValue) => any;
+        "onUpdate:modelValue"?: (value: ColorValue, isColorAdjusted: boolean) => any;
     }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         container: boolean;
     }>;
@@ -396,9 +396,9 @@ declare const _default: {
         required: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (value: ColorValue) => any;
+    "onUpdate:modelValue"?: (value: ColorValue, isColorAdjusted: boolean) => any;
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: ColorValue) => any;
+    "update:modelValue": (value: ColorValue, isColorAdjusted: boolean) => any;
 }, string, {
     container: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
@@ -489,7 +489,7 @@ declare const _default: {
         showSystemColors?: boolean;
         toolbarCallback?: (value: () => VNodeChild) => void;
     }>, "onUpdate:modelValue"> & {
-        "onUpdate:modelValue"?: (value: ColorValue) => any;
+        "onUpdate:modelValue"?: (value: ColorValue, isColorAdjusted: boolean) => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts

@@ -154,7 +154,7 @@ export declare const useEditorChromeStore: () => {
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         canvas: () => {
-            syncDisplaySettings: () => void;
+            syncDisplaySettings: () => Promise<void>;
             setDisplayBreakPoint: (value: DisplayBreakpointTypes) => void;
             zoomIn: (step?: number) => void;
             zoomOut: (step?: number) => void;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/DefineLayoutEditorCanvas.d.ts

@@ -150,7 +150,11 @@ export declare function defineLayoutEditorCanvas(settings: LayoutEditorCanvasSet
                     removeLayoutItemSelection: () => void;
                     setLayoutItem: (item: import("@omnia/fx-models").LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
                 }>;
-                enableDisplayBreakpointSettings: (enable: boolean) => void;
+                displayBreakpointsSettings: () => {
+                    enable: (enable: boolean) => void;
+                    add: (breakPointSetting: import("@omnia/fx-models").DisplayBreakPointSetting) => void;
+                    remove: (propertyName: string, displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint) => void;
+                };
                 block: () => {
                     set: {
                         suggestedBlocks: (blocks: string[]) => void;
@@ -289,7 +293,11 @@ export declare function defineLayoutEditorCanvas(settings: LayoutEditorCanvasSet
                 removeLayoutItemSelection: () => void;
                 setLayoutItem: (item: import("@omnia/fx-models").LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
             }>;
-            enableDisplayBreakpointSettings: (enable: boolean) => void;
+            displayBreakpointsSettings: () => {
+                enable: (enable: boolean) => void;
+                add: (breakPointSetting: import("@omnia/fx-models").DisplayBreakPointSetting) => void;
+                remove: (propertyName: string, displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint) => void;
+            };
             block: () => {
                 set: {
                     suggestedBlocks: (blocks: string[]) => void;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas.d.ts

@@ -1,224 +1,9 @@
-import { Section } from "@omnia/fx-models";
-import { useLayoutCanvasStore } from "@omnia/fx/ux";
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    store?: {
-        state: {
-            compatibilityMode: boolean;
-            layout: {
-                definition: import("@omnia/fx-models").LayoutDefinition;
-                ownerLayoutItemsOverride: import("@omnia/fx-models").LayoutItem[];
-                originalId: import("@omnia/fx-models").guid;
-            };
-            id: import("@omnia/fx-models").guid;
-            settings: {
-                providers: {
-                    block: string;
-                    mediaContext: import("@omnia/fx-models").ILayoutMediaContext;
-                    fileContext: import("@omnia/fx-models").ILayoutFileContext;
-                    dependencyProviders: string[];
-                };
-            };
-            visiblePane: {
-                id: import("@omnia/fx-models").guid;
-                elementRenderer: () => import("vue").VNode;
-                position: import("@omnia/fx-models").SidePanelPosition;
-                width: number;
-            };
-        };
-        actions: import("../../mobile").StoreReturnDefineAction<{
-            pane: () => import("../../mobile").StoreReturnDefineAction<{
-                show: (elementRenderer: () => import("vue").VNode, position: import("@omnia/fx-models").SidePanelPosition, width?: number) => void;
-                hide: () => void;
-            }>;
-            hooks: () => import("../../mobile").StoreReturnDefineAction<{
-                blockinstanceCreated: (blockInstance: import("@omnia/fx-models").IBlockInstance) => void;
-                layoutSectionRenderer: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => import("@omnia/fx-models").ILayoutSectionRenderer;
-            }>;
-            layout: () => import("../../mobile").StoreReturnDefineAction<{
-                set: (layout: import("@omnia/fx-models").Layout) => void;
-            }>;
-            providers: () => {
-                set: {
-                    dependencyProviders: (providers: Array<string>) => void;
-                    block: (blockProvider: string) => void;
-                    mediaContext: (mediaContext: import("@omnia/fx-models").ILayoutMediaContext) => void;
-                    fileContext: (fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
-                };
-            };
-            notify: (blockManifestId: string) => void;
-            init: () => {
-                readOnlyCanvas: (blockProvider: string, mediaContext: import("@omnia/fx-models").ILayoutMediaContext, fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
-                editableCanvas: (editorChromeStore: ReturnType<typeof import("@omnia/fx/ux").useEditorChromeStore>, layoutEditorCanvasStore: any, blockProvider: string, mediaContext: import("@omnia/fx-models").ILayoutMediaContext, fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
-            };
-        }>;
-        get: {
-            layout: {
-                loaded: () => import("@omnia/fx-models").LoadedLayout;
-            };
-            block: {
-                readonly instances: {
-                    [blockManifestId: string]: Set<{
-                        instance: import("@omnia/fx/ux").IBlockInstanceExtendsInternal<void>;
-                    }>;
-                };
-                readonly settings: import("@omnia/fx/ux").ReactiveLayoutItemsSettingsStore;
-                settingsProvider: () => import("@omnia/fx/ux").BlockSettingsProvider;
-                renderMode: () => import("@omnia/fx-models").BlockRenderingModes;
-            };
-            providers: {
-                block: string;
-                mediaContext: import("@omnia/fx-models").ILayoutMediaContext;
-                fileContext: import("@omnia/fx-models").ILayoutFileContext;
-            };
-        };
-        rules: {
-            isEditMode: () => boolean;
-            isEmptyLayout: () => boolean;
-            isPaneDisplayAsDialog: (breakpoints: import("@omnia/fx-models").Breakpoint) => boolean;
-        };
-        readonly editor: {
-            state: {
-                editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode;
-                canvasMode: import("@omnia/fx-models").LayoutCanvasMode;
-                history: {
-                    editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode[];
-                };
-                id: import("@omnia/fx-models").guid;
-                settings: {
-                    authDisabled: boolean;
-                    breakpointSettingsEnabled: boolean;
-                };
-                drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
-                selected: {
-                    layoutItem: import("@omnia/fx-models").LayoutItem;
-                    clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;
-                    displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint;
-                    layoutItem4Action: import("@omnia/fx-models").LayoutItem;
-                };
-                active: {
-                    layoutItemAction: import("@omnia/fx-models").LayoutItemActionState;
-                };
-                dialogs: {
-                    developerTools: {
-                        show: boolean;
-                    };
-                };
-            };
-            events: import("../../mobile").StoreEvents<{
-                editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode;
-                canvasMode: import("@omnia/fx-models").LayoutCanvasMode;
-                history: {
-                    editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode[];
-                };
-                id: import("@omnia/fx-models").guid;
-                settings: {
-                    authDisabled: boolean;
-                    breakpointSettingsEnabled: boolean;
-                };
-                drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
-                selected: {
-                    layoutItem: import("@omnia/fx-models").LayoutItem;
-                    clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;
-                    displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint;
-                    layoutItem4Action: import("@omnia/fx-models").LayoutItem;
-                };
-                active: {
-                    layoutItemAction: import("@omnia/fx-models").LayoutItemActionState;
-                };
-                dialogs: {
-                    developerTools: {
-                        show: boolean;
-                    };
-                };
-            }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
-            actions: import("../../mobile").StoreReturnDefineAction<{
-                onActivated: () => void;
-                scrollToLayoutItem: (item: import("@omnia/fx-models").LayoutItem) => void;
-                selection: () => import("../../mobile").StoreReturnDefineAction<{
-                    execActiveAction: (container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => void;
-                    toggleActiveAction: (item: import("@omnia/fx-models").LayoutItem | import("@omnia/fx-models").ClipboardLayoutItem, action: import("@omnia/fx-models").LayoutItemActionState) => void;
-                    removeActiveAction: () => void;
-                    removeLayoutItemSelection: () => void;
-                    setLayoutItem: (item: import("@omnia/fx-models").LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
-                }>;
-                enableDisplayBreakpointSettings: (enable: boolean) => void;
-                block: () => {
-                    set: {
-                        suggestedBlocks: (blocks: string[]) => void;
-                    };
-                    ensureRemoveDeletedBlocks: (layout: import("@omnia/fx-models").Layout) => void;
-                };
-                show: () => import("../../mobile").StoreReturnDefineAction<{
-                    editingPanel: (action: "show" | "hide" | "toggle") => void;
-                    settingsPanel: (action: "show" | "hide" | "toggle") => void;
-                    layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
-                    clipboardPanel: (action: "show" | "hide" | "toggle") => void;
-                    developerTools: () => void;
-                }>;
-                layout: () => import("../../mobile").StoreReturnDefineAction<{
-                    copyItem: (item2Copy: import("@omnia/fx-models").LayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx/ux").CopiedLayoutItemResult;
-                    moveItem: (item2Move: import("@omnia/fx-models").LayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => void;
-                    addItem: (itemreference: import("@omnia/fx-models").AddItemToLayoutPayLoad) => void;
-                    insertClipboardItem: (clipboard: import("@omnia/fx-models").ClipboardLayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx/ux").CopiedLayoutItemResult;
-                    deleteItem: (itemreference: import("@omnia/fx-models").DeleteItemFromLayoutPayLoad) => void;
-                    changeSectionType: (section: Section, type: import("@omnia/fx-models").SectionTypes) => void;
-                }>;
-                configureDrawer: (header: {
-                    icon?: import("@omnia/fx-models").IIcon;
-                    title?: string;
-                    enabled?: boolean;
-                }, customScroll?: boolean) => void;
-                setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasEditorMode, toggle?: boolean) => void;
-                setCanvasMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
-                history: () => {
-                    editorMode: {
-                        back: () => import("@omnia/fx-models").LayoutCanvasEditorMode;
-                        add: (mode: import("@omnia/fx-models").LayoutCanvasEditorMode) => void;
-                        clear: () => void;
-                    };
-                };
-                hooks: () => import("../../mobile").StoreReturnDefineAction<{
-                    onBlockRemoved(block: import("@omnia/fx-models").Block): void;
-                    onLayoutItemMoved(layoutItem: import("@omnia/fx-models").LayoutItem): void;
-                    onBlockCopiedHook(originalBlock: import("@omnia/fx-models").Block, newBlock: import("@omnia/fx-models").Block): void;
-                    onLayoutItemPasted(layoutItem: import("@omnia/fx-models").ClipboardLayoutItem): void;
-                }>;
-                init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof import("@omnia/fx/ux").useEditorChromeStore>) => void;
-            }>;
-            get: {
-                settingsDefinitions: import("@omnia/fx/ux").LayoutDefinitionBuilder;
-                layout: {
-                    active: () => import("@omnia/fx-models").Layout;
-                };
-                block: {
-                    suggestions: () => string[];
-                    renderMode: () => import("@omnia/fx-models").BlockRenderingModes;
-                };
-            };
-            rules: {
-                isSettingsActive: () => boolean;
-                isLayoutStructureActive: () => boolean;
-                isClipboardActive: () => boolean;
-                activeItem: {
-                    isSection(): boolean;
-                    isFirstSectionActive(): boolean;
-                };
-                showSelectors: () => boolean;
-                isLayoutItemLocked: (item: import("@omnia/fx-models").LayoutItem) => boolean;
-                isTemplateEnabledLayout: () => boolean;
-                isAdvancedModeActivated: () => boolean;
-                isAuthDisabled: () => boolean;
-            };
-        } & {
-            dispose?: () => void;
-        };
-    } & {
-        dispose?: () => void;
-    };
-}> & {} & {
+import { DefineProp, useLayoutCanvasStore } from "@omnia/fx/ux";
+type LayoutEditorCanvasProps = DefineProp<"store", ReturnType<typeof useLayoutCanvasStore>> & DefineProp<"minHeight", string>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<LayoutEditorCanvasProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "store"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "minHeight" | "store"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasEditorStore.d.ts

@@ -1,4 +1,4 @@
-import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem, DeleteItemFromLayoutPayLoad, DisplayBreakPoint, guid, IIcon, Layout, LayoutCanvasEditorMode, LayoutCanvasMode, LayoutItem, LayoutItemActionState, Section, SectionTypes } from "@omnia/fx-models";
+import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem, DeleteItemFromLayoutPayLoad, DisplayBreakPoint, DisplayBreakPointSetting, guid, IIcon, Layout, LayoutCanvasEditorMode, LayoutCanvasMode, LayoutItem, LayoutItemActionState, Section, SectionTypes } from "@omnia/fx-models";
 import { CopiedLayoutItemResult, LayoutDefinitionBuilder, useLayoutCanvasStore } from "..";
 import { useEditorChromeStore } from "../..";
 export declare const useLayoutCanvasEditorStore: () => {
@@ -66,7 +66,11 @@ export declare const useLayoutCanvasEditorStore: () => {
             removeLayoutItemSelection: () => void;
             setLayoutItem: (item: LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
         }>;
-        enableDisplayBreakpointSettings: (enable: boolean) => void;
+        displayBreakpointsSettings: () => {
+            enable: (enable: boolean) => void;
+            add: (breakPointSetting: DisplayBreakPointSetting) => void;
+            remove: (propertyName: string, displayBreakPoint: DisplayBreakPoint) => void;
+        };
         block: () => {
             set: {
                 suggestedBlocks: (blocks: string[]) => void;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStoreV2.d.ts

@@ -155,7 +155,11 @@ export declare const useLayoutCanvasStore: () => {
                 removeLayoutItemSelection: () => void;
                 setLayoutItem: (item: LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
             }>;
-            enableDisplayBreakpointSettings: (enable: boolean) => void;
+            displayBreakpointsSettings: () => {
+                enable: (enable: boolean) => void;
+                add: (breakPointSetting: import("@omnia/fx-models").DisplayBreakPointSetting) => void;
+                remove: (propertyName: string, displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint) => void;
+            };
             block: () => {
                 set: {
                     suggestedBlocks: (blocks: string[]) => void;

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

@@ -10,10 +10,10 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MonacoEditor
     onKeydown?: (event: any) => any;
     onKeyup?: (event: any) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    onSelection?: (event: any) => any;
     onConfiguration?: (event: any) => any;
     onPosition?: (event: any) => any;
     onLayout?: (event: any) => any;
-    onSelection?: (event: any) => any;
     onEditorDidMount?: (editor: editor.IStandaloneCodeEditor) => any;
     onContextMenu?: (event: any) => any;
     onBlurText?: () => any;

package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts

@@ -1,10 +1,10 @@
 import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
-import { OVerticalAlignments, Spacing, SpacingValue } from "@omnia/fx-models";
-type ColumnProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"grow", number, false, null, "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex."> & DefineProp<"toned", boolean, false, false> & DefineProp<"width", string | number, false, null, "Sets the width of the column."> & DefineProp<"minWidth", string | number, false, null, "Sets the min width of the column"> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the vertical alignment of the column."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value.">;
+import { OHorizontalAlignments, OVerticalAlignments, Spacing, SpacingValue } from "@omnia/fx-models";
+type ColumnProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"grow", number, false, null, "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex."> & DefineProp<"toned", boolean, false, false> & DefineProp<"width", string | number, false, null, "Sets the width of the column."> & DefineProp<"minWidth", string | number, false, null, "Sets the min width of the column"> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the vertical alignment of the column."> & DefineProp<"alignX", OHorizontalAlignments, false, null, "Sets the horizontal alignment of the columns."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value."> & DefineProp<"gapY", SpacingValue | number, false, null, "Sets the gap/spacing between rows. It applies only between rows and not on the outer edges.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ColumnProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "padding" | "margin" | "filled" | "grow" | "minWidth" | "width" | "class" | "colors" | "toned" | "alignY"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "padding" | "margin" | "filled" | "grow" | "minWidth" | "width" | "class" | "colors" | "toned" | "gapY" | "alignX" | "alignY"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/column/Column.stylex.d.ts

@@ -1,6 +1,8 @@
-import { OVerticalAlignments, OPaddingCombination } from "@omnia/fx-models";
+import { OVerticalAlignments, OPaddingCombination, OHorizontalAlignments } from "@omnia/fx-models";
 export interface stylingSettings {
     alignY: OVerticalAlignments;
+    alignX: OHorizontalAlignments;
+    gapY: string;
     paddings: OPaddingCombination;
     width: string | number;
     grow: number;

package/internal-do-not-import-from-here/ux/oxide/image/Image.d.ts

@@ -1,10 +1,11 @@
+import { ColorSchemaType, ContainerFillValue } from "@omnia/fx-models";
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 type ImageProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"aspectRatio", string | number, false, null, "The aspect ratio of the image."> & DefineProp<"src", string, false, null, "The image URL. This prop is mandatory."> & DefineProp<"height", number | string, false, null, "Sets the height for the component."> & DefineProp<"width", number | string, false, null, "Sets the height for the component."> & DefineProp<"cover", boolean, false, true, "Resizes the image to cover the entire container."> & DefineProp<"draggable", boolean, false, false, "Controls the draggable behavior of the image."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."> & DefineProp<"alt", string, false, "", "Alternate text for screen readers. Leave empty for decorative images."> & DefineProp<"maxWidth", number | string, false, null> & DefineProp<"maxHeight", number | string, false, null> & DefineProp<"placeholder", string, false, null, "The placeholder image to display while the main image is loading."> & DefineProp<"lazySrc", string, false, null, "The image to display while the main image is loading."> & DefineEmit<"load", (info: {
     naturalWidth: number;
     naturalHeight: number;
     image: HTMLElement;
-}) => void> & DefineSlot<"placeholder", () => VNodeChild>;
+}) => void> & DefineProp<"fill", ContainerFillValue> & DefineProp<"fillOpacity", number> & DefineProp<"dynamicColorSchema", ColorSchemaType> & DefineSlot<"placeholder", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ImageProps> & {
     onLoad?: (info: {
         naturalWidth: number;
@@ -18,5 +19,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ImageProps>
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "placeholder">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "height" | "aspectRatio" | "maxHeight" | "maxWidth" | "width" | "class" | "cover" | "src" | "colors" | "draggable" | "eager" | "alt" | "placeholder" | "lazySrc" | "emit:load" | "slot:placeholder"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "colorSchemaType" | "dynamicColorSchema" | "height" | "aspectRatio" | "fillOpacity" | "maxHeight" | "maxWidth" | "width" | "class" | "cover" | "src" | "colors" | "draggable" | "eager" | "alt" | "placeholder" | "lazySrc" | "emit:load" | "slot:placeholder"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/spacer/Spacer.d.ts

@@ -1,7 +1,10 @@
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+import { Spacing, SpacingValue } from "@omnia/fx-models";
+import { DefineProp } from "@omnia/fx/ux";
+type spacerProps = DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin from the blueprint. Apply to all dimensions using only one value.">;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<spacerProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "margin"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/splitpane/SplitPaneContainer.d.ts

@@ -1,5 +1,9 @@
 import { DefineEmit } from "@omnia/fx/ux";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    class?: String | String[];
+} & {
+    style?: object;
+} & {
     disabled?: boolean;
 } & DefineEmit<"resize", (sizes: number[]) => void>> & {
     onResize?: (sizes: number[]) => any;
@@ -8,5 +12,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "disabled" | "emit:resize"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "style" | "class" | "disabled" | "emit:resize"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { DefineProp, DefinePropTheming, DefineRef, 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."> & DefineProp<"position", "top" | "bottom", false, "top", "The position of the horizontal tab."> & DefineRef<{
+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<"hideTabName", 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."> & DefineRef<{
     getTabs: () => Promise<HTMLElement>;
 }>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabsProps> & {
@@ -18,5 +18,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabsProps> &
     }> | ((ref: {
         getTabs: () => Promise<HTMLElement>;
     }) => void);
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "vertical" | "grow" | "blueprint" | "position" | "class" | "colors" | "toned" | "ref" | "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, "colorSchemaType" | "variant" | "vertical" | "grow" | "blueprint" | "position" | "class" | "colors" | "toned" | "ref" | "v-model" | "modelValue" | "contentClass" | "emit:update:modelValue" | "stacked" | "scrolling" | "hideTabName" | "hideTabNameIfOnlyOneTab" | "noScrolling" | "alignTabs" | "disableBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/rollup/views/CardView.d.ts

@@ -1,10 +1,12 @@
-import { MediaPickerMedia } from "@omnia/fx-models";
+import { BlueprintVariant, ColorSchema, ColorSchemaTypes, ContainerFillBlueprint, MediaPickerMedia } from "@omnia/fx-models";
 import { type FunctionalComponent, HTMLAttributes, SetupContext, SlotsType, VNodeChild } from "vue";
 import { useColorSchemaStore } from "../../aurora";
 type MediaComponentProps = {
     media?: MediaPickerMedia | string;
     theme?: ReturnType<typeof useColorSchemaStore>;
     variant?: "image" | "avatar";
+    containerVariant?: BlueprintVariant | ContainerFillBlueprint;
+    colorSchemaType?: ColorSchemaTypes | ColorSchema;
 } & HTMLAttributes;
 export declare function defineCardView(): {
     Header: typeof HeaderComponent;

package/internal-do-not-import-from-here/ux/velcron/editor/hooks/canvasEditorHooks.d.ts

@@ -0,0 +1,7 @@
+import { VelcronDefinition } from "@omnia/fx-models";
+import { useVelcronCanvasStore } from "../store";
+export declare function useCanvasEditorHooks(canvasStore: ReturnType<typeof useVelcronCanvasStore>): {
+    onItemSelected: (item: VelcronDefinition) => void;
+    wrapperStyleExtensions: (definition: any, renderCtx: any) => string;
+    renderExtensions: (definition: VelcronDefinition) => void;
+};

package/internal-do-not-import-from-here/ux/velcron/editor/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./canvasEditorHooks";