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

package/dist/components/index.es.js

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