@volverjs/ui-vue 0.0.10-beta.75 → 0.0.10-beta.77

package/dist/components/index.es.js

@@ -1,8 +1,8 @@
-import { inject, computed, toRef, unref, defineComponent, useAttrs, useId, toRefs, ref, watch, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, withModifiers, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, onMounted, isRef, provide, watchEffect, reactive, nextTick, Fragment, renderList, createBlock, mergeProps, createSlots, withCtx, getCurrentInstance, resolveComponent, resolveDynamicComponent, mergeDefaults, createCommentVNode, createVNode, TransitionGroup, toHandlers, useSlots, h, withDirectives, vModelCheckbox, Transition, normalizeStyle, vShow, vModelSelect, withKeys, vModelText, vModelRadio } from "vue";
+import { inject, computed, toRef, unref, defineComponent, useAttrs, useId, toRefs, ref, watch, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, withModifiers, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, onMounted, isRef, provide, watchEffect, reactive, nextTick, Fragment, renderList, createBlock, mergeProps, createSlots, withCtx, getCurrentInstance, resolveComponent, resolveDynamicComponent, mergeDefaults, createCommentVNode, createVNode, TransitionGroup, toHandlers, useSlots, h, withDirectives, vModelCheckbox, Transition, normalizeStyle, vShow, vModelSelect, mergeModels, useModel, withKeys, vModelText, vModelRadio } from "vue";
 import { useVModel, useStorage, useMutationObserver, onClickOutside, useFocusWithin, useElementHover, onKeyStroke, useFocus, useElementVisibility, refDebounced, computedAsync } from "@vueuse/core";
 import mitt from "mitt";
 import { iconLoaded, Icon, addIcon } from "@iconify/vue";
-import { get } from "ts-dot-prop";
+import { getProperty } from "dot-prop";
 import { autoPlacement, flip, shift, size, offset, arrow, useFloating, autoUpdate } from "@floating-ui/vue";
 import Sortable from "vuedraggable";
 import { useIMask } from "vue-imask";
