@volverjs/ui-vue 0.0.1-beta.8 → 0.0.1

package/dist/index.es.js

@@ -0,0 +1,2350 @@
+var wt = Object.defineProperty;
+var It = (a, t, e) => t in a ? wt(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var $e = (a, t, e) => (It(a, typeof t != "symbol" ? t + "" : t, e), e);
+import { addCollection as Pt, addIcon as st, addAPIProvider as Ot, iconExists as Oe, Icon as Rt } from "@iconify/vue";
+import { unref as l, computed as i, inject as We, toRef as Et, toRefs as F, defineComponent as D, useAttrs as rt, ref as H, openBlock as m, createElementBlock as _, normalizeClass as j, withModifiers as Ke, createElementVNode as O, renderSlot as C, normalizeProps as K, guardReactiveProps as te, createTextVNode as X, toDisplayString as R, isRef as Se, provide as Dt, watchEffect as ze, Fragment as be, renderList as Ve, createBlock as B, mergeProps as E, withCtx as Ce, resolveDynamicComponent as it, createCommentVNode as w, useSlots as re, h as Q, watch as qe, onMounted as Xe, withDirectives as ye, vModelCheckbox as Lt, createVNode as oe, withKeys as tt, vModelText as ut, Transition as Tt, toHandlers as Bt, vShow as Nt, vModelDynamic as xt, vModelRadio as Ht, vModelSelect as Mt } from "vue";
+import { useToggle as Gt, toReactive as Ut, useVModel as Ze, useFocus as jt, refDebounced as Ft, onClickOutside as dt } from "@vueuse/core";
+import { nanoid as ie } from "nanoid";
+const De = "ds";
+class Wt {
+  constructor({
+    fetchWithCredentials: t = !1,
+    fetchOptions: e = {},
+    iconsCollections: n = [],
+    nuxt: o = !1
+  } = {}) {
+    $e(this, "fetchOptions");
+    $e(this, "iconsCollections");
+    $e(this, "provider");
+    $e(this, "nuxt");
+    t && (e = { ...e, credentials: "include" }), this.provider = De, this.fetchOptions = e, this.iconsCollections = n, this.iconsCollections.forEach((r) => {
+      this.addCollection(r, this.provider);
+    }), this.nuxt = o;
+  }
+  addCollection(t, e) {
+    return Pt(t, e);
+  }
+  addIcon(t, e) {
+    return st(t, e);
+  }
+  addAPIProvider(t, e) {
+    return Ot(t, e);
+  }
+  fetchIcon(t, e = { cache: "force-cache" }) {
+    return new Promise((n, o) => {
+      fetch(t, { ...this.fetchOptions, ...e }).catch((r) => o(r)).then((r) => r == null ? void 0 : r.text()).then((r) => n(r));
+    });
+  }
+}
+const Jl = {
+  install(a, t) {
+    const e = new Wt(t);
+    a.config.globalProperties.$ds = e, a.provide(De, e);
+  }
+};
+function me(a, t, e) {
+  return e ? Ee(a, e) === Ee(t, e) : Fe(a, t);
+}
+function Fe(a, t) {
+  if (a === t)
+    return !0;
+  if (a && t && typeof a == "object" && typeof t == "object") {
+    const e = Array.isArray(a), n = Array.isArray(t);
+    let o, r, s;
+    if (e && n) {
+      if (r = a.length, r != t.length)
+        return !1;
+      for (o = r; o-- !== 0; )
+        if (!Fe(a[o], t[o]))
+          return !1;
+      return !0;
+    }
+    if (e != n)
+      return !1;
+    const b = a instanceof Date, c = t instanceof Date;
+    if (b != c)
+      return !1;
+    if (b && c)
+      return a.getTime() == t.getTime();
+    const d = a instanceof RegExp, u = t instanceof RegExp;
+    if (d != u)
+      return !1;
+    if (d && u)
+      return a.toString() == t.toString();
+    const v = Object.keys(a);
+    if (r = v.length, r !== Object.keys(t).length)
+      return !1;
+    for (o = r; o-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, v[o]))
+        return !1;
+    for (o = r; o-- !== 0; )
+      if (s = v[o], !Fe(a[s], t[s]))
+        return !1;
+    return !0;
+  }
+  return a !== a && t !== t;
+}
+function Ee(a, t) {
+  if (a && Object.keys(a).length && t) {
+    if (t.indexOf(".") === -1)
+      return a[t];
+    {
+      const e = t.split(".");
+      let n = a;
+      for (let o = 0, r = e.length; o < r; ++o) {
+        if (a == null)
+          return null;
+        n = n[e[o]];
+      }
+      return n;
+    }
+  } else
+    return null;
+}
+function Kt(a, t) {
+  let e = -1;
+  if (t) {
+    for (let n = 0; n < t.length; n++)
+      if (me(t[n], a)) {
+        e = n;
+        break;
+      }
+  }
+  return e;
+}
+function pe(a, t) {
+  if (a != null && t && t.length) {
+    for (const e of t)
+      if (me(a, e))
+        return !0;
+  }
+  return !1;
+}
+function ee(a) {
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(l(a));
+}
+function zt(a, t) {
+  const e = Kt(a, t);
+  return e > -1 ? t.filter((n, o) => o !== e) : t;
+}
+function qt(a) {
+  return typeof a == "string" || a instanceof String;
+}
+function at(a) {
+  var t, e;
+  if (a)
+    return (e = (t = a.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 x(a, t) {
+  const e = { [`${a}`]: !0 };
+  return {
+    bemCssClasses: i(() => Object.keys(t).reduce((o, r) => {
+      const s = l(t[r]) || !1;
+      if (!s)
+        return o;
+      if (r === "modifiers") {
+        const b = Array.isArray(s) ? s : s.split(" ");
+        return {
+          ...o,
+          ...b.reduce(
+            (c, d) => ({
+              ...c,
+              [`${a}--${at(d)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...o,
+          [`${a}--${at(r)}`]: s
+        };
+    }, e) || {})
+  };
+}
+function Le(a) {
+  const t = We(a, void 0), e = i(() => !ee(t));
+  function n(o, r, s) {
+    if (t != null && t.value) {
+      const c = l(t.value)[o];
+      return i({
+        get() {
+          return c == null ? void 0 : c.value;
+        },
+        set(d) {
+          c.value = d;
+        }
+      });
+    }
+    const b = Et(r, o);
+    return i({
+      get() {
+        return b.value;
+      },
+      set(c) {
+        s && s(`update:${o}`, c);
+      }
+    });
+  }
+  return {
+    group: t,
+    isInGroup: e,
+    getGroupOrLocalRef: n
+  };
+}
+const ct = "VV_BUTTON_GROUP", vt = "VV_RADIO_GROUP", pt = "VV_CHECK_GROUP", ft = "VV_ACCORDION_GROUP", Xt = {
+  name: String,
+  title: String,
+  content: String,
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  modifiers: [String, Array],
+  disabled: Boolean
+}, Zt = ["update:modelValue"];
+function Yt(a, t) {
+  const { group: e, isInGroup: n, getGroupOrLocalRef: o } = Le(ft), { title: r, content: s } = F(a), b = o("modelValue", a, t), c = o("disabled", a), d = o("collapse", a), u = o("modifiers", a);
+  return {
+    modelValue: b,
+    disabled: c,
+    isInGroup: n,
+    group: e,
+    collapse: d,
+    modifiers: u,
+    title: r,
+    content: s
+  };
+}
+const Jt = ["id", "open"], Qt = ["aria-controls", "aria-expanded"], ea = ["aria-hidden"], ta = {
+  name: "VvAccordion"
+}, aa = /* @__PURE__ */ D({
+  ...ta,
+  props: Xt,
+  emits: Zt,
+  setup(a, { emit: t }) {
+    const e = a, n = rt(), o = e.name || (n == null ? void 0 : n.id) || ie(), {
+      modifiers: r,
+      title: s,
+      content: b,
+      disabled: c,
+      collapse: d,
+      modelValue: u,
+      isInGroup: v
+    } = Yt(e, t), p = H(!1), h = i({
+      get: () => v.value ? d.value && Array.isArray(u.value) ? u.value.includes(o) : u.value === o : u.value === void 0 ? p.value : u.value,
+      set: (f) => {
+        if (v.value) {
+          if (d.value && Array.isArray(u.value)) {
+            if (f) {
+              u.value.push(o);
+              return;
+            }
+            u.value = u.value.filter(
+              (V) => V !== o
+            );
+            return;
+          }
+          u.value = f ? o : null;
+          return;
+        }
+        if (u.value === void 0 && typeof f == "boolean") {
+          p.value = f;
+          return;
+        }
+        u.value = f;
+      }
+    }), { bemCssClasses: g } = x("vv-accordion", {
+      modifiers: r,
+      disabled: c
+    }), y = Gt(h);
+    return (f, V) => (m(), _("details", {
+      id: l(o),
+      class: j(l(g)),
+      open: l(h),
+      onClick: V[0] || (V[0] = Ke((I) => l(y)(), ["prevent"]))
+    }, [
+      O("summary", {
+        "aria-controls": l(o),
+        "aria-expanded": l(h),
+        class: "vv-collapse__summary"
+      }, [
+        C(f.$slots, "summary", K(te({ open: l(h) })), () => [
+          X(R(l(s)), 1)
+        ])
+      ], 8, Qt),
+      O("div", {
+        "aria-hidden": !l(h),
+        class: "vv-collapse__content"
+      }, [
+        C(f.$slots, "details", K(te({ open: l(h) })), () => [
+          X(R(l(b)), 1)
+        ])
+      ], 8, ea)
+    ], 10, Jt));
+  }
+});
+function Te(a) {
+  if (Object.keys(a).some(
+    (t) => t !== "key" && !Se(a[t])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  Dt(
+    a.key,
+    i(() => a)
+  );
+}
+const la = {
+  modelValue: [String, Array],
+  items: { type: Array, default: () => [] },
+  collapse: Boolean,
+  modifiers: [String, Array],
+  itemModifiers: {
+    type: [String, Array],
+    default: ""
+  },
+  disabled: Boolean
+}, oa = ["update:modelValue"], na = {
+  name: "VvAccordionGroup"
+}, Ql = /* @__PURE__ */ D({
+  ...na,
+  props: la,
+  emits: oa,
+  setup(a, { emit: t }) {
+    const e = a, { disabled: n, collapse: o, modifiers: r, itemModifiers: s, items: b } = F(e);
+    ze(() => {
+      typeof e.modelValue == "string" && o.value && console.warn(
+        "[VvAccordionGroup]: modelValue is a string but collapse is true."
+      );
+    });
+    const c = H([]), d = i({
+      get: () => {
+        var p;
+        return e.modelValue !== void 0 ? o.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue : o.value ? c.value : (p = c.value) == null ? void 0 : p[0];
+      },
+      set: (p) => {
+        if (e.modelValue !== void 0)
+          return (Array.isArray(e.modelValue) || o.value) && !Array.isArray(p) && (p = [p]), t("update:modelValue", p);
+        c.value = Array.isArray(p) ? p : [p];
+      }
+    });
+    Te({
+      key: ft,
+      modelValue: d,
+      disabled: n,
+      collapse: o,
+      modifiers: s
+    });
+    const { bemCssClasses: v } = x("vv-accordion-group", {
+      modifiers: r,
+      disabled: n
+    });
+    return (p, h) => (m(), _("div", {
+      class: j(l(v))
+    }, [
+      C(p.$slots, "default", {}, () => [
+        (m(!0), _(be, null, Ve(l(b), (g) => (m(), B(aa, E({
+          key: g.title
+        }, {
+          name: g.name,
+          title: g.title,
+          content: g.content
+        }), {
+          header: Ce((y) => [
+            C(p.$slots, `header::${g.name}`, K(te(y)))
+          ]),
+          details: Ce((y) => [
+            C(p.$slots, `details::${g.name}`, K(te(y)))
+          ]),
+          _: 2
+        }, 1040))), 128))
+      ])
+    ], 2));
+  }
+}), ke = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, Ae = {
+  invalid: Boolean,
+  invalidLabel: [String, Array]
+}, Ye = {
+  loading: Boolean,
+  loadingLabel: String
+}, he = {
+  disabled: Boolean
+}, we = {
+  readonly: Boolean
+}, ue = {
+  modifiers: [String, Array]
+}, Ie = {
+  hintLabel: { type: String, default: "" }
+}, Be = {
+  options: {
+    type: Array,
+    default: () => []
+  },
+  labelKey: { type: [String, Function], default: "label" },
+  valueKey: { type: [String, Function], default: "value" }
+}, sa = {
+  count: {
+    type: [Boolean, String],
+    default: !1,
+    validator: (a) => [!0, !1, "limit", "countdown"].includes(a)
+  }
+}, ra = {
+  debounce: [Number, String]
+}, lt = {
+  LEFT: "left",
+  RIGHT: "right"
+}, Je = {
+  icon: { type: [String, Object] },
+  iconPosition: {
+    type: String,
+    validation: (a) => Object.values(lt).includes(a),
+    default: lt.RIGHT
+  }
+}, Ne = {
+  tabindex: { type: [String, Number], default: 0 }
+}, Qe = {
+  id: [String, Number],
+  name: { type: String, required: !0 }
+}, mt = {
+  ...Qe,
+  ...Ne,
+  ...he,
+  ...we,
+  ...ke,
+  ...Ae,
+  ...Ie,
+  ...Ye,
+  ...ue,
+  ...sa,
+  ...ra,
+  ...Je,
+  autofocus: Boolean,
+  autocomplete: { type: String, default: "off" },
+  minlength: Number,
+  maxlength: Number,
+  placeholder: String,
+  required: Boolean,
+  label: String,
+  floating: Boolean
+}, bt = {
+  ...Qe,
+  ...Ne,
+  ...ke,
+  ...Ae,
+  ...Ie,
+  ...he,
+  ...we,
+  value: [String, Number, Boolean],
+  modelValue: [Object, Number, Boolean, String],
+  label: String
+}, ht = {
+  ...ke,
+  ...Ae,
+  ...Be,
+  ...Ie,
+  ...he,
+  ...we,
+  modelValue: [String, Array],
+  label: String,
+  name: { type: String, required: !0 },
+  vertical: Boolean
+}, ia = {
+  ...ue,
+  value: [String, Number]
+}, ua = {
+  name: "VvBadge"
+}, eo = /* @__PURE__ */ D({
+  ...ua,
+  props: ia,
+  setup(a) {
+    const t = a, { bemCssClasses: e } = x("vv-badge", {
+      modifiers: t.modifiers
+    });
+    return (n, o) => (m(), _("span", {
+      class: j(l(e)),
+      role: "status"
+    }, [
+      C(n.$slots, "default", {}, () => [
+        X(R(n.value), 1)
+      ])
+    ], 2));
+  }
+}), da = {
+  ...ue,
+  routes: Array
+}, ca = { class: "vv-breadcrumb__list" }, va = ["content"], pa = {
+  name: "VvBreadcrumb"
+}, to = /* @__PURE__ */ D({
+  ...pa,
+  props: da,
+  setup(a) {
+    const t = a, { bemCssClasses: e } = x("vv-breadcrumb", {
+      modifiers: t.modifiers
+    });
+    return (n, o) => (m(), _("nav", {
+      class: j(l(e)),
+      "aria-label": "breadcrumbs"
+    }, [
+      O("ol", ca, [
+        (m(!0), _(be, null, Ve(n.routes, (r, s) => {
+          var b, c, d, u;
+          return m(), _("li", {
+            key: `${r.label}-${s}`,
+            class: j({
+              "vv-breadcrumb__item": s < Number((b = n.routes) == null ? void 0 : b.length) - 1,
+              "vv-breadcrumb__item-active": s === Number((c = n.routes) == null ? void 0 : c.length) - 1
+            }),
+            itemprop: "itemListElement",
+            itemtype: "https://schema.org/ListItem",
+            itemscope: ""
+          }, [
+            (m(), B(it(r.to ? "router-link" : r.href ? "a" : "span"), E(r, {
+              class: {
+                "vv-breadcrumb__link": s < Number((d = n.routes) == null ? void 0 : d.length) - 1
+              },
+              "aria-current": s === Number((u = n.routes) == null ? void 0 : u.length) - 1 ? "page" : void 0,
+              itemprop: "item"
+            }), {
+              default: Ce(() => [
+                C(n.$slots, "label", K(te({ route: r, index: s })), () => [
+                  X(R(r.label), 1)
+                ])
+              ]),
+              _: 2
+            }, 1040, ["class", "aria-current"])),
+            O("meta", {
+              itemprop: "position",
+              content: `${s + 1}`
+            }, null, 8, va)
+          ], 2);
+        }), 128))
+      ])
+    ], 2));
+  }
+}), fa = {
+  color: String,
+  width: {
+    type: [String, Number]
+  },
+  height: {
+    type: [String, Number]
+  },
+  name: {
+    type: String,
+    required: !0
+  },
+  provider: {
+    type: String
+  },
+  prefix: {
+    type: String,
+    default: "normal"
+  },
+  src: String,
+  horizontalFlip: Boolean,
+  verticalFlip: Boolean,
+  flip: String,
+  mode: String,
+  inline: Boolean,
+  rotate: [Number, String],
+  onLoad: Function,
+  svg: String,
+  modifiers: {
+    type: [String, Array]
+  }
+}, ma = {
+  name: "VvIcon"
+}, M = /* @__PURE__ */ D({
+  ...ma,
+  props: fa,
+  setup(a) {
+    const t = a, e = H(!0), { modifiers: n } = F(t), o = We(De), { bemCssClasses: r } = x("vv-icon", {
+      modifiers: n
+    }), s = i(() => t.provider || (o == null ? void 0 : o.provider)), b = i(() => {
+      const u = t.name ?? "", v = `@${s.value}:${t.prefix}:${t.name}`;
+      return Oe(u) ? u : Oe(v) ? v : (o == null ? void 0 : o.iconsCollections.find((p) => {
+        const h = `@${s.value}:${p.prefix}:${u}`;
+        if (Oe(h))
+          return h;
+      })) || u;
+    });
+    function c(u) {
+      let v = null;
+      if (typeof window > "u") {
+        const { JSDOM: y } = require("jsdom");
+        v = new y().window;
+      }
+      return (v ? new v.DOMParser() : new window.DOMParser()).parseFromString(u, "text/html").querySelector("svg");
+    }
+    function d(u) {
+      const v = c(u), p = (v == null ? void 0 : v.innerHTML.trim()) || "";
+      v && p && st(`@${s.value}:${t.prefix}:${t.name}`, {
+        body: p,
+        height: v.viewBox.baseVal.height,
+        width: v.viewBox.baseVal.width
+      });
+    }
+    return o && (t.src && !Oe(`@${s.value}:${t.prefix}:${t.name}`) ? (e.value = !1, o.fetchIcon(t.src).then((u) => {
+      u && (d(u), e.value = !0);
+    }).catch((u) => {
+      throw new Error(`During fetch icon: ${u == null ? void 0 : u.message}`);
+    })) : t.svg && d(t.svg)), (u, v) => e.value ? (m(), B(l(Rt), E({
+      key: 0,
+      class: l(r)
+    }, {
+      inline: u.inline,
+      width: u.width,
+      height: u.height,
+      horizontalFlip: u.horizontalFlip,
+      verticalFlip: u.verticalFlip,
+      flip: u.flip,
+      rotate: u.rotate,
+      color: u.color,
+      onLoad: u.onLoad,
+      icon: l(b)
+    }), null, 16, ["class"])) : w("", !0);
+  }
+});
+var _e = /* @__PURE__ */ ((a) => (a.left = "left", a.right = "right", a.top = "top", a.bottom = "bottom", a))(_e || {}), gt = /* @__PURE__ */ ((a) => (a.button = "button", a.submit = "submit", a.reset = "reset", a))(gt || {}), se = /* @__PURE__ */ ((a) => (a.nuxtLink = "nuxt-link", a.routerLink = "router-link", a.a = "a", a.button = "button", a))(se || {}), yt = /* @__PURE__ */ ((a) => (a._blank = "_blank", a._self = "_self", a._parent = "_parent", a._top = "_top", a))(yt || {});
+const ba = ["update:modelValue"], ha = {
+  ...ue,
+  ...he,
+  icon: {
+    type: [String, Object],
+    default: ""
+  },
+  iconPosition: {
+    type: String,
+    default: "left",
+    validator: (a) => a in _e
+  },
+  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: (a) => a in yt
+  },
+  active: Boolean,
+  pressed: Boolean,
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  },
+  type: {
+    type: String,
+    default: "button",
+    validator: (a) => a in gt
+  },
+  toggle: {
+    type: Boolean,
+    default: !1
+  },
+  modelValue: String,
+  unselectable: { type: Boolean, default: !0 }
+};
+function ga(a, t) {
+  var y;
+  const { group: e, isInGroup: n, getGroupOrLocalRef: o } = Le(ct), { iconPosition: r, icon: s, label: b, pressed: c } = F(a), d = o("modelValue", a, t), u = o("disabled", a), v = o("toggle", a), p = o(
+    "unselectable",
+    a
+  ), h = o("modifiers", a), g = ((y = e == null ? void 0 : e.value) == null ? void 0 : y.multiple) ?? H(!1);
+  return {
+    modelValue: d,
+    disabled: u,
+    toggle: v,
+    isInGroup: n,
+    group: e,
+    modifiers: h,
+    multiple: g,
+    unselectable: p,
+    pressed: c,
+    iconPosition: r,
+    icon: s,
+    label: b
+  };
+}
+const ya = {
+  key: 1,
+  class: "vv-button__label"
+}, _a = {
+  key: 1,
+  class: "vv-button__label"
+}, Sa = {
+  name: "VvButton"
+}, ao = /* @__PURE__ */ D({
+  ...Sa,
+  props: ha,
+  emits: ba,
+  setup(a, { emit: t }) {
+    const e = a, n = rt(), o = re(), r = (n == null ? void 0 : n.name) || ie(), {
+      modifiers: s,
+      iconPosition: b,
+      icon: c,
+      label: d,
+      modelValue: u,
+      disabled: v,
+      toggle: p,
+      unselectable: h
+    } = ga(e, t), g = We(De), y = i(() => {
+      switch (!0) {
+        case v.value:
+          return se.button;
+        case e.to !== void 0:
+          return g != null && g.nuxt ? se.nuxtLink : se.routerLink;
+        case e.href !== void 0:
+          return se.a;
+        default:
+          return se.button;
+      }
+    }), f = i(() => p.value ? Array.isArray(u.value) ? pe(r, u.value) : me(r, u.value) : e.pressed), { bemCssClasses: V } = x("vv-button", {
+      modifiers: s,
+      active: e.active,
+      pressed: f,
+      disabled: v,
+      reverse: i(
+        () => [_e.right, _e.bottom].includes(
+          b.value
+        )
+      ),
+      column: i(
+        () => [_e.top, _e.bottom].includes(
+          b.value
+        )
+      ),
+      iconOnly: i(
+        () => (c == null ? void 0 : c.value) && !(d != null && d.value) && !o.default
+      )
+    }), I = i(
+      () => typeof (c == null ? void 0 : c.value) == "string" ? { name: c == null ? void 0 : c.value } : c == null ? void 0 : c.value
+    ), A = i(() => {
+      const $ = {
+        class: V.value,
+        "aria-pressed": f.value ? !0 : void 0
+      };
+      switch (y.value) {
+        case se.a:
+          return {
+            ...$,
+            role: "button",
+            href: e.href,
+            target: e.target,
+            rel: e.rel
+          };
+        case se.routerLink:
+        case se.nuxtLink:
+          return {
+            ...$,
+            role: "button",
+            to: e.to,
+            target: e.target
+          };
+        default:
+          return {
+            ...$,
+            type: e.type,
+            disabled: v.value
+          };
+      }
+    }), T = () => {
+      if (p.value) {
+        if (Array.isArray(u.value)) {
+          if (pe(r, u.value)) {
+            h.value && (u.value = u.value.filter(
+              ($) => $ !== r
+            ));
+            return;
+          }
+          u.value.push(r);
+          return;
+        }
+        if (me(r, u.value) && h.value) {
+          u.value = void 0;
+          return;
+        }
+        u.value = r;
+      }
+    };
+    return ($, G) => (m(), B(it(l(y)), E(l(A), { onClickPassive: T }), {
+      default: Ce(() => [
+        C($.$slots, "default", {}, () => [
+          $.loading ? C($.$slots, "loading", { key: 0 }, () => [
+            $.loadingIcon ? (m(), B(M, {
+              key: 0,
+              class: "vv-button__loading-icon",
+              name: $.loadingIcon
+            }, null, 8, ["name"])) : w("", !0),
+            $.loadingLabel ? (m(), _("span", ya, R($.loadingLabel), 1)) : w("", !0)
+          ]) : (m(), _(be, { key: 1 }, [
+            C($.$slots, "before"),
+            l(c) ? (m(), B(M, E({
+              key: 0,
+              class: "vv-button__icon"
+            }, l(I)), null, 16)) : w("", !0),
+            l(d) ? (m(), _("span", _a, [
+              C($.$slots, "label", {}, () => [
+                X(R(l(d)), 1)
+              ])
+            ])) : w("", !0),
+            C($.$slots, "after")
+          ], 64))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Va = {
+  ...ue,
+  ...he,
+  itemModifiers: {
+    type: [String, Array],
+    default: ""
+  },
+  toggle: { type: Boolean, default: !1 },
+  multiple: { type: Boolean, default: !1 },
+  unselectable: { type: Boolean, default: !0 },
+  modelValue: { type: [String, Array], default: void 0 }
+}, $a = ["update:modelValue"], Ca = {
+  name: "VvButtonGroup"
+}, lo = /* @__PURE__ */ D({
+  ...Ca,
+  props: Va,
+  emits: $a,
+  setup(a, { emit: t }) {
+    const e = a, {
+      disabled: n,
+      toggle: o,
+      modifiers: r,
+      multiple: s,
+      unselectable: b,
+      itemModifiers: c
+    } = F(e);
+    ze(() => {
+      typeof e.modelValue == "string" && s.value && console.warn(
+        "[VvButtonGroup]: modelValue is a string but multiple is true."
+      );
+    });
+    const d = i({
+      get: () => s.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue,
+      set: (p) => (p !== void 0 && (Array.isArray(e.modelValue) || s.value) && !Array.isArray(p) && (p = [p]), t("update:modelValue", p))
+    });
+    Te({
+      key: ct,
+      modelValue: d,
+      disabled: n,
+      toggle: o,
+      multiple: s,
+      unselectable: b,
+      modifiers: c
+    });
+    const { bemCssClasses: v } = x("vv-button-group", {
+      modifiers: r
+    });
+    return (p, h) => (m(), _("div", {
+      class: j(l(v)),
+      role: "group"
+    }, [
+      C(p.$slots, "default")
+    ], 2));
+  }
+}), ka = {
+  title: String,
+  modifiers: [String, Array]
+}, Aa = {
+  key: 0,
+  class: "vv-card__header"
+}, wa = {
+  key: 1,
+  class: "vv-card__content"
+}, Ia = {
+  key: 2,
+  class: "vv-card__footer"
+}, Pa = {
+  name: "VvCard"
+}, oo = /* @__PURE__ */ D({
+  ...Pa,
+  props: ka,
+  setup(a) {
+    const t = a, { bemCssClasses: e } = x("vv-card", {
+      modifiers: t.modifiers
+    });
+    return (n, o) => (m(), _("article", {
+      class: j(l(e))
+    }, [
+      n.$slots.header || n.title ? (m(), _("header", Aa, [
+        C(n.$slots, "header", {}, () => [
+          X(R(n.title), 1)
+        ])
+      ])) : w("", !0),
+      C(n.$slots, "default"),
+      n.$slots.content ? (m(), _("div", wa, [
+        C(n.$slots, "content")
+      ])) : w("", !0),
+      n.$slots.footer ? (m(), _("footer", Ia, [
+        C(n.$slots, "footer")
+      ])) : w("", !0)
+    ], 2));
+  }
+}), Oa = {
+  ...bt,
+  indeterminate: Boolean,
+  uncheckedValue: [String, Number, Boolean],
+  switch: Boolean
+}, Ra = ["click", "update:modelValue", "change", "blur"];
+function Ea(a, t) {
+  const { group: e, isInGroup: n, getGroupOrLocalRef: o } = Le(pt), { switch: r, indeterminate: s } = F(a), b = o("modelValue", a, t), c = o("readonly", a), d = o("disabled", a), u = o("valid", a), v = o("invalid", a);
+  return {
+    propsSwitch: r,
+    indeterminate: s,
+    group: e,
+    isInGroup: n,
+    modelValue: b,
+    readonly: c,
+    disabled: d,
+    valid: u,
+    invalid: v
+  };
+}
+function Re(a) {
+  return Array.isArray(a) ? a.filter((t) => qt(t)).join(" ") : a;
+}
+function ge(a, t) {
+  const {
+    invalid: e,
+    valid: n,
+    hint: o,
+    loading: r
+  } = t, {
+    hintLabel: s,
+    modelValue: b,
+    valid: c,
+    validLabel: d,
+    invalid: u,
+    invalidLabel: v,
+    ...p
+  } = F(a), h = Ee(p, "loading"), g = Ee(p, "loadingLabel"), y = i(() => u.value ? !!(u.value && e || v != null && v.value && Array.isArray(v.value) && v.value.length > 0 || v != null && v.value && !ee(v)) : !1), f = i(
+    () => !!(s && s.value || o)
+  ), V = i(
+    () => !!(d && d.value || n)
+  ), I = i(
+    () => !!(h != null && h.value && r || h != null && h.value && (g != null && g.value))
+  ), A = i(
+    () => f.value || V.value || y.value || I.value
+  );
+  return {
+    hasInvalid: y,
+    hasHint: f,
+    hasValid: V,
+    hasLoading: I,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(T) {
+        const $ = i(() => {
+          const G = Ut({
+            hintLabel: s,
+            modelValue: b,
+            valid: c,
+            validLabel: d,
+            invalid: u,
+            invalidLabel: v,
+            loading: h,
+            loadingLabel: g,
+            ...T.params
+          });
+          return u != null && u.value ? (e == null ? void 0 : e(G)) || Re(v == null ? void 0 : v.value) || (s == null ? void 0 : s.value) : c != null && c.value ? (n == null ? void 0 : n(G)) || Re(d == null ? void 0 : d.value) || (s == null ? void 0 : s.value) : h != null && h.value ? (r == null ? void 0 : r(G)) || Re(g == null ? void 0 : g.value) || (s == null ? void 0 : s.value) : (o == null ? void 0 : o(G)) || Re(s == null ? void 0 : s.value) || (s == null ? void 0 : s.value);
+        });
+        return {
+          isVisible: A,
+          hasInvalid: y,
+          hasValid: V,
+          hintContent: $
+        };
+      },
+      render() {
+        if (this.isVisible)
+          return Q(
+            "small",
+            {
+              role: this.hasInvalid || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
+    }
+  };
+}
+const Da = ["for"], La = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Ta = {
+  name: "VvCheckbox"
+}, Ba = /* @__PURE__ */ D({
+  ...Ta,
+  props: Oa,
+  emits: Ra,
+  setup(a, { emit: t }) {
+    const e = a, n = re(), {
+      disabled: o,
+      readonly: r,
+      valid: s,
+      invalid: b,
+      propsSwitch: c,
+      modelValue: d,
+      indeterminate: u,
+      isInGroup: v
+    } = Ea(e, t), p = i(() => String(e.id || ie())), h = i(() => f.value ? -1 : e.tabindex), g = H(), y = i(
+      () => e.uncheckedValue !== void 0 && !v.value
+    ), f = i(() => o.value || r.value), V = i(() => {
+      if (b.value === !0)
+        return !0;
+      if (s.value === !0)
+        return !1;
+    }), I = i(() => y.value ? d.value === e.value : Array.isArray(d.value) ? pe(e.value, d.value) : me(e.value, d.value)), A = i(() => !!(u.value || !I.value && y.value && e.uncheckedValue !== d.value)), T = i(() => {
+      if (!y.value)
+        return ["string", "number", "boolean"].includes(typeof e.value) ? e.value : !0;
+    }), $ = i({
+      get() {
+        return I.value;
+      },
+      set(N) {
+        if (y.value)
+          d.value = N ? e.value : e.uncheckedValue;
+        else if (Array.isArray(d.value) || v.value) {
+          const z = new Set(
+            Array.isArray(d.value) ? d.value : d.value !== void 0 ? [d.value] : []
+          );
+          N ? z.add(e.value) : z.delete(e.value), d.value = [...z];
+        } else
+          d.value = N ? e.value : void 0;
+        t("change", N);
+      }
+    }), { bemCssClasses: G } = x("vv-checkbox", {
+      switch: c,
+      valid: s,
+      invalid: b,
+      disabled: o,
+      readonly: r,
+      indeterminate: u
+    });
+    ze(() => {
+      y.value && Array.isArray(d.value) && console.warn(
+        "[VvCheckbox] The model value is an array but the component is in binary mode."
+      );
+    }), qe(
+      () => A.value,
+      (N) => {
+        N ? g.value.indeterminate = !0 : g.value.indeterminate = !1;
+      }
+    ), Xe(() => {
+      A.value && (g.value.indeterminate = !0);
+    });
+    const { HintSlot: Z } = ge(e, n);
+    return (N, z) => (m(), _("label", {
+      class: j(l(G)),
+      for: l(p)
+    }, [
+      ye(O("input", {
+        id: l(p),
+        ref_key: "input",
+        ref: g,
+        "onUpdate:modelValue": z[0] || (z[0] = (ae) => Se($) ? $.value = ae : null),
+        type: "checkbox",
+        class: "vv-checkbox__input",
+        name: N.name,
+        disabled: l(f),
+        value: l(T),
+        tabindex: l(h),
+        "aria-invalid": l(V)
+      }, null, 8, La), [
+        [Lt, l($)]
+      ]),
+      C(N.$slots, "default", { value: l(d) }, () => [
+        X(R(N.label), 1)
+      ]),
+      oe(l(Z), {
+        class: "vv-checkbox__hint",
+        params: { value: l(d) }
+      }, null, 8, ["params"])
+    ], 10, Da));
+  }
+});
+function Pe(a) {
+  const { options: t, labelKey: e, valueKey: n } = F(a);
+  return {
+    options: t,
+    getOptionLabel: (s) => typeof s != "object" && s !== null ? s : typeof e.value == "function" ? e.value(s) : s[e.value],
+    getOptionValue: (s) => typeof s != "object" && s !== null ? s : typeof n.value == "function" ? n.value(s) : s[n.value]
+  };
+}
+const Na = ht, xa = ["update:modelValue", "change"], Ha = ["textContent"], Ma = { class: "vv-checkbox-group__wrapper" }, Ga = {
+  name: "VvCheckboxGroup"
+}, no = /* @__PURE__ */ D({
+  ...Ga,
+  props: Na,
+  emits: xa,
+  setup(a, { emit: t }) {
+    const e = a, n = re(), o = Ze(e, "modelValue", t), { disabled: r, readonly: s, vertical: b, valid: c, invalid: d } = F(e);
+    Te({
+      key: pt,
+      modelValue: o,
+      disabled: r,
+      readonly: s,
+      valid: c,
+      invalid: d
+    });
+    const { getOptionLabel: v, getOptionValue: p } = Pe(e), { bemCssClasses: h } = x("vv-checkbox-group", {
+      disabled: r,
+      readonly: s,
+      horizontal: i(() => !b.value),
+      valid: c,
+      invalid: d
+    }), g = (f, V) => ({
+      id: `${e.name}_opt${V}`,
+      name: e.name,
+      label: v(f),
+      value: p(f)
+    }), { HintSlot: y } = ge(e, n);
+    return (f, V) => (m(), _("fieldset", {
+      class: j(l(h))
+    }, [
+      f.label ? (m(), _("legend", {
+        key: 0,
+        textContent: R(f.label)
+      }, null, 8, Ha)) : w("", !0),
+      O("div", Ma, [
+        f.options.length > 0 ? (m(!0), _(be, { key: 0 }, Ve(f.options, (I, A) => (m(), B(Ba, E({ key: A }, g(I, A)), null, 16))), 128)) : C(f.$slots, "default", { key: 1 })
+      ]),
+      oe(l(y), { class: "vv-checkbox-group__hint" })
+    ], 2));
+  }
+});
+function xe(a, t, e) {
+  const n = i(
+    () => !!(a != null && a.value && t.value === "left" || e != null && e.iconLeft)
+  ), o = i(
+    () => !!(a != null && a.value && t.value === "right" || e != null && e.iconRight)
+  ), r = i(
+    () => !!(a != null && a.value && t.value === "top" || e != null && e.iconTop)
+  ), s = i(
+    () => !!(a != null && a.value && t.value === "bottom" || e != null && e.iconBottom)
+  );
+  return {
+    hasIcon: i(() => typeof (a == null ? void 0 : a.value) == "string" ? { name: a == null ? void 0 : a.value } : a == null ? void 0 : a.value),
+    hasIconLeft: n,
+    hasIconRight: o,
+    hasIconTop: r,
+    hasIconBottom: s
+  };
+}
+function He(a, t) {
+  const { focused: e } = jt(a);
+  return qe(e, (n) => {
+    t(n ? "focus" : "blur", l(a));
+  }), {
+    focused: e
+  };
+}
+const Ua = {
+  ...Be,
+  ...he,
+  ...ue,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array]
+  },
+  labelNoResults: { type: String, default: "No results" },
+  multiple: Boolean,
+  maxValues: [Number, String]
+}, ja = {
+  key: 0,
+  role: "option"
+}, Fa = ["aria-selected"], Wa = ["for", "onClick"], Ka = ["id", "type", "value", "checked", "disabled"], za = {
+  name: "VvDropdown"
+}, qa = /* @__PURE__ */ D({
+  ...za,
+  props: Ua,
+  emits: ["update:modelValue"],
+  setup(a, { emit: t }) {
+    const e = a, n = ie(), { modifiers: o, disabled: r } = F(e), { getOptionLabel: s, getOptionValue: b } = Pe(e), { bemCssClasses: c } = x("vv-dropdown", {
+      modifiers: o,
+      disabled: r
+    });
+    function d(p) {
+      return Array.isArray(e.modelValue) ? pe(p, e.modelValue) || pe(b(p), e.modelValue) : me(p, e.modelValue) || me(b(p), e.modelValue);
+    }
+    function u(p) {
+      return typeof p == "string" || p.disabled === void 0 ? r.value : p.disabled;
+    }
+    function v(p) {
+      var g;
+      if (e.disabled)
+        return;
+      let h = p;
+      if (e.multiple)
+        if (Array.isArray(e.modelValue)) {
+          if (e.maxValues !== void 0 && e.maxValues >= 0 && ((g = e.modelValue) == null ? void 0 : g.length) >= e.maxValues && !pe(p, e.modelValue))
+            return;
+          h = pe(p, e.modelValue) ? zt(p, e.modelValue) : [...e.modelValue, p];
+        } else
+          h = [p];
+      t("update:modelValue", h);
+    }
+    return (p, h) => {
+      var g;
+      return m(), _("ul", {
+        class: j(l(c)),
+        role: "listbox"
+      }, [
+        (g = p.options) != null && g.length ? w("", !0) : (m(), _("li", ja, [
+          O("label", null, R(p.labelNoResults), 1)
+        ])),
+        (m(!0), _(be, null, Ve(p.options, (y, f) => (m(), _("li", {
+          key: f,
+          role: "option",
+          "aria-selected": d(y)
+        }, [
+          O("label", {
+            for: `dropdown-${f}-${l(n)}`,
+            onClick: Ke((V) => v(l(b)(y)), ["prevent"])
+          }, [
+            O("input", {
+              id: `dropdown-${f}-${l(n)}`,
+              type: p.multiple ? "checkbox" : "radio",
+              value: l(b)(y),
+              checked: d(y),
+              disabled: u(y),
+              tabindex: "-1",
+              "aria-hidden": "true"
+            }, null, 8, Ka),
+            X(" " + R(l(s)(y)), 1)
+          ], 8, Wa)
+        ], 8, Fa))), 128))
+      ], 2);
+    };
+  }
+}), Xa = [
+  "update:modelValue",
+  "change:search",
+  "focus",
+  "blur"
+], Za = {
+  ...Ne,
+  ...ke,
+  ...Ae,
+  ...Ie,
+  ...Ye,
+  ...he,
+  ...we,
+  ...ue,
+  ...Be,
+  ...Je,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: void 0
+  },
+  label: String,
+  labelNoResults: { type: String, default: "No results" },
+  placeholder: String,
+  searchable: Boolean,
+  searchPlaceholder: String,
+  debounceSearch: {
+    type: [Number, String],
+    default: 0
+  },
+  multiple: Boolean,
+  maxValues: [Number, String],
+  separator: { type: String, default: ", " },
+  native: Boolean
+}, Ya = ["id"], Ja = ["id", "for"], Qa = ["tabindex"], el = ["id", "placeholder"], tl = {
+  name: "VvCombobox"
+}, so = /* @__PURE__ */ D({
+  ...tl,
+  props: Za,
+  emits: Xa,
+  setup(a, { emit: t }) {
+    const e = a, n = re(), { HintSlot: o } = ge(e, n), r = H(), s = H(), { focused: b } = He(r, t), c = ie(), d = H(""), u = Ft(
+      d,
+      Number(e.debounceSearch)
+    ), v = H(!1), {
+      icon: p,
+      iconPosition: h,
+      modifiers: g,
+      disabled: y,
+      readonly: f,
+      loading: V,
+      valid: I,
+      invalid: A
+    } = F(e);
+    qe(
+      u,
+      () => t("change:search", u.value)
+    );
+    const { hasIcon: T, hasIconLeft: $, hasIconRight: G } = xe(
+      p,
+      h
+    ), Z = i(() => !ee(e.modelValue)), N = i(() => y.value || f.value ? -1 : e.tabindex), { bemCssClasses: z } = x("vv-select", {
+      modifiers: g,
+      disabled: y,
+      loading: V,
+      readonly: f,
+      iconLeft: $,
+      iconRight: G,
+      valid: I,
+      invalid: A,
+      dirty: Z,
+      focus: b
+    }), ae = i(
+      () => e.searchable ? ce.value : e.options
+    ), { getOptionLabel: de, getOptionValue: Y } = Pe(e), ce = i(() => {
+      var k;
+      return (k = e.options) == null ? void 0 : k.filter((U) => de(U).toLowerCase().includes(u.value.toLowerCase().trim()));
+    }), ne = i(() => {
+      let k = [];
+      return Array.isArray(e.modelValue) ? k = e.modelValue : e.modelValue && (k = [e.modelValue]), e.options.filter(
+        (U) => k.includes(Y(U))
+      );
+    }), J = i(() => ne.value.map((k) => Y(k)).join(e.separator));
+    dt(r, () => {
+      r.value.open = !1;
+    });
+    function L(k) {
+      const U = k.target;
+      v.value = U.open;
+    }
+    function le(k) {
+      r.value && !e.multiple && (r.value.open = !1), t("update:modelValue", k);
+    }
+    const W = i(() => ({
+      options: ae.value,
+      labelKey: e.labelKey,
+      valueKey: e.valueKey,
+      disabled: e.disabled,
+      labelNoResults: e.labelNoResults,
+      multiple: e.multiple,
+      maxValues: e.maxValues,
+      modelValue: e.modelValue
+    }));
+    return (k, U) => k.native ? w("", !0) : (m(), _("div", {
+      key: 0,
+      id: l(c),
+      class: j(l(z))
+    }, [
+      k.label ? (m(), _("label", {
+        key: 0,
+        id: `${l(c)}-label`,
+        for: k.searchable && v.value ? `${l(c)}-input` : void 0
+      }, R(k.label), 9, Ja)) : w("", !0),
+      O("details", {
+        ref_key: "dropdown",
+        ref: r,
+        class: "vv-select__wrapper",
+        onClick: U[2] || (U[2] = (ve) => l(y) || l(f) ? ve.preventDefault() : null),
+        onKeyup: U[3] || (U[3] = tt((ve) => r.value.open = !1, ["esc"])),
+        onToggle: L
+      }, [
+        O("summary", {
+          class: "vv-select__input",
+          tabindex: l(N),
+          onKeyup: U[1] || (U[1] = tt((ve) => k.searchable ? ve.preventDefault() : null, ["space"]))
+        }, [
+          C(k.$slots, "before", {}, () => [
+            l($) ? (m(), B(M, E({
+              key: 0,
+              class: "vv-select__icon-left"
+            }, l(T)), null, 16)) : w("", !0)
+          ]),
+          k.searchable && v.value ? ye((m(), _("input", {
+            key: 0,
+            id: `${l(c)}-input`,
+            ref_key: "inputSearch",
+            ref: s,
+            "onUpdate:modelValue": U[0] || (U[0] = (ve) => d.value = ve),
+            role: "combobox",
+            type: "search",
+            placeholder: k.searchPlaceholder
+          }, null, 8, el)), [
+            [ut, d.value]
+          ]) : (m(), _(be, { key: 1 }, [
+            X(R(l(J) || k.placeholder), 1)
+          ], 64)),
+          C(k.$slots, "after", {}, () => [
+            l(G) ? (m(), B(M, E({
+              key: 0,
+              class: "vv-select__icon-right"
+            }, l(T)), null, 16)) : w("", !0)
+          ])
+        ], 40, Qa),
+        oe(qa, E({
+          id: `${l(c)}-dropdown`
+        }, l(W), { "onUpdate:modelValue": le }), null, 16, ["id"])
+      ], 544),
+      oe(l(o), { class: "vv-select__hint" })
+    ], 10, Ya));
+  }
+}), al = ["open", "close", "update:modelValue"], ll = {
+  id: { type: String, required: !0 },
+  title: String,
+  modelValue: Boolean,
+  transition: { type: String, default: "fade-block" },
+  size: String,
+  autoClose: { type: Boolean, default: !0 }
+}, ol = {
+  key: 0,
+  class: "vv-dialog__header"
+}, nl = ["onClick"], sl = { class: "vv-dialog__content" }, rl = {
+  key: 1,
+  class: "vv-dialog__footer"
+}, il = {
+  name: "VvDialog"
+}, ro = /* @__PURE__ */ D({
+  ...il,
+  props: ll,
+  emits: al,
+  setup(a, { emit: t }) {
+    const e = a, n = Ze(e, "modelValue", t), o = H(!0), r = H(null), s = i(() => {
+      const { id: v } = e;
+      return {
+        id: v,
+        open: o.value
+      };
+    }), b = i(() => e.size ? ["vv-dialog", `vv-dialog--${e.size}`] : "vv-dialog"), c = i(() => `vv-dialog--${e.transition}`), d = {
+      "before-enter": () => {
+        o.value = !0, t("open");
+      },
+      "after-leave": () => {
+        o.value = !1, t("close");
+      }
+    };
+    dt(r, () => {
+      e.autoClose && (n.value = !1);
+    });
+    function u() {
+      n.value = !1;
+    }
+    return (v, p) => (m(), B(Tt, E({ name: l(c) }, Bt(d)), {
+      default: Ce(() => [
+        ye(O("dialog", E(l(s), { class: l(b) }), [
+          O("article", {
+            ref_key: "modalWrapper",
+            ref: r,
+            class: "vv-dialog__wrapper"
+          }, [
+            v.$slots.header || v.title ? (m(), _("header", ol, [
+              C(v.$slots, "header", {}, () => [
+                X(R(v.title) + " ", 1),
+                O("button", {
+                  type: "button",
+                  "aria-label": "Close",
+                  class: "vv-dialog__close",
+                  onClick: Ke(u, ["prevent"])
+                }, [
+                  oe(M, { name: "close" })
+                ], 8, nl)
+              ])
+            ])) : w("", !0),
+            O("div", sl, [
+              C(v.$slots, "default")
+            ]),
+            v.$slots.footer ? (m(), _("footer", rl, [
+              C(v.$slots, "footer")
+            ])) : w("", !0)
+          ], 512)
+        ], 16), [
+          [Nt, l(n)]
+        ])
+      ]),
+      _: 3
+    }, 16, ["name"]));
+  }
+});
+function _t(a, t, e = 0) {
+  let n;
+  return typeof e == "string" && (e = parseInt(e)), i({
+    get: () => a == null ? void 0 : a.value,
+    set: (o) => {
+      n && clearTimeout(n), n = setTimeout(() => {
+        t("update:modelValue", o);
+      }, e);
+    }
+  });
+}
+function St(a, t) {
+  const e = i(() => (l(a) ?? "").length), n = i(() => (t == null ? void 0 : t.lowerLimit) !== void 0 && e.value < (t == null ? void 0 : t.lowerLimit) ? e.value - t.lowerLimit : (t == null ? void 0 : t.upperLimit) !== void 0 && e.value < (t == null ? void 0 : t.upperLimit) ? t.upperLimit - e.value : 0), o = i(() => (t == null ? void 0 : t.mode) === !1 ? "" : (t == null ? void 0 : t.mode) === "limit" ? `${e.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : (t == null ? void 0 : t.mode) === "countdown" ? n.value === 0 ? void 0 : n : e.value);
+  return {
+    length: e,
+    gap: n,
+    formatted: o
+  };
+}
+const S = {
+  TEXT: "text",
+  PASSWORD: "password",
+  NUMBER: "number",
+  EMAIL: "email",
+  TEL: "tel",
+  URL: "url",
+  COLOR: "color",
+  SEARCH: "search",
+  DATE: "date",
+  TIME: "time",
+  DATETIME_LOCAL: "datetime-local",
+  MONTH: "month",
+  WEEK: "week"
+}, fe = {
+  PASSWORD_SHOW: "eye-on",
+  PASSWORD_HIDE: "eye-off",
+  DATE: "calendar",
+  TIME: "time",
+  COLOR: "color",
+  SEARCH: "close"
+}, ul = ["update:modelValue", "focus", "blur", "keyup"], dl = {
+  ...mt,
+  modelValue: [String, Number],
+  type: {
+    type: String,
+    default: S.TEXT,
+    validator: (a) => Object.values(S).includes(a)
+  },
+  min: [Number, Date, String],
+  max: [Number, Date, String],
+  step: { type: [String, Number], default: 1 },
+  pattern: String,
+  multiple: Boolean,
+  iconShowPassword: {
+    type: String,
+    default: fe.PASSWORD_SHOW
+  },
+  iconHidePassword: {
+    type: String,
+    default: fe.PASSWORD_HIDE
+  },
+  iconClear: {
+    type: String,
+    default: fe.SEARCH
+  },
+  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"
+  }
+}, ot = D({
+  components: {
+    VvIcon: M
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    labelShow: {
+      type: String,
+      default: "Show password"
+    },
+    labelHide: {
+      type: String,
+      default: "Hide password"
+    },
+    iconShow: {
+      type: String,
+      default: fe.PASSWORD_SHOW
+    },
+    iconHide: {
+      type: String,
+      default: fe.PASSWORD_HIDE
+    }
+  },
+  emits: ["toggle-password"],
+  setup(a, { emit: t }) {
+    const e = H(!1), n = i(
+      () => e.value ? a.iconHide : a.iconShow
+    );
+    function o(r) {
+      r == null || r.stopPropagation(), a.disabled || (e.value = !e.value, t("toggle-password", e.value));
+    }
+    return {
+      active: e,
+      activeIcon: n,
+      onClick: o
+    };
+  },
+  render() {
+    const a = Q(M, {
+      name: this.activeIcon,
+      class: "vv-input-text__action-icon"
+    });
+    return Q(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.active ? this.labelHide : this.labelShow,
+        type: "button",
+        onClick: this.onClick
+      },
+      a
+    );
+  }
+}), Ue = D({
+  components: {
+    VvIcon: M
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String
+    },
+    mode: {
+      type: String,
+      validator: (a) => ["up", "down"].includes(a),
+      default: "up"
+    }
+  },
+  emits: ["step-up", "step-down"],
+  setup(a, { emit: t }) {
+    const e = i(() => a.mode === "up");
+    return {
+      isUp: e,
+      onClick: (o) => {
+        o == null || o.stopPropagation(), a.disabled || t(e.value ? "step-up" : "step-down");
+      }
+    };
+  },
+  render() {
+    return Q("button", {
+      class: [
+        "vv-input-text__action-chevron",
+        this.isUp && "vv-input-text__action-chevron-up"
+      ],
+      disabled: this.disabled,
+      ariaLabel: this.label,
+      onClick: this.onClick
+    });
+  }
+}), nt = D({
+  components: {
+    VvIcon: M
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: "Clear"
+    },
+    icon: {
+      type: String,
+      default: "close"
+    }
+  },
+  emits: ["clear"],
+  setup(a, { emit: t }) {
+    function e(n) {
+      n == null || n.stopPropagation(), a.disabled || t("clear");
+    }
+    return {
+      onClick: e
+    };
+  },
+  render() {
+    const a = Q(M, {
+      name: this.icon,
+      class: "vv-input-text__action-icon"
+    });
+    return Q(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.label,
+        type: "button",
+        onClick: this.onClick
+      },
+      a
+    );
+  }
+});
+function je(a, t) {
+  return {
+    name: "VvInputTextActions",
+    components: {
+      VvIcon: M,
+      VvInputPasswordAction: ot,
+      VvInputStepAction: Ue,
+      VvInputClearAction: nt
+    },
+    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 (a) {
+        case S.SEARCH: {
+          const { onClear: n } = this.$attrs;
+          e = [
+            Q(nt, {
+              disabled: this.isDisabled,
+              label: this.labelShowPassword,
+              onClear: n
+            })
+          ];
+          break;
+        }
+        case S.PASSWORD: {
+          const { onTogglePassword: n } = this.$attrs;
+          e = [
+            Q(ot, {
+              disabled: this.isDisabled,
+              onTogglePassword: n,
+              labelShow: this.labelShowPassword,
+              labelHide: this.labelHidePassword,
+              iconShow: this.iconShowPassword,
+              iconHide: this.iconHidePassword
+            })
+          ];
+          break;
+        }
+        case S.NUMBER: {
+          const { onStepUp: n, onStepDown: o } = this.$attrs;
+          e = [
+            Q(Ue, {
+              mode: "up",
+              disabled: this.isDisabled || t.max !== void 0 && t.modelValue === t.max,
+              label: this.labelStepUp,
+              onStepUp: n,
+              onStepDown: o
+            }),
+            Q(Ue, {
+              mode: "down",
+              disabled: this.isDisabled || t.min !== void 0 && t.modelValue === t.min,
+              label: this.labelStepDown,
+              onStepUp: n,
+              onStepDown: o
+            })
+          ];
+          break;
+        }
+      }
+      return Array.isArray(e) ? Q("div", { class: "vv-input-text__actions-group" }, e) : e;
+    }
+  };
+}
+const cl = ["for"], vl = { class: "vv-input-text__wrapper" }, pl = ["id"], fl = {
+  key: 0,
+  class: "vv-input-text__limit"
+}, ml = {
+  name: "VvInputText"
+}, io = /* @__PURE__ */ D({
+  ...ml,
+  props: dl,
+  emits: ul,
+  setup(a, { emit: t }) {
+    const e = a, n = re(), o = H(), {
+      icon: r,
+      iconPosition: s,
+      label: b,
+      modelValue: c,
+      count: d,
+      valid: u,
+      invalid: v,
+      loading: p
+    } = F(e), h = i(() => String(e.id || ie())), g = i(() => `${h.value}-hint`), y = i(
+      () => e.floating && ee(e.placeholder) ? " " : e.placeholder
+    ), f = _t(c, t, e.debounce), { focused: V } = He(o, t), I = H(!1), A = i(() => e.type === S.PASSWORD), T = () => {
+      I.value = !I.value;
+    }, $ = i(
+      () => e.type === S.TIME || e.type === S.DATETIME_LOCAL || e.type === S.DATE || e.type === S.WEEK || e.type === S.MONTH
+    ), G = i(() => e.type === S.NUMBER), Z = () => {
+      L.value && (o.value.stepUp(), f.value = l(o).value);
+    }, N = () => {
+      L.value && (o.value.stepDown(), f.value = l(o).value);
+    }, z = i(() => e.type === S.SEARCH), ae = () => {
+      f.value = void 0;
+    }, { hasIconLeft: de, hasIconRight: Y, hasIcon: ce } = xe(
+      r,
+      s
+    ), ne = i(() => {
+      switch (e.type) {
+        case S.COLOR:
+          return { name: fe.COLOR };
+        case S.DATE:
+        case S.DATETIME_LOCAL:
+        case S.WEEK:
+        case S.MONTH:
+          return { name: fe.DATE };
+        case S.TIME:
+          return { name: fe.TIME };
+        default:
+          return "";
+      }
+    }), { formatted: J } = St(f, {
+      mode: e.count,
+      upperLimit: e.maxlength,
+      lowerLimit: e.minlength
+    }), L = i(() => !e.disabled && !e.readonly), le = i(
+      () => L.value ? e.tabindex : -1
+    ), W = i(() => !ee(c)), k = i(() => {
+      if (v.value === !0)
+        return !0;
+      if (u.value === !0)
+        return !1;
+    }), { bemCssClasses: U } = x("vv-input-text", {
+      modifiers: e.modifiers,
+      valid: u,
+      invalid: v,
+      loading: p,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      iconLeft: de,
+      iconRight: Y.value || !ee(ne),
+      floating: e.floating && !ee(e.label),
+      dirty: W,
+      focus: V
+    }), ve = i(() => {
+      const P = (() => A.value && I.value || $.value && !W.value && !V.value ? S.TEXT : e.type)(), q = {
+        type: P,
+        name: e.name,
+        tabindex: le.value,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        autocomplete: e.autocomplete,
+        "aria-invalid": k.value,
+        "aria-describedby": !et.value && $t.value ? g.value : void 0,
+        "aria-errormessage": et.value ? g.value : void 0
+      };
+      return (P === S.DATE || P === S.MONTH || P === S.WEEK || P === S.TIME || P === S.DATETIME_LOCAL || P === S.NUMBER) && (q.step = e.step, q.max = String(e.max), q.min = String(e.min)), (P === S.TEXT || P === S.SEARCH || P === S.URL || P === S.TEL || P === S.EMAIL || P === S.PASSWORD || P === S.NUMBER) && (q.placeholder = y.value), (P === S.TEXT || P === S.SEARCH || P === S.URL || P === S.TEL || P === S.EMAIL || P === S.PASSWORD) && (q.minlength = e.minlength, q.maxlength = e.maxlength, q.pattern = e.pattern), P === S.EMAIL && (q.multiple = e.multiple), q;
+    }), Me = i(() => ({
+      valid: e.valid,
+      invalid: e.invalid,
+      modelValue: e.modelValue,
+      togglePassword: T,
+      stepUp: Z,
+      stepDown: N,
+      clear: ae
+    })), { HintSlot: Vt, hasHint: $t, hasInvalid: et } = ge(e, n), Ct = je(
+      S.PASSWORD,
+      e
+    ), kt = je(
+      S.NUMBER,
+      e
+    ), At = je(
+      S.SEARCH,
+      e
+    );
+    return Xe(() => {
+      e.autofocus && (V.value = !0);
+    }), (P, q) => (m(), _("div", {
+      class: j(l(U))
+    }, [
+      l(b) ? (m(), _("label", {
+        key: 0,
+        for: l(h),
+        class: "vv-input-text__label"
+      }, R(l(b)), 9, cl)) : w("", !0),
+      O("div", vl, [
+        C(P.$slots, "before", K(te(l(Me))), () => [
+          l(de) ? (m(), B(M, E({
+            key: 0,
+            class: "vv-input-text__icon-left"
+          }, l(ce)), null, 16)) : w("", !0)
+        ]),
+        ye(O("input", E({
+          id: l(h),
+          ref_key: "input",
+          ref: o,
+          "onUpdate:modelValue": q[0] || (q[0] = (Ge) => Se(f) ? f.value = Ge : null)
+        }, l(ve), {
+          onKeyup: q[1] || (q[1] = (Ge) => t("keyup", Ge))
+        }), null, 16, pl), [
+          [xt, l(f)]
+        ]),
+        C(P.$slots, "after", K(te(l(Me))), () => [
+          l(Y) || l(ne) ? (m(), B(M, K(E({ key: 0 }, l(Y) ? l(ce) : l(ne))), null, 16)) : l(A) ? (m(), B(l(Ct), {
+            key: 1,
+            onTogglePassword: T
+          })) : l(G) ? (m(), B(l(kt), {
+            key: 2,
+            onStepUp: Z,
+            onStepDown: N
+          })) : l(z) ? (m(), B(l(At), {
+            key: 3,
+            onClear: ae
+          })) : w("", !0)
+        ]),
+        l(d) ? (m(), _("span", fl, [
+          C(P.$slots, "count", K(te(l(Me))), () => [
+            X(R(l(J)), 1)
+          ])
+        ])) : w("", !0)
+      ]),
+      oe(l(Vt), {
+        id: l(g),
+        class: "vv-input-text__hint"
+      }, null, 8, ["id"])
+    ], 2));
+  }
+}), bl = {
+  ...ue,
+  value: {
+    type: [Number, String],
+    default: void 0
+  },
+  max: {
+    type: [Number, String]
+  },
+  label: {
+    type: String,
+    required: !0
+  }
+}, hl = {
+  name: "VvProgress"
+}, uo = /* @__PURE__ */ D({
+  ...hl,
+  props: bl,
+  setup(a) {
+    const t = a, { value: e, max: n, label: o } = F(t), r = i(() => t.value === void 0), { bemCssClasses: s } = x("vv-progress", {
+      modifiers: t.modifiers,
+      indeterminate: r
+    });
+    return (b, c) => (m(), _("progress", E({ role: "progressbar" }, {
+      class: l(s),
+      ariaLabel: l(o),
+      max: l(n),
+      value: l(e)
+    }), null, 16));
+  }
+}), gl = bt, yl = ["click", "update:modelValue", "change", "blur"];
+function _l(a, t) {
+  const { group: e, isInGroup: n, getGroupOrLocalRef: o } = Le(vt), r = o("modelValue", a, t), s = o("readonly", a), b = o("disabled", a), c = o("valid", a), d = o("invalid", a);
+  return {
+    group: e,
+    isInGroup: n,
+    modelValue: r,
+    readonly: s,
+    disabled: b,
+    valid: c,
+    invalid: d
+  };
+}
+const Sl = ["for"], Vl = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], $l = {
+  name: "VvRadio"
+}, Cl = /* @__PURE__ */ D({
+  ...$l,
+  props: gl,
+  emits: yl,
+  setup(a, { emit: t }) {
+    const e = a, n = re(), { disabled: o, readonly: r, modelValue: s, valid: b, invalid: c } = _l(
+      e,
+      t
+    ), d = i(() => String(e.id || ie())), u = i(() => p.value ? -1 : e.tabindex), v = H(), p = i(() => o.value || r.value), h = i(() => {
+      if (c.value === !0)
+        return !0;
+      if (b.value === !0)
+        return !1;
+    }), g = i(
+      () => Array.isArray(s.value) ? pe(e.value, s.value) : me(e.value, s.value)
+    ), y = i(
+      () => ["string", "number", "boolean"].includes(typeof e.value) ? e.value : !0
+    ), f = i({
+      get() {
+        return g.value ? y.value : null;
+      },
+      set(A) {
+        Array.isArray(s.value) ? s.value = [e.value] : s.value = e.value, t("change", A);
+      }
+    }), { bemCssClasses: V } = x("vv-radio", {
+      valid: b,
+      invalid: c,
+      disabled: o,
+      readonly: r
+    }), { HintSlot: I } = ge(e, n);
+    return (A, T) => (m(), _("label", {
+      class: j(l(V)),
+      for: l(d)
+    }, [
+      ye(O("input", {
+        id: l(d),
+        ref_key: "input",
+        ref: v,
+        "onUpdate:modelValue": T[0] || (T[0] = ($) => Se(f) ? f.value = $ : null),
+        type: "radio",
+        class: "vv-radio__input",
+        name: A.name,
+        disabled: l(p),
+        value: l(y),
+        tabindex: l(u),
+        "aria-invalid": l(h)
+      }, null, 8, Vl), [
+        [Ht, l(f)]
+      ]),
+      C(A.$slots, "default", { value: l(s) }, () => [
+        X(R(A.label), 1)
+      ]),
+      oe(l(I), {
+        class: "vv-radio__hint",
+        params: { value: l(s) }
+      }, null, 8, ["params"])
+    ], 10, Sl));
+  }
+}), kl = ht, Al = ["update:modelValue", "change"], wl = ["textContent"], Il = { class: "vv-radio-group__wrapper" }, Pl = {
+  name: "VvRadioGroup"
+}, co = /* @__PURE__ */ D({
+  ...Pl,
+  props: kl,
+  emits: Al,
+  setup(a, { emit: t }) {
+    const e = a, n = re(), o = Ze(e, "modelValue", t), { disabled: r, readonly: s, vertical: b, valid: c, invalid: d } = F(e);
+    Te({
+      key: vt,
+      modelValue: o,
+      disabled: r,
+      readonly: s,
+      valid: c,
+      invalid: d
+    });
+    const { getOptionLabel: v, getOptionValue: p } = Pe(e), { bemCssClasses: h } = x("vv-radio-group", {
+      disabled: r,
+      readonly: s,
+      horizontal: i(() => !b.value),
+      valid: c,
+      invalid: d
+    }), g = (f, V) => ({
+      id: `${e.name}_opt${V}`,
+      name: e.name,
+      label: v(f),
+      value: p(f)
+    }), { HintSlot: y } = ge(e, n);
+    return (f, V) => (m(), _("fieldset", {
+      class: j(l(h))
+    }, [
+      f.label ? (m(), _("legend", {
+        key: 0,
+        textContent: R(f.label)
+      }, null, 8, wl)) : w("", !0),
+      O("div", Il, [
+        f.options.length > 0 ? (m(!0), _(be, { key: 0 }, Ve(f.options, (I, A) => (m(), B(Cl, E({ key: A }, g(I, A)), null, 16))), 128)) : C(f.$slots, "default", { key: 1 })
+      ]),
+      oe(l(y), { class: "vv-radio-group__hint" })
+    ], 2));
+  }
+}), Ol = {
+  ...Qe,
+  ...Ne,
+  ...ke,
+  ...Ae,
+  ...Ie,
+  ...Ye,
+  ...he,
+  ...we,
+  ...ue,
+  ...Be,
+  ...Je,
+  autocomplete: { type: String, default: "off" },
+  autofocus: Boolean,
+  multiple: Boolean,
+  required: Boolean,
+  size: [String, Number],
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: void 0
+  },
+  label: String,
+  placeholder: String
+}, Rl = ["update:modelValue", "focus", "blur"], El = ["for"], Dl = { class: "vv-select__wrapper" }, Ll = ["id"], Tl = {
+  key: 0,
+  value: void 0,
+  disabled: ""
+}, Bl = ["disabled", "value"], Nl = {
+  name: "VvSelect"
+}, vo = /* @__PURE__ */ D({
+  ...Nl,
+  props: Ol,
+  emits: Rl,
+  setup(a, { emit: t }) {
+    const e = a, n = re(), o = H(), { HintSlot: r, hasHint: s, hasInvalid: b } = ge(e, n), {
+      modifiers: c,
+      disabled: d,
+      readonly: u,
+      loading: v,
+      icon: p,
+      iconPosition: h,
+      invalid: g,
+      valid: y
+    } = F(e), f = i(() => String(e.id || ie())), V = i(() => `${f.value}-hint`), { focused: I } = He(o, t), { hasIcon: A, hasIconLeft: T, hasIconRight: $ } = xe(
+      p,
+      h
+    ), G = i(() => !ee(e.modelValue)), Z = i(() => e.disabled || e.readonly), N = i(() => Z.value ? -1 : e.tabindex), z = i(() => {
+      if (e.invalid === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), { bemCssClasses: ae } = x("vv-select", {
+      modifiers: c,
+      valid: y,
+      invalid: g,
+      loading: v,
+      disabled: d,
+      readonly: u,
+      iconLeft: T,
+      iconRight: $,
+      dirty: G,
+      focus: I
+    }), de = i(() => ({
+      name: e.name,
+      tabindex: N.value,
+      disabled: Z.value,
+      required: e.required,
+      size: e.size,
+      autocomplete: e.autocomplete,
+      multiple: e.multiple,
+      "aria-invalid": z.value,
+      "aria-describedby": !b.value && s.value ? V.value : void 0,
+      "aria-errormessage": b.value ? V.value : void 0
+    })), { getOptionLabel: Y, getOptionValue: ce } = Pe(e);
+    function ne(L) {
+      return typeof L == "string" || L.disabled === void 0 ? d.value : L.disabled;
+    }
+    const J = i({
+      get: () => e.modelValue,
+      set: (L) => {
+        t("update:modelValue", L);
+      }
+    });
+    return (L, le) => (m(), _("div", {
+      class: j(l(ae))
+    }, [
+      L.label ? (m(), _("label", {
+        key: 0,
+        for: l(f)
+      }, R(L.label), 9, El)) : w("", !0),
+      O("div", Dl, [
+        C(L.$slots, "before", {}, () => [
+          l(T) ? (m(), B(M, K(E({ key: 0 }, l(A))), null, 16)) : w("", !0)
+        ]),
+        ye(O("select", E({
+          id: l(f),
+          ref_key: "select",
+          ref: o,
+          "onUpdate:modelValue": le[0] || (le[0] = (W) => Se(J) ? J.value = W : null)
+        }, l(de)), [
+          L.placeholder ? (m(), _("option", Tl, R(L.placeholder), 1)) : w("", !0),
+          (m(!0), _(be, null, Ve(L.options, (W, k) => (m(), _("option", {
+            key: k,
+            disabled: ne(W),
+            value: l(ce)(W)
+          }, R(l(Y)(W)), 9, Bl))), 128))
+        ], 16, Ll), [
+          [Mt, l(J)]
+        ]),
+        C(L.$slots, "after", {}, () => [
+          l($) ? (m(), B(M, K(E({ key: 0 }, l(A))), null, 16)) : w("", !0)
+        ])
+      ]),
+      oe(l(r), {
+        id: l(V),
+        class: "vv-select__hint"
+      }, null, 8, ["id"])
+    ], 2));
+  }
+}), xl = {
+  hard: "hard",
+  soft: "soft"
+}, Hl = {
+  true: !0,
+  false: !1,
+  default: "default"
+}, Ml = ["update:modelValue", "focus", "blur", "keyup"], Gl = {
+  ...mt,
+  modelValue: String,
+  cols: { type: [String, Number], default: 20 },
+  rows: { type: [String, Number], default: 2 },
+  wrap: { type: String, default: xl.soft },
+  spellcheck: { type: [Boolean, String], default: Hl.default },
+  resizable: Boolean
+}, Ul = ["for"], jl = { class: "vv-textarea__wrapper" }, Fl = ["id"], Wl = {
+  key: 0,
+  class: "vv-textarea__limit"
+}, Kl = {
+  name: "VvTextarea"
+}, po = /* @__PURE__ */ D({
+  ...Kl,
+  props: Gl,
+  emits: Ml,
+  setup(a, { emit: t }) {
+    const e = a, n = re(), o = H(), {
+      icon: r,
+      iconPosition: s,
+      label: b,
+      modelValue: c,
+      count: d,
+      valid: u,
+      invalid: v,
+      loading: p
+    } = F(e), h = i(() => String(e.id || ie())), g = i(() => `${h.value}-hint`), y = i(
+      () => e.floating && ee(e.placeholder) ? " " : e.placeholder
+    ), f = _t(c, t, e.debounce), { hasIcon: V, hasIconLeft: I, hasIconRight: A } = xe(
+      r,
+      s
+    ), { focused: T } = He(o, t), { formatted: $ } = St(f, {
+      mode: e.count,
+      upperLimit: e.maxlength,
+      lowerLimit: e.minlength
+    }), G = i(() => !e.disabled && !e.readonly), Z = i(
+      () => G.value ? e.tabindex : -1
+    ), N = i(() => !ee(c)), z = i(() => {
+      if (e.invalid === !0)
+        return !0;
+      if (e.valid === !0)
+        return !1;
+    }), { HintSlot: ae, hasHint: de, hasInvalid: Y } = ge(e, n), { bemCssClasses: ce } = x("vv-textarea", {
+      modifiers: e.modifiers,
+      valid: u,
+      invalid: v,
+      loading: p,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      iconLeft: I,
+      iconRight: A,
+      floating: e.floating && !ee(e.label),
+      dirty: N,
+      focused: T,
+      resizable: e.resizable
+    }), ne = i(
+      () => ({
+        name: e.name,
+        placeholder: y.value,
+        tabindex: Z.value,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        autocomplete: e.autocomplete,
+        minlength: e.minlength,
+        maxlength: e.maxlength,
+        cols: e.cols,
+        rows: e.rows,
+        wrap: e.wrap,
+        spellcheck: e.spellcheck,
+        "aria-invalid": z.value,
+        "aria-describedby": !Y.value && de.value ? g.value : void 0,
+        "aria-errormessage": Y.value ? g.value : void 0
+      })
+    ), J = i(() => ({
+      valid: e.valid,
+      invalid: e.invalid,
+      modelValue: e.modelValue,
+      hintLabel: e.hintLabel,
+      maxlength: e.maxlength,
+      minlength: e.minlength,
+      clear: L
+    })), L = () => {
+      f.value = void 0;
+    };
+    return Xe(() => {
+      e.autofocus && (T.value = !0);
+    }), (le, W) => (m(), _("div", {
+      class: j(l(ce))
+    }, [
+      l(b) ? (m(), _("label", {
+        key: 0,
+        for: l(h),
+        class: "vv-textarea__label"
+      }, R(l(b)), 9, Ul)) : w("", !0),
+      O("div", jl, [
+        C(le.$slots, "before", K(te(l(J))), () => [
+          l(I) ? (m(), B(M, E({
+            key: 0,
+            class: "vv-textarea__icon-left"
+          }, l(V)), null, 16)) : w("", !0)
+        ]),
+        ye(O("textarea", E({
+          id: l(h),
+          ref_key: "textarea",
+          ref: o,
+          "onUpdate:modelValue": W[0] || (W[0] = (k) => Se(f) ? f.value = k : null)
+        }, l(ne), {
+          onKeyup: W[1] || (W[1] = (k) => t("keyup", k))
+        }), null, 16, Fl), [
+          [ut, l(f)]
+        ]),
+        C(le.$slots, "after", K(te(l(J))), () => [
+          l(A) ? (m(), B(M, K(E({ key: 0 }, l(V))), null, 16)) : w("", !0)
+        ]),
+        l(d) ? (m(), _("span", Wl, [
+          C(le.$slots, "count", K(te(l(J))), () => [
+            X(R(l($)), 1)
+          ])
+        ])) : w("", !0)
+      ]),
+      oe(l(ae), {
+        id: l(g),
+        class: "vv-textarea__hint"
+      }, null, 8, ["id"])
+    ], 2));
+  }
+});
+export {
+  Jl as VolverPlugin,
+  aa as VvAccordion,
+  Ql as VvAccordionGroup,
+  eo as VvBadge,
+  to as VvBreadcrumb,
+  ao as VvButton,
+  lo as VvButtonGroup,
+  oo as VvCard,
+  Ba as VvCheckbox,
+  no as VvCheckboxGroup,
+  so as VvCombobox,
+  ro as VvDialog,
+  qa as VvDropdown,
+  M as VvIcon,
+  io as VvInputText,
+  uo as VvProgress,
+  Cl as VvRadio,
+  co as VvRadioGroup,
+  vo as VvSelect,
+  po as VvTextarea
+};