@maltjoy/core-vue 3.9.3 → 3.11.0

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

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

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

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+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">;
+        default: string;
+    };
+    /**
+     * Partial availabilty. Not 5 days/week cases
+     */
+    isPartial: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 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">;
+        default: string;
+    };
+    /**
+     * Partial availabilty. Not 5 days/week cases
+     */
+    isPartial: BooleanConstructor;
+}>>, {
+    status: "AVAILABLE" | "AVAILABLE_AND_VERIFIED" | "NOT_AVAILABLE_WITH_DATE" | "AVAILABLE_SOON" | "NOT_AVAILABLE";
+    isPartial: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,13 @@
+import { SIZES } 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 interface AvatarColors {
+    freelancer: FreelancerAvatarColors | 'transparent';
+    company: CompanyAvatarColors;
+}
+/** AVATAR SIZES */
+export type AvatarSizes = Extract<(typeof SIZES)[number], 'large' | 'medium' | 'small'>;
+export declare const AVATAR_SIZES: AvatarSizes[];
+export type VJoyAvatarProps = InstanceType<typeof VJoyAvatar>['$props'];

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

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+import { AvatarSizes } from './JoyAvatar.types';
+declare const _default: import("vue").DefineComponent<{
+    /** 3 different sizes of avatar */
+    size: {
+        type: PropType<AvatarSizes>;
+        default: string;
+    };
+    /** Only visible if you apply a fullName but not any photoUrl. */
+    color: {
+        type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "transparent">;
+        default: string;
+    };
+    /** Display the initials based on Firstname and Lastname */
+    fullName: StringConstructor;
+    /** Pass a photo URL that will be displayed over the fullname */
+    photoUrl: StringConstructor;
+    /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
+    totalNumber: NumberConstructor;
+    /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
+    link: BooleanConstructor;
+    /** Use it to display "strategy" tag. */
+    profile: {
+        type: PropType<"default" | "strategy">;
+        default: string;
+    };
+}, {
+    isAnonymous: import("vue").ComputedRef<boolean>;
+    initials: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 3 different sizes of avatar */
+    size: {
+        type: PropType<AvatarSizes>;
+        default: string;
+    };
+    /** Only visible if you apply a fullName but not any photoUrl. */
+    color: {
+        type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "transparent">;
+        default: string;
+    };
+    /** Display the initials based on Firstname and Lastname */
+    fullName: StringConstructor;
+    /** Pass a photo URL that will be displayed over the fullname */
+    photoUrl: StringConstructor;
+    /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
+    totalNumber: NumberConstructor;
+    /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
+    link: BooleanConstructor;
+    /** Use it to display "strategy" tag. */
+    profile: {
+        type: PropType<"default" | "strategy">;
+        default: string;
+    };
+}>>, {
+    link: boolean;
+    size: AvatarSizes;
+    color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "transparent";
+    profile: "default" | "strategy";
+}, {}>;
+export default _default;

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

@@ -0,0 +1,17 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Renders a compact list of avatars */
+    compress: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Renders a compact list of avatars */
+    compress: BooleanConstructor;
+}>>, {
+    compress: boolean;
+}, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * 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" | "dark-blue" | "pink" | "yellow">;
+        type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
         validator(variant: VariantsTypes): boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * 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" | "dark-blue" | "pink" | "yellow">;
+        type: PropType<"info" | "gray" | "green" | "orange" | "red" | "teal" | "pink" | "dark-blue" | "yellow">;
         validator(variant: VariantsTypes): boolean;
     };
 }>>, {

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

@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"main" | "ghost" | "secondary" | "primary" | "white" | "admin">;
+        type: PropType<"main" | "primary" | "secondary" | "admin" | "ghost" | "white">;
         default: string;
         validator(variant: ButtonVariants): boolean;
     };
@@ -72,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"main" | "ghost" | "secondary" | "primary" | "white" | "admin">;
+        type: PropType<"main" | "primary" | "secondary" | "admin" | "ghost" | "white">;
         default: string;
         validator(variant: ButtonVariants): boolean;
     };
@@ -84,10 +84,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     circle: boolean;
-    variant: "main" | "ghost" | "secondary" | "primary" | "white" | "admin";
     size: ButtonSizes;
-    iconPosition: "left" | "right";
+    variant: "main" | "primary" | "secondary" | "admin" | "ghost" | "white";
     loading: boolean;
+    iconPosition: "left" | "right";
 }, {}>, {
     default: (_: {}) => any;
 }>;

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

@@ -111,12 +111,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onBlur?: (() => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }, {
-    disabled: boolean;
-    value: string;
-    checked: boolean;
     required: boolean;
+    value: string;
+    disabled: boolean;
     indeterminate: boolean;
     displayFocus: boolean;
+    checked: boolean;
     invalid: boolean;
 }, {}>, {
     default: (_: {}) => any;

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

@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        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 */
@@ -63,21 +63,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {
     props: {
-        readonly disabled: boolean;
         readonly required: boolean;
+        readonly disabled: boolean;
         readonly invalid: boolean;
-        readonly modelValue: number;
+        readonly labelSize: "small" | "large" | "medium";
+        readonly requiredMark: boolean;
         readonly min: number;
+        readonly modelValue: number;
         readonly step: number;
-        readonly labelSize: "small" | "medium" | "large";
-        readonly requiredMark: boolean;
-        readonly id?: string | undefined;
         readonly label?: string | undefined;
         readonly name?: string | undefined;
-        readonly max?: number | undefined;
+        readonly id?: string | undefined;
         readonly optionalLabel?: string | undefined;
         readonly labelDecrement?: string | undefined;
         readonly labelIncrement?: string | undefined;
+        readonly max?: number | undefined;
         readonly errorMessage?: string | undefined;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        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 */
@@ -147,14 +147,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     invalid: boolean;
-    modelValue: number;
+    labelSize: "small" | "large" | "medium";
+    requiredMark: boolean;
     min: number;
+    modelValue: number;
     step: number;
-    labelSize: "small" | "medium" | "large";
-    requiredMark: boolean;
 }, {}>, {
     default: (_: {}) => any;
 }>;

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

@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Dropdown vertical position according to the trigger */
     direction: {
-        type: PropType<"down" | "up">;
+        type: PropType<"up" | "down">;
         default: string;
     };
     /** Dropdown horizontal justify according to the trigger */
@@ -120,7 +120,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Dropdown vertical position according to the trigger */
     direction: {
-        type: PropType<"down" | "up">;
+        type: PropType<"up" | "down">;
         default: string;
     };
     /** Dropdown horizontal justify according to the trigger */
@@ -176,14 +176,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onDropdown:hide"?: (() => any) | undefined;
 }, {
     size: DropdownListSizes;
-    options: Option[];
     modelValue: string;
+    options: Option[];
     width: string;
     height: string;
     appendTo: string | import("vue").RendererElement | null | undefined;
     disableTeleport: boolean;
     closeOnSelect: boolean;
-    direction: "down" | "up";
+    direction: "up" | "down";
     justify: "left" | "right";
     dropdownGap: string;
 }, {}>, {

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

@@ -1,3 +1,3 @@
 import { LEVELS } from '@/types';
 export type HighlightLevels = (typeof LEVELS)[number];
-export declare const HIGHLIGHT_LEVELS: ("info" | "error" | "warning" | "neutral" | "success")[];
+export declare const HIGHLIGHT_LEVELS: ("neutral" | "info" | "success" | "warning" | "error")[];

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

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
     level: {
-        type: PropType<"info" | "error" | "warning" | "neutral" | "success">;
+        type: PropType<"neutral" | "info" | "success" | "warning" | "error">;
         default: string;
         validator(level: HighlightLevels): boolean;
     };
@@ -32,14 +32,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<import("@maltjoy/icons").JoyIconsId>;
     };
     level: {
-        type: PropType<"info" | "error" | "warning" | "neutral" | "success">;
+        type: PropType<"neutral" | "info" | "success" | "warning" | "error">;
         default: string;
         validator(level: HighlightLevels): boolean;
     };
 }>>, {
     accent: boolean;
     displayIcon: boolean;
-    level: "info" | "error" | "warning" | "neutral" | "success";
+    level: "neutral" | "info" | "success" | "warning" | "error";
 }, {}>, {
     'highlight-title': (_: {}) => any;
     default: (_: {}) => any;

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

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

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

@@ -5,11 +5,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     color: {
-        type: PropType<"secondary" | "primary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
+        type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "info" | "white" | "success" | "warning" | "error" | "brand-primary" | "brand-secondary">;
         default: string;
     };
     size: {
-        type: PropType<"small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge">;
+        type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -18,15 +18,15 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     color: {
-        type: PropType<"secondary" | "primary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary">;
+        type: PropType<"primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "info" | "white" | "success" | "warning" | "error" | "brand-primary" | "brand-secondary">;
         default: string;
     };
     size: {
-        type: PropType<"small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge">;
+        type: PropType<"small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall">;
         default: string;
     };
 }>>, {
-    color: "secondary" | "primary" | "tertiary" | "quaternary" | "info" | "error" | "white" | "warning" | "neutral" | "success" | "brand-primary" | "brand-secondary";
-    size: "small" | "xsmall" | "xxsmall" | "medium" | "large" | "xlarge";
+    size: "small" | "xlarge" | "large" | "medium" | "xsmall" | "xxsmall";
+    color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "info" | "white" | "success" | "warning" | "error" | "brand-primary" | "brand-secondary";
 }, {}>;
 export default _default;

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

@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        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 */
@@ -37,6 +37,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
     };
+    modelModifiers: {
+        default: () => {
+            lazy: boolean;
+        };
+    };
     /** Display a cross icon on the right that enables to clear the field */
     clearable: {
         type: BooleanConstructor;
@@ -81,7 +86,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        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 */
@@ -94,6 +99,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
     };
+    modelModifiers: {
+        default: () => {
+            lazy: boolean;
+        };
+    };
     /** Display a cross icon on the right that enables to clear the field */
     clearable: {
         type: BooleanConstructor;
@@ -115,13 +125,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Adds a legend like symbol on the right of the component. Made for number based values */
     unit: StringConstructor;
 }>>, {
-    disabled: boolean;
     type: string;
     size: InputSizes;
     required: boolean;
+    disabled: boolean;
     invalid: boolean;
-    labelSize: "small" | "medium" | "large";
+    labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
+    modelModifiers: {
+        lazy: boolean;
+    };
     clearable: boolean;
 }, {}>, {
     default: (_: {}) => any;

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

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { LabelSizes } from './JoyLabel.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
         validator(size: LabelSizes): boolean;
     };
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     text: StringConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
         validator(size: LabelSizes): boolean;
     };
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     text: StringConstructor;
 }>>, {
-    size: "small" | "medium" | "large";
+    size: "small" | "large" | "medium";
     required: boolean;
     tagName: "label" | "legend";
 }, {}>, {

package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -58,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -69,9 +69,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:value"?: ((value: any[]) => any) | undefined;
 }, {
-    value: any[];
     required: boolean;
-    labelSize: "small" | "medium" | "large";
+    value: any[];
+    labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
 }, {}>, {
     checkbox: (_: Option) => any;

package/dist/components/JoyRadio/VJoyRadio.vue.d.ts

@@ -67,8 +67,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     invalid: boolean;
     theme: "default" | "outline";
 }, {}>, {

package/dist/components/JoySelect/VJoySelect.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
     };
     optionalLabel: StringConstructor;
     requiredMark: {
@@ -29,8 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: StringConstructor;
-        default: string;
+        type: (StringConstructor | NumberConstructor)[];
     };
     size: {
         type: PropType<SelectSizes>;
@@ -59,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
     };
     optionalLabel: StringConstructor;
     requiredMark: {
@@ -67,8 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: StringConstructor;
-        default: string;
+        type: (StringConstructor | NumberConstructor)[];
     };
     size: {
         type: PropType<SelectSizes>;
@@ -77,11 +75,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    disabled: boolean;
     size: SelectSizes;
     required: boolean;
+    disabled: boolean;
     invalid: boolean;
-    modelValue: string;
     requiredMark: boolean;
 }, {}>, {
     'select-label': (_: {}) => any;

package/dist/components/JoySelectableItem/VJoySelectableItem.vue.d.ts

@@ -67,9 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:checked"?: ((value: string | boolean) => any) | undefined;
 }, {
+    required: boolean;
     disabled: boolean;
     checked: boolean;
-    required: boolean;
     invalid: boolean;
     multiple: boolean;
 }, {}>, {

package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: StringConstructor;
     value: {
-        type: (ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ArrayConstructor)[];
         default: null;
     };
     multiple: {
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: StringConstructor;
     value: {
-        type: (ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ArrayConstructor)[];
         default: null;
     };
     multiple: {
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -85,11 +85,11 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:value"?: ((value: string | any[]) => any) | undefined;
 }, {
-    value: string | unknown[];
     required: boolean;
-    multiple: boolean;
-    labelSize: "small" | "medium" | "large";
+    value: string | unknown[];
+    labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
+    multiple: boolean;
     fullWidth: boolean;
 }, {}>;
 export default _default;

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

@@ -0,0 +1,13 @@
+import { SIZES } from '@/types';
+import VJoyTag from './VJoyTag.vue';
+export declare const TAG_VARIANTS: readonly ["important", "inactive", "pending", "pricing", "primary", "secondary"];
+export type TagVariants = (typeof TAG_VARIANTS)[number];
+export type TagSizes = Exclude<(typeof SIZES)[number], 'xlarge' | 'xxsmall'>;
+export declare const TAG_SIZES: TagSizes[];
+export type VJoyTagProps = InstanceType<typeof VJoyTag>['$props'];
+export interface IJoyTagSelected {
+    selected: boolean;
+    value: string;
+}
+export interface IJoyTag extends VJoyTagProps {
+}