@omnia/fx 8.0.163-dev → 8.0.165-dev

package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconBlueprintsViewer.d.ts

@@ -1,13 +1,20 @@
-import { IconBlueprints, ThemeContextType } from "@omnia/fx-models";
-declare const _default: (props: {
+import { IconBlueprints, OIconSizes, ThemeContextType } from "@omnia/fx-models";
+import { DefineEmit } from "@omnia/fx/ux";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-model"?: IconBlueprints;
+} & {
     "onUpdate:modelValue"?: (value: IconBlueprints) => void;
+} & {
     modelValue?: IconBlueprints;
+} & {
     toned?: boolean;
+} & {
     label?: string;
+} & {
     selectable?: boolean;
+} & {
     themeType?: ThemeContextType;
-} & Omit<{
+} & DefineEmit<"click:select", (size: OIconSizes) => true>> & Omit<{
     "onClick:select"?: (size: "small" | "default" | "large" | "x-large" | "x-small") => any;
 }, "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "selectable"> & {
     "v-slots"?: {
@@ -51,15 +58,21 @@ 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"?: IconBlueprints;
+    } & {
         "onUpdate:modelValue"?: (value: IconBlueprints) => void;
+    } & {
         modelValue?: IconBlueprints;
+    } & {
         toned?: boolean;
+    } & {
         label?: string;
+    } & {
         selectable?: boolean;
-        themeType?: ThemeContextType;
     } & {
+        themeType?: ThemeContextType;
+    } & DefineEmit<"click:select", (size: OIconSizes) => true>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {};

package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStyleEditor.d.ts

@@ -1,19 +1,30 @@
 import { IIcon, IconBlueprint, 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"?: IconBlueprint;
+} & {
     "onUpdate:modelValue"?: (value: IconBlueprint) => void;
+} & {
     modelValue?: IconBlueprint;
+} & {
     icon?: IIcon;
-    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";
+} & {
     variant?: EditorVariant;
+} & {
     toned?: boolean;
+} & {
     themeType?: ThemeContextType;
+} & {
     simpleMode?: boolean;
+} & {
     enableDynamicColor?: boolean;
+} & {
     label?: string;
-} & Omit<{
+} & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void> & DefineSlot<"activator", () => VNodeChild>> & Omit<{
     "onInit:actionButtons"?: (value: () => VNodeChild) => any;
 }, "icon" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "simpleMode"> & {
     "v-slots"?: {
@@ -59,19 +70,29 @@ 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"?: IconBlueprint;
+    } & {
         "onUpdate:modelValue"?: (value: IconBlueprint) => void;
+    } & {
         modelValue?: IconBlueprint;
+    } & {
         icon?: IIcon;
-        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";
+    } & {
         variant?: EditorVariant;
+    } & {
         toned?: boolean;
+    } & {
         themeType?: ThemeContextType;
+    } & {
         simpleMode?: boolean;
+    } & {
         enableDynamicColor?: boolean;
-        label?: string;
     } & {
+        label?: string;
+    } & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void> & DefineSlot<"activator", () => VNodeChild>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {

package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStylePicker.d.ts

@@ -1,16 +1,25 @@
 import { IIcon, IconBlueprint, ThemeContextType } from "@omnia/fx-models";
+import { DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-declare const _default: (props: {
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-model"?: IconBlueprint;
+} & {
     "onUpdate:modelValue"?: (value: IconBlueprint) => void;
+} & {
     modelValue?: IconBlueprint;
+} & {
     icon?: IIcon;
-    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";
+} & {
     themeType?: ThemeContextType;
+} & {
     toned?: boolean;
+} & {
     enableDynamicColor?: boolean;
+} & {
     label?: string;
-} & Omit<{}, "icon" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor"> & {
+} & DefineSlot<"activator", () => VNodeChild>> & Omit<{}, "icon" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & {
@@ -54,17 +63,25 @@ 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"?: IconBlueprint;
+    } & {
         "onUpdate:modelValue"?: (value: IconBlueprint) => void;
+    } & {
         modelValue?: IconBlueprint;
+    } & {
         icon?: IIcon;
-        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";
+    } & {
         themeType?: ThemeContextType;
+    } & {
         toned?: boolean;
+    } & {
         enableDynamicColor?: boolean;
-        label?: string;
     } & {
+        label?: string;
+    } & DefineSlot<"activator", () => VNodeChild>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {

package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/docs/SampleComponent.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/aurora/components/spacingpicker/SpacingPicker3.d.ts

@@ -111,9 +111,18 @@ declare const _default: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: Spacing) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -229,15 +238,22 @@ declare const _default: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: Spacing) => any;
     }, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -356,15 +372,22 @@ declare const _default: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: Spacing) => any;
     }, () => JSX.Element, {}, {}, {}, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -480,23 +503,26 @@ declare const _default: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
     };
