@maltjoy/core-vue 3.27.2 → 3.28.0

package/dist/components/JoyProductTourTrigger/VJoyProductTourTrigger.vue.d.ts

@@ -0,0 +1,310 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    /** VJoyProductTour ref. */
+    productTour: ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly step?: number | undefined;
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly open?: boolean | undefined;
+            readonly steps?: number | undefined;
+            readonly position?: "left" | "right" | "bottom" | "top" | undefined;
+            readonly maxWidth?: number | undefined;
+            readonly disableOverlay?: boolean | undefined;
+            readonly spotlightPadding?: number | undefined;
+            readonly spotlightSelector?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+            };
+            step: {
+                type: import("vue").PropType<number>;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+            };
+            step: {
+                type: import("vue").PropType<number>;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, {
+            show: () => void;
+            hide: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Omit<Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+        };
+        steps: {
+            type: import("vue").PropType<number>;
+        };
+        step: {
+            type: import("vue").PropType<number>;
+        };
+        position: {
+            type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+        };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+        };
+        disableOverlay: {
+            type: import("vue").PropType<boolean>;
+        };
+        spotlightPadding: {
+            type: import("vue").PropType<number>;
+        };
+        spotlightSelector: {
+            type: import("vue").PropType<string>;
+        };
+    }>>, "hide" | "show"> & import("vue").ShallowUnwrapRef<{
+        show: () => void;
+        hide: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("../JoyProductTour/JoyProductTour.types.js").VJoyProductTourSlots> & import("../JoyProductTour/JoyProductTour.types.js").VJoyProductTourSlots;
+    }) | null | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    /** VJoyProductTour ref. */
+    productTour: ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly step?: number | undefined;
+            readonly icon?: import("@maltjoy/icons").JoyIconsId | undefined;
+            readonly open?: boolean | undefined;
+            readonly steps?: number | undefined;
+            readonly position?: "left" | "right" | "bottom" | "top" | undefined;
+            readonly maxWidth?: number | undefined;
+            readonly disableOverlay?: boolean | undefined;
+            readonly spotlightPadding?: number | undefined;
+            readonly spotlightSelector?: string | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+            };
+            step: {
+                type: import("vue").PropType<number>;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+            };
+            steps: {
+                type: import("vue").PropType<number>;
+            };
+            step: {
+                type: import("vue").PropType<number>;
+            };
+            position: {
+                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+            };
+            disableOverlay: {
+                type: import("vue").PropType<boolean>;
+            };
+            spotlightPadding: {
+                type: import("vue").PropType<number>;
+            };
+            spotlightSelector: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, {
+            show: () => void;
+            hide: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Omit<Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<import("@maltjoy/icons").JoyIconsId>;
+        };
+        steps: {
+            type: import("vue").PropType<number>;
+        };
+        step: {
+            type: import("vue").PropType<number>;
+        };
+        position: {
+            type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+        };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+        };
+        disableOverlay: {
+            type: import("vue").PropType<boolean>;
+        };
+        spotlightPadding: {
+            type: import("vue").PropType<number>;
+        };
+        spotlightSelector: {
+            type: import("vue").PropType<string>;
+        };
+    }>>, "hide" | "show"> & import("vue").ShallowUnwrapRef<{
+        show: () => void;
+        hide: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Readonly<import("../JoyProductTour/JoyProductTour.types.js").VJoyProductTourSlots> & import("../JoyProductTour/JoyProductTour.types.js").VJoyProductTourSlots;
+    }) | null | undefined;
+}>>> & {
+    onClick?: (() => any) | undefined;
+}, {}, {}>, Readonly<{
+    /** Default slot where you can render anything you need. Most of the time it's a VJoyButton */
+    default: () => any;
+}> & {
+    /** Default slot where you can render anything you need. Most of the time it's a VJoyButton */
+    default: () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $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/JoyProgressBar/JoyProgressBar.types.d.ts

@@ -1,3 +1,2 @@
-import { GENERIC_VARIANTS } from '../../types';
-export type TJoyProgressBarColors = (typeof GENERIC_VARIANTS)[number];
-export declare const PROGRESSBAR_VARIANT: string[];
+import { TGenericVariants, TLevels } from '../../types';
+export type TJoyProgressBarColors = TGenericVariants | Exclude<TLevels, 'info' | 'neutral'>;

package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts

@@ -1,7 +1,9 @@
 import { PropType } from 'vue';
+import { TJoyProgressBarColors } from './JoyProgressBar.types';
 declare const _default: import("vue").DefineComponent<{
+    /** import TJoyProgressBarColors */
     color: {
-        type: PropType<"primary" | "secondary">;
+        type: PropType<TJoyProgressBarColors>;
         default: string;
     };
     /**
@@ -26,8 +28,9 @@ declare const _default: import("vue").DefineComponent<{
     computeInnerWidth: import("vue").ComputedRef<string>;
     computedPercentage: import("vue").Ref<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** import TJoyProgressBarColors */
     color: {
-        type: PropType<"primary" | "secondary">;
+        type: PropType<TJoyProgressBarColors>;
         default: string;
     };
     /**
@@ -49,6 +52,6 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
     };
 }>>, {
-    color: "primary" | "secondary";
+    color: TJoyProgressBarColors;
 }, {}>;
 export default _default;

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

@@ -1,2 +1 @@
-export declare const RADIO_THEMES: readonly ["default", "outline"];
-export type RadioThemes = (typeof RADIO_THEMES)[number];
+export type RadioThemes = 'default' | 'outline';

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { RadioThemes } from './JoyRadio.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: {
         type: BooleanConstructor;
@@ -21,8 +22,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
     };
+    /** Change the layout by using this property */
     theme: {
-        type: PropType<"default" | "outline">;
+        type: PropType<RadioThemes>;
         default: string;
     };
     value: {
@@ -56,8 +58,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
     };
+    /** Change the layout by using this property */
     theme: {
-        type: PropType<"default" | "outline">;
+        type: PropType<RadioThemes>;
         default: string;
     };
     value: {
@@ -67,14 +70,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }, {
-    required: boolean;
     disabled: boolean;
+    required: boolean;
     invalid: boolean;
-    theme: "default" | "outline";
-}, {}>, {
-    default?(_: {}): any;
-    "radio-content"?(_: {}): any;
-    "expandable-content"?(_: {}): any;
+    theme: RadioThemes;
+}, {}>, Readonly<{
+    /** Default label of the radio */
+    default(): any;
+    /** Sub-content, pre-styled. */
+    'radio-content': () => any;
+    /** When using the theme outline, use this slot to inject hidden content */
+    'expandable-content': () => any;
+}> & {
+    /** Default label of the radio */
+    default(): any;
+    /** Sub-content, pre-styled. */
+    'radio-content': () => any;
+    /** When using the theme outline, use this slot to inject hidden content */
+    'expandable-content': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,2 +1 @@
-export declare const RADIO_GROUP_DIRECTION: readonly ["vertical", "horizontal"];
-export type RadioGroupDirection = (typeof RADIO_GROUP_DIRECTION)[number];
+export type RadioGroupDirection = 'vertical' | 'horizontal';

package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts

@@ -1,10 +1,11 @@
 import { PropType } from 'vue';
+import { RadioGroupDirection } from './JoyRadioGroup.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * Change the layout
      */
     direction: {
-        type: PropType<"vertical" | "horizontal">;
+        type: PropType<RadioGroupDirection>;
         default: string;
     };
     /**
@@ -21,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * Change the layout
      */
     direction: {
-        type: PropType<"vertical" | "horizontal">;
+        type: PropType<RadioGroupDirection>;
         default: string;
     };
     /**
@@ -34,10 +35,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }>>, {
-    direction: "vertical" | "horizontal";
-}, {}>, {
-    "radio-group-legend"?(_: {}): any;
-    default?(_: {}): any;
+    direction: RadioGroupDirection;
+}, {}>, Readonly<{
+    /** Label of the radio group */
+    'radio-group-legend': () => any;
+    /** Use it to render the VJoyRadio */
+    default(): any;
+}> & {
+    /** Label of the radio group */
+    'radio-group-legend': () => any;
+    /** Use it to render the VJoyRadio */
+    default(): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

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

package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts

@@ -1,10 +1,12 @@
 import { PropType } from 'vue';
 import { TJoyRatingStarsSizes } from './JoyRatingStars.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Between 0 and 5 */
     ratingValue: {
         type: NumberConstructor;
         default: number;
     };
+    /** Display the amount of review leading to the rating value */
     reviewCount: {
         type: NumberConstructor;
         default: number;
@@ -16,10 +18,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     setStars: import("vue").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Between 0 and 5 */
     ratingValue: {
         type: NumberConstructor;
         default: number;
     };
+    /** Display the amount of review leading to the rating value */
     reviewCount: {
         type: NumberConstructor;
         default: number;
@@ -32,8 +36,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: TJoyRatingStarsSizes;
     ratingValue: number;
     reviewCount: number;
-}, {}>, {
-    "rating-stars-content"?(_: {}): any;
+}, {}>, Readonly<{
+    /** Use this to inject some basic text */
+    'rating-stars-content': () => any;
+}> & {
+    /** Use this to inject some basic text */
+    'rating-stars-content': () => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts

@@ -1,2 +1 @@
-export declare const COLORS: readonly ["dark", "light"];
-export type TJoyScreenLoaderColors = (typeof COLORS)[number];
+export type TJoyScreenLoaderColors = 'dark' | 'light';

package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts

@@ -1,8 +1,9 @@
 import { PropType } from 'vue';
+import { TJoyScreenLoaderColors } from './VJoyScreenLoader.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Light or dark. Changes the spinner and background color */
     color: {
-        type: PropType<"light" | "dark">;
+        type: PropType<TJoyScreenLoaderColors>;
         default: string;
     };
     /** The overlay mode set the component in an absolute position, and covers all the parent's area. */
@@ -13,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Light or dark. Changes the spinner and background color */
     color: {
-        type: PropType<"light" | "dark">;
+        type: PropType<TJoyScreenLoaderColors>;
         default: string;
     };
     /** The overlay mode set the component in an absolute position, and covers all the parent's area. */
@@ -22,11 +23,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    color: "light" | "dark";
+    color: TJoyScreenLoaderColors;
     overlay: boolean;
-}, {}>, {
-    spinner?(_: {}): any;
-    content?(_: {}): any;
+}, {}>, Readonly<{
+    /** Override the spinner */
+    spinner?: (() => any) | undefined;
+    /** Inject text or whatever you want below the spinner */
+    content?: (() => any) | undefined;
+}> & {
+    /** Override the spinner */
+    spinner?: (() => any) | undefined;
+    /** Inject text or whatever you want below the spinner */
+    content?: (() => any) | undefined;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

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

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: {
@@ -81,21 +82,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    size: TJoySelectSizes;
-    required: boolean;
     disabled: boolean;
+    required: boolean;
+    size: TJoySelectSizes;
     invalid: boolean;
     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/JoySelectableItem/VJoySelectableItem.vue.d.ts

@@ -86,12 +86,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:checked"?: ((value: string | boolean) => any) | undefined;
 }, {
-    required: boolean;
-    disabled: boolean;
     checked: boolean;
-    invalid: boolean;
+    disabled: boolean;
     multiple: boolean;
+    required: boolean;
+    invalid: boolean;
 }, {}>, {
+    default?(_: {}): any;
     default?(_: {}): any;
     "selectable-item-sublabel"?(_: {}): any;
 }>;