@volverjs/ui-vue 0.0.13-beta.8 → 0.0.13

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

@@ -1,10 +1,10 @@
-import { Fragment as le, Transition as ml, computed as i, createBlock as F, createCommentVNode as E, createElementBlock as V, createElementVNode as pe, createSlots as vt, createTextVNode as Z, createVNode as $e, defineComponent as Q, getCurrentInstance as gl, guardReactiveProps as M, h as we, inject as Me, isRef as pt, mergeDefaults as yl, mergeModels as Ct, mergeProps as A, nextTick as Ye, normalizeClass as Ge, normalizeProps as R, normalizeStyle as Pt, onMounted as hl, openBlock as f, provide as bt, ref as N, renderList as Re, renderSlot as S, resolveComponent as _l, resolveDynamicComponent as Sl, toDisplayString as j, toHandlers as Ol, toRef as Vl, toRefs as me, unref as t, useAttrs as Kt, useId as Ll, useModel as $l, useSlots as mt, vModelSelect as wl, vModelText as kl, vShow as Cl, watch as ae, withCtx as P, withDirectives as gt, withKeys as Pl, withModifiers as El } from "vue";
-import { Icon as Il, addIcon as Bl, iconLoaded as it } from "@iconify/vue";
-import { arrow as Al, autoPlacement as Et, autoUpdate as Nl, flip as It, offset as st, shift as Bt, size as At, useFloating as Dl } from "@floating-ui/vue";
-import { computedAsync as Hl, onClickOutside as Fl, onKeyStroke as je, refDebounced as jl, useElementHover as xt, useElementVisibility as Tl, useFocus as Jt, useFocusWithin as yt, useMutationObserver as Rl, useVModel as Ml } from "@vueuse/core";
-import Gl from "mitt";
+import { Fragment as le, Transition as yl, computed as i, createBlock as H, createCommentVNode as I, createElementBlock as L, createElementVNode as fe, createSlots as vt, createTextVNode as ee, createVNode as we, defineComponent as U, getCurrentInstance as hl, guardReactiveProps as K, h as $e, inject as Ke, isRef as pt, mergeDefaults as _l, mergeModels as Ct, mergeProps as A, nextTick as Qe, normalizeClass as Ge, normalizeProps as j, normalizeStyle as Et, onBeforeUnmount as Sl, onMounted as Ol, openBlock as f, provide as bt, ref as N, renderList as xe, renderSlot as O, resolveComponent as Vl, resolveDynamicComponent as Ll, toDisplayString as F, toHandlers as wl, toRef as $l, toRefs as pe, unref as t, useAttrs as Wt, useId as kl, useModel as Pl, useSlots as mt, vModelSelect as Cl, vModelText as El, vShow as Il, watch as ae, withCtx as E, withDirectives as gt, withKeys as Bl, withModifiers as Al } from "vue";
+import { Icon as Nl, addIcon as Dl, iconLoaded as st } from "@iconify/vue";
+import { arrow as Hl, autoPlacement as It, autoUpdate as Fl, flip as Bt, offset as At, shift as Nt, size as Dt, useFloating as jl } from "@floating-ui/vue";
+import { computedAsync as Tl, onClickOutside as Ml, onKeyStroke as Me, refDebounced as Rl, useElementHover as qt, useElementVisibility as xl, useFocus as zt, useFocusWithin as yt, useMutationObserver as Kl, useVModel as Gl } from "@vueuse/core";
+import Wl from "mitt";
 import { getProperty as ut } from "dot-prop";
-var Kl = {
+var ql = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
   showDatePicker: "calendar",
@@ -15,31 +15,27 @@ var Kl = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, xl = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), Jl = { prefix: xl.normal }, Nt = /* @__PURE__ */ (function(e) {
+}, zl = { prefix: "normal" }, Ht = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), zt = /* @__PURE__ */ (function(e) {
+})({}), Jt = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), D = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), zl = /* @__PURE__ */ (function(e) {
+})({}), Jl = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
-})({}), Qe = /* @__PURE__ */ (function(e) {
+})({}), Xe = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
-})({}), Dt = /* @__PURE__ */ (function(e) {
+})({}), Ft = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), ce = /* @__PURE__ */ (function(e) {
+})({}), ve = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
 })({}), Ul = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
-})({}), Xe = /* @__PURE__ */ (function(e) {
+})({}), Ze = /* @__PURE__ */ (function(e) {
   return e.listbox = "listbox", e.menu = "menu", e;
-})({}), Ht = /* @__PURE__ */ (function(e) {
+})({}), jt = /* @__PURE__ */ (function(e) {
   return e.option = "option", e.presentation = "presentation", e;
-})({}), Wl = /* @__PURE__ */ Symbol.for("volver"), ql = /* @__PURE__ */ Symbol.for("buttonGroup");
-var Ut = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Wt = /* @__PURE__ */ Symbol.for("dropdownItem"), qt = /* @__PURE__ */ Symbol.for("dropdownAction");
-var Yl = {
+})({}), Yl = /* @__PURE__ */ Symbol.for("volver"), Ql = /* @__PURE__ */ Symbol.for("buttonGroup"), Ut = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Yt = /* @__PURE__ */ Symbol.for("dropdownItem"), Qt = /* @__PURE__ */ Symbol.for("dropdownAction"), Xl = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -47,7 +43,7 @@ var Yl = {
     type: String,
     default: "noopener noreferrer"
   }
-}, Ke = {
+}, We = {
   valid: {
     type: Boolean,
     default: !1
@@ -56,7 +52,7 @@ var Yl = {
     type: [String, Array],
     default: void 0
   }
-}, xe = {
+}, qe = {
   invalid: {
     type: Boolean,
     default: !1
@@ -65,7 +61,7 @@ var Yl = {
     type: [String, Array],
     default: void 0
   }
-}, De = {
+}, Fe = {
   loading: {
     type: Boolean,
     default: !1
@@ -80,41 +76,41 @@ var Yl = {
 } }, ht = { required: {
   type: Boolean,
   default: !1
-} }, Ql = { selected: {
+} }, Zl = { selected: {
   type: Boolean,
   default: !1
-} }, Xl = { active: {
+} }, ea = { active: {
   type: Boolean,
   default: !1
-} }, Zl = { current: {
+} }, ta = { current: {
   type: Boolean,
   default: !1
-} }, Yt = {
+} }, Xt = {
   showClearAction: {
     type: Boolean,
     default: !1
   },
   iconClear: {
     type: [String, Object],
-    default: Kl.clear
+    default: ql.clear
   },
   labelClear: {
     type: String,
     default: "Clear"
   }
-}, ea = { pressed: {
+}, la = { pressed: {
   type: Boolean,
   default: !1
-} }, Ce = { label: {
+} }, Pe = { label: {
   type: [String, Number],
   default: void 0
-} }, Je = { readonly: {
+} }, ze = { readonly: {
   type: Boolean,
   default: !1
-} }, ge = { modifiers: {
+} }, be = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, ze = { hintLabel: {
+} }, Je = { hintLabel: {
   type: String,
   default: ""
 } }, _t = {
@@ -134,7 +130,7 @@ var Yl = {
     type: [String, Function],
     default: "disabled"
   }
-}, ta = { count: {
+}, aa = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -143,20 +139,20 @@ var Yl = {
     "limit",
     "countdown"
   ].includes(e)
-} }, la = { debounce: {
+} }, oa = { debounce: {
   type: [Number, String],
   default: void 0
-} }, Ze = {
+} }, et = {
   icon: {
     type: [String, Object],
     default: void 0
   },
   iconPosition: {
     type: String,
-    default: Qe.before,
-    validation: (e) => Object.values(Qe).includes(e)
+    default: Xe.before,
+    validation: (e) => Object.values(Xe).includes(e)
   }
-}, et = { tabindex: {
+}, tt = { tabindex: {
   type: [String, Number],
   default: 0
 } }, St = { floating: {
@@ -169,12 +165,12 @@ var Yl = {
   placement: {
     type: String,
     default: D.bottom,
-    validator: (e) => Object.values(D).includes(e) || Object.values(zl).includes(e)
+    validator: (e) => Object.values(D).includes(e) || Object.values(Jl).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(zt).includes(e)
+    validator: (e) => Object.values(Jt).includes(e)
   },
   transitionName: {
     type: String,
@@ -220,35 +216,35 @@ var Yl = {
     type: Boolean,
     default: !1
   }
-}, tt = {
+}, lt = {
   ...Vt,
   name: {
     type: String,
     required: !0
   }
-}, Qt = { autofocus: {
+}, Zt = { autofocus: {
   type: Boolean,
   default: !1
-} }, Xt = { autocomplete: {
+} }, el = { autocomplete: {
   type: String,
   default: "off"
-} }, Oo = {
+} }, Lo = {
+  ...lt,
+  ...Zt,
+  ...el,
   ...tt,
-  ...Qt,
-  ...Xt,
-  ...et,
   ...ke,
-  ...Je,
-  ...Ke,
-  ...xe,
   ...ze,
-  ...De,
-  ...ge,
-  ...ta,
-  ...la,
-  ...Ze,
+  ...We,
+  ...qe,
+  ...Je,
+  ...Fe,
+  ...be,
+  ...aa,
+  ...oa,
+  ...et,
   ...St,
-  ...Ce,
+  ...Pe,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -262,17 +258,17 @@ var Yl = {
     default: void 0
   },
   ...ht
-}, Vo = {
+}, wo = {
+  ...lt,
   ...tt,
-  ...et,
-  ...Ke,
-  ...xe,
-  ...ze,
-  ...ke,
+  ...We,
+  ...qe,
   ...Je,
-  ...ge,
-  ...Ce,
-  ...De,
+  ...ke,
+  ...ze,
+  ...be,
+  ...Pe,
+  ...Fe,
   value: {
     type: [
       String,
@@ -290,16 +286,16 @@ var Yl = {
     ],
     default: void 0
   }
-}, Lo = {
-  ...Ke,
-  ...xe,
+}, $o = {
+  ...We,
+  ...qe,
   ..._t,
-  ...ze,
-  ...ke,
   ...Je,
-  ...ge,
-  ...Ce,
-  ...De,
+  ...ke,
+  ...ze,
+  ...be,
+  ...Pe,
+  ...Fe,
   ...ht,
   modelValue: {
     type: [
@@ -319,17 +315,17 @@ var Yl = {
     type: Boolean,
     default: !1
   }
-}, Zt = {
+}, tl = {
   ...ke,
-  ...Ce,
+  ...Pe,
+  ...la,
   ...ea,
+  ...ta,
   ...Xl,
-  ...Zl,
-  ...Yl,
   type: {
     type: String,
-    default: Dt.button,
-    validator: (e) => Object.values(Dt).includes(e)
+    default: Ft.button,
+    validator: (e) => Object.values(Ft).includes(e)
   },
   ariaLabel: {
     type: String,
@@ -337,32 +333,32 @@ var Yl = {
   },
   defaultTag: {
     type: String,
-    default: ce.button
+    default: ve.button
   }
-}, $o = {
+}, ko = {
   storageType: {
     type: String,
-    default: Nt.local,
-    validator: (e) => Object.values(Nt).includes(e)
+    default: Ht.local,
+    validator: (e) => Object.values(Ht).includes(e)
   },
   storageKey: String
 }, dt = {
+  ...lt,
   ...tt,
-  ...et,
-  ...Ke,
-  ...xe,
-  ...ze,
-  ...De,
-  ...ke,
+  ...We,
+  ...qe,
   ...Je,
-  ...ge,
+  ...Fe,
+  ...ke,
+  ...ze,
+  ...be,
   ..._t,
-  ...Ze,
+  ...et,
   ...St,
   ...ft,
-  ...Ce,
+  ...Pe,
   ...ht,
-  ...Yt,
+  ...Xt,
   transitionName: {
     type: String,
     default: "vv-dropdown--mobile-fade-block"
@@ -474,7 +470,7 @@ var Yl = {
     default: !0
   }
 };
-function Ft() {
+function Tt() {
   return {
     ...dt,
     options: {
@@ -487,20 +483,20 @@ function Ft() {
     }
   };
 }
-function el(e, r, l) {
-  return l ? jt(e, l) === jt(r, l) : ct(e, r);
+function ll(e, r, l) {
+  return l ? Mt(e, l) === Mt(r, l) : ct(e, r);
 }
 function ct(e, r) {
   if (e === r) return !0;
   if (e && r && typeof e == "object" && typeof r == "object") {
-    const l = Array.isArray(e), a = Array.isArray(r);
-    let s, o, b;
-    if (l && a) {
-      if (o = e.length, o !== r.length) return !1;
-      for (s = o; s-- !== 0; ) if (!ct(e[s], r[s])) return !1;
+    const l = Array.isArray(e), o = Array.isArray(r);
+    let s, a, b;
+    if (l && o) {
+      if (a = e.length, a !== r.length) return !1;
+      for (s = a; s-- !== 0; ) if (!ct(e[s], r[s])) return !1;
       return !0;
     }
-    if (l !== a) return !1;
+    if (l !== o) return !1;
     const g = e instanceof Date, y = r instanceof Date;
     if (g !== y) return !1;
     if (g && y) return e.getTime() === r.getTime();
@@ -508,41 +504,41 @@ function ct(e, r) {
     if (u !== _) return !1;
     if (u && _) return e.toString() === r.toString();
     const v = Object.keys(e);
-    if (o = v.length, o !== Object.keys(r).length) return !1;
-    for (s = o; s-- !== 0; ) if (!Object.hasOwn(r, v[s])) return !1;
-    for (s = o; s-- !== 0; )
+    if (a = v.length, a !== Object.keys(r).length) return !1;
+    for (s = a; s-- !== 0; ) if (!Object.hasOwn(r, v[s])) return !1;
+    for (s = a; s-- !== 0; )
       if (b = v[s], !ct(e[b], r[b])) return !1;
     return !0;
   }
   return Number.isNaN(e) && Number.isNaN(r);
 }
-function jt(e, r) {
+function Mt(e, r) {
   if (e && Object.keys(e).length && r) if (r.includes(".")) {
     const l = r.split(".");
-    let a = e;
-    for (let s = 0, o = l.length; s < o; ++s) {
+    let o = e;
+    for (let s = 0, a = l.length; s < a; ++s) {
       if (e == null) return null;
-      a = a[l[s]];
+      o = o[l[s]];
     }
-    return a;
+    return o;
   } else
     return e[r];
   else return null;
 }
-function Tt(e, r) {
+function Rt(e, r) {
   if (e != null && r && r.length) {
-    for (const l of r) if (el(e, l)) return !0;
+    for (const l of r) if (ll(e, l)) return !0;
   }
   return !1;
 }
-function aa(e) {
+function ra(e) {
   return typeof e == "string";
 }
-function Rt(e) {
-  return Array.isArray(e) ? e.filter((r) => aa(r)).join(" ") : e;
+function xt(e) {
+  return Array.isArray(e) ? e.filter((r) => ra(r)).join(" ") : e;
 }
-function tl(e, r) {
-  const l = i(() => pt(e) ? e.value : e), a = i(() => Rt(l.value.invalidLabel)), s = i(() => Rt(l.value.validLabel)), o = i(() => l.value.loadingLabel), b = i(() => l.value.hintLabel), g = i(() => !!(l.value.loading && (r.loading || o.value))), y = i(() => !g.value && !!(l.value.invalid && (r.invalid || a.value))), u = i(() => !g.value && !y.value && !!(l.value.valid && (r.valid || s.value))), _ = i(() => !g.value && !y.value && !u.value && !!(r.hint || b.value)), v = i(() => y.value || u.value || g.value || _.value);
+function al(e, r) {
+  const l = i(() => pt(e) ? e.value : e), o = i(() => xt(l.value.invalidLabel)), s = i(() => xt(l.value.validLabel)), a = i(() => l.value.loadingLabel), b = i(() => l.value.hintLabel), g = i(() => !!(l.value.loading && (r.loading || a.value))), y = i(() => !g.value && !!(l.value.invalid && (r.invalid || o.value))), u = i(() => !g.value && !y.value && !!(l.value.valid && (r.valid || s.value))), _ = i(() => !g.value && !y.value && !u.value && !!(r.hint || b.value)), v = i(() => y.value || u.value || g.value || _.value);
   return {
     hasInvalidLabelOrSlot: y,
     hasHintLabelOrSlot: _,
@@ -554,7 +550,7 @@ function tl(e, r) {
       invalid: l.value.invalid,
       loading: l.value.loading
     })),
-    HintSlot: Q({
+    HintSlot: U({
       name: "HintSlot",
       props: { tag: {
         type: String,
@@ -563,9 +559,9 @@ function tl(e, r) {
       setup() {
         return {
           isVisible: v,
-          invalidLabel: a,
+          invalidLabel: o,
           validLabel: s,
-          loadingLabel: o,
+          loadingLabel: a,
           hintLabel: b,
           hasInvalidLabelOrSlot: y,
           hasValidLabelOrSlot: u,
@@ -576,7 +572,7 @@ function tl(e, r) {
       render() {
         if (this.isVisible) {
           let c;
-          return this.hasInvalidLabelOrSlot && (c = "alert"), this.hasValidLabelOrSlot && (c = "status"), this.hasLoadingLabelOrSlot ? we(this.tag, { role: c }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? we(this.tag, { role: c }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? we(this.tag, { role: c }, this.$slots.valid?.() ?? this.validLabel) : we(this.tag, { role: c }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+          return this.hasInvalidLabelOrSlot && (c = "alert"), this.hasValidLabelOrSlot && (c = "status"), this.hasLoadingLabelOrSlot ? $e(this.tag, { role: c }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? $e(this.tag, { role: c }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? $e(this.tag, { role: c }, this.$slots.valid?.() ?? this.validLabel) : $e(this.tag, { role: c }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
         }
         return null;
       }
@@ -584,21 +580,21 @@ function tl(e, r) {
   };
 }
 function Lt() {
-  return Me(Wl, void 0);
+  return Ke(Yl, void 0);
 }
-function Pe(e, r, l) {
+function Ce(e, r, l) {
   return i(() => {
-    const a = { [e]: !0 }, s = typeof r?.value == "string" ? r.value.split(" ") : r?.value;
-    return s && Array.isArray(s) && s.forEach((o) => {
-      o && (a[`${e}--${o}`] = !0);
-    }), l && Object.keys(l.value).forEach((o) => {
-      a[`${e}--${o}`] = t(l.value[o]);
-    }), a;
+    const o = { [e]: !0 }, s = typeof r?.value == "string" ? r.value.split(" ") : r?.value;
+    return s && Array.isArray(s) && s.forEach((a) => {
+      a && (o[`${e}--${a}`] = !0);
+    }), l && Object.keys(l.value).forEach((a) => {
+      o[`${e}--${a}`] = t(l.value[a]);
+    }), o;
   });
 }
-var oa = { name: "VvIcon" }, ra = /* @__PURE__ */ Q({
-  ...oa,
-  props: /* @__PURE__ */ yl({
+var na = { name: "VvIcon" }, ia = /* @__PURE__ */ U({
+  ...na,
+  props: /* @__PURE__ */ _l({
     name: {},
     color: {},
     width: {},
@@ -615,31 +611,31 @@ var oa = { name: "VvIcon" }, ra = /* @__PURE__ */ Q({
     onLoad: { type: Function },
     svg: {},
     modifiers: {}
-  }, Jl),
+  }, zl),
   setup(e) {
-    const r = e, l = i(() => typeof r.rotate == "string" ? Number.parseFloat(r.rotate) : r.rotate), a = N(!0), s = Lt(), { modifiers: o } = me(r), b = Pe("vv-icon", o), g = i(() => r.provider || s?.iconsProvider), y = i(() => {
+    const r = e, l = i(() => typeof r.rotate == "string" ? Number.parseFloat(r.rotate) : r.rotate), o = N(!0), s = Lt(), { modifiers: a } = pe(r), b = Ce("vv-icon", a), g = i(() => r.provider || s?.iconsProvider), y = i(() => {
       const v = r.name ?? "", c = `@${g.value}:${r.prefix}:${v}`;
-      if (it(c)) return c;
-      const k = s?.iconsCollections.find((C) => it(`@${g.value}:${C.prefix}:${v}`));
-      return k ? `@${g.value}:${k.prefix}:${v}` : v;
+      if (st(c)) return c;
+      const C = s?.iconsCollections.find((P) => st(`@${g.value}:${P.prefix}:${v}`));
+      return C ? `@${g.value}:${C.prefix}:${v}` : v;
     });
     function u(v) {
       const c = typeof window < "u" ? new window.DOMParser() : null;
       return c ? c.parseFromString(v, "text/html").querySelector("svg") : null;
     }
     function _(v) {
-      const c = u(v), k = c?.innerHTML.trim() || "";
-      c && k && Bl(`@${g.value}:${r.prefix}:${r.name}`, {
-        body: k,
+      const c = u(v), C = c?.innerHTML.trim() || "";
+      c && C && Dl(`@${g.value}:${r.prefix}:${r.name}`, {
+        body: C,
         height: c.viewBox.baseVal.height,
         width: c.viewBox.baseVal.width
       });
     }
-    return s && r.src && !it(`@${g.value}:${r.prefix}:${r.name}`) && (a.value = !1, s.fetchIcon(r.src).then((v) => {
-      v && _(v), a.value = !0;
+    return s && r.src && !st(`@${g.value}:${r.prefix}:${r.name}`) && (o.value = !1, s.fetchIcon(r.src).then((v) => {
+      v && _(v), o.value = !0;
     }).catch((v) => {
-      throw a.value = !0, new Error(`Error during fetch icon: ${v?.message}`);
-    })), r.svg && _(r.svg), (v, c) => t(a) ? (f(), F(t(Il), A({
+      throw o.value = !0, new Error(`Error during fetch icon: ${v?.message}`);
+    })), r.svg && _(r.svg), (v, c) => t(o) ? (f(), H(t(Nl), A({
       key: 0,
       class: t(b)
     }, {
@@ -652,23 +648,23 @@ var oa = { name: "VvIcon" }, ra = /* @__PURE__ */ Q({
       rotate: t(l),
       color: e.color,
       icon: t(y)
-    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : E("v-if", !0);
+    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : I("v-if", !0);
   }
-}), be = ra;
-function lt(e, r) {
-  const l = i(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), a = i(() => r?.value === Qe.before ? l.value : void 0), s = i(() => r?.value === Qe.after ? l.value : void 0);
+}), ce = ia;
+function at(e, r) {
+  const l = i(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), o = i(() => r?.value === Xe.before ? l.value : void 0), s = i(() => r?.value === Xe.after ? l.value : void 0);
   return {
     hasIcon: l,
     hasIconLeft: i(() => r?.value === D.left ? l.value : void 0),
     hasIconRight: i(() => r?.value === D.right ? l.value : void 0),
     hasIconTop: i(() => r?.value === D.top ? l.value : void 0),
     hasIconBottom: i(() => r?.value === D.bottom ? l.value : void 0),
-    hasIconBefore: a,
+    hasIconBefore: o,
     hasIconAfter: s
   };
 }
-var ll = Q({
-  components: { VvIcon: be },
+var ol = U({
+  components: { VvIcon: ce },
   props: {
     inputType: {
       type: String,
@@ -689,21 +685,21 @@ var ll = Q({
   },
   emits: ["clear"],
   setup(e, { emit: r }) {
-    const { hasIcon: l } = lt(i(() => e.icon));
-    function a(s) {
+    const { hasIcon: l } = at(i(() => e.icon));
+    function o(s) {
       s?.stopPropagation(), e.disabled || r("clear");
     }
     return {
       hasIcon: l,
-      onClick: a
+      onClick: o
     };
   },
   render() {
-    const e = this.hasIcon ? we(be, {
+    const e = this.hasIcon ? $e(ce, {
       ...this.hasIcon,
       class: `vv-${this.inputType}__icon`
     }) : void 0;
-    return we("button", {
+    return $e("button", {
       disabled: this.disabled,
       class: `vv-${this.inputType}__action`,
       ariaLabel: this.label,
@@ -711,20 +707,20 @@ var ll = Q({
       onClick: this.onClick
     }, e);
   }
-}), na = {
-  ...ge,
+}), sa = {
+  ...be,
   value: [String, Number]
-}, ia = { name: "VvBadge" }, sa = /* @__PURE__ */ Q({
-  ...ia,
-  props: na,
+}, ua = { name: "VvBadge" }, da = /* @__PURE__ */ U({
+  ...ua,
+  props: sa,
   setup(e) {
-    const { modifiers: r } = me(e), l = Pe("vv-badge", r);
-    return (a, s) => (f(), V("span", { class: Ge(t(l)) }, [S(a.$slots, "default", {}, () => [Z(j(a.value), 1)])], 2));
+    const { modifiers: r } = pe(e), l = Ce("vv-badge", r);
+    return (o, s) => (f(), L("span", { class: Ge(t(l)) }, [O(o.$slots, "default", {}, () => [ee(F(o.value), 1)])], 2));
   }
-}), ua = sa;
-function da(e) {
-  const r = Me(e, void 0), l = i(() => r !== void 0);
-  function a(s, o, b) {
+}), va = da;
+function fa(e) {
+  const r = Ke(e, void 0), l = i(() => r !== void 0);
+  function o(s, a, b) {
     const g = r?.[s];
     if (g) return i({
       get() {
@@ -734,7 +730,7 @@ function da(e) {
         g.value = u;
       }
     });
-    const y = Vl(o, s);
+    const y = $l(a, s);
     return i({
       get() {
         return y.value;
@@ -747,16 +743,16 @@ function da(e) {
   return {
     group: r,
     isInGroup: l,
-    getGroupOrLocalRef: a
+    getGroupOrLocalRef: o
   };
 }
-var va = ["update:modelValue"], fa = {
-  ...Zt,
+var ca = ["update:modelValue"], pa = {
+  ...tl,
   ...Vt,
-  ...ge,
+  ...be,
   ...Ot,
-  ...De,
-  ...Ze,
+  ...Fe,
+  ...et,
   iconPosition: {
     type: String,
     default: D.left,
@@ -795,11 +791,11 @@ var va = ["update:modelValue"], fa = {
     default: void 0
   }
 };
-function ca(e, r) {
-  const { group: l, isInGroup: a, getGroupOrLocalRef: s } = da(ql), { id: o, iconPosition: b, icon: g, label: y, pressed: u } = me(e);
+function ba(e, r) {
+  const { group: l, isInGroup: o, getGroupOrLocalRef: s } = fa(Ql), { id: a, iconPosition: b, icon: g, label: y, pressed: u } = pe(e);
   return {
     group: l,
-    isInGroup: a,
+    isInGroup: o,
     modelValue: s("modelValue", e, r),
     toggle: s("toggle", e),
     unselectable: s("unselectable", e),
@@ -807,206 +803,206 @@ function ca(e, r) {
     modifiers: i(() => {
       let _ = e.modifiers, v = l?.modifiers.value;
       const c = /* @__PURE__ */ new Set();
-      return _ && (Array.isArray(_) || (_ = _.split(" ")), _.forEach((k) => c.add(k))), v && (Array.isArray(v) || (v = v.split(" ")), v.forEach((k) => c.add(k))), [...c];
+      return _ && (Array.isArray(_) || (_ = _.split(" ")), _.forEach((C) => c.add(C))), v && (Array.isArray(v) || (v = v.split(" ")), v.forEach((C) => c.add(C))), [...c];
     }),
     disabled: i(() => !!(e.disabled || l?.disabled.value)),
-    id: o,
+    id: a,
     pressed: u,
     iconPosition: b,
     icon: g,
     label: y
   };
 }
-var pa = [
+var ma = [
   "click",
   "mouseover",
   "mouseleave"
-], ba = Zt;
-function ma() {
-  return Me(Ut, {});
+], ga = tl;
+function ya() {
+  return Ke(Ut, {});
 }
-function ga() {
-  return Me(Wt, {});
+function ha() {
+  return Ke(Yt, {});
 }
-function ya() {
-  return Me(qt, {});
+function _a() {
+  return Ke(Qt, {});
 }
-var ha = { name: "VvAction" }, _a = /* @__PURE__ */ Q({
-  ...ha,
-  props: ba,
-  emits: pa,
+var Sa = { name: "VvAction" }, Oa = /* @__PURE__ */ U({
+  ...Sa,
+  props: ga,
+  emits: ma,
   setup(e, { expose: r, emit: l }) {
-    const a = e, s = l, o = gl(), b = Lt(), g = N(null);
+    const o = e, s = l, a = hl(), b = Lt(), g = N(null);
     r({ $el: g });
-    const { reference: y, bus: u, aria: _, expanded: v } = ma();
-    ae(() => g.value, (O) => {
-      y && (y.value = O);
+    const { reference: y, bus: u, aria: _, expanded: v } = ya();
+    ae(() => g.value, (V) => {
+      y && (y.value = V);
     });
-    const c = i(() => a.pressed || v?.value), { role: k } = ya(), C = i(() => {
+    const c = i(() => o.pressed || v?.value), { role: C } = _a(), P = i(() => {
       switch (!0) {
-        case a.disabled:
-          return ce.button;
-        case a.to !== void 0:
-          return b?.nuxt ? _l(ce.nuxtLink) : ce.routerLink;
-        case a.href !== void 0:
-          return ce.a;
+        case o.disabled:
+          return ve.button;
+        case o.to !== void 0:
+          return b?.nuxt ? Vl(ve.nuxtLink) : ve.routerLink;
+        case o.href !== void 0:
+          return ve.a;
         default:
-          return a.defaultTag;
+          return o.defaultTag;
       }
-    }), K = i(() => {
-      const O = {
+    }), G = i(() => {
+      const V = {
         ..._?.value,
         ariaPressed: c.value ? !0 : void 0,
-        ariaLabel: a.ariaLabel,
-        role: k?.value
+        ariaLabel: o.ariaLabel,
+        role: C?.value
       };
-      switch (C.value) {
-        case ce.a:
+      switch (P.value) {
+        case ve.a:
           return {
-            ...O,
-            href: a.href,
-            target: a.target,
-            rel: a.rel
+            ...V,
+            href: o.href,
+            target: o.target,
+            rel: o.rel
           };
-        case ce.routerLink:
-        case ce.nuxtLink:
+        case ve.routerLink:
+        case ve.nuxtLink:
           return {
-            ...O,
-            to: a.to,
-            target: a.target
+            ...V,
+            to: o.to,
+            target: o.target
           };
-        case ce.button:
+        case ve.button:
           return {
-            ...O,
-            type: a.type,
-            disabled: a.disabled
+            ...V,
+            type: o.type,
+            disabled: o.disabled
           };
         default:
-          return O;
+          return V;
       }
     });
-    function x(O) {
-      if (a.disabled) {
-        O.preventDefault();
+    function T(V) {
+      if (o.disabled) {
+        V.preventDefault();
         return;
       }
-      if (o?.vnode.props?.onClick) {
-        s("click", O);
+      if (a?.vnode.props?.onClick) {
+        s("click", V);
         return;
       }
-      u?.emit("click", O);
+      u?.emit("click", V);
     }
-    function J(O) {
-      if (o?.vnode.props?.onMouseover) {
-        s("mouseover", O);
+    function Y(V) {
+      if (a?.vnode.props?.onMouseover) {
+        s("mouseover", V);
         return;
       }
-      u?.emit("mouseover", O);
+      u?.emit("mouseover", V);
     }
-    function w(O) {
-      if (o?.vnode.props?.onMouseleave) {
-        s("mouseleave", O);
+    function W(V) {
+      if (a?.vnode.props?.onMouseleave) {
+        s("mouseleave", V);
         return;
       }
-      u?.emit("mouseleave", O);
+      u?.emit("mouseleave", V);
     }
-    return (O, ie) => (f(), F(Sl(t(C)), A(t(K), {
+    return (V, k) => (f(), H(Ll(t(P)), A(t(G), {
       ref_key: "rootEl",
       ref: g,
       class: {
-        active: O.active,
+        active: V.active,
         pressed: t(c),
-        disabled: O.disabled,
-        current: O.current
+        disabled: V.disabled,
+        current: V.current
       },
-      onClickPassive: x,
-      onMouseoverPassive: J,
-      onMouseleavePassive: w
+      onClickPassive: T,
+      onMouseoverPassive: Y,
+      onMouseleavePassive: W
     }), {
-      default: P(() => [S(O.$slots, "default", {}, () => [Z(j(O.label), 1)])]),
+      default: E(() => [O(V.$slots, "default", {}, () => [ee(F(V.label), 1)])]),
       _: 3
     }, 16, ["class"]));
   }
-}), Sa = _a;
-function at(e) {
-  return i(() => String(e?.value || Ll()));
+}), Va = Oa;
+function ot(e) {
+  return i(() => String(e?.value || kl()));
 }
-var Oa = {
+var La = {
   key: 1,
   class: "vv-button__label"
-}, Va = {
+}, wa = {
   key: 1,
   class: "vv-button__label"
-}, La = {
+}, $a = {
   name: "VvButton",
   inheritAttrs: !1
-}, $a = /* @__PURE__ */ Q({
-  ...La,
-  props: fa,
-  emits: va,
+}, ka = /* @__PURE__ */ U({
+  ...$a,
+  props: pa,
+  emits: ca,
   setup(e, { expose: r, emit: l }) {
-    const a = e, s = l, o = Kt(), b = mt(), { id: g, modifiers: y, iconPosition: u, icon: _, label: v, modelValue: c, disabled: k, toggle: C, unselectable: K } = ca(a, s), x = at(g), J = i(() => o?.name || x.value), w = N(null);
-    r({ $el: i(() => w.value?.$el) });
-    const O = i(() => C.value ? Array.isArray(c.value) ? Tt(J.value, c.value) : el(J.value, c.value) : a.pressed), ie = Pe("vv-button", y, i(() => ({
+    const o = e, s = l, a = Wt(), b = mt(), { id: g, modifiers: y, iconPosition: u, icon: _, label: v, modelValue: c, disabled: C, toggle: P, unselectable: G } = ba(o, s), T = ot(g), Y = i(() => a?.name || T.value), W = N(null);
+    r({ $el: i(() => W.value?.$el) });
+    const V = i(() => P.value ? Array.isArray(c.value) ? Rt(Y.value, c.value) : ll(Y.value, c.value) : o.pressed), k = Ce("vv-button", y, i(() => ({
       reverse: [D.right, D.bottom].includes(u.value),
       column: [D.top, D.bottom].includes(u.value),
       "icon-only": !!(_?.value && !v?.value && !b.default)
-    }))), { hasIcon: oe } = lt(_), ee = i(() => a.value !== void 0 ? a.value : J.value), ye = i(() => {
-      if (C.value)
-        return { onClick: z };
+    }))), { hasIcon: ie } = at(_), Q = i(() => o.value !== void 0 ? o.value : Y.value), me = i(() => {
+      if (P.value)
+        return { onClick: se };
     });
-    function z() {
-      if (C.value) {
+    function se() {
+      if (P.value) {
         if (Array.isArray(c.value)) {
-          if (Tt(ee.value, c.value)) {
-            K.value && (c.value = c.value.filter((L) => L !== ee.value));
+          if (Rt(Q.value, c.value)) {
+            G.value && (c.value = c.value.filter(($) => $ !== Q.value));
             return;
           }
-          c.value.push(ee.value);
+          c.value.push(Q.value);
           return;
         }
-        if (ee.value === c.value && K.value) {
-          c.value = a.uncheckedValue;
+        if (Q.value === c.value && G.value) {
+          c.value = o.uncheckedValue;
           return;
         }
-        c.value = ee.value;
+        c.value = Q.value;
       }
     }
-    return (L, re) => (f(), F(Sa, A({
-      ...t(o),
-      ...t(ye),
-      disabled: t(k),
-      pressed: t(O),
-      active: L.active,
-      type: L.type,
-      to: L.to,
-      href: L.href,
-      target: L.target,
-      rel: L.rel,
-      ariaLabel: L.ariaLabel
+    return ($, M) => (f(), H(Va, A({
+      ...t(a),
+      ...t(me),
+      disabled: t(C),
+      pressed: t(V),
+      active: $.active,
+      type: $.type,
+      to: $.to,
+      href: $.href,
+      target: $.target,
+      rel: $.rel,
+      ariaLabel: $.ariaLabel
     }, {
-      id: t(x),
+      id: t(T),
       ref_key: "rootEl",
-      ref: w,
-      class: t(ie)
+      ref: W,
+      class: t(k)
     }), {
-      default: P(() => [S(L.$slots, "default", {}, () => [L.loading ? S(L.$slots, "loading", { key: 0 }, () => [L.loadingIcon ? (f(), F(be, {
+      default: E(() => [O($.$slots, "default", {}, () => [$.loading ? O($.$slots, "loading", { key: 0 }, () => [$.loadingIcon ? (f(), H(ce, {
         key: 0,
         class: "vv-button__loading-icon",
-        name: L.loadingIcon
-      }, null, 8, ["name"])) : E("v-if", !0), L.loadingLabel ? (f(), V("span", Oa, j(L.loadingLabel), 1)) : E("v-if", !0)]) : (f(), V(le, { key: 1 }, [
-        S(L.$slots, "before"),
-        t(oe) ? (f(), F(be, A({ key: 0 }, t(oe), { class: "vv-button__icon" }), null, 16)) : E("v-if", !0),
-        t(v) ? (f(), V("span", Va, [S(L.$slots, "label", {}, () => [Z(j(t(v)), 1)])])) : E("v-if", !0),
-        S(L.$slots, "after")
+        name: $.loadingIcon
+      }, null, 8, ["name"])) : I("v-if", !0), $.loadingLabel ? (f(), L("span", La, F($.loadingLabel), 1)) : I("v-if", !0)]) : (f(), L(le, { key: 1 }, [
+        O($.$slots, "before"),
+        t(ie) ? (f(), H(ce, A({ key: 0 }, t(ie), { class: "vv-button__icon" }), null, 16)) : I("v-if", !0),
+        t(v) ? (f(), L("span", wa, [O($.$slots, "label", {}, () => [ee(F(t(v)), 1)])])) : I("v-if", !0),
+        O($.$slots, "after")
       ], 64))])]),
       _: 3
     }, 16, ["id", "class"]));
   }
-}), al = $a, wa = {
+}), rl = ka, Pa = {
   ...Vt,
   ...ft,
-  ...ge,
+  ...be,
   modelValue: {
     type: Boolean,
     default: void 0
@@ -1017,17 +1013,17 @@ var Oa = {
   },
   role: {
     type: String,
-    default: Xe.menu,
-    validator: (e) => Object.values(Xe).includes(e)
+    default: Ze.menu,
+    validator: (e) => Object.values(Ze).includes(e)
   }
-}, ka = { focusOnHover: {
+}, Ca = { focusOnHover: {
   type: Boolean,
   default: !1
-} }, Ca = {
+} }, Ea = {
   ...ke,
-  ...Ql,
+  ...Zl,
   ...Ot,
-  ...ge,
+  ...be,
   deselectHintLabel: { type: String },
   selectHintLabel: { type: String },
   selectedHintLabel: { type: String },
@@ -1036,51 +1032,51 @@ var Oa = {
     default: !1
   }
 };
-function Pa({ reference: e, id: r, expanded: l, aria: a }) {
-  const s = Gl();
+function Ia({ reference: e, id: r, expanded: l, aria: o }) {
+  const s = Wl();
   return {
     bus: s,
-    component: Q({
+    component: U({
       name: "VvDropdownTriggerProvider",
       setup() {
         bt(Ut, {
           reference: e,
           id: r,
           expanded: l,
-          aria: a,
+          aria: o,
           bus: s
         });
       },
       render() {
-        return we(le, {}, this.$slots.default?.());
+        return $e(le, {}, this.$slots.default?.());
       }
     })
   };
 }
-function Ea({ role: e, ...r }) {
-  const l = i(() => e.value === Xe.listbox ? Ht.option : Ht.presentation);
-  return bt(Wt, {
+function Ba({ role: e, ...r }) {
+  const l = i(() => e.value === Ze.listbox ? jt.option : jt.presentation);
+  return bt(Yt, {
     role: l,
     ...r
   }), { itemRole: l };
 }
-function Ia({ expanded: e }) {
-  bt(qt, {
+function Aa({ expanded: e }) {
+  bt(Qt, {
     role: N(Ul.menuitem),
     expanded: e
   });
 }
-var Ba = [
+var Na = [
   "id",
   "tabindex",
   "role",
   "aria-labelledby"
-], Aa = {
+], Da = {
   name: "VvDropdown",
   inheritAttrs: !1
-}, Na = /* @__PURE__ */ Q({
-  ...Aa,
-  props: wa,
+}, Ha = /* @__PURE__ */ U({
+  ...Da,
+  props: Pa,
   emits: [
     "update:modelValue",
     "beforeEnter",
@@ -1099,172 +1095,175 @@ var Ba = [
     "leaveCancelled"
   ],
   setup(e, { expose: r, emit: l }) {
-    const a = e, s = l, { id: o } = me(a), b = at(o), g = Kt(), y = N("auto"), u = N("auto"), _ = N(), v = N(), c = N(), k = N(), C = i({
-      get: () => a.reference ?? _.value,
+    const o = e, s = l, { id: a } = pe(o), b = ot(a), g = Wt(), y = N("auto"), u = N("auto"), _ = N(), v = N(), c = N(), C = N(), P = i({
+      get: () => o.reference ?? _.value,
       set: (d) => {
         _.value = d;
       }
-    }), K = N(!1);
-    hl(() => {
-      Rl(v.value, () => {
-        K.value = window.getComputedStyle(v.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+    }), G = N(!1);
+    Ol(() => {
+      Kl(v.value, () => {
+        G.value = window.getComputedStyle(v.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
       }, {
         attributeFilter: ["style"],
         window
       });
     });
-    const x = i(() => {
+    function T(d, w, Se) {
+      return typeof d == "boolean" ? w() : Se(d);
+    }
+    const Y = i(() => {
       const d = [];
-      if (a.autoPlacement ? typeof a.autoPlacement == "boolean" ? d.push(Et()) : d.push(Et(a.autoPlacement)) : a.flip && (typeof a.flip == "boolean" ? d.push(It({ fallbackStrategy: "initialPlacement" })) : d.push(It(a.flip))), a.shift && (typeof a.shift == "boolean" ? d.push(Bt()) : d.push(Bt(a.shift))), a.size) {
-        const T = ({ availableWidth: He, availableHeight: Ue }) => {
-          y.value = `${He}px`, u.value = `${Ue}px`;
+      if (o.autoPlacement ? d.push(T(o.autoPlacement, () => It(), (w) => It(w))) : o.flip && d.push(T(o.flip, () => Bt({ fallbackStrategy: "initialPlacement" }), (w) => Bt(w))), o.shift && d.push(T(o.shift, () => Nt(), (w) => Nt(w))), o.size) {
+        const w = ({ availableWidth: Se, availableHeight: je }) => {
+          y.value = `${Se}px`, u.value = `${je}px`;
         };
-        typeof a.size == "boolean" ? d.push(At({ apply: T })) : d.push(At({
-          ...a.size,
-          apply: T
-        }));
+        d.push(T(o.size, () => Dt({ apply: w }), (Se) => Dt({
+          ...Se,
+          apply: w
+        })));
       }
-      return a.offset && (d.push(st(Number(a.offset))), ["string", "number"].includes(typeof a.offset) ? d.push(st(Number(a.offset))) : d.push(st(a.offset))), a.arrow && d.push(Al({ element: c })), d;
-    }), { x: J, y: w, middlewareData: O, placement: ie, strategy: oe } = Dl(C, v, {
-      whileElementsMounted: (...d) => Nl(...d, { animationFrame: a.strategy === zt.fixed }),
-      placement: i(() => a.placement),
-      strategy: i(() => a.strategy),
-      middleware: x
-    }), ee = i(() => {
-      if (K.value) return;
-      const d = a.triggerWidth && C.value ? `${C.value?.offsetWidth}px` : void 0;
+      return o.offset && d.push(["string", "number"].includes(typeof o.offset) ? At(Number(o.offset)) : At(o.offset)), o.arrow && d.push(Hl({ element: c })), d;
+    }), { x: W, y: V, middlewareData: k, placement: ie, strategy: Q } = jl(P, v, {
+      whileElementsMounted: (...d) => Fl(...d, { animationFrame: o.strategy === Jt.fixed }),
+      placement: i(() => o.placement),
+      strategy: i(() => o.strategy),
+      middleware: Y
+    }), me = i(() => {
+      if (G.value) return;
+      const d = o.triggerWidth && P.value ? `${P.value?.offsetWidth}px` : void 0;
       return {
-        position: oe.value,
-        top: `${w.value ?? 0}px`,
-        left: `${J.value ?? 0}px`,
+        position: Q.value,
+        top: `${V.value ?? 0}px`,
+        left: `${W.value ?? 0}px`,
         maxWidth: d ? void 0 : y.value,
         maxHeight: u.value,
         width: d
       };
-    }), ye = i(() => ie.value.split("-")[0]), z = i(() => {
-      if (K.value) return;
+    }), se = i(() => ie.value.split("-")[0]), $ = i(() => {
+      if (G.value) return;
       const d = {
         [D.top]: D.bottom,
         [D.right]: D.left,
         [D.bottom]: D.top,
         [D.left]: D.right
-      }[ye.value];
+      }[se.value];
       return {
-        left: O.value.arrow?.x !== void 0 ? `${O.value.arrow?.x}px` : void 0,
-        top: O.value.arrow?.y !== void 0 ? `${O.value.arrow?.y}px` : void 0,
+        left: k.value.arrow?.x !== void 0 ? `${k.value.arrow?.x}px` : void 0,
+        top: k.value.arrow?.y !== void 0 ? `${k.value.arrow?.y}px` : void 0,
         [d]: `${-(c.value?.offsetWidth ?? 0) / 2}px`
       };
-    }), L = Ml(a, "modelValue", s), re = N(!1), $ = i({
-      get: () => L.value ?? re.value,
+    }), M = Gl(o, "modelValue", s), Ee = N(!1), S = i({
+      get: () => M.value ?? Ee.value,
       set: (d) => {
-        if (L.value === void 0) {
-          re.value = d;
+        if (M.value === void 0) {
+          Ee.value = d;
           return;
         }
-        L.value = d;
+        M.value = d;
       }
     });
-    function H() {
-      $.value = !0;
-    }
-    function U() {
-      $.value = !1;
+    function te() {
+      S.value = !0;
     }
     function X() {
-      $.value = !$.value;
+      S.value = !1;
     }
-    function se(d) {
-      C.value = d;
+    function q() {
+      S.value = !S.value;
     }
-    Fl(v, () => {
-      !a.keepOpen && $.value && ($.value = !1);
-    }, { ignore: [C] });
-    const he = i(() => C.value?.getAttribute?.("id") ?? void 0), _e = i(() => ({
+    function ge(d) {
+      P.value = d;
+    }
+    Ml(v, () => {
+      !o.keepOpen && S.value && (S.value = !1);
+    }, { ignore: [P] });
+    const Ie = i(() => P.value?.getAttribute?.("id") ?? void 0), Be = i(() => ({
       "aria-controls": b.value,
       "aria-haspopup": !0,
-      "aria-expanded": $.value
-    })), { component: Ee, bus: Se } = Pa({
-      reference: C,
+      "aria-expanded": S.value
+    })), { component: ye, bus: he } = Ia({
+      reference: P,
       id: b,
-      expanded: $,
-      aria: _e
+      expanded: S,
+      aria: Be
     });
-    Se.on("click", X);
-    const { role: W, modifiers: ue } = me(a), Oe = Pe("vv-dropdown", ue, i(() => ({ arrow: a.arrow }))), { focused: te } = yt(v);
-    function de(d) {
-      return d ? [...d.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((T) => !T.hasAttribute("disabled") && !T.getAttribute("aria-hidden")) : [];
+    he.on("click", q);
+    const { role: _e, modifiers: oe } = pe(o), Oe = Ce("vv-dropdown", oe, i(() => ({ arrow: o.arrow }))), { focused: Z } = yt(v);
+    function re(d) {
+      return d ? [...d.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((w) => !w.hasAttribute("disabled") && !w.getAttribute("aria-hidden")) : [];
     }
-    function q() {
-      Ye(() => {
-        const d = de(v.value);
+    function h() {
+      Qe(() => {
+        const d = re(v.value);
         d.length > 0 && d[0].focus({ preventScroll: !0 });
       });
     }
-    function h() {
-      Ye(() => {
-        const d = de(k.value);
+    function R() {
+      Qe(() => {
+        const d = re(C.value);
         d.length > 0 && d[0].focus({ preventScroll: !0 });
       });
     }
-    function I() {
-      Ye(() => {
-        if (te.value) {
-          const d = de(v.value);
+    function z() {
+      Qe(() => {
+        if (Z.value) {
+          const d = re(v.value);
           if (d.length === 0 || !document.activeElement) return;
-          const T = d.indexOf(document.activeElement);
-          T < d.length - 1 ? d[T + 1].focus({ preventScroll: !0 }) : d[0].focus({ preventScroll: !0 });
+          const w = d.indexOf(document.activeElement);
+          w < d.length - 1 ? d[w + 1].focus({ preventScroll: !0 }) : d[0].focus({ preventScroll: !0 });
         }
       });
     }
-    function G() {
-      Ye(() => {
-        if (te.value) {
-          const d = de(v.value);
+    function x() {
+      Qe(() => {
+        if (Z.value) {
+          const d = re(v.value);
           if (d.length === 0 || !document.activeElement) return;
-          const T = d.indexOf(document.activeElement);
-          if (T > 0) {
-            d[T - 1].focus({ preventScroll: !0 });
+          const w = d.indexOf(document.activeElement);
+          if (w > 0) {
+            d[w - 1].focus({ preventScroll: !0 });
             return;
           }
           d.at(-1)?.focus({ preventScroll: !0 });
         }
       });
     }
-    ae($, (d) => {
-      d && a.autofocusFirst && q();
+    ae(S, (d) => {
+      d && o.autofocusFirst && h();
     }), r({
-      toggle: X,
-      show: H,
-      hide: U,
-      init: se,
-      focusFirst: q,
-      focusFirstListElement: h,
-      focusNext: I,
-      focusPrev: G,
-      customPosition: K
+      toggle: q,
+      show: te,
+      hide: X,
+      init: ge,
+      focusFirst: h,
+      focusFirstListElement: R,
+      focusNext: z,
+      focusPrev: x,
+      customPosition: G
     });
-    const { itemRole: ve } = Ea({
-      role: W,
-      expanded: $,
-      focused: te,
-      hovered: xt(v)
+    const { itemRole: ue } = Ba({
+      role: _e,
+      expanded: S,
+      focused: Z,
+      hovered: qt(v)
     });
-    je("Escape", (d) => {
-      $.value && (d.preventDefault(), U());
-    }), je("ArrowDown", (d) => {
-      $.value && te.value && (d.preventDefault(), I());
-    }), je("ArrowUp", (d) => {
-      $.value && te.value && (d.preventDefault(), G());
-    }), je([" ", "Enter"], (d) => {
-      const T = d.target;
-      $.value && te.value && T && T?.click();
+    Me("Escape", (d) => {
+      S.value && (d.preventDefault(), X());
+    }), Me("ArrowDown", (d) => {
+      S.value && Z.value && (d.preventDefault(), z());
+    }), Me("ArrowUp", (d) => {
+      S.value && Z.value && (d.preventDefault(), x());
+    }), Me([" ", "Enter"], (d) => {
+      const w = d.target;
+      S.value && Z.value && w && w?.click();
     });
     const Ve = {
       "before-enter": () => {
-        s($.value ? "beforeExpand" : "beforeCollapse"), s("beforeEnter");
+        s(S.value ? "beforeExpand" : "beforeCollapse"), s("beforeEnter");
       },
       "after-leave": () => {
-        s($.value ? "afterExpand" : "afterCollapse"), s("afterLeave");
+        s(S.value ? "afterExpand" : "afterCollapse"), s("afterLeave");
       },
       enter: () => {
         s("enter");
@@ -1285,111 +1284,111 @@ var Ba = [
         s("leaveCancelled");
       }
     };
-    return (d, T) => (f(), V(le, null, [$e(t(Ee), null, {
-      default: P(() => [S(d.$slots, "default", R(M({
-        init: se,
-        show: H,
-        hide: U,
-        toggle: X,
-        expanded: t($),
-        aria: t(_e)
+    return (d, w) => (f(), L(le, null, [we(t(ye), null, {
+      default: E(() => [O(d.$slots, "default", j(K({
+        init: ge,
+        show: te,
+        hide: X,
+        toggle: q,
+        expanded: t(S),
+        aria: t(Be)
       })))]),
       _: 3
-    }), $e(ml, A({ name: d.transitionName }, Ol(Ve), { persisted: "" }), {
-      default: P(() => [gt(pe("div", {
+    }), we(yl, A({ name: d.transitionName }, wl(Ve), { persisted: "" }), {
+      default: E(() => [gt(fe("div", {
         ref_key: "floatingEl",
         ref: v,
-        style: Pt(t(ee)),
+        style: Et(t(me)),
         class: Ge(t(Oe))
       }, [
-        a.arrow ? (f(), V("div", {
+        o.arrow ? (f(), L("div", {
           key: 0,
           ref_key: "arrowEl",
           ref: c,
-          style: Pt(t(z)),
+          style: Et(t($)),
           class: "vv-dropdown__arrow"
-        }, null, 4)) : E("v-if", !0),
-        S(d.$slots, "before", R(M({
-          show: H,
-          hide: U,
-          toggle: X,
-          expanded: t($)
+        }, null, 4)) : I("v-if", !0),
+        O(d.$slots, "before", j(K({
+          show: te,
+          hide: X,
+          toggle: q,
+          expanded: t(S)
         }))),
-        pe("div", A(t(g), {
+        fe("div", A(t(g), {
           id: t(b),
           ref_key: "listEl",
-          ref: k,
-          tabindex: t($) ? void 0 : -1,
-          role: t(W),
-          "aria-labelledby": t(he),
+          ref: C,
+          tabindex: t(S) ? void 0 : -1,
+          role: t(_e),
+          "aria-labelledby": t(Ie),
           class: "vv-dropdown__list"
-        }), [S(d.$slots, "items", R(M({
-          show: H,
-          hide: U,
-          toggle: X,
-          expanded: t($),
-          role: t(ve)
-        })))], 16, Ba),
-        S(d.$slots, "after", R(M({
-          show: H,
-          hide: U,
-          toggle: X,
-          expanded: t($)
+        }), [O(d.$slots, "items", j(K({
+          show: te,
+          hide: X,
+          toggle: q,
+          expanded: t(S),
+          role: t(ue)
+        })))], 16, Na),
+        O(d.$slots, "after", j(K({
+          show: te,
+          hide: X,
+          toggle: q,
+          expanded: t(S)
         })))
-      ], 6), [[Cl, t($)]])]),
+      ], 6), [[Il, t(S)]])]),
       _: 3
     }, 16, ["name"])], 64));
   }
-}), ol = Na, Da = {
+}), nl = Ha, Fa = {
   class: "vv-dropdown-optgroup",
   role: "presentation",
   tabindex: "-1"
-}, Ha = { name: "VvDropdownOptgroup" }, Fa = /* @__PURE__ */ Q({
-  ...Ha,
-  props: { ...Ce },
+}, ja = { name: "VvDropdownOptgroup" }, Ta = /* @__PURE__ */ U({
+  ...ja,
+  props: { ...Pe },
   setup(e) {
     const r = e;
-    return (l, a) => (f(), V("li", Da, [S(l.$slots, "default", {}, () => [Z(j(r.label), 1)])]));
+    return (l, o) => (f(), L("li", Fa, [O(l.$slots, "default", {}, () => [ee(F(r.label), 1)])]));
   }
-}), rl = Fa, ja = { name: "VvDropdownItem" }, Ta = /* @__PURE__ */ Q({
-  ...ja,
-  props: ka,
+}), il = Ta, Ma = { name: "VvDropdownItem" }, Ra = /* @__PURE__ */ U({
+  ...Ma,
+  props: Ca,
   setup(e) {
-    const r = e, { role: l, expanded: a } = ga(), s = N(null);
-    Ia({ expanded: a });
-    const o = xt(s), { focused: b } = Jt(s), { focused: g } = yt(s);
-    return ae(o, (y) => {
+    const r = e, { role: l, expanded: o } = ha(), s = N(null);
+    Aa({ expanded: o });
+    const a = qt(s), { focused: b } = zt(s), { focused: g } = yt(s);
+    return ae(a, (y) => {
       y && r.focusOnHover && (b.value = !0);
-    }), (y, u) => (f(), V("div", A({ role: t(l) }, {
+    }), (y, u) => (f(), L("div", A({ role: t(l) }, {
       ref_key: "element",
       ref: s,
       class: ["vv-dropdown__item", { "focus-visible": t(b) || t(g) }]
-    }), [S(y.$slots, "default")], 16));
+    }), [O(y.$slots, "default")], 16));
   }
-}), Ra = Ta, Ma = ["title"], Ga = { name: "VvDropdownOption" }, Ka = /* @__PURE__ */ Q({
+}), xa = Ra, Ka = ["title"], Ga = { name: "VvDropdownOption" }, Wa = /* @__PURE__ */ U({
   ...Ga,
-  props: Ca,
+  props: Ea,
   setup(e) {
-    const r = e, { modifiers: l } = me(r), a = Pe("vv-dropdown-option", l, i(() => ({
+    const r = e, { modifiers: l } = pe(r), o = Ce("vv-dropdown-option", l, i(() => ({
       disabled: r.disabled,
       selected: r.selected,
       unselectable: r.unselectable && r.selected
     }))), s = i(() => r.selected ? r.unselectable ? r.deselectHintLabel : r.selectedHintLabel : r.disabled ? "" : r.selectHintLabel);
-    return (o, b) => (f(), F(Ra, {
-      class: Ge(t(a)),
-      tabindex: o.disabled ? -1 : 0,
-      "aria-selected": o.selected,
-      "aria-disabled": o.disabled,
-      "focus-on-hover": o.focusOnHover
+    return (a, b) => (f(), H(xa, {
+      class: Ge(t(o)),
+      tabindex: a.disabled ? -1 : 0,
+      "aria-selected": a.selected,
+      "aria-disabled": a.disabled,
+      "focus-on-hover": a.focusOnHover
     }, {
-      default: P(() => [S(o.$slots, "default"), pe("span", {
+      default: E(() => [O(a.$slots, "default"), fe("span", {
         class: "vv-dropdown-option__hint",
         title: t(s)
-      }, [S(o.$slots, "hint", R(M({
-        disabled: o.disabled,
-        selected: o.selected,
-        unselectable: o.unselectable
-      })), () => [Z(j(t(s)), 1)])], 8, Ma)]),
+      }, [O(a.$slots, "hint", j(K({
+        disabled: a.disabled,
+        selected: a.selected,
+        unselectable: a.unselectable
+      })), () => [ee(F(t(s)), 1)])], 8, Ka)]),
       _: 3
     }, 8, [
       "class",
@@ -1399,24 +1398,24 @@ var Ba = [
       "focus-on-hover"
     ]));
   }
-}), Te = Ka, Mt = {
+}), Re = Wa, Kt = {
+  ...lt,
+  ...Zt,
+  ...el,
   ...tt,
-  ...Qt,
-  ...Xt,
-  ...et,
-  ...Ke,
-  ...xe,
-  ...ze,
-  ...De,
-  ...ke,
+  ...We,
+  ...qe,
   ...Je,
-  ...ge,
+  ...Fe,
+  ...ke,
+  ...ze,
+  ...be,
   ..._t,
-  ...Ze,
+  ...et,
   ...St,
   ...Ot,
-  ...Ce,
-  ...Yt,
+  ...Pe,
+  ...Xt,
   multiple: Boolean,
   required: Boolean,
   size: [String, Number],
@@ -1438,66 +1437,66 @@ var Ba = [
 };
 function Gt() {
   return {
-    ...Mt,
+    ...Kt,
     options: {
-      ...Mt.options,
+      ...Kt.options,
       type: Array,
       default: () => []
     }
   };
 }
-function nl(e, r, l) {
-  const a = Lt(), s = i(() => {
-    if (!(!a || !a.defaults.value?.[e]))
-      return a.defaults.value[e];
+function sl(e, r, l) {
+  const o = Lt(), s = i(() => {
+    if (!(!o || !o.defaults.value?.[e]))
+      return o.defaults.value[e];
   });
   return i(() => {
     if (s.value === void 0) return l;
-    const o = s.value, b = r, g = l;
+    const a = s.value, b = r, g = l;
     return Object.keys(b).reduce((y, u) => {
       const _ = g[u];
-      if (y[u] = _, u in o) {
+      if (y[u] = _, u in a) {
         if (Array.isArray(b[u])) {
           const v = b[u];
-          v.length && v[0] === _ && (y[u] = o[u]);
+          v.length && v[0] === _ && (y[u] = a[u]);
         }
         if (typeof b[u] == "function") {
           const v = b[u];
-          v() === _ && (y[u] = o[u]);
+          v() === _ && (y[u] = a[u]);
         }
         if (typeof b[u] == "object") {
           let v = b[u].default;
-          typeof v == "function" && (v = v()), typeof v == "object" ? JSON.stringify(v) === JSON.stringify(_) && (y[u] = o[u]) : v === _ && (y[u] = o[u]);
+          typeof v == "function" && (v = v()), typeof v == "object" ? JSON.stringify(v) === JSON.stringify(_) && (y[u] = a[u]) : v === _ && (y[u] = a[u]);
         }
       }
       return y;
     }, {});
   });
 }
-function il(e, r) {
-  const { focused: l } = Jt(e);
-  return ae(l, (a) => {
-    r(a ? "focus" : "blur", t(e));
+function ul(e, r) {
+  const { focused: l } = zt(e);
+  return ae(l, (o) => {
+    r(o ? "focus" : "blur", t(e));
   }), { focused: l };
 }
-function sl(e) {
-  const { options: r, labelKey: l, valueKey: a, disabledKey: s } = me(e);
+function dl(e) {
+  const { options: r, labelKey: l, valueKey: o, disabledKey: s } = pe(e);
   return {
     options: r,
     getOptionLabel: (u) => typeof u == "string" ? u : typeof l.value == "function" ? l.value(u) : String(l.value ? ut(u, l.value) : u),
-    getOptionValue: (u) => typeof u == "string" ? u : typeof a.value == "function" ? a.value(u) : a.value ? ut(u, a.value) : u,
+    getOptionValue: (u) => typeof u == "string" ? u : typeof o.value == "function" ? o.value(u) : o.value ? ut(u, o.value) : u,
     isOptionDisabled: (u) => typeof u == "string" ? !1 : typeof s.value == "function" ? s.value(u) : s.value ? !!ut(u, s.value) : !1,
     getOptionGrouped: (u) => typeof u == "string" ? [] : typeof u == "object" && u && "options" in u ? u.options : []
   };
 }
-var xa = ["for"], Ja = { class: "vv-select__wrapper" }, za = {
+var qa = ["for"], za = { class: "vv-select__wrapper" }, Ja = {
   key: 0,
   class: "vv-select__input-before"
-}, Ua = { class: "vv-select__inner" }, Wa = ["id"], qa = ["disabled", "hidden"], Ya = ["disabled", "value"], Qa = ["disabled", "label"], Xa = ["disabled", "value"], Za = {
+}, Ua = { class: "vv-select__inner" }, Ya = ["id"], Qa = ["disabled", "hidden"], Xa = ["disabled", "value"], Za = ["disabled", "label"], eo = ["disabled", "value"], to = {
   key: 2,
   class: "vv-select__input-after"
-}, eo = { name: "VvSelect" }, to = /* @__PURE__ */ Q({
-  ...eo,
+}, lo = { name: "VvSelect" }, ao = /* @__PURE__ */ U({
+  ...lo,
   props: Gt(),
   emits: [
     "update:modelValue",
@@ -1506,169 +1505,169 @@ var xa = ["for"], Ja = { class: "vv-select__wrapper" }, za = {
     "clear"
   ],
   setup(e, { emit: r }) {
-    const l = e, a = r, s = mt(), o = nl("VvSelect", Gt(), l), b = N(), { HintSlot: g, hasHintLabelOrSlot: y, hasInvalidLabelOrSlot: u, hintSlotScope: _ } = tl(o, s), { focused: v } = il(b, a);
+    const l = e, o = r, s = mt(), a = sl("VvSelect", Gt(), l), b = N(), { HintSlot: g, hasHintLabelOrSlot: y, hasInvalidLabelOrSlot: u, hintSlotScope: _ } = al(a, s), { focused: v } = ul(b, o);
     function c(h) {
       return typeof h == "string" ? !1 : h.options?.length;
     }
-    const { id: k, modifiers: C, disabled: K, readonly: x, loading: J, icon: w, iconPosition: O, invalid: ie, valid: oe, floating: ee, multiple: ye } = me(l), z = at(k), L = i(() => `${z.value}-hint`), re = i(() => l.disabled || l.readonly), $ = i(() => re.value ? -1 : l.tabindex), H = i({
+    const { id: C, modifiers: P, disabled: G, readonly: T, loading: Y, icon: W, iconPosition: V, invalid: k, valid: ie, floating: Q, multiple: me } = pe(l), se = ot(C), $ = i(() => `${se.value}-hint`), M = i(() => l.disabled || l.readonly), Ee = i(() => M.value ? -1 : l.tabindex), S = i({
       get: () => l.modelValue,
       set: (h) => {
-        if (Array.isArray(h) && (h = h.filter((I) => I !== void 0), h.length === 0 && !l.unselectable && b.value)) {
+        if (Array.isArray(h) && (h = h.filter((R) => R !== void 0), h.length === 0 && !l.unselectable && b.value)) {
           b.value.value = String(l.modelValue);
           return;
         }
-        a("update:modelValue", h);
+        o("update:modelValue", h);
       }
-    }), U = i(() => Array.isArray(H.value) ? H.value.length > 0 : H.value !== void 0 && H.value !== null), X = i(() => re.value ? !1 : l.unselectable);
-    ae(Tl(b), (h) => {
+    }), te = i(() => Array.isArray(S.value) ? S.value.length > 0 : S.value !== void 0 && S.value !== null), X = i(() => M.value ? !1 : l.unselectable);
+    ae(xl(b), (h) => {
       h && l.autofocus && (v.value = !0);
     });
-    const { hasIconBefore: se, hasIconAfter: he } = lt(w, O), _e = i(() => {
+    const { hasIconBefore: q, hasIconAfter: ge } = at(W, V), Ie = i(() => {
       if (l.invalid === !0) return !0;
       if (l.valid === !0) return !1;
-    }), Ee = Pe("vv-select", C, i(() => ({
-      valid: oe.value,
-      invalid: ie.value,
-      loading: J.value,
-      disabled: K.value,
-      readonly: x.value,
-      "icon-before": se.value !== void 0,
-      "icon-after": he.value !== void 0,
-      dirty: U.value,
-      focus: v.value && !re.value,
-      floating: ee.value,
-      multiple: ye.value
-    }))), { getOptionLabel: Se, getOptionValue: W, isOptionDisabled: ue, getOptionGrouped: Oe } = sl(l);
+    }), Be = Ce("vv-select", P, i(() => ({
+      valid: ie.value,
+      invalid: k.value,
+      loading: Y.value,
+      disabled: G.value,
+      readonly: T.value,
+      "icon-before": q.value !== void 0,
+      "icon-after": ge.value !== void 0,
+      dirty: te.value,
+      focus: v.value && !M.value,
+      floating: Q.value,
+      multiple: me.value
+    }))), { getOptionLabel: ye, getOptionValue: he, isOptionDisabled: _e, getOptionGrouped: oe } = dl(l);
     ae(() => l.options, (h) => {
-      if (h?.length && l.autoselectFirst && !U.value) {
-        const I = W(h[0]);
-        H.value = l.multiple ? [I] : I;
+      if (h?.length && l.autoselectFirst && !te.value) {
+        const R = he(h[0]);
+        S.value = l.multiple ? [R] : R;
       }
     }, { immediate: !0 });
-    function te() {
-      Array.isArray(H.value) ? H.value = [] : H.value = void 0, a("clear");
+    function Oe() {
+      Array.isArray(S.value) ? S.value = [] : S.value = void 0, o("clear");
     }
-    const de = i(() => ({
+    const Z = i(() => ({
       name: l.name,
-      tabindex: $.value,
-      disabled: re.value,
+      tabindex: Ee.value,
+      disabled: M.value,
       required: l.required,
       size: l.size,
       autocomplete: l.autocomplete,
       multiple: l.multiple,
-      "aria-invalid": _e.value,
-      "aria-describedby": y.value ? L.value : void 0,
-      "aria-errormessage": u.value ? L.value : void 0
-    })), q = i(() => ({
+      "aria-invalid": Ie.value,
+      "aria-describedby": y.value ? $.value : void 0,
+      "aria-errormessage": u.value ? $.value : void 0
+    })), re = i(() => ({
       valid: l.valid,
       invalid: l.invalid,
       modelValue: l.modelValue
     }));
-    return (h, I) => (f(), V("div", { class: Ge(t(Ee)) }, [
-      h.label ? (f(), V("label", {
+    return (h, R) => (f(), L("div", { class: Ge(t(Be)) }, [
+      h.label ? (f(), L("label", {
         key: 0,
-        for: t(z)
-      }, j(h.label), 9, xa)) : E("v-if", !0),
-      pe("div", Ja, [
-        h.$slots.before ? (f(), V("div", za, [S(h.$slots, "before", R(M(t(q))))])) : E("v-if", !0),
-        pe("div", Ua, [
-          t(se) ? (f(), F(be, A({ key: 0 }, t(se), { class: "vv-select__icon" }), null, 16)) : E("v-if", !0),
-          gt(pe("select", A({
-            id: t(z),
+        for: t(se)
+      }, F(h.label), 9, qa)) : I("v-if", !0),
+      fe("div", za, [
+        h.$slots.before ? (f(), L("div", Ja, [O(h.$slots, "before", j(K(t(re))))])) : I("v-if", !0),
+        fe("div", Ua, [
+          t(q) ? (f(), H(ce, A({ key: 0 }, t(q), { class: "vv-select__icon" }), null, 16)) : I("v-if", !0),
+          gt(fe("select", A({
+            id: t(se),
             ref_key: "selectEl",
             ref: b
-          }, t(de), { "onUpdate:modelValue": I[0] || (I[0] = (G) => pt(H) ? H.value = G : null) }), [h.placeholder ? (f(), V("option", {
+          }, t(Z), { "onUpdate:modelValue": R[0] || (R[0] = (z) => pt(S) ? S.value = z : null) }), [h.placeholder ? (f(), L("option", {
             key: 0,
             value: void 0,
             disabled: !t(X),
             hidden: !t(X)
-          }, j(h.placeholder), 9, qa)) : E("v-if", !0), (f(!0), V(le, null, Re(h.options, (G, ve) => (f(), V(le, null, [c(G) ? (f(), V("optgroup", {
-            key: `group-${ve}`,
-            disabled: t(ue)(G),
-            label: t(Se)(G)
-          }, [(f(!0), V(le, null, Re(t(Oe)(G), (Ve, d) => (f(), V("option", {
-            key: `group-${ve}-item-${d}`,
-            disabled: t(ue)(Ve),
-            value: t(W)(Ve)
-          }, j(t(Se)(Ve)), 9, Xa))), 128))], 8, Qa)) : (f(), V("option", {
-            key: ve,
-            disabled: t(ue)(G),
-            value: t(W)(G)
-          }, j(t(Se)(G)), 9, Ya))], 64))), 256))], 16, Wa), [[wl, t(H)]]),
-          t(he) ? (f(), F(be, A({ key: 1 }, t(he), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : E("v-if", !0)
+          }, F(h.placeholder), 9, Qa)) : I("v-if", !0), (f(!0), L(le, null, xe(h.options, (z, x) => (f(), L(le, null, [c(z) ? (f(), L("optgroup", {
+            key: `group-${x}`,
+            disabled: t(_e)(z),
+            label: t(ye)(z)
+          }, [(f(!0), L(le, null, xe(t(oe)(z), (ue, Ve) => (f(), L("option", {
+            key: `group-${x}-item-${Ve}`,
+            disabled: t(_e)(ue),
+            value: t(he)(ue)
+          }, F(t(ye)(ue)), 9, eo))), 128))], 8, Za)) : (f(), L("option", {
+            key: x,
+            disabled: t(_e)(z),
+            value: t(he)(z)
+          }, F(t(ye)(z)), 9, Xa))], 64))), 256))], 16, Ya), [[Cl, t(S)]]),
+          t(ge) ? (f(), H(ce, A({ key: 1 }, t(ge), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : I("v-if", !0)
         ]),
-        t(X) && t(o).showClearAction ? (f(), F(t(ll), {
+        t(X) && t(a).showClearAction ? (f(), H(t(ol), {
           key: 1,
           "input-type": "select",
           label: h.labelClear,
           icon: h.iconClear,
-          disabled: !t(U),
-          onClear: te
+          disabled: !t(te),
+          onClear: Oe
         }, null, 8, [
           "label",
           "icon",
           "disabled"
-        ])) : E("v-if", !0),
-        h.$slots.after ? (f(), V("div", Za, [S(h.$slots, "after", R(M(t(q))))])) : E("v-if", !0)
+        ])) : I("v-if", !0),
+        h.$slots.after ? (f(), L("div", to, [O(h.$slots, "after", j(K(t(re))))])) : I("v-if", !0)
       ]),
-      $e(t(g), {
-        id: t(L),
+      we(t(g), {
+        id: t($),
         class: "vv-select__hint"
       }, vt({ _: 2 }, [
         h.$slots.hint ? {
           name: "hint",
-          fn: P(() => [S(h.$slots, "hint", R(M(t(_))))]),
+          fn: E(() => [O(h.$slots, "hint", j(K(t(_))))]),
           key: "0"
         } : void 0,
         h.$slots.loading ? {
           name: "loading",
-          fn: P(() => [S(h.$slots, "loading", R(M(t(_))))]),
+          fn: E(() => [O(h.$slots, "loading", j(K(t(_))))]),
           key: "1"
         } : void 0,
         h.$slots.valid ? {
           name: "valid",
-          fn: P(() => [S(h.$slots, "valid", R(M(t(_))))]),
+          fn: E(() => [O(h.$slots, "valid", j(K(t(_))))]),
           key: "2"
         } : void 0,
         h.$slots.invalid ? {
           name: "invalid",
-          fn: P(() => [S(h.$slots, "invalid", R(M(t(_))))]),
+          fn: E(() => [O(h.$slots, "invalid", j(K(t(_))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"])
     ], 2));
   }
-}), lo = to, ao = ["id"], oo = ["id", "for"], ro = [
+}), oo = ao, ro = ["id"], no = ["id", "for"], io = [
   "id",
   "aria-controls",
   "placeholder"
-], no = {
+], so = {
   key: 0,
   class: "vv-select__input-before"
-}, io = { class: "vv-select__inner" }, so = [
+}, uo = { class: "vv-select__inner" }, vo = [
   "aria-controls",
   "aria-expanded",
   "aria-labelledby",
   "aria-describedby",
   "aria-errormessage",
   "tabindex"
-], uo = {
+], fo = {
   key: 0,
   class: "vv-select__value"
-}, vo = ["aria-label", "onClick"], fo = {
+}, co = ["aria-label", "onClick"], po = {
   key: 2,
   class: "vv-select__input-after"
-}, co = {
+}, bo = {
   name: "VvCombobox",
   components: {
-    VvDropdown: ol,
-    VvDropdownOption: Te,
-    VvDropdownOptgroup: rl,
-    VvButton: al
+    VvDropdown: nl,
+    VvDropdownOption: Re,
+    VvDropdownOptgroup: il,
+    VvButton: rl
   }
-}, po = /* @__PURE__ */ Q({
-  ...co,
-  props: /* @__PURE__ */ Ct(Ft(), {
+}, mo = /* @__PURE__ */ U({
+  ...bo,
+  props: /* @__PURE__ */ Ct(Tt(), {
     search: {
       type: String,
       default: "",
@@ -1686,386 +1685,396 @@ var xa = ["for"], Ja = { class: "vv-select__wrapper" }, za = {
     "change:search"
   ], ["update:search"]),
   setup(e, { emit: r }) {
-    const l = e, a = r, s = mt(), o = nl("VvCombobox", Ft(), l), b = N(null), g = N(null), y = N(null), u = N(), { HintSlot: _, hasHintLabelOrSlot: v, hasInvalidLabelOrSlot: c, hintSlotScope: k } = tl(o, s), { focused: C } = il(b, a), { focused: K } = yt(y);
-    ae(C, (n) => {
+    const l = e, o = r, s = mt(), a = sl("VvCombobox", Tt(), l), b = N(null), g = N(null), y = N(null), u = N(), { HintSlot: _, hasHintLabelOrSlot: v, hasInvalidLabelOrSlot: c, hintSlotScope: C } = al(a, s), { focused: P } = ul(b, o), { focused: G } = yt(y);
+    let T;
+    function Y() {
+      clearTimeout(T), T = setTimeout(() => {
+        !P.value && !G.value && k.value && me();
+      }, 50);
+    }
+    Sl(() => clearTimeout(T)), ae(P, (n) => {
       if (l.autoOpen) {
-        if (n && !w.value) {
-          ie();
+        if (n && !k.value) {
+          clearTimeout(T), Q();
           return;
         }
-        !n && w.value && !K.value && oe();
+        !n && k.value && !G.value && Y();
       }
-    }), ae(K, (n) => {
-      !C.value && !n && w.value && oe();
+    }), ae(G, (n) => {
+      if (n) {
+        clearTimeout(T);
+        return;
+      }
+      !P.value && k.value && Y();
     });
-    const x = $l(e, "search"), J = jl(x, i(() => Number(l.debounceSearch)));
-    ae(J, () => {
-      a("update:search", J.value), a("change:search", J.value);
+    const W = Pl(e, "search"), V = Rl(W, i(() => Number(l.debounceSearch)));
+    ae(V, () => {
+      o("update:search", V.value), o("change:search", V.value);
     });
-    const w = N(!1);
-    function O() {
-      q.value || (w.value = !w.value);
-    }
+    const k = N(!1);
     function ie() {
-      q.value || w.value || (w.value = !0);
+      R.value || (k.value = !k.value);
+    }
+    function Q() {
+      R.value || k.value || (k.value = !0);
     }
-    function oe() {
-      q.value || !w.value || (w.value = !1);
+    function me() {
+      R.value || !k.value || (k.value = !1);
     }
-    function ee() {
-      o.value.searchable && g.value && g.value.focus({ preventScroll: !0 });
+    function se() {
+      a.value.searchable && g.value && g.value.focus({ preventScroll: !0 });
     }
-    function ye() {
-      o.value.keepSearch || (x.value = "");
+    function $() {
+      a.value.keepSearch || (W.value = "");
     }
-    function z(n) {
+    function M(n) {
       return typeof n == "string" ? !1 : n.options?.length;
     }
-    const { id: L, icon: re, iconPosition: $, modifiers: H, disabled: U, required: X, readonly: se, loading: he, valid: _e, invalid: Ee, floating: Se } = me(l), W = at(L), ue = i(() => `${W.value}-hint`), Oe = i(() => `${W.value}-dropdown`), te = i(() => `${W.value}-search`), de = i(() => `${W.value}-label`), q = i(() => l.disabled || l.readonly), h = i(() => q.value ? -1 : l.tabindex), I = i({
+    const { id: Ee, icon: S, iconPosition: te, modifiers: X, disabled: q, required: ge, readonly: Ie, loading: Be, valid: ye, invalid: he, floating: _e } = pe(l), oe = ot(Ee), Oe = i(() => `${oe.value}-hint`), Z = i(() => `${oe.value}-dropdown`), re = i(() => `${oe.value}-search`), h = i(() => `${oe.value}-label`), R = i(() => l.disabled || l.readonly), z = i(() => R.value ? -1 : l.tabindex), x = i({
       get: () => Array.isArray(l.modelValue) ? l.modelValue : l.modelValue !== void 0 && l.modelValue !== null ? [l.modelValue] : [],
       set: (n) => {
-        a("update:modelValue", l.multiple || Array.isArray(l.modelValue) ? n : n.pop());
+        o("update:modelValue", l.multiple || Array.isArray(l.modelValue) ? n : n.pop());
       }
-    }), G = i(() => I.value.length), ve = i(() => G.value > 0), Ve = i(() => l.multiple ? l.maxValues === void 0 ? 1 / 0 : Number(l.maxValues) : 1), d = i(() => q.value || !l.unselectable ? !1 : Number(l.minValues) === 0 || G.value > Number(l.minValues)), T = i(() => q.value ? !1 : l.multiple ? G.value < Ve.value : !0), He = N(!1), Ue = i(() => He.value || he.value), { hasIconBefore: ot, hasIconAfter: rt } = lt(re, $), ul = Pe("vv-select", H, i(() => ({
-      disabled: U.value,
-      required: X.value,
-      loading: Ue.value,
-      readonly: se.value,
-      "icon-before": ot.value !== void 0,
-      "icon-after": rt.value !== void 0,
-      valid: _e.value,
-      invalid: Ee.value,
-      dirty: ve.value,
-      focus: (C.value || K.value || w.value) && !q.value,
-      floating: Se.value,
+    }), ue = i(() => x.value.length), Ve = i(() => ue.value > 0), d = i(() => l.multiple ? l.maxValues === void 0 ? 1 / 0 : Number(l.maxValues) : 1), w = i(() => R.value || !l.unselectable ? !1 : Number(l.minValues) === 0 || ue.value > Number(l.minValues)), Se = i(() => R.value ? !1 : l.multiple ? ue.value < d.value : !0), je = N(!1), wt = i(() => je.value || Be.value), { hasIconBefore: rt, hasIconAfter: nt } = at(S, te), vl = Ce("vv-select", X, i(() => ({
+      disabled: q.value,
+      required: ge.value,
+      loading: wt.value,
+      readonly: Ie.value,
+      "icon-before": rt.value !== void 0,
+      "icon-after": nt.value !== void 0,
+      valid: ye.value,
+      invalid: he.value,
+      dirty: Ve.value,
+      focus: (P.value || G.value || k.value) && !R.value,
+      floating: _e.value,
       badges: l.badges
-    }))), We = N(/* @__PURE__ */ new Set()), { getOptionLabel: ne, getOptionValue: nt, getOptionGrouped: Ie, isOptionDisabled: dl } = sl(l), $t = i(() => {
-      const n = [...We.value];
-      for (const m of l.options) z(m) ? n.push(...Ie(m)) : n.push(m);
+    }))), Ue = N(/* @__PURE__ */ new Set()), { getOptionLabel: ne, getOptionValue: it, getOptionGrouped: Ae, isOptionDisabled: fl } = dl(l), $t = i(() => {
+      const n = [...Ue.value];
+      for (const m of l.options) M(m) ? n.push(...Ae(m)) : n.push(m);
       return n;
-    }), Be = i(() => {
-      const n = [...l.options, ...We.value];
-      for (const m of I.value) $t.value.some((p) => {
-        const B = nt(p);
+    }), Ne = i(() => {
+      const n = [...l.options, ...Ue.value];
+      for (const m of x.value) $t.value.some((p) => {
+        const B = it(p);
         return typeof B == "object" && typeof m == "object" ? JSON.stringify(B) === JSON.stringify(m) : B === m;
       }) || n.push(m);
       return n;
     });
-    ae(We, (n) => {
-      n.size > 0 && a("update:options", Be.value);
+    ae(Ue, (n) => {
+      n.size > 0 && o("update:options", Ne.value);
     });
-    function qe(n) {
-      return dl(n) || !T.value && !Le(n);
+    function Ye(n) {
+      return fl(n) || !Se.value && !Le(n);
     }
-    const Fe = Hl(async () => {
-      if (o.value.searchFunction) {
-        He.value = !0;
-        const m = await Promise.resolve(o.value.searchFunction(J.value, Be.value));
-        return He.value = !1, m;
+    const Te = Tl(async () => {
+      if (a.value.searchFunction) {
+        je.value = !0;
+        const m = await Promise.resolve(a.value.searchFunction(V.value, Ne.value));
+        return je.value = !1, m;
       }
-      const n = J.value.toLowerCase().trim();
-      return n ? Be.value?.reduce((m, p) => {
-        if (z(p)) {
-          const B = ne(p).toLowerCase(), Y = Ie(p).filter((Ne) => ne(Ne).toLowerCase().includes(n));
+      const n = V.value.toLowerCase().trim();
+      return n ? Ne.value?.reduce((m, p) => {
+        if (M(p)) {
+          const B = ne(p).toLowerCase(), J = Ae(p).filter((He) => ne(He).toLowerCase().includes(n));
           if (B.includes(n)) m.push(p);
-          else if (Y.length > 0) {
-            const Ne = typeof p == "object" ? {
+          else if (J.length > 0) {
+            const He = typeof p == "object" ? {
               ...p,
-              options: Y
+              options: J
             } : p;
-            m.push(Ne);
+            m.push(He);
           }
           return m;
         }
         return ne(p).toLowerCase().includes(n) && m.push(p), m;
-      }, []) : Be.value;
+      }, []) : Ne.value;
     });
     function Le(n) {
-      const m = nt(n);
-      return typeof m == "object" ? I.value.some((p) => typeof p == "object" ? JSON.stringify(p) === JSON.stringify(m) : !1) : I.value.includes(m);
+      const m = it(n);
+      return typeof m == "object" ? x.value.some((p) => typeof p == "object" ? JSON.stringify(p) === JSON.stringify(m) : !1) : x.value.includes(m);
     }
-    const Ae = i(() => Be.value.reduce((n, m) => z(m) ? [...n, ...Ie(m)] : [...n, m], []).filter((n) => Le(n))), wt = i(() => Ae.value.map((n) => ne(n)).join(l.separator));
-    function vl() {
-      l.autoOpen ? ie() : O();
+    const De = i(() => Ne.value.reduce((n, m) => M(m) ? [...n, ...Ae(m)] : [...n, m], []).filter((n) => Le(n))), kt = i(() => De.value.map((n) => ne(n)).join(l.separator));
+    function cl() {
+      l.autoOpen ? Q() : ie();
     }
-    function fe(n) {
-      const m = Le(n), p = nt(n);
-      m && d.value ? I.value = I.value.filter((B) => typeof p == "object" && typeof B == "object" ? JSON.stringify(B) !== JSON.stringify(p) : B !== p) : !m && T.value && (l.multiple ? I.value = [...I.value, p] : I.value = [p]), !l.multiple && !l.keepOpen && oe();
+    function de(n) {
+      const m = Le(n), p = it(n);
+      m && w.value ? x.value = x.value.filter((B) => typeof p == "object" && typeof B == "object" ? JSON.stringify(B) !== JSON.stringify(p) : B !== p) : !m && Se.value && (l.multiple ? x.value = [...x.value, p] : x.value = [p]), !l.multiple && !l.keepOpen && me();
     }
-    function fl() {
-      I.value = [], a("update:search", ""), a("clear");
+    function pl() {
+      x.value = [], o("update:search", ""), o("clear");
     }
-    ae(Be, (n) => {
-      if (n?.length && l.autoselectFirst && !ve.value) {
-        const m = n.find((B) => !z(B));
+    ae(Ne, (n) => {
+      if (n?.length && l.autoselectFirst && !Ve.value) {
+        const m = n.find((B) => !M(B));
         if (m) {
-          fe(m);
+          de(m);
           return;
         }
-        const p = n.find((B) => z(B));
+        const p = n.find((B) => M(B));
         if (p) {
-          const B = Ie(p);
-          B.length && fe(B[0]);
+          const B = Ae(p);
+          B.length && de(B[0]);
         }
       }
     }, { immediate: !0 });
-    const cl = i(() => ({
-      id: W.value,
+    const bl = i(() => ({
+      id: oe.value,
       name: l.name,
-      tabindex: h.value,
-      valid: _e.value,
-      validLabel: o.value.validLabel,
-      invalid: Ee.value,
-      invalidLabel: o.value.invalidLabel,
-      hintLabel: o.value.hintLabel,
-      loading: Ue.value,
-      loadingLabel: o.value.loadingLabel,
-      disabled: U.value,
-      readonly: se.value,
-      modifiers: o.value.modifiers,
-      options: o.value.options,
-      labelKey: o.value.labelKey,
-      valueKey: o.value.valueKey,
-      icon: o.value.icon,
-      iconPosition: o.value.iconPosition,
-      floating: o.value.floating,
-      unselectable: d.value,
-      autoselectFirst: o.value.autoselectFirst,
-      multiple: o.value.multiple,
-      label: o.value.label,
-      placeholder: o.value.placeholder,
+      tabindex: z.value,
+      valid: ye.value,
+      validLabel: a.value.validLabel,
+      invalid: he.value,
+      invalidLabel: a.value.invalidLabel,
+      hintLabel: a.value.hintLabel,
+      loading: wt.value,
+      loadingLabel: a.value.loadingLabel,
+      disabled: q.value,
+      readonly: Ie.value,
+      modifiers: a.value.modifiers,
+      options: a.value.options,
+      labelKey: a.value.labelKey,
+      valueKey: a.value.valueKey,
+      icon: a.value.icon,
+      iconPosition: a.value.iconPosition,
+      floating: a.value.floating,
+      unselectable: w.value,
+      autoselectFirst: a.value.autoselectFirst,
+      multiple: a.value.multiple,
+      label: a.value.label,
+      placeholder: a.value.placeholder,
       modelValue: l.modelValue
-    })), pl = i(() => ({
-      id: Oe.value,
+    })), ml = i(() => ({
+      id: Z.value,
       reference: y.value,
-      placement: o.value.placement,
-      strategy: o.value.strategy,
-      transitionName: o.value.transitionName,
-      offset: o.value.offset,
-      shift: o.value.shift,
-      flip: o.value.flip,
-      autoPlacement: o.value.autoPlacement,
-      arrow: o.value.arrow,
-      autofocusFirst: o.value.searchable ? !0 : o.value.autofocusFirst,
-      triggerWidth: o.value.triggerWidth,
-      modifiers: o.value.dropdownModifiers
-    })), kt = i(() => ({
+      placement: a.value.placement,
+      strategy: a.value.strategy,
+      transitionName: a.value.transitionName,
+      offset: a.value.offset,
+      shift: a.value.shift,
+      flip: a.value.flip,
+      autoPlacement: a.value.autoPlacement,
+      arrow: a.value.arrow,
+      autofocusFirst: a.value.searchable ? !0 : a.value.autofocusFirst,
+      triggerWidth: a.value.triggerWidth,
+      modifiers: a.value.dropdownModifiers
+    })), Pt = i(() => ({
       valid: l.valid,
       invalid: l.invalid,
       modelValue: l.modelValue
     }));
-    je([" ", "Enter"], (n) => {
-      l.autoOpen || !w.value && C.value && (n.preventDefault(), n.stopImmediatePropagation(), O());
+    Me([" ", "Enter"], (n) => {
+      l.autoOpen || !k.value && P.value && (n.preventDefault(), n.stopImmediatePropagation(), ie());
     }, { target: b });
-    function bl() {
-      if (Fe.value?.length) {
-        if (Fe.value.length === 1) {
-          const n = Fe.value[0];
-          if (z(n)) {
-            const m = Ie(n);
-            m.length && fe(m[0]);
+    function gl() {
+      if (Te.value?.length) {
+        if (Te.value.length === 1) {
+          const n = Te.value[0];
+          if (M(n)) {
+            const m = Ae(n);
+            m.length && de(m[0]);
             return;
           }
-          fe(n);
+          de(n);
           return;
         }
         u.value?.focusFirstListElement();
         return;
       }
-      if (o.value.addable) {
-        const n = x.value.trim();
+      if (a.value.addable) {
+        const n = W.value.trim();
         if (!n || $t.value.some((m) => ne(m).toLowerCase() === n.toLowerCase())) return;
-        We.value.add(n), fe(n);
+        Ue.value.add(n), de(n);
       }
     }
-    return (n, m) => n.native ? (f(), F(lo, A({ key: 1 }, t(cl), { "onUpdate:modelValue": m[3] || (m[3] = (p) => a("update:modelValue", p)) }), null, 16)) : (f(), V("div", {
+    return (n, m) => n.native ? (f(), H(oo, A({ key: 1 }, t(bl), { "onUpdate:modelValue": m[3] || (m[3] = (p) => o("update:modelValue", p)) }), null, 16)) : (f(), L("div", {
       key: 0,
-      id: t(W),
-      class: Ge(t(ul))
+      id: t(oe),
+      class: Ge(t(vl))
     }, [
-      n.label ? (f(), V("label", {
+      n.label ? (f(), L("label", {
         key: 0,
-        id: t(de),
-        for: t(o).searchable ? t(te) : void 0
-      }, j(n.label), 9, oo)) : E("v-if", !0),
-      pe("div", {
+        id: t(h),
+        for: t(a).searchable ? t(re) : void 0
+      }, F(n.label), 9, no)) : I("v-if", !0),
+      fe("div", {
         ref_key: "wrapperEl",
         ref: y,
         class: "vv-select__wrapper"
-      }, [$e(ol, A({
+      }, [we(nl, A({
         ref_key: "dropdownEl",
         ref: u,
-        modelValue: t(w),
-        "onUpdate:modelValue": m[2] || (m[2] = (p) => pt(w) ? w.value = p : null)
-      }, t(pl), {
-        role: t(Xe).listbox,
-        onAfterExpand: ee,
-        onAfterCollapse: ye
+        modelValue: t(k),
+        "onUpdate:modelValue": m[2] || (m[2] = (p) => pt(k) ? k.value = p : null)
+      }, t(ml), {
+        role: t(Ze).listbox,
+        onAfterExpand: se,
+        onAfterCollapse: $
       }), vt({
-        default: P(({ aria: p }) => [
-          n.$slots.before ? (f(), V("div", no, [S(n.$slots, "before", R(M(t(kt))))])) : E("v-if", !0),
-          pe("div", io, [
-            t(ot) ? (f(), F(be, A({ key: 0 }, t(ot), { class: "vv-select__icon" }), null, 16)) : E("v-if", !0),
-            pe("div", A({
+        default: E(({ aria: p }) => [
+          n.$slots.before ? (f(), L("div", so, [O(n.$slots, "before", j(K(t(Pt))))])) : I("v-if", !0),
+          fe("div", uo, [
+            t(rt) ? (f(), H(ce, A({ key: 0 }, t(rt), { class: "vv-select__icon" }), null, 16)) : I("v-if", !0),
+            fe("div", A({
               ref_key: "inputEl",
               ref: b
             }, p, {
               class: "vv-select__input",
               role: "combobox",
-              "aria-controls": t(Oe),
-              "aria-expanded": t(w),
-              "aria-labelledby": t(de),
-              "aria-describedby": t(v) ? t(ue) : void 0,
-              "aria-errormessage": t(c) ? t(ue) : void 0,
-              tabindex: t(h),
-              onClickPassive: vl
-            }), [t(wt) ? S(n.$slots, "value", R(A({ key: 0 }, {
-              selectedOptions: t(Ae),
-              onInput: fe
-            })), () => [n.badges ? (f(!0), V(le, { key: 1 }, Re(t(Ae), (B, Y) => (f(), F(ua, {
-              key: Y,
+              "aria-controls": t(Z),
+              "aria-expanded": t(k),
+              "aria-labelledby": t(h),
+              "aria-describedby": t(v) ? t(Oe) : void 0,
+              "aria-errormessage": t(c) ? t(Oe) : void 0,
+              tabindex: t(z),
+              onClickPassive: cl
+            }), [t(kt) ? O(n.$slots, "value", j(A({ key: 0 }, {
+              selectedOptions: t(De),
+              onInput: de
+            })), () => [n.badges ? (f(!0), L(le, { key: 1 }, xe(t(De), (B, J) => (f(), H(va, {
+              key: J,
               modifiers: n.badgeModifiers,
               class: "vv-select__badge"
             }, {
-              default: P(() => [Z(j(t(ne)(B)) + " ", 1), t(d) ? (f(), V("button", {
+              default: E(() => [ee(F(t(ne)(B)) + " ", 1), t(w) ? (f(), L("button", {
                 key: 0,
-                "aria-label": t(o).deselectActionLabel,
+                "aria-label": t(a).deselectActionLabel,
                 type: "button",
-                onClick: El((Ne) => fe(B), ["stop"])
-              }, [$e(be, { name: "close" })], 8, vo)) : E("v-if", !0)]),
+                onClick: Al((He) => de(B), ["stop"])
+              }, [we(ce, { name: "close" })], 8, co)) : I("v-if", !0)]),
               _: 2
-            }, 1032, ["modifiers"]))), 128)) : (f(), V("div", uo, j(t(wt)), 1))]) : S(n.$slots, "placeholder", { key: 1 }, () => [Z(j(n.placeholder), 1)])], 16, so),
-            t(rt) ? (f(), F(be, A({ key: 1 }, t(rt), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : E("v-if", !0)
+            }, 1032, ["modifiers"]))), 128)) : (f(), L("div", fo, F(t(kt)), 1))]) : O(n.$slots, "placeholder", { key: 1 }, () => [ee(F(n.placeholder), 1)])], 16, vo),
+            t(nt) ? (f(), H(ce, A({ key: 1 }, t(nt), { class: "vv-select__icon vv-select__icon-after" }), null, 16)) : I("v-if", !0)
           ]),
-          t(d) && t(o).showClearAction ? (f(), F(t(ll), {
+          t(w) && t(a).showClearAction ? (f(), H(t(ol), {
             key: 1,
             "input-type": "select",
             label: n.labelClear,
             icon: n.iconClear,
-            disabled: !t(ve),
-            onClear: fl
+            disabled: !t(Ve),
+            onClear: pl
           }, null, 8, [
             "label",
             "icon",
             "disabled"
-          ])) : E("v-if", !0),
-          n.$slots.after ? (f(), V("div", fo, [S(n.$slots, "after", R(M(t(kt))))])) : E("v-if", !0)
+          ])) : I("v-if", !0),
+          n.$slots.after ? (f(), L("div", po, [O(n.$slots, "after", j(K(t(Pt))))])) : I("v-if", !0)
         ]),
-        items: P(() => [!t(U) && t(Fe)?.length ? (f(!0), V(le, { key: 0 }, Re(t(Fe), (p, B) => (f(), V(le, { key: B }, [z(p) ? (f(), V(le, { key: 0 }, [$e(rl, { label: t(ne)(p) }, {
-          default: P(() => [S(n.$slots, "option-group", A({ ref_for: !0 }, {
+        items: E(() => [!t(q) && t(Te)?.length ? (f(!0), L(le, { key: 0 }, xe(t(Te), (p, B) => (f(), L(le, { key: B }, [M(p) ? (f(), L(le, { key: 0 }, [we(il, { label: t(ne)(p) }, {
+          default: E(() => [O(n.$slots, "option-group", A({ ref_for: !0 }, {
             option: p,
-            selectedOptions: t(Ae)
-          }), () => [Z(j(t(ne)(p)), 1)])]),
+            selectedOptions: t(De)
+          }), () => [ee(F(t(ne)(p)), 1)])]),
           _: 2
-        }, 1032, ["label"]), (f(!0), V(le, null, Re(t(Ie)(p), (Y, Ne) => (f(), F(Te, A({ ref_for: !0 }, {
-          selected: Le(Y),
-          disabled: qe(Y),
-          unselectable: t(d),
-          deselectHintLabel: t(o).deselectHintLabel,
-          selectHintLabel: t(o).selectHintLabel,
-          selectedHintLabel: t(o).selectedHintLabel,
+        }, 1032, ["label"]), (f(!0), L(le, null, xe(t(Ae)(p), (J, He) => (f(), H(Re, A({ ref_for: !0 }, {
+          selected: Le(J),
+          disabled: Ye(J),
+          unselectable: t(w),
+          deselectHintLabel: t(a).deselectHintLabel,
+          selectHintLabel: t(a).selectHintLabel,
+          selectedHintLabel: t(a).selectedHintLabel,
           focusOnHover: n.focusOnHover
         }, {
-          key: Ne,
+          key: He,
           class: "vv-dropdown-option",
-          onClickPassive: (bo) => fe(Y)
+          onClickPassive: (go) => de(J)
         }), {
-          default: P(() => [S(n.$slots, "option", A({ ref_for: !0 }, {
-            option: Y,
-            selectedOptions: t(Ae),
-            selected: Le(Y),
-            disabled: qe(Y)
-          }), () => [Z(j(t(ne)(Y)), 1)])]),
+          default: E(() => [O(n.$slots, "option", A({ ref_for: !0 }, {
+            option: J,
+            selectedOptions: t(De),
+            selected: Le(J),
+            disabled: Ye(J)
+          }), () => [ee(F(t(ne)(J)), 1)])]),
           _: 2
-        }, 1040, ["onClickPassive"]))), 128))], 64)) : (f(), F(Te, A({
+        }, 1040, ["onClickPassive"]))), 128))], 64)) : (f(), H(Re, A({
           key: 1,
           ref_for: !0
         }, {
           selected: Le(p),
-          disabled: qe(p),
-          unselectable: t(d),
-          deselectHintLabel: t(o).deselectHintLabel,
-          selectHintLabel: t(o).selectHintLabel,
-          selectedHintLabel: t(o).selectedHintLabel,
+          disabled: Ye(p),
+          unselectable: t(w),
+          deselectHintLabel: t(a).deselectHintLabel,
+          selectHintLabel: t(a).selectHintLabel,
+          selectedHintLabel: t(a).selectedHintLabel,
           focusOnHover: n.focusOnHover
         }, {
           class: "vv-dropdown-option",
-          onClickPassive: (Y) => fe(p)
+          onClickPassive: (J) => de(p)
         }), {
-          default: P(() => [S(n.$slots, "option", A({ ref_for: !0 }, {
+          default: E(() => [O(n.$slots, "option", A({ ref_for: !0 }, {
             option: p,
-            selectedOptions: t(Ae),
+            selectedOptions: t(De),
             selected: Le(p),
-            disabled: qe(p)
-          }), () => [Z(j(t(ne)(p)), 1)])]),
+            disabled: Ye(p)
+          }), () => [ee(F(t(ne)(p)), 1)])]),
           _: 2
-        }, 1040, ["onClickPassive"]))], 64))), 128)) : n.options.length ? (f(), F(Te, {
+        }, 1040, ["onClickPassive"]))], 64))), 128)) : n.options.length ? (f(), H(Re, {
           key: 2,
           modifiers: "inert"
         }, {
-          default: P(() => [S(n.$slots, "no-results", {}, () => [Z(j(t(o).addable ? t(o).addOptionHintLabel : t(o).noResultsLabel), 1)])]),
+          default: E(() => [O(n.$slots, "no-results", {}, () => [ee(F(t(a).addable ? t(a).addOptionHintLabel : t(a).noResultsLabel), 1)])]),
           _: 3
-        })) : (f(), F(Te, {
+        })) : (f(), H(Re, {
           key: 1,
           modifiers: "inert"
         }, {
-          default: P(() => [S(n.$slots, "no-options", {}, () => [Z(j(t(o).addable && x.value.length ? t(o).addOptionHintLabel : t(o).noOptionsLabel), 1)])]),
+          default: E(() => [O(n.$slots, "no-options", {}, () => [ee(F(t(a).addable && W.value.length ? t(a).addOptionHintLabel : t(a).noOptionsLabel), 1)])]),
           _: 3
         }))]),
-        after: P(() => [S(n.$slots, "dropdown::after", {}, () => [t(u)?.customPosition ? (f(), F(al, {
+        after: E(() => [O(n.$slots, "dropdown::after", {}, () => [t(u)?.customPosition ? (f(), H(rl, {
           key: 0,
-          label: t(o).closeLabel,
+          label: t(a).closeLabel,
           modifiers: "secondary",
           onClick: m[1] || (m[1] = (p) => t(u).hide())
-        }, null, 8, ["label"])) : E("v-if", !0)])]),
+        }, null, 8, ["label"])) : I("v-if", !0)])]),
         _: 2
-      }, [t(o).searchable || n.$slots["dropdown::before"] ? {
+      }, [t(a).searchable || n.$slots["dropdown::before"] ? {
         name: "before",
-        fn: P(() => [S(n.$slots, "dropdown::before"), t(o).searchable && !t(U) ? gt((f(), V("input", {
+        fn: E(() => [O(n.$slots, "dropdown::before"), t(a).searchable && !t(q) ? gt((f(), L("input", {
           key: 0,
-          id: t(te),
+          id: t(re),
           ref_key: "inputSearchEl",
           ref: g,
-          "onUpdate:modelValue": m[0] || (m[0] = (p) => x.value = p),
+          "onUpdate:modelValue": m[0] || (m[0] = (p) => W.value = p),
           "aria-autocomplete": "list",
-          "aria-controls": t(Oe),
+          "aria-controls": t(Z),
           autocomplete: "off",
           spellcheck: "false",
           type: "search",
           class: "vv-dropdown__search",
-          placeholder: t(o).searchPlaceholder,
-          onKeyup: Pl(bl, ["enter"])
-        }, null, 40, ro)), [[kl, x.value]]) : E("v-if", !0)]),
+          placeholder: t(a).searchPlaceholder,
+          onKeyup: Bl(gl, ["enter"])
+        }, null, 40, io)), [[El, W.value]]) : I("v-if", !0)]),
         key: "0"
       } : void 0]), 1040, ["modelValue", "role"])], 512),
-      $e(t(_), {
-        id: t(ue),
+      we(t(_), {
+        id: t(Oe),
         class: "vv-select__hint"
       }, vt({ _: 2 }, [
         n.$slots.hint ? {
           name: "hint",
-          fn: P(() => [S(n.$slots, "hint", R(M(t(k))))]),
+          fn: E(() => [O(n.$slots, "hint", j(K(t(C))))]),
           key: "0"
         } : void 0,
         n.$slots.loading ? {
           name: "loading",
-          fn: P(() => [S(n.$slots, "loading", R(M(t(k))))]),
+          fn: E(() => [O(n.$slots, "loading", j(K(t(C))))]),
           key: "1"
         } : void 0,
         n.$slots.valid ? {
           name: "valid",
-          fn: P(() => [S(n.$slots, "valid", R(M(t(k))))]),
+          fn: E(() => [O(n.$slots, "valid", j(K(t(C))))]),
           key: "2"
         } : void 0,
         n.$slots.invalid ? {
           name: "invalid",
-          fn: P(() => [S(n.$slots, "invalid", R(M(t(k))))]),
+          fn: E(() => [O(n.$slots, "invalid", j(K(t(C))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"])
-    ], 10, ao));
+    ], 10, ro));
   }
-}), wo = po;
+}), Po = mo;
 export {
-  wo as default
+  Po as default
 };