@maltjoy/core-vue 3.36.0 → 3.37.0-next

package/dist/App.vue.d.ts

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

package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { TJoyAvailabilityStatus } from './JoyAvailability.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** Don't fill it and you'll only have the colored dot */
     label: StringConstructor;
     status: {
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
      * Partial availabilty. Not 5 days/week cases
      */
     isPartial: BooleanConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Don't fill it and you'll only have the colored dot */
     label: StringConstructor;
     status: {
@@ -22,8 +22,8 @@ declare const _default: import("vue").DefineComponent<{
      * Partial availabilty. Not 5 days/week cases
      */
     isPartial: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     status: TJoyAvailabilityStatus;
     isPartial: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { TJoyAvatarSizes } from './JoyAvatar.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** 3 different sizes of avatar */
     size: {
         type: PropType<TJoyAvatarSizes>;
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /** Only applied if you set a photoUrl */
     loading: {
-        type: PropType<"eager" | "lazy">;
+        type: PropType<"lazy" | "eager">;
         default: string;
     };
     /** Basic state with no information */
@@ -34,11 +34,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
+}>, {
     isAnonymous: import("vue").ComputedRef<boolean>;
     initials: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** 3 different sizes of avatar */
     size: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /** Only applied if you set a photoUrl */
     loading: {
-        type: PropType<"eager" | "lazy">;
+        type: PropType<"lazy" | "eager">;
         default: string;
     };
     /** Basic state with no information */
@@ -73,14 +73,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: (() => any) | undefined;
-}, {
+}>, {
     link: boolean;
+    loading: "lazy" | "eager";
     size: TJoyAvatarSizes;
-    loading: "eager" | "lazy";
     color: import("./JoyAvatar.types").FreelancerAvatarColors | "transparent";
     profile: "default" | "strategy";
     isEmpty: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts

@@ -1,18 +1,18 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** Renders a compact list of avatars */
     compress: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Renders a compact list of avatars */
     compress: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     compress: boolean;
-}, {}>, Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
     /** Use this slot to inject all your VJoyAvatar. VJoyAvatars applies some style to the list. */
     default(): any;
 }> & {

package/dist/components/JoyBadge/VJoyBadge.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Display the colored bulletpoint on the left
      */
@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     number: NumberConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Display the colored bulletpoint on the left
      */
@@ -49,11 +49,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     number: NumberConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     label: string;
     variant: import("../JoyDot/VJoyDot.types").TJoyDotVariants;
     bulletpoint: boolean;
-}, {}>, Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
     /** Use the slot as an alternative to "label" property. */
     default(): any;
 }> & {

package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** type: `TJoyBadges` */
     type: {
         type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** type: `TJoyBadges` */
     type: {
         type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
@@ -31,10 +31,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     superMalterLevel: number;
     visibleText: boolean;
-}, {}>, Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
     /** Override the default given label */
     default(): any;
 }> & {

package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** If you want to use it properly you need to set fixed width and height */
     circle: {
         type: BooleanConstructor;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     height: {
         type: StringConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** If you want to use it properly you need to set fixed width and height */
     circle: {
         type: BooleanConstructor;
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     height: {
         type: StringConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     circle: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts

@@ -5,7 +5,7 @@ import { PropType } from 'vue';
 declare function show(): void;
 declare function hide(): void;
 declare function moveContainer(translationY: number): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** Automatically renders a CTA that closes the bottom-sheet */
     closeLabel: {
         type: StringConstructor;
@@ -34,13 +34,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
+}>, {
     hide: typeof hide;
     show: typeof show;
-    isOpen: import("vue").Ref<boolean>;
+    isOpen: import("vue").Ref<boolean, boolean>;
     moveContainer: typeof moveContainer;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "bottom-sheet:close": () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "bottom-sheet:close": () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Automatically renders a CTA that closes the bottom-sheet */
     closeLabel: {
@@ -70,15 +70,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onBottom-sheet:close"?: (() => any) | undefined;
-}, {
+}>, {
     closeLabel: string;
     open: boolean;
     preventBodyScroll: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     frozen: boolean;
-}, {}>, Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
     /** Main content of the component */
     'bottom-sheet-content': () => any;
     /** Put whatever type of CTA you need here */

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** VJoyBottomSheet ref. */
     bottomSheet: ({
         $: import("vue").ComponentInternalInstance;
@@ -15,31 +15,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly preventBodyScroll: boolean;
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly frozen: boolean;
-            "onBottom-sheet:close"?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            closeLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            open: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            preventBodyScroll: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            teleport: {
-                type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-                default: string;
-            };
-            frozen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            "onBottom-sheet:close"?: (() => any) | undefined;
-        }, "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen">;
+            readonly "onBottom-sheet:close"?: (() => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -49,8 +26,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         $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;
+        $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: "bottom-sheet:close") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -74,22 +52,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & {
+        }>> & Readonly<{
             "onBottom-sheet:close"?: (() => any) | undefined;
-        }, {
+        }>, {
             hide: () => void;
             show: () => void;
-            isOpen: import("vue").Ref<boolean>;
+            isOpen: import("vue").Ref<boolean, boolean>;
             moveContainer: (translationY: number) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "bottom-sheet:close": () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            "bottom-sheet:close": () => any;
         }, string, {
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             frozen: boolean;
-        }, {}, string, {}> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -104,12 +82,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             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;
+            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: (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<{
+        $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<{
+        closeLabel: string;
+        open: boolean;
+        preventBodyScroll: boolean;
+        teleport: string | import("vue").RendererElement | null | undefined;
+        frozen: boolean;
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         closeLabel: {
             type: StringConstructor;
             default: string;
@@ -130,12 +114,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         "onBottom-sheet:close"?: (() => any) | undefined;
-    }, "hide" | "show" | "isOpen" | "moveContainer"> & import("vue").ShallowUnwrapRef<{
+    }>, "hide" | "show" | "isOpen" | "moveContainer" | ("closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen")> & import("vue").ShallowUnwrapRef<{
         hide: () => void;
         show: () => void;
-        isOpen: import("vue").Ref<boolean>;
+        isOpen: import("vue").Ref<boolean, boolean>;
         moveContainer: (translationY: number) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: Readonly<{
@@ -146,9 +130,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             'bottom-sheet-cta': () => any;
         };
     }) | null | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<{
     /** VJoyBottomSheet ref. */
     bottomSheet: ({
         $: import("vue").ComponentInternalInstance;
@@ -165,31 +149,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             readonly preventBodyScroll: boolean;
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly frozen: boolean;
-            "onBottom-sheet:close"?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            closeLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            open: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            preventBodyScroll: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            teleport: {
-                type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-                default: string;
-            };
-            frozen: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            "onBottom-sheet:close"?: (() => any) | undefined;
-        }, "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen">;
+            readonly "onBottom-sheet:close"?: (() => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -199,8 +160,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         $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;
+        $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: "bottom-sheet:close") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -224,22 +186,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & {
+        }>> & Readonly<{
             "onBottom-sheet:close"?: (() => any) | undefined;
-        }, {
+        }>, {
             hide: () => void;
             show: () => void;
-            isOpen: import("vue").Ref<boolean>;
+            isOpen: import("vue").Ref<boolean, boolean>;
             moveContainer: (translationY: number) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "bottom-sheet:close": () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            "bottom-sheet:close": () => any;
         }, string, {
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             frozen: boolean;
-        }, {}, string, {}> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -254,12 +216,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             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;
+            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: (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<{
+        $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<{
+        closeLabel: string;
+        open: boolean;
+        preventBodyScroll: boolean;
+        teleport: string | import("vue").RendererElement | null | undefined;
+        frozen: boolean;
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         closeLabel: {
             type: StringConstructor;
             default: string;
@@ -280,12 +248,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         "onBottom-sheet:close"?: (() => any) | undefined;
-    }, "hide" | "show" | "isOpen" | "moveContainer"> & import("vue").ShallowUnwrapRef<{
+    }>, "hide" | "show" | "isOpen" | "moveContainer" | ("closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen")> & import("vue").ShallowUnwrapRef<{
         hide: () => void;
         show: () => void;
-        isOpen: import("vue").Ref<boolean>;
+        isOpen: import("vue").Ref<boolean, boolean>;
         moveContainer: (translationY: number) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: Readonly<{
@@ -296,9 +264,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             'bottom-sheet-cta': () => any;
         };
     }) | null | undefined;
-}>>> & {
+}> & Readonly<{
     onClick?: (() => any) | undefined;
-}, {}, {}>, Readonly<{
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
     /** @slot Default slot where you can render anything you need. */
     default: () => any;
 }> & {
@@ -311,12 +279,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/JoyButton/VJoyButton.vue.d.ts

@@ -1,6 +1,6 @@
 import { TJoyButtonSizes, TJoyButtonVariants } from './JoyButton.types';
 import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * If you only need a button with an icon. To keep your component accessible, you can give a text as slot, it will be used as title and aria-label.
      * This property takes effect only if icon property is set
@@ -39,9 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<TJoyButtonSizes>;
         default: string;
     };
-}, {
-    randomId: import("vue").Ref<string | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    randomId: import("vue").Ref<string | undefined, string | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * If you only need a button with an icon. To keep your component accessible, you can give a text as slot, it will be used as title and aria-label.
      * This property takes effect only if icon property is set
@@ -80,13 +80,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<TJoyButtonSizes>;
         default: string;
     };
-}>>, {
-    size: TJoyButtonSizes;
+}>> & Readonly<{}>, {
     circle: boolean;
     loading: boolean;
+    size: TJoyButtonSizes;
     variant: TJoyButtonVariants;
     iconPosition: import("../../types/index.js").TPositions;
-}, {}>, Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
     /** Default slot for button text */
     default(): any;
 }> & {

package/dist/components/JoyButton/useRandomId.d.ts

@@ -2,5 +2,5 @@
  * TEMP: maybe we can make it a shared composable. No need for now
  */
 export declare function useRandomId(): {
-    randomId: import("vue").Ref<string | undefined>;
+    randomId: import("vue").Ref<string | undefined, string | undefined>;
 };

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
     indeterminate: {
         type: BooleanConstructor;
@@ -48,12 +48,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    isIndeterminate: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:checked": (value: boolean) => void;
-    focus: () => void;
-    blur: () => void;
+}>, {
+    isIndeterminate: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: () => any;
+    focus: () => any;
+    "update:checked": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
     indeterminate: {
@@ -104,19 +104,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    onFocus?: (() => any) | undefined;
+}>> & Readonly<{
     onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
-}, {
-    checked: boolean;
+}>, {
+    invalid: boolean;
+    required: boolean;
     disabled: boolean;
     indeterminate: boolean;
-    required: boolean;
-    value: string;
-    invalid: boolean;
     displayFocus: boolean;
-}, {}>, Readonly<{
+    checked: boolean;
+    value: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
     /** Default slot for checkbox label. You can as well use the label property. */
     default(): any;
     /** For additional content */