@omnia/fx 8.0.555-dev → 8.0.557-dev

package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/store/TextStylePickerStore.d.ts

@@ -1,11 +1,11 @@
 import { ThemedTextStyleValue, TextStyleValue, TypographyBlueprint, TextStyleBreakpointType, TextStyleConfiguration, guid } from "@omnia/fx-models";
 import { usePickerStore } from "internal/fx/ux/oxide/picker/stores/PickerStore";
 import { PickerVariant } from "internal/fx/ux/oxide/picker/models/SharedSettings";
-export type ViewTypes = "type-scale" | "system-styles" | "custom-styles" | "system-styles custom-styles" | "default";
+export type ViewTypes = "type-scale" | "system-styles" | "custom-styles" | "system-styles custom-styles" | "text-styles";
 /**Default will us the tenant styles */
 export declare const useTextStylePickerStore: () => {
     state: {
-        internalModel: number | TextStyleConfiguration | TextStyleValue;
+        internalModel: number | guid | TextStyleConfiguration | TextStyleValue;
         sampleText: string;
         viewType: ViewTypes;
         typographyBlueprint: TypographyBlueprint;
@@ -25,16 +25,18 @@ export declare const useTextStylePickerStore: () => {
         setFilters: (filters: Array<guid>) => void;
         setScaleValue(value: number): void;
         select: (value: TextStyleValue | TextStyleConfiguration) => void;
-        initState: (model: TextStyleValue | number | TextStyleConfiguration, sampleText: string, viewType: ViewTypes, typographyBlueprint: TypographyBlueprint, breakpoint: TextStyleBreakpointType) => void;
+        initState: (model: TextStyleValue | number | TextStyleConfiguration | guid, sampleText: string, viewType: ViewTypes, typographyBlueprint: TypographyBlueprint, breakpoint: TextStyleBreakpointType) => void;
     }>;
     get: {
         readonly iconSize: number;
         readonly textStyle: TextStyleValue;
         fontSize: (textStyle: TextStyleValue | number) => any;
-        displayText: (textStyle: TextStyleValue | TextStyleConfiguration | number) => any;
+        displayText: (textStyle: TextStyleValue | TextStyleConfiguration | number | guid) => any;
         displayIcon: (textStyle: ThemedTextStyleValue) => import("@omnia/fx-models").FontAwesomeIcon;
     };
     rules: {
+        displaySystemStyles: () => boolean;
+        displayCustomStyles: () => boolean;
         isPlacerHolder: (textStyle: ThemedTextStyleValue) => boolean;
         isSelected: (textStyle: TextStyleValue | TextStyleConfiguration) => boolean;
         showTextStyle: (textStyle: ThemedTextStyleValue) => boolean;

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemeSwitcher.css.d.ts

@@ -77,6 +77,12 @@ export declare const ThemeSwitcherStyles: {
             stylex: typeof import("../../styling/styles").FillStyling.getBlueprintFillStylex;
             stylexObject: typeof import("../../styling/styles").FillStyling.getBlueprintFillObjectStylex;
         };
+        containerFill: {
+            stylex: typeof import("../../styling/styles").BackgroundStyling.getContainerFillStylex;
+            stylexObject: typeof import("../../styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../styling/styles").BackgroundStyling.getBackgroundOverlay;
+        };
         border: {
             stylex: typeof import("../../styling/styles").BorderStyling.getBlueprintBorderStylex;
             stylexObject: typeof import("../../styling/styles").BorderStyling.getBlueprintBorderObjectStylex;

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemeSwitcher.d.ts

@@ -1,5 +1,5 @@
 import { DefineSlot } from "@omnia/fx/ux";
-import { Func } from "@omnia/fx-models";
+import { ButtonBlueprint, ButtonBlueprintVariant, Func } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
 import { useThemeSwitcherStore, ThemeSwitcherVariant } from "./store/ThemeSwitcherStore";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
@@ -14,6 +14,10 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     getApi?: (store: ReturnType<typeof useThemeSwitcherStore>) => null;
 } & {
     border?: "left" | "right" | "left right";
+} & {
+    buttonBlueprint?: ButtonBlueprint | ButtonBlueprintVariant;
+} & {
+    dynamicColorSchema?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
 } & DefineSlot<"activator", Func<[VNodeChild]>>> & {} & {
     "v-slots"?: {
         activator?: Func<[VNodeChild]>;
@@ -21,5 +25,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "variant" | "border" | "adminTheme" | "slot:activator" | "getApi" | "showAccessibility"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "dynamicColorSchema" | "variant" | "border" | "adminTheme" | "slot:activator" | "getApi" | "showAccessibility" | "buttonBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/store/ThemeSwitcherStore.d.ts

@@ -17,6 +17,7 @@ export declare const useThemeSwitcherStore: () => {
             variant: ThemeSwitcherVariant;
             adminTheme: boolean;
             showAccessibility: boolean;
+            isThemePreviewEnabled: boolean;
         };
         icons: ThemeSelectionValue;
     };
@@ -25,10 +26,10 @@ export declare const useThemeSwitcherStore: () => {
         setAccessibilityMode: (enabled: boolean) => Promise<void>;
         selectTheme: (theme: ITemplateRegistration<ResolvedThemeDefinition>) => Promise<void>;
         toggleThemeSelection: () => Promise<void>;
-        ensureThemeDefinitionSelection: () => void;
+        ensureThemeDefinitionSelection: (force?: boolean) => void;
         init: () => Promise<void>;
         setRenderingMode: () => void;
-        initAccessibilitySettings: () => Promise<void>;
+        initUserSettings: () => Promise<void>;
     }>;
     get: {
         readonly currentThemeDefinition: ResolvedThemeDefinition;

package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyViewerStore.d.ts

@@ -1,5 +1,5 @@
 import { TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyBlueprint, TextStyleBreakpointType } from "@omnia/fx-models";
-export type ViewTypes = "type-scale" | "system-styles" | "custom-styles" | "system-styles custom-styles" | "default";
+export type ViewTypes = "type-scale" | "system-styles" | "custom-styles" | "system-styles custom-styles" | "text-styles";
 export type Variant = "list" | "picker" | "list-preview";
 export declare const useTypographyViewerStore: () => {
     state: {

package/internal-do-not-import-from-here/ux/aurora/store/TextStyleConfigurationStore.d.ts

@@ -30,6 +30,7 @@ export declare const useTextStyleConfigurationStore: () => {
             byId: (id: guid) => TextStyleConfiguration;
             byIdWithDefaultFallback: (id: guid) => TextStyleConfiguration;
             byFilter: (ids: Array<guid>) => TextStyleConfiguration[];
+            byType: (item: TextStyleConfiguration | guid) => TextStyleConfiguration;
         };
         textStyling: {
             className: (id: guid) => string;

package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts

@@ -86,6 +86,12 @@ export declare function useThemeStyling(): {
         stylex: typeof FillStyling.getBlueprintFillStylex;
         stylexObject: typeof FillStyling.getBlueprintFillObjectStylex;
     };
+    containerFill: {
+        stylex: typeof BackgroundStyling.getContainerFillStylex;
+        stylexObject: typeof BackgroundStyling.getContainerFillStylexObjectStylex;
+        shape: typeof BackgroundStyling.getBackgroundShape;
+        overlay: typeof BackgroundStyling.getBackgroundOverlay;
+    };
     border: {
         stylex: typeof BorderStyling.getBlueprintBorderStylex;
         stylexObject: typeof BorderStyling.getBlueprintBorderObjectStylex;

package/internal-do-not-import-from-here/ux/aurora/styling/styles/BackgroundStyling.d.ts

@@ -1,8 +1,35 @@
-import { BackgroundDefinition } from "@omnia/fx-models";
+import { BackgroundDefinition, ContainerFillBlueprint } from "@omnia/fx-models";
 import { StylexValue } from "internal/fx/ux/Styles.stylex";
 import { useColorSchemaStore } from "@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/stores";
 export declare namespace BackgroundStyling {
     function backgroundGrid(): Readonly<StylexValue>;
+    function getBackgroundShape(fill: ContainerFillBlueprint): Readonly<StylexValue>;
+    function getBackgroundOverlay(fill: ContainerFillBlueprint, opacity: number, colors: any): string;
+    function getContainerFillStylex(fill: ContainerFillBlueprint, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
+    function getContainerFillStylexObjectStylex(fill: ContainerFillBlueprint, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): {
+        borderTopLeftRadius?: StylexValue;
+        borderTopRightRadius?: StylexValue;
+        borderBottomRightRadius?: StylexValue;
+        borderBottomLeftRadius?: StylexValue;
+        border?: StylexValue;
+        background?: StylexValue;
+        borderTop?: StylexValue;
+        borderRight?: StylexValue;
+        borderBottom?: StylexValue;
+        borderLeft?: StylexValue;
+    } & {
+        background?: StylexValue;
+        backdropFilter?: StylexValue;
+    } & {
+        position?: StylexValue;
+        backgroundImage?: StylexValue;
+        backgroundPosition?: StylexValue;
+        backgroundRepeat?: StylexValue;
+        backgroundSize?: StylexValue;
+        width?: StylexValue;
+        height?: StylexValue;
+        $nest?: StylexValue;
+    };
     function getBlueprintBackgroundStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
     function getBlueprintBackgroundObjectStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): {
         borderTopLeftRadius?: StylexValue;

package/internal-do-not-import-from-here/ux/authsetup/loc/localize.d.ts

@@ -30,6 +30,8 @@ export declare namespace AuthSetupLocalization {
         Hi: string;
         Welcome: string;
         WelcomeMessage: string;
+        ConfirmMessage: string;
+        ConfirmButton: string;
         Next: string;
         SuccessMessage: string;
         Error: string;

package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome.css.d.ts

@@ -78,6 +78,12 @@ export declare const EditorChromeStyles: {
             stylex: typeof import("../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
             stylexObject: typeof import("../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
         };
+        containerFill: {
+            stylex: typeof import("../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
+            stylexObject: typeof import("../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
+        };
         border: {
             stylex: typeof import("../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
             stylexObject: typeof import("../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;

package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.css.d.ts

@@ -77,6 +77,12 @@ export declare const ToolbarButtonStyles: {
             stylex: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
             stylexObject: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
         };
+        containerFill: {
+            stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
+            stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
+        };
         border: {
             stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
             stylexObject: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;

package/internal-do-not-import-from-here/ux/editorchrome/toolbars/Toolbar.css.d.ts

@@ -77,6 +77,12 @@ export declare const ToolbarStyles: {
             stylex: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
             stylexObject: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
         };
+        containerFill: {
+            stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
+            stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
+        };
         border: {
             stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
             stylexObject: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;

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

@@ -0,0 +1,5 @@
+export declare const fontAwesomeBrandsIcons: {
+    cssClass: string;
+    code: string;
+    terms: string[];
+}[];

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

@@ -1,4 +1,4 @@
-export declare const fontAwesomeIcons: {
+export declare const allFontAwesomeIcons: {
     cssClass: string;
     code: string;
     terms: string[];

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

@@ -36,6 +36,10 @@ declare const _default: {
                 identities: Array<IResolvedIdentity>;
             }) => VNodeChild;
         }>;
+        openProfileCard: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
         displayIdentityType: {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -143,6 +147,10 @@ declare const _default: {
                 identities: Array<IResolvedIdentity>;
             }) => VNodeChild;
         }>;
+        openProfileCard: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
         displayIdentityType: {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -247,6 +255,10 @@ declare const _default: {
             identities: Array<IResolvedIdentity>;
         }) => VNodeChild;
     }>;
+    openProfileCard: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
     displayIdentityType: {
         type: import("vue").PropType<boolean>;
         required: false;
@@ -392,6 +404,7 @@ declare const _default: {
             class?: string;
         };
         displayIdentityType?: boolean;
+        openProfileCard?: boolean;
     }>, never>;
 };
 export default _default;

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

@@ -8,6 +8,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     modelValue?: Object;
 } & {
     readOnly?: boolean;
+} & {
+    size?: "x-small" | "small" | "medium" | "large" | "full";
 } & DefineEmit<"click:import", (data: any) => void> & DefineSlot<"activator", () => VNodeChild> & DefineRef<{
     openDialog: () => void;
 }>> & {
@@ -28,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     }> | ((ref: {
         openDialog: () => void;
     }) => void);
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "ref" | "v-model" | "modelValue" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "size" | "ref" | "v-model" | "modelValue" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -79,6 +79,12 @@ export declare const LayoutBlockStyles: {
             stylex: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
         };
+        containerFill: {
+            stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
+        };
         border: {
             stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;

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

@@ -79,6 +79,12 @@ export declare const LayoutSectionStyles: {
             stylex: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
         };
+        containerFill: {
+            stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
+        };
         border: {
             stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/items/ColumnListingSettingsPanel.d.ts

@@ -4,10 +4,65 @@ export interface ColumnListingSettingsPanelProps {
 }
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        section: {
-            type: import("vue").PropType<Section<ColumnedSectionSettings>>;
-        };
-    }>>, () => 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, {
+        emit: import("vue").Prop<{
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        }, {
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        }>;
+        props: import("vue").Prop<{
+            theming: {
+                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;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        }, {
+            theming: {
+                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;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        }>;
+        onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+        onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -15,20 +70,162 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        section: {
-            type: import("vue").PropType<Section<ColumnedSectionSettings>>;
-        };
+        emit: import("vue").Prop<{
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        }, {
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        }>;
+        props: import("vue").Prop<{
+            theming: {
+                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;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        }, {
+            theming: {
+                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;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        }>;
+        onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+        onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    section: {
-        type: import("vue").PropType<Section<ColumnedSectionSettings>>;
-    };
-}>>, () => 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 & {
+    emit: import("vue").Prop<{
+        name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+            doc$(description?: string): { [K_1 in TName]: unknown; };
+        };
+    }, {
+        name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+            doc$(description?: string): { [K_1 in TName]: unknown; };
+        };
+    }>;
+    props: import("vue").Prop<{
+        theming: {
+            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;
+            };
+        };
+        class: {
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
+            };
+        };
+    }, {
+        theming: {
+            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;
+            };
+        };
+        class: {
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
+            };
+        };
+    }>;
+    onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+    onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+    onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+    onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+    onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+    onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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 & {
     propsDefinition: Omit<Readonly<{} & {
-        section?: Section<ColumnedSectionSettings>;
+        props?: {
+            theming: {
+                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;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        };
+        onVnodeBeforeMount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
+        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
+        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
+        onVnodeMounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
+        onVnodeUnmounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
+        onVnodeUpdated?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
+        emit?: {
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        };
     }>, never>;
 };
 export default _default;