@maltjoy/core-vue 3.27.2 → 3.28.0

package/dist/components/JoyProductTour/JoyProductTour.store.d.ts

@@ -0,0 +1,550 @@
+import { TJoyProductTourEvents } from './JoyProductTour.types';
+import VJoyProductTourInner from './VJoyProductTourInner.vue';
+export declare const productTourEventBus: import("mitt").Emitter<TJoyProductTourEvents>;
+export declare const useProductTourStore: import("pinia").StoreDefinition<"VJoyProductTours", import("pinia")._UnwrapAll<Pick<{
+    clearProductTourRef: () => void;
+    storeProductTourRef: (productTourInstance?: InstanceType<typeof VJoyProductTourInner>) => void;
+    productToursRef: import("vue").ShallowRef<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            step: number;
+            open: boolean;
+            steps: number;
+            position: "left" | "right" | "bottom" | "top";
+            maxWidth: number;
+            disableOverlay: boolean;
+            spotlightPadding: number;
+        }> & Omit<{
+            readonly step: number;
+            readonly open: boolean;
+            readonly steps: number;
+            readonly position: "left" | "right" | "bottom" | "top";
+            readonly maxWidth: number;
+            readonly disableOverlay: boolean;
+            readonly spotlightPadding: number;
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly spotlightSelector?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+                default: string;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, "step" | "open" | "steps" | "position" | "maxWidth" | "disableOverlay" | "spotlightPadding">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+                default: string;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, {
+            hide: () => void;
+            show: () => void;
+            isOpen: import("vue").Ref<boolean>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            step: number;
+            open: boolean;
+            steps: number;
+            position: "left" | "right" | "bottom" | "top";
+            maxWidth: number;
+            disableOverlay: boolean;
+            spotlightPadding: number;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Omit<Readonly<import("vue").ExtractPropTypes<{
+        step: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        icon: {
+            type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        steps: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        position: {
+            type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+            default: string;
+        };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        disableOverlay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        spotlightPadding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        spotlightSelector: {
+            type: import("vue").PropType<string>;
+        };
+    }>>, "hide" | "show" | "isOpen"> & import("vue").ShallowUnwrapRef<{
+        hide: () => void;
+        show: () => void;
+        isOpen: import("vue").Ref<boolean>;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("./JoyProductTour.types").VJoyProductTourSlots> & import("./JoyProductTour.types").VJoyProductTourSlots;
+    }) | null>;
+}, "productToursRef">>, Pick<{
+    clearProductTourRef: () => void;
+    storeProductTourRef: (productTourInstance?: InstanceType<typeof VJoyProductTourInner>) => void;
+    productToursRef: import("vue").ShallowRef<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            step: number;
+            open: boolean;
+            steps: number;
+            position: "left" | "right" | "bottom" | "top";
+            maxWidth: number;
+            disableOverlay: boolean;
+            spotlightPadding: number;
+        }> & Omit<{
+            readonly step: number;
+            readonly open: boolean;
+            readonly steps: number;
+            readonly position: "left" | "right" | "bottom" | "top";
+            readonly maxWidth: number;
+            readonly disableOverlay: boolean;
+            readonly spotlightPadding: number;
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly spotlightSelector?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+                default: string;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, "step" | "open" | "steps" | "position" | "maxWidth" | "disableOverlay" | "spotlightPadding">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+                default: string;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, {
+            hide: () => void;
+            show: () => void;
+            isOpen: import("vue").Ref<boolean>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            step: number;
+            open: boolean;
+            steps: number;
+            position: "left" | "right" | "bottom" | "top";
+            maxWidth: number;
+            disableOverlay: boolean;
+            spotlightPadding: number;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Omit<Readonly<import("vue").ExtractPropTypes<{
+        step: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        icon: {
+            type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        steps: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        position: {
+            type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+            default: string;
+        };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        disableOverlay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        spotlightPadding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        spotlightSelector: {
+            type: import("vue").PropType<string>;
+        };
+    }>>, "hide" | "show" | "isOpen"> & import("vue").ShallowUnwrapRef<{
+        hide: () => void;
+        show: () => void;
+        isOpen: import("vue").Ref<boolean>;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("./JoyProductTour.types").VJoyProductTourSlots> & import("./JoyProductTour.types").VJoyProductTourSlots;
+    }) | null>;
+}, never>, Pick<{
+    clearProductTourRef: () => void;
+    storeProductTourRef: (productTourInstance?: InstanceType<typeof VJoyProductTourInner>) => void;
+    productToursRef: import("vue").ShallowRef<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            step: number;
+            open: boolean;
+            steps: number;
+            position: "left" | "right" | "bottom" | "top";
+            maxWidth: number;
+            disableOverlay: boolean;
+            spotlightPadding: number;
+        }> & Omit<{
+            readonly step: number;
+            readonly open: boolean;
+            readonly steps: number;
+            readonly position: "left" | "right" | "bottom" | "top";
+            readonly maxWidth: number;
+            readonly disableOverlay: boolean;
+            readonly spotlightPadding: number;
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly spotlightSelector?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+                default: string;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, "step" | "open" | "steps" | "position" | "maxWidth" | "disableOverlay" | "spotlightPadding">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+                default: string;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, {
+            hide: () => void;
+            show: () => void;
+            isOpen: import("vue").Ref<boolean>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            step: number;
+            open: boolean;
+            steps: number;
+            position: "left" | "right" | "bottom" | "top";
+            maxWidth: number;
+            disableOverlay: boolean;
+            spotlightPadding: number;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Omit<Readonly<import("vue").ExtractPropTypes<{
+        step: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        icon: {
+            type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        steps: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        position: {
+            type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+            default: string;
+        };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        disableOverlay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        spotlightPadding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        spotlightSelector: {
+            type: import("vue").PropType<string>;
+        };
+    }>>, "hide" | "show" | "isOpen"> & import("vue").ShallowUnwrapRef<{
+        hide: () => void;
+        show: () => void;
+        isOpen: import("vue").Ref<boolean>;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("./JoyProductTour.types").VJoyProductTourSlots> & import("./JoyProductTour.types").VJoyProductTourSlots;
+    }) | null>;
+}, "clearProductTourRef" | "storeProductTourRef">>;

package/dist/components/JoyProductTour/JoyProductTour.types.d.ts

@@ -0,0 +1,32 @@
+import { TJoyIconsNames } from '../JoyIcon/JoyIcon.types';
+export declare const PRODUCT_TOUR_POSITIONS: readonly ["left", "right", "top", "bottom"];
+export type TJoyProductTourPositions = (typeof PRODUCT_TOUR_POSITIONS)[number];
+export interface IJoyProductTourShowParams {
+    highlightSelector?: HTMLElement;
+}
+export type TJoyProductTourEvents = {
+    'product-tour:show': string;
+};
+export interface VJoyProductTourProps {
+    icon?: TJoyIconsNames;
+    steps?: number;
+    step?: number;
+    position?: TJoyProductTourPositions;
+    open?: boolean;
+    maxWidth?: number;
+    disableOverlay?: boolean;
+    spotlightPadding?: number;
+    spotlightSelector?: string;
+}
+export interface VJoyProductTourSlots {
+    /** Most of the time we use it to display tags, or short content */
+    'product-tour-preheader'?: () => any;
+    /** Title of the component */
+    'product-tour-header'?: () => any;
+    /** Main content. Put whatever you want here */
+    'product-tour-content'?: () => any;
+    /** The click here will automatically handle slotted VJoyButton with bubbling */
+    'product-tour-dismiss'?: () => any;
+    /** To display the main CTA. Component hiding needs to be made manually */
+    'product-tour-next'?: () => any;
+}

package/dist/components/JoyProductTour/JoyProductTourSpotlight/VJoyProductTourSpotlight.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/JoyProductTour/VJoyProductTour.vue.d.ts

@@ -0,0 +1,22 @@
+import { VJoyProductTourProps, VJoyProductTourSlots } from './JoyProductTour.types';
+declare function show(): void;
+declare function hide(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<VJoyProductTourProps>, {
+    show: typeof show;
+    hide: typeof hide;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<VJoyProductTourProps>>>, {}, {}>, Readonly<VJoyProductTourSlots> & VJoyProductTourSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/JoyProductTour/VJoyProductTourInner.vue.d.ts

@@ -0,0 +1,55 @@
+import type { VJoyProductTourProps, VJoyProductTourSlots } from './JoyProductTour.types';
+declare function show(): void;
+declare function hide(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<VJoyProductTourProps>, {
+    steps: number;
+    step: number;
+    position: string;
+    open: boolean;
+    maxWidth: number;
+    disableOverlay: boolean;
+    spotlightPadding: number;
+}>, {
+    hide: typeof hide;
+    show: typeof show;
+    isOpen: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<VJoyProductTourProps>, {
+    steps: number;
+    step: number;
+    position: string;
+    open: boolean;
+    maxWidth: number;
+    disableOverlay: boolean;
+    spotlightPadding: number;
+}>>>, {
+    step: number;
+    open: boolean;
+    steps: number;
+    position: "left" | "right" | "bottom" | "top";
+    maxWidth: number;
+    disableOverlay: boolean;
+    spotlightPadding: number;
+}, {}>, Readonly<VJoyProductTourSlots> & VJoyProductTourSlots>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};