@gradient-ui/core 0.8.0 → 2.0.0

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

@@ -0,0 +1,78 @@
+import { type GStepPanelSlots, type GStepValue } from './types.cjs';
+declare const _default: <T = unknown, V extends GStepValue = GStepValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{
+        state: import("../GGradient/index.cjs").GGradienStates;
+        active: boolean;
+        texture: import("../../../use/surface.cjs").GSurfaceTexture;
+        value: GStepValue | undefined;
+        color: import("../../../index.cjs").GColor | undefined;
+        padding: import("../../../types/CommonTypes.cjs").StringeredNumber;
+        disabled: boolean;
+        rounded: boolean;
+        variant: import("./types.cjs").GStepPanelVariant;
+        placement: import("../../../types/CommonTypes.cjs").Placement;
+        rootTag: string;
+        interactive: boolean;
+        borderRadius: import("../../../use/gradient.cjs").GBorderRadius;
+        inheritWidth: boolean;
+        surfaceFill: import("../../../use/gradientSurface.cjs").GGradientSurfaceFill;
+        shadow: boolean;
+        dropShadow: boolean;
+        morph: boolean;
+        animateGlow: boolean;
+        glow: import("../../../use/gradient.cjs").GGlow;
+        borderWidth: import("../../../types/CommonTypes.cjs").StringeredNumber;
+        materialKind: import("../../../index.cjs").GradientMaterialKind;
+        gradientRecipe: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+        eager: boolean;
+        density: import("../../../use/density.cjs").GDensity;
+        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;
+    }> & Omit<{
+        readonly state: import("../GGradient/index.cjs").GGradienStates;
+        readonly active: boolean;
+        readonly texture: import("../../../use/surface.cjs").GSurfaceTexture;
+        readonly value: GStepValue;
+        readonly color: import("../../../index.cjs").GColor;
+        readonly padding: import("../../../types/CommonTypes.cjs").StringeredNumber;
+        readonly disabled: boolean;
+        readonly rounded: boolean;
+        readonly variant: import("./types.cjs").GStepPanelVariant;
+        readonly placement: import("../../../types/CommonTypes.cjs").Placement;
+        readonly rootTag: string;
+        readonly interactive: boolean;
+        readonly borderRadius: import("../../../use/gradient.cjs").GBorderRadius;
+        readonly inheritWidth: boolean;
+        readonly surfaceFill: import("../../../use/gradientSurface.cjs").GGradientSurfaceFill;
+        readonly shadow: boolean;
+        readonly dropShadow: boolean;
+        readonly morph: boolean;
+        readonly animateGlow: boolean;
+        readonly glow: import("../../../use/gradient.cjs").GGlow;
+        readonly borderWidth: import("../../../types/CommonTypes.cjs").StringeredNumber;
+        readonly materialKind: import("../../../index.cjs").GradientMaterialKind;
+        readonly gradientRecipe: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
+        readonly eager: boolean;
+        readonly density: import("../../../use/density.cjs").GDensity;
+        readonly backdropBlur: import("../../../types/CommonTypes.cjs").StringeredNumber;
+        readonly animationOptions: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
+        readonly shadowOptions: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+        readonly dropShadowOptions: import("@gradient-ui/gradient-engine").GradientShadowOptions;
+        readonly morphOptions: import("@gradient-ui/gradient-engine").GradientMorphOptions;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "state" | "active" | "texture" | "value" | "color" | "padding" | "disabled" | "rounded" | "variant" | "placement" | "rootTag" | "interactive" | "borderRadius" | "inheritWidth" | "surfaceFill" | "shadow" | "dropShadow" | "morph" | "animateGlow" | "glow" | "borderWidth" | "materialKind" | "gradientRecipe" | "eager" | "density" | "backdropBlur" | "animationOptions" | "shadowOptions" | "dropShadowOptions" | "morphOptions">, "state" | "active" | "texture" | "value" | "color" | "padding" | "disabled" | "rounded" | "variant" | "placement" | "rootTag" | "interactive" | "borderRadius" | "inheritWidth" | "surfaceFill" | "shadow" | "dropShadow" | "morph" | "animateGlow" | "glow" | "borderWidth" | "materialKind" | "gradientRecipe" | "eager" | "density" | "backdropBlur" | "animationOptions" | "shadowOptions" | "dropShadowOptions" | "morphOptions"> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => Readonly<GStepPanelSlots<T, V>> & GStepPanelSlots<T, V>>;
+    emit: {};
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,65 @@
+import { type GStepValue, type GStepperItem, type GStepperSlots } from './types.cjs';
+declare const _default: <T = unknown, V extends GStepValue = GStepValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{
+        size: import("../../../types/CommonTypes.cjs").Sizes;
+        linear: boolean;
+        color: import("../../../use/colorResolver.cjs").GColor;
+        mandatory: boolean;
+        disabled: boolean;
+        rounded: boolean;
+        variant: import("./types.cjs").GStepperVariant;
+        modelValue: GStepValue | undefined;
+        defaultValue: GStepValue | undefined;
+        activeColor: import("../../../use/colorResolver.cjs").GColor | undefined;
+        activation: import("./types.cjs").GStepperActivation;
+        orientation: import("./types.cjs").GStepperOrientation;
+        items: readonly GStepperItem<unknown, GStepValue>[];
+        divider: boolean;
+        dividerOptions: import("./types.cjs").GStepperDividerOptions | undefined;
+        editable: boolean;
+        altLabels: boolean;
+        hideActions: boolean;
+        prevText: string;
+        nextText: string;
+        finishText: string;
+    }> & Omit<{
+        readonly size: import("../../../types/CommonTypes.cjs").Sizes;
+        readonly linear: boolean;
+        readonly color: import("../../../use/colorResolver.cjs").GColor;
+        readonly mandatory: boolean;
+        readonly disabled: boolean;
+        readonly rounded: boolean;
+        readonly variant: import("./types.cjs").GStepperVariant;
+        readonly modelValue: GStepValue;
+        readonly defaultValue: GStepValue;
+        readonly activeColor: import("../../../use/colorResolver.cjs").GColor;
+        readonly activation: import("./types.cjs").GStepperActivation;
+        readonly orientation: import("./types.cjs").GStepperOrientation;
+        readonly items: readonly GStepperItem<unknown, GStepValue>[];
+        readonly divider: boolean;
+        readonly dividerOptions: import("./types.cjs").GStepperDividerOptions;
+        readonly editable: boolean;
+        readonly altLabels: boolean;
+        readonly hideActions: boolean;
+        readonly prevText: string;
+        readonly nextText: string;
+        readonly finishText: string;
+        readonly onSelect?: ((value: V | undefined, item: import("./types.cjs").GStepperResolvedItem<T, V> | undefined, event?: Event | undefined) => any) | undefined;
+        readonly onNext?: ((value: V | undefined, item: import("./types.cjs").GStepperResolvedItem<T, V> | undefined, event?: Event | undefined) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: V | undefined) => any) | undefined;
+        readonly onPrev?: ((value: V | undefined, item: import("./types.cjs").GStepperResolvedItem<T, V> | undefined, event?: Event | undefined) => any) | undefined;
+        readonly onFinish?: ((value: V | undefined, item: import("./types.cjs").GStepperResolvedItem<T, V> | undefined, event?: Event | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "linear" | "color" | "mandatory" | "disabled" | "rounded" | "variant" | "modelValue" | "defaultValue" | "activeColor" | "activation" | "orientation" | "items" | "divider" | "dividerOptions" | "editable" | "altLabels" | "hideActions" | "prevText" | "nextText" | "finishText">, "onSelect" | "onUpdate:modelValue" | "onNext" | "onFinish" | "onPrev" | ("size" | "linear" | "color" | "mandatory" | "disabled" | "rounded" | "variant" | "modelValue" | "defaultValue" | "activeColor" | "activation" | "orientation" | "items" | "divider" | "dividerOptions" | "editable" | "altLabels" | "hideActions" | "prevText" | "nextText" | "finishText")> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => Readonly<GStepperSlots<T, V>> & GStepperSlots<T, V>>;
+    emit: (((evt: "select", value: V | undefined, item: import("./types.cjs").GStepperResolvedItem<T, V> | undefined, event?: Event | undefined) => void) & ((evt: "next", value: V | undefined, item: import("./types.cjs").GStepperResolvedItem<T, V> | undefined, event?: Event | undefined) => void) & ((evt: "update:modelValue", value: V | undefined) => void) & ((evt: "prev", value: V | undefined, item: import("./types.cjs").GStepperResolvedItem<T, V> | undefined, event?: Event | undefined) => void) & ((evt: "finish", value: V | undefined, item: import("./types.cjs").GStepperResolvedItem<T, V> | undefined, event?: Event | undefined) => void)) & {};
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,24 @@
+import { type GStepValue, type GStepperActionsSlots } from './types.cjs';
+declare const _default: <T = unknown, V extends GStepValue = GStepValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{
+        prevText: string;
+        nextText: string;
+        finishText: string;
+    }> & Omit<{
+        readonly prevText: string;
+        readonly nextText: string;
+        readonly finishText: string;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prevText" | "nextText" | "finishText">, "prevText" | "nextText" | "finishText"> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => Readonly<GStepperActionsSlots<T, V>> & GStepperActionsSlots<T, V>>;
+    emit: {};
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types-cjs/components/ui/GStepper/context.d.cts

@@ -0,0 +1,42 @@
+import { type ComputedRef, type Ref } from 'vue';
+import type { Sizes } from '../../../types/CommonTypes.cjs';
+import type { GColor } from '../../../use/color.cjs';
+import type { GNavigationRegistration } from '../../../use/navigation/index.cjs';
+import type { GStepValue, GStepperActivation, GStepperItemSlotProps, GStepperOrientation, GStepperResolvedItem, GStepperSemanticState, GStepperSlotProps, GStepperStepState, GStepperVariant } from './types.cjs';
+export interface GStepperContext<T = unknown, V = GStepValue> {
+    modelValue: Ref<V | undefined>;
+    items: ComputedRef<GStepperResolvedItem<T, V>[]>;
+    activeItem: ComputedRef<GStepperResolvedItem<T, V> | undefined>;
+    activeIndex: ComputedRef<number>;
+    color: ComputedRef<GColor | undefined>;
+    activeColor: ComputedRef<GColor | undefined>;
+    activation: ComputedRef<GStepperActivation>;
+    orientation: ComputedRef<GStepperOrientation>;
+    variant: ComputedRef<GStepperVariant>;
+    size: ComputedRef<Sizes>;
+    disabled: ComputedRef<boolean>;
+    canPrev: ComputedRef<boolean>;
+    canNext: ComputedRef<boolean>;
+    isLast: ComputedRef<boolean>;
+    prevText: ComputedRef<string>;
+    nextText: ComputedRef<string>;
+    finishText: ComputedRef<string>;
+    isSelected: (value: V | undefined) => boolean;
+    isStepAvailable: (item: GStepperResolvedItem<T, V>) => boolean;
+    isStepCompleted: (item: GStepperResolvedItem<T, V>) => boolean;
+    getItemState: (item: GStepperResolvedItem<T, V>) => GStepperStepState;
+    getItemSemanticState: (item: GStepperResolvedItem<T, V>) => GStepperSemanticState | undefined;
+    select: (value: V | undefined, event?: Event) => void;
+    next: (event?: Event) => void;
+    prev: (event?: Event) => void;
+    finish: (event?: Event) => void;
+    registerStep: (registration: GNavigationRegistration<V>) => void;
+    unregisterStep: (el: HTMLElement) => void;
+    onStepKeydown: (event: KeyboardEvent, value: V | undefined) => void;
+    getStepId: (value: V | undefined) => string;
+    getPanelId: (value: V | undefined) => string;
+    getItemSlotProps: (item: GStepperResolvedItem<T, V>) => GStepperItemSlotProps<T, V>;
+    getSlotProps: () => GStepperSlotProps<T, V>;
+}
+export declare const provideStepper: <T = unknown, V = GStepValue>(context: GStepperContext<T, V>) => void;
+export declare const useStepperInject: <T = unknown, V = GStepValue>() => GStepperContext<T, V> | null;

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

@@ -0,0 +1,4 @@
+export { default as GStepper } from './GStepper.vue.cjs';
+export { default as GStepPanel } from './GStepPanel.vue.cjs';
+export { default as GStepperActions } from './GStepperActions.vue.cjs';
+export * from './types.cjs';