@gradient-ui/core 0.4.0 → 0.5.0-rc.0

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

@@ -0,0 +1,257 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: Omit<{
+        type: import("vue").PropType<import("./types").GGradientMaterialVariant>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("./types").GGradientMaterialVariant>;
+        default: import("./types").GGradientMaterialVariant;
+    };
+    color: {
+        type: import("vue").PropType<"red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})`>;
+        default: "red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})`;
+    };
+    state: {
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
+    };
+    kind: Omit<{
+        type: import("vue").PropType<import("../../..").GradientMaterialKind>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../..").GradientMaterialKind>;
+        default: import("../../..").GradientMaterialKind;
+    };
+    gradientRecipe: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    };
+    borderRadius: 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;
+    };
+    borderWidth: {
+        type: import("vue").PropType<import("../../../types/CommonTypes").StringeredNumber>;
+        default: import("../../../types/CommonTypes").StringeredNumber;
+    };
+    placement: Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
+        default: import("../../../types/CommonTypes").Placement;
+    };
+    rounded: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    glow: {
+        type: import("vue").PropType<import("../../../use/gradient").GGlow>;
+        default: import("../../../use/gradient").GGlow;
+    };
+    animateGlow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    padding: 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;
+    };
+    shadow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dropShadow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    morph: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    animationOptions: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientAnimationOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
+    };
+    shadowOptions: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    };
+    dropShadowOptions: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    };
+    morphOptions: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientMorphOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientMorphOptions;
+    };
+    backdropBlur: 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;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: Omit<{
+        type: import("vue").PropType<import("./types").GGradientMaterialVariant>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("./types").GGradientMaterialVariant>;
+        default: import("./types").GGradientMaterialVariant;
+    };
+    color: {
+        type: import("vue").PropType<"red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})`>;
+        default: "red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})`;
+    };
+    state: {
+        type: import("vue").PropType<import("../GGradient").GGradienStates>;
+        default: import("../GGradient").GGradienStates;
+    };
+    kind: Omit<{
+        type: import("vue").PropType<import("../../..").GradientMaterialKind>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../..").GradientMaterialKind>;
+        default: import("../../..").GradientMaterialKind;
+    };
+    gradientRecipe: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    };
+    borderRadius: 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;
+    };
+    borderWidth: {
+        type: import("vue").PropType<import("../../../types/CommonTypes").StringeredNumber>;
+        default: import("../../../types/CommonTypes").StringeredNumber;
+    };
+    placement: Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
+        default: import("../../../types/CommonTypes").Placement;
+    };
+    rounded: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    glow: {
+        type: import("vue").PropType<import("../../../use/gradient").GGlow>;
+        default: import("../../../use/gradient").GGlow;
+    };
+    animateGlow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    padding: 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;
+    };
+    shadow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dropShadow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    morph: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    animationOptions: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientAnimationOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
+    };
+    shadowOptions: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    };
+    dropShadowOptions: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientShadowOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+    };
+    morphOptions: {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientMorphOptions>;
+        default: import("@gradient-ui/gradient-engine").GradientMorphOptions;
+    };
+    backdropBlur: 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;
+    };
+}>> & Readonly<{}>, {
+    state: import("../GGradient").GGradienStates;
+    tag: string;
+    rounded: boolean;
+    color: "red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})`;
+    variant: import("./types").GGradientMaterialVariant;
+    placement: import("../../../types/CommonTypes").Placement;
+    borderRadius: import("../../../types/CommonTypes").StringeredNumber;
+    shadow: boolean;
+    dropShadow: boolean;
+    animateGlow: boolean;
+    glow: import("../../../use/gradient").GGlow;
+    borderWidth: import("../../../types/CommonTypes").StringeredNumber;
+    gradientRecipe: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    padding: import("../../../types/CommonTypes").StringeredNumber;
+    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;
+    kind: import("../../..").GradientMaterialKind;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/GGradientMaterial/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GGradientMaterial } from './GGradientMaterial.vue';
+export { makeGradientMaterialProps, type GGradientMaterialProps, type GGradientMaterialVariant } from './types';