-    colorSchemaType?: any;
-    container?: any;
-    colors?: any;
+    colorSchemaType: {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: Spacing) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Spacing) => true;
 }, string, {
-    container?: any;
-    colorSchemaType?: any;
-    colors?: any;
+    container: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
-    } & {
+    propsDefinition: Omit<Readonly<{} & {
         name?: {
             [x: `onUpdate:${string}`]: {
                 type: import("vue").PropType<(value: Spacing) => any>;
@@ -558,9 +584,12 @@ declare const _default: {
                 };
             }>;
         };
+        container?: boolean;
         class?: String | String[];
         label?: string;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
         toned?: boolean;
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: Spacing;
         "onUpdate:modelValue"?: (value: Spacing) => any;
         modelValue?: Spacing;

package/internal-do-not-import-from-here/ux/aurora/components/spacingpicker/docs/SampleComponent.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/aurora/components/stylepicker/StylePicker.d.ts

@@ -15,19 +15,28 @@ declare const _default: {
             type: import("vue").PropType<ThemeContextType>;
         };
         "color-schema-type-preview": {
-            type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
         };
         colorSchemaTypePreview: {
-            type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
         };
         variant: {
             type: import("vue").PropType<EditorVariant>;
         } & {
             type: import("vue").PropType<EditorVariant>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -59,19 +68,28 @@ declare const _default: {
             type: import("vue").PropType<ThemeContextType>;
         };
         "color-schema-type-preview": {
-            type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
         };
         colorSchemaTypePreview: {
-            type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
         };
         variant: {
             type: import("vue").PropType<EditorVariant>;
         } & {
             type: import("vue").PropType<EditorVariant>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -84,9 +102,7 @@ declare const _default: {
         "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
         "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     }, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -107,19 +123,28 @@ declare const _default: {
             type: import("vue").PropType<ThemeContextType>;
         };
         "color-schema-type-preview": {
-            type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
         };
         colorSchemaTypePreview: {
-            type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
         };
         variant: {
             type: import("vue").PropType<EditorVariant>;
         } & {
             type: import("vue").PropType<EditorVariant>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -132,9 +157,7 @@ declare const _default: {
         "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
         "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     }, () => JSX.Element, {}, {}, {}, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -152,19 +175,28 @@ declare const _default: {
         type: import("vue").PropType<ThemeContextType>;
     };
     "color-schema-type-preview": {
-        type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
     };
     colorSchemaTypePreview: {
-        type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
     };
     variant: {
         type: import("vue").PropType<EditorVariant>;
     } & {
         type: import("vue").PropType<EditorVariant>;
     };
-    colorSchemaType?: any;
-    container?: any;
-    colors?: any;
+    colorSchemaType: {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
     class: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
@@ -184,16 +216,13 @@ declare const _default: {
     "selected:chromeStyle": (style: ChromeBlueprint) => any;
     "selected:iconBlueprints": (icons: IconBlueprints) => any;
 }, string, {
-    container?: any;
-    colorSchemaType?: any;
-    colors?: any;
+    container: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
-    } & {
+    propsDefinition: Omit<Readonly<{} & {
+        container?: boolean;
         class?: String | String[];
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-slots"?: {
             default?: import("../../../DefineVueTypings").Slot<any[]>;
         } & {
@@ -202,8 +231,8 @@ declare const _default: {
         variant?: EditorVariant;
         themeType?: ThemeContextType;
         "theme-type"?: ThemeContextType;
-        colorSchemaTypePreview?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
-        "color-schema-type-preview"?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
+        colorSchemaTypePreview?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        "color-schema-type-preview"?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
     }>, "onSelected:fillStyle" | "onSelected:borderStyle" | "onSelected:buttonStyle" | "onSelected:tabsStyle" | "onSelected:chromeStyle" | "onSelected:iconBlueprints"> & {
         "onSelected:fillStyle"?: (style: FillDefinition) => any;
         "onSelected:borderStyle"?: (style: BorderStylingDefinition) => any;

package/internal-do-not-import-from-here/ux/aurora/components/stylepicker/docs/SampleComponent.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/aurora/components/tabs/TabBlueprintsViewer.d.ts

@@ -1,12 +1,18 @@
 import { BlueprintVariant, TabsBlueprints, ThemeContextType } from "@omnia/fx-models";
-declare const _default: (props: {
+import { DefineEmit } from "@omnia/fx/ux";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-model"?: TabsBlueprints;
+} & {
     "onUpdate:modelValue"?: (value: TabsBlueprints) => void;
+} & {
     modelValue?: TabsBlueprints;
+} & {
     themeType?: ThemeContextType;
+} & {
     toned?: boolean;
+} & {
     selectable?: boolean;
-} & Omit<{
+} & DefineEmit<"click:select", (variant: BlueprintVariant) => true>> & Omit<{
     "onClick:select"?: (variant: BlueprintVariant) => any;
 }, "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "selectable"> & {
     "v-slots"?: {
@@ -50,14 +56,19 @@ 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"?: TabsBlueprints;
+    } & {
         "onUpdate:modelValue"?: (value: TabsBlueprints) => void;
+    } & {
         modelValue?: TabsBlueprints;
+    } & {
         themeType?: ThemeContextType;
+    } & {
         toned?: boolean;
-        selectable?: boolean;
     } & {
+        selectable?: boolean;
+    } & DefineEmit<"click:select", (variant: BlueprintVariant) => true>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {};

package/internal-do-not-import-from-here/ux/aurora/components/tabs/TabStyleEditor.d.ts

@@ -1,14 +1,19 @@
 import { ThemeContextType } from "@omnia/fx-models";
 import { TabsBlueprint } 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"?: TabsBlueprint;
+} & {
     "onUpdate:modelValue"?: (value: TabsBlueprint) => void;
+} & {
     modelValue?: TabsBlueprint;
+} & {
     themeType?: ThemeContextType;
+} & {
     variant?: EditorVariant;
-} & Omit<{
+} & DefineEmit<"click:confirm", (value: TabsBlueprint) => void> & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void> & DefineSlot<"activator", () => VNodeChild>> & Omit<{
     "onClick:confirm"?: (value: TabsBlueprint) => any;
     "onInit:actionButtons"?: (value: () => VNodeChild) => any;
 }, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType"> & {
@@ -55,13 +60,17 @@ 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"?: TabsBlueprint;
+    } & {
         "onUpdate:modelValue"?: (value: TabsBlueprint) => void;
+    } & {
         modelValue?: TabsBlueprint;
+    } & {
         themeType?: ThemeContextType;
-        variant?: EditorVariant;
     } & {
+        variant?: EditorVariant;
+    } & DefineEmit<"click:confirm", (value: TabsBlueprint) => void> & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void> & DefineSlot<"activator", () => VNodeChild>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {