@maltjoy/core-vue 1.0.0-beta.1 → 1.0.0-beta.2

package/README.md

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

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

@@ -6,8 +6,4 @@ export type ButtonVariants = (typeof BUTTON_VARIANTS)[number];
 /** BUTTON SIZES */
 export type ButtonSizes = Exclude<(typeof SIZES)[number], 'xlarge'>;
 export declare const BUTTON_SIZES: ButtonSizes[];
-/** BUTTON ICON SIZES */
-type ButtonSpecificIconsSizes = Exclude<(typeof SIZES)[number], 'xlarge' | 'large' | 'medium'>;
-export declare const ICON_SIZES: ButtonSpecificIconsSizes[];
-export type IconSizes = (typeof ICON_SIZES)[number];
 export {};

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

@@ -1,4 +1,4 @@
-import { ButtonSizes, ButtonVariants, IconSizes } from './JoyButton.types';
+import { ButtonSizes, ButtonVariants } from './JoyButton.types';
 import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
@@ -28,12 +28,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator(variant: ButtonSizes): boolean;
     };
-    /** Override the icon size. Default to xsmall */
-    iconSize: {
-        type: PropType<"small" | "xxsmall" | "xsmall">;
-        default: string;
-        validator(iconSize: IconSizes): boolean;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * 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.
@@ -62,18 +56,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         validator(variant: ButtonSizes): boolean;
     };
