@omnia/fx 8.0.18-vnext → 8.0.20-vnext

package/internal-do-not-import-from-here/ux/theming-v2/ColorSchemaStore.d.ts

@@ -1,27 +1,23 @@
-import { Store } from "@omnia/fx/stores";
 import { ColorSchema, ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
-import { ThemeStoreV2 } from "./ThemeStoreV2";
-export declare class ColorSchemaStore extends Store {
-    private colorSchema;
-    private colorSchemaType;
-    private themeStore;
-    constructor();
-    onActivated(): void;
-    onDisposing(): void;
-    setupSubscriptions(): void;
-    /**
-    * Implementation of getters
-    */
-    getters: {
+import { useThemeStoreV2 } from "./ThemeStoreV2";
+export declare const useColorSchemaStore: (newInstanceWithName?: string) => {
+    state: {
+        colorSchema: ColorSchema;
+        colorSchemaType: ColorSchemaTypes;
+    };
+    get: {
         colorSchema: () => ColorSchema;
         color: (colorTypes: string) => any;
     };
-    /**
-     * Implementation of mutations
-     */
-    mutations: {
-        colorSchema: import("@omnia/fx/stores").StoreMutation<(colorSchemaType: ColorSchemaTypes | ColorSchemaType) => void, (colorSchemaType: ColorSchemaTypes) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        customColorSchema: import("@omnia/fx/stores").StoreMutation<(colorSchema: ColorSchema) => void, (colorSchema: ColorSchema) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        themeStore: import("@omnia/fx/stores").StoreMutation<(themeStore: ThemeStoreV2) => void, (themeStore: ThemeStoreV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    actions: {
+        colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => void;
+        themeStore: (themeStoreInstance: ReturnType<typeof useThemeStoreV2>) => void;
+    };
+    events: {
+        onMutatingColorSchema: import("@omnia/fx").EventHook<ColorSchema>;
+        onMutatedColorSchema: import("@omnia/fx").EventHook<ColorSchema>;
+        onMutatingColorSchemaType: import("@omnia/fx").EventHook<ColorSchemaTypes>;
+        onMutatedColorSchemaType: import("@omnia/fx").EventHook<ColorSchemaTypes>;
     };
-}
+    activated: void;
+};

package/internal-do-not-import-from-here/ux/theming-v2/ThemeStoreV2.d.ts

@@ -1,14 +1,9 @@
-import { Store } from "@omnia/fx/stores";
 import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographyType, TypographyTypes } from "../../shared/models";
-export declare class ThemeStoreV2 extends Store {
-    private currentTheme;
-    constructor();
-    onActivated(): void;
-    onDisposing(): void;
-    /**
-    * Implementation of getters
-    */
-    getters: {
+export declare const useThemeStoreV2: (newInstanceWithName?: string) => {
+    state: {
+        currentTheme: import("./themes/Themes").ThemeDefinitionInstance;
+    };
+    get: {
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
         typography: (typographyType: TypographyTypes | TypographyType) => import("@omnia/fx-models").TypographyTypeDefinition;
         color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
@@ -18,10 +13,12 @@ export declare class ThemeStoreV2 extends Store {
         complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("@omnia/fx-models").ColorDefinition;
         currentTheme: () => ThemeDefinitionV2;
     };
-    /**
-     * Implementation of mutations
-     */
-    mutations: {
-        setTheme: import("@omnia/fx/stores").StoreMutation<(themeDefinition: ThemeDefinitionV2) => void, (themeDefinition: ThemeDefinitionV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    actions: {
+        setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+    };
+    events: {
+        onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes/Themes").ThemeDefinitionInstance>;
+        onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes/Themes").ThemeDefinitionInstance>;
     };
-}
+    activated: void;
+};

package/internal-do-not-import-from-here/ux/theming-v2/colorschemapicker/ColorSchemaPicker.css.d.ts

@@ -1,5 +1,4 @@
 export declare const ColorSchemaPickerStyles: {
-    componentWrapper: string;
     colorPaletteWrapper: string;
     colorPaletteRow: (color: string) => string;
     colorField: string;

package/internal-do-not-import-from-here/ux/theming-v2/colorschemapicker/ColorSchemaPicker.d.ts

@@ -9,12 +9,16 @@ declare const _default: {
             colorSchemaType?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
-                default?: () => VNodeChild;
+                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
             } & {
                 activator?: () => VNodeChild;
             }>;
-            "v-model": import("vue").PropType<unknown>;
-            modelValue: import("vue").PropType<unknown>;
+            "v-model": {
+                type: import("vue").PropType<unknown>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+            };
             colorSchemaType?: any;
             container?: any;
         }>> & {
@@ -35,12 +39,16 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
-                default?: () => VNodeChild;
+                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
             } & {
                 activator?: () => VNodeChild;
             }>;
-            "v-model": import("vue").PropType<unknown>;
-            modelValue: import("vue").PropType<unknown>;
+            "v-model": {
+                type: import("vue").PropType<unknown>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+            };
             colorSchemaType?: any;
             container?: any;
         }>> & {
@@ -72,12 +80,16 @@ declare const _default: {
         $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;
     } & Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
-            default?: () => VNodeChild;
+            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
         } & {
             activator?: () => VNodeChild;
         }>;
-        "v-model": import("vue").PropType<unknown>;
-        modelValue: import("vue").PropType<unknown>;
+        "v-model": {
+            type: import("vue").PropType<unknown>;
+        };
+        modelValue: {
+            type: import("vue").PropType<unknown>;
+        };
         colorSchemaType?: any;
         container?: any;
     }>> & {
@@ -88,12 +100,16 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     "v-slots": import("vue").Prop<{
-        default?: () => VNodeChild;
+        default?: import("@omnia/fx-models").Func<[VNodeChild]>;
     } & {
         activator?: () => VNodeChild;
     }>;
-    "v-model": import("vue").PropType<unknown>;
-    modelValue: import("vue").PropType<unknown>;
+    "v-model": {
+        type: import("vue").PropType<unknown>;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+    };
     colorSchemaType?: any;
     container?: any;
 }>> & {
@@ -109,7 +125,7 @@ declare const _default: {
         colorSchemaType?: any;
     } & {
         "v-slots"?: {
-            default?: () => VNodeChild;
+            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
         } & {
             activator?: () => VNodeChild;
         };

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseBlueprintStyling.d.ts

@@ -1,8 +1,8 @@
 import { ColorSchemaType, ColorSchemaTypes, ColorTypeResult } from "@omnia/fx-models";
-import { ThemeStoreV2 } from "../ThemeStoreV2";
-export declare const useButtonBlueprint: (injectedThemeStore?: ThemeStoreV2) => string;
-export declare const useIconBlueprint: (injectedThemeStore?: ThemeStoreV2) => string;
-export declare const useCardBlueprint: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, injectedThemeStore?: ThemeStoreV2, opacity?: number) => {
+import { useThemeStoreV2 } from "../ThemeStoreV2";
+export declare const useButtonBlueprint: (injectedThemeStore?: ReturnType<typeof useThemeStoreV2>) => string;
+export declare const useIconBlueprint: (injectedThemeStore?: ReturnType<typeof useThemeStoreV2>) => string;
+export declare const useCardBlueprint: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, injectedThemeStore?: ReturnType<typeof useThemeStoreV2>, opacity?: number) => {
     card: ColorTypeResult<string>;
     cardImage: string;
 };

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseThemeStyling.d.ts

@@ -1,2 +1,2 @@
-import { ThemeStoreV2 } from "../ThemeStoreV2";
-export declare const useThemeStyling: (injectThemeStore?: ThemeStoreV2) => {};
+declare const _default: {};
+export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseTypographyStyling.d.ts

@@ -1,6 +1,6 @@
 import { TypographyTypes } from "@omnia/fx-models";
 import { MediaQuery } from "typestyle/lib/types";
-import { ThemeStoreV2 } from "../ThemeStoreV2";
+import { useThemeStoreV2 } from "../ThemeStoreV2";
 export interface TypographyTypesResult {
     h1: string;
     h2: string;
@@ -10,7 +10,7 @@ export interface TypographyTypesResult {
     text: string;
     typographyType: (typographyType: string) => string;
 }
-export declare const useTypographyTypeStyling: (typographyType: TypographyTypes, injectedThemeStore?: ThemeStoreV2) => {
+export declare const useTypographyTypeStyling: (typographyType: TypographyTypes, injectedThemeStore?: ReturnType<typeof useThemeStoreV2>) => {
     baseStyles: {
         fontSize: string;
         fontWeight: number;
@@ -22,4 +22,4 @@ export declare const useTypographyTypeStyling: (typographyType: TypographyTypes,
     queryOnSmallScreen: MediaQuery;
     queryOnMediumScreen: MediaQuery;
 };
-export declare const useTypographyStyling: (injectedThemeStore?: ThemeStoreV2) => TypographyTypesResult;
+export declare const useTypographyStyling: (injectedThemeStore?: ReturnType<typeof useThemeStoreV2>) => TypographyTypesResult;

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseVuetifyStyling.d.ts

@@ -1,4 +1,4 @@
 import { ColorSchema, ColorTypeResult } from "@omnia/fx-models";
-import { ThemeStoreV2 } from "../ThemeStoreV2";
+import { useThemeStoreV2 } from "../ThemeStoreV2";
 export declare const useVuetifyColorStyling: (colorSchema: ColorSchema) => ColorTypeResult<object>;
-export declare const useVuetifySliderStyling: (colorSchema: ColorSchema, injectThemeStore?: ThemeStoreV2) => ColorTypeResult<object>;
+export declare const useVuetifySliderStyling: (colorSchema: ColorSchema, injectThemeStore?: ReturnType<typeof useThemeStoreV2>) => ColorTypeResult<object>;

package/internal-do-not-import-from-here/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker.d.ts

@@ -7,8 +7,12 @@ declare const _default: {
             container?: any;
             colorSchemaType?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            "v-model": import("vue").PropType<Guid>;
-            modelValue: import("vue").PropType<Guid>;
+            "v-model": {
+                type: import("vue").PropType<Guid>;
+            };
+            modelValue: {
+                type: import("vue").PropType<Guid>;
+            };
             colorSchemaType?: any;
             container?: any;
         }>> & {
@@ -28,8 +32,12 @@ declare const _default: {
         $emit: (event: "update:modelValue", theme: ThemeDefinitionV2) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            "v-model": import("vue").PropType<Guid>;
-            modelValue: import("vue").PropType<Guid>;
+            "v-model": {
+                type: import("vue").PropType<Guid>;
+            };
+            modelValue: {
+                type: import("vue").PropType<Guid>;
+            };
             colorSchemaType?: any;
             container?: any;
         }>> & {
@@ -60,8 +68,12 @@ declare const _default: {
         $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;
     } & Readonly<import("vue").ExtractPropTypes<{
-        "v-model": import("vue").PropType<Guid>;
-        modelValue: import("vue").PropType<Guid>;
+        "v-model": {
+            type: import("vue").PropType<Guid>;
+        };
+        modelValue: {
+            type: import("vue").PropType<Guid>;
+        };
         colorSchemaType?: any;
         container?: any;
     }>> & {
@@ -71,8 +83,12 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-model": import("vue").PropType<Guid>;
-    modelValue: import("vue").PropType<Guid>;
+    "v-model": {
+        type: import("vue").PropType<Guid>;
+    };
+    modelValue: {
+        type: import("vue").PropType<Guid>;
+    };
     colorSchemaType?: any;
     container?: any;
 }>> & {

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/ThemeEditor.d.ts

@@ -1,20 +1,24 @@
-import { ThemeStoreV2 } from "@omnia/fx/ux";
+import { useThemeStoreV2 } from "@omnia/fx/ux";
 import { nextTick, VNodeChild } from "vue";
 import { ThemeDefinitionV2 } from "../../velcron/core";
-export type RegisterThemeStore = (store: ThemeStoreV2) => void;
+export type RegisterThemeStore = (store: ReturnType<typeof useThemeStoreV2>) => void;
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            "v-slots": {
-                default?: () => VNodeChild;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "v-slots": import("vue").Prop<{
+                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
             } & {
                 activator?: () => VNodeChild;
-            };
-            "theme-store-registration-hook": void | RegisterThemeStore;
-            themeStoreRegistrationHook: void | RegisterThemeStore;
-        }>>> & {
+            }, {
+                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+            } & {
+                activator?: () => VNodeChild;
+            }>;
+            "theme-store-registration-hook": import("vue").Prop<RegisterThemeStore, RegisterThemeStore>;
+            themeStoreRegistrationHook: import("vue").Prop<RegisterThemeStore, RegisterThemeStore>;
+        }>> & {
             "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
@@ -30,15 +34,19 @@ declare const _default: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $emit: (event: "update:modelValue", themeDefinition: ThemeDefinitionV2) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            "v-slots": {
-                default?: () => VNodeChild;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "v-slots": import("vue").Prop<{
+                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+            } & {
+                activator?: () => VNodeChild;
+            }, {
+                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
             } & {
                 activator?: () => VNodeChild;
-            };
-            "theme-store-registration-hook": void | RegisterThemeStore;
-            themeStoreRegistrationHook: void | RegisterThemeStore;
-        }>>> & {
+            }>;
+            "theme-store-registration-hook": import("vue").Prop<RegisterThemeStore, RegisterThemeStore>;
+            themeStoreRegistrationHook: import("vue").Prop<RegisterThemeStore, RegisterThemeStore>;
+        }>> & {
             "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
         }, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (themeDefinition: ThemeDefinitionV2) => true;
@@ -62,41 +70,49 @@ declare const _default: {
         $forceUpdate: () => void;
         $nextTick: typeof 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;
-    } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        "v-slots": {
-            default?: () => VNodeChild;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
         } & {
             activator?: () => VNodeChild;
-        };
-        "theme-store-registration-hook": void | RegisterThemeStore;
-        themeStoreRegistrationHook: void | RegisterThemeStore;
-    }>>> & {
+        }, {
+            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+        } & {
+            activator?: () => VNodeChild;
+        }>;
+        "theme-store-registration-hook": import("vue").Prop<RegisterThemeStore, RegisterThemeStore>;
+        themeStoreRegistrationHook: import("vue").Prop<RegisterThemeStore, RegisterThemeStore>;
+    }>> & {
         "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    "v-slots": {
-        default?: () => VNodeChild;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "v-slots": import("vue").Prop<{
+        default?: import("@omnia/fx-models").Func<[VNodeChild]>;
     } & {
         activator?: () => VNodeChild;
-    };
-    "theme-store-registration-hook": void | RegisterThemeStore;
-    themeStoreRegistrationHook: void | RegisterThemeStore;
-}>>> & {
+    }, {
+        default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+    } & {
+        activator?: () => VNodeChild;
+    }>;
+    "theme-store-registration-hook": import("vue").Prop<RegisterThemeStore, RegisterThemeStore>;
+    themeStoreRegistrationHook: import("vue").Prop<RegisterThemeStore, RegisterThemeStore>;
+}>> & {
     "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
 }, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (themeDefinition: ThemeDefinitionV2) => true;
 }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{} & {
         "v-slots"?: {
-            default?: () => VNodeChild;
+            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
         } & {
             activator?: () => VNodeChild;
         };
-        themeStoreRegistrationHook?: void | RegisterThemeStore;
-        "theme-store-registration-hook"?: void | RegisterThemeStore;
+        themeStoreRegistrationHook?: RegisterThemeStore;
+        "theme-store-registration-hook"?: RegisterThemeStore;
     }> & {
         "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
     };

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

@@ -1,13 +1,5 @@
 import { Ref, ComputedRef } from "vue";
 import { Vue } from "../decorators";
-/**
- * Func
- *
- * ```ts
- * type Func = () => void;
- * ```
- */
-export type Func = () => void;
 /**
  * Maybe it's a ref, or a plain value
  *

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

@@ -1,7 +1,48 @@
 import { ColorDefinition, ColorTypes } from "@omnia/fx/models";
-import { ColorSchemaStore } from "../theming-v2";
 export declare const useComponentSetup: (props: object) => {
-    colorSchemaStore: ColorSchemaStore;
+    colorSchemaStore: {
+        state: {
+            colorSchema: import("@omnia/fx-models").ColorSchema;
+            colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
+        };
+        get: {
+            colorSchema: () => import("@omnia/fx-models").ColorSchema;
+            color: (colorTypes: string) => any;
+        };
+        actions: {
+            colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes) => void;
+            themeStore: (themeStoreInstance: {
+                state: {
+                    currentTheme: import("../theming-v2").ThemeDefinitionInstance;
+                };
+                get: {
+                    colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes) => import("@omnia/fx-models").ColorSchema;
+                    typography: (typographyType: import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                    color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes, colorType: ColorTypes) => string;
+                    colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes, colorType: ColorTypes) => ColorDefinition;
+                    complementaryColorType: (colorType: ColorTypes) => ColorTypes;
+                    complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes, colorType: ColorTypes) => string;
+                    complementaryColorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes, colorType: ColorTypes) => ColorDefinition;
+                    currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+                };
+                actions: {
+                    setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
+                };
+                events: {
+                    onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
+                    onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
+                };
+                activated: void;
+            }) => void;
+        };
+        events: {
+            onMutatingColorSchema: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchema>;
+            onMutatedColorSchema: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchema>;
+            onMutatingColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaTypes>;
+            onMutatedColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaTypes>;
+        };
+        activated: void;
+    };
     readonly baseColor: ColorDefinition;
     readonly onBaseColor: ColorDefinition;
     readonly containerColor: ColorDefinition;

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

@@ -1,4 +1,5 @@
-import { Func, MaybeComputedRef } from "./Types";
+import { MaybeComputedRef } from "./Types";
+import { Func } from "@omnia/fx-models";
 interface InferEventTarget<Events> {
     addEventListener(event: Events, Func?: any, options?: any): any;
     removeEventListener(event: Events, Func?: any, options?: any): any;

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

@@ -7,7 +7,7 @@ type RawProps = VNodeProps & {
 } & Record<string, any>;
 type RawChildren = string | number | boolean | VNode | VNodeArrayChildren | (() => any);
 export declare function useCurrentVueInstance(): import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-export declare function useCreateVueNode(element: string | GuidValue, props?: RawProps, children?: RawChildren, onComponentCreated?: (instance: any) => void): VNode;
+export declare function useCreateVueNode(element: string | GuidValue, props?: RawProps, children?: () => RawChildren, onComponentCreated?: (instance: any) => void): VNode;
 export declare function useTransformVSlot(slots: {
     [name: string]: (ref?: any) => Array<JSX.Element>;
 }): {

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

@@ -3,12 +3,12 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            valueBind: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>;
-            onValueBindChanged: (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void;
-            disabled: boolean;
-            editMode: boolean;
-        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            valueBind: import("vue").Prop<PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>, PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>>;
+            onValueBindChanged: import("vue").Prop<(value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void, (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void>;
+            disabled: import("vue").Prop<boolean, boolean>;
+            editMode: import("vue").Prop<boolean, boolean>;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -22,12 +22,12 @@ declare const _default: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            valueBind: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>;
-            onValueBindChanged: (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void;
-            disabled: boolean;
-            editMode: boolean;
-        }>>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            valueBind: import("vue").Prop<PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>, PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>>;
+            onValueBindChanged: import("vue").Prop<(value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void, (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void>;
+            disabled: import("vue").Prop<boolean, boolean>;
+            editMode: import("vue").Prop<boolean, boolean>;
+        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -49,23 +49,23 @@ declare const _default: {
         $forceUpdate: () => void;
         $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;
-    } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        valueBind: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>;
-        onValueBindChanged: (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void;
-        disabled: boolean;
-        editMode: boolean;
-    }>>> & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    } & Readonly<import("vue").ExtractPropTypes<{
+        valueBind: import("vue").Prop<PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>, PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>>;
+        onValueBindChanged: import("vue").Prop<(value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void, (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void>;
+        disabled: import("vue").Prop<boolean, boolean>;
+        editMode: import("vue").Prop<boolean, boolean>;
+    }>> & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    valueBind: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>;
-    onValueBindChanged: (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void;
-    disabled: boolean;
-    editMode: boolean;
-}>>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    valueBind: import("vue").Prop<PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>, PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>>;
+    onValueBindChanged: import("vue").Prop<(value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void, (value: PropertyValueBinding<PropertyDefinition<any, any, any> | PropertyValue<any, any>>) => void>;
+    disabled: import("vue").Prop<boolean, boolean>;
+    editMode: import("vue").Prop<boolean, boolean>;
+}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{} & {