@maltjoy/core-vue 3.27.0 → 3.27.1

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,16 @@ 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?(_: {
-            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;
@@ -32,7 +37,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 +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;
@@ -64,7 +74,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 +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'][];

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';

package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts

@@ -1,11 +1,14 @@
-import { PropType } from 'vue';
+import { PropType, VNode } from 'vue';
+import { TJoyScreenLoaderColors } from '../JoyScreenLoader/VJoyScreenLoader.types';
+import { TJoyTemplateSidebarSide } from './JoyTemplate.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Takes 100% of free space */
     full: {
         type: BooleanConstructor;
         default: boolean;
     };
     sidebar: {
-        type: PropType<"left" | "right">;
+        type: PropType<TJoyTemplateSidebarSide>;
         default: string;
     };
     loading: {
@@ -13,20 +16,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     loadingColor: {
-        type: PropType<"light" | "dark">;
+        type: PropType<TJoyScreenLoaderColors>;
         default: string;
     };
+    /** Decorative purpose, on bottom right corner */
     shapes: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Takes 100% of free space */
     full: {
         type: BooleanConstructor;
         default: boolean;
     };
     sidebar: {
-        type: PropType<"left" | "right">;
+        type: PropType<TJoyTemplateSidebarSide>;
         default: string;
     };
     loading: {
@@ -34,27 +39,74 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     loadingColor: {
-        type: PropType<"light" | "dark">;
+        type: PropType<TJoyScreenLoaderColors>;
         default: string;
     };
+    /** Decorative purpose, on bottom right corner */
     shapes: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
     loading: boolean;
-    loadingColor: "light" | "dark";
+    loadingColor: TJoyScreenLoaderColors;
     full: boolean;
-    sidebar: "left" | "right";
+    sidebar: TJoyTemplateSidebarSide;
     shapes: boolean;
-}, {}>, {
-    "template-back"?(_: {}): any;
-    "template-title"?(_: {}): any;
-    "template-subtitle"?(_: {}): any;
-    "template-actions"?(_: {}): any;
-    "template-main"?(_: {}): any;
-    "template-sidebar"?(_: {}): any;
-    "template-loader-content"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Slot to inject a "back" button left to the title */
+    'template-back': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Main title of the template */
+    'template-title': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Not mandatory, subtitle of the component */
+    'template-subtitle': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Top right corner, free slot (mostly for CTA) */
+    'template-actions': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Main content section */
+    'template-main': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Aside content section */
+    'template-sidebar': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Customize the loading state content */
+    'template-loader-content': () => any;
+}> & {
+    /** Slot to inject a "back" button left to the title */
+    'template-back': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Main title of the template */
+    'template-title': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Not mandatory, subtitle of the component */
+    'template-subtitle': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Top right corner, free slot (mostly for CTA) */
+    'template-actions': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Main content section */
+    'template-main': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Aside content section */
+    'template-sidebar': () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /** Customize the loading state content */
+    'template-loader-content': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyText/VJoyText.vue.d.ts

@@ -25,8 +25,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     tagName: number | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "anchor" | "link" | "small" | "sub" | "sup" | "search" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "big" | "blink" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf";
     preset: TJoyTextFontPreset;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Main content */
+    default(): any;
+}> & {
+    /** Main content */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     autofocus: {
         type: BooleanConstructor;
@@ -24,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -95,7 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<TJoyLabelSizes>;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -131,17 +132,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     invalid: boolean;
     modelValue: string;
     autofocus: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: TJoyLabelSizes;
     requiredMark: boolean;
     modelModifiers: {
         lazy: boolean;
     };
     autogrow: boolean;
 }, {}>, Readonly<{
-    /** @slot Default slot if you need to render a custom label. */
+    /** Default slot if you need to render a custom label. */
     default: () => any;
 }> & {
-    /** @slot Default slot if you need to render a custom label. */
+    /** Default slot if you need to render a custom label. */
     default: () => any;
 }>;
 export default _default;

package/dist/components/JoyToggle/VJoyToggle.vue.d.ts

@@ -64,8 +64,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     invalid: boolean;
     value: string;
     modelValue: boolean;
-}, {}>, {
-    default?(_: {}): any;
+}, {}>, Readonly<{
+    /** Default slot if you need to render a custom label. */
+    default: () => any;
+}> & {
+    /** Default slot if you need to render a custom label. */
+    default: () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,3 +1,2 @@
 import { ProductColors } from '../../types';
 export type TJoyTooltipVariants = Extract<ProductColors, 'primary' | 'secondary'>;
-export declare const JOY_TOOLTIP_VARIANTS: TJoyTooltipVariants[];

package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     subTitle: {
         type: StringConstructor;
     };
+    /** Introduce a VJoyRatingStars component with given rating */
     ratingValue: {
         type: NumberConstructor;
     };
@@ -39,15 +40,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     subTitle: {
         type: StringConstructor;
     };
+    /** Introduce a VJoyRatingStars component with given rating */
     ratingValue: {
         type: NumberConstructor;
     };
-}>>, {}, {}>, {
-    "user-card-avatar"?(_: {}): any;
-    "user-card-title"?(_: {}): any;
-    "user-card-subtitle"?(_: {}): any;
-    "user-card-rating-stars"?(_: {}): any;
-    default?(_: {}): any;
+}>>, {}, {}>, Readonly<{
+    default(): any;
+    /** Customize the VJoyAvatar component by using this slot */
+    'user-card-avatar': () => any;
+    /** User name, basically */
+    'user-card-title': () => any;
+    'user-card-subtitle': () => any;
+    /** Use your own customized VJoyRatingStars here, if needed */
+    'user-card-rating-stars': () => any;
+}> & {
+    default(): any;
+    /** Customize the VJoyAvatar component by using this slot */
+    'user-card-avatar': () => any;
+    /** User name, basically */
+    'user-card-title': () => any;
+    'user-card-subtitle': () => any;
+    /** Use your own customized VJoyRatingStars here, if needed */
+    'user-card-rating-stars': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,10 +1,5 @@
-export declare const JUSTIFY_WRAPPER: readonly ["center", "space-between", "flex-start", "flex-end"];
-export type TJoyWrapperJustify = (typeof JUSTIFY_WRAPPER)[number];
-export declare const ALIGN_WRAPPER: readonly ["center", "flex-start", "flex-end", "stretch"];
-export type TJoyWrapperAlign = (typeof ALIGN_WRAPPER)[number];
-export declare const DIRECTION_WRAPPER: readonly ["row", "column"];
-export type TJoyWrapperDirection = (typeof DIRECTION_WRAPPER)[number];
-export declare const WRAP_WRAPPER: readonly ["nowrap", "wrap"];
-export type TJoyWrapperWrap = (typeof WRAP_WRAPPER)[number];
-export declare const GAP_WRAPPER: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
-export type TJoyWrapperGap = (typeof GAP_WRAPPER)[number];
+export type TJoyWrapperJustify = 'center' | 'space-between' | 'flex-start' | 'flex-end';
+export type TJoyWrapperAlign = 'center' | 'flex-start' | 'flex-end' | 'stretch';
+export type TJoyWrapperDirection = 'row' | 'column';
+export type TJoyWrapperWrap = 'nowrap' | 'wrap';
+export type TJoyWrapperGap = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';