@maltjoy/core-vue 6.5.0-beta.1 → 6.5.0-beta.2

package/dist/components/JoyPanelSection/VJoyPanelSection.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    "panel-section-title"?(_: {}): any;
+    "panel-section-content"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+import type { TLevels } from '../../types';
+/**
+ * - neutral : The password field is focused but not this rule is not valid
+ * - valid : This rule is valid
+ * - invalid : This field is not focused and this rule is invalid
+ */
+export type TVJoyPasswordRequirementStatus = Extract<TLevels, 'success' | 'error' | 'neutral'>;

package/dist/components/JoyPasswordRequirement/VJoyPasswordRequirement.vue.d.ts

@@ -0,0 +1,13 @@
+import type { TVJoyPasswordRequirementStatus } from './JoyPasswordRequirement.types';
+declare const _default: import("vue").DefineComponent<{
+    /** Label of the password strength rule */
+    label: string;
+    /** Status of the password requirement */
+    status?: TVJoyPasswordRequirementStatus | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Label of the password strength rule */
+    label: string;
+    /** Status of the password requirement */
+    status?: TVJoyPasswordRequirementStatus | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,174 @@
+import VJoyProductTourInner from './VJoyProductTourInner.vue';
+export declare const productTourState: {
+    clearProductTourRef: () => void;
+    storeProductTourRef: (productTourInstance?: InstanceType<typeof VJoyProductTourInner>) => void;
+    productToursRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly steps?: number | undefined;
+            readonly step?: number | undefined;
+            readonly position?: "left" | "right" | "top" | "bottom" | undefined;
+            readonly open?: boolean | undefined;
+            readonly maxWidth?: number | undefined;
+            readonly disableOverlay?: boolean | undefined;
+            readonly spotlightPadding?: number | undefined;
+            readonly spotlightSelector: string;
+            readonly closeButton?: boolean | undefined;
+            readonly "onProduct-tour:hide"?: (() => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $host: Element | null;
+        $emit: (event: "product-tour:hide") => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("./JoyProductTour.types.js").VJoyProductTourProps> & Readonly<{
+            "onProduct-tour:hide"?: (() => any) | undefined;
+        }>, {
+            hide: () => void;
+            show: () => void;
+            isOpen: import("vue").Ref<boolean, boolean>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "product-tour:hide": () => any;
+        }, string, {
+            open: boolean;
+            maxWidth: number;
+            position: "left" | "right" | "top" | "bottom";
+            step: number;
+            disableOverlay: boolean;
+            steps: number;
+            spotlightPadding: number;
+            closeButton: boolean;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | 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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | 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, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<{
+        open: boolean;
+        maxWidth: number;
+        position: "left" | "right" | "top" | "bottom";
+        step: number;
+        disableOverlay: boolean;
+        steps: number;
+        spotlightPadding: number;
+        closeButton: boolean;
+    }> & Omit<Readonly<import("./JoyProductTour.types.js").VJoyProductTourProps> & Readonly<{
+        "onProduct-tour:hide"?: (() => any) | undefined;
+    }>, "isOpen" | "hide" | "show" | ("open" | "maxWidth" | "position" | "step" | "disableOverlay" | "steps" | "spotlightPadding" | "closeButton")> & import("vue").ShallowUnwrapRef<{
+        hide: () => void;
+        show: () => void;
+        isOpen: import("vue").Ref<boolean, boolean>;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("./JoyProductTour.types.js").VJoyProductTourSlots> & import("./JoyProductTour.types.js").VJoyProductTourSlots;
+    }) | null, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly steps?: number | undefined;
+            readonly step?: number | undefined;
+            readonly position?: "left" | "right" | "top" | "bottom" | undefined;
+            readonly open?: boolean | undefined;
+            readonly maxWidth?: number | undefined;
+            readonly disableOverlay?: boolean | undefined;
+            readonly spotlightPadding?: number | undefined;
+            readonly spotlightSelector: string;
+            readonly closeButton?: boolean | undefined;
+            readonly "onProduct-tour:hide"?: (() => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $host: Element | null;
+        $emit: (event: "product-tour:hide") => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("./JoyProductTour.types.js").VJoyProductTourProps> & Readonly<{
+            "onProduct-tour:hide"?: (() => any) | undefined;
+        }>, {
+            hide: () => void;
+            show: () => void;
+            isOpen: import("vue").Ref<boolean, boolean>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "product-tour:hide": () => any;
+        }, string, {
+            open: boolean;
+            maxWidth: number;
+            position: "left" | "right" | "top" | "bottom";
+            step: number;
+            disableOverlay: boolean;
+            steps: number;
+            spotlightPadding: number;
+            closeButton: boolean;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | 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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | 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, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<{
+        open: boolean;
+        maxWidth: number;
+        position: "left" | "right" | "top" | "bottom";
+        step: number;
+        disableOverlay: boolean;
+        steps: number;
+        spotlightPadding: number;
+        closeButton: boolean;
+    }> & Omit<Readonly<import("./JoyProductTour.types.js").VJoyProductTourProps> & Readonly<{
+        "onProduct-tour:hide"?: (() => any) | undefined;
+    }>, "isOpen" | "hide" | "show" | ("open" | "maxWidth" | "position" | "step" | "disableOverlay" | "steps" | "spotlightPadding" | "closeButton")> & import("vue").ShallowUnwrapRef<{
+        hide: () => void;
+        show: () => void;
+        isOpen: import("vue").Ref<boolean, boolean>;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("./JoyProductTour.types.js").VJoyProductTourSlots> & import("./JoyProductTour.types.js").VJoyProductTourSlots;
+    }) | null>;
+};

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

@@ -0,0 +1,38 @@
+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;
+    closeButton?: boolean;
+}
+export interface VJoyProductTourSlots {
+    /** Allows to inject an image above the title */
+    'product-tour-banner'?: () => any;
+    /** 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;
+}
+export interface VJoyProductToursEvents {
+    'product-tour:hide': [];
+}

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

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{
+    disableOverlay?: boolean | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    disableOverlay?: boolean | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,21 @@
+import { VJoyProductTourProps, VJoyProductTourSlots } from './JoyProductTour.types';
+declare function show(): void;
+declare function hide(options?: {
+    fireHideEvent?: boolean;
+}): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyProductTourProps, {
+    show: typeof show;
+    hide: typeof hide;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "product-tour:hide": () => any;
+}, string, import("vue").PublicProps, Readonly<VJoyProductTourProps> & Readonly<{
+    "onProduct-tour:hide"?: (() => any) | undefined;
+}>, {
+    closeButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<VJoyProductTourSlots> & VJoyProductTourSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,27 @@
+import type { VJoyProductTourProps, VJoyProductTourSlots } from './JoyProductTour.types';
+declare function show(): void;
+declare function hide(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyProductTourProps, {
+    hide: typeof hide;
+    show: typeof show;
+    isOpen: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "product-tour:hide": () => any;
+}, string, import("vue").PublicProps, Readonly<VJoyProductTourProps> & Readonly<{
+    "onProduct-tour:hide"?: (() => any) | undefined;
+}>, {
+    open: boolean;
+    maxWidth: number;
+    position: "left" | "right" | "top" | "bottom";
+    step: number;
+    disableOverlay: boolean;
+    steps: number;
+    spotlightPadding: number;
+    closeButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<VJoyProductTourSlots> & VJoyProductTourSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyProductTourTrigger/VJoyProductTourTrigger.vue.d.ts

@@ -0,0 +1,167 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** VJoyProductTour ref. */
+    productTour: ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly steps?: number | undefined;
+            readonly step?: number | undefined;
+            readonly position?: "left" | "right" | "top" | "bottom" | undefined;
+            readonly open?: boolean | undefined;
+            readonly maxWidth?: number | undefined;
+            readonly disableOverlay?: boolean | undefined;
+            readonly spotlightPadding?: number | undefined;
+            readonly spotlightSelector: string;
+            readonly closeButton?: boolean | undefined;
+            readonly "onProduct-tour:hide"?: (() => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $host: Element | null;
+        $emit: (event: "product-tour:hide") => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../components.types.js").VJoyProductTourProps> & Readonly<{
+            "onProduct-tour:hide"?: (() => any) | undefined;
+        }>, {
+            show: () => void;
+            hide: (options?: {
+                fireHideEvent?: boolean | undefined;
+            } | undefined) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "product-tour:hide": () => any;
+        }, string, {
+            closeButton: boolean;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | 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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | 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, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<{
+        closeButton: boolean;
+    }> & Omit<Readonly<import("../components.types.js").VJoyProductTourProps> & Readonly<{
+        "onProduct-tour:hide"?: (() => any) | undefined;
+    }>, "hide" | "show" | "closeButton"> & import("vue").ShallowUnwrapRef<{
+        show: () => void;
+        hide: (options?: {
+            fireHideEvent?: boolean | undefined;
+        } | undefined) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("../components.types.js").VJoyProductTourSlots> & import("../components.types.js").VJoyProductTourSlots;
+    }) | null | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** VJoyProductTour ref. */
+    productTour: ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly steps?: number | undefined;
+            readonly step?: number | undefined;
+            readonly position?: "left" | "right" | "top" | "bottom" | undefined;
+            readonly open?: boolean | undefined;
+            readonly maxWidth?: number | undefined;
+            readonly disableOverlay?: boolean | undefined;
+            readonly spotlightPadding?: number | undefined;
+            readonly spotlightSelector: string;
+            readonly closeButton?: boolean | undefined;
+            readonly "onProduct-tour:hide"?: (() => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $host: Element | null;
+        $emit: (event: "product-tour:hide") => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../components.types.js").VJoyProductTourProps> & Readonly<{
+            "onProduct-tour:hide"?: (() => any) | undefined;
+        }>, {
+            show: () => void;
+            hide: (options?: {
+                fireHideEvent?: boolean | undefined;
+            } | undefined) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "product-tour:hide": () => any;
+        }, string, {
+            closeButton: boolean;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | 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, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | 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, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<{
+        closeButton: boolean;
+    }> & Omit<Readonly<import("../components.types.js").VJoyProductTourProps> & Readonly<{
+        "onProduct-tour:hide"?: (() => any) | undefined;
+    }>, "hide" | "show" | "closeButton"> & import("vue").ShallowUnwrapRef<{
+        show: () => void;
+        hide: (options?: {
+            fireHideEvent?: boolean | undefined;
+        } | undefined) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("../components.types.js").VJoyProductTourSlots> & import("../components.types.js").VJoyProductTourSlots;
+    }) | null | undefined;
+}> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Default slot where you can render anything you need. Most of the time it's a VJoyButton */
+    default: () => any;
+}> & {
+    /** Default slot where you can render anything you need. Most of the time it's a VJoyButton */
+    default: () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { TGenericVariants, TLevels } from '../../types';
+export type TJoyProgressBarColors = TGenericVariants | Exclude<TLevels, 'info' | 'neutral'>;

package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts

@@ -0,0 +1,67 @@
+import { PropType } from 'vue';
+import { TJoyProgressBarColors } from './JoyProgressBar.types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** import TJoyProgressBarColors */
+    color: {
+        type: PropType<TJoyProgressBarColors>;
+        default: string;
+    };
+    /**
+     * Total number of steps.
+     */
+    steps: {
+        type: NumberConstructor;
+    };
+    /**
+     * Current step number.
+     */
+    currentStep: {
+        type: NumberConstructor;
+    };
+    /**
+     * Progress bar percentage, percentage usage will override steps & currentStep definition.
+     */
+    percentage: {
+        type: NumberConstructor;
+    };
+    /** Display the actual progress value next to the bar */
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    computeInnerWidth: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** import TJoyProgressBarColors */
+    color: {
+        type: PropType<TJoyProgressBarColors>;
+        default: string;
+    };
+    /**
+     * Total number of steps.
+     */
+    steps: {
+        type: NumberConstructor;
+    };
+    /**
+     * Current step number.
+     */
+    currentStep: {
+        type: NumberConstructor;
+    };
+    /**
+     * Progress bar percentage, percentage usage will override steps & currentStep definition.
+     */
+    percentage: {
+        type: NumberConstructor;
+    };
+    /** Display the actual progress value next to the bar */
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    color: TJoyProgressBarColors;
+    showLabel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1 @@
+export type RadioThemes = 'default' | 'outline';