@maltjoy/core-vue 3.27.2 → 3.28.1-test

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

@@ -1,5 +1,6 @@
 import { PropType, VNode } from 'vue';
 import { TJoySelectSizes } from './JoySelect.types';
+import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: {
         type: BooleanConstructor;
@@ -21,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
     };
     optionalLabel: StringConstructor;
     requiredMark: {
@@ -62,7 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
     };
     optionalLabel: StringConstructor;
     requiredMark: {
@@ -88,14 +89,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: string | number | null;
     requiredMark: boolean;
 }, {}>, Readonly<{
-    default: () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    /** Use native <option> tags here */
+    default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[];
+    /** Label above the select */
     'select-label'?: (() => any) | undefined;
 }> & {
-    default: () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    /** Use native <option> tags here */
+    default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[];
+    /** Label above the select */
     'select-label'?: (() => any) | undefined;
 }>;
 export default _default;

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;
@@ -74,71 +75,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     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: (option: TJoySelectableItemOption) => any;
+}> & {
+    /** Customize the inner HTML of each VJoySelectableItem */
+    item: (option: TJoySelectableItemOption) => 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;
@@ -142,16 +144,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         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,13 +1,19 @@
 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>, {
@@ -35,12 +41,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     link: boolean;
     size: TJoyTagSizes;
-    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary";
+    variant: TJoyTagVariants;
     value: string | number;
     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;

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

@@ -1,10 +1,10 @@
 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;
+    variant?: TJoyTagVariants | undefined;
     invalid?: boolean | undefined;
     modelValue?: T[] | undefined;
     "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
@@ -15,11 +15,20 @@ declare const _default: <T extends string>(__VLS_props: {
     invalidEmailError?: string | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
-    slots: {
-        default?(_: {}): any;
-        tag?(_: {
+    slots: Readonly<{
+        /** Label of the component */
+        default?: (() => any) | undefined;
+        /** Customize the inner content of each VJoyTag */
+        tag?: ((tag: {
             name: T;
-        }): any;
+        }) => any) | undefined;
+    }> & {
+        /** Label of the component */
+        default?: (() => any) | undefined;
+        /** Customize the inner content of each VJoyTag */
+        tag?: ((tag: {
+            name: T;
+        }) => any) | undefined;
     };
     emit: {
         (e: 'update:modelValue', values: T[]): void;
@@ -32,7 +41,7 @@ declare const _default: <T extends string>(__VLS_props: {
     props: {
         size?: TJoyTagSizes | undefined;
         name?: string | undefined;
-        variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
+        variant?: TJoyTagVariants | undefined;
         invalid?: boolean | undefined;
         modelValue?: T[] | undefined;
         "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
@@ -47,11 +56,20 @@ declare const _default: <T extends string>(__VLS_props: {
         hasDuplicates: () => boolean;
     }>): void;
     attrs: any;
-    slots: {
-        default?(_: {}): any;
-        tag?(_: {
+    slots: Readonly<{
+        /** Label of the component */
+        default?: (() => any) | undefined;
+        /** Customize the inner content of each VJoyTag */
+        tag?: ((tag: {
+            name: T;
+        }) => any) | undefined;
+    }> & {
+        /** Label of the component */
+        default?: (() => any) | undefined;
+        /** Customize the inner content of each VJoyTag */
+        tag?: ((tag: {
             name: T;
-        }): any;
+        }) => any) | undefined;
     };
     emit: {
         (e: 'update:modelValue', values: T[]): void;
@@ -64,7 +82,7 @@ declare const _default: <T extends string>(__VLS_props: {
         props: {
             size?: TJoyTagSizes | undefined;
             name?: string | undefined;
-            variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
+            variant?: TJoyTagVariants | undefined;
             invalid?: boolean | undefined;
             modelValue?: T[] | undefined;
             "onUpdate:modelValue"?: ((values: T[]) => any) | undefined;
@@ -79,11 +97,20 @@ declare const _default: <T extends string>(__VLS_props: {
             hasDuplicates: () => boolean;
         }>): void;
         attrs: any;
-        slots: {
-            default?(_: {}): any;
-            tag?(_: {
+        slots: Readonly<{
+            /** Label of the component */
+            default?: (() => any) | undefined;
+            /** Customize the inner content of each VJoyTag */
+            tag?: ((tag: {
+                name: T;
+            }) => any) | undefined;
+        }> & {
+            /** Label of the component */
+            default?: (() => any) | undefined;
+            /** Customize the inner content of each VJoyTag */
+            tag?: ((tag: {
                 name: T;
-            }): any;
+            }) => 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'][];

package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
-import { TJoyTagsListModel, TJoyTagsList } from './JoyTagsList.types';
-import { IJoyTagRemoved, IJoyTagSelected } from '../JoyTag/JoyTag.types';
+import { TJoyTagsListModel, TJoyTagsListAlign, TJoyTagsList } from './JoyTagsList.types';
+import { IJoyTagRemoved, IJoyTagSelected, TJoyTagVariants } from '../JoyTag/JoyTag.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     align: {
-        type: PropType<"left" | "right" | "center">;
+        type: PropType<TJoyTagsListAlign>;
         default: string;
     };
     modelValue: {
@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Apply variant for all VJoyTag. Can be overriden by setting a variant property in specific tags entry. */
     variant: {
-        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary">;
+        type: PropType<TJoyTagVariants>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     removeTag: (tagValue: string | number | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     align: {
-        type: PropType<"left" | "right" | "center">;
+        type: PropType<TJoyTagsListAlign>;
         default: string;
     };
     modelValue: {
@@ -57,15 +57,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Apply variant for all VJoyTag. Can be overriden by setting a variant property in specific tags entry. */
     variant: {
-        type: PropType<"primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary">;
+        type: PropType<TJoyTagVariants>;
         default: string;
     };
 }>> & {
     "onUpdate:modelValue"?: ((tags: TJoyTagsListModel) => any) | undefined;
     onRemoveTag?: ((tagValue: string | number | undefined) => any) | undefined;
 }, {
-    variant: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary";
-    align: "left" | "right" | "center";
+    variant: TJoyTagVariants;
+    align: TJoyTagsListAlign;
     removable: boolean;
     selectable: boolean;
     tags: TJoyTagsList;
@@ -76,7 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         removable: boolean;
         link?: boolean | undefined;
         size?: import("../JoyTag/JoyTag.types").TJoyTagSizes | undefined;
-        variant?: "primary" | "secondary" | "important" | "inactive" | "pending" | "pricing" | "special" | "ai-primary" | "ai-secondary" | undefined;
+        variant?: TJoyTagVariants | undefined;
         value?: string | number | undefined;
         draggable?: boolean | undefined;
         key?: string | number | symbol | undefined;

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

@@ -1,2 +1 @@
-export declare const TEMPLATE_SIDEBAR: readonly ["left", "right"];
-export type TJoyTemplateSidebarSide = (typeof TEMPLATE_SIDEBAR)[number];
+export type TJoyTemplateSidebarSide = 'left' | 'right';