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

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

@@ -4,10 +4,30 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    rootTag: Omit<Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    interactive: Omit<Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     borderRadius: Omit<Omit<{
         type: import("vue").PropType<import("@/use/gradient").GBorderRadius>;
         default: number;
@@ -25,15 +45,25 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    surfaceFill: Omit<Omit<{
+        type: import("vue").PropType<import("@/use/gradientSurface").GGradientSurfaceFill>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/gradientSurface").GGradientSurfaceFill>;
+        default: import("@/use/gradientSurface").GGradientSurfaceFill;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/gradientSurface").GGradientSurfaceFill>;
+        default: import("@/use/gradientSurface").GGradientSurfaceFill;
+    };
     state: Omit<Omit<{
-        type: import("vue").PropType<import("./types").GGradienStates>;
-        default: import("./types").GGradienStates;
+        type: import("vue").PropType<import("./types.js").GGradienStates>;
+        default: import("./types.js").GGradienStates;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("./types").GGradienStates>;
-        default: import("./types").GGradienStates;
+        type: import("vue").PropType<import("./types.js").GGradienStates>;
+        default: import("./types.js").GGradienStates;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("./types").GGradienStates>;
-        default: import("./types").GGradienStates;
+        type: import("vue").PropType<import("./types.js").GGradienStates>;
+        default: import("./types.js").GGradienStates;
     };
     glow: Omit<{
         type: import("vue").PropType<import("@/use/gradient").GGlow>;
@@ -74,34 +104,51 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     borderWidth: Omit<Omit<{
-        type: import("vue").PropType<import("../../../types/CommonTypes").StringeredNumber>;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").StringeredNumber>;
         default: number;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").StringeredNumber>;
-        default: import("../../../types/CommonTypes").StringeredNumber;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").StringeredNumber>;
+        default: import("../../../types/CommonTypes.js").StringeredNumber;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").StringeredNumber>;
-        default: import("../../../types/CommonTypes").StringeredNumber;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").StringeredNumber>;
+        default: import("../../../types/CommonTypes.js").StringeredNumber;
     };
     color: Omit<{
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
+    };
+    materialKind: Omit<Omit<{
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
         default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    };
+    gradientRecipe: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
     };
     placement: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").Placement>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
-        default: import("../../../types/CommonTypes").Placement;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").Placement>;
+        default: import("../../../types/CommonTypes.js").Placement;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
-        default: import("../../../types/CommonTypes").Placement;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").Placement>;
+        default: import("../../../types/CommonTypes.js").Placement;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
-        default: import("../../../types/CommonTypes").Placement;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").Placement>;
+        default: import("../../../types/CommonTypes.js").Placement;
     };
     rounded: Omit<Omit<{
         type: import("vue").PropType<boolean>;
@@ -114,19 +161,39 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     variant: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../use/variant").GVariant>;
+        type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../use/variant").GVariant>;
-        default: import("../../../use/variant").GVariant;
+        type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
+        default: import("../../../use/variant.js").GVariant;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../use/variant").GVariant>;
-        default: import("../../../use/variant").GVariant;
+        type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
+        default: import("../../../use/variant.js").GVariant;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../use/variant").GVariant>;
-        default: import("../../../use/variant").GVariant;
+        type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
+        default: import("../../../use/variant.js").GVariant;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    rootTag: Omit<Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    interactive: Omit<Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     borderRadius: Omit<Omit<{
         type: import("vue").PropType<import("@/use/gradient").GBorderRadius>;
         default: number;
@@ -144,15 +211,25 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    surfaceFill: Omit<Omit<{
+        type: import("vue").PropType<import("@/use/gradientSurface").GGradientSurfaceFill>;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/gradientSurface").GGradientSurfaceFill>;
+        default: import("@/use/gradientSurface").GGradientSurfaceFill;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@/use/gradientSurface").GGradientSurfaceFill>;
+        default: import("@/use/gradientSurface").GGradientSurfaceFill;
+    };
     state: Omit<Omit<{
-        type: import("vue").PropType<import("./types").GGradienStates>;
-        default: import("./types").GGradienStates;
+        type: import("vue").PropType<import("./types.js").GGradienStates>;
+        default: import("./types.js").GGradienStates;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("./types").GGradienStates>;
-        default: import("./types").GGradienStates;
+        type: import("vue").PropType<import("./types.js").GGradienStates>;
+        default: import("./types.js").GGradienStates;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("./types").GGradienStates>;
-        default: import("./types").GGradienStates;
+        type: import("vue").PropType<import("./types.js").GGradienStates>;
+        default: import("./types.js").GGradienStates;
     };
     glow: Omit<{
         type: import("vue").PropType<import("@/use/gradient").GGlow>;
@@ -193,34 +270,51 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     borderWidth: Omit<Omit<{
-        type: import("vue").PropType<import("../../../types/CommonTypes").StringeredNumber>;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").StringeredNumber>;
         default: number;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").StringeredNumber>;
-        default: import("../../../types/CommonTypes").StringeredNumber;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").StringeredNumber>;
+        default: import("../../../types/CommonTypes.js").StringeredNumber;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").StringeredNumber>;
-        default: import("../../../types/CommonTypes").StringeredNumber;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").StringeredNumber>;
+        default: import("../../../types/CommonTypes.js").StringeredNumber;
     };
     color: Omit<{
-        type: import("vue").PropType<string>;
-        default: string;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
     }, "type" | "default"> & {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("../../../index.js").GColor>;
+        default: import("../../../index.js").GColor;
+    };
+    materialKind: Omit<Omit<{
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
         default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("../../../index.js").GradientMaterialKind>;
+        default: import("../../../index.js").GradientMaterialKind;
+    };
+    gradientRecipe: Omit<{
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<import("@gradient-ui/gradient-engine").GradientTokenRecipe>;
+        default: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
     };
     placement: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").Placement>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
-        default: import("../../../types/CommonTypes").Placement;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").Placement>;
+        default: import("../../../types/CommonTypes.js").Placement;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
-        default: import("../../../types/CommonTypes").Placement;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").Placement>;
+        default: import("../../../types/CommonTypes.js").Placement;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../types/CommonTypes").Placement>;
-        default: import("../../../types/CommonTypes").Placement;
+        type: import("vue").PropType<import("../../../types/CommonTypes.js").Placement>;
+        default: import("../../../types/CommonTypes.js").Placement;
     };
     rounded: Omit<Omit<{
         type: import("vue").PropType<boolean>;
@@ -233,33 +327,38 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     variant: Omit<Omit<Omit<{
-        type: import("vue").PropType<import("../../../use/variant").GVariant>;
+        type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
         default: string;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../use/variant").GVariant>;
-        default: import("../../../use/variant").GVariant;
+        type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
+        default: import("../../../use/variant.js").GVariant;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../use/variant").GVariant>;
-        default: import("../../../use/variant").GVariant;
+        type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
+        default: import("../../../use/variant.js").GVariant;
     }, "type" | "default"> & {
-        type: import("vue").PropType<import("../../../use/variant").GVariant>;
-        default: import("../../../use/variant").GVariant;
+        type: import("vue").PropType<import("../../../use/variant.js").GVariant>;
+        default: import("../../../use/variant.js").GVariant;
     };
 }>> & Readonly<{}>, {
-    state: import("./types").GGradienStates;
+    state: import("./types.js").GGradienStates;
     active: boolean;
     disabled: boolean;
     rounded: boolean;
-    color: string;
-    variant: import("../../../use/variant").GVariant;
-    placement: import("../../../types/CommonTypes").Placement;
-    animateGlow: boolean;
-    shadow: boolean;
-    glow: import("@/use/gradient").GGlow;
+    color: import("../../../index.js").GColor;
+    variant: import("../../../use/variant.js").GVariant;
+    placement: import("../../../types/CommonTypes.js").Placement;
+    rootTag: string;
+    interactive: boolean;
     borderRadius: import("@/use/gradient").GBorderRadius;
     inheritWidth: boolean;
-    borderWidth: import("../../../types/CommonTypes").StringeredNumber;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+    surfaceFill: import("@/use/gradientSurface").GGradientSurfaceFill;
+    shadow: boolean;
+    animateGlow: boolean;
+    glow: import("@/use/gradient").GGlow;
+    borderWidth: import("../../../types/CommonTypes.js").StringeredNumber;
+    materialKind: import("../../../index.js").GradientMaterialKind;
+    gradientRecipe: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+}, {}, {}, {}, 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 & {

package/dist/types/components/ui/GGradient/GGradientBorderLayer.vue.d.ts

@@ -0,0 +1,11 @@
+import type { Placement, StringeredNumber } from '@/types/CommonTypes';
+type __VLS_Props = {
+    maskId: string;
+    borderRadius: StringeredNumber;
+    borderWidth: StringeredNumber;
+    placement: Placement;
+    rounded: boolean;
+    glowBlur?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

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

@@ -1 +1,2 @@
 export { default } from './GGradient.vue';
+export type { GGradienPositions, GGradienProps, GGradienStates } from './types';

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

@@ -1,14 +1,23 @@
 import type { StringeredNumber } from '@/types/CommonTypes';
+import type { GGradientSurfaceFill } from '@/use/gradientSurface';
+import type { GradientMaterialKind } from '@/use/gradientMaterial';
+import type { GradientTokenRecipe } from '@/theme';
 export interface GGradienProps {
+    rootTag?: string;
+    interactive?: boolean;
     active?: boolean;
     borderRadius?: number | StringeredNumber;
     borderWidth?: number | StringeredNumber;
     glow?: boolean | number | StringeredNumber;
     animateGlow?: boolean;
     shadow?: boolean;
+    placement?: GGradienPositions;
     position?: GGradienPositions;
     state?: GGradienStates;
     inheritWidth?: boolean;
+    surfaceFill?: GGradientSurfaceFill;
+    materialKind?: GradientMaterialKind;
+    gradientRecipe?: GradientTokenRecipe;
 }
-export type GGradienPositions = 'top' | 'bottom' | 'left' | 'right';
+export type GGradienPositions = 'top' | 'bottom' | 'left' | 'right' | 'center';
 export type GGradienStates = 'warning' | 'success' | 'error';