@omnia/fx 8.0.481-dev → 8.0.483-dev

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

@@ -11,6 +11,7 @@ export declare function useDefineLayoutEditorCanvas(settings: LayoutEditorCanvas
     registration: EditorChromeConfiguration;
     editorCanvasStore: {
         state: {
+            compatibilityMode: boolean;
             layout: {
                 definition: import("@omnia/fx-models").LayoutDefinition;
                 ownerLayoutItemsOverride: import("@omnia/fx-models").LayoutItem[];
@@ -18,38 +19,46 @@ export declare function useDefineLayoutEditorCanvas(settings: LayoutEditorCanvas
             };
             id: guid;
             settings: {
-                authDisabled: boolean;
                 providers: {
                     block: string;
                     mediaContext: ILayoutMediaContext;
                     fileContext: ILayoutFileContext;
+                    dependencyProviders: string[];
                 };
             };
         };
         actions: import("../../mobile").StoreReturnDefineAction<{
-            layout: () => {
+            hooks: () => import("../../mobile").StoreReturnDefineAction<{
+                blockinstanceCreated: (blockInstance: import("@omnia/fx-models").IBlockInstance) => void;
+                layoutSectionRenderer: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => void;
+            }>;
+            layout: () => import("../../mobile").StoreReturnDefineAction<{
                 set: (layout: import("@omnia/fx-models").Layout) => void;
-                addItem: (itemreference: import("@omnia/fx-models").AddItemToLayoutPayLoad) => void;
-            };
+            }>;
             providers: () => {
                 set: {
+                    dependencyProviders: (providers: Array<string>) => void;
                     block: (blockProvider: string) => void;
                     mediaContext: (mediaContext: ILayoutMediaContext) => void;
                     fileContext: (fileContext: ILayoutFileContext) => void;
                 };
             };
-            setLayout: (layout: import("@omnia/fx-models").Layout) => void;
+            notify: (blockManifestId: string) => void;
             init: () => {
                 readOnlyCanvas: (blockProvider: string, mediaContext: ILayoutMediaContext, fileContext: ILayoutFileContext) => void;
                 editableCanvas: (editorChromeStore: ReturnType<typeof useEditorChromeStore>, blockProvider: string, mediaContext: ILayoutMediaContext, fileContext: ILayoutFileContext) => void;
             };
-            dispose: () => void;
         }>;
         get: {
             layout: {
                 loaded: () => import("@omnia/fx-models").LoadedLayout;
             };
             block: {
+                readonly instances: {
+                    [blockManifestId: string]: Set<{
+                        instance: import("../..").IBlockInstanceExtendsInternal<void>;
+                    }>;
+                };
                 readonly settings: import("../..").ReactiveLayoutItemsSettingsStore;
                 settingsProvider: () => import("../..").BlockSettingsProvider;
                 renderMode: () => import("@omnia/fx-models").BlockRenderingModes;
@@ -63,73 +72,82 @@ export declare function useDefineLayoutEditorCanvas(settings: LayoutEditorCanvas
         rules: {
             isEditMode: () => boolean;
         };
-        hooks: {
-            blockInstanceCreated: {
-                trigger: (blockInstance: import("@omnia/fx-models").IBlockInstance) => void;
-                subscribe: (callback: (blockInstance: import("@omnia/fx-models").IBlockInstance) => void) => () => void;
-            };
-            layoutSectionRendererCreated: {
-                trigger: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => void;
-                subscribe: (callback: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => void) => () => void;
-            };
-        };
         readonly editor: {
             state: {
                 editorMode: import("@omnia/fx-models").LayoutCanvasMode;
                 id: guid;
                 settings: {
-                    showGrid: boolean;
+                    authDisabled: boolean;
+                    breakpointSettingsEnabled: boolean;
+                };
+                drawerMode: "settings" | "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;
                 };
             };
             actions: import("../../mobile").StoreReturnDefineAction<{
+                scrollToLayoutItem: (item: import("@omnia/fx-models").LayoutItem) => void;
+                selection: () => import("../../mobile").StoreReturnDefineAction<{
+                    removeSelectedLayoutItem: () => void;
+                    setSelectedLayoutItem: (item: import("@omnia/fx-models").LayoutItem, toggleSettings: boolean) => void;
+                }>;
+                enableDisplayBreakpointSettings: (enable: boolean) => void;
                 block: () => {
+                    set: {
+                        suggestedBlocks: (blocks: string[]) => void;
+                    };
                     ensureRemoveDeletedBlocks: (layout: import("@omnia/fx-models").Layout) => void;
                 };
-                layout: () => {
+                show: () => import("../../mobile").StoreReturnDefineAction<{
+                    showPanel: (panelType: "settings" | "layout-structure" | "clipboard", toggle: boolean) => void;
+                    settingsPanel: (toggle: boolean) => void;
+                    layoutStructurePanel: (toggle: boolean) => void;
+                    clipboardPanel: (toggle: boolean) => void;
+                }>;
+                layout: () => import("../../mobile").StoreReturnDefineAction<{
                     addItem: (itemreference: import("@omnia/fx-models").AddItemToLayoutPayLoad) => void;
-                };
-                toggleGrid: () => void;
+                    changeSectionType: (section: import("@omnia/fx-models").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").LayoutCanvasMode) => void;
-                init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStore: ReturnType<typeof useEditorChromeStore>) => void;
-                dispose: () => void;
+                init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof useEditorChromeStore>) => void;
             }>;
             get: {
+                settingsDefinitions: import("../..").LayoutDefinitionBuilder;
                 layout: {
                     active: () => import("@omnia/fx-models").Layout;
                 };
                 block: {
+                    suggestions: () => string[];
                     renderMode: () => import("@omnia/fx-models").BlockRenderingModes;
                 };
             };
             rules: {
-                hideGridSettings: () => boolean;
+                isSettingsActive: () => boolean;
+                isLayoutStructureActive: () => boolean;
+                isClipboardActive: () => boolean;
+                activeItem: {
+                    isSection(): boolean;
+                };
+                showSelectors: () => boolean;
                 isLayoutItemLocked: (item: import("@omnia/fx-models").LayoutItem) => boolean;
                 isTemplateEnabledLayout: () => boolean;
                 isAdvancedModeActivated: () => boolean;
+                isAuthDisabled: () => boolean;
             };
-            hooks: {
-                blockRemoved: {
-                    trigger: (block: import("@omnia/fx-models").Block) => void;
-                    subscribe: (callback: (block: import("@omnia/fx-models").Block) => void) => () => void;
-                };
-                blockCopied: {
-                    trigger: (originalBlock: import("@omnia/fx-models").Block, newBlock: import("@omnia/fx-models").Block) => void;
-                    subscribe: (callback: (originalBlock: import("@omnia/fx-models").Block, newBlock: import("@omnia/fx-models").Block) => void) => () => void;
-                };
-                layoutItemMoved: {
-                    trigger: (layoutItem: import("@omnia/fx-models").LayoutItem) => void;
-                    subscribe: (callback: (layoutItem: import("@omnia/fx-models").LayoutItem) => void) => () => void;
-                };
-                layoutPasted: {
-                    trigger: (layoutItem: import("@omnia/fx-models").ClipboardLayoutItem) => void;
-                    subscribe: (callback: (layoutItem: import("@omnia/fx-models").ClipboardLayoutItem) => void) => () => void;
-                };
-            };
-            dispose: () => void;
         } & {
             dispose?: () => void;
         };
-        dispose: () => void;
     } & {
         dispose?: () => void;
     };

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

@@ -1,4 +1,4 @@
-import { LayoutEditorCanvasApi } from "@omnia/fx-models";
+import { ColorSchemaTypes, LayoutEditorCanvasApi } from "@omnia/fx-models";
 import { LayoutCanvasStore } from "@omnia/fx/ux";
 import "./LayoutEditorCanvas.css";
 declare const _default: {
@@ -35,7 +35,21 @@ declare const _default: {
         provider: {
             type: import("vue").PropType<string>;
         };
-    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        colorSchemaType: {
+            type: import("vue").PropType<ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        container: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -75,7 +89,21 @@ declare const _default: {
         provider: {
             type: import("vue").PropType<string>;
         };
-    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+        colorSchemaType: {
+            type: import("vue").PropType<ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        container: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -112,8 +140,24 @@ declare const _default: {
     provider: {
         type: import("vue").PropType<string>;
     };
-}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    colorSchemaType: {
+        type: import("vue").PropType<ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
+}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
+        container?: boolean;
+        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         authDisabled?: boolean;
         provider?: string;
         styles?: Partial<{
@@ -137,6 +181,7 @@ declare const _default: {
             fixedPane: import("@omnia/fx-models").NestedCSSPropertiesExtends;
             drawerWrapper: import("@omnia/fx-models").NestedCSSPropertiesExtends;
         }>;
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         getApi?: (inst: LayoutEditorCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void;
     }>, never>;
 };

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

@@ -0,0 +1,15 @@
+import { LayoutItem } from "@omnia/fx/models";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    item?: LayoutItem;
+} & {
+    parentContainer?: LayoutItem;
+} & {
+    verticalMenu?: boolean;
+} & {
+    useTheme?: boolean;
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "item" | "parentContainer" | "verticalMenu" | "useTheme"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbarStyles.css.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Styles for the LayoutItemActionToolbar component
+ */
+export declare const LayoutItemActionToolbarStyles: {
+    padLockIcon: import("@omnia/fx/ux").StylexValue;
+    itemContainer: (vertically: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    toolBarPosition: Readonly<import("@omnia/fx/ux").StylexValue>;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutBlock.css.d.ts

@@ -0,0 +1,86 @@
+import { BlockLayoutSettings, ColorDefinition } from "@omnia/fx-models";
+import { MediaQuery } from "typestyle/lib/types";
+export declare const LayoutBlockStyles: {
+    themeStyling: {
+        input: {
+            stylex: typeof import("../../../aurora/styling/styles/InputStyling").InputStyling.getFieldBlueprintStylex;
+        };
+        icons: {
+            stylex: typeof import("../../../aurora/styling/styles").IconStyling.getIconBlueprintStylex;
+        };
+        colors: {
+            dividingOpacity: typeof import("../../../aurora/styling/styles").colorStyling.dividingOpacity;
+            backgroundOpacity: typeof import("../../../aurora/styling/styles").colorStyling.backgroundOpacity;
+            setColorOpacity: typeof import("@omnia/fx-models").setColorOpacity;
+        };
+        elementStyling: {
+            colorStylex: typeof import("../../../aurora/styling/styles").colorStyling.getColorStylingx;
+            selectedTableRowStylex: typeof import("../../../aurora/styling/styles").generalStylex.getSelectedTableRowStylex;
+            scrollStylex: typeof import("../../../aurora/styling/styles").generalStylex.getScrollStylex;
+            borderDividerStylex: typeof import("../../../aurora/styling/styles").generalStylex.getBorderDividerStylex;
+            hoverStylex: typeof import("../../../aurora/styling/styles").generalStylex.getHoverStylex;
+            css: {
+                generateAllStylesSchema: () => {
+                    [key: string]: string;
+                };
+                generateVariableStyle: (color: import("@omnia/fx-models").ColorValue) => {
+                    [key: string]: string;
+                };
+                generateValueVariable: (color: import("@omnia/fx-models").ColorValue) => string;
+            };
+        };
+        typography: {
+            valueStylex: typeof import("../../../aurora/styling/styles/Typography").TypographyStyling.typographyStylexFromValueStylex;
+            typeStylex: typeof import("../../../aurora/styling/styles/Typography").TypographyStyling.typographyTypeStylex;
+            stylex: typeof import("../../../aurora/styling/styles/Typography").TypographyStyling.typographyStylex;
+            fontStyling: typeof import("../../../aurora/styling/styles/Typography").fontStyling;
+            typeStyling: (typographyType: import("@omnia/fx-models").TextStyleTypes | import("@omnia/fx-models").TextStyleType, size: import("@omnia/fx-models").TextStyleSize | import("@omnia/fx-models").TextStyleSizes, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
+                baseStyles: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    fontStyle: string;
+                    textTransform: any;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    $nest: {};
+                };
+                mediumStyles: any;
+                smallStyles: any;
+                queryOnSmallScreen: MediaQuery;
+                queryOnMediumScreen: MediaQuery;
+            };
+        };
+        spacing: {
+            paddingStylex: (value: import("@omnia/fx-models").Spacing | import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx/ux").StylexValue;
+            marginStylex: (value: import("@omnia/fx-models").Spacing | import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx/ux").StylexValue;
+            value: (value: import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => number;
+            values: (value: import("@omnia/fx-models").Spacing, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx-models").Spacing;
+        };
+        fill: {
+            stylex: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
+        };
+        border: {
+            stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;
+        };
+        background: {
+            stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundObjectStylex;
+        };
+        text: {
+            stylex: typeof import("../../../aurora/styling/styles").TextStyles.getBlueprintTextStylex;
+            object: typeof import("../../../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
+        };
+    };
+    showHideFullMenu: string;
+    showHideSlimMenu: string;
+    selectorContainerExtensions: (colors: ColorDefinition, isSelected: boolean, settings: BlockLayoutSettings) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    selectorContainerHoverExtensions: (colors: ColorDefinition) => string;
+    toolbar: (baseColor: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    positionItemSelectorOnBorderTop: Readonly<import("@omnia/fx/ux").StylexValue>;
+    positionItemSelectorOnBorderBottom: Readonly<import("@omnia/fx/ux").StylexValue>;
+    padLockIcon: import("@omnia/fx/ux").StylexValue;
+};

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

@@ -0,0 +1,9 @@
+import { LayoutEngineRenderContext, Block, SectionSettings } from "@omnia/fx/models";
+export declare function useLayoutBlockEditorHooks(rendererContext: LayoutEngineRenderContext<Block, SectionSettings>): {
+    renderSelectors: () => import("vue/jsx-runtime").JSX.Element;
+    onBlockSelected: (e: MouseEvent) => void;
+    containerStyleExtensions: () => {
+        class: string;
+        stylex: Readonly<import("@omnia/fx/ux").StylexValue>;
+    };
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutColumn.css.d.ts

@@ -0,0 +1,10 @@
+import { SectionSettings } from "@omnia/fx-models";
+import { useColorSchemaStore } from "@omnia/fx/ux";
+/**
+ * Styles for the LayoutColumnStyles component
+ */
+export declare const LayoutColumnStyles: {
+    selectorPositioner: Readonly<import("@omnia/fx/ux").StylexValue>;
+    columnWrapperExtensions: Readonly<import("@omnia/fx/ux").StylexValue>;
+    selectorWrapper: (settings: SectionSettings, colors: ReturnType<typeof useColorSchemaStore>) => Readonly<import("@omnia/fx/ux").StylexValue>;
+};

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

@@ -0,0 +1,6 @@
+import { LayoutEngineRenderContext, SectionSettings, ColumnedSectionItemSettings, SectionItem } from "@omnia/fx/models";
+import { useColorSchemaStore } from "@omnia/fx/ux";
+export declare function useLayoutColumnEditorHooks(rendererContext: LayoutEngineRenderContext<SectionItem<ColumnedSectionItemSettings>, SectionSettings>, colors: ReturnType<typeof useColorSchemaStore>): {
+    renderSelectors: () => import("vue/jsx-runtime").JSX.Element;
+    columnWrapperStyleExtensions: Readonly<import("@omnia/fx/ux").StylexValue>;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutrenderinghooks/LayoutSection.css.d.ts

@@ -0,0 +1,90 @@
+import { ColorDefinition, SectionSettings } from "@omnia/fx-models";
+import { MediaQuery } from "typestyle/lib/types";
+export declare const LayoutSectionStyles: {
+    themeStyling: {
+        input: {
+            stylex: typeof import("../../../aurora/styling/styles/InputStyling").InputStyling.getFieldBlueprintStylex;
+        };
+        icons: {
+            stylex: typeof import("../../../aurora/styling/styles").IconStyling.getIconBlueprintStylex;
+        };
+        colors: {
+            dividingOpacity: typeof import("../../../aurora/styling/styles").colorStyling.dividingOpacity;
+            backgroundOpacity: typeof import("../../../aurora/styling/styles").colorStyling.backgroundOpacity;
+            setColorOpacity: typeof import("@omnia/fx-models").setColorOpacity;
+        };
+        elementStyling: {
+            colorStylex: typeof import("../../../aurora/styling/styles").colorStyling.getColorStylingx;
+            selectedTableRowStylex: typeof import("../../../aurora/styling/styles").generalStylex.getSelectedTableRowStylex;
+            scrollStylex: typeof import("../../../aurora/styling/styles").generalStylex.getScrollStylex;
+            borderDividerStylex: typeof import("../../../aurora/styling/styles").generalStylex.getBorderDividerStylex;
+            hoverStylex: typeof import("../../../aurora/styling/styles").generalStylex.getHoverStylex;
+            css: {
+                generateAllStylesSchema: () => {
+                    [key: string]: string;
+                };
+                generateVariableStyle: (color: import("@omnia/fx-models").ColorValue) => {
+                    [key: string]: string;
+                };
+                generateValueVariable: (color: import("@omnia/fx-models").ColorValue) => string;
+            };
+        };
+        typography: {
+            valueStylex: typeof import("../../../aurora/styling/styles/Typography").TypographyStyling.typographyStylexFromValueStylex;
+            typeStylex: typeof import("../../../aurora/styling/styles/Typography").TypographyStyling.typographyTypeStylex;
+            stylex: typeof import("../../../aurora/styling/styles/Typography").TypographyStyling.typographyStylex;
+            fontStyling: typeof import("../../../aurora/styling/styles/Typography").fontStyling;
+            typeStyling: (typographyType: import("@omnia/fx-models").TextStyleTypes | import("@omnia/fx-models").TextStyleType, size: import("@omnia/fx-models").TextStyleSize | import("@omnia/fx-models").TextStyleSizes, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
+                baseStyles: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    lineHeight: string;
+                    fontStyle: string;
+                    textTransform: any;
+                    letterSpacing: string;
+                    textDecoration: string;
+                    $nest: {};
+                };
+                mediumStyles: any;
+                smallStyles: any;
+                queryOnSmallScreen: MediaQuery;
+                queryOnMediumScreen: MediaQuery;
+            };
+        };
+        spacing: {
+            paddingStylex: (value: import("@omnia/fx-models").Spacing | import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx/ux").StylexValue;
+            marginStylex: (value: import("@omnia/fx-models").Spacing | import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx/ux").StylexValue;
+            value: (value: import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => number;
+            values: (value: import("@omnia/fx-models").Spacing, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx-models").Spacing;
+        };
+        fill: {
+            stylex: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
+        };
+        border: {
+            stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;
+        };
+        background: {
+            stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundObjectStylex;
+        };
+        text: {
+            stylex: typeof import("../../../aurora/styling/styles").TextStyles.getBlueprintTextStylex;
+            object: typeof import("../../../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
+        };
+    };
+    showHideFullMenu: string;
+    showHideSlimMenu: string;
+    sectionContentExtensions: (settings: SectionSettings) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    sectionWrapperHoverExtensions: (colors: ColorDefinition) => string;
+    sectionWrapperExtensions: (colors: ColorDefinition, isSelected: boolean, settings: SectionSettings) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    showhideTransition: (show: any) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    toolbar: (baseColor: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    removeScrollMargin: string;
+    positionItemSelectorOnBorderTop: Readonly<import("@omnia/fx/ux").StylexValue>;
+    positionItemSelectorOnBorderBottom: Readonly<import("@omnia/fx/ux").StylexValue>;
+    positionItemSelectorOnBorderTopCorrection: Readonly<import("@omnia/fx/ux").StylexValue>;
+    padLockIcon: import("@omnia/fx/ux").StylexValue;
+};

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

@@ -0,0 +1,10 @@
+import { LayoutEngineRenderContext, LayoutItemSettings, Section } from "@omnia/fx/models";
+export declare function useLayoutSectionEditorHooks(rendererContext: LayoutEngineRenderContext<Section, LayoutItemSettings>): {
+    renderSelectors: () => import("vue/jsx-runtime").JSX.Element;
+    onSectionSelected: (e: Event) => void;
+    sectionWrapperStyleExtensions: () => {
+        class: string;
+        stylex: Readonly<import("@omnia/fx/ux").StylexValue>;
+    };
+    sectionContentStylesExtensions: () => Readonly<import("@omnia/fx/ux").StylexValue>;
+};

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

@@ -0,0 +1,3 @@
+export * from "./LayoutBlockEditorHooks";
+export * from "./LayoutColumnEditorHooks";
+export * from "./LayoutSectionEditorHooks";

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/ColorSettings.d.ts

@@ -1,4 +1,4 @@
-import { FillDefinition } from "../../../../../../fx/models";
+import { FillDefinition } from "@omnia/fx/models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         "onUpdate:modelValue": {

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/TabsSettingsStylePanel.d.ts

@@ -1,4 +1,4 @@
-import { Section } from "../../../../../models";
+import { Section } from "../../../../models";
 export interface TabsSettingsProps {
     section: Section;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/_old/TemplatePreview_old.d.ts

@@ -0,0 +1,65 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        colorSchemaType: {
+            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        container: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        colorSchemaType: {
+            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        container: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    colorSchemaType: {
+        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
+}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        container?: boolean;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+    }>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/blocktitle/BlockTitle.css.d.ts

@@ -1,5 +1,5 @@
-import { BlockTitleIconSettings, BlockTitleSettings, TextAlignment, IconSizes } from "../../../../../../models";
-import { useColorSchemaStore } from "../../../../..";
+import { BlockTitleIconSettings, BlockTitleSettings, TextAlignment, IconSizes } from "../../../../../models";
+import { useColorSchemaStore } from "../../../..";
 export declare const BlockTitleStyles: {
     safeGetSpacingPixels(value: any, spacing: any): string;
     getIconOffset(iconSize: IconSizes): -10 | -15 | -25 | -30;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointBlockSettingsComponent.d.ts

@@ -0,0 +1,6 @@
+declare const _default: (props: import("../../../../InternalDefineComponent").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("../../../../VueComponentBase").VueComponentBaseProps, string> & import("../../../../InternalDefineComponent").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/breakpoints/BreakPointSectionSettingsComponent.d.ts

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

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/breakpoints/BreakPointSettingsComponent.css.d.ts

@@ -1,5 +1,5 @@
-import { ITheming } from "../../../../..";
-import { Color } from "../../../../../../models";
+import { ITheming } from "../../../..";
+import { Color } from "../../../../../models";
 /**
  * Styles for the LayoutColumnStyles component
  */