@volverjs/ui-vue 0.0.10-beta.35 → 0.0.10-beta.36

package/dist/components/index.es.js

@@ -720,17 +720,17 @@ function useModifiers(prefix, modifiers, others) {
 const _hoisted_1$m = ["id", "open"];
 const _hoisted_2$f = ["aria-controls", "aria-expanded"];
 const _hoisted_3$8 = ["aria-hidden"];
-const __default__$r = {
+const __default__$v = {
   name: "VvAccordion"
 };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+  ...__default__$v,
   props: VvAccordionProps,
   emits: VvAccordionEvents,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
-    const attrs = useAttrs();
     const emit = __emit;
+    const attrs = useAttrs();
     const modelValue = useVModel(props, "modelValue", emit);
     const accordionName = computed(
       () => props.name || (attrs == null ? void 0 : attrs.id) || uid()
@@ -756,7 +756,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       }
       isExpanded.value = value;
     });
-    const onClick = () => {
+    function onClick() {
       if (disabled.value) {
         return;
       }
@@ -768,7 +768,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         return;
       }
       isExpanded.value = !isExpanded.value;
-    };
+    }
     watch(
       accordionName,
       (newValue, oldValue) => {
@@ -788,19 +788,19 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         bus.emit("unregister", { name: accordionName.value });
       }
     });