@@ -646,7 +646,7 @@ function useGroupStateInject(groupKey) {
   const group = inject(groupKey, void 0);
   const isInGroup = computed(() => group !== void 0);
   function getGroupOrLocalRef(propName, props, emit) {
-    const groupPropValue = group == null ? void 0 : group[propName];
+    const groupPropValue = group?.[propName];
     if (groupPropValue) {
       return computed({
         get() {
@@ -711,11 +711,11 @@ function useGroupProps$3(props) {
     INJECTION_KEY_ACCORDION_GROUP
   );
   const disabled = computed(
-    () => Boolean(props.disabled || (group == null ? void 0 : group.disabled.value))
+    () => Boolean(props.disabled || group?.disabled.value)
   );
   const modifiers = computed(() => {
     let localModifiers = props.modifiers;
-    let groupModifiers = group == null ? void 0 : group.modifiers.value;
+    let groupModifiers = group?.modifiers.value;
     const toReturn = /* @__PURE__ */ new Set();
     if (localModifiers) {
       if (!Array.isArray(localModifiers)) {
@@ -737,7 +737,7 @@ function useGroupProps$3(props) {
     group,
     modifiers,
     disabled,
-    bus: group == null ? void 0 : group.bus
+    bus: group?.bus
   };
 }
 function useModifiers(prefix, modifiers, others) {
@@ -745,7 +745,7 @@ function useModifiers(prefix, modifiers, others) {
     const toReturn = {
       [prefix]: true
     };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
     if (modifiersArray) {
       if (Array.isArray(modifiersArray)) {
         modifiersArray.forEach((modifier) => {
@@ -779,7 +779,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const modelValue = useVModel(props, "modelValue", emit);
     const accordionName = computed(
-      () => props.name || (attrs == null ? void 0 : attrs.id) || useId()
+      () => props.name || attrs?.id || useId()
     );
     const { title, content, not } = toRefs(props);
     const { isInGroup, modifiers, disabled, bus } = useGroupProps$3(props);
@@ -796,7 +796,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     watch(isExpanded, (newValue) => {
       modelValue.value = not.value ? !newValue : newValue;
     });
-    bus == null ? void 0 : bus.on("toggle", ({ name, value }) => {
+    bus?.on("toggle", ({ name, value }) => {
       if (name !== accordionName.value) {
         return;
       }
@@ -807,7 +807,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         return;
       }
       if (isInGroup.value) {
-        bus == null ? void 0 : bus.emit("toggle", {
+        bus?.emit("toggle", {
           name: accordionName.value,
           value: !isExpanded.value
         });
@@ -862,7 +862,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         );
         return;
       }
-      bus == null ? void 0 : bus.emit("collapse", { name });
+      bus?.emit("collapse", { name });
     }
     __expose({
       isExpanded,
@@ -983,7 +983,7 @@ function usePersistence(storageKey, storageType = StorageType.local, defaultValu
           if (newKey) {
             storageValue = useStorage(
               newKey,
-              (storageValue == null ? void 0 : storageValue.value) ?? localValue.value,
+              storageValue?.value ?? localValue.value,
               storage
             );
             if (storageValue.value) {
@@ -1000,12 +1000,12 @@ function usePersistence(storageKey, storageType = StorageType.local, defaultValu
     }
     if (isRef(storageType)) {
       watch(storageType, (newType, oldType) => {
-        if (storageKey == null ? void 0 : storageKey.value) {
+        if (storageKey?.value) {
           if (newType) {
             const storage = newType === StorageType.session ? sessionStorage : localStorage;
             storageValue = useStorage(
               storageKey.value,
-              (storageValue == null ? void 0 : storageValue.value) ?? localValue.value,
+              storageValue?.value ?? localValue.value,
               storage
             );
           }
@@ -1218,9 +1218,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(
                   _sfc_main$x,
                   mergeProps({
-                    key: item.title,
-                    ref_for: true
-                  }, {
+                    key: item.title
+                  }, { ref_for: true }, {
                     name: item.name,
                     title: item.title,
                     content: item.content
@@ -1302,7 +1301,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }
     );
     const pressed = computed(() => {
-      return props.pressed || (dropdownExpanded == null ? void 0 : dropdownExpanded.value);
+      return props.pressed || dropdownExpanded?.value;
     });
     const { role } = useInjectedDropdownAction();
     const hasTag = computed(() => {
@@ -1310,7 +1309,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         case props.disabled:
           return ActionTag.button;
         case props.to !== void 0:
-          return (volver == null ? void 0 : volver.nuxt) ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
+          return volver?.nuxt ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
         case props.href !== void 0:
           return ActionTag.a;
         default:
@@ -1319,10 +1318,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     });
     const hasProps = computed(() => {
       const toReturn = {
-        ...dropdownAria == null ? void 0 : dropdownAria.value,
+        ...dropdownAria?.value,
         ariaPressed: pressed.value ? true : void 0,
         ariaLabel: props.ariaLabel,
-        role: role == null ? void 0 : role.value
+        role: role?.value
       };
       switch (hasTag.value) {
         case ActionTag.a:
@@ -1350,32 +1349,29 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }
     });
     function onClick(e) {
-      var _a;
       if (props.disabled) {
         e.preventDefault();
         return;
       }
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onClick) {
+      if (instance?.vnode.props?.onClick) {
         emit("click", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("click", e);
+      dropdownEventBus?.emit("click", e);
     }
     function onMouseover(e) {
-      var _a;
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseover) {
+      if (instance?.vnode.props?.onMouseover) {
         emit("mouseover", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("mouseover", e);
+      dropdownEventBus?.emit("mouseover", e);
     }
     function onMouseleave(e) {
-      var _a;
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseleave) {
+      if (instance?.vnode.props?.onMouseleave) {
         emit("mouseleave", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("mouseleave", e);
+      dropdownEventBus?.emit("mouseleave", e);
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(unref(hasTag)), mergeProps(unref(hasProps), {
@@ -1410,32 +1406,32 @@ function useInjectedAlertGroup() {
   return inject(INJECTION_KEY_ALERT_GROUP, {});
 }
 function useUniqueId(id) {
-  return computed(() => String((id == null ? void 0 : id.value) || useId()));
+  return computed(() => String(id?.value || useId()));
 }
 function useComponentIcon(icon, iconPosition) {
   const hasIcon = computed(() => {
-    if (typeof (icon == null ? void 0 : icon.value) === "string") {
-      return { name: icon == null ? void 0 : icon.value };
+    if (typeof icon?.value === "string") {
+      return { name: icon?.value };
     }
-    return icon == null ? void 0 : icon.value;
+    return icon?.value;
   });
   const hasIconBefore = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.before ? hasIcon.value : void 0
+    () => iconPosition?.value === Position.before ? hasIcon.value : void 0
   );
   const hasIconAfter = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.after ? hasIcon.value : void 0
+    () => iconPosition?.value === Position.after ? hasIcon.value : void 0
   );
   const hasIconLeft = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.left ? hasIcon.value : void 0
+    () => iconPosition?.value === Side.left ? hasIcon.value : void 0
   );
   const hasIconRight = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.right ? hasIcon.value : void 0
+    () => iconPosition?.value === Side.right ? hasIcon.value : void 0
   );
   const hasIconTop = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.top ? hasIcon.value : void 0
+    () => iconPosition?.value === Side.top ? hasIcon.value : void 0
   );
   const hasIconBottom = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.bottom ? hasIcon.value : void 0
+    () => iconPosition?.value === Side.bottom ? hasIcon.value : void 0
   );
   return {
     hasIcon,
@@ -1535,7 +1531,7 @@ function useVvAlert(props, emit) {
       clearTimeout(timeout);
     }
     emit("close", hasId.value);
-    bus == null ? void 0 : bus.emit("close", hasId.value);
+    bus?.emit("close", hasId.value);
   };
   watch(
     () => props.autoClose,
@@ -1628,7 +1624,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-icon", modifiers);
     const provider = computed(() => {
-      return props.provider || (volver == null ? void 0 : volver.iconsProvider);
+      return props.provider || volver?.iconsProvider;
     });
     const icon = computed(() => {
       const name = props.name ?? "";
@@ -1636,7 +1632,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       if (iconLoaded(iconName)) {
         return iconName;
       }
-      const iconsCollection = volver == null ? void 0 : volver.iconsCollections.find(
+      const iconsCollection = volver?.iconsCollections.find(
         (iconsCollection2) => {
           const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
           return iconLoaded(icon2);
@@ -1660,7 +1656,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     }
     function addIconFromSvg(svg) {
       const svgContentEl = getSvgContent(svg);
-      const svgContent = (svgContentEl == null ? void 0 : svgContentEl.innerHTML.trim()) || "";
+      const svgContent = svgContentEl?.innerHTML.trim() || "";
       if (svgContentEl && svgContent) {
         addIcon(`@${provider.value}:${props.prefix}:${props.name}`, {
           body: svgContent,
@@ -1679,7 +1675,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             show.value = true;
           }
         }).catch((e) => {
-          throw new Error(`Error during fetch icon: ${e == null ? void 0 : e.message}`);
+          throw new Error(`Error during fetch icon: ${e?.message}`);
         });
       }
     }
@@ -1771,15 +1767,15 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   (...args) => unref(close) && unref(close)(...args),
                   ["stop"]
                 ))
-              }, _cache[1] || (_cache[1] = [
+              }, [..._cache[1] || (_cache[1] = [
                 createElementVNode(
                   "div",
                   { class: "vv-alert__close-mask" },
                   null,
                   -1
-                  /* HOISTED */
+                  /* CACHED */
                 )
-              ]), 8, _hoisted_3$7)) : createCommentVNode("v-if", true)
+              ])], 8, _hoisted_3$7)) : createCommentVNode("v-if", true)
             ])
           ])) : createCommentVNode("v-if", true),
           _ctx.$slots.default || _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
@@ -2067,17 +2063,17 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const { modifiers, items, toShow, totalItems, avatarModifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-avatar-group", modifiers);
     const stringModifiers = computed(() => {
-      if ((avatarModifiers == null ? void 0 : avatarModifiers.value) && Array.isArray(avatarModifiers == null ? void 0 : avatarModifiers.value)) {
+      if (avatarModifiers?.value && Array.isArray(avatarModifiers?.value)) {
         return avatarModifiers.value.join(" ");
       }
-      return (avatarModifiers == null ? void 0 : avatarModifiers.value) || "";
+      return avatarModifiers?.value || "";
     });
     const avatarItems = computed(() => {
       return items.value.slice(0, toShow.value).map((item) => {
         let modifiers2 = [];
         let itemModifiers = [];
-        if (avatarModifiers == null ? void 0 : avatarModifiers.value) {
-          modifiers2 = Array.isArray(avatarModifiers == null ? void 0 : avatarModifiers.value) ? avatarModifiers == null ? void 0 : avatarModifiers.value : [avatarModifiers == null ? void 0 : avatarModifiers.value];
+        if (avatarModifiers?.value) {
+          modifiers2 = Array.isArray(avatarModifiers?.value) ? avatarModifiers?.value : [avatarModifiers?.value];
         }
         if (item.modifiers) {
           itemModifiers = Array.isArray(item.modifiers) ? item.modifiers : [item.modifiers];
@@ -2104,9 +2100,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(
                   _sfc_main$r,
                   mergeProps({
-                    key: avatarItem.key,
-                    ref_for: true
-                  }, {
+                    key: avatarItem.key
+                  }, { ref_for: true }, {
                     modifiers: avatarItem.modifiers,
                     imgSrc: avatarItem.imgSrc
                   }),
@@ -2203,10 +2198,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-breadcrumb", modifiers);
-    const length = computed(() => {
-      var _a;
-      return ((_a = props.routes) == null ? void 0 : _a.length) ?? 0;
-    });
+    const length = computed(() => props.routes?.length ?? 0);
     const isLast = (index) => index === length.value - 1;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -2326,10 +2318,10 @@ function useGroupProps$2(props, emit) {
   const modelValue = getGroupOrLocalRef("modelValue", props, emit);
   const toggle = getGroupOrLocalRef("toggle", props);
   const unselectable = getGroupOrLocalRef("unselectable", props);
-  const multiple = computed(() => (group == null ? void 0 : group.multiple.value) ?? false);
+  const multiple = computed(() => group?.multiple.value ?? false);
   const modifiers = computed(() => {
     let localModifiers = props.modifiers;
-    let groupModifiers = group == null ? void 0 : group.modifiers.value;
+    let groupModifiers = group?.modifiers.value;
     const toReturn = /* @__PURE__ */ new Set();
     if (localModifiers) {
       if (!Array.isArray(localModifiers)) {
@@ -2346,7 +2338,7 @@ function useGroupProps$2(props, emit) {
     return Array.from(toReturn);
   });
   const disabled = computed(
-    () => Boolean(props.disabled || (group == null ? void 0 : group.disabled.value))
+    () => Boolean(props.disabled || group?.disabled.value)
   );
   return {
     // group props
@@ -2466,12 +2458,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       unselectable
     } = useGroupProps$2(props, emit);
     const hasId = useUniqueId(id);
-    const name = computed(() => (attrs == null ? void 0 : attrs.name) || hasId.value);
+    const name = computed(() => attrs?.name || hasId.value);
     const element = ref(null);
-    const $el = computed(() => {
-      var _a;
-      return (_a = element.value) == null ? void 0 : _a.$el;
-    });
+    const $el = computed(() => element.value?.$el);
     __expose({ $el });
     const pressed = computed(() => {
       if (!toggle.value) {
@@ -2493,7 +2482,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           iconPosition.value
         ),
         "icon-only": Boolean(
-          (icon == null ? void 0 : icon.value) && !(label == null ? void 0 : label.value) && !slots.default
+          icon?.value && !label?.value && !slots.default
         )
       }))
     );
@@ -2775,10 +2764,10 @@ function useGroupProps$1(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))
+    () => Boolean(props.readonly || group?.readonly.value)
   );
   const disabled = computed(
-    () => Boolean(props.disabled || (group == null ? void 0 : group.disabled.value))
+    () => Boolean(props.disabled || group?.disabled.value)
   );
   return {
     // local props
@@ -2857,7 +2846,6 @@ function HintSlotFactory(propsOrRef, slots) {
       };
     },
     render() {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
       if (this.isVisible) {
         let role;
         if (this.hasInvalidLabelOrSlot) {
@@ -2872,7 +2860,7 @@ function HintSlotFactory(propsOrRef, slots) {
             {
               role
             },
-            ((_b = (_a = this.$slots).loading) == null ? void 0 : _b.call(_a)) ?? this.loadingLabel
+            this.$slots.loading?.() ?? this.loadingLabel
           );
         }
         if (this.hasInvalidLabelOrSlot) {
@@ -2881,7 +2869,7 @@ function HintSlotFactory(propsOrRef, slots) {
             {
               role
             },
-            ((_d = (_c = this.$slots).invalid) == null ? void 0 : _d.call(_c)) ?? this.$slots.invalid ?? this.invalidLabel
+            this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel
           );
         }
         if (this.hasValidLabelOrSlot) {
@@ -2890,7 +2878,7 @@ function HintSlotFactory(propsOrRef, slots) {
             {
               role
             },
-            ((_f = (_e = this.$slots).valid) == null ? void 0 : _f.call(_e)) ?? this.validLabel
+            this.$slots.valid?.() ?? this.validLabel
           );
         }
         return h(
@@ -2898,7 +2886,7 @@ function HintSlotFactory(propsOrRef, slots) {
           {
             role
           },
-          ((_h = (_g = this.$slots).hint) == null ? void 0 : _h.call(_g)) ?? this.$slots.hint ?? this.hintLabel
+          this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel
         );
       }
       return null;
@@ -2916,8 +2904,7 @@ function HintSlotFactory(propsOrRef, slots) {
 function useDefaults(componentName, propsDefinition, props) {
   const volver = useVolver();
   const volverComponentDefaults = computed(() => {
-    var _a;
-    if (!volver || !((_a = volver.defaults.value) == null ? void 0 : _a[componentName])) {
+    if (!volver || !volver.defaults.value?.[componentName]) {
       return void 0;
     }
     return volver.defaults.value[componentName];
@@ -3179,7 +3166,7 @@ function useOptions(props) {
       return labelKey.value(option);
     }
     return String(
-      labelKey.value ? get(option, labelKey.value) : option
+      labelKey.value ? getProperty(option, labelKey.value) : option
     );
   };
   const getOptionValue = (option) => {
@@ -3189,7 +3176,7 @@ function useOptions(props) {
     if (typeof valueKey.value === "function") {
       return valueKey.value(option);
     }
-    return valueKey.value ? get(option, valueKey.value) : option;
+    return valueKey.value ? getProperty(option, valueKey.value) : option;
   };
   const isOptionDisabled = (option) => {
     if (typeof option === "string") {
@@ -3198,7 +3185,7 @@ function useOptions(props) {
     if (typeof disabledKey.value === "function") {
       return disabledKey.value(option);
     }
-    return disabledKey.value ? get(option, disabledKey.value) : false;
+    return disabledKey.value ? Boolean(getProperty(option, disabledKey.value)) : false;
   };
   const getOptionGrouped = (option) => {
     if (typeof option == "string") {
@@ -3286,10 +3273,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               renderList(_ctx.options, (option, index) => {
                 return openBlock(), createBlock(
                   _sfc_main$k,
-                  mergeProps({
-                    key: index,
-                    ref_for: true
-                  }, getOptionProps(option, index)),
+                  mergeProps({ key: index }, { ref_for: true }, getOptionProps(option, index)),
                   null,
                   16
                   /* FULL_PROPS */
@@ -3384,6 +3368,13 @@ const VvComboboxProps = {
    * Label for no options	available
    */
   noOptionsLabel: { type: String, default: "No options available" },
+  /**
+   * Label for selected option not found
+   */
+  selectedOptionNotFoundLabel: {
+    type: String,
+    default: "Selected option not found"
+  },
   /**
    * Label for selected option hint
    */
@@ -3420,6 +3411,10 @@ const VvComboboxProps = {
    * Use input text to search on options
    */
   searchable: Boolean,
+  /**
+   * If true, the search input will retain its value even when the dropdown is closed
+   */
+  keepSearch: Boolean,
   /**
    * Search function to filter options
    */
@@ -3562,7 +3557,7 @@ const VvInputClearAction = defineComponent({
   setup(props, { emit }) {
     const { hasIcon } = useComponentIcon(computed(() => props.icon));
     function onClick(e) {
-      e == null ? void 0 : e.stopPropagation();
+      e?.stopPropagation();
       if (!props.disabled) {
         emit("clear");
       }
@@ -3661,8 +3656,7 @@ function useDropdownProvideTrigger({
       });
     },
     render() {
-      var _a, _b;
-      return h(Fragment, {}, (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a));
+      return h(Fragment, {}, this.$slots.default?.());
     }
   });
   return {
@@ -3739,8 +3733,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       useMutationObserver(
         floatingEl.value,
         () => {
-          var _a;
-          hasCustomPosition.value = ((_a = window.getComputedStyle(floatingEl.value).getPropertyValue("--dropdown-custom-position")) == null ? void 0 : _a.trim()) === "true";
+          hasCustomPosition.value = window.getComputedStyle(floatingEl.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
         },
         {
           attributeFilter: ["style"],
@@ -3827,11 +3820,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }
     );
     const dropdownPlacement = computed(() => {
-      var _a;
       if (hasCustomPosition.value) {
         return void 0;
       }
-      const width = props.triggerWidth && referenceEl.value ? `${(_a = referenceEl.value) == null ? void 0 : _a.offsetWidth}px` : void 0;
+      const width = props.triggerWidth && referenceEl.value ? `${referenceEl.value?.offsetWidth}px` : void 0;
       return {
         position: strategy.value,
         top: `${y.value ?? 0}px`,
@@ -3845,7 +3837,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       () => placement.value.split("-")[0]
     );
     const arrowPlacement = computed(() => {
-      var _a, _b, _c, _d, _e;
       if (hasCustomPosition.value) {
         return void 0;
       }
@@ -3856,9 +3847,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         [Side.left]: Side.right
       }[side.value];
       return {
-        left: ((_a = middlewareData.value.arrow) == null ? void 0 : _a.x) !== void 0 ? `${(_b = middlewareData.value.arrow) == null ? void 0 : _b.x}px` : void 0,
-        top: ((_c = middlewareData.value.arrow) == null ? void 0 : _c.y) !== void 0 ? `${(_d = middlewareData.value.arrow) == null ? void 0 : _d.y}px` : void 0,
-        [staticSide]: `${-(((_e = arrowEl.value) == null ? void 0 : _e.offsetWidth) ?? 0) / 2}px`
+        left: middlewareData.value.arrow?.x !== void 0 ? `${middlewareData.value.arrow?.x}px` : void 0,
+        top: middlewareData.value.arrow?.y !== void 0 ? `${middlewareData.value.arrow?.y}px` : void 0,
+        [staticSide]: `${-(arrowEl.value?.offsetWidth ?? 0) / 2}px`
       };
     });
     const modelValue = useVModel(props, "modelValue", emit);
@@ -3895,8 +3886,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       { ignore: [referenceEl] }
     );
     const hasAriaLabelledby = computed(() => {
-      var _a, _b;
-      return ((_b = (_a = referenceEl.value) == null ? void 0 : _a.getAttribute) == null ? void 0 : _b.call(_a, "id")) ?? void 0;
+      return referenceEl.value?.getAttribute?.("id") ?? void 0;
     });
     const referenceAria = computed(() => ({
       "aria-controls": hasId.value,
@@ -4047,7 +4037,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     onKeyStroke([" ", "Enter"], (e) => {
       const htmlEl = e.target;
       if (expanded.value && focused.value && htmlEl) {
-        htmlEl == null ? void 0 : htmlEl.click();
+        htmlEl?.click();
       }
     });
     const dropdownTransitionHandlers = {
@@ -4382,11 +4372,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     } = HintSlotFactory(propsDefaults, slots);
     const { focused } = useComponentFocus(selectEl, emit);
     function isGroup(option) {
-      var _a;
       if (typeof option === "string") {
         return false;
       }
-      return (_a = option.options) == null ? void 0 : _a.length;
+      return option.options?.length;
     }
     const {
       id,
@@ -4476,7 +4465,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     watch(
       () => props.options,
       (newValue) => {
-        if ((newValue == null ? void 0 : newValue.length) && props.autoselectFirst && !isDirty.value) {
+        if (newValue?.length && props.autoselectFirst && !isDirty.value) {
           const firstOptionValue = getOptionValue(newValue[0]);
           localModelValue.value = props.multiple ? [firstOptionValue] : firstOptionValue;
         }
@@ -4680,8 +4669,15 @@ const __default__$b = {
 };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$b,
-  props: useVvComboboxProps(),
-  emits: ["update:modelValue", "update:search", "update:options", "focus", "blur", "clear", "change:search"],
+  props: /* @__PURE__ */ mergeModels(useVvComboboxProps(), {
+    "search": {
+      type: String,
+      default: "",
+      required: false
+    },
+    "searchModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "update:search", "update:options", "focus", "blur", "clear", "change:search"], ["update:search"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -4721,7 +4717,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         collapse();
       }
     });
-    const searchText = ref("");
+    const searchText = useModel(__props, "search");
     const debouncedSearchText = refDebounced(
       searchText,
       computed(() => Number(props.debounceSearch))
@@ -4756,16 +4752,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }
     }
     function onAfterCollapse() {
-      if (propsDefaults.value.searchable) {
+      if (!propsDefaults.value.keepSearch) {
         searchText.value = "";
       }
     }
     function isGroup(option) {
-      var _a;
       if (typeof option === "string") {
         return false;
       }
-      return (_a = option.options) == null ? void 0 : _a.length;
+      return option.options?.length;
     }
     const {
       id,
@@ -4859,15 +4854,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     } = useOptions(props);
     const hasOptions = computed(() => {
       const toReturn = [...props.options, ...addedOptions.value];
-      for (const localModelValueItem of localModelValue.value) {
+      for (const item of localModelValue.value) {
         if (!toReturn.some((option) => {
           const optionValue = getOptionValue(option);
-          if (typeof optionValue === "object") {
-            return JSON.stringify(optionValue) === JSON.stringify(localModelValueItem);
+          if (typeof optionValue === "object" && typeof item === "object") {
+            return JSON.stringify(optionValue) === JSON.stringify(item);
           }
-          return optionValue === localModelValueItem;
+          return optionValue === item;
         })) {
-          toReturn.push(localModelValueItem);
+          toReturn.push(item);
         }
       }
       return toReturn;
@@ -4881,7 +4876,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return isOptionDisabled(option) || !isSelectable.value && !isOptionSelected(option);
     }
     const filteredOptions = computedAsync(async () => {
-      var _a;
       if (propsDefaults.value.searchFunction) {
         localLoading.value = true;
         const toReturn = await Promise.resolve(
@@ -4893,7 +4887,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         localLoading.value = false;
         return toReturn;
       }
-      return (_a = hasOptions.value) == null ? void 0 : _a.filter((option) => {
+      return hasOptions.value?.filter((option) => {
         return getOptionLabel(option).toLowerCase().includes(debouncedSearchText.value.toLowerCase().trim());
       });
     });
@@ -4958,7 +4952,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     watch(
       hasOptions,
       (newValue) => {
-        if ((newValue == null ? void 0 : newValue.length) && props.autoselectFirst && !isDirty.value) {
+        if (newValue?.length && props.autoselectFirst && !isDirty.value) {
           onInput(newValue[0]);
         }
       },
@@ -5026,13 +5020,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       { target: inputEl }
     );
     function onKeyupEnterInputSearch() {
-      var _a, _b;
-      if ((_a = filteredOptions.value) == null ? void 0 : _a.length) {
+      if (filteredOptions.value?.length) {
         if (filteredOptions.value.length === 1) {
           onInput(filteredOptions.value[0]);
           return;
         }
-        (_b = dropdownEl.value) == null ? void 0 : _b.focusFirstListElement();
+        dropdownEl.value?.focusFirstListElement();
         return;
       }
       if (propsDefaults.value.addable) {
@@ -5105,64 +5098,50 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     tabindex: unref(hasTabindex),
                     onClickPassive: onClickInput
                   }), [
-                    renderSlot(_ctx.$slots, "value", normalizeProps(guardReactiveProps({ selectedOptions: unref(selectedOptions), onInput })), () => [
-                      unref(hasValue) ? (openBlock(), createElementBlock(
-                        Fragment,
-                        { key: 0 },
-                        [
-                          !_ctx.badges ? (openBlock(), createElementBlock(
-                            "div",
-                            _hoisted_7$3,
-                            toDisplayString(unref(hasValue)),
-                            1
-                            /* TEXT */
-                          )) : (openBlock(true), createElementBlock(
-                            Fragment,
-                            { key: 1 },
-                            renderList(unref(selectedOptions), (option, index) => {
-                              return openBlock(), createBlock(_sfc_main$p, {
-                                key: index,
-                                modifiers: _ctx.badgeModifiers,
-                                class: "vv-select__badge"
-                              }, {
-                                default: withCtx(() => [
-                                  createTextVNode(
-                                    toDisplayString(unref(getOptionLabel)(option)) + " ",
-                                    1
-                                    /* TEXT */
-                                  ),
-                                  unref(isUnselectable) ? (openBlock(), createElementBlock("button", {
-                                    key: 0,
-                                    "aria-label": unref(propsDefaults).deselectActionLabel,
-                                    type: "button",
-                                    onClick: withModifiers(($event) => onInput(option), ["stop"])
-                                  }, [
-                                    createVNode(_sfc_main$u, { name: "close" })
-                                  ], 8, _hoisted_8$3)) : createCommentVNode("v-if", true)
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["modifiers"]);
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ],
-                        64
-                        /* STABLE_FRAGMENT */
-                      )) : (openBlock(), createElementBlock(
+                    unref(hasValue) ? renderSlot(_ctx.$slots, "value", normalizeProps(mergeProps({ key: 0 }, { selectedOptions: unref(selectedOptions), onInput })), () => [
+                      !_ctx.badges ? (openBlock(), createElementBlock(
+                        "div",
+                        _hoisted_7$3,
+                        toDisplayString(unref(hasValue)),
+                        1
+                        /* TEXT */
+                      )) : (openBlock(true), createElementBlock(
                         Fragment,
                         { key: 1 },
-                        [
-                          createTextVNode(
-                            toDisplayString(_ctx.placeholder),
-                            1
-                            /* TEXT */
-                          )
-                        ],
-                        64
-                        /* STABLE_FRAGMENT */
+                        renderList(unref(selectedOptions), (option, index) => {
+                          return openBlock(), createBlock(_sfc_main$p, {
+                            key: index,
+                            modifiers: _ctx.badgeModifiers,
+                            class: "vv-select__badge"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(
+                                toDisplayString(unref(getOptionLabel)(option)) + " ",
+                                1
+                                /* TEXT */
+                              ),
+                              unref(isUnselectable) ? (openBlock(), createElementBlock("button", {
+                                key: 0,
+                                "aria-label": unref(propsDefaults).deselectActionLabel,
+                                type: "button",
+                                onClick: withModifiers(($event) => onInput(option), ["stop"])
+                              }, [
+                                createVNode(_sfc_main$u, { name: "close" })
+                              ], 8, _hoisted_8$3)) : createCommentVNode("v-if", true)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["modifiers"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
                       ))
+                    ]) : renderSlot(_ctx.$slots, "placeholder", { key: 1 }, () => [
+                      createTextVNode(
+                        toDisplayString(_ctx.placeholder),
+                        1
+                        /* TEXT */
+                      )
                     ])
                   ], 16, _hoisted_6$3),
                   unref(hasIconAfter) ? (openBlock(), createBlock(
@@ -5185,151 +5164,145 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
                 ])) : createCommentVNode("v-if", true)
               ]),
-              items: withCtx(() => {
-                var _a;
-                return [
-                  !unref(disabled) && ((_a = unref(filteredOptions)) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(
-                    Fragment,
-                    { key: 0 },
-                    renderList(unref(filteredOptions), (option, index) => {
-                      return openBlock(), createElementBlock(
-                        Fragment,
-                        { key: index },
-                        [
-                          isGroup(option) ? (openBlock(), createElementBlock(
-                            Fragment,
-                            { key: 0 },
-                            [
-                              createVNode(_sfc_main$h, {
-                                label: unref(getOptionLabel)(option)
-                              }, null, 8, ["label"]),
-                              (openBlock(true), createElementBlock(
-                                Fragment,
-                                null,
-                                renderList(unref(getOptionGrouped)(
-                                  option
-                                ), (item, i) => {
-                                  return openBlock(), createBlock(_sfc_main$f, mergeProps({ ref_for: true }, {
-                                    selected: isOptionSelected(item),
-                                    disabled: isOptionDisabledOrNotSelectable(item),
-                                    unselectable: unref(isUnselectable),
-                                    deselectHintLabel: unref(propsDefaults).deselectHintLabel,
-                                    selectHintLabel: unref(propsDefaults).selectHintLabel,
-                                    selectedHintLabel: unref(propsDefaults).selectedHintLabel,
-                                    focusOnHover: _ctx.focusOnHover
-                                  }, {
-                                    key: i,
-                                    class: "vv-dropdown-option",
-                                    onClickPassive: ($event) => onInput(item)
-                                  }), {
-                                    default: withCtx(() => [
-                                      renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, {
-                                        option,
-                                        selectedOptions: unref(selectedOptions),
-                                        selected: isOptionSelected(item),
-                                        disabled: isOptionDisabledOrNotSelectable(item)
-                                      }), () => [
-                                        createTextVNode(
-                                          toDisplayString(unref(getOptionLabel)(item)),
-                                          1
-                                          /* TEXT */
-                                        )
-                                      ])
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1040, ["onClickPassive"]);
-                                }),
-                                128
-                                /* KEYED_FRAGMENT */
-                              ))
-                            ],
-                            64
-                            /* STABLE_FRAGMENT */
-                          )) : (openBlock(), createBlock(_sfc_main$f, mergeProps({
-                            key: 1,
-                            ref_for: true
-                          }, {
-                            selected: isOptionSelected(option),
-                            disabled: isOptionDisabledOrNotSelectable(option),
-                            unselectable: unref(isUnselectable),
-                            deselectHintLabel: unref(propsDefaults).deselectHintLabel,
-                            selectHintLabel: unref(propsDefaults).selectHintLabel,
-                            selectedHintLabel: unref(propsDefaults).selectedHintLabel,
-                            focusOnHover: _ctx.focusOnHover
-                          }, {
-                            class: "vv-dropdown-option",
-                            onClickPassive: ($event) => onInput(option)
-                          }), {
-                            default: withCtx(() => [
-                              renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, {
-                                option,
-                                selectedOptions: unref(selectedOptions),
-                                selected: isOptionSelected(option),
-                                disabled: isOptionDisabledOrNotSelectable(option)
-                              }), () => [
-                                createTextVNode(
-                                  toDisplayString(unref(getOptionLabel)(option)),
-                                  1
-                                  /* TEXT */
-                                )
-                              ])
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          }, 1040, ["onClickPassive"]))
-                        ],
-                        64
-                        /* STABLE_FRAGMENT */
-                      );
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  )) : !_ctx.options.length ? (openBlock(), createBlock(_sfc_main$f, {
-                    key: 1,
-                    modifiers: "inert"
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "no-options", {}, () => [
-                        createTextVNode(
-                          toDisplayString(unref(propsDefaults).noOptionsLabel),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  })) : !unref(disabled) ? (openBlock(), createBlock(_sfc_main$f, {
-                    key: 2,
-                    modifiers: "inert"
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "no-results", {}, () => [
-                        createTextVNode(
-                          toDisplayString(unref(propsDefaults).addable ? unref(propsDefaults).addOptionHintLabel : unref(propsDefaults).noResultsLabel),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  })) : createCommentVNode("v-if", true)
-                ];
-              }),
+              items: withCtx(() => [
+                !unref(disabled) && unref(filteredOptions)?.length ? (openBlock(true), createElementBlock(
+                  Fragment,
+                  { key: 0 },
+                  renderList(unref(filteredOptions), (option, index) => {
+                    return openBlock(), createElementBlock(
+                      Fragment,
+                      { key: index },
+                      [
+                        isGroup(option) ? (openBlock(), createElementBlock(
+                          Fragment,
+                          { key: 0 },
+                          [
+                            createVNode(_sfc_main$h, {
+                              label: unref(getOptionLabel)(option)
+                            }, null, 8, ["label"]),
+                            (openBlock(true), createElementBlock(
+                              Fragment,
+                              null,
+                              renderList(unref(getOptionGrouped)(
+                                option
+                              ), (item, i) => {
+                                return openBlock(), createBlock(_sfc_main$f, mergeProps({ ref_for: true }, {
+                                  selected: isOptionSelected(item),
+                                  disabled: isOptionDisabledOrNotSelectable(item),
+                                  unselectable: unref(isUnselectable),
+                                  deselectHintLabel: unref(propsDefaults).deselectHintLabel,
+                                  selectHintLabel: unref(propsDefaults).selectHintLabel,
+                                  selectedHintLabel: unref(propsDefaults).selectedHintLabel,
+                                  focusOnHover: _ctx.focusOnHover
+                                }, {
+                                  key: i,
+                                  class: "vv-dropdown-option",
+                                  onClickPassive: ($event) => onInput(item)
+                                }), {
+                                  default: withCtx(() => [
+                                    renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, {
+                                      option,
+                                      selectedOptions: unref(selectedOptions),
+                                      selected: isOptionSelected(item),
+                                      disabled: isOptionDisabledOrNotSelectable(item)
+                                    }), () => [
+                                      createTextVNode(
+                                        toDisplayString(unref(getOptionLabel)(item)),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ])
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1040, ["onClickPassive"]);
+                              }),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        )) : (openBlock(), createBlock(_sfc_main$f, mergeProps({
+                          key: 1,
+                          ref_for: true
+                        }, {
+                          selected: isOptionSelected(option),
+                          disabled: isOptionDisabledOrNotSelectable(option),
+                          unselectable: unref(isUnselectable),
+                          deselectHintLabel: unref(propsDefaults).deselectHintLabel,
+                          selectHintLabel: unref(propsDefaults).selectHintLabel,
+                          selectedHintLabel: unref(propsDefaults).selectedHintLabel,
+                          focusOnHover: _ctx.focusOnHover
+                        }, {
+                          class: "vv-dropdown-option",
+                          onClickPassive: ($event) => onInput(option)
+                        }), {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, {
+                              option,
+                              selectedOptions: unref(selectedOptions),
+                              selected: isOptionSelected(option),
+                              disabled: isOptionDisabledOrNotSelectable(option)
+                            }), () => [
+                              createTextVNode(
+                                toDisplayString(unref(getOptionLabel)(option)),
+                                1
+                                /* TEXT */
+                              )
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1040, ["onClickPassive"]))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                )) : !_ctx.options.length ? (openBlock(), createBlock(_sfc_main$f, {
+                  key: 1,
+                  modifiers: "inert"
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "no-options", {}, () => [
+                      createTextVNode(
+                        toDisplayString(unref(propsDefaults).addable && searchText.value.length ? unref(propsDefaults).addOptionHintLabel : unref(propsDefaults).noOptionsLabel),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                })) : (openBlock(), createBlock(_sfc_main$f, {
+                  key: 2,
+                  modifiers: "inert"
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "no-results", {}, () => [
+                      createTextVNode(
+                        toDisplayString(unref(propsDefaults).addable ? unref(propsDefaults).addOptionHintLabel : unref(propsDefaults).noResultsLabel),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }))
+              ]),
               after: withCtx(() => [
-                renderSlot(_ctx.$slots, "dropdown::after", {}, () => {
-                  var _a;
-                  return [
-                    ((_a = unref(dropdownEl)) == null ? void 0 : _a.customPosition) ? (openBlock(), createBlock(_sfc_main$n, {
-                      key: 0,
-                      label: unref(propsDefaults).closeLabel,
-                      modifiers: "secondary",
-                      onClick: _cache[1] || (_cache[1] = ($event) => unref(dropdownEl).hide())
-                    }, null, 8, ["label"])) : createCommentVNode("v-if", true)
-                  ];
-                })
+                renderSlot(_ctx.$slots, "dropdown::after", {}, () => [
+                  unref(dropdownEl)?.customPosition ? (openBlock(), createBlock(_sfc_main$n, {
+                    key: 0,
+                    label: unref(propsDefaults).closeLabel,
+                    modifiers: "secondary",
+                    onClick: _cache[1] || (_cache[1] = ($event) => unref(dropdownEl).hide())
+                  }, null, 8, ["label"])) : createCommentVNode("v-if", true)
+                ])
               ]),
               _: 2
               /* DYNAMIC */
@@ -5343,7 +5316,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     id: unref(hasSearchId),
                     ref_key: "inputSearchEl",
                     ref: inputSearchEl,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchText) ? searchText.value = $event : null),
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
                     "aria-autocomplete": "list",
                     "aria-controls": unref(hasDropdownId),
                     autocomplete: "off",
@@ -5353,7 +5326,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     placeholder: unref(propsDefaults).searchPlaceholder,
                     onKeyup: withKeys(onKeyupEnterInputSearch, ["enter"])
                   }, null, 40, _hoisted_3$4)), [
-                    [vModelText, unref(searchText)]
+                    [vModelText, searchText.value]
                   ]) : createCommentVNode("v-if", true)
                 ]),
                 key: "0"
@@ -5511,17 +5484,15 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const transitioName = computed(() => `vv-dialog--${props.transition}`);
     const dialogTransitionHandlers = {
       "before-enter": () => {
-        var _a, _b;
-        if (!((_a = dialogEl.value) == null ? void 0 : _a.open)) {
-          (_b = dialogEl.value) == null ? void 0 : _b.showModal();
+        if (!dialogEl.value?.open) {
+          dialogEl.value?.showModal();
         }
         emit("open");
         emit("beforeEnter");
       },
       "after-leave": () => {
-        var _a, _b;
-        if ((_a = dialogEl.value) == null ? void 0 : _a.open) {
-          (_b = dialogEl.value) == null ? void 0 : _b.close();
+        if (dialogEl.value?.open) {
+          dialogEl.value?.close();
         }
         emit("close");
         emit("afterLeave");
@@ -5784,8 +5755,8 @@ function acceptedMimeTypes(acceptValue) {
   const mimeTypes = [];
   const extensions = [];
   const wildcards = [];
-  const acceptedTypes = acceptValue == null ? void 0 : acceptValue.split(",").map((type) => type.trim().toLowerCase());
-  if (acceptedTypes == null ? void 0 : acceptedTypes.length) {
+  const acceptedTypes = acceptValue?.split(",").map((type) => type.trim().toLowerCase());
+  if (acceptedTypes?.length) {
     acceptedTypes.forEach((type) => {
       if (type.startsWith(".")) {
         extensions.push(type);
@@ -5808,9 +5779,8 @@ function filterFileList(fileList, acceptValue) {
   }
   const { mimeTypes, extensions, wildcards } = acceptedMimeTypes(acceptValue);
   return Array.from(fileList).filter((file) => {
-    var _a;
     const fileType = file.type.toLowerCase();
-    const fileExtension = `.${(_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase()}`;
+    const fileExtension = `.${file.name.split(".").pop()?.toLowerCase()}`;
     const mimeMatches = mimeTypes.includes(fileType);
     const wildcardMatches = wildcards.some((wildcard) => fileType.startsWith(`${wildcard}/`));
     const extensionMatches = extensions.some((ext) => fileExtension === ext.toLowerCase());
@@ -5881,8 +5851,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const localModelValue = useVModel(props, "modelValue", emit);
     const files = computed({
       get: () => {
-        var _a;
-        if (!localModelValue.value || !Array.isArray(localModelValue.value) && !((_a = localModelValue.value) == null ? void 0 : _a.name)) {
+        if (!localModelValue.value || !Array.isArray(localModelValue.value) && !localModelValue.value?.name) {
           return [];
         }
         return Array.isArray(localModelValue.value) ? localModelValue.value : [localModelValue.value];
@@ -5892,7 +5861,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           localModelValue.value = value;
           return;
         }
-        localModelValue.value = value == null ? void 0 : value[0];
+        localModelValue.value = value?.[0];
       }
     });
     const isDisabledOrReadonly = computed(() => props.disabled || props.readonly);
@@ -5920,16 +5889,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       isDragging.value = false;
     }
     function onDrop(event) {
-      var _a, _b;
-      if (!((_a = event.dataTransfer) == null ? void 0 : _a.files)) {
+      if (!event.dataTransfer?.files) {
         return;
       }
       isDragging.value = false;
-      addFiles((_b = event.dataTransfer) == null ? void 0 : _b.files);
+      addFiles(event.dataTransfer?.files);
     }
     function onChange() {
-      var _a;
-      if (!((_a = inputEl.value) == null ? void 0 : _a.files)) {
+      if (!inputEl.value?.files) {
         return;
       }
       addFiles(inputEl.value.files);
@@ -6293,7 +6260,7 @@ function getInputValueFromDate(date, typeOfInput = "date", withSeconds) {
   return `${toReturn}T${time}`;
 }
 function getDateFromInputValue(value, typeOfInput = "date") {
-  if (!(value == null ? void 0 : value.trim())) {
+  if (!value?.trim()) {
     return null;
   }
   const today = /* @__PURE__ */ new Date();
@@ -6581,7 +6548,7 @@ const VvInputPasswordAction = defineComponent({
     );
     const { hasIcon } = useComponentIcon(activeIcon);
     function onClick(e) {
-      e == null ? void 0 : e.stopPropagation();
+      e?.stopPropagation();
       if (!props.disabled) {
         active.value = !active.value;
         emit("toggle-password", active.value);
@@ -6638,7 +6605,7 @@ const VvInputStepAction = defineComponent({
   setup(props, { emit }) {
     const isUp = computed(() => props.mode === "up");
     const onClick = (e) => {
-      e == null ? void 0 : e.stopPropagation();
+      e?.stopPropagation();
       if (!props.disabled) {
         emit(isUp.value ? "step-up" : "step-down");
       }
@@ -6749,7 +6716,7 @@ function useDebouncedInput(modelValue, emit, ms = 0, {
     ms = Number.parseInt(ms);
   }
   return computed({
-    get: () => getter(modelValue == null ? void 0 : modelValue.value),
+    get: () => getter(modelValue?.value),
     set: (value) => {
       if (timeout) {
         clearTimeout(timeout);
@@ -6765,22 +6732,22 @@ function useTextCount(text, options) {
     return (unref(text) ?? "").length;
   });
   const gap = computed(() => {
-    if ((options == null ? void 0 : options.lowerLimit) !== void 0 && length.value < (options == null ? void 0 : options.lowerLimit)) {
+    if (options?.lowerLimit !== void 0 && length.value < options?.lowerLimit) {
       return length.value - options.lowerLimit;
     }
-    if ((options == null ? void 0 : options.upperLimit) !== void 0 && length.value < (options == null ? void 0 : options.upperLimit)) {
+    if (options?.upperLimit !== void 0 && length.value < options?.upperLimit) {
       return options.upperLimit - length.value;
     }
     return 0;
   });
   const formatted = computed(() => {
-    if ((options == null ? void 0 : options.mode) === false) {
+    if (options?.mode === false) {
       return "";
     }
-    if ((options == null ? void 0 : options.mode) === "limit" && (options == null ? void 0 : options.upperLimit)) {
+    if (options?.mode === "limit" && options?.upperLimit) {
       return `${length.value} / ${options.lowerLimit ? `${options.lowerLimit}-` : ""}${options.upperLimit}`;
     }
-    if ((options == null ? void 0 : options.mode) === "countdown") {
+    if (options?.mode === "countdown") {
       if (gap.value === 0) {
         return void 0;
       }
@@ -6857,7 +6824,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const localModelValue = useDebouncedInput(
       modelValue,
       emit,
-      (debounce == null ? void 0 : debounce.value) ?? 0
+      debounce?.value ?? 0
     );
     const hasSeconds = computed(() => {
       const stepValue = typeof step.value === "number" ? step.value : Number.parseInt(step.value);
@@ -6894,7 +6861,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       {
         emit,
         onAccept: () => {
-          var _a;
           if (!maskReady.value) {
             return;
           }
@@ -6953,7 +6919,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 toReturn.setSeconds(date.getSeconds());
               }
               if (modelValueDate.value instanceof Date) {
-                if (((_a = localModelValue.value) == null ? void 0 : _a.getTime()) === toReturn.getTime()) {
+                if (localModelValue.value?.getTime() === toReturn.getTime()) {
                   return;
                 }
                 localModelValue.value = toReturn;
@@ -6973,13 +6939,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     );
     function updateMaskValue(newValue) {
-      var _a;
       if (newValue === void 0 || newValue === null) {
         typed.value = "";
         unmasked.value = "";
         return;
       }
-      if (((_a = props.iMask) == null ? void 0 : _a.mask) === Date) {
+      if (props.iMask?.mask === Date) {
         typed.value = newValue instanceof Date ? newValue : new Date(newValue);
         return;
       }
@@ -7036,12 +7001,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       () => focused.value && !props.disabled && !props.readonly
     );
     watch(isFocused, (newValue) => {
-      var _a, _b;
       if (newValue && propsDefaults.value.selectOnFocus && inputEl.value) {
         inputEl.value.select();
       }
-      if (newValue && ((_a = suggestions.value) == null ? void 0 : _a.size)) {
-        (_b = suggestionsDropdownEl.value) == null ? void 0 : _b.show();
+      if (newValue && suggestions.value?.size) {
+        suggestionsDropdownEl.value?.show();
         return;
       }
       if (isDirty.value && suggestions.value) {
@@ -7074,7 +7038,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     function onStepUp() {
       if (!isDisabledOrReadonly.value) {
         if (props.iMask) {
-          typed.value = Number(typed.value) + Number((step == null ? void 0 : step.value) ?? 1);
+          typed.value = Number(typed.value) + Number(step?.value ?? 1);
           return;
         }
         inputEl.value.stepUp();
@@ -7084,7 +7048,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     function onStepDown() {
       if (!isDisabledOrReadonly.value) {
         if (props.iMask) {
-          typed.value = Number(typed.value) - Number((step == null ? void 0 : step.value) ?? 1);
+          typed.value = Number(typed.value) - Number(step?.value ?? 1);
           return;
         }
         inputEl.value.stepDown();
@@ -7117,8 +7081,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const { hasIcon: hasIconRemoveSuggestion } = useComponentIcon(iconRemoveSuggestion);
     const { formatted: countFormatted } = useTextCount(localModelValue, {
       mode: count.value,
-      upperLimit: Number(maxlength == null ? void 0 : maxlength.value),
-      lowerLimit: Number(minlength == null ? void 0 : minlength.value)
+      upperLimit: Number(maxlength?.value),
+      lowerLimit: Number(minlength?.value)
     });
     const isDisabledOrReadonly = computed(() => props.disabled || props.readonly);
     const hasTabindex = computed(() => {
@@ -7134,7 +7098,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
       return void 0;
     });
-    const storageKey = computed(() => props.storageKey ?? ((volver == null ? void 0 : volver.experimentalFeatures.forceInputSuggestions) ? props.name : void 0));
+    const storageKey = computed(() => props.storageKey ?? (volver?.experimentalFeatures.forceInputSuggestions ? props.name : void 0));
     const suggestions = usePersistence(
       storageKey,
       storageType,
@@ -7149,17 +7113,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       ).reverse();
     });
     const hasSuggestions = computed(
-      () => (storageKey == null ? void 0 : storageKey.value) && suggestions.value && suggestions.value.size > 0
+      () => storageKey?.value && suggestions.value && suggestions.value.size > 0
     );
     function onSuggestionSelect(suggestion) {
-      var _a;
       localModelValue.value = suggestion;
-      (_a = suggestionsDropdownEl.value) == null ? void 0 : _a.hide();
+      suggestionsDropdownEl.value?.hide();
       emit("suggestion:selected", suggestion);
     }
     function onSuggestionRemove(suggestion) {
-      var _a;
-      (_a = suggestions.value) == null ? void 0 : _a.delete(suggestion);
+      suggestions.value?.delete(suggestion);
       emit("suggestion:removed", suggestion);
     }
     const { modifiers } = toRefs(props);
@@ -7534,12 +7496,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { modifiers } = toRefs(props);
     function onClick(event) {
-      var _a;
       const target = event.target;
-      if (target == null ? void 0 : target.dataset.index) {
+      if (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)) {
+        const item = props.items?.[index];
+        if (!item || item?.disabled) {
           return;
         }
         emit("click", item);
@@ -7565,9 +7526,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 renderList(_ctx.items, ({ on = {}, data, ...item }, index) => {
                   return openBlock(), createBlock(_sfc_main$8, mergeProps({
                     key: index,
-                    "data-index": index,
-                    ref_for: true
-                  }, item, toHandlers(on)), {
+                    "data-index": index
+                  }, { ref_for: true }, item, toHandlers(on)), {
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, { item, data, index }))
                     ]),
@@ -7678,10 +7638,10 @@ function useGroupProps(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))
+    () => Boolean(props.readonly || group?.readonly.value)
   );
   const disabled = computed(
-    () => Boolean(props.disabled || (group == null ? void 0 : group.disabled.value))
+    () => Boolean(props.disabled || group?.disabled.value)
   );
   return {
     // local props
@@ -7905,10 +7865,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               renderList(_ctx.options, (option, index) => {
                 return openBlock(), createBlock(
                   _sfc_main$4,
-                  mergeProps({
-                    key: index,
-                    ref_for: true
-                  }, getOptionProps(option, index)),
+                  mergeProps({ key: index }, { ref_for: true }, getOptionProps(option, index)),
                   null,
                   16
                   /* FULL_PROPS */
@@ -8001,8 +7958,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const localModelValue = ref();
     const activeTabKey = computed({
       get: () => {
-        var _a;
-        return props.modelValue || localModelValue.value || ((_a = tabKeys.value) == null ? void 0 : _a[0]);
+        return props.modelValue || localModelValue.value || tabKeys.value?.[0];
       },
       set: (newValue) => {
         localModelValue.value = newValue;
@@ -8010,10 +7966,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     });
     const hasNavModifiers = computed(() => {
-      var _a;
       return [
         "tabs",
-        ...Array.isArray(props.navModifiers) ? props.navModifiers : ((_a = props.navModifiers) == null ? void 0 : _a.split(" ")) ?? []
+        ...Array.isArray(props.navModifiers) ? props.navModifiers : props.navModifiers?.split(" ") ?? []
       ];
     });
     function onNavClick(item) {
@@ -8215,7 +8170,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const hasPlaceholder = computed(
       () => props.floating && isEmpty(props.placeholder) ? " " : props.placeholder
     );
-    const localModelValue = useDebouncedInput(modelValue, emit, debounce == null ? void 0 : debounce.value);
+    const localModelValue = useDebouncedInput(modelValue, emit, debounce?.value);
     const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
     const { hasIcon: hasIconRemoveSuggestion } = useComponentIcon(iconRemoveSuggestion);
     const { focused } = useComponentFocus(textareaEl, emit);
@@ -8223,12 +8178,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       () => focused.value && !props.disabled && !props.readonly
     );
     watch(isFocused, (newValue) => {
-      var _a, _b;
       if (newValue && propsDefaults.value.selectOnFocus && textareaEl.value) {
         textareaEl.value.select();
       }
-      if (newValue && ((_a = suggestions.value) == null ? void 0 : _a.size)) {
-        (_b = suggestionsDropdownEl.value) == null ? void 0 : _b.show();
+      if (newValue && suggestions.value?.size) {
+        suggestionsDropdownEl.value?.show();
         return;
       }
       if (isDirty.value && suggestions.value) {
@@ -8250,9 +8204,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     });
     const { formatted: countFormatted } = useTextCount(localModelValue, {
-      mode: count == null ? void 0 : count.value,
-      upperLimit: Number(maxlength == null ? void 0 : maxlength.value),
-      lowerLimit: Number(minlength == null ? void 0 : minlength.value)
+      mode: count?.value,
+      upperLimit: Number(maxlength?.value),
+      lowerLimit: Number(minlength?.value)
     });
     const isClickable = computed(() => !props.disabled && !props.readonly);
     const hasTabindex = computed(
@@ -8268,7 +8222,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       return void 0;
     });
-    const storageKey = computed(() => props.storageKey ?? ((volver == null ? void 0 : volver.experimentalFeatures.forceInputSuggestions) ? props.name : void 0));
+    const storageKey = computed(() => props.storageKey ?? (volver?.experimentalFeatures.forceInputSuggestions ? props.name : void 0));
     const suggestions = usePersistence(
       storageKey,
       storageType,
@@ -8283,17 +8237,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       ).reverse();
     });
     const hasSuggestions = computed(
-      () => (storageKey == null ? void 0 : storageKey.value) && suggestions.value && suggestions.value.size > 0
+      () => storageKey?.value && suggestions.value && suggestions.value.size > 0
     );
     function onSuggestionSelect(suggestion) {
-      var _a;
       localModelValue.value = suggestion;
-      (_a = suggestionsDropdownEl.value) == null ? void 0 : _a.hide();
+      suggestionsDropdownEl.value?.hide();
       emit("suggestion:selected", suggestion);
     }
     function onSuggestionRemove(suggestion) {
-      var _a;
-      (_a = suggestions.value) == null ? void 0 : _a.delete(suggestion);
+      suggestions.value?.delete(suggestion);
       emit("suggestion:removed", suggestion);
     }
     const {