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

package/dist/index.es.js

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