@omnia/fx 8.0.19-vnext → 8.0.20-vnext

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;
 }>> & {
@@ -87,8 +103,8 @@ declare const _default: {
         container?: any;
         colorSchemaType?: any;
     } & {
-        modelValue?: Guid;
         "v-model"?: Guid;
+        modelValue?: Guid;
     }> & {
         "onUpdate:modelValue"?: (theme: ThemeDefinitionV2) => 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": {
+        $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": {
+        $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,29 +70,37 @@ 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": {
+    } & 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": {
+} & 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;
@@ -95,8 +111,8 @@ declare const _default: {
         } & {
             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/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/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/use/index.d.ts

@@ -12,4 +12,3 @@ export * from "./UseKeyboard";
 export * from "./UseIndexedDb";
 export * from "./UseComponentSetup";
 export * from "./UseIcon";
-export * from "./UseModel";

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<{} & {

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

@@ -3,10 +3,10 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            valueBind: UserPropertyConfiguration;
-            onValueBindChanged: (newValue: UserPropertyConfiguration) => void;
-        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            valueBind: import("vue").Prop<UserPropertyConfiguration, UserPropertyConfiguration>;
+            onValueBindChanged: import("vue").Prop<(newValue: UserPropertyConfiguration) => void, (newValue: UserPropertyConfiguration) => void>;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -20,10 +20,10 @@ 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: UserPropertyConfiguration;
-            onValueBindChanged: (newValue: UserPropertyConfiguration) => void;
-        }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            valueBind: import("vue").Prop<UserPropertyConfiguration, UserPropertyConfiguration>;
+            onValueBindChanged: import("vue").Prop<(newValue: UserPropertyConfiguration) => void, (newValue: UserPropertyConfiguration) => void>;
+        }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -43,17 +43,17 @@ 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: UserPropertyConfiguration;
-        onValueBindChanged: (newValue: UserPropertyConfiguration) => void;
-    }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        valueBind: import("vue").Prop<UserPropertyConfiguration, UserPropertyConfiguration>;
+        onValueBindChanged: import("vue").Prop<(newValue: UserPropertyConfiguration) => void, (newValue: UserPropertyConfiguration) => void>;
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    valueBind: UserPropertyConfiguration;
-    onValueBindChanged: (newValue: UserPropertyConfiguration) => void;
-}>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    valueBind: import("vue").Prop<UserPropertyConfiguration, UserPropertyConfiguration>;
+    onValueBindChanged: import("vue").Prop<(newValue: UserPropertyConfiguration) => void, (newValue: UserPropertyConfiguration) => void>;
+}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{} & {
         valueBind?: UserPropertyConfiguration;
         onValueBindChanged?: (newValue: UserPropertyConfiguration) => void;

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

@@ -1,10 +1,14 @@
-import { IPropertyProviderDisplayRenderer, PropertyConfiguration } from "@omnia/fx-models";
+import { PropertyConfiguration } from "@omnia/fx-models";
 import { UserPropertiesByMicrosoftGraphDefinition } from "../UserPropertiesByMicrosoftGraphDefinition";
 declare const msgraphUserDisplayComponent: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<IPropertyProviderDisplayRenderer<UserPropertiesByMicrosoftGraphDefinition>>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            configuration: import("vue").Prop<PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>, PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>>;
+            valueBind: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue>;
+            displaySettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings>;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -18,7 +22,11 @@ declare const msgraphUserDisplayComponent: {
         $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<IPropertyProviderDisplayRenderer<UserPropertiesByMicrosoftGraphDefinition>>>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            configuration: import("vue").Prop<PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>, PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>>;
+            valueBind: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue>;
+            displaySettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings>;
+        }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -38,11 +46,19 @@ declare const msgraphUserDisplayComponent: {
         $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<IPropertyProviderDisplayRenderer<UserPropertiesByMicrosoftGraphDefinition>>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        configuration: import("vue").Prop<PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>, PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>>;
+        valueBind: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue>;
+        displaySettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings>;
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<IPropertyProviderDisplayRenderer<UserPropertiesByMicrosoftGraphDefinition>>>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    configuration: import("vue").Prop<PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>, PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>>;
+    valueBind: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue>;
+    displaySettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings>;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{} & {
         configuration?: PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>;
         valueBind?: import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyValue;

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

@@ -1,10 +1,17 @@
-import { IPropertyProviderEditorRenderer, PropertyConfiguration } from "@omnia/fx-models";
+import { PropertyConfiguration } from "@omnia/fx-models";
 import { UserPropertiesByMicrosoftGraphDefinition, MSGraphUserPropertyValue } from "../UserPropertiesByMicrosoftGraphDefinition";
 declare const msgraphUserEditorComponent: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<IPropertyProviderEditorRenderer<UserPropertiesByMicrosoftGraphDefinition>>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            configuration: import("vue").Prop<PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>, PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>>;
+            valueBind: import("vue").Prop<MSGraphUserPropertyValue, MSGraphUserPropertyValue>;
+            editorSettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserEditorSettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserEditorSettings>;
+            displaySettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings>;
+            onValueBindChanged: import("vue").Prop<(newValue: MSGraphUserPropertyValue) => void, (newValue: MSGraphUserPropertyValue) => void>;
+            disabled?: import("vue").Prop<boolean, boolean>;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -18,7 +25,14 @@ declare const msgraphUserEditorComponent: {
         $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<IPropertyProviderEditorRenderer<UserPropertiesByMicrosoftGraphDefinition>>>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            configuration: import("vue").Prop<PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>, PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>>;
+            valueBind: import("vue").Prop<MSGraphUserPropertyValue, MSGraphUserPropertyValue>;
+            editorSettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserEditorSettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserEditorSettings>;
+            displaySettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings>;
+            onValueBindChanged: import("vue").Prop<(newValue: MSGraphUserPropertyValue) => void, (newValue: MSGraphUserPropertyValue) => void>;
+            disabled?: import("vue").Prop<boolean, boolean>;
+        }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -38,11 +52,25 @@ declare const msgraphUserEditorComponent: {
         $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<IPropertyProviderEditorRenderer<UserPropertiesByMicrosoftGraphDefinition>>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        configuration: import("vue").Prop<PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>, PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>>;
+        valueBind: import("vue").Prop<MSGraphUserPropertyValue, MSGraphUserPropertyValue>;
+        editorSettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserEditorSettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserEditorSettings>;
+        displaySettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings>;
+        onValueBindChanged: import("vue").Prop<(newValue: MSGraphUserPropertyValue) => void, (newValue: MSGraphUserPropertyValue) => void>;
+        disabled?: import("vue").Prop<boolean, boolean>;
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<IPropertyProviderEditorRenderer<UserPropertiesByMicrosoftGraphDefinition>>>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    configuration: import("vue").Prop<PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>, PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>>;
+    valueBind: import("vue").Prop<MSGraphUserPropertyValue, MSGraphUserPropertyValue>;
+    editorSettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserEditorSettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserEditorSettings>;
+    displaySettings: import("vue").Prop<import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings, import("../UserPropertiesByMicrosoftGraphDefinition").MSGraphUserPropertyDisplaySettings>;
+    onValueBindChanged: import("vue").Prop<(newValue: MSGraphUserPropertyValue) => void, (newValue: MSGraphUserPropertyValue) => void>;
+    disabled?: import("vue").Prop<boolean, boolean>;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{} & {
         configuration?: PropertyConfiguration<UserPropertiesByMicrosoftGraphDefinition>;
         disabled?: boolean;