@maltjoy/core-vue 3.27.2 → 3.28.0

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

@@ -1,25 +1,25 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /** VJoyDrawer ref. */
     drawer: ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: "default" | "large";
+            size: import("../components.types.js").TJoyDrawerSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
-            buttonSize: import("../components.types").TJoyButtonSizes;
+            buttonSize: import("../components.types.js").TJoyButtonSizes;
             elevated: boolean;
         }> & Omit<{
-            readonly size: "default" | "large";
+            readonly size: import("../components.types.js").TJoyDrawerSizes;
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly focusTrap: boolean;
-            readonly buttonSize: import("../components.types").TJoyButtonSizes;
+            readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
             readonly elevated: boolean;
             readonly id?: string | undefined;
             readonly cancelText?: string | undefined;
@@ -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.js").TJoyDrawerSizes>;
                 default: string;
             };
             teleport: {
@@ -70,7 +70,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;
             };
             onBeforeHide: {
@@ -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.js").TJoyDrawerSizes>;
                 default: string;
             };
             teleport: {
@@ -136,7 +136,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;
             };
             onBeforeHide: {
@@ -150,7 +150,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "onDrawer:before-unmount"?: (() => any) | undefined;
             "onDrawer: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;
@@ -165,13 +165,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "drawer:before-unmount": () => void;
             "drawer:confirm": () => void;
         }, string, {
-            size: "default" | "large";
+            size: import("../components.types.js").TJoyDrawerSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
-            buttonSize: import("../components.types").TJoyButtonSizes;
+            buttonSize: import("../components.types.js").TJoyButtonSizes;
             elevated: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -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.js").TJoyDrawerSizes>;
             default: string;
         };
         teleport: {
@@ -232,7 +232,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;
         };
         onBeforeHide: {
@@ -246,7 +246,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         "onDrawer:before-unmount"?: (() => any) | undefined;
         "onDrawer: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;
@@ -254,39 +254,46 @@ 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;
+            'drawer-header': () => any;
+            'drawer-subheader': () => any;
+            'drawer-body': () => any;
+            'drawer-cancel': () => any;
+            'drawer-confirm': () => any;
+        }> & {
+            'drawer-preheader': () => any;
+            'drawer-header': () => any;
+            'drawer-subheader': () => any;
+            'drawer-body': () => any;
+            'drawer-cancel': () => any;
+            'drawer-confirm': () => 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<{
     /** VJoyDrawer ref. */
     drawer: ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: "default" | "large";
+            size: import("../components.types.js").TJoyDrawerSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
-            buttonSize: import("../components.types").TJoyButtonSizes;
+            buttonSize: import("../components.types.js").TJoyButtonSizes;
             elevated: boolean;
         }> & Omit<{
-            readonly size: "default" | "large";
+            readonly size: import("../components.types.js").TJoyDrawerSizes;
             readonly closeLabel: string;
             readonly open: boolean;
             readonly preventBodyScroll: boolean;
             readonly teleport: string | import("vue").RendererElement | null | undefined;
             readonly focusTrap: boolean;
-            readonly buttonSize: import("../components.types").TJoyButtonSizes;
+            readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
             readonly elevated: boolean;
             readonly id?: string | undefined;
             readonly cancelText?: string | undefined;
@@ -307,7 +314,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.js").TJoyDrawerSizes>;
                 default: string;
             };
             teleport: {
@@ -337,7 +344,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;
             };
             onBeforeHide: {
@@ -373,7 +380,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.js").TJoyDrawerSizes>;
                 default: string;
             };
             teleport: {
@@ -403,7 +410,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;
             };
             onBeforeHide: {
@@ -417,7 +424,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "onDrawer:before-unmount"?: (() => any) | undefined;
             "onDrawer: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;
@@ -432,13 +439,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             "drawer:before-unmount": () => void;
             "drawer:confirm": () => void;
         }, string, {
-            size: "default" | "large";
+            size: import("../components.types.js").TJoyDrawerSizes;
             closeLabel: string;
             open: boolean;
             preventBodyScroll: boolean;
             teleport: string | import("vue").RendererElement | null | undefined;
             focusTrap: boolean;
-            buttonSize: import("../components.types").TJoyButtonSizes;
+            buttonSize: import("../components.types.js").TJoyButtonSizes;
             elevated: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -469,7 +476,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.js").TJoyDrawerSizes>;
             default: string;
         };
         teleport: {
@@ -499,7 +506,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;
         };
         onBeforeHide: {
@@ -513,7 +520,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         "onDrawer:before-unmount"?: (() => any) | undefined;
         "onDrawer: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;
@@ -521,27 +528,39 @@ 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;
+            'drawer-header': () => any;
+            'drawer-subheader': () => any;
+            'drawer-body': () => any;
+            'drawer-cancel': () => any;
+            'drawer-confirm': () => any;
+        }> & {
+            'drawer-preheader': () => any;
+            '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_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]>>;
     } : {
@@ -549,8 +568,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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/index.js").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/index.js").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: {
@@ -193,32 +192,40 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onDropdown:hide"?: (() => any) | undefined;
     "onDropdown:reset"?: (() => any) | undefined;
 }, {
+    height: string;
     size: TJoyDropdownListSizes;
+    reset: boolean;
     width: string;
-    height: string;
-    justify: "left" | "right";
-    direction: "up" | "down";
+    justify: import("../../types/index.js").TPositions;
+    direction: TJoyDropdownDirections;
     options: Option[];
-    reset: boolean;
     modelValue: string;
     appendTo: string | import("vue").RendererElement | null | undefined;
     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'?: (() => 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;
 }>;
 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;
@@ -102,30 +100,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     "onClose:dropdownList"?: (() => any) | undefined;
 }, {
+    height: string;
     size: TJoyDropdownListSizes;
+    reset: boolean;
     width: string;
-    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'?: (() => 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'?: (() => any) | undefined;
+    /** Footer that will be injected in the VJoyDropdownList */
+    'dropdown-list-footer'?: (() => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts

@@ -1,9 +1,15 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** To give a label to the whole component */
     ariaLabel: StringConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** To give a label to the whole component */
     ariaLabel: StringConstructor;
-}>>, {}, {}>, {
-    default?(_: {}): any;
+}>>, {}, {}>, Readonly<{
+    /** Use it to inject VJoyFilterBarButton or whatever you need */
+    default(): any;
+}> & {
+    /** Use it to inject VJoyFilterBarButton or whatever you need */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts

@@ -1,5 +1,7 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Label to inject inside the  button */
     label: StringConstructor;
+    /** Required when used in the `VJoyFilterBar` to properly handle v-model */
     value: {
         type: StringConstructor;
         required: true;
@@ -11,7 +13,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     filter: (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Label to inject inside the  button */
     label: StringConstructor;
+    /** Required when used in the `VJoyFilterBar` to properly handle v-model */
     value: {
         type: StringConstructor;
         required: true;
@@ -24,8 +28,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onFilter?: ((value: string) => any) | undefined;
 }, {
     active: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Free slot if you need more than the label property. */
+    default(): any;
+}> & {
+    /** Free slot if you need more than the label property. */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyFormError/VJoyFormError.vue.d.ts

@@ -16,8 +16,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     noHtmlErrorText: StringConstructor;
 }>>, {
     visible: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** If you need a list of error, use this slot with a simple ul/li */
+    default?: (() => any) | undefined;
+}> & {
+    /** If you need a list of error, use this slot with a simple ul/li */
+    default?: (() => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,5 +1,3 @@
-import { Profiles, SIZES } from '../../types';
-export type TJoyFunnelLayoutWidths = Extract<(typeof SIZES)[number], 'medium' | 'large'>;
-export declare const JOYFUNNEL_LAYOUT_WIDTHS: TJoyFunnelLayoutWidths[];
+import { Profiles, TSizes } from '../../types';
+export type TJoyFunnelLayoutWidths = Extract<TSizes, 'medium' | 'large'>;
 export type TJoyFunnelProfiles = `${Profiles.STRATEGY}` | `${Profiles.DEFAULT}`;
-export declare const JOYFUNNEL_PROFILES: string[];

package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts

@@ -41,14 +41,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hideShapes: boolean;
     layoutWidth: TJoyFunnelLayoutWidths;
 }, {}>, Readonly<{
+    /** Use VJoyTemplate here */
     default: () => any;
+    /** Use VJoyHeader here */
     'funnel-header': () => any;
+    /** Use VJoyStepper here */
     'funnel-stepper'?: (() => any) | undefined;
+    /** Use VJoyFooter here */
     'funnel-footer'?: (() => any) | undefined;
 }> & {
+    /** Use VJoyTemplate here */
     default: () => any;
+    /** Use VJoyHeader here */
     'funnel-header': () => any;
+    /** Use VJoyStepper here */
     'funnel-stepper'?: (() => any) | undefined;
+    /** Use VJoyFooter here */
     'funnel-footer'?: (() => any) | undefined;
 }>;
 export default _default;

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

@@ -1,5 +1,3 @@
-import { LEVELS } from '../../types';
-export type TJoyHighlightLevels = (typeof LEVELS)[number];
-export declare const HIGHLIGHT_LEVELS: ("neutral" | "success" | "info" | "warning" | "error")[];
+import { TLevels } from '../../types';
+export type TJoyHighlightLevels = TLevels;
 export type TJoyHighlightVariants = 'ai' | 'default';
-export declare const HIGHLIGHT_VARIANTS: string[];