@maltjoy/core-vue 3.26.0 → 3.27.1

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'?: (() => 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;
@@ -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'?: (() => 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

@@ -40,14 +40,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[];

package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts

@@ -9,13 +9,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Based on maltjoy/icons availabilities. Works in pair with displayIcon boolean prop. */
     icon: {
         type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
+    /** import `TJoyHighlightLevels` */
     level: {
-        type: PropType<"neutral" | "success" | "info" | "warning" | "error">;
+        type: PropType<import("../../types").TLevels>;
         default: string;
-        validator(level: "neutral" | "success" | "info" | "warning" | "error"): boolean;
     };
     /** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
     variant: {
@@ -33,13 +34,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Based on maltjoy/icons availabilities. Works in pair with displayIcon boolean prop. */
     icon: {
         type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
+    /** import `TJoyHighlightLevels` */
     level: {
-        type: PropType<"neutral" | "success" | "info" | "warning" | "error">;
+        type: PropType<import("../../types").TLevels>;
         default: string;
-        validator(level: "neutral" | "success" | "info" | "warning" | "error"): boolean;
     };
     /** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
     variant: {
@@ -48,13 +50,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     variant: TJoyHighlightVariants;
-    level: "neutral" | "success" | "info" | "warning" | "error";
+    level: import("../../types").TLevels;
     accent: boolean;
     displayIcon: boolean;
-}, {}>, {
-    "highlight-decorator"?(_: {}): any;
-    "highlight-title"?(_: {}): any;
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Main content of the highlight */
+    default(): any;
+    /** Use it if you want to customize the default icon associated with the highlight. You can inject whatever you want here */
+    'highlight-decorator': () => any;
+    /** Not mandatory, renders a bold title above the main content */
+    'highlight-title': () => any;
+}> & {
+    /** Main content of the highlight */
+    default(): any;
+    /** Use it if you want to customize the default icon associated with the highlight. You can inject whatever you want here */
+    'highlight-decorator': () => any;
+    /** Not mandatory, renders a bold title above the main content */
+    'highlight-title': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,6 +1,5 @@
 import type { JoyIconsId } from '@maltjoy/icons';
-export declare const JOY_ICONS_COLORS: readonly [...("neutral" | "success" | "info" | "warning" | "error")[], "primary", "secondary", "tertiary", "quaternary", "brand-primary", "brand-secondary", "white"];
-export type TJoyIconsColors = (typeof JOY_ICONS_COLORS)[number];
-export declare const JOY_ICONS_SIZES: readonly ["xlarge", "large", "medium", "small", "xsmall", "xxsmall"];
-export type TJoyIconSizes = (typeof JOY_ICONS_SIZES)[number];
+import { TSizes, TLevels } from '../../types';
+export type TJoyIconsColors = TLevels | 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'brand-primary' | 'brand-secondary' | 'white';
+export type TJoyIconSizes = TSizes;
 export type TJoyIconsNames = JoyIconsId;

package/dist/components/JoyIcon/VJoyIcon.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyIconsColors } from './JoyIcon.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -18,11 +19,12 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     color: {
-        type: PropType<"primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary">;
+        type: PropType<TJoyIconsColors>;
         default: string;
     };
+    /** Use `TJoyIconSizes` */
     size: {
-        type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
+        type: PropType<import("../../types").TSizes>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -44,16 +46,17 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     color: {
-        type: PropType<"primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary">;
+        type: PropType<TJoyIconsColors>;
         default: string;
     };
+    /** Use `TJoyIconSizes` */
     size: {
-        type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
+        type: PropType<import("../../types").TSizes>;
         default: string;
     };
 }>>, {
-    size: "small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall";
-    color: "primary" | "secondary" | "neutral" | "success" | "info" | "warning" | "error" | "tertiary" | "quaternary" | "white" | "brand-primary" | "brand-secondary";
+    size: import("../../types").TSizes;
+    color: TJoyIconsColors;
     tabIndex: number;
 }, {}>;
 export default _default;

