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

package/dist/ui-vue.es.js

@@ -1,9 +1,9 @@
-import { computed as p, unref as m, defineComponent as j, ref as E, toRefs as L, inject as e1, openBlock as f, createBlock as O, mergeProps as S, createCommentVNode as H, toRef as m1, useAttrs as F, useSlots as o1, resolveDynamicComponent as l1, withCtx as X, renderSlot as w, createElementBlock as M, toDisplayString as V, Fragment as R, createTextVNode as D, normalizeClass as I, isRef as g1, provide as p1, createElementVNode as A, renderList as U, watch as f1, h as v1, createVNode as n1, Transition as C1, toHandlers as y1, withDirectives as M1, withModifiers as w1, vShow as b1 } from "vue";
-import { v4 as Y } from "uuid";
-import { iconExists as W, Icon as x1, addIcon as Z1 } from "@iconify/vue";
-import { useVModel as K, useFocus as A1, onClickOutside as H1 } from "@vueuse/core";
+import { computed as v, unref as g, defineComponent as j, ref as R, toRefs as L, inject as o1, openBlock as f, createBlock as O, mergeProps as S, createCommentVNode as H, toRef as m1, useAttrs as U, resolveDynamicComponent as l1, withCtx as Y, renderSlot as w, createElementBlock as M, toDisplayString as V, Fragment as E, createTextVNode as D, normalizeClass as I, isRef as g1, provide as p1, createElementVNode as A, renderList as K, watch as f1, h as v1, useSlots as C1, createVNode as n1, Transition as y1, toHandlers as M1, withDirectives as w1, withModifiers as b1, vShow as x1 } from "vue";
+import { v4 as r1 } from "uuid";
+import { iconExists as J, Icon as Z1, addIcon as A1 } from "@iconify/vue";
+import { useVModel as Q, useFocus as H1, toReactive as V1, onClickOutside as j1 } from "@vueuse/core";
 var G = /* @__PURE__ */ ((r) => (r.left = "left", r.right = "right", r.top = "top", r.bottom = "bottom", r))(G || {}), q = /* @__PURE__ */ ((r) => (r.nuxtLink = "nuxt-link", r.routerLink = "router-link", r.a = "a", r.button = "button", r))(q || {}), a1 = /* @__PURE__ */ ((r) => (r._blank = "_blank", r._self = "_self", r._parent = "_parent", r._top = "_top", r))(a1 || {});
