@volverjs/ui-vue 0.0.1-beta.11 → 0.0.1-beta.12

package/dist/index.es.js

@@ -1,44 +1,62 @@
-var ye = Object.defineProperty;
-var he = (e, o, t) => o in e ? ye(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var z = (e, o, t) => (he(e, typeof o != "symbol" ? o + "" : o, t), t);
-import { addCollection as be, addIcon as se, iconExists as Y, Icon as _e } from "@iconify/vue";
-import { computed as h, unref as m, defineComponent as w, ref as M, toRefs as P, inject as le, openBlock as y, createBlock as j, mergeProps as E, createCommentVNode as B, toRef as Ve, useAttrs as T, resolveDynamicComponent as ae, withCtx as ee, renderSlot as C, createElementBlock as V, toDisplayString as O, Fragment as U, createTextVNode as N, normalizeClass as F, isRef as Ce, provide as ke, createElementVNode as A, renderList as Z, watch as Se, h as $e, useSlots as Ae, createVNode as ie, Transition as Be, toHandlers as Oe, withDirectives as we, withModifiers as Pe, vShow as Ge } from "vue";
+var be = Object.defineProperty;
+var _e = (e, n, t) => n in e ? be(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var K = (e, n, t) => (_e(e, typeof n != "symbol" ? n + "" : n, t), t);
+import { addCollection as Ve, addIcon as ae, iconExists as Y, Icon as Ce } from "@iconify/vue";
+import { computed as y, unref as p, defineComponent as P, ref as H, toRefs as S, inject as le, openBlock as g, createBlock as D, mergeProps as E, createCommentVNode as O, toRef as ke, useAttrs as W, useSlots as ie, resolveDynamicComponent as ue, withCtx as ee, renderSlot as C, createElementBlock as _, toDisplayString as B, Fragment as U, createTextVNode as j, normalizeClass as N, isRef as $e, provide as Se, createElementVNode as $, renderList as J, watch as Ae, h as Oe, createVNode as ce, Transition as Be, toHandlers as we, withDirectives as Pe, withModifiers as Ge, vShow as Ee } from "vue";
 import { v4 as te } from "uuid";
-import { useVModel as W, useFocus as Ee, toReactive as Ie, onClickOutside as Re } from "@vueuse/core";
-const oe = "ds";
-class De {
+import { useVModel as X, useFocus as Ie, toReactive as Re, onClickOutside as De } from "@vueuse/core";
+const ne = "ds";
+class je {
   constructor({
-    fetchWithCredentials: o = !1,
+    fetchWithCredentials: n = !1,
     fetchOptions: t = {},
     iconsCollections: r = []
   } = {}) {
-    z(this, "fetchOptions");
-    z(this, "iconsCollections");
-    z(this, "provider");
-    o && (t = { ...t, credentials: "include" }), this.provider = oe, this.fetchOptions = t, this.iconsCollections = r, this.iconsCollections.forEach((n) => {
-      this.addCollection(n, this.provider);
+    K(this, "fetchOptions");
+    K(this, "iconsCollections");
+    K(this, "provider");
+    n && (t = { ...t, credentials: "include" }), this.provider = ne, this.fetchOptions = t, this.iconsCollections = r, this.iconsCollections.forEach((o) => {
+      this.addCollection(o, this.provider);
     });
   }
-  addCollection(o, t) {
-    return be(o, t);
+  addCollection(n, t) {
+    return Ve(n, t);
   }
-  addIcon(o, t) {
-    return se(o, t);
+  addIcon(n, t) {
+    return ae(n, t);
   }
-  fetchIcon(o, t) {
-    return new Promise((r, n) => {
-      fetch(o, { ...this.fetchOptions, ...t }).catch((l) => n(l)).then((l) => l == null ? void 0 : l.text()).then((l) => r(l));
+  fetchIcon(n, t) {
+    return new Promise((r, o) => {
+      fetch(n, { ...this.fetchOptions, ...t }).catch((a) => o(a)).then((a) => a == null ? void 0 : a.text()).then((a) => r(a));
     });
   }
 }
 const jt = {
-  install(e, o) {
-    const t = new De(o);
-    e.config.globalProperties.$ds = t, e.provide(oe, t);
+  install(e, n) {
+    const t = new je(n);
+    e.config.globalProperties.$ds = t, e.provide(ne, t);
   }
+}, de = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, ve = {
+  error: Boolean,
+  errorLabel: [String, Array]
+}, oe = {
+  disabled: Boolean
+}, z = {
+  modifiers: [String, Array]
+}, Ne = {
+  hintLabel: { type: String, default: "" }
+}, Fe = {
+  options: { type: Array, default: () => [] },
+  optionLabel: { type: [String, Function], default: () => "label" },
+  optionValue: { type: [String, Function], default: () => "value" }
 };
-var L = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(L || {}), q = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(q || {}), ue = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(ue || {});
-const je = {
+var L = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(L || {}), q = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(q || {}), fe = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(fe || {});
+const qe = {
+  ...z,
+  ...oe,
   icon: String,
   iconPosition: {
     type: String,
@@ -58,71 +76,64 @@ const je = {
   href: String,
   target: {
     type: String,
-    validator: (e) => e in ue
+    validator: (e) => e in fe
   },
-  block: Boolean,
   active: Boolean,
-  rounded: Boolean,
-  disabled: Boolean,
-  fullBleed: Boolean,
-  action: Boolean,
-  actionQuiet: Boolean,
-  selected: Boolean,
-  modifiers: [Array, String]
+  selected: Boolean
 }, b = {
-  equals(e, o, t) {
-    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(o, t) : this.deepEquals(e, o);
+  equals(e, n, t) {
+    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(n, t) : this.deepEquals(e, n);
   },
-  deepEquals(e, o) {
-    if (e === o)
+  deepEquals(e, n) {
+    if (e === n)
       return !0;
-    if (e && o && typeof e == "object" && typeof o == "object") {
-      const t = Array.isArray(e), r = Array.isArray(o);
-      let n, l, a;
+    if (e && n && typeof e == "object" && typeof n == "object") {
+      const t = Array.isArray(e), r = Array.isArray(n);
+      let o, a, l;
       if (t && r) {
-        if (l = e.length, l != o.length)
+        if (a = e.length, a != n.length)
           return !1;
-        for (n = l; n-- !== 0; )
-          if (!this.deepEquals(e[n], o[n]))
+        for (o = a; o-- !== 0; )
+          if (!this.deepEquals(e[o], n[o]))
             return !1;
         return !0;
       }
       if (t != r)
         return !1;
-      const c = e instanceof Date, i = o instanceof Date;
-      if (c != i)
+      const u = e instanceof Date, i = n instanceof Date;
+      if (u != i)
         return !1;
-      if (c && i)
-        return e.getTime() == o.getTime();
-      const f = e instanceof RegExp, u = o instanceof RegExp;
-      if (f != u)
+      if (u && i)
+        return e.getTime() == n.getTime();
+      const d = e instanceof RegExp, c = n instanceof RegExp;
+      if (d != c)
         return !1;
-      if (f && u)
-        return e.toString() == o.toString();
+      if (d && c)
+        return e.toString() == n.toString();
       const s = Object.keys(e);
-      if (l = s.length, l !== Object.keys(o).length)
+      if (a = s.length, a !== Object.keys(n).length)
         return !1;
-      for (n = l; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(o, s[n]))
+      for (o = a; o-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(n, s[o]))
           return !1;
-      for (n = l; n-- !== 0; )
-        if (a = s[n], !this.deepEquals(e[a], o[a]))
+      for (o = a; o-- !== 0; )
+        if (l = s[o], !this.deepEquals(e[l], n[l]))
           return !1;
       return !0;
     }
-    return e !== e && o !== o;
+    return e !== e && n !== n;
   },
-  resolveFieldData(e, o) {
-    if (e && Object.keys(e).length && o) {
-      if (o.indexOf(".") === -1)
-        return e[o];
+  resolveFieldData(e, n) {
+    if (e && Object.keys(e).length && n) {
+      if (n.indexOf(".") === -1)
+        return e[n];
       {
-        const t = o.split(".");
+        const t = n.split(".");
         let r = e;
-        for (let n = 0, l = t.length; n < l; ++n) {
+        for (let o = 0, a = t.length; o < a; ++o) {
           if (e == null)
             return null;
-          r = r[t[n]];
+          r = r[t[o]];
         }
         return r;
       }
@@ -132,20 +143,20 @@ const je = {
   isFunction(e) {
     return !!(e && e.constructor && e.call && e.apply);
   },
-  findIndexInList(e, o) {
+  findIndexInList(e, n) {
     let t = -1;
-    if (o) {
-      for (let r = 0; r < o.length; r++)
-        if (this.equals(o[r], e)) {
+    if (n) {
+      for (let r = 0; r < n.length; r++)
+        if (this.equals(n[r], e)) {
           t = r;
           break;
         }
     }
     return t;
   },
-  contains(e, o) {
-    if (e != null && o && o.length) {
-      for (const t of o)
+  contains(e, n) {
+    if (e != null && n && n.length) {
+      for (const t of n)
         if (this.equals(e, t))
           return !0;
     }
@@ -157,38 +168,38 @@ const je = {
   isNotEmpty(e) {
     return !this.isEmpty(e);
   },
-  pickBy(e, o) {
+  pickBy(e, n) {
     return Object.fromEntries(
-      Object.entries(e).filter(([t]) => o(t))
+      Object.entries(e).filter(([t]) => n(t))
     );
   },
-  removeFromList(e, o) {
-    const t = this.findIndexInList(e, o);
-    return t > -1 ? o.filter((r, n) => n !== t) : o;
+  removeFromList(e, n) {
+    const t = this.findIndexInList(e, n);
+    return t > -1 ? n.filter((r, o) => o !== t) : n;
   },
   isString(e) {
     return typeof e == "string" || e instanceof String;
   },
   propsToObject(e) {
-    return Object.keys(e).reduce((o, t) => {
-      var r, n, l, a, c;
-      return this.isFunction(e[t]) ? o[t] = e[t]() : Array.isArray(e[t]) ? o[t] = e[t][0]() : (r = e[t]) != null && r.type && (Array.isArray(e[t].type) ? o[t] = ((n = e[t]) == null ? void 0 : n.default) || ((l = e[t]) == null ? void 0 : l.type[0]()) : o[t] = ((a = e[t]) == null ? void 0 : a.default) || ((c = e[t]) == null ? void 0 : c.type())), o;
+    return Object.keys(e).reduce((n, t) => {
+      var r, o, a, l, u;
+      return this.isFunction(e[t]) ? n[t] = e[t]() : Array.isArray(e[t]) ? n[t] = e[t][0]() : (r = e[t]) != null && r.type && (Array.isArray(e[t].type) ? n[t] = ((o = e[t]) == null ? void 0 : o.default) || ((a = e[t]) == null ? void 0 : a.type[0]()) : n[t] = ((l = e[t]) == null ? void 0 : l.default) || ((u = e[t]) == null ? void 0 : u.type())), n;
     }, {});
   },
-  filterArray(e, o, t) {
-    return e.filter((r) => o.some((n) => typeof n == "string" ? r[t] == n : this.equals(
+  filterArray(e, n, t) {
+    return e.filter((r) => n.some((o) => typeof o == "string" ? r[t] == o : this.equals(
       r[t],
-      n[t]
+      o[t]
     )));
   },
   kebabCase(e) {
-    var o, t;
+    var n, t;
     if (e)
-      return (t = (o = e.match(
+      return (t = (n = e.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 : o.join("-")) == null ? void 0 : t.toLowerCase();
+      )) == null ? void 0 : n.join("-")) == null ? void 0 : t.toLowerCase();
   }
-}, Ne = {
+}, Le = {
   color: String,
   width: {
     type: [String, Number]
@@ -220,22 +231,22 @@ const je = {
     type: [String, Array]
   }
 };
-function G(e, o) {
+function w(e, n) {
   const t = { [`${e}`]: !0 };
   return {
-    bemCssClasses: h(() => Object.keys(o).reduce((n, l) => {
-      const a = m(o[l]) || !1;
-      if (!a)
-        return n;
-      if (l === "modifiers") {
-        const c = Array.isArray(a) ? a : [a];
+    bemCssClasses: y(() => Object.keys(n).reduce((o, a) => {
+      const l = p(n[a]) || !1;
+      if (!l)
+        return o;
+      if (a === "modifiers") {
+        const u = Array.isArray(l) ? l : [l];
         return {
-          ...n,
-          ...c.reduce(
-            (i, f) => ({
+          ...o,
+          ...u.reduce(
+            (i, d) => ({
               ...i,
               [`${e}--${b.kebabCase(
-                f
+                d
               )}`]: !0
             }),
             {}
@@ -243,206 +254,191 @@ function G(e, o) {
         };
       } else
         return {
-          ...n,
-          [`${e}--${b.kebabCase(l)}`]: a
+          ...o,
+          [`${e}--${b.kebabCase(a)}`]: l
         };
     }, t) || {})
   };
 }
-const x = /* @__PURE__ */ w({
+const x = /* @__PURE__ */ P({
   __name: "VvIcon",
-  props: Ne,
+  props: Le,
   setup(e) {
-    const o = e, t = M(!0), { modifiers: r } = P(o), n = le(oe), { bemCssClasses: l } = G("vv-icon", {
+    const n = e, t = H(!0), { modifiers: r } = S(n), o = le(ne), { bemCssClasses: a } = w("vv-icon", {
       modifiers: r
-    }), a = h(() => o.provider || (n == null ? void 0 : n.provider)), c = h(() => {
-      const u = o.name || "", s = `@${a.value}:${o.prefix}:${o.name}`;
-      return Y(u) ? u : Y(s) ? s : (n == null ? void 0 : n.iconsCollections.find((v) => {
-        const d = `@${a.value}:${v.prefix}:${u}`;
-        if (Y(d))
-          return d;
-      })) || u;
+    }), l = y(() => n.provider || (o == null ? void 0 : o.provider)), u = y(() => {
+      const c = n.name || "", s = `@${l.value}:${n.prefix}:${n.name}`;
+      return Y(c) ? c : Y(s) ? s : (o == null ? void 0 : o.iconsCollections.find((f) => {
+        const v = `@${l.value}:${f.prefix}:${c}`;
+        if (Y(v))
+          return v;
+      })) || c;
     });
-    function i(u) {
+    function i(c) {
       let s = null;
       if (typeof window > "u") {
-        const { JSDOM: p } = require("jsdom");
-        s = new p().window;
+        const { JSDOM: m } = require("jsdom");
+        s = new m().window;
       }
-      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(u, "text/html").querySelector("svg");
+      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(c, "text/html").querySelector("svg");
     }
-    function f(u) {
-      const s = i(u), v = (s == null ? void 0 : s.innerHTML.trim()) || "";
-      s && v && se(`@${a.value}:${o.prefix}:${o.name}`, {
-        body: v,
+    function d(c) {
+      const s = i(c), f = (s == null ? void 0 : s.innerHTML.trim()) || "";
+      s && f && ae(`@${l.value}:${n.prefix}:${n.name}`, {
+        body: f,
         height: s.viewBox.baseVal.height,
         width: s.viewBox.baseVal.width
       });
     }
-    return n && (o.src ? (t.value = !1, n.fetchIcon(o.src).then((u) => {
-      u && (f(u), t.value = !0);
-    }).catch((u) => {
-      throw new Error(`During fetch icon: ${u == null ? void 0 : u.message}`);
-    })) : o.svg && f(o.svg)), (u, s) => t.value ? (y(), j(m(_e), E({
+    return o && (n.src ? (t.value = !1, o.fetchIcon(n.src).then((c) => {
+      c && (d(c), t.value = !0);
+    }).catch((c) => {
+      throw new Error(`During fetch icon: ${c == null ? void 0 : c.message}`);
+    })) : n.svg && d(n.svg)), (c, s) => t.value ? (g(), D(p(Ce), E({
       key: 0,
-      class: m(l)
+      class: p(a)
     }, {
-      ...u.$props,
-      provider: m(a),
-      icon: m(c)
-    }), null, 16, ["class"])) : B("", !0);
+      ...c.$props,
+      provider: p(l),
+      icon: p(u)
+    }), null, 16, ["class"])) : O("", !0);
   }
 });
-function ne(e) {
-  const o = le(e, void 0), t = h(() => b.isNotEmpty(o));
-  function r(n, l, a) {
-    if (o != null && o.value) {
-      const c = m(o.value)[n];
-      return h({
+function re(e) {
+  const n = le(e, void 0), t = y(() => b.isNotEmpty(n));
+  function r(o, a, l) {
+    if (n != null && n.value) {
+      const u = p(n.value)[o];
+      return y({
         get() {
-          return c == null ? void 0 : c.value;
+          return u == null ? void 0 : u.value;
         },
         set(i) {
-          c.value = i;
+          u.value = i;
         }
       });
     } else {
-      const c = Ve(l, n);
-      return h({
+      const u = ke(a, o);
+      return y({
         get() {
-          return c.value;
+          return u.value;
         },
         set(i) {
-          a && a(`update:${n}`, i);
+          l && l(`update:${o}`, i);
         }
       });
     }
   }
   return {
-    group: o,
+    group: n,
     isInGroup: t,
     getGroupOrLocalRef: r
   };
 }
-const ce = Symbol("VV_BUTTON_GROUP"), de = Symbol("VV_CHECK_GROUP"), ve = Symbol("VV_ACCORDION_GROUP");
-function Fe(e) {
-  const { group: o, isInGroup: t, getGroupOrLocalRef: r } = ne(ce), { modifiers: n, fullBleed: l, iconPosition: a, icon: c, label: i, block: f, selected: u } = P(e), s = r("modelValue", e), v = r("disabled", e), d = r("toggle", e), g = r("rounded", e), p = r("action", e), _ = r("actionQuiet", e);
+const pe = Symbol("VV_BUTTON_GROUP"), me = Symbol("VV_CHECK_GROUP"), ge = Symbol("VV_ACCORDION_GROUP");
+function He(e) {
+  const { group: n, isInGroup: t, getGroupOrLocalRef: r } = re(pe), { iconPosition: o, icon: a, label: l, selected: u } = S(e), i = r("modelValue", e), d = r("disabled", e), c = r("toggle", e), s = r("modifiers", e);
   return {
-    modelValue: s,
-    disabled: v,
-    toggle: d,
+    modelValue: i,
+    disabled: d,
+    toggle: c,
     isInGroup: t,
-    group: o,
-    modifiers: n,
-    action: p,
-    actionQuiet: _,
+    group: n,
+    modifiers: s,
     selected: u,
-    block: f,
-    rounded: g,
-    fullBleed: l,
-    iconPosition: a,
-    icon: c,
-    label: i
+    iconPosition: o,
+    icon: a,
+    label: l
   };
 }
-const qe = {
+const Me = {
   key: 1,
   class: "vv-button__label"
-}, Le = {
+}, Ue = {
   key: 1,
   class: "vv-button__label"
-}, Nt = /* @__PURE__ */ w({
+}, Nt = /* @__PURE__ */ P({
   __name: "VvButton",
-  props: je,
+  props: qe,
   setup(e) {
-    const o = e, t = T(), r = (t == null ? void 0 : t.name) || te(), {
-      modifiers: n,
-      action: l,
-      actionQuiet: a,
-      block: c,
-      rounded: i,
-      fullBleed: f,
-      iconPosition: u,
-      icon: s,
-      label: v,
+    const n = e, t = W(), r = ie(), o = (t == null ? void 0 : t.name) || te(), {
+      modifiers: a,
+      iconPosition: l,
+      icon: u,
+      label: i,
       modelValue: d,
-      disabled: g,
-      toggle: p,
-      isInGroup: _
-    } = Fe(o), S = h(() => {
+      disabled: c,
+      toggle: s,
+      isInGroup: f
+    } = He(n), v = y(() => {
       switch (!0) {
-        case g.value:
+        case c.value:
           return q.button;
-        case o.to !== void 0:
+        case n.to !== void 0:
           return q.routerLink;
-        case o.href !== void 0:
+        case n.href !== void 0:
           return q.a;
         default:
           return q.button;
       }
-    }), R = h(() => p.value ? Array.isArray(d.value) ? b.contains(r, d.value) : b.equals(r, d.value) : o.active), D = h(() => p.value ? Array.isArray(d.value) ? b.contains(r, d.value) : b.equals(r, d.value) : o.selected), { bemCssClasses: J } = G("vv-button", {
-      modifiers: n,
-      active: R,
-      action: l,
-      actionQuiet: a,
-      selected: D,
-      block: c,
-      rounded: i,
-      fullBleed: f,
-      disabled: g,
-      reverse: h(
+    }), h = y(() => s.value ? Array.isArray(d.value) ? b.contains(o, d.value) : b.equals(o, d.value) : n.active), m = y(() => s.value ? Array.isArray(d.value) ? b.contains(o, d.value) : b.equals(o, d.value) : n.selected), { bemCssClasses: V } = w("vv-button", {
+      modifiers: a,
+      active: h,
+      selected: m,
+      disabled: c,
+      reverse: y(
         () => [L.right, L.bottom].includes(
-          u.value
+          l.value
         )
       ),
-      column: h(
+      column: y(
         () => [L.top, L.bottom].includes(
-          u.value
+          l.value
         )
       ),
-      iconOnly: h(() => (s == null ? void 0 : s.value) && !(v != null && v.value))
-    }), X = h(() => ({
-      ...$.value,
-      "aria-label": o.label || t["aria-label"],
-      "aria-disabled": g.value,
+      iconOnly: y(() => (u == null ? void 0 : u.value) && !(i != null && i.value) && !r.default)
+    }), A = y(() => ({
+      ...I.value,
+      "aria-label": n.label || t["aria-label"],
+      "aria-disabled": c.value,
       role: "button",
-      class: J.value,
-      to: o.to
-    })), $ = h(() => {
-      const k = S.value === q.a;
-      let H = {};
-      return k && (H = g.value ? {
+      class: V.value,
+      to: n.to
+    })), I = y(() => {
+      const k = v.value === q.a;
+      let M = {};
+      return k && (M = c.value ? {
         href: "javascript:;"
       } : {
-        target: o.target,
-        href: o.href
-      }), H;
+        target: n.target,
+        href: n.href
+      }), M;
     });
-    function I() {
-      _.value && (d.value = r);
+    function R() {
+      f.value && (d.value = o);
     }
-    return (k, H) => (y(), j(ae(m(S)), E(m(X), { onClickPassive: I }), {
+    return (k, M) => (g(), D(ue(p(v)), E(p(A), { onClickPassive: R }), {
       default: ee(() => [
         C(k.$slots, "default", {}, () => [
           k.loading ? C(k.$slots, "loading", { key: 0 }, () => [
-            k.loadingIcon ? (y(), j(x, {
+            k.loadingIcon ? (g(), D(x, {
               key: 0,
               class: "vv-button__loading-icon",
               name: k.loadingIcon
-            }, null, 8, ["name"])) : B("", !0),
-            k.loadingLabel ? (y(), V("span", qe, O(k.loadingLabel), 1)) : B("", !0)
-          ]) : (y(), V(U, { key: 1 }, [
+            }, null, 8, ["name"])) : O("", !0),
+            k.loadingLabel ? (g(), _("span", Me, B(k.loadingLabel), 1)) : O("", !0)
+          ]) : (g(), _(U, { key: 1 }, [
             C(k.$slots, "before"),
-            m(s) ? (y(), j(x, {
+            p(u) ? (g(), D(x, {
               key: 0,
               class: "vv-button__icon",
-              name: m(s)
-            }, null, 8, ["name"])) : B("", !0),
-            m(v) ? (y(), V("span", Le, [
+              name: p(u)
+            }, null, 8, ["name"])) : O("", !0),
+            p(i) ? (g(), _("span", Ue, [
               C(k.$slots, "label", {}, () => [
-                N(O(m(v)), 1)
+                j(B(p(i)), 1)
               ])
-            ])) : B("", !0),
+            ])) : O("", !0),
             C(k.$slots, "after")
           ], 64))
         ])
@@ -450,75 +446,63 @@ const qe = {
       _: 3
     }, 16));
   }
-}), He = {
-  value: [String, Number],
-  color: String
-}, Ft = /* @__PURE__ */ w({
+}), ze = {
+  ...z,
+  value: [String, Number]
+}, Ft = /* @__PURE__ */ P({
   __name: "VvBadge",
-  props: He,
+  props: ze,
   setup(e) {
-    const o = e, t = h(() => o.color ? `vv-badge--${o.color}` : "");
-    return (r, n) => (y(), V("span", {
-      class: F(["vv-badge", m(t)]),
+    const n = e, { modifiers: t } = S(n), { bemCssClasses: r } = w("vv-badge", {
+      modifiers: t
+    });
+    return (o, a) => (g(), _("span", {
+      class: N(p(r)),
       role: "status"
-    }, O(r.value), 3));
+    }, B(o.value), 3));
   }
-}), Me = {
-  disabled: { type: Boolean, default: !1 },
+}), Ke = {
+  ...z,
+  ...oe,
   vertical: { type: Boolean, default: !1 },
   compact: { type: Boolean, default: !1 },
   toggle: { type: Boolean, default: !1 },
-  block: { type: Boolean, default: !1 },
-  rounded: { type: Boolean, default: !1 },
-  action: Boolean,
-  actionQuiet: Boolean,
   modelValue: { type: String, default: void 0 }
-}, Ue = ["update:modelValue"];
-function re(e) {
+}, Te = ["update:modelValue"];
+function se(e) {
   if (Object.keys(e).some(
-    (o) => o !== "key" && !Ce(e[o])
+    (n) => n !== "key" && !$e(e[n])
   ))
     throw Error("One or more groupState props aren't ref.");
-  ke(
+  Se(
     e.key,
-    h(() => e)
+    y(() => e)
   );
 }
-const qt = /* @__PURE__ */ w({
+const qt = /* @__PURE__ */ P({
   __name: "VvButtonGroup",
-  props: Me,
-  emits: Ue,
-  setup(e, { emit: o }) {
-    const t = e, r = W(t, "modelValue", o), {
-      disabled: n,
-      vertical: l,
-      compact: a,
-      block: c,
-      rounded: i,
-      toggle: f,
-      action: u,
-      actionQuiet: s
-    } = P(t), { bemCssClasses: v } = G("vv-button-group", {
-      vertical: l,
-      compact: a,
-      block: c
-    });
-    return re({
-      key: ce,
+  props: Ke,
+  emits: Te,
+  setup(e, { emit: n }) {
+    const t = e, r = X(t, "modelValue", n), { disabled: o, vertical: a, compact: l, toggle: u, modifiers: i } = S(t), { bemCssClasses: d } = w("vv-button-group", {
+      modifiers: i,
+      vertical: a,
+      compact: l
+    }), c = {
+      key: pe,
       modelValue: r,
-      disabled: n,
-      toggle: f,
-      rounded: i,
-      action: u,
-      actionQuiet: s
-    }), (g, p) => (y(), V("div", {
-      class: F(m(v)),
+      disabled: o,
+      toggle: u,
+      modifiers: i != null && i.value ? i : H([])
+    };
+    return se(c), (s, f) => (g(), _("div", {
+      class: N(p(d)),
       role: "group"
     }, [
-      C(g.$slots, "default")
+      C(s.$slots, "default")
     ], 2));
   }
-}), ze = {
+}), Ze = {
   title: String,
   content: String,
   open: Boolean,
@@ -526,73 +510,73 @@ const qt = /* @__PURE__ */ w({
   bordered: Boolean,
   modifiers: [String, Array],
   disabled: Boolean
-}, Ke = ["update:open"];
-function Qe(e, o) {
-  const { group: t, isInGroup: r, getGroupOrLocalRef: n } = ne(ve), { modifiers: l } = P(e), a = n("modelValue", e, o), c = n("bordered", e), i = n("disabled", e), f = n("iconRight", e), u = n("accordion", e);
+}, We = ["update:open"];
+function Je(e, n) {
+  const { group: t, isInGroup: r, getGroupOrLocalRef: o } = re(ge), { modifiers: a } = S(e), l = o("modelValue", e, n), u = o("bordered", e), i = o("disabled", e), d = o("iconRight", e), c = o("accordion", e);
   return {
-    modelValue: a,
+    modelValue: l,
     disabled: i,
-    bordered: c,
-    iconRight: f,
+    bordered: u,
+    iconRight: d,
     isInGroup: r,
     group: t,
-    accordion: u,
-    modifiers: l
+    accordion: c,
+    modifiers: a
   };
 }
-const Te = ["open"], Ze = ["aria-controls", "aria-expanded"], We = ["aria-hidden"], Je = /* @__PURE__ */ w({
+const Xe = ["open"], Qe = ["aria-controls", "aria-expanded"], Ye = ["aria-hidden"], xe = /* @__PURE__ */ P({
   __name: "VvAccordion",
-  props: ze,
-  emits: Ke,
-  setup(e, { emit: o }) {
-    const t = e, r = T(), n = (r == null ? void 0 : r.name) || te(), {
-      modelValue: l,
-      modifiers: a,
-      bordered: c,
-      disabled: i = M(!1),
-      iconRight: f,
-      isInGroup: u,
+  props: Ze,
+  emits: We,
+  setup(e, { emit: n }) {
+    const t = e, r = W(), o = (r == null ? void 0 : r.name) || te(), {
+      modelValue: a,
+      modifiers: l,
+      bordered: u,
+      disabled: i = H(!1),
+      iconRight: d,
+      isInGroup: c,
       accordion: s
-    } = Qe(t, o), v = h(() => u.value ? s.value ? b.equals(n, l.value) : b.contains(n, l.value) : t.open), { bemCssClasses: d } = G("vv-accordion", {
-      modifiers: a,
+    } = Je(t, n), f = y(() => c.value ? s.value ? b.equals(o, a.value) : b.contains(o, a.value) : t.open), { bemCssClasses: v } = w("vv-accordion", {
+      modifiers: l,
       disabled: i,
-      markerRight: h(() => f.value),
-      bordered: c
-    }), g = (_) => {
-      const S = _.target;
-      o("update:open", S.open);
-    }, p = (_) => {
-      u.value && (s.value ? l.value = v.value ? null : n : l.value = v.value ? b.removeFromList(
-        n,
-        l.value
-      ) : [...l.value, n], _.preventDefault());
+      markerRight: y(() => d.value),
+      bordered: u
+    }), h = (V) => {
+      const A = V.target;
+      n("update:open", A.open);
+    }, m = (V) => {
+      c.value && (s.value ? a.value = f.value ? null : o : a.value = f.value ? b.removeFromList(
+        o,
+        a.value
+      ) : [...a.value, o], V.preventDefault());
     };
-    return (_, S) => (y(), V("details", {
-      class: F(m(d)),
-      open: m(v),
-      onToggle: g,
-      onClick: p
+    return (V, A) => (g(), _("details", {
+      class: N(p(v)),
+      open: p(f),
+      onToggle: h,
+      onClick: m
     }, [
-      A("summary", {
-        "aria-controls": `#${m(n)}`,
-        "aria-expanded": m(v),
+      $("summary", {
+        "aria-controls": `#${p(o)}`,
+        "aria-expanded": p(f),
         class: "vv-collapse__summary"
       }, [
-        C(_.$slots, "header", {}, () => [
-          N(O(_.title), 1)
+        C(V.$slots, "header", {}, () => [
+          j(B(V.title), 1)
         ])
-      ], 8, Ze),
-      A("div", {
-        "aria-hidden": !m(v),
+      ], 8, Qe),
+      $("div", {
+        "aria-hidden": !p(f),
         class: "vv-collapse__content"
       }, [
-        C(_.$slots, "details", {}, () => [
-          N(O(_.content), 1)
+        C(V.$slots, "details", {}, () => [
+          j(B(V.content), 1)
         ])
-      ], 8, We)
-    ], 42, Te));
+      ], 8, Ye)
+    ], 42, Xe));
   }
-}), Xe = {
+}), et = {
   modelValue: [String, Array],
   iconRight: Boolean,
   bordered: Boolean,
@@ -600,98 +584,82 @@ const Te = ["open"], Ze = ["aria-controls", "aria-expanded"], We = ["aria-hidden
   accordion: Boolean,
   modifiers: [String, Array],
   disabled: Boolean
-}, Ye = ["update:open"], Lt = /* @__PURE__ */ w({
+}, tt = ["update:open"], Lt = /* @__PURE__ */ P({
   __name: "VvAccordionGroup",
-  props: Xe,
-  emits: Ye,
-  setup(e, { emit: o }) {
-    const t = e, r = W(t, "modelValue", o), { disabled: n, bordered: l, iconRight: a, accordion: c, modifiers: i, items: f } = P(t);
-    re({
-      key: ve,
+  props: et,
+  emits: tt,
+  setup(e, { emit: n }) {
+    const t = e, r = X(t, "modelValue", n), { disabled: o, bordered: a, iconRight: l, accordion: u, modifiers: i, items: d } = S(t);
+    se({
+      key: ge,
       modelValue: r,
-      disabled: n,
-      bordered: l,
-      iconRight: a,
-      accordion: c
+      disabled: o,
+      bordered: a,
+      iconRight: l,
+      accordion: u
     });
-    const { bemCssClasses: s } = G("vv-accordion-group", {
+    const { bemCssClasses: s } = w("vv-accordion-group", {
       modifiers: i,
-      disabled: n
+      disabled: o
     });
-    return (v, d) => {
-      var g;
-      return y(), V("div", {
-        class: F(m(s))
+    return (f, v) => {
+      var h;
+      return g(), _("div", {
+        class: N(p(s))
       }, [
-        ((g = t.items) == null ? void 0 : g.length) > 0 ? (y(!0), V(U, { key: 0 }, Z(m(f), (p) => (y(), j(Je, E({
-          key: p.title
+        ((h = t.items) == null ? void 0 : h.length) > 0 ? (g(!0), _(U, { key: 0 }, J(p(d), (m) => (g(), D(xe, E({
+          key: m.title
         }, {
-          name: p.name,
-          title: p.title,
-          content: p.content,
+          name: m.name,
+          title: m.title,
+          content: m.content,
           ...t
-        }), null, 16))), 128)) : C(v.$slots, "default", { key: 1 })
+        }), null, 16))), 128)) : C(f.$slots, "default", { key: 1 })
       ], 2);
     };
   }
-}), fe = {
-  valid: Boolean,
-  validLabel: [String, Array]
-}, pe = {
-  error: Boolean,
-  errorLabel: [String, Array]
-}, xe = {
-  disabled: Boolean
-}, me = {
-  modifiers: [String, Array]
-}, et = {
-  hintLabel: { type: String, default: "" }
-}, tt = {
-  options: { type: Array, default: () => [] },
-  optionLabel: { type: [String, Function], default: () => "label" },
-  optionValue: { type: [String, Function], default: () => "value" }
-}, ot = {
-  ...me,
+}), nt = {
+  ...z,
   routes: Array,
   multiline: Boolean
-}, nt = { class: "vv-breadcrumb__list" }, rt = ["content"], Ht = /* @__PURE__ */ w({
+}, ot = { class: "vv-breadcrumb__list" }, rt = ["content"], Ht = /* @__PURE__ */ P({
   __name: "VvBreadcrumb",
-  props: ot,
+  props: nt,
   setup(e) {
-    const o = e, { modifiers: t, multiline: r } = P(o), { bemCssClasses: n } = G("vv-breadcrumb", {
+    const n = e, { modifiers: t, multiline: r } = S(n), { bemCssClasses: o } = w("vv-breadcrumb", {
       modifiers: t,
       multiline: r
     });
-    return (l, a) => (y(), V("nav", {
-      class: F(m(n)),
+    return (a, l) => (g(), _("nav", {
+      class: N(p(o)),
       "aria-label": "breadcrumbs"
     }, [
-      A("ol", nt, [
-        (y(!0), V(U, null, Z(l.routes, (c, i) => {
-          var f, u, s, v;
-          return y(), V("li", {
-            key: `${c.label}-${i}`,
-            class: F({
-              "vv-breadcrumb__item": i < Number((f = l.routes) == null ? void 0 : f.length) - 1,
-              "vv-breadcrumb__item-active": i === Number((u = l.routes) == null ? void 0 : u.length) - 1
+      $("ol", ot, [
+        (g(!0), _(U, null, J(a.routes, (u, i) => {
+          var d, c, s, f;
+          return g(), _("li", {
+            key: `${u.label}-${i}`,
+            class: N({
+              "vv-breadcrumb__item": i < Number((d = a.routes) == null ? void 0 : d.length) - 1,
+              "vv-breadcrumb__item-active": i === Number((c = a.routes) == null ? void 0 : c.length) - 1
             }),
             itemprop: "itemListElement",
             itemtype: "https://schema.org/ListItem",
             itemscope: ""
           }, [
-            (y(), j(ae(c.to ? "router-link" : c.href ? "a" : "span"), E(c, {
+            (g(), D(ue(u.to ? "router-link" : u.href ? "a" : "span"), E(u, {
               class: {
-                "vv-breadcrumb__link": i < Number((s = l.routes) == null ? void 0 : s.length) - 1
+                "vv-breadcrumb__link": i < Number((s = a.routes) == null ? void 0 : s.length) - 1
               },
-              "aria-current": i === Number((v = l.routes) == null ? void 0 : v.length) - 1 ? "page" : void 0,
+              "aria-current": i === Number((f = a.routes) == null ? void 0 : f.length) - 1 ? "page" : void 0,
               itemprop: "item"
             }), {
               default: ee(() => [
-                N(O(c.label) + " ", 1)
+                j(B(u.label) + " ", 1)
               ]),
               _: 2
             }, 1040, ["class", "aria-current"])),
-            A("meta", {
+            $("meta", {
               itemprop: "position",
               content: `${i + 1}`
             }, null, 8, rt)
@@ -703,40 +671,40 @@ const Te = ["open"], Ze = ["aria-controls", "aria-expanded"], We = ["aria-hidden
 }), st = {
   title: String,
   modifiers: [String, Array]
-}, lt = {
+}, at = {
   key: 0,
   class: "vv-card__header"
-}, at = {
+}, lt = {
   key: 1,
   class: "vv-card__content"
 }, it = {
   key: 2,
   class: "vv-card__footer"
-}, Mt = /* @__PURE__ */ w({
+}, Mt = /* @__PURE__ */ P({
   __name: "VvCard",
   props: st,
   setup(e) {
-    const o = e, t = T(), { modifiers: r } = P(o), { bemCssClasses: n } = G("vv-card", {
+    const n = e, t = W(), { modifiers: r } = S(n), { bemCssClasses: o } = w("vv-card", {
       modifiers: r
-    }), l = h(() => t);
-    return (a, c) => (y(), V("article", E({ class: m(n) }, m(l)), [
-      a.$slots.header || a.title ? (y(), V("header", lt, [
-        C(a.$slots, "header", {}, () => [
-          N(O(a.title), 1)
+    }), a = y(() => t);
+    return (l, u) => (g(), _("article", E({ class: p(o) }, p(a)), [
+      l.$slots.header || l.title ? (g(), _("header", at, [
+        C(l.$slots, "header", {}, () => [
+          j(B(l.title), 1)
         ])
-      ])) : B("", !0),
-      C(a.$slots, "default"),
-      a.$slots.content ? (y(), V("div", at, [
-        C(a.$slots, "content")
-      ])) : B("", !0),
-      a.$slots.footer ? (y(), V("footer", it, [
-        C(a.$slots, "footer")
-      ])) : B("", !0)
+      ])) : O("", !0),
+      C(l.$slots, "default"),
+      l.$slots.content ? (g(), _("div", lt, [
+        C(l.$slots, "content")
+      ])) : O("", !0),
+      l.$slots.footer ? (g(), _("footer", it, [
+        C(l.$slots, "footer")
+      ])) : O("", !0)
     ], 16));
   }
 }), ut = {
-  ...fe,
-  ...pe,
+  ...de,
+  ...ve,
   value: null,
   modelValue: null,
   binary: Boolean,
@@ -753,118 +721,118 @@ const Te = ["open"], Ze = ["aria-controls", "aria-expanded"], We = ["aria-hidden
   "focus",
   "blur"
 ];
-function dt(e, o) {
-  const { group: t, isInGroup: r, getGroupOrLocalRef: n } = ne(de), { valid: l, error: a, switch: c } = P(e), i = n("modelValue", e, o), f = n("readonly", e), u = n("disabled", e);
+function dt(e, n) {
+  const { group: t, isInGroup: r, getGroupOrLocalRef: o } = re(me), { valid: a, error: l, switch: u } = S(e), i = o("modelValue", e, n), d = o("readonly", e), c = o("disabled", e);
   return {
     group: t,
     isInGroup: r,
-    valid: l,
-    error: a,
-    propsSwitch: c,
+    valid: a,
+    error: l,
+    propsSwitch: u,
     modelValue: i,
-    readonly: f,
-    disabled: u
+    readonly: d,
+    disabled: c
   };
 }
-function vt(e, o) {
-  const { focused: t } = Ee(e);
-  return Se(t, (r) => {
-    o(r ? "focus" : "blur", e.value);
+function vt(e, n) {
+  const { focused: t } = Ie(e);
+  return Ae(t, (r) => {
+    n(r ? "focus" : "blur", e.value);
   }), {
     focused: t
   };
 }
 const ft = {
   inheritAttrs: !1
-}, pt = /* @__PURE__ */ w({
+}, pt = /* @__PURE__ */ P({
   ...ft,
   __name: "VvCheck",
   props: ut,
   emits: ct,
-  setup(e, { emit: o }) {
-    const t = e, r = T(), { disabled: n, readonly: l, valid: a, error: c, propsSwitch: i, modelValue: f } = dt(t, o), u = M(), { focused: s } = vt(u, o), v = h(() => t.binary ? b.equals(f.value, t.trueValue) : Array.isArray(f.value) ? b.contains(t.value, f.value) : b.equals(t.value, f.value)), { bemCssClasses: d } = G("vv-input-checkbox", {
+  setup(e, { emit: n }) {
+    const t = e, r = W(), { disabled: o, readonly: a, valid: l, error: u, propsSwitch: i, modelValue: d } = dt(t, n), c = H(), { focused: s } = vt(c, n), f = y(() => t.binary ? b.equals(d.value, t.trueValue) : Array.isArray(d.value) ? b.contains(t.value, d.value) : b.equals(t.value, d.value)), { bemCssClasses: v } = w("vv-input-checkbox", {
       switch: i,
-      valid: a,
-      invalid: c
-    }), { bemCssClasses: g } = G(
+      valid: l,
+      invalid: u
+    }), { bemCssClasses: h } = w(
       "vv-input-check__input",
       {
-        checked: v,
-        disabled: n,
-        readonly: l
+        checked: f,
+        disabled: o,
+        readonly: a
       }
-    ), p = h(() => ({
+    ), m = y(() => ({
       [r.class]: !0,
-      ...d.value
-    })), _ = h(() => ({
-      ...g.value,
+      ...v.value
+    })), V = y(() => ({
+      ...h.value,
       "focus-visible": s.value
-    })), S = h(() => {
-      const { id: $, name: I, style: k } = r, H = b.pickBy(
+    })), A = y(() => {
+      const { id: G, name: F, style: Q } = r, ye = b.pickBy(
         r,
-        (ge) => ge.startsWith("data-")
+        (he) => he.startsWith("data-")
       );
       return {
-        for: $ || I,
-        style: k,
-        ...H
+        for: G || F,
+        style: Q,
+        ...ye
       };
-    }), R = h(() => {
-      const { id: $ = "", name: I = "" } = r;
+    }), I = y(() => {
+      const { id: G = "", name: F = "" } = r;
       return {
         type: "checkbox",
-        id: $ || I,
-        name: I,
+        id: G || F,
+        name: F,
         value: t.value,
-        disabled: n.value,
-        readonly: l.value,
-        checked: v.value,
-        ...D.value
+        disabled: o.value,
+        readonly: a.value,
+        checked: f.value,
+        ...R.value
       };
-    }), D = h(() => {
-      const { name: $ } = r, I = b.pickBy(
+    }), R = y(() => {
+      const { name: G } = r, F = b.pickBy(
         r,
-        (k) => k.startsWith("aria-")
+        (Q) => Q.startsWith("aria-")
       );
       return {
-        "aria-label": $,
-        "aria-checked": v.value,
-        ...I
+        "aria-label": G,
+        "aria-checked": f.value,
+        ...F
       };
     });
-    function J() {
+    function k() {
       if (t.binary) {
-        f.value = v.value ? t.falseValue : t.trueValue;
+        d.value = f.value ? t.falseValue : t.trueValue;
         return;
       }
-      if (f.value === null) {
-        f.value = [t.value];
+      if (d.value === null) {
+        d.value = [t.value];
         return;
       }
-      if (Array.isArray(f.value)) {
-        f.value = v.value ? b.removeFromList(t.value, f.value) : [...f.value, t.value];
+      if (Array.isArray(d.value)) {
+        d.value = f.value ? b.removeFromList(t.value, d.value) : [...d.value, t.value];
         return;
       }
     }
-    function X($) {
-      n.value || (o("click", $), o("change", v.value ? t.value : null), s.value = !0);
+    function M(G) {
+      o.value || (n("click", G), n("change", f.value ? t.value : null), s.value = !0);
     }
-    return ($, I) => (y(), V("label", E({ class: m(p) }, m(S), { onClick: X }), [
-      A("input", E({
+    return (G, F) => (g(), _("label", E({ class: p(m) }, p(A), { onClick: M }), [
+      $("input", E({
         ref_key: "input",
-        ref: u,
-        class: m(_)
-      }, m(R), { onInput: J }), null, 16),
-      C($.$slots, "default", { value: m(f) }, () => [
-        N(O($.label), 1)
+        ref: c,
+        class: p(V)
+      }, p(I), { onInput: k }), null, 16),
+      C(G.$slots, "default", { value: p(d) }, () => [
+        j(B(G.label), 1)
       ])
     ], 16));
   }
 }), mt = {
-  ...fe,
-  ...pe,
-  ...et,
-  ...tt,
+  ...de,
+  ...ve,
+  ...Ne,
+  ...Fe,
   modelValue: { type: Array },
   label: { type: String, default: "" },
   name: { type: String, default: "", required: !0 },
@@ -873,18 +841,18 @@ const ft = {
   vertical: { type: Boolean, default: !1 }
 }, gt = ["update:modelValue", "change"];
 function yt(e) {
-  const { options: o, optionLabel: t, optionValue: r } = P(e);
+  const { options: n, optionLabel: t, optionValue: r } = S(e);
   return {
-    options: o,
-    getOptionLabel: (a) => typeof a != "object" && a !== null ? a : typeof t.value == "function" ? t.value(a) : a[t.value],
-    getOptionValue: (a) => typeof a != "object" && a !== null ? a : typeof r.value == "function" ? r.value(a) : a[r.value]
+    options: n,
+    getOptionLabel: (l) => typeof l != "object" && l !== null ? l : typeof t.value == "function" ? t.value(l) : l[t.value],
+    getOptionValue: (l) => typeof l != "object" && l !== null ? l : typeof r.value == "function" ? r.value(l) : l[r.value]
   };
 }
-function K(e) {
-  return Array.isArray(e) ? e.filter((o) => b.isString(o)).reduce((o, t) => o.length > 0 ? o + `
+function T(e) {
+  return Array.isArray(e) ? e.filter((n) => b.isString(n)).reduce((n, t) => n.length > 0 ? n + `
 ` + t : t, "") : e;
 }
-function ht(e, o) {
+function ht(e, n) {
   return {
     name: "HintSlot",
     props: {
@@ -894,43 +862,43 @@ function ht(e, o) {
       }
     },
     setup(t) {
-      const r = P(e), {
-        error: n,
-        valid: l,
-        hint: a,
-        loading: c
-      } = o, {
+      const r = S(e), {
+        error: o,
+        valid: a,
+        hint: l,
+        loading: u
+      } = n, {
         hintLabel: i,
-        modelValue: f,
-        valid: u,
+        modelValue: d,
+        valid: c,
         validLabel: s,
-        error: v,
-        errorLabel: d
-      } = r, g = b.resolveFieldData(r, "loading"), p = b.resolveFieldData(
+        error: f,
+        errorLabel: v
+      } = r, h = b.resolveFieldData(r, "loading"), m = b.resolveFieldData(
         r,
         "loadingLabel"
-      ), _ = h(() => v.value ? !!(v.value && n || (d == null ? void 0 : d.value) && Array.isArray(d.value) && d.value.length > 0 || (d == null ? void 0 : d.value) && b.isNotEmpty(d.value)) : !1), S = h(() => !!(i && i.value || a || l || s && s.value || _.value || (g == null ? void 0 : g.value) && c || (g == null ? void 0 : g.value) && (p == null ? void 0 : p.value))), R = h(() => {
-        const D = Ie({
+      ), V = y(() => f.value ? !!(f.value && o || (v == null ? void 0 : v.value) && Array.isArray(v.value) && v.value.length > 0 || (v == null ? void 0 : v.value) && b.isNotEmpty(v.value)) : !1), A = y(() => !!(i && i.value || l || a || s && s.value || V.value || (h == null ? void 0 : h.value) && u || (h == null ? void 0 : h.value) && (m == null ? void 0 : m.value))), I = y(() => {
+        const R = Re({
           hintLabel: i,
-          modelValue: f,
-          valid: u,
+          modelValue: d,
+          valid: c,
           validLabel: s,
-          error: v,
-          errorLabel: d,
-          loading: g,
-          loadingLabel: p,
+          error: f,
+          errorLabel: v,
+          loading: h,
+          loadingLabel: m,
           ...t.params
         });
-        return v != null && v.value ? (n == null ? void 0 : n(D)) || K(d == null ? void 0 : d.value) || (i == null ? void 0 : i.value) : u != null && u.value ? (l == null ? void 0 : l(D)) || K(s == null ? void 0 : s.value) || (i == null ? void 0 : i.value) : g != null && g.value ? (c == null ? void 0 : c(D)) || K(p == null ? void 0 : p.value) || (i == null ? void 0 : i.value) : (a == null ? void 0 : a(D)) || K(i == null ? void 0 : i.value) || (i == null ? void 0 : i.value);
+        return f != null && f.value ? (o == null ? void 0 : o(R)) || T(v == null ? void 0 : v.value) || (i == null ? void 0 : i.value) : c != null && c.value ? (a == null ? void 0 : a(R)) || T(s == null ? void 0 : s.value) || (i == null ? void 0 : i.value) : h != null && h.value ? (u == null ? void 0 : u(R)) || T(m == null ? void 0 : m.value) || (i == null ? void 0 : i.value) : (l == null ? void 0 : l(R)) || T(i == null ? void 0 : i.value) || (i == null ? void 0 : i.value);
       });
       return {
-        hasHint: S,
-        hintContent: R
+        hasHint: A,
+        hintContent: I
       };
     },
     render() {
       if (this.hasHint)
-        return $e(
+        return Oe(
           "pre",
           { style: { "white-space": "pre" } },
           this.hintContent
@@ -938,45 +906,45 @@ function ht(e, o) {
     }
   };
 }
-const bt = ["textContent"], _t = { class: "vv-input-checkbox-group__wrapper" }, Ut = /* @__PURE__ */ w({
+const bt = ["textContent"], _t = { class: "vv-input-checkbox-group__wrapper" }, Ut = /* @__PURE__ */ P({
   __name: "VvCheckGroup",
   props: mt,
   emits: gt,
-  setup(e, { emit: o }) {
-    const t = e, r = Ae(), n = W(t, "modelValue", o), { disabled: l, readonly: a, error: c, valid: i } = P(t);
-    re({
-      key: de,
-      modelValue: n,
-      disabled: l,
-      readonly: a
+  setup(e, { emit: n }) {
+    const t = e, r = ie(), o = X(t, "modelValue", n), { disabled: a, readonly: l, error: u, valid: i } = S(t);
+    se({
+      key: me,
+      modelValue: o,
+      disabled: a,
+      readonly: l
     });
-    const { getOptionLabel: u, getOptionValue: s } = yt(t), { bemCssClasses: v } = G(
+    const { getOptionLabel: c, getOptionValue: s } = yt(t), { bemCssClasses: f } = w(
       "vv-input-checkbox-group",
       {
-        horizontal: h(() => !t.vertical),
+        horizontal: y(() => !t.vertical),
         valid: i,
-        invalid: c
+        invalid: u
       }
-    ), d = (p, _) => ({
-      id: `${t.name}_opt${_}`,
+    ), v = (m, V) => ({
+      id: `${t.name}_opt${V}`,
       name: t.name,
-      label: u(p),
-      value: s(p)
-    }), g = ht(t, r);
-    return (p, _) => (y(), V("fieldset", {
-      class: F(m(v))
+      label: c(m),
+      value: s(m)
+    }), h = ht(t, r);
+    return (m, V) => (g(), _("fieldset", {
+      class: N(p(f))
     }, [
-      p.label ? (y(), V("legend", {
+      m.label ? (g(), _("legend", {
         key: 0,
-        textContent: O(p.label)
-      }, null, 8, bt)) : B("", !0),
-      A("div", _t, [
-        p.options.length > 0 ? (y(!0), V(U, { key: 0 }, Z(p.options, (S, R) => (y(), j(pt, E({ key: R }, d(S, R)), null, 16))), 128)) : C(p.$slots, "default", { key: 1 })
+        textContent: B(m.label)
+      }, null, 8, bt)) : O("", !0),
+      $("div", _t, [
+        m.options.length > 0 ? (g(!0), _(U, { key: 0 }, J(m.options, (A, I) => (g(), D(pt, E({ key: I }, v(A, I)), null, 16))), 128)) : C(m.$slots, "default", { key: 1 })
       ]),
-      ie(m(g), { class: "vv-input-checkbox-group__hint" })
+      ce(p(h), { class: "vv-input-checkbox-group__hint" })
     ], 2));
   }
-}), Q = {
+}), Z = {
   normal: "",
   small: "small",
   fullscreen: "fullscreen"
@@ -987,83 +955,83 @@ const bt = ["textContent"], _t = { class: "vv-input-checkbox-group__wrapper" },
   transition: { type: String, default: "fade-block" },
   size: {
     type: String,
-    default: Q.normal,
-    validator: (e) => Object.values(Q).includes(e)
+    default: Z.normal,
+    validator: (e) => Object.values(Z).includes(e)
   },
   autoClose: { type: Boolean, default: !0 }
 }, kt = {
   key: 0,
   class: "vv-dialog__header"
-}, St = ["onClick"], $t = { class: "vv-dialog__content" }, At = {
+}, $t = ["onClick"], St = { class: "vv-dialog__content" }, At = {
   key: 1,
   class: "vv-dialog__footer"
-}, zt = /* @__PURE__ */ w({
+}, zt = /* @__PURE__ */ P({
   __name: "VvDialog",
   props: Ct,
   emits: Vt,
-  setup(e, { emit: o }) {
-    const t = e, r = W(t, "open", o), n = M(!0), l = M(null), a = h(() => {
+  setup(e, { emit: n }) {
+    const t = e, r = X(t, "open", n), o = H(!0), a = H(null), l = y(() => {
       const { id: s } = t;
       return {
         id: s,
-        open: n.value
+        open: o.value
       };
-    }), c = h(() => ({
+    }), u = y(() => ({
       "vv-dialog": !0,
-      "vv-dialog--small": t.size === Q.small,
-      "vv-dialog--fullscreen": t.size === Q.fullscreen
-    })), i = h(() => `vv-dialog--${t.transition}`), f = {
+      "vv-dialog--small": t.size === Z.small,
+      "vv-dialog--fullscreen": t.size === Z.fullscreen
+    })), i = y(() => `vv-dialog--${t.transition}`), d = {
       "after-enter": () => {
-        n.value = !0, o("open");
+        o.value = !0, n("open");
       },
       "after-leave": () => {
-        n.value = !1, o("close");
+        o.value = !1, n("close");
       }
     };
-    Re(l, () => {
+    De(a, () => {
       t.autoClose && (r.value = !1);
     });
-    function u() {
+    function c() {
       r.value = !1;
     }
-    return (s, v) => (y(), j(Be, E({ name: m(i) }, Oe(f)), {
+    return (s, f) => (g(), D(Be, E({ name: p(i) }, we(d)), {
       default: ee(() => [
-        we(A("dialog", E(m(a), { class: m(c) }), [
-          A("article", {
+        Pe($("dialog", E(p(l), { class: p(u) }), [
+          $("article", {
             ref_key: "modalWrapper",
-            ref: l,
+            ref: a,
             class: "vv-dialog__wrapper"
           }, [
-            s.$slots.header || s.title ? (y(), V("header", kt, [
+            s.$slots.header || s.title ? (g(), _("header", kt, [
               C(s.$slots, "header", {}, () => [
-                N(O(s.title) + " ", 1),
-                A("button", {
+                j(B(s.title) + " ", 1),
+                $("button", {
                   type: "button",
                   "aria-label": "Close",
                   class: "vv-dialog__close",
-                  onClick: Pe(u, ["prevent"])
+                  onClick: Ge(c, ["prevent"])
                 }, [
-                  ie(x, { name: "close" })
-                ], 8, St)
+                  ce(x, { name: "close" })
+                ], 8, $t)
               ])
-            ])) : B("", !0),
-            A("div", $t, [
+            ])) : O("", !0),
+            $("div", St, [
               C(s.$slots, "default")
             ]),
-            s.$slots.footer ? (y(), V("footer", At, [
+            s.$slots.footer ? (g(), _("footer", At, [
               C(s.$slots, "footer")
-            ])) : B("", !0)
+            ])) : O("", !0)
           ], 512)
         ], 16), [
-          [Ge, m(r)]
+          [Ee, p(r)]
         ])
       ]),
       _: 3
     }, 16, ["name"]));
   }
-}), Bt = {
-  ...xe,
-  ...me,
+}), Ot = {
+  ...oe,
+  ...z,
   modelValue: [String, Array, Object],
   labelNoResult: { type: String, default: "No results" },
   options: {
@@ -1075,63 +1043,63 @@ const bt = ["textContent"], _t = { class: "vv-input-checkbox-group__wrapper" },
   maxValues: [Number, String],
   labelKey: { type: String, default: "label" },
   valueKey: { type: String, default: "value" }
-}, Ot = { key: 0 }, wt = ["for"], Pt = ["id", "type", "value", "checked", "disabled"], Kt = /* @__PURE__ */ w({
+}, Bt = { key: 0 }, wt = ["for"], Pt = ["id", "type", "value", "checked", "disabled"], Kt = /* @__PURE__ */ P({
   __name: "VvDropdown",
-  props: Bt,
+  props: Ot,
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const t = e, r = te(), { modifiers: n, disabled: l } = P(t), { bemCssClasses: a } = G("vv-dropdown", {
-      modifiers: n,
-      disabled: l
+  setup(e, { emit: n }) {
+    const t = e, r = te(), { modifiers: o, disabled: a } = S(t), { bemCssClasses: l } = w("vv-dropdown", {
+      modifiers: o,
+      disabled: a
     });
-    function c(s) {
+    function u(s) {
       return Array.isArray(t.modelValue) ? b.contains(s, t.modelValue) || b.contains(i(s), t.modelValue) : b.equals(s, t.modelValue) || b.equals(i(s), t.modelValue);
     }
     function i(s) {
       return typeof s == "string" ? s : String(s[t.valueKey]);
     }
-    function f(s) {
+    function d(s) {
       return typeof s == "string" ? s : s[t.labelKey];
     }
-    function u(s) {
-      var p, _;
-      const v = s.target;
-      let d = v.value;
-      if (d = (t.useObject ? (p = t.options) == null ? void 0 : p.find(
-        (S) => S[t.valueKey] == d
-      ) : null) || d, t.multiple) {
-        if (typeof t.maxValues < "u" && t.maxValues >= 0 && ((_ = t.modelValue) == null ? void 0 : _.length) >= t.maxValues && (Array.isArray(t.modelValue) && !b.contains(d, t.modelValue) || t.maxValues == 0)) {
-          v.checked = !1;
+    function c(s) {
+      var m, V;
+      const f = s.target;
+      let v = f.value;
+      if (v = (t.useObject ? (m = t.options) == null ? void 0 : m.find(
+        (A) => A[t.valueKey] == v
+      ) : null) || v, t.multiple) {
+        if (typeof t.maxValues < "u" && t.maxValues >= 0 && ((V = t.modelValue) == null ? void 0 : V.length) >= t.maxValues && (Array.isArray(t.modelValue) && !b.contains(v, t.modelValue) || t.maxValues == 0)) {
+          f.checked = !1;
           return;
         }
-        Array.isArray(t.modelValue) ? d = b.contains(d, t.modelValue) ? b.removeFromList(d, t.modelValue) : [...t.modelValue, d] : d = [d];
+        Array.isArray(t.modelValue) ? v = b.contains(v, t.modelValue) ? b.removeFromList(v, t.modelValue) : [...t.modelValue, v] : v = [v];
       }
-      o("update:modelValue", d);
+      n("update:modelValue", v);
     }
-    return (s, v) => {
-      var d;
-      return y(), V("ul", {
-        class: F(m(a)),
+    return (s, f) => {
+      var v;
+      return g(), _("ul", {
+        class: N(p(l)),
         role: "listbox"
       }, [
-        (d = s.options) != null && d.length ? B("", !0) : (y(), V("li", Ot, [
-          A("label", null, O(s.labelNoResult), 1)
+        (v = s.options) != null && v.length ? O("", !0) : (g(), _("li", Bt, [
+          $("label", null, B(s.labelNoResult), 1)
         ])),
-        (y(!0), V(U, null, Z(s.options, (g, p) => {
-          var _;
-          return y(), V("li", { key: p }, [
-            A("label", {
-              for: `dropdown-${p}-${m(r)}`
+        (g(!0), _(U, null, J(s.options, (h, m) => {
+          var V;
+          return g(), _("li", { key: m }, [
+            $("label", {
+              for: `dropdown-${m}-${p(r)}`
             }, [
-              A("input", {
-                id: `dropdown-${p}-${m(r)}`,
+              $("input", {
+                id: `dropdown-${m}-${p(r)}`,
                 type: s.multiple ? "checkbox" : "radio",
-                value: i(g),
-                checked: c(g),
-                disabled: typeof g == "object" ? (_ = g.disabled) != null ? _ : m(l) : m(l),
-                onInput: u
+                value: i(h),
+                checked: u(h),
+                disabled: typeof h == "object" ? (V = h.disabled) != null ? V : p(a) : p(a),
+                onInput: c
               }, null, 40, Pt),
-              N(" " + O(f(g)), 1)
+              j(" " + B(d(h)), 1)
             ], 8, wt)
           ]);
         }), 128))
@@ -1141,7 +1109,7 @@ const bt = ["textContent"], _t = { class: "vv-input-checkbox-group__wrapper" },
 });
 export {
   jt as VolverPlugin,
-  Je as VvAccordion,
+  xe as VvAccordion,
   Lt as VvAccordionGroup,
   Ft as VvBadge,
   Ht as VvBreadcrumb,