package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyIndicatorsVariants } from '../JoyIndicators/JoyIndicators.types';
 declare const _default: import("vue").DefineComponent<{
     /** Value is used for the parent v-model. Mandatory */
     value: {
@@ -11,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     variant: {
-        type: PropType<"default" | "light">;
+        type: PropType<TJoyIndicatorsVariants>;
         default: string;
     };
     /** Indicators are text-less buttons by design. To make the more accessible, you can pass them an aria-label that will describe more their action. */
@@ -30,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     variant: {
-        type: PropType<"default" | "light">;
+        type: PropType<TJoyIndicatorsVariants>;
         default: string;
     };
     /** Indicators are text-less buttons by design. To make the more accessible, you can pass them an aria-label that will describe more their action. */
@@ -38,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }>>, {
-    variant: "default" | "light";
+    variant: TJoyIndicatorsVariants;
     selected: boolean;
 }, {}>;
 export default _default;

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

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

package/dist/components/JoyIndicators/VJoyIndicators.vue.d.ts

@@ -1,9 +1,10 @@
 import { PropType } from 'vue';
-import { VJoyIndicator } from '..';
+import VJoyIndicator from '../JoyIndicator/VJoyIndicator.vue';
+import { TJoyIndicatorsVariants } from './JoyIndicators.types';
 declare function isSelected(indicator: typeof VJoyIndicator): boolean;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     variant: {
-        type: PropType<"default" | "light">;
+        type: PropType<TJoyIndicatorsVariants>;
     };
     /** Use the component with a v-model to easily handle selected items */
     modelValue: {
@@ -20,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             default: boolean;
         };
         variant: {
-            type: PropType<"default" | "light">;
+            type: PropType<TJoyIndicatorsVariants>;
             default: string;
         };
         ariaLabel: {
@@ -36,14 +37,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             default: boolean;
         };
         variant: {
-            type: PropType<"default" | "light">;
+            type: PropType<TJoyIndicatorsVariants>;
             default: string;
         };
         ariaLabel: {
             type: StringConstructor;
         };
     }>>, {
-        variant: "default" | "light";
+        variant: TJoyIndicatorsVariants;
         selected: boolean;
     }, {}>[]>;
     isSelected: typeof isSelected;
@@ -51,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:modelValue": (value: string | number) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: PropType<"default" | "light">;
+        type: PropType<TJoyIndicatorsVariants>;
     };
     /** Use the component with a v-model to easily handle selected items */
     modelValue: {
@@ -60,8 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }, {}, {}>, Readonly<{
+    /** Use VJoyIndicator children here */
     default(): any;
 }> & {
+    /** Use VJoyIndicator children here */
     default(): any;
 }>;
 export default _default;

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

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

package/dist/components/JoyInput/VJoyInput.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { TJoyInputSizes } from './JoyInput.types';
+import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
 declare function focus(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     autofocus: {
@@ -32,7 +33,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 */
@@ -59,7 +60,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<TJoyInputSizes>;
         default: string;
-        validator(size: TJoyInputSizes): boolean;
     };
     type: {
         type: StringConstructor;
@@ -107,7 +107,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 */
@@ -134,7 +134,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<TJoyInputSizes>;
         default: string;
-        validator(size: TJoyInputSizes): boolean;
     };
     type: {
         type: StringConstructor;
@@ -156,15 +155,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     invalid: boolean;
     autofocus: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: TJoyLabelSizes;
     requiredMark: boolean;
     modelModifiers: {
         lazy: boolean;
     };
     clearable: boolean;
     readonly: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Default slot to display a label on top of the element. You can use label property as well  */
+    default?: (() => any) | undefined;
+}> & {
+    /** Default slot to display a label on top of the element. You can use label property as well  */
+    default?: (() => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,3 +1,2 @@
-/** LABEL SIZES */
-export declare const LABEL_SIZES: readonly ["small", "medium", "large"];
-export type TJoyLabelSizes = (typeof LABEL_SIZES)[number];
+import { TSizes } from '@/types';
+export type TJoyLabelSizes = Extract<TSizes, 'small' | 'medium' | 'large'>;

package/dist/components/JoyLabel/VJoyLabel.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
+import { TJoyLabelSizes } from './JoyLabel.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
-        validator(size: "small" | "large" | "medium"): boolean;
     };
     tagName: {
         type: PropType<"label" | "legend">;
@@ -19,9 +19,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     text: StringConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
-        validator(size: "small" | "large" | "medium"): boolean;
     };
     tagName: {
         type: PropType<"label" | "legend">;
@@ -36,11 +35,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     text: StringConstructor;
 }>>, {
-    size: "small" | "large" | "medium";
+    size: TJoyLabelSizes;
     required: boolean;
     tagName: "label" | "legend";
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Label text here */
+    default: () => any;
+}> & {
+    /** Label text here */
+    default: () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,2 +1 @@
-export declare const LINK_COLORS: readonly ["teal", "white"];
-export type LinkColors = (typeof LINK_COLORS)[number];
+export type TJoyLinkColors = 'teal' | 'white';