@gradient-ui/core 0.4.0 → 0.4.1

package/dist/types/components/ui/GCheckControl/GCheckGroup.vue.d.ts

@@ -39,11 +39,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("../../../types/CommonTypes").Sizes;
     };
     state: Omit<{
-        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
-        default: import("../GGradient/types").GGradienStates;
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
-        default: import("../GGradient/types").GGradienStates;
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
     };
     indicatorView: Omit<Omit<{
         type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
@@ -70,17 +70,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     color: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../use/colorResolver").GColor>;
+        type: import("vue").PropType<import("../../..").GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     focusin: (event: FocusEvent) => any;
@@ -121,11 +121,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("../../../types/CommonTypes").Sizes;
     };
     state: Omit<{
-        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
-        default: import("../GGradient/types").GGradienStates;
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
-        default: import("../GGradient/types").GGradienStates;
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
     };
     indicatorView: Omit<Omit<{
         type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
@@ -152,17 +152,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     color: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../use/colorResolver").GColor>;
+        type: import("vue").PropType<import("../../..").GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     };
 }>> & Readonly<{
     onFocusin?: ((event: FocusEvent) => any) | undefined;
@@ -171,12 +171,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onPointerdown?: ((event: PointerEvent) => any) | undefined;
     onPointerup?: ((event: PointerEvent) => any) | undefined;
 }>, {
-    state: import("../GGradient/types").GGradienStates;
+    state: import("../GGradient").GGradienStates;
     size: import("../../../types/CommonTypes").Sizes;
     label: string;
     message: string;
     disabled: boolean;
-    color: string;
+    color: import("../../..").GColor;
     vertical: boolean;
     indicatorView: import("@/use/check").CheckIndicatorView;
     focused: boolean;

package/dist/types/components/ui/GCheckbox/GCheckbox.vue.d.ts

@@ -53,11 +53,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("../../../types/CommonTypes").Sizes;
     };
     state: Omit<{
-        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
-        default: import("../GGradient/types").GGradienStates;
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
-        default: import("../GGradient/types").GGradienStates;
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
     };
     indicatorView: Omit<Omit<{
         type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
@@ -84,17 +84,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     color: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../use/colorResolver").GColor>;
+        type: import("vue").PropType<import("../../..").GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     };
     modelValue: {
         type: import("vue").PropType<boolean>;
@@ -155,11 +155,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("../../../types/CommonTypes").Sizes;
     };
     state: Omit<{
-        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
-        default: import("../GGradient/types").GGradienStates;
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../GGradient/types").GGradienStates>;
-        default: import("../GGradient/types").GGradienStates;
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
     };
     indicatorView: Omit<Omit<{
         type: import("vue").PropType<import("@/use/check").CheckIndicatorView>;
@@ -186,17 +186,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     color: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../use/colorResolver").GColor>;
+        type: import("vue").PropType<import("../../..").GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     };
     modelValue: {
         type: import("vue").PropType<boolean>;
@@ -208,13 +208,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onFocus?: ((event: FocusEvent) => any) | undefined;
 }>, {
     id: string;
-    state: import("../GGradient/types").GGradienStates;
+    state: import("../GGradient").GGradienStates;
     size: import("../../../types/CommonTypes").Sizes;
     name: string;
     label: string;
     message: string;
     disabled: boolean;
-    color: string;
+    color: import("../../..").GColor;
     inline: boolean;
     rules: import("gib-validate").ValidationRule<boolean>[];
     indicatorView: import("@/use/check").CheckIndicatorView;

package/dist/types/components/ui/GChip/GChip.vue.d.ts

@@ -3,7 +3,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<PLASlots> & PLASlots;
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -27,6 +27,32 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<() => void>;
         default: () => void;
     };
+    rootTag: Omit<Omit<Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    interactive: Omit<Omit<Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     borderRadius: Omit<Omit<Omit<{
         type: import("vue").PropType<import("../../../use/gradient.js").GBorderRadius>;
         default: number;
@@ -50,6 +76,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    surfaceFill: Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../use/gradientSurface.js").GGradientSurfaceFill>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/gradientSurface.js").GGradientSurfaceFill>;
+        default: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/gradientSurface.js").GGradientSurfaceFill>;
+        default: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/gradientSurface.js").GGradientSurfaceFill>;
+        default: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
+    };
     state: Omit<Omit<Omit<{
         type: import("vue").PropType<import("../GGradient/types.js").GGradienStates>;
         default: import("../GGradient/types.js").GGradienStates;
@@ -130,14 +169,37 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("@/types/CommonTypes").StringeredNumber;
     };
     color: Omit<Omit<{
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
+    };
+    materialKind: Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
         default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    };
+    gradientRecipe: Omit<Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
     };
     placement: Omit<Omit<Omit<Omit<{
         type: import("vue").PropType<import("@/types/CommonTypes").Placement>;
@@ -185,11 +247,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("../../../use/variant.js").GVariant;
     };
     activeColor: Omit<{
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     };
     activeState: Omit<{
         type: import("vue").PropType<import("../GGradient/types.js").GGradienStates>;
@@ -205,6 +267,41 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
         default: import("../../../use/variant.js").GVariant;
     };
+    morph: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    shadowOptions: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    };
+    dropShadowOptions: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    };
+    animationOptions: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientAnimationOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientAnimationOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
+    };
+    morphOptions: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientMorphOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientMorphOptions;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientMorphOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientMorphOptions;
+    };
     size: Omit<Omit<Omit<{
         type: import("vue").PropType<import("@/types/CommonTypes").Sizes>;
         default: string;
@@ -218,6 +315,38 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<import("@/types/CommonTypes").Sizes>;
         default: import("@/types/CommonTypes").Sizes;
     };
+    texture: Omit<Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: import("../../../use/surface.js").GSurfaceTexture;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: import("../../../use/surface.js").GSurfaceTexture;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: import("../../../use/surface.js").GSurfaceTexture;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: import("../../../use/surface.js").GSurfaceTexture;
+    };
+    backdropBlur: Omit<Omit<Omit<Omit<{
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: number;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: import("@/types/CommonTypes").StringeredNumber;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: import("@/types/CommonTypes").StringeredNumber;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: import("@/types/CommonTypes").StringeredNumber;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: import("@/types/CommonTypes").StringeredNumber;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -239,6 +368,32 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<() => void>;
         default: () => void;
     };
+    rootTag: Omit<Omit<Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    interactive: Omit<Omit<Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     borderRadius: Omit<Omit<Omit<{
         type: import("vue").PropType<import("../../../use/gradient.js").GBorderRadius>;
         default: number;
@@ -262,6 +417,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    surfaceFill: Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../use/gradientSurface.js").GGradientSurfaceFill>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/gradientSurface.js").GGradientSurfaceFill>;
+        default: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/gradientSurface.js").GGradientSurfaceFill>;
+        default: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/gradientSurface.js").GGradientSurfaceFill>;
+        default: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
+    };
     state: Omit<Omit<Omit<{
         type: import("vue").PropType<import("../GGradient/types.js").GGradienStates>;
         default: import("../GGradient/types.js").GGradienStates;
@@ -342,14 +510,37 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("@/types/CommonTypes").StringeredNumber;
     };
     color: Omit<Omit<{
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
+    };
+    materialKind: Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
         default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    };
+    gradientRecipe: Omit<Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
     };
     placement: Omit<Omit<Omit<Omit<{
         type: import("vue").PropType<import("@/types/CommonTypes").Placement>;
@@ -397,11 +588,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("../../../use/variant.js").GVariant;
     };
     activeColor: Omit<{
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     };
     activeState: Omit<{
         type: import("vue").PropType<import("../GGradient/types.js").GGradienStates>;
@@ -417,6 +608,41 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
         default: import("../../../use/variant.js").GVariant;
     };
+    morph: Omit<{
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    shadowOptions: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    };
+    dropShadowOptions: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    };
+    animationOptions: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientAnimationOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientAnimationOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
+    };
+    morphOptions: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientMorphOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientMorphOptions;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientMorphOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientMorphOptions;
+    };
     size: Omit<Omit<Omit<{
         type: import("vue").PropType<import("@/types/CommonTypes").Sizes>;
         default: string;
@@ -430,30 +656,74 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<import("@/types/CommonTypes").Sizes>;
         default: import("@/types/CommonTypes").Sizes;
     };
+    texture: Omit<Omit<Omit<Omit<{
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: import("../../../use/surface.js").GSurfaceTexture;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: import("../../../use/surface.js").GSurfaceTexture;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: import("../../../use/surface.js").GSurfaceTexture;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../use/surface.js").GSurfaceTexture>;
+        default: import("../../../use/surface.js").GSurfaceTexture;
+    };
+    backdropBlur: Omit<Omit<Omit<Omit<{
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: number;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: import("@/types/CommonTypes").StringeredNumber;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: import("@/types/CommonTypes").StringeredNumber;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: import("@/types/CommonTypes").StringeredNumber;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/types/CommonTypes").StringeredNumber>;
+        default: import("@/types/CommonTypes").StringeredNumber;
+    };
 }>> & Readonly<{}>, {
     state: import("../GGradient/types.js").GGradienStates;
     onRemove: () => void;
     size: import("@/types/CommonTypes").Sizes;
     active: boolean;
     label: string;
+    texture: import("../../../use/surface.js").GSurfaceTexture;
     appendIcon: import("@/types/CommonTypes").MdiIcon;
     prependIcon: import("@/types/CommonTypes").MdiIcon;
     disabled: boolean;
     rounded: boolean;
-    color: string;
+    color: import("../../../index.js").GColor;
     variant: import("../../../use/variant.js").GVariant;
     placement: import("@/types/CommonTypes").Placement;
-    animateGlow: boolean;
-    shadow: boolean;
-    glow: import("../../../use/gradient.js").GGlow;
+    rootTag: string;
+    interactive: boolean;
     borderRadius: import("../../../use/gradient.js").GBorderRadius;
     inheritWidth: boolean;
+    surfaceFill: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
+    shadow: boolean;
+    animateGlow: boolean;
+    glow: import("../../../use/gradient.js").GGlow;
     borderWidth: import("@/types/CommonTypes").StringeredNumber;
-    activeColor: string;
+    materialKind: import("../../../index.js").GradientMaterialKind;
+    gradientRecipe: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    activeColor: import("../../../index.js").GColor;
+    morph: boolean;
+    animationOptions: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
+    shadowOptions: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    dropShadowOptions: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    morphOptions: import("@gradient-ui/gradient-engine").GradientMorphOptions;
+    backdropBlur: import("@/types/CommonTypes").StringeredNumber;
     activeState: import("../GGradient/types.js").GGradienStates;
     activeVariant: import("../../../use/variant.js").GVariant;
     removable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {