vuiii 1.0.0-beta.72 → 1.0.0-beta.74

package/dist/{index-DfjABSiV.js → index-B8PoXje8.js}

@@ -1,4 +1,4 @@
-import { defineComponent as z, ref as V, watch as ye, createElementBlock as v, openBlock as d, createCommentVNode as O, Fragment as H, renderList as Y, normalizeClass as j, renderSlot as w, mergeProps as q, createElementVNode as B, createTextVNode as re, toDisplayString as A, defineAsyncComponent as go, shallowRef as yo, createBlock as L, resolveDynamicComponent as Ie, useAttrs as Xe, useSlots as Ye, computed as k, unref as S, withModifiers as it, withCtx as P, useCssVars as $o, Transition as Nt, onUnmounted as Gt, onMounted as Le, mergeModels as Q, useModel as ne, createSlots as Qe, createVNode as U, nextTick as ko, resolveComponent as Ht, normalizeProps as lt, guardReactiveProps as ut, markRaw as _o, normalizeStyle as He, onBeforeUnmount as wo, Teleport as Ut, TransitionGroup as Xt } from "vue";
+import { defineComponent as z, ref as V, watch as ye, createElementBlock as v, openBlock as p, createCommentVNode as O, Fragment as H, renderList as X, normalizeClass as j, renderSlot as w, mergeProps as q, createElementVNode as B, createTextVNode as re, toDisplayString as A, defineAsyncComponent as go, shallowRef as yo, createBlock as x, resolveDynamicComponent as Ie, useAttrs as Xe, useSlots as Ye, computed as k, unref as S, withModifiers as it, withCtx as P, useCssVars as $o, Transition as Nt, onUnmounted as Gt, onMounted as Le, mergeModels as Q, useModel as ne, createSlots as Qe, createVNode as Y, nextTick as ko, resolveComponent as Ht, normalizeProps as lt, guardReactiveProps as ut, markRaw as _o, normalizeStyle as He, onBeforeUnmount as wo, Teleport as Ut, TransitionGroup as Xt } from "vue";
 import { useRouter as Yt, useRoute as Co } from "vue-router";
 const Io = { class: "DropdownMenu" }, Oo = {
   key: 0,
@@ -20,9 +20,9 @@ const Io = { class: "DropdownMenu" }, Oo = {
           behavior: "smooth"
         });
       }
