@maltjoy/core-vue 3.27.0 → 3.27.1

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

@@ -1,2 +1 @@
-export declare const AVAILABILITY_STATUS: readonly ["AVAILABLE", "AVAILABLE_AND_VERIFIED", "NOT_AVAILABLE_WITH_DATE", "AVAILABLE_SOON", "NOT_AVAILABLE"];
-export type TJoyAvailabilityStatus = (typeof AVAILABILITY_STATUS)[number];
+export type TJoyAvailabilityStatus = 'AVAILABLE' | 'AVAILABLE_AND_VERIFIED' | 'NOT_AVAILABLE_WITH_DATE' | 'AVAILABLE_SOON' | 'NOT_AVAILABLE';

package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts

@@ -1,9 +1,10 @@
 import { PropType } from 'vue';
+import { TJoyAvailabilityStatus } from './JoyAvailability.types';
 declare const _default: import("vue").DefineComponent<{
     /** Don't fill it and you'll only have the colored dot */
     label: StringConstructor;
     status: {
-        type: PropType<"AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE">;
+        type: PropType<TJoyAvailabilityStatus>;
         default: string;
     };
     /**
@@ -14,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     /** Don't fill it and you'll only have the colored dot */
     label: StringConstructor;
     status: {
-        type: PropType<"AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE">;
+        type: PropType<TJoyAvailabilityStatus>;
         default: string;
     };
     /**
@@ -22,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     isPartial: BooleanConstructor;
 }>>, {
-    status: "AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE";
+    status: TJoyAvailabilityStatus;
     isPartial: boolean;
 }, {}>;
 export default _default;

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

@@ -1,13 +1,11 @@
-import { SIZES } from '../../types';
+import { TSizes } from '../../types';
 import VJoyAvatar from './VJoyAvatar.vue';
-export declare const AVATAR_COLORS: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral"];
-export type FreelancerAvatarColors = (typeof AVATAR_COLORS)[number];
-export type CompanyAvatarColors = Exclude<(typeof AVATAR_COLORS)[number], 'neutral'>;
+export type FreelancerAvatarColors = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'neutral';
+export type CompanyAvatarColors = Exclude<FreelancerAvatarColors, 'neutral'>;
 export interface AvatarColors {
     freelancer: FreelancerAvatarColors | 'transparent';
     company: CompanyAvatarColors;
 }
 /** AVATAR SIZES */
-export type TJoyAvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
-export declare const AVATAR_SIZES: TJoyAvatarSizes[];
+export type TJoyAvatarSizes = Extract<TSizes, 'large' | 'medium' | 'small'>;
 export type TJoyAvatarProps = InstanceType<typeof VJoyAvatar>['$props'];

package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /** Only visible if you apply a fullName but not any photoUrl. */
     color: {
-        type: PropType<"primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent">;
+        type: PropType<import("./JoyAvatar.types").FreelancerAvatarColors | "transparent">;
         default: string;
     };
     /** Display the initials based on Firstname and Lastname */
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /** Only visible if you apply a fullName but not any photoUrl. */
     color: {
-        type: PropType<"primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent">;
+        type: PropType<import("./JoyAvatar.types").FreelancerAvatarColors | "transparent">;
         default: string;
     };
     /** Display the initials based on Firstname and Lastname */
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     link: boolean;
     size: TJoyAvatarSizes;
-    color: "primary" | "secondary" | "neutral" | "tertiary" | "quaternary" | "transparent";
+    color: import("./JoyAvatar.types").FreelancerAvatarColors | "transparent";
     profile: "default" | "strategy";
 }, {}>;
 export default _default;

package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts

