veilkit 0.0.0-stage → 0.2.1

package/dist/vue/index.d.cts

@@ -0,0 +1,512 @@
+import * as vue from 'vue';
+import { Directive, PropType, App } from 'vue';
+import { B as ButtonStatus, e as ButtonLoadingStyle, f as VeilSpinnerType, j as ButtonPressFeedback, k as ButtonResultAnimation, i as VeilPrimitiveType, a as VeilAnimationName, V as VeilThemeName, h as VeilShapeStyle, g as VeilPresetName, d as VeilGlobalConfig } from '../types-CnR-rU97.cjs';
+
+declare function useProgress(): {
+    start: () => void;
+    set: (n: number) => void;
+    inc: (amount?: number) => void;
+    done: () => void;
+    fail: () => void;
+};
+declare function useDelayedLoading(loadingRef: {
+    value: boolean;
+}, options?: {
+    delay?: number;
+    minVisible?: number;
+}): vue.Ref<boolean, boolean>;
+declare function useLoading<T, Args extends any[]>(asyncFn: (...args: Args) => Promise<T>, options?: {
+    delay?: number;
+    minVisible?: number;
+}): {
+    loading: vue.Ref<boolean, boolean>;
+    rawLoading: vue.Ref<boolean, boolean>;
+    data: {
+        value: T | null;
+    };
+    error: vue.Ref<Error | null, Error | null>;
+    execute: (...args: Args) => Promise<T>;
+};
+
+declare const vVeil: Directive<HTMLElement, boolean>;
+
+declare const VSkeleton: vue.DefineComponent<vue.ExtractPropTypes<{
+    type: {
+        type: PropType<VeilPrimitiveType>;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    radius: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    gap: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    lines: {
+        type: NumberConstructor;
+    };
+    lastLineWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    animation: {
+        type: PropType<VeilAnimationName>;
+        default: string;
+    };
+    theme: {
+        type: PropType<VeilThemeName>;
+        default: string;
+    };
+    shape: {
+        type: PropType<VeilShapeStyle>;
+    };
+    circle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    type: {
+        type: PropType<VeilPrimitiveType>;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    radius: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    gap: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    lines: {
+        type: NumberConstructor;
+    };
+    lastLineWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    animation: {
+        type: PropType<VeilAnimationName>;
+        default: string;
+    };
+    theme: {
+        type: PropType<VeilThemeName>;
+        default: string;
+    };
+    shape: {
+        type: PropType<VeilShapeStyle>;
+    };
+    circle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    circle: boolean;
+    type: VeilPrimitiveType;
+    count: number;
+    gap: string | number;
+    lastLineWidth: string | number;
+    animation: VeilAnimationName;
+    theme: VeilThemeName;
+    label: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const VSkeletonPreset: vue.DefineComponent<vue.ExtractPropTypes<{
+    name: {
+        type: PropType<VeilPresetName>;
+        required: true;
+    };
+    items: {
+        type: NumberConstructor;
+    };
+    columns: {
+        type: NumberConstructor;
+    };
+    shape: {
+        type: PropType<VeilShapeStyle>;
+        default: string;
+    };
+    animation: {
+        type: PropType<VeilAnimationName>;
+        default: string;
+    };
+    theme: {
+        type: PropType<VeilThemeName>;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    name: {
+        type: PropType<VeilPresetName>;
+        required: true;
+    };
+    items: {
+        type: NumberConstructor;
+    };
+    columns: {
+        type: NumberConstructor;
+    };
+    shape: {
+        type: PropType<VeilShapeStyle>;
+        default: string;
+    };
+    animation: {
+        type: PropType<VeilAnimationName>;
+        default: string;
+    };
+    theme: {
+        type: PropType<VeilThemeName>;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>> & Readonly<{}>, {
+    animation: VeilAnimationName;
+    theme: VeilThemeName;
+    shape: VeilShapeStyle;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const VVeil: vue.DefineComponent<vue.ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    cacheKey: {
+        type: StringConstructor;
+    };
+    persistCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reveal: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    cacheKey: {
+        type: StringConstructor;
+    };
+    persistCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    reveal: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    reveal: string;
+    persistCache: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const VSpinner: vue.DefineComponent<vue.ExtractPropTypes<{
+    type: {
+        type: PropType<VeilSpinnerType>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    secondaryColor: {
+        type: StringConstructor;
+    };
+    speed: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    glass: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    type: {
+        type: PropType<VeilSpinnerType>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    secondaryColor: {
+        type: StringConstructor;
+    };
+    speed: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    glass: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    glass: boolean;
+    type: VeilSpinnerType;
+    label: string;
+    size: string | number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const VProgressBar: vue.DefineComponent<vue.ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+    };
+    circular: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+    };
+    circular: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    circular: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const VOverlay: vue.DefineComponent<vue.ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    blur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: {
+        type: StringConstructor;
+    };
+    spinner: {
+        type: PropType<VeilSpinnerType>;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    blur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: {
+        type: StringConstructor;
+    };
+    spinner: {
+        type: PropType<VeilSpinnerType>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    blur: boolean;
+    visible: boolean;
+    spinner: VeilSpinnerType;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const VLoadingButton: vue.DefineComponent<vue.ExtractPropTypes<{
+    status: {
+        type: PropType<ButtonStatus>;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    styleType: {
+        type: PropType<ButtonLoadingStyle>;
+        default: string;
+    };
+    spinner: {
+        type: PropType<VeilSpinnerType>;
+        default: string;
+    };
+    loadingText: {
+        type: StringConstructor;
+    };
+    successText: {
+        type: StringConstructor;
+    };
+    errorText: {
+        type: StringConstructor;
+    };
+    resetAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    progress: {
+        type: NumberConstructor;
+    };
+    pressFeedback: {
+        type: PropType<ButtonPressFeedback>;
+        default: string;
+    };
+    resultAnimation: {
+        type: PropType<ButtonResultAnimation>;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    status: {
+        type: PropType<ButtonStatus>;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    styleType: {
+        type: PropType<ButtonLoadingStyle>;
+        default: string;
+    };
+    spinner: {
+        type: PropType<VeilSpinnerType>;
+        default: string;
+    };
+    loadingText: {
+        type: StringConstructor;
+    };
+    successText: {
+        type: StringConstructor;
+    };
+    errorText: {
+        type: StringConstructor;
+    };
+    resetAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    progress: {
+        type: NumberConstructor;
+    };
+    pressFeedback: {
+        type: PropType<ButtonPressFeedback>;
+        default: string;
+    };
+    resultAnimation: {
+        type: PropType<ButtonResultAnimation>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    loading: boolean;
+    spinner: VeilSpinnerType;
+    styleType: ButtonLoadingStyle;
+    resetAfter: number;
+    pressFeedback: ButtonPressFeedback;
+    resultAnimation: ButtonResultAnimation;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const VLazyImage: vue.DefineComponent<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    radius: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    radius: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>> & Readonly<{}>, {
+    alt: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const veilkitPlugin: {
+    install(app: App, options?: VeilGlobalConfig): void;
+};
+
+/**
+ * Veilkit - Nuxt 3 Integration Recipe
+ * Provides Nuxt plugin helper with SSR safety and route loading synchronization
+ */
+declare function defineNuxtVeilkit(nuxtApp: any): void;
+
+export { VLazyImage, VLoadingButton, VOverlay, VProgressBar, VSkeleton, VSkeletonPreset, VSpinner, VVeil, veilkitPlugin as default, defineNuxtVeilkit, useDelayedLoading, useLoading, useProgress, vVeil, veilkitPlugin };