package/dist/types/components/ui/GGradientMaterial/types.d.ts

@@ -0,0 +1,140 @@
+import type { Placement, StringeredNumber } from '@/types/CommonTypes';
+import type { GradientAnimationOptions, GradientMorphOptions, GradientShadowOptions, GradientTokenRecipe } from '@/theme';
+import type { GradientMaterialKind } from '@/use/gradientMaterial';
+import type { GGradienStates } from '@/components/ui/GGradient/types';
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { GGlow } from '@/use/gradient';
+export type GGradientMaterialVariant = 'gradient' | 'outlined' | 'glass';
+export declare const makeGradientMaterialProps: <Defaults extends {
+    tag?: unknown;
+    variant?: unknown;
+    color?: unknown;
+    state?: unknown;
+    kind?: unknown;
+    gradientRecipe?: unknown;
+    borderRadius?: unknown;
+    borderWidth?: unknown;
+    placement?: unknown;
+    rounded?: unknown;
+    glow?: unknown;
+    animateGlow?: unknown;
+    padding?: unknown;
+    shadow?: unknown;
+    dropShadow?: unknown;
+    morph?: unknown;
+    animationOptions?: unknown;
+    shadowOptions?: unknown;
+    dropShadowOptions?: unknown;
+    morphOptions?: unknown;
+    backdropBlur?: unknown;
+} = object>(defaults?: Defaults | undefined) => {
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["tag"] extends infer T ? T extends Defaults["tag"] ? T extends unknown ? string : string | T : never : never>;
+        default: Defaults["tag"] extends infer T_1 ? T_1 extends Defaults["tag"] ? T_1 extends unknown ? string : string | T_1 : never : never;
+    };
+    variant: Omit<{
+        type: PropType<GGradientMaterialVariant>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["variant"] extends infer T_2 ? T_2 extends Defaults["variant"] ? T_2 extends unknown ? GGradientMaterialVariant : GGradientMaterialVariant | T_2 : never : never>;
+        default: Defaults["variant"] extends infer T_3 ? T_3 extends Defaults["variant"] ? T_3 extends unknown ? GGradientMaterialVariant : T_3 | NonNullable<GGradientMaterialVariant> : never : never;
+    };
+    color: {
+        type: PropType<Defaults["color"] extends infer T_4 ? T_4 extends Defaults["color"] ? T_4 extends unknown ? "red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})` : "red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})` | T_4 : never : never>;
+        default: Defaults["color"] extends infer T_5 ? T_5 extends Defaults["color"] ? T_5 extends unknown ? "red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})` : T_5 | NonNullable<"red" | "main" | "unset" | "source" | "pink" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "amber" | "orange" | "brown" | "grey" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "error" | "warning" | "success" | "surface" | "on-surface" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "deep-purple-50" | "deep-purple-100" | "deep-purple-200" | "deep-purple-300" | "deep-purple-400" | "deep-purple-500" | "deep-purple-600" | "deep-purple-700" | "deep-purple-800" | "deep-purple-900" | "light-blue-50" | "light-blue-100" | "light-blue-200" | "light-blue-300" | "light-blue-400" | "light-blue-500" | "light-blue-600" | "light-blue-700" | "light-blue-800" | "light-blue-900" | "light-green-50" | "light-green-100" | "light-green-200" | "light-green-300" | "light-green-400" | "light-green-500" | "light-green-600" | "light-green-700" | "light-green-800" | "light-green-900" | "deep-orange-50" | "deep-orange-100" | "deep-orange-200" | "deep-orange-300" | "deep-orange-400" | "deep-orange-500" | "deep-orange-600" | "deep-orange-700" | "deep-orange-800" | "deep-orange-900" | "blue-grey-50" | "blue-grey-100" | "blue-grey-200" | "blue-grey-300" | "blue-grey-400" | "blue-grey-500" | "blue-grey-600" | "blue-grey-700" | "blue-grey-800" | "blue-grey-900" | "transparent" | "currentColor" | "currentcolor" | "inherit" | "initial" | "revert" | "black" | "white" | `#${string}` | `rgb(${string})` | `rgba(${string})` | `hsl(${string})` | `hsla(${string})` | `hwb(${string})` | `lab(${string})` | `lch(${string})` | `oklab(${string})` | `oklch(${string})` | `color(${string})` | `var(${string})` | `${string}-gradient(${string})`> : never : never;
+    };
+    state: {
+        type: PropType<Defaults["state"] extends infer T_6 ? T_6 extends Defaults["state"] ? T_6 extends unknown ? GGradienStates : GGradienStates | T_6 : never : never>;
+        default: Defaults["state"] extends infer T_7 ? T_7 extends Defaults["state"] ? T_7 extends unknown ? GGradienStates : NonNullable<GGradienStates> | T_7 : never : never;
+    };
+    kind: Omit<{
+        type: PropType<GradientMaterialKind>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["kind"] extends infer T_8 ? T_8 extends Defaults["kind"] ? T_8 extends unknown ? GradientMaterialKind : GradientMaterialKind | T_8 : never : never>;
+        default: Defaults["kind"] extends infer T_9 ? T_9 extends Defaults["kind"] ? T_9 extends unknown ? GradientMaterialKind : NonNullable<GradientMaterialKind> | T_9 : never : never;
+    };
+    gradientRecipe: {
+        type: PropType<Defaults["gradientRecipe"] extends infer T_10 ? T_10 extends Defaults["gradientRecipe"] ? T_10 extends unknown ? GradientTokenRecipe : GradientTokenRecipe | T_10 : never : never>;
+        default: Defaults["gradientRecipe"] extends infer T_11 ? T_11 extends Defaults["gradientRecipe"] ? T_11 extends unknown ? GradientTokenRecipe : NonNullable<GradientTokenRecipe> | T_11 : never : never;
+    };
+    borderRadius: Omit<{
+        type: PropType<StringeredNumber>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["borderRadius"] extends infer T_12 ? T_12 extends Defaults["borderRadius"] ? T_12 extends unknown ? StringeredNumber : StringeredNumber | T_12 : never : never>;
+        default: Defaults["borderRadius"] extends infer T_13 ? T_13 extends Defaults["borderRadius"] ? T_13 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_13 : never : never;
+    };
+    borderWidth: {
+        type: PropType<Defaults["borderWidth"] extends infer T_14 ? T_14 extends Defaults["borderWidth"] ? T_14 extends unknown ? StringeredNumber : StringeredNumber | T_14 : never : never>;
+        default: Defaults["borderWidth"] extends infer T_15 ? T_15 extends Defaults["borderWidth"] ? T_15 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_15 : never : never;
+    };
+    placement: Omit<{
+        type: PropType<Placement>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["placement"] extends infer T_16 ? T_16 extends Defaults["placement"] ? T_16 extends unknown ? Placement : Placement | T_16 : never : never>;
+        default: Defaults["placement"] extends infer T_17 ? T_17 extends Defaults["placement"] ? T_17 extends unknown ? Placement : NonNullable<Placement> | T_17 : never : never;
+    };
+    rounded: {
+        type: PropType<Defaults["rounded"] extends infer T_18 ? T_18 extends Defaults["rounded"] ? T_18 extends unknown ? boolean : boolean | T_18 : never : never>;
+        default: Defaults["rounded"] extends infer T_19 ? T_19 extends Defaults["rounded"] ? T_19 extends unknown ? boolean : boolean | T_19 : never : never;
+    };
+    glow: {
+        type: PropType<Defaults["glow"] extends infer T_20 ? T_20 extends Defaults["glow"] ? T_20 extends unknown ? GGlow : GGlow | T_20 : never : never>;
+        default: Defaults["glow"] extends infer T_21 ? T_21 extends Defaults["glow"] ? T_21 extends unknown ? GGlow : NonNullable<GGlow> | T_21 : never : never;
+    };
+    animateGlow: {
+        type: PropType<Defaults["animateGlow"] extends infer T_22 ? T_22 extends Defaults["animateGlow"] ? T_22 extends unknown ? boolean : boolean | T_22 : never : never>;
+        default: Defaults["animateGlow"] extends infer T_23 ? T_23 extends Defaults["animateGlow"] ? T_23 extends unknown ? boolean : boolean | T_23 : never : never;
+    };
+    padding: Omit<{
+        type: PropType<StringeredNumber>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["padding"] extends infer T_24 ? T_24 extends Defaults["padding"] ? T_24 extends unknown ? StringeredNumber : StringeredNumber | T_24 : never : never>;
+        default: Defaults["padding"] extends infer T_25 ? T_25 extends Defaults["padding"] ? T_25 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_25 : never : never;
+    };
+    shadow: {
+        type: PropType<Defaults["shadow"] extends infer T_26 ? T_26 extends Defaults["shadow"] ? T_26 extends unknown ? boolean : boolean | T_26 : never : never>;
+        default: Defaults["shadow"] extends infer T_27 ? T_27 extends Defaults["shadow"] ? T_27 extends unknown ? boolean : boolean | T_27 : never : never;
+    };
+    dropShadow: {
+        type: PropType<Defaults["dropShadow"] extends infer T_28 ? T_28 extends Defaults["dropShadow"] ? T_28 extends unknown ? boolean : boolean | T_28 : never : never>;
+        default: Defaults["dropShadow"] extends infer T_29 ? T_29 extends Defaults["dropShadow"] ? T_29 extends unknown ? boolean : boolean | T_29 : never : never;
+    };
+    morph: {
+        type: PropType<Defaults["morph"] extends infer T_30 ? T_30 extends Defaults["morph"] ? T_30 extends unknown ? boolean : boolean | T_30 : never : never>;
+        default: Defaults["morph"] extends infer T_31 ? T_31 extends Defaults["morph"] ? T_31 extends unknown ? boolean : boolean | T_31 : never : never;
+    };
+    animationOptions: {
+        type: PropType<Defaults["animationOptions"] extends infer T_32 ? T_32 extends Defaults["animationOptions"] ? T_32 extends unknown ? GradientAnimationOptions : GradientAnimationOptions | T_32 : never : never>;
+        default: Defaults["animationOptions"] extends infer T_33 ? T_33 extends Defaults["animationOptions"] ? T_33 extends unknown ? GradientAnimationOptions : GradientAnimationOptions | T_33 : never : never;
+    };
+    shadowOptions: {
+        type: PropType<Defaults["shadowOptions"] extends infer T_34 ? T_34 extends Defaults["shadowOptions"] ? T_34 extends unknown ? GradientShadowOptions : GradientShadowOptions | T_34 : never : never>;
+        default: Defaults["shadowOptions"] extends infer T_35 ? T_35 extends Defaults["shadowOptions"] ? T_35 extends unknown ? GradientShadowOptions : GradientShadowOptions | T_35 : never : never;
+    };
+    dropShadowOptions: {
+        type: PropType<Defaults["dropShadowOptions"] extends infer T_36 ? T_36 extends Defaults["dropShadowOptions"] ? T_36 extends unknown ? GradientShadowOptions : GradientShadowOptions | T_36 : never : never>;
+        default: Defaults["dropShadowOptions"] extends infer T_37 ? T_37 extends Defaults["dropShadowOptions"] ? T_37 extends unknown ? GradientShadowOptions : GradientShadowOptions | T_37 : never : never;
+    };
+    morphOptions: {
+        type: PropType<Defaults["morphOptions"] extends infer T_38 ? T_38 extends Defaults["morphOptions"] ? T_38 extends unknown ? GradientMorphOptions : GradientMorphOptions | T_38 : never : never>;
+        default: Defaults["morphOptions"] extends infer T_39 ? T_39 extends Defaults["morphOptions"] ? T_39 extends unknown ? GradientMorphOptions : GradientMorphOptions | T_39 : never : never;
+    };
+    backdropBlur: Omit<Omit<{
+        type: PropType<StringeredNumber>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<StringeredNumber>;
+        default: StringeredNumber;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["backdropBlur"] extends infer T_40 ? T_40 extends Defaults["backdropBlur"] ? T_40 extends unknown ? StringeredNumber : StringeredNumber | T_40 : never : never>;
+        default: Defaults["backdropBlur"] extends infer T_41 ? T_41 extends Defaults["backdropBlur"] ? T_41 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_41 : never : never;
+    };
+};
+export type GGradientMaterialProps = ExtractPropTypes<ReturnType<typeof makeGradientMaterialProps>>;

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

