@maltjoy/core-vue 3.27.2 → 3.28.0

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyLabelSizes } from '@/components/JoyLabel/JoyLabel.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     autofocus: {
         type: BooleanConstructor;
@@ -27,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
     };
     /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -67,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: "small" | "large" | "medium";
+        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, {
@@ -115,7 +116,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
     };
     /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -156,17 +157,21 @@ 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: "small" | "large" | "medium";
+    labelSize: TJoyLabelSizes;
     requiredMark: boolean;
-    min: number;
-    step: number;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Default slot to display a label on top of the element. You can use label property as well */
+    default(): any;
+}> & {
+    /** Default slot to display a label on top of the element. You can use label property as well */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,3 +1,2 @@
-import { SIZES } from '../../types';
-export type TJoyDialogSizes = Extract<(typeof SIZES)[number], 'large'> | 'default';
-export declare const DIALOG_SIZES: TJoyDialogSizes[];
+import { TSizes } from '../../types';
+export type TJoyDialogSizes = Extract<TSizes, 'large'> | 'default';

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>;
@@ -180,14 +180,36 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     patternBrand: boolean;
     buttonSize: TJoyButtonSizes;
     bannerHeight: number;
-}, {}>, {
-    "dialog-preheader"?(_: {}): any;
-    "dialog-header"?(_: {}): any;
-    "dialog-subheader"?(_: {}): any;
-    "dialog-body"?(_: {}): any;
-    "dialog-cancel"?(_: {}): any;
-    "dialog-confirm"?(_: {}): any;
-    "dialog-indicators"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Made for short informations */
+    'dialog-preheader': () => any;
+    /** Header to inject your title */
+    'dialog-header': () => any;
+    /** Subheader to inject additionnal informtion */
+    'dialog-subheader': () => any;
+    /** Body content to inject whatever you need */
+    'dialog-body': () => any;
+    /** Used to render the cancel CTA */
+    'dialog-cancel': () => any;
+    /** Used to render the confirm CTA */
+    'dialog-confirm': () => any;
+    /** When navigating with multiple dialogs */
+    'dialog-indicators': () => any;
+}> & {
+    /** Made for short informations */
+    'dialog-preheader': () => any;
+    /** Header to inject your title */
+    'dialog-header': () => any;
+    /** Subheader to inject additionnal informtion */
+    'dialog-subheader': () => any;
+    /** Body content to inject whatever you need */
+    'dialog-body': () => any;
+    /** Used to render the cancel CTA */
+    'dialog-cancel': () => any;
+    /** Used to render the confirm CTA */
+    'dialog-confirm': () => any;
+    /** When navigating with multiple dialogs */
+    'dialog-indicators': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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;
@@ -227,7 +227,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: {
@@ -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;
@@ -294,25 +294,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: {
-            "dialog-preheader"?(_: {}): any;
-            "dialog-header"?(_: {}): any;
-            "dialog-subheader"?(_: {}): any;
-            "dialog-body"?(_: {}): any;
-            "dialog-cancel"?(_: {}): any;
-            "dialog-confirm"?(_: {}): any;
-            "dialog-indicators"?(_: {}): any;
+        $slots: Readonly<{
+            'dialog-preheader': () => any;
+            'dialog-header': () => any;
+            'dialog-subheader': () => any;
+            'dialog-body': () => any;
+            'dialog-cancel': () => any;
+            'dialog-confirm': () => any;
+            'dialog-indicators': () => any;
+        }> & {
+            'dialog-preheader': () => any;
+            'dialog-header': () => any;
+            'dialog-subheader': () => any;
+            'dialog-body': () => any;
+            'dialog-cancel': () => any;
+            'dialog-confirm': () => any;
+            'dialog-indicators': () => any;
         };
     }) | 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;
@@ -320,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;
@@ -331,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;
@@ -349,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: {
@@ -387,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: {
@@ -426,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: {
@@ -464,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: {
@@ -485,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;
@@ -500,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;
@@ -508,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;
@@ -535,7 +543,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: {
@@ -573,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: {
@@ -594,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;
@@ -602,28 +610,41 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: {
-            "dialog-preheader"?(_: {}): any;
-            "dialog-header"?(_: {}): any;
-            "dialog-subheader"?(_: {}): any;
-            "dialog-body"?(_: {}): any;
-            "dialog-cancel"?(_: {}): any;
-            "dialog-confirm"?(_: {}): any;
-            "dialog-indicators"?(_: {}): any;
+        $slots: Readonly<{
+            'dialog-preheader': () => any;
+            'dialog-header': () => any;
+            'dialog-subheader': () => any;
+            'dialog-body': () => any;
+            'dialog-cancel': () => any;
+            'dialog-confirm': () => any;
+            'dialog-indicators': () => any;
+        }> & {
+            'dialog-preheader': () => any;
+            'dialog-header': () => any;
+            'dialog-subheader': () => any;
+            'dialog-body': () => any;
+            'dialog-cancel': () => any;
+            'dialog-confirm': () => any;
+            'dialog-indicators': () => any;
         };
     }) | null | undefined;
 }>>> & {
     onClick?: (() => any) | undefined;
 }, {}, {}>, Readonly<{
-    /** @slot Default slot where you can render anything you need. */
-    default: () => any;
+    /** Default slot where you can render anything you need. */
+    default(): any;
 }> & {
-    /** @slot Default slot where you can render anything you need. */
-    default: () => any;
+    /** Default slot where you can render anything you need. */
+    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]>>;
     } : {
@@ -631,8 +652,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/JoyDividerCta/VJoyDividerCta.vue.d.ts

@@ -10,9 +10,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-}, {}>, {
-    default?(_: {}): any;
-    "divider-content"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Title of the component */
+    default(): any;
+    /** Component main content, below the title */
+    'divider-content': () => any;
+}> & {
+    /** Title of the component */
+    default(): any;
+    /** Component main content, below the title */
+    'divider-content': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,2 +1 @@
-export declare const DRAWER_SIZES: readonly ["default", "large"];
-export type TJoyDrawerSizes = (typeof DRAWER_SIZES)[number];
+export type TJoyDrawerSizes = 'default' | 'large';

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
+import { TJoyDrawerSizes } from './JoyDrawer.types';
 declare function hide(options?: {
     fireHideEvent: boolean;
 }): Promise<void>;
@@ -20,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"default" | "large">;
+        type: PropType<TJoyDrawerSizes>;
         default: string;
     };
     /** By default the drawer is teleported to the end of body tag */
@@ -38,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /**
-     * @internal - Mostly for documentation purpose
+     * Mostly for documentation purpose
      */
     preventBodyScroll: {
         type: BooleanConstructor;
@@ -67,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>;
@@ -89,7 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"default" | "large">;
+        type: PropType<TJoyDrawerSizes>;
         default: string;
     };
     /** By default the drawer is teleported to the end of body tag */
@@ -107,7 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /**
-     * @internal - Mostly for documentation purpose
+     * Mostly for documentation purpose
      */
     preventBodyScroll: {
         type: BooleanConstructor;
@@ -143,7 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onDrawer:before-unmount"?: (() => any) | undefined;
     "onDrawer:confirm"?: (() => any) | undefined;
 }, {
-    size: "default" | "large";
+    size: TJoyDrawerSizes;
     closeLabel: string;
     open: boolean;
     preventBodyScroll: boolean;
@@ -151,13 +152,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     focusTrap: boolean;
     buttonSize: TJoyButtonSizes;
     elevated: boolean;
-}, {}>, {
-    "drawer-header"?(_: {}): any;
-    "drawer-subheader"?(_: {}): any;
-    "drawer-body"?(_: {}): any;
-    "drawer-cancel"?(_: {}): any;
-    "drawer-confirm"?(_: {}): any;
-    "drawer-indicators"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Made for short informations */
+    'drawer-preheader': () => any;
+    /** Header to inject your title */
+    'drawer-header': () => any;
+    /** Subheader to inject additionnal informtion */
+    'drawer-subheader': () => any;
+    /** Body content to inject whatever you need */
+    'drawer-body': () => any;
+    /** Used to render the cancel CTA */
+    'drawer-cancel': () => any;
+    /** Used to render the confirm CTA */
+    'drawer-confirm': () => any;
+}> & {
+    /** Made for short informations */
+    'drawer-preheader': () => any;
+    /** Header to inject your title */
+    'drawer-header': () => any;
+    /** Subheader to inject additionnal informtion */
+    'drawer-subheader': () => any;
+    /** Body content to inject whatever you need */
+    'drawer-body': () => any;
+    /** Used to render the cancel CTA */
+    'drawer-cancel': () => any;
+    /** Used to render the confirm CTA */
+    'drawer-confirm': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {