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

package/dist/components/index.es.js

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