@teammodlr/ui-kit 2.1.2 → 2.1.4

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, renderSlot as A, ref as b, watch as W, computed as f, openBlock as m, createElementBlock as k, normalizeClass as g, normalizeStyle as ee, inject as ie, onMounted as ce, resolveComponent as ne, createBlock as Z, mergeProps as Ce, reactive as me, toRef as J, provide as ke, Fragment as Q, renderList as fe, createElementVNode as S, createVNode as X, withCtx as U, createTextVNode as re, toDisplayString as N, createCommentVNode as F, onBeforeUnmount as Bt, resolveDynamicComponent as jt, readonly as Hn, onUnmounted as ma, defineExpose as He, withDirectives as Xe, vModelCheckbox as ga, getCurrentScope as qn, onScopeDispose as Gn, unref as ya, getCurrentInstance as Un, watchEffect as gt, nextTick as Ae, toHandlers as at, Teleport as Ie, Transition as Re, withModifiers as je, withKeys as Ze, vShow as ba, vModelRadio as Kn, vModelText as Xn, toRaw as Yt } from "vue";
+import { defineComponent as R, renderSlot as A, ref as b, watch as W, computed as p, openBlock as m, createElementBlock as k, normalizeClass as g, normalizeStyle as ee, inject as ie, onMounted as ce, resolveComponent as ne, createBlock as Z, mergeProps as Ce, reactive as me, toRef as J, provide as ke, Fragment as Q, renderList as fe, createElementVNode as S, createVNode as X, withCtx as U, createTextVNode as re, toDisplayString as N, createCommentVNode as F, onBeforeUnmount as Bt, resolveDynamicComponent as jt, readonly as Hn, onUnmounted as ma, defineExpose as He, withDirectives as Xe, vModelCheckbox as ga, getCurrentScope as qn, onScopeDispose as Gn, unref as ya, getCurrentInstance as Un, watchEffect as gt, nextTick as Ae, toHandlers as at, Teleport as Ie, Transition as Re, withModifiers as je, withKeys as Ze, vShow as ba, vModelRadio as Kn, vModelText as Xn, toRaw as Yt } from "vue";
 const Yn = {
   h: {
     type: Function,
@@ -53,9 +53,9 @@ const Yn = {
       },
       { immediate: !0 }
     );
-    const n = f(() => ({
+    const n = p(() => ({
       "m-image": !0
-    })), r = f(() => ({}));
+    })), r = p(() => ({}));
     return {
       source: a,
       computedClasses: n,
@@ -105,14 +105,14 @@ const $a = Symbol("AVATAR_GROUP_STATE"), or = R({
     error: (e) => !0
   },
   setup(e, { emit: t }) {
-    const a = ie($a, void 0), n = b(null), r = b(!0), o = b("md"), s = f(() => a == null ? void 0 : a.size), l = f(() => a == null ? void 0 : a.rounded), i = f(() => !!a), u = f(() => s.value || e.size), d = f(() => l.value || e.rounded), c = f(() => [
+    const a = ie($a, void 0), n = b(null), r = b(!0), o = b("md"), s = p(() => a == null ? void 0 : a.size), l = p(() => a == null ? void 0 : a.rounded), i = p(() => !!a), u = p(() => s.value || e.size), d = p(() => l.value || e.rounded), c = p(() => [
       er,
       [rr[u.value]],
       {
         [ar]: i.value,
         [nr]: d.value
       }
-    ]), p = (v) => {
+    ]), f = (v) => {
       r.value = !1, t("error", v);
     };
     return ce(() => {
@@ -123,7 +123,7 @@ const $a = Symbol("AVATAR_GROUP_STATE"), or = R({
       classes: c,
       imageExists: r,
       imageClass: tr,
-      handleImageLoadError: p
+      handleImageLoadError: f
     };
   }
 });
@@ -178,7 +178,7 @@ const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       max: J(e, "max")
     });
     ke($a, t);
-    const a = f(() => e.options.slice(0, e.max)), n = f(() => e.options.length - e.max);
+    const a = p(() => e.options.slice(0, e.max)), n = p(() => e.options.length - e.max);
     return {
       style: ur,
       avatars: a,
@@ -230,7 +230,7 @@ const br = R({
     }
   },
   setup(e) {
-    const t = f(() => [
+    const t = p(() => [
       vr,
       yr[e.variant],
       {
@@ -282,7 +282,7 @@ const Cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }, n = me({
       separator: J(e, "seperator"),
       refreshItems: a
-    }), r = f(() => [
+    }), r = p(() => [
       Sa
     ]);
     return ke(ka, n), {
@@ -414,7 +414,7 @@ const Ca = Symbol("BUTTON_GROUP_STATE"), Et = Symbol("FORM_STATE"), Ur = R({
     }
   },
   setup(e, { slots: t }) {
-    const a = ie(Ca, null), n = ie(Et, null), r = ie("dropdown", null), o = b("md"), s = b(!1), l = b(0), i = J(e, "loading"), u = f(() => r == null ? void 0 : r.isOpen.value), d = f(() => a == null ? void 0 : a.size), c = f(() => d.value || e.size), p = f(() => !!t["icon-left"]), v = f(() => !!t["icon-right"]), $ = f(() => [
+    const a = ie(Ca, null), n = ie(Et, null), r = ie("dropdown", null), o = b("md"), s = b(!1), l = b(0), i = J(e, "loading"), u = p(() => r == null ? void 0 : r.isOpen.value), d = p(() => a == null ? void 0 : a.size), c = p(() => d.value || e.size), f = p(() => !!t["icon-left"]), v = p(() => !!t["icon-right"]), $ = p(() => [
       _r,
       [Wr[c.value]],
       Hr[e.variant],
@@ -426,16 +426,16 @@ const Ca = Symbol("BUTTON_GROUP_STATE"), Et = Symbol("FORM_STATE"), Ur = R({
         [Dr]: e.icon,
         [Pr]: (n == null ? void 0 : n.loading) || i.value
       }
-    ]), w = f(() => [
+    ]), w = p(() => [
       qr,
       {
         [Gr]: s.value
       }
-    ]), y = f(() => [
+    ]), y = p(() => [
       Rr
-    ]), h = f(() => [
+    ]), h = p(() => [
       Ir
-    ]), M = f(() => e.to ? "nuxt-link" : e.href ? "a" : "button");
+    ]), M = p(() => e.to ? "nuxt-link" : e.href ? "a" : "button");
     return ce(() => {
       o.value = d.value || e.size;
     }), Bt(() => {
@@ -447,7 +447,7 @@ const Ca = Symbol("BUTTON_GROUP_STATE"), Et = Symbol("FORM_STATE"), Ur = R({
       computedBorderClasses: y,
       computedBorderStateClasses: h,
       computedTag: M,
-      hasIconLeft: p,
+      hasIconLeft: f,
       hasIconRight: v,
       handleClick: (T) => {
         if (e.disabled) {
@@ -555,7 +555,7 @@ const x = (e, { focus: t, emit: a, withListeners: n = !0 }) => {
     o.value = "", r.value = !0, a("update:modelValue", "");
   }, c = ($) => {
     o.value = $;
-  }, p = ($) => {
+  }, f = ($) => {
     $ = $ || e.modelValue, r.value = !1;
     for (let w = 0; w < e.rules.length; w++) {
       const y = e.rules[w];
@@ -573,7 +573,7 @@ const x = (e, { focus: t, emit: a, withListeners: n = !0 }) => {
         return o.value = h, !1;
     }
     return o.value = "", !0;
-  }, v = n ? f(() => ({
+  }, v = n ? p(() => ({
     blur: ($) => a("blur", $),
     focus: ($) => a("focus", $),
     input: ($) => {
@@ -586,7 +586,7 @@ const x = (e, { focus: t, emit: a, withListeners: n = !0 }) => {
       i.value,
       t,
       // @ts-ignore
-      p,
+      f,
       // @ts-ignore
       c
     );
@@ -599,7 +599,7 @@ const x = (e, { focus: t, emit: a, withListeners: n = !0 }) => {
     insideForm: (u == null ? void 0 : u.insideForm) ?? !1,
     inputListeners: v,
     reset: d,
-    validate: p,
+    validate: f,
     setError: c,
     //@ts-ignore
     formDisabled: (u == null ? void 0 : u.disabled.value) || !1,
@@ -684,17 +684,17 @@ const no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       validate: u,
       setError: d,
       formError: c,
-      formDisabled: p,
+      formDisabled: f,
       formLoading: v,
       inputListeners: $
-    } = x(e, { focus: r, emit: a }), w = f(() => p || e.disabled || e.loading), y = J(e, "name"), h = f(() => !!t.default), M = f(() => [
+    } = x(e, { focus: r, emit: a }), w = p(() => f || e.disabled || e.loading), y = J(e, "name"), h = p(() => !!t.default), M = p(() => [
       Ta,
       [ja[e.size]],
       {
         [Oa]: w.value,
         [Ba]: e.indeterminate
       }
-    ]), O = f(() => c.value || e.error), T = f({
+    ]), O = p(() => c.value || e.error), T = p({
       get() {
         return e.modelValue;
       },
@@ -787,11 +787,11 @@ function K(...e) {
   Array.isArray(a) || (a = [a]), Array.isArray(n) || (n = [n]);
   const o = [], s = () => {
     o.forEach((d) => d()), o.length = 0;
-  }, l = (d, c, p, v) => (d.addEventListener(c, p, v), () => d.removeEventListener(c, p, v)), i = W(
+  }, l = (d, c, f, v) => (d.addEventListener(c, f, v), () => d.removeEventListener(c, f, v)), i = W(
     () => [Ne(t), pt(r)],
     ([d, c]) => {
       s(), d && o.push(
-        ...a.flatMap((p) => n.map((v) => l(d, p, v, c)))
+        ...a.flatMap((f) => n.map((v) => l(d, f, v, c)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -805,39 +805,39 @@ function At(e, t, a = {}) {
   const { window: n = Ye, ignore: r = [], capture: o = !0, detectIframe: s = !1 } = a;
   if (!n)
     return;
-  uo && !Zt && (Zt = !0, Array.from(n.document.body.children).forEach((p) => p.addEventListener("click", vt)), n.document.documentElement.addEventListener("click", vt));
+  uo && !Zt && (Zt = !0, Array.from(n.document.body.children).forEach((f) => f.addEventListener("click", vt)), n.document.documentElement.addEventListener("click", vt));
   let l = !0;
-  const i = (p) => r.some((v) => {
+  const i = (f) => r.some((v) => {
     if (typeof v == "string")
-      return Array.from(n.document.querySelectorAll(v)).some(($) => $ === p.target || p.composedPath().includes($));
+      return Array.from(n.document.querySelectorAll(v)).some(($) => $ === f.target || f.composedPath().includes($));
     {
       const $ = Ne(v);
-      return $ && (p.target === $ || p.composedPath().includes($));
+      return $ && (f.target === $ || f.composedPath().includes($));
     }
   }), d = [
-    K(n, "click", (p) => {
+    K(n, "click", (f) => {
       const v = Ne(e);
-      if (!(!v || v === p.target || p.composedPath().includes(v))) {
-        if (p.detail === 0 && (l = !i(p)), !l) {
+      if (!(!v || v === f.target || f.composedPath().includes(v))) {
+        if (f.detail === 0 && (l = !i(f)), !l) {
           l = !0;
           return;
         }
-        t(p);
+        t(f);
       }
     }, { passive: !0, capture: o }),
-    K(n, "pointerdown", (p) => {
+    K(n, "pointerdown", (f) => {
       const v = Ne(e);
-      v && (l = !p.composedPath().includes(v) && !i(p));
+      v && (l = !f.composedPath().includes(v) && !i(f));
     }, { passive: !0 }),
-    s && K(n, "blur", (p) => {
+    s && K(n, "blur", (f) => {
       setTimeout(() => {
         var v;
         const $ = Ne(e);
-        ((v = n.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !($ != null && $.contains(n.document.activeElement)) && t(p);
+        ((v = n.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !($ != null && $.contains(n.document.activeElement)) && t(f);
       }, 0);
     })
   ].filter(Boolean);
-  return () => d.forEach((p) => p());
+  return () => d.forEach((f) => f());
 }
 function fo() {
   const e = b(!1);
@@ -847,7 +847,7 @@ function fo() {
 }
 function po(e) {
   const t = fo();
-  return f(() => (t.value, !!e()));
+  return p(() => (t.value, !!e()));
 }
 function vo(e = {}) {
   const { initialValue: t = "" } = e, a = po(() => typeof window < "u" && "EyeDropper" in window), n = b(t);
@@ -885,7 +885,7 @@ function go(e = {}) {
   function c(w, y) {
     w in i && (t ? i[w] = y : i[w].value = y);
   }
-  function p() {
+  function f() {
     s.clear();
     for (const w of d)
       c(w, !1);
@@ -900,7 +900,7 @@ function go(e = {}) {
       s.delete(C), c(C, !1);
     }), u.clear()) : typeof w.getModifierState == "function" && w.getModifierState("Meta") && y && [...s, ...B].forEach((C) => u.add(C));
   }
-  K(a, "keydown", (w) => (v(w, !0), o(w)), { passive: r }), K(a, "keyup", (w) => (v(w, !1), o(w)), { passive: r }), K("blur", p, { passive: !0 }), K("focus", p, { passive: !0 });
+  K(a, "keydown", (w) => (v(w, !0), o(w)), { passive: r }), K(a, "keyup", (w) => (v(w, !1), o(w)), { passive: r }), K("blur", f, { passive: !0 }), K("focus", f, { passive: !0 });
   const $ = new Proxy(
     i,
     {
@@ -910,7 +910,7 @@ function go(e = {}) {
         if (y = y.toLowerCase(), y in n && (y = n[y]), !(y in i))
           if (/[+_-]/.test(y)) {
             const O = y.split(/[+_-]/g).map((T) => T.trim());
-            i[y] = f(() => O.every((T) => pt($[T])));
+            i[y] = p(() => O.every((T) => pt($[T])));
           } else
             i[y] = b(!1);
         const M = Reflect.get(w, y, h);
@@ -935,7 +935,7 @@ function bo(e = {}) {
     window: o = Ye,
     target: s = o,
     eventFilter: l
-  } = e, i = b(r.x), u = b(r.y), d = b(null), c = typeof t == "function" ? t : yo[t], p = (h) => {
+  } = e, i = b(r.x), u = b(r.y), d = b(null), c = typeof t == "function" ? t : yo[t], f = (h) => {
     const M = c(h);
     M && ([i.value, u.value] = M, d.value = "mouse");
   }, v = (h) => {
@@ -945,7 +945,7 @@ function bo(e = {}) {
     }
   }, $ = () => {
     i.value = r.x, u.value = r.y;
-  }, w = l ? (h) => l(() => p(h), {}) : (h) => p(h), y = l ? (h) => l(() => v(h), {}) : (h) => v(h);
+  }, w = l ? (h) => l(() => f(h), {}) : (h) => f(h), y = l ? (h) => l(() => v(h), {}) : (h) => v(h);
   if (s) {
     const h = { passive: !0 };
     K(s, ["mousemove", "dragover"], w, h), a && t !== "movement" && (K(s, ["touchstart", "touchmove"], y, h), n && K(s, "touchend", $, h));
@@ -960,7 +960,7 @@ function Aa(e, t = {}) {
   const {
     handleOutside: a = !0,
     window: n = Ye
-  } = t, { x: r, y: o, sourceType: s } = bo(t), l = b(e ?? (n == null ? void 0 : n.document.body)), i = b(0), u = b(0), d = b(0), c = b(0), p = b(0), v = b(0), $ = b(!0);
+  } = t, { x: r, y: o, sourceType: s } = bo(t), l = b(e ?? (n == null ? void 0 : n.document.body)), i = b(0), u = b(0), d = b(0), c = b(0), f = b(0), v = b(0), $ = b(!0);
   let w = () => {
   };
   return n && (w = W(
@@ -975,7 +975,7 @@ function Aa(e, t = {}) {
         width: O,
         height: T
       } = y.getBoundingClientRect();
-      d.value = h + n.pageXOffset, c.value = M + n.pageYOffset, p.value = T, v.value = O;
+      d.value = h + n.pageXOffset, c.value = M + n.pageYOffset, f.value = T, v.value = O;
       const B = r.value - d.value, C = o.value - c.value;
       $.value = O === 0 || T === 0 || B < 0 || C < 0 || B > O || C > T, (a || !$.value) && (i.value = B, u.value = C);
     },
@@ -990,7 +990,7 @@ function Aa(e, t = {}) {
     elementY: u,
     elementPositionX: d,
     elementPositionY: c,
-    elementHeight: p,
+    elementHeight: f,
     elementWidth: v,
     isOutside: $,
     stop: w
@@ -1012,7 +1012,7 @@ function Ra(e = {}) {
     o.value = !0, s.value = d;
   }, i = () => {
     o.value = !1, s.value = null;
-  }, u = f(() => Ne(e.target) || r);
+  }, u = p(() => Ne(e.target) || r);
   return K(u, "mousedown", l("mouse"), { passive: !0 }), K(r, "mouseleave", i, { passive: !0 }), K(r, "mouseup", i, { passive: !0 }), a && (K(u, "dragstart", l("mouse"), { passive: !0 }), K(r, "drop", i, { passive: !0 }), K(r, "dragend", i, { passive: !0 })), t && (K(u, "touchstart", l("touch"), { passive: !0 }), K(r, "touchend", i, { passive: !0 }), K(r, "touchcancel", i, { passive: !0 })), {
     pressed: o,
     sourceType: s
@@ -1058,9 +1058,9 @@ const Eo = (e, t, a, n) => {
   const r = e, o = t * a, s = r / 60, l = o * (1 - Math.abs(s % 2 - 1));
   let i = 0, u = 0, d = 0;
   s >= 0 && s < 1 ? (i = o, u = l) : s >= 1 && s < 2 ? (i = l, u = o) : s >= 2 && s < 3 ? (u = o, d = l) : s >= 3 && s < 4 ? (u = l, d = o) : s >= 4 && s < 5 ? (i = l, d = o) : (i = o, d = l);
-  const c = t - o, p = Math.round((i + c) * 255), v = Math.round((u + c) * 255), $ = Math.round((d + c) * 255);
+  const c = t - o, f = Math.round((i + c) * 255), v = Math.round((u + c) * 255), $ = Math.round((d + c) * 255);
   return {
-    r: p,
+    r: f,
     g: v,
     b: $,
     a: n
@@ -1069,11 +1069,11 @@ const Eo = (e, t, a, n) => {
   const a = 1 - Math.abs(0), n = e / 360 * 6, r = a * (1 - Math.abs(n % 2 - 1));
   let o = 0, s = 0, l = 0;
   n >= 0 && n < 1 ? (o = a, s = r, l = 0) : n >= 1 && n < 2 ? (o = r, s = a, l = 0) : n >= 2 && n < 3 ? (o = 0, s = a, l = r) : n >= 3 && n < 4 ? (o = 0, s = r, l = a) : n >= 4 && n < 5 ? (o = r, s = 0, l = a) : (o = a, s = 0, l = r);
-  const i = 0.5, u = (1 - a) * (i - 0.5), d = Math.round((o + u) * 255), c = Math.round((s + u) * 255), p = Math.round((l + u) * 255);
+  const i = 0.5, u = (1 - a) * (i - 0.5), d = Math.round((o + u) * 255), c = Math.round((s + u) * 255), f = Math.round((l + u) * 255);
   return {
     r: d,
     g: c,
-    b: p,
+    b: f,
     a: t
   };
 };
@@ -1167,13 +1167,13 @@ function Ue(e, t, a) {
   t === void 0 && (t = !1), a === void 0 && (a = !1);
   var n = e.getBoundingClientRect(), r = 1, o = 1;
   t && pe(e) && (r = e.offsetWidth > 0 && Ge(n.width) / e.offsetWidth || 1, o = e.offsetHeight > 0 && Ge(n.height) / e.offsetHeight || 1);
-  var s = We(e) ? be(e) : window, l = s.visualViewport, i = !La() && a, u = (n.left + (i && l ? l.offsetLeft : 0)) / r, d = (n.top + (i && l ? l.offsetTop : 0)) / o, c = n.width / r, p = n.height / o;
+  var s = We(e) ? be(e) : window, l = s.visualViewport, i = !La() && a, u = (n.left + (i && l ? l.offsetLeft : 0)) / r, d = (n.top + (i && l ? l.offsetTop : 0)) / o, c = n.width / r, f = n.height / o;
   return {
     width: c,
-    height: p,
+    height: f,
     top: d,
     right: u + c,
-    bottom: d + p,
+    bottom: d + f,
     left: u,
     x: u,
     y: d
@@ -1285,7 +1285,7 @@ var Jo = function(t, a) {
 function Qo(e) {
   var t, a = e.state, n = e.name, r = e.options, o = a.elements.arrow, s = a.modifiersData.popperOffsets, l = we(a.placement), i = Dt(l), u = [de, ye].indexOf(l) >= 0, d = u ? "height" : "width";
   if (!(!o || !s)) {
-    var c = Jo(r.padding, a), p = It(o), v = i === "y" ? ue : de, $ = i === "y" ? ge : ye, w = a.rects.reference[d] + a.rects.reference[i] - s[i] - a.rects.popper[d], y = s[i] - a.rects.reference[i], h = rt(o), M = h ? i === "y" ? h.clientHeight || 0 : h.clientWidth || 0 : 0, O = w / 2 - y / 2, T = c[v], B = M - p[d] - c[$], C = M / 2 - p[d] / 2 + O, V = Qe(T, C, B), H = i;
+    var c = Jo(r.padding, a), f = It(o), v = i === "y" ? ue : de, $ = i === "y" ? ge : ye, w = a.rects.reference[d] + a.rects.reference[i] - s[i] - a.rects.popper[d], y = s[i] - a.rects.reference[i], h = rt(o), M = h ? i === "y" ? h.clientHeight || 0 : h.clientWidth || 0 : 0, O = w / 2 - y / 2, T = c[v], B = M - f[d] - c[$], C = M / 2 - f[d] / 2 + O, V = Qe(T, C, B), H = i;
     a.modifiersData[n] = (t = {}, t[H] = V, t.centerOffset = V - C, t);
   }
 }
@@ -1325,7 +1325,7 @@ function as(e) {
   };
 }
 function ea(e) {
-  var t, a = e.popper, n = e.popperRect, r = e.placement, o = e.variation, s = e.offsets, l = e.position, i = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, c = e.isFixed, p = s.x, v = p === void 0 ? 0 : p, $ = s.y, w = $ === void 0 ? 0 : $, y = typeof d == "function" ? d({
+  var t, a = e.popper, n = e.popperRect, r = e.placement, o = e.variation, s = e.offsets, l = e.position, i = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, c = e.isFixed, f = s.x, v = f === void 0 ? 0 : f, $ = s.y, w = $ === void 0 ? 0 : $, y = typeof d == "function" ? d({
     x: v,
     y: w
   }) : {
@@ -1577,18 +1577,18 @@ function qa(e) {
 }
 function tt(e, t) {
   t === void 0 && (t = {});
-  var a = t, n = a.placement, r = n === void 0 ? e.placement : n, o = a.strategy, s = o === void 0 ? e.strategy : o, l = a.boundary, i = l === void 0 ? Io : l, u = a.rootBoundary, d = u === void 0 ? za : u, c = a.elementContext, p = c === void 0 ? Je : c, v = a.altBoundary, $ = v === void 0 ? !1 : v, w = a.padding, y = w === void 0 ? 0 : w, h = Fa(typeof y != "number" ? y : Wa(y, nt)), M = p === Je ? Do : Je, O = e.rects.popper, T = e.elements[$ ? M : p], B = ps(We(T) ? T : T.contextElement || De(e.elements.popper), i, d, s), C = Ue(e.elements.reference), V = qa({
+  var a = t, n = a.placement, r = n === void 0 ? e.placement : n, o = a.strategy, s = o === void 0 ? e.strategy : o, l = a.boundary, i = l === void 0 ? Io : l, u = a.rootBoundary, d = u === void 0 ? za : u, c = a.elementContext, f = c === void 0 ? Je : c, v = a.altBoundary, $ = v === void 0 ? !1 : v, w = a.padding, y = w === void 0 ? 0 : w, h = Fa(typeof y != "number" ? y : Wa(y, nt)), M = f === Je ? Do : Je, O = e.rects.popper, T = e.elements[$ ? M : f], B = ps(We(T) ? T : T.contextElement || De(e.elements.popper), i, d, s), C = Ue(e.elements.reference), V = qa({
     reference: C,
     element: O,
     strategy: "absolute",
     placement: r
-  }), H = Mt(Object.assign({}, O, V)), E = p === Je ? H : C, j = {
+  }), H = Mt(Object.assign({}, O, V)), E = f === Je ? H : C, j = {
     top: B.top - E.top + h.top,
     bottom: E.bottom - B.bottom + h.bottom,
     left: B.left - E.left + h.left,
     right: E.right - B.right + h.right
   }, z = e.modifiersData.offset;
-  if (p === Je && z) {
+  if (f === Je && z) {
     var G = z[r];
     Object.keys(j).forEach(function(Y) {
       var le = [ye, ge].indexOf(Y) >= 0 ? 1 : -1, te = [ue, ge].indexOf(Y) >= 0 ? "y" : "x";
@@ -1601,11 +1601,11 @@ function vs(e, t) {
   t === void 0 && (t = {});
   var a = t, n = a.placement, r = a.boundary, o = a.rootBoundary, s = a.padding, l = a.flipVariations, i = a.allowedAutoPlacements, u = i === void 0 ? Va : i, d = Ke(n), c = d ? l ? Qt : Qt.filter(function($) {
     return Ke($) === d;
-  }) : nt, p = c.filter(function($) {
+  }) : nt, f = c.filter(function($) {
     return u.indexOf($) >= 0;
   });
-  p.length === 0 && (p = c, process.env.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
-  var v = p.reduce(function($, w) {
+  f.length === 0 && (f = c, process.env.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
+  var v = f.reduce(function($, w) {
     return $[w] = tt(e, {
       placement: w,
       boundary: r,
@@ -1626,7 +1626,7 @@ function ms(e) {
 function gs(e) {
   var t = e.state, a = e.options, n = e.name;
   if (!t.modifiersData[n]._skip) {
-    for (var r = a.mainAxis, o = r === void 0 ? !0 : r, s = a.altAxis, l = s === void 0 ? !0 : s, i = a.fallbackPlacements, u = a.padding, d = a.boundary, c = a.rootBoundary, p = a.altBoundary, v = a.flipVariations, $ = v === void 0 ? !0 : v, w = a.allowedAutoPlacements, y = t.options.placement, h = we(y), M = h === y, O = i || (M || !$ ? [dt(y)] : ms(y)), T = [y].concat(O).reduce(function(Be, q) {
+    for (var r = a.mainAxis, o = r === void 0 ? !0 : r, s = a.altAxis, l = s === void 0 ? !0 : s, i = a.fallbackPlacements, u = a.padding, d = a.boundary, c = a.rootBoundary, f = a.altBoundary, v = a.flipVariations, $ = v === void 0 ? !0 : v, w = a.allowedAutoPlacements, y = t.options.placement, h = we(y), M = h === y, O = i || (M || !$ ? [dt(y)] : ms(y)), T = [y].concat(O).reduce(function(Be, q) {
       return Be.concat(we(q) === bt ? vs(t, {
         placement: q,
         boundary: d,
@@ -1640,7 +1640,7 @@ function gs(e) {
         placement: z,
         boundary: d,
         rootBoundary: c,
-        altBoundary: p,
+        altBoundary: f,
         padding: u
       }), oe = le ? Y ? ye : de : Y ? ge : ue;
       B[te] > C[te] && (oe = dt(oe));
@@ -1766,7 +1766,7 @@ function Ms(e) {
   return e === "x" ? "y" : "x";
 }
 function Ts(e) {
-  var t = e.state, a = e.options, n = e.name, r = a.mainAxis, o = r === void 0 ? !0 : r, s = a.altAxis, l = s === void 0 ? !1 : s, i = a.boundary, u = a.rootBoundary, d = a.altBoundary, c = a.padding, p = a.tether, v = p === void 0 ? !0 : p, $ = a.tetherOffset, w = $ === void 0 ? 0 : $, y = tt(t, {
+  var t = e.state, a = e.options, n = e.name, r = a.mainAxis, o = r === void 0 ? !0 : r, s = a.altAxis, l = s === void 0 ? !1 : s, i = a.boundary, u = a.rootBoundary, d = a.altBoundary, c = a.padding, f = a.tether, v = f === void 0 ? !0 : f, $ = a.tetherOffset, w = $ === void 0 ? 0 : $, y = tt(t, {
     boundary: i,
     rootBoundary: u,
     padding: c,
@@ -1971,7 +1971,7 @@ function Ns(e) {
       },
       attributes: {},
       styles: {}
-    }, c = [], p = !1, v = {
+    }, c = [], f = !1, v = {
       state: d,
       setOptions: function(h) {
         var M = typeof h == "function" ? h(d.options) : h;
@@ -2007,7 +2007,7 @@ function Ns(e) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!p) {
+        if (!f) {
           var h = d.elements, M = h.reference, O = h.popper;
           if (!ia(M, O)) {
             process.env.NODE_ENV !== "production" && console.error(sa);
@@ -2046,13 +2046,13 @@ function Ns(e) {
         });
       }),
       destroy: function() {
-        w(), p = !0;
+        w(), f = !0;
       }
     };
     if (!ia(l, i))
       return process.env.NODE_ENV !== "production" && console.error(sa), v;
     v.setOptions(u).then(function(y) {
-      !p && u.onFirstUpdate && u.onFirstUpdate(y);
+      !f && u.onFirstUpdate && u.onFirstUpdate(y);
     });
     function $() {
       d.orderedModifiers.forEach(function(y) {
@@ -2139,11 +2139,11 @@ function $t(e) {
   });
   let c = null;
   a && W(a, (h) => {
-    $(h), p();
+    $(h), f();
   }), ce(() => {
     Ae(v);
   }), Bt(y);
-  function p() {
+  function f() {
     Ae(() => {
       u && u.forceUpdate(), n.value && (d.value = n.value.clientWidth);
     });
@@ -2159,7 +2159,7 @@ function $t(e) {
     l.value = typeof h == "boolean" ? h ? "body" : "" : h;
   }
   function w() {
-    o.value && s.value && (u && u.destroy(), u = Ws(o.value, s.value, i), p());
+    o.value && s.value && (u && u.destroy(), u = Ws(o.value, s.value, i), f());
   }
   function y() {
     u && u.destroy(), u = null, typeof c == "function" && (c(), c = null);
@@ -2168,7 +2168,7 @@ function $t(e) {
     reference: o,
     popper: s,
     transferTo: l,
-    updatePopper: p,
+    updatePopper: f,
     createPopper: v,
     destroyPopper: y,
     width: d
@@ -2181,10 +2181,10 @@ function qs(e) {
   }
 }
 const ua = b(0), Gs = 1e3, Us = Symbol("ZINDEX"), ot = (e) => {
-  const t = e || ie(Us, void 0), a = f(() => {
+  const t = e || ie(Us, void 0), a = p(() => {
     const o = ya(t);
     return o === void 0 || isNaN(o) ? Gs : o;
-  }), n = f(() => a.value + ua.value);
+  }), n = p(() => a.value + ua.value);
   return {
     initial: a,
     current: n,
@@ -2339,17 +2339,17 @@ const ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       inputListeners: u,
       validate: d,
       setError: c,
-      formError: p,
+      formError: f,
       formDisabled: v,
       formLoading: $
-    } = x(e, { focus: r, emit: a }), w = b(!1), y = J(e, "name"), h = f(() => !!t["icon-left"]), M = f(() => !!t["icon-right"]), O = f(() => !!t.prefix), T = f(() => !!t.suffix), B = f(() => !!(t["help-message"] || t.help)), C = f(() => v || e.disabled), V = f(() => $ || e.loading), H = f(() => {
+    } = x(e, { focus: r, emit: a }), w = b(!1), y = J(e, "name"), h = p(() => !!t["icon-left"]), M = p(() => !!t["icon-right"]), O = p(() => !!t.prefix), T = p(() => !!t.suffix), B = p(() => !!(t["help-message"] || t.help)), C = p(() => v || e.disabled), V = p(() => $ || e.loading), H = p(() => {
       const te = e.type;
       return te === "password" ? w.value ? "text" : "password" : te;
-    }), E = f(() => e.loading || e.readonly), j = f(() => [
+    }), E = p(() => e.loading || e.readonly), j = p(() => [
       {
         [ct]: e.block
       }
-    ]), z = f(() => [
+    ]), z = p(() => [
       xa,
       Ua,
       Qa[e.size],
@@ -2357,7 +2357,7 @@ const ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [ct]: e.block,
         [Xa]: Y.value
       }
-    ]), G = f(() => [
+    ]), G = p(() => [
       Ja,
       {
         [ct]: e.block,
@@ -2365,7 +2365,7 @@ const ul = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [Ya]: h.value,
         [Za]: M.value
       }
-    ]), Y = f(() => p.value || e.error), le = () => {
+    ]), Y = p(() => f.value || e.error), le = () => {
       a("update:modelValue", "");
     };
     return He({
@@ -2492,7 +2492,7 @@ const Pt = /* @__PURE__ */ I(dl, [["render", pl]]), vl = R({
     MButton: Ma
   },
   setup(e, { emit: t }) {
-    const { isSupported: a, open: n, sRGBHex: r } = vo(), { nextZIndex: o } = ot(), s = b(!1), l = b(!1), i = b(""), u = b(""), d = b(""), c = b(""), p = b(""), v = b(), $ = b(), w = b(), y = J(e, "transfer"), h = J(e, "placement"), M = b(), O = b(0), T = b(100), B = b(!1), C = me({
+    const { isSupported: a, open: n, sRGBHex: r } = vo(), { nextZIndex: o } = ot(), s = b(!1), l = b(!1), i = b(""), u = b(""), d = b(""), c = b(""), f = b(""), v = b(), $ = b(), w = b(), y = J(e, "transfer"), h = J(e, "placement"), M = b(), O = b(0), T = b(100), B = b(!1), C = me({
       x: 0,
       y: 0
     }), V = b(e.zIndex ?? o()), { elementX: H, elementY: E } = Aa(v), { pressed: j } = Ra(), { popper: z, transferTo: G, updatePopper: Y } = $t({
@@ -2502,8 +2502,8 @@ const Pt = /* @__PURE__ */ I(dl, [["render", pl]]), vl = R({
       wrapper: $,
       isDrop: !1,
       offset: [-2, 2]
-    }), le = f(() => 1 - C.y), te = f(() => C.x), L = f(() => Ao(O.value * 3.6, le.value, te.value, T.value / 100)), oe = f(() => Ro(O.value * 3.6, T.value / 100)), Me = () => {
-      i.value = Eo(L.value.r, L.value.g, L.value.b, L.value.a), u.value = L.value.r.toString(), d.value = L.value.g.toString(), c.value = L.value.b.toString(), p.value = L.value.a.toFixed(2).toString(), t("update:modelValue", i.value);
+    }), le = p(() => 1 - C.y), te = p(() => C.x), L = p(() => Ao(O.value * 3.6, le.value, te.value, T.value / 100)), oe = p(() => Ro(O.value * 3.6, T.value / 100)), Me = () => {
+      i.value = Eo(L.value.r, L.value.g, L.value.b, L.value.a), u.value = L.value.r.toString(), d.value = L.value.g.toString(), c.value = L.value.b.toString(), f.value = L.value.a.toFixed(2).toString(), t("update:modelValue", i.value);
     };
     W(() => L.value, () => {
       Me();
@@ -2520,7 +2520,7 @@ const Pt = /* @__PURE__ */ I(dl, [["render", pl]]), vl = R({
       (isNaN(ae) || ae > 255 || ae < 0) && (ae = L.value.g);
       var _ = parseInt(c.value);
       (isNaN(_) || _ > 255 || _ < 0) && (_ = L.value.b);
-      var D = parseFloat(p.value);
+      var D = parseFloat(f.value);
       (isNaN(D) || D > 1 || D < 0) && (D = L.value.a), ve(Jt(q, ae, _), D);
     };
     W(() => j.value, () => {
@@ -2557,7 +2557,7 @@ const Pt = /* @__PURE__ */ I(dl, [["render", pl]]), vl = R({
       rInput: u,
       gInput: d,
       bInput: c,
-      aInput: p,
+      aInput: f,
       finalColor: L,
       hueSlider: O,
       opacitySlider: T,
@@ -2855,7 +2855,7 @@ const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "update:open"
   ],
   setup(e, { emit: t }) {
-    const a = ie(Tt, null), { nextZIndex: n } = ot(), r = !!a, o = J(e, "label"), s = b(e.open), l = b(e.placement), i = J(e, "transfer"), u = b(null), d = b(null), c = b(e.zIndex ?? n()), p = f(() => {
+    const a = ie(Tt, null), { nextZIndex: n } = ot(), r = !!a, o = J(e, "label"), s = b(e.open), l = b(e.placement), i = J(e, "transfer"), u = b(null), d = b(null), c = b(e.zIndex ?? n()), f = p(() => {
       if (e.virtual !== null) {
         const E = e.virtual.$el ?? e.virtual;
         if (E) {
@@ -2876,7 +2876,7 @@ const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
       return d.value;
     }), { popper: v, transferTo: $, updatePopper: w } = $t({
-      reference: p,
+      reference: f,
       placement: l,
       transfer: i,
       wrapper: u,
@@ -2921,17 +2921,17 @@ const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function T(E) {
       s.value = !1, e.onSelect(E), typeof (a == null ? void 0 : a.handleSelect) == "function" && a.handleSelect([y.value, ...E]);
     }
-    const B = f(() => [
+    const B = p(() => [
       "m-dropdown",
       {
         "m-dropdown--open": s.value,
         "m-dropdown--nested": r
       }
-    ]), C = f(() => {
-    }), V = f(() => [
+    ]), C = p(() => {
+    }), V = p(() => [
       "m-dropdown-menu",
       an
-    ]), H = f(() => `m-transition__${e.transitionName}`);
+    ]), H = p(() => `m-transition__${e.transitionName}`);
     return {
       wrapper: u,
       referenceRef: d,
@@ -3028,13 +3028,13 @@ const Al = /* @__PURE__ */ I(El, [["render", _l]]), Rl = R({
   },
   emits: [],
   setup(e, { slots: t }) {
-    const a = ie("dropdown-select", null), n = f(() => !!t["icon-left"]), r = f(() => !!t["icon-right"]), o = b(null), s = J(e, "label"), l = b(e.reference), i = tn(s, o);
+    const a = ie("dropdown-select", null), n = p(() => !!t["icon-left"]), r = p(() => !!t["icon-right"]), o = b(null), s = J(e, "label"), l = b(e.reference), i = tn(s, o);
     function u() {
       e.disabled || l.value || (typeof a == "function" && a([i.value]), e.onSelect(i.value));
     }
-    const d = f(() => [
+    const d = p(() => [
       nn
-    ]), c = f(() => e.href ? "a" : "li");
+    ]), c = p(() => e.href ? "a" : "li");
     return {
       wrapper: o,
       hasIconLeft: n,
@@ -3096,7 +3096,7 @@ const Ll = /* @__PURE__ */ I(zl, [["render", Vl]]), Pl = R({
   name: "DropdownSeperator",
   setup() {
     return {
-      computedClasses: f(() => [
+      computedClasses: p(() => [
         rn
       ])
     };
@@ -3184,8 +3184,8 @@ const Gl = R({
   setup(e, { emit: t }) {
     const a = [], n = me({
       add: (i, u, d, c) => {
-        const p = a.find((v) => v.name === i);
-        p ? (p.focus = u, p.validate = d, p.setError = c) : a.push({
+        const f = a.find((v) => v.name === i);
+        f ? (f.focus = u, f.validate = d, f.setError = c) : a.push({
           name: i,
           focus: u,
           validate: d,
@@ -3222,10 +3222,10 @@ const Gl = R({
       }), i;
     }, o = (i) => {
       i.preventDefault(), i.stopPropagation(), t("submit", e.autoValidate ? r() : !0);
-    }, s = f(() => {
+    }, s = p(() => {
       let i = {};
       return e.spacing && (i[ql.spacing] = e.spacing), ln(i);
-    }), l = f(() => [
+    }), l = p(() => [
       Hl
     ]);
     return {
@@ -3267,7 +3267,7 @@ const Kl = /* @__PURE__ */ I(Gl, [["render", Ul]]), Xl = R({
     to: [String, Object]
   },
   setup(e) {
-    const t = f(() => [
+    const t = p(() => [
       "m-link",
       {
         [`m-link--${e.color}`]: e.color,
@@ -3276,7 +3276,7 @@ const Kl = /* @__PURE__ */ I(Gl, [["render", Ul]]), Xl = R({
         "m-link--disabled": e.disabled,
         "m-link--external": a.value === "a"
       }
-    ]), a = f(() => e.to ? "router-link" : "a");
+    ]), a = p(() => e.to ? "router-link" : "a");
     return {
       computedClasses: t,
       tag: a
@@ -3343,10 +3343,10 @@ const ai = R({
     function r() {
       a.value = !1, t && (window.clearTimeout(t), t = null, e.onInternalAfterLeave && e.onInternalAfterLeave(e.internalKey));
     }
-    const o = f(() => [
+    const o = p(() => [
       Jl,
       [ei[e.variant]]
-    ]), s = f(() => [
+    ]), s = p(() => [
       Ql
     ]);
     return W(() => e.timeout, () => {
@@ -3484,12 +3484,12 @@ const $i = /* @__PURE__ */ I(ai, [["render", hi]]), wi = R({
     };
     ke("m-message", r);
     function o(u, d) {
-      const { id: c } = _t("m-message"), p = c.value, v = me({
+      const { id: c } = _t("m-message"), f = c.value, v = me({
         ...d,
         content: u,
-        key: p,
+        key: f,
         destroy: () => {
-          n.value[p].hide();
+          n.value[f].hide();
         }
       });
       return a.value.push(v), v;
@@ -3504,7 +3504,7 @@ const $i = /* @__PURE__ */ I(ai, [["render", hi]]), wi = R({
         (d) => d.key !== u
       ), delete n.value[u];
     }
-    const i = f(() => [
+    const i = p(() => [
       ti,
       // @ts-ignore
       [xl[e.placement]]
@@ -3607,11 +3607,11 @@ const Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     W(l, (y) => {
       y && n.value && d();
     });
-    const i = f(() => [
+    const i = p(() => [
       un,
       dn[e.size]
     ]);
-    K(r, "mousedown", v), K(document, "mouseup", p);
+    K(r, "mousedown", v), K(document, "mouseup", f);
     const u = () => {
       e.canClickOutside && !s.value && d();
     }, d = () => {
@@ -3619,7 +3619,7 @@ const Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }, c = (y) => {
       $(), n.value = !0;
     };
-    function p(y) {
+    function f(y) {
       Ae(() => {
         s.value && (s.value = !1);
       });
@@ -3646,7 +3646,7 @@ const Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), {
       close: d,
       closeOutside: u,
-      handleMouseUp: p,
+      handleMouseUp: f,
       handleMouseDown: v,
       open: c,
       target: r,
@@ -3770,14 +3770,14 @@ const Ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "update:pageSize"
   ],
   setup(e, { emit: t }) {
-    const a = f(() => e.total || 0), n = f(() => a.value === 0), r = f(() => (e.pageSizes == null ? [10, 20, 30, 40, 50] : e.pageSizes).map((p) => ({
-      label: p,
-      value: p
-    }))), o = f(() => Math.ceil(a.value / e.pageSize)), s = f(() => {
+    const a = p(() => e.total || 0), n = p(() => a.value === 0), r = p(() => (e.pageSizes == null ? [10, 20, 30, 40, 50] : e.pageSizes).map((f) => ({
+      label: f,
+      value: f
+    }))), o = p(() => Math.ceil(a.value / e.pageSize)), s = p(() => {
       let { page: c } = e;
       if (n.value)
         return [i(1, { current: !1 })];
-      let p = ut * 2 + 1, v = (it - p - 2) / 2, $, w, y = Math.max(c - ca, 1), h = Math.min(c + ca, o.value);
+      let f = ut * 2 + 1, v = (it - f - 2) / 2, $, w, y = Math.max(c - ca, 1), h = Math.min(c + ca, o.value);
       switch (!0) {
         case o.value <= it:
           return l(1, o.value);
@@ -3800,7 +3800,7 @@ const Ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           ).concat(
             l(
               c - ut,
-              p
+              f
             )
           ).concat(
             i(h, { more: !0, forward: !0 })
@@ -3812,16 +3812,16 @@ const Ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           );
       }
     });
-    function l(c, p) {
+    function l(c, f) {
       let v = [];
-      for (let $ = 0; $ < p; $++)
+      for (let $ = 0; $ < f; $++)
         v[$] = i(c + $);
       return v;
     }
-    function i(c, { more: p = !1, forward: v = !1, current: $ = !1 } = {}) {
+    function i(c, { more: f = !1, forward: v = !1, current: $ = !1 } = {}) {
       return {
         page: c,
-        more: p,
+        more: f,
         forward: v,
         current: $ || c === e.page,
         text: c
@@ -3983,24 +3983,24 @@ const du = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       validate: u,
       setError: d,
       formError: c,
-      formDisabled: p,
+      formDisabled: f,
       formLoading: v,
       inputListeners: $
-    } = x(e, { focus: r, emit: a }), w = f(() => p || v || e.disabled || e.loading), y = J(e, "name"), h = f(() => e.modelValue === e.value), M = f(() => !!t.default), O = f({
+    } = x(e, { focus: r, emit: a }), w = p(() => f || v || e.disabled || e.loading), y = J(e, "name"), h = p(() => e.modelValue === e.value), M = p(() => !!t.default), O = p({
       get() {
         return e.modelValue;
       },
       set(C) {
         a("update:modelValue", C);
       }
-    }), T = f(() => [
+    }), T = p(() => [
       fn,
       [mn[e.size]],
       {
         [vn]: w.value,
         [pn]: h.value
       }
-    ]), B = f(() => c.value || e.error);
+    ]), B = p(() => c.value || e.error);
     return He({
       focus: r,
       blur: o
@@ -4093,9 +4093,9 @@ const gn = Symbol("RADIO_BUTTON_GROUP_STATE"), $u = R({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = b(null), n = ie(gn, null), r = f(() => n == null ? void 0 : n.modelValue), o = f(() => (n == null ? void 0 : n.size) || e.size), s = f(() => n == null ? void 0 : n.name), { focus: l, blur: i } = se(a);
+    const a = b(null), n = ie(gn, null), r = p(() => n == null ? void 0 : n.modelValue), o = p(() => (n == null ? void 0 : n.size) || e.size), s = p(() => n == null ? void 0 : n.name), { focus: l, blur: i } = se(a);
     x(e, { focus: l, emit: t });
-    const u = f(() => r.value === e.id), d = f(() => [
+    const u = p(() => r.value === e.id), d = p(() => [
       gu,
       [hu[o.value]],
       {
@@ -4103,9 +4103,9 @@ const gn = Symbol("RADIO_BUTTON_GROUP_STATE"), $u = R({
         [fa.default]: !u.value,
         [fa.active]: u.value
       }
-    ]), c = f(() => [
+    ]), c = p(() => [
       bu
-    ]), p = (v) => {
+    ]), f = (v) => {
       if (e.disabled) {
         v.preventDefault();
         return;
@@ -4118,7 +4118,7 @@ const gn = Symbol("RADIO_BUTTON_GROUP_STATE"), $u = R({
     }), {
       radioRef: a,
       computedClasses: d,
-      handleClick: p,
+      handleClick: f,
       selected: u,
       value: r,
       name: s,
@@ -4176,7 +4176,7 @@ const Ou = R({
     function a(s) {
       t("update:modelValue", s);
     }
-    const n = f({
+    const n = p({
       get() {
         return e.modelValue;
       },
@@ -4190,7 +4190,7 @@ const Ou = R({
       doUpdateValue: a
     });
     return ke(gn, r), {
-      computedClasses: f(() => [
+      computedClasses: p(() => [
         Mu,
         {
           [Tu]: e.block
@@ -4232,7 +4232,7 @@ const Au = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   emits: ["close"],
   setup(e, { emit: t }) {
     return {
-      computedClasses: f(() => [
+      computedClasses: p(() => [
         yn
       ]),
       close: () => {
@@ -4375,7 +4375,7 @@ const ad = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     MTag: bn
   },
   setup(e, { emit: t }) {
-    const a = b(null), n = b(), r = b(), o = b(), s = b(), l = b(0), i = b(!1), u = b(!1), d = b(""), c = b("bottom-start"), p = b(!1), v = b(0), $ = b(!1), { focus: w, blur: y } = se(a), {
+    const a = b(null), n = b(), r = b(), o = b(), s = b(), l = b(0), i = b(!1), u = b(!1), d = b(""), c = b("bottom-start"), f = b(!1), v = b(0), $ = b(!1), { focus: w, blur: y } = se(a), {
       id: h,
       insideForm: M,
       inputListeners: O,
@@ -4384,20 +4384,20 @@ const ad = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       formLoading: C
     } = x(e, { focus: w, emit: t, withListeners: !1 }), { popper: V } = $t({
       placement: c,
-      transfer: p,
+      transfer: f,
       reference: a,
       wrapper: n,
       offset: [0, 5]
-    }), H = f(() => B || e.disabled), E = f(() => C || e.loading), j = f({
+    }), H = p(() => B || e.disabled), E = p(() => C || e.loading), j = p({
       get() {
         return e.multiple ? e.modelValue ? Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : [] : e.modelValue || null;
       },
       set(_) {
         t("update:modelValue", _);
       }
-    }), z = f(() => e.consistentWidth ? {
+    }), z = p(() => e.consistentWidth ? {
       width: v.value + "px"
-    } : {}), G = f(() => {
+    } : {}), G = p(() => {
       if (!e.options || e.options.length == 0)
         return [];
       if (e.searchable && d.value) {
@@ -4506,17 +4506,17 @@ const ad = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function Me(_) {
       console.log(_);
     }
-    const ve = f(() => `m-transition__${e.transitionName}`), he = f(() => [
+    const ve = p(() => `m-transition__${e.transitionName}`), he = p(() => [
       "m-select__container",
       {
         "m-form__input": M
       }
-    ]), ze = f(() => [
+    ]), ze = p(() => [
       wn,
       {
         [Ot]: u.value
       }
-    ]), $e = f(() => [
+    ]), $e = p(() => [
       hn,
       {
         [$n]: e.multiple,
@@ -4547,7 +4547,7 @@ const ad = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         $.value = !1;
       });
     });
-    const Be = f(() => T.value || e.error), q = f(() => e.multiple && G.value.length == 0 && !d.value ? !1 : i.value), ae = () => {
+    const Be = p(() => T.value || e.error), q = p(() => e.multiple && G.value.length == 0 && !d.value ? !1 : i.value), ae = () => {
       s.value && Y();
     };
     return He({
@@ -4706,12 +4706,12 @@ const pd = R({
     }
   },
   setup(e) {
-    const t = f(() => [
+    const t = p(() => [
       cd,
       {
         [fd]: e.loading
       }
-    ]), a = f(() => {
+    ]), a = p(() => {
       let n = {};
       return e.width && (n[pa.width] = e.width), e.height && (n[pa.height] = e.height), ln(n);
     });
@@ -4768,17 +4768,17 @@ const hd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       validate: u,
       setError: d,
       formError: c,
-      formDisabled: p,
+      formDisabled: f,
       formLoading: v,
       inputListeners: $
-    } = x(e, { focus: r, emit: a }), w = f(() => p || e.disabled || e.loading), y = J(e, "name"), h = b(!1), M = f(() => !!t.default), O = f(() => [
+    } = x(e, { focus: r, emit: a }), w = p(() => f || e.disabled || e.loading), y = J(e, "name"), h = b(!1), M = p(() => !!t.default), O = p(() => [
       Mn,
       [Cn[e.size]],
       {
         [Sn]: w.value,
         [kn]: h.value
       }
-    ]), T = f(() => c.value || e.error);
+    ]), T = p(() => c.value || e.error);
     W(() => e.modelValue, (C) => {
       h.value = !!C;
     }, { immediate: !0 }), W(() => h.value, (C) => {
@@ -4858,20 +4858,20 @@ const Cd = /* @__PURE__ */ I($d, [["render", Sd]]), Md = R({
     }
   },
   setup(e, { emit: t }) {
-    const a = f(() => e.value), n = f(() => e.label || e.value), r = b(null), o = b(null), s = ie("tabs", {
+    const a = p(() => e.value), n = p(() => e.label || e.value), r = b(null), o = b(null), s = ie("tabs", {
       tabsContentRef: b(null),
       selectTab: (c) => {
       },
       state: me({
         active: ""
       })
-    }), l = f(() => ({
+    }), l = p(() => ({
       "m-tab": !0,
       "m-tab--active": u.value,
       "m-tab--disabled": e.disabled
-    })), i = f(() => ({
+    })), i = p(() => ({
       "m-tabs__button": !0
-    })), u = f(() => s.state.active === a.value);
+    })), u = p(() => s.state.active === a.value);
     function d() {
       s.selectTab(a.value);
     }
@@ -4941,12 +4941,12 @@ const jd = /* @__PURE__ */ I(Md, [["render", Bd]]), Ed = R({
       o.value = e.modelValue;
     });
     const s = me({
-      active: f(() => o.value)
-    }), l = f(() => ({
+      active: p(() => o.value)
+    }), l = p(() => ({
       "m-tab-group": !0,
       "m-tab-group--vertical": e.vertical,
       [`m-tab-group--${e.size}`]: !0
-    })), i = f(() => ({
+    })), i = p(() => ({
       "m-tab-group__tabs": !0
     }));
     function u(d) {
@@ -5008,9 +5008,9 @@ const Tn = /* @__PURE__ */ I(Dd, [["render", zd]]), Vd = R({
     }
   },
   setup(e) {
-    const t = f(() => isNaN(Number(e.width)) ? e.width : `${e.width}px`);
+    const t = p(() => isNaN(Number(e.width)) ? e.width : `${e.width}px`);
     return {
-      computedStyles: f(() => ({
+      computedStyles: p(() => ({
         width: t.value
       }))
     };
@@ -5097,28 +5097,28 @@ const Yd = R({
     }
   },
   setup(e, { emit: t, attrs: a }) {
-    const n = f(() => [
+    const n = p(() => [
       Xd,
       "m-table__wrapper",
       {
         "m-table__wrapper--loading": e.loading
       }
-    ]), r = f(() => [
+    ]), r = p(() => [
       Kd,
       {
         [Gd]: e.hover,
         [Ud]: e.striped
       }
-    ]), o = f({
+    ]), o = p({
       get() {
         return e.modelValue;
       },
       set(c) {
         t("update:modelValue", c);
       }
-    }), s = f(() => o.value && o.value.length > 0 && o.value.length < e.items.length);
-    function l(c, p) {
-      return c === p;
+    }), s = p(() => o.value && o.value.length > 0 && o.value.length < e.items.length);
+    function l(c, f) {
+      return c === f;
     }
     function i(c) {
       if (!a.onSelect) {
@@ -5129,7 +5129,7 @@ const Yd = R({
     }
     function u() {
       e.items.forEach((c) => {
-        o.value.some((p) => l(Yt(p), Yt(c))) || i(c);
+        o.value.some((f) => l(Yt(f), Yt(c))) || i(c);
       });
     }
     function d(c) {
@@ -5169,19 +5169,14 @@ function Qd(e, t, a, n, r, o) {
             ]),
             _: 1
           })) : F("", !0),
-          (m(!0), k(Q, null, fe(e.headers, (p, v) => (m(), Z(l, {
+          (m(!0), k(Q, null, fe(e.headers, (f, v) => (m(), Z(l, {
             key: v,
-            width: p.width,
-            style: ee({ textAlign: p.align })
+            width: f.width,
+            style: ee({ textAlign: f.align })
           }, {
             default: U(() => [
-              A(e.$slots, `${p.key}-header`, {
-                item: (
-                  // @ts-ignore
-                  e.item
-                )
-              }, () => [
-                re(N(p.name), 1)
+              A(e.$slots, `${f.key}-header`, {}, () => [
+                re(N(f.name), 1)
               ])
             ]),
             _: 2
@@ -5191,14 +5186,14 @@ function Qd(e, t, a, n, r, o) {
       }),
       X(c, null, {
         default: U(() => [
-          e.items.length > 0 ? (m(!0), k(Q, { key: 0 }, fe(e.items, (p, v) => (m(), Z(d, { key: v }, {
+          e.items.length > 0 ? (m(!0), k(Q, { key: 0 }, fe(e.items, (f, v) => (m(), Z(d, { key: v }, {
             default: U(({ onHover: $ }) => [
               e.modelValue ? (m(), Z(u, { key: 0 }, {
                 default: U(() => [
                   X(s, {
                     modelValue: e.selected,
                     "onUpdate:modelValue": t[0] || (t[0] = (w) => e.selected = w),
-                    value: p,
+                    value: f,
                     onClick: t[1] || (t[1] = je(() => {
                     }, ["stop"]))
                   }, null, 8, ["modelValue", "value"])
@@ -5211,12 +5206,12 @@ function Qd(e, t, a, n, r, o) {
               }, {
                 default: U(() => [
                   A(e.$slots, w.key, {
-                    item: p,
+                    item: f,
                     onHover: $
                   }, () => [
                     re(N(
                       //@ts-ignore
-                      p[w.key]
+                      f[w.key]
                     ), 1)
                   ])
                 ]),
@@ -5306,19 +5301,19 @@ const rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       inputListeners: u,
       validate: d,
       setError: c,
-      formError: p,
+      formError: f,
       formDisabled: v,
       formLoading: $
-    } = x(e, { focus: r, emit: a }), w = J(e, "name"), y = f(() => v || e.disabled), h = f(() => $ || e.loading), M = f(() => e.loading || e.readonly), O = f(() => [
+    } = x(e, { focus: r, emit: a }), w = J(e, "name"), y = p(() => v || e.disabled), h = p(() => $ || e.loading), M = p(() => e.loading || e.readonly), O = p(() => [
       {
         [ft]: e.block
       }
-    ]), T = f(() => [
+    ]), T = p(() => [
       Dn,
       {
         [ft]: e.block
       }
-    ]), B = f(() => [
+    ]), B = p(() => [
       _n,
       In[e.size],
       {
@@ -5326,7 +5321,7 @@ const rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [An]: y.value || h.value,
         [Rn]: C.value
       }
-    ]), C = f(() => p.value || e.error), V = () => {
+    ]), C = p(() => f.value || e.error), V = () => {
       a("update:modelValue", "");
     };
     return He({
@@ -5435,7 +5430,7 @@ const mc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e) {
-    const { nextZIndex: t } = ot(), a = J(e, "placement"), n = J(e, "transfer"), r = b(null), o = b(null), s = b(!1), l = b(e.zIndex ?? t()), i = b(null), u = f(() => {
+    const { nextZIndex: t } = ot(), a = J(e, "placement"), n = J(e, "transfer"), r = b(null), o = b(null), s = b(!1), l = b(e.zIndex ?? t()), i = b(null), u = p(() => {
       switch (a.value) {
         case "top":
           return [0, 8];
@@ -5448,21 +5443,21 @@ const mc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         default:
           return [0, 0];
       }
-    }), { popper: d, transferTo: c, updatePopper: p } = $t({
+    }), { popper: d, transferTo: c, updatePopper: f } = $t({
       placement: a,
       transfer: n,
       reference: o,
       wrapper: r,
       // @ts-ignore
       offset: u.value
-    }), v = f(() => [
+    }), v = p(() => [
       Vn,
       {
         [zn]: e.reverse
       }
     ]);
     W(() => s.value, (y) => {
-      y && p();
+      y && f();
     });
     function $() {
       i.value && clearTimeout(i.value), e.delay ? i.value = setTimeout(() => {
@@ -5565,17 +5560,17 @@ const Oc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   setup(e, { emit: t }) {
     const a = b(null), n = () => {
-      const i = f(
+      const i = p(
         () => (
           // @ts-ignore
-          e.options.reduce((c, p) => (c[p[e.optionKey]] = p) && c, {})
+          e.options.reduce((c, f) => (c[f[e.optionKey]] = f) && c, {})
         )
-      ), u = f(
-        () => e.options.filter((c) => !e.modelValue.includes(c[e.optionKey]))
-      ), d = f(() => e.modelValue.reduce(
+      ), u = p(
+        () => e.options.filter((c) => !e.modelValue.includes(c[e.optionKey])).sort((c, f) => c[e.optionLabel].localeCompare(f[e.optionLabel]))
+      ), d = p(() => e.modelValue.reduce(
         // @ts-ignore
-        (c, p) => {
-          const v = i.value[p];
+        (c, f) => {
+          const v = i.value[f];
           return v && c.push(v), c;
         },
         []
@@ -5688,7 +5683,7 @@ const Ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e, { emit: t }) {
-    const a = b(), n = b(), r = b(0), o = b(0), s = b(0), l = b(0), i = f(() => e.items.length * e.itemHeight), u = f(() => e.items[0].length * e.itemWidth), d = f(() => {
+    const a = b(), n = b(), r = b(0), o = b(0), s = b(0), l = b(0), i = p(() => e.items.length * e.itemHeight), u = p(() => e.items[0].length * e.itemWidth), d = p(() => {
       const M = Math.max(
         0,
         Math.floor(s.value / e.itemHeight) - 2 * e.buffer
@@ -5697,7 +5692,7 @@ const Ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         Math.floor(l.value / e.itemWidth) - 2 * e.buffer
       );
       return { row: M, col: O };
-    }), c = f(() => {
+    }), c = p(() => {
       const M = Math.min(
         e.items.length,
         Math.ceil(
@@ -5711,9 +5706,9 @@ const Ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         ) + 2 * e.buffer
       );
       return { row: M, col: O };
-    }), p = f(() => d.value.col * e.itemWidth), v = f(() => d.value.row * e.itemHeight), $ = f(
+    }), f = p(() => d.value.col * e.itemWidth), v = p(() => d.value.row * e.itemHeight), $ = p(
       () => Math.ceil(r.value / e.itemHeight)
-    ), w = f(
+    ), w = p(
       () => Math.ceil(o.value / e.itemWidth)
     ), y = b([]), h = () => {
       s.value = n.value.scrollTop, l.value = n.value.scrollLeft;
@@ -5750,7 +5745,7 @@ const Ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       startPosition: d,
       endPosition: c,
       renderedItems: y,
-      offsetX: p,
+      offsetX: f,
       offsetY: v,
       onScroll: h,
       style: Ic