@maltjoy/core-vue 3.36.0-next → 3.37.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 maltcommunity / apps
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { TJoyAvailabilityStatus } from './JoyAvailability.types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     /** 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<import("vue").ExtractPropT
      * Partial availabilty. Not 5 days/week cases
      */
     isPartial: BooleanConstructor;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, 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<import("vue").ExtractPropT
      * 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<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     /** 3 different sizes of avatar */
     size: {
         type: PropType<TJoyAvatarSizes>;
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     /** Only applied if you set a photoUrl */
     loading: {
-        type: PropType<"lazy" | "eager">;
+        type: PropType<"eager" | "lazy">;
         default: string;
     };
     /** Basic state with no information */
@@ -34,11 +34,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
+}, {
     isAnonymous: import("vue").ComputedRef<boolean>;
     initials: import("vue").ComputedRef<string>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** 3 different sizes of avatar */
     size: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     /** Only applied if you set a photoUrl */
     loading: {
-        type: PropType<"lazy" | "eager">;
+        type: PropType<"eager" | "lazy">;
         default: string;
     };
     /** Basic state with no information */
@@ -73,14 +73,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Renders a compact list of avatars */
     compress: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, 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;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+}, {}>, 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<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * Display the colored bulletpoint on the left
      */
@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     number: NumberConstructor;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, 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<im
         default: string;
     };
     number: NumberConstructor;
-}>> & Readonly<{}>, {
+}>>, {
     label: string;
     variant: import("../JoyDot/VJoyDot.types").TJoyDotVariants;
     bulletpoint: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+}, {}>, 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<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** 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<im
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, 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<im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>>, {
     superMalterLevel: number;
     visibleText: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+}, {}>, 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<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     /** 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<import("vue").ExtractPropT
     height: {
         type: StringConstructor;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, 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<import("vue").ExtractPropT
     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<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Automatically renders a CTA that closes the bottom-sheet */
     closeLabel: {
         type: StringConstructor;
@@ -34,13 +34,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
+}, {
     hide: typeof hide;
     show: typeof show;
-    isOpen: import("vue").Ref<boolean, boolean>;
+    isOpen: import("vue").Ref<boolean>;
     moveContainer: typeof moveContainer;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "bottom-sheet:close": () => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "bottom-sheet:close": () => void;
 }, 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<im
         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;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+}, {}>, 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<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /** VJoyBottomSheet ref. */
     bottomSheet: ({
         $: import("vue").ComponentInternalInstance;
@@ -15,8 +15,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly preventBodyScroll: boolean;
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly frozen: boolean;
-            readonly "onBottom-sheet:close"?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen">;
+            "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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -26,9 +49,8 @@ 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, {}, {}, {}, 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;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: "bottom-sheet:close") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -52,22 +74,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, boolean>;
+            isOpen: import("vue").Ref<boolean>;
             moveContainer: (translationY: number) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "bottom-sheet:close": () => any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "bottom-sheet:close": () => void;
         }, string, {
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             frozen: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -82,18 +104,12 @@ 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, {}, {}, {}, 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;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, 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<{
+        $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;
             default: string;
@@ -114,12 +130,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         "onBottom-sheet:close"?: (() => any) | undefined;
-    }>, "hide" | "show" | "isOpen" | "moveContainer" | ("closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen")> & import("vue").ShallowUnwrapRef<{
+    }, "hide" | "show" | "isOpen" | "moveContainer"> & import("vue").ShallowUnwrapRef<{
         hide: () => void;
         show: () => void;
-        isOpen: import("vue").Ref<boolean, boolean>;
+        isOpen: import("vue").Ref<boolean>;
         moveContainer: (translationY: number) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: Readonly<{
@@ -130,9 +146,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             'bottom-sheet-cta': () => any;
         };
     }) | null | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
-}, string, import("vue").PublicProps, Readonly<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /** VJoyBottomSheet ref. */
     bottomSheet: ({
         $: import("vue").ComponentInternalInstance;
@@ -149,8 +165,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly preventBodyScroll: boolean;
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly frozen: boolean;
-            readonly "onBottom-sheet:close"?: (() => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen">;
+            "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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -160,9 +199,8 @@ 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, {}, {}, {}, 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;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: "bottom-sheet:close") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -186,22 +224,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, boolean>;
+            isOpen: import("vue").Ref<boolean>;
             moveContainer: (translationY: number) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "bottom-sheet:close": () => any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "bottom-sheet:close": () => void;
         }, string, {
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             frozen: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -216,18 +254,12 @@ 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, {}, {}, {}, 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;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, 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<{
+        $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;
             default: string;
@@ -248,12 +280,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         "onBottom-sheet:close"?: (() => any) | undefined;
-    }>, "hide" | "show" | "isOpen" | "moveContainer" | ("closeLabel" | "open" | "preventBodyScroll" | "teleport" | "frozen")> & import("vue").ShallowUnwrapRef<{
+    }, "hide" | "show" | "isOpen" | "moveContainer"> & import("vue").ShallowUnwrapRef<{
         hide: () => void;
         show: () => void;
-        isOpen: import("vue").Ref<boolean, boolean>;
+        isOpen: import("vue").Ref<boolean>;
         moveContainer: (translationY: number) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: Readonly<{
@@ -264,9 +296,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             'bottom-sheet-cta': () => any;
         };
     }) | null | undefined;
-}> & Readonly<{
+}>>> & {
     onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+}, {}, {}>, Readonly<{
     /** @slot Default slot where you can render anything you need. */
     default: () => any;
 }> & {
@@ -279,3 +311,12 @@ 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<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * 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<im
         type: PropType<TJoyButtonSizes>;
         default: string;
     };
-}>, {
-    randomId: import("vue").Ref<string | undefined, string | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    randomId: import("vue").Ref<string | undefined>;
+}, unknown, {}, {}, 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<im
         type: PropType<TJoyButtonSizes>;
         default: string;
     };
-}>> & Readonly<{}>, {
+}>>, {
+    size: TJoyButtonSizes;
     circle: boolean;
     loading: boolean;
-    size: TJoyButtonSizes;
     variant: TJoyButtonVariants;
     iconPosition: import("../../types/index.js").TPositions;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+}, {}>, 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, string | undefined>;
+    randomId: import("vue").Ref<string | undefined>;
 };