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

package/dist/types/use/gradientGlow.d.ts

@@ -9,11 +9,11 @@ export declare const makeGradientGlowProps: <Defaults extends {
     active?: unknown;
 } = object>(defaults?: Defaults | undefined) => {
     state: Omit<{
-        type: PropType<import("../components/ui/GGradient/types").GGradienStates>;
-        default: import("../components/ui/GGradient/types").GGradienStates;
+        type: PropType<import("../components/ui/GGradient").GGradienStates>;
+        default: import("../components/ui/GGradient").GGradienStates;
     }, "type" | "default"> & {
-        type: PropType<Defaults["state"] extends infer T ? T extends Defaults["state"] ? T extends unknown ? import("../components/ui/GGradient/types").GGradienStates : import("../components/ui/GGradient/types").GGradienStates | T : never : never>;
-        default: Defaults["state"] extends infer T_1 ? T_1 extends Defaults["state"] ? T_1 extends unknown ? import("../components/ui/GGradient/types").GGradienStates : NonNullable<import("../components/ui/GGradient/types").GGradienStates> | T_1 : never : never;
+        type: PropType<Defaults["state"] extends infer T ? T extends Defaults["state"] ? T extends unknown ? import("../components/ui/GGradient").GGradienStates : import("../components/ui/GGradient").GGradienStates | T : never : never>;
+        default: Defaults["state"] extends infer T_1 ? T_1 extends Defaults["state"] ? T_1 extends unknown ? import("../components/ui/GGradient").GGradienStates : NonNullable<import("../components/ui/GGradient").GGradienStates> | T_1 : never : never;
     };
     glow: {
         type: PropType<Defaults["glow"] extends infer T_2 ? T_2 extends Defaults["glow"] ? T_2 extends unknown ? GGlow : GGlow | T_2 : never : never>;

package/dist/types/use/gradientMaterial.d.ts

@@ -0,0 +1,21 @@
+import { type CreatedGradientMaterial, type GradientAnimationOptions, type GradientMaterialOptions, type GradientMorphOptions, type GradientShadowOptions, type GradientTokenRecipe } from '@/theme';
+import { type CSSProperties, type MaybeRefOrGetter } from 'vue';
+import { type GColor } from './colorResolver';
+import type { GGradienStates } from './gradient';
+export type GradientMaterialKind = 'action' | 'surface';
+export interface UseGradientMaterialOptions {
+    color?: MaybeRefOrGetter<GColor | GGradienStates | undefined>;
+    kind?: MaybeRefOrGetter<GradientMaterialKind | undefined>;
+    recipe?: MaybeRefOrGetter<GradientTokenRecipe | undefined>;
+    effects?: MaybeRefOrGetter<boolean | undefined>;
+    animations?: MaybeRefOrGetter<boolean | undefined>;
+    shadow?: MaybeRefOrGetter<GradientShadowOptions | undefined>;
+    dropShadow?: MaybeRefOrGetter<GradientShadowOptions | undefined>;
+    animation?: MaybeRefOrGetter<GradientAnimationOptions | undefined>;
+    morph?: MaybeRefOrGetter<GradientMorphOptions | undefined>;
+    options?: MaybeRefOrGetter<GradientMaterialOptions | undefined>;
+}
+export declare const useGradientMaterial: (options?: UseGradientMaterialOptions) => {
+    gradientMaterial: import("vue").ComputedRef<CreatedGradientMaterial | null>;
+    gradientMaterialStyles: import("vue").ComputedRef<CSSProperties>;
+};

package/dist/types/use/gradientRuntime.d.ts

@@ -0,0 +1,11 @@
+import type { CreatedGradientMaterial } from '@/theme';
+import { type MaybeRefOrGetter } from 'vue';
+export interface UseGradientRuntimeOptions {
+    material?: MaybeRefOrGetter<CreatedGradientMaterial | null | undefined>;
+    enabled?: MaybeRefOrGetter<boolean | undefined>;
+    morph?: MaybeRefOrGetter<boolean | undefined>;
+}
+export declare const useGradientRuntime: (options?: UseGradientRuntimeOptions) => {
+    morphBlobs: import("vue").ComputedRef<import("@gradient-ui/gradient-engine").GradientMorphBlob[]>;
+    morphEnabled: import("vue").ComputedRef<boolean>;
+};

package/dist/types/use/gradientRuntimeRegistry.d.ts

@@ -0,0 +1,8 @@
+import type { CreatedGradientMaterial } from '@/theme';
+export interface GradientRuntimeHandle {
+    id: string;
+    dispose: () => void;
+}
+export declare const mountGradientCss: (id: string, cssText: string) => () => void;
+export declare const mountGradientSvg: (id: string, svgText: string) => () => void;
+export declare const mountGradientMaterial: (material: CreatedGradientMaterial) => GradientRuntimeHandle;

package/dist/types/use/gradientSurface.d.ts

@@ -1,23 +1,50 @@
 import type { GBorderRadius } from '@/use/gradient';
 import { type ExtractPropTypes, type PropType } from 'vue';
+export type GGradientSurfaceFill = 'theme' | 'transparent';
 export declare const makeGradientSurfaceProps: <Defaults extends {
+    rootTag?: unknown;
+    interactive?: unknown;
     borderRadius?: unknown;
     inheritWidth?: unknown;
+    surfaceFill?: unknown;
 } = object>(defaults?: Defaults | undefined) => {
+    rootTag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["rootTag"] extends infer T ? T extends Defaults["rootTag"] ? T extends unknown ? string : string | T : never : never>;
+        default: Defaults["rootTag"] extends infer T_1 ? T_1 extends Defaults["rootTag"] ? T_1 extends unknown ? string : string | T_1 : never : never;
+    };
+    interactive: Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["interactive"] extends infer T_2 ? T_2 extends Defaults["interactive"] ? T_2 extends unknown ? boolean : boolean | T_2 : never : never>;
+        default: Defaults["interactive"] extends infer T_3 ? T_3 extends Defaults["interactive"] ? T_3 extends unknown ? boolean : boolean | T_3 : never : never;
+    };
     borderRadius: Omit<{
         type: PropType<GBorderRadius>;
         default: number;
     }, "type" | "default"> & {
-        type: PropType<Defaults["borderRadius"] extends infer T ? T extends Defaults["borderRadius"] ? T extends unknown ? GBorderRadius : GBorderRadius | T : never : never>;
-        default: Defaults["borderRadius"] extends infer T_1 ? T_1 extends Defaults["borderRadius"] ? T_1 extends unknown ? GBorderRadius : T_1 | NonNullable<GBorderRadius> : never : never;
+        type: PropType<Defaults["borderRadius"] extends infer T_4 ? T_4 extends Defaults["borderRadius"] ? T_4 extends unknown ? GBorderRadius : GBorderRadius | T_4 : never : never>;
+        default: Defaults["borderRadius"] extends infer T_5 ? T_5 extends Defaults["borderRadius"] ? T_5 extends unknown ? GBorderRadius : T_5 | NonNullable<GBorderRadius> : never : never;
     };
     inheritWidth: {
-        type: PropType<Defaults["inheritWidth"] extends infer T_2 ? T_2 extends Defaults["inheritWidth"] ? T_2 extends unknown ? boolean : boolean | T_2 : never : never>;
-        default: Defaults["inheritWidth"] extends infer T_3 ? T_3 extends Defaults["inheritWidth"] ? T_3 extends unknown ? boolean : boolean | T_3 : never : never;
+        type: PropType<Defaults["inheritWidth"] extends infer T_6 ? T_6 extends Defaults["inheritWidth"] ? T_6 extends unknown ? boolean : boolean | T_6 : never : never>;
+        default: Defaults["inheritWidth"] extends infer T_7 ? T_7 extends Defaults["inheritWidth"] ? T_7 extends unknown ? boolean : boolean | T_7 : never : never;
+    };
+    surfaceFill: Omit<{
+        type: PropType<GGradientSurfaceFill>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["surfaceFill"] extends infer T_8 ? T_8 extends Defaults["surfaceFill"] ? T_8 extends unknown ? GGradientSurfaceFill : GGradientSurfaceFill | T_8 : never : never>;
+        default: Defaults["surfaceFill"] extends infer T_9 ? T_9 extends Defaults["surfaceFill"] ? T_9 extends unknown ? GGradientSurfaceFill : T_9 | NonNullable<GGradientSurfaceFill> : never : never;
     };
 };
 type GGradientSurfaceProps = ExtractPropTypes<ReturnType<typeof makeGradientSurfaceProps>>;
 export declare function useGradientSurface(props: GGradientSurfaceProps): {
+    interactionClass: import("vue").ComputedRef<"" | "g-gradient_interactive">;
     surfaceBorderRadius: import("vue").ComputedRef<string>;
+    surfaceFillClass: import("vue").ComputedRef<string>;
 };
 export {};

