npm - @omnia/fx - Versions diffs - 8.0.126-dev → 8.0.127-dev - Mend

@omnia/fx 8.0.126-dev → 8.0.127-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (243) hide show

package/internal-do-not-import-from-here/ux/colorschemapicker/ColorSchemaPicker.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { ColorSchema, ColorSchemaTypes, ThemeDefinitionV2 } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
+type Variant = "default" | "toolbar";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
@@ -12,6 +13,11 @@ declare const _default: {
         } & {
             type: import("vue").PropType<string>;
         };
+        variant: {
+            type: import("vue").PropType<Variant>;
+        } & {
+            type: import("vue").PropType<Variant>;
+        };
         "theme-definition": {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
@@ -19,71 +25,83 @@ declare const _default: {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+            type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
         };
         "v-model": {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+            type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
         }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         }; } & {
-            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            defaultValue(value?: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
         };
+        "dynamic-color-schema-type": {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
+        };
+        dynamicColorSchemaType: {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
+        };
+        "enable-dynamic-color": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableDynamicColor: {
+            type: import("vue").PropType<boolean>;
+        };
         "custom-schema": {
             type: import("vue").PropType<boolean>;
         };
@@ -98,7 +116,7 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: (colorSchemaType: ColorSchema | ColorSchemaTypes) => any;
+        "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes | ColorSchema) => any;
         "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
         "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -116,6 +134,11 @@ declare const _default: {
         } & {
             type: import("vue").PropType<string>;
         };
+        variant: {
+            type: import("vue").PropType<Variant>;
+        } & {
+            type: import("vue").PropType<Variant>;
+        };
         "theme-definition": {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
@@ -123,71 +146,83 @@ declare const _default: {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+            type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
         };
         "v-model": {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+            type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
         }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         }; } & {
-            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            defaultValue(value?: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
         };
+        "dynamic-color-schema-type": {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
+        };
+        dynamicColorSchemaType: {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
+        };
+        "enable-dynamic-color": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableDynamicColor: {
+            type: import("vue").PropType<boolean>;
+        };
         "custom-schema": {
             type: import("vue").PropType<boolean>;
         };
@@ -202,7 +237,7 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: (colorSchemaType: ColorSchema | ColorSchemaTypes) => any;
+        "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes | ColorSchema) => any;
         "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
         "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
     }, {
@@ -227,6 +262,11 @@ declare const _default: {
         } & {
             type: import("vue").PropType<string>;
         };
+        variant: {
+            type: import("vue").PropType<Variant>;
+        } & {
+            type: import("vue").PropType<Variant>;
+        };
         "theme-definition": {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
@@ -234,71 +274,83 @@ declare const _default: {
             type: import("vue").PropType<ThemeDefinitionV2>;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+            type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
         };
         "v-model": {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+            type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
         }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+            type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
             required: false;
         }; } & {
-            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            defaultValue(value?: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
         };
+        "dynamic-color-schema-type": {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
+        };
+        dynamicColorSchemaType: {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
+        };
+        "enable-dynamic-color": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableDynamicColor: {
+            type: import("vue").PropType<boolean>;
+        };
         "custom-schema": {
             type: import("vue").PropType<boolean>;
         };
@@ -313,7 +365,7 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: (colorSchemaType: ColorSchema | ColorSchemaTypes) => any;
+        "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes | ColorSchema) => any;
         "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
         "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
     }, () => JSX.Element, {}, {}, {}, {
@@ -335,6 +387,11 @@ declare const _default: {
     } & {
         type: import("vue").PropType<string>;
     };
+    variant: {
+        type: import("vue").PropType<Variant>;
+    } & {
+        type: import("vue").PropType<Variant>;
+    };
     "theme-definition": {
         type: import("vue").PropType<ThemeDefinitionV2>;
     };
@@ -342,71 +399,83 @@ declare const _default: {
         type: import("vue").PropType<ThemeDefinitionV2>;
     };
     "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+        type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
     };
     "v-model": {
-        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+        type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
         required: false;
     };
     modelValue: {
-        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+        type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
         required: false;
     };
     name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-        type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+        type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
     }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+        type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
         required: false;
     }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+        type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
         required: false;
     }; } & {
-        require(): import("../DefineVueTypings").DefinePropModelRequire<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+        require(): import("../DefineVueTypings").DefinePropModelRequire<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                 required: false;
             };
         }>;
-        defaultValue(value?: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+        defaultValue(value?: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                 required: false;
             };
         }, false>;
-        doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+        doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                 required: false;
             };
         }>;
     };
+    "dynamic-color-schema-type": {
+        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
+    };
+    dynamicColorSchemaType: {
+        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
+    };
+    "enable-dynamic-color": {
+        type: import("vue").PropType<boolean>;
+    };
+    enableDynamicColor: {
+        type: import("vue").PropType<boolean>;
+    };
     "custom-schema": {
         type: import("vue").PropType<boolean>;
     };
@@ -421,7 +490,7 @@ declare const _default: {
         required: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (colorSchemaType: ColorSchema | ColorSchemaTypes) => any;
+    "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes | ColorSchema) => any;
     "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
     "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -440,61 +509,61 @@ declare const _default: {
     } & {
         name?: {
             [x: `onUpdate:${string}`]: {
-                type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
             };
         } & {
             [x: `v-model:${string}`]: {
-                type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
             [x: string]: {
-                type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                 required: false;
             };
         } & {
-            require(): import("../DefineVueTypings").DefinePropModelRequire<string, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<string, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes): import("../DefineVueTypings").DefinePropModelDefaultValue<string, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            defaultValue(value?: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema): import("../DefineVueTypings").DefinePropModelDefaultValue<string, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<string, "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<string, "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema, {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
+                    type: import("vue").PropType<(value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes>;
+                    type: import("vue").PropType<"info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema>;
                     required: false;
                 };
             }>;
@@ -502,19 +571,24 @@ declare const _default: {
         label?: string;
         class?: String | String[];
         themeDefinition?: ThemeDefinitionV2;
-        "v-model"?: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes;
-        "onUpdate:modelValue"?: (value: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any;
-        modelValue?: "info" | "error" | "primary" | "secondary" | ColorSchema | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes;
+        "v-model"?: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema;
+        "onUpdate:modelValue"?: (value: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema) => any;
+        modelValue?: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic" | ColorSchema;
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot<any[]>;
         } & {
             activator?: () => VNodeChild;
         };
         "theme-definition"?: ThemeDefinitionV2;
+        variant?: Variant;
+        dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+        "dynamic-color-schema-type"?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+        enableDynamicColor?: boolean;
+        "enable-dynamic-color"?: boolean;
         customSchema?: boolean;
         "custom-schema"?: boolean;
     }>, "onUpdate:modelValue" | "onColor:enter" | "onColor:leave"> & {
-        "onUpdate:modelValue"?: (colorSchemaType: ColorSchema | ColorSchemaTypes) => any;
+        "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes | ColorSchema) => any;
         "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
         "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
     };