-    ), (l, c) => (d(), v("div", Io, [
-      e.items?.length ? (d(), v("ul", Oo, [
-        (d(!0), v(H, null, Y(e.items, (a, s) => (d(), v("li", {
+    ), (l, c) => (p(), v("div", Io, [
+      e.items?.length ? (p(), v("ul", Oo, [
+        (p(!0), v(H, null, X(e.items, (a, s) => (p(), v("li", {
           key: s,
           class: j(["DropdownMenu__item", { "DropdownMenu__item--withCursor": e.cursorIndex === s }]),
           ref_for: !0,
@@ -45,7 +45,7 @@ const Io = { class: "DropdownMenu" }, Oo = {
       ])) : O("", !0)
     ]));
   }
-}), Mt = /* @__PURE__ */ Object.assign({ "../icons/arrow-narrow-down.vue": () => import("./arrow-narrow-down-DjY9LioV.js"), "../icons/arrow-narrow-left.vue": () => import("./arrow-narrow-left-D7eMhX7e.js"), "../icons/arrow-narrow-right.vue": () => import("./arrow-narrow-right-CSfW2plS.js"), "../icons/arrow-narrow-up.vue": () => import("./arrow-narrow-up-B8BXRnWa.js"), "../icons/arrow-up-tray.vue": () => import("./arrow-up-tray-B4vcRgwx.js"), "../icons/caret-sort.vue": () => import("./caret-sort-CQGMgNuY.js"), "../icons/check.vue": () => import("./check-C4zdKExM.js"), "../icons/chevron-down.vue": () => import("./chevron-down-CKjpyxTM.js"), "../icons/chevron-left.vue": () => import("./chevron-left-BzidL1Dd.js"), "../icons/chevron-right.vue": () => import("./chevron-right-NrqwEvOt.js"), "../icons/chevron-up.vue": () => import("./chevron-up-Cte5OhZ7.js"), "../icons/exclamation.vue": () => import("./exclamation-iETaN6ps.js"), "../icons/mail.vue": () => import("./mail-bOL2LGlu.js"), "../icons/minus.vue": () => import("./minus-4Vhq_q6k.js"), "../icons/pencil.vue": () => import("./pencil-CezqoD59.js"), "../icons/plus.vue": () => import("./plus-1eOX1D_D.js"), "../icons/search.vue": () => import("./search-D2Ae1rjX.js"), "../icons/spinner.vue": () => import("./spinner-n6aKvWCE.js"), "../icons/trash.vue": () => import("./trash-CpUw_JOD.js"), "../icons/triangle-down.vue": () => import("./triangle-down-txokMSPH.js"), "../icons/triangle-left.vue": () => import("./triangle-left-C8yQI6CT.js"), "../icons/triangle-right.vue": () => import("./triangle-right-Y2Zz-X68.js"), "../icons/triangle-up.vue": () => import("./triangle-up-Bf0ef138.js"), "../icons/x.vue": () => import("./x-UNFKueVO.js") });
+}), Mt = /* @__PURE__ */ Object.assign({ "../icons/arrow-narrow-down.vue": () => import("./arrow-narrow-down-D-dXFwnw.js"), "../icons/arrow-narrow-left.vue": () => import("./arrow-narrow-left-BylCdD3z.js"), "../icons/arrow-narrow-right.vue": () => import("./arrow-narrow-right-Ck1DmWA8.js"), "../icons/arrow-narrow-up.vue": () => import("./arrow-narrow-up-CzyrtamJ.js"), "../icons/arrow-up-tray.vue": () => import("./arrow-up-tray-BBcwq_vX.js"), "../icons/caret-sort.vue": () => import("./caret-sort-9dvmtPvz.js"), "../icons/check.vue": () => import("./check-BIUQWm0H.js"), "../icons/chevron-down.vue": () => import("./chevron-down-CGyjwJ1z.js"), "../icons/chevron-left.vue": () => import("./chevron-left-Cc7e5Qz_.js"), "../icons/chevron-right.vue": () => import("./chevron-right-BAv4TvXx.js"), "../icons/chevron-up.vue": () => import("./chevron-up-Bpjeupsw.js"), "../icons/exclamation.vue": () => import("./exclamation-DVuuxRj9.js"), "../icons/mail.vue": () => import("./mail-Di6Pa26s.js"), "../icons/minus.vue": () => import("./minus-Bv6pCIq8.js"), "../icons/pencil.vue": () => import("./pencil-B9Lck9w2.js"), "../icons/plus.vue": () => import("./plus-dUhsJpjk.js"), "../icons/search.vue": () => import("./search-33LAVL16.js"), "../icons/spinner.vue": () => import("./spinner-Dx38tNMJ.js"), "../icons/trash.vue": () => import("./trash-SZoih-b9.js"), "../icons/triangle-down.vue": () => import("./triangle-down-CEjTXqnM.js"), "../icons/triangle-left.vue": () => import("./triangle-left-DgyPAhL5.js"), "../icons/triangle-right.vue": () => import("./triangle-right-Br-Qe-II.js"), "../icons/triangle-up.vue": () => import("./triangle-up-UVQiGkcY.js"), "../icons/x.vue": () => import("./x-eIjCzak5.js") });
 let ct;
 function So(e) {
   const t = Object.keys(Mt).find((o) => o.endsWith(`/${e}.vue`));
@@ -71,7 +71,7 @@ const Vo = /* @__PURE__ */ z({
       () => t.name,
       () => o.value = Po(t.name),
       { immediate: !0 }
-    ), (r, n) => (d(), L(Ie(o.value), {
+    ), (r, n) => (p(), x(Ie(o.value), {
       class: j(["Icon", { [`Icon--${r.$props.size}`]: r.$props.size }])
     }, null, 8, ["class"]));
   }
@@ -95,7 +95,7 @@ const Vo = /* @__PURE__ */ z({
   emits: ["click", "prefix-icon-click", "suffix-icon-click"],
   setup(e) {
     const t = e, o = Xe(), r = Ye(), n = k(() => !!o.onPrefixIconClick), l = k(() => !!o.onSuffixIconClick);
-    return (c, a) => (d(), v("div", {
+    return (c, a) => (p(), v("div", {
       class: j(["InputWrapper vuiii-input", [
         c.$attrs.class,
         {
@@ -108,13 +108,13 @@ const Vo = /* @__PURE__ */ z({
       onClick: a[2] || (a[2] = (s) => c.$emit("click", s))
     }, [
       S(r).prefix || t.prefixIcon ? w(c.$slots, "prefix", { key: 0 }, () => [
-        (d(), L(Ie(n.value ? "button" : "div"), {
+        (p(), x(Ie(n.value ? "button" : "div"), {
           class: j(["vuiii-input__prefix-icon", { InputWrapper__icon: n.value }]),
           tabindex: "-1",
           onClick: a[0] || (a[0] = it((s) => c.$emit("prefix-icon-click"), ["prevent"]))
         }, {
           default: P(() => [
-            c.$props.prefixIcon ? (d(), L(ae, {
+            c.$props.prefixIcon ? (p(), x(ae, {
               key: 0,
               name: c.$props.prefixIcon || "",
               size: c.$props.size
@@ -125,13 +125,13 @@ const Vo = /* @__PURE__ */ z({
       ], !0) : O("", !0),
       w(c.$slots, "default", {}, void 0, !0),
       S(r).suffix || t.suffixIcon ? w(c.$slots, "suffix", { key: 1 }, () => [
-        (d(), L(Ie(l.value ? "button" : "div"), {
+        (p(), x(Ie(l.value ? "button" : "div"), {
           class: j(["vuiii-input__suffix-icon", { InputWrapper__icon: l.value }]),
           tabindex: "-1",
           onClick: a[1] || (a[1] = it((s) => c.$emit("suffix-icon-click"), ["prevent"]))
         }, {
           default: P(() => [
-            c.$props.suffixIcon ? (d(), L(ae, {
+            c.$props.suffixIcon ? (p(), x(ae, {
               key: 0,
               name: c.$props.suffixIcon || "",
               size: c.$props.size
@@ -150,7 +150,7 @@ const Vo = /* @__PURE__ */ z({
   setup(e) {
     return $o((t) => ({
       d1bc765e: t.duration + "ms"
-    })), (t, o) => (d(), L(Nt, { name: "fade" }, {
+    })), (t, o) => (p(), x(Nt, { name: "fade" }, {
       default: P(() => [
         w(t.$slots, "default")
       ]),
@@ -268,25 +268,25 @@ function le(e) {
   return e.split("-")[0];
 }
 var ge = Math.max, Ue = Math.min, De = Math.round;
-function pt() {
+function dt() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
     return t.brand + "/" + t.version;
   }).join(" ") : navigator.userAgent;
 }
 function eo() {
-  return !/^((?!chrome|android).)*safari/i.test(pt());
+  return !/^((?!chrome|android).)*safari/i.test(dt());
 }
 function Be(e, t, o) {
   t === void 0 && (t = !1), o === void 0 && (o = !1);
   var r = e.getBoundingClientRect(), n = 1, l = 1;
   t && ee(e) && (n = e.offsetWidth > 0 && De(r.width) / e.offsetWidth || 1, l = e.offsetHeight > 0 && De(r.height) / e.offsetHeight || 1);
-  var c = $e(e) ? K(e) : window, a = c.visualViewport, s = !eo() && o, i = (r.left + (s && a ? a.offsetLeft : 0)) / n, u = (r.top + (s && a ? a.offsetTop : 0)) / l, p = r.width / n, m = r.height / l;
+  var c = $e(e) ? K(e) : window, a = c.visualViewport, s = !eo() && o, i = (r.left + (s && a ? a.offsetLeft : 0)) / n, u = (r.top + (s && a ? a.offsetTop : 0)) / l, d = r.width / n, m = r.height / l;
   return {
-    width: p,
+    width: d,
     height: m,
     top: u,
-    right: i + p,
+    right: i + d,
     bottom: u + m,
     left: i,
     x: i,
@@ -345,7 +345,7 @@ function Et(e) {
   ce(e).position === "fixed" ? null : e.offsetParent;
 }
 function Jo(e) {
-  var t = /firefox/i.test(pt()), o = /Trident/i.test(pt());
+  var t = /firefox/i.test(dt()), o = /Trident/i.test(dt());
   if (o && ee(e)) {
     var r = ce(e);
     if (r.position === "fixed")
@@ -408,7 +408,7 @@ function rr(e, t) {
   };
 }
 function xt(e) {
-  var t, o = e.popper, r = e.popperRect, n = e.placement, l = e.variation, c = e.offsets, a = e.position, s = e.gpuAcceleration, i = e.adaptive, u = e.roundOffsets, p = e.isFixed, m = c.x, f = m === void 0 ? 0 : m, h = c.y, b = h === void 0 ? 0 : h, g = typeof u == "function" ? u({
+  var t, o = e.popper, r = e.popperRect, n = e.placement, l = e.variation, c = e.offsets, a = e.position, s = e.gpuAcceleration, i = e.adaptive, u = e.roundOffsets, d = e.isFixed, m = c.x, f = m === void 0 ? 0 : m, h = c.y, b = h === void 0 ? 0 : h, g = typeof u == "function" ? u({
     x: f,
     y: b
   }) : {
@@ -421,7 +421,7 @@ function xt(e) {
     var I = et(o), R = "clientHeight", N = "clientWidth";
     if (I === K(o) && (I = fe(o), ce(I).position !== "static" && a === "absolute" && (R = "scrollHeight", N = "scrollWidth")), I = I, n === Z || (n === oe || n === ue) && l === xe) {
       _ = se;
-      var T = p && I === C && C.visualViewport ? C.visualViewport.height : (
+      var T = d && I === C && C.visualViewport ? C.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         I[R]
       );
@@ -429,7 +429,7 @@ function xt(e) {
     }
     if (n === oe || (n === Z || n === se) && l === xe) {
       E = ue;
-      var F = p && I === C && C.visualViewport ? C.visualViewport.width : (
+      var F = d && I === C && C.visualViewport ? C.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         I[N]
       );
@@ -547,7 +547,7 @@ function cr(e, t) {
     y: s
   };
 }
-function pr(e) {
+function dr(e) {
   var t, o = fe(e), r = ht(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, l = ge(o.scrollWidth, o.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), c = ge(o.scrollHeight, o.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), a = -r.scrollLeft + gt(e), s = -r.scrollTop;
   return ce(n || o).direction === "rtl" && (a += ge(o.clientWidth, n ? n.clientWidth : 0) - l), {
     width: l,
@@ -572,7 +572,7 @@ function Ee(e, t) {
     a.concat(Ee(Ze(c)))
   );
 }
-function dt(e) {
+function pt(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -580,12 +580,12 @@ function dt(e) {
     bottom: e.y + e.height
   });
 }
-function dr(e, t) {
+function pr(e, t) {
   var o = Be(e, !1, t === "fixed");
   return o.top = o.top + e.clientTop, o.left = o.left + e.clientLeft, o.bottom = o.top + e.clientHeight, o.right = o.left + e.clientWidth, o.width = e.clientWidth, o.height = e.clientHeight, o.x = o.left, o.y = o.top, o;
 }
 function zt(e, t, o) {
-  return t === Jt ? dt(cr(e, o)) : $e(t) ? dr(t, o) : dt(pr(fe(e)));
+  return t === Jt ? pt(cr(e, o)) : $e(t) ? pr(t, o) : pt(dr(fe(e)));
 }
 function fr(e) {
   var t = Ee(Ze(e)), o = ["absolute", "fixed"].indexOf(ce(e).position) >= 0, r = o && ee(e) ? et(e) : e;
@@ -649,11 +649,11 @@ function ao(e) {
 }
 function $t(e, t) {
   t === void 0 && (t = {});
-  var o = t, r = o.placement, n = r === void 0 ? e.placement : r, l = o.strategy, c = l === void 0 ? e.strategy : l, a = o.boundary, s = a === void 0 ? xo : a, i = o.rootBoundary, u = i === void 0 ? Jt : i, p = o.elementContext, m = p === void 0 ? Ae : p, f = o.altBoundary, h = f === void 0 ? !1 : f, b = o.padding, g = b === void 0 ? 0 : b, $ = er(typeof g != "number" ? g : tr(g, Je)), M = m === Ae ? Lo : Ae, E = e.rects.popper, _ = e.elements[h ? M : m], C = vr($e(_) ? _ : _.contextElement || fe(e.elements.popper), s, u, c), I = Be(e.elements.reference), R = ao({
+  var o = t, r = o.placement, n = r === void 0 ? e.placement : r, l = o.strategy, c = l === void 0 ? e.strategy : l, a = o.boundary, s = a === void 0 ? xo : a, i = o.rootBoundary, u = i === void 0 ? Jt : i, d = o.elementContext, m = d === void 0 ? Ae : d, f = o.altBoundary, h = f === void 0 ? !1 : f, b = o.padding, g = b === void 0 ? 0 : b, $ = er(typeof g != "number" ? g : tr(g, Je)), M = m === Ae ? Lo : Ae, E = e.rects.popper, _ = e.elements[h ? M : m], C = vr($e(_) ? _ : _.contextElement || fe(e.elements.popper), s, u, c), I = Be(e.elements.reference), R = ao({
     reference: I,
     element: E,
     placement: n
-  }), N = dt(Object.assign({}, E, R)), T = m === Ae ? N : I, F = {
+  }), N = pt(Object.assign({}, E, R)), T = m === Ae ? N : I, F = {
     top: C.top - T.top + $.top,
     bottom: T.bottom - C.bottom + $.bottom,
     left: C.left - T.left + $.left,
@@ -662,20 +662,20 @@ function $t(e, t) {
   if (m === Ae && W) {
     var y = W[n];
     Object.keys(F).forEach(function(D) {
-      var x = [ue, se].indexOf(D) >= 0 ? 1 : -1, J = [Z, se].indexOf(D) >= 0 ? "y" : "x";
-      F[D] += y[J] * x;
+      var L = [ue, se].indexOf(D) >= 0 ? 1 : -1, J = [Z, se].indexOf(D) >= 0 ? "y" : "x";
+      F[D] += y[J] * L;
     });
   }
   return F;
 }
 function mr(e, t) {
   t === void 0 && (t = {});
-  var o = t, r = o.placement, n = o.boundary, l = o.rootBoundary, c = o.padding, a = o.flipVariations, s = o.allowedAutoPlacements, i = s === void 0 ? Zt : s, u = Se(r), p = u ? a ? At : At.filter(function(h) {
+  var o = t, r = o.placement, n = o.boundary, l = o.rootBoundary, c = o.padding, a = o.flipVariations, s = o.allowedAutoPlacements, i = s === void 0 ? Zt : s, u = Se(r), d = u ? a ? At : At.filter(function(h) {
     return Se(h) === u;
-  }) : Je, m = p.filter(function(h) {
+  }) : Je, m = d.filter(function(h) {
     return i.indexOf(h) >= 0;
   });
-  m.length === 0 && (m = p);
+  m.length === 0 && (m = d);
   var f = m.reduce(function(h, b) {
     return h[b] = $t(e, {
       placement: b,
@@ -697,26 +697,26 @@ function br(e) {
 function hr(e) {
   var t = e.state, o = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var n = o.mainAxis, l = n === void 0 ? !0 : n, c = o.altAxis, a = c === void 0 ? !0 : c, s = o.fallbackPlacements, i = o.padding, u = o.boundary, p = o.rootBoundary, m = o.altBoundary, f = o.flipVariations, h = f === void 0 ? !0 : f, b = o.allowedAutoPlacements, g = t.options.placement, $ = le(g), M = $ === g, E = s || (M || !h ? [Ne(g)] : br(g)), _ = [g].concat(E).reduce(function(we, pe) {
-      return we.concat(le(pe) === mt ? mr(t, {
-        placement: pe,
+    for (var n = o.mainAxis, l = n === void 0 ? !0 : n, c = o.altAxis, a = c === void 0 ? !0 : c, s = o.fallbackPlacements, i = o.padding, u = o.boundary, d = o.rootBoundary, m = o.altBoundary, f = o.flipVariations, h = f === void 0 ? !0 : f, b = o.allowedAutoPlacements, g = t.options.placement, $ = le(g), M = $ === g, E = s || (M || !h ? [Ne(g)] : br(g)), _ = [g].concat(E).reduce(function(we, de) {
+      return we.concat(le(de) === mt ? mr(t, {
+        placement: de,
         boundary: u,
-        rootBoundary: p,
+        rootBoundary: d,
         padding: i,
         flipVariations: h,
         allowedAutoPlacements: b
-      }) : pe);
+      }) : de);
     }, []), C = t.rects.reference, I = t.rects.popper, R = /* @__PURE__ */ new Map(), N = !0, T = _[0], F = 0; F < _.length; F++) {
-      var W = _[F], y = le(W), D = Se(W) === Oe, x = [Z, se].indexOf(y) >= 0, J = x ? "width" : "height", X = $t(t, {
+      var W = _[F], y = le(W), D = Se(W) === Oe, L = [Z, se].indexOf(y) >= 0, J = L ? "width" : "height", U = $t(t, {
         placement: W,
         boundary: u,
-        rootBoundary: p,
+        rootBoundary: d,
         altBoundary: m,
         padding: i
-      }), te = x ? D ? ue : oe : D ? se : Z;
+      }), te = L ? D ? ue : oe : D ? se : Z;
       C[J] > I[J] && (te = Ne(te));
       var ze = Ne(te), ve = [];
-      if (l && ve.push(X[y] <= 0), a && ve.push(X[te] <= 0, X[ze] <= 0), ve.every(function(we) {
+      if (l && ve.push(U[y] <= 0), a && ve.push(U[te] <= 0, U[ze] <= 0), ve.every(function(we) {
         return we;
       })) {
         T = W, N = !1;
@@ -725,11 +725,11 @@ function hr(e) {
       R.set(W, ve);
     }
     if (N)
-      for (var Re = h ? 3 : 1, ot = function(pe) {
+      for (var Re = h ? 3 : 1, ot = function(de) {
         var Me = _.find(function(je) {
           var me = R.get(je);
           if (me)
-            return me.slice(0, pe).every(function(rt) {
+            return me.slice(0, de).every(function(rt) {
               return rt;
             });
         });
@@ -765,8 +765,8 @@ function yr(e, t, o) {
   };
 }
 function $r(e) {
-  var t = e.state, o = e.options, r = e.name, n = o.offset, l = n === void 0 ? [0, 0] : n, c = Zt.reduce(function(u, p) {
-    return u[p] = yr(p, t.rects, l), u;
+  var t = e.state, o = e.options, r = e.name, n = o.offset, l = n === void 0 ? [0, 0] : n, c = Zt.reduce(function(u, d) {
+    return u[d] = yr(d, t.rects, l), u;
   }, {}), a = c[t.placement], s = a.x, i = a.y;
   t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += s, t.modifiersData.popperOffsets.y += i), t.modifiersData[r] = c;
 }
@@ -796,10 +796,10 @@ function Cr(e) {
   return e === "x" ? "y" : "x";
 }
 function Ir(e) {
-  var t = e.state, o = e.options, r = e.name, n = o.mainAxis, l = n === void 0 ? !0 : n, c = o.altAxis, a = c === void 0 ? !1 : c, s = o.boundary, i = o.rootBoundary, u = o.altBoundary, p = o.padding, m = o.tether, f = m === void 0 ? !0 : m, h = o.tetherOffset, b = h === void 0 ? 0 : h, g = $t(t, {
+  var t = e.state, o = e.options, r = e.name, n = o.mainAxis, l = n === void 0 ? !0 : n, c = o.altAxis, a = c === void 0 ? !1 : c, s = o.boundary, i = o.rootBoundary, u = o.altBoundary, d = o.padding, m = o.tether, f = m === void 0 ? !0 : m, h = o.tetherOffset, b = h === void 0 ? 0 : h, g = $t(t, {
     boundary: s,
     rootBoundary: i,
-    padding: p,
+    padding: d,
     altBoundary: u
   }), $ = le(t.placement), M = Se(t.placement), E = !M, _ = oo($), C = Cr(_), I = t.modifiersData.popperOffsets, R = t.rects.reference, N = t.rects.popper, T = typeof b == "function" ? b(Object.assign({}, t.rects, {
     placement: t.placement
@@ -815,10 +815,10 @@ function Ir(e) {
   };
   if (I) {
     if (l) {
-      var D, x = _ === "y" ? Z : oe, J = _ === "y" ? se : ue, X = _ === "y" ? "height" : "width", te = I[_], ze = te + g[x], ve = te - g[J], Re = f ? -N[X] / 2 : 0, ot = M === Oe ? R[X] : N[X], Ve = M === Oe ? -N[X] : -R[X], Fe = t.elements.arrow, we = f && Fe ? to(Fe) : {
+      var D, L = _ === "y" ? Z : oe, J = _ === "y" ? se : ue, U = _ === "y" ? "height" : "width", te = I[_], ze = te + g[L], ve = te - g[J], Re = f ? -N[U] / 2 : 0, ot = M === Oe ? R[U] : N[U], Ve = M === Oe ? -N[U] : -R[U], Fe = t.elements.arrow, we = f && Fe ? to(Fe) : {
         width: 0,
         height: 0
-      }, pe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ro(), Me = pe[x], je = pe[J], me = qe(0, R[X], we[X]), rt = E ? R[X] / 2 - Re - me - Me - F.mainAxis : ot - me - Me - F.mainAxis, po = E ? -R[X] / 2 + Re + me + je + F.mainAxis : Ve + me + je + F.mainAxis, nt = t.elements.arrow && et(t.elements.arrow), fo = nt ? _ === "y" ? nt.clientTop || 0 : nt.clientLeft || 0 : 0, wt = (D = W?.[_]) != null ? D : 0, vo = te + rt - wt - fo, mo = te + po - wt, Ct = qe(f ? Ue(ze, vo) : ze, te, f ? ge(ve, mo) : ve);
+      }, de = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ro(), Me = de[L], je = de[J], me = qe(0, R[U], we[U]), rt = E ? R[U] / 2 - Re - me - Me - F.mainAxis : ot - me - Me - F.mainAxis, po = E ? -R[U] / 2 + Re + me + je + F.mainAxis : Ve + me + je + F.mainAxis, nt = t.elements.arrow && et(t.elements.arrow), fo = nt ? _ === "y" ? nt.clientTop || 0 : nt.clientLeft || 0 : 0, wt = (D = W?.[_]) != null ? D : 0, vo = te + rt - wt - fo, mo = te + po - wt, Ct = qe(f ? Ue(ze, vo) : ze, te, f ? ge(ve, mo) : ve);
       I[_] = Ct, y[_] = Ct - te;
     }
     if (a) {
@@ -942,7 +942,7 @@ function xr(e) {
       },
       attributes: {},
       styles: {}
-    }, p = [], m = !1, f = {
+    }, d = [], m = !1, f = {
       state: u,
       setOptions: function($) {
         var M = typeof $ == "function" ? $(u.options) : $;
@@ -1013,14 +1013,14 @@ function xr(e) {
             options: E
           }), I = function() {
           };
-          p.push(C || I);
+          d.push(C || I);
         }
       });
     }
     function b() {
-      p.forEach(function(g) {
+      d.forEach(function(g) {
         return g();
-      }), p = [];
+      }), d = [];
     }
     return f;
   };
@@ -1104,7 +1104,7 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
   }),
   emits: /* @__PURE__ */ Q(["prefix-icon-click", "suffix-icon-click", "select"], ["update:modelValue"]),
   setup(e, { expose: t, emit: o }) {
-    const r = ne(e, "modelValue"), n = e, l = o, c = Pe(), a = V(), s = V(), i = V(), u = V(!1), p = k(() => {
+    const r = ne(e, "modelValue"), n = e, l = o, c = Pe(), a = V(), s = V(), i = V(), u = V(!1), d = k(() => {
       const y = {
         value: n.optionValue,
         label: n.optionLabel,
@@ -1120,17 +1120,17 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
           ...y
         },
         r.value
-      ).flatMap((x) => x.options) : ke(n.options, y, r.value);
+      ).flatMap((L) => L.options) : ke(n.options, y, r.value);
     });
     function m(y, D) {
       if (!D)
         return !0;
-      const x = D.toLowerCase(), J = String(y.label).toLowerCase(), X = y.description ? String(y.description).toLowerCase() : "";
-      return J.includes(x) || X.includes(x);
+      const L = D.toLowerCase(), J = String(y.label).toLowerCase(), U = y.description ? String(y.description).toLowerCase() : "";
+      return J.includes(L) || U.includes(L);
     }
     const f = k(() => {
       const y = n.filter || m;
-      return p.value.filter((D) => y(D, r.value));
+      return d.value.filter((D) => y(D, r.value));
     }), h = k(() => f.value), { cursorIndex: b, cursorItem: g, moveCursorForward: $, moveCursorBack: M, resetCursor: E } = Eo(h, {
       cycle: !0,
       onCursorMove: () => {
@@ -1160,7 +1160,7 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
           y.preventDefault(), u.value && g.value && W(g.value);
           break;
         case "Escape":
-          y.preventDefault(), I();
+          u.value && (y.preventDefault(), I());
           break;
         case "Tab":
           I();
@@ -1185,7 +1185,7 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
       open: C,
       close: I,
       filter: m
-    }), (y, D) => (d(), L(Ke, {
+    }), (y, D) => (p(), x(Ke, {
       ref_key: "rootElement",
       ref: a,
       class: j(["Autocomplete", y.$attrs.class]),
@@ -1195,9 +1195,9 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
       prefixIcon: y.$props.prefixIcon,
       suffixIcon: y.$props.suffixIcon,
       pill: y.$props.pill,
-      onClick: D[1] || (D[1] = (x) => i.value?.focus()),
-      onPrefixIconClick: D[2] || (D[2] = (x) => y.$emit("prefix-icon-click")),
-      onSuffixIconClick: D[3] || (D[3] = (x) => y.$emit("suffix-icon-click"))
+      onClick: D[1] || (D[1] = (L) => i.value?.focus()),
+      onPrefixIconClick: D[2] || (D[2] = (L) => y.$emit("prefix-icon-click")),
+      onSuffixIconClick: D[3] || (D[3] = (L) => y.$emit("suffix-icon-click"))
     }, Qe({
       default: P(() => [
         B("input", q({
@@ -1212,33 +1212,30 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
           onClick: T,
           onKeydown: N
         }), null, 16, Rr),
-        U(Qt, { duration: 100 }, {
+        Y(Qt, { duration: 100 }, {
           default: P(() => [
-            u.value && h.value.length > 0 ? (d(), v("div", {
+            u.value && h.value.length > 0 ? (p(), x(Bo, {
               key: 0,
               class: "Autocomplete__dropdown",
               ref_key: "dropdownElement",
-              ref: s
-            }, [
-              U(Bo, {
-                items: h.value,
-                cursorIndex: S(b),
-                onItemClick: F,
-                onItemMouseenter: D[0] || (D[0] = ({ index: x }) => b.value = x)
-              }, {
-                itemLabel: P(({ item: x, index: J }) => [
-                  w(y.$slots, "option", {
-                    option: x,
-                    index: J,
-                    isHighlighted: S(b) === J
-                  }, () => [
-                    B("span", Fr, A(x.label), 1),
-                    x.description ? (d(), v("span", jr, A(x.description), 1)) : O("", !0)
-                  ], !0)
-                ]),
-                _: 3
-              }, 8, ["items", "cursorIndex"])
-            ], 512)) : O("", !0)
+              ref: s,
+              items: h.value,
+              cursorIndex: S(b),
+              onItemClick: F,
+              onItemMouseenter: D[0] || (D[0] = ({ index: L }) => b.value = L)
+            }, {
+              itemLabel: P(({ item: L, index: J }) => [
+                w(y.$slots, "option", {
+                  option: L,
+                  index: J,
+                  isHighlighted: S(b) === J
+                }, () => [
+                  B("div", Fr, A(L.label), 1),
+                  L.description ? (p(), v("div", jr, A(L.description), 1)) : O("", !0)
+                ], !0)
+              ]),
+              _: 3
+            }, 8, ["items", "cursorIndex"])) : O("", !0)
           ]),
           _: 3
         })
@@ -1261,7 +1258,7 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
       } : void 0
     ]), 1032, ["class", "size", "invalid", "disabled", "prefixIcon", "suffixIcon", "pill"]));
   }
-}), Va = /* @__PURE__ */ G(Wr, [["__scopeId", "data-v-fcc2b3d8"]]), qr = { class: "Breadcrumbs" }, Nr = /* @__PURE__ */ z({
+}), Va = /* @__PURE__ */ G(Wr, [["__scopeId", "data-v-d80ba263"]]), qr = { class: "Breadcrumbs" }, Nr = /* @__PURE__ */ z({
   __name: "Breadcrumbs",
   props: {
     breadcrumbs: { default: () => [] }
@@ -1269,12 +1266,12 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
   setup(e) {
     return (t, o) => {
       const r = Ht("router-link");
-      return d(), v("div", qr, [
-        (d(!0), v(H, null, Y(e.breadcrumbs, (n, l) => (d(), v("div", {
+      return p(), v("div", qr, [
+        (p(!0), v(H, null, X(e.breadcrumbs, (n, l) => (p(), v("div", {
           key: l,
           class: "Breadcrumbs__breadcrumb"
         }, [
-          U(r, {
+          Y(r, {
             to: n.link,
             class: "Breadcrumbs__link"
           }, {
@@ -1283,7 +1280,7 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
             ]),
             _: 2
           }, 1032, ["to"]),
-          U(ae, {
+          Y(ae, {
             name: "chevron-right",
             class: "Breadcrumbs__arrow"
           })
@@ -1310,7 +1307,7 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
   },
   setup(e) {
     const t = e, o = k(() => t.to ? "router-link" : t.href ? "a" : "button");
-    return (r, n) => (d(), L(Ie(o.value), q({
+    return (r, n) => (p(), x(Ie(o.value), q({
       class: ["Button vuiii-button", {
         [`vuiii-button--variant-${r.$props.variant}`]: r.$props.variant,
         [`vuiii-button--size-${r.$props.size}`]: r.$props.size,
@@ -1327,20 +1324,20 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
     }), {
       default: P(() => [
         w(r.$slots, "prefix", {}, () => [
-          r.$props.prefixIcon || r.$props.loading ? (d(), L(ae, {
+          r.$props.prefixIcon || r.$props.loading ? (p(), x(ae, {
             key: 0,
             class: "vuiii-button__icon vuiii-button__icon--prefix",
             name: r.$props.loading ? "spinner" : r.$props.prefixIcon,
             size: r.$props.size
           }, null, 8, ["name", "size"])) : O("", !0)
         ]),
-        r.$slots.default || r.$props.label ? (d(), v("span", Gr, [
+        r.$slots.default || r.$props.label ? (p(), v("span", Gr, [
           w(r.$slots, "default", {}, () => [
             re(A(r.$props.label), 1)
           ])
         ])) : O("", !0),
         w(r.$slots, "suffix", {}, () => [
-          r.$props.suffixIcon ? (d(), L(ae, {
+          r.$props.suffixIcon ? (p(), x(ae, {
             key: 0,
             class: "vuiii-button__icon vuiii-button__icon--suffix",
             name: r.$props.suffixIcon,
@@ -1353,7 +1350,7 @@ const Rr = ["placeholder", "disabled", "value"], Fr = { class: "Autocomplete__op
   }
 }), Hr = {}, Ur = { class: "ButtonGroup" };
 function Xr(e, t) {
-  return d(), v("div", Ur, [
+  return p(), v("div", Ur, [
     w(e.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -1398,7 +1395,7 @@ const Yr = /* @__PURE__ */ G(Hr, [["render", Xr], ["__scopeId", "data-v-3d8ee6b9
     function c(a) {
       t.value = n.value.parse(a.target.checked);
     }
-    return (a, s) => (d(), v("label", {
+    return (a, s) => (p(), v("label", {
       class: j(["Checkbox", [
         a.$attrs.class,
         {
@@ -1417,24 +1414,24 @@ const Yr = /* @__PURE__ */ G(Hr, [["render", Xr], ["__scopeId", "data-v-3d8ee6b9
         onInput: s[0] || (s[0] = (i) => c(i))
       }), null, 16, Qr),
       w(a.$slots, "symbol", lt(ut({ disabled: !!e.disabled, size: e.size, checked: l.value })), () => [
-        a.$props.switch ? (d(), v("div", Kr, [...s[1] || (s[1] = [
+        a.$props.switch ? (p(), v("div", Kr, [...s[1] || (s[1] = [
           B("div", { class: "Checkbox__switchDot" }, null, -1)
-        ])])) : (d(), v("div", Jr, [
-          U(ae, {
+        ])])) : (p(), v("div", Jr, [
+          Y(ae, {
             name: "check",
             class: "Checkbox__checkboxIcon",
             size: a.$props.size
           }, null, 8, ["size"])
         ]))
       ], !0),
-      a.$slots.default || a.$props.label || a.$props.description ? (d(), v("div", Zr, [
-        a.$slots.default || a.$props.label ? (d(), v("div", en, [
-          a.$props.required ? (d(), v("span", tn, "*")) : O("", !0),
+      a.$slots.default || a.$props.label || a.$props.description ? (p(), v("div", Zr, [
+        a.$slots.default || a.$props.label ? (p(), v("div", en, [
+          a.$props.required ? (p(), v("span", tn, "*")) : O("", !0),
           w(a.$slots, "default", {}, () => [
             re(A(a.$props.label), 1)
           ], !0)
         ])) : O("", !0),
-        a.$props.description ? (d(), v("div", on, A(a.$props.description), 1)) : O("", !0)
+        a.$props.description ? (p(), v("div", on, A(a.$props.description), 1)) : O("", !0)
       ])) : O("", !0)
     ], 2));
   }
@@ -1486,13 +1483,13 @@ const sn = /* @__PURE__ */ z({
       const i = new Set(l.value.values()), u = r.value.parse(a);
       s ? i.add(u) : i.delete(u), t.value = Array.from(i);
     };
-    return (a, s) => (d(), v("div", {
+    return (a, s) => (p(), v("div", {
       class: j(["CheckboxGroup", { "CheckboxGroup--inline": a.$props.inline }])
     }, [
-      (d(!0), v(H, null, Y(n.value, (i) => (d(), v("div", {
+      (p(!0), v(H, null, X(n.value, (i) => (p(), v("div", {
         key: i.value
       }, [
-        U(an, {
+        Y(an, {
           disabled: i.disabled,
           "model-value": l.value.has(i.value),
           label: i.label,
@@ -1501,8 +1498,8 @@ const sn = /* @__PURE__ */ z({
         }, Qe({ _: 2 }, [
           a.$slots.symbol ? {
             name: "symbol",
-            fn: P(({ checked: u, disabled: p }) => [
-              w(a.$slots, "symbol", q({ ref_for: !0 }, { checked: u, disabled: p }), void 0, !0)
+            fn: P(({ checked: u, disabled: d }) => [
+              w(a.$slots, "symbol", q({ ref_for: !0 }, { checked: u, disabled: d }), void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -1513,7 +1510,7 @@ const sn = /* @__PURE__ */ z({
 }), Aa = /* @__PURE__ */ G(sn, [["__scopeId", "data-v-9484e97b"]]), ln = {
   cancelLabel: "Cancel",
   confirmLabel: "OK"
-}, ft = ln, un = V(1), _e = V([]), de = k(() => _e.value[_e.value.length - 1]), cn = () => un.value++, _t = (e, t, { modal: o } = {}) => {
+}, ft = ln, un = V(1), _e = V([]), pe = k(() => _e.value[_e.value.length - 1]), cn = () => un.value++, _t = (e, t, { modal: o } = {}) => {
   const r = document.activeElement;
   return r.blur?.(), new Promise((n) => {
     const l = {
@@ -1526,7 +1523,7 @@ const sn = /* @__PURE__ */ z({
     };
     _e.value.push(l);
   });
-}, pn = (e) => {
+}, dn = (e) => {
   typeof e == "string" && (e = {
     content: e
   });
@@ -1543,7 +1540,7 @@ const sn = /* @__PURE__ */ z({
       }
     ]
   });
-}, dn = (e) => {
+}, pn = (e) => {
   typeof e == "string" && (e = {
     content: e
   });
@@ -1581,12 +1578,12 @@ const sn = /* @__PURE__ */ z({
   _e.value = _e.value.filter((o) => o.id !== e.id), e.resolve(t), e.focusElement && e.focusElement.focus?.();
 }, Ge = (e, t = void 0) => {
   e.onBeforeClose ? e.onBeforeClose(() => Tt(e, t)) : Tt(e, t);
-}, fn = (e) => (e && de.value && (de.value.onBeforeClose = e), (t) => {
-  de.value && Ge(de.value, t);
+}, fn = (e) => (e && pe.value && (pe.value.onBeforeClose = e), (t) => {
+  pe.value && Ge(pe.value, t);
 }), vn = {
   open: _t,
-  alert: pn,
-  confirm: dn
+  alert: dn,
+  confirm: pn
 };
 function mn() {
   return vn;
@@ -1624,14 +1621,14 @@ const bn = {
       }
       const i = r.value?.querySelectorAll("button");
       if (i?.length) {
-        const u = Array.from(i).find((p) => p.classList.contains("vuiii-button--primary"));
+        const u = Array.from(i).find((d) => d.classList.contains("vuiii-button--primary"));
         if (u) {
           u.focus();
           return;
         }
         i[0]?.focus();
       }
-    }), (s, i) => (d(), v("div", {
+    }), (s, i) => (p(), v("div", {
       ref_key: "root",
       ref: r,
       class: j(["DialogLayout", {
@@ -1643,17 +1640,17 @@ const bn = {
       }]),
       style: He(a.value)
     }, [
-      s.$props.withCloseButton ? (d(), v("div", {
+      s.$props.withCloseButton ? (p(), v("div", {
         key: 0,
         class: "DialogLayout__close",
         onClick: i[0] || (i[0] = (u) => S(o)())
       }, [
-        U(ae, {
+        Y(ae, {
           name: "x",
           class: "DialogLayout__closeIcon"
         })
       ])) : O("", !0),
-      l.value ? (d(), v("div", bn, [
+      l.value ? (p(), v("div", bn, [
         w(s.$slots, "header", {}, () => [
           B("div", hn, A(s.$props.title), 1)
         ], !0)
@@ -1663,14 +1660,14 @@ const bn = {
           B("div", yn, A(s.$props.content), 1)
         ], !0)
       ]),
-      c.value ? (d(), v("div", $n, [
+      c.value ? (p(), v("div", $n, [
         w(s.$slots, "footer", {}, () => [
           B("div", kn, [
-            (d(!0), v(H, null, Y(s.$props.buttons, (u, p) => (d(), v("span", {
-              key: p,
+            (p(!0), v(H, null, X(s.$props.buttons, (u, d) => (p(), v("span", {
+              key: d,
               class: "DialogLayout__buttonWrapper"
             }, [
-              U(tt, {
+              Y(tt, {
                 type: "button",
                 label: u.label,
                 variant: u.variant,
@@ -1706,25 +1703,25 @@ const wn = { class: "DialogStack" }, Cn = {
       !r.modal && o.target === o.currentTarget && Ge(r);
     };
     return uo("Escape", (o) => {
-      de.value && !de.value.modal && !o.defaultPrevented && (Ge(de.value), o.preventDefault());
-    }), (o, r) => (d(), L(Ut, { to: "body" }, [
+      pe.value && !pe.value.modal && !o.defaultPrevented && (Ge(pe.value), o.preventDefault());
+    }), (o, r) => (p(), x(Ut, { to: "body" }, [
       B("div", wn, [
-        U(Nt, { name: "DialogStack__backdrop" }, {
+        Y(Nt, { name: "DialogStack__backdrop" }, {
           default: P(() => [
-            S(_e).length ? (d(), v("div", Cn)) : O("", !0)
+            S(_e).length ? (p(), v("div", Cn)) : O("", !0)
           ]),
           _: 1
         }),
-        U(Xt, { name: "DialogStack__dialog" }, {
+        Y(Xt, { name: "DialogStack__dialog" }, {
           default: P(() => [
-            (d(!0), v(H, null, Y(S(_e), (n) => (d(), v("div", {
+            (p(!0), v(H, null, X(S(_e), (n) => (p(), v("div", {
               key: n.id,
               class: "DialogStack__dialogWrapper",
               onClick: (l) => t(l, n)
             }, [
-              (d(), L(Ie(n.component), q({ ref_for: !0 }, n.props, {
+              (p(), x(Ie(n.component), q({ ref_for: !0 }, n.props, {
                 "data-dialog-id": n.id,
-                class: ["DialogStack__dialog", { isActive: S(de)?.id === n.id }],
+                class: ["DialogStack__dialog", { isActive: S(pe)?.id === n.id }],
                 onClose: (l) => S(Ge)(n, l)
               }), null, 16, ["data-dialog-id", "class", "onClose"]))
             ], 8, In))), 128))
@@ -1763,24 +1760,24 @@ const wn = { class: "DialogStack" }, Cn = {
       close: s,
       toggle: i,
       isOpen: k(() => n.value)
-    }), (u, p) => (d(), v("div", {
+    }), (u, d) => (p(), v("div", {
       class: j(["Dropdown", { "Dropdown--block": e.block }]),
       ref_key: "rootElement",
       ref: l
     }, [
       w(u.$slots, "trigger", lt(ut({ open: a, close: s, toggle: i, isOpen: n.value })), () => [
-        U(tt, {
+        Y(tt, {
           label: e.label,
           variant: e.variant,
           block: e.block,
           prefixIcon: e.icon,
           suffixIcon: "chevron-down",
-          onClick: p[0] || (p[0] = (m) => i())
+          onClick: d[0] || (d[0] = (m) => i())
         }, null, 8, ["label", "variant", "block", "prefixIcon"])
       ], !0),
-      U(Qt, { duration: 100 }, {
+      Y(Qt, { duration: 100 }, {
         default: P(() => [
-          n.value ? (d(), v("div", {
+          n.value ? (p(), v("div", {
             key: 0,
             class: "Dropdown__dropdown",
             ref_key: "dropdownElement",
@@ -1819,10 +1816,10 @@ const wn = { class: "DialogStack" }, Cn = {
     hint: {}
   },
   setup(e) {
-    return (t, o) => (d(), v("div", {
+    return (t, o) => (p(), v("div", {
       class: j(["FormGroup", { "FormGroup--invalid": t.$props.error }])
     }, [
-      t.$props.label || t.$slots.label ? (d(), v("div", Bn, [
+      t.$props.label || t.$slots.label ? (p(), v("div", Bn, [
         B("label", {
           class: "FormGroup__label",
           for: t.$props.for
@@ -1831,20 +1828,20 @@ const wn = { class: "DialogStack" }, Cn = {
             re(A(t.$props.label), 1)
           ], !0)
         ], 8, Sn),
-        t.$props.required ? (d(), v("div", Pn, "*")) : O("", !0)
+        t.$props.required ? (p(), v("div", Pn, "*")) : O("", !0)
       ])) : O("", !0),
-      t.$slots.description || t.$props.description ? (d(), v("div", Vn, [
+      t.$slots.description || t.$props.description ? (p(), v("div", Vn, [
         w(t.$slots, "description", {}, () => [
           re(A(t.$props.description), 1)
         ], !0)
       ])) : O("", !0),
       w(t.$slots, "default", {}, void 0, !0),
-      t.$slots.hint || t.$props.hint ? (d(), v("div", Mn, [
+      t.$slots.hint || t.$props.hint ? (p(), v("div", Mn, [
         w(t.$slots, "hint", {}, () => [
           re(A(t.$props.hint), 1)
         ], !0)
       ])) : O("", !0),
-      t.$props.error && typeof t.$props.error == "string" ? (d(), v("div", An, A(t.$props.error), 1)) : O("", !0)
+      t.$props.error && typeof t.$props.error == "string" ? (p(), v("div", An, A(t.$props.error), 1)) : O("", !0)
     ], 2));
   }
 }), xn = /* @__PURE__ */ G(En, [["__scopeId", "data-v-b18bb598"]]), Ln = { class: "FormFields" }, zn = /* @__PURE__ */ z({
@@ -1863,29 +1860,29 @@ const wn = { class: "DialogStack" }, Cn = {
       disabled: !!s(i.name, i.disabled),
       invalid: o.validationResults?.[i.name]?.isInvalid,
       errorMessage: o.validationResults?.[i.name]?.errorMessage
-    }))), n = k(() => new Map(o.fields.map((i) => [i.name, i]))), l = t, c = (i) => (n.value.get(i).value?.getter || ((p) => p[i]))(o.modelValue), a = (i, u) => {
+    }))), n = k(() => new Map(o.fields.map((i) => [i.name, i]))), l = t, c = (i) => (n.value.get(i).value?.getter || ((d) => d[i]))(o.modelValue), a = (i, u) => {
       const m = (n.value.get(i).value?.setter || ((f, h) => ({ ...h, [i]: f })))(u, o.modelValue);
       l("update:model-value", m);
     }, s = (i, u) => typeof u == "function" ? u?.(o.modelValue[i]) : u;
-    return (i, u) => (d(), v("div", Ln, [
-      (d(!0), v(H, null, Y(r.value, (p, m) => (d(), L(xn, {
-        key: p.name,
-        label: p.label,
-        description: p.description,
-        hint: p.hint,
-        required: p.required,
-        invalid: p.invalid,
-        "error-message": p.errorMessage
+    return (i, u) => (p(), v("div", Ln, [
+      (p(!0), v(H, null, X(r.value, (d, m) => (p(), x(xn, {
+        key: d.name,
+        label: d.label,
+        description: d.description,
+        hint: d.hint,
+        required: d.required,
+        invalid: d.invalid,
+        "error-message": d.errorMessage
       }, {
         default: P(() => [
-          w(i.$slots, `field:${String(p.name)}`, q({ ref_for: !0 }, { ...p, index: m }), () => [
-            (d(), L(Ie(p.component), q({
-              "model-value": p.value
-            }, { ref_for: !0 }, s(p.name, p.props), {
-              required: p.required,
-              disabled: p.disabled,
-              invalid: p.invalid,
-              "onUpdate:modelValue": (f) => a(p.name, f)
+          w(i.$slots, `field:${String(d.name)}`, q({ ref_for: !0 }, { ...d, index: m }), () => [
+            (p(), x(Ie(d.component), q({
+              "model-value": d.value
+            }, { ref_for: !0 }, s(d.name, d.props), {
+              required: d.required,
+              disabled: d.disabled,
+              invalid: d.invalid,
+              "onUpdate:modelValue": (f) => a(d.name, f)
             }), null, 16, ["model-value", "required", "disabled", "invalid", "onUpdate:modelValue"]))
           ], !0)
         ]),
@@ -1915,7 +1912,7 @@ const za = /* @__PURE__ */ z({
   emits: ["click"],
   setup(e, { emit: t }) {
     const r = Rn(e, ["icon"]), n = t;
-    return (l, c) => (d(), L(tt, q({
+    return (l, c) => (p(), x(tt, q({
       class: "vuiii-icon-button",
       prefixIcon: e.icon
     }, S(r), {
@@ -1952,7 +1949,7 @@ const za = /* @__PURE__ */ z({
       input: c,
       focus: () => c.value.focus(),
       select: () => c.value.select()
-    }), (i, u) => (d(), L(Ke, {
+    }), (i, u) => (p(), x(Ke, {
       "prefix-icon": i.$props.prefixIcon,
       "suffix-icon": i.$props.suffixIcon,
       size: i.$props.size,
@@ -1960,9 +1957,9 @@ const za = /* @__PURE__ */ z({
       pill: i.$props.pill,
       class: j(i.$attrs.class),
       disabled: i.$attrs.disabled,
-      onClick: u[1] || (u[1] = (p) => c.value.focus()),
-      onPrefixIconClick: u[2] || (u[2] = (p) => i.$emit("prefix-icon-click")),
-      onSuffixIconClick: u[3] || (u[3] = (p) => i.$emit("suffix-icon-click"))
+      onClick: u[1] || (u[1] = (d) => c.value.focus()),
+      onPrefixIconClick: u[2] || (u[2] = (d) => i.$emit("prefix-icon-click")),
+      onSuffixIconClick: u[3] || (u[3] = (d) => i.$emit("suffix-icon-click"))
     }, Qe({
       default: P(() => [
         B("input", q({
@@ -1979,7 +1976,7 @@ const za = /* @__PURE__ */ z({
           ]],
           type: i.$attrs.type || "text",
           value: o.value,
-          onInput: u[0] || (u[0] = (p) => s(p))
+          onInput: u[0] || (u[0] = (d) => s(d))
         }), null, 16, Fn)
       ]),
       _: 2
@@ -2031,9 +2028,9 @@ const za = /* @__PURE__ */ z({
         t.value
       )
     );
-    return (n, l) => (d(), L(Yr, null, {
+    return (n, l) => (p(), x(Yr, null, {
       default: P(() => [
-        (d(!0), v(H, null, Y(r.value, (c) => (d(), L(tt, {
+        (p(!0), v(H, null, X(r.value, (c) => (p(), x(tt, {
           key: c.value,
           variant: "primary",
           outlined: !c.isSelected,
@@ -2094,33 +2091,33 @@ const Nn = ["value", "name", "disabled", "readonly", "checked", "onInput"], Gn =
     function s(i) {
       t.value = c.value.parse(i);
     }
-    return (i, u) => (d(), v("div", {
+    return (i, u) => (p(), v("div", {
       class: j(["RadioGroup", [i.$attrs.class, { "RadioGroup--inline": e.inline }]])
     }, [
-      (d(!0), v(H, null, Y(a.value, (p) => (d(), v("label", {
-        key: p.value,
-        class: j(["RadioGroup__option", { "RadioGroup__option--disabled": i.$props.disabled || p.disabled }])
+      (p(!0), v(H, null, X(a.value, (d) => (p(), v("label", {
+        key: d.value,
+        class: j(["RadioGroup__option", { "RadioGroup__option--disabled": i.$props.disabled || d.disabled }])
       }, [
         B("input", q({ ref_for: !0 }, S(r), {
-          value: p.value,
+          value: d.value,
           class: "RadioGroup__input",
           type: "radio",
           name: S(n),
-          disabled: i.$props.disabled || p.disabled,
+          disabled: i.$props.disabled || d.disabled,
           readonly: i.$props.readonly,
-          checked: p.isSelected,
-          onInput: (m) => s(p.value)
+          checked: d.isSelected,
+          onInput: (m) => s(d.value)
         }), null, 16, Nn),
-        w(i.$slots, "symbol", q({ ref_for: !0 }, { disabled: !!e.disabled, checked: !!p.isSelected }), () => [
+        w(i.$slots, "symbol", q({ ref_for: !0 }, { disabled: !!e.disabled, checked: !!d.isSelected }), () => [
           u[0] || (u[0] = B("div", { class: "RadioGroup__radio vuiii-input" }, [
             B("div", { class: "RadioGroup__radioDot" })
           ], -1))
         ], !0),
-        p.label || p.description || i.$slots.default ? (d(), v("div", Gn, [
-          w(i.$slots, "default", q({ ref_for: !0 }, { option: p }), () => [
-            B("div", Hn, A(p.label), 1)
+        d.label || d.description || i.$slots.default ? (p(), v("div", Gn, [
+          w(i.$slots, "default", q({ ref_for: !0 }, { option: d }), () => [
+            B("div", Hn, A(d.label), 1)
           ], !0),
-          p.description ? (d(), v("div", Un, A(p.description), 1)) : O("", !0)
+          d.description ? (p(), v("div", Un, A(d.description), 1)) : O("", !0)
         ])) : O("", !0)
       ], 2))), 128))
     ], 2));
@@ -2182,7 +2179,7 @@ const Nn = ["value", "name", "disabled", "readonly", "checked", "onInput"], Gn =
     function s(i) {
       t.value = n.value.parse(i.target.value);
     }
-    return (i, u) => (d(), L(Ke, {
+    return (i, u) => (p(), x(Ke, {
       class: j(["Select", i.$attrs.class]),
       size: i.$props.size,
       invalid: i.$props.invalid,
@@ -2191,7 +2188,7 @@ const Nn = ["value", "name", "disabled", "readonly", "checked", "onInput"], Gn =
     }, {
       suffix: P(() => [
         B("div", ta, [
-          U(ae, {
+          Y(ae, {
             name: "triangle-down",
             size: i.$props.size
           }, null, 8, ["size"])
@@ -2202,9 +2199,9 @@ const Nn = ["value", "name", "disabled", "readonly", "checked", "onInput"], Gn =
           class: ["vuiii-input__nested Select__select", e.inputClass],
           value: l.value,
           required: i.$props.required,
-          onInput: u[0] || (u[0] = (p) => s(p))
+          onInput: u[0] || (u[0] = (d) => s(d))
         }), [
-          i.$props.placeholder ? (d(), v("option", {
+          i.$props.placeholder ? (p(), v("option", {
             key: 0,
             "data-placeholder": "",
             disabled: i.$props.required,
@@ -2212,22 +2209,22 @@ const Nn = ["value", "name", "disabled", "readonly", "checked", "onInput"], Gn =
             value: "",
             selected: ""
           }, A(i.$props.placeholder), 9, Kn)) : O("", !0),
-          c.value ? (d(!0), v(H, { key: 1 }, Y(c.value, (p, m) => (d(), v("optgroup", {
+          c.value ? (p(!0), v(H, { key: 1 }, X(c.value, (d, m) => (p(), v("optgroup", {
             key: m,
-            label: p.label
+            label: d.label
           }, [
-            (d(!0), v(H, null, Y(p.options, (f) => (d(), v("option", {
+            (p(!0), v(H, null, X(d.options, (f) => (p(), v("option", {
               key: f.value,
               disabled: f.disabled,
               value: f.value,
               selected: f.isSelected
             }, A(f.label), 9, Zn))), 128))
-          ], 8, Jn))), 128)) : (d(!0), v(H, { key: 2 }, Y(a.value, (p) => (d(), v("option", {
-            key: p.value,
-            disabled: p.disabled,
-            value: p.value,
-            selected: p.isSelected
-          }, A(p.label), 9, ea))), 128))
+          ], 8, Jn))), 128)) : (p(!0), v(H, { key: 2 }, X(a.value, (d) => (p(), v("option", {
+            key: d.value,
+            disabled: d.disabled,
+            value: d.value,
+            selected: d.isSelected
+          }, A(d.label), 9, ea))), 128))
         ], 16, Qn)
       ]),
       _: 1
@@ -2255,15 +2252,15 @@ const ia = {
 function la() {
   return ia;
 }
-const ua = { class: "Snackbar" }, ca = ["onClick"], pa = /* @__PURE__ */ z({
+const ua = { class: "Snackbar" }, ca = ["onClick"], da = /* @__PURE__ */ z({
   __name: "SnackbarStack",
   setup(e) {
     const t = k(() => [...Ce.value].reverse());
-    return (o, r) => (d(), L(Ut, { to: "body" }, [
+    return (o, r) => (p(), x(Ut, { to: "body" }, [
       B("div", ua, [
-        U(Xt, { name: "Snackbar__transition" }, {
+        Y(Xt, { name: "Snackbar__transition" }, {
           default: P(() => [
-            (d(!0), v(H, null, Y(t.value, (n, l) => (d(), v("div", {
+            (p(!0), v(H, null, X(t.value, (n, l) => (p(), v("div", {
               key: n.id,
               class: "Snackbar__message"
             }, [
@@ -2279,7 +2276,7 @@ const ua = { class: "Snackbar" }, ca = ["onClick"], pa = /* @__PURE__ */ z({
                     class: "Snackbar__messageClose",
                     onClick: (c) => S(co)(n.id)
                   }, [
-                    U(ae, {
+                    Y(ae, {
                       class: "Snackbar__messageCloseIcon",
                       name: "x"
                     })
@@ -2293,7 +2290,7 @@ const ua = { class: "Snackbar" }, ca = ["onClick"], pa = /* @__PURE__ */ z({
       ])
     ]));
   }
-}), Wa = /* @__PURE__ */ G(pa, [["__scopeId", "data-v-e7c3ec03"]]), da = { key: 0 }, fa = ["width"], va = ["onClick"], ma = { class: "vuiii-table__sortIcon" }, ba = {
+}), Wa = /* @__PURE__ */ G(da, [["__scopeId", "data-v-e7c3ec03"]]), pa = { key: 0 }, fa = ["width"], va = ["onClick"], ma = { class: "vuiii-table__sortIcon" }, ba = {
   key: 1,
   class: "vuiii-table__label"
 }, ha = { key: 0 }, ga = ["onClick", "onMouseenter", "onMouseleave"], ya = { key: 0 }, $a = ["colspan"], ka = { class: "vuiii-table__noDataMessage" }, qa = /* @__PURE__ */ z({
@@ -2352,55 +2349,55 @@ const ua = { class: "Snackbar" }, ca = ["onClick"], pa = /* @__PURE__ */ z({
     function u(m, { index: f, item: h }) {
       m.defaultPrevented || l("click-row", { index: f, item: h });
     }
-    function p(m) {
+    function d(m) {
       o.value === m ? r.value = r.value === "asc" ? "desc" : "asc" : (o.value = m, r.value = "asc"), l("sort", { sortColumnName: o.value, sortDirection: r.value });
     }
     return (m, f) => {
       const h = Ht("router-link");
-      return d(), v("table", {
+      return p(), v("table", {
         class: j(["vuiii-table", { "vuiii-table--hover": m.$props.highlightOnHover && e.items?.length }])
       }, [
-        a.value ? (d(), v("thead", da, [
+        a.value ? (p(), v("thead", pa, [
           B("tr", null, [
-            (d(!0), v(H, null, Y(c.value, (b, g) => (d(), v("th", {
+            (p(!0), v(H, null, X(c.value, (b, g) => (p(), v("th", {
               key: g,
               style: He({ textAlign: b.align || "left" }),
               width: b.width
             }, [
-              b.sortable ? (d(), v("div", {
+              b.sortable ? (p(), v("div", {
                 key: 0,
                 class: j(["vuiii-table__label vuiii-table__label--sortable", { "vuiii-table__label vuiii-table__label--activeSort": o.value === b.name }]),
-                onClick: it(($) => p(b.name), ["prevent"]),
+                onClick: it(($) => d(b.name), ["prevent"]),
                 role: "button",
                 tabindex: "0"
               }, [
                 re(A(b.label) + " ", 1),
                 B("div", ma, [
-                  U(ae, {
+                  Y(ae, {
                     name: "caret-sort",
                     size: "small"
                   })
                 ])
-              ], 10, va)) : (d(), v("div", ba, A(b.label), 1))
+              ], 10, va)) : (p(), v("div", ba, A(b.label), 1))
             ], 12, fa))), 128)),
-            m.$slots.tools ? (d(), v("th", ha)) : O("", !0)
+            m.$slots.tools ? (p(), v("th", ha)) : O("", !0)
           ])
         ])) : O("", !0),
         B("tbody", null, [
-          (d(!0), v(H, null, Y(i.value, (b, g) => (d(), v("tr", {
+          (p(!0), v(H, null, X(i.value, (b, g) => (p(), v("tr", {
             key: g,
             class: j(b.rowClass),
             onClick: ($) => u($, { index: g, item: b.item }),
             onMouseenter: ($) => m.$emit("mouseenter-row", { index: g, item: b.item }),
             onMouseleave: ($) => m.$emit("mouseleave-row", { index: g, item: b.item })
           }, [
-            (d(!0), v(H, null, Y(b.cells, ($) => (d(), v("td", {
+            (p(!0), v(H, null, X(b.cells, ($) => (p(), v("td", {
               key: $.column.name,
               style: He({ textAlign: $.column.align || "left" }),
               class: j($.cellClass)
             }, [
               w(m.$slots, `column:${$.column.name}`, q({ ref_for: !0 }, { item: b.item, value: $.value, index: g, column: $.column }), () => [
-                $.column.href ? (d(), L(h, {
+                $.column.href ? (p(), x(h, {
                   key: 0,
                   class: "vuiii-link",
                   to: $.column.href($.item),
@@ -2410,12 +2407,12 @@ const ua = { class: "Snackbar" }, ca = ["onClick"], pa = /* @__PURE__ */ z({
                     re(A($.formattedValue), 1)
                   ]),
                   _: 2
-                }, 1032, ["to", "target"])) : (d(), v(H, { key: 1 }, [
+                }, 1032, ["to", "target"])) : (p(), v(H, { key: 1 }, [
                   re(A($.formattedValue), 1)
                 ], 64))
               ])
             ], 6))), 128)),
-            m.$slots.rowOptions ? (d(), v("td", {
+            m.$slots.rowOptions ? (p(), v("td", {
               key: 0,
               class: "vuiii-table__rowOptions",
               onClick: f[0] || (f[0] = ($) => $.preventDefault())
@@ -2423,7 +2420,7 @@ const ua = { class: "Snackbar" }, ca = ["onClick"], pa = /* @__PURE__ */ z({
               w(m.$slots, "rowOptions", q({ ref_for: !0 }, { item: b.item, index: g }))
             ])) : O("", !0)
           ], 42, ga))), 128)),
-          !e.items?.length && (m.$props.noDataMessage || m.$slots.noDataMessage) ? (d(), v("tr", ya, [
+          !e.items?.length && (m.$props.noDataMessage || m.$slots.noDataMessage) ? (p(), v("tr", ya, [
             B("td", {
               colspan: Object.keys(e.columns).length
             }, [
@@ -2461,7 +2458,7 @@ const ua = { class: "Snackbar" }, ca = ["onClick"], pa = /* @__PURE__ */ z({
     return t({
       focus: () => l.value.focus(),
       select: () => l.value.select()
-    }), (a, s) => (d(), L(Ke, {
+    }), (a, s) => (p(), x(Ke, {
       class: j(["Textarea", a.$attrs.class]),
       size: a.$props.size,
       invalid: a.$props.invalid,
@@ -2501,12 +2498,12 @@ function Ia(e, t = {}) {
         return;
       }
       s.value = await e(...u);
-    } catch (p) {
-      if (a.value = p, t.errorMessage && o && o.error(
-        typeof t.errorMessage == "function" ? t.errorMessage({ error: p, params: u }) : t.errorMessage || p.message
-      ), l.value = !1, t.onError && t.onError({ error: p, params: u, router: n, snackbar: o, dialog: r }))
+    } catch (d) {
+      if (a.value = d, t.errorMessage && o && o.error(
+        typeof t.errorMessage == "function" ? t.errorMessage({ error: d, params: u }) : t.errorMessage || d.message
+      ), l.value = !1, t.onError && t.onError({ error: d, params: u, router: n, snackbar: o, dialog: r }))
         return;
-      throw p;
+      throw d;
     }
     return c.value = !0, l.value = !1, t.successMessage && o && o.success(
       typeof t.successMessage == "function" ? t.successMessage({ result: s.value, params: u }) : t.successMessage
@@ -2550,7 +2547,7 @@ function Ga(e, t = {}) {
   const o = V([]), r = V(), { immediate: n, initialValue: l, ...c } = t, { isLoading: a, hasLoaded: s, load: i } = Oa(e, c), u = async (f = 1) => {
     const h = await i({ page: f, itemsPerPage: t.itemsPerPage || st });
     return o.value = h.items, r.value = h.pagination, h;
-  }, p = async () => {
+  }, d = async () => {
     if (!r.value?.hasNextPage)
       return;
     const f = await i({
@@ -2573,7 +2570,7 @@ function Ga(e, t = {}) {
     items: o,
     pagination: r,
     loadPage: u,
-    loadNextPage: p,
+    loadNextPage: d,
     loadPreviousPage: m
   };
 }