package/dist/types/use/index.d.ts

@@ -1,5 +1,13 @@
 export * from './breakpoints';
+export * from './color';
+export * from './colorResolver';
 export * from './defaults';
+export * from './gradientMaterial';
+export * from './glass';
+export * from './gradientRuntime';
+export * from './gradientRuntimeRegistry';
 export * from './icon';
 export * from './mask';
+export * from './material';
+export * from './materialSurface';
 export * from './tagName';

package/dist/types/use/input/props.d.ts

@@ -66,11 +66,11 @@ export declare const makeInputProps: <Defaults extends {
         default: Defaults["size"] extends infer T_13 ? T_13 extends Defaults["size"] ? T_13 extends unknown ? import("../../types/CommonTypes").Sizes : NonNullable<import("../../types/CommonTypes").Sizes> | T_13 : never : never;
     };
     state: Omit<{
-        type: PropType<import("../../components/ui/GGradient/types").GGradienStates>;
-        default: import("../../components/ui/GGradient/types").GGradienStates;
+        type: PropType<import("../../components/ui/GGradient").GGradienStates>;
+        default: import("../../components/ui/GGradient").GGradienStates;
     }, "type" | "default"> & {
-        type: PropType<Defaults["state"] extends infer T_14 ? T_14 extends Defaults["state"] ? T_14 extends unknown ? import("../../components/ui/GGradient/types").GGradienStates : import("../../components/ui/GGradient/types").GGradienStates | T_14 : never : never>;
-        default: Defaults["state"] extends infer T_15 ? T_15 extends Defaults["state"] ? T_15 extends unknown ? import("../../components/ui/GGradient/types").GGradienStates : NonNullable<import("../../components/ui/GGradient/types").GGradienStates> | T_15 : never : never;
+        type: PropType<Defaults["state"] extends infer T_14 ? T_14 extends Defaults["state"] ? T_14 extends unknown ? import("../../components/ui/GGradient").GGradienStates : import("../../components/ui/GGradient").GGradienStates | T_14 : never : never>;
+        default: Defaults["state"] extends infer T_15 ? T_15 extends Defaults["state"] ? T_15 extends unknown ? import("../../components/ui/GGradient").GGradienStates : NonNullable<import("../../components/ui/GGradient").GGradienStates> | T_15 : never : never;
     };
     message: Omit<{
         type: PropType<string>;
@@ -101,17 +101,17 @@ export declare const makeInputProps: <Defaults extends {
         default: Defaults["appendIcon"] extends infer T_23 ? T_23 extends Defaults["appendIcon"] ? T_23 extends unknown ? import("../../types/CommonTypes").MdiIcon : NonNullable<import("../../types/CommonTypes").MdiIcon> | T_23 : never : never;
     };
     color: Omit<Omit<Omit<{
-        type: PropType<import("../colorResolver").GColor>;
+        type: PropType<import("..").GColor>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<import("..").GColor>;
+        default: import("..").GColor;
     }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
+        type: PropType<import("..").GColor>;
+        default: import("..").GColor;
     }, "type" | "default"> & {
-        type: PropType<Defaults["color"] extends infer T_24 ? T_24 extends Defaults["color"] ? T_24 extends unknown ? string : string | T_24 : never : never>;
-        default: Defaults["color"] extends infer T_25 ? T_25 extends Defaults["color"] ? T_25 extends unknown ? string : string | T_25 : never : never;
+        type: PropType<Defaults["color"] extends infer T_24 ? T_24 extends Defaults["color"] ? T_24 extends unknown ? import("..").GColor : import("..").GColor | T_24 : never : never>;
+        default: Defaults["color"] extends infer T_25 ? T_25 extends Defaults["color"] ? T_25 extends unknown ? import("..").GColor : NonNullable<import("..").GColor> | T_25 : never : never;
     };
     disabled: Omit<{
         type: PropType<boolean>;

package/dist/types/use/material.d.ts

@@ -0,0 +1,112 @@
+import type { GGradienStates } from '@/components/ui/GGradient/types';
+import type { StringeredNumber } from '@/types/CommonTypes';
+import type { GradientAnimationOptions, GradientMorphBlob, GradientMorphOptions, GradientShadowOptions, GradientTokenRecipe } from '@/theme';
+import type { GColor } from '@/use/color';
+import { type CSSProperties, type MaybeRefOrGetter, type PropType } from 'vue';
+import { type GradientMaterialKind } from './gradientMaterial';
+export declare const useMaterialLayers: (baseClass?: string) => {
+    materialContentClasses: import("vue").ComputedRef<string[]>;
+    materialGlowBaseClasses: import("vue").ComputedRef<string[]>;
+    materialGlowClasses: import("vue").ComputedRef<string[]>;
+    materialGlowMorphBlobClasses: import("vue").ComputedRef<string[]>;
+    materialGlowMorphClasses: import("vue").ComputedRef<string[]>;
+    materialMorphBlobClasses: import("vue").ComputedRef<string[]>;
+    materialMorphClasses: import("vue").ComputedRef<string[]>;
+};
+export interface UseMaterialOptions {
+    baseClass?: string;
+    color?: MaybeRefOrGetter<GColor | GGradienStates | undefined>;
+    state?: MaybeRefOrGetter<GGradienStates | undefined>;
+    kind?: MaybeRefOrGetter<GradientMaterialKind | undefined>;
+    recipe?: MaybeRefOrGetter<GradientTokenRecipe | undefined>;
+    effects?: MaybeRefOrGetter<boolean | undefined>;
+    animations?: MaybeRefOrGetter<boolean | undefined>;
+    shadow?: MaybeRefOrGetter<GradientShadowOptions | undefined>;
+    dropShadow?: MaybeRefOrGetter<GradientShadowOptions | undefined>;
+    animation?: MaybeRefOrGetter<GradientAnimationOptions | undefined>;
+    morph?: MaybeRefOrGetter<boolean | GradientMorphOptions | undefined>;
+    borderRadius?: MaybeRefOrGetter<StringeredNumber | undefined>;
+    padding?: MaybeRefOrGetter<StringeredNumber | undefined>;
+}
+export declare const makeMaterialProps: <Defaults extends {
+    materialKind?: unknown;
+    gradientRecipe?: unknown;
+    borderRadius?: unknown;
+    padding?: unknown;
+    shadow?: unknown;
+    dropShadow?: unknown;
+    morph?: unknown;
+    animationOptions?: unknown;
+    shadowOptions?: unknown;
+    dropShadowOptions?: unknown;
+    morphOptions?: unknown;
+} = object>(defaults?: Defaults | undefined) => {
+    materialKind: Omit<{
+        type: PropType<GradientMaterialKind>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["materialKind"] extends infer T ? T extends Defaults["materialKind"] ? T extends unknown ? GradientMaterialKind : GradientMaterialKind | T : never : never>;
+        default: Defaults["materialKind"] extends infer T_1 ? T_1 extends Defaults["materialKind"] ? T_1 extends unknown ? GradientMaterialKind : NonNullable<GradientMaterialKind> | T_1 : never : never;
+    };
+    gradientRecipe: {
+        type: PropType<Defaults["gradientRecipe"] extends infer T_2 ? T_2 extends Defaults["gradientRecipe"] ? T_2 extends unknown ? GradientTokenRecipe : GradientTokenRecipe | T_2 : never : never>;
+        default: Defaults["gradientRecipe"] extends infer T_3 ? T_3 extends Defaults["gradientRecipe"] ? T_3 extends unknown ? GradientTokenRecipe : NonNullable<GradientTokenRecipe> | T_3 : never : never;
+    };
+    borderRadius: Omit<{
+        type: PropType<StringeredNumber>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["borderRadius"] extends infer T_4 ? T_4 extends Defaults["borderRadius"] ? T_4 extends unknown ? StringeredNumber : StringeredNumber | T_4 : never : never>;
+        default: Defaults["borderRadius"] extends infer T_5 ? T_5 extends Defaults["borderRadius"] ? T_5 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_5 : never : never;
+    };
+    padding: Omit<{
+        type: PropType<StringeredNumber>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<Defaults["padding"] extends infer T_6 ? T_6 extends Defaults["padding"] ? T_6 extends unknown ? StringeredNumber : StringeredNumber | T_6 : never : never>;
+        default: Defaults["padding"] extends infer T_7 ? T_7 extends Defaults["padding"] ? T_7 extends unknown ? StringeredNumber : NonNullable<StringeredNumber> | T_7 : never : never;
+    };
+    shadow: {
+        type: PropType<Defaults["shadow"] extends infer T_8 ? T_8 extends Defaults["shadow"] ? T_8 extends unknown ? boolean : boolean | T_8 : never : never>;
+        default: Defaults["shadow"] extends infer T_9 ? T_9 extends Defaults["shadow"] ? T_9 extends unknown ? boolean : boolean | T_9 : never : never;
+    };
+    dropShadow: {
+        type: PropType<Defaults["dropShadow"] extends infer T_10 ? T_10 extends Defaults["dropShadow"] ? T_10 extends unknown ? boolean : boolean | T_10 : never : never>;
+        default: Defaults["dropShadow"] extends infer T_11 ? T_11 extends Defaults["dropShadow"] ? T_11 extends unknown ? boolean : boolean | T_11 : never : never;
+    };
+    morph: {
+        type: PropType<Defaults["morph"] extends infer T_12 ? T_12 extends Defaults["morph"] ? T_12 extends unknown ? boolean : boolean | T_12 : never : never>;
+        default: Defaults["morph"] extends infer T_13 ? T_13 extends Defaults["morph"] ? T_13 extends unknown ? boolean : boolean | T_13 : never : never;
+    };
+    animationOptions: {
+        type: PropType<Defaults["animationOptions"] extends infer T_14 ? T_14 extends Defaults["animationOptions"] ? T_14 extends unknown ? GradientAnimationOptions : GradientAnimationOptions | T_14 : never : never>;
+        default: Defaults["animationOptions"] extends infer T_15 ? T_15 extends Defaults["animationOptions"] ? T_15 extends unknown ? GradientAnimationOptions : GradientAnimationOptions | T_15 : never : never;
+    };
+    shadowOptions: {
+        type: PropType<Defaults["shadowOptions"] extends infer T_16 ? T_16 extends Defaults["shadowOptions"] ? T_16 extends unknown ? GradientShadowOptions : GradientShadowOptions | T_16 : never : never>;
+        default: Defaults["shadowOptions"] extends infer T_17 ? T_17 extends Defaults["shadowOptions"] ? T_17 extends unknown ? GradientShadowOptions : GradientShadowOptions | T_17 : never : never;
+    };
+    dropShadowOptions: {
+        type: PropType<Defaults["dropShadowOptions"] extends infer T_18 ? T_18 extends Defaults["dropShadowOptions"] ? T_18 extends unknown ? GradientShadowOptions : GradientShadowOptions | T_18 : never : never>;
+        default: Defaults["dropShadowOptions"] extends infer T_19 ? T_19 extends Defaults["dropShadowOptions"] ? T_19 extends unknown ? GradientShadowOptions : GradientShadowOptions | T_19 : never : never;
+    };
+    morphOptions: {
+        type: PropType<Defaults["morphOptions"] extends infer T_20 ? T_20 extends Defaults["morphOptions"] ? T_20 extends unknown ? GradientMorphOptions : GradientMorphOptions | T_20 : never : never>;
+        default: Defaults["morphOptions"] extends infer T_21 ? T_21 extends Defaults["morphOptions"] ? T_21 extends unknown ? GradientMorphOptions : GradientMorphOptions | T_21 : never : never;
+    };
+};
+export declare const useMaterial: (options?: UseMaterialOptions) => {
+    getMorphBlobStyle: (blob: GradientMorphBlob) => CSSProperties;
+    gradientMaterial: import("vue").ComputedRef<import("@gradient-ui/gradient-engine").CreatedGradientMaterial | null>;
+    materialClasses: import("vue").ComputedRef<string[]>;
+    materialContentClasses: import("vue").ComputedRef<string[]>;
+    materialGlowBaseClasses: import("vue").ComputedRef<string[]>;
+    materialGlowClasses: import("vue").ComputedRef<string[]>;
+    materialGlowMorphBlobClasses: import("vue").ComputedRef<string[]>;
+    materialGlowMorphClasses: import("vue").ComputedRef<string[]>;
+    materialMorphBlobClasses: import("vue").ComputedRef<string[]>;
+    materialMorphClasses: import("vue").ComputedRef<string[]>;
+    materialStyles: import("vue").ComputedRef<CSSProperties>;
+    morphBlobs: import("vue").ComputedRef<GradientMorphBlob[]>;
+    morphEnabled: import("vue").ComputedRef<boolean>;
+};