@@ -92,17 +92,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("../../../types/CommonTypes.js").MdiIcon;
     };
     color: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../use/colorResolver.js").GColor>;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
         default: string;
     }, "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>;
-        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;
     };
     disabled: Omit<{
         type: import("vue").PropType<boolean>;
@@ -212,17 +212,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: import("../../../types/CommonTypes.js").MdiIcon;
     };
     color: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../use/colorResolver.js").GColor>;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
         default: string;
     }, "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>;
-        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;
     };
     disabled: Omit<{
         type: import("vue").PropType<boolean>;
@@ -252,7 +252,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     prependIcon: import("../../../types/CommonTypes.js").MdiIcon;
     mask: import("@/use/mask").GMaskValue;
     disabled: boolean;
-    color: string;
+    color: import("../../../index.js").GColor;
     rules: import("gib-validate").ValidationRule<string>[];
     clearable: boolean;
     returnMaskedValue: boolean;

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

@@ -25,8 +25,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     color: {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     };
     dark: {
         type: import("vue").PropType<boolean>;
@@ -78,8 +78,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     color: {
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../..").GColor>;
+        default: import("../../..").GColor;
     };
     dark: {
         type: import("vue").PropType<boolean>;
@@ -118,7 +118,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     opacity: string | number;
     text: string;
     transition: import("../../../use/transition").GTransitionValue;
-    color: string;
+    color: import("../../..").GColor;
     dark: boolean;
     show: boolean;
     noText: boolean;

package/dist/types/components/ui/GLoading/types.d.ts

@@ -1,3 +1,4 @@
+import type { GColor } from '@/use/color';
 import type { GProgressView } from '@/components/ui/GProgress/types';
 import type { ExtractPropTypes, PropType } from 'vue';
 export declare const makeLoadingProps: <Defaults extends {
@@ -25,8 +26,8 @@ export declare const makeLoadingProps: <Defaults extends {
         default: Defaults["show"] extends infer T_5 ? T_5 extends Defaults["show"] ? T_5 extends unknown ? boolean : boolean | T_5 : never : never;
     };
     color: {
-        type: PropType<Defaults["color"] extends infer T_6 ? T_6 extends Defaults["color"] ? T_6 extends unknown ? string : string | T_6 : never : never>;
-        default: Defaults["color"] extends infer T_7 ? T_7 extends Defaults["color"] ? T_7 extends unknown ? string : string | T_7 : never : never;
+        type: PropType<Defaults["color"] extends infer T_6 ? T_6 extends Defaults["color"] ? T_6 extends unknown ? GColor : GColor | T_6 : never : never>;
+        default: Defaults["color"] extends infer T_7 ? T_7 extends Defaults["color"] ? T_7 extends unknown ? GColor : NonNullable<GColor> | T_7 : never : never;
     };
     dark: {
         type: PropType<Defaults["dark"] extends infer T_8 ? T_8 extends Defaults["dark"] ? T_8 extends unknown ? boolean : boolean | T_8 : never : never>;