@maltjoy/core-vue 5.17.0 → 5.19.0

package/dist/components/JoyAvailability/VJoyAvailability.figma.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -4,6 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     /**
      * If you only need a button with an icon. To keep your component accessible, you can give a text as slot, it will be used as title and aria-label.
      * This property takes effect only if icon property is set
+     * @deprecated Use `VJoyIconButton` instead.
      */
     circle: {
         type: BooleanConstructor;
@@ -53,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     /**
      * If you only need a button with an icon. To keep your component accessible, you can give a text as slot, it will be used as title and aria-label.
      * This property takes effect only if icon property is set
+     * @deprecated Use `VJoyIconButton` instead.
      */
     circle: {
         type: BooleanConstructor;

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

@@ -0,0 +1,13 @@
+import type { Component } from 'vue';
+export type TJoyButtonCardType = 'a' | 'button' | Component;
+export type TJoyButtonCardAlign = 'left' | 'center' | 'right';
+export interface VJoyButtonCardProps {
+    /** Disabled state */
+    disabled?: boolean;
+    /** Native href for anchor rendering */
+    href?: string;
+    /** HTML element or Vue component to render */
+    type?: TJoyButtonCardType;
+    /** Content alignment inside the card */
+    align?: TJoyButtonCardAlign;
+}

package/dist/components/JoyButtonCard/VJoyButtonCard.vue.d.ts

@@ -0,0 +1,18 @@
+import type { VJoyButtonCardProps } from './JoyButtonCard.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyButtonCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VJoyButtonCardProps> & Readonly<{}>, {
+    type: import("./JoyButtonCard.types").TJoyButtonCardType;
+    disabled: boolean;
+    align: import("./JoyButtonCard.types").TJoyButtonCardAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Main content for the card */
+    default(): any;
+}> & {
+    /** Main content for the card */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,26 @@
+export interface VJoyCheckboxProps {
+    /** 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?: boolean;
+    /**
+     * Internal purpose in order to prevent double focus mark on selectable-item
+     * @internal
+     */
+    displayFocus?: boolean;
+    /** Use it to replace the default slot */
+    label?: string;
+    /** Checked state of the component */
+    checked?: boolean;
+    /**
+     * Invalid state of the component
+     *
+     * Note: A checked checkbox cannot be invalid (the `checked` state takes priority over `invalid` state).
+     */
+    invalid?: boolean;
+    /** The value is used in multiselection context in order to build array of values. */
+    value?: string;
+    /** Removes any interactivity if disabled */
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    required?: boolean;
+}

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

@@ -1,114 +1,11 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<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;
-    };
-    /**
-     * Internal purpose in order to prevent double focus mark on selectable-item
-     * @internal
-     */
-    displayFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Use it to replace the default slot */
-    label: {
-        type: StringConstructor;
-    };
-    /** Checked state of the component */
-    checked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Invalid state of the component
-     *
-     * Note: A checked checkbox cannot be invalid (the `checked` state takes priority over `invalid` state).
-     */
-    invalid: {
-        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;
-    };
-    id: {
-        type: StringConstructor;
-    };
-    name: {
-        type: StringConstructor;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
+import type { VJoyCheckboxProps } from './JoyCheckbox.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyCheckboxProps, {
     isIndeterminate: import("vue").Ref<boolean, boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     blur: () => any;
     focus: () => any;
     "update:checked": (value: boolean) => any;
-}, string, import("vue").PublicProps, 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;
-    };
-    /**
-     * Internal purpose in order to prevent double focus mark on selectable-item
-     * @internal
-     */
-    displayFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Use it to replace the default slot */
-    label: {
-        type: StringConstructor;
-    };
-    /** Checked state of the component */
-    checked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Invalid state of the component
-     *
-     * Note: A checked checkbox cannot be invalid (the `checked` state takes priority over `invalid` state).
-     */
-    invalid: {
-        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;
-    };
-    id: {
-        type: StringConstructor;
-    };
-    name: {
-        type: StringConstructor;
-    };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<VJoyCheckboxProps> & Readonly<{
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
@@ -120,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     checked: boolean;
     indeterminate: boolean;
     displayFocus: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
     /** Default slot for checkbox label. You can as well use the label property. */
     default(): any;
     /** For additional content */

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

@@ -0,0 +1,7 @@
+import type { VJoyCheckboxProps } from '../JoyCheckbox/JoyCheckbox.types';
+export interface VJoyCheckboxCardProps extends Omit<VJoyCheckboxProps, 'displayFocus'> {
+    /** Secondary label displayed below the main label */
+    subLabel?: string;
+    /** Whether the checkbox card should fit its content */
+    fitContent?: boolean;
+}

package/dist/components/JoyCheckboxCard/VJoyCheckboxCard.vue.d.ts

@@ -0,0 +1,35 @@
+import type { VJoyCheckboxCardProps } from './JoyCheckboxCard.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyCheckboxCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: () => any;
+    focus: () => any;
+    "update:checked": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<VJoyCheckboxCardProps> & Readonly<{
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+}>, {
+    invalid: boolean;
+    required: boolean;
+    disabled: boolean;
+    value: string;
+    checked: boolean;
+    indeterminate: boolean;
+    subLabel: string;
+    fitContent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Right aligned free slot, displayed next to the main label. */
+    'header-right': () => any;
+    /** Free content slot, displayed below label and sublabel. */
+    'checkbox-card-content': () => any;
+}> & {
+    /** Right aligned free slot, displayed next to the main label. */
+    'header-right': () => any;
+    /** Free content slot, displayed below label and sublabel. */
+    'checkbox-card-content': () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyCheckboxGroup/VJoyCheckboxGroup.vue.d.ts

@@ -0,0 +1,67 @@
+import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
+export interface Option {
+    id: string;
+    name?: string;
+    value: string;
+    label: string;
+    subLabel?: string;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @default false
+     */
+    required?: boolean;
+}
+export type CheckboxGroupDirection = 'vertical' | 'horizontal';
+export interface CheckboxGroupProps {
+    options?: Option[];
+    id?: string;
+    /** TODO: better typings */
+    value?: any[];
+    /** Switch checkboxes layout direction. */
+    direction?: CheckboxGroupDirection;
+    required?: boolean;
+    /** Use VJoyLabel if you need to customize the label HTML. */
+    label?: string;
+    labelSize?: TJoyLabelSizes;
+    optionalLabel?: string;
+    requiredMark?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:value": (value: any[]) => any;
+}, string, import("vue").PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
+    "onUpdate:value"?: ((value: any[]) => any) | undefined;
+}>, {
+    required: boolean;
+    value: any[];
+    options: Option[];
+    direction: CheckboxGroupDirection;
+    labelSize: TJoyLabelSizes;
+    requiredMark: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /**
+     * Allows explicit declaration of VJoyCheckbox / VJoyCheckboxCard children in the group.
+     *
+     * **Important**: v-model has to be handled by consumer.
+     */
+    default?: (() => any) | undefined;
+    /** Customize the inner content of each checkboxes */
+    checkbox?: ((option: Option) => any) | undefined;
+}> & {
+    /**
+     * Allows explicit declaration of VJoyCheckbox / VJoyCheckboxCard children in the group.
+     *
+     * **Important**: v-model has to be handled by consumer.
+     */
+    default?: (() => any) | undefined;
+    /** Customize the inner content of each checkboxes */
+    checkbox?: ((option: Option) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts

@@ -71,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     /**
-     * Display a reset CTA on top of the dropdown list. Useful when using a VJoyMultiCheckbox.
+     * Display a reset CTA on top of the dropdown list. Useful when using a VJoyCheckboxGroup.
      * Please note that is does not automatically apply changes to you models, it simply fires a **dropdown:reset** custom event
      * */
     reset: {
@@ -160,7 +160,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     /**
-     * Display a reset CTA on top of the dropdown list. Useful when using a VJoyMultiCheckbox.
+     * Display a reset CTA on top of the dropdown list. Useful when using a VJoyCheckboxGroup.
      * Please note that is does not automatically apply changes to you models, it simply fires a **dropdown:reset** custom event
      * */
     reset: {
@@ -194,7 +194,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     'dropdown-button': () => any;
     /** Header that will be injected in the VJoyDropdownList */
     'dropdown-header'?: (() => any) | undefined;
-    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyMultiCheckbox for instance. */
+    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyCheckboxGroup for instance. */
     'dropdown-items'?: (() => any) | undefined;
     /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots  */
     'dropdown-item'?: ((option: TJoyDropdownOption) => any) | undefined;
@@ -205,7 +205,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     'dropdown-button': () => any;
     /** Header that will be injected in the VJoyDropdownList */
     'dropdown-header'?: (() => any) | undefined;
-    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyMultiCheckbox for instance. */
+    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyCheckboxGroup for instance. */
     'dropdown-items'?: (() => any) | undefined;
     /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots  */
     'dropdown-item'?: ((option: TJoyDropdownOption) => any) | undefined;

package/dist/components/JoyFloatingActionsBar/VJoyFloatingActionsBar.vue.d.ts

@@ -0,0 +1,30 @@
+import type { TeleportProps } from 'vue';
+export interface Props {
+    /** Height of the bar. Adjust when the default does not fit your content. */
+    height?: string;
+    /** CSS selector or DOM element used as the Teleport target. */
+    appendTo?: TeleportProps['to'];
+    /** Controls the horizontal distribution of the inner content. */
+    justify?: 'space-between' | 'space-around' | 'space-evenly' | 'flex-start' | 'flex-end' | 'center';
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    height: string;
+    justify: "center" | "space-between" | "flex-start" | "flex-end" | "space-around" | "space-evenly";
+    appendTo: string | import("vue").RendererElement | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Content slot, placed on the left side of the bar */
+    content: () => any;
+    /** Actions slot, placed on the right side */
+    actions: () => any;
+}> & {
+    /** Content slot, placed on the left side of the bar */
+    content: () => any;
+    /** Actions slot, placed on the right side */
+    actions: () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,5 @@
+import { TJoyButtonSizes, TJoyButtonVariants } from '../JoyButton/JoyButton.types';
+import { TJoyIconsNames } from '../JoyIcon/JoyIcon.types';
+export type TJoyIconButtonVariants = TJoyButtonVariants;
+export type TJoyIconButtonSizes = TJoyButtonSizes;
+export type TJoyIconButtonIconNames = TJoyIconsNames;

package/dist/components/JoyIconButton/JoyIconButton.wip.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/JoyIconButton/VJoyIconButton.vue.d.ts

@@ -0,0 +1,80 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Name of the icon displayed inside the button */
+    icon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+        required: true;
+    };
+    /**
+     * Accessible label used when no default slot is provided.
+     * The text is hidden visually by JoyIconButton styles.
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /** Change the component's state and display a JoySpinner. */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Button or Link color variant */
+    variant: {
+        type: PropType<import("../components.types.js").TJoyButtonVariants>;
+        default: string;
+    };
+    /** Button or Link size */
+    size: {
+        type: PropType<import("../components.types.js").TJoyButtonSizes>;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Name of the icon displayed inside the button */
+    icon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+        required: true;
+    };
+    /**
+     * Accessible label used when no default slot is provided.
+     * The text is hidden visually by JoyIconButton styles.
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /** Change the component's state and display a JoySpinner. */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Button or Link color variant */
+    variant: {
+        type: PropType<import("../components.types.js").TJoyButtonVariants>;
+        default: string;
+    };
+    /** Button or Link size */
+    size: {
+        type: PropType<import("../components.types.js").TJoyButtonSizes>;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: import("../components.types.js").TJoyButtonSizes;
+    loading: boolean;
+    variant: import("../components.types.js").TJoyButtonVariants;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Accessible label for the icon button */
+    default(): any;
+}> & {
+    /** Accessible label for the icon button */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -12,9 +12,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJ
     size: import("./JoyInput.types").TJoyInputSizes;
     required: boolean;
     disabled: boolean;
-    autofocus: boolean;
     labelSize: import("../JoyLabel/JoyLabel.types").TJoyLabelSizes;
     requiredMark: boolean;
+    autofocus: boolean;
     modelModifiers: Partial<Record<"number" | "trim" | "lazy", boolean>>;
     clearable: boolean;
     readonly: boolean;

package/dist/components/JoyInputNumber/VJoyInputNumber.vue.d.ts

@@ -0,0 +1,23 @@
+import type { VJoyInputProps } from '../JoyInput/JoyInput.types';
+type VJoyInputNumberProps = Omit<VJoyInputProps, 'clearable' | 'clearAriaLabel'>;
+declare function focus(): void;
+declare const _default: import("vue").DefineComponent<VJoyInputNumberProps, {
+    focus: typeof focus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<VJoyInputNumberProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    invalid: boolean;
+    type: string;
+    name: string;
+    required: boolean;
+    disabled: boolean;
+    labelSize: import("../components.types.js").TJoyLabelSizes;
+    requiredMark: boolean;
+    autofocus: boolean;
+    modelModifiers: Partial<Record<"number" | "trim" | "lazy", boolean>>;
+    unit: string;
+    readonly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/JoyInputPassword/VJoyInputPassword.vue.d.ts

@@ -12,9 +12,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJ
     name: string;
     required: boolean;
     disabled: boolean;
-    autofocus: boolean;
     labelSize: import("../components.types.js").TJoyLabelSizes;
     requiredMark: boolean;
+    autofocus: boolean;
     modelModifiers: Partial<Record<"number" | "trim" | "lazy", boolean>>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
     /** Slot used to inject password requirements. Use VJoyPasswordRequirement component to display the requirements. */

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

@@ -1,50 +1,6 @@
-import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
-export interface Option {
-    id: string;
-    name?: string;
-    value: string;
-    label: string;
-    subLabel?: string;
-    /**
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * @default false
-     */
-    required?: boolean;
-}
-interface MulticheckboxProps {
-    options: Option[];
-    id?: string;
-    /** TODO: better typings */
-    value?: any[];
-    required?: boolean;
-    /** Use VJoyLabel if you need to customize the label HTML. */
-    label?: string;
-    labelSize?: TJoyLabelSizes;
-    optionalLabel?: string;
-    requiredMark?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<MulticheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:value": (value: any[]) => any;
-}, string, import("vue").PublicProps, Readonly<MulticheckboxProps> & Readonly<{
-    "onUpdate:value"?: ((value: any[]) => any) | undefined;
-}>, {
-    required: boolean;
-    value: any[];
-    labelSize: TJoyLabelSizes;
-    requiredMark: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
-    /** Customize the inner content of each checkboxes */
-    checkbox?: ((option: Option) => any) | undefined;
-}> & {
-    /** Customize the inner content of each checkboxes */
-    checkbox?: ((option: Option) => any) | undefined;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+/**
+ * @deprecated Use VJoyCheckboxGroup instead. This component is kept for backward compatibility.
+ */
+import VJoyCheckboxGroup from '../JoyCheckboxGroup/VJoyCheckboxGroup.vue';
+export type { Option } from '../JoyCheckboxGroup/VJoyCheckboxGroup.vue';
+export default VJoyCheckboxGroup;

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

@@ -31,7 +31,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     computeInnerWidth: import("vue").ComputedRef<string>;
-    computedPercentage: import("vue").Ref<number, number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** import TJoyProgressBarColors */
     color: {

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

@@ -96,8 +96,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     size: TJoySelectSizes;
     required: boolean;
     disabled: boolean;
-    modelValue: string | number | null;
     requiredMark: boolean;
+    modelValue: string | number | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
     /** Use native <option> tags here */
     default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {

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

@@ -132,10 +132,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     invalid: boolean;
     required: boolean;
     disabled: boolean;
-    modelValue: string;
-    autofocus: boolean;
     labelSize: TJoyLabelSizes;
     requiredMark: boolean;
+    modelValue: string;
+    autofocus: boolean;
     modelModifiers: {
         lazy: boolean;
     };

package/dist/components/compat.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Backward compatibility type re-exports.
+ * VJoyMultiCheckbox has been renamed to VJoyCheckboxGroup.
+ * Component re-exports (VJoyCheckboxGroup / VJoyMultiCheckbox) are handled
+ * by the auto-generated barrel in index.ts via directory scanning.
+ * This file only re-exports the associated types under both old and new names.
+ */
+export type { Option as CheckboxGroupOption, CheckboxGroupProps } from './JoyCheckboxGroup/VJoyCheckboxGroup.vue';
+/** @deprecated Use CheckboxGroupOption instead */
+export type { Option as MultiCheckboxOption } from './JoyCheckboxGroup/VJoyCheckboxGroup.vue';
+/** @deprecated Use CheckboxGroupProps instead */
+export type { CheckboxGroupProps as MulticheckboxProps } from './JoyCheckboxGroup/VJoyCheckboxGroup.vue';

package/dist/components/component-metadata.d.ts

@@ -0,0 +1,22 @@
+export declare const COMPONENT_CATEGORIES: Readonly<{
+    readonly ADMIN: "Admin";
+    readonly BUTTONS: "Buttons";
+    readonly FORMS: "Forms";
+    readonly FUNCTIONAL: "Functional";
+    readonly ICONS: "Icons";
+    readonly LAYOUT: "Layout";
+    readonly LOADER: "Loader";
+    readonly NAVIGATION: "Navigation";
+    readonly OVERLAYS: "Overlays";
+    readonly SKELETONS: "Skeletons";
+    readonly VIEW: "View";
+}>;
+export type TJoyComponentCategory = (typeof COMPONENT_CATEGORIES)[keyof typeof COMPONENT_CATEGORIES];
+export interface TJoyComponentMetadata {
+    category: TJoyComponentCategory;
+    description?: string;
+    ignoreMcpDocumentation?: boolean;
+}
+export declare const COMPONENT_CATEGORY_VALUES: readonly ("Admin" | "Buttons" | "Forms" | "Functional" | "Icons" | "Layout" | "Loader" | "Navigation" | "Overlays" | "Skeletons" | "View")[];
+export declare function defineComponentMetadata(metadata: TJoyComponentMetadata): TJoyComponentMetadata;
+export declare function parseComponentMetadataMarkdown(markdown: string): TJoyComponentMetadata;