@maltjoy/core-vue 3.27.2 → 3.28.1-test

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

@@ -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

@@ -294,14 +294,32 @@ 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; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
+             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
+             * props.dialog is actually "not null"
+             *
+             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
+             */
+            'dialog-header': () => any;
+            'dialog-subheader': () => any;
+            'dialog-body': () => any;
+            'dialog-cancel': () => any;
+            'dialog-confirm': () => any;
+            'dialog-indicators': () => any;
+        }> & {
+            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
+             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
+             * props.dialog is actually "not null"
+             *
+             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
+             */
+            'dialog-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, {
@@ -602,24 +620,42 @@ 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; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
+             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
+             * props.dialog is actually "not null"
+             *
+             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
+             */
+            'dialog-header': () => any;
+            'dialog-subheader': () => any;
+            'dialog-body': () => any;
+            'dialog-cancel': () => any;
+            'dialog-confirm': () => any;
+            'dialog-indicators': () => any;
+        }> & {
+            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
+             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
+             * props.dialog is actually "not null"
+             *
+             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
+             */
+            'dialog-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_NonUndefinedable<T> = T extends undefined ? never : T;

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;
@@ -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 & {

package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: "default" | "large";
+            size: import("../components.types").TJoyDrawerSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             buttonSize: import("../components.types").TJoyButtonSizes;
             elevated: boolean;
         }> & Omit<{
-            readonly size: "default" | "large";
+            readonly size: import("../components.types").TJoyDrawerSizes;
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
@@ -40,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: boolean;
             };
             size: {
-                type: import("vue").PropType<"default" | "large">;
+                type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
                 default: string;
             };
             teleport: {
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: boolean;
             };
             size: {
-                type: import("vue").PropType<"default" | "large">;
+                type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
                 default: string;
             };
             teleport: {
@@ -165,7 +165,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "drawer:before-unmount": () => void;
             "drawer:confirm": () => void;
         }, string, {
-            size: "default" | "large";
+            size: import("../components.types").TJoyDrawerSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -202,7 +202,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<"default" | "large">;
+            type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
             default: string;
         };
         teleport: {
@@ -254,13 +254,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: {
-            "drawer-header"?(_: {}): any;
-            "drawer-subheader"?(_: {}): any;
-            "drawer-body"?(_: {}): any;
-            "drawer-cancel"?(_: {}): any;
-            "drawer-confirm"?(_: {}): any;
-            "drawer-indicators"?(_: {}): any;
+        $slots: Readonly<{
+            'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
+             * When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
+             * props.drawer is actually "not null"
+             *
+             * renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
+             */
+            'drawer-header': () => any;
+            'drawer-subheader': () => any;
+            'drawer-body': () => any;
+            'drawer-cancel': () => any;
+            'drawer-confirm': () => any;
+        }> & {
+            'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
+             * When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
+             * props.drawer is actually "not null"
+             *
+             * renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
+             */
+            'drawer-header': () => any;
+            'drawer-subheader': () => any;
+            'drawer-body': () => any;
+            'drawer-cancel': () => any;
+            'drawer-confirm': () => any;
         };
     }) | null | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -271,7 +288,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: "default" | "large";
+            size: import("../components.types").TJoyDrawerSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -280,7 +297,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             buttonSize: import("../components.types").TJoyButtonSizes;
             elevated: boolean;
         }> & Omit<{
-            readonly size: "default" | "large";
+            readonly size: import("../components.types").TJoyDrawerSizes;
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
@@ -307,7 +324,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: boolean;
             };
             size: {
-                type: import("vue").PropType<"default" | "large">;
+                type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
                 default: string;
             };
             teleport: {
@@ -373,7 +390,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: boolean;
             };
             size: {
-                type: import("vue").PropType<"default" | "large">;
+                type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
                 default: string;
             };
             teleport: {
@@ -432,7 +449,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "drawer:before-unmount": () => void;
             "drawer:confirm": () => void;
         }, string, {
-            size: "default" | "large";
+            size: import("../components.types").TJoyDrawerSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -469,7 +486,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<"default" | "large">;
+            type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
             default: string;
         };
         teleport: {
@@ -521,23 +538,40 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: {
-            "drawer-header"?(_: {}): any;
-            "drawer-subheader"?(_: {}): any;
-            "drawer-body"?(_: {}): any;
-            "drawer-cancel"?(_: {}): any;
-            "drawer-confirm"?(_: {}): any;
-            "drawer-indicators"?(_: {}): any;
+        $slots: Readonly<{
+            'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
+             * When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
+             * props.drawer is actually "not null"
+             *
+             * renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
+             */
+            'drawer-header': () => any;
+            'drawer-subheader': () => any;
+            'drawer-body': () => any;
+            'drawer-cancel': () => any;
+            'drawer-confirm': () => any;
+        }> & {
+            'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
+             * When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
+             * props.drawer is actually "not null"
+             *
+             * renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
+             */
+            'drawer-header': () => any;
+            'drawer-subheader': () => any;
+            'drawer-body': () => any;
+            'drawer-cancel': () => any;
+            'drawer-confirm': () => 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_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,4 +1,3 @@
-export declare const DROPDOWN_DIRECTIONS: readonly ["up", "down"];
-export type TJoyDropdownDirections = (typeof DROPDOWN_DIRECTIONS)[number];
-export declare const DROPDOWN_JUSTIFY: readonly ["left", "right"];
-export type TJoyDropdownJustify = (typeof DROPDOWN_JUSTIFY)[number];
+import { TPositions } from '../../types';
+export type TJoyDropdownDirections = 'up' | 'down';
+export type TJoyDropdownJustify = TPositions;

package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyDropdownDirections } from './JoyDropdown.types';
 import { TJoyDropdownListSizes } from '../JoyDropdownList/JoyDropdownList.types';
 export interface Option {
     id: string;
@@ -35,12 +36,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Dropdown vertical position according to the trigger */
     direction: {
-        type: PropType<"up" | "down">;
+        type: PropType<TJoyDropdownDirections>;
         default: string;
     };
     /** Dropdown horizontal justify according to the trigger */
     justify: {
-        type: PropType<"left" | "right">;
+        type: PropType<import("../../types").TPositions>;
         default: string;
     };
     /**
@@ -57,7 +58,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<TJoyDropdownListSizes>;
         default: string;
-        validator(size: TJoyDropdownListSizes): boolean;
     };
     /** Use v-model */
     modelValue: {
@@ -125,12 +125,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Dropdown vertical position according to the trigger */
     direction: {
-        type: PropType<"up" | "down">;
+        type: PropType<TJoyDropdownDirections>;
         default: string;
     };
     /** Dropdown horizontal justify according to the trigger */
     justify: {
-        type: PropType<"left" | "right">;
+        type: PropType<import("../../types").TPositions>;
         default: string;
     };
     /**
@@ -147,7 +147,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<TJoyDropdownListSizes>;
         default: string;
-        validator(size: TJoyDropdownListSizes): boolean;
     };
     /** Use v-model */
     modelValue: {
@@ -196,8 +195,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: TJoyDropdownListSizes;
     width: string;
     height: string;
-    justify: "left" | "right";
-    direction: "up" | "down";
+    justify: import("../../types").TPositions;
+    direction: TJoyDropdownDirections;
     options: Option[];
     reset: boolean;
     modelValue: string;
@@ -205,20 +204,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableTeleport: boolean;
     closeOnSelect: boolean;
     dropdownGap: string;
-}, {}>, {
-    "dropdown-button"?(_: {}): any;
-    "dropdown-header"?(_: {}): any;
-    "dropdown-items"?(_: {}): any;
-    "dropdown-item"?(_: {
-        [x: string]: any;
-        id: string;
-        value?: string | undefined;
-        label: string;
-        href?: string | undefined;
-        disabled?: boolean | undefined;
-        checked?: boolean | undefined;
-    }): any;
-    "dropdown-footer"?(_: {}): any;
+}, {}>, Readonly<{
+    /** The trigger required to display the dropdown list. Can be anything as soon as it's focusable. */
+    'dropdown-button': () => any;
+    /** Header that will be injected in the VJoyDropdownList */
+    'dropdown-header'?: (() => any) | undefined;
+    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyMultiCheckbox for instance. */
+    'dropdown-items'?: (() => any) | undefined;
+    /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots  */
+    'dropdown-item'?: ((option: Option) => any) | undefined;
+    /** Footer that will be injected in the VJoyDropdownList */
+    'dropdown-footer'?: (() => any) | undefined;
+}> & {
+    /** The trigger required to display the dropdown list. Can be anything as soon as it's focusable. */
+    'dropdown-button': () => any;
+    /** Header that will be injected in the VJoyDropdownList */
+    'dropdown-header'?: (() => any) | undefined;
+    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyMultiCheckbox for instance. */
+    'dropdown-items'?: (() => any) | undefined;
+    /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots  */
+    'dropdown-item'?: ((option: Option) => any) | undefined;
+    /** Footer that will be injected in the VJoyDropdownList */
+    'dropdown-footer'?: (() => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,3 +1,2 @@
-import { SIZES } from '../../types';
-export type TJoyDropdownListSizes = Extract<(typeof SIZES)[number], 'xsmall' | 'small' | 'medium'>;
-export declare const DROPDOWNLIST_SIZES: TJoyDropdownListSizes[];
+import { TSizes } from '../../types';
+export type TJoyDropdownListSizes = Extract<TSizes, 'xsmall' | 'small' | 'medium'>;

package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts

@@ -27,7 +27,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<TJoyDropdownListSizes>;
         default: string;
-        validator(size: TJoyDropdownListSizes): boolean;
     };
     modelValue: {
         type: StringConstructor;
@@ -71,7 +70,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<TJoyDropdownListSizes>;
         default: string;
-        validator(size: TJoyDropdownListSizes): boolean;
     };
     modelValue: {
         type: StringConstructor;
@@ -107,25 +105,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     height: string;
     options: Option[];
     reset: boolean;
-}, {}>, {
-    "dropdown-list-header"?(_: {}): any;
-    "dropdown-list-items"?(_: {}): any;
-    label?(_: {
-        [x: string]: any;
-        id: string;
-        value?: string | undefined;
-        label: string;
-        href?: string | undefined;
-        /**
-         * @default false
-         */
-        disabled?: boolean | undefined;
-        /**
-         * @default false
-         */
-        checked?: boolean | undefined;
-    }): any;
-    "dropdown-list-footer"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Use it to customize the innerHTML of the <li> item. See https://vuejs.org/guide/components/slots.html#scoped-slots */
+    label?: ((option: Option) => any) | undefined;
+    /** Header that will be injected in the VJoyDropdownList */
+    'dropdown-list-header'?: (() => any) | undefined;
+    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyMultiCheckbox for instance. */
+    'dropdown-list-items'?: (() => any) | undefined;
+    /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots  */
+    'dropdown-list-item'?: ((option: Option) => any) | undefined;
+    /** Footer that will be injected in the VJoyDropdownList */
+    'dropdown-list-footer'?: (() => any) | undefined;
+}> & {
+    /** Use it to customize the innerHTML of the <li> item. See https://vuejs.org/guide/components/slots.html#scoped-slots */
+    label?: ((option: Option) => any) | undefined;
+    /** Header that will be injected in the VJoyDropdownList */
+    'dropdown-list-header'?: (() => any) | undefined;
+    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyMultiCheckbox for instance. */
+    'dropdown-list-items'?: (() => any) | undefined;
+    /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots  */
+    'dropdown-list-item'?: ((option: Option) => any) | undefined;
+    /** Footer that will be injected in the VJoyDropdownList */
+    'dropdown-list-footer'?: (() => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {