@maltjoy/core-vue 3.27.2 → 3.28.0

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
 import { TJoySelectableItemOption } from '../JoySelectableItem/VJoySelectableItem.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     options: {
@@ -25,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -60,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -71,74 +72,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:value"?: ((value: string | any[]) => any) | undefined;
 }, {
+    multiple: boolean;
     required: boolean;
     value: string | unknown[];
-    multiple: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: TJoyLabelSizes;
     requiredMark: boolean;
     fullWidth: boolean;
-}, {}>, {
-    item?(_: {
-        attrs?: {
-            [k: string]: any;
-        } | undefined;
-        required?: boolean | undefined;
-        disabled?: boolean | undefined;
-        checked?: boolean | undefined;
-        invalid?: boolean | undefined;
-        multiple?: boolean | undefined;
-        key?: string | number | symbol | undefined;
-        ref?: import("vue").VNodeRef | undefined;
-        ref_for?: boolean | undefined;
-        ref_key?: string | undefined;
-        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void)[] | undefined;
-        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void)[] | undefined;
-        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void)[] | undefined;
-        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void)[] | undefined;
-        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void)[] | undefined;
-        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) => void)[] | undefined;
-        class?: unknown;
-        style?: unknown;
-        label?: string | undefined;
-        name?: string | undefined;
-        icon?: import("@maltjoy/icons").JoyIconsId | undefined;
-        id: string;
-        "onUpdate:checked"?: ((value: string | boolean) => any) | undefined;
-        value: string;
-        subLabel?: string | undefined;
-    }): any;
+}, {}>, Readonly<{
+    /** Customize the inner HTML of each VJoySelectableItem */
+    item: () => any;
+}> & {
+    /** Customize the inner HTML of each VJoySelectableItem */
+    item: () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,4 +1,3 @@
-import { SIZES } from '../../types';
+import { TSizes } from '../../types';
 export type BinarySizes = 'default';
-export type TJoySeparatorSizes = BinarySizes | Extract<(typeof SIZES)[number], 'small'>;
-export declare const SEPARATOR_SIZES: TJoySeparatorSizes[];
+export type TJoySeparatorSizes = BinarySizes | Extract<TSizes, 'small'>;

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

@@ -1,9 +1,8 @@
 import { App } from 'vue';
 import { Emitter } from 'mitt';
 import VJoySnackbar from './VJoySnackbar.vue';
-import { LEVELS } from '../../types';
-export type TJoySnackbarLevels = Exclude<(typeof LEVELS)[number], 'neutral'>;
-export declare const SNACKBAR_LEVELS: ("neutral" | "success" | "info" | "warning" | "error")[];
+import { TLevels } from '../../types';
+export type TJoySnackbarLevels = Exclude<TLevels, 'neutral'>;
 export type TJoySnackbarEvents = {
     'snackbar:hide': undefined;
     'snackbar:show': undefined;

package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TJoySnackbarLevels>;
         default: string;
     };
+    /** Allows to manually hide the component before its timeout */
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     actionText: {
         type: StringConstructor;
     };
+    /** Documentation purpose */
     frozen: {
         type: BooleanConstructor;
         default: boolean;
@@ -40,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     bus: {
         type: PropType<Emitter<TJoySnackbarEvents>>;
     };
-    /** @internal */
+    /** Internal purpose */
     instanceNb: {
         type: NumberConstructor;
     };
@@ -54,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TJoySnackbarLevels>;
         default: string;
     };
+    /** Allows to manually hide the component before its timeout */
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     actionText: {
         type: StringConstructor;
     };
+    /** Documentation purpose */
     frozen: {
         type: BooleanConstructor;
         default: boolean;
@@ -87,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     bus: {
         type: PropType<Emitter<TJoySnackbarEvents>>;
     };
-    /** @internal */
+    /** Internal purpose */
     instanceNb: {
         type: NumberConstructor;
     };

package/dist/components/JoySnackbar/index.d.ts

@@ -1 +1 @@
-export * from './VJoySnackbarService';
+export { createAllSnackbarsContainer, pushVJoySnackbar, resetCount } from './VJoySnackbarService';

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

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

package/dist/components/JoySpinner/VJoySpinner.vue.d.ts

@@ -2,13 +2,11 @@ import { PropType } from 'vue';
 import { TJoySpinnerColors } from './JoySpinner.types';
 declare const _default: import("vue").DefineComponent<{
     color: {
-        type: PropType<"white" | "teal">;
-        validator(color: TJoySpinnerColors): boolean;
+        type: PropType<TJoySpinnerColors>;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
-        type: PropType<"white" | "teal">;
-        validator(color: TJoySpinnerColors): boolean;
+        type: PropType<TJoySpinnerColors>;
     };
 }>>, {}, {}>;
 export default _default;

package/dist/components/JoyStep/VJoyStep.vue.d.ts

@@ -1,18 +1,22 @@
 import { PropType } from 'vue';
 import { TJoyStepSizes } from './TJoyStep.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Set it to completed to change it's color */
     completed: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Progress substep of the current step  */
     currentSubStep: {
         type: NumberConstructor;
         default: number;
     };
+    /** Adjust the text size, not the component size */
     size: {
         type: PropType<TJoyStepSizes>;
         default: string;
     };
+    /** Set the amount of sub steps of the current step */
     subSteps: {
         type: NumberConstructor;
         default: number;
@@ -26,18 +30,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:subSteps": () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Set it to completed to change it's color */
     completed: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Progress substep of the current step  */
     currentSubStep: {
         type: NumberConstructor;
         default: number;
     };
+    /** Adjust the text size, not the component size */
     size: {
         type: PropType<TJoyStepSizes>;
         default: string;
     };
+    /** Set the amount of sub steps of the current step */
     subSteps: {
         type: NumberConstructor;
         default: number;
@@ -54,8 +62,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     completed: boolean;
     currentSubStep: number;
     subSteps: number;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Label of the step. For text only */
+    default(): any;
+}> & {
+    /** Label of the step. For text only */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyStepper/VJoyStepper.vue.d.ts

@@ -1,8 +1,10 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Current step value */
     step: {
         type: NumberConstructor;
         required: true;
     };
+    /** Each main step can have sub-steps to have more specific visual progress feedback  */
     subStep: {
         type: NumberConstructor;
         default: number;
@@ -20,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 default: number;
             };
             size: {
-                type: import("vue").PropType<import("../JoyStep/TJoyStep.types").TJoyStepSizes>;
+                type: import("vue").PropType<import("../JoyStep/TJoyStep.types.js").TJoyStepSizes>;
                 default: string;
             };
             subSteps: {
@@ -47,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 default: number;
             };
             size: {
-                type: import("vue").PropType<import("../JoyStep/TJoyStep.types").TJoyStepSizes>;
+                type: import("vue").PropType<import("../JoyStep/TJoyStep.types.js").TJoyStepSizes>;
                 default: string;
             };
             subSteps: {
@@ -61,7 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }>> & {
             "onUpdate:subSteps"?: (() => any) | undefined;
         }, {
-            size: import("../JoyStep/TJoyStep.types").TJoyStepSizes;
+            size: import("../JoyStep/TJoyStep.types.js").TJoyStepSizes;
             id: string;
             completed: boolean;
             currentSubStep: number;
@@ -83,7 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 default: number;
             };
             size: {
-                type: import("vue").PropType<import("../JoyStep/TJoyStep.types").TJoyStepSizes>;
+                type: import("vue").PropType<import("../JoyStep/TJoyStep.types.js").TJoyStepSizes>;
                 default: string;
             };
             subSteps: {
@@ -99,7 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         }, {
             progress: import("vue").ComputedRef<string>;
         }, {}, {}, {}, {
-            size: import("../JoyStep/TJoyStep.types").TJoyStepSizes;
+            size: import("../JoyStep/TJoyStep.types.js").TJoyStepSizes;
             id: string;
             completed: boolean;
             currentSubStep: number;
@@ -118,7 +120,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             default: number;
         };
         size: {
-            type: import("vue").PropType<import("../JoyStep/TJoyStep.types").TJoyStepSizes>;
+            type: import("vue").PropType<import("../JoyStep/TJoyStep.types.js").TJoyStepSizes>;
             default: string;
         };
         subSteps: {
@@ -136,22 +138,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:subSteps": () => void;
     }, string, {
-        size: import("../JoyStep/TJoyStep.types").TJoyStepSizes;
+        size: import("../JoyStep/TJoyStep.types.js").TJoyStepSizes;
         id: string;
         completed: boolean;
         currentSubStep: number;
         subSteps: number;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
+        $slots: Readonly<{
+            default(): any;
+        }> & {
+            default(): any;
         };
     }))[]>;
     invalidSubStepValue: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Current step value */
     step: {
         type: NumberConstructor;
         required: true;
     };
+    /** Each main step can have sub-steps to have more specific visual progress feedback  */
     subStep: {
         type: NumberConstructor;
         default: number;
@@ -159,8 +165,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     subStep: number;
 }, {}>, Readonly<{
+    /** Use it to inject all VJoyStep children */
     default(): any;
 }> & {
+    /** Use it to inject all VJoyStep children */
     default(): any;
 }>;
 export default _default;

package/dist/components/JoyTabs/VJoyTabs.vue.d.ts

@@ -105,8 +105,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:selected-tab"?: ((value: string) => any) | undefined;
 }, {}, {}>, Readonly<{
+    /** Use it to inject all your `VJoyTab` children */
     default(): any;
 }> & {
+    /** Use it to inject all your `VJoyTab` children */
     default(): any;
 }>;
 export default _default;

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

@@ -1,9 +1,7 @@
-import { SIZES } from '../../types';
+import { TSizes } from '../../types';
 import VJoyTag from './VJoyTag.vue';
-export declare const TAG_VARIANTS: readonly ["important", "inactive", "pending", "pricing", "special", "primary", "secondary", "ai-primary", "ai-secondary"];
-export type TJoyTagVariants = (typeof TAG_VARIANTS)[number];
-export type TJoyTagSizes = Exclude<(typeof SIZES)[number], 'xlarge' | 'xxsmall'>;
-export declare const TAG_SIZES: TJoyTagSizes[];
+export type TJoyTagVariants = 'important' | 'inactive' | 'pending' | 'pricing' | 'special' | 'primary' | 'secondary' | 'ai-primary' | 'ai-secondary';
+export type TJoyTagSizes = Exclude<TSizes, 'xlarge' | 'xxsmall'>;
 export type VJoyTagProps = InstanceType<typeof VJoyTag>['$props'];
 export interface IJoyTagSelected {
     selected: boolean;

package/dist/components/JoyTag/VJoyTag.vue.d.ts

@@ -1,16 +1,22 @@
 import type { TJoyTagVariants, TJoyTagSizes, IJoyTagSelected, IJoyTagRemoved } from './JoyTag.types';
 interface Props {
+    /** Main text of the tag */
     label?: string;
     size?: TJoyTagSizes;
     variant?: TJoyTagVariants;
+    /** Introduce an icon in case you need to sort your tags. **It does not create the actual "drag" mecanism** */
     draggable?: boolean;
+    /** Add a cross icon on the right side */
     removable?: boolean;
     selected?: boolean;
+    /** Selectable state is only applied to 2 variants: primary and secondary */
     selectable?: boolean;
+    /** Only for style purpose, not an actual link */
     link?: boolean;
+    /** Value property is handy if you use the component with `VJoyTagsList` */
     value?: string | number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     size: string;
     variant: string;
     value: string;
@@ -21,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selected: (tag: IJoyTagSelected) => void;
     remove: (value: IJoyTagRemoved) => void;
     click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     size: string;
     variant: string;
     value: string;
@@ -35,23 +41,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     link: boolean;
     size: TJoyTagSizes;
-    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary";
     value: string | number;
+    variant: TJoyTagVariants;
     draggable: boolean;
     removable: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Use it if you want to have 100% control on the tag content. */
+    default(): any;
+}> & {
+    /** Use it if you want to have 100% control on the tag content. */
+    default(): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
@@ -65,3 +66,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts

@@ -1,25 +1,30 @@
 import type { Ref } from 'vue';
 import { TAGS_INPUT_ERRORS } from './JoyTagsInput.types';
-import type { TJoyTagSizes } from '../JoyTag/JoyTag.types';
+import type { TJoyTagVariants, TJoyTagSizes } from '../JoyTag/JoyTag.types';
 declare const _default: <T extends string>(__VLS_props: {
-    size?: TJoyTagSizes | undefined;
-    name?: string | undefined;
-    variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
-    invalid?: boolean | undefined;
-    modelValue?: T[] | undefined;
     "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
-    placeholder?: string | undefined;
     "onValidation:error"?: ((type: TAGS_INPUT_ERRORS) => any) | undefined;
-    validation?: "none" | "email" | undefined;
+    name?: string | undefined;
+    placeholder?: string | undefined;
+    variant?: TJoyTagVariants | undefined;
+    size?: TJoyTagSizes | undefined;
+    modelValue?: T[] | undefined;
+    invalid?: boolean | undefined;
+    validation?: "email" | "none" | undefined;
     duplicationError?: string | undefined;
     invalidEmailError?: string | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
-    slots: {
-        default?(_: {}): any;
-        tag?(_: {
-            name: T;
-        }): any;
+    slots: Readonly<{
+        /** Label of the component */
+        default?: (() => any) | undefined;
+        /** Customize the inner content of each VJoyTag */
+        tag?: (() => any) | undefined;
+    }> & {
+        /** Label of the component */
+        default?: (() => any) | undefined;
+        /** Customize the inner content of each VJoyTag */
+        tag?: (() => any) | undefined;
     };
     emit: {
         (e: 'update:modelValue', values: T[]): void;
@@ -30,15 +35,15 @@ declare const _default: <T extends string>(__VLS_props: {
     hasDuplicates: () => boolean;
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        size?: TJoyTagSizes | undefined;
-        name?: string | undefined;
-        variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
-        invalid?: boolean | undefined;
-        modelValue?: T[] | undefined;
         "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
-        placeholder?: string | undefined;
         "onValidation:error"?: ((type: TAGS_INPUT_ERRORS) => any) | undefined;
-        validation?: "none" | "email" | undefined;
+        name?: string | undefined;
+        placeholder?: string | undefined;
+        variant?: TJoyTagVariants | undefined;
+        size?: TJoyTagSizes | undefined;
+        modelValue?: T[] | undefined;
+        invalid?: boolean | undefined;
+        validation?: "email" | "none" | undefined;
         duplicationError?: string | undefined;
         invalidEmailError?: string | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -47,11 +52,16 @@ declare const _default: <T extends string>(__VLS_props: {
         hasDuplicates: () => boolean;
     }>): void;
     attrs: any;
-    slots: {
-        default?(_: {}): any;
-        tag?(_: {
-            name: T;
-        }): any;
+    slots: Readonly<{
+        /** Label of the component */
+        default?: (() => any) | undefined;
+        /** Customize the inner content of each VJoyTag */
+        tag?: (() => any) | undefined;
+    }> & {
+        /** Label of the component */
+        default?: (() => any) | undefined;
+        /** Customize the inner content of each VJoyTag */
+        tag?: (() => any) | undefined;
     };
     emit: {
         (e: 'update:modelValue', values: T[]): void;
@@ -62,15 +72,15 @@ declare const _default: <T extends string>(__VLS_props: {
 }> & {
     __ctx?: {
         props: {
-            size?: TJoyTagSizes | undefined;
-            name?: string | undefined;
-            variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
-            invalid?: boolean | undefined;
-            modelValue?: T[] | undefined;
             "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
-            placeholder?: string | undefined;
             "onValidation:error"?: ((type: TAGS_INPUT_ERRORS) => any) | undefined;
-            validation?: "none" | "email" | undefined;
+            name?: string | undefined;
+            placeholder?: string | undefined;
+            variant?: TJoyTagVariants | undefined;
+            size?: TJoyTagSizes | undefined;
+            modelValue?: T[] | undefined;
+            invalid?: boolean | undefined;
+            validation?: "email" | "none" | undefined;
             duplicationError?: string | undefined;
             invalidEmailError?: string | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -79,11 +89,16 @@ declare const _default: <T extends string>(__VLS_props: {
             hasDuplicates: () => boolean;
         }>): void;
         attrs: any;
-        slots: {
-            default?(_: {}): any;
-            tag?(_: {
-                name: T;
-            }): any;
+        slots: Readonly<{
+            /** Label of the component */
+            default?: (() => any) | undefined;
+            /** Customize the inner content of each VJoyTag */
+            tag?: (() => any) | undefined;
+        }> & {
+            /** Label of the component */
+            default?: (() => any) | undefined;
+            /** Customize the inner content of each VJoyTag */
+            tag?: (() => any) | undefined;
         };
         emit: {
             (e: 'update:modelValue', values: T[]): void;

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

@@ -1,5 +1,4 @@
 import { IJoyTag } from '../JoyTag/JoyTag.types';
-export declare const TAGS_LIST_ALIGN: readonly ["center", "left", "right"];
-export type TJoyTagsListAlign = (typeof TAGS_LIST_ALIGN)[number];
+export type TJoyTagsListAlign = 'center' | 'left' | 'right';
 export type TJoyTagsList = IJoyTag[];
 export type TJoyTagsListModel = IJoyTag['value'][];