-    /** Override the icon size. Default to xsmall */
-    iconSize: {
-        type: PropType<"small" | "xxsmall" | "xsmall">;
-        default: string;
-        validator(iconSize: IconSizes): boolean;
-    };
 }>>, {
     circle: boolean;
     loading: boolean;
     variant: "main" | "ghost" | "secondary" | "primary" | "admin";
     size: ButtonSizes;
-    iconSize: "small" | "xxsmall" | "xsmall";
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -75,9 +75,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }, {
+    checked: boolean;
     disabled: boolean;
     indeterminate: boolean;
-    checked: boolean;
     value: string;
     required: boolean;
 }>, {

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

@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -86,7 +86,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         label: StringConstructor;
         /** Overrides the default label size. See JoyLabel stories */
         labelSize: {
-            type: PropType<"small" | "large" | "medium">;
+            type: PropType<"small" | "medium" | "large">;
             default: string;
         };
         /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -151,7 +151,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -194,12 +194,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     required: boolean;
-    invalid: boolean;
-    labelSize: "small" | "large" | "medium";
-    requiredMark: boolean;
     modelValue: number;
     min: number;
     step: number;
+    invalid: boolean;
+    labelSize: "small" | "medium" | "large";
+    requiredMark: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -0,0 +1,4 @@
+export declare const DROPDOWN_DIRECTIONS: readonly ["up", "down"];
+export type DropdownDirections = typeof DROPDOWN_DIRECTIONS[number];
+export declare const DROPDOWN_JUSTIFY: readonly ["left", "right"];
+export type DropdownJustify = typeof DROPDOWN_JUSTIFY[number];

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

@@ -0,0 +1,180 @@
+import { PropType } from 'vue';
+import { DropdownListSizes } from '../JoyDropdownList/JoyDropdownList.types';
+export interface Option {
+    id?: string;
+    value?: string;
+    label: string;
+    href?: string;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @default false
+     */
+    checked?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /** DOM valid selector to give to Vue3 Teleport "to" property */
+    appendTo: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
+    /**
+     * Disable teleport for testing purpose mostly.
+     */
+    disableTeleport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** close the dropdown list when clicking on any item. Default to false */
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Dropdown vertical position according to the trigger */
+    direction: {
+        type: PropType<"up" | "down">;
+        default: string;
+    };
+    /** Dropdown horizontal justify according to the trigger */
+    justify: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    /**
+     * ```
+     * interface Option {id?: string; value?: string; label: string; href?: string; disabled?:boolean; checked?:boolean}
+     * ```
+     */
+    options: {
+        type: PropType<Option[]>;
+        validator(value: Array<Option>): boolean;
+        default(): never[];
+    };
+    size: {
+        type: PropType<DropdownListSizes>;
+        default: string;
+        validator(size: DropdownListSizes): boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Space between the trigger and the list
+     */
+    dropdownGap: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Max-width of the dropdown list
+     */
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Max-height of the dropdown list
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    showDropdownList: import("vue").Ref<boolean>;
+}, 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<{
+    /** DOM valid selector to give to Vue3 Teleport "to" property */
+    appendTo: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
+        default: string;
+    };
+    /**
+     * Disable teleport for testing purpose mostly.
+     */
+    disableTeleport: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** close the dropdown list when clicking on any item. Default to false */
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Dropdown vertical position according to the trigger */
+    direction: {
+        type: PropType<"up" | "down">;
+        default: string;
+    };
+    /** Dropdown horizontal justify according to the trigger */
+    justify: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    /**
+     * ```
+     * interface Option {id?: string; value?: string; label: string; href?: string; disabled?:boolean; checked?:boolean}
+     * ```
+     */
+    options: {
+        type: PropType<Option[]>;
+        validator(value: Array<Option>): boolean;
+        default(): never[];
+    };
+    size: {
+        type: PropType<DropdownListSizes>;
+        default: string;
+        validator(size: DropdownListSizes): boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Space between the trigger and the list
+     */
+    dropdownGap: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Max-width of the dropdown list
+     */
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Max-height of the dropdown list
+     */
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}, {
+    size: DropdownListSizes;
+    options: Option[];
+    modelValue: string;
+    width: string;
+    height: string;
+    appendTo: string | import("vue").RendererElement | null | undefined;
+    disableTeleport: boolean;
+    closeOnSelect: boolean;
+    direction: "up" | "down";
+    justify: "left" | "right";
+    dropdownGap: string;
+}>, {
+    'dropdown-button': (_: {}) => any;
+    'dropdown-item': (_: import("../JoyDropdownList/VJoyDropdownList.vue").Option) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts

@@ -0,0 +1,84 @@
+import { PropType } from 'vue';
+import { DropdownListSizes } from './JoyDropdownList.types';
+export interface Option {
+    id?: string;
+    value?: string;
+    label: string;
+    href?: string;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @default false
+     */
+    checked?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    options: {
+        type: PropType<Option[]>;
+        validator(value: Array<Option>): boolean;
+        default(): never[];
+    };
+    size: {
+        type: PropType<DropdownListSizes>;
+        default: string;
+        validator(size: DropdownListSizes): boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    isSelected: import("vue").ComputedRef<(option: Option) => boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+} & {
+    "close:dropdownList": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<Option[]>;
+        validator(value: Array<Option>): boolean;
+        default(): never[];
+    };
+    size: {
+        type: PropType<DropdownListSizes>;
+        default: string;
+        validator(size: DropdownListSizes): boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onClose:dropdownList"?: (() => any) | undefined;
+}, {
+    size: DropdownListSizes;
+    options: Option[];
+    width: string;
+    height: string;
+}>, {
+    label: (_: Option) => any;
+    footer: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     /** Overrides the default label size. See JoyLabel stories */
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
@@ -114,10 +114,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: InputSizes;
     disabled: boolean;
     required: boolean;
+    modelValue: string;
     invalid: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
-    modelValue: string;
     clearable: boolean;
 }>, {
     default: (_: {}) => any;

package/dist/components/JoyLabel/VJoyLabel.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { LabelSizes } from './JoyLabel.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
         validator(size: LabelSizes): boolean;
     };
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
         validator(size: LabelSizes): boolean;
     };
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }>>, {
-    size: "small" | "large" | "medium";
+    size: "small" | "medium" | "large";
     required: boolean;
     tagName: "label" | "legend";
 }>, {

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

@@ -14,7 +14,7 @@ export interface Option {
      */
     required?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     options: {
         type: PropType<Option[]>;
         required: true;
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -79,8 +79,15 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     value: any[];
     required: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
     fullWidth: boolean;
+}>, {
+    checkbox: (_: Option) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -72,10 +72,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     required: boolean;
+    modelValue: string;
     invalid: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
-    modelValue: string;
 }>, {
     label: (_: {}) => any;
     default: (_: {}) => any;

package/dist/components/JoySelectableItem/VJoySelectableItem.vue.d.ts

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

package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     value: string | unknown[];
     required: boolean;
-    labelSize: "small" | "large" | "medium";
+    multiple: boolean;
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
     fullWidth: boolean;
-    multiple: boolean;
 }>;
 export default _default;

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

@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -70,7 +70,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -98,10 +98,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     required: boolean;
+    modelValue: string;
     invalid: boolean;
-    labelSize: "small" | "large" | "medium";
+    labelSize: "small" | "medium" | "large";
     requiredMark: boolean;
-    modelValue: string;
     autogrow: boolean;
 }>, {
     default: (_: {}) => any;

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

@@ -60,8 +60,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     value: string;
     required: boolean;
-    invalid: boolean;
     modelValue: boolean;
+    invalid: boolean;
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts

@@ -34,10 +34,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    align: "flex-end" | "stretch" | "center" | "flex-start";
     direction: "column" | "row";
-    wrap: "nowrap" | "wrap";
     justify: "flex-end" | "center" | "space-between" | "flex-start";
-    align: "flex-end" | "stretch" | "center" | "flex-start";
+    wrap: "nowrap" | "wrap";
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/index.d.ts

@@ -1,6 +1,8 @@
 import VJoyButton from '@/components/JoyButton/VJoyButton.vue';
 import VJoyCheckbox from '@/components/JoyCheckbox/VJoyCheckbox.vue';
 import VJoyCounter from '@/components/JoyCounter/VJoyCounter.vue';
+import VJoyDropdown from '@/components/JoyDropdown/VJoyDropdown.vue';
+import VJoyDropdownList from '@/components/JoyDropdownList/VJoyDropdownList.vue';
 import VJoyFormError from '@/components/JoyFormError/VJoyFormError.vue';
 import VJoyHighlight from '@/components/JoyHighlight/VJoyHighlight.vue';
 import VJoyInput from '@/components/JoyInput/VJoyInput.vue';
@@ -19,4 +21,4 @@ import VJoyWrapper from '@/components/JoyWrapper/VJoyWrapper.vue';
 import VJoyTemplate from '@/components/JoyTemplate/VJoyTemplate.vue';
 import VJoyTextarea from '@/components/JoyTextarea/VJoyTextarea.vue';
 import VJoyToggle from '@/components/JoyToggle/VJoyToggle.vue';
-export { VJoyButton, VJoyCheckbox, VJoyCounter, VJoyFormError, VJoyHighlight, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };
+export { VJoyButton, VJoyCheckbox, VJoyCounter, VJoyDropdown, VJoyDropdownList, VJoyFormError, VJoyHighlight, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySpinner, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };

package/dist/composables/events.d.ts

@@ -0,0 +1,5 @@
+import { Ref } from 'vue';
+export declare function useDetectOutsideClick<T>(component: Ref, callback: () => T | void): {
+    listener: (event: Event) => void;
+} | undefined;
+export declare function useDetectWindowResize<T>(callback: () => T | void): void;

package/dist/composables/index.d.ts

@@ -1 +1,2 @@
 export * from './props';
+export * from './events';

package/dist/composables/props.d.ts

@@ -61,7 +61,7 @@ export declare const CHECKBOX_BASED_PROPS: {
 export declare const LABEL_BASED_PROPS: {
     label: StringConstructor;
     labelSize: {
-        type: PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "medium" | "large">;
         default: string;
     };
     optionalLabel: StringConstructor;