@maltjoy/core-vue 3.31.0 → 3.31.1-next

package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts

@@ -24,6 +24,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"default" | "strategy">;
         default: string;
     };
+    /** Only applied if you set a photoUrl */
+    loading: {
+        type: PropType<"eager" | "lazy">;
+        default: string;
+    };
 }, {
     isAnonymous: import("vue").ComputedRef<boolean>;
     initials: import("vue").ComputedRef<string>;
@@ -53,11 +58,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"default" | "strategy">;
         default: string;
     };
+    /** Only applied if you set a photoUrl */
+    loading: {
+        type: PropType<"eager" | "lazy">;
+        default: string;
+    };
 }>> & {
     onClick?: (() => any) | undefined;
 }, {
     link: boolean;
     size: TJoyAvatarSizes;
+    loading: "eager" | "lazy";
     color: import("./JoyAvatar.types").FreelancerAvatarColors | "transparent";
     profile: "default" | "strategy";
 }, {}>;

package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /** VJoyBottomSheet ref. */
     bottomSheet: ({
         $: import("vue").ComponentInternalInstance;
@@ -108,7 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         };
         $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;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Omit<Readonly<import("vue").ExtractPropTypes<{
         closeLabel: {
             type: StringConstructor;
@@ -148,7 +148,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     }) | null | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /** VJoyBottomSheet ref. */
     bottomSheet: ({
         $: import("vue").ComponentInternalInstance;
@@ -258,7 +258,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         };
         $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;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Omit<Readonly<import("vue").ExtractPropTypes<{
         closeLabel: {
             type: StringConstructor;
@@ -306,8 +306,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default: () => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -315,8 +320,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/JoyButton/VJoyButton.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Left to the text or right */
     iconPosition: {
-        type: PropType<import("../../types").TPositions>;
+        type: PropType<import("../../types/index.js").TPositions>;
         default: string;
     };
     /**
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Left to the text or right */
     iconPosition: {
-        type: PropType<import("../../types").TPositions>;
+        type: PropType<import("../../types/index.js").TPositions>;
         default: string;
     };
     /**
@@ -81,11 +81,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    circle: boolean;
     size: TJoyButtonSizes;
+    circle: boolean;
     loading: boolean;
     variant: TJoyButtonVariants;
-    iconPosition: import("../../types").TPositions;
+    iconPosition: import("../../types/index.js").TPositions;
 }, {}>, Readonly<{
     /** Default slot for button text */
     default(): any;

package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts

@@ -109,13 +109,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onBlur?: (() => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }, {
-    required: boolean;
+    checked: boolean;
     disabled: boolean;
     indeterminate: boolean;
-    displayFocus: boolean;
-    checked: boolean;
-    invalid: boolean;
+    required: boolean;
     value: string;
+    invalid: boolean;
+    displayFocus: boolean;
 }, {}>, Readonly<{
     /** Default slot for checkbox label. You can as well use the label property. */
     default(): any;

package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts

@@ -11,6 +11,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TJoyCompanyAvatarSizes>;
         default: string;
     };
+    /** Only applied if you set a imgSrc */
+    loading: {
+        type: PropType<"eager" | "lazy">;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Inject the URL of your image. Fallback will be the icon */
     imgSrc: StringConstructor;
@@ -22,7 +27,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TJoyCompanyAvatarSizes>;
         default: string;
     };
+    /** Only applied if you set a imgSrc */
+    loading: {
+        type: PropType<"eager" | "lazy">;
+        default: string;
+    };
 }>>, {
     size: TJoyCompanyAvatarSizes;
+    loading: "eager" | "lazy";
 }, {}>;
 export default _default;

package/dist/components/JoyCounter/VJoyCounter.vue.d.ts

@@ -68,22 +68,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {
     props: {
-        readonly required: boolean;
         readonly disabled: boolean;
+        readonly min: number;
+        readonly required: boolean;
+        readonly step: number;
         readonly invalid: boolean;
         readonly modelValue: number;
         readonly autofocus: boolean;
         readonly labelSize: TJoyLabelSizes;
         readonly requiredMark: boolean;
-        readonly min: number;
-        readonly step: number;
         readonly label?: string | undefined;
         readonly name?: string | undefined;
+        readonly max?: number | undefined;
         readonly id?: string | undefined;
         readonly optionalLabel?: string | undefined;
         readonly labelDecrement?: string | undefined;
         readonly labelIncrement?: string | undefined;
-        readonly max?: number | undefined;
         readonly errorMessage?: string | undefined;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -157,15 +157,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
-    required: boolean;
     disabled: boolean;
+    min: number;
+    required: boolean;
+    step: number;
     invalid: boolean;
     modelValue: number;
     autofocus: boolean;
     labelSize: TJoyLabelSizes;
     requiredMark: boolean;
-    min: number;
-    step: number;
 }, {}>, Readonly<{
     /** Default slot to display a label on top of the element. You can use label property as well */
     default(): any;

package/dist/components/JoyDialog/VJoyDialog.vue.d.ts

@@ -78,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
+    focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
     hasFooterSlots: import("vue").ComputedRef<boolean>;
     hide: typeof hide;
     isOpen: import("vue").Ref<boolean>;

package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts

@@ -1,10 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /** VJoyDialog ref. */
     dialog: ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: import("../components.types").TJoyDialogSizes;
+            size: import("../components.types.js").TJoyDialogSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -12,10 +12,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             focusTrap: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
-            buttonSize: import("../components.types").TJoyButtonSizes;
+            buttonSize: import("../components.types.js").TJoyButtonSizes;
             bannerHeight: number;
         }> & Omit<{
-            readonly size: import("../components.types").TJoyDialogSizes;
+            readonly size: import("../components.types.js").TJoyDialogSizes;
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly focusTrap: boolean;
             readonly patternConfirm: boolean;
             readonly patternBrand: boolean;
-            readonly buttonSize: import("../components.types").TJoyButtonSizes;
+            readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
             readonly bannerHeight: number;
             readonly id?: string | undefined;
             readonly cancelText?: string | undefined;
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
+                type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
                 default: string;
             };
             focusTrap: {
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             buttonSize: {
-                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+                type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
                 default: string;
             };
             bannerSrc: {
@@ -118,7 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
+                type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
                 default: string;
             };
             focusTrap: {
@@ -156,7 +156,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             buttonSize: {
-                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+                type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
                 default: string;
             };
             bannerSrc: {
@@ -177,7 +177,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "onDialog:before-unmount"?: (() => any) | undefined;
             "onDialog:confirm"?: (() => any) | undefined;
         }, {
-            focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
+            focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
             hasFooterSlots: import("vue").ComputedRef<boolean>;
             hide: (options?: {
                 fireHideEvent: boolean;
@@ -192,7 +192,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "dialog:before-unmount": () => void;
             "dialog:confirm": () => void;
         }, string, {
-            size: import("../components.types").TJoyDialogSizes;
+            size: import("../components.types.js").TJoyDialogSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -200,7 +200,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             focusTrap: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
-            buttonSize: import("../components.types").TJoyButtonSizes;
+            buttonSize: import("../components.types.js").TJoyButtonSizes;
             bannerHeight: number;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -221,13 +221,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         };
         $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;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Omit<Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
         };
         size: {
-            type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
+            type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
             default: string;
         };
         focusTrap: {
@@ -265,7 +265,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: StringConstructor;
         };
         buttonSize: {
-            type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+            type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
             default: string;
         };
         bannerSrc: {
@@ -286,7 +286,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         "onDialog:before-unmount"?: (() => any) | undefined;
         "onDialog:confirm"?: (() => any) | undefined;
     }, "hide" | "show" | "isOpen" | "focusTrapReturn" | "hasFooterSlots"> & import("vue").ShallowUnwrapRef<{
-        focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
+        focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
         hasFooterSlots: import("vue").ComputedRef<boolean>;
         hide: (options?: {
             fireHideEvent: boolean;
@@ -295,12 +295,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: Readonly<{
-            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
-             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
-             * props.dialog is actually "not null"
-             *
-             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
-             */
+            'dialog-preheader': () => any;
             'dialog-header': () => any;
             'dialog-subheader': () => any;
             'dialog-body': () => any;
@@ -308,12 +303,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             'dialog-confirm': () => any;
             'dialog-indicators': () => any;
         }> & {
-            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
-             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
-             * props.dialog is actually "not null"
-             *
-             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
-             */
+            'dialog-preheader': () => any;
             'dialog-header': () => any;
             'dialog-subheader': () => any;
             'dialog-body': () => any;
@@ -324,13 +314,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     }) | null | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /** VJoyDialog ref. */
     dialog: ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: import("../components.types").TJoyDialogSizes;
+            size: import("../components.types.js").TJoyDialogSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -338,10 +328,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             focusTrap: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
-            buttonSize: import("../components.types").TJoyButtonSizes;
+            buttonSize: import("../components.types.js").TJoyButtonSizes;
             bannerHeight: number;
         }> & Omit<{
-            readonly size: import("../components.types").TJoyDialogSizes;
+            readonly size: import("../components.types.js").TJoyDialogSizes;
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
@@ -349,7 +339,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly focusTrap: boolean;
             readonly patternConfirm: boolean;
             readonly patternBrand: boolean;
-            readonly buttonSize: import("../components.types").TJoyButtonSizes;
+            readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
             readonly bannerHeight: number;
             readonly id?: string | undefined;
             readonly cancelText?: string | undefined;
@@ -367,7 +357,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
+                type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
                 default: string;
             };
             focusTrap: {
@@ -405,7 +395,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             buttonSize: {
-                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+                type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
                 default: string;
             };
             bannerSrc: {
@@ -444,7 +434,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
+                type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
                 default: string;
             };
             focusTrap: {
@@ -482,7 +472,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: StringConstructor;
             };
             buttonSize: {
-                type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+                type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
                 default: string;
             };
             bannerSrc: {
@@ -503,7 +493,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "onDialog:before-unmount"?: (() => any) | undefined;
             "onDialog:confirm"?: (() => any) | undefined;
         }, {
-            focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
+            focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
             hasFooterSlots: import("vue").ComputedRef<boolean>;
             hide: (options?: {
                 fireHideEvent: boolean;
@@ -518,7 +508,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "dialog:before-unmount": () => void;
             "dialog:confirm": () => void;
         }, string, {
-            size: import("../components.types").TJoyDialogSizes;
+            size: import("../components.types.js").TJoyDialogSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -526,7 +516,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             focusTrap: boolean;
             patternConfirm: boolean;
             patternBrand: boolean;
-            buttonSize: import("../components.types").TJoyButtonSizes;
+            buttonSize: import("../components.types.js").TJoyButtonSizes;
             bannerHeight: number;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -547,13 +537,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         };
         $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;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Omit<Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
         };
         size: {
-            type: import("vue").PropType<import("../components.types").TJoyDialogSizes>;
+            type: import("vue").PropType<import("../components.types.js").TJoyDialogSizes>;
             default: string;
         };
         focusTrap: {
@@ -591,7 +581,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: StringConstructor;
         };
         buttonSize: {
-            type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
+            type: import("vue").PropType<import("../components.types.js").TJoyButtonSizes>;
             default: string;
         };
         bannerSrc: {
@@ -612,7 +602,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         "onDialog:before-unmount"?: (() => any) | undefined;
         "onDialog:confirm"?: (() => any) | undefined;
     }, "hide" | "show" | "isOpen" | "focusTrapReturn" | "hasFooterSlots"> & import("vue").ShallowUnwrapRef<{
-        focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
+        focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
         hasFooterSlots: import("vue").ComputedRef<boolean>;
         hide: (options?: {
             fireHideEvent: boolean;
@@ -621,12 +611,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: Readonly<{
-            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
-             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
-             * props.dialog is actually "not null"
-             *
-             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
-             */
+            'dialog-preheader': () => any;
             'dialog-header': () => any;
             'dialog-subheader': () => any;
             'dialog-body': () => any;
@@ -634,12 +619,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             'dialog-confirm': () => any;
             'dialog-indicators': () => any;
         }> & {
-            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
-             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
-             * props.dialog is actually "not null"
-             *
-             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
-             */
+            'dialog-preheader': () => any;
             'dialog-header': () => any;
             'dialog-subheader': () => any;
             'dialog-body': () => any;
@@ -658,8 +638,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default(): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -667,8 +652,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts

@@ -68,7 +68,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<() => boolean | Promise<boolean>>;
     };
 }, {
-    focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
+    focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
     hasFooterSlots: import("vue").ComputedRef<boolean>;
     hide: typeof hide;
     isOpen: import("vue").Ref<boolean>;