@volverjs/ui-vue 0.0.10-beta.41 → 0.0.10-beta.43

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

@@ -1,21 +1,21 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
-        type: globalThis.PropType<string | string[] | undefined>;
+        type: PropType<string | string[] | undefined>;
         default: undefined;
     };
     items: {
-        type: globalThis.PropType<import(".").VvAccordionGroupItem[]>;
+        type: PropType<import(".").VvAccordionGroupItem[]>;
         default: () => never[];
     };
     collapse: BooleanConstructor;
     itemModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: string;
     };
     disabled: BooleanConstructor;
     not: BooleanConstructor;
     storageType: {
-        type: globalThis.PropType<"local" | "session">;
+        type: globalThis.PropType<`${import("../../constants").StorageType}`>;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };
@@ -32,22 +32,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     [x: string]: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: {
-        type: globalThis.PropType<string | string[] | undefined>;
+        type: PropType<string | string[] | undefined>;
         default: undefined;
     };
     items: {
-        type: globalThis.PropType<import(".").VvAccordionGroupItem[]>;
+        type: PropType<import(".").VvAccordionGroupItem[]>;
         default: () => never[];
     };
     collapse: BooleanConstructor;
     itemModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: string;
     };
     disabled: BooleanConstructor;
     not: BooleanConstructor;
     storageType: {
-        type: globalThis.PropType<"local" | "session">;
+        type: globalThis.PropType<`${import("../../constants").StorageType}`>;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };
@@ -69,14 +69,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isExpanded: boolean;
     expand: () => void;
     collapse: () => void;