-    const expand = () => {
+    function expand() {
       if (isExpanded.value) {
         return;
       }
       onClick();
-    };
-    const collapse = () => {
+    }
+    function collapse() {
       if (!isExpanded.value) {
         return;
       }
       onClick();
-    };
-    const groupExpand = (name) => {
+    }
+    function groupExpand(name) {
       if (!bus) {
         console.warn(
           `[VvAccordion]: You are trying to expand accordion group of "${accordionName.value}" but it is not in a group`
@@ -808,8 +808,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         return;
       }
       bus.emit("expand", { name });
-    };
-    const groupCollapse = (name) => {
+    }
+    function groupCollapse(name) {
       if (!bus) {
         console.warn(
           `[VvAccordion]: You are trying to collapse accordion group of "${accordionName.value}" but it is not in a group`
@@ -817,7 +817,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         return;
       }
       bus == null ? void 0 : bus.emit("collapse", { name });
-    };
+    }
     __expose({
       isExpanded,
       expand,
@@ -919,7 +919,7 @@ const VvAccordionGroupProps = {
   not: Boolean
 };
 const VvAccordionGroupEvents = ["update:modelValue"];
-const usePersistence = (storageKey, storageType = StorageType.local, defaultValue) => {
+function usePersistence(storageKey, storageType = StorageType.local, defaultValue) {
   const localValue = ref();
   if (defaultValue) {
     localValue.value = defaultValue;
@@ -978,15 +978,15 @@ const usePersistence = (storageKey, storageType = StorageType.local, defaultValu
       localValue.value = value;
     }
   });
-};
+}
 function useProvideGroupState(key, groupState) {
   provide(key, groupState);
 }
-const __default__$q = {
+const __default__$u = {
   name: "VvAccordionGroup"
 };
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+  ...__default__$u,
   props: VvAccordionGroupProps,
   emits: VvAccordionGroupEvents,
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -1111,7 +1111,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       newValue.delete(name);
       expandedAccordions.value = newValue;
     });
-    const expand = (name) => {
+    function expand(name) {
       if (typeof name === "string") {
         bus.emit("toggle", { name, value: true });
         return;
@@ -1125,9 +1125,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       for (const item of accordionNames) {
         bus.emit("toggle", { name: item, value: true });
       }
-    };
+    }
     bus.on("expand", ({ name }) => expand(name));
-    const collapse = (name) => {
+    function collapse(name) {
       if (typeof name === "string") {
         bus.emit("toggle", { name, value: false });
         return;
@@ -1141,7 +1141,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       for (const item of accordionNames) {
         bus.emit("toggle", { name: item, value: false });
       }
-    };
+    }
     bus.on("collapse", ({ name }) => collapse(name));
     __expose({ expandedAccordions, expand, collapse });
     const bemCssClasses = useModifiers(
@@ -1225,11 +1225,11 @@ function useInjectedDropdownItem() {
 function useInjectedDropdownAction() {
   return inject(INJECTION_KEY_DROPDOWN_ACTION, {});
 }
-const __default__$p = {
+const __default__$t = {
   name: "VvAction"
 };
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+  ...__default__$t,
   props: VvActionProps,
   emits: VvActionEvents,
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -1301,7 +1301,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           return toReturn;
       }
     });
-    const onClick = (e) => {
+    function onClick(e) {
       var _a;
       if (props.disabled) {
         e.preventDefault();
@@ -1312,23 +1312,23 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         return;
       }
       dropdownEventBus == null ? void 0 : dropdownEventBus.emit("click", e);
-    };
-    const onMouseover = (e) => {
+    }
+    function onMouseover(e) {
       var _a;
       if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseover) {
         emit("mouseover", e);
         return;
       }
       dropdownEventBus == null ? void 0 : dropdownEventBus.emit("mouseover", e);
-    };
-    const onMouseleave = (e) => {
+    }
+    function onMouseleave(e) {
       var _a;
       if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseleave) {
         emit("mouseleave", e);
         return;
       }
       dropdownEventBus == null ? void 0 : dropdownEventBus.emit("mouseleave", e);
-    };
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(unref(hasTag)), mergeProps(unref(hasProps), {
         ref_key: "element",
@@ -1374,11 +1374,11 @@ const VvIconPropsDefaults = {
   prefix: "normal"
   /* normal */
 };
-const __default__$o = {
+const __default__$s = {
   name: "VvIcon"
 };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+  ...__default__$s,
   props: /* @__PURE__ */ mergeDefaults({
     name: {},
     color: {},
@@ -1401,7 +1401,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const props = __props;
     const hasRotate = computed(() => {
       if (typeof props.rotate === "string") {
-        return parseFloat(props.rotate);
+        return Number.parseFloat(props.rotate);
       }
       return props.rotate;
     });
@@ -1490,7 +1490,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 function useInjectedAlertGroup() {
   return inject(INJECTION_KEY_ALERT_GROUP, {});
 }
-const useUniqueId = (id) => computed(() => String((id == null ? void 0 : id.value) || uid()));
+function useUniqueId(id) {
+  return computed(() => String((id == null ? void 0 : id.value) || uid()));
+}
 function useComponentIcon(icon, iconPosition) {
   const hasIcon = computed(() => {
     if (typeof (icon == null ? void 0 : icon.value) === "string") {
@@ -1604,23 +1606,11 @@ const VvAlertProps = {
   }
 };
 const VvAlertEvents = ["close"];
-const useVvAlert = (props, emit) => {
+function useVvAlert(props, emit) {
   const { bus } = useInjectedAlertGroup();
   const hasId = useUniqueId(computed(() => props.id));
   const hasTitleId = computed(() => `${hasId.value}-title`);
-  const { hasIcon } = useComponentIcon(computed(() => props.icon));
-  const hasClass = useModifiers(
-    "vv-alert",
-    computed(() => props.modifiers),
-    computed(() => ({
-      dismissable: props.autoClose > 0 || props.dismissable,
-      "auto-close": props.autoClose > 0,
-      hover: isMouseover.value
-    }))
-  );
-  const hasStyle = computed(() => ({
-    "--alert-duration": `${props.autoClose}ms`
-  }));
+  let timeout;
   const close = () => {
     if (timeout) {
       clearTimeout(timeout);
@@ -1628,7 +1618,6 @@ const useVvAlert = (props, emit) => {
     emit("close", hasId.value);
     bus == null ? void 0 : bus.emit("close", hasId.value);
   };
-  let timeout;
   watch(
     () => props.autoClose,
     (value) => {
@@ -1657,6 +1646,19 @@ const useVvAlert = (props, emit) => {
       timeout = setTimeout(close, props.autoClose);
     }
   };
+  const { hasIcon } = useComponentIcon(computed(() => props.icon));
+  const hasClass = useModifiers(
+    "vv-alert",
+    computed(() => props.modifiers),
+    computed(() => ({
+      "dismissable": props.autoClose > 0 || props.dismissable,
+      "auto-close": props.autoClose > 0,
+      "hover": isMouseover.value
+    }))
+  );
+  const hasStyle = computed(() => ({
+    "--alert-duration": `${props.autoClose}ms`
+  }));
   return {
     close,
     hasIcon,
@@ -1664,13 +1666,13 @@ const useVvAlert = (props, emit) => {
     hasProps: computed(() => ({
       onMouseover,
       onMouseleave,
-      class: hasClass.value,
-      style: hasStyle.value,
-      role: props.role,
+      "class": hasClass.value,
+      "style": hasStyle.value,
+      "role": props.role,
       "aria-labelledby": hasTitleId.value
     }))
   };
-};
+}
 const _hoisted_1$l = {
   key: 0,
   class: "vv-alert__header"
@@ -1695,11 +1697,11 @@ const _hoisted_7$5 = {
   key: 2,
   class: "vv-alert__footer"
 };
-const __default__$n = {
+const __default__$r = {
   name: "VvAlert"
 };
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+  ...__default__$r,
   props: VvAlertProps,
   emits: VvAlertEvents,
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -1832,7 +1834,7 @@ const VvAlertGroupEvents = [
   "leave",
   "leave-cancelled"
 ];
-const useVvAlertGroup = (props, emit) => {
+function useVvAlertGroup(props, emit) {
   const bus = useProvideAlertGroup({ name: computed(() => props.name) });
   if (props.block && !props.inline || !props.block && props.inline) {
     console.warn(
@@ -1887,12 +1889,12 @@ const useVvAlertGroup = (props, emit) => {
       class: hasClass.value
     }))
   };
-};
-const __default__$m = {
+}
+const __default__$q = {
   name: "VvAlertGroup"
 };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+  ...__default__$q,
   props: VvAlertGroupProps,
   emits: VvAlertGroupEvents,
   setup(__props, { emit: __emit }) {
@@ -1901,28 +1903,28 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const { hasProps, hasTransition } = useVvAlertGroup(props, emit);
     const alertGroupTransitionHandlers = {
       "before-enter": () => {
-        emit("before-enter");
+        emit("beforeEnter");
       },
       "after-leave": () => {
-        emit("after-leave");
+        emit("afterLeave");
       },
-      enter: () => {
+      "enter": () => {
         emit("enter");
       },
       "after-enter": () => {
-        emit("after-enter");
+        emit("afterEnter");
       },
       "enter-cancelled": () => {
-        emit("enter-cancelled");
+        emit("enterCancelled");
       },
       "before-leave": () => {
-        emit("before-leave");
+        emit("beforeLeave");
       },
-      leave: () => {
+      "leave": () => {
         emit("leave");
       },
       "leave-cancelled": () => {
-        emit("leave-cancelled");
+        emit("leaveCancelled");
       }
     };
     return (_ctx, _cache) => {
@@ -1977,8 +1979,11 @@ const VvAvatarProps = {
 };
 const _hoisted_1$k = ["role", "aria-label"];
 const _hoisted_2$d = ["src"];
+const __default__$p = {
+  name: "VvAvatar"
+};
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  __name: "VvAvatar",
+  ...__default__$p,
   props: VvAvatarProps,
   setup(__props) {
     const props = __props;
@@ -2021,8 +2026,11 @@ const VvAvatarGroupProps = {
   avatarModifiers: [String, Array]
 };
 const _hoisted_1$j = { key: 0 };
+const __default__$o = {
+  name: "VvAvatarGroup"
+};
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  __name: "VvAvatarGroup",
+  ...__default__$o,
   props: VvAvatarGroupProps,
   setup(__props) {
     const props = __props;
@@ -2118,11 +2126,11 @@ const VvBadgeProps = {
   ...ModifiersProps,
   value: [String, Number]
 };
-const __default__$l = {
+const __default__$n = {
   name: "VvBadge"
 };
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+  ...__default__$n,
   props: VvBadgeProps,
   setup(__props) {
     const props = __props;
@@ -2155,11 +2163,11 @@ const VvBreadcrumbProps = {
 };
 const _hoisted_1$i = { class: "vv-breadcrumb__list" };
 const _hoisted_2$c = ["content"];
-const __default__$k = {
+const __default__$m = {
   name: "VvBreadcrumb"
 };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+  ...__default__$m,
   props: VvBreadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -2343,32 +2351,36 @@ function deepEquals(a, b) {
     let i, length, key;
     if (arrA && arrB) {
       length = a.length;
-      if (length != b.length)
+      if (length !== b.length)
         return false;
-      for (i = length; i-- !== 0; )
+      for (i = length; i-- !== 0; ) {
         if (!deepEquals(a[i], b[i]))
           return false;
+      }
       return true;
     }
-    if (arrA != arrB)
+    if (arrA !== arrB)
       return false;
-    const dateA = a instanceof Date, dateB = b instanceof Date;
-    if (dateA != dateB)
+    const dateA = a instanceof Date;
+    const dateB = b instanceof Date;
+    if (dateA !== dateB)
       return false;
     if (dateA && dateB)
-      return a.getTime() == b.getTime();
-    const regexpA = a instanceof RegExp, regexpB = b instanceof RegExp;
-    if (regexpA != regexpB)
+      return a.getTime() === b.getTime();
+    const regexpA = a instanceof RegExp;
+    const regexpB = b instanceof RegExp;
+    if (regexpA !== regexpB)
       return false;
     if (regexpA && regexpB)
-      return a.toString() == b.toString();
+      return a.toString() === b.toString();
     const keys = Object.keys(a);
     length = keys.length;
     if (length !== Object.keys(b).length)
       return false;
-    for (i = length; i-- !== 0; )
+    for (i = length; i-- !== 0; ) {
       if (!Object.prototype.hasOwnProperty.call(b, keys[i]))
         return false;
+    }
     for (i = length; i-- !== 0; ) {
       key = keys[i];
       if (!deepEquals(a[key], b[key]))
@@ -2376,11 +2388,11 @@ function deepEquals(a, b) {
     }
     return true;
   }
-  return a !== a && b !== b;
+  return Number.isNaN(a) && Number.isNaN(b);
 }
 function resolveFieldData(data, field) {
   if (data && Object.keys(data).length && field) {
-    if (field.indexOf(".") === -1) {
+    if (!field.includes(".")) {
       return data[field];
     } else {
       const fields = field.split(".");
@@ -2441,19 +2453,19 @@ const _hoisted_2$b = {
   key: 1,
   class: "vv-button__label"
 };
-const __default__$j = {
+const __default__$l = {
   name: "VvButton",
   inheritAttrs: false
 };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+  ...__default__$l,
   props: VvButtonProps,
   emits: VvButtonEvents,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const attrs = useAttrs();
     const slots = useSlots();
-    const emit = __emit;
     const {
       id,
       modifiers,
@@ -2486,10 +2498,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       "vv-button",
       modifiers,
       computed(() => ({
-        reverse: [Side.right, Side.bottom].includes(
+        "reverse": [Side.right, Side.bottom].includes(
           iconPosition.value
         ),
-        column: [Side.top, Side.bottom].includes(
+        "column": [Side.top, Side.bottom].includes(
           iconPosition.value
         ),
         "icon-only": Boolean(
@@ -2509,7 +2521,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         onClick
       };
     });
-    const onClick = () => {
+    function onClick() {
       if (toggle.value) {
         if (Array.isArray(modelValue.value)) {
           if (contains(toggleValue.value, modelValue.value)) {
@@ -2529,7 +2541,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         }
         modelValue.value = toggleValue.value;
       }
-    };
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$v, mergeProps({
         ...unref(attrs),
@@ -2622,16 +2634,16 @@ const _hoisted_1$g = {
   key: 0,
   class: "vv-button-group__legend"
 };
-const __default__$i = {
+const __default__$k = {
   name: "VvButtonGroup"
 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+  ...__default__$k,
   props: VvButtonGroupProps,
   emits: VvButtonGroupEvents,
   setup(__props, { emit: __emit }) {
-    const emit = __emit;
     const props = __props;
+    const emit = __emit;
     const {
       disabled,
       toggle,
@@ -2711,11 +2723,11 @@ const _hoisted_3$6 = {
   key: 2,
   class: "vv-card__footer"
 };
-const __default__$h = {
+const __default__$j = {
   name: "VvCard"
 };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+  ...__default__$j,
   props: VvCardProps,
   setup(__props) {
     const props = __props;
@@ -2751,50 +2763,6 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VvCheckboxProps = {
-  ...CheckboxRadioProps,
-  ...ModifiersProps,
-  /**
-   * If true, the input will be indeterminated
-   */
-  indeterminate: Boolean,
-  /**
-   * Value associated with the unchecked state
-   */
-  uncheckedValue: [String, Number, Boolean],
-  /**
-   * If true, the input will be displayed as a switch
-   */
-  switch: Boolean
-};
-const VvCheckboxEvents = ["click", "update:modelValue", "change", "blur"];
-function useGroupProps$1(props, emit) {
-  const { group, isInGroup, getGroupOrLocalRef } = useInjectedGroupState(INJECTION_KEY_CHECK_GROUP);
-  const { id, switch: propsSwitch, indeterminate } = toRefs(props);
-  const modelValue = getGroupOrLocalRef("modelValue", props, emit);
-  const valid = getGroupOrLocalRef("valid", props);
-  const invalid = getGroupOrLocalRef("invalid", props);
-  const readonly = computed(
-    () => Boolean(props.readonly || (group == null ? void 0 : group.readonly.value))
-  );
-  const disabled = computed(
-    () => Boolean(props.disabled || (group == null ? void 0 : group.disabled.value))
-  );
-  return {
-    // local props
-    id,
-    propsSwitch,
-    indeterminate,
-    // global props
-    group,
-    isInGroup,
-    modelValue,
-    valid,
-    invalid,
-    readonly,
-    disabled
-  };
-}
 function joinLines(items) {
   if (Array.isArray(items)) {
     return items.filter((item) => isString(item)).join(" ");
@@ -2913,6 +2881,50 @@ function HintSlotFactory(propsOrRef, slots) {
     HintSlot
   };
 }
+const VvCheckboxProps = {
+  ...CheckboxRadioProps,
+  ...ModifiersProps,
+  /**
+   * If true, the input will be indeterminated
+   */
+  indeterminate: Boolean,
+  /**
+   * Value associated with the unchecked state
+   */
+  uncheckedValue: [String, Number, Boolean],
+  /**
+   * If true, the input will be displayed as a switch
+   */
+  switch: Boolean
+};
+const VvCheckboxEvents = ["click", "update:modelValue", "change", "blur"];
+function useGroupProps$1(props, emit) {
+  const { group, isInGroup, getGroupOrLocalRef } = useInjectedGroupState(INJECTION_KEY_CHECK_GROUP);
+  const { id, switch: propsSwitch, indeterminate } = toRefs(props);
+  const modelValue = getGroupOrLocalRef("modelValue", props, emit);
+  const valid = getGroupOrLocalRef("valid", props);
+  const invalid = getGroupOrLocalRef("invalid", props);
+  const readonly = computed(
+    () => Boolean(props.readonly || (group == null ? void 0 : group.readonly.value))
+  );
+  const disabled = computed(
+    () => Boolean(props.disabled || (group == null ? void 0 : group.disabled.value))
+  );
+  return {
+    // local props
+    id,
+    propsSwitch,
+    indeterminate,
+    // global props
+    group,
+    isInGroup,
+    modelValue,
+    valid,
+    invalid,
+    readonly,
+    disabled
+  };
+}
 function useDefaults(componentName, propsDefinition, props) {
   const volver = useVolver();
   const volverComponentDefaults = computed(() => {
@@ -2968,11 +2980,11 @@ function useDefaults(componentName, propsDefinition, props) {
 }
 const _hoisted_1$e = ["for"];
 const _hoisted_2$9 = ["id", "name", "disabled", "value", "tabindex", "aria-invalid", "aria-describedby", "aria-errormessage"];
-const __default__$g = {
+const __default__$i = {
   name: "VvCheckbox"
 };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+  ...__default__$i,
   props: VvCheckboxProps,
   emits: VvCheckboxEvents,
   setup(__props, { emit: __emit }) {
@@ -3203,11 +3215,11 @@ function useOptions(props) {
 }
 const _hoisted_1$d = ["textContent"];
 const _hoisted_2$8 = { class: "vv-checkbox-group__wrapper" };
-const __default__$f = {
+const __default__$h = {
   name: "VvCheckboxGroup"
 };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+  ...__default__$h,
   props: VvCheckboxGroupProps,
   emits: VvCheckboxGroupEvents,
   setup(__props, { emit: __emit }) {
@@ -3240,14 +3252,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         invalid: invalid.value
       }))
     );
-    const getOptionProps = (option, index) => {
+    function getOptionProps(option, index) {
       return {
         id: `${props.name}_opt${index}`,
         name: props.name,
         label: getOptionLabel(option),
         value: getOptionValue(option)
       };
-    };
+    }
     const { HintSlot, hintSlotScope } = HintSlotFactory(propsDefaults, slots);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -3326,179 +3338,26 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VvComboboxEvents = [
-  "update:modelValue",
-  "update:search",
-  /**
-   * @deprecated change:search should not be used, use update:search instead
-   */
-  "change:search",
-  "focus",
-  "blur"
-];
-const VvComboboxProps = {
-  ...IdNameProps,
-  ...TabindexProps,
-  ...ValidProps,
-  ...InvalidProps,
-  ...HintProps,
-  ...LoadingProps,
-  ...DisabledProps,
-  ...ReadonlyProps,
-  ...ModifiersProps,
-  ...OptionsProps,
-  ...IconProps,
-  ...FloatingLabelProps,
-  ...UnselectableProps,
+const VvDropdownProps = {
+  ...IdProps,
   ...DropdownProps,
-  ...LabelProps,
-  /**
-   * Dropdown show / hide transition name
-   */
-  transitionName: {
-    type: String,
-    default: "vv-dropdown--mobile-fade-block"
-  },
+  ...ModifiersProps,
   /**
-   * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+   * Show / hide dropdown programmatically
    */
   modelValue: {
-    type: [String, Number, Boolean, Object, Array],
+    type: Boolean,
     default: void 0
   },
   /**
-   * Label for no search results
-   */
-  noResultsLabel: { type: String, default: "No results" },
-  /**
-   * Label for no options	available
+   * Dropdown trigger element
    */
-  noOptionsLabel: { type: String, default: "No options available" },
+  reference: {
+    type: Object,
+    default: null
+  },
   /**
-   * Label for selected option hint
-   */
-  selectedHintLabel: { type: String, default: "Selected" },
-  /**
-   * Label for deselect action button
-   */
-  deselectActionLabel: { type: String, default: "Deselect" },
-  /**
-   * Label for select option hint
-   */
-  selectHintLabel: { type: String, default: "Press enter to select" },
-  /**
-   * Label for deselected option hint
-   */
-  deselectHintLabel: { type: String, default: "Press enter to remove" },
-  /**
-   * Label close button
-   */
-  closeLabel: { type: String, default: "Close" },
-  /**
-   * Select input placeholder
-   */
-  placeholder: String,
-  /**
-   * Use input text to search on options
-   */
-  searchable: Boolean,
-  /**
-   * Search function to filter options
-   */
-  searchFunction: {
-    type: Function,
-    default: void 0
-  },
-  /**
-   * On searchable select is the input search placeholder
-   */
-  searchPlaceholder: {
-    type: String,
-    default: "Search..."
-  },
-  /**
-   * The input search debounce time in ms
-   */
-  debounceSearch: {
-    type: [Number, String],
-    default: 0
-  },
-  /**
-   * Manage modelValue as string[] or object[]
-   */
-  multiple: Boolean,
-  /**
-   * The max number of selected values
-   */
-  maxValues: [Number, String],
-  /**
-   * The select label separator visible to the user
-   */
-  separator: { type: String, default: ", " },
-  /**
-   * Show native select
-   */
-  native: Boolean,
-  /**
-   * Show badges
-   */
-  badges: Boolean,
-  /**
-   * Badge modifiers
-   */
-  badgeModifiers: {
-    type: [String, Array],
-    default: "action sm"
-  },
-  /**
-   * Set dropdown width to the same as the trigger
-   */
-  triggerWidth: {
-    ...DropdownProps.triggerWidth,
-    default: true
-  },
-  /**
-   * Dropdown modifiers
-   */
-  dropdownModifiers: {
-    type: [String, Array],
-    default: "mobile"
-  },
-  /**
-   * Open dropdown on focus
-   */
-  autoOpen: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Keep open dropdown on single select
-   */
-  keepOpen: {
-    type: Boolean,
-    default: false
-  }
-};
-const VvDropdownProps = {
-  ...IdProps,
-  ...DropdownProps,
-  ...ModifiersProps,
-  /**
-   * Show / hide dropdown programmatically
-   */
-  modelValue: {
-    type: Boolean,
-    default: void 0
-  },
-  /**
-   * Dropdown trigger element
-   */
-  reference: {
-    type: Object,
-    default: null
-  },
-  /**
-   * Dropdown role
+   * Dropdown role
    */
   role: {
     type: String,
@@ -3581,15 +3440,17 @@ function useProvideDropdownAction({
   });
 }
 const _hoisted_1$c = ["id", "tabindex", "role", "aria-labelledby"];
-const __default__$e = {
+const __default__$g = {
   name: "VvDropdown",
   inheritAttrs: false
 };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+  ...__default__$g,
   props: VvDropdownProps,
   emits: [
     "update:modelValue",
+    "beforeEnter",
+    "afterLeave",
     "beforeExpand",
     "beforeCollapse",
     "afterExpand",
@@ -3597,11 +3458,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     "before-enter",
     "after-leave",
     "enter",
-    "after-enter",
-    "enter-cancelled",
-    "before-leave",
+    "afterEnter",
+    "enterCancelled",
+    "beforeLeave",
     "leave",
-    "leave-cancelled"
+    "leaveCancelled"
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -3760,18 +3621,18 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         modelValue.value = newValue;
       }
     });
-    const show = () => {
+    function show() {
       expanded.value = true;
-    };
-    const hide = () => {
+    }
+    function hide() {
       expanded.value = false;
-    };
-    const toggle = () => {
+    }
+    function toggle() {
       expanded.value = !expanded.value;
-    };
-    const init = (el) => {
+    }
+    function init(el) {
       referenceEl.value = el;
-    };
+    }
     __expose({
       toggle,
       show,
@@ -3839,7 +3700,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         (el) => !el.hasAttribute("disabled") && !el.getAttribute("aria-hidden")
       );
     }
-    const focusNext = () => {
+    function focusNext() {
       nextTick(() => {
         if (focused.value) {
           const focusableElements = getKeyboardFocusableElements(
@@ -3862,8 +3723,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           }
         }
       });
-    };
-    const focusPrev = () => {
+    }
+    function focusPrev() {
       nextTick(() => {
         if (focused.value) {
           const focusableElements = getKeyboardFocusableElements(
@@ -3886,7 +3747,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           }
         }
       });
-    };
+    }
     const hovered = useElementHover(floatingEl);
     const { itemRole } = useProvideDropdownItem({
       role,
@@ -3921,29 +3782,29 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const dropdownTransitionHandlers = {
       "before-enter": () => {
         emit(expanded.value ? "beforeExpand" : "beforeCollapse");
-        emit("before-enter");
+        emit("beforeEnter");
       },
       "after-leave": () => {
         emit(expanded.value ? "afterExpand" : "afterCollapse");
-        emit("after-leave");
+        emit("afterLeave");
       },
-      enter: () => {
+      "enter": () => {
         emit("enter");
       },
       "after-enter": () => {
-        emit("after-enter");
+        emit("afterEnter");
       },
       "enter-cancelled": () => {
-        emit("enter-cancelled");
+        emit("enterCancelled");
       },
       "before-leave": () => {
-        emit("before-leave");
+        emit("beforeLeave");
       },
-      leave: () => {
+      "leave": () => {
         emit("leave");
       },
       "leave-cancelled": () => {
-        emit("leave-cancelled");
+        emit("leaveCancelled");
       }
     };
     return (_ctx, _cache) => {
@@ -4014,11 +3875,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$d = {
+const __default__$f = {
   name: "VvDropdownItem"
 };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+  ...__default__$f,
   props: VvDropdownItemProps,
   setup(__props) {
     const props = __props;
@@ -4051,11 +3912,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$b = ["title"];
-const __default__$c = {
+const __default__$e = {
   name: "VvDropdownOption"
 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+  ...__default__$e,
   props: VvDropdownOptionProps,
   setup(__props) {
     const props = __props;
@@ -4112,11 +3973,11 @@ const _hoisted_1$a = {
   role: "presentation",
   tabindex: "-1"
 };
-const __default__$b = {
+const __default__$d = {
   name: "VvDropdownOptgroup"
 };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+  ...__default__$d,
   props: {
     ...LabelProps
   },
@@ -4207,11 +4068,11 @@ const _hoisted_10$1 = {
   key: 1,
   class: "vv-select__input-after"
 };
-const __default__$a = {
+const __default__$c = {
   name: "VvSelect"
 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+  ...__default__$c,
   props: VvSelectProps,
   emits: VvSelectEmits,
   setup(__props, { emit: __emit }) {
@@ -4271,28 +4132,28 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       "vv-select",
       modifiers,
       computed(() => ({
-        valid: valid.value,
-        invalid: invalid.value,
-        loading: loading.value,
-        disabled: disabled.value,
-        readonly: readonly.value,
+        "valid": valid.value,
+        "invalid": invalid.value,
+        "loading": loading.value,
+        "disabled": disabled.value,
+        "readonly": readonly.value,
         "icon-before": hasIconBefore.value !== void 0,
         "icon-after": hasIconAfter.value !== void 0,
-        dirty: isDirty.value,
-        focus: focused.value,
-        floating: floating.value,
-        multiple: multiple.value
+        "dirty": isDirty.value,
+        "focus": focused.value,
+        "floating": floating.value,
+        "multiple": multiple.value
       }))
     );
     const hasAttrs = computed(() => {
       return {
-        name: props.name,
-        tabindex: hasTabindex.value,
-        disabled: isDisabled.value,
-        required: props.required,
-        size: props.size,
-        autocomplete: props.autocomplete,
-        multiple: props.multiple,
+        "name": props.name,
+        "tabindex": hasTabindex.value,
+        "disabled": isDisabled.value,
+        "required": props.required,
+        "size": props.size,
+        "autocomplete": props.autocomplete,
+        "multiple": props.multiple,
         "aria-invalid": isInvalid.value,
         "aria-describedby": hasHintLabelOrSlot.value ? hasHintId.value : void 0,
         "aria-errormessage": hasInvalidLabelOrSlot.value ? hasHintId.value : void 0
@@ -4320,11 +4181,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         emit("update:modelValue", newValue);
       }
     });
-    const isGroup = (option) => {
+    function isGroup(option) {
       if (typeof option === "string")
         return false;
       return option && option.options && option.options.length > 0;
-    };
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",
@@ -4457,106 +4318,259 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["id"];
-const _hoisted_2$6 = ["id", "for"];
-const _hoisted_3$4 = ["id", "aria-controls", "placeholder"];
-const _hoisted_4$3 = {
-  key: 0,
-  class: "vv-select__input-before"
-};
-const _hoisted_5$3 = { class: "vv-select__inner" };
-const _hoisted_6$3 = ["aria-controls", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-errormessage", "tabindex"];
-const _hoisted_7$3 = {
-  key: 0,
-  class: "vv-select__value"
-};
-const _hoisted_8$2 = ["aria-label", "onClick"];
-const _hoisted_9$1 = {
-  key: 1,
-  class: "vv-select__input-after"
-};
-const __default__$9 = {
-  name: "VvCombobox",
-  components: {
-    VvDropdown: _sfc_main$i,
-    VvDropdownOption: _sfc_main$g,
-    VvDropdownOptgroup: _sfc_main$f,
-    VvButton: _sfc_main$n
-  }
-};
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
-  props: VvComboboxProps,
-  emits: VvComboboxEvents,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const propsDefaults = useDefaults(
-      "VvCombobox",
-      VvComboboxProps,
-      props
-    );
-    const isGroup = (option) => {
-      if (typeof option === "string") {
-        return false;
-      }
-      return option.options && option.options.length > 0;
-    };
-    const {
-      HintSlot,
-      hasHintLabelOrSlot,
-      hasInvalidLabelOrSlot,
-      hintSlotScope
-    } = HintSlotFactory(propsDefaults, slots);
-    const inputEl = ref(null);
-    const inputSearchEl = ref(null);
-    const wrapperEl = ref(null);
-    const { focused } = useComponentFocus(inputEl, emit);
-    const { focused: focusedWithin } = useFocusWithin(wrapperEl);
-    watch(focused, (newValue) => {
-      if (!props.autoOpen) {
-        return;
-      }
-      if (newValue && !expanded.value) {
-        expand();
-        return;
-      }
-      if (!newValue && expanded.value && !focusedWithin.value) {
-        collapse();
-      }
-    });
-    watch(focusedWithin, (newValue) => {
-      if (!focused.value && !newValue && expanded.value) {
-        collapse();
-      }
-    });
-    const searchText = ref("");
-    const debouncedSearchText = refDebounced(
-      searchText,
-      computed(() => Number(props.debounceSearch))
-    );
-    watch(debouncedSearchText, () => {
-      emit("update:search", debouncedSearchText.value);
-      emit("change:search", debouncedSearchText.value);
-    });
-    const expanded = ref(false);
-    const toggleExpanded = () => {
-      if (props.disabled || props.readonly)
-        return;
-      expanded.value = !expanded.value;
-    };
-    const expand = () => {
-      if (props.disabled || props.readonly || expanded.value)
-        return;
-      expanded.value = true;
-    };
-    const collapse = () => {
-      if (props.disabled || props.readonly || !expanded.value)
-        return;
-      expanded.value = false;
-    };
-    const onAfterExpand = () => {
+const VvComboboxEvents = [
+  "update:modelValue",
+  "update:search",
+  /**
+   * @deprecated change:search should not be used, use update:search instead
+   */
+  "change:search",
+  "focus",
+  "blur"
+];
+const VvComboboxProps = {
+  ...IdNameProps,
+  ...TabindexProps,
+  ...ValidProps,
+  ...InvalidProps,
+  ...HintProps,
+  ...LoadingProps,
+  ...DisabledProps,
+  ...ReadonlyProps,
+  ...ModifiersProps,
+  ...OptionsProps,
+  ...IconProps,
+  ...FloatingLabelProps,
+  ...UnselectableProps,
+  ...DropdownProps,
+  ...LabelProps,
+  /**
+   * Dropdown show / hide transition name
+   */
+  transitionName: {
+    type: String,
+    default: "vv-dropdown--mobile-fade-block"
+  },
+  /**
+   * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+   */
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: void 0
+  },
+  /**
+   * Label for no search results
+   */
+  noResultsLabel: { type: String, default: "No results" },
+  /**
+   * Label for no options	available
+   */
+  noOptionsLabel: { type: String, default: "No options available" },
+  /**
+   * Label for selected option hint
+   */
+  selectedHintLabel: { type: String, default: "Selected" },
+  /**
+   * Label for deselect action button
+   */
+  deselectActionLabel: { type: String, default: "Deselect" },
+  /**
+   * Label for select option hint
+   */
+  selectHintLabel: { type: String, default: "Press enter to select" },
+  /**
+   * Label for deselected option hint
+   */
+  deselectHintLabel: { type: String, default: "Press enter to remove" },
+  /**
+   * Label close button
+   */
+  closeLabel: { type: String, default: "Close" },
+  /**
+   * Select input placeholder
+   */
+  placeholder: String,
+  /**
+   * Use input text to search on options
+   */
+  searchable: Boolean,
+  /**
+   * Search function to filter options
+   */
+  searchFunction: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * On searchable select is the input search placeholder
+   */
+  searchPlaceholder: {
+    type: String,
+    default: "Search..."
+  },
+  /**
+   * The input search debounce time in ms
+   */
+  debounceSearch: {
+    type: [Number, String],
+    default: 0
+  },
+  /**
+   * Manage modelValue as string[] or object[]
+   */
+  multiple: Boolean,
+  /**
+   * The max number of selected values
+   */
+  maxValues: [Number, String],
+  /**
+   * The select label separator visible to the user
+   */
+  separator: { type: String, default: ", " },
+  /**
+   * Show native select
+   */
+  native: Boolean,
+  /**
+   * Show badges
+   */
+  badges: Boolean,
+  /**
+   * Badge modifiers
+   */
+  badgeModifiers: {
+    type: [String, Array],
+    default: "action sm"
+  },
+  /**
+   * Set dropdown width to the same as the trigger
+   */
+  triggerWidth: {
+    ...DropdownProps.triggerWidth,
+    default: true
+  },
+  /**
+   * Dropdown modifiers
+   */
+  dropdownModifiers: {
+    type: [String, Array],
+    default: "mobile"
+  },
+  /**
+   * Open dropdown on focus
+   */
+  autoOpen: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * Keep open dropdown on single select
+   */
+  keepOpen: {
+    type: Boolean,
+    default: false
+  }
+};
+const _hoisted_1$8 = ["id"];
+const _hoisted_2$6 = ["id", "for"];
+const _hoisted_3$4 = ["id", "aria-controls", "placeholder"];
+const _hoisted_4$3 = {
+  key: 0,
+  class: "vv-select__input-before"
+};
+const _hoisted_5$3 = { class: "vv-select__inner" };
+const _hoisted_6$3 = ["aria-controls", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-errormessage", "tabindex"];
+const _hoisted_7$3 = {
+  key: 0,
+  class: "vv-select__value"
+};
+const _hoisted_8$2 = ["aria-label", "onClick"];
+const _hoisted_9$1 = {
+  key: 1,
+  class: "vv-select__input-after"
+};
+const __default__$b = {
+  name: "VvCombobox",
+  components: {
+    VvDropdown: _sfc_main$i,
+    VvDropdownOption: _sfc_main$g,
+    VvDropdownOptgroup: _sfc_main$f,
+    VvButton: _sfc_main$n
+  }
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
+  props: VvComboboxProps,
+  emits: VvComboboxEvents,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const propsDefaults = useDefaults(
+      "VvCombobox",
+      VvComboboxProps,
+      props
+    );
+    function isGroup(option) {
+      if (typeof option === "string") {
+        return false;
+      }
+      return option.options && option.options.length > 0;
+    }
+    const {
+      HintSlot,
+      hasHintLabelOrSlot,
+      hasInvalidLabelOrSlot,
+      hintSlotScope
+    } = HintSlotFactory(propsDefaults, slots);
+    const inputEl = ref(null);
+    const inputSearchEl = ref(null);
+    const wrapperEl = ref(null);
+    const { focused } = useComponentFocus(inputEl, emit);
+    const { focused: focusedWithin } = useFocusWithin(wrapperEl);
+    watch(focused, (newValue) => {
+      if (!props.autoOpen) {
+        return;
+      }
+      if (newValue && !expanded.value) {
+        expand();
+        return;
+      }
+      if (!newValue && expanded.value && !focusedWithin.value) {
+        collapse();
+      }
+    });
+    watch(focusedWithin, (newValue) => {
+      if (!focused.value && !newValue && expanded.value) {
+        collapse();
+      }
+    });
+    const searchText = ref("");
+    const debouncedSearchText = refDebounced(
+      searchText,
+      computed(() => Number(props.debounceSearch))
+    );
+    watch(debouncedSearchText, () => {
+      emit("update:search", debouncedSearchText.value);
+      emit("change:search", debouncedSearchText.value);
+    });
+    const expanded = ref(false);
+    function toggleExpanded() {
+      if (props.disabled || props.readonly)
+        return;
+      expanded.value = !expanded.value;
+    }
+    function expand() {
+      if (props.disabled || props.readonly || expanded.value)
+        return;
+      expanded.value = true;
+    }
+    function collapse() {
+      if (props.disabled || props.readonly || !expanded.value)
+        return;
+      expanded.value = false;
+    }
+    function onAfterExpand() {
       if (propsDefaults.value.searchable) {
         if (inputSearchEl.value) {
           inputSearchEl.value.focus({
@@ -4564,12 +4578,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           });
         }
       }
-    };
-    const onAfterCollapse = () => {
+    }
+    function onAfterCollapse() {
       if (propsDefaults.value.searchable) {
         searchText.value = "";
       }
-    };
+    }
     const {
       id,
       icon,
@@ -4599,17 +4613,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       "vv-select",
       modifiers,
       computed(() => ({
-        disabled: disabled.value,
-        loading: isLoading.value,
-        readonly: readonly.value,
+        "disabled": disabled.value,
+        "loading": isLoading.value,
+        "readonly": readonly.value,
         "icon-before": hasIconBefore.value !== void 0,
         "icon-after": hasIconAfter.value !== void 0,
-        valid: valid.value,
-        invalid: invalid.value,
-        dirty: isDirty.value,
-        focus: focused.value || focusedWithin.value || expanded.value,
-        floating: floating.value,
-        badges: props.badges
+        "valid": valid.value,
+        "invalid": invalid.value,
+        "dirty": isDirty.value,
+        "focus": focused.value || focusedWithin.value || expanded.value,
+        "floating": floating.value,
+        "badges": props.badges
       }))
     );
     const {
@@ -4658,10 +4672,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const hasValue = computed(() => {
       return selectedOptions.value.map((option) => getOptionLabel(option)).join(props.separator);
     });
-    const onClickInput = () => {
+    function onClickInput() {
       props.autoOpen ? expand() : toggleExpanded();
-    };
-    const onInput = (option) => {
+    }
+    function onInput(option) {
       var _a;
       if (props.disabled || props.readonly) {
         return;
@@ -4695,7 +4709,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         }
       }
       emit("update:modelValue", toReturn);
-    };
+    }
     const selectProps = computed(() => ({
       id: hasId.value,
       name: props.name,
@@ -5156,11 +5170,11 @@ const _hoisted_3$3 = {
   key: 1,
   class: "vv-dialog__footer"
 };
-const __default__$8 = {
+const __default__$a = {
   name: "VvDialog"
 };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+  ...__default__$a,
   props: VvDialogProps,
   emits: VvDialogEvents,
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -5200,7 +5214,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           (_b = dialogEl.value) == null ? void 0 : _b.showModal();
         }
         emit("open");
-        emit("before-enter");
+        emit("beforeEnter");
       },
       "after-leave": () => {
         var _a, _b;
@@ -5208,25 +5222,25 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           (_b = dialogEl.value) == null ? void 0 : _b.close();
         }
         emit("close");
-        emit("after-leave");
+        emit("afterLeave");
       },
-      enter: () => {
+      "enter": () => {
         emit("enter");
       },
       "after-enter": () => {
-        emit("after-enter");
+        emit("afterEnter");
       },
       "enter-cancelled": () => {
-        emit("enter-cancelled");
+        emit("enterCancelled");
       },
       "before-leave": () => {
-        emit("before-leave");
+        emit("beforeLeave");
       },
-      leave: () => {
+      "leave": () => {
         emit("leave");
       },
       "leave-cancelled": () => {
-        emit("leave-cancelled");
+        emit("leaveCancelled");
       }
     };
     onClickOutside(modalWrapper, () => {
@@ -5241,11 +5255,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       isOpened.value = true;
     }
     __expose({ close, open });
-    const onCancel = () => {
+    function onCancel() {
       if (!props.keepOpen) {
         close();
       }
-    };
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, mergeProps({ name: unref(transitioName) }, toHandlers(dialogTransitionHandlers), { persisted: "" }), {
         default: withCtx(() => [
@@ -5312,49 +5326,206 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$7 = {
-  name: "VvDropdownAction"
-};
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "VvDropdownAction",
+  props: {
+    ...ActionProps,
+    ...ModifiersProps
+  },
+  setup(__props) {
+    const props = __props;
+    const { modifiers } = toRefs(props);
+    const bemCssClasses = useModifiers("vv-dropdown-action", modifiers);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$h, null, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$v, mergeProps({
+            disabled: _ctx.disabled,
+            pressed: _ctx.pressed,
+            active: _ctx.active,
+            type: _ctx.type,
+            to: _ctx.to,
+            href: _ctx.href,
+            target: _ctx.target,
+            rel: _ctx.rel
+          }, { class: unref(bemCssClasses) }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createTextVNode(
+                  toDisplayString(_ctx.label),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["class"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      });
+    };
+  }
+});
+const VvInputPasswordAction = defineComponent({
+  components: {
+    VvIcon: _sfc_main$u
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    labelShow: {
+      type: String,
+      default: "Show password"
+    },
+    labelHide: {
+      type: String,
+      default: "Hide password"
+    },
+    iconShow: {
+      type: [String, Object],
+      default: ACTION_ICONS.showPassword
+    },
+    iconHide: {
+      type: [String, Object],
+      default: ACTION_ICONS.hidePassword
+    }
+  },
+  emits: ["toggle-password"],
+  setup(props, { emit }) {
+    const active = ref(false);
+    const activeIcon = computed(
+      () => active.value ? props.iconHide : props.iconShow
+    );
+    const { hasIcon } = useComponentIcon(activeIcon);
+    function onClick(e) {
+      e == null ? void 0 : e.stopPropagation();
+      if (!props.disabled) {
+        active.value = !active.value;
+        emit("toggle-password", active.value);
+      }
+    }
+    return {
+      active,
+      activeIcon,
+      hasIcon,
+      onClick
+    };
+  },
+  render() {
+    const icon = this.hasIcon ? h(_sfc_main$u, {
+      ...this.hasIcon,
+      class: "vv-input-text__icon"
+    }) : void 0;
+    return h(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.active ? this.labelHide : this.labelShow,
+        type: "button",
+        onClick: this.onClick
+      },
+      icon
+    );
+  }
+});
+const VvInputStepAction = defineComponent({
+  components: {
+    VvIcon: _sfc_main$u
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String
+    },
+    mode: {
+      type: String,
+      validator: (v) => ["up", "down"].includes(v),
+      default: "up"
+    }
+  },
+  emits: ["step-up", "step-down"],
+  setup(props, { emit }) {
+    const isUp = computed(() => props.mode === "up");
+    const onClick = (e) => {
+      e == null ? void 0 : e.stopPropagation();
+      if (!props.disabled) {
+        emit(isUp.value ? "step-up" : "step-down");
+      }
+    };
+    return {
+      isUp,
+      onClick
+    };
+  },
+  render() {
+    return h("button", {
+      class: [
+        "vv-input-text__action vv-input-text__action-chevron",
+        this.isUp && "vv-input-text__action-chevron-up"
+      ],
+      disabled: this.disabled,
+      ariaLabel: this.label,
+      type: "button",
+      onClick: this.onClick
+    });
+  }
+});
+const VvInputClearAction = defineComponent({
+  components: {
+    VvIcon: _sfc_main$u
+  },
   props: {
-    ...ActionProps,
-    ...ModifiersProps
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String,
+      default: "Clear"
+    },
+    icon: {
+      type: [String, Object],
+      default: "close"
+    }
   },
-  setup(__props) {
-    const props = __props;
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-dropdown-action", modifiers);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$h, null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$v, mergeProps({
-            disabled: _ctx.disabled,
-            pressed: _ctx.pressed,
-            active: _ctx.active,
-            type: _ctx.type,
-            to: _ctx.to,
-            href: _ctx.href,
-            target: _ctx.target,
-            rel: _ctx.rel
-          }, { class: unref(bemCssClasses) }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                createTextVNode(
-                  toDisplayString(_ctx.label),
-                  1
-                  /* TEXT */
-                )
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["class"])
-        ]),
-        _: 3
-        /* FORWARDED */
-      });
+  emits: ["clear"],
+  setup(props, { emit }) {
+    const { hasIcon } = useComponentIcon(computed(() => props.icon));
+    function onClick(e) {
+      e == null ? void 0 : e.stopPropagation();
+      if (!props.disabled) {
+        emit("clear");
+      }
+    }
+    return {
+      hasIcon,
+      onClick
     };
+  },
+  render() {
+    const icon = this.hasIcon ? h(_sfc_main$u, {
+      ...this.hasIcon,
+      class: "vv-input-text__icon"
+    }) : void 0;
+    return h(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.label,
+        type: "button",
+        onClick: this.onClick
+      },
+      icon
+    );
   }
 });
 const INPUT_TYPES = {
@@ -5511,215 +5682,55 @@ const VvInputTextProps = {
     default: "Remove suggestion"
   },
   /**
-   * iMask options
-   * @see https://imask.js.org/guide.html
-   */
-  iMask: {
-    type: Object,
-    default: void 0
-  },
-  /**
-   * Masked value
-   */
-  masked: {
-    type: String,
-    default: void 0
-  },
-  /**
-   * Adjust input width to content
-   */
-  autoWidth: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Hide type number, password and search actions
-   */
-  hideActions: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Add unit label to input
-   */
-  unit: {
-    type: String
-  },
-  /**
-   * Select input text on focus
-   */
-  selectOnFocus: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Maximum number of suggestions
-   */
-  maxSuggestions: {
-    type: Number,
-    default: 5
-  }
-};
-const VvInputPasswordAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$u
-  },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    labelShow: {
-      type: String,
-      default: "Show password"
-    },
-    labelHide: {
-      type: String,
-      default: "Hide password"
-    },
-    iconShow: {
-      type: [String, Object],
-      default: ACTION_ICONS.showPassword
-    },
-    iconHide: {
-      type: [String, Object],
-      default: ACTION_ICONS.hidePassword
-    }
-  },
-  emits: ["toggle-password"],
-  setup(props, { emit }) {
-    const active = ref(false);
-    const activeIcon = computed(
-      () => active.value ? props.iconHide : props.iconShow
-    );
-    const { hasIcon } = useComponentIcon(activeIcon);
-    function onClick(e) {
-      e == null ? void 0 : e.stopPropagation();
-      if (!props.disabled) {
-        active.value = !active.value;
-        emit("toggle-password", active.value);
-      }
-    }
-    return {
-      active,
-      activeIcon,
-      hasIcon,
-      onClick
-    };
-  },
-  render() {
-    const icon = this.hasIcon ? h(_sfc_main$u, {
-      ...this.hasIcon,
-      class: "vv-input-text__icon"
-    }) : void 0;
-    return h(
-      "button",
-      {
-        disabled: this.disabled,
-        class: "vv-input-text__action",
-        ariaLabel: this.active ? this.labelHide : this.labelShow,
-        type: "button",
-        onClick: this.onClick
-      },
-      icon
-    );
-  }
-});
-const VvInputStepAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$u
+   * iMask options
+   * @see https://imask.js.org/guide.html
+   */
+  iMask: {
+    type: Object,
+    default: void 0
   },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    label: {
-      type: String
-    },
-    mode: {
-      type: String,
-      validator: (v) => ["up", "down"].includes(v),
-      default: "up"
-    }
+  /**
+   * Masked value
+   */
+  masked: {
+    type: String,
+    default: void 0
   },
-  emits: ["step-up", "step-down"],
-  setup(props, { emit }) {
-    const isUp = computed(() => props.mode === "up");
-    const onClick = (e) => {
-      e == null ? void 0 : e.stopPropagation();
-      if (!props.disabled) {
-        emit(isUp.value ? "step-up" : "step-down");
-      }
-    };
-    return {
-      isUp,
-      onClick
-    };
+  /**
+   * Adjust input width to content
+   */
+  autoWidth: {
+    type: Boolean,
+    default: false
   },
-  render() {
-    return h("button", {
-      class: [
-        "vv-input-text__action vv-input-text__action-chevron",
-        this.isUp && "vv-input-text__action-chevron-up"
-      ],
-      disabled: this.disabled,
-      ariaLabel: this.label,
-      type: "button",
-      onClick: this.onClick
-    });
-  }
-});
-const VvInputClearAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$u
+  /**
+   * Hide type number, password and search actions
+   */
+  hideActions: {
+    type: Boolean,
+    default: false
   },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    label: {
-      type: String,
-      default: "Clear"
-    },
-    icon: {
-      type: [String, Object],
-      default: "close"
-    }
+  /**
+   * Add unit label to input
+   */
+  unit: {
+    type: String
   },
-  emits: ["clear"],
-  setup(props, { emit }) {
-    const { hasIcon } = useComponentIcon(computed(() => props.icon));
-    function onClick(e) {
-      e == null ? void 0 : e.stopPropagation();
-      if (!props.disabled) {
-        emit("clear");
-      }
-    }
-    return {
-      hasIcon,
-      onClick
-    };
+  /**
+   * Select input text on focus
+   */
+  selectOnFocus: {
+    type: Boolean,
+    default: false
   },
-  render() {
-    const icon = this.hasIcon ? h(_sfc_main$u, {
-      ...this.hasIcon,
-      class: "vv-input-text__icon"
-    }) : void 0;
-    return h(
-      "button",
-      {
-        disabled: this.disabled,
-        class: "vv-input-text__action",
-        ariaLabel: this.label,
-        type: "button",
-        onClick: this.onClick
-      },
-      icon
-    );
+  /**
+   * Maximum number of suggestions
+   */
+  maxSuggestions: {
+    type: Number,
+    default: 5
   }
-});
+};
 function VvInputTextActionsFactory(type, parentProps) {
   return {
     name: "VvInputTextActions",
@@ -5803,7 +5814,7 @@ function useDebouncedInput(modelValue, emit, ms = 0, {
 } = {}) {
   let timeout;
   if (typeof ms === "string") {
-    ms = parseInt(ms);
+    ms = Number.parseInt(ms);
   }
   return computed({
     get: () => getter(modelValue == null ? void 0 : modelValue.value),
@@ -5871,11 +5882,11 @@ const _hoisted_6$2 = {
 };
 const _hoisted_7$2 = { class: "flex-1" };
 const _hoisted_8$1 = ["title", "onClick"];
-const __default__$6 = {
+const __default__$9 = {
   name: "VvInputText"
 };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+  ...__default__$9,
   props: VvInputTextProps,
   emits: VvInputTextEvents,
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -5888,24 +5899,23 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       props
     );
     const {
-      id,
+      count,
+      debounce,
       icon,
       iconPosition,
       iconRemoveSuggestion,
-      label,
-      modelValue,
-      count,
-      valid,
+      id,
       invalid,
+      label,
       loading,
-      debounce,
       maxlength,
       minlength,
-      type,
-      iMask,
+      modelValue,
       step,
       storageKey,
-      storageType
+      storageType,
+      type,
+      valid
     } = toRefs(props);
     const hasId = useUniqueId(id);
     const hasHintId = computed(() => `${hasId.value}-hint`);
@@ -5921,7 +5931,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const maskReady = ref(false);
     const { el, mask, typed, masked, unmasked } = useIMask(
       computed(
-        () => (iMask == null ? void 0 : iMask.value) ?? {
+        () => props.iMask ?? {
           mask: /./
         }
       ),
@@ -5967,7 +5977,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             if (!(date instanceof Date)) {
               date = new Date(date);
             }
-            localModelValue.value = `${date.getFullYear()}-${("0" + (date.getMonth() + 1)).slice(-2)}-${("0" + date.getDate()).slice(-2)}`;
+            localModelValue.value = `${date.getFullYear()}-${`0${date.getMonth() + 1}`.slice(-2)}-${`0${date.getDate()}`.slice(-2)}`;
             return;
           }
           if (type.value === INPUT_TYPES.DATETIME_LOCAL) {
@@ -5986,7 +5996,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             if (!(typed.value instanceof Date)) {
               date = new Date(date);
             }
-            localModelValue.value = `${date.getFullYear()}-${("0" + (date.getMonth() + 1)).slice(-2)}-${("0" + date.getDate()).slice(-2)}T${("0" + date.getHours()).slice(-2)}:${("0" + date.getMinutes()).slice(-2)}`;
+            localModelValue.value = `${date.getFullYear()}-${`0${date.getMonth() + 1}`.slice(-2)}-${`0${date.getDate()}`.slice(-2)}T${`0${date.getHours()}`.slice(-2)}:${`0${date.getMinutes()}`.slice(-2)}`;
             return;
           }
           if (!localModelValue.value && !unmasked.value) {
@@ -5996,25 +6006,23 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         }
       }
     );
-    const updateMaskValue = (newValue) => {
+    function updateMaskValue(newValue) {
       var _a;
-      if (iMask == null ? void 0 : iMask.value) {
-        if (newValue === void 0) {
-          typed.value = "";
-          unmasked.value = "";
-          return;
-        }
-        if (((_a = iMask.value) == null ? void 0 : _a.mask) === Date) {
-          typed.value = new Date(newValue);
-          return;
-        }
-        if (type.value === INPUT_TYPES.NUMBER && NEGATIVE_ZERO_REGEX.test(unmasked.value) && newValue === 0) {
-          return;
-        }
-        typed.value = newValue;
-        unmasked.value = `${typed.value}`;
+      if (newValue === void 0) {
+        typed.value = "";
+        unmasked.value = "";
+        return;
       }
-    };
+      if (((_a = props.iMask) == null ? void 0 : _a.mask) === Date) {
+        typed.value = new Date(newValue);
+        return;
+      }
+      if (type.value === INPUT_TYPES.NUMBER && NEGATIVE_ZERO_REGEX.test(unmasked.value) && newValue === 0) {
+        return;
+      }
+      typed.value = newValue;
+      unmasked.value = `${typed.value}`;
+    }
     onMounted(() => {
       if (mask.value) {
         maskReady.value = true;
@@ -6075,37 +6083,37 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     const showPassword = ref(false);
     const isPassword = computed(() => props.type === INPUT_TYPES.PASSWORD);
-    const onTogglePassword = () => {
+    function onTogglePassword() {
       showPassword.value = !showPassword.value;
-    };
+    }
     const isDateTime = computed(
       () => props.type === INPUT_TYPES.TIME || props.type === INPUT_TYPES.DATETIME_LOCAL || props.type === INPUT_TYPES.DATE || props.type === INPUT_TYPES.WEEK || props.type === INPUT_TYPES.MONTH
     );
     const isNumber = computed(() => props.type === INPUT_TYPES.NUMBER);
-    const onStepUp = () => {
+    function onStepUp() {
       if (isClickable.value) {
-        if (iMask == null ? void 0 : iMask.value) {
+        if (props.iMask) {
           typed.value = typed.value + Number((step == null ? void 0 : step.value) ?? 1);
           return;
         }
         inputEl.value.stepUp();
         localModelValue.value = Number(unref(inputEl).value);
       }
-    };
-    const onStepDown = () => {
+    }
+    function onStepDown() {
       if (isClickable.value) {
-        if (iMask == null ? void 0 : iMask.value) {
+        if (props.iMask) {
           typed.value = typed.value - Number((step == null ? void 0 : step.value) ?? 1);
           return;
         }
         inputEl.value.stepDown();
         localModelValue.value = Number(unref(inputEl).value);
       }
-    };
+    }
     const isSearch = computed(() => props.type === INPUT_TYPES.SEARCH);
-    const onClear = () => {
+    function onClear() {
       localModelValue.value = "";
-    };
+    }
     const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
     const iconAfter = computed(() => {
       if (hasIconAfter.value !== void 0) {
@@ -6160,30 +6168,30 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const hasSuggestions = computed(
       () => (storageKey == null ? void 0 : storageKey.value) && suggestions.value && suggestions.value.size > 0
     );
-    const onSuggestionSelect = (suggestion) => {
+    function onSuggestionSelect(suggestion) {
       var _a;
       localModelValue.value = suggestion;
       (_a = dropdownEl.value) == null ? void 0 : _a.hide();
-    };
-    const onSuggestionRemove = (suggestion) => {
+    }
+    function onSuggestionRemove(suggestion) {
       var _a;
       (_a = suggestions.value) == null ? void 0 : _a.delete(suggestion);
-    };
+    }
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers(
       "vv-input-text",
       modifiers,
       computed(() => ({
-        valid: valid.value,
-        invalid: invalid.value,
-        loading: loading.value,
-        disabled: props.disabled,
-        readonly: props.readonly,
+        "valid": valid.value,
+        "invalid": invalid.value,
+        "loading": loading.value,
+        "disabled": props.disabled,
+        "readonly": props.readonly,
         "icon-before": !!hasIconBefore.value,
         "icon-after": !!iconAfter.value,
-        floating: props.floating && !isEmpty(props.label),
-        dirty: isDirty.value,
-        focus: isFocused.value,
+        "floating": props.floating && !isEmpty(props.label),
+        "dirty": isDirty.value,
+        "focus": isFocused.value,
         "auto-width": props.autoWidth
       }))
     );
@@ -6195,19 +6203,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         if (isDateTime.value && !isDirty.value && !focused.value) {
           return INPUT_TYPES.TEXT;
         }
-        if (iMask == null ? void 0 : iMask.value) {
+        if (props.iMask) {
           return INPUT_TYPES.TEXT;
         }
         return props.type;
       })();
       const toReturn = {
         type: type2,
-        name: props.name,
-        tabindex: hasTabindex.value,
-        disabled: props.disabled,
-        readonly: props.readonly,
-        required: props.required,
-        autocomplete: props.autocomplete,
+        "name": props.name,
+        "tabindex": hasTabindex.value,
+        "disabled": props.disabled,
+        "readonly": props.readonly,
+        "required": props.required,
+        "autocomplete": props.autocomplete,
         "aria-invalid": isInvalid.value,
         "aria-describedby": hasHintLabelOrSlot.value ? hasHintId.value : void 0,
         "aria-errormessage": hasInvalidLabelOrSlot.value ? hasHintId.value : void 0
@@ -6261,11 +6269,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       INPUT_TYPES.SEARCH,
       props
     );
-    const onClickInner = () => {
+    function onClickInner() {
       if (isClickable.value) {
         focused.value = true;
       }
-    };
+    }
     const hasStyle = computed(() => {
       if (!props.autoWidth) {
         return void 0;
@@ -6274,7 +6282,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         width: localModelValue.value !== void 0 ? `${String(localModelValue.value).length + 1}ch` : void 0
       };
     });
-    const onKeyDown = (event) => {
+    function onKeyDown(event) {
       switch (event.code) {
         case "ArrowUp":
           if (isNumber.value) {
@@ -6290,7 +6298,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           break;
       }
       emit("keydown", event);
-    };
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",
@@ -6484,21 +6492,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VvNavProps = {
-  ...ModifiersProps,
-  ...NavProps
-};
-const VvNavEvents = ["click"];
 const _hoisted_1$5 = {
   class: "vv-nav__item",
   role: "presentation"
 };
-const __default__$5 = {
+const __default__$8 = {
   name: "VvNavItem",
   inheritAttrs: false
 };
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+  ...__default__$8,
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("li", _hoisted_1$5, [
@@ -6522,26 +6525,34 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const VvNavProps = {
+  ...ModifiersProps,
+  ...NavProps
+};
+const VvNavEvents = ["click"];
+const __default__$7 = {
+  name: "VvNav"
+};
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "VvNav",
+  ...__default__$7,
   props: VvNavProps,
   emits: VvNavEvents,
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const { modifiers } = toRefs(props);
     const emit = __emit;
-    const onClick = (event) => {
+    const { modifiers } = toRefs(props);
+    function onClick(event) {
       var _a;
       const target = event.target;
       if (target == null ? void 0 : target.dataset.index) {
-        const index = parseInt(target.dataset.index);
+        const index = Number.parseInt(target.dataset.index);
         const item = (_a = props.items) == null ? void 0 : _a[index];
         if (!item || (item == null ? void 0 : item.disabled)) {
           return;
         }
         emit("click", item);
       }
-    };
+    }
     const bemCssClasses = useModifiers("vv-nav", modifiers);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -6634,11 +6645,11 @@ const VvProgressProps = {
     required: true
   }
 };
-const __default__$4 = {
+const __default__$6 = {
   name: "VvProgress"
 };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+  ...__default__$6,
   props: VvProgressProps,
   setup(__props) {
     const props = __props;
@@ -6695,11 +6706,11 @@ function useGroupProps(props, emit) {
 }
 const _hoisted_1$3 = ["for"];
 const _hoisted_2$3 = ["id", "name", "disabled", "value", "tabindex", "aria-invalid", "aria-describedby", "aria-errormessage"];
-const __default__$3 = {
+const __default__$5 = {
   name: "VvRadio"
 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+  ...__default__$5,
   props: VvRadioProps,
   emits: VvRadioEvents,
   setup(__props, { emit: __emit }) {
@@ -6835,11 +6846,11 @@ const VvRadioGroupProps = CheckboxRadioGroupProps;
 const VvRadioGroupEvents = ["update:modelValue", "change"];
 const _hoisted_1$2 = ["textContent"];
 const _hoisted_2$2 = { class: "vv-radio-group__wrapper" };
-const __default__$2 = {
+const __default__$4 = {
   name: "VvRadioGroup"
 };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+  ...__default__$4,
   props: VvRadioGroupProps,
   emits: VvRadioGroupEvents,
   setup(__props, { emit: __emit }) {
@@ -6872,14 +6883,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         invalid: invalid.value
       }))
     );
-    const getOptionProps = (option, index) => {
+    function getOptionProps(option, index) {
       return {
         id: `${props.name}_opt${index}`,
         name: props.name,
         label: getOptionLabel(option),
         value: getOptionValue(option)
       };
-    };
+    }
     const { HintSlot, hintSlotScope } = HintSlotFactory(propsDefaults, slots);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -6973,8 +6984,11 @@ const VvTabProps = {
   }
 };
 const VvTabEvents = ["update:modelValue"];
+const __default__$3 = {
+  name: "VvTab"
+};
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "VvTab",
+  ...__default__$3,
   props: VvTabProps,
   emits: VvTabEvents,
   setup(__props, { emit: __emit }) {
@@ -7007,11 +7021,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         ...Array.isArray(props.navModifiers) ? props.navModifiers : ((_a = props.navModifiers) == null ? void 0 : _a.split(" ")) ?? []
       ];
     });
-    const onNavClick = (item) => {
+    function onNavClick(item) {
       if (item.tab) {
         activeTabKey.value = item.tab;
       }
-    };
+    }
     const navItems = computed(
       () => props.items.map((item) => ({
         current: item.tab === activeTabKey.value,
@@ -7135,11 +7149,11 @@ const _hoisted_7$1 = {
   key: 2,
   class: "vv-textarea__limit"
 };
-const __default__$1 = {
+const __default__$2 = {
   name: "VvTextarea"
 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+  ...__default__$2,
   props: VvTextareaProps,
   emits: VvTextareaEvents,
   setup(__props, { emit: __emit }) {
@@ -7210,34 +7224,34 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       "vv-textarea",
       modifiers,
       computed(() => ({
-        valid: valid.value,
-        invalid: invalid.value,
-        loading: loading.value,
-        disabled: props.disabled,
-        readonly: props.readonly,
+        "valid": valid.value,
+        "invalid": invalid.value,
+        "loading": loading.value,
+        "disabled": props.disabled,
+        "readonly": props.readonly,
         "icon-before": hasIconBefore.value !== void 0,
         "icon-after": hasIconAfter.value !== void 0,
-        floating: props.floating && !isEmpty(props.label),
-        dirty: isDirty.value,
-        focus: focused.value,
-        resizable: props.resizable
+        "floating": props.floating && !isEmpty(props.label),
+        "dirty": isDirty.value,
+        "focus": focused.value,
+        "resizable": props.resizable
       }))
     );
     const hasAttrs = computed(
       () => ({
-        name: props.name,
-        placeholder: hasPlaceholder.value,
-        tabindex: hasTabindex.value,
-        disabled: props.disabled,
-        readonly: props.readonly,
-        required: props.required,
-        autocomplete: props.autocomplete,
-        minlength: props.minlength,
-        maxlength: props.maxlength,
-        cols: props.cols,
-        rows: props.rows,
-        wrap: props.wrap,
-        spellcheck: props.spellcheck,
+        "name": props.name,
+        "placeholder": hasPlaceholder.value,
+        "tabindex": hasTabindex.value,
+        "disabled": props.disabled,
+        "readonly": props.readonly,
+        "required": props.required,
+        "autocomplete": props.autocomplete,
+        "minlength": props.minlength,
+        "maxlength": props.maxlength,
+        "cols": props.cols,
+        "rows": props.rows,
+        "wrap": props.wrap,
+        "spellcheck": props.spellcheck,
         "aria-invalid": isInvalid.value,
         "aria-describedby": hasHintLabelOrSlot.value ? hasHintId.value : void 0,
         "aria-errormessage": hasInvalidLabelOrSlot.value ? hasHintId.value : void 0
@@ -7252,9 +7266,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       minlength: props.minlength,
       clear: onClear
     }));
-    const onClear = () => {
+    function onClear() {
       localModelValue.value = void 0;
-    };
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",
@@ -7367,8 +7381,11 @@ const VvTooltipProps = {
     type: String
   }
 };
+const __default__$1 = {
+  name: "VvTooltip"
+};
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "VvTooltip",
+  ...__default__$1,
   props: VvTooltipProps,
   setup(__props) {
     const props = __props;
@@ -7552,7 +7569,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!props.progress) {
         return false;
       }
-      const progress = typeof props.progress === "string" ? parseInt(props.progress) : props.progress;
+      const progress = typeof props.progress === "string" ? Number.parseInt(props.progress) : props.progress;
       return progress > 0 && progress < 100;
     });
     const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
@@ -7561,10 +7578,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "vv-input-file",
       modifiers,
       computed(() => ({
-        dragging: isDragging.value,
-        loading: props.loading && !hasProgress.value,
-        valid: props.valid === true,
-        invalid: props.invalid === true,
+        "dragging": isDragging.value,
+        "loading": props.loading && !hasProgress.value,
+        "valid": props.valid === true,
+        "invalid": props.invalid === true,
         "icon-before": !!hasIconBefore.value,
         "icon-after": !!hasIconAfter.value,
         "drop-area": hasDropArea.value
@@ -7594,7 +7611,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const hasMax = computed(() => {
-      return typeof props.max === "string" ? parseInt(props.max) : props.max;
+      return typeof props.max === "string" ? Number.parseInt(props.max) : props.max;
     });
     const hasDropArea = computed(() => {
       return props.dropArea && !readonly.value;
@@ -7610,29 +7627,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isDragging = ref(false);
     const inputEl = ref();
-    const onDragenter = () => {
+    function onDragenter() {
       isDragging.value = true;
-    };
-    const onDragleave = () => {
+    }
+    function onDragleave() {
       isDragging.value = false;
-    };
-    const onDrop = (event) => {
+    }
+    function onDrop(event) {
       var _a, _b;
       if (!((_a = event.dataTransfer) == null ? void 0 : _a.files)) {
         return;
       }
       isDragging.value = false;
       addFiles((_b = event.dataTransfer) == null ? void 0 : _b.files);
-    };
-    const onChange = () => {
+    }
+    function onChange() {
       var _a;
       if (!((_a = inputEl.value) == null ? void 0 : _a.files)) {
         return;
       }
       addFiles(inputEl.value.files);
       inputEl.value.value = "";
-    };
-    const addFiles = (uploadedFiles) => {
+    }
+    function addFiles(uploadedFiles) {
       if (!props.multiple) {
         if (Array.isArray(localModelValue.value)) {
           localModelValue.value = [...uploadedFiles];
@@ -7655,16 +7672,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       localModelValue.value = toReturn;
       selectedFileIndex.value = toReturn.length - 1;
-    };
-    const onClickDropArea = () => {
+    }
+    function onClickDropArea() {
       if (!inputEl.value) {
         return;
       }
       if (!readonly.value) {
         inputEl.value.click();
       }
-    };
-    const onClickRemoveFile = (index) => {
+    }
+    function onClickRemoveFile(index) {
       if (!Array.isArray(localModelValue.value)) {
         localModelValue.value = void 0;
         return;
@@ -7675,7 +7692,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const toReturn = [...localModelValue.value];
       toReturn.splice(index, 1);
       localModelValue.value = toReturn;
-    };
+    }
     const selectedFileIndex = ref(0);
     const PREVIEW_MIME_TYPES = ["image/jpeg", "image/png"];
     const previewSrc = computed(() => {
@@ -7711,13 +7728,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         URL.revokeObjectURL(previewSrc.value);
       }
     });
-    const sizeInKiB = (size2) => {
+    function sizeInKiB(size2) {
       if (!size2) {
         return;
       }
       return Math.floor(size2 / 1024);
-    };
-    const onClickDownloadFile = (file) => {
+    }
+    function onClickDownloadFile(file) {
       const link = document.createElement("a");
       if (file instanceof File) {
         link.href = URL.createObjectURL(file);
@@ -7729,10 +7746,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       link.click();
       document.body.removeChild(link);
       URL.revokeObjectURL(link.href);
-    };
-    const onClickSelectFile = (index) => {
+    }
+    function onClickSelectFile(index) {
       selectedFileIndex.value = index;
-    };
+    }
     const dropdAreaActionLabel = computed(() => {
       if (files.value.length === 0 || isMultiple.value) {
         return props.labelAdd;
@@ -7745,11 +7762,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return props.iconReplace;
     });
-    const onSortEnd = ({ newIndex }) => {
+    function onSortEnd({ newIndex }) {
       if (newIndex !== null) {
         selectedFileIndex.value = newIndex;
       }
-    };
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",
@@ -7848,7 +7865,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             item: withCtx(({ element: file, index }) => [
               createElementVNode("li", {
                 class: normalizeClass(["vv-input-file__item", {
-                  active: index === selectedFileIndex.value && hasDropArea.value && files.value.length > 1,
+                  "active": index === selectedFileIndex.value && hasDropArea.value && files.value.length > 1,
                   "cursor-move": _ctx.sortable
                 }]),
                 onClick: withModifiers(($event) => onClickSelectFile(index), ["stop"])