@maltjoy/core-vue 1.0.0-alpha.6 → 1.0.0-alpha.8

package/README.md

@@ -14,4 +14,4 @@ Then import the CSS :
 
 ```css
 @use '@maltjoy/themes/dist/themes/default.css';
-```
+```

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

@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"main" | "secondary" | "primary" | "admin" | "ghost">;
+        type: PropType<"main" | "primary" | "secondary" | "admin" | "ghost">;
         default: string;
         validator(variant: ButtonVariants): boolean;
     };
@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     /** Button or Link color variant */
     variant: {
-        type: PropType<"main" | "secondary" | "primary" | "admin" | "ghost">;
+        type: PropType<"main" | "primary" | "secondary" | "admin" | "ghost">;
         default: string;
         validator(variant: ButtonVariants): boolean;
     };
@@ -71,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     circle: boolean;
     loading: boolean;
-    variant: "main" | "secondary" | "primary" | "admin" | "ghost";
+    variant: "main" | "primary" | "secondary" | "admin" | "ghost";
     size: ButtonSizes;
     iconSize: "small" | "xsmall" | "xxsmall";
 }>, {

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

@@ -4,17 +4,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Use it to replace the default slot */
     label: {
         type: StringConstructor;
     };
-    modelValue: {
+    /** Checked state of the component */
+    checked: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** The value is used in multiselection context in order to build array of values. */
     value: {
         type: StringConstructor;
         default: string;
     };
+    /** Removes any interactivity if disabled */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -22,10 +26,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
     };
-    invalid: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     name: {
         type: StringConstructor;
     };
@@ -35,23 +35,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {
     isIndeterminate: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:checked": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
     indeterminate: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Use it to replace the default slot */
     label: {
         type: StringConstructor;
     };
-    modelValue: {
+    /** Checked state of the component */
+    checked: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** The value is used in multiselection context in order to build array of values. */
     value: {
         type: StringConstructor;
         default: string;
     };
+    /** Removes any interactivity if disabled */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -59,10 +65,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
     };
-    invalid: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     name: {
         type: StringConstructor;
     };
@@ -71,13 +73,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }, {
     disabled: boolean;
     indeterminate: boolean;
-    modelValue: boolean;
+    checked: boolean;
     value: string;
-    invalid: boolean;
     required: boolean;
 }>, {
     default: (_: {}) => any;

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** Removes any interactivity */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -18,19 +19,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Display a label on top of the element. */
     label: StringConstructor;
+    /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
         type: PropType<"small" | "large" | "medium">;
         default: string;
     };
+    /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
     optionalLabel: StringConstructor;
+    /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
     requiredMark: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Used for aria-label. */
     labelDecrement: {
         type: StringConstructor;
     };
+    /** Used for aria-label. */
     labelIncrement: {
         type: StringConstructor;
     };
@@ -45,15 +52,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    /** In order to increment or decrement by given steps. For non-integer values, don't use comma */
     step: {
         type: NumberConstructor;
         default: number;
     };
-    componentErrorMessage: {
+    /** When given, it renders a JoyFormError element */
+    errorMessage: {
         type: StringConstructor;
     };
 }, {
     props: Readonly<import("vue").ExtractPropTypes<{
+        /** Removes any interactivity */
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -72,19 +82,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        /** Display a label on top of the element. */
         label: StringConstructor;
+        /** Overrides the default label size. See JoyLabel stories */
         labelSize: {
             type: PropType<"small" | "large" | "medium">;
             default: string;
         };
+        /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
         optionalLabel: StringConstructor;
+        /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
         requiredMark: {
             type: BooleanConstructor;
             default: boolean;
         };
+        /** Used for aria-label. */
         labelDecrement: {
             type: StringConstructor;
         };
+        /** Used for aria-label. */
         labelIncrement: {
             type: StringConstructor;
         };
@@ -99,15 +115,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        /** In order to increment or decrement by given steps. For non-integer values, don't use comma */
         step: {
             type: NumberConstructor;
             default: number;
         };
-        componentErrorMessage: {
+        /** When given, it renders a JoyFormError element */
+        errorMessage: {
             type: StringConstructor;
         };
     }>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Removes any interactivity */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -126,19 +147,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Display a label on top of the element. */
     label: StringConstructor;
+    /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
         type: PropType<"small" | "large" | "medium">;
         default: string;
     };
+    /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
     optionalLabel: StringConstructor;
+    /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
     requiredMark: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Used for aria-label. */
     labelDecrement: {
         type: StringConstructor;
     };
+    /** Used for aria-label. */
     labelIncrement: {
         type: StringConstructor;
     };
@@ -153,23 +180,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    /** In order to increment or decrement by given steps. For non-integer values, don't use comma */
     step: {
         type: NumberConstructor;
         default: number;
     };
-    componentErrorMessage: {
+    /** When given, it renders a JoyFormError element */
+    errorMessage: {
         type: StringConstructor;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
     disabled: boolean;
-    modelValue: number;
-    invalid: boolean;
     required: boolean;
+    invalid: boolean;
     labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
     min: number;
+    modelValue: number;
     step: number;
 }>, {
     default: (_: {}) => any;

package/dist/components/JoyFormError/JoyFormError.vue.d.ts

@@ -1,14 +1,18 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
     visible: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Error message to display. If you need a list of errors, use the slot instead */
     noHtmlErrorText: StringConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
     visible: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Error message to display. If you need a list of errors, use the slot instead */
     noHtmlErrorText: StringConstructor;
 }>>, {
     visible: boolean;

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

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

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

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

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

@@ -14,17 +14,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     name: {
         type: StringConstructor;
+        required: true;
     };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Display a label on top of the element. */
     label: StringConstructor;
+    /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
         type: PropType<"small" | "large" | "medium">;
         default: string;
     };
+    /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
     optionalLabel: StringConstructor;
+    /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
     requiredMark: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,10 +38,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /** Display a cross icon on the right that enables to clear the field */
     clearable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Add a JoyIcon / joy-icon with given name on left-side. */
     icon: StringConstructor;
     size: {
         type: PropType<InputSizes>;
@@ -44,8 +51,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator(size: InputSizes): boolean;
     };
     type: StringConstructor;
+    /** Adds a legend like symbol on the right of the component. Made for number based values */
     unit: StringConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -59,17 +69,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     name: {
         type: StringConstructor;
+        required: true;
     };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Display a label on top of the element. */
     label: StringConstructor;
+    /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
         type: PropType<"small" | "large" | "medium">;
         default: string;
     };
+    /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
     optionalLabel: StringConstructor;
+    /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
     requiredMark: {
         type: BooleanConstructor;
         default: boolean;
@@ -78,10 +93,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /** Display a cross icon on the right that enables to clear the field */
     clearable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Add a JoyIcon / joy-icon with given name on left-side. */
     icon: StringConstructor;
     size: {
         type: PropType<InputSizes>;
@@ -89,17 +106,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         validator(size: InputSizes): boolean;
     };
     type: StringConstructor;
+    /** Adds a legend like symbol on the right of the component. Made for number based values */
     unit: StringConstructor;
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     size: InputSizes;
     disabled: boolean;
-    modelValue: string;
-    invalid: boolean;
     required: boolean;
+    invalid: boolean;
     labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
+    modelValue: string;
     clearable: boolean;
 }>, {
     default: (_: {}) => any;

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

@@ -0,0 +1,86 @@
+import { PropType } from 'vue';
+export interface Option {
+    id: string;
+    name?: string;
+    value: string;
+    label: string;
+    subLabel?: string;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @default false
+     */
+    required?: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<Option[]>;
+        required: true;
+        validator(value: Array<Option>): boolean;
+    };
+    id: StringConstructor;
+    value: {
+        type: PropType<any[]>;
+        default(): never[];
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: StringConstructor;
+    labelSize: {
+        type: PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<Option[]>;
+        required: true;
+        validator(value: Array<Option>): boolean;
+    };
+    id: StringConstructor;
+    value: {
+        type: PropType<any[]>;
+        default(): never[];
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: StringConstructor;
+    labelSize: {
+        type: PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:value"?: ((value: any[]) => any) | undefined;
+}, {
+    value: any[];
+    required: boolean;
+    labelSize: "small" | "large" | "medium";
+    requiredMark: boolean;
+    fullWidth: boolean;
+}>;
+export default _default;

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

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

package/dist/components/JoyPanel/JoyPanel.vue.d.ts

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+import { PanelSizes } from './JoyPanel.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    flex: {
+        type: StringConstructor;
+    };
+    noMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    padding: {
+        type: PropType<PanelSizes>;
+        defaut: string;
+        validator(size: PanelSizes): boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    flex: {
+        type: StringConstructor;
+    };
+    noMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    padding: {
+        type: PropType<PanelSizes>;
+        defaut: string;
+        validator(size: PanelSizes): boolean;
+    };
+}>>, {
+    noMargin: boolean;
+}>, {
+    'panel-title': (_: {}) => any;
+    'panel-title-action': (_: {}) => any;
+    'panel-subtitle': (_: {}) => any;
+    'panel-body': (_: {}) => any;
+    'panel-action': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyPanelSection/JoyPanelSection.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+    'panel-section-title': (_: {}) => any;
+    'panel-section-content': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -27,11 +27,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     value: {
         type: StringConstructor;
+        required: true;
     };
 }, {
     checked: import("vue").ComputedRef<boolean>;
     isExpanded: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -59,13 +62,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     value: {
         type: StringConstructor;
+        required: true;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     disabled: boolean;
-    invalid: boolean;
     required: boolean;
+    invalid: boolean;
     theme: "default" | "outline";
 }>, {
     default: (_: {}) => any;

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

@@ -32,7 +32,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -66,14 +68,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     disabled: boolean;
-    modelValue: string;
-    invalid: boolean;
     required: boolean;
+    invalid: boolean;
     labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
+    modelValue: string;
 }>, {
     label: (_: {}) => any;
     default: (_: {}) => any;

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

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