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

package/dist/components/index.es.js

@@ -1,1035 +1,1068 @@
-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 { 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 = {
-  icon: String,
-  iconPosition: {
-    type: String,
-    default: "left",
-    validator: (e) => e in L
-  },
-  label: String,
-  loading: Boolean,
-  loadingIcon: { type: String, default: "eos-icons:bubble-loading" },
-  loadingLabel: {
-    type: String,
-    default: "Loading..."
-  },
-  to: {
-    type: [String, Object]
-  },
-  href: String,
-  target: {
-    type: String,
-    validator: (e) => e in ae
-  },
-  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);
-  },
-  deepEquals(e, o) {
-    if (e === o)
-      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)
-          return !1;
-        for (n = l; n-- !== 0; )
-          if (!this.deepEquals(e[n], o[n]))
-            return !1;
-        return !0;
-      }
-      if (t != r)
-        return !1;
-      const c = e instanceof Date, i = o instanceof Date;
-      if (c != i)
-        return !1;
-      if (c && i)
-        return e.getTime() == o.getTime();
-      const v = e instanceof RegExp, u = o instanceof RegExp;
-      if (v != u)
-        return !1;
-      if (v && u)
-        return e.toString() == o.toString();
-      const s = Object.keys(e);
-      if (l = s.length, l !== Object.keys(o).length)
+import { unref as a, computed as i, inject as Ne, toRef as Ct, toRefs as x, defineComponent as B, useAttrs as Ye, ref as H, openBlock as m, createElementBlock as _, normalizeClass as U, withModifiers as Fe, createElementVNode as w, renderSlot as C, normalizeProps as te, guardReactiveProps as ye, createTextVNode as K, toDisplayString as E, isRef as be, provide as kt, watchEffect as We, Fragment as re, renderList as ge, createBlock as G, mergeProps as D, withCtx as he, resolveDynamicComponent as ze, createCommentVNode as O, useSlots as oe, h as W, withDirectives as ne, vModelCheckbox as At, createVNode as q, Transition as Pt, toHandlers as Ot, vShow as Xe, watch as Ze, onMounted as Je, vModelDynamic as wt, vModelSelect as It, vModelRadio as Et, withKeys as Ge, vModelText as Qe } from "vue";
+import { useToggle as Tt, useVModel as ke, toReactive as Bt, onClickOutside as et, useFocus as tt, isString as je, refDebounced as Rt } from "@vueuse/core";
+import { nanoid as ve } from "nanoid";
+import { iconExists as Ve, Icon as Dt, addIcon as Nt } from "@iconify/vue";
+function le(o, t, e) {
+  return e ? Ce(o, e) === Ce(t, e) : Re(o, t);
+}
+function Re(o, t) {
+  if (o === t)
+    return !0;
+  if (o && t && typeof o == "object" && typeof t == "object") {
+    const e = Array.isArray(o), n = Array.isArray(t);
+    let l, s, r;
+    if (e && n) {
+      if (s = o.length, s != t.length)
         return !1;
-      for (n = l; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(o, s[n]))
-          return !1;
-      for (n = l; n-- !== 0; )
-        if (a = s[n], !this.deepEquals(e[a], o[a]))
+      for (l = s; l-- !== 0; )
+        if (!Re(o[l], t[l]))
           return !1;
       return !0;
     }
-    return e !== e && o !== o;
-  },
-  resolveFieldData(e, o) {
-    if (e && Object.keys(e).length && o) {
-      if (o.indexOf(".") === -1)
-        return e[o];
-      {
-        const t = o.split(".");
-        let r = e;
-        for (let n = 0, l = t.length; n < l; ++n) {
-          if (e == null)
-            return null;
-          r = r[t[n]];
-        }
-        return r;
+    if (e != n)
+      return !1;
+    const f = o instanceof Date, v = t instanceof Date;
+    if (f != v)
+      return !1;
+    if (f && v)
+      return o.getTime() == t.getTime();
+    const p = o instanceof RegExp, u = t instanceof RegExp;
+    if (p != u)
+      return !1;
+    if (p && u)
+      return o.toString() == t.toString();
+    const d = Object.keys(o);
+    if (s = d.length, s !== Object.keys(t).length)
+      return !1;
+    for (l = s; l-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, d[l]))
+        return !1;
+    for (l = s; l-- !== 0; )
+      if (r = d[l], !Re(o[r], t[r]))
+        return !1;
+    return !0;
+  }
+  return o !== o && t !== t;
+}
+function Ce(o, t) {
+  if (o && Object.keys(o).length && t) {
+    if (t.indexOf(".") === -1)
+      return o[t];
+    {
+      const e = t.split(".");
+      let n = o;
+      for (let l = 0, s = e.length; l < s; ++l) {
+        if (o == null)
+          return null;
+        n = n[e[l]];
       }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, o) {
-    let t = -1;
-    if (o) {
-      for (let r = 0; r < o.length; r++)
-        if (this.equals(o[r], e)) {
-          t = r;
-          break;
-        }
-    }
-    return t;
-  },
-  contains(e, o) {
-    if (e != null && o && o.length) {
-      for (const t of o)
-        if (this.equals(e, t))
-          return !0;
+      return n;
     }
-    return !1;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  pickBy(e, o) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([t]) => o(t))
-    );
-  },
-  removeFromList(e, o) {
-    const t = this.findIndexInList(e, o);
-    return t > -1 ? o.filter((r, n) => n !== t) : o;
-  },
-  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;
-    }, {});
-  },
-  filterArray(e, o, t) {
-    return e.filter((r) => o.some((n) => typeof n == "string" ? r[t] == n : this.equals(
-      r[t],
-      n[t]
-    )));
-  },
-  kebabCase(e) {
-    var o, t;
-    if (e)
-      return (t = (o = 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();
+  } else
+    return null;
+}
+function Lt(o, t) {
+  let e = -1;
+  if (t) {
+    for (let n = 0; n < t.length; n++)
+      if (le(t[n], o)) {
+        e = n;
+        break;
+      }
   }
-}, Ge = "ds", Ee = {
-  color: String,
-  width: {
-    type: [String, Number]
-  },
-  height: {
-    type: [String, Number]
-  },
-  name: {
-    type: String,
-    required: !0
-  },
-  provider: {
-    type: String
-  },
-  prefix: {
-    type: String,
-    default: "normal"
-  },
-  src: String,
-  horizontalFlip: Boolean,
-  verticalFlip: Boolean,
-  flip: String,
-  mode: String,
-  inline: Boolean,
-  rotate: [Number, String],
-  onLoad: Function,
-  svg: String,
-  modifiers: {
-    type: [String, Array]
+  return e;
+}
+function ce(o, t) {
+  if (o != null && t && t.length) {
+    for (const e of t)
+      if (le(o, e))
+        return !0;
   }
-};
-function G(e, o) {
-  const t = { [`${e}`]: !0 };
+  return !1;
+}
+function z(o) {
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(a(o));
+}
+function Le(o, t) {
+  const e = Lt(o, t);
+  return e > -1 ? t.filter((n, l) => l !== e) : t;
+}
+function xt(o) {
+  return typeof o == "string" || o instanceof String;
+}
+function Ht(o, t, e) {
+  return o.filter((n) => t.some((l) => typeof l == "string" ? n[e] == l : le(n[e], l[e])));
+}
+function Me(o) {
+  var t, e;
+  if (o)
+    return (e = (t = o.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : t.join("-")) == null ? void 0 : e.toLowerCase();
+}
+function L(o, t) {
+  const e = { [`${o}`]: !0 };
   return {
-    bemCssClasses: b(() => 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: i(() => Object.keys(t).reduce((l, s) => {
+      const r = a(t[s]) || !1;
+      if (!r)
+        return l;
+      if (s === "modifiers") {
+        const f = Array.isArray(r) ? r : r.split(" ");
         return {
-          ...n,
-          ...c.reduce(
-            (i, v) => ({
-              ...i,
-              [`${e}--${h.kebabCase(
-                v
-              )}`]: !0
+          ...l,
+          ...f.reduce(
+            (v, p) => ({
+              ...v,
+              [`${o}--${Me(p)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${e}--${h.kebabCase(l)}`]: a
+          ...l,
+          [`${o}--${Me(s)}`]: r
         };
-    }, t) || {})
+    }, e) || {})
   };
 }
-const Y = /* @__PURE__ */ w({
-  __name: "VvIcon",
-  props: Ee,
-  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;
-    });
-    function i(u) {
-      let s = null;
-      if (typeof window > "u") {
-        const { JSDOM: p } = require("jsdom");
-        s = new p().window;
-      }
-      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(u, "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}`, {
-        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 && (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({
-      key: 0,
-      class: m(l)
-    }, {
-      ...u.$props,
-      provider: m(a),
-      icon: m(c)
-    }), null, 16, ["class"])) : B("", !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({
-        get() {
-          return c == null ? void 0 : c.value;
-        },
-        set(i) {
-          c.value = i;
-        }
-      });
-    } else {
-      const c = pe(l, n);
-      return b({
+function Ae(o) {
+  const t = Ne(o, void 0), e = i(() => !z(t));
+  function n(l, s, r) {
+    if (t != null && t.value) {
+      const v = a(t.value)[l];
+      return i({
         get() {
-          return c.value;
+          return v == null ? void 0 : v.value;
         },
-        set(i) {
-          a && a(`update:${n}`, i);
+        set(p) {
+          v.value = p;
         }
       });
     }
-  }
-  return {
-    group: o,
-    isInGroup: t,
-    getGroupOrLocalRef: r
-  };
-}
-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);
-  return {
-    modelValue: s,
-    disabled: f,
-    toggle: d,
-    isInGroup: t,
-    group: o,
-    modifiers: n,
-    action: p,
-    actionQuiet: _,
-    selected: u,
-    block: v,
-    rounded: g,
-    fullBleed: l,
-    iconPosition: a,
-    icon: c,
-    label: i
-  };
-}
-const De = {
-  key: 1,
-  class: "vv-button__label"
-}, Ie = {
-  key: 1,
-  class: "vv-button__label"
-}, Pt = /* @__PURE__ */ w({
-  __name: "VvButton",
-  props: Pe,
-  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,
-      modelValue: d,
-      disabled: g,
-      toggle: p,
-      isInGroup: _
-    } = Re(o), S = b(() => {
-      switch (!0) {
-        case g.value:
-          return q.button;
-        case o.to !== void 0:
-          return q.routerLink;
-        case o.href !== void 0:
-          return q.a;
-        default:
-          return q.button;
+    const f = Ct(s, l);
+    return i({
+      get() {
+        return f.value;
+      },
+      set(v) {
+        r && r(`update:${l}`, v);
       }
-    }), 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(
-        () => [L.right, L.bottom].includes(
-          u.value
-        )
-      ),
-      column: b(
-        () => [L.top, L.bottom].includes(
-          u.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,
-      role: "button",
-      class: W.value,
-      to: o.to
-    })), $ = b(() => {
-      const C = S.value === q.a;
-      let H = {};
-      return C && (H = g.value ? {
-        href: "javascript:;"
-      } : {
-        target: o.target,
-        href: o.href
-      }), H;
     });
-    function R() {
-      _.value && (d.value = r);
-    }
-    return (C, H) => (y(), j(re(m(S)), E(m(J), { onClickPassive: R }), {
-      default: x(() => [
-        k(C.$slots, "default", {}, () => [
-          C.loading ? k(C.$slots, "loading", { key: 0 }, () => [
-            C.loadingIcon ? (y(), j(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, {
-              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)
-              ])
-            ])) : B("", !0),
-            k(C.$slots, "after")
-          ], 64))
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), je = {
-  value: [String, Number],
-  color: String
-}, Gt = /* @__PURE__ */ w({
-  __name: "VvBadge",
-  props: je,
-  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)]),
-      role: "status"
-    }, O(r.value), 3));
   }
-}), Ne = {
-  disabled: { type: Boolean, default: !1 },
-  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) {
-  if (Object.keys(e).some(
-    (o) => o !== "key" && !me(e[o])
-  ))
-    throw Error("One or more groupState props aren't ref.");
-  ge(
-    e.key,
-    b(() => e)
-  );
+  return {
+    group: t,
+    isInGroup: e,
+    getGroupOrLocalRef: n
+  };
 }
-const Et = /* @__PURE__ */ w({
-  __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)),
-      role: "group"
-    }, [
-      k(g.$slots, "default")
-    ], 2));
-  }
-}), qe = {
+const ot = "VV_BUTTON_GROUP", at = "VV_RADIO_GROUP", nt = "VV_CHECK_GROUP", lt = "VV_ACCORDION_GROUP", Gt = {
+  name: String,
   title: String,
   content: String,
-  open: Boolean,
-  iconRight: Boolean,
-  bordered: Boolean,
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
   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);
+}, jt = ["update:modelValue"];
+function Mt(o, t) {
+  const { group: e, isInGroup: n, getGroupOrLocalRef: l } = Ae(lt), { modifiers: s, title: r, content: f } = x(o), v = l("modelValue", o, t), p = l("disabled", o), u = l("collapse", o);
   return {
-    modelValue: a,
-    disabled: i,
-    bordered: c,
-    iconRight: v,
-    isInGroup: r,
-    group: t,
-    accordion: u,
-    modifiers: l
+    modelValue: v,
+    disabled: p,
+    isInGroup: n,
+    group: e,
+    collapse: u,
+    modifiers: s,
+    title: r,
+    content: f
   };
 }
-const Me = ["open"], Ue = ["aria-controls", "aria-expanded"], ze = ["aria-hidden"], Ke = /* @__PURE__ */ w({
-  __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,
-      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", {
-      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());
-    };
-    return (_, S) => (y(), V("details", {
-      class: F(m(d)),
-      open: m(f),
-      onToggle: g,
-      onClick: p
+const Ut = ["id", "open"], qt = ["aria-controls", "aria-expanded"], Kt = ["aria-hidden"], Yt = {
+  name: "VvAccordion"
+}, Ft = /* @__PURE__ */ B({
+  ...Yt,
+  props: Gt,
+  emits: jt,
+  setup(o, { emit: t }) {
+    const e = o, n = Ye(), l = e.name || (n == null ? void 0 : n.id) || ve(), { modifiers: s, title: r, content: f, disabled: v, collapse: p, modelValue: u, isInGroup: d } = Mt(e, t), c = H(!1), b = i({
+      get: () => d.value ? p.value && Array.isArray(u.value) ? u.value.includes(l) : u.value === l : u.value === void 0 ? c.value : u.value,
+      set: (h) => {
+        if (d.value) {
+          if (p.value && Array.isArray(u.value)) {
+            if (h) {
+              u.value.push(l);
+              return;
+            }
+            u.value = u.value.filter(
+              (k) => k !== l
+            );
+            return;
+          }
+          u.value = h ? l : null;
+          return;
+        }
+        if (u.value === void 0 && typeof h == "boolean") {
+          c.value = h;
+          return;
+        }
+        u.value = h;
+      }
+    }), { bemCssClasses: g } = L("vv-accordion", {
+      modifiers: s,
+      disabled: v
+    }), y = Tt(b);
+    return (h, k) => (m(), _("details", {
+      id: a(l),
+      class: U(a(g)),
+      open: a(b),
+      onClick: k[0] || (k[0] = Fe((P) => a(y)(), ["prevent"]))
     }, [
-      A("summary", {
-        "aria-controls": `#${m(n)}`,
-        "aria-expanded": m(f),
+      w("summary", {
+        "aria-controls": a(l),
+        "aria-expanded": a(b),
         class: "vv-collapse__summary"
       }, [
-        k(_.$slots, "header", {}, () => [
-          N(O(_.title), 1)
+        C(h.$slots, "header", te(ye({ open: a(b) })), () => [
+          K(E(a(r)), 1)
         ])
-      ], 8, Ue),
-      A("div", {
-        "aria-hidden": !m(f),
+      ], 8, qt),
+      w("div", {
+        "aria-hidden": !a(b),
         class: "vv-collapse__content"
       }, [
-        k(_.$slots, "details", {}, () => [
-          N(O(_.content), 1)
+        C(h.$slots, "details", te(ye({ open: a(b) })), () => [
+          K(E(a(f)), 1)
         ])
-      ], 8, ze)
-    ], 42, Me));
+      ], 8, Kt)
+    ], 10, Ut));
   }
-}), Qe = {
+});
+function Pe(o) {
+  if (Object.keys(o).some(
+    (t) => t !== "key" && !be(o[t])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  kt(
+    o.key,
+    i(() => o)
+  );
+}
+const Wt = {
   modelValue: [String, Array],
-  iconRight: Boolean,
-  bordered: Boolean,
   items: { type: Array, default: () => [] },
-  accordion: Boolean,
+  collapse: Boolean,
   modifiers: [String, Array],
   disabled: Boolean
-}, Te = ["update:open"], Rt = /* @__PURE__ */ w({
-  __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,
+}, zt = ["update:modelValue"], Xt = {
+  name: "VvAccordionGroup"
+}, Ga = /* @__PURE__ */ B({
+  ...Xt,
+  props: Wt,
+  emits: zt,
+  setup(o, { emit: t }) {
+    const e = o, { disabled: n, collapse: l, modifiers: s, items: r } = x(e), f = i(
+      () => l.value && (e.modelValue === void 0 || Array.isArray(e.modelValue))
+    );
+    We(() => {
+      typeof e.modelValue == "string" && l.value && console.warn(
+        "[VvAccordionGroup]: modelValue is a string but collapse is true."
+      );
+    });
+    const v = H([]), p = i({
+      get: () => {
+        var c;
+        return e.modelValue !== void 0 ? f.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue : f.value ? v.value : (c = v.value) == null ? void 0 : c[0];
+      },
+      set: (c) => {
+        if (e.modelValue !== void 0)
+          return t("update:modelValue", c);
+        v.value = Array.isArray(c) ? c : [c];
+      }
+    });
+    Pe({
+      key: lt,
+      modelValue: p,
       disabled: n,
-      bordered: l,
-      iconRight: a,
-      accordion: c
+      collapse: f
     });
-    const { bemCssClasses: s } = G("vv-accordion-group", {
-      modifiers: i,
+    const { bemCssClasses: d } = L("vv-accordion-group", {
+      modifiers: s,
       disabled: n
     });
-    return (f, d) => {
+    return (c, b) => {
       var g;
-      return y(), V("div", {
-        class: F(m(s))
+      return m(), _("div", {
+        class: U(a(d))
       }, [
-        ((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
+        ((g = e.items) == null ? void 0 : g.length) > 0 ? (m(!0), _(re, { key: 0 }, ge(a(r), (y) => (m(), G(Ft, D({
+          key: y.title
         }, {
-          name: p.name,
-          title: p.title,
-          content: p.content,
-          ...t
-        }), null, 16))), 128)) : k(f.$slots, "default", { key: 1 })
+          name: y.name,
+          title: y.title,
+          content: y.content,
+          disabled: y.disabled,
+          modifiers: a(s)
+        }), {
+          header: he((h) => [
+            C(c.$slots, `header::${y.name}`, te(ye(h)))
+          ]),
+          details: he((h) => [
+            C(c.$slots, `details::${y.name}`, te(ye(h)))
+          ]),
+          _: 2
+        }, 1040))), 128)) : C(c.$slots, "default", { key: 1 })
       ], 2);
     };
   }
-}), ce = {
+}), se = {
   valid: Boolean,
   validLabel: [String, Array]
-}, de = {
+}, ie = {
   error: Boolean,
   errorLabel: [String, Array]
-}, Ze = {
+}, Oe = {
+  loading: Boolean,
+  loadingLabel: String
+}, _e = {
   disabled: Boolean
-}, fe = {
+}, rt = {
+  readonly: Boolean
+}, J = {
   modifiers: [String, Array]
-}, We = {
+}, ue = {
   hintLabel: { type: String, default: "" }
-}, Je = {
+}, st = {
   options: { type: Array, default: () => [] },
   optionLabel: { type: [String, Function], default: () => "label" },
   optionValue: { type: [String, Function], default: () => "value" }
-}, Xe = {
-  ...fe,
+}, it = {
+  limit: {
+    type: [Boolean, String],
+    default: !1,
+    validator: (o) => [!0, !1, "countdown"].includes(o)
+  }
+}, ut = {
+  id: [String, Number],
+  name: { type: String, required: !0 },
+  autocomplete: { type: String, default: "off" },
+  autofocus: Boolean,
+  minlength: Number,
+  maxlength: Number,
+  label: String,
+  placeholder: String,
+  required: Boolean,
+  disabled: Boolean,
+  readonly: Boolean
+}, Zt = {
+  debounce: Number
+}, Jt = {
+  ...J,
+  value: [String, Number]
+}, Qt = {
+  name: "VvBadge"
+}, ja = /* @__PURE__ */ B({
+  ...Qt,
+  props: Jt,
+  setup(o) {
+    const t = o, { bemCssClasses: e } = L("vv-badge", {
+      modifiers: t.modifiers
+    });
+    return (n, l) => (m(), _("span", {
+      class: U(a(e)),
+      role: "status"
+    }, [
+      C(n.$slots, "default", {}, () => [
+        K(E(n.value), 1)
+      ])
+    ], 2));
+  }
+}), eo = {
+  ...J,
   routes: Array,
   multiline: Boolean
-}, Ye = { class: "vv-breadcrumb__list" }, xe = ["content"], Dt = /* @__PURE__ */ w({
-  __name: "VvBreadcrumb",
-  props: Xe,
-  setup(e) {
-    const o = e, { modifiers: t, multiline: r } = P(o), { bemCssClasses: n } = G("vv-breadcrumb", {
-      modifiers: t,
-      multiline: r
+}, to = { class: "vv-breadcrumb__list" }, oo = ["content"], ao = {
+  name: "VvBreadcrumb"
+}, Ma = /* @__PURE__ */ B({
+  ...ao,
+  props: eo,
+  setup(o) {
+    const t = o, { bemCssClasses: e } = L("vv-breadcrumb", {
+      modifiers: t.modifiers,
+      multiline: t.multiline
     });
-    return (l, a) => (y(), V("nav", {
-      class: F(m(n)),
+    return (n, l) => (m(), _("nav", {
+      class: U(a(e)),
       "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
+      w("ol", to, [
+        (m(!0), _(re, null, ge(n.routes, (s, r) => {
+          var f, v, p, u;
+          return m(), _("li", {
+            key: `${s.label}-${r}`,
+            class: U({
+              "vv-breadcrumb__item": r < Number((f = n.routes) == null ? void 0 : f.length) - 1,
+              "vv-breadcrumb__item-active": r === Number((v = n.routes) == null ? void 0 : v.length) - 1
             }),
             itemprop: "itemListElement",
             itemtype: "https://schema.org/ListItem",
             itemscope: ""
           }, [
-            (y(), j(re(c.to ? "router-link" : c.href ? "a" : "span"), E(c, {
+            (m(), G(ze(s.to ? "router-link" : s.href ? "a" : "span"), D(s, {
               class: {
-                "vv-breadcrumb__link": i < Number((s = l.routes) == null ? void 0 : s.length) - 1
+                "vv-breadcrumb__link": r < Number((p = n.routes) == null ? void 0 : p.length) - 1
               },
-              "aria-current": i === Number((f = l.routes) == null ? void 0 : f.length) - 1 ? "page" : void 0,
+              "aria-current": r === Number((u = n.routes) == null ? void 0 : u.length) - 1 ? "page" : void 0,
               itemprop: "item"
             }), {
-              default: x(() => [
-                N(O(c.label) + " ", 1)
+              default: he(() => [
+                K(E(s.label), 1)
               ]),
               _: 2
             }, 1040, ["class", "aria-current"])),
-            A("meta", {
+            w("meta", {
               itemprop: "position",
-              content: `${i + 1}`
-            }, null, 8, xe)
+              content: `${r + 1}`
+            }, null, 8, oo)
           ], 2);
         }), 128))
       ])
     ], 2));
   }
-}), et = {
-  title: String,
-  modifiers: [String, Array]
-}, tt = {
-  key: 0,
-  class: "vv-card__header"
-}, ot = {
-  key: 1,
-  class: "vv-card__content"
-}, nt = {
-  key: 2,
-  class: "vv-card__footer"
-}, It = /* @__PURE__ */ w({
-  __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)
-        ])
-      ])) : 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)
-    ], 16));
+}), dt = "ds", no = {
+  color: String,
+  width: {
+    type: [String, Number]
+  },
+  height: {
+    type: [String, Number]
+  },
+  name: {
+    type: String,
+    required: !0
+  },
+  provider: {
+    type: String
+  },
+  prefix: {
+    type: String,
+    default: "normal"
+  },
+  src: String,
+  horizontalFlip: Boolean,
+  verticalFlip: Boolean,
+  flip: String,
+  mode: String,
+  inline: Boolean,
+  rotate: [Number, String],
+  onLoad: Function,
+  svg: String,
+  modifiers: {
+    type: [String, Array]
   }
-}), rt = {
-  ...ce,
-  ...de,
-  value: null,
-  modelValue: null,
-  binary: Boolean,
-  trueValue: { type: null, default: !0 },
-  falseValue: { type: null, default: !1 },
-  switch: Boolean,
-  label: String,
-  disabled: Boolean,
-  readonly: Boolean
-}, st = [
-  "click",
-  "update:modelValue",
-  "change",
-  "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);
-  return {
-    group: t,
-    isInGroup: r,
-    valid: l,
-    error: a,
-    propsSwitch: c,
-    modelValue: i,
-    readonly: v,
-    disabled: u
-  };
-}
-function lt(e, o) {
-  const { focused: t } = Be(e);
-  return ye(t, (r) => {
-    o(r ? "focus" : "blur", e.value);
-  }), {
-    focused: t
-  };
-}
-const it = {
-  inheritAttrs: !1
-}, ut = /* @__PURE__ */ w({
-  ...it,
-  __name: "VvCheck",
-  props: rt,
-  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,
-      valid: a,
-      invalid: c
-    }), { bemCssClasses: g } = G(
-      "vv-input-check__input",
-      {
-        checked: f,
-        disabled: n,
-        readonly: l
+}, lo = {
+  name: "VvIcon"
+}, j = /* @__PURE__ */ B({
+  ...lo,
+  props: no,
+  setup(o) {
+    const t = o, e = H(!0), { modifiers: n } = x(t), l = Ne(dt), { bemCssClasses: s } = L("vv-icon", {
+      modifiers: n
+    }), r = i(() => t.provider || (l == null ? void 0 : l.provider)), f = i(() => {
+      const u = t.name || "", d = `@${r.value}:${t.prefix}:${t.name}`;
+      return Ve(u) ? u : Ve(d) ? d : (l == null ? void 0 : l.iconsCollections.find((c) => {
+        const b = `@${r.value}:${c.prefix}:${u}`;
+        if (Ve(b))
+          return b;
+      })) || u;
+    });
+    function v(u) {
+      let d = null;
+      if (typeof window > "u") {
+        const { JSDOM: y } = require("jsdom");
+        d = new y().window;
       }
-    ), 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-")
-      );
-      return {
-        for: $ || R,
-        style: C,
-        ...H
-      };
-    }), D = b(() => {
-      const { id: $ = "", name: R = "" } = r;
-      return {
-        type: "checkbox",
-        id: $ || R,
-        name: R,
-        value: t.value,
-        disabled: n.value,
-        readonly: l.value,
-        checked: f.value,
-        ...I.value
-      };
-    }), I = b(() => {
-      const { name: $ } = r, R = h.pickBy(
-        r,
-        (C) => C.startsWith("aria-")
-      );
-      return {
-        "aria-label": $,
-        "aria-checked": f.value,
-        ...R
-      };
-    });
-    function W() {
-      if (t.binary) {
-        v.value = f.value ? t.falseValue : t.trueValue;
-        return;
-      }
-      if (v.value === null) {
-        v.value = [t.value];
-        return;
+      return (d ? new d.DOMParser() : new window.DOMParser()).parseFromString(u, "text/html").querySelector("svg");
+    }
+    function p(u) {
+      const d = v(u), c = (d == null ? void 0 : d.innerHTML.trim()) || "";
+      d && c && Nt(`@${r.value}:${t.prefix}:${t.name}`, {
+        body: c,
+        height: d.viewBox.baseVal.height,
+        width: d.viewBox.baseVal.width
+      });
+    }
+    return l && (t.src && !Ve(`@${r.value}:${t.prefix}:${t.name}`) ? (e.value = !1, l.fetchIcon(t.src).then((u) => {
+      u && (p(u), e.value = !0);
+    }).catch((u) => {
+      throw new Error(`During fetch icon: ${u == null ? void 0 : u.message}`);
+    })) : t.svg && p(t.svg)), (u, d) => e.value ? (m(), G(a(Dt), D({
+      key: 0,
+      class: a(s)
+    }, {
+      ...u.$props,
+      provider: a(r),
+      icon: a(f)
+    }), null, 16, ["class"])) : O("", !0);
+  }
+});
+var pe = /* @__PURE__ */ ((o) => (o.left = "left", o.right = "right", o.top = "top", o.bottom = "bottom", o))(pe || {}), ct = /* @__PURE__ */ ((o) => (o.button = "button", o.submit = "submit", o.reset = "reset", o))(ct || {}), ee = /* @__PURE__ */ ((o) => (o.nuxtLink = "nuxt-link", o.routerLink = "router-link", o.a = "a", o.button = "button", o))(ee || {}), vt = /* @__PURE__ */ ((o) => (o._blank = "_blank", o._self = "_self", o._parent = "_parent", o._top = "_top", o))(vt || {});
+const ro = {
+  ...J,
+  ..._e,
+  icon: {
+    type: [String, Object],
+    default: ""
+  },
+  iconPosition: {
+    type: String,
+    default: "left",
+    validator: (o) => o in pe
+  },
+  label: [String, Number],
+  loading: Boolean,
+  loadingIcon: { type: String, default: "eos-icons:bubble-loading" },
+  loadingLabel: {
+    type: String,
+    default: "Loading..."
+  },
+  to: {
+    type: [String, Object]
+  },
+  href: String,
+  target: {
+    type: String,
+    validator: (o) => o in vt
+  },
+  active: Boolean,
+  pressed: Boolean,
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  },
+  type: {
+    type: String,
+    default: "button",
+    validator: (o) => o in ct
+  }
+};
+function so(o) {
+  const { group: t, isInGroup: e, getGroupOrLocalRef: n } = Ae(ot), { iconPosition: l, icon: s, label: r, pressed: f } = x(o), v = n("modelValue", o), p = n("disabled", o), u = n("toggle", o), d = n("modifiers", o);
+  return {
+    modelValue: v,
+    disabled: p,
+    toggle: u,
+    isInGroup: e,
+    group: t,
+    modifiers: d,
+    pressed: f,
+    iconPosition: l,
+    icon: s,
+    label: r
+  };
+}
+const io = {
+  key: 1,
+  class: "vv-button__label"
+}, uo = {
+  key: 1,
+  class: "vv-button__label"
+}, co = {
+  name: "VvButton"
+}, Ua = /* @__PURE__ */ B({
+  ...co,
+  props: ro,
+  setup(o) {
+    const t = o, e = Ye(), n = oe(), l = (e == null ? void 0 : e.name) || ve(), {
+      modifiers: s,
+      iconPosition: r,
+      icon: f,
+      label: v,
+      modelValue: p,
+      disabled: u,
+      toggle: d,
+      isInGroup: c
+    } = so(t), b = Ne(dt), g = i(() => {
+      switch (!0) {
+        case u.value:
+          return ee.button;
+        case t.to !== void 0:
+          return b != null && b.nuxt ? ee.nuxtLink : ee.routerLink;
+        case t.href !== void 0:
+          return ee.a;
+        default:
+          return ee.button;
       }
-      if (Array.isArray(v.value)) {
-        v.value = f.value ? h.removeFromList(t.value, v.value) : [...v.value, t.value];
-        return;
+    }), y = i(() => d.value ? Array.isArray(p.value) ? ce(l, p.value) : le(l, p.value) : t.pressed), { bemCssClasses: h } = L("vv-button", {
+      modifiers: s,
+      active: t.active,
+      pressed: y,
+      disabled: u,
+      reverse: i(
+        () => [pe.right, pe.bottom].includes(
+          r.value
+        )
+      ),
+      column: i(
+        () => [pe.top, pe.bottom].includes(
+          r.value
+        )
+      ),
+      iconOnly: i(() => (f == null ? void 0 : f.value) && !(v != null && v.value) && !n.default)
+    }), k = i(
+      () => typeof (f == null ? void 0 : f.value) == "string" ? { name: f == null ? void 0 : f.value } : f == null ? void 0 : f.value
+    ), P = i(() => {
+      const A = {
+        class: h.value,
+        "aria-label": e["aria-label"],
+        "aria-pressed": y.value ? !0 : void 0
+      };
+      switch (g.value) {
+        case ee.a:
+          return {
+            ...A,
+            role: "button",
+            href: t.href,
+            target: t.target,
+            rel: t.rel
+          };
+        case ee.routerLink:
+        case ee.nuxtLink:
+          return {
+            ...A,
+            role: "button",
+            to: t.to,
+            target: t.target
+          };
+        default:
+          return {
+            ...A,
+            type: t.type,
+            disabled: u.value
+          };
       }
+    });
+    function I() {
+      c.value && (p.value = l);
     }
-    function J($) {
-      n.value || (o("click", $), o("change", f.value ? t.value : null), s.value = !0);
-    }
-    return ($, R) => (y(), V("label", E({ class: m(p) }, m(S), { onClick: J }), [
-      A("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)
-      ])
-    ], 16));
+    return (A, R) => (m(), G(ze(a(g)), D(a(P), { onClickPassive: I }), {
+      default: he(() => [
+        C(A.$slots, "default", {}, () => [
+          A.loading ? C(A.$slots, "loading", { key: 0 }, () => [
+            A.loadingIcon ? (m(), G(j, {
+              key: 0,
+              class: "vv-button__loading-icon",
+              name: A.loadingIcon
+            }, null, 8, ["name"])) : O("", !0),
+            A.loadingLabel ? (m(), _("span", io, E(A.loadingLabel), 1)) : O("", !0)
+          ]) : (m(), _(re, { key: 1 }, [
+            C(A.$slots, "before"),
+            a(f) ? (m(), G(j, D({
+              key: 0,
+              class: "vv-button__icon"
+            }, a(k)), null, 16)) : O("", !0),
+            a(v) ? (m(), _("span", uo, [
+              C(A.$slots, "label", {}, () => [
+                K(E(a(v)), 1)
+              ])
+            ])) : O("", !0),
+            C(A.$slots, "after")
+          ], 64))
+        ])
+      ]),
+      _: 3
+    }, 16));
   }
-}), ct = {
-  ...ce,
-  ...de,
-  ...We,
-  ...Je,
-  modelValue: { type: Array },
-  label: { type: String, default: "" },
-  name: { type: String, default: "", required: !0 },
-  disabled: { type: Boolean, default: !1 },
-  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);
+}), vo = {
+  ...J,
+  ..._e,
+  vertical: { type: Boolean, default: !1 },
+  compact: { type: Boolean, default: !1 },
+  toggle: { type: Boolean, default: !1 },
+  modelValue: { type: String, default: void 0 }
+}, po = ["update:modelValue"], fo = {
+  name: "VvButtonGroup"
+}, qa = /* @__PURE__ */ B({
+  ...fo,
+  props: vo,
+  emits: po,
+  setup(o, { emit: t }) {
+    const e = o, n = ke(e, "modelValue", t), { disabled: l, vertical: s, compact: r, toggle: f, modifiers: v } = x(e), { bemCssClasses: p } = L("vv-button-group", {
+      modifiers: v,
+      vertical: s,
+      compact: r
+    }), u = {
+      key: ot,
+      modelValue: n,
+      disabled: l,
+      toggle: f,
+      modifiers: v != null && v.value ? v : H([])
+    };
+    return Pe(u), (d, c) => (m(), _("div", {
+      class: U(a(p)),
+      role: "group"
+    }, [
+      C(d.$slots, "default")
+    ], 2));
+  }
+}), mo = {
+  title: String,
+  modifiers: [String, Array]
+}, bo = {
+  key: 0,
+  class: "vv-card__header"
+}, go = {
+  key: 1,
+  class: "vv-card__content"
+}, yo = {
+  key: 2,
+  class: "vv-card__footer"
+}, ho = {
+  name: "VvCard"
+}, Ka = /* @__PURE__ */ B({
+  ...ho,
+  props: mo,
+  setup(o) {
+    const t = o, { bemCssClasses: e } = L("vv-card", {
+      modifiers: t.modifiers
+    });
+    return (n, l) => (m(), _("article", {
+      class: U(a(e))
+    }, [
+      n.$slots.header || n.title ? (m(), _("header", bo, [
+        C(n.$slots, "header", {}, () => [
+          K(E(n.title), 1)
+        ])
+      ])) : O("", !0),
+      C(n.$slots, "default"),
+      n.$slots.content ? (m(), _("div", go, [
+        C(n.$slots, "content")
+      ])) : O("", !0),
+      n.$slots.footer ? (m(), _("footer", yo, [
+        C(n.$slots, "footer")
+      ])) : O("", !0)
+    ], 2));
+  }
+}), _o = {
+  ...se,
+  ...ie,
+  ...ue,
+  id: [String, Number],
+  name: { type: String, required: !0 },
+  value: [String, Number, Boolean],
+  modelValue: [Object, Number, Boolean, String],
+  label: String,
+  disabled: Boolean,
+  readonly: Boolean,
+  trueValue: { type: [String, Number, Boolean], default: void 0 },
+  falseValue: { type: [String, Number, Boolean], default: void 0 },
+  switch: Boolean,
+  tabindex: { type: [String, Number], default: 0 }
+}, So = ["click", "update:modelValue", "change", "blur"];
+function Vo(o, t) {
+  const { group: e, isInGroup: n, getGroupOrLocalRef: l } = Ae(nt), { valid: s, error: r, switch: f } = x(o), v = l("modelValue", o, t), p = l("readonly", o), u = l("disabled", o);
   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]
+    valid: s,
+    error: r,
+    propsSwitch: f,
+    group: e,
+    isInGroup: n,
+    modelValue: v,
+    readonly: p,
+    disabled: u
   };
 }
-function z(e) {
-  return Array.isArray(e) ? e.filter((o) => h.isString(o)).reduce((o, t) => o.length > 0 ? o + `
-` + t : t, "") : e;
+function $e(o) {
+  return Array.isArray(o) ? o.filter((t) => xt(t)).join(" ") : o;
 }
-function vt(e, o) {
+function de(o, t) {
+  const {
+    error: e,
+    valid: n,
+    hint: l,
+    loading: s
+  } = t, {
+    hintLabel: r,
+    modelValue: f,
+    valid: v,
+    validLabel: p,
+    error: u,
+    errorLabel: d,
+    ...c
+  } = x(o), b = Ce(c, "loading"), g = Ce(c, "loadingLabel"), y = i(() => u.value ? !!(u.value && e || d != null && d.value && Array.isArray(d.value) && d.value.length > 0 || d != null && d.value && !z(d)) : !1), h = i(
+    () => !!(r && r.value || l)
+  ), k = i(
+    () => !!(p && p.value || n)
+  ), P = i(
+    () => !!(b != null && b.value && s || b != null && b.value && (g != null && g.value))
+  ), I = i(
+    () => h.value || k || y.value || P.value
+  );
   return {
-    name: "HintSlot",
-    props: {
-      params: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    setup(t) {
-      const r = P(e), {
-        error: n,
-        valid: l,
-        hint: a,
-        loading: c
-      } = o, {
-        hintLabel: i,
-        modelValue: v,
-        valid: u,
-        validLabel: s,
-        error: f,
-        errorLabel: d
-      } = r, g = h.resolveFieldData(r, "loading"), p = h.resolveFieldData(
-        r,
-        "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,
-          error: f,
-          errorLabel: d,
-          loading: g,
-          loadingLabel: p,
-          ...t.params
+    hasErrors: y,
+    hasHint: h,
+    hasValid: k,
+    hasLoading: P,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(A) {
+        const R = i(() => {
+          const M = Bt({
+            hintLabel: r,
+            modelValue: f,
+            valid: v,
+            validLabel: p,
+            error: u,
+            errorLabel: d,
+            loading: b,
+            loadingLabel: g,
+            ...A.params
+          });
+          return u != null && u.value ? (e == null ? void 0 : e(M)) || $e(d == null ? void 0 : d.value) || (r == null ? void 0 : r.value) : v != null && v.value ? (n == null ? void 0 : n(M)) || $e(p == null ? void 0 : p.value) || (r == null ? void 0 : r.value) : b != null && b.value ? (s == null ? void 0 : s(M)) || $e(g == null ? void 0 : g.value) || (r == null ? void 0 : r.value) : (l == null ? void 0 : l(M)) || $e(r == null ? void 0 : r.value) || (r == null ? void 0 : r.value);
         });
-        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 {
-        hasHint: S,
-        hintContent: D
-      };
-    },
-    render() {
-      if (this.hasHint)
-        return be(
-          "pre",
-          { style: { "white-space": "pre" } },
-          this.hintContent
-        );
+        return {
+          isVisible: I,
+          hasErrors: y,
+          hasValid: k,
+          hintContent: R
+        };
+      },
+      render() {
+        if (this.isVisible)
+          return W(
+            "small",
+            {
+              role: this.hasErrors || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
     }
   };
 }
-const pt = ["textContent"], mt = { class: "vv-input-checkbox-group__wrapper" }, jt = /* @__PURE__ */ w({
-  __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,
+const $o = ["for"], Co = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ko = {
+  name: "VvCheckbox"
+}, Ao = /* @__PURE__ */ B({
+  ...ko,
+  props: _o,
+  emits: So,
+  setup(o, { emit: t }) {
+    const e = o, n = oe(), { disabled: l, readonly: s, valid: r, error: f, propsSwitch: v, modelValue: p } = Vo(e, t), u = H(), d = i(
+      () => e.id !== void 0 ? String(e.id) : void 0
+    ), c = i(
+      () => e.trueValue !== void 0 && e.falseValue !== void 0
+    ), b = i(() => l.value || s.value), g = i(() => b.value ? -1 : e.tabindex), y = i(() => {
+      if (e.error === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), h = i(() => c.value ? p.value === e.trueValue : Array.isArray(p.value) ? ce(e.value, p.value) : le(e.value, p.value)), k = i(() => {
+      if (!c.value)
+        return ["string", "number", "boolean"].includes(typeof e.value) ? e.value : !0;
+    }), P = i({
+      get() {
+        return h.value;
+      },
+      set(R) {
+        if (c.value) {
+          p.value = R ? e.trueValue : e.falseValue;
+          return;
+        }
+        if (Array.isArray(p.value)) {
+          p.value = R ? [...p.value, e.value] : Le(e.value, p.value);
+          return;
+        }
+        p.value = R ? e.value : null, t("change", R);
+      }
+    }), { bemCssClasses: I } = L("vv-checkbox", {
+      switch: v,
+      valid: r,
+      invalid: f,
       disabled: l,
-      readonly: a
+      readonly: s
     });
-    const { getOptionLabel: u, getOptionValue: s } = ft(t), { bemCssClasses: f } = G(
-      "vv-input-checkbox-group",
-      {
-        horizontal: b(() => !t.vertical),
-        valid: i,
-        invalid: c
-      }
-    ), d = (p, _) => ({
-      id: `${t.name}_opt${_}`,
-      name: t.name,
-      label: u(p),
-      value: s(p)
-    }), g = vt(t, r);
-    return (p, _) => (y(), V("fieldset", {
-      class: F(m(f))
+    We(() => {
+      c.value && Array.isArray(p.value) && console.warn(
+        "[VvCheckbox] The model value is an array but the component is in binary mode."
+      );
+    });
+    const { HintSlot: A } = de(e, n);
+    return (R, M) => (m(), _("label", {
+      class: U(a(I)),
+      for: a(d)
+    }, [
+      ne(w("input", {
+        id: a(d),
+        ref_key: "input",
+        ref: u,
+        "onUpdate:modelValue": M[0] || (M[0] = (X) => be(P) ? P.value = X : null),
+        type: "checkbox",
+        class: "vv-checkbox__input",
+        name: R.name,
+        disabled: a(b),
+        value: a(k),
+        tabindex: a(g),
+        "aria-invalid": a(y)
+      }, null, 8, Co), [
+        [At, a(P)]
+      ]),
+      C(R.$slots, "default", { value: a(p) }, () => [
+        K(E(R.label), 1)
+      ]),
+      q(a(A), {
+        class: "vv-checkbox__hint",
+        params: { value: a(p) }
+      }, null, 8, ["params"])
+    ], 10, $o));
+  }
+});
+function pt(o) {
+  const { options: t, optionLabel: e, optionValue: n } = x(o);
+  return {
+    options: t,
+    getOptionLabel: (r) => typeof r != "object" && r !== null ? r : typeof e.value == "function" ? e.value(r) : r[e.value],
+    getOptionValue: (r) => typeof r != "object" && r !== null ? r : typeof n.value == "function" ? n.value(r) : r[n.value]
+  };
+}
+const Po = {
+  ...se,
+  ...ie,
+  ...ue,
+  ...st,
+  modelValue: { type: Array },
+  label: { type: String, default: "" },
+  name: { type: String, default: "", required: !0 },
+  disabled: { type: Boolean, default: !1 },
+  readonly: { type: Boolean, default: !1 },
+  vertical: { type: Boolean, default: !1 }
+}, Oo = ["update:modelValue", "change"], wo = ["textContent"], Io = { class: "vv-checkbox-group__wrapper" }, Eo = {
+  name: "VvCheckboxGroup"
+}, Ya = /* @__PURE__ */ B({
+  ...Eo,
+  props: Po,
+  emits: Oo,
+  setup(o, { emit: t }) {
+    const e = o, n = oe(), l = ke(e, "modelValue", t), { disabled: s, readonly: r, error: f, valid: v } = x(e);
+    Pe({
+      key: nt,
+      modelValue: l,
+      disabled: s,
+      readonly: r
+    });
+    const { getOptionLabel: u, getOptionValue: d } = pt(e), { bemCssClasses: c } = L("vv-checkbox-group", {
+      horizontal: i(() => !e.vertical),
+      valid: v,
+      invalid: f
+    }), b = (y, h) => ({
+      id: `${e.name}_opt${h}`,
+      name: e.name,
+      label: u(y),
+      value: d(y)
+    }), { HintSlot: g } = de(e, n);
+    return (y, h) => (m(), _("fieldset", {
+      class: U(a(c))
     }, [
-      p.label ? (y(), V("legend", {
+      y.label ? (m(), _("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: E(y.label)
+      }, null, 8, wo)) : O("", !0),
+      w("div", Io, [
+        y.options.length > 0 ? (m(!0), _(re, { key: 0 }, ge(y.options, (k, P) => (m(), G(Ao, D({ key: P }, b(k, P)), null, 16))), 128)) : C(y.$slots, "default", { key: 1 })
       ]),
-      se(m(g), { class: "vv-input-checkbox-group__hint" })
+      q(a(g), { class: "vv-checkbox-group__hint" })
     ], 2));
   }
-}), K = {
-  normal: "",
-  small: "small",
-  fullscreen: "fullscreen"
-}, gt = ["open", "close", "update:open"], yt = {
+}), To = ["open", "close", "update:modelValue"], Bo = {
   id: { type: String, required: !0 },
   title: String,
-  open: Boolean,
+  modelValue: Boolean,
   transition: { type: String, default: "fade-block" },
-  size: {
-    type: String,
-    default: K.normal,
-    validator: (e) => Object.values(K).includes(e)
-  },
+  size: String,
   autoClose: { type: Boolean, default: !0 }
-}, bt = {
+}, Ro = {
   key: 0,
   class: "vv-dialog__header"
-}, ht = ["onClick"], _t = { class: "vv-dialog__content" }, Vt = {
+}, Do = ["onClick"], No = { class: "vv-dialog__content" }, Lo = {
   key: 1,
   class: "vv-dialog__footer"
-}, Nt = /* @__PURE__ */ w({
-  __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;
+}, xo = {
+  name: "VvDialog"
+}, Fa = /* @__PURE__ */ B({
+  ...xo,
+  props: Bo,
+  emits: To,
+  setup(o, { emit: t }) {
+    const e = o, n = ke(e, "modelValue", t), l = H(!0), s = H(null), r = i(() => {
+      const { id: d } = e;
       return {
-        id: s,
-        open: n.value
+        id: d,
+        open: l.value
       };
-    }), c = b(() => ({
-      "vv-dialog": !0,
-      "vv-dialog--small": t.size === K.small,
-      "vv-dialog--fullscreen": t.size === K.fullscreen
-    })), i = b(() => `vv-dialog--${t.transition}`), v = {
-      "after-enter": () => {
-        n.value = !0, o("open");
+    }), f = i(() => e.size ? ["vv-dialog", `vv-dialog--${e.size}`] : "vv-dialog"), v = i(() => `vv-dialog--${e.transition}`), p = {
+      "before-enter": () => {
+        l.value = !0, t("open");
       },
       "after-leave": () => {
-        n.value = !1, o("close");
+        l.value = !1, t("close");
       }
     };
-    we(l, () => {
-      t.autoClose && (r.value = !1);
+    et(s, () => {
+      e.autoClose && (n.value = !1);
     });
     function u() {
-      r.value = !1;
+      n.value = !1;
     }
-    return (s, f) => (y(), j(_e, E({ name: m(i) }, Ve(v)), {
-      default: x(() => [
-        ke(A("dialog", E(m(a), { class: m(c) }), [
-          A("article", {
+    return (d, c) => (m(), G(Pt, D({ name: a(v) }, Ot(p)), {
+      default: he(() => [
+        ne(w("dialog", D(a(r), { class: a(f) }), [
+          w("article", {
             ref_key: "modalWrapper",
-            ref: l,
+            ref: s,
             class: "vv-dialog__wrapper"
           }, [
-            s.$slots.header || s.title ? (y(), V("header", bt, [
-              k(s.$slots, "header", {}, () => [
-                N(O(s.title) + " ", 1),
-                A("button", {
+            d.$slots.header || d.title ? (m(), _("header", Ro, [
+              C(d.$slots, "header", {}, () => [
+                K(E(d.title) + " ", 1),
+                w("button", {
                   type: "button",
                   "aria-label": "Close",
                   class: "vv-dialog__close",
-                  onClick: Ce(u, ["prevent"])
+                  onClick: Fe(u, ["prevent"])
                 }, [
-                  se(Y, { name: "close" })
-                ], 8, ht)
+                  q(j, { name: "close" })
+                ], 8, Do)
               ])
-            ])) : B("", !0),
-            A("div", _t, [
-              k(s.$slots, "default")
+            ])) : O("", !0),
+            w("div", No, [
+              C(d.$slots, "default")
             ]),
-            s.$slots.footer ? (y(), V("footer", Vt, [
-              k(s.$slots, "footer")
-            ])) : B("", !0)
+            d.$slots.footer ? (m(), _("footer", Lo, [
+              C(d.$slots, "footer")
+            ])) : O("", !0)
           ], 512)
         ], 16), [
-          [Se, m(r)]
+          [Xe, a(n)]
         ])
       ]),
       _: 3
     }, 16, ["name"]));
   }
-}), kt = {
-  ...Ze,
-  ...fe,
-  modelValue: [String, Array, Object],
+}), Ho = {
+  ..._e,
+  ...J,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    required: !0
+  },
   labelNoResult: { type: String, default: "No results" },
   options: {
     type: Array,
@@ -1040,81 +1073,1192 @@ 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({
-  __name: "VvDropdown",
-  props: kt,
+}, Go = {
+  key: 0,
+  role: "option"
+}, jo = ["aria-selected"], Mo = ["for"], Uo = ["id", "type", "value", "checked", "disabled"], qo = {
+  name: "VvDropdown"
+}, Ko = /* @__PURE__ */ B({
+  ...qo,
+  props: Ho,
   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(o, { emit: t }) {
+    const e = o, n = ve(), { modifiers: l, disabled: s } = x(e), { bemCssClasses: r } = L("vv-dropdown", {
+      modifiers: l,
+      disabled: s
     });
-    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 f(c) {
+      return Array.isArray(e.modelValue) ? ce(c, e.modelValue) || ce(v(c), e.modelValue) : le(c, e.modelValue) || le(v(c), e.modelValue);
+    }
+    function v(c) {
+      return typeof c == "string" ? c : String(c[e.valueKey]);
     }
-    function i(s) {
-      return typeof s == "string" ? s : String(s[t.valueKey]);
+    function p(c) {
+      return typeof c == "string" ? c : c[e.labelKey];
     }
-    function v(s) {
-      return typeof s == "string" ? s : s[t.labelKey];
+    function u(c) {
+      return typeof c == "string" || c.disabled === void 0 ? s.value : c.disabled;
     }
-    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)) {
-          f.checked = !1;
+    function d(c) {
+      var h, k;
+      const b = c.target;
+      let g = b.value;
+      if (g = (e.useObject ? (h = e.options) == null ? void 0 : h.find(
+        (P) => P[e.valueKey] == g
+      ) : null) || g, e.multiple) {
+        if (typeof e.maxValues < "u" && e.maxValues >= 0 && Array.isArray(e.modelValue) && ((k = e.modelValue) == null ? void 0 : k.length) >= e.maxValues && (Array.isArray(e.modelValue) && !ce(g, e.modelValue) || e.maxValues == 0)) {
+          b.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(e.modelValue) ? g = ce(g, e.modelValue) ? Le(g, e.modelValue) : [...e.modelValue, g] : g = [g];
       }
-      o("update:modelValue", d);
+      t("update:modelValue", g);
     }
-    return (s, f) => {
-      var d;
-      return y(), V("ul", {
-        class: F(m(a)),
+    return (c, b) => {
+      var g;
+      return m(), _("ul", {
+        class: U(a(r)),
         role: "listbox"
       }, [
-        (d = s.options) != null && d.length ? B("", !0) : (y(), V("li", Ct, [
-          A("label", null, O(s.labelNoResult), 1)
+        (g = c.options) != null && g.length ? O("", !0) : (m(), _("li", Go, [
+          w("label", null, E(c.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)}`
-            }, [
-              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)
-          ]);
-        }), 128))
+        (m(!0), _(re, null, ge(c.options, (y, h) => (m(), _("li", {
+          key: h,
+          role: "option",
+          "aria-selected": f(y)
+        }, [
+          w("label", {
+            for: `dropdown-${h}-${a(n)}`
+          }, [
+            w("input", {
+              id: `dropdown-${h}-${a(n)}`,
+              type: c.multiple ? "checkbox" : "radio",
+              value: v(y),
+              checked: f(y),
+              disabled: u(y),
+              tabindex: "-1",
+              "aria-hidden": "true",
+              onInput: d
+            }, null, 40, Uo),
+            K(" " + E(p(y)), 1)
+          ], 8, Mo)
+        ], 8, jo))), 128))
       ], 2);
     };
   }
 });
+function ft(o, t, e) {
+  const n = i(
+    () => !!(o.value && t.value === "left" || e.iconLeft)
+  ), l = i(
+    () => !!(o.value && t.value === "right" || e.iconRight)
+  ), s = i(
+    () => !!(o.value && t.value === "top" || e.iconTop)
+  ), r = i(
+    () => !!(o.value && t.value === "bottom" || e.iconBottom)
+  );
+  return {
+    hasIconLeft: n,
+    hasIconRight: l,
+    hasIconTop: s,
+    hasIconBottom: r
+  };
+}
+function mt(o, t) {
+  const { focused: e } = tt(o);
+  return Ze(e, (n) => {
+    t(n ? "focus" : "blur", a(o));
+  }), {
+    focused: e
+  };
+}
+function bt(o, t, e = 0) {
+  let n;
+  return typeof e == "string" && (e = parseInt(e)), i({
+    get: () => o == null ? void 0 : o.value,
+    set: (l) => {
+      n && clearTimeout(n), n = setTimeout(() => {
+        t("update:modelValue", l);
+      }, e);
+    }
+  });
+}
+function gt(o, t) {
+  const e = i(() => {
+    const s = a(o);
+    return je(s) ? s.length : 0;
+  }), n = i(() => {
+    const s = a(o) || "";
+    return !je(s) || t.mode === !1 ? 0 : t.mode === !0 ? s.length : a(t.upperLimit) - s.length;
+  }), l = i(() => t.mode === !1 ? "" : t.mode === !0 && t.upperLimit && t.upperLimit > 0 ? `${n.value}/${a(t.upperLimit)}` : n.value);
+  return {
+    textLength: e,
+    textLimitLength: n,
+    formattedTextLimitLength: l
+  };
+}
+const fe = {
+  TEXT: "text",
+  PASSWORD: "password",
+  DATE: "date",
+  DATETIME_LOCAL: "datetime-local",
+  NUMBER: "number",
+  TIME: "time",
+  EMAIL: "email",
+  TEL: "tel",
+  URL: "url",
+  COLOR: "color",
+  SEARCH: "search",
+  FILE: "file"
+}, De = {
+  LEFT: "left",
+  RIGHT: "right"
+}, me = {
+  PASSWORD_SHOW: "eye-on",
+  PASSWORD_HIDE: "eye-off",
+  DATE: "calendar",
+  TIME: "time",
+  COLOR: "color",
+  SEARCH: "close"
+}, N = {
+  TYPES: fe,
+  ICON_POSITIONS: De,
+  TYPES_ICON: me
+}, Yo = ["update:modelValue", "focus", "blur", "keyup"], Fo = {
+  ...se,
+  ...ie,
+  ...ue,
+  ...Oe,
+  ...J,
+  ...it,
+  ...ut,
+  modelValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  type: {
+    type: String,
+    default: fe.TEXT,
+    validator: (o) => Object.values(fe).includes(o)
+  },
+  min: [Number, Date],
+  max: [Number, Date],
+  step: { type: Number, default: 1 },
+  labelStepUp: {
+    type: String,
+    default: "Increase value"
+  },
+  labelStepDown: {
+    type: String,
+    default: "Decrease value"
+  },
+  labelShowPassword: {
+    type: String,
+    default: "Show password"
+  },
+  labelHidePassword: {
+    type: String,
+    default: "Hide password"
+  },
+  labelClear: {
+    type: String,
+    default: "Clear"
+  },
+  iconShowPassword: {
+    type: String,
+    default: me.PASSWORD_SHOW
+  },
+  iconHidePassword: {
+    type: String,
+    default: me.PASSWORD_HIDE
+  },
+  iconClear: {
+    type: String,
+    default: me.SEARCH
+  },
+  icon: {
+    type: [String, Object],
+    default: ""
+  },
+  iconPosition: {
+    type: String,
+    validation: (o) => Object.values(De).includes(o),
+    default: De.RIGHT
+  },
+  floating: Boolean,
+  debounce: [String, Number],
+  tabindex: { type: [String, Number], default: 0 }
+}, Ue = B({
+  components: {
+    VvIcon: j
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    labelShow: {
+      type: String,
+      default: "Show password"
+    },
+    labelHide: {
+      type: String,
+      default: "Hide password"
+    },
+    iconShow: {
+      type: String,
+      default: me.PASSWORD_SHOW
+    },
+    iconHide: {
+      type: String,
+      default: me.PASSWORD_HIDE
+    }
+  },
+  emits: ["toggle-password"],
+  setup(o, { emit: t }) {
+    const e = H(!1), n = i(
+      () => e.value ? o.iconHide : o.iconShow
+    );
+    function l(s) {
+      s == null || s.stopPropagation(), o.disabled || (e.value = !e.value, t("toggle-password", e.value));
+    }
+    return {
+      active: e,
+      activeIcon: n,
+      onClick: l
+    };
+  },
+  render() {
+    const o = W(j, {
+      name: this.activeIcon,
+      class: "vv-input-text__action-icon"
+    });
+    return W(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.active ? this.labelHide : this.labelShow,
+        type: "button",
+        onClick: this.onClick
+      },
+      o
+    );
+  }
+}), Te = B({
+  components: {
+    VvIcon: j
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String
+    },
+    mode: {
+      type: String,
+      validator: (o) => ["up", "down"].includes(o),
+      default: "up"
+    }
+  },
+  emits: ["step-up", "step-down"],
+  setup(o, { emit: t }) {
+    const e = i(() => o.mode === "up");
+    return {
+      isUp: e,
+      onClick: (l) => {
+        l == null || l.stopPropagation(), o.disabled || t(e.value ? "step-up" : "step-down");
+      }
+    };
+  },
+  render() {
+    return W("button", {
+      class: [
+        "vv-input-text__action-chevron",
+        this.isUp && "vv-input-text__action-chevron-up"
+      ],
+      disabled: this.disabled,
+      ariaLabel: this.label,
+      onClick: this.onClick
+    });
+  }
+}), qe = B({
+  components: {
+    VvIcon: j
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: "Clear"
+    },
+    icon: {
+      type: String,
+      default: "close"
+    }
+  },
+  emits: ["clear"],
+  setup(o, { emit: t }) {
+    function e(n) {
+      n == null || n.stopPropagation(), o.disabled || t("clear");
+    }
+    return {
+      onClick: e
+    };
+  },
+  render() {
+    const o = W(j, {
+      name: this.icon,
+      class: "vv-input-text__action-icon"
+    });
+    return W(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.label,
+        type: "button",
+        onClick: this.onClick
+      },
+      o
+    );
+  }
+});
+function Be(o, t) {
+  return {
+    name: "VvInputTextActions",
+    components: {
+      VvIcon: j,
+      VvInputPasswordAction: Ue,
+      VvInputStepAction: Te,
+      VvInputClearAction: qe
+    },
+    setup() {
+      return {
+        isDisabled: i(() => t.disabled || t.readonly),
+        labelStepUp: t.labelStepUp,
+        labelStepDown: t.labelStepDown,
+        labelShowPassword: t.labelShowPassword,
+        labelHidePassword: t.labelHidePassword,
+        labelClear: t.labelClear,
+        iconShowPassword: t.iconShowPassword,
+        iconHidePassword: t.iconHidePassword
+      };
+    },
+    render() {
+      let e = null;
+      switch (o) {
+        case fe.SEARCH: {
+          const { onClear: n } = this.$attrs;
+          e = [
+            W(qe, {
+              disabled: this.isDisabled,
+              label: this.labelShowPassword,
+              onClear: n
+            })
+          ];
+          break;
+        }
+        case fe.PASSWORD: {
+          const { onTogglePassword: n } = this.$attrs;
+          e = [
+            W(Ue, {
+              disabled: this.isDisabled,
+              onTogglePassword: n,
+              labelShow: this.labelShowPassword,
+              labelHide: this.labelHidePassword,
+              iconShow: this.iconShowPassword,
+              iconHide: this.iconHidePassword
+            })
+          ];
+          break;
+        }
+        case fe.NUMBER: {
+          const { onStepUp: n, onStepDown: l } = this.$attrs;
+          e = [
+            W(Te, {
+              mode: "up",
+              disabled: this.isDisabled || t.max !== void 0 && t.modelValue === t.max,
+              label: this.labelStepUp,
+              onStepUp: n,
+              onStepDown: l
+            }),
+            W(Te, {
+              mode: "down",
+              disabled: this.isDisabled || t.min !== void 0 && t.modelValue === t.min,
+              label: this.labelStepDown,
+              onStepUp: n,
+              onStepDown: l
+            })
+          ];
+          break;
+        }
+      }
+      return Array.isArray(e) ? W("div", { class: "vv-input-text__actions-group" }, e) : e;
+    }
+  };
+}
+const Wo = ["for"], zo = { class: "vv-input-text__wrapper" }, Xo = ["id", "disabled", "readonly", "required"], Zo = {
+  key: 1,
+  class: "vv-input-text__limit"
+}, Jo = {
+  name: "VvInputText"
+}, Wa = /* @__PURE__ */ B({
+  ...Jo,
+  props: Fo,
+  emits: Yo,
+  setup(o, { emit: t }) {
+    const e = o, n = oe(), l = H(), { icon: s, iconPosition: r, label: f, modelValue: v, limit: p } = x(e), u = i(() => String(e.id || ve())), d = i(() => `${u.value}-hint`), c = i(
+      () => e.floating && z(e.placeholder) ? " " : e.placeholder
+    ), b = bt(v, t, e.debounce), g = H(!1), y = i(() => e.type === N.TYPES.PASSWORD), h = () => {
+      g.value = !g.value;
+    }, k = i(
+      () => [N.TYPES.TIME, N.TYPES.DATETIME_LOCAL, N.TYPES.DATE].includes(
+        e.type
+      )
+    ), P = i(() => e.type === N.TYPES.NUMBER), I = () => {
+      S.value || (l.value.stepUp(), b.value = a(l).value);
+    }, A = () => {
+      S.value || (l.value.stepDown(), b.value = a(l).value);
+    }, R = i(() => e.type === N.TYPES.SEARCH), M = () => {
+      b.value = null;
+    }, { hasIconLeft: X, hasIconRight: Z } = ft(s, r, {
+      iconLeft: n["icon-left"],
+      iconRight: n["icon-right"]
+    }), ae = i(() => typeof s.value == "string" ? { name: s.value } : s.value), Y = i(() => {
+      switch (e.type) {
+        case N.TYPES.COLOR:
+          return { name: N.TYPES_ICON.COLOR };
+        case N.TYPES.DATE:
+        case N.TYPES.DATETIME_LOCAL:
+          return { name: N.TYPES_ICON.DATE };
+        case N.TYPES.TIME:
+          return { name: N.TYPES_ICON.TIME };
+        default:
+          return "";
+      }
+    }), { formattedTextLimitLength: $ } = gt(b, {
+      mode: e.limit,
+      upperLimit: e.maxlength || 0
+    }), { focused: V } = mt(l, t), S = i(() => e.disabled || e.readonly), T = i(() => S.value ? -1 : e.tabindex), F = i(() => !z(v)), we = i(() => {
+      if (e.error === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), { bemCssClasses: Ie } = L("vv-input-text", {
+      modifiers: e.modifiers,
+      valid: e.valid,
+      invalid: e.error,
+      loading: e.loading,
+      iconLeft: X,
+      iconRight: Z.value || !z(Y),
+      floating: e.floating && !z(e.label),
+      dirty: F,
+      focus: V
+    }), yt = i(() => {
+      const Q = (() => y.value && g.value || k.value && !F.value && !V.value ? N.TYPES.TEXT : e.type)();
+      return {
+        type: Q,
+        placeholder: c.value,
+        name: e.name,
+        autocomplete: e.autocomplete,
+        minlength: e.minlength,
+        maxlength: e.maxlength,
+        min: e.min,
+        max: e.max,
+        step: Q === N.TYPES.NUMBER ? e.step : void 0,
+        tabindex: T.value,
+        "aria-invalid": we.value,
+        "aria-describedby": !He.value && _t.value ? d.value : void 0,
+        "aria-errormessage": He.value ? d.value : void 0
+      };
+    }), xe = i(() => ({
+      valid: e.valid,
+      error: e.error,
+      modelValue: e.modelValue
+    })), { HintSlot: ht, hasHint: _t, hasErrors: He } = de(e, n), St = Be(
+      N.TYPES.PASSWORD,
+      e
+    ), Vt = Be(N.TYPES.NUMBER, e), $t = Be(N.TYPES.SEARCH, e);
+    return Je(() => {
+      e.autofocus && (V.value = !0);
+    }), (Q, Se) => (m(), _("div", {
+      class: U(a(Ie))
+    }, [
+      a(f) ? (m(), _("label", {
+        key: 0,
+        for: a(u),
+        class: "vv-input-text__label"
+      }, E(a(f)), 9, Wo)) : O("", !0),
+      w("div", zo, [
+        a(X) ? C(Q.$slots, "icon-left", te(D({ key: 0 }, a(xe))), () => [
+          q(j, D({ class: "vv-input-text__icon-left" }, a(ae)), null, 16)
+        ]) : O("", !0),
+        ne(w("input", D({
+          id: a(u),
+          ref_key: "input",
+          ref: l,
+          "onUpdate:modelValue": Se[0] || (Se[0] = (Ee) => be(b) ? b.value = Ee : null)
+        }, a(yt), {
+          disabled: Q.disabled,
+          readonly: Q.readonly,
+          required: Q.required,
+          onKeyup: Se[1] || (Se[1] = (Ee) => t("keyup", Ee))
+        }), null, 16, Xo), [
+          [wt, a(b)]
+        ]),
+        C(Q.$slots, "icon-right", te(ye(a(xe))), () => [
+          a(Z) || a(Y) ? (m(), G(j, te(D({ key: 0 }, a(Z) ? a(ae) : a(Y))), null, 16)) : a(y) ? (m(), G(a(St), {
+            key: 1,
+            onTogglePassword: h
+          })) : a(P) ? (m(), G(a(Vt), {
+            key: 2,
+            onStepUp: I,
+            onStepDown: A
+          })) : a(R) ? (m(), G(a($t), {
+            key: 3,
+            onClear: M
+          })) : O("", !0)
+        ]),
+        a(p) ? (m(), _("span", Zo, [
+          C(Q.$slots, "limit", {}, () => [
+            K(E(a($)), 1)
+          ])
+        ])) : O("", !0)
+      ]),
+      q(a(ht), {
+        id: a(d),
+        class: "vv-input-text__hint"
+      }, null, 8, ["id"])
+    ], 2));
+  }
+}), Qo = {
+  ...se,
+  ...ie,
+  ...ue,
+  ...Oe,
+  ..._e,
+  ...rt,
+  ...J,
+  id: [String, Number],
+  name: { type: String, required: !0 },
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: void 0
+  },
+  label: String,
+  required: Boolean,
+  placeholder: String,
+  options: {
+    type: Array,
+    required: !0
+  },
+  useObject: Boolean,
+  labelKey: { type: String, default: "label" },
+  valueKey: { type: String, default: "value" },
+  iconLeft: String,
+  iconRight: String,
+  modifiers: [String, Array],
+  tabindex: { type: [String, Number], default: 0 }
+}, ea = ["update:modelValue"], ta = ["for"], oa = { class: "vv-select__wrapper" }, aa = ["id", "disabled", "required"], na = {
+  key: 0,
+  value: void 0,
+  disabled: ""
+}, la = ["disabled", "value"], ra = {
+  name: "VvNativeSelect"
+}, sa = /* @__PURE__ */ B({
+  ...ra,
+  props: Qo,
+  emits: ea,
+  setup(o, { emit: t }) {
+    const e = o, n = oe(), { HintSlot: l, hasHint: s, hasErrors: r } = de(e, n), {
+      modifiers: f,
+      disabled: v,
+      readonly: p,
+      loading: u,
+      iconLeft: d,
+      iconRight: c,
+      error: b,
+      valid: g
+    } = x(e), y = i(() => String(e.id || ve())), h = i(() => `${y.value}-hint`), k = i(() => !z(e.modelValue)), P = i(() => e.disabled || e.readonly), I = i(() => P.value ? -1 : e.tabindex), A = i(() => {
+      if (e.error === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), { bemCssClasses: R } = L("vv-select", {
+      modifiers: f,
+      loading: u,
+      readonly: p,
+      iconLeft: d,
+      iconRight: c,
+      valid: g,
+      invalid: b,
+      dirty: k
+    }), M = i(() => ({
+      name: e.name,
+      tabindex: I.value,
+      "aria-invalid": A.value,
+      "aria-describedby": !r.value && s.value ? h.value : void 0,
+      "aria-errormessage": r.value ? h.value : void 0
+    }));
+    function X($) {
+      return typeof $ == "string" ? $ : $[e.valueKey];
+    }
+    function Z($) {
+      return typeof $ == "string" ? $ : $[e.labelKey];
+    }
+    function ae($) {
+      return typeof $ == "string" || $.disabled === void 0 ? v.value : $.disabled;
+    }
+    const Y = i({
+      get: () => {
+        var $;
+        return typeof e.modelValue == "object" ? ($ = e.modelValue) == null ? void 0 : $[e.valueKey] : e.modelValue;
+      },
+      set: ($) => {
+        var S;
+        const V = e.useObject ? (S = e.options) == null ? void 0 : S.find(
+          (T) => T[e.valueKey] === $
+        ) : void 0;
+        t("update:modelValue", V ?? $);
+      }
+    });
+    return ($, V) => (m(), _("div", {
+      class: U(a(R))
+    }, [
+      $.label ? (m(), _("label", {
+        key: 0,
+        for: a(y)
+      }, E($.label), 9, ta)) : O("", !0),
+      w("div", oa, [
+        C($.$slots, "icon-left", {}, () => [
+          a(d) ? (m(), G(j, {
+            key: 0,
+            name: a(d)
+          }, null, 8, ["name"])) : O("", !0)
+        ]),
+        ne(w("select", D({
+          id: a(y),
+          "onUpdate:modelValue": V[0] || (V[0] = (S) => be(Y) ? Y.value = S : null)
+        }, a(M), {
+          disabled: a(P),
+          required: $.required
+        }), [
+          $.placeholder ? (m(), _("option", na, E($.placeholder), 1)) : O("", !0),
+          (m(!0), _(re, null, ge($.options, (S, T) => (m(), _("option", {
+            key: T,
+            disabled: ae(S),
+            value: X(S)
+          }, E(Z(S)), 9, la))), 128))
+        ], 16, aa), [
+          [It, a(Y)]
+        ]),
+        C($.$slots, "icon-right", {}, () => [
+          a(c) ? (m(), G(j, {
+            key: 0,
+            name: a(c)
+          }, null, 8, ["name"])) : O("", !0)
+        ])
+      ]),
+      q(a(l), {
+        id: a(h),
+        class: "vv-select__hint"
+      }, null, 8, ["id"])
+    ], 2));
+  }
+}), ia = {
+  ...J,
+  value: {
+    type: [Number, String],
+    default: void 0
+  },
+  max: {
+    type: [Number, String]
+  },
+  ariaLabel: {
+    type: String,
+    default: "progress-bar"
+  }
+}, ua = {
+  name: "VvProgress"
+}, za = /* @__PURE__ */ B({
+  ...ua,
+  props: ia,
+  setup(o) {
+    const t = o, { value: e, max: n, ariaLabel: l } = x(t), s = i(() => t.value === void 0), { bemCssClasses: r } = L("vv-progress", {
+      modifiers: t.modifiers,
+      indeterminate: s
+    });
+    return (f, v) => (m(), _("progress", D({ role: "progressbar" }, {
+      class: a(r),
+      ariaLabel: a(l),
+      max: a(n),
+      value: a(e)
+    }), null, 16));
+  }
+}), da = {
+  ...se,
+  ...ie,
+  ...ue,
+  id: [String, Number],
+  name: { type: String, required: !0 },
+  value: [String, Number, Boolean],
+  modelValue: [Object, Number, Boolean, String],
+  label: String,
+  disabled: Boolean,
+  readonly: Boolean,
+  tabindex: { type: [String, Number], default: 0 }
+}, ca = ["click", "update:modelValue", "change", "blur"];
+function va(o, t) {
+  const { group: e, isInGroup: n, getGroupOrLocalRef: l } = Ae(at), { valid: s, error: r } = x(o), f = l("modelValue", o, t), v = l("readonly", o), p = l("disabled", o);
+  return {
+    valid: s,
+    error: r,
+    group: e,
+    isInGroup: n,
+    modelValue: f,
+    readonly: v,
+    disabled: p
+  };
+}
+const pa = ["for"], fa = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ma = {
+  name: "VvRadio"
+}, ba = /* @__PURE__ */ B({
+  ...ma,
+  props: da,
+  emits: ca,
+  setup(o, { emit: t }) {
+    const e = o, n = oe(), { disabled: l, readonly: s, modelValue: r, valid: f, error: v } = va(
+      e,
+      t
+    ), p = H(), u = i(
+      () => e.id !== void 0 ? String(e.id) : void 0
+    ), d = i(() => l.value || s.value), c = i(() => d.value ? -1 : e.tabindex), b = i(() => {
+      if (e.error === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), g = i(
+      () => Array.isArray(r.value) ? ce(e.value, r.value) : le(e.value, r.value)
+    ), y = i(
+      () => ["string", "number", "boolean"].includes(typeof e.value) ? e.value : !0
+    ), h = i({
+      get() {
+        return g.value ? y.value : null;
+      },
+      set(I) {
+        if (Array.isArray(r.value)) {
+          r.value = I ? [...r.value, e.value] : Le(e.value, r.value);
+          return;
+        }
+        r.value = e.value, t("change", I);
+      }
+    }), { bemCssClasses: k } = L("vv-radio", {
+      valid: f,
+      invalid: v,
+      disabled: l,
+      readonly: s
+    }), { HintSlot: P } = de(e, n);
+    return (I, A) => (m(), _("label", {
+      class: U(a(k)),
+      for: a(u)
+    }, [
+      ne(w("input", {
+        id: a(u),
+        ref_key: "input",
+        ref: p,
+        "onUpdate:modelValue": A[0] || (A[0] = (R) => be(h) ? h.value = R : null),
+        type: "radio",
+        class: "vv-radio__input",
+        name: I.name,
+        disabled: a(d),
+        value: a(y),
+        tabindex: a(c),
+        "aria-invalid": a(b)
+      }, null, 8, fa), [
+        [Et, a(h)]
+      ]),
+      C(I.$slots, "default", { value: a(r) }, () => [
+        K(E(I.label), 1)
+      ]),
+      q(a(P), {
+        class: "vv-radio__hint",
+        params: { value: a(r) }
+      }, null, 8, ["params"])
+    ], 10, pa));
+  }
+}), ga = ["update:modelValue"], ya = {
+  ...se,
+  ...ie,
+  ...st,
+  ...ue,
+  modelValue: null,
+  label: { type: String, default: "" },
+  name: { type: String, default: "", required: !0 },
+  disabled: { type: Boolean, default: !1 },
+  readonly: { type: Boolean, default: !1 },
+  vertical: { type: Boolean, default: !1 }
+}, ha = ["textContent"], _a = { class: "vv-radio-group__wrapper" }, Sa = {
+  name: "VvRadioGroup"
+}, Xa = /* @__PURE__ */ B({
+  ...Sa,
+  props: ya,
+  emits: ga,
+  setup(o, { emit: t }) {
+    const e = o, n = oe(), { HintSlot: l } = de(e, n), s = ke(e, "modelValue", t), { disabled: r, readonly: f, vertical: v, valid: p, error: u } = x(e);
+    Pe({
+      key: at,
+      modelValue: s,
+      disabled: r,
+      readonly: f
+    });
+    const { getOptionLabel: c, getOptionValue: b } = pt(e), { bemCssClasses: g } = L("vv-radio-group", {
+      horizontal: i(() => !v.value),
+      valid: p,
+      invalid: u
+    }), y = (h, k) => ({
+      id: `${e.name}_opt${k}`,
+      name: e.name,
+      label: c(h),
+      value: b(h)
+    });
+    return (h, k) => (m(), _("fieldset", {
+      class: U(a(g))
+    }, [
+      h.label ? (m(), _("legend", {
+        key: 0,
+        textContent: E(h.label)
+      }, null, 8, ha)) : O("", !0),
+      w("div", _a, [
+        h.options.length > 0 ? (m(!0), _(re, { key: 0 }, ge(h.options, (P, I) => (m(), G(ba, D({ key: I }, y(P, I)), null, 16))), 128)) : C(h.$slots, "default", { key: 1 })
+      ]),
+      q(a(l), { class: "vv-radio-group__hint" })
+    ], 2));
+  }
+}), Va = {
+  ...se,
+  ...ie,
+  ...ue,
+  ...Oe,
+  ..._e,
+  ...rt,
+  ...J,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: void 0
+  },
+  label: String,
+  labelNoResult: { type: String, default: "No results" },
+  placeholder: String,
+  searchable: Boolean,
+  searchPlaceholder: String,
+  debounceSearch: {
+    type: [Number, String],
+    default: 0
+  },
+  options: {
+    type: Array,
+    required: !0
+  },
+  useObject: Boolean,
+  multiple: Boolean,
+  maxValues: [Number, String],
+  separator: { type: String, default: ", " },
+  labelKey: { type: String, default: "label" },
+  valueKey: { type: String, default: "value" },
+  iconLeft: String,
+  iconRight: String,
+  native: Boolean,
+  tabindex: {
+    type: [Number, String],
+    default: 0
+  }
+}, $a = ["id"], Ca = ["id", "for"], ka = ["tabindex"], Aa = ["id", "placeholder"], Pa = {
+  name: "VvSelect"
+}, Za = /* @__PURE__ */ B({
+  ...Pa,
+  props: Va,
+  emits: ["update:modelValue", "change:search"],
+  setup(o, { emit: t }) {
+    const e = o, n = oe(), { HintSlot: l } = de(e, n), s = H(), r = H();
+    tt(r, { initialValue: !0 });
+    const f = ve(), v = H(""), p = Rt(
+      v,
+      Number(e.debounceSearch)
+    ), u = H(!1), {
+      modifiers: d,
+      disabled: c,
+      readonly: b,
+      loading: g,
+      iconLeft: y,
+      iconRight: h,
+      valid: k,
+      error: P
+    } = x(e);
+    Ze(
+      p,
+      () => t("change:search", p.value)
+    );
+    const I = i(() => !z(e.modelValue)), A = i(() => c.value || b.value ? -1 : e.tabindex), { bemCssClasses: R } = L("vv-select", {
+      modifiers: d,
+      disabled: c,
+      loading: g,
+      readonly: b,
+      iconLeft: y,
+      iconRight: h,
+      valid: k,
+      invalid: P,
+      dirty: I
+    }), M = i(
+      () => {
+        var V;
+        return (V = e.options) == null ? void 0 : V.every((S) => typeof S == "object");
+      }
+    ), X = i(
+      () => e.searchable ? Z.value : e.options
+    ), Z = i(() => {
+      var V;
+      return (V = e.options) == null ? void 0 : V.filter((S) => typeof S == "string" ? S.toLowerCase().includes(p.value.toLowerCase().trim()) : typeof S[e.labelKey] == "string" ? S[e.labelKey].toLowerCase().includes(p.value.toLowerCase().trim()) : !1);
+    }), ae = i(() => {
+      var S, T;
+      if (e.multiple && Array.isArray(e.modelValue) && ((S = e.modelValue) != null && S.length))
+        return M.value ? Ht(
+          e.options,
+          e.modelValue,
+          e.valueKey
+        ).map((F) => F[e.labelKey]).join(e.separator) : e.modelValue.join(e.separator);
+      const V = e.useObject ? e.modelValue : (T = e.options) == null ? void 0 : T.find(
+        (F) => typeof F == "object" ? F[e.valueKey] == e.modelValue : F == e.modelValue
+      );
+      return typeof V == "object" ? V == null ? void 0 : V[e.labelKey] : V;
+    });
+    et(s, () => {
+      s.value.open = !1;
+    });
+    function Y(V) {
+      const S = V.target;
+      u.value = S.open;
+    }
+    function $(V) {
+      s.value && !e.multiple && (s.value.open = !1), t("update:modelValue", V);
+    }
+    return (V, S) => V.native ? (m(), G(sa, D({ key: 1 }, e, {
+      "onUpdate:modelValue": S[4] || (S[4] = (T) => t("update:modelValue", T))
+    }), null, 16)) : (m(), _("div", {
+      key: 0,
+      id: a(f),
+      class: U(a(R))
+    }, [
+      V.label ? (m(), _("label", {
+        key: 0,
+        id: `${a(f)}-label`,
+        for: V.searchable && u.value ? `${a(f)}-input` : void 0
+      }, E(V.label), 9, Ca)) : O("", !0),
+      w("details", {
+        ref_key: "dropdown",
+        ref: s,
+        class: "vv-select__wrapper",
+        onClick: S[2] || (S[2] = (T) => a(c) || a(b) ? T.preventDefault() : null),
+        onKeyup: S[3] || (S[3] = Ge((T) => s.value.open = !1, ["esc"])),
+        onToggle: Y
+      }, [
+        w("summary", {
+          class: "vv-select__input",
+          tabindex: a(A),
+          onKeyup: S[1] || (S[1] = Ge((T) => V.searchable ? T.preventDefault() : null, ["space"]))
+        }, [
+          V.searchable && u.value ? ne((m(), _("input", {
+            key: 0,
+            id: `${a(f)}-input`,
+            ref_key: "inputSearch",
+            ref: r,
+            "onUpdate:modelValue": S[0] || (S[0] = (T) => v.value = T),
+            role: "combobox",
+            placeholder: V.searchPlaceholder
+          }, null, 8, Aa)), [
+            [Qe, v.value]
+          ]) : (m(), _(re, { key: 1 }, [
+            K(E(a(ae) || V.placeholder), 1)
+          ], 64))
+        ], 40, ka),
+        q(Ko, D({
+          id: `${a(f)}-dropdown`
+        }, {
+          ...e,
+          options: a(X)
+        }, { "onUpdate:modelValue": $ }), null, 16, ["id"])
+      ], 544),
+      q(a(l), { class: "vv-select__hint" })
+    ], 10, $a));
+  }
+}), Ke = {
+  LEFT: "left",
+  RIGHT: "right"
+}, Oa = {
+  hard: "hard",
+  soft: "soft"
+}, wa = ["update:modelValue", "focus", "blur"], Ia = {
+  ...se,
+  ...ie,
+  ...ue,
+  ...Oe,
+  ...J,
+  ...it,
+  ...ut,
+  ...Zt,
+  id: [String, Number],
+  modelValue: {
+    type: [String],
+    default: void 0
+  },
+  cols: { type: Number, default: 50 },
+  rows: { type: Number, default: 5 },
+  icon: { type: String, default: "" },
+  iconPosition: {
+    type: String,
+    validation: (o) => Object.values(Ke).includes(o),
+    default: Ke.RIGHT
+  },
+  floating: Boolean,
+  wrap: { type: String, default: Oa.soft },
+  autoclear: Boolean,
+  resizable: Boolean
+}, Ea = ["for"], Ta = { class: "vv-textarea__wrapper" }, Ba = ["id", "disabled", "readonly", "required"], Ra = {
+  key: 2,
+  class: "vv-textarea__limit"
+}, Da = {
+  name: "VvInputText"
+}, Ja = /* @__PURE__ */ B({
+  ...Da,
+  props: Ia,
+  emits: wa,
+  setup(o, { emit: t }) {
+    const e = o, n = oe(), l = H(), { icon: s, iconPosition: r, label: f, modelValue: v, autoclear: p, limit: u } = x(e), d = i(() => String(e.id || ve())), c = i(() => `${d.value}-hint`), b = i(
+      () => e.floating && z(e.placeholder) ? " " : e.placeholder
+    ), g = bt(v, t, e.debounce), { hasIconLeft: y, hasIconRight: h } = ft(s, r, {
+      iconLeft: n["icon-left"],
+      iconRight: n["icon-right"]
+    }), { focused: k } = mt(l, t), { textLength: P, formattedTextLimitLength: I } = gt(g, {
+      mode: e.limit,
+      upperLimit: e.maxlength || 0
+    }), A = i(() => !z(v)), R = i(() => {
+      if (e.error === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), { HintSlot: M, hasHint: X, hasErrors: Z } = de(e, n), { bemCssClasses: ae } = L("vv-textarea", {
+      modifiers: e.modifiers,
+      readonly: e.readonly,
+      valid: e.valid,
+      invalid: e.error,
+      loading: e.loading,
+      iconLeft: y,
+      iconRight: h,
+      floating: e.floating && !z(e.label),
+      dirty: A,
+      resizable: e.resizable
+    }), Y = i(
+      () => ({
+        placeholder: b.value,
+        name: e.name,
+        autocomplete: e.autocomplete,
+        minlength: e.minlength,
+        maxlength: e.maxlength,
+        cols: e.cols,
+        rows: e.rows,
+        "aria-invalid": R.value,
+        "aria-describedby": !Z.value && X.value ? c.value : void 0,
+        "aria-errormessage": Z.value ? c.value : void 0
+      })
+    ), $ = i(() => {
+      const { modelValue: S, valid: T, error: F, maxlength: we, hintLabel: Ie } = e;
+      return {
+        valid: T,
+        error: F,
+        modelValue: S,
+        hintLabel: Ie,
+        maxlength: we,
+        textLength: P
+      };
+    });
+    function V() {
+      g.value = "";
+    }
+    return Je(() => {
+      e.autofocus && (k.value = !0);
+    }), (S, T) => (m(), _("div", D(a(Y), { class: a(ae) }), [
+      a(f) ? (m(), _("label", {
+        key: 0,
+        for: a(d),
+        class: "vv-textarea__label"
+      }, E(a(f)), 9, Ea)) : O("", !0),
+      w("div", Ta, [
+        a(y) ? C(S.$slots, "icon-left", te(D({ key: 0 }, a($))), () => [
+          q(j, {
+            class: "vv-textarea__icon-left",
+            name: a(s)
+          }, null, 8, ["name"])
+        ]) : O("", !0),
+        ne(w("textarea", D({
+          id: a(d),
+          ref_key: "input",
+          ref: l,
+          "onUpdate:modelValue": T[0] || (T[0] = (F) => be(g) ? g.value = F : null)
+        }, a(Y), {
+          disabled: S.disabled,
+          readonly: S.readonly,
+          required: S.required
+        }), null, 16, Ba), [
+          [Qe, a(g)]
+        ]),
+        ne(w("button", {
+          class: "vv-button vv-button--ghost",
+          onClick: V
+        }, [
+          q(j, { name: "clear-field" })
+        ], 512), [
+          [Xe, a(p) && a(P) > 0]
+        ]),
+        a(h) ? C(S.$slots, "icon-right", te(D({ key: 1 }, a($))), () => [
+          q(j, { name: a(s) }, null, 8, ["name"])
+        ]) : O("", !0),
+        a(u) ? (m(), _("span", Ra, [
+          C(S.$slots, "limit", {}, () => [
+            K(E(a(I)), 1)
+          ])
+        ])) : O("", !0)
+      ]),
+      q(a(M), {
+        id: a(c),
+        class: "vv-textarea__hint"
+      }, null, 8, ["id"])
+    ], 16));
+  }
+});
 export {
-  Ke as VvAccordion,
-  Rt as VvAccordionGroup,
-  Gt as VvBadge,
-  Dt as VvBreadcrumb,
-  Pt as VvButton,
-  Et as VvButtonGroup,
-  It as VvCard,
-  ut as VvCheck,
-  jt as VvCheckGroup,
-  Nt as VvDialog,
-  Ft as VvDropdown,
-  Y as VvIcon
+  Ft as VvAccordion,
+  Ga as VvAccordionGroup,
+  ja as VvBadge,
+  Ma as VvBreadcrumb,
+  Ua as VvButton,
+  qa as VvButtonGroup,
+  Ka as VvCard,
+  Ao as VvCheckbox,
+  Ya as VvCheckboxGroup,
+  Fa as VvDialog,
+  Ko as VvDropdown,
+  j as VvIcon,
+  Wa as VvInputText,
+  sa as VvNativeSelect,
+  za as VvProgress,
+  ba as VvRadio,
+  Xa as VvRadioGroup,
+  Za as VvSelect,
+  Ja as VvTextarea
 };