@@ -1,13 +1,23 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Renders a compact list of avatars */
-    compress: BooleanConstructor;
+    compress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Renders a compact list of avatars */
-    compress: BooleanConstructor;
+    compress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     compress: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Use this slot to inject all your VJoyAvatar. VJoyAvatars applies some style to the list. */
+    default(): any;
+}> & {
+    /** Use this slot to inject all your VJoyAvatar. VJoyAvatars applies some style to the list. */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,2 +1 @@
-export declare const VARIANTS: readonly ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"];
-export type TJoyBadgeVariants = (typeof VARIANTS)[number];
+export type TJoyBadgeVariants = 'info' | 'gray' | 'green' | 'orange' | 'red' | 'teal' | 'pink' | 'dark-blue' | 'yellow';

package/dist/components/JoyBadge/VJoyBadge.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyBadgeVariants } from './JoyBadge.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * Display the colored bulletpoint on the left
@@ -15,11 +16,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     /**
-     * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
+     * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed.
      */
     variant: {
-        type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
-        validator(variant: "info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow"): boolean;
+        type: PropType<TJoyBadgeVariants>;
+        default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -37,17 +38,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     /**
-     * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed
+     * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed.
      */
     variant: {
-        type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
-        validator(variant: "info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow"): boolean;
+        type: PropType<TJoyBadgeVariants>;
+        default: string;
     };
 }>>, {
     label: string;
     bulletpoint: boolean;
-}, {}>, {
-    default?(_: {}): any;
+    variant: TJoyBadgeVariants;
+}, {}>, Readonly<{
+    /** Use the slot as an alternative to "label" property. */
+    default(): any;
+}> & {
+    /** Use the slot as an alternative to "label" property. */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    /** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
+    /** type: `TJoyBadges` */
     type: {
         type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
         required: true;
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
+    /** type: `TJoyBadges` */
     type: {
         type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
         required: true;
@@ -34,8 +34,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     superMalterLevel: number;
     visibleText: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Override the default given label */
+    default(): any;
+}> & {
+    /** Override the default given label */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts

@@ -2,6 +2,7 @@ declare const _default: import("vue").DefineComponent<{
     /** If you want to use it properly you need to set fixed width and height */
     circle: {
         type: BooleanConstructor;
+        default: boolean;
     };
     /** Size in any unit. Example: 50px, 100%... */
     width: {
@@ -15,6 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     /** If you want to use it properly you need to set fixed width and height */
     circle: {
         type: BooleanConstructor;
+        default: boolean;
     };
     /** Size in any unit. Example: 50px, 100%... */
     width: {

package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts

@@ -16,17 +16,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /**
-     * @internal - Mostly for documentation purpose
+     * Mostly for documentation purpose
      */
     preventBodyScroll: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** By default the dialog is teleported to the end of body tag */
+    /** By default the bottom-sheet is teleported to the end of body tag */
     teleport: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
+    /**
+     * Only used for documentation purpose
+     */
     frozen: {
         type: BooleanConstructor;
         default: boolean;
@@ -49,17 +52,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     /**
-     * @internal - Mostly for documentation purpose
+     * Mostly for documentation purpose
      */
     preventBodyScroll: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** By default the dialog is teleported to the end of body tag */
+    /** By default the bottom-sheet is teleported to the end of body tag */
     teleport: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
+    /**
+     * Only used for documentation purpose
+     */
     frozen: {
         type: BooleanConstructor;
         default: boolean;
@@ -72,9 +78,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     preventBodyScroll: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     frozen: boolean;
-}, {}>, {
-    "bottom-sheet-content"?(_: {}): any;
-    "bottom-sheet-cta"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Main content of the component */
+    'bottom-sheet-content': () => any;
+    /** Put whatever type of CTA you need here */
+    'bottom-sheet-cta': () => any;
+}> & {
+    /** Main content of the component */
+    'bottom-sheet-content': () => any;
+    /** Put whatever type of CTA you need here */
+    'bottom-sheet-cta': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts

@@ -138,9 +138,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         moveContainer: (translationY: number) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: {
-            "bottom-sheet-content"?(_: {}): any;
-            "bottom-sheet-cta"?(_: {}): any;
+        $slots: Readonly<{
+            'bottom-sheet-content': () => any;
+            'bottom-sheet-cta': () => any;
+        }> & {
+            'bottom-sheet-content': () => any;
+            'bottom-sheet-cta': () => any;
         };
     }) | null | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -285,9 +288,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         isOpen: import("vue").Ref<boolean>;
         moveContainer: (translationY: number) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: {
-            "bottom-sheet-content"?(_: {}): any;
-            "bottom-sheet-cta"?(_: {}): any;
+        $slots: Readonly<{
+            'bottom-sheet-content': () => any;
+            'bottom-sheet-cta': () => any;
+        }> & {
+            'bottom-sheet-content': () => any;
+            'bottom-sheet-cta': () => any;
         };
     }) | null | undefined;
 }>>> & {

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

@@ -1,20 +1,4 @@
-import { GENERIC_VARIANTS, SIZES, POSITIONS } from '../../types';
-declare const BUTTONS_SPECIFIC_VARIANTS: readonly ["main", "admin", "ghost", "white"];
-export declare const BUTTON_VARIANTS: ((typeof GENERIC_VARIANTS)[number] | (typeof BUTTONS_SPECIFIC_VARIANTS)[number])[];
-/**
- * @deprecated - Use TJoyButtonVariants instead
- */
-export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
-export type TJoyButtonVariants = (typeof BUTTON_VARIANTS)[number];
-/**
- * @deprecated - Use TJoyButtonSizes instead
- */
-export type ButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
-export type TJoyButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
-export declare const BUTTON_SIZES: TJoyButtonSizes[];
-/**
- * @deprecated - Use TJoyButtonIconPositions instead
- */
-export type ButtonIconPositions = (typeof POSITIONS)[number];
-export type TJoyButtonIconPositions = (typeof POSITIONS)[number];
-export {};
+import { TGenericVariants, TPositions, TSizes } from '../../types';
+export type TJoyButtonVariants = TGenericVariants | 'main' | 'admin' | 'ghost' | 'white';
+export type TJoyButtonSizes = Exclude<TSizes, 'xlarge'>;
+export type TJoyButtonIconPositions = TPositions;

package/dist/components/JoyButton/VJoyButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { TJoyButtonSizes } from './JoyButton.types';
+import { TJoyButtonSizes, TJoyButtonVariants } from './JoyButton.types';
 import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Left to the text or right */
     iconPosition: {
-        type: PropType<"left" | "right">;
+        type: PropType<import("../../types").TPositions>;
         default: string;
     };
     /**
@@ -31,15 +31,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
+        type: PropType<TJoyButtonVariants>;
         default: string;
-        validator(variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost"): boolean;
     };
     /** Button or Link size */
     size: {
         type: PropType<TJoyButtonSizes>;
         default: string;
-        validator(variant: TJoyButtonSizes): boolean;
     };
 }, {
     randomId: import("vue").Ref<string | undefined>;
@@ -58,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Left to the text or right */
     iconPosition: {
-        type: PropType<"left" | "right">;
+        type: PropType<import("../../types").TPositions>;
         default: string;
     };
     /**
@@ -74,24 +72,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"main" | "primary" | "secondary" | "white" | "admin" | "ghost">;
+        type: PropType<TJoyButtonVariants>;
         default: string;
-        validator(variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost"): boolean;
     };
     /** Button or Link size */
     size: {
         type: PropType<TJoyButtonSizes>;
         default: string;
-        validator(variant: TJoyButtonSizes): boolean;
     };
 }>>, {
     circle: boolean;
     size: TJoyButtonSizes;
     loading: boolean;
-    variant: "main" | "primary" | "secondary" | "white" | "admin" | "ghost";
-    iconPosition: "left" | "right";
-}, {}>, {
-    default?(_: {}): any;
+    variant: TJoyButtonVariants;
+    iconPosition: import("../../types").TPositions;
+}, {}>, Readonly<{
+    /** Default slot for button text */
+    default(): any;
+}> & {
+    /** Default slot for button text */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts

@@ -116,9 +116,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     checked: boolean;
     invalid: boolean;
     value: string;
-}, {}>, {
-    default?(_: {}): any;
-    "checkbox-content"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Default slot for checkbox label. You can as well use the label property. */
+    default(): any;
+    /** For additional content */
+    'checkbox-content': () => any;
+}> & {
+    /** Default slot for checkbox label. You can as well use the label property. */
+    default(): any;
+    /** For additional content */
+    'checkbox-content': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts

@@ -4,16 +4,18 @@ declare function isItem(child: any): boolean;
 declare function isOpen(item: typeof VJoyCollapseItem): any;
 declare function getValForModel(item: typeof VJoyCollapseItem): any;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Open one item at a time. Works with modelValue */
     accordion: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Use v-model to handle   */
     modelValue: {
         type: PropType<string[]>;
         default(): never[];
     };
     /**
-     * Experimental: outline mode may  be the default one in near future
+     * Experimental: outline mode may be the default one in near future
      */
     mode: {
         type: PropType<"default" | "outline">;
@@ -170,10 +172,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         mode: "default" | "outline";
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Readonly<{
-            default: () => any;
+            default(): any;
             'collapse-header-right'?: (() => any) | undefined;
         }> & {
-            default: () => any;
+            default(): any;
             'collapse-header-right'?: (() => any) | undefined;
         };
     }))[]>;
@@ -181,16 +183,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (model: string[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Open one item at a time. Works with modelValue */
     accordion: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Use v-model to handle   */
     modelValue: {
         type: PropType<string[]>;
         default(): never[];
     };
     /**
-     * Experimental: outline mode may  be the default one in near future
+     * Experimental: outline mode may be the default one in near future
      */
     mode: {
         type: PropType<"default" | "outline">;
@@ -203,8 +207,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     accordion: boolean;
     modelValue: string[];
 }, {}>, Readonly<{
+    /** Inject your VJoyCollapseItem here */
     default: () => any;
 }> & {
+    /** Inject your VJoyCollapseItem here */
     default: () => any;
 }>;
 export default _default;

package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 declare function onToggle(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Title of the collapse item */
     header: {
         type: StringConstructor;
         required: true;
@@ -9,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Pick the icon you want to display in front of the header/title */
     summaryIcon: {
         type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
@@ -16,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
     };
     /**
-     * Experimental: outline mode may  be the default one in near future
+     * Experimental: outline mode may be the default one in near future
      */
     mode: {
         type: PropType<"default" | "outline">;
@@ -36,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "collapse-item:open": () => void;
     "collapse-item:close": () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Title of the collapse item */
     header: {
         type: StringConstructor;
         required: true;
@@ -44,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Pick the icon you want to display in front of the header/title */
     summaryIcon: {
         type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
@@ -51,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
     };
     /**
-     * Experimental: outline mode may  be the default one in near future
+     * Experimental: outline mode may be the default one in near future
      */
     mode: {
         type: PropType<"default" | "outline">;
@@ -64,10 +68,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     open: boolean;
     mode: "default" | "outline";
 }, {}>, Readonly<{
-    default: () => any;
+    /** Main content, hidden by default */
+    default(): any;
+    /** Inject the content you need on the right side, between the header/title and the arrow */
     'collapse-header-right'?: (() => any) | undefined;
 }> & {
-    default: () => any;
+    /** Main content, hidden by default */
+    default(): any;
+    /** Inject the content you need on the right side, between the header/title and the arrow */
     'collapse-header-right'?: (() => any) | undefined;
 }>;
 export default _default;

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

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

package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts

@@ -1,16 +1,22 @@
 import { PropType } from 'vue';
 import { TJoyCompanyAvatarSizes } from './JoyCompanyAvatar.types';
 declare const _default: import("vue").DefineComponent<{
+    /** Inject the URL of your image. Fallback will be the icon */
     imgSrc: StringConstructor;
+    /** Mostly for accessibility, use this to add an alternative text. */
     imgAlt: StringConstructor;
+    /** Used as "title" attribute for the img. */
     companyName: StringConstructor;
     size: {
         type: PropType<TJoyCompanyAvatarSizes>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Inject the URL of your image. Fallback will be the icon */
     imgSrc: StringConstructor;
+    /** Mostly for accessibility, use this to add an alternative text. */
     imgAlt: StringConstructor;
+    /** Used as "title" attribute for the img. */
     companyName: StringConstructor;
     size: {
         type: PropType<TJoyCompanyAvatarSizes>;

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

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