-    groupExpand: (name?: string | string[] | undefined) => void;
-    groupCollapse: (name?: string | string[] | undefined) => void;
+    groupExpand: (name?: string | string[]) => void;
+    groupCollapse: (name?: string | string[]) => void;
 }) => any>> & Partial<Record<`content::${string}`, (_: {
     isExpanded: boolean;
     expand: () => void;
     collapse: () => void;
-    groupExpand: (name?: string | string[] | undefined) => void;
-    groupCollapse: (name?: string | string[] | undefined) => void;
+    groupExpand: (name?: string | string[]) => void;
+    groupCollapse: (name?: string | string[]) => void;
 }) => any>> & {
     default?(_: {
         expandedAccordions: Set<string>;

package/dist/components/VvAccordionGroup/index.d.ts

@@ -10,7 +10,7 @@ export declare const VvAccordionGroupProps: {
      * VModel
      */
     modelValue: {
-        type: globalThis.PropType<string | string[] | undefined>;
+        type: PropType<string | string[] | undefined>;
         default: undefined;
     };
     /**
@@ -18,7 +18,7 @@ export declare const VvAccordionGroupProps: {
      * @type VvAccordionGroupItem
      */
     items: {
-        type: globalThis.PropType<VvAccordionGroupItem[]>;
+        type: PropType<VvAccordionGroupItem[]>;
         default: () => never[];
     };
     /**
@@ -29,7 +29,7 @@ export declare const VvAccordionGroupProps: {
      * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
      */
     itemModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: string;
     };
     /**
@@ -41,7 +41,7 @@ export declare const VvAccordionGroupProps: {
      */
     not: BooleanConstructor;
     storageType: {
-        type: globalThis.PropType<"local" | "session">;
+        type: globalThis.PropType<`${import("../../constants").StorageType}`>;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };

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

@@ -1,7 +1,7 @@
 import { ActionTag } from '../../constants';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: {
-        type: globalThis.PropType<"button" | "submit" | "reset">;
+        type: globalThis.PropType<`${import("../../constants").ButtonType}`>;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };
@@ -48,7 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     [x: string]: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     type: {
-        type: globalThis.PropType<"button" | "submit" | "reset">;
+        type: globalThis.PropType<`${import("../../constants").ButtonType}`>;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };

package/dist/components/VvAction/index.d.ts

@@ -1,7 +1,7 @@
 export declare const VvActionEvents: string[];
 export declare const VvActionProps: {
     type: {
-        type: globalThis.PropType<"button" | "submit" | "reset">;
+        type: globalThis.PropType<`${import("../../constants").ButtonType}`>;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };

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

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: globalThis.PropType<import("../../index.js").AlertModifier | import("../../index.js").AlertModifier[]>;
         default: undefined;
     };
     dismissable: {
@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     role: {
-        type: globalThis.PropType<"alert" | "alertdialog">;
+        type: globalThis.PropType<`${import("../../constants.js").AlertRole}`>;
         default: import("../../constants.js").AlertRole;
     };
     icon: {
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
+        type: globalThis.PropType<`${import("../../constants.js").Position}`>;
         default: import("../../constants.js").Position;
         validation: (value: import("../../constants.js").Position) => boolean;
     };
@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     [x: string]: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: globalThis.PropType<import("../../index.js").AlertModifier | import("../../index.js").AlertModifier[]>;
         default: undefined;
     };
     dismissable: {
@@ -75,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     role: {
-        type: globalThis.PropType<"alert" | "alertdialog">;
+        type: globalThis.PropType<`${import("../../constants.js").AlertRole}`>;
         default: import("../../constants.js").AlertRole;
     };
     icon: {
@@ -83,7 +83,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     iconPosition: {
-        type: globalThis.PropType<"before" | "after">;
+        type: globalThis.PropType<`${import("../../constants.js").Position}`>;
         default: import("../../constants.js").Position;
         validation: (value: import("../../constants.js").Position) => boolean;
     };

package/dist/components/VvAlert/index.d.ts

@@ -1,11 +1,12 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { AlertRole } from '@/constants';
+import type { AlertModifier } from '@/types';
 export declare const VvAlertProps: {
     /**
      * Component BEM modifiers
      */
     modifiers: {
-        type: PropType<string | string[]>;
+        type: PropType<AlertModifier | AlertModifier[]>;
         default: undefined;
     };
     /**
@@ -71,7 +72,7 @@ export declare const VvAlertProps: {
      * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Alertdialog_role
      */
     role: {
-        type: PropType<"alert" | "alertdialog">;
+        type: PropType<`${AlertRole}`>;
         default: AlertRole;
     };
     icon: {
@@ -79,7 +80,7 @@ export declare const VvAlertProps: {
         default: undefined;
     };
     iconPosition: {
-        type: PropType<"before" | "after">;
+        type: PropType<`${import("@/constants").Position}`>;
         default: import("@/constants").Position;
         validation: (value: import("@/constants").Position) => boolean;
     };

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: boolean;
     };
     items: {
-        type: globalThis.PropType<import("../../index.js").Alert[]>;
+        type: PropType<import("../../index.js").Alert[]>;
         default: () => never[];
     };
     stack: {
@@ -16,15 +16,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     inline: {
-        type: globalThis.PropType<"start" | "end" | "middle">;
+        type: PropType<"start" | "middle" | "end">;
         default: undefined;
     };
     block: {
-        type: globalThis.PropType<"top" | "bottom" | "center">;
+        type: PropType<"top" | "center" | "bottom">;
         default: undefined;
     };
     position: {
-        type: globalThis.PropType<"absolute" | "fixed">;
+        type: PropType<"absolute" | "fixed">;
         default: undefined;
     };
     transition: {
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: boolean;
     };
     items: {
-        type: globalThis.PropType<import("../../index.js").Alert[]>;
+        type: PropType<import("../../index.js").Alert[]>;
         default: () => never[];
     };
     stack: {
@@ -55,15 +55,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     inline: {
-        type: globalThis.PropType<"start" | "end" | "middle">;
+        type: PropType<"start" | "middle" | "end">;
         default: undefined;
     };
     block: {
-        type: globalThis.PropType<"top" | "bottom" | "center">;
+        type: PropType<"top" | "center" | "bottom">;
         default: undefined;
     };
     position: {
-        type: globalThis.PropType<"absolute" | "fixed">;
+        type: PropType<"absolute" | "fixed">;
         default: undefined;
     };
     transition: {
@@ -75,8 +75,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
 }>>, {
-    modifiers: string | string[];
     reverse: boolean;
+    modifiers: string | string[];
     items: import("../../index.js").Alert[];
     transition: string;
     inline: "start" | "end" | "middle";

package/dist/components/VvAlertGroup/index.d.ts

@@ -6,7 +6,7 @@ export declare const VvAlertGroupProps: {
         required: boolean;
     };
     items: {
-        type: globalThis.PropType<Alert[]>;
+        type: PropType<Alert[]>;
         default: () => never[];
     };
     stack: {
@@ -18,15 +18,15 @@ export declare const VvAlertGroupProps: {
         default: boolean;
     };
     inline: {
-        type: globalThis.PropType<"start" | "end" | "middle">;
+        type: PropType<"start" | "middle" | "end">;
         default: undefined;
     };
     block: {
-        type: globalThis.PropType<"top" | "bottom" | "center">;
+        type: PropType<"top" | "center" | "bottom">;
         default: undefined;
     };
     position: {
-        type: globalThis.PropType<"absolute" | "fixed">;
+        type: PropType<"absolute" | "fixed">;
         default: undefined;
     };
     transition: {

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

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     items: {
-        type: globalThis.PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
+        type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
         default: () => never[];
         required: boolean;
     };
@@ -11,14 +11,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     totalItems: {
         type: NumberConstructor;
     };
-    avatarModifiers: globalThis.PropType<string | string[]>;
+    avatarModifiers: PropType<string | string[]>;
     modifiers: {
         type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     items: {
-        type: globalThis.PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
+        type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
         default: () => never[];
         required: boolean;
     };
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     totalItems: {
         type: NumberConstructor;
     };
-    avatarModifiers: globalThis.PropType<string | string[]>;
+    avatarModifiers: PropType<string | string[]>;
     modifiers: {
         type: globalThis.PropType<string | string[]>;
         default: undefined;

package/dist/components/VvAvatarGroup/index.d.ts

@@ -9,7 +9,7 @@ export declare const VvAvatarGroupProps: {
      * avatar items
      */
     items: {
-        type: globalThis.PropType<AvatarItem[]>;
+        type: PropType<AvatarItem[]>;
         default: () => never[];
         required: boolean;
     };
@@ -20,7 +20,7 @@ export declare const VvAvatarGroupProps: {
     totalItems: {
         type: NumberConstructor;
     };
-    avatarModifiers: globalThis.PropType<string | string[]>;
+    avatarModifiers: PropType<string | string[]>;
     modifiers: {
         type: globalThis.PropType<string | string[]>;
         default: undefined;

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

@@ -1,11 +1,11 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    routes: globalThis.PropType<import("../..").NavItem[]>;
+    routes: PropType<import("../..").NavItem[]>;
     modifiers: {
         type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    routes: globalThis.PropType<import("../..").NavItem[]>;
+    routes: PropType<import("../..").NavItem[]>;
     modifiers: {
         type: globalThis.PropType<string | string[]>;
         default: undefined;
@@ -15,17 +15,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}>, {
     label?(_: {
         route: {
-            ariaLabel?: string | undefined;
-            title?: string | undefined;
-            to?: string | Record<string, unknown> | undefined;
-            href?: string | undefined;
-            target?: string | undefined;
-            rel?: string | undefined;
-            disabled?: boolean | undefined;
-            current?: boolean | undefined;
-            class?: string | string[] | undefined;
-            on?: Record<string, () => void> | undefined;
-            data?: Record<string, unknown> | undefined;
+            ariaLabel?: string;
+            title?: string;
+            to?: string | Record<string, unknown>;
+            href?: string;
+            target?: string;
+            rel?: string;
+            disabled?: boolean;
+            current?: boolean;
+            class?: string | string[];
+            on?: Record<"click" | string, () => void>;
+            data?: Record<string, unknown>;
         };
         index: number;
     }): any;

package/dist/components/VvBreadcrumb/index.d.ts

@@ -1,6 +1,6 @@
 import type { NavItem } from '../../types';
 export declare const VvBreadcrumbProps: {
-    routes: globalThis.PropType<NavItem[]>;
+    routes: PropType<NavItem[]>;
     modifiers: {
         type: globalThis.PropType<string | string[]>;
         default: undefined;

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

@@ -1,7 +1,7 @@
 import { Side } from '../../constants';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     iconPosition: {
-        type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
+        type: globalThis.PropType<`${Side}`>;
         default: Side;
         validator: (value: Side) => boolean;
     };
@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     id: (StringConstructor | NumberConstructor)[];
     type: {
-        type: globalThis.PropType<"button" | "submit" | "reset">;
+        type: globalThis.PropType<`${import("../../constants").ButtonType}`>;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };
@@ -94,7 +94,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     [x: string]: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     iconPosition: {
-        type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
+        type: globalThis.PropType<`${Side}`>;
         default: Side;
         validator: (value: Side) => boolean;
     };
@@ -140,7 +140,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     id: (StringConstructor | NumberConstructor)[];
     type: {
-        type: globalThis.PropType<"button" | "submit" | "reset">;
+        type: globalThis.PropType<`${import("../../constants").ButtonType}`>;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };

package/dist/components/VvButton/index.d.ts

@@ -7,7 +7,7 @@ export declare const VvButtonProps: {
      * Button icon position
      */
     iconPosition: {
-        type: PropType<"top" | "right" | "bottom" | "left">;
+        type: PropType<`${Side}`>;
         default: Side;
         validator: (value: Side) => boolean;
     };
@@ -68,7 +68,7 @@ export declare const VvButtonProps: {
     };
     id: (StringConstructor | NumberConstructor)[];
     type: {
-        type: PropType<"button" | "submit" | "reset">;
+        type: PropType<`${import("../../constants").ButtonType}`>;
         default: import("../../constants").ButtonType;
         validator: (value: import("../../constants").ButtonType) => boolean;
     };

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

@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
     };
     itemModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: string;
     };
     toggle: {
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: globalThis.PropType<string | number | boolean | (string | number | boolean)[] | undefined>;
+        type: PropType<string | number | boolean | (string | number | boolean)[] | undefined>;
         default: undefined;
     };
     unselectable: {
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
     };
     itemModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: string;
     };
     toggle: {
@@ -49,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: globalThis.PropType<string | number | boolean | (string | number | boolean)[] | undefined>;
+        type: PropType<string | number | boolean | (string | number | boolean)[] | undefined>;
         default: undefined;
     };
     unselectable: {

package/dist/components/VvButtonGroup/index.d.ts

@@ -6,7 +6,7 @@ export declare const VvButtonGroupProps: {
      * String or String[] of css classes (modifiers) that will be provided to each button'
      */
     itemModifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: string;
     };
     toggle: {
@@ -18,7 +18,7 @@ export declare const VvButtonGroupProps: {
         default: boolean;
     };
     modelValue: {
-        type: globalThis.PropType<string | number | boolean | (string | number | boolean)[] | undefined>;
+        type: PropType<string | number | boolean | (string | number | boolean)[] | undefined>;
         default: undefined;
     };
     unselectable: {

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

@@ -136,8 +136,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | number | boolean | Record<string, any>;
     modifiers: string | string[];
-    switch: boolean;
     readonly: boolean;
+    switch: boolean;
     loading: boolean;
     loadingLabel: string;
     hintLabel: string;

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

@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     options: {
-        type: globalThis.PropType<(string | Option)[]>;
+        type: globalThis.PropType<(Option | string)[]>;
         default: () => never[];
     };
     labelKey: {
@@ -116,7 +116,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     options: {
-        type: globalThis.PropType<(string | Option)[]>;
+        type: globalThis.PropType<(Option | string)[]>;
         default: () => never[];
     };
     labelKey: {
@@ -148,7 +148,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
 }>>, {
-    options: (string | Option)[];
     label: string | number;
     disabled: boolean;
     modelValue: string | number | boolean | symbol | unknown[];
@@ -162,6 +161,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     invalid: boolean;
     invalidLabel: string | unknown[];
     vertical: boolean;
+    options: (string | Option)[];
     labelKey: string | Function;
     valueKey: string | Function;
     disabledKey: string | Function;

package/dist/components/VvCheckboxGroup/index.d.ts

@@ -40,7 +40,7 @@ export declare const VvCheckboxGroupProps: {
         default: string;
     };
     options: {
-        type: globalThis.PropType<(string | import("../..").Option)[]>;
+        type: globalThis.PropType<(import("../..").Option | string)[]>;
         default: () => never[];
     };
     labelKey: {

package/dist/components/VvCombobox/VvCombobox.es.js

@@ -2740,7 +2740,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return props.modelValue !== void 0 && props.modelValue !== null ? /* @__PURE__ */ new Set([props.modelValue]) : /* @__PURE__ */ new Set();
       },
       set: (value) => {
-        emit("update:modelValue", props.multiple ? [...value] : [...value].pop());
+        emit("update:modelValue", props.multiple || Array.isArray(props.modelValue) ? [...value] : [...value].pop());
       }
     });
     const sizeOfModelValue = computed(() => localModelValue.value.size);
@@ -2846,6 +2846,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (isSelected && isUnselectable.value) {
         localModelValue.value.delete(getOptionValue(option));
       } else if (!isSelected && isSelectable.value) {
+        if (!props.multiple) {
+          localModelValue.value.clear();
+        }
         localModelValue.value.add(getOptionValue(option));
       }
       localModelValue.value = new Set(localModelValue.value);