@volverjs/ui-vue 0.0.2 → 0.0.3-beta.2

package/dist/index.es.js

@@ -1,34 +1,34 @@
-var Rt = Object.defineProperty;
-var Lt = (l, t, e) => t in l ? Rt(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
-var ke = (l, t, e) => (Lt(l, typeof t != "symbol" ? t + "" : t, e), e);
-import { addCollection as Dt, addIcon as ut, addAPIProvider as Tt, iconExists as De, Icon as Bt } from "@iconify/vue";
-import { unref as a, computed as i, inject as Xe, toRef as Nt, toRefs as F, defineComponent as D, useAttrs as dt, ref as G, openBlock as m, createElementBlock as _, normalizeClass as K, withModifiers as Ze, createElementVNode as E, renderSlot as A, normalizeProps as W, guardReactiveProps as te, createTextVNode as X, toDisplayString as L, isRef as $e, provide as xt, watchEffect as Ye, Fragment as ge, renderList as Ce, createBlock as T, mergeProps as R, withCtx as we, resolveDynamicComponent as ct, createCommentVNode as I, useSlots as ce, h as Q, watch as Ae, onMounted as Ht, withDirectives as Se, vModelCheckbox as Mt, createVNode as oe, vModelSelect as Gt, withKeys as ot, vModelText as vt, Transition as Ut, toHandlers as jt, vShow as Kt, vModelDynamic as Ft, vModelRadio as Wt } from "vue";
-import { useToggle as zt, toReactive as qt, useVModel as Je, useFocus as Xt, useElementVisibility as Qe, refDebounced as Zt, onClickOutside as pt } from "@vueuse/core";
-import { nanoid as ve } from "nanoid";
+var Ot = Object.defineProperty;
+var Et = (l, t, e) => t in l ? Ot(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var Ae = (l, t, e) => (Et(l, typeof t != "symbol" ? t + "" : t, e), e);
+import { addCollection as Rt, addIcon as it, addAPIProvider as Lt, iconExists as De, Icon as Dt } from "@iconify/vue";
+import { unref as a, computed as u, inject as ze, toRef as Tt, toRefs as W, defineComponent as D, useAttrs as ut, ref as j, openBlock as m, createElementBlock as _, normalizeClass as F, withModifiers as qe, createElementVNode as E, renderSlot as A, normalizeProps as K, guardReactiveProps as ee, createTextVNode as X, toDisplayString as L, isRef as $e, provide as Bt, watchEffect as Xe, Fragment as he, renderList as Ce, createBlock as T, mergeProps as R, withCtx as ke, resolveDynamicComponent as dt, createCommentVNode as I, useSlots as ge, h as Q, watch as we, onMounted as Nt, withDirectives as Se, vModelCheckbox as xt, createVNode as ae, vModelSelect as Ht, withKeys as at, vModelText as ct, Transition as Mt, toHandlers as Gt, vShow as Ut, vModelDynamic as jt, vModelRadio as Ft } from "vue";
+import { useToggle as Kt, toReactive as Wt, useVModel as Ze, useFocus as zt, useElementVisibility as vt, refDebounced as qt, onClickOutside as pt } from "@vueuse/core";
+import { nanoid as de } from "nanoid";
 const Ne = "ds";
-class Yt {
+class Xt {
   constructor({
     fetchWithCredentials: t = !1,
     fetchOptions: e = {},
     iconsCollections: n = [],
     nuxt: o = !1
   } = {}) {
-    ke(this, "fetchOptions");
-    ke(this, "iconsCollections");
-    ke(this, "provider");
-    ke(this, "nuxt");
+    Ae(this, "fetchOptions");
+    Ae(this, "iconsCollections");
+    Ae(this, "provider");
+    Ae(this, "nuxt");
     t && (e = { ...e, credentials: "include" }), this.provider = Ne, this.fetchOptions = e, this.iconsCollections = n, this.iconsCollections.forEach((r) => {
       this.addCollection(r, this.provider);
     }), this.nuxt = o;
   }
   addCollection(t, e) {
-    return Dt(t, e);
+    return Rt(t, e);
   }
   addIcon(t, e) {
-    return ut(t, e);
+    return it(t, e);
   }
   addAPIProvider(t, e) {
-    return Tt(t, e);
+    return Lt(t, e);
   }
   fetchIcon(t, e = { cache: "force-cache" }) {
     return new Promise((n, o) => {
@@ -38,14 +38,14 @@ class Yt {
 }
 const so = {
   install(l, t) {
-    const e = new Yt(t);
+    const e = new Xt(t);
     l.config.globalProperties.$ds = e, l.provide(Ne, e);
   }
 };
-function he(l, t, e) {
-  return e ? Be(l, e) === Be(t, e) : qe(l, t);
+function be(l, t, e) {
+  return e ? Be(l, e) === Be(t, e) : We(l, t);
 }
-function qe(l, t) {
+function We(l, t) {
   if (l === t)
     return !0;
   if (l && t && typeof l == "object" && typeof t == "object") {
@@ -55,7 +55,7 @@ function qe(l, t) {
       if (r = l.length, r != t.length)
         return !1;
       for (o = r; o-- !== 0; )
-        if (!qe(l[o], t[o]))
+        if (!We(l[o], t[o]))
           return !1;
       return !0;
     }
@@ -66,10 +66,10 @@ function qe(l, t) {
       return !1;
     if (b && c)
       return l.getTime() == t.getTime();
-    const d = l instanceof RegExp, u = t instanceof RegExp;
-    if (d != u)
+    const d = l instanceof RegExp, i = t instanceof RegExp;
+    if (d != i)
       return !1;
-    if (d && u)
+    if (d && i)
       return l.toString() == t.toString();
     const p = Object.keys(l);
     if (r = p.length, r !== Object.keys(t).length)
@@ -78,7 +78,7 @@ function qe(l, t) {
       if (!Object.prototype.hasOwnProperty.call(t, p[o]))
         return !1;
     for (o = r; o-- !== 0; )
-      if (s = p[o], !qe(l[s], t[s]))
+      if (s = p[o], !We(l[s], t[s]))
         return !1;
     return !0;
   }
@@ -101,46 +101,46 @@ function Be(l, t) {
   } else
     return null;
 }
-function Jt(l, t) {
+function Zt(l, t) {
   let e = -1;
   if (t) {
     for (let n = 0; n < t.length; n++)
-      if (he(t[n], l)) {
+      if (be(t[n], l)) {
         e = n;
         break;
       }
   }
   return e;
 }
-function me(l, t) {
+function pe(l, t) {
   if (l != null && t && t.length) {
     for (const e of t)
-      if (he(l, e))
+      if (be(l, e))
         return !0;
   }
   return !1;
 }
-function ee(l) {
+function fe(l) {
   return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(a(l));
 }
-function Qt(l, t) {
-  const e = Jt(l, t);
+function Yt(l, t) {
+  const e = Zt(l, t);
   return e > -1 ? t.filter((n, o) => o !== e) : t;
 }
-function el(l) {
+function Jt(l) {
   return typeof l == "string" || l instanceof String;
 }
-function nt(l) {
+function ot(l) {
   var t, e;
   if (l)
     return (e = (t = l.match(
       /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
     )) == null ? void 0 : t.join("-")) == null ? void 0 : e.toLowerCase();
 }
-function H(l, t) {
+function G(l, t) {
   const e = { [`${l}`]: !0 };
   return {
-    bemCssClasses: i(() => Object.keys(t).reduce((o, r) => {
+    bemCssClasses: u(() => Object.keys(t).reduce((o, r) => {
       const s = a(t[r]) || !1;
       if (!s)
         return o;
@@ -151,7 +151,7 @@ function H(l, t) {
           ...b.reduce(
             (c, d) => ({
               ...c,
-              [`${l}--${nt(d)}`]: !0
+              [`${l}--${ot(d)}`]: !0
             }),
             {}
           )
@@ -159,17 +159,17 @@ function H(l, t) {
       } else
         return {
           ...o,
-          [`${l}--${nt(r)}`]: s
+          [`${l}--${ot(r)}`]: s
         };
     }, e) || {})
   };
 }
 function xe(l) {
-  const t = Xe(l, void 0), e = i(() => !ee(t));
+  const t = ze(l, void 0), e = u(() => !fe(t));
   function n(o, r, s) {
     if (t != null && t.value) {
       const c = a(t.value)[o];
-      return i({
+      return u({
         get() {
           return c == null ? void 0 : c.value;
         },
@@ -178,8 +178,8 @@ function xe(l) {
         }
       });
     }
-    const b = Nt(r, o);
-    return i({
+    const b = Tt(r, o);
+    return u({
       get() {
         return b.value;
       },
@@ -194,7 +194,7 @@ function xe(l) {
     getGroupOrLocalRef: n
   };
 }
-const ft = "VV_BUTTON_GROUP", mt = "VV_RADIO_GROUP", bt = "VV_CHECK_GROUP", ht = "VV_ACCORDION_GROUP", tl = {
+const ft = "VV_BUTTON_GROUP", mt = "VV_RADIO_GROUP", bt = "VV_CHECK_GROUP", ht = "VV_ACCORDION_GROUP", Qt = {
   name: String,
   title: String,
   content: String,
@@ -204,86 +204,86 @@ const ft = "VV_BUTTON_GROUP", mt = "VV_RADIO_GROUP", bt = "VV_CHECK_GROUP", ht =
   },
   modifiers: [String, Array],
   disabled: Boolean
-}, ll = ["update:modelValue"];
-function al(l, t) {
-  const { group: e, isInGroup: n, getGroupOrLocalRef: o } = xe(ht), { title: r, content: s } = F(l), b = o("modelValue", l, t), c = o("disabled", l), d = o("collapse", l), u = o("modifiers", l);
+}, el = ["update:modelValue"];
+function tl(l, t) {
+  const { group: e, isInGroup: n, getGroupOrLocalRef: o } = xe(ht), { title: r, content: s } = W(l), b = o("modelValue", l, t), c = o("disabled", l), d = o("collapse", l), i = o("modifiers", l);
   return {
     modelValue: b,
     disabled: c,
     isInGroup: n,
     group: e,
     collapse: d,
-    modifiers: u,
+    modifiers: i,
     title: r,
     content: s
   };
 }
-const ol = ["id", "open"], nl = ["aria-controls", "aria-expanded"], sl = ["aria-hidden"], rl = {
+const ll = ["id", "open"], al = ["aria-controls", "aria-expanded"], ol = ["aria-hidden"], nl = {
   name: "VvAccordion"
-}, il = /* @__PURE__ */ D({
-  ...rl,
-  props: tl,
-  emits: ll,
+}, sl = /* @__PURE__ */ D({
+  ...nl,
+  props: Qt,
+  emits: el,
   setup(l, { emit: t }) {
-    const e = l, n = dt(), o = e.name || (n == null ? void 0 : n.id) || ve(), {
+    const e = l, n = ut(), o = e.name || (n == null ? void 0 : n.id) || de(), {
       modifiers: r,
       title: s,
       content: b,
       disabled: c,
       collapse: d,
-      modelValue: u,
+      modelValue: i,
       isInGroup: p
-    } = al(e, t), v = G(!1), h = i({
-      get: () => p.value ? d.value && Array.isArray(u.value) ? u.value.includes(o) : u.value === o : u.value === void 0 ? v.value : u.value,
+    } = tl(e, t), v = j(!1), h = u({
+      get: () => p.value ? d.value && Array.isArray(i.value) ? i.value.includes(o) : i.value === o : i.value === void 0 ? v.value : i.value,
       set: (f) => {
         if (p.value) {
-          if (d.value && Array.isArray(u.value)) {
+          if (d.value && Array.isArray(i.value)) {
             if (f) {
-              u.value.push(o);
+              i.value.push(o);
               return;
             }
-            u.value = u.value.filter(
+            i.value = i.value.filter(
               (V) => V !== o
             );
             return;
           }
-          u.value = f ? o : null;
+          i.value = f ? o : null;
           return;
         }
-        if (u.value === void 0 && typeof f == "boolean") {
+        if (i.value === void 0 && typeof f == "boolean") {
           v.value = f;
           return;
         }
-        u.value = f;
+        i.value = f;
       }
-    }), { bemCssClasses: g } = H("vv-accordion", {
+    }), { bemCssClasses: g } = G("vv-accordion", {
       modifiers: r,
       disabled: c
-    }), y = zt(h);
+    }), y = Kt(h);
     return (f, V) => (m(), _("details", {
       id: a(o),
-      class: K(a(g)),
+      class: F(a(g)),
       open: a(h),
-      onClick: V[0] || (V[0] = Ze((P) => a(y)(), ["prevent"]))
+      onClick: V[0] || (V[0] = qe((P) => a(y)(), ["prevent"]))
     }, [
       E("summary", {
         "aria-controls": a(o),
         "aria-expanded": a(h),
         class: "vv-collapse__summary"
       }, [
-        A(f.$slots, "summary", W(te({ open: a(h) })), () => [
+        A(f.$slots, "summary", K(ee({ open: a(h) })), () => [
           X(L(a(s)), 1)
         ])
-      ], 8, nl),
+      ], 8, al),
       E("div", {
         "aria-hidden": !a(h),
         class: "vv-collapse__content"
       }, [
-        A(f.$slots, "details", W(te({ open: a(h) })), () => [
+        A(f.$slots, "details", K(ee({ open: a(h) })), () => [
           X(L(a(b)), 1)
         ])
-      ], 8, sl)
-    ], 10, ol));
+      ], 8, ol)
+    ], 10, ll));
   }
 });
 function He(l) {
@@ -291,12 +291,12 @@ function He(l) {
     (t) => t !== "key" && !$e(l[t])
   ))
     throw Error("One or more groupState props aren't ref.");
-  xt(
+  Bt(
     l.key,
-    i(() => l)
+    u(() => l)
   );
 }
-const ul = {
+const rl = {
   modelValue: [String, Array],
   items: { type: Array, default: () => [] },
   collapse: Boolean,
@@ -306,20 +306,20 @@ const ul = {
     default: ""
   },
   disabled: Boolean
-}, dl = ["update:modelValue"], cl = {
+}, il = ["update:modelValue"], ul = {
   name: "VvAccordionGroup"
 }, ro = /* @__PURE__ */ D({
-  ...cl,
-  props: ul,
-  emits: dl,
+  ...ul,
+  props: rl,
+  emits: il,
   setup(l, { emit: t }) {
-    const e = l, { disabled: n, collapse: o, modifiers: r, itemModifiers: s, items: b } = F(e);
-    Ye(() => {
+    const e = l, { disabled: n, collapse: o, modifiers: r, itemModifiers: s, items: b } = W(e);
+    Xe(() => {
       typeof e.modelValue == "string" && o.value && console.warn(
         "[VvAccordionGroup]: modelValue is a string but collapse is true."
       );
     });
-    const c = G([]), d = i({
+    const c = j([]), d = u({
       get: () => {
         var v;
         return e.modelValue !== void 0 ? o.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue : o.value ? c.value : (v = c.value) == null ? void 0 : v[0];
@@ -337,26 +337,26 @@ const ul = {
       collapse: o,
       modifiers: s
     });
-    const { bemCssClasses: p } = H("vv-accordion-group", {
+    const { bemCssClasses: p } = G("vv-accordion-group", {
       modifiers: r,
       disabled: n
     });
     return (v, h) => (m(), _("div", {
-      class: K(a(p))
+      class: F(a(p))
     }, [
       A(v.$slots, "default", {}, () => [
-        (m(!0), _(ge, null, Ce(a(b), (g) => (m(), T(il, R({
+        (m(!0), _(he, null, Ce(a(b), (g) => (m(), T(sl, R({
           key: g.title
         }, {
           name: g.name,
           title: g.title,
           content: g.content
         }), {
-          header: we((y) => [
-            A(v.$slots, `header::${g.name}`, W(te(y)))
+          header: ke((y) => [
+            A(v.$slots, `header::${g.name}`, K(ee(y)))
           ]),
-          details: we((y) => [
-            A(v.$slots, `details::${g.name}`, W(te(y)))
+          details: ke((y) => [
+            A(v.$slots, `details::${g.name}`, K(ee(y)))
           ]),
           _: 2
         }, 1040))), 128))
@@ -369,14 +369,14 @@ const ul = {
 }, Ie = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, et = {
+}, Ye = {
   loading: Boolean,
   loadingLabel: String
 }, ye = {
   disabled: Boolean
 }, Oe = {
   readonly: Boolean
-}, pe = {
+}, ce = {
   modifiers: [String, Array]
 }, Ee = {
   hintLabel: { type: String, default: "" }
@@ -387,27 +387,27 @@ const ul = {
   },
   labelKey: { type: [String, Function], default: "label" },
   valueKey: { type: [String, Function], default: "value" }
-}, vl = {
+}, dl = {
   count: {
     type: [Boolean, String],
     default: !1,
     validator: (l) => [!0, !1, "limit", "countdown"].includes(l)
   }
-}, pl = {
+}, cl = {
   debounce: [Number, String]
-}, st = {
+}, nt = {
   LEFT: "left",
   RIGHT: "right"
-}, tt = {
+}, Je = {
   icon: { type: [String, Object] },
   iconPosition: {
     type: String,
-    validation: (l) => Object.values(st).includes(l),
-    default: st.RIGHT
+    validation: (l) => Object.values(nt).includes(l),
+    default: nt.RIGHT
   }
 }, Ge = {
   tabindex: { type: [String, Number], default: 0 }
-}, lt = {
+}, Qe = {
   floating: Boolean
 }, Ue = {
   unselectable: { type: Boolean, default: !0 }
@@ -428,12 +428,12 @@ const ul = {
   ...Pe,
   ...Ie,
   ...Ee,
-  ...et,
-  ...pe,
-  ...vl,
-  ...pl,
-  ...tt,
-  ...lt,
+  ...Ye,
+  ...ce,
+  ...dl,
+  ...cl,
+  ...Je,
+  ...Qe,
   minlength: Number,
   maxlength: Number,
   placeholder: String,
@@ -461,20 +461,20 @@ const ul = {
   label: String,
   name: { type: String, required: !0 },
   vertical: Boolean
-}, fl = {
-  ...pe,
+}, vl = {
+  ...ce,
   value: [String, Number]
-}, ml = {
+}, pl = {
   name: "VvBadge"
 }, io = /* @__PURE__ */ D({
-  ...ml,
-  props: fl,
+  ...pl,
+  props: vl,
   setup(l) {
-    const t = l, { bemCssClasses: e } = H("vv-badge", {
+    const t = l, { bemCssClasses: e } = G("vv-badge", {
       modifiers: t.modifiers
     });
     return (n, o) => (m(), _("span", {
-      class: K(a(e)),
+      class: F(a(e)),
       role: "status"
     }, [
       A(n.$slots, "default", {}, () => [
@@ -482,28 +482,28 @@ const ul = {
       ])
     ], 2));
   }
-}), bl = {
-  ...pe,
+}), fl = {
+  ...ce,
   routes: Array
-}, hl = { class: "vv-breadcrumb__list" }, gl = ["content"], yl = {
+}, ml = { class: "vv-breadcrumb__list" }, bl = ["content"], hl = {
   name: "VvBreadcrumb"
 }, uo = /* @__PURE__ */ D({
-  ...yl,
-  props: bl,
+  ...hl,
+  props: fl,
   setup(l) {
-    const t = l, { bemCssClasses: e } = H("vv-breadcrumb", {
+    const t = l, { bemCssClasses: e } = G("vv-breadcrumb", {
       modifiers: t.modifiers
     });
     return (n, o) => (m(), _("nav", {
-      class: K(a(e)),
+      class: F(a(e)),
       "aria-label": "breadcrumbs"
     }, [
-      E("ol", hl, [
-        (m(!0), _(ge, null, Ce(n.routes, (r, s) => {
-          var b, c, d, u;
+      E("ol", ml, [
+        (m(!0), _(he, null, Ce(n.routes, (r, s) => {
+          var b, c, d, i;
           return m(), _("li", {
             key: `${r.label}-${s}`,
-            class: K({
+            class: F({
               "vv-breadcrumb__item": s < Number((b = n.routes) == null ? void 0 : b.length) - 1,
               "vv-breadcrumb__item-active": s === Number((c = n.routes) == null ? void 0 : c.length) - 1
             }),
@@ -511,15 +511,15 @@ const ul = {
             itemtype: "https://schema.org/ListItem",
             itemscope: ""
           }, [
-            (m(), T(ct(r.to ? "router-link" : r.href ? "a" : "span"), R(r, {
+            (m(), T(dt(r.to ? "router-link" : r.href ? "a" : "span"), R(r, {
               class: {
                 "vv-breadcrumb__link": s < Number((d = n.routes) == null ? void 0 : d.length) - 1
               },
-              "aria-current": s === Number((u = n.routes) == null ? void 0 : u.length) - 1 ? "page" : void 0,
+              "aria-current": s === Number((i = n.routes) == null ? void 0 : i.length) - 1 ? "page" : void 0,
               itemprop: "item"
             }), {
-              default: we(() => [
-                A(n.$slots, "label", W(te({ route: r, index: s })), () => [
+              default: ke(() => [
+                A(n.$slots, "label", K(ee({ route: r, index: s })), () => [
                   X(L(r.label), 1)
                 ])
               ]),
@@ -528,13 +528,13 @@ const ul = {
             E("meta", {
               itemprop: "position",
               content: `${s + 1}`
-            }, null, 8, gl)
+            }, null, 8, bl)
           ], 2);
         }), 128))
       ])
     ], 2));
   }
-}), _l = {
+}), gl = {
   color: String,
   width: {
     type: [String, Number]
@@ -565,62 +565,62 @@ const ul = {
   modifiers: {
     type: [String, Array]
   }
-}, Sl = {
+}, yl = {
   name: "VvIcon"
-}, U = /* @__PURE__ */ D({
-  ...Sl,
-  props: _l,
+}, M = /* @__PURE__ */ D({
+  ...yl,
+  props: gl,
   setup(l) {
-    const t = l, e = G(!0), { modifiers: n } = F(t), o = Xe(Ne), { bemCssClasses: r } = H("vv-icon", {
+    const t = l, e = j(!0), { modifiers: n } = W(t), o = ze(Ne), { bemCssClasses: r } = G("vv-icon", {
       modifiers: n
-    }), s = i(() => t.provider || (o == null ? void 0 : o.provider)), b = i(() => {
-      const u = t.name ?? "", p = `@${s.value}:${t.prefix}:${t.name}`;
-      return De(u) ? u : De(p) ? p : (o == null ? void 0 : o.iconsCollections.find((v) => {
-        const h = `@${s.value}:${v.prefix}:${u}`;
+    }), s = u(() => t.provider || (o == null ? void 0 : o.provider)), b = u(() => {
+      const i = t.name ?? "", p = `@${s.value}:${t.prefix}:${t.name}`;
+      return De(i) ? i : De(p) ? p : (o == null ? void 0 : o.iconsCollections.find((v) => {
+        const h = `@${s.value}:${v.prefix}:${i}`;
         if (De(h))
           return h;
-      })) || u;
+      })) || i;
     });
-    function c(u) {
+    function c(i) {
       let p = null;
       if (typeof window > "u") {
         const { JSDOM: y } = require("jsdom");
         p = new y().window;
       }
-      return (p ? new p.DOMParser() : new window.DOMParser()).parseFromString(u, "text/html").querySelector("svg");
+      return (p ? new p.DOMParser() : new window.DOMParser()).parseFromString(i, "text/html").querySelector("svg");
     }
-    function d(u) {
-      const p = c(u), v = (p == null ? void 0 : p.innerHTML.trim()) || "";
-      p && v && ut(`@${s.value}:${t.prefix}:${t.name}`, {
+    function d(i) {
+      const p = c(i), v = (p == null ? void 0 : p.innerHTML.trim()) || "";
+      p && v && it(`@${s.value}:${t.prefix}:${t.name}`, {
         body: v,
         height: p.viewBox.baseVal.height,
         width: p.viewBox.baseVal.width
       });
     }
-    return o && (t.src && !De(`@${s.value}:${t.prefix}:${t.name}`) ? (e.value = !1, o.fetchIcon(t.src).then((u) => {
-      u && (d(u), e.value = !0);
-    }).catch((u) => {
-      throw new Error(`During fetch icon: ${u == null ? void 0 : u.message}`);
-    })) : t.svg && d(t.svg)), (u, p) => e.value ? (m(), T(a(Bt), R({
+    return o && (t.src && !De(`@${s.value}:${t.prefix}:${t.name}`) ? (e.value = !1, o.fetchIcon(t.src).then((i) => {
+      i && (d(i), e.value = !0);
+    }).catch((i) => {
+      throw new Error(`During fetch icon: ${i == null ? void 0 : i.message}`);
+    })) : t.svg && d(t.svg)), (i, p) => e.value ? (m(), T(a(Dt), R({
       key: 0,
       class: a(r)
     }, {
-      inline: u.inline,
-      width: u.width,
-      height: u.height,
-      horizontalFlip: u.horizontalFlip,
-      verticalFlip: u.verticalFlip,
-      flip: u.flip,
-      rotate: u.rotate,
-      color: u.color,
-      onLoad: u.onLoad,
+      inline: i.inline,
+      width: i.width,
+      height: i.height,
+      horizontalFlip: i.horizontalFlip,
+      verticalFlip: i.verticalFlip,
+      flip: i.flip,
+      rotate: i.rotate,
+      color: i.color,
+      onLoad: i.onLoad,
       icon: a(b)
     }), null, 16, ["class"])) : I("", !0);
   }
 });
-var Ve = /* @__PURE__ */ ((l) => (l.left = "left", l.right = "right", l.top = "top", l.bottom = "bottom", l))(Ve || {}), $t = /* @__PURE__ */ ((l) => (l.button = "button", l.submit = "submit", l.reset = "reset", l))($t || {}), de = /* @__PURE__ */ ((l) => (l.nuxtLink = "nuxt-link", l.routerLink = "router-link", l.a = "a", l.button = "button", l))(de || {}), Ct = /* @__PURE__ */ ((l) => (l._blank = "_blank", l._self = "_self", l._parent = "_parent", l._top = "_top", l))(Ct || {});
-const Vl = ["update:modelValue"], $l = {
-  ...pe,
+var Ve = /* @__PURE__ */ ((l) => (l.left = "left", l.right = "right", l.top = "top", l.bottom = "bottom", l))(Ve || {}), $t = /* @__PURE__ */ ((l) => (l.button = "button", l.submit = "submit", l.reset = "reset", l))($t || {}), ue = /* @__PURE__ */ ((l) => (l.nuxtLink = "nuxt-link", l.routerLink = "router-link", l.a = "a", l.button = "button", l))(ue || {}), Ct = /* @__PURE__ */ ((l) => (l._blank = "_blank", l._self = "_self", l._parent = "_parent", l._top = "_top", l))(Ct || {});
+const _l = ["update:modelValue"], Sl = {
+  ...ce,
   ...ye,
   ...Ue,
   icon: {
@@ -664,7 +664,7 @@ const Vl = ["update:modelValue"], $l = {
   },
   modelValue: String
 };
-function Cl(l, t) {
+function Vl(l, t) {
   var f;
   const { group: e, isInGroup: n, getGroupOrLocalRef: o } = xe(ft), {
     iconPosition: r,
@@ -672,10 +672,10 @@ function Cl(l, t) {
     label: b,
     pressed: c,
     modifiers: d
-  } = F(l), u = o("modelValue", l, t), p = o("disabled", l), v = o("toggle", l), h = o(
+  } = W(l), i = o("modelValue", l, t), p = o("disabled", l), v = o("toggle", l), h = o(
     "unselectable",
     l
-  ), g = ((f = e == null ? void 0 : e.value) == null ? void 0 : f.multiple) ?? G(!1), y = i(() => {
+  ), g = ((f = e == null ? void 0 : e.value) == null ? void 0 : f.multiple) ?? j(!1), y = u(() => {
     var $;
     const V = d != null && d.value ? Array.isArray(d.value) ? d.value : [d.value] : [], P = ($ = e == null ? void 0 : e.value.itemModifiers) != null && $.value ? Array.isArray(e.value.itemModifiers.value) ? e.value.itemModifiers.value : [e.value.itemModifiers.value] : [];
     return [...V, ...P];
@@ -683,7 +683,7 @@ function Cl(l, t) {
   return {
     group: e,
     isInGroup: n,
-    modelValue: u,
+    modelValue: i,
     disabled: p,
     toggle: v,
     unselectable: h,
@@ -695,66 +695,66 @@ function Cl(l, t) {
     label: b
   };
 }
-const Al = {
+const $l = {
   key: 1,
   class: "vv-button__label"
-}, kl = {
+}, Cl = {
   key: 1,
   class: "vv-button__label"
-}, wl = {
+}, Al = {
   name: "VvButton"
 }, co = /* @__PURE__ */ D({
-  ...wl,
-  props: $l,
-  emits: Vl,
+  ...Al,
+  props: Sl,
+  emits: _l,
   setup(l, { emit: t }) {
-    const e = l, n = dt(), o = ce(), r = (n == null ? void 0 : n.name) || ve(), {
+    const e = l, n = ut(), o = ge(), r = (n == null ? void 0 : n.name) || de(), {
       modifiers: s,
       iconPosition: b,
       icon: c,
       label: d,
-      modelValue: u,
+      modelValue: i,
       disabled: p,
       toggle: v,
       unselectable: h
-    } = Cl(e, t), g = Xe(Ne), y = i(() => {
+    } = Vl(e, t), g = ze(Ne), y = u(() => {
       switch (!0) {
         case p.value:
-          return de.button;
+          return ue.button;
         case e.to !== void 0:
-          return g != null && g.nuxt ? de.nuxtLink : de.routerLink;
+          return g != null && g.nuxt ? ue.nuxtLink : ue.routerLink;
         case e.href !== void 0:
-          return de.a;
+          return ue.a;
         default:
-          return de.button;
+          return ue.button;
       }
-    }), f = i(() => v.value ? Array.isArray(u.value) ? me(r, u.value) : he(r, u.value) : e.pressed), { bemCssClasses: V } = H("vv-button", {
+    }), f = u(() => v.value ? Array.isArray(i.value) ? pe(r, i.value) : be(r, i.value) : e.pressed), { bemCssClasses: V } = G("vv-button", {
       modifiers: s,
       active: e.active,
       pressed: f,
       disabled: p,
-      reverse: i(
+      reverse: u(
         () => [Ve.right, Ve.bottom].includes(
           b.value
         )
       ),
-      column: i(
+      column: u(
         () => [Ve.top, Ve.bottom].includes(
           b.value
         )
       ),
-      iconOnly: i(
+      iconOnly: u(
         () => (c == null ? void 0 : c.value) && !(d != null && d.value) && !o.default
       )
-    }), P = i(
+    }), P = u(
       () => typeof (c == null ? void 0 : c.value) == "string" ? { name: c == null ? void 0 : c.value } : c == null ? void 0 : c.value
-    ), $ = i(() => {
+    ), $ = u(() => {
       const C = {
         class: V.value,
         "aria-pressed": f.value ? !0 : void 0
       };
       switch (y.value) {
-        case de.a:
+        case ue.a:
           return {
             ...C,
             role: "button",
@@ -762,8 +762,8 @@ const Al = {
             target: e.target,
             rel: e.rel
           };
-        case de.routerLink:
-        case de.nuxtLink:
+        case ue.routerLink:
+        case ue.nuxtLink:
           return {
             ...C,
             role: "button",
@@ -779,40 +779,40 @@ const Al = {
       }
     }), x = () => {
       if (v.value) {
-        if (Array.isArray(u.value)) {
-          if (me(r, u.value)) {
-            h.value && (u.value = u.value.filter(
+        if (Array.isArray(i.value)) {
+          if (pe(r, i.value)) {
+            h.value && (i.value = i.value.filter(
               (C) => C !== r
             ));
             return;
           }
-          u.value.push(r);
+          i.value.push(r);
           return;
         }
-        if (he(r, u.value) && h.value) {
-          u.value = void 0;
+        if (be(r, i.value) && h.value) {
+          i.value = void 0;
           return;
         }
-        u.value = r;
+        i.value = r;
       }
     };
-    return (C, M) => (m(), T(ct(a(y)), R(a($), { onClickPassive: x }), {
-      default: we(() => [
+    return (C, H) => (m(), T(dt(a(y)), R(a($), { onClickPassive: x }), {
+      default: ke(() => [
         A(C.$slots, "default", {}, () => [
           C.loading ? A(C.$slots, "loading", { key: 0 }, () => [
-            C.loadingIcon ? (m(), T(U, {
+            C.loadingIcon ? (m(), T(M, {
               key: 0,
               class: "vv-button__loading-icon",
               name: C.loadingIcon
             }, null, 8, ["name"])) : I("", !0),
-            C.loadingLabel ? (m(), _("span", Al, L(C.loadingLabel), 1)) : I("", !0)
-          ]) : (m(), _(ge, { key: 1 }, [
+            C.loadingLabel ? (m(), _("span", $l, L(C.loadingLabel), 1)) : I("", !0)
+          ]) : (m(), _(he, { key: 1 }, [
             A(C.$slots, "before"),
-            a(c) ? (m(), T(U, R({
+            a(c) ? (m(), T(M, R({
               key: 0,
               class: "vv-button__icon"
             }, a(P)), null, 16)) : I("", !0),
-            a(d) ? (m(), _("span", kl, [
+            a(d) ? (m(), _("span", Cl, [
               A(C.$slots, "label", {}, () => [
                 X(L(a(d)), 1)
               ])
@@ -824,20 +824,20 @@ const Al = {
       _: 3
     }, 16));
   }
-}), Pl = {
-  ...pe,
+}), kl = {
+  ...ce,
   ...ye,
   ...Ue,
   itemModifiers: { type: [String, Array], default: void 0 },
   toggle: { type: Boolean, default: !1 },
   multiple: { type: Boolean, default: !1 },
   modelValue: { type: [String, Array], default: void 0 }
-}, Il = ["update:modelValue"], Ol = {
+}, wl = ["update:modelValue"], Pl = {
   name: "VvButtonGroup"
 }, vo = /* @__PURE__ */ D({
-  ...Ol,
-  props: Pl,
-  emits: Il,
+  ...Pl,
+  props: kl,
+  emits: wl,
   setup(l, { emit: t }) {
     const e = l, {
       disabled: n,
@@ -846,13 +846,13 @@ const Al = {
       multiple: s,
       unselectable: b,
       itemModifiers: c
-    } = F(e);
-    Ye(() => {
+    } = W(e);
+    Xe(() => {
       typeof e.modelValue == "string" && s.value && console.warn(
         "[VvButtonGroup]: modelValue is a string but multiple is true."
       );
     });
-    const d = i({
+    const d = u({
       get: () => s.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue,
       set: (v) => (v !== void 0 && (Array.isArray(e.modelValue) || s.value) && !Array.isArray(v) && (v = [v]), t("update:modelValue", v))
     });
@@ -865,62 +865,62 @@ const Al = {
       unselectable: b,
       itemModifiers: c
     });
-    const { bemCssClasses: p } = H("vv-button-group", {
+    const { bemCssClasses: p } = G("vv-button-group", {
       modifiers: r
     });
     return (v, h) => (m(), _("div", {
-      class: K(a(p)),
+      class: F(a(p)),
       role: "group"
     }, [
       A(v.$slots, "default")
     ], 2));
   }
-}), El = {
+}), Il = {
   title: String,
   modifiers: [String, Array]
-}, Rl = {
+}, Ol = {
   key: 0,
   class: "vv-card__header"
-}, Ll = {
+}, El = {
   key: 1,
   class: "vv-card__content"
-}, Dl = {
+}, Rl = {
   key: 2,
   class: "vv-card__footer"
-}, Tl = {
+}, Ll = {
   name: "VvCard"
 }, po = /* @__PURE__ */ D({
-  ...Tl,
-  props: El,
+  ...Ll,
+  props: Il,
   setup(l) {
-    const t = l, { bemCssClasses: e } = H("vv-card", {
+    const t = l, { bemCssClasses: e } = G("vv-card", {
       modifiers: t.modifiers
     });
     return (n, o) => (m(), _("article", {
-      class: K(a(e))
+      class: F(a(e))
     }, [
-      n.$slots.header || n.title ? (m(), _("header", Rl, [
+      n.$slots.header || n.title ? (m(), _("header", Ol, [
         A(n.$slots, "header", {}, () => [
           X(L(n.title), 1)
         ])
       ])) : I("", !0),
       A(n.$slots, "default"),
-      n.$slots.content ? (m(), _("div", Ll, [
+      n.$slots.content ? (m(), _("div", El, [
         A(n.$slots, "content")
       ])) : I("", !0),
-      n.$slots.footer ? (m(), _("footer", Dl, [
+      n.$slots.footer ? (m(), _("footer", Rl, [
         A(n.$slots, "footer")
       ])) : I("", !0)
     ], 2));
   }
-}), Bl = {
+}), Dl = {
   ...St,
   indeterminate: Boolean,
   uncheckedValue: [String, Number, Boolean],
   switch: Boolean
-}, Nl = ["click", "update:modelValue", "change", "blur"];
-function xl(l, t) {
-  const { group: e, isInGroup: n, getGroupOrLocalRef: o } = xe(bt), { switch: r, indeterminate: s } = F(l), b = o("modelValue", l, t), c = o("readonly", l), d = o("disabled", l), u = o("valid", l), p = o("invalid", l);
+}, Tl = ["click", "update:modelValue", "change", "blur"];
+function Bl(l, t) {
+  const { group: e, isInGroup: n, getGroupOrLocalRef: o } = xe(bt), { switch: r, indeterminate: s } = W(l), b = o("modelValue", l, t), c = o("readonly", l), d = o("disabled", l), i = o("valid", l), p = o("invalid", l);
   return {
     propsSwitch: r,
     indeterminate: s,
@@ -929,12 +929,12 @@ function xl(l, t) {
     modelValue: b,
     readonly: c,
     disabled: d,
-    valid: u,
+    valid: i,
     invalid: p
   };
 }
 function Te(l) {
-  return Array.isArray(l) ? l.filter((t) => el(t)).join(" ") : l;
+  return Array.isArray(l) ? l.filter((t) => Jt(t)).join(" ") : l;
 }
 function _e(l, t) {
   const {
@@ -947,16 +947,16 @@ function _e(l, t) {
     modelValue: b,
     valid: c,
     validLabel: d,
-    invalid: u,
+    invalid: i,
     invalidLabel: p,
     ...v
-  } = F(l), h = Be(v, "loading"), g = Be(v, "loadingLabel"), y = i(() => u.value ? !!(u.value && e || p != null && p.value && Array.isArray(p.value) && p.value.length > 0 || p != null && p.value && !ee(p)) : !1), f = i(
+  } = W(l), h = Be(v, "loading"), g = Be(v, "loadingLabel"), y = u(() => i.value ? !!(i.value && e || p != null && p.value && Array.isArray(p.value) && p.value.length > 0 || p != null && p.value && !fe(p)) : !1), f = u(
     () => !!(s && s.value || o)
-  ), V = i(
+  ), V = u(
     () => !!(d && d.value || n)
-  ), P = i(
+  ), P = u(
     () => !!(h != null && h.value && r || h != null && h.value && (g != null && g.value))
-  ), $ = i(
+  ), $ = u(
     () => f.value || V.value || y.value || P.value
   );
   return {
@@ -973,19 +973,19 @@ function _e(l, t) {
         }
       },
       setup(x) {
-        const C = i(() => {
-          const M = qt({
+        const C = u(() => {
+          const H = Wt({
             hintLabel: s,
             modelValue: b,
             valid: c,
             validLabel: d,
-            invalid: u,
+            invalid: i,
             invalidLabel: p,
             loading: h,
             loadingLabel: g,
             ...x.params
           });
-          return u != null && u.value ? (e == null ? void 0 : e(M)) || Te(p == null ? void 0 : p.value) || (s == null ? void 0 : s.value) : c != null && c.value ? (n == null ? void 0 : n(M)) || Te(d == null ? void 0 : d.value) || (s == null ? void 0 : s.value) : h != null && h.value ? (r == null ? void 0 : r(M)) || Te(g == null ? void 0 : g.value) || (s == null ? void 0 : s.value) : (o == null ? void 0 : o(M)) || Te(s == null ? void 0 : s.value) || (s == null ? void 0 : s.value);
+          return i != null && i.value ? (e == null ? void 0 : e(H)) || Te(p == null ? void 0 : p.value) || (s == null ? void 0 : s.value) : c != null && c.value ? (n == null ? void 0 : n(H)) || Te(d == null ? void 0 : d.value) || (s == null ? void 0 : s.value) : h != null && h.value ? (r == null ? void 0 : r(H)) || Te(g == null ? void 0 : g.value) || (s == null ? void 0 : s.value) : (o == null ? void 0 : o(H)) || Te(s == null ? void 0 : s.value) || (s == null ? void 0 : s.value);
         });
         return {
           isVisible: $,
@@ -1007,33 +1007,33 @@ function _e(l, t) {
     }
   };
 }
-const Hl = ["for"], Ml = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Gl = {
+const Nl = ["for"], xl = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Hl = {
   name: "VvCheckbox"
-}, Ul = /* @__PURE__ */ D({
-  ...Gl,
-  props: Bl,
-  emits: Nl,
+}, Ml = /* @__PURE__ */ D({
+  ...Hl,
+  props: Dl,
+  emits: Tl,
   setup(l, { emit: t }) {
-    const e = l, n = ce(), {
+    const e = l, n = ge(), {
       disabled: o,
       readonly: r,
       valid: s,
       invalid: b,
       propsSwitch: c,
       modelValue: d,
-      indeterminate: u,
+      indeterminate: i,
       isInGroup: p
-    } = xl(e, t), v = i(() => String(e.id || ve())), h = i(() => f.value ? -1 : e.tabindex), g = G(), y = i(
+    } = Bl(e, t), v = u(() => String(e.id || de())), h = u(() => f.value ? -1 : e.tabindex), g = j(), y = u(
       () => e.uncheckedValue !== void 0 && !p.value
-    ), f = i(() => o.value || r.value), V = i(() => {
+    ), f = u(() => o.value || r.value), V = u(() => {
       if (b.value === !0)
         return !0;
       if (s.value === !0)
         return !1;
-    }), P = i(() => y.value ? d.value === e.value : Array.isArray(d.value) ? me(e.value, d.value) : he(e.value, d.value)), $ = i(() => !!(u.value || !P.value && y.value && e.uncheckedValue !== d.value)), x = i(() => {
+    }), P = u(() => y.value ? d.value === e.value : Array.isArray(d.value) ? pe(e.value, d.value) : be(e.value, d.value)), $ = u(() => !!(i.value || !P.value && y.value && e.uncheckedValue !== d.value)), x = u(() => {
       if (!y.value)
         return ["string", "number", "boolean"].includes(typeof e.value) ? e.value : !0;
-    }), C = i({
+    }), C = u({
       get() {
         return P.value;
       },
@@ -1041,44 +1041,44 @@ const Hl = ["for"], Ml = ["id", "name", "disabled", "value", "tabindex", "aria-i
         if (y.value)
           d.value = B ? e.value : e.uncheckedValue;
         else if (Array.isArray(d.value) || p.value) {
-          const j = new Set(
+          const U = new Set(
             Array.isArray(d.value) ? d.value : d.value !== void 0 ? [d.value] : []
           );
-          B ? j.add(e.value) : j.delete(e.value), d.value = [...j];
+          B ? U.add(e.value) : U.delete(e.value), d.value = [...U];
         } else
           d.value = B ? e.value : void 0;
         t("change", B);
       }
-    }), { bemCssClasses: M } = H("vv-checkbox", {
+    }), { bemCssClasses: H } = G("vv-checkbox", {
       switch: c,
       valid: s,
       invalid: b,
       disabled: o,
       readonly: r,
-      indeterminate: u
+      indeterminate: i
     });
-    Ye(() => {
+    Xe(() => {
       y.value && Array.isArray(d.value) && console.warn(
         "[VvCheckbox] The model value is an array but the component is in binary mode."
       );
-    }), Ae(
+    }), we(
       () => $.value,
       (B) => {
         B ? g.value.indeterminate = !0 : g.value.indeterminate = !1;
       }
-    ), Ht(() => {
+    ), Nt(() => {
       $.value && (g.value.indeterminate = !0);
     });
     const { HintSlot: J } = _e(e, n);
-    return (B, j) => (m(), _("label", {
-      class: K(a(M)),
+    return (B, U) => (m(), _("label", {
+      class: F(a(H)),
       for: a(v)
     }, [
       Se(E("input", {
         id: a(v),
         ref_key: "input",
         ref: g,
-        "onUpdate:modelValue": j[0] || (j[0] = (le) => $e(C) ? C.value = le : null),
+        "onUpdate:modelValue": U[0] || (U[0] = (te) => $e(C) ? C.value = te : null),
         type: "checkbox",
         class: "vv-checkbox__input",
         name: B.name,
@@ -1086,35 +1086,35 @@ const Hl = ["for"], Ml = ["id", "name", "disabled", "value", "tabindex", "aria-i
         value: a(x),
         tabindex: a(h),
         "aria-invalid": a(V)
-      }, null, 8, Ml), [
-        [Mt, a(C)]
+      }, null, 8, xl), [
+        [xt, a(C)]
       ]),
       A(B.$slots, "default", { value: a(d) }, () => [
         X(L(B.label), 1)
       ]),
-      oe(a(J), {
+      ae(a(J), {
         class: "vv-checkbox__hint",
         params: { value: a(d) }
       }, null, 8, ["params"])
-    ], 10, Hl));
+    ], 10, Nl));
   }
 });
 function Le(l) {
-  const { options: t, labelKey: e, valueKey: n } = F(l);
+  const { options: t, labelKey: e, valueKey: n } = W(l);
   return {
     options: t,
     getOptionLabel: (s) => typeof s != "object" && s !== null ? s : typeof e.value == "function" ? e.value(s) : s[e.value],
     getOptionValue: (s) => typeof s != "object" && s !== null ? s : typeof n.value == "function" ? n.value(s) : s[n.value]
   };
 }
-const jl = Vt, Kl = ["update:modelValue", "change"], Fl = ["textContent"], Wl = { class: "vv-checkbox-group__wrapper" }, zl = {
+const Gl = Vt, Ul = ["update:modelValue", "change"], jl = ["textContent"], Fl = { class: "vv-checkbox-group__wrapper" }, Kl = {
   name: "VvCheckboxGroup"
 }, fo = /* @__PURE__ */ D({
-  ...zl,
-  props: jl,
-  emits: Kl,
+  ...Kl,
+  props: Gl,
+  emits: Ul,
   setup(l, { emit: t }) {
-    const e = l, n = ce(), o = Je(e, "modelValue", t), { disabled: r, readonly: s, vertical: b, valid: c, invalid: d } = F(e);
+    const e = l, n = ge(), o = Ze(e, "modelValue", t), { disabled: r, readonly: s, vertical: b, valid: c, invalid: d } = W(e);
     He({
       key: bt,
       modelValue: o,
@@ -1123,10 +1123,10 @@ const jl = Vt, Kl = ["update:modelValue", "change"], Fl = ["textContent"], Wl =
       valid: c,
       invalid: d
     });
-    const { getOptionLabel: p, getOptionValue: v } = Le(e), { bemCssClasses: h } = H("vv-checkbox-group", {
+    const { getOptionLabel: p, getOptionValue: v } = Le(e), { bemCssClasses: h } = G("vv-checkbox-group", {
       disabled: r,
       readonly: s,
-      horizontal: i(() => !b.value),
+      horizontal: u(() => !b.value),
       valid: c,
       invalid: d
     }), g = (f, V) => ({
@@ -1136,50 +1136,50 @@ const jl = Vt, Kl = ["update:modelValue", "change"], Fl = ["textContent"], Wl =
       value: v(f)
     }), { HintSlot: y } = _e(e, n);
     return (f, V) => (m(), _("fieldset", {
-      class: K(a(h))
+      class: F(a(h))
     }, [
       f.label ? (m(), _("legend", {
         key: 0,
         textContent: L(f.label)
-      }, null, 8, Fl)) : I("", !0),
-      E("div", Wl, [
-        f.options.length > 0 ? (m(!0), _(ge, { key: 0 }, Ce(f.options, (P, $) => (m(), T(Ul, R({ key: $ }, g(P, $)), null, 16))), 128)) : A(f.$slots, "default", { key: 1 })
+      }, null, 8, jl)) : I("", !0),
+      E("div", Fl, [
+        f.options.length > 0 ? (m(!0), _(he, { key: 0 }, Ce(f.options, (P, $) => (m(), T(Ml, R({ key: $ }, g(P, $)), null, 16))), 128)) : A(f.$slots, "default", { key: 1 })
       ]),
-      oe(a(y), { class: "vv-checkbox-group__hint" })
+      ae(a(y), { class: "vv-checkbox-group__hint" })
     ], 2));
   }
 });
-function je(l, t, e) {
-  const n = i(
+function et(l, t, e) {
+  const n = u(
     () => !!(l != null && l.value && t.value === "left" || e != null && e.iconLeft)
-  ), o = i(
+  ), o = u(
     () => !!(l != null && l.value && t.value === "right" || e != null && e.iconRight)
-  ), r = i(
+  ), r = u(
     () => !!(l != null && l.value && t.value === "top" || e != null && e.iconTop)
-  ), s = i(
+  ), s = u(
     () => !!(l != null && l.value && t.value === "bottom" || e != null && e.iconBottom)
   );
   return {
-    hasIcon: i(() => typeof (l == null ? void 0 : l.value) == "string" ? { name: l == null ? void 0 : l.value } : l == null ? void 0 : l.value),
+    hasIcon: u(() => typeof (l == null ? void 0 : l.value) == "string" ? { name: l == null ? void 0 : l.value } : l == null ? void 0 : l.value),
     hasIconLeft: n,
     hasIconRight: o,
     hasIconTop: r,
     hasIconBottom: s
   };
 }
-function Ke(l, t) {
-  const { focused: e } = Xt(l);
-  return Ae(e, (n) => {
+function tt(l, t) {
+  const { focused: e } = zt(l);
+  return we(e, (n) => {
     t(n ? "focus" : "blur", a(l));
   }), {
     focused: e
   };
 }
-const ql = {
+const Wl = {
   ...Re,
   ...Me,
   ...ye,
-  ...pe,
+  ...ce,
   modelValue: {
     type: [String, Number, Boolean, Object, Array]
   },
@@ -1187,24 +1187,24 @@ const ql = {
   multiple: Boolean,
   maxValues: [Number, String],
   unselectable: { type: Boolean, default: !0 }
-}, Xl = ["id"], Zl = {
+}, zl = ["id"], ql = {
   key: 0,
   role: "option"
-}, Yl = ["aria-selected"], Jl = ["for", "onClick"], Ql = ["id", "type", "value", "checked", "disabled", "name"], ea = {
+}, Xl = ["aria-selected"], Zl = ["for", "onClick"], Yl = ["id", "type", "value", "checked", "disabled", "name"], Jl = {
   name: "VvDropdown"
-}, ta = /* @__PURE__ */ D({
-  ...ea,
-  props: ql,
+}, Ql = /* @__PURE__ */ D({
+  ...Jl,
+  props: Wl,
   emits: ["update:modelValue"],
   setup(l, { emit: t }) {
-    const e = l, n = i(() => String(e.id || ve())), { modifiers: o, disabled: r } = F(e), { getOptionLabel: s, getOptionValue: b } = Le(e), { bemCssClasses: c } = H("vv-dropdown", {
+    const e = l, n = u(() => String(e.id || de())), { modifiers: o, disabled: r } = W(e), { getOptionLabel: s, getOptionValue: b } = Le(e), { bemCssClasses: c } = G("vv-dropdown", {
       modifiers: o,
       disabled: r
     });
     function d(v) {
-      return Array.isArray(e.modelValue) ? me(v, e.modelValue) || me(b(v), e.modelValue) : he(v, e.modelValue) || he(b(v), e.modelValue);
+      return Array.isArray(e.modelValue) ? pe(v, e.modelValue) || pe(b(v), e.modelValue) : be(v, e.modelValue) || be(b(v), e.modelValue);
     }
-    function u(v) {
+    function i(v) {
       return typeof v == "string" || v.disabled === void 0 ? r.value : v.disabled;
     }
     function p(v) {
@@ -1214,9 +1214,9 @@ const ql = {
       let h = v;
       if (e.multiple)
         if (Array.isArray(e.modelValue)) {
-          if (e.maxValues !== void 0 && e.maxValues >= 0 && ((g = e.modelValue) == null ? void 0 : g.length) >= e.maxValues && !me(v, e.modelValue))
+          if (e.maxValues !== void 0 && e.maxValues >= 0 && ((g = e.modelValue) == null ? void 0 : g.length) >= e.maxValues && !pe(v, e.modelValue))
             return;
-          h = me(v, e.modelValue) ? Qt(v, e.modelValue) : [...e.modelValue, v];
+          h = pe(v, e.modelValue) ? Yt(v, e.modelValue) : [...e.modelValue, v];
         } else
           h = [v];
       else
@@ -1227,38 +1227,38 @@ const ql = {
       var g;
       return m(), _("ul", {
         id: a(n),
-        class: K(a(c)),
+        class: F(a(c)),
         role: "listbox"
       }, [
-        (g = v.options) != null && g.length ? I("", !0) : (m(), _("li", Zl, [
+        (g = v.options) != null && g.length ? I("", !0) : (m(), _("li", ql, [
           E("label", null, L(v.labelNoResults), 1)
         ])),
-        (m(!0), _(ge, null, Ce(v.options, (y, f) => (m(), _("li", {
+        (m(!0), _(he, null, Ce(v.options, (y, f) => (m(), _("li", {
           key: f,
           role: "option",
           "aria-selected": d(y)
         }, [
           E("label", {
             for: `dropdown-${f}-${a(n)}`,
-            onClick: Ze((V) => p(a(b)(y)), ["prevent"])
+            onClick: qe((V) => p(a(b)(y)), ["prevent"])
           }, [
             E("input", {
               id: `dropdown-${f}-${a(n)}`,
               type: v.multiple ? "checkbox" : "radio",
               value: a(b)(y),
               checked: d(y),
-              disabled: u(y),
+              disabled: i(y),
               name: v.name,
               tabindex: "-1",
               "aria-hidden": "true"
-            }, null, 8, Ql),
+            }, null, 8, Yl),
             X(" " + L(a(s)(y)), 1)
-          ], 8, Jl)
-        ], 8, Yl))), 128))
-      ], 10, Xl);
+          ], 8, Zl)
+        ], 8, Xl))), 128))
+      ], 10, zl);
     };
   }
-}), la = {
+}), ea = {
   ...Re,
   ...gt,
   ...yt,
@@ -1266,13 +1266,13 @@ const ql = {
   ...Pe,
   ...Ie,
   ...Ee,
-  ...et,
+  ...Ye,
   ...ye,
   ...Oe,
-  ...pe,
+  ...ce,
   ...Me,
-  ...tt,
-  ...lt,
+  ...Je,
+  ...Qe,
   ...Ue,
   multiple: Boolean,
   required: Boolean,
@@ -1283,17 +1283,17 @@ const ql = {
   },
   label: String,
   placeholder: String
-}, aa = ["update:modelValue", "focus", "blur"], oa = ["for"], na = { class: "vv-select__wrapper" }, sa = ["id"], ra = ["disabled", "hidden"], ia = ["disabled", "value"], ua = {
+}, ta = ["update:modelValue", "focus", "blur"], la = ["for"], aa = { class: "vv-select__wrapper" }, oa = ["id"], na = ["disabled", "hidden"], sa = ["disabled", "value"], ra = {
   name: "VvSelect"
-}, da = /* @__PURE__ */ D({
-  ...ua,
-  props: la,
-  emits: aa,
+}, ia = /* @__PURE__ */ D({
+  ...ra,
+  props: ea,
+  emits: ta,
   setup(l, { emit: t }) {
-    const e = l, n = ce(), o = G(), { HintSlot: r, hasHint: s, hasInvalid: b } = _e(e, n), {
+    const e = l, n = ge(), o = j(), { HintSlot: r, hasHint: s, hasInvalid: b } = _e(e, n), {
       modifiers: c,
       disabled: d,
-      readonly: u,
+      readonly: i,
       loading: p,
       icon: v,
       iconPosition: h,
@@ -1301,111 +1301,111 @@ const ql = {
       valid: y,
       floating: f,
       multiple: V
-    } = F(e), P = i(() => String(e.id || ve())), $ = i(() => `${P.value}-hint`), { focused: x } = Ke(o, t), C = Qe(o);
-    Ae(C, (w) => {
+    } = W(e), P = u(() => String(e.id || de())), $ = u(() => `${P.value}-hint`), { focused: x } = tt(o, t), C = vt(o);
+    we(C, (w) => {
       w && e.autofocus && (x.value = !0);
     });
-    const { hasIcon: M, hasIconLeft: J, hasIconRight: B } = je(
+    const { hasIcon: H, hasIconLeft: J, hasIconRight: B } = et(
       v,
       h
-    ), j = i(() => !ee(e.modelValue)), le = i(() => e.disabled || e.readonly), ne = i(() => le.value ? -1 : e.tabindex), se = i(() => {
+    ), U = u(() => !fe(e.modelValue)), te = u(() => e.disabled || e.readonly), oe = u(() => te.value ? -1 : e.tabindex), ne = u(() => {
       if (e.invalid === !0)
         return !0;
       if (e.valid === !0)
         return !1;
-    }), { bemCssClasses: ae } = H("vv-select", {
+    }), { bemCssClasses: le } = G("vv-select", {
       modifiers: c,
       valid: y,
       invalid: g,
       loading: p,
       disabled: d,
-      readonly: u,
+      readonly: i,
       iconLeft: J,
       iconRight: B,
-      dirty: j,
+      dirty: U,
       focus: x,
       floating: f,
       multiple: V
-    }), fe = i(() => ({
+    }), ve = u(() => ({
       name: e.name,
-      tabindex: ne.value,
-      disabled: le.value,
+      tabindex: oe.value,
+      disabled: te.value,
       required: e.required,
       size: e.size,
       autocomplete: e.autocomplete,
       multiple: e.multiple,
-      "aria-invalid": se.value,
+      "aria-invalid": ne.value,
       "aria-describedby": !b.value && s.value ? $.value : void 0,
       "aria-errormessage": b.value ? $.value : void 0
-    })), { getOptionLabel: re, getOptionValue: ie } = Le(e);
-    function ue(w) {
+    })), { getOptionLabel: se, getOptionValue: re } = Le(e);
+    function ie(w) {
       return typeof w == "string" || w.disabled === void 0 ? d.value : w.disabled;
     }
-    const q = i({
+    const q = u({
       get: () => e.modelValue,
       set: (w) => {
         Array.isArray(w) && (w = w.filter((Z) => Z !== void 0)), t("update:modelValue", w);
       }
     });
     return (w, Z) => (m(), _("div", {
-      class: K(a(ae))
+      class: F(a(le))
     }, [
       w.label ? (m(), _("label", {
         key: 0,
         for: a(P)
-      }, L(w.label), 9, oa)) : I("", !0),
-      E("div", na, [
+      }, L(w.label), 9, la)) : I("", !0),
+      E("div", aa, [
         A(w.$slots, "before", {}, () => [
-          a(J) ? (m(), T(U, W(R({ key: 0 }, a(M))), null, 16)) : I("", !0)
+          a(J) ? (m(), T(M, K(R({ key: 0 }, a(H))), null, 16)) : I("", !0)
         ]),
         Se(E("select", R({
           id: a(P),
           ref_key: "select",
           ref: o,
           "onUpdate:modelValue": Z[0] || (Z[0] = (k) => $e(q) ? q.value = k : null)
-        }, a(fe)), [
+        }, a(ve)), [
           w.placeholder ? (m(), _("option", {
             key: 0,
             value: void 0,
             disabled: !w.unselectable,
             hidden: !w.unselectable
-          }, L(w.placeholder), 9, ra)) : I("", !0),
-          (m(!0), _(ge, null, Ce(w.options, (k, N) => (m(), _("option", {
+          }, L(w.placeholder), 9, na)) : I("", !0),
+          (m(!0), _(he, null, Ce(w.options, (k, N) => (m(), _("option", {
             key: N,
-            disabled: ue(k),
-            value: a(ie)(k)
-          }, L(a(re)(k)), 9, ia))), 128))
-        ], 16, sa), [
-          [Gt, a(q)]
+            disabled: ie(k),
+            value: a(re)(k)
+          }, L(a(se)(k)), 9, sa))), 128))
+        ], 16, oa), [
+          [Ht, a(q)]
         ]),
         A(w.$slots, "after", {}, () => [
-          a(B) ? (m(), T(U, W(R({ key: 0 }, a(M))), null, 16)) : I("", !0)
+          a(B) ? (m(), T(M, K(R({ key: 0 }, a(H))), null, 16)) : I("", !0)
         ])
       ]),
-      oe(a(r), {
+      ae(a(r), {
         id: a($),
         class: "vv-select__hint"
       }, null, 8, ["id"])
     ], 2));
   }
-}), ca = [
+}), ua = [
   "update:modelValue",
   "change:search",
   "focus",
   "blur"
-], va = {
+], da = {
   ...Re,
   ...Ge,
   ...Pe,
   ...Ie,
   ...Ee,
-  ...et,
+  ...Ye,
   ...ye,
   ...Oe,
-  ...pe,
+  ...ce,
   ...Me,
-  ...tt,
-  ...lt,
+  ...Je,
+  ...Qe,
   ...Ue,
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -1424,17 +1424,17 @@ const ql = {
   maxValues: [Number, String],
   separator: { type: String, default: ", " },
   native: Boolean
-}, pa = ["id"], fa = ["id", "for"], ma = ["tabindex"], ba = ["id", "placeholder"], ha = {
+}, ca = ["id"], va = ["id", "for"], pa = ["tabindex"], fa = ["id", "placeholder"], ma = {
   name: "VvCombobox"
 }, mo = /* @__PURE__ */ D({
-  ...ha,
-  props: va,
-  emits: ca,
+  ...ma,
+  props: da,
+  emits: ua,
   setup(l, { emit: t }) {
-    const e = l, n = ce(), { HintSlot: o } = _e(e, n), r = G(), s = G(), { focused: b } = Ke(r, t), c = i(() => String(e.id || ve())), d = G(""), u = Zt(
+    const e = l, n = ge(), { HintSlot: o } = _e(e, n), r = j(), s = j(), { focused: b } = tt(r, t), c = u(() => String(e.id || de())), d = j(""), i = qt(
       d,
       Number(e.debounceSearch)
-    ), p = G(!1), {
+    ), p = j(!1), {
       icon: v,
       iconPosition: h,
       modifiers: g,
@@ -1444,50 +1444,50 @@ const ql = {
       valid: P,
       invalid: $,
       floating: x
-    } = F(e);
-    Ae(
-      u,
-      () => t("change:search", u.value)
+    } = W(e);
+    we(
+      i,
+      () => t("change:search", i.value)
     );
-    const { hasIcon: C, hasIconLeft: M, hasIconRight: J } = je(
+    const { hasIcon: C, hasIconLeft: H, hasIconRight: J } = et(
       v,
       h
-    ), B = i(() => !ee(e.modelValue)), j = i(() => y.value || f.value ? -1 : e.tabindex), { bemCssClasses: le } = H("vv-select", {
+    ), B = u(() => !fe(e.modelValue)), U = u(() => y.value || f.value ? -1 : e.tabindex), { bemCssClasses: te } = G("vv-select", {
       modifiers: g,
       disabled: y,
       loading: V,
       readonly: f,
-      iconLeft: M,
+      iconLeft: H,
       iconRight: J,
       valid: P,
       invalid: $,
       dirty: B,
       focus: b,
       floating: x
-    }), ne = i(
-      () => e.searchable ? fe.value : e.options
-    ), { getOptionLabel: se, getOptionValue: ae } = Le(e), fe = i(() => {
+    }), oe = u(
+      () => e.searchable ? ve.value : e.options
+    ), { getOptionLabel: ne, getOptionValue: le } = Le(e), ve = u(() => {
       var k;
-      return (k = e.options) == null ? void 0 : k.filter((N) => se(N).toLowerCase().includes(u.value.toLowerCase().trim()));
-    }), re = i(() => {
+      return (k = e.options) == null ? void 0 : k.filter((N) => ne(N).toLowerCase().includes(i.value.toLowerCase().trim()));
+    }), se = u(() => {
       let k = [];
       return Array.isArray(e.modelValue) ? k = e.modelValue : e.modelValue && (k = [e.modelValue]), e.options.filter(
-        (N) => k.includes(ae(N))
+        (N) => k.includes(le(N))
       );
-    }), ie = i(() => re.value.map((k) => se(k)).join(e.separator));
+    }), re = u(() => se.value.map((k) => ne(k)).join(e.separator));
     pt(r, () => {
       r.value.open = !1;
     });
-    function ue(k) {
+    function ie(k) {
       const N = k.target;
       p.value = N.open;
     }
     function q(k) {
       r.value && !e.multiple && (r.value.open = !1), t("update:modelValue", k);
     }
-    const w = i(() => ({
+    const w = u(() => ({
       name: e.name,
-      options: ne.value,
+      options: oe.value,
       labelKey: e.labelKey,
       valueKey: e.valueKey,
       disabled: e.disabled,
@@ -1496,10 +1496,10 @@ const ql = {
       maxValues: e.maxValues,
       modelValue: e.modelValue,
       unselectable: e.unselectable
-    })), Z = i(() => ({
+    })), Z = u(() => ({
       id: c.value,
       name: e.name,
-      tabindex: j.value,
+      tabindex: U.value,
       valid: P.value,
       validLabel: e.validLabel,
       invalid: $.value,
@@ -1510,7 +1510,7 @@ const ql = {
       disabled: y.value,
       readonly: f.value,
       modifiers: e.modifiers,
-      options: ne.value,
+      options: oe.value,
       labelKey: e.labelKey,
       valueKey: e.valueKey,
       icon: e.icon,
@@ -1522,33 +1522,33 @@ const ql = {
       placeholder: e.placeholder,
       modelValue: e.modelValue
     }));
-    return (k, N) => k.native ? (m(), T(da, R({ key: 1 }, a(Z), {
+    return (k, N) => k.native ? (m(), T(ia, R({ key: 1 }, a(Z), {
       "onUpdate:modelValue": N[4] || (N[4] = (Y) => t("update:modelValue", Y))
     }), null, 16)) : (m(), _("div", {
       key: 0,
       id: a(c),
-      class: K(a(le))
+      class: F(a(te))
     }, [
       k.label ? (m(), _("label", {
         key: 0,
         id: `${a(c)}-label`,
         for: k.searchable && p.value ? `${a(c)}-input` : void 0
-      }, L(k.label), 9, fa)) : I("", !0),
+      }, L(k.label), 9, va)) : I("", !0),
       E("details", {
         ref_key: "dropdown",
         ref: r,
         class: "vv-select__wrapper",
         onClick: N[2] || (N[2] = (Y) => a(y) || a(f) ? Y.preventDefault() : null),
-        onKeyup: N[3] || (N[3] = ot((Y) => r.value.open = !1, ["esc"])),
-        onToggle: ue
+        onKeyup: N[3] || (N[3] = at((Y) => r.value.open = !1, ["esc"])),
+        onToggle: ie
       }, [
         E("summary", {
           class: "vv-select__input",
-          tabindex: a(j),
-          onKeyup: N[1] || (N[1] = ot((Y) => k.searchable ? Y.preventDefault() : null, ["space"]))
+          tabindex: a(U),
+          onKeyup: N[1] || (N[1] = at((Y) => k.searchable ? Y.preventDefault() : null, ["space"]))
         }, [
           A(k.$slots, "before", {}, () => [
-            a(M) ? (m(), T(U, R({
+            a(H) ? (m(), T(M, R({
               key: 0,
               class: "vv-select__icon-left"
             }, a(C)), null, 16)) : I("", !0)
@@ -1562,52 +1562,52 @@ const ql = {
             role: "combobox",
             type: "search",
             placeholder: k.searchPlaceholder
-          }, null, 8, ba)), [
-            [vt, d.value]
-          ]) : (m(), _(ge, { key: 1 }, [
-            X(L(a(ie) || k.placeholder), 1)
+          }, null, 8, fa)), [
+            [ct, d.value]
+          ]) : (m(), _(he, { key: 1 }, [
+            X(L(a(re) || k.placeholder), 1)
           ], 64)),
           A(k.$slots, "after", {}, () => [
-            a(J) ? (m(), T(U, R({
+            a(J) ? (m(), T(M, R({
               key: 0,
               class: "vv-select__icon-right"
             }, a(C)), null, 16)) : I("", !0)
           ])
-        ], 40, ma),
-        oe(ta, R({
+        ], 40, pa),
+        ae(Ql, R({
           id: `${a(c)}-dropdown`
         }, a(w), { "onUpdate:modelValue": q }), null, 16, ["id"])
       ], 544),
-      oe(a(o), { class: "vv-select__hint" })
-    ], 10, pa));
+      ae(a(o), { class: "vv-select__hint" })
+    ], 10, ca));
   }
-}), ga = ["open", "close", "update:modelValue"], ya = {
+}), ba = ["open", "close", "update:modelValue"], ha = {
   id: { type: String, required: !0 },
   title: String,
   modelValue: Boolean,
   transition: { type: String, default: "fade-block" },
   size: String,
   autoClose: { type: Boolean, default: !0 }
-}, _a = {
+}, ga = {
   key: 0,
   class: "vv-dialog__header"
-}, Sa = ["onClick"], Va = { class: "vv-dialog__content" }, $a = {
+}, ya = ["onClick"], _a = { class: "vv-dialog__content" }, Sa = {
   key: 1,
   class: "vv-dialog__footer"
-}, Ca = {
+}, Va = {
   name: "VvDialog"
 }, bo = /* @__PURE__ */ D({
-  ...Ca,
-  props: ya,
-  emits: ga,
+  ...Va,
+  props: ha,
+  emits: ba,
   setup(l, { emit: t }) {
-    const e = l, n = Je(e, "modelValue", t), o = G(!0), r = G(null), s = i(() => {
+    const e = l, n = Ze(e, "modelValue", t), o = j(!0), r = j(null), s = u(() => {
       const { id: p } = e;
       return {
         id: p,
         open: o.value
       };
-    }), b = i(() => e.size ? ["vv-dialog", `vv-dialog--${e.size}`] : "vv-dialog"), c = i(() => `vv-dialog--${e.transition}`), d = {
+    }), b = u(() => e.size ? ["vv-dialog", `vv-dialog--${e.size}`] : "vv-dialog"), c = u(() => `vv-dialog--${e.transition}`), d = {
       "before-enter": () => {
         o.value = !0, t("open");
       },
@@ -1618,48 +1618,48 @@ const ql = {
     pt(r, () => {
       e.autoClose && (n.value = !1);
     });
-    function u() {
+    function i() {
       n.value = !1;
     }
-    return (p, v) => (m(), T(Ut, R({ name: a(c) }, jt(d)), {
-      default: we(() => [
+    return (p, v) => (m(), T(Mt, R({ name: a(c) }, Gt(d)), {
+      default: ke(() => [
         Se(E("dialog", R(a(s), { class: a(b) }), [
           E("article", {
             ref_key: "modalWrapper",
             ref: r,
             class: "vv-dialog__wrapper"
           }, [
-            p.$slots.header || p.title ? (m(), _("header", _a, [
+            p.$slots.header || p.title ? (m(), _("header", ga, [
               A(p.$slots, "header", {}, () => [
                 X(L(p.title) + " ", 1),
                 E("button", {
                   type: "button",
                   "aria-label": "Close",
                   class: "vv-dialog__close",
-                  onClick: Ze(u, ["prevent"])
+                  onClick: qe(i, ["prevent"])
                 }, [
-                  oe(U, { name: "close" })
-                ], 8, Sa)
+                  ae(M, { name: "close" })
+                ], 8, ya)
               ])
             ])) : I("", !0),
-            E("div", Va, [
+            E("div", _a, [
               A(p.$slots, "default")
             ]),
-            p.$slots.footer ? (m(), _("footer", $a, [
+            p.$slots.footer ? (m(), _("footer", Sa, [
               A(p.$slots, "footer")
             ])) : I("", !0)
           ], 512)
         ], 16), [
-          [Kt, a(n)]
+          [Ut, a(n)]
         ])
       ]),
       _: 3
     }, 16, ["name"]));
   }
 });
-function At(l, t, e = 0) {
+function $a(l, t, e = 0) {
   let n;
-  return typeof e == "string" && (e = parseInt(e)), i({
+  return typeof e == "string" && (e = parseInt(e)), u({
     get: () => l == null ? void 0 : l.value,
     set: (o) => {
       n && clearTimeout(n), n = setTimeout(() => {
@@ -1668,8 +1668,8 @@ function At(l, t, e = 0) {
     }
   });
 }
-function kt(l, t) {
-  const e = i(() => (a(l) ?? "").length), n = i(() => (t == null ? void 0 : t.lowerLimit) !== void 0 && e.value < (t == null ? void 0 : t.lowerLimit) ? e.value - t.lowerLimit : (t == null ? void 0 : t.upperLimit) !== void 0 && e.value < (t == null ? void 0 : t.upperLimit) ? t.upperLimit - e.value : 0), o = i(() => (t == null ? void 0 : t.mode) === !1 ? "" : (t == null ? void 0 : t.mode) === "limit" && (t != null && t.upperLimit) ? `${e.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : (t == null ? void 0 : t.mode) === "countdown" ? n.value === 0 ? void 0 : n : e.value);
+function Ca(l, t) {
+  const e = u(() => (a(l) ?? "").length), n = u(() => (t == null ? void 0 : t.lowerLimit) !== void 0 && e.value < (t == null ? void 0 : t.lowerLimit) ? e.value - t.lowerLimit : (t == null ? void 0 : t.upperLimit) !== void 0 && e.value < (t == null ? void 0 : t.upperLimit) ? t.upperLimit - e.value : 0), o = u(() => (t == null ? void 0 : t.mode) === !1 ? "" : (t == null ? void 0 : t.mode) === "limit" && (t != null && t.upperLimit) ? `${e.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : (t == null ? void 0 : t.mode) === "countdown" ? n.value === 0 ? void 0 : n : e.value);
   return {
     length: e,
     gap: n,
@@ -1690,7 +1690,7 @@ const S = {
   DATETIME_LOCAL: "datetime-local",
   MONTH: "month",
   WEEK: "week"
-}, be = {
+}, me = {
   PASSWORD_SHOW: "eye-on",
   PASSWORD_HIDE: "eye-off",
   DATE: "calendar",
@@ -1712,15 +1712,15 @@ const S = {
   multiple: Boolean,
   iconShowPassword: {
     type: String,
-    default: be.PASSWORD_SHOW
+    default: me.PASSWORD_SHOW
   },
   iconHidePassword: {
     type: String,
-    default: be.PASSWORD_HIDE
+    default: me.PASSWORD_HIDE
   },
   iconClear: {
     type: String,
-    default: be.SEARCH
+    default: me.SEARCH
   },
   labelStepUp: {
     type: String,
@@ -1742,9 +1742,9 @@ const S = {
     type: String,
     default: "Clear"
   }
-}, rt = D({
+}, st = D({
   components: {
-    VvIcon: U
+    VvIcon: M
   },
   props: {
     disabled: {
@@ -1761,16 +1761,16 @@ const S = {
     },
     iconShow: {
       type: String,
-      default: be.PASSWORD_SHOW
+      default: me.PASSWORD_SHOW
     },
     iconHide: {
       type: String,
-      default: be.PASSWORD_HIDE
+      default: me.PASSWORD_HIDE
     }
   },
   emits: ["toggle-password"],
   setup(l, { emit: t }) {
-    const e = G(!1), n = i(
+    const e = j(!1), n = u(
       () => e.value ? l.iconHide : l.iconShow
     );
     function o(r) {
@@ -1783,7 +1783,7 @@ const S = {
     };
   },
   render() {
-    const l = Q(U, {
+    const l = Q(M, {
       name: this.activeIcon,
       class: "vv-input-text__action-icon"
     });
@@ -1799,9 +1799,9 @@ const S = {
       l
     );
   }
-}), We = D({
+}), Fe = D({
   components: {
-    VvIcon: U
+    VvIcon: M
   },
   props: {
     disabled: {
@@ -1819,7 +1819,7 @@ const S = {
   },
   emits: ["step-up", "step-down"],
   setup(l, { emit: t }) {
-    const e = i(() => l.mode === "up");
+    const e = u(() => l.mode === "up");
     return {
       isUp: e,
       onClick: (o) => {
@@ -1838,9 +1838,9 @@ const S = {
       onClick: this.onClick
     });
   }
-}), it = D({
+}), rt = D({
   components: {
-    VvIcon: U
+    VvIcon: M
   },
   props: {
     disabled: {
@@ -1866,7 +1866,7 @@ const S = {
     };
   },
   render() {
-    const l = Q(U, {
+    const l = Q(M, {
       name: this.icon,
       class: "vv-input-text__action-icon"
     });
@@ -1883,18 +1883,18 @@ const S = {
     );
   }
 });
-function ze(l, t) {
+function Ke(l, t) {
   return {
     name: "VvInputTextActions",
     components: {
-      VvIcon: U,
-      VvInputPasswordAction: rt,
-      VvInputStepAction: We,
-      VvInputClearAction: it
+      VvIcon: M,
+      VvInputPasswordAction: st,
+      VvInputStepAction: Fe,
+      VvInputClearAction: rt
     },
     setup() {
       return {
-        isDisabled: i(() => t.disabled || t.readonly),
+        isDisabled: u(() => t.disabled || t.readonly),
         labelStepUp: t.labelStepUp,
         labelStepDown: t.labelStepDown,
         labelShowPassword: t.labelShowPassword,
@@ -1910,7 +1910,7 @@ function ze(l, t) {
         case S.SEARCH: {
           const { onClear: n } = this.$attrs;
           e = [
-            Q(it, {
+            Q(rt, {
               disabled: this.isDisabled,
               label: this.labelShowPassword,
               onClear: n
@@ -1921,7 +1921,7 @@ function ze(l, t) {
         case S.PASSWORD: {
           const { onTogglePassword: n } = this.$attrs;
           e = [
-            Q(rt, {
+            Q(st, {
               disabled: this.isDisabled,
               onTogglePassword: n,
               labelShow: this.labelShowPassword,
@@ -1935,14 +1935,14 @@ function ze(l, t) {
         case S.NUMBER: {
           const { onStepUp: n, onStepDown: o } = this.$attrs;
           e = [
-            Q(We, {
+            Q(Fe, {
               mode: "up",
               disabled: this.isDisabled || t.max !== void 0 && t.modelValue === t.max,
               label: this.labelStepUp,
               onStepUp: n,
               onStepDown: o
             }),
-            Q(We, {
+            Q(Fe, {
               mode: "down",
               disabled: this.isDisabled || t.min !== void 0 && t.modelValue === t.min,
               label: this.labelStepDown,
@@ -1967,73 +1967,73 @@ const wa = ["for"], Pa = { class: "vv-input-text__wrapper" }, Ia = ["id"], Oa =
   props: ka,
   emits: Aa,
   setup(l, { emit: t }) {
-    const e = l, n = ce(), o = G(), {
+    const e = l, n = ge(), o = j(), {
       icon: r,
       iconPosition: s,
       label: b,
       modelValue: c,
       count: d,
-      valid: u,
+      valid: i,
       invalid: p,
       loading: v
-    } = F(e), h = i(() => String(e.id || ve())), g = i(() => `${h.value}-hint`), y = i(
-      () => e.floating && ee(e.placeholder) ? " " : e.placeholder
-    ), f = At(c, t, e.debounce), { focused: V } = Ke(o, t), P = Qe(o);
-    Ae(P, (O) => {
+    } = W(e), h = u(() => String(e.id || de())), g = u(() => `${h.value}-hint`), y = u(
+      () => e.floating && fe(e.placeholder) ? " " : e.placeholder
+    ), f = $a(c, t, e.debounce), { focused: V } = tt(o, t), P = vt(o);
+    we(P, (O) => {
       O && e.autofocus && (V.value = !0);
     });
-    const $ = G(!1), x = i(() => e.type === S.PASSWORD), C = () => {
+    const $ = j(!1), x = u(() => e.type === S.PASSWORD), C = () => {
       $.value = !$.value;
-    }, M = i(
+    }, H = u(
       () => e.type === S.TIME || e.type === S.DATETIME_LOCAL || e.type === S.DATE || e.type === S.WEEK || e.type === S.MONTH
-    ), J = i(() => e.type === S.NUMBER), B = () => {
-      ue.value && (o.value.stepUp(), f.value = a(o).value);
-    }, j = () => {
-      ue.value && (o.value.stepDown(), f.value = a(o).value);
-    }, le = i(() => e.type === S.SEARCH), ne = () => {
+    ), J = u(() => e.type === S.NUMBER), B = () => {
+      ie.value && (o.value.stepUp(), f.value = a(o).value);
+    }, U = () => {
+      ie.value && (o.value.stepDown(), f.value = a(o).value);
+    }, te = u(() => e.type === S.SEARCH), oe = () => {
       f.value = void 0;
-    }, { hasIconLeft: se, hasIconRight: ae, hasIcon: fe } = je(
+    }, { hasIconLeft: ne, hasIconRight: le, hasIcon: ve } = et(
       r,
       s
-    ), re = i(() => {
+    ), se = u(() => {
       switch (e.type) {
         case S.COLOR:
-          return { name: be.COLOR };
+          return { name: me.COLOR };
         case S.DATE:
         case S.DATETIME_LOCAL:
         case S.WEEK:
         case S.MONTH:
-          return { name: be.DATE };
+          return { name: me.DATE };
         case S.TIME:
-          return { name: be.TIME };
+          return { name: me.TIME };
         default:
           return "";
       }
-    }), { formatted: ie } = kt(f, {
+    }), { formatted: re } = Ca(f, {
       mode: e.count,
       upperLimit: e.maxlength,
       lowerLimit: e.minlength
-    }), ue = i(() => !e.disabled && !e.readonly), q = i(
-      () => ue.value ? e.tabindex : -1
-    ), w = i(() => !ee(c)), Z = i(() => {
+    }), ie = u(() => !e.disabled && !e.readonly), q = u(
+      () => ie.value ? e.tabindex : -1
+    ), w = u(() => !fe(c)), Z = u(() => {
       if (p.value === !0)
         return !0;
-      if (u.value === !0)
+      if (i.value === !0)
         return !1;
-    }), { bemCssClasses: k } = H("vv-input-text", {
+    }), { bemCssClasses: k } = G("vv-input-text", {
       modifiers: e.modifiers,
-      valid: u,
+      valid: i,
       invalid: p,
       loading: v,
       disabled: e.disabled,
       readonly: e.readonly,
-      iconLeft: se,
-      iconRight: ae.value || !ee(re),
-      floating: e.floating && !ee(e.label),
+      iconLeft: ne,
+      iconRight: le.value || !fe(se),
+      floating: e.floating && !fe(e.label),
       dirty: w,
       focus: V
-    }), N = i(() => {
-      const O = (() => x.value && $.value || M.value && !w.value && !V.value ? S.TEXT : e.type)(), z = {
+    }), N = u(() => {
+      const O = (() => x.value && $.value || H.value && !w.value && !V.value ? S.TEXT : e.type)(), z = {
         type: O,
         name: e.name,
         tabindex: q.value,
@@ -2042,30 +2042,30 @@ const wa = ["for"], Pa = { class: "vv-input-text__wrapper" }, Ia = ["id"], Oa =
         required: e.required,
         autocomplete: e.autocomplete,
         "aria-invalid": Z.value,
-        "aria-describedby": !at.value && Pt.value ? g.value : void 0,
-        "aria-errormessage": at.value ? g.value : void 0
+        "aria-describedby": !lt.value && kt.value ? g.value : void 0,
+        "aria-errormessage": lt.value ? g.value : void 0
       };
       return (O === S.DATE || O === S.MONTH || O === S.WEEK || O === S.TIME || O === S.DATETIME_LOCAL || O === S.NUMBER) && (z.step = e.step, z.max = String(e.max), z.min = String(e.min)), (O === S.TEXT || O === S.SEARCH || O === S.URL || O === S.TEL || O === S.EMAIL || O === S.PASSWORD || O === S.NUMBER) && (z.placeholder = y.value), (O === S.TEXT || O === S.SEARCH || O === S.URL || O === S.TEL || O === S.EMAIL || O === S.PASSWORD) && (z.minlength = e.minlength, z.maxlength = e.maxlength, z.pattern = e.pattern), O === S.EMAIL && (z.multiple = e.multiple), z;
-    }), Y = i(() => ({
+    }), Y = u(() => ({
       valid: e.valid,
       invalid: e.invalid,
       modelValue: e.modelValue,
       togglePassword: C,
       stepUp: B,
-      stepDown: j,
-      clear: ne
-    })), { HintSlot: wt, hasHint: Pt, hasInvalid: at } = _e(e, n), It = ze(
+      stepDown: U,
+      clear: oe
+    })), { HintSlot: At, hasHint: kt, hasInvalid: lt } = _e(e, n), wt = Ke(
       S.PASSWORD,
       e
-    ), Ot = ze(
+    ), Pt = Ke(
       S.NUMBER,
       e
-    ), Et = ze(
+    ), It = Ke(
       S.SEARCH,
       e
     );
     return (O, z) => (m(), _("div", {
-      class: K(a(k))
+      class: F(a(k))
     }, [
       a(b) ? (m(), _("label", {
         key: 0,
@@ -2073,49 +2073,49 @@ const wa = ["for"], Pa = { class: "vv-input-text__wrapper" }, Ia = ["id"], Oa =
         class: "vv-input-text__label"
       }, L(a(b)), 9, wa)) : I("", !0),
       E("div", Pa, [
-        A(O.$slots, "before", W(te(a(Y))), () => [
-          a(se) ? (m(), T(U, R({
+        A(O.$slots, "before", K(ee(a(Y))), () => [
+          a(ne) ? (m(), T(M, R({
             key: 0,
             class: "vv-input-text__icon-left"
-          }, a(fe)), null, 16)) : I("", !0)
+          }, a(ve)), null, 16)) : I("", !0)
         ]),
         Se(E("input", R({
           id: a(h),
           ref_key: "input",
           ref: o,
-          "onUpdate:modelValue": z[0] || (z[0] = (Fe) => $e(f) ? f.value = Fe : null)
+          "onUpdate:modelValue": z[0] || (z[0] = (je) => $e(f) ? f.value = je : null)
         }, a(N), {
-          onKeyup: z[1] || (z[1] = (Fe) => t("keyup", Fe))
+          onKeyup: z[1] || (z[1] = (je) => t("keyup", je))
         }), null, 16, Ia), [
-          [Ft, a(f)]
+          [jt, a(f)]
         ]),
-        A(O.$slots, "after", W(te(a(Y))), () => [
-          a(ae) || a(re) ? (m(), T(U, W(R({ key: 0 }, a(ae) ? a(fe) : a(re))), null, 16)) : a(x) ? (m(), T(a(It), {
+        A(O.$slots, "after", K(ee(a(Y))), () => [
+          a(le) || a(se) ? (m(), T(M, K(R({ key: 0 }, a(le) ? a(ve) : a(se))), null, 16)) : a(x) ? (m(), T(a(wt), {
             key: 1,
             onTogglePassword: C
-          })) : a(J) ? (m(), T(a(Ot), {
+          })) : a(J) ? (m(), T(a(Pt), {
             key: 2,
             onStepUp: B,
-            onStepDown: j
-          })) : a(le) ? (m(), T(a(Et), {
+            onStepDown: U
+          })) : a(te) ? (m(), T(a(It), {
             key: 3,
-            onClear: ne
+            onClear: oe
           })) : I("", !0)
         ]),
         a(d) ? (m(), _("span", Oa, [
-          A(O.$slots, "count", W(te(a(Y))), () => [
-            X(L(a(ie)), 1)
+          A(O.$slots, "count", K(ee(a(Y))), () => [
+            X(L(a(re)), 1)
           ])
         ])) : I("", !0)
       ]),
-      oe(a(wt), {
+      ae(a(At), {
         id: a(g),
         class: "vv-input-text__hint"
       }, null, 8, ["id"])
     ], 2));
   }
 }), Ra = {
-  ...pe,
+  ...ce,
   value: {
     type: [Number, String],
     default: void 0
@@ -2133,7 +2133,7 @@ const wa = ["for"], Pa = { class: "vv-input-text__wrapper" }, Ia = ["id"], Oa =
   ...La,
   props: Ra,
   setup(l) {
-    const t = l, { value: e, max: n, label: o } = F(t), r = i(() => t.value === void 0), { bemCssClasses: s } = H("vv-progress", {
+    const t = l, { value: e, max: n, label: o } = W(t), r = u(() => t.value === void 0), { bemCssClasses: s } = G("vv-progress", {
       modifiers: t.modifiers,
       indeterminate: r
     });
@@ -2164,33 +2164,33 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
   props: Da,
   emits: Ta,
   setup(l, { emit: t }) {
-    const e = l, n = ce(), { disabled: o, readonly: r, modelValue: s, valid: b, invalid: c } = Ba(
+    const e = l, n = ge(), { disabled: o, readonly: r, modelValue: s, valid: b, invalid: c } = Ba(
       e,
       t
-    ), d = i(() => String(e.id || ve())), u = i(() => v.value ? -1 : e.tabindex), p = G(), v = i(() => o.value || r.value), h = i(() => {
+    ), d = u(() => String(e.id || de())), i = u(() => v.value ? -1 : e.tabindex), p = j(), v = u(() => o.value || r.value), h = u(() => {
       if (c.value === !0)
         return !0;
       if (b.value === !0)
         return !1;
-    }), g = i(
-      () => Array.isArray(s.value) ? me(e.value, s.value) : he(e.value, s.value)
-    ), y = i(
+    }), g = u(
+      () => Array.isArray(s.value) ? pe(e.value, s.value) : be(e.value, s.value)
+    ), y = u(
       () => ["string", "number", "boolean"].includes(typeof e.value) ? e.value : !0
-    ), f = i({
+    ), f = u({
       get() {
         return g.value ? y.value : null;
       },
       set($) {
         Array.isArray(s.value) ? s.value = [e.value] : s.value = e.value, t("change", $);
       }
-    }), { bemCssClasses: V } = H("vv-radio", {
+    }), { bemCssClasses: V } = G("vv-radio", {
       valid: b,
       invalid: c,
       disabled: o,
       readonly: r
     }), { HintSlot: P } = _e(e, n);
     return ($, x) => (m(), _("label", {
-      class: K(a(V)),
+      class: F(a(V)),
       for: a(d)
     }, [
       Se(E("input", {
@@ -2203,28 +2203,28 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
         name: $.name,
         disabled: a(v),
         value: a(y),
-        tabindex: a(u),
+        tabindex: a(i),
         "aria-invalid": a(h)
       }, null, 8, xa), [
-        [Wt, a(f)]
+        [Ft, a(f)]
       ]),
       A($.$slots, "default", { value: a(s) }, () => [
         X(L($.label), 1)
       ]),
-      oe(a(P), {
+      ae(a(P), {
         class: "vv-radio__hint",
         params: { value: a(s) }
       }, null, 8, ["params"])
     ], 10, Na));
   }
-}), Ga = Vt, Ua = ["update:modelValue", "change"], ja = ["textContent"], Ka = { class: "vv-radio-group__wrapper" }, Fa = {
+}), Ga = Vt, Ua = ["update:modelValue", "change"], ja = ["textContent"], Fa = { class: "vv-radio-group__wrapper" }, Ka = {
   name: "VvRadioGroup"
 }, yo = /* @__PURE__ */ D({
-  ...Fa,
+  ...Ka,
   props: Ga,
   emits: Ua,
   setup(l, { emit: t }) {
-    const e = l, n = ce(), o = Je(e, "modelValue", t), { disabled: r, readonly: s, vertical: b, valid: c, invalid: d } = F(e);
+    const e = l, n = ge(), o = Ze(e, "modelValue", t), { disabled: r, readonly: s, vertical: b, valid: c, invalid: d } = W(e);
     He({
       key: mt,
       modelValue: o,
@@ -2233,10 +2233,10 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
       valid: c,
       invalid: d
     });
-    const { getOptionLabel: p, getOptionValue: v } = Le(e), { bemCssClasses: h } = H("vv-radio-group", {
+    const { getOptionLabel: p, getOptionValue: v } = Le(e), { bemCssClasses: h } = G("vv-radio-group", {
       disabled: r,
       readonly: s,
-      horizontal: i(() => !b.value),
+      horizontal: u(() => !b.value),
       valid: c,
       invalid: d
     }), g = (f, V) => ({
@@ -2246,16 +2246,16 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
       value: v(f)
     }), { HintSlot: y } = _e(e, n);
     return (f, V) => (m(), _("fieldset", {
-      class: K(a(h))
+      class: F(a(h))
     }, [
       f.label ? (m(), _("legend", {
         key: 0,
         textContent: L(f.label)
       }, null, 8, ja)) : I("", !0),
-      E("div", Ka, [
-        f.options.length > 0 ? (m(!0), _(ge, { key: 0 }, Ce(f.options, (P, $) => (m(), T(Ma, R({ key: $ }, g(P, $)), null, 16))), 128)) : A(f.$slots, "default", { key: 1 })
+      E("div", Fa, [
+        f.options.length > 0 ? (m(!0), _(he, { key: 0 }, Ce(f.options, (P, $) => (m(), T(Ma, R({ key: $ }, g(P, $)), null, 16))), 128)) : A(f.$slots, "default", { key: 1 })
       ]),
-      oe(a(y), { class: "vv-radio-group__hint" })
+      ae(a(y), { class: "vv-radio-group__hint" })
     ], 2));
   }
 }), Wa = {
@@ -2283,49 +2283,49 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
   props: Xa,
   emits: qa,
   setup(l, { emit: t }) {
-    const e = l, n = ce(), o = G(), {
+    const e = l, n = useSlots(), o = ref(), {
       icon: r,
       iconPosition: s,
       label: b,
       modelValue: c,
       count: d,
-      valid: u,
+      valid: i,
       invalid: p,
       loading: v
-    } = F(e), h = i(() => String(e.id || ve())), g = i(() => `${h.value}-hint`), y = i(
-      () => e.floating && ee(e.placeholder) ? " " : e.placeholder
-    ), f = At(c, t, e.debounce), { hasIcon: V, hasIconLeft: P, hasIconRight: $ } = je(
+    } = toRefs(e), h = computed(() => String(e.id || de())), g = computed(() => `${h.value}-hint`), y = computed(
+      () => e.floating && isEmpty(e.placeholder) ? " " : e.placeholder
+    ), f = useDebouncedInput(c, t, e.debounce), { hasIcon: V, hasIconLeft: P, hasIconRight: $ } = useComponentIcon(
       r,
       s
-    ), { focused: x } = Ke(o, t), C = Qe(o);
-    Ae(C, (q) => {
+    ), { focused: x } = useComponentFocus(o, t), C = useElementVisibility(o);
+    watch(C, (q) => {
       q && e.autofocus && (x.value = !0);
     });
-    const { formatted: M } = kt(f, {
+    const { formatted: H } = useTextCount(f, {
       mode: e.count,
       upperLimit: e.maxlength,
       lowerLimit: e.minlength
-    }), J = i(() => !e.disabled && !e.readonly), B = i(
+    }), J = computed(() => !e.disabled && !e.readonly), B = computed(
       () => J.value ? e.tabindex : -1
-    ), j = i(() => !ee(c)), le = i(() => {
+    ), U = computed(() => !isEmpty(c)), te = computed(() => {
       if (e.invalid === !0)
         return !0;
       if (e.valid === !0)
         return !1;
-    }), { HintSlot: ne, hasHint: se, hasInvalid: ae } = _e(e, n), { bemCssClasses: fe } = H("vv-textarea", {
+    }), { HintSlot: oe, hasHint: ne, hasInvalid: le } = _e(e, n), { bemCssClasses: ve } = useBemModifiers("vv-textarea", {
       modifiers: e.modifiers,
-      valid: u,
+      valid: i,
       invalid: p,
       loading: v,
       disabled: e.disabled,
       readonly: e.readonly,
       iconLeft: P,
       iconRight: $,
-      floating: e.floating && !ee(e.label),
-      dirty: j,
+      floating: e.floating && !isEmpty(e.label),
+      dirty: U,
       focused: x,
       resizable: e.resizable
-    }), re = i(
+    }), se = computed(
       () => ({
         name: e.name,
         placeholder: y.value,
@@ -2340,23 +2340,23 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
         rows: e.rows,
         wrap: e.wrap,
         spellcheck: e.spellcheck,
-        "aria-invalid": le.value,
-        "aria-describedby": !ae.value && se.value ? g.value : void 0,
-        "aria-errormessage": ae.value ? g.value : void 0
+        "aria-invalid": te.value,
+        "aria-describedby": !le.value && ne.value ? g.value : void 0,
+        "aria-errormessage": le.value ? g.value : void 0
       })
-    ), ie = i(() => ({
+    ), re = computed(() => ({
       valid: e.valid,
       invalid: e.invalid,
       modelValue: e.modelValue,
       hintLabel: e.hintLabel,
       maxlength: e.maxlength,
       minlength: e.minlength,
-      clear: ue
-    })), ue = () => {
+      clear: ie
+    })), ie = () => {
       f.value = void 0;
     };
     return (q, w) => (m(), _("div", {
-      class: K(a(fe))
+      class: F(a(ve))
     }, [
       a(b) ? (m(), _("label", {
         key: 0,
@@ -2364,8 +2364,8 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
         class: "vv-textarea__label"
       }, L(a(b)), 9, Za)) : I("", !0),
       E("div", Ya, [
-        A(q.$slots, "before", W(te(a(ie))), () => [
-          a(P) ? (m(), T(U, R({
+        A(q.$slots, "before", K(ee(a(re))), () => [
+          a(P) ? (m(), T(M, R({
             key: 0,
             class: "vv-textarea__icon-left"
           }, a(V)), null, 16)) : I("", !0)
@@ -2375,21 +2375,21 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
           ref_key: "textarea",
           ref: o,
           "onUpdate:modelValue": w[0] || (w[0] = (Z) => $e(f) ? f.value = Z : null)
-        }, a(re), {
+        }, a(se), {
           onKeyup: w[1] || (w[1] = (Z) => t("keyup", Z))
         }), null, 16, Ja), [
-          [vt, a(f)]
+          [ct, a(f)]
         ]),
-        A(q.$slots, "after", W(te(a(ie))), () => [
-          a($) ? (m(), T(U, W(R({ key: 0 }, a(V))), null, 16)) : I("", !0)
+        A(q.$slots, "after", K(ee(a(re))), () => [
+          a($) ? (m(), T(M, K(R({ key: 0 }, a(V))), null, 16)) : I("", !0)
         ]),
         a(d) ? (m(), _("span", Qa, [
-          A(q.$slots, "count", W(te(a(ie))), () => [
-            X(L(a(M)), 1)
+          A(q.$slots, "count", K(ee(a(re))), () => [
+            X(L(a(H)), 1)
           ])
         ])) : I("", !0)
       ]),
-      oe(a(ne), {
+      ae(a(oe), {
         id: a(g),
         class: "vv-textarea__hint"
       }, null, 8, ["id"])
@@ -2398,23 +2398,23 @@ const Na = ["for"], xa = ["id", "name", "disabled", "value", "tabindex", "aria-i
 });
 export {
   so as VolverPlugin,
-  il as VvAccordion,
+  sl as VvAccordion,
   ro as VvAccordionGroup,
   io as VvBadge,
   uo as VvBreadcrumb,
   co as VvButton,
   vo as VvButtonGroup,
   po as VvCard,
-  Ul as VvCheckbox,
+  Ml as VvCheckbox,
   fo as VvCheckboxGroup,
   mo as VvCombobox,
   bo as VvDialog,
-  ta as VvDropdown,
-  U as VvIcon,
+  Ql as VvDropdown,
+  M as VvIcon,
   ho as VvInputText,
   go as VvProgress,
   Ma as VvRadio,
   yo as VvRadioGroup,
-  da as VvSelect,
+  ia as VvSelect,
   _o as VvTextarea
 };