@maltjoy/core-vue 3.27.1 → 3.27.2

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

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

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

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

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

@@ -180,36 +180,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     patternBrand: boolean;
     buttonSize: TJoyButtonSizes;
     bannerHeight: number;
-}, {}>, 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;
+}, {}>, {
+    "dialog-preheader"?(_: {}): any;
+    "dialog-header"?(_: {}): any;
+    "dialog-subheader"?(_: {}): any;
+    "dialog-body"?(_: {}): any;
+    "dialog-cancel"?(_: {}): any;
+    "dialog-confirm"?(_: {}): any;
+    "dialog-indicators"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -294,32 +294,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
-             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
-             * props.dialog is actually "not null"
-             *
-             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
-             */
-            'dialog-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;
+        $slots: {
+            "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, {
@@ -620,42 +602,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
-             * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
-             * props.dialog is actually "not null"
-             *
-             * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
-             */
-            'dialog-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;
+        $slots: {
+            "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<{
-    /** 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;
+    /** @slot 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,16 +10,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-}, {}>, 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;
+}, {}>, {
+    default?(_: {}): any;
+    "divider-content"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

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

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

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
-import { TJoyDrawerSizes } from './JoyDrawer.types';
 declare function hide(options?: {
     fireHideEvent: boolean;
 }): Promise<void>;
@@ -21,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<TJoyDrawerSizes>;
+        type: PropType<"default" | "large">;
         default: string;
     };
     /** By default the drawer is teleported to the end of body tag */
@@ -39,7 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /**
-     * Mostly for documentation purpose
+     * @internal - Mostly for documentation purpose
      */
     preventBodyScroll: {
         type: BooleanConstructor;
@@ -90,7 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<TJoyDrawerSizes>;
+        type: PropType<"default" | "large">;
         default: string;
     };
     /** By default the drawer is teleported to the end of body tag */
@@ -108,7 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /**
-     * Mostly for documentation purpose
+     * @internal - Mostly for documentation purpose
      */
     preventBodyScroll: {
         type: BooleanConstructor;
@@ -144,7 +143,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onDrawer:before-unmount"?: (() => any) | undefined;
     "onDrawer:confirm"?: (() => any) | undefined;
 }, {
-    size: TJoyDrawerSizes;
+    size: "default" | "large";
     closeLabel: string;
     open: boolean;
     preventBodyScroll: boolean;
@@ -152,32 +151,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     focusTrap: boolean;
     buttonSize: TJoyButtonSizes;
     elevated: boolean;
-}, {}>, 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;
+}, {}>, {
+    "drawer-header"?(_: {}): any;
+    "drawer-subheader"?(_: {}): any;
+    "drawer-body"?(_: {}): any;
+    "drawer-cancel"?(_: {}): any;
+    "drawer-confirm"?(_: {}): any;
+    "drawer-indicators"?(_: {}): 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: import("../components.types").TJoyDrawerSizes;
+            size: "default" | "large";
             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: import("../components.types").TJoyDrawerSizes;
+            readonly size: "default" | "large";
             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<import("../components.types").TJoyDrawerSizes>;
+                type: import("vue").PropType<"default" | "large">;
                 default: string;
             };
             teleport: {
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: boolean;
             };
             size: {
-                type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
+                type: import("vue").PropType<"default" | "large">;
                 default: string;
             };
             teleport: {
@@ -165,7 +165,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "drawer:before-unmount": () => void;
             "drawer:confirm": () => void;
         }, string, {
-            size: import("../components.types").TJoyDrawerSizes;
+            size: "default" | "large";
             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<import("../components.types").TJoyDrawerSizes>;
+            type: import("vue").PropType<"default" | "large">;
             default: string;
         };
         teleport: {
@@ -254,30 +254,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $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;
+        $slots: {
+            "drawer-header"?(_: {}): any;
+            "drawer-subheader"?(_: {}): any;
+            "drawer-body"?(_: {}): any;
+            "drawer-cancel"?(_: {}): any;
+            "drawer-confirm"?(_: {}): any;
+            "drawer-indicators"?(_: {}): any;
         };
     }) | null | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -288,7 +271,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: import("../components.types").TJoyDrawerSizes;
+            size: "default" | "large";
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -297,7 +280,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             buttonSize: import("../components.types").TJoyButtonSizes;
             elevated: boolean;
         }> & Omit<{
-            readonly size: import("../components.types").TJoyDrawerSizes;
+            readonly size: "default" | "large";
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
@@ -324,7 +307,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: boolean;
             };
             size: {
-                type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
+                type: import("vue").PropType<"default" | "large">;
                 default: string;
             };
             teleport: {
@@ -390,7 +373,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
                 default: boolean;
             };
             size: {
-                type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
+                type: import("vue").PropType<"default" | "large">;
                 default: string;
             };
             teleport: {
@@ -449,7 +432,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "drawer:before-unmount": () => void;
             "drawer:confirm": () => void;
         }, string, {
-            size: import("../components.types").TJoyDrawerSizes;
+            size: "default" | "large";
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
@@ -486,7 +469,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
+            type: import("vue").PropType<"default" | "large">;
             default: string;
         };
         teleport: {
@@ -538,40 +521,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         show: () => Promise<void>;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $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;
+        $slots: {
+            "drawer-header"?(_: {}): any;
+            "drawer-subheader"?(_: {}): any;
+            "drawer-body"?(_: {}): any;
+            "drawer-cancel"?(_: {}): any;
+            "drawer-confirm"?(_: {}): any;
+            "drawer-indicators"?(_: {}): any;
         };
     }) | null | undefined;
 }>>> & {
     onClick?: (() => any) | undefined;
 }, {}, {}>, Readonly<{
-    /** 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;
+    /** @slot 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,3 +1,4 @@
-import { TPositions } from '../../types';
-export type TJoyDropdownDirections = 'up' | 'down';
-export type TJoyDropdownJustify = TPositions;
+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];

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

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import { TJoyDropdownDirections } from './JoyDropdown.types';
 import { TJoyDropdownListSizes } from '../JoyDropdownList/JoyDropdownList.types';
 export interface Option {
     id: string;
@@ -36,12 +35,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Dropdown vertical position according to the trigger */
     direction: {
-        type: PropType<TJoyDropdownDirections>;
+        type: PropType<"up" | "down">;
         default: string;
     };
     /** Dropdown horizontal justify according to the trigger */
     justify: {
-        type: PropType<import("../../types").TPositions>;
+        type: PropType<"left" | "right">;
         default: string;
     };
     /**
@@ -58,6 +57,7 @@ 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<TJoyDropdownDirections>;
+        type: PropType<"up" | "down">;
         default: string;
     };
     /** Dropdown horizontal justify according to the trigger */
     justify: {
-        type: PropType<import("../../types").TPositions>;
+        type: PropType<"left" | "right">;
         default: string;
     };
     /**
@@ -147,6 +147,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<TJoyDropdownListSizes>;
         default: string;
+        validator(size: TJoyDropdownListSizes): boolean;
     };
     /** Use v-model */
     modelValue: {
@@ -195,8 +196,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: TJoyDropdownListSizes;
     width: string;
     height: string;
-    justify: import("../../types").TPositions;
-    direction: TJoyDropdownDirections;
+    justify: "left" | "right";
+    direction: "up" | "down";
     options: Option[];
     reset: boolean;
     modelValue: string;
@@ -204,28 +205,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableTeleport: boolean;
     closeOnSelect: boolean;
     dropdownGap: string;
-}, {}>, 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'?: (() => 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'?: (() => any) | undefined;
-    /** Footer that will be injected in the VJoyDropdownList */
-    'dropdown-footer'?: (() => any) | undefined;
+}, {}>, {
+    "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;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

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