@omnia/fx 8.0.162-dev → 8.0.164-dev

package/internal-do-not-import-from-here/console/components/Console.d.ts

@@ -1,6 +1,4 @@
-declare const _default: (props: {
-    [x: string]: any;
-} & Omit<{}, string | number> & {
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & Omit<{}, string | number> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & {};
@@ -42,9 +40,7 @@ declare const _default: (props: {
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    propsDefinition: {
-        [x: string]: any;
-    } & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {};

package/internal-do-not-import-from-here/manifests/omnia.fx.core.manifest.json

@@ -1 +1 @@
-{"name":"omniaWebpackJsonp['bb000000-0000-bbbb-0000-0000000000bb']['a2892051-fd9f-4056-ae8d-30d16d48417d']","content":{"./node_modules/@omnia/fx/core/services/IAppRouteFactory.js":{"id":"./node_modules/@omnia/fx/core/services/iapproutefactory.js","buildMeta":{"exportsType":"namespace"},"expo.js":["IAppRouteFactory"]},"./node_modules/@omnia/fx/core/services/InternalConfigurationService.js":{"id":"./node_modules/@omnia/fx/core/services/internalconfigurationservice.js","buildMeta":{"exportsType":"namespace"},"expo.js":["InternalConfigurationService"]},"./node_modules/@omnia/fx-models/ManifestIds.js":{"id":"./node_modules/@omnia/fx-models/manifestids.js","buildMeta":{"exportsType":"namespace"},"expo.js":["OmniaGroupManifests","OmniaResourceManifests","OmniaService","OmniaWebComponentManifests"]},"./node_modules/@omnia/fx/ux/velcron/core/models/index.js":{"id":"./node_modules/@omnia/fx/ux/velcron/core/models/index.js","buildMeta":{"exportsType":"namespace"},"expo.js":["AssignOperators","VelcronActionTypes","VelcronColorSchemasStateBinding","VelcronContentStateBinding","VelcronDataTypes","VelcronHeaderStateBinding","VelcronHorizontalAlignments","VelcronIconTypes","VelcronImageRatios","VelcronImagesStateBinding","VelcronSpacingStateBinding","VelcronStateBinding","VelcronVerticalAlignments","VelcronViewDirections"]},"./node_modules/@omnia/fx/core/services/ServiceManifestProviderInternal.js":{"id":"0688ceff-4257-4427-b385-a83d6802c509","buildMeta":{"exportsType":"namespace"},"expo.js":["ServiceManifestProviderInternal"]},"./node_modules/@omnia/fx/core/messaging/InternalTopics.js":{"id":"10407664-c0c5-438b-94b2-507d58d190af","buildMeta":{"exportsType":"namespace"},"expo.js":["InternalTopics"]},"./node_modules/@omnia/fx/core/Extend.js":{"id":"4eeb27d5-906a-4edf-bd38-3d97048cda3d","buildMeta":{"exportsType":"namespace"},"expo.js":["Extend","InternalExtend","registerApi"]},"./node_modules/@omnia/fx/core/index.js":{"id":"97786ea9-4861-48bd-8a57-eae9bbdb4892","buildMeta":{"exportsType":"namespace"},"expo.js":["AppRoutePropertyBagFactory","AuthenticationSessionService","BusinessProfilePathPropertyBagFactory","BusinessProfilePropertyBagFactory","Console","ConsoleUIService","Cookies","Encoder","EnterprisePropertyHandler","ErrorBus","Extend","GraphClient","HttpClient","HttpContextProviderCollection","IAppRouteFactory","IBusinessProfileFactory","ITenantFactory","Inject","Injectable","LocalStorage","LocalizationServiceProviders","MD5Util","ManifestResourceLoader","MessageBus","MessageBusExposeOnlyPublication","MessageBusExposeOnlySubscription","MessageBusTopicMediator","MigrationUtils","NamedPropertyOperationsFactory","OmniaPropertyBagBase","Provide","Require","ServiceContainer","ServiceContainerContext","ServiceLocator","ServiceManifestProvider","SubscriptionHandler","TenantPropertyBagFactory","TokenService","Topics","UserAgentUtils","UserPropertyBagFactory","Utils","WebUtils","createEventHook","defineFactory","defineInjectable","defineService","injectByTypeId","isInjectable","mergeLocaliation","propertyPath","propertyPathValue","registerApi","registerInjectResolver","useInject","useOmniaClient","useProvide"]},"./node_modules/@omnia/fx/core/http/InternalHttpPlugins.js":{"id":"b8d937e0-3fc3-4412-a469-92941b829cdb","buildMeta":{"exportsType":"namespace"},"expo.js":["HttpContextConfigPlugin","HttpRetryPlugIn"]},"./node_modules/@omnia/fx/runtime/core/InternalWebComponentBootstrapper.js":{"id":"c9f21f62-e664-44e4-8cf4-0dcbec75c4bf","buildMeta":{"exportsType":"namespace"},"expo.js":["InternalWebComponentBootstrapper"]},"./node_modules/@omnia/fx-models/index.js":{"id":"d0a145a7-d1ef-4217-aa6f-85dd18c4231d","buildMeta":{"exportsType":"namespace"}},"./node_modules/@omnia/fx/core/messaging/InternalMessageBusMediator.js":{"id":"f986d8dd-7c76-40b6-9bf8-b64ac2902642","buildMeta":{"exportsType":"namespace"},"expo.js":[]},"./node_modules/@omnia/fx/runtime/core/index.js":{"id":"ff061abc-7f0e-444b-b2b9-7ff71c5842c5","buildMeta":{"exportsType":"namespace"},"expo.js":["LoadableManifest","LocalHostingService","ManifestByBackendRuntimeLoader","ManifestByClientRuntimeLoader","ManifestByElementLoader","ManifestByFeatureLoader","ManifestByLicenseLoader","ManifestByUrlLoader","ManifestByUserLoader","ManifestCombinedRuleLoader","ManifestExtendRuleLoader","ManifestPublisher","ManifestResourceLoader","ManifestSubscriber","PublicManifestResourceLoader"]}}}
+{"name":"omniaWebpackJsonp['bb000000-0000-bbbb-0000-0000000000bb']['a2892051-fd9f-4056-ae8d-30d16d48417d']","content":{"./node_modules/@omnia/fx/core/services/IAppRouteFactory.js":{"id":"./node_modules/@omnia/fx/core/services/iapproutefactory.js","buildMeta":{"exportsType":"namespace"},"expo.js":["IAppRouteFactory"]},"./node_modules/@omnia/fx/core/services/InternalConfigurationService.js":{"id":"./node_modules/@omnia/fx/core/services/internalconfigurationservice.js","buildMeta":{"exportsType":"namespace"},"expo.js":["InternalConfigurationService"]},"./node_modules/@omnia/fx-models/ManifestIds.js":{"id":"./node_modules/@omnia/fx-models/manifestids.js","buildMeta":{"exportsType":"namespace"},"expo.js":["OmniaGroupManifests","OmniaResourceManifests","OmniaService","OmniaWebComponentManifests"]},"./node_modules/@omnia/fx/ux/velcron/core/models/index.js":{"id":"./node_modules/@omnia/fx/ux/velcron/core/models/index.js","buildMeta":{"exportsType":"namespace"},"expo.js":["AssignOperators","VelcronActionTypes","VelcronDataTypes","VelcronIconTypes","VelcronImageRatios","VelcronImagesStateBinding","VelcronStateBinding","VelcronStateMapping"]},"./node_modules/@omnia/fx/core/services/ServiceManifestProviderInternal.js":{"id":"0688ceff-4257-4427-b385-a83d6802c509","buildMeta":{"exportsType":"namespace"},"expo.js":["ServiceManifestProviderInternal"]},"./node_modules/@omnia/fx/core/messaging/InternalTopics.js":{"id":"10407664-c0c5-438b-94b2-507d58d190af","buildMeta":{"exportsType":"namespace"},"expo.js":["InternalTopics"]},"./node_modules/@omnia/fx/core/Extend.js":{"id":"4eeb27d5-906a-4edf-bd38-3d97048cda3d","buildMeta":{"exportsType":"namespace"},"expo.js":["Extend","InternalExtend","registerApi"]},"./node_modules/@omnia/fx/core/index.js":{"id":"97786ea9-4861-48bd-8a57-eae9bbdb4892","buildMeta":{"exportsType":"namespace"},"expo.js":["AppRoutePropertyBagFactory","AuthenticationSessionService","BusinessProfilePathPropertyBagFactory","BusinessProfilePropertyBagFactory","Console","ConsoleUIService","Cookies","Encoder","EnterprisePropertyHandler","ErrorBus","Extend","GraphClient","HttpClient","HttpContextProviderCollection","IAppRouteFactory","IBusinessProfileFactory","ITenantFactory","Inject","Injectable","LocalStorage","LocalizationServiceProviders","MD5Util","ManifestResourceLoader","MessageBus","MessageBusExposeOnlyPublication","MessageBusExposeOnlySubscription","MessageBusTopicMediator","MigrationUtils","NamedPropertyOperationsFactory","OmniaPropertyBagBase","Provide","Require","ServiceContainer","ServiceContainerContext","ServiceLocator","ServiceManifestProvider","SubscriptionHandler","TenantPropertyBagFactory","TokenService","Topics","UserAgentUtils","UserPropertyBagFactory","Utils","WebUtils","createEventHook","defineFactory","defineInjectable","defineService","injectByTypeId","isInjectable","mergeLocaliation","propertyPath","propertyPathValue","registerApi","registerInjectResolver","useInject","useOmniaClient","useProvide"]},"./node_modules/@omnia/fx/core/http/InternalHttpPlugins.js":{"id":"b8d937e0-3fc3-4412-a469-92941b829cdb","buildMeta":{"exportsType":"namespace"},"expo.js":["HttpContextConfigPlugin","HttpRetryPlugIn"]},"./node_modules/@omnia/fx/runtime/core/InternalWebComponentBootstrapper.js":{"id":"c9f21f62-e664-44e4-8cf4-0dcbec75c4bf","buildMeta":{"exportsType":"namespace"},"expo.js":["InternalWebComponentBootstrapper"]},"./node_modules/@omnia/fx-models/index.js":{"id":"d0a145a7-d1ef-4217-aa6f-85dd18c4231d","buildMeta":{"exportsType":"namespace"}},"./node_modules/@omnia/fx/core/messaging/InternalMessageBusMediator.js":{"id":"f986d8dd-7c76-40b6-9bf8-b64ac2902642","buildMeta":{"exportsType":"namespace"},"expo.js":[]},"./node_modules/@omnia/fx/runtime/core/index.js":{"id":"ff061abc-7f0e-444b-b2b9-7ff71c5842c5","buildMeta":{"exportsType":"namespace"},"expo.js":["LoadableManifest","LocalHostingService","ManifestByBackendRuntimeLoader","ManifestByClientRuntimeLoader","ManifestByElementLoader","ManifestByFeatureLoader","ManifestByLicenseLoader","ManifestByUrlLoader","ManifestByUserLoader","ManifestCombinedRuleLoader","ManifestExtendRuleLoader","ManifestPublisher","ManifestResourceLoader","ManifestSubscriber","PublicManifestResourceLoader"]}}}

package/internal-do-not-import-from-here/stores/mediapicker/ImageTransformerStore.d.ts

@@ -168,6 +168,9 @@ export declare const useMediaPickerImageTransformerStore: () => {
         onMutatedShowWarningCropInvalidDialog: import("../../core").MessageBusExposeOnlySubscription<boolean>;
         onMutatedCustomCropZone: import("../../core").MessageBusExposeOnlySubscription<MediaPickerCropTransformation>;
         onMutatedCurrentFilter: import("../../core").MessageBusExposeOnlySubscription<MediaPickerFilterTransformation>;
+        onMutatedSelectedCropInformation: import("../../core").MessageBusExposeOnlySubscription<{
+            [id: number]: MediaPickerCropTransformation;
+        }>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     mutate: {
         showImageTransformer: (value: boolean | ((prev: boolean) => boolean)) => void;
@@ -185,6 +188,13 @@ export declare const useMediaPickerImageTransformerStore: () => {
         showWarningCropInvalidDialog: (value: boolean | ((prev: boolean) => boolean)) => void;
         customCropZone: (value: MediaPickerCropTransformation | ((prev: MediaPickerCropTransformation) => MediaPickerCropTransformation)) => void;
         currentFilter: (value: MediaPickerFilterTransformation | ((prev: MediaPickerFilterTransformation) => MediaPickerFilterTransformation)) => void;
+        selectedCropInformation: (value: {
+            [id: number]: MediaPickerCropTransformation;
+        } | ((prev: {
+            [id: number]: MediaPickerCropTransformation;
+        }) => {
+            [id: number]: MediaPickerCropTransformation;
+        })) => void;
     };
     get: {
         renditions(): {
@@ -229,6 +239,9 @@ export declare const useMediaPickerImageTransformerStore: () => {
         showWarningCropInvalidDialog: boolean;
         customCropZone: MediaPickerCropTransformation;
         currentFilter: MediaPickerFilterTransformation;
+        selectedCropInformation: {
+            [id: number]: MediaPickerCropTransformation;
+        };
     };
 };
 export type ImageTransformerStore = ReturnType<typeof useMediaPickerImageTransformerStore>;

package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts

@@ -14,15 +14,15 @@ export interface NewHostSettings {
 export declare const useCompontentHostStore: () => {
     state: {
         host: "admin" | "editor" | "docs";
-        componentHost: "tab" | "dialog" | "menu" | "table" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
-        componentVariant: "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section";
+        componentHost: "toolbar" | "tab" | "dialog" | "menu" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
+        componentVariant: "toolbar" | "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
         appliedComponents: string[];
         force: boolean;
     };
     events: {
         onMutatedHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"admin" | "editor" | "docs">;
-        onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"tab" | "dialog" | "menu" | "table" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
-        onMutatedComponentVariant: import("internal/fx/core").MessageBusExposeOnlySubscription<"navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section">;
+        onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "dialog" | "menu" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
+        onMutatedComponentVariant: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
         onMutatedAppliedComponents: import("internal/fx/core").MessageBusExposeOnlySubscription<string[]>;
         onMutatedForce: import("internal/fx/core").MessageBusExposeOnlySubscription<boolean>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
@@ -35,10 +35,10 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (type: "tab" | "dialog" | "menu" | "table" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (type: "toolbar" | "tab" | "dialog" | "menu" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
-                subscribe(fn: (variant: "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (variant: "toolbar" | "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setForce: {
                 subscribe(fn: (value: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -55,10 +55,10 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (result: void, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (result: void, type: "tab" | "dialog" | "menu" | "table" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, type: "toolbar" | "tab" | "dialog" | "menu" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
-                subscribe(fn: (result: void, variant: "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, variant: "toolbar" | "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setForce: {
                 subscribe(fn: (result: void, value: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -75,10 +75,10 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (failureReason: any, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (failureReason: any, type: "tab" | "dialog" | "menu" | "table" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "dialog" | "menu" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
-                subscribe(fn: (failureReason: any, variant: "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, variant: "toolbar" | "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setForce: {
                 subscribe(fn: (failureReason: any, value: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -98,8 +98,8 @@ export declare const useCompontentHostStore: () => {
     get: {
         canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
         readonly host: "admin" | "editor" | "docs";
-        readonly componentHost: "tab" | "dialog" | "menu" | "table" | "toolbar" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
-        readonly componentVariant: "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "toolbar" | "settings" | "info-section";
+        readonly componentHost: "toolbar" | "tab" | "dialog" | "menu" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
+        readonly componentVariant: "toolbar" | "navigation" | "default" | "section" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
         readonly force: boolean;
         appliedComponents(host: string): boolean;
     };

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

@@ -72,6 +72,11 @@ type VuetifyValue<T> = T extends {
 import { VTooltip, VTextarea, VSwitch, VRadioGroup, VLazy, VForm, VTextField, VBtn, VBtnToggle, VBtnGroup, VNavigationDrawer, VList, VListItem, VListGroup, VListImg, VListItemAction, VListItemTitle, VListItemSubtitle, VListItemMedia, VListSubheader, VDialog, VDialogBottomTransition, VDialogTopTransition, VDialogTransition, VCard, VCardActions, VCardItem, VCardSubtitle, VCardText, VCardTitle, VExpansionPanels, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VAutocomplete, VMenu, VTable, VCheckbox, VCheckboxBtn, VVirtualScroll, VChip, VSelect, VBadge, VCol, VPagination, VRating, VRangeSlider, VSnackbar, VRadio, VSlideGroup, VSlideGroupItem } from "vuetify/components";
 import { Intersect } from "vuetify/directives";
 import { VDataTable, VDataTableRow, VDataTableRows, VDataTableVirtual, VDataTableServer, VInfiniteScroll, VDatePicker } from "vuetify/components";
+import { VTimePicker } from "vuetify/labs/VTimePicker";
+import { VNumberInput } from "vuetify/labs/VNumberInput";
+import { VFab } from "vuetify/labs/VFab";
+import { VSpeedDial } from "vuetify/labs/VSpeedDial";
+import { VTreeview } from "vuetify/labs/VTreeview";
 export interface VDataTableServerSlots extends VuetifySlots<VuetifyProps<Pick<VDataTableServer, "$props">>> {
 }
 export interface VDataTableSlots extends VuetifySlots<VuetifyProps<Pick<VDataTable, "$props">>> {
@@ -98,6 +103,21 @@ declare global {
             "v-intersect"?: VuetifyValue<Pick<Parameters<typeof Intersect.mounted>[1], "value">>;
         }
         interface IntrinsicElements {
+            "v-treeview": VuetifyProps<Pick<VTreeview, "$props">> & {
+                [name: string]: any;
+            };
+            "v-speed-dial": VuetifyProps<Pick<VSpeedDial, "$props">> & {
+                [name: string]: any;
+            };
+            "v-fab": VuetifyProps<Pick<VFab, "$props">> & {
+                [name: string]: any;
+            };
+            "v-number-input": VuetifyProps<Pick<VNumberInput, "$props">> & {
+                [name: string]: any;
+            };
+            "v-time-picker": VuetifyProps<Pick<VTimePicker, "$props">> & {
+                [name: string]: any;
+            };
             "v-lazy": VuetifyProps<Pick<VLazy, "$props">> & {
                 [name: string]: any;
             };

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

@@ -1,6 +1,6 @@
 import { Prop, PropType, VNodeChild } from "vue";
 import { ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
-import { useColorSchemaStore } from "./aurora";
+import { ColorSchemaStoreType } from "./aurora";
 export type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
 export type VModelKeyNameInJsxElement<N extends string> = N extends "" ? "v-model" : `v-model:${N}`;
 export type VModelEmitsInJsxElement<N extends string> = N extends "" ? "onUpdate:modelValue" : `onUpdate:${N}`;
@@ -32,7 +32,7 @@ export type DefineVModel<TName extends string, TType, Required extends boolean =
 };
 export type ItemType<T> = T extends readonly (infer U)[] ? U : never;
 export type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
-export type DefinePropTheming = DefineProp<"colorSchemaType", ColorSchemaTypes | ColorSchemaType> & DefineProp<"container", boolean> & DefineProp<"colors", ReturnType<typeof useColorSchemaStore>>;
+export type DefinePropTheming = DefineProp<"colorSchemaType", ColorSchemaTypes | ColorSchemaType> & DefineProp<"container", boolean> & DefineProp<"colors", ColorSchemaStoreType>;
 export type DefinePropClass = DefineProp<"class", String | String[]>;
 type BuildVModelName<TName extends string, TPropType, Required extends boolean = false> = Required extends false ? {
     [key in VModelEmitsInJsxElement<TName>]: {

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

@@ -78,5 +78,5 @@ export type { FocusOption, LinkHandlerOptions, ScrollOption } from "./directives
 export { FocusDirective, LinkHandlerDirective, ScrollDirective } from "./directives";
 export { VueComponentBase, VueComponentConnect, getVuetifyAppClasses } from "./VueComponentBase";
 export type { VueComponentBaseEvents, VueComponentBaseProps } from "./VueComponentBase";
-export { createVueNode, definePropFunctionType, definePropObjectType, defineVue, defineVueComponent, getElementName, isElement, type SetupComponentContext } from "./InternalDefineComponent";
+export { createVueNode, definePropFunctionType, definePropObjectType, defineVue, defineVueComponent, getElementName, isElement, type SetupComponentContext, type ExtractProps, type ExtractEmits, type ExtractSlots } from "./InternalDefineComponent";
 export { type DefineEmit, type DefineProp, type DefinePropClass, type DefinePropTheming, type DefineSlot, type DefineType, type DefineVModel, type ItemType, type SelectItemKey } from "./DefineVueTypings";

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

@@ -1,8 +1,8 @@
 import { SubscriptionHandler } from "@omnia/fx";
 import { ComponentInjectOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentPropsOptions, ComponentPublicInstance, ComputedOptions, CreateComponentPublicInstance, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, ObjectEmitsOptions, Prop, PropType, RenderFunction, Slot, SlotsType, VNode, VNodeArrayChildren, VNodeProps, VNodeTypes, watch, watchEffect } from "vue";
 import { LooseRequired, Prettify, UnionToIntersection } from "@vue/shared";
-import { ComponentBundleManifest, Directives, GuidValue, ThemeableComponentProps } from "@omnia/fx-models";
-import { VueComponentBaseProps } from ".";
+import { ColorSchemaTypes, ComponentBundleManifest, Directives, GuidValue } from "@omnia/fx-models";
+import { ColorSchemaStoreType, VueComponentBaseProps } from ".";
 import { IValidator } from "./models/Validation";
 import { useColorSchemaSetup } from "./use/UseColorSchemaSetup";
 export declare function definePropFunctionType<T>(): PropType<T>;
@@ -54,16 +54,13 @@ type ExcludeJsxPropKeys<T> = T extends string[] ? T : {
 type ExtractPropModels<T> = {
     -readonly [K in keyof T as K extends `v-model:${infer N}` ? N : K extends "v-model" | "modelValue" ? "modelValue" : never]: T[K];
 };
-type ExtractSlot<T> = {
+type ExtractSlotsFromProps<T> = {
     [K in keyof T as K extends `slot:${infer N}` ? N : never]: T[K];
 };
-type ExtractEmit<T> = {
+type ExtractEmitsFromProps<T> = {
     [K in keyof T as K extends `emit:${infer N}` ? N : never]: T[K];
 };
-type ExtractProp<T> = {
-    [K in keyof T as K extends `emit:${infer _}` | `slot:${infer _}` ? never : K]: T[K];
-};
-type ExtractPropSlots<T> = T extends {
+type ExtractVSlots<T> = T extends {
     "v-slots"?: any;
 } ? T["v-slots"] & {
     default?: Slot;
@@ -132,7 +129,7 @@ type UseState = <T = any>(state?: T) => {
 type InternalSetupContext<ExtractedPropsType, Props, E = EmitsOptions, S extends Object = {}> = {
     props: ExtractedPropsType;
     attrs: Data;
-    slots: ExtractPropSlots<Props> & S;
+    slots: ExtractVSlots<Props> & S;
     models?: Required<ExtractPropModels<Props>>;
     colors: ReturnType<typeof useColorSchemaSetup>;
     validator: IValidator;
@@ -143,16 +140,21 @@ type InternalSetupContext<ExtractedPropsType, Props, E = EmitsOptions, S extends
     watchEffect: typeof watchEffect;
     subscriptions: SubscriptionHandler;
 };
-export type SetupComponentContext<TProp = {}> = InternalSetupContext<ExtractProp<TProp>, ExtractProp<TProp>, ExtractEmit<TProp>, ExtractSlot<TProp>>;
+export type ExtractProps<T> = {
+    [K in keyof T as K extends `emit:${infer _}` | `slot:${infer _}` ? never : K]: T[K];
+};
+export type ExtractEmits<T> = EmitFn<ExtractEmitsFromProps<T>>;
+export type ExtractSlots<T> = ExtractVSlots<SlotsToProps<ExtractSlotsFromProps<T>>>;
+export type SetupComponentContext<TProp = {}> = InternalSetupContext<ExtractProps<TProp>, ExtractProps<TProp>, ExtractEmitsFromProps<TProp>, ExtractSlotsFromProps<TProp>>;
 interface ComponentOptionsBaseExtends<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string> extends ComponentOptionsBase<ExcludeJsxPropKeys<Props>, RawBindings, D, C, M, Mixin, Extends, E, EE, Defaults, I, II> {
     setup?: (this: void, ctx: InternalSetupContext<LooseRequired<ExcludeJsxPropKeys<Props> & Prettify<UnwrapMixinsType<IntersectionMixin<Mixin> & IntersectionMixin<Extends>, "P">>>, Props, E>) => Promise<RawBindings> | RawBindings | RenderFunction | void;
 }
 export declare function defineVueComponent<Props extends Record<string, any>, E extends EmitsOptions = {}, EE extends string = string, S extends Object = {}>(setup: (ctx: SetupComponentContext<Props>) => RenderFunction | Promise<RenderFunction>, options?: Pick<ComponentOptions, "name" | "inheritAttrs"> & {
-    props?: (keyof ExtractProp<Props>)[];
-    emits?: ExtractEmit<Props> | EE[];
-    slots?: ExtractSlot<Props>;
-}, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<ExtractProp<Props>, {}, {}, {}, {}, {}, {}, ExtractEmit<Props>, EE>) => void): ((props: ExtractProp<Props> & Omit<EmitsToProps<ExtractEmit<Props>>, keyof ExtractProp<Props>> & SlotsToProps<ExtractSlot<Props>> & Omit<VueComponentBaseProps, keyof Props>) => ComponentPublicInstance & {
-    propsDefinition: ExtractProp<Props> & SlotsToProps<ExtractSlot<Props>> & EmitsToProps<ExtractEmit<Props>> & Omit<VueComponentBaseProps, keyof ExtractProp<Props>>;
+    props?: (keyof ExtractProps<Props>)[];
+    emits?: ExtractEmitsFromProps<Props> | EE[];
+    slots?: ExtractSlotsFromProps<Props>;
+}, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<ExtractProps<Props>, {}, {}, {}, {}, {}, {}, ExtractEmitsFromProps<Props>, EE>) => void): ((props: ExtractProps<Props> & Omit<EmitsToProps<ExtractEmitsFromProps<Props>>, keyof ExtractProps<Props>> & SlotsToProps<ExtractSlotsFromProps<Props>> & Omit<VueComponentBaseProps, keyof Props>) => ComponentPublicInstance & {
+    propsDefinition: ExtractProps<Props> & SlotsToProps<ExtractSlotsFromProps<Props>> & EmitsToProps<ExtractEmitsFromProps<Props>> & Omit<VueComponentBaseProps, keyof ExtractProps<Props>>;
 } & VNode);
 export declare function defineVueComponent<Props = {}, RawBindings = {}, D = {}, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, E extends EmitsOptions = {}, EE extends string = string, I extends ComponentInjectOptions = {}, II extends string = string>(options: ComponentOptionsWithoutProps<Props, RawBindings, D, C, M, Mixin, Extends, E, EE, I, II>, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<Props, RawBindings, D, C, M, Mixin, Extends, E, EE>) => void): TsxComponentV3<Props, RawBindings, D, C, M, Mixin, Extends, E, EE>;
 export declare function defineVueComponent<Props extends Object, RawBindings = {}, D = {}, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, E extends EmitsOptions = {}, EE extends string = string, I extends ComponentInjectOptions = {}, II extends string = string>(options: ComponentOptionsWithObjectPropsCustom<ComponentObjectPropsOptions<Props>, RawBindings, D, C, M, Mixin, Extends, E, EE, I, II>, register?: (manifest: ComponentBundleManifest, component: TsxComponentV3<Props, RawBindings, D, C, M, Mixin, Extends, E, EE>) => void): TsxComponentV3<RemoveDefinePropApi<ComponentObjectPropsOptions<Props>>, RawBindings, D, C, M, Mixin, Extends, E, EE>;
@@ -267,7 +269,20 @@ export declare function defineVue(): {
         };
     };
     props: () => {
-        theming: ThemeableComponentProps;
+        theming: {
+            colorSchemaType: {
+                type: PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+                required: boolean;
+            };
+            container: {
+                type: BooleanConstructor;
+                required: boolean;
+            };
+            colors: {
+                type: PropType<ColorSchemaStoreType>;
+                required: boolean;
+            };
+        };
         class: {
             class: {
                 type: PropType<String | String[]>;

package/internal-do-not-import-from-here/ux/alignmentpicker/docs/AlignmentPickerExample.d.ts

@@ -1,6 +1,4 @@
-declare const _default: (props: {
-    [x: string]: any;
-} & Omit<{}, string | number> & {
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & Omit<{}, string | number> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & {};
@@ -42,9 +40,7 @@ declare const _default: (props: {
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    propsDefinition: {
-        [x: string]: any;
-    } & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {};

package/internal-do-not-import-from-here/ux/appprovisioning/summary/InformationStepSummary.d.ts

@@ -1,8 +1,9 @@
 import { AppInstance, AppTemplate } from "../../../models";
-declare const _default: (props: {
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     appInstance: AppInstance;
+} & {
     appTemplate?: AppTemplate;
-} & Omit<{}, "appInstance" | "appTemplate"> & {
+}> & Omit<{}, "appInstance" | "appTemplate"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & {};
@@ -44,10 +45,11 @@ declare const _default: (props: {
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    propsDefinition: {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
         appInstance: AppInstance;
-        appTemplate?: AppTemplate;
     } & {
+        appTemplate?: AppTemplate;
+    }> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {};

package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ChromeEditorStore.d.ts

@@ -2,7 +2,7 @@ import { ChromeBlueprint, VelcronAppDefinition, ColorValue, ChromeBlueprints, Bl
 export declare const useChromeEditorStore: () => {
     state: {
         editMode: boolean;
-        previewColorSchema: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
+        previewColorSchema: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
         backgroundOpacity: number;
         backgroundColor: ColorValue;
         editingBlueprint: ChromeBlueprint;
@@ -11,7 +11,7 @@ export declare const useChromeEditorStore: () => {
     };
     events: {
         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-        onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+        onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
         onMutatedBackgroundOpacity: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
         onMutatedBackgroundColor: import("@omnia/fx").MessageBusExposeOnlySubscription<ColorValue>;
         onMutatedEditingBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ChromeBlueprint>;

package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts

@@ -131,7 +131,7 @@ export declare const useComponentsEditorStore: () => {
         blockEditorStore: {
             state: {
                 editMode: boolean;
-                previewColorSchema: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
+                previewColorSchema: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
                 backgroundOpacity: number;
                 backgroundColor: import("@omnia/fx-models").ColorValue;
                 editingBlueprint: import("@omnia/fx-models").ChromeBlueprint;
@@ -140,7 +140,7 @@ export declare const useComponentsEditorStore: () => {
             };
             events: {
                 onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-                onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+                onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
                 onMutatedBackgroundOpacity: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                 onMutatedBackgroundColor: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorValue>;
                 onMutatedEditingBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ChromeBlueprint>;
@@ -376,14 +376,14 @@ export declare const useComponentsEditorStore: () => {
         containersEditorStore: {
             state: {
                 editMode: boolean;
-                previewColorSchema: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
+                previewColorSchema: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
                 editingBlueprint: import("@omnia/fx-models").ContainerBlueprint;
                 editingBlueprintType: import("@omnia/fx-models").ContainerVariant;
                 containerBlueprints: import("@omnia/fx-models").ContainerBlueprints;
             };
             events: {
                 onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-                onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+                onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
                 onMutatedEditingBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ContainerBlueprint>;
                 onMutatedEditingBlueprintType: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ContainerVariant>;
                 onMutatedContainerBlueprints: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ContainerBlueprints>;

package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ContainersEditorStore.d.ts

@@ -2,14 +2,14 @@ import { ContainerBlueprint, ContainerBlueprints, ContainerVariant } from "@omni
 export declare const useContainersEditorStore: () => {
     state: {
         editMode: boolean;
-        previewColorSchema: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
+        previewColorSchema: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
         editingBlueprint: ContainerBlueprint;
         editingBlueprintType: ContainerVariant;
         containerBlueprints: ContainerBlueprints;
     };
     events: {
         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-        onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+        onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
         onMutatedEditingBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ContainerBlueprint>;
         onMutatedEditingBlueprintType: import("@omnia/fx").MessageBusExposeOnlySubscription<ContainerVariant>;
         onMutatedContainerBlueprints: import("@omnia/fx").MessageBusExposeOnlySubscription<ContainerBlueprints>;

package/internal-do-not-import-from-here/ux/aurora/admin/blades/themedesigner/ThemeDesigner.d.ts

@@ -1,9 +1,12 @@
+import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-declare const _default: (props: {
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-model"?: boolean;
+} & {
     "onUpdate:modelValue"?: (value: boolean) => void;
+} & {
     modelValue?: boolean;
-} & Omit<{
+} & DefineEmit<"click:close", () => true> & DefineSlot<"activator", () => VNodeChild>> & Omit<{
     "onClick:close"?: () => any;
 }, "v-model" | "onUpdate:modelValue" | "modelValue"> & {
     "v-slots"?: {
@@ -49,11 +52,13 @@ declare const _default: (props: {
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    propsDefinition: {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
         "v-model"?: boolean;
+    } & {
         "onUpdate:modelValue"?: (value: boolean) => void;
-        modelValue?: boolean;
     } & {
+        modelValue?: boolean;
+    } & DefineEmit<"click:close", () => true> & DefineSlot<"activator", () => VNodeChild>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {

package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleEditor.d.ts

@@ -1,22 +1,36 @@
 import { BackgroundDefinition, ThemeContextType } from "@omnia/fx-models";
+import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 type EditorVariant = "default" | "dialog";
-declare const _default: (props: {
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-model"?: BackgroundDefinition;
+} & {
     "onUpdate:modelValue"?: (value: BackgroundDefinition) => void;
+} & {
     modelValue?: BackgroundDefinition;
+} & {
     variant?: EditorVariant;
+} & {
     fill?: boolean;
+} & {
     border?: boolean;
+} & {
     themeType?: ThemeContextType;
+} & {
     individualRadiusSelection?: boolean;
+} & {
     individualBorderWidthSelection?: boolean;
+} & {
     elevation?: boolean;
+} & {
     createNewColorDynamic?: boolean;
-    dynamicColorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
+} & {
+    dynamicColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+} & {
     enableDynamicColor?: boolean;
+} & {
     label?: string;
-} & Omit<{
+} & DefineEmit<"click:confirm", (value: BackgroundDefinition) => void> & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void> & DefineSlot<"activator", () => VNodeChild>> & Omit<{
     "onClick:confirm"?: (value: BackgroundDefinition) => any;
     "onInit:actionButtons"?: (value: () => VNodeChild) => any;
 }, "fill" | "border" | "label" | "elevation" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic" | "individualRadiusSelection" | "individualBorderWidthSelection"> & {
@@ -63,22 +77,35 @@ declare const _default: (props: {
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-    propsDefinition: {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
         "v-model"?: BackgroundDefinition;
+    } & {
         "onUpdate:modelValue"?: (value: BackgroundDefinition) => void;
+    } & {
         modelValue?: BackgroundDefinition;
+    } & {
         variant?: EditorVariant;
+    } & {
         fill?: boolean;
+    } & {
         border?: boolean;
+    } & {
         themeType?: ThemeContextType;
+    } & {
         individualRadiusSelection?: boolean;
+    } & {
         individualBorderWidthSelection?: boolean;
+    } & {
         elevation?: boolean;
+    } & {
         createNewColorDynamic?: boolean;
-        dynamicColorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
+    } & {
+        dynamicColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+    } & {
         enableDynamicColor?: boolean;
-        label?: string;
     } & {
+        label?: string;
+    } & DefineEmit<"click:confirm", (value: BackgroundDefinition) => void> & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void> & DefineSlot<"activator", () => VNodeChild>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {