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

package/dist/components/VvTextarea/VvTextarea.es.js

@@ -1,8 +1,8 @@
-import { Fragment as ke, Transition as yt, computed as n, createBlock as W, createCommentVNode as P, createElementBlock as V, createElementVNode as j, createSlots as St, createTextVNode as De, createVNode as ve, defineComponent as H, guardReactiveProps as O, h as U, inject as ot, isRef as Ae, mergeDefaults as _t, mergeProps as k, nextTick as ie, normalizeClass as Fe, normalizeProps as x, normalizeStyle as Ke, onMounted as rt, openBlock as _, provide as Te, ref as w, renderList as wt, renderSlot as L, toDisplayString as de, toHandlers as Lt, toRefs as Y, unref as l, useAttrs as Et, useId as Ot, useSlots as xt, vModelText as It, vShow as $t, watch as A, withCtx as B, withDirectives as lt, withModifiers as We } from "vue";
-import { arrow as Ct, autoPlacement as qe, autoUpdate as Pt, flip as Je, offset as Pe, shift as Ue, size as Ye, useFloating as Vt } from "@floating-ui/vue";
-import { onClickOutside as Nt, onKeyStroke as se, useElementHover as nt, useElementVisibility as Dt, useFocus as it, useFocusWithin as st, useMutationObserver as Bt, useStorage as Qe, useVModel as kt } from "@vueuse/core";
+import { Fragment as Ne, Transition as yt, computed as n, createBlock as K, createCommentVNode as C, createElementBlock as B, createElementVNode as z, createSlots as St, createTextVNode as Be, createVNode as ce, defineComponent as M, guardReactiveProps as $, h as Z, inject as ot, isRef as ke, mergeDefaults as wt, mergeProps as k, nextTick as ue, normalizeClass as Ae, normalizeProps as E, normalizeStyle as We, onMounted as rt, openBlock as w, provide as Fe, ref as _, renderList as _t, renderSlot as L, toDisplayString as fe, toHandlers as Lt, toRefs as ee, unref as l, useAttrs as xt, useId as $t, useSlots as Et, vModelText as Ot, vShow as Pt, watch as A, withCtx as N, withDirectives as lt, withModifiers as qe } from "vue";
+import { arrow as It, autoPlacement as Je, autoUpdate as Vt, flip as Ke, offset as Ue, shift as Ye, size as Ge, useFloating as Ct } from "@floating-ui/vue";
+import { onClickOutside as Bt, onKeyStroke as de, useElementHover as nt, useElementVisibility as Dt, useFocus as it, useFocusWithin as st, useMutationObserver as Nt, useStorage as Qe, useVModel as kt } from "@vueuse/core";
 import At from "mitt";
-import { Icon as Ft, addIcon as Tt, iconLoaded as Ve } from "@iconify/vue";
+import { Icon as Ft, addIcon as jt, iconLoaded as Ve } from "@iconify/vue";
 var ut = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
@@ -14,31 +14,27 @@ var ut = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, Rt = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), jt = { prefix: Rt.normal }, q = /* @__PURE__ */ (function(e) {
+}, Ht = { prefix: "normal" }, U = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
 })({}), dt = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), E = /* @__PURE__ */ (function(e) {
+})({}), x = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), Ht = /* @__PURE__ */ (function(e) {
+})({}), Tt = /* @__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;
-})({}), fe = /* @__PURE__ */ (function(e) {
+})({}), pe = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
 })({}), Xe = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), zt = /* @__PURE__ */ (function(e) {
+})({}), Rt = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), Gt = /* @__PURE__ */ (function(e) {
+})({}), zt = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
-})({}), Be = /* @__PURE__ */ (function(e) {
+})({}), De = /* @__PURE__ */ (function(e) {
   return e.listbox = "listbox", e.menu = "menu", e;
 })({}), Ze = /* @__PURE__ */ (function(e) {
   return e.option = "option", e.presentation = "presentation", e;
-})({}), Mt = /* @__PURE__ */ Symbol.for("volver");
-var Kt = /* @__PURE__ */ Symbol.for("dropdownTrigger"), vt = /* @__PURE__ */ Symbol.for("dropdownItem"), Wt = /* @__PURE__ */ Symbol.for("dropdownAction");
-var qt = {
+})({}), Mt = /* @__PURE__ */ Symbol.for("volver"), Wt = /* @__PURE__ */ Symbol.for("dropdownTrigger"), vt = /* @__PURE__ */ Symbol.for("dropdownItem"), qt = /* @__PURE__ */ Symbol.for("dropdownAction"), Jt = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -46,7 +42,7 @@ var qt = {
     type: String,
     default: "noopener noreferrer"
   }
-}, Re = {
+}, je = {
   valid: {
     type: Boolean,
     default: !1
@@ -55,7 +51,7 @@ var qt = {
     type: [String, Array],
     default: void 0
   }
-}, je = {
+}, He = {
   invalid: {
     type: Boolean,
     default: !1
@@ -64,7 +60,7 @@ var qt = {
     type: [String, Array],
     default: void 0
   }
-}, He = {
+}, Te = {
   loading: {
     type: Boolean,
     default: !1
@@ -73,13 +69,13 @@ var qt = {
     type: String,
     default: "Loading..."
   }
-}, Q = { disabled: {
+}, te = { disabled: {
   type: Boolean,
   default: !1
 } }, ft = { required: {
   type: Boolean,
   default: !1
-} }, Jt = { selected: {
+} }, Kt = { selected: {
   type: Boolean,
   default: !1
 } }, Ut = { active: {
@@ -88,7 +84,7 @@ var qt = {
 } }, Yt = { current: {
   type: Boolean,
   default: !1
-} }, eo = {
+} }, Za = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -101,22 +97,22 @@ var qt = {
     type: String,
     default: "Clear"
   }
-}, Qt = { pressed: {
+}, Gt = { pressed: {
   type: Boolean,
   default: !1
-} }, ce = { label: {
+} }, me = { label: {
   type: [String, Number],
   default: void 0
-} }, ze = { readonly: {
+} }, Re = { readonly: {
   type: Boolean,
   default: !1
-} }, X = { modifiers: {
+} }, ae = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, Ge = { hintLabel: {
+} }, ze = { hintLabel: {
   type: String,
   default: ""
-} }, Xt = {
+} }, Qt = {
   options: {
     type: Array,
     default: () => []
@@ -133,7 +129,7 @@ var qt = {
     type: [String, Function],
     default: "disabled"
   }
-}, Zt = { count: {
+}, Xt = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -142,33 +138,33 @@ var qt = {
     "limit",
     "countdown"
   ].includes(e)
-} }, ea = { debounce: {
+} }, Zt = { debounce: {
   type: [Number, String],
   default: void 0
-} }, ta = {
+} }, ea = {
   icon: {
     type: [String, Object],
     default: void 0
   },
   iconPosition: {
     type: String,
-    default: fe.before,
-    validation: (e) => Object.values(fe).includes(e)
+    default: pe.before,
+    validation: (e) => Object.values(pe).includes(e)
   }
 }, ct = { tabindex: {
   type: [String, Number],
   default: 0
-} }, aa = { floating: {
+} }, ta = { floating: {
   type: Boolean,
   default: !1
-} }, oa = { unselectable: {
+} }, aa = { unselectable: {
   type: Boolean,
   default: !0
-} }, pt = { id: [String, Number] }, ra = {
+} }, pt = { id: [String, Number] }, oa = {
   placement: {
     type: String,
-    default: E.bottom,
-    validator: (e) => Object.values(E).includes(e) || Object.values(Ht).includes(e)
+    default: x.bottom,
+    validator: (e) => Object.values(x).includes(e) || Object.values(Tt).includes(e)
   },
   strategy: {
     type: String,
@@ -225,29 +221,29 @@ var qt = {
     type: String,
     required: !0
   }
-}, la = { autofocus: {
+}, ra = { autofocus: {
   type: Boolean,
   default: !1
-} }, na = { autocomplete: {
+} }, la = { autocomplete: {
   type: String,
   default: "off"
-} }, ia = {
+} }, na = {
   ...mt,
+  ...ra,
   ...la,
-  ...na,
   ...ct,
-  ...Q,
-  ...ze,
+  ...te,
   ...Re,
   ...je,
-  ...Ge,
   ...He,
-  ...X,
+  ...ze,
+  ...Te,
+  ...ae,
+  ...Xt,
   ...Zt,
   ...ea,
   ...ta,
-  ...aa,
-  ...ce,
+  ...me,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -261,17 +257,17 @@ var qt = {
     default: void 0
   },
   ...ft
-}, to = {
+}, eo = {
   ...mt,
   ...ct,
-  ...Re,
   ...je,
-  ...Ge,
-  ...Q,
-  ...ze,
-  ...X,
-  ...ce,
   ...He,
+  ...ze,
+  ...te,
+  ...Re,
+  ...ae,
+  ...me,
+  ...Te,
   value: {
     type: [
       String,
@@ -289,16 +285,16 @@ var qt = {
     ],
     default: void 0
   }
-}, ao = {
-  ...Re,
+}, to = {
   ...je,
-  ...Xt,
-  ...Ge,
-  ...Q,
-  ...ze,
-  ...X,
-  ...ce,
   ...He,
+  ...Qt,
+  ...ze,
+  ...te,
+  ...Re,
+  ...ae,
+  ...me,
+  ...Te,
   ...ft,
   modelValue: {
     type: [
@@ -318,13 +314,13 @@ var qt = {
     type: Boolean,
     default: !1
   }
-}, oo = {
-  ...Q,
-  ...ce,
-  ...Qt,
+}, ao = {
+  ...te,
+  ...me,
+  ...Gt,
   ...Ut,
   ...Yt,
-  ...qt,
+  ...Jt,
   type: {
     type: String,
     default: Xe.button,
@@ -336,23 +332,23 @@ var qt = {
   },
   defaultTag: {
     type: String,
-    default: zt.button
+    default: Rt.button
   }
-}, sa = {
+}, ia = {
   storageType: {
     type: String,
-    default: q.local,
-    validator: (e) => Object.values(q).includes(e)
+    default: U.local,
+    validator: (e) => Object.values(U).includes(e)
   },
   storageKey: String
-}, ua = {
+}, sa = {
   hard: "hard",
   soft: "soft"
-}, da = {
+}, ua = {
   true: !0,
   false: !1,
   default: "default"
-}, va = [
+}, da = [
   "update:modelValue",
   "focus",
   "blur",
@@ -360,8 +356,8 @@ var qt = {
   "suggestion:selected",
   "suggestion:removed"
 ], et = {
+  ...na,
   ...ia,
-  ...sa,
   modelValue: String,
   cols: {
     type: [String, Number],
@@ -373,11 +369,11 @@ var qt = {
   },
   wrap: {
     type: String,
-    default: ua.soft
+    default: sa.soft
   },
   spellcheck: {
     type: [Boolean, String],
-    default: da.default
+    default: ua.default
   },
   iconRemoveSuggestion: {
     type: [String, Object],
@@ -397,20 +393,20 @@ var qt = {
   },
   resizable: Boolean
 };
-function ue(e) {
+function ve(e) {
   return ((a) => a == null || a === "" || Array.isArray(a) && a.length === 0 || !(a instanceof Date) && typeof a == "object" && Object.keys(a).length === 0)(l(e));
 }
-function fa(e) {
+function va(e) {
   return typeof e == "string";
 }
 function tt(e) {
-  return Array.isArray(e) ? e.filter((a) => fa(a)).join(" ") : e;
+  return Array.isArray(e) ? e.filter((a) => va(a)).join(" ") : e;
 }
-function ca(e, a) {
-  const t = n(() => Ae(e) ? e.value : e), o = n(() => tt(t.value.invalidLabel)), i = n(() => tt(t.value.validLabel)), s = n(() => t.value.loadingLabel), d = n(() => t.value.hintLabel), f = n(() => !!(t.value.loading && (a.loading || s.value))), m = n(() => !f.value && !!(t.value.invalid && (a.invalid || o.value))), v = n(() => !f.value && !m.value && !!(t.value.valid && (a.valid || i.value))), S = n(() => !f.value && !m.value && !v.value && !!(a.hint || d.value)), u = n(() => m.value || v.value || f.value || S.value);
+function fa(e, a) {
+  const t = n(() => ke(e) ? e.value : e), o = n(() => tt(t.value.invalidLabel)), i = n(() => tt(t.value.validLabel)), s = n(() => t.value.loadingLabel), d = n(() => t.value.hintLabel), f = n(() => !!(t.value.loading && (a.loading || s.value))), m = n(() => !f.value && !!(t.value.invalid && (a.invalid || o.value))), v = n(() => !f.value && !m.value && !!(t.value.valid && (a.valid || i.value))), y = n(() => !f.value && !m.value && !v.value && !!(a.hint || d.value)), u = n(() => m.value || v.value || f.value || y.value);
   return {
     hasInvalidLabelOrSlot: m,
-    hasHintLabelOrSlot: S,
+    hasHintLabelOrSlot: y,
     hasValidLabelOrSlot: v,
     hasLoadingLabelOrSlot: f,
     hintSlotScope: n(() => ({
@@ -419,7 +415,7 @@ function ca(e, a) {
       invalid: t.value.invalid,
       loading: t.value.loading
     })),
-    HintSlot: H({
+    HintSlot: M({
       name: "HintSlot",
       props: { tag: {
         type: String,
@@ -435,23 +431,23 @@ function ca(e, a) {
           hasInvalidLabelOrSlot: m,
           hasValidLabelOrSlot: v,
           hasLoadingLabelOrSlot: f,
-          hasHintLabelOrSlot: S
+          hasHintLabelOrSlot: y
         };
       },
       render() {
         if (this.isVisible) {
-          let b;
-          return this.hasInvalidLabelOrSlot && (b = "alert"), this.hasValidLabelOrSlot && (b = "status"), this.hasLoadingLabelOrSlot ? U(this.tag, { role: b }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? U(this.tag, { role: b }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? U(this.tag, { role: b }, this.$slots.valid?.() ?? this.validLabel) : U(this.tag, { role: b }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+          let g;
+          return this.hasInvalidLabelOrSlot && (g = "alert"), this.hasValidLabelOrSlot && (g = "status"), this.hasLoadingLabelOrSlot ? Z(this.tag, { role: g }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? Z(this.tag, { role: g }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? Z(this.tag, { role: g }, this.$slots.valid?.() ?? this.validLabel) : Z(this.tag, { role: g }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
         }
         return null;
       }
     })
   };
 }
-var pa = {
+var ca = {
   ...pt,
-  ...ra,
-  ...X,
+  ...oa,
+  ...ae,
   modelValue: {
     type: Boolean,
     default: void 0
@@ -462,17 +458,17 @@ var pa = {
   },
   role: {
     type: String,
-    default: Be.menu,
-    validator: (e) => Object.values(Be).includes(e)
+    default: De.menu,
+    validator: (e) => Object.values(De).includes(e)
   }
-}, ma = { focusOnHover: {
+}, pa = { focusOnHover: {
   type: Boolean,
   default: !1
-} }, ba = {
-  ...Q,
-  ...Jt,
-  ...oa,
-  ...X,
+} }, ma = {
+  ...te,
+  ...Kt,
+  ...aa,
+  ...ae,
   deselectHintLabel: { type: String },
   selectHintLabel: { type: String },
   selectedHintLabel: { type: String },
@@ -481,17 +477,17 @@ var pa = {
     default: !1
   }
 };
-function bt(e) {
-  return n(() => String(e?.value || Ot()));
+function gt(e) {
+  return n(() => String(e?.value || $t()));
 }
 function ga({ reference: e, id: a, expanded: t, aria: o }) {
   const i = At();
   return {
     bus: i,
-    component: H({
+    component: M({
       name: "VvDropdownTriggerProvider",
       setup() {
-        Te(Kt, {
+        Fe(Wt, {
           reference: e,
           id: a,
           expanded: t,
@@ -500,25 +496,25 @@ function ga({ reference: e, id: a, expanded: t, aria: o }) {
         });
       },
       render() {
-        return U(ke, {}, this.$slots.default?.());
+        return Z(Ne, {}, this.$slots.default?.());
       }
     })
   };
 }
-function ha({ role: e, ...a }) {
-  const t = n(() => e.value === Be.listbox ? Ze.option : Ze.presentation);
-  return Te(vt, {
+function ba({ role: e, ...a }) {
+  const t = n(() => e.value === De.listbox ? Ze.option : Ze.presentation);
+  return Fe(vt, {
     role: t,
     ...a
   }), { itemRole: t };
 }
-function ya({ expanded: e }) {
-  Te(Wt, {
-    role: w(Gt.menuitem),
+function ha({ expanded: e }) {
+  Fe(qt, {
+    role: _(zt.menuitem),
     expanded: e
   });
 }
-function pe(e, a, t) {
+function ge(e, a, t) {
   return n(() => {
     const o = { [e]: !0 }, i = typeof a?.value == "string" ? a.value.split(" ") : a?.value;
     return i && Array.isArray(i) && i.forEach((s) => {
@@ -528,17 +524,17 @@ function pe(e, a, t) {
     }), o;
   });
 }
-var Sa = [
+var ya = [
   "id",
   "tabindex",
   "role",
   "aria-labelledby"
-], _a = {
+], Sa = {
   name: "VvDropdown",
   inheritAttrs: !1
-}, wa = /* @__PURE__ */ H({
-  ..._a,
-  props: pa,
+}, wa = /* @__PURE__ */ M({
+  ...Sa,
+  props: ca,
   emits: [
     "update:modelValue",
     "beforeEnter",
@@ -557,172 +553,175 @@ var Sa = [
     "leaveCancelled"
   ],
   setup(e, { expose: a, emit: t }) {
-    const o = e, i = t, { id: s } = Y(o), d = bt(s), f = Et(), m = w("auto"), v = w("auto"), S = w(), u = w(), b = w(), $ = w(), I = n({
-      get: () => o.reference ?? S.value,
+    const o = e, i = t, { id: s } = ee(o), d = gt(s), f = xt(), m = _("auto"), v = _("auto"), y = _(), u = _(), g = _(), P = _(), O = n({
+      get: () => o.reference ?? y.value,
       set: (r) => {
-        S.value = r;
+        y.value = r;
       }
-    }), F = w(!1);
+    }), F = _(!1);
     rt(() => {
-      Bt(u.value, () => {
+      Nt(u.value, () => {
         F.value = window.getComputedStyle(u.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
       }, {
         attributeFilter: ["style"],
         window
       });
     });
-    const Z = n(() => {
+    function j(r, p, T) {
+      return typeof r == "boolean" ? p() : T(r);
+    }
+    const oe = n(() => {
       const r = [];
-      if (o.autoPlacement ? typeof o.autoPlacement == "boolean" ? r.push(qe()) : r.push(qe(o.autoPlacement)) : o.flip && (typeof o.flip == "boolean" ? r.push(Je({ fallbackStrategy: "initialPlacement" })) : r.push(Je(o.flip))), o.shift && (typeof o.shift == "boolean" ? r.push(Ue()) : r.push(Ue(o.shift))), o.size) {
-        const g = ({ availableWidth: Ie, availableHeight: $e }) => {
-          m.value = `${Ie}px`, v.value = `${$e}px`;
+      if (o.autoPlacement ? r.push(j(o.autoPlacement, () => Je(), (p) => Je(p))) : o.flip && r.push(j(o.flip, () => Ke({ fallbackStrategy: "initialPlacement" }), (p) => Ke(p))), o.shift && r.push(j(o.shift, () => Ye(), (p) => Ye(p))), o.size) {
+        const p = ({ availableWidth: T, availableHeight: X }) => {
+          m.value = `${T}px`, v.value = `${X}px`;
         };
-        typeof o.size == "boolean" ? r.push(Ye({ apply: g })) : r.push(Ye({
-          ...o.size,
-          apply: g
-        }));
+        r.push(j(o.size, () => Ge({ apply: p }), (T) => Ge({
+          ...T,
+          apply: p
+        })));
       }
-      return o.offset && (r.push(Pe(Number(o.offset))), ["string", "number"].includes(typeof o.offset) ? r.push(Pe(Number(o.offset))) : r.push(Pe(o.offset))), o.arrow && r.push(Ct({ element: b })), r;
-    }), { x: ee, y: me, middlewareData: z, placement: be, strategy: ge } = Vt(I, u, {
-      whileElementsMounted: (...r) => Pt(...r, { animationFrame: o.strategy === dt.fixed }),
+      return o.offset && r.push(["string", "number"].includes(typeof o.offset) ? Ue(Number(o.offset)) : Ue(o.offset)), o.arrow && r.push(It({ element: g })), r;
+    }), { x: be, y: he, middlewareData: W, placement: ye, strategy: Se } = Ct(O, u, {
+      whileElementsMounted: (...r) => Vt(...r, { animationFrame: o.strategy === dt.fixed }),
       placement: n(() => o.placement),
       strategy: n(() => o.strategy),
-      middleware: Z
-    }), he = n(() => {
+      middleware: oe
+    }), we = n(() => {
       if (F.value) return;
-      const r = o.triggerWidth && I.value ? `${I.value?.offsetWidth}px` : void 0;
+      const r = o.triggerWidth && O.value ? `${O.value?.offsetWidth}px` : void 0;
       return {
-        position: ge.value,
-        top: `${me.value ?? 0}px`,
-        left: `${ee.value ?? 0}px`,
+        position: Se.value,
+        top: `${he.value ?? 0}px`,
+        left: `${be.value ?? 0}px`,
         maxWidth: r ? void 0 : m.value,
         maxHeight: v.value,
         width: r
       };
-    }), ye = n(() => be.value.split("-")[0]), Se = n(() => {
+    }), _e = n(() => ye.value.split("-")[0]), Le = n(() => {
       if (F.value) return;
       const r = {
-        [E.top]: E.bottom,
-        [E.right]: E.left,
-        [E.bottom]: E.top,
-        [E.left]: E.right
-      }[ye.value];
+        [x.top]: x.bottom,
+        [x.right]: x.left,
+        [x.bottom]: x.top,
+        [x.left]: x.right
+      }[_e.value];
       return {
-        left: z.value.arrow?.x !== void 0 ? `${z.value.arrow?.x}px` : void 0,
-        top: z.value.arrow?.y !== void 0 ? `${z.value.arrow?.y}px` : void 0,
-        [r]: `${-(b.value?.offsetWidth ?? 0) / 2}px`
+        left: W.value.arrow?.x !== void 0 ? `${W.value.arrow?.x}px` : void 0,
+        top: W.value.arrow?.y !== void 0 ? `${W.value.arrow?.y}px` : void 0,
+        [r]: `${-(g.value?.offsetWidth ?? 0) / 2}px`
       };
-    }), J = kt(o, "modelValue", i), G = w(!1), p = n({
-      get: () => J.value ?? G.value,
+    }), H = kt(o, "modelValue", i), q = _(!1), b = n({
+      get: () => H.value ?? q.value,
       set: (r) => {
-        if (J.value === void 0) {
-          G.value = r;
+        if (H.value === void 0) {
+          q.value = r;
           return;
         }
-        J.value = r;
+        H.value = r;
       }
     });
-    function T() {
-      p.value = !0;
+    function S() {
+      b.value = !0;
     }
-    function y() {
-      p.value = !1;
+    function I() {
+      b.value = !1;
     }
-    function C() {
-      p.value = !p.value;
+    function V() {
+      b.value = !b.value;
     }
-    function M(r) {
-      I.value = r;
+    function Y(r) {
+      O.value = r;
     }
-    Nt(u, () => {
-      !o.keepOpen && p.value && (p.value = !1);
-    }, { ignore: [I] });
-    const te = n(() => I.value?.getAttribute?.("id") ?? void 0), K = n(() => ({
+    Bt(u, () => {
+      !o.keepOpen && b.value && (b.value = !1);
+    }, { ignore: [O] });
+    const G = n(() => O.value?.getAttribute?.("id") ?? void 0), re = n(() => ({
       "aria-controls": d.value,
       "aria-haspopup": !0,
-      "aria-expanded": p.value
-    })), { component: _e, bus: we } = ga({
-      reference: I,
+      "aria-expanded": b.value
+    })), { component: xe, bus: $e } = ga({
+      reference: O,
       id: d,
-      expanded: p,
-      aria: K
+      expanded: b,
+      aria: re
     });
-    we.on("click", C);
-    const { role: ae, modifiers: oe } = Y(o), Le = pe("vv-dropdown", oe, n(() => ({ arrow: o.arrow }))), { focused: N } = st(u);
-    function h(r) {
-      return r ? [...r.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((g) => !g.hasAttribute("disabled") && !g.getAttribute("aria-hidden")) : [];
+    $e.on("click", V);
+    const { role: Q, modifiers: Ee } = ee(o), le = ge("vv-dropdown", Ee, n(() => ({ arrow: o.arrow }))), { focused: h } = st(u);
+    function J(r) {
+      return r ? [...r.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((p) => !p.hasAttribute("disabled") && !p.getAttribute("aria-hidden")) : [];
     }
-    function re() {
-      ie(() => {
-        const r = h(u.value);
+    function ne() {
+      ue(() => {
+        const r = J(u.value);
         r.length > 0 && r[0].focus({ preventScroll: !0 });
       });
     }
-    function Ee() {
-      ie(() => {
-        const r = h($.value);
+    function Oe() {
+      ue(() => {
+        const r = J(P.value);
         r.length > 0 && r[0].focus({ preventScroll: !0 });
       });
     }
-    function le() {
-      ie(() => {
-        if (N.value) {
-          const r = h(u.value);
+    function ie() {
+      ue(() => {
+        if (h.value) {
+          const r = J(u.value);
           if (r.length === 0 || !document.activeElement) return;
-          const g = r.indexOf(document.activeElement);
-          g < r.length - 1 ? r[g + 1].focus({ preventScroll: !0 }) : r[0].focus({ preventScroll: !0 });
+          const p = r.indexOf(document.activeElement);
+          p < r.length - 1 ? r[p + 1].focus({ preventScroll: !0 }) : r[0].focus({ preventScroll: !0 });
         }
       });
     }
-    function ne() {
-      ie(() => {
-        if (N.value) {
-          const r = h(u.value);
+    function se() {
+      ue(() => {
+        if (h.value) {
+          const r = J(u.value);
           if (r.length === 0 || !document.activeElement) return;
-          const g = r.indexOf(document.activeElement);
-          if (g > 0) {
-            r[g - 1].focus({ preventScroll: !0 });
+          const p = r.indexOf(document.activeElement);
+          if (p > 0) {
+            r[p - 1].focus({ preventScroll: !0 });
             return;
           }
           r.at(-1)?.focus({ preventScroll: !0 });
         }
       });
     }
-    A(p, (r) => {
-      r && o.autofocusFirst && re();
+    A(b, (r) => {
+      r && o.autofocusFirst && ne();
     }), a({
-      toggle: C,
-      show: T,
-      hide: y,
-      init: M,
-      focusFirst: re,
-      focusFirstListElement: Ee,
-      focusNext: le,
-      focusPrev: ne,
+      toggle: V,
+      show: S,
+      hide: I,
+      init: Y,
+      focusFirst: ne,
+      focusFirstListElement: Oe,
+      focusNext: ie,
+      focusPrev: se,
       customPosition: F
     });
-    const { itemRole: Oe } = ha({
-      role: ae,
-      expanded: p,
-      focused: N,
+    const { itemRole: Pe } = ba({
+      role: Q,
+      expanded: b,
+      focused: h,
       hovered: nt(u)
     });
-    se("Escape", (r) => {
-      p.value && (r.preventDefault(), y());
-    }), se("ArrowDown", (r) => {
-      p.value && N.value && (r.preventDefault(), le());
-    }), se("ArrowUp", (r) => {
-      p.value && N.value && (r.preventDefault(), ne());
-    }), se([" ", "Enter"], (r) => {
-      const g = r.target;
-      p.value && N.value && g && g?.click();
+    de("Escape", (r) => {
+      b.value && (r.preventDefault(), I());
+    }), de("ArrowDown", (r) => {
+      b.value && h.value && (r.preventDefault(), ie());
+    }), de("ArrowUp", (r) => {
+      b.value && h.value && (r.preventDefault(), se());
+    }), de([" ", "Enter"], (r) => {
+      const p = r.target;
+      b.value && h.value && p && p?.click();
     });
-    const xe = {
+    const Ie = {
       "before-enter": () => {
-        i(p.value ? "beforeExpand" : "beforeCollapse"), i("beforeEnter");
+        i(b.value ? "beforeExpand" : "beforeCollapse"), i("beforeEnter");
       },
       "after-leave": () => {
-        i(p.value ? "afterExpand" : "afterCollapse"), i("afterLeave");
+        i(b.value ? "afterExpand" : "afterCollapse"), i("afterLeave");
       },
       enter: () => {
         i("enter");
@@ -743,104 +742,104 @@ var Sa = [
         i("leaveCancelled");
       }
     };
-    return (r, g) => (_(), V(ke, null, [ve(l(_e), null, {
-      default: B(() => [L(r.$slots, "default", x(O({
-        init: M,
-        show: T,
-        hide: y,
-        toggle: C,
-        expanded: l(p),
-        aria: l(K)
+    return (r, p) => (w(), B(Ne, null, [ce(l(xe), null, {
+      default: N(() => [L(r.$slots, "default", E($({
+        init: Y,
+        show: S,
+        hide: I,
+        toggle: V,
+        expanded: l(b),
+        aria: l(re)
       })))]),
       _: 3
-    }), ve(yt, k({ name: r.transitionName }, Lt(xe), { persisted: "" }), {
-      default: B(() => [lt(j("div", {
+    }), ce(yt, k({ name: r.transitionName }, Lt(Ie), { persisted: "" }), {
+      default: N(() => [lt(z("div", {
         ref_key: "floatingEl",
         ref: u,
-        style: Ke(l(he)),
-        class: Fe(l(Le))
+        style: We(l(we)),
+        class: Ae(l(le))
       }, [
-        o.arrow ? (_(), V("div", {
+        o.arrow ? (w(), B("div", {
           key: 0,
           ref_key: "arrowEl",
-          ref: b,
-          style: Ke(l(Se)),
+          ref: g,
+          style: We(l(Le)),
           class: "vv-dropdown__arrow"
-        }, null, 4)) : P("v-if", !0),
-        L(r.$slots, "before", x(O({
-          show: T,
-          hide: y,
-          toggle: C,
-          expanded: l(p)
+        }, null, 4)) : C("v-if", !0),
+        L(r.$slots, "before", E($({
+          show: S,
+          hide: I,
+          toggle: V,
+          expanded: l(b)
         }))),
-        j("div", k(l(f), {
+        z("div", k(l(f), {
           id: l(d),
           ref_key: "listEl",
-          ref: $,
-          tabindex: l(p) ? void 0 : -1,
-          role: l(ae),
-          "aria-labelledby": l(te),
+          ref: P,
+          tabindex: l(b) ? void 0 : -1,
+          role: l(Q),
+          "aria-labelledby": l(G),
           class: "vv-dropdown__list"
-        }), [L(r.$slots, "items", x(O({
-          show: T,
-          hide: y,
-          toggle: C,
-          expanded: l(p),
-          role: l(Oe)
-        })))], 16, Sa),
-        L(r.$slots, "after", x(O({
-          show: T,
-          hide: y,
-          toggle: C,
-          expanded: l(p)
+        }), [L(r.$slots, "items", E($({
+          show: S,
+          hide: I,
+          toggle: V,
+          expanded: l(b),
+          role: l(Pe)
+        })))], 16, ya),
+        L(r.$slots, "after", E($({
+          show: S,
+          hide: I,
+          toggle: V,
+          expanded: l(b)
         })))
-      ], 6), [[$t, l(p)]])]),
+      ], 6), [[Pt, l(b)]])]),
       _: 3
     }, 16, ["name"])], 64));
   }
-}), La = wa;
-function Ea() {
+}), _a = wa;
+function La() {
   return ot(vt, {});
 }
-var Oa = { name: "VvDropdownItem" }, xa = /* @__PURE__ */ H({
-  ...Oa,
-  props: ma,
+var xa = { name: "VvDropdownItem" }, $a = /* @__PURE__ */ M({
+  ...xa,
+  props: pa,
   setup(e) {
-    const a = e, { role: t, expanded: o } = Ea(), i = w(null);
-    ya({ expanded: o });
+    const a = e, { role: t, expanded: o } = La(), i = _(null);
+    ha({ expanded: o });
     const s = nt(i), { focused: d } = it(i), { focused: f } = st(i);
     return A(s, (m) => {
       m && a.focusOnHover && (d.value = !0);
-    }), (m, v) => (_(), V("div", k({ role: l(t) }, {
+    }), (m, v) => (w(), B("div", k({ role: l(t) }, {
       ref_key: "element",
       ref: i,
       class: ["vv-dropdown__item", { "focus-visible": l(d) || l(f) }]
     }), [L(m.$slots, "default")], 16));
   }
-}), Ia = xa, $a = ["title"], Ca = { name: "VvDropdownOption" }, Pa = /* @__PURE__ */ H({
-  ...Ca,
-  props: ba,
+}), Ea = $a, Oa = ["title"], Pa = { name: "VvDropdownOption" }, Ia = /* @__PURE__ */ M({
+  ...Pa,
+  props: ma,
   setup(e) {
-    const a = e, { modifiers: t } = Y(a), o = pe("vv-dropdown-option", t, n(() => ({
+    const a = e, { modifiers: t } = ee(a), o = ge("vv-dropdown-option", t, n(() => ({
       disabled: a.disabled,
       selected: a.selected,
       unselectable: a.unselectable && a.selected
     }))), i = n(() => a.selected ? a.unselectable ? a.deselectHintLabel : a.selectedHintLabel : a.disabled ? "" : a.selectHintLabel);
-    return (s, d) => (_(), W(Ia, {
-      class: Fe(l(o)),
+    return (s, d) => (w(), K(Ea, {
+      class: Ae(l(o)),
       tabindex: s.disabled ? -1 : 0,
       "aria-selected": s.selected,
       "aria-disabled": s.disabled,
       "focus-on-hover": s.focusOnHover
     }, {
-      default: B(() => [L(s.$slots, "default"), j("span", {
+      default: N(() => [L(s.$slots, "default"), z("span", {
         class: "vv-dropdown-option__hint",
         title: l(i)
-      }, [L(s.$slots, "hint", x(O({
+      }, [L(s.$slots, "hint", E($({
         disabled: s.disabled,
         selected: s.selected,
         unselectable: s.unselectable
-      })), () => [De(de(l(i)), 1)])], 8, $a)]),
+      })), () => [Be(fe(l(i)), 1)])], 8, Oa)]),
       _: 3
     }, 8, [
       "class",
@@ -850,13 +849,13 @@ var Oa = { name: "VvDropdownItem" }, xa = /* @__PURE__ */ H({
       "focus-on-hover"
     ]));
   }
-}), Va = Pa;
+}), Va = Ia;
 function Me() {
   return ot(Mt, void 0);
 }
-var Na = { name: "VvIcon" }, Da = /* @__PURE__ */ H({
-  ...Na,
-  props: /* @__PURE__ */ _t({
+var Ca = { name: "VvIcon" }, Ba = /* @__PURE__ */ M({
+  ...Ca,
+  props: /* @__PURE__ */ wt({
     name: {},
     color: {},
     width: {},
@@ -873,31 +872,31 @@ var Na = { name: "VvIcon" }, Da = /* @__PURE__ */ H({
     onLoad: { type: Function },
     svg: {},
     modifiers: {}
-  }, jt),
+  }, Ht),
   setup(e) {
-    const a = e, t = n(() => typeof a.rotate == "string" ? Number.parseFloat(a.rotate) : a.rotate), o = w(!0), i = Me(), { modifiers: s } = Y(a), d = pe("vv-icon", s), f = n(() => a.provider || i?.iconsProvider), m = n(() => {
-      const u = a.name ?? "", b = `@${f.value}:${a.prefix}:${u}`;
-      if (Ve(b)) return b;
-      const $ = i?.iconsCollections.find((I) => Ve(`@${f.value}:${I.prefix}:${u}`));
-      return $ ? `@${f.value}:${$.prefix}:${u}` : u;
+    const a = e, t = n(() => typeof a.rotate == "string" ? Number.parseFloat(a.rotate) : a.rotate), o = _(!0), i = Me(), { modifiers: s } = ee(a), d = ge("vv-icon", s), f = n(() => a.provider || i?.iconsProvider), m = n(() => {
+      const u = a.name ?? "", g = `@${f.value}:${a.prefix}:${u}`;
+      if (Ve(g)) return g;
+      const P = i?.iconsCollections.find((O) => Ve(`@${f.value}:${O.prefix}:${u}`));
+      return P ? `@${f.value}:${P.prefix}:${u}` : u;
     });
     function v(u) {
-      const b = typeof window < "u" ? new window.DOMParser() : null;
-      return b ? b.parseFromString(u, "text/html").querySelector("svg") : null;
+      const g = typeof window < "u" ? new window.DOMParser() : null;
+      return g ? g.parseFromString(u, "text/html").querySelector("svg") : null;
     }
-    function S(u) {
-      const b = v(u), $ = b?.innerHTML.trim() || "";
-      b && $ && Tt(`@${f.value}:${a.prefix}:${a.name}`, {
-        body: $,
-        height: b.viewBox.baseVal.height,
-        width: b.viewBox.baseVal.width
+    function y(u) {
+      const g = v(u), P = g?.innerHTML.trim() || "";
+      g && P && jt(`@${f.value}:${a.prefix}:${a.name}`, {
+        body: P,
+        height: g.viewBox.baseVal.height,
+        width: g.viewBox.baseVal.width
       });
     }
     return i && a.src && !Ve(`@${f.value}:${a.prefix}:${a.name}`) && (o.value = !1, i.fetchIcon(a.src).then((u) => {
-      u && S(u), o.value = !0;
+      u && y(u), o.value = !0;
     }).catch((u) => {
       throw o.value = !0, new Error(`Error during fetch icon: ${u?.message}`);
-    })), a.svg && S(a.svg), (u, b) => l(o) ? (_(), W(l(Ft), k({
+    })), a.svg && y(a.svg), (u, g) => l(o) ? (w(), K(l(Ft), k({
       key: 0,
       class: l(d)
     }, {
@@ -910,10 +909,10 @@ var Na = { name: "VvIcon" }, Da = /* @__PURE__ */ H({
       rotate: l(t),
       color: e.color,
       icon: l(m)
-    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : P("v-if", !0);
+    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : C("v-if", !0);
   }
-}), Ne = Da;
-function Ba(e, a, t) {
+}), Ce = Ba;
+function Da(e, a, t) {
   const o = Me(), i = n(() => {
     if (!(!o || !o.defaults.value?.[e]))
       return o.defaults.value[e];
@@ -922,26 +921,26 @@ function Ba(e, a, t) {
     if (i.value === void 0) return t;
     const s = i.value, d = a, f = t;
     return Object.keys(d).reduce((m, v) => {
-      const S = f[v];
-      if (m[v] = S, v in s) {
+      const y = f[v];
+      if (m[v] = y, v in s) {
         if (Array.isArray(d[v])) {
           const u = d[v];
-          u.length && u[0] === S && (m[v] = s[v]);
+          u.length && u[0] === y && (m[v] = s[v]);
         }
         if (typeof d[v] == "function") {
           const u = d[v];
-          u() === S && (m[v] = s[v]);
+          u() === y && (m[v] = s[v]);
         }
         if (typeof d[v] == "object") {
           let u = d[v].default;
-          typeof u == "function" && (u = u()), typeof u == "object" ? JSON.stringify(u) === JSON.stringify(S) && (m[v] = s[v]) : u === S && (m[v] = s[v]);
+          typeof u == "function" && (u = u()), typeof u == "object" ? JSON.stringify(u) === JSON.stringify(y) && (m[v] = s[v]) : u === y && (m[v] = s[v]);
         }
       }
       return m;
     }, {});
   });
 }
-function ka(e, a, t = 0, { getter: o = (s) => s, setter: i = (s) => s } = {}) {
+function Na(e, a, t = 0, { getter: o = (s) => s, setter: i = (s) => s } = {}) {
   let s;
   return typeof t == "string" && (t = Number.parseInt(t)), n({
     get: () => o(e?.value),
@@ -953,50 +952,50 @@ function ka(e, a, t = 0, { getter: o = (s) => s, setter: i = (s) => s } = {}) {
   });
 }
 function at(e, a) {
-  const t = n(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), o = n(() => a?.value === fe.before ? t.value : void 0), i = n(() => a?.value === fe.after ? t.value : void 0);
+  const t = n(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), o = n(() => a?.value === pe.before ? t.value : void 0), i = n(() => a?.value === pe.after ? t.value : void 0);
   return {
     hasIcon: t,
-    hasIconLeft: n(() => a?.value === E.left ? t.value : void 0),
-    hasIconRight: n(() => a?.value === E.right ? t.value : void 0),
-    hasIconTop: n(() => a?.value === E.top ? t.value : void 0),
-    hasIconBottom: n(() => a?.value === E.bottom ? t.value : void 0),
+    hasIconLeft: n(() => a?.value === x.left ? t.value : void 0),
+    hasIconRight: n(() => a?.value === x.right ? t.value : void 0),
+    hasIconTop: n(() => a?.value === x.top ? t.value : void 0),
+    hasIconBottom: n(() => a?.value === x.bottom ? t.value : void 0),
     hasIconBefore: o,
     hasIconAfter: i
   };
 }
-function Aa(e, a) {
+function ka(e, a) {
   const { focused: t } = it(e);
   return A(t, (o) => {
     a(o ? "focus" : "blur", l(e));
   }), { focused: t };
 }
-function Fa(e, a) {
-  const t = n(() => (l(e) ?? "").length), o = n(() => a?.lowerLimit !== void 0 && t.value < a?.lowerLimit ? t.value - a.lowerLimit : a?.upperLimit !== void 0 && t.value < a?.upperLimit ? a.upperLimit - t.value : 0);
+function Aa(e, a) {
+  const t = n(() => (l(e) ?? "").length), o = n(() => a?.lowerLimit !== void 0 && t.value < a?.lowerLimit ? t.value - a.lowerLimit : a?.upperLimit !== void 0 ? a.upperLimit - t.value : 0);
   return {
     length: t,
     gap: o,
-    formatted: n(() => a?.mode === !1 ? "" : a?.mode === "limit" && a?.upperLimit ? `${t.value} / ${a.lowerLimit ? `${a.lowerLimit}-` : ""}${a.upperLimit}` : a?.mode === "countdown" ? o.value === 0 ? void 0 : o : t.value)
+    formatted: n(() => a?.mode === !1 ? "" : a?.mode === "limit" && a?.upperLimit ? `${t.value} / ${a.lowerLimit ? `${a.lowerLimit}-` : ""}${a.upperLimit}` : a?.mode === "countdown" ? o.value === 0 ? void 0 : o.value : t.value)
   };
 }
-function Ta(e, a = q.local, t) {
-  const o = w();
+function Fa(e, a = U.local, t) {
+  const o = _();
   t && (o.value = t);
   let i;
   return rt(() => {
     e && A(e, (s, d) => {
-      const f = l(a) === q.session ? sessionStorage : localStorage;
+      const f = l(a) === U.session ? sessionStorage : localStorage;
       if (d && d !== s && f.removeItem(d), s) {
         i = Qe(s, i?.value ?? o.value, f), i.value && (o.value = i.value);
         return;
       }
       i = void 0;
-    }, { immediate: !0 }), Ae(a) && A(a, (s, d) => {
+    }, { immediate: !0 }), ke(a) && A(a, (s, d) => {
       if (e?.value) {
         if (s) {
-          const f = s === q.session ? sessionStorage : localStorage;
+          const f = s === U.session ? sessionStorage : localStorage;
           i = Qe(e.value, i?.value ?? o.value, f);
         }
-        d && d !== s && (d === q.session ? sessionStorage : localStorage).removeItem(e.value);
+        d && d !== s && (d === U.session ? sessionStorage : localStorage).removeItem(e.value);
       }
     });
   }), A(o, (s) => {
@@ -1006,64 +1005,64 @@ function Ta(e, a = q.local, t) {
     immediate: !0
   }), o;
 }
-var Ra = ["for"], ja = {
+var ja = ["for"], Ha = {
   key: 0,
   class: "vv-textarea__input-before"
-}, Ha = { class: "vv-textarea__inner" }, za = ["id"], Ga = {
+}, Ta = { class: "vv-textarea__inner" }, Ra = ["id"], za = {
   key: 1,
   class: "vv-textarea__input-after"
 }, Ma = {
   key: 2,
   class: "vv-textarea__limit"
-}, Ka = { class: "flex-1" }, Wa = ["title", "onClick"], qa = { name: "VvTextarea" }, Ja = /* @__PURE__ */ H({
-  ...qa,
+}, Wa = { class: "flex-1" }, qa = ["title", "onClick"], Ja = { name: "VvTextarea" }, Ka = /* @__PURE__ */ M({
+  ...Ja,
   props: et,
-  emits: va,
+  emits: da,
   setup(e, { emit: a }) {
-    const t = e, o = a, i = xt(), s = Me(), d = Ba("VvTextarea", et, t), f = w(), m = w(), v = w(), { id: S, icon: u, iconPosition: b, iconRemoveSuggestion: $, labelRemoveSuggestion: I, label: F, modelValue: Z, count: ee, valid: me, invalid: z, loading: be, modifiers: ge, debounce: he, minlength: ye, maxlength: Se, storageType: J } = Y(t), G = bt(S), p = n(() => `${G.value}-hint`), T = n(() => t.floating && ue(t.placeholder) ? " " : t.placeholder), y = ka(Z, o, he?.value), { hasIconBefore: C, hasIconAfter: M } = at(u, b), { hasIcon: te } = at($), { focused: K } = Aa(f, o);
-    A(n(() => K.value && !t.disabled && !t.readonly), (c) => {
+    const t = e, o = a, i = Et(), s = Me(), d = Da("VvTextarea", et, t), f = _(), m = _(), v = _(), { id: y, icon: u, iconPosition: g, iconRemoveSuggestion: P, labelRemoveSuggestion: O, label: F, modelValue: j, count: oe, valid: be, invalid: he, loading: W, modifiers: ye, debounce: Se, minlength: we, maxlength: _e, storageType: Le } = ee(t), H = gt(y), q = n(() => `${H.value}-hint`), b = n(() => t.floating && ve(t.placeholder) ? " " : t.placeholder), S = Na(j, o, Se?.value), { hasIconBefore: I, hasIconAfter: V } = at(u, g), { hasIcon: Y } = at(P), { focused: G } = ka(f, o);
+    A(n(() => G.value && !t.disabled && !t.readonly), (c) => {
       if (c && d.value.selectOnFocus && f.value && f.value.select(), c && h.value?.size) {
         v.value?.show();
         return;
       }
-      if (oe.value && h.value) {
+      if (Q.value && h.value) {
         const R = t.maxSuggestions;
-        h.value.size >= R && !h.value.has(y.value) && (h.value = new Set([...h.value].slice(h.value.size - R + 1))), h.value.add(y.value);
+        h.value.size >= R && !h.value.has(S.value) && (h.value = new Set([...h.value].slice(h.value.size - R + 1))), h.value.add(S.value);
       }
     }), A(Dt(f), (c) => {
-      c && t.autofocus && (K.value = !0);
+      c && t.autofocus && (G.value = !0);
     });
-    const { formatted: _e } = Fa(y, {
-      mode: ee?.value,
-      upperLimit: Number(Se?.value),
-      lowerLimit: Number(ye?.value)
-    }), we = n(() => !t.disabled && !t.readonly), ae = n(() => we.value ? t.tabindex : -1), oe = n(() => !ue(Z)), Le = n(() => {
+    const { formatted: re } = Aa(S, {
+      mode: oe?.value,
+      upperLimit: Number(_e?.value),
+      lowerLimit: Number(we?.value)
+    }), xe = n(() => !t.disabled && !t.readonly), $e = n(() => xe.value ? t.tabindex : -1), Q = n(() => !ve(j)), Ee = n(() => {
       if (t.invalid === !0) return !0;
       if (t.valid === !0) return !1;
-    }), N = n(() => t.storageKey ?? (s?.experimentalFeatures.forceInputSuggestions ? t.name : void 0)), h = Ta(N, J, /* @__PURE__ */ new Set()), re = n(() => h.value ? [...h.value].filter((c) => ue(y.value) || `${c}`.toLowerCase().includes(`${y.value}`.toLowerCase()) && c !== y.value).reverse() : []), Ee = n(() => N?.value && h.value && h.value.size > 0);
-    function le(c) {
-      y.value = c, v.value?.hide(), o("suggestion:selected", c);
+    }), le = n(() => t.storageKey ?? (s?.experimentalFeatures.forceInputSuggestions ? t.name : void 0)), h = Fa(le, Le, /* @__PURE__ */ new Set()), J = n(() => h.value ? [...h.value].filter((c) => ve(S.value) || `${c}`.toLowerCase().includes(`${S.value}`.toLowerCase()) && c !== S.value).reverse() : []), ne = n(() => le?.value && h.value && h.value.size > 0);
+    function Oe(c) {
+      S.value = c, v.value?.hide(), o("suggestion:selected", c);
     }
-    function ne(c) {
+    function ie(c) {
       h.value?.delete(c), o("suggestion:removed", c);
     }
-    const { HintSlot: Oe, hasHintLabelOrSlot: xe, hasInvalidLabelOrSlot: r, hintSlotScope: g } = ca(d, i), Ie = pe("vv-textarea", ge, n(() => ({
-      valid: me.value,
-      invalid: z.value,
-      loading: be.value,
+    const { HintSlot: se, hasHintLabelOrSlot: Pe, hasInvalidLabelOrSlot: Ie, hintSlotScope: r } = fa(d, i), p = ge("vv-textarea", ye, n(() => ({
+      valid: be.value,
+      invalid: he.value,
+      loading: W.value,
       disabled: t.disabled,
       readonly: t.readonly,
       required: t.required,
-      "icon-before": C.value !== void 0,
-      "icon-after": M.value !== void 0,
-      floating: t.floating && !ue(t.label),
-      dirty: oe.value,
-      focus: K.value,
+      "icon-before": I.value !== void 0,
+      "icon-after": V.value !== void 0,
+      floating: t.floating && !ve(t.label),
+      dirty: Q.value,
+      focus: G.value,
       resizable: t.resizable
-    }))), $e = n(() => ({
+    }))), T = n(() => ({
       name: t.name,
-      placeholder: T.value,
-      tabindex: ae.value,
+      placeholder: b.value,
+      tabindex: $e.value,
       disabled: t.disabled,
       readonly: t.readonly,
       required: t.required,
@@ -1074,72 +1073,72 @@ var Ra = ["for"], ja = {
       rows: t.rows,
       wrap: t.wrap,
       spellcheck: t.spellcheck,
-      "aria-invalid": Le.value,
-      "aria-describedby": xe.value ? p.value : void 0,
-      "aria-errormessage": r.value ? p.value : void 0
-    })), Ce = n(() => ({
+      "aria-invalid": Ee.value,
+      "aria-describedby": Pe.value ? q.value : void 0,
+      "aria-errormessage": Ie.value ? q.value : void 0
+    })), X = n(() => ({
       valid: t.valid,
       invalid: t.invalid,
       modelValue: t.modelValue,
       hintLabel: t.hintLabel,
       maxlength: t.maxlength,
       minlength: t.minlength,
-      clear: gt
+      clear: bt
     }));
-    function gt() {
-      y.value = void 0;
+    function bt() {
+      S.value = void 0;
     }
-    return (c, R) => (_(), V("div", { class: Fe(l(Ie)) }, [
-      l(F) ? (_(), V("label", {
+    return (c, R) => (w(), B("div", { class: Ae(l(p)) }, [
+      l(F) ? (w(), B("label", {
         key: 0,
-        for: l(G),
+        for: l(H),
         class: "vv-textarea__label"
-      }, de(l(F)), 9, Ra)) : P("v-if", !0),
-      j("div", {
+      }, fe(l(F)), 9, ja)) : C("v-if", !0),
+      z("div", {
         ref_key: "wrapperEl",
         ref: m,
         class: "vv-textarea__wrapper"
       }, [
-        c.$slots.before ? (_(), V("div", ja, [L(c.$slots, "before", x(O(l(Ce))))])) : P("v-if", !0),
-        j("div", Ha, [
-          l(C) ? (_(), W(Ne, k({ key: 0 }, l(C), { class: "vv-textarea__icon" }), null, 16)) : P("v-if", !0),
-          lt(j("textarea", k({
-            id: l(G),
+        c.$slots.before ? (w(), B("div", Ha, [L(c.$slots, "before", E($(l(X))))])) : C("v-if", !0),
+        z("div", Ta, [
+          l(I) ? (w(), K(Ce, k({ key: 0 }, l(I), { class: "vv-textarea__icon" }), null, 16)) : C("v-if", !0),
+          lt(z("textarea", k({
+            id: l(H),
             ref_key: "textareaEl",
             ref: f,
-            "onUpdate:modelValue": R[0] || (R[0] = (D) => Ae(y) ? y.value = D : null)
-          }, l($e), { onKeyup: R[1] || (R[1] = (D) => o("keyup", D)) }), null, 16, za), [[It, l(y)]]),
-          l(M) ? (_(), W(Ne, k({ key: 1 }, l(M), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : P("v-if", !0)
+            "onUpdate:modelValue": R[0] || (R[0] = (D) => ke(S) ? S.value = D : null)
+          }, l(T), { onKeyup: R[1] || (R[1] = (D) => o("keyup", D)) }), null, 16, Ra), [[Ot, l(S)]]),
+          l(V) ? (w(), K(Ce, k({ key: 1 }, l(V), { class: "vv-textarea__icon vv-textarea__icon-after" }), null, 16)) : C("v-if", !0)
         ]),
-        c.$slots.after ? (_(), V("div", Ga, [L(c.$slots, "after", x(O(l(Ce))))])) : P("v-if", !0),
-        l(ee) ? (_(), V("span", Ma, [L(c.$slots, "count", x(O(l(Ce))), () => [De(de(l(_e)), 1)])])) : P("v-if", !0)
+        c.$slots.after ? (w(), B("div", za, [L(c.$slots, "after", E($(l(X))))])) : C("v-if", !0),
+        l(oe) ? (w(), B("span", Ma, [L(c.$slots, "count", E($(l(X))), () => [Be(fe(l(re)), 1)])])) : C("v-if", !0)
       ], 512),
-      ve(l(Oe), {
-        id: l(p),
+      ce(l(se), {
+        id: l(q),
         class: "vv-textarea__hint"
       }, St({ _: 2 }, [
         c.$slots.hint ? {
           name: "hint",
-          fn: B(() => [L(c.$slots, "hint", x(O(l(g))))]),
+          fn: N(() => [L(c.$slots, "hint", E($(l(r))))]),
           key: "0"
         } : void 0,
         c.$slots.loading ? {
           name: "loading",
-          fn: B(() => [L(c.$slots, "loading", x(O(l(g))))]),
+          fn: N(() => [L(c.$slots, "loading", E($(l(r))))]),
           key: "1"
         } : void 0,
         c.$slots.valid ? {
           name: "valid",
-          fn: B(() => [L(c.$slots, "valid", x(O(l(g))))]),
+          fn: N(() => [L(c.$slots, "valid", E($(l(r))))]),
           key: "2"
         } : void 0,
         c.$slots.invalid ? {
           name: "invalid",
-          fn: B(() => [L(c.$slots, "invalid", x(O(l(g))))]),
+          fn: N(() => [L(c.$slots, "invalid", E($(l(r))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"]),
-      l(Ee) ? (_(), W(La, {
+      l(ne) ? (w(), K(_a, {
         key: 1,
         ref_key: "suggestionsDropdownEl",
         ref: v,
@@ -1147,25 +1146,25 @@ var Ra = ["for"], ja = {
         "autofocus-first": !1,
         "trigger-width": !0
       }, {
-        items: B(() => [(_(!0), V(ke, null, wt(l(re), (D) => (_(), W(Va, {
+        items: N(() => [(w(!0), B(Ne, null, _t(l(J), (D) => (w(), K(Va, {
           key: D,
-          onClick: We((ht) => le(D), ["stop"])
+          onClick: qe((ht) => Oe(D), ["stop"])
         }, {
-          default: B(() => [j("div", Ka, [L(c.$slots, "suggestion", k({ ref_for: !0 }, { value: D }), () => [De(de(D), 1)])]), l(h) && l(te) ? (_(), V("button", {
+          default: N(() => [z("div", Wa, [L(c.$slots, "suggestion", k({ ref_for: !0 }, { value: D }), () => [Be(fe(D), 1)])]), l(h) && l(Y) ? (w(), B("button", {
             key: 0,
             type: "button",
             tabindex: "-1",
             class: "cursor-pointer",
-            title: l(I),
-            onClick: We((ht) => ne(D), ["stop"])
-          }, [ve(Ne, k({ ref_for: !0 }, l(te)), null, 16)], 8, Wa)) : P("v-if", !0)]),
+            title: l(O),
+            onClick: qe((ht) => ie(D), ["stop"])
+          }, [ce(Ce, k({ ref_for: !0 }, l(Y)), null, 16)], 8, qa)) : C("v-if", !0)]),
           _: 2
         }, 1032, ["onClick"]))), 128))]),
         _: 3
-      }, 8, ["reference"])) : P("v-if", !0)
+      }, 8, ["reference"])) : C("v-if", !0)
     ], 2));
   }
-}), ro = Ja;
+}), oo = Ka;
 export {
-  ro as default
+  oo as default
 };