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

package/dist/components/index.es.js

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