@gradient-ui/core 0.8.0 → 1.0.1

package/dist/types-cjs/components/ui/GGradientMaterial/GGradientMaterial.vue.d.cts

@@ -0,0 +1,251 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: Omit<{
+        type: import("vue").PropType<import("./types.cjs").GGradientMaterialVariant>;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("./types.cjs").GGradientMaterialVariant>;
+        default: import("./types.cjs").GGradientMaterialVariant;
+    };
+    color: {
+        type: import("vue").PropType<"red" | "main" | "unset" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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/index.cjs").GGradienStates>;
+        default: import("../GGradient/index.cjs").GGradienStates;
+    };
+    kind: Omit<{
+        type: import("vue").PropType<import("../../../index.cjs").GradientMaterialKind>;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../index.cjs").GradientMaterialKind>;
+        default: import("../../../index.cjs").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.cjs").StringeredNumber>;
+        default: number;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    };
+    borderWidth: {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    };
+    placement: Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").Placement>;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").Placement>;
+        default: import("../../../types/CommonTypes.cjs").Placement;
+    };
+    rounded: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    glow: {
+        type: import("vue").PropType<import("../../../use/gradient.cjs").GGlow>;
+        default: import("../../../use/gradient.cjs").GGlow;
+    };
+    animateGlow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    padding: Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: number;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").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.cjs").StringeredNumber>;
+        default: number;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: Omit<{
+        type: import("vue").PropType<import("./types.cjs").GGradientMaterialVariant>;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("./types.cjs").GGradientMaterialVariant>;
+        default: import("./types.cjs").GGradientMaterialVariant;
+    };
+    color: {
+        type: import("vue").PropType<"red" | "main" | "unset" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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/index.cjs").GGradienStates>;
+        default: import("../GGradient/index.cjs").GGradienStates;
+    };
+    kind: Omit<{
+        type: import("vue").PropType<import("../../../index.cjs").GradientMaterialKind>;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../index.cjs").GradientMaterialKind>;
+        default: import("../../../index.cjs").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.cjs").StringeredNumber>;
+        default: number;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    };
+    borderWidth: {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    };
+    placement: Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").Placement>;
+        default: string;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").Placement>;
+        default: import("../../../types/CommonTypes.cjs").Placement;
+    };
+    rounded: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    glow: {
+        type: import("vue").PropType<import("../../../use/gradient.cjs").GGlow>;
+        default: import("../../../use/gradient.cjs").GGlow;
+    };
+    animateGlow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    padding: Omit<{
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: number;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").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.cjs").StringeredNumber>;
+        default: number;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    };
+}>> & Readonly<{}>, {
+    state: import("../GGradient/index.cjs").GGradienStates;
+    tag: string;
+    color: "red" | "main" | "unset" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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})`;
+    padding: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    rounded: boolean;
+    variant: import("./types.cjs").GGradientMaterialVariant;
+    placement: import("../../../types/CommonTypes.cjs").Placement;
+    borderRadius: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    shadow: boolean;
+    dropShadow: boolean;
+    morph: boolean;
+    animateGlow: boolean;
+    glow: import("../../../use/gradient.cjs").GGlow;
+    borderWidth: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    gradientRecipe: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    backdropBlur: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    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;
+    kind: import("../../../index.cjs").GradientMaterialKind;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types-cjs/components/ui/GGradientMaterial/index.d.cts

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

package/dist/types-cjs/components/ui/GGradientMaterial/types.d.cts

@@ -0,0 +1,140 @@
+import type { Placement, StringeredNumber } from '../../../types/CommonTypes.cjs';
+import type { GradientAnimationOptions, GradientMorphOptions, GradientShadowOptions, GradientTokenRecipe } from '../../../theme/index.cjs';
+import type { GradientMaterialKind } from '../../../use/gradientMaterial.cjs';
+import type { GGradienStates } from '../GGradient/types.cjs';
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { GGlow } from '../../../use/gradient.cjs';
+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;
+    }, "default" | "type"> & {
+        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;
+    }, "default" | "type"> & {
+        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" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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" | "error" | "inherit" | "initial" | "revert" | "black" | "blue" | "brown" | "cyan" | "green" | "grey" | "indigo" | "lime" | "orange" | "pink" | "purple" | "teal" | "white" | "yellow" | "transparent" | "currentColor" | "source" | "amber" | "deep-purple" | "light-blue" | "light-green" | "deep-orange" | "blue-grey" | "primary" | "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" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "brown-50" | "brown-100" | "brown-200" | "brown-300" | "brown-400" | "brown-500" | "brown-600" | "brown-700" | "brown-800" | "brown-900" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-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" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "source-50" | "source-100" | "source-200" | "source-300" | "source-400" | "source-500" | "source-600" | "source-700" | "source-800" | "source-900" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-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" | "currentcolor" | `#${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;
+    }, "default" | "type"> & {
+        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;
+    }, "default" | "type"> & {
+        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;
+    }, "default" | "type"> & {
+        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;
+    }, "default" | "type"> & {
+        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;
+    }, "default" | "type"> & {
+        type: PropType<StringeredNumber>;
+        default: StringeredNumber;
+    }, "default" | "type"> & {
+        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-cjs/components/ui/GIcon/GIcon.vue.d.cts

@@ -0,0 +1,31 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<import("./types.cjs").IconValue>;
+        required: boolean;
+    };
+    size: {
+        type: import("vue").PropType<number | import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: undefined;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<import("./types.cjs").IconValue>;
+        required: boolean;
+    };
+    size: {
+        type: import("vue").PropType<number | import("../../../types/CommonTypes.cjs").StringeredNumber>;
+        default: undefined;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: import("../../../types/CommonTypes.cjs").StringeredNumber;
+    tag: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types-cjs/components/ui/GIcon/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from './GIcon.vue.cjs';
+export type { GIconProps, IconAlias, IconSetValue, IconValue } from './types.cjs';

package/dist/types-cjs/components/ui/GIcon/sets/MdiIconSet.vue.d.cts

@@ -0,0 +1,3 @@
+import type { IconSetComponentProps } from '../../../../use/icon.cjs';
+declare const _default: import("vue").DefineComponent<IconSetComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconSetComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types-cjs/components/ui/GIcon/types.d.cts

@@ -0,0 +1,24 @@
+import type { MdiIcon, StringeredNumber } from '../../../types/CommonTypes.cjs';
+import type { PropType } from 'vue';
+export type IconAlias = `$${string}`;
+export type IconSetValue = `${string}:${string}`;
+export type IconValue = MdiIcon | IconAlias | IconSetValue;
+export interface GIconProps {
+    icon: IconValue;
+    size?: number | StringeredNumber;
+    tag?: string;
+}
+export declare const makeIconProps: () => {
+    icon: {
+        type: PropType<IconValue>;
+        required: boolean;
+    };
+    size: {
+        type: PropType<number | StringeredNumber>;
+        default: undefined;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+};

package/dist/types-cjs/components/ui/GIcon.vue.d.cts

@@ -0,0 +1,6 @@
+import type { GIconProps } from './GIcon/types.cjs';
+declare const _default: import("vue").DefineComponent<GIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GIconProps> & Readonly<{}>, {
+    size: number | import("../../types/CommonTypes.cjs").StringeredNumber;
+    tag: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;