@omnia/fx 8.0.163-dev → 8.0.164-dev

package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaPicker.d.ts

@@ -37,76 +37,76 @@ declare const _default: {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+            type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
         };
         "v-model": {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+            type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
         }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         }; } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            defaultValue(value?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
         };
         "dynamic-color-schema-type": {
-            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">;
         };
         dynamicColorSchemaType: {
-            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">;
         };
         "enable-dynamic-color": {
             type: import("vue").PropType<boolean>;
@@ -120,9 +120,18 @@ declare const _default: {
         customSchema: {
             type: import("vue").PropType<boolean>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | 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;
@@ -170,76 +179,76 @@ declare const _default: {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+            type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
         };
         "v-model": {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+            type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
         }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         }; } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            defaultValue(value?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
         };
         "dynamic-color-schema-type": {
-            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">;
         };
         dynamicColorSchemaType: {
-            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">;
         };
         "enable-dynamic-color": {
             type: import("vue").PropType<boolean>;
@@ -253,9 +262,18 @@ declare const _default: {
         customSchema: {
             type: import("vue").PropType<boolean>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | 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;
@@ -265,9 +283,7 @@ declare const _default: {
         "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
         "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
     }, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -310,76 +326,76 @@ declare const _default: {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+            type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
         };
         "v-model": {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+            type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
         }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
             required: false;
         }; } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            defaultValue(value?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
         };
         "dynamic-color-schema-type": {
-            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">;
         };
         dynamicColorSchemaType: {
-            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">;
         };
         "enable-dynamic-color": {
             type: import("vue").PropType<boolean>;
@@ -393,9 +409,18 @@ declare const _default: {
         customSchema: {
             type: import("vue").PropType<boolean>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | 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;
@@ -405,9 +430,7 @@ declare const _default: {
         "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
         "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
     }, () => JSX.Element, {}, {}, {}, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -447,76 +470,76 @@ declare const _default: {
         type: import("vue").PropType<ThemeDefinitionV2>;
     };
     "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+        type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
     };
     "v-model": {
-        type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
         required: false;
     };
     modelValue: {
-        type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
         required: false;
     };
     name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-        type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+        type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
     }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-        type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
         required: false;
     }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-        type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
         required: false;
     }; } & {
-        require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+        require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                 required: false;
             };
         }>;
-        defaultValue(value?: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+        defaultValue(value?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                 required: false;
             };
         }, false>;
-        doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+        doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                 required: false;
             };
         }>;
     };
     "dynamic-color-schema-type": {
-        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">;
     };
     dynamicColorSchemaType: {
-        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">;
     };
     "enable-dynamic-color": {
         type: import("vue").PropType<boolean>;
@@ -530,9 +553,18 @@ declare const _default: {
     customSchema: {
         type: import("vue").PropType<boolean>;
     };
-    colorSchemaType?: any;
-    container?: any;
-    colors?: any;
+    colorSchemaType: {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | 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;
@@ -546,84 +578,81 @@ declare const _default: {
     "color:enter": (colorSchemaType: ColorSchemaTypes) => any;
     "color:leave": (colorSchemaType: ColorSchemaTypes) => 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<{} & {
         name?: {
             [x: `onUpdate:${string}`]: {
-                type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
             };
         } & {
             [x: `v-model:${string}`]: {
-                type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
             [x: string]: {
-                type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<string, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            require(): import("../../../DefineVueTypings").DefinePropModelRequire<string, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<string, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            defaultValue(value?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema): import("../../../DefineVueTypings").DefinePropModelDefaultValue<string, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<string, "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema, {
+            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<string, "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any>;
+                    type: import("vue").PropType<(value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema>;
+                    type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
         };
         title?: string;
+        container?: boolean;
         class?: String | String[];
         label?: string;
         disabled?: boolean;
         themeDefinition?: ThemeDefinitionV2;
-        "v-model"?: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema;
-        "onUpdate:modelValue"?: (value: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema) => any;
-        modelValue?: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic" | ColorSchema;
+        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        "v-model"?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema;
+        "onUpdate:modelValue"?: (value: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema) => any;
+        modelValue?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic" | ColorSchema;
         "v-slots"?: {
             default?: import("../../../DefineVueTypings").Slot<any[]>;
         } & {
@@ -631,8 +660,8 @@ declare const _default: {
         };
         variant?: Variant;
         "theme-definition"?: ThemeDefinitionV2;
-        dynamicColorSchemaType?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
-        "dynamic-color-schema-type"?: "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";
+        "dynamic-color-schema-type"?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
         enableDynamicColor?: boolean;
         "enable-dynamic-color"?: boolean;
         customSchema?: boolean;