-const V1 = {
+const L1 = {
   icon: String,
   iconPosition: {
     type: String,
@@ -54,15 +54,15 @@ const V1 = {
       }
       if (t != l)
         return !1;
-      const c = r instanceof Date, u = e instanceof Date;
-      if (c != u)
+      const h = r instanceof Date, c = e instanceof Date;
+      if (h != c)
         return !1;
-      if (c && u)
+      if (h && c)
         return r.getTime() == e.getTime();
-      const d = r instanceof RegExp, h = e instanceof RegExp;
-      if (d != h)
+      const u = r instanceof RegExp, s = e instanceof RegExp;
+      if (u != s)
         return !1;
-      if (d && h)
+      if (u && s)
         return r.toString() == e.toString();
       const n = Object.keys(r);
       if (i = n.length, i !== Object.keys(e).length)
@@ -136,8 +136,8 @@ const V1 = {
   },
   propsToObject(r) {
     return Object.keys(r).reduce((e, t) => {
-      var l, o, i, a, c;
-      return this.isFunction(r[t]) ? e[t] = r[t]() : Array.isArray(r[t]) ? e[t] = r[t][0]() : (l = r[t]) != null && l.type && (Array.isArray(r[t].type) ? e[t] = ((o = r[t]) == null ? void 0 : o.default) || ((i = r[t]) == null ? void 0 : i.type[0]()) : e[t] = ((a = r[t]) == null ? void 0 : a.default) || ((c = r[t]) == null ? void 0 : c.type())), e;
+      var l, o, i, a, h;
+      return this.isFunction(r[t]) ? e[t] = r[t]() : Array.isArray(r[t]) ? e[t] = r[t][0]() : (l = r[t]) != null && l.type && (Array.isArray(r[t].type) ? e[t] = ((o = r[t]) == null ? void 0 : o.default) || ((i = r[t]) == null ? void 0 : i.type[0]()) : e[t] = ((a = r[t]) == null ? void 0 : a.default) || ((h = r[t]) == null ? void 0 : h.type())), e;
     }, {});
   },
   filterArray(r, e, t) {
@@ -153,7 +153,7 @@ const V1 = {
         /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
       )) == null ? void 0 : e.join("-")) == null ? void 0 : t.toLowerCase();
   }
-}, j1 = {
+}, _1 = {
   color: String,
   width: {
     type: [String, Number]
@@ -188,19 +188,19 @@ const V1 = {
 function _(r, e) {
   const t = { [`${r}`]: !0 };
   return {
-    bemCssClasses: p(() => Object.keys(e).reduce((o, i) => {
-      const a = m(e[i]) || !1;
+    bemCssClasses: v(() => Object.keys(e).reduce((o, i) => {
+      const a = g(e[i]) || !1;
       if (!a)
         return o;
       if (i === "modifiers") {
-        const c = Array.isArray(a) ? a : [a];
+        const h = Array.isArray(a) ? a : [a];
         return {
           ...o,
-          ...c.reduce(
-            (u, d) => ({
-              ...u,
+          ...h.reduce(
+            (c, u) => ({
+              ...c,
               [`${r}--${C.kebabCase(
-                d
+                u
               )}`]: !0
             }),
             {}
@@ -214,73 +214,73 @@ function _(r, e) {
     }, t) || {})
   };
 }
-const J = /* @__PURE__ */ j({
+const X = /* @__PURE__ */ j({
   __name: "VvIcon",
-  props: j1,
+  props: _1,
   setup(r) {
-    const e = r, t = E(!0), { modifiers: l } = L(e), o = e1("ds"), { bemCssClasses: i } = _("vv-icon", {
+    const e = r, t = R(!0), { modifiers: l } = L(e), o = o1("ds"), { bemCssClasses: i } = _("vv-icon", {
       modifiers: l
-    }), a = p(() => e.provider || (o == null ? void 0 : o.provider)), c = p(() => {
-      const h = e.name || "", n = `@${a.value}:${e.prefix}:${e.name}`;
-      return W(h) ? h : W(n) ? n : (o == null ? void 0 : o.iconsCollections.find((s) => {
-        const k = `@${a.value}:${s.prefix}:${h}`;
-        if (W(k))
-          return k;
-      })) || h;
+    }), a = v(() => e.provider || (o == null ? void 0 : o.provider)), h = v(() => {
+      const s = e.name || "", n = `@${a.value}:${e.prefix}:${e.name}`;
+      return J(s) ? s : J(n) ? n : (o == null ? void 0 : o.iconsCollections.find((k) => {
+        const d = `@${a.value}:${k.prefix}:${s}`;
+        if (J(d))
+          return d;
+      })) || s;
     });
-    function u(h) {
+    function c(s) {
       let n = null;
       if (typeof window > "u") {
-        const { JSDOM: g } = require("jsdom");
-        n = new g().window;
+        const { JSDOM: m } = require("jsdom");
+        n = new m().window;
       }
-      return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(h, "text/html").querySelector("svg");
+      return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(s, "text/html").querySelector("svg");
     }
-    function d(h) {
-      const n = u(h), s = (n == null ? void 0 : n.innerHTML.trim()) || "";
-      n && s && Z1(`@${a.value}:${e.prefix}:${e.name}`, {
-        body: s,
+    function u(s) {
+      const n = c(s), k = (n == null ? void 0 : n.innerHTML.trim()) || "";
+      n && k && A1(`@${a.value}:${e.prefix}:${e.name}`, {
+        body: k,
         height: n.viewBox.baseVal.height,
         width: n.viewBox.baseVal.width
       });
     }
-    return o && (e.src ? (t.value = !1, o.fetchIcon(e.src).then((h) => {
-      h && (d(h), t.value = !0);
-    }).catch((h) => {
-      throw new Error(`During fetch icon: ${h == null ? void 0 : h.message}`);
-    })) : e.svg && d(e.svg)), (h, n) => t.value ? (f(), O(m(x1), S({
+    return o && (e.src ? (t.value = !1, o.fetchIcon(e.src).then((s) => {
+      s && (u(s), t.value = !0);
+    }).catch((s) => {
+      throw new Error(`During fetch icon: ${s == null ? void 0 : s.message}`);
+    })) : e.svg && u(e.svg)), (s, n) => t.value ? (f(), O(g(Z1), S({
       key: 0,
-      class: m(i)
+      class: g(i)
     }, {
-      ...h.$props,
-      provider: m(a),
-      icon: m(c)
+      ...s.$props,
+      provider: g(a),
+      icon: g(h)
     }), null, 16, ["class"])) : H("", !0);
   }
 });
-function r1(r) {
-  const e = e1(r, void 0);
+function t1(r) {
+  const e = o1(r, void 0);
   console.log("Inject - ", e);
-  const t = p(() => C.isNotEmpty(e));
+  const t = v(() => C.isNotEmpty(e));
   function l(o, i, a) {
     if (e != null && e.value) {
-      const c = m(e.value)[o];
-      return p({
+      const h = g(e.value)[o];
+      return v({
         get() {
-          return c == null ? void 0 : c.value;
+          return h == null ? void 0 : h.value;
         },
-        set(u) {
-          c.value = u;
+        set(c) {
+          h.value = c;
         }
       });
     } else {
-      const c = m1(i, o);
-      return p({
+      const h = m1(i, o);
+      return v({
         get() {
-          return c.value;
+          return h.value;
         },
-        set(u) {
-          a && a(`update:${o}`, u);
+        set(c) {
+          a && a(`update:${o}`, c);
         }
       });
     }
@@ -292,55 +292,53 @@ function r1(r) {
   };
 }
 const i1 = Symbol("VV_BUTTON_GROUP"), c1 = Symbol("VV_CHECK_GROUP"), s1 = Symbol("VV_ACCORDION_GROUP");
-function L1(r) {
-  const { group: e, isInGroup: t, getGroupOrLocalRef: l } = r1(i1), { modifiers: o, fullBleed: i, iconPosition: a, icon: c, label: u, block: d, selected: h } = L(r), n = l("modelValue", r), s = l("disabled", r), k = l("toggle", r), v = l("rounded", r), g = l("action", r), y = l("actionQuiet", r);
+function S1(r) {
+  const { group: e, isInGroup: t, getGroupOrLocalRef: l } = t1(i1), { modifiers: o, fullBleed: i, iconPosition: a, icon: h, label: c, block: u, selected: s } = L(r), n = l("modelValue", r), k = l("disabled", r), d = l("toggle", r), p = l("rounded", r), m = l("action", r), y = l("actionQuiet", r);
   return {
     modelValue: n,
-    disabled: s,
-    toggle: k,
+    disabled: k,
+    toggle: d,
     isInGroup: t,
     group: e,
     modifiers: o,
-    action: g,
+    action: m,
     actionQuiet: y,
-    selected: h,
-    block: d,
-    rounded: v,
+    selected: s,
+    block: u,
+    rounded: p,
     fullBleed: i,
     iconPosition: a,
-    icon: c,
-    label: u
+    icon: h,
+    label: c
   };
 }
-const _1 = {
+const $1 = {
   key: 1,
   class: "vv-button__label"
-}, S1 = {
+}, B1 = {
   key: 1,
   class: "vv-button__label"
-}, P0 = /* @__PURE__ */ j({
+}, R0 = /* @__PURE__ */ j({
   __name: "VvButton",
-  props: V1,
+  props: L1,
   setup(r) {
-    const e = r, t = F();
-    o1();
-    const l = (t == null ? void 0 : t.name) || Y(), {
+    const e = r, t = U(), l = (t == null ? void 0 : t.name) || r1(), {
       modifiers: o,
       action: i,
       actionQuiet: a,
-      block: c,
-      rounded: u,
-      fullBleed: d,
-      iconPosition: h,
+      block: h,
+      rounded: c,
+      fullBleed: u,
+      iconPosition: s,
       icon: n,
-      label: s,
-      modelValue: k,
-      disabled: v,
-      toggle: g,
+      label: k,
+      modelValue: d,
+      disabled: p,
+      toggle: m,
       isInGroup: y
-    } = L1(e), x = p(() => {
+    } = S1(e), x = v(() => {
       switch (!0) {
-        case v.value:
+        case p.value:
           return q.button;
         case e.to !== void 0:
           return q.routerLink;
@@ -349,38 +347,38 @@ const _1 = {
         default:
           return q.button;
       }
-    }), B = p(() => g.value ? Array.isArray(k.value) ? C.contains(l, k.value) : C.equals(l, k.value) : e.active), z = p(() => g.value ? Array.isArray(k.value) ? C.contains(l, k.value) : C.equals(l, k.value) : e.selected), { bemCssClasses: Q } = _("vv-button", {
+    }), B = v(() => m.value ? Array.isArray(d.value) ? C.contains(l, d.value) : C.equals(l, d.value) : e.active), z = v(() => m.value ? Array.isArray(d.value) ? C.contains(l, d.value) : C.equals(l, d.value) : e.selected), { bemCssClasses: T } = _("vv-button", {
       modifiers: o,
       active: B,
       action: i,
       actionQuiet: a,
       selected: z,
-      block: c,
-      rounded: u,
-      fullBleed: d,
-      disabled: v,
-      reverse: p(
+      block: h,
+      rounded: c,
+      fullBleed: u,
+      disabled: p,
+      reverse: v(
         () => [G.right, G.bottom].includes(
-          h.value
+          s.value
         )
       ),
-      column: p(
+      column: v(
         () => [G.top, G.bottom].includes(
-          h.value
+          s.value
         )
       ),
-      iconOnly: p(() => (n == null ? void 0 : n.value) && !(s != null && s.value))
-    }), T = p(() => ({
+      iconOnly: v(() => (n == null ? void 0 : n.value) && !(k != null && k.value))
+    }), W = v(() => ({
       ...Z.value,
       "aria-label": e.label || t["aria-label"],
-      "aria-disabled": v.value,
+      "aria-disabled": p.value,
       role: "button",
-      class: Q.value,
+      class: T.value,
       to: e.to
-    })), Z = p(() => {
+    })), Z = v(() => {
       const b = x.value === q.a;
       let P = {};
-      return b && (P = v.value ? {
+      return b && (P = p.value ? {
         href: "javascript:;"
       } : {
         target: e.target,
@@ -388,28 +386,28 @@ const _1 = {
       }), P;
     });
     function $() {
-      y.value && (k.value = l);
+      y.value && (d.value = l);
     }
-    return (b, P) => (f(), O(l1(m(x)), S(m(T), { onClickPassive: $ }), {
-      default: X(() => [
+    return (b, P) => (f(), O(l1(g(x)), S(g(W), { onClickPassive: $ }), {
+      default: Y(() => [
         w(b.$slots, "default", {}, () => [
           b.loading ? w(b.$slots, "loading", { key: 0 }, () => [
-            b.loadingIcon ? (f(), O(J, {
+            b.loadingIcon ? (f(), O(X, {
               key: 0,
               class: "vv-button__loading-icon",
               name: b.loadingIcon
             }, null, 8, ["name"])) : H("", !0),
-            b.loadingLabel ? (f(), M("span", _1, V(b.loadingLabel), 1)) : H("", !0)
-          ]) : (f(), M(R, { key: 1 }, [
+            b.loadingLabel ? (f(), M("span", $1, V(b.loadingLabel), 1)) : H("", !0)
+          ]) : (f(), M(E, { key: 1 }, [
             w(b.$slots, "before"),
-            m(n) ? (f(), O(J, {
+            g(n) ? (f(), O(X, {
               key: 0,
               class: "vv-button__icon",
-              name: m(n)
+              name: g(n)
             }, null, 8, ["name"])) : H("", !0),
-            m(s) ? (f(), M("span", S1, [
+            g(k) ? (f(), M("span", B1, [
               w(b.$slots, "label", {}, () => [
-                D(V(m(s)), 1)
+                D(V(g(k)), 1)
               ])
             ])) : H("", !0),
             w(b.$slots, "after")
@@ -419,20 +417,20 @@ const _1 = {
       _: 3
     }, 16));
   }
-}), $1 = {
+}), z1 = {
   value: [String, Number],
   color: String
 }, E0 = /* @__PURE__ */ j({
   __name: "VvBadge",
-  props: $1,
+  props: z1,
   setup(r) {
-    const e = r, t = p(() => e.color ? `vv-badge--${e.color}` : "");
+    const e = r, t = v(() => e.color ? `vv-badge--${e.color}` : "");
     return (l, o) => (f(), M("span", {
-      class: I(["vv-badge", m(t)]),
+      class: I(["vv-badge", g(t)]),
       role: "status"
     }, V(l.value), 3));
   }
-}), B1 = {
+}), O1 = {
   disabled: { type: Boolean, default: !1 },
   vertical: { type: Boolean, default: !1 },
   compact: { type: Boolean, default: !1 },
@@ -442,52 +440,52 @@ const _1 = {
   action: Boolean,
   actionQuiet: Boolean,
   modelValue: { type: String, default: void 0 }
-}, z1 = ["update:modelValue"];
-function t1(r) {
+}, D1 = ["update:modelValue"];
+function e1(r) {
   if (Object.keys(r).some(
     (e) => e !== "key" && !g1(r[e])
   ))
     throw Error("One or more groupState props aren't ref.");
   console.log("PRovide - ", r), p1(
     r.key,
-    p(() => r)
+    v(() => r)
   );
 }
-const R0 = /* @__PURE__ */ j({
+const N0 = /* @__PURE__ */ j({
   __name: "VvButtonGroup",
-  props: B1,
-  emits: z1,
+  props: O1,
+  emits: D1,
   setup(r, { emit: e }) {
-    const t = r, l = K(t, "modelValue", e), {
+    const t = r, l = Q(t, "modelValue", e), {
       disabled: o,
       vertical: i,
       compact: a,
-      block: c,
-      rounded: u,
-      toggle: d,
-      action: h,
+      block: h,
+      rounded: c,
+      toggle: u,
+      action: s,
       actionQuiet: n
-    } = L(t), { bemCssClasses: s } = _("vv-button-group", {
+    } = L(t), { bemCssClasses: k } = _("vv-button-group", {
       vertical: i,
       compact: a,
-      block: c
+      block: h
     });
-    return t1({
+    return e1({
       key: i1,
       modelValue: l,
       disabled: o,
-      toggle: d,
-      rounded: u,
-      action: h,
+      toggle: u,
+      rounded: c,
+      action: s,
       actionQuiet: n
-    }), (v, g) => (f(), M("div", {
-      class: I(m(s)),
+    }), (p, m) => (f(), M("div", {
+      class: I(g(k)),
       role: "group"
     }, [
-      w(v.$slots, "default")
+      w(p.$slots, "default")
     ], 2));
   }
-}), O1 = {
+}), I1 = {
   title: String,
   content: String,
   open: Boolean,
@@ -495,73 +493,73 @@ const R0 = /* @__PURE__ */ j({
   bordered: Boolean,
   modifiers: [String, Array],
   disabled: Boolean
-}, D1 = ["update:open"];
-function I1(r, e) {
-  const { group: t, isInGroup: l, getGroupOrLocalRef: o } = r1(s1), { modifiers: i } = L(r), a = o("modelValue", r, e), c = o("bordered", r), u = o("disabled", r), d = o("iconRight", r), h = o("accordion", r);
+}, q1 = ["update:open"];
+function G1(r, e) {
+  const { group: t, isInGroup: l, getGroupOrLocalRef: o } = t1(s1), { modifiers: i } = L(r), a = o("modelValue", r, e), h = o("bordered", r), c = o("disabled", r), u = o("iconRight", r), s = o("accordion", r);
   return {
     modelValue: a,
-    disabled: u,
-    bordered: c,
-    iconRight: d,
+    disabled: c,
+    bordered: h,
+    iconRight: u,
     isInGroup: l,
     group: t,
-    accordion: h,
+    accordion: s,
     modifiers: i
   };
 }
-const q1 = ["open"], G1 = ["aria-controls", "aria-expanded"], P1 = ["aria-hidden"], E1 = /* @__PURE__ */ j({
+const P1 = ["open"], R1 = ["aria-controls", "aria-expanded"], E1 = ["aria-hidden"], N1 = /* @__PURE__ */ j({
   __name: "VvAccordion",
-  props: O1,
-  emits: D1,
+  props: I1,
+  emits: q1,
   setup(r, { emit: e }) {
-    const t = r, l = F(), o = (l == null ? void 0 : l.name) || Y(), {
+    const t = r, l = U(), o = (l == null ? void 0 : l.name) || r1(), {
       modelValue: i,
       modifiers: a,
-      bordered: c,
-      disabled: u = E(!1),
-      iconRight: d,
-      isInGroup: h,
+      bordered: h,
+      disabled: c = R(!1),
+      iconRight: u,
+      isInGroup: s,
       accordion: n
-    } = I1(t, e), s = p(() => h.value ? n.value ? C.equals(o, i.value) : C.contains(o, i.value) : t.open), { bemCssClasses: k } = _("vv-accordion", {
+    } = G1(t, e), k = v(() => s.value ? n.value ? C.equals(o, i.value) : C.contains(o, i.value) : t.open), { bemCssClasses: d } = _("vv-accordion", {
       modifiers: a,
-      disabled: u,
-      markerRight: p(() => d.value),
-      bordered: c
-    }), v = (y) => {
+      disabled: c,
+      markerRight: v(() => u.value),
+      bordered: h
+    }), p = (y) => {
       const x = y.target;
       e("update:open", x.open);
-    }, g = (y) => {
-      h.value && (n.value ? i.value = s.value ? null : o : i.value = s.value ? C.removeFromList(
+    }, m = (y) => {
+      s.value && (n.value ? i.value = k.value ? null : o : i.value = k.value ? C.removeFromList(
         o,
         i.value
       ) : [...i.value, o], y.preventDefault());
     };
     return (y, x) => (f(), M("details", {
-      class: I(m(k)),
-      open: m(s),
-      onToggle: v,
-      onClick: g
+      class: I(g(d)),
+      open: g(k),
+      onToggle: p,
+      onClick: m
     }, [
       A("summary", {
-        "aria-controls": `#${m(o)}`,
-        "aria-expanded": m(s),
+        "aria-controls": `#${g(o)}`,
+        "aria-expanded": g(k),
         class: "vv-collapse__summary"
       }, [
         w(y.$slots, "header", {}, () => [
           D(V(y.title), 1)
         ])
-      ], 8, G1),
+      ], 8, R1),
       A("div", {
-        "aria-hidden": !m(s),
+        "aria-hidden": !g(k),
         class: "vv-collapse__content"
       }, [
         w(y.$slots, "details", {}, () => [
           D(V(y.content), 1)
         ])
-      ], 8, P1)
-    ], 42, q1));
+      ], 8, E1)
+    ], 42, P1));
   }
-}), R1 = {
+}), F1 = {
   modelValue: [String, Array],
   iconRight: Boolean,
   bordered: Boolean,
@@ -569,37 +567,37 @@ const q1 = ["open"], G1 = ["aria-controls", "aria-expanded"], P1 = ["aria-hidden
   accordion: Boolean,
   modifiers: [String, Array],
   disabled: Boolean
-}, N1 = ["update:open"], N0 = /* @__PURE__ */ j({
+}, U1 = ["update:open"], F0 = /* @__PURE__ */ j({
   __name: "VvAccordionGroup",
-  props: R1,
-  emits: N1,
+  props: F1,
+  emits: U1,
   setup(r, { emit: e }) {
-    const t = r, l = K(t, "modelValue", e), { disabled: o, bordered: i, iconRight: a, accordion: c, modifiers: u, items: d } = L(t);
-    t1({
+    const t = r, l = Q(t, "modelValue", e), { disabled: o, bordered: i, iconRight: a, accordion: h, modifiers: c, items: u } = L(t);
+    e1({
       key: s1,
       modelValue: l,
       disabled: o,
       bordered: i,
       iconRight: a,
-      accordion: c
+      accordion: h
     });
     const { bemCssClasses: n } = _("vv-accordion-group", {
-      modifiers: u,
+      modifiers: c,
       disabled: o
     });
-    return (s, k) => {
-      var v;
+    return (k, d) => {
+      var p;
       return f(), M("div", {
-        class: I(m(n))
+        class: I(g(n))
       }, [
-        ((v = t.items) == null ? void 0 : v.length) > 0 ? (f(!0), M(R, { key: 0 }, U(m(d), (g) => (f(), O(E1, S({
-          key: g.title
+        ((p = t.items) == null ? void 0 : p.length) > 0 ? (f(!0), M(E, { key: 0 }, K(g(u), (m) => (f(), O(N1, S({
+          key: m.title
         }, {
-          name: g.name,
-          title: g.title,
-          content: g.content,
+          name: m.name,
+          title: m.title,
+          content: m.content,
           ...t
-        }), null, 16))), 128)) : w(s.$slots, "default", { key: 1 })
+        }), null, 16))), 128)) : w(k.$slots, "default", { key: 1 })
       ], 2);
     };
   }
@@ -609,101 +607,101 @@ const q1 = ["open"], G1 = ["aria-controls", "aria-expanded"], P1 = ["aria-hidden
 }, d1 = {
   error: Boolean,
   errorLabel: [String, Array]
-}, F1 = {
+}, K1 = {
   disabled: Boolean
 }, k1 = {
   modifiers: [String, Array]
-}, U1 = {
+}, Q1 = {
   hintLabel: { type: String, default: "" }
-}, K1 = {
+}, T1 = {
   options: { type: Array, default: () => [] },
   optionLabel: { type: [String, Function], default: () => "label" },
   optionValue: { type: [String, Function], default: () => "value" }
-}, Q1 = {
+}, W1 = {
   ...k1,
   routes: Array,
   multiline: Boolean
-}, T1 = { class: "vv-breadcrumb__list" }, W1 = ["content"], F0 = /* @__PURE__ */ j({
+}, J1 = { class: "vv-breadcrumb__list" }, X1 = ["content"], U0 = /* @__PURE__ */ j({
   __name: "VvBreadcrumb",
-  props: Q1,
+  props: W1,
   setup(r) {
     const e = r, { modifiers: t, multiline: l } = L(e), { bemCssClasses: o } = _("vv-breadcrumb", {
       modifiers: t,
       multiline: l
     });
     return (i, a) => (f(), M("nav", {
-      class: I(m(o)),
+      class: I(g(o)),
       "aria-label": "breadcrumbs"
     }, [
-      A("ol", T1, [
-        (f(!0), M(R, null, U(i.routes, (c, u) => {
-          var d, h, n, s;
+      A("ol", J1, [
+        (f(!0), M(E, null, K(i.routes, (h, c) => {
+          var u, s, n, k;
           return f(), M("li", {
-            key: `${c.label}-${u}`,
+            key: `${h.label}-${c}`,
             class: I({
-              "vv-breadcrumb__item": u < Number((d = i.routes) == null ? void 0 : d.length) - 1,
-              "vv-breadcrumb__item-active": u === Number((h = i.routes) == null ? void 0 : h.length) - 1
+              "vv-breadcrumb__item": c < Number((u = i.routes) == null ? void 0 : u.length) - 1,
+              "vv-breadcrumb__item-active": c === Number((s = i.routes) == null ? void 0 : s.length) - 1
             }),
             itemprop: "itemListElement",
             itemtype: "https://schema.org/ListItem",
             itemscope: ""
           }, [
-            (f(), O(l1(c.to ? "router-link" : c.href ? "a" : "span"), S(c, {
+            (f(), O(l1(h.to ? "router-link" : h.href ? "a" : "span"), S(h, {
               class: {
-                "vv-breadcrumb__link": u < Number((n = i.routes) == null ? void 0 : n.length) - 1
+                "vv-breadcrumb__link": c < Number((n = i.routes) == null ? void 0 : n.length) - 1
               },
-              "aria-current": u === Number((s = i.routes) == null ? void 0 : s.length) - 1 ? "page" : void 0,
+              "aria-current": c === Number((k = i.routes) == null ? void 0 : k.length) - 1 ? "page" : void 0,
               itemprop: "item"
             }), {
-              default: X(() => [
-                D(V(c.label) + " ", 1)
+              default: Y(() => [
+                D(V(h.label) + " ", 1)
               ]),
               _: 2
             }, 1040, ["class", "aria-current"])),
             A("meta", {
               itemprop: "position",
-              content: `${u + 1}`
-            }, null, 8, W1)
+              content: `${c + 1}`
+            }, null, 8, X1)
           ], 2);
         }), 128))
       ])
     ], 2));
   }
-}), J1 = {
+}), Y1 = {
   title: String,
   modifiers: [String, Array]
-}, X1 = {
+}, r0 = {
   key: 0,
   class: "vv-card__header"
-}, Y1 = {
+}, t0 = {
   key: 1,
   class: "vv-card__content"
-}, r0 = {
+}, e0 = {
   key: 2,
   class: "vv-card__footer"
-}, U0 = /* @__PURE__ */ j({
+}, K0 = /* @__PURE__ */ j({
   __name: "VvCard",
-  props: J1,
+  props: Y1,
   setup(r) {
-    const e = r, t = F(), { modifiers: l } = L(e), { bemCssClasses: o } = _("vv-card", {
+    const e = r, t = U(), { modifiers: l } = L(e), { bemCssClasses: o } = _("vv-card", {
       modifiers: l
-    }), i = p(() => t);
-    return (a, c) => (f(), M("article", S({ class: m(o) }, m(i)), [
-      a.$slots.header || a.title ? (f(), M("header", X1, [
+    }), i = v(() => t);
+    return (a, h) => (f(), M("article", S({ class: g(o) }, g(i)), [
+      a.$slots.header || a.title ? (f(), M("header", r0, [
         w(a.$slots, "header", {}, () => [
           D(V(a.title), 1)
         ])
       ])) : H("", !0),
       w(a.$slots, "default"),
-      a.$slots.content ? (f(), M("div", Y1, [
+      a.$slots.content ? (f(), M("div", t0, [
         w(a.$slots, "content")
       ])) : H("", !0),
-      a.$slots.footer ? (f(), M("footer", r0, [
+      a.$slots.footer ? (f(), M("footer", e0, [
         w(a.$slots, "footer")
       ])) : H("", !0)
     ], 16));
   }
-}), t0 = {
+}), o0 = {
   ...h1,
   ...d1,
   value: null,
@@ -715,60 +713,60 @@ const q1 = ["open"], G1 = ["aria-controls", "aria-expanded"], P1 = ["aria-hidden
   label: String,
   disabled: Boolean,
   readonly: Boolean
-}, e0 = [
+}, l0 = [
   "click",
   "update:modelValue",
   "change",
   "focus",
   "blur"
 ];
-function o0(r, e) {
-  const { group: t, isInGroup: l, getGroupOrLocalRef: o } = r1(c1), { valid: i, error: a, switch: c } = L(r), u = o("modelValue", r, e), d = o("readonly", r), h = o("disabled", r);
+function n0(r, e) {
+  const { group: t, isInGroup: l, getGroupOrLocalRef: o } = t1(c1), { valid: i, error: a, switch: h } = L(r), c = o("modelValue", r, e), u = o("readonly", r), s = o("disabled", r);
   return {
     group: t,
     isInGroup: l,
     valid: i,
     error: a,
-    propsSwitch: c,
-    modelValue: u,
-    readonly: d,
-    disabled: h
+    propsSwitch: h,
+    modelValue: c,
+    readonly: u,
+    disabled: s
   };
 }
-function l0(r, e) {
-  const { focused: t } = A1(r);
+function a0(r, e) {
+  const { focused: t } = H1(r);
   return f1(t, (l) => {
     e(l ? "focus" : "blur", r.value);
   }), {
     focused: t
   };
 }
-const n0 = {
+const i0 = {
   inheritAttrs: !1
-}, a0 = /* @__PURE__ */ j({
-  ...n0,
+}, c0 = /* @__PURE__ */ j({
+  ...i0,
   __name: "VvCheck",
-  props: t0,
-  emits: e0,
+  props: o0,
+  emits: l0,
   setup(r, { emit: e }) {
-    const t = r, l = F(), { disabled: o, readonly: i, valid: a, error: c, propsSwitch: u, modelValue: d } = o0(t, e), h = E(), { focused: n } = l0(h, e), s = p(() => t.binary ? C.equals(d.value, t.trueValue) : Array.isArray(d.value) ? C.contains(t.value, d.value) : C.equals(t.value, d.value)), { bemCssClasses: k } = _("vv-input-checkbox", {
-      switch: u,
+    const t = r, l = U(), { disabled: o, readonly: i, valid: a, error: h, propsSwitch: c, modelValue: u } = n0(t, e), s = R(), { focused: n } = a0(s, e), k = v(() => t.binary ? C.equals(u.value, t.trueValue) : Array.isArray(u.value) ? C.contains(t.value, u.value) : C.equals(t.value, u.value)), { bemCssClasses: d } = _("vv-input-checkbox", {
+      switch: c,
       valid: a,
-      invalid: c
-    }), { bemCssClasses: v } = _(
+      invalid: h
+    }), { bemCssClasses: p } = _(
       "vv-input-check__input",
       {
-        checked: s,
+        checked: k,
         disabled: o,
         readonly: i
       }
-    ), g = p(() => ({
+    ), m = v(() => ({
       [l.class]: !0,
-      ...k.value
-    })), y = p(() => ({
-      ...v.value,
+      ...d.value
+    })), y = v(() => ({
+      ...p.value,
       "focus-visible": n.value
-    })), x = p(() => {
+    })), x = v(() => {
       const { id: Z, name: $, style: b } = l, P = C.pickBy(
         l,
         (u1) => u1.startsWith("data-")
@@ -778,7 +776,7 @@ const n0 = {
         style: b,
         ...P
       };
-    }), B = p(() => {
+    }), B = v(() => {
       const { id: Z = "", name: $ = "" } = l;
       return {
         type: "checkbox",
@@ -787,62 +785,62 @@ const n0 = {
         value: t.value,
         disabled: o.value,
         readonly: i.value,
-        checked: s.value,
+        checked: k.value,
         ...z.value
       };
-    }), z = p(() => {
+    }), z = v(() => {
       const { name: Z } = l, $ = C.pickBy(
         l,
         (b) => b.startsWith("aria-")
       );
       return {
         "aria-label": Z,
-        "aria-checked": s.value,
+        "aria-checked": k.value,
         ...$
       };
     });
-    function Q() {
+    function T() {
       if (t.binary) {
-        d.value = s.value ? t.falseValue : t.trueValue;
+        u.value = k.value ? t.falseValue : t.trueValue;
         return;
       }
-      if (d.value === null) {
-        d.value = [t.value];
+      if (u.value === null) {
+        u.value = [t.value];
         return;
       }
-      if (Array.isArray(d.value)) {
-        d.value = s.value ? C.removeFromList(t.value, d.value) : [...d.value, t.value];
+      if (Array.isArray(u.value)) {
+        u.value = k.value ? C.removeFromList(t.value, u.value) : [...u.value, t.value];
         return;
       }
       console.warn("Cannot change value - VvCheck modelValue is not an array");
     }
-    function T(Z) {
-      o.value || (e("click", Z), e("change", s.value ? t.value : null), n.value = !0);
+    function W(Z) {
+      o.value || (e("click", Z), e("change", k.value ? t.value : null), n.value = !0);
     }
-    return (Z, $) => (f(), M("label", S({ class: m(g) }, m(x), { onClick: T }), [
+    return (Z, $) => (f(), M("label", S({ class: g(m) }, g(x), { onClick: W }), [
       A("input", S({
         ref_key: "input",
-        ref: h,
-        class: m(y)
-      }, m(B), { onInput: Q }), null, 16),
-      w(Z.$slots, "default", { value: m(d) }, () => [
+        ref: s,
+        class: g(y)
+      }, g(B), { onInput: T }), null, 16),
+      w(Z.$slots, "default", { value: g(u) }, () => [
         D(V(Z.label), 1)
       ])
     ], 16));
   }
-}), i0 = {
+}), s0 = {
   ...h1,
   ...d1,
-  ...U1,
-  ...K1,
+  ...Q1,
+  ...T1,
   modelValue: { type: Array },
   label: { type: String, default: "" },
   name: { type: String, default: "", required: !0 },
   disabled: { type: Boolean, default: !1 },
   readonly: { type: Boolean, default: !1 },
   vertical: { type: Boolean, default: !1 }
-}, c0 = ["update:modelValue", "change"];
-function s0(r) {
+}, h0 = ["update:modelValue", "change"];
+function d0(r) {
   const { options: e, optionLabel: t, optionValue: l } = L(r);
   return {
     options: e,
@@ -850,119 +848,137 @@ function s0(r) {
     getOptionValue: (a) => typeof a != "object" && a !== null ? a : typeof l.value == "function" ? l.value(a) : a[l.value]
   };
 }
-function h0(r) {
+function N(r) {
   return Array.isArray(r) ? r.filter((e) => C.isString(e)).reduce((e, t) => e.length > 0 ? e + `
 ` + t : t, "") : r;
 }
-function d0(r, e) {
+function k0(r, e) {
   return {
     name: "HintSlot",
-    setup() {
-      const t = L(r), {
-        error: l,
-        valid: o,
-        hint: i,
-        loading: a
+    props: {
+      params: { type: Object, default: () => {
+      } }
+    },
+    setup(t) {
+      const l = L(r), {
+        error: o,
+        valid: i,
+        hint: a,
+        loading: h
       } = e, {
         hintLabel: c,
         modelValue: u,
-        valid: d,
-        validLabel: h,
-        error: n,
-        errorLabel: s
-      } = t, k = C.resolveFieldData(t, "loading"), v = C.resolveFieldData(
-        t,
+        valid: s,
+        validLabel: n,
+        error: k,
+        errorLabel: d
+      } = l, p = C.resolveFieldData(l, "loading"), m = C.resolveFieldData(
+        l,
         "loadingLabel"
-      ), g = p(() => n.value ? !!(n.value && l || (s == null ? void 0 : s.value) && Array.isArray(s.value) && s.value.length > 0 || (s == null ? void 0 : s.value) && C.isNotEmpty(s.value)) : !1), y = p(() => !!(c && c.value || i || o || h && h.value || g.value || (k == null ? void 0 : k.value) && a || (k == null ? void 0 : k.value) && (v == null ? void 0 : v.value))), x = p(() => Array.isArray(s == null ? void 0 : s.value) ? h0((s == null ? void 0 : s.value) || "") : s == null ? void 0 : s.value), B = p(() => {
-        const z = { modelValue: u, error: n, valid: d };
-        return n != null && n.value ? (l == null ? void 0 : l(z)) || (x == null ? void 0 : x.value) || (c == null ? void 0 : c.value) : d != null && d.value ? (o == null ? void 0 : o(z)) || (h == null ? void 0 : h.value) || (c == null ? void 0 : c.value) : k != null && k.value ? (a == null ? void 0 : a(z)) || (v == null ? void 0 : v.value) || (c == null ? void 0 : c.value) : (i == null ? void 0 : i(z)) || (c == null ? void 0 : c.value) || (c == null ? void 0 : c.value);
+      ), y = v(() => k.value ? !!(k.value && o || (d == null ? void 0 : d.value) && Array.isArray(d.value) && d.value.length > 0 || (d == null ? void 0 : d.value) && C.isNotEmpty(d.value)) : !1), x = v(() => !!(c && c.value || a || i || n && n.value || y.value || (p == null ? void 0 : p.value) && h || (p == null ? void 0 : p.value) && (m == null ? void 0 : m.value))), B = v(() => {
+        const z = V1({
+          hintLabel: c,
+          modelValue: u,
+          valid: s,
+          validLabel: n,
+          error: k,
+          errorLabel: d,
+          loading: p,
+          loadingLabel: m,
+          ...t.params
+        });
+        return k != null && k.value ? (o == null ? void 0 : o(z)) || N(d == null ? void 0 : d.value) || (c == null ? void 0 : c.value) : s != null && s.value ? (i == null ? void 0 : i(z)) || N(n == null ? void 0 : n.value) || (c == null ? void 0 : c.value) : p != null && p.value ? (h == null ? void 0 : h(z)) || N(m == null ? void 0 : m.value) || (c == null ? void 0 : c.value) : (a == null ? void 0 : a(z)) || N(c == null ? void 0 : c.value) || (c == null ? void 0 : c.value);
       });
       return {
-        hasHint: y,
+        hasHint: x,
         hintContent: B
       };
     },
     render() {
       if (this.hasHint)
-        return v1("span", null, this.hintContent);
+        return v1(
+          "pre",
+          { style: { "white-space": "pre" } },
+          this.hintContent
+        );
     }
   };
 }
-const k0 = ["textContent"], u0 = { class: "vv-input-checkbox-group__wrapper" }, K0 = /* @__PURE__ */ j({
+const u0 = ["textContent"], m0 = { class: "vv-input-checkbox-group__wrapper" }, Q0 = /* @__PURE__ */ j({
   __name: "VvCheckGroup",
-  props: i0,
-  emits: c0,
+  props: s0,
+  emits: h0,
   setup(r, { emit: e }) {
-    const t = r, l = o1(), o = K(t, "modelValue", e), { disabled: i, readonly: a, error: c, valid: u } = L(t);
-    t1({
+    const t = r, l = C1(), o = Q(t, "modelValue", e), { disabled: i, readonly: a, error: h, valid: c } = L(t);
+    e1({
       key: c1,
       modelValue: o,
       disabled: i,
       readonly: a
     });
-    const { getOptionLabel: h, getOptionValue: n } = s0(t), { bemCssClasses: s } = _(
+    const { getOptionLabel: s, getOptionValue: n } = d0(t), { bemCssClasses: k } = _(
       "vv-input-checkbox-group",
       {
-        horizontal: p(() => !t.vertical),
-        valid: u,
-        invalid: c
+        horizontal: v(() => !t.vertical),
+        valid: c,
+        invalid: h
       }
-    ), k = (g, y) => ({
+    ), d = (m, y) => ({
       id: `${t.name}_opt${y}`,
       name: t.name,
-      label: h(g),
-      value: n(g)
-    }), v = d0(t, l);
-    return (g, y) => (f(), M("fieldset", {
-      class: I(m(s))
+      label: s(m),
+      value: n(m)
+    }), p = k0(t, l);
+    return (m, y) => (f(), M("fieldset", {
+      class: I(g(k))
     }, [
-      g.label ? (f(), M("legend", {
+      m.label ? (f(), M("legend", {
         key: 0,
-        textContent: V(g.label)
-      }, null, 8, k0)) : H("", !0),
-      A("div", u0, [
-        g.options.length > 0 ? (f(!0), M(R, { key: 0 }, U(g.options, (x, B) => (f(), O(a0, S({ key: B }, k(x, B)), null, 16))), 128)) : w(g.$slots, "default", { key: 1 })
+        textContent: V(m.label)
+      }, null, 8, u0)) : H("", !0),
+      A("div", m0, [
+        m.options.length > 0 ? (f(!0), M(E, { key: 0 }, K(m.options, (x, B) => (f(), O(c0, S({ key: B }, d(x, B)), null, 16))), 128)) : w(m.$slots, "default", { key: 1 })
       ]),
-      n1(m(v), { class: "vv-input-checkbox-group__hint" })
+      n1(g(p), { class: "vv-input-checkbox-group__hint" })
     ], 2));
   }
-}), N = {
+}), F = {
   normal: "",
   small: "small",
   fullscreen: "fullscreen"
-}, m0 = ["open", "close", "update:open"], g0 = {
+}, g0 = ["open", "close", "update:open"], p0 = {
   id: { type: String, required: !0 },
   title: String,
   open: Boolean,
   transition: { type: String, default: "fade-block" },
   size: {
     type: String,
-    default: N.normal,
-    validator: (r) => Object.values(N).includes(r)
+    default: F.normal,
+    validator: (r) => Object.values(F).includes(r)
   },
   autoClose: { type: Boolean, default: !0 }
-}, p0 = {
+}, f0 = {
   key: 0,
   class: "vv-dialog__header"
-}, f0 = ["onClick"], v0 = { class: "vv-dialog__content" }, C0 = {
+}, v0 = ["onClick"], C0 = { class: "vv-dialog__content" }, y0 = {
   key: 1,
   class: "vv-dialog__footer"
-}, Q0 = /* @__PURE__ */ j({
+}, T0 = /* @__PURE__ */ j({
   __name: "VvDialog",
-  props: g0,
-  emits: m0,
+  props: p0,
+  emits: g0,
   setup(r, { emit: e }) {
-    const t = r, l = K(t, "open", e), o = E(!0), i = E(null), a = p(() => {
+    const t = r, l = Q(t, "open", e), o = R(!0), i = R(null), a = v(() => {
       const { id: n } = t;
       return {
         id: n,
         open: o.value
       };
-    }), c = p(() => ({
+    }), h = v(() => ({
       "vv-dialog": !0,
-      "vv-dialog--small": t.size === N.small,
-      "vv-dialog--fullscreen": t.size === N.fullscreen
-    })), u = p(() => `vv-dialog--${t.transition}`), d = {
+      "vv-dialog--small": t.size === F.small,
+      "vv-dialog--fullscreen": t.size === F.fullscreen
+    })), c = v(() => `vv-dialog--${t.transition}`), u = {
       "after-enter": () => {
         o.value = !0, e("open");
       },
@@ -970,49 +986,49 @@ const k0 = ["textContent"], u0 = { class: "vv-input-checkbox-group__wrapper" },
         o.value = !1, e("close");
       }
     };
-    H1(i, () => {
+    j1(i, () => {
       t.autoClose && (l.value = !1);
     });
-    function h() {
+    function s() {
       l.value = !1;
     }
-    return (n, s) => (f(), O(C1, S({ name: m(u) }, y1(d)), {
-      default: X(() => [
-        M1(A("dialog", S(m(a), { class: m(c) }), [
+    return (n, k) => (f(), O(y1, S({ name: g(c) }, M1(u)), {
+      default: Y(() => [
+        w1(A("dialog", S(g(a), { class: g(h) }), [
           A("article", {
             ref_key: "modalWrapper",
             ref: i,
             class: "vv-dialog__wrapper"
           }, [
-            n.$slots.header || n.title ? (f(), M("header", p0, [
+            n.$slots.header || n.title ? (f(), M("header", f0, [
               w(n.$slots, "header", {}, () => [
                 D(V(n.title) + " ", 1),
                 A("button", {
                   type: "button",
                   "aria-label": "Close",
                   class: "vv-dialog__close",
-                  onClick: w1(h, ["prevent"])
+                  onClick: b1(s, ["prevent"])
                 }, [
-                  n1(J, { name: "close" })
-                ], 8, f0)
+                  n1(X, { name: "close" })
+                ], 8, v0)
               ])
             ])) : H("", !0),
-            A("div", v0, [
+            A("div", C0, [
               w(n.$slots, "default")
             ]),
-            n.$slots.footer ? (f(), M("footer", C0, [
+            n.$slots.footer ? (f(), M("footer", y0, [
               w(n.$slots, "footer")
             ])) : H("", !0)
           ], 512)
         ], 16), [
-          [b1, m(l)]
+          [x1, g(l)]
         ])
       ]),
       _: 3
     }, 16, ["name"]));
   }
-}), y0 = {
-  ...F1,
+}), M0 = {
+  ...K1,
   ...k1,
   modelValue: [String, Array, Object],
   labelNoResult: { type: String, default: "No results" },
@@ -1025,70 +1041,70 @@ const k0 = ["textContent"], u0 = { class: "vv-input-checkbox-group__wrapper" },
   maxValues: [Number, String],
   labelKey: { type: String, default: "label" },
   valueKey: { type: String, default: "value" }
-}, M0 = { key: 0 }, w0 = ["for"], b0 = ["id", "type", "value", "checked", "disabled"], T0 = /* @__PURE__ */ j({
+}, w0 = { key: 0 }, b0 = ["for"], x0 = ["id", "type", "value", "checked", "disabled"], W0 = /* @__PURE__ */ j({
   __name: "VvDropdown",
-  props: y0,
+  props: M0,
   emits: ["update:modelValue"],
   setup(r, { emit: e }) {
-    const t = r, l = Y(), { modifiers: o, disabled: i } = L(t), { bemCssClasses: a } = _("vv-dropdown", {
+    const t = r, l = r1(), { modifiers: o, disabled: i } = L(t), { bemCssClasses: a } = _("vv-dropdown", {
       modifiers: o,
       disabled: i
     });
-    function c(n) {
-      return Array.isArray(t.modelValue) ? C.contains(n, t.modelValue) || C.contains(u(n), t.modelValue) : C.equals(n, t.modelValue) || C.equals(u(n), t.modelValue);
+    function h(n) {
+      return Array.isArray(t.modelValue) ? C.contains(n, t.modelValue) || C.contains(c(n), t.modelValue) : C.equals(n, t.modelValue) || C.equals(c(n), t.modelValue);
     }
-    function u(n) {
+    function c(n) {
       return typeof n == "string" ? n : String(n[t.valueKey]);
     }
-    function d(n) {
+    function u(n) {
       return typeof n == "string" ? n : n[t.labelKey];
     }
-    function h(n) {
-      var g, y;
-      const s = n.target;
-      let k = s.value;
-      if (k = (t.useObject ? (g = t.options) == null ? void 0 : g.find(
-        (x) => x[t.valueKey] == k
-      ) : null) || k, t.multiple) {
-        if (typeof t.maxValues < "u" && t.maxValues >= 0 && ((y = t.modelValue) == null ? void 0 : y.length) >= t.maxValues && (Array.isArray(t.modelValue) && !C.contains(k, t.modelValue) || t.maxValues == 0)) {
-          s.checked = !1;
+    function s(n) {
+      var m, y;
+      const k = n.target;
+      let d = k.value;
+      if (d = (t.useObject ? (m = t.options) == null ? void 0 : m.find(
+        (x) => x[t.valueKey] == d
+      ) : null) || d, t.multiple) {
+        if (typeof t.maxValues < "u" && t.maxValues >= 0 && ((y = t.modelValue) == null ? void 0 : y.length) >= t.maxValues && (Array.isArray(t.modelValue) && !C.contains(d, t.modelValue) || t.maxValues == 0)) {
+          k.checked = !1;
           return;
         }
-        Array.isArray(t.modelValue) ? k = C.contains(k, t.modelValue) ? C.removeFromList(k, t.modelValue) : [...t.modelValue, k] : k = [k];
+        Array.isArray(t.modelValue) ? d = C.contains(d, t.modelValue) ? C.removeFromList(d, t.modelValue) : [...t.modelValue, d] : d = [d];
       }
-      e("update:modelValue", k);
+      e("update:modelValue", d);
     }
-    return (n, s) => {
-      var k;
+    return (n, k) => {
+      var d;
       return f(), M("ul", {
-        class: I(m(a)),
+        class: I(g(a)),
         role: "listbox"
       }, [
-        (k = n.options) != null && k.length ? H("", !0) : (f(), M("li", M0, [
+        (d = n.options) != null && d.length ? H("", !0) : (f(), M("li", w0, [
           A("label", null, V(n.labelNoResult), 1)
         ])),
-        (f(!0), M(R, null, U(n.options, (v, g) => {
+        (f(!0), M(E, null, K(n.options, (p, m) => {
           var y;
-          return f(), M("li", { key: g }, [
+          return f(), M("li", { key: m }, [
             A("label", {
-              for: `dropdown-${g}-${m(l)}`
+              for: `dropdown-${m}-${g(l)}`
             }, [
               A("input", {
-                id: `dropdown-${g}-${m(l)}`,
+                id: `dropdown-${m}-${g(l)}`,
                 type: n.multiple ? "checkbox" : "radio",
-                value: u(v),
-                checked: c(v),
-                disabled: typeof v == "object" ? (y = v.disabled) != null ? y : m(i) : m(i),
-                onInput: h
-              }, null, 40, b0),
-              D(" " + V(d(v)), 1)
-            ], 8, w0)
+                value: c(p),
+                checked: h(p),
+                disabled: typeof p == "object" ? (y = p.disabled) != null ? y : g(i) : g(i),
+                onInput: s
+              }, null, 40, x0),
+              D(" " + V(u(p)), 1)
+            ], 8, b0)
           ]);
         }), 128))
       ], 2);
     };
   }
-}), x0 = "simple", Z0 = 1668073484, A0 = {
+}), Z0 = "simple", A0 = 1668188662, H0 = {
   add: {
     body: '<path fill="none" stroke="currentColor" stroke-linecap="round" d="M.5 8h15M8 .5v15"/>'
   },
@@ -1751,11 +1767,11 @@ const k0 = ["textContent"], u0 = { class: "vv-input-checkbox-group__wrapper" },
   "zoom-out": {
     body: '<g stroke="currentColor" stroke-miterlimit="10"><path fill="currentColor" stroke-linecap="round" d="m9 9 6 6"/><g fill="none"><circle cx="5.5" cy="5.5" r="5.5" stroke="none"/><circle cx="5.5" cy="5.5" r="5"/></g></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" d="M2.5 5.5h6"/>'
   }
-}, W0 = {
-  prefix: x0,
-  lastModified: Z0,
-  icons: A0
-}, H0 = "normal", V0 = 1668073484, j0 = {
+}, J0 = {
+  prefix: Z0,
+  lastModified: A0,
+  icons: H0
+}, V0 = "normal", j0 = 1668188662, L0 = {
   add: {
     body: '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M4 12h16m-8-8v16"/>'
   },
@@ -2355,13 +2371,13 @@ const k0 = ["textContent"], u0 = { class: "vv-input-checkbox-group__wrapper" },
   "zoom-out": {
     body: '<g stroke="currentColor" stroke-miterlimit="10" stroke-width="2"><path fill="currentColor" stroke-linecap="round" d="m15 15 6 6"/><g fill="none" transform="translate(3 3)"><circle cx="7" cy="7" r="7" stroke="none"/><circle cx="7" cy="7" r="6"/></g><path fill="none" stroke-linecap="round" d="M8 10h4"/></g>'
   }
-}, L0 = 24, _0 = 24, J0 = {
-  prefix: H0,
-  lastModified: V0,
-  icons: j0,
-  width: L0,
-  height: _0
-}, S0 = "detailed", $0 = 1668073484, B0 = {
+}, _0 = 24, S0 = 24, X0 = {
+  prefix: V0,
+  lastModified: j0,
+  icons: L0,
+  width: _0,
+  height: S0
+}, $0 = "detailed", B0 = 1668188662, z0 = {
   add: {
     body: '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M4 15.999h24m-12-12v24"/>'
   },
@@ -2959,27 +2975,27 @@ const k0 = ["textContent"], u0 = { class: "vv-input-checkbox-group__wrapper" },
   "zoom-out": {
     body: '<g stroke="currentColor" stroke-miterlimit="10" stroke-width="2"><path fill="currentColor" stroke-linecap="round" d="m18 18 10 10"/><g fill="none" transform="translate(3 3)"><circle cx="9" cy="9" r="9" stroke="none"/><circle cx="9" cy="9" r="8"/></g></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M9 11.999h6"/>'
   }
-}, z0 = 32, O0 = 32, X0 = {
-  prefix: S0,
-  lastModified: $0,
-  icons: B0,
-  width: z0,
-  height: O0
+}, O0 = 32, D0 = 32, Y0 = {
+  prefix: $0,
+  lastModified: B0,
+  icons: z0,
+  width: O0,
+  height: D0
 };
 export {
-  E1 as VvAccordion,
-  N0 as VvAccordionGroup,
+  N1 as VvAccordion,
+  F0 as VvAccordionGroup,
   E0 as VvBadge,
-  F0 as VvBreadcrumb,
-  P0 as VvButton,
-  R0 as VvButtonGroup,
-  U0 as VvCard,
-  a0 as VvCheck,
-  K0 as VvCheckGroup,
-  Q0 as VvDialog,
-  T0 as VvDropdown,
-  J as VvIcon,
-  X0 as iconsDetailed,
-  J0 as iconsNormal,
-  W0 as iconsSimple
+  U0 as VvBreadcrumb,
+  R0 as VvButton,
+  N0 as VvButtonGroup,
+  K0 as VvCard,
+  c0 as VvCheck,
+  Q0 as VvCheckGroup,
+  T0 as VvDialog,
+  W0 as VvDropdown,
+  X as VvIcon,
+  Y0 as iconsDetailed,
+  X0 as iconsNormal,
+  J0 as iconsSimple
 };