@teammodlr/ui-kit 2.1.0 → 2.1.1

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, renderSlot as A, ref as b, watch as F, computed as p, openBlock as m, createElementBlock as $, normalizeClass as g, normalizeStyle as x, inject as ie, onMounted as ce, resolveComponent as oe, createBlock as ee, mergeProps as Ce, reactive as me, toRef as Z, provide as ke, Fragment as J, renderList as fe, createElementVNode as S, createVNode as Y, withCtx as U, createTextVNode as ne, toDisplayString as N, createCommentVNode as W, onBeforeUnmount as Bt, resolveDynamicComponent as _t, readonly as Wn, onUnmounted as va, defineExpose as He, withModifiers as Oe, withDirectives as Xe, toHandlers as Ye, vModelCheckbox as ma, getCurrentScope as Hn, onScopeDispose as qn, unref as ga, getCurrentInstance as Gn, watchEffect as gt, nextTick as Fe, Teleport as Re, Transition as Ae, withKeys as Je, vShow as ya, vModelRadio as Un, vModelText as Kn } from "vue";
+import { defineComponent as R, renderSlot as A, ref as b, watch as F, computed as f, openBlock as m, createElementBlock as w, normalizeClass as g, normalizeStyle as x, inject as ie, onMounted as ce, resolveComponent as oe, createBlock as ee, mergeProps as Ce, reactive as me, toRef as Z, provide as ke, Fragment as J, renderList as fe, createElementVNode as S, createVNode as Y, withCtx as K, createTextVNode as ne, toDisplayString as N, createCommentVNode as W, onBeforeUnmount as Bt, resolveDynamicComponent as _t, readonly as Wn, onUnmounted as va, defineExpose as He, withModifiers as Oe, withDirectives as Xe, toHandlers as Ye, vModelCheckbox as ma, getCurrentScope as Hn, onScopeDispose as qn, unref as ga, getCurrentInstance as Gn, watchEffect as gt, nextTick as Ae, Teleport as Ie, Transition as Re, withKeys as Je, vShow as ya, vModelRadio as Un, vModelText as Kn } from "vue";
 const Xn = {
   h: {
     type: Function,
@@ -53,9 +53,9 @@ const Xn = {
       },
       { immediate: !0 }
     );
-    const n = p(() => ({
+    const n = f(() => ({
       "m-image": !0
-    })), r = p(() => ({}));
+    })), r = f(() => ({}));
     return {
       source: a,
       computedClasses: n,
@@ -69,7 +69,7 @@ const Xn = {
   return a;
 }, Jn = ["src", "alt"];
 function Qn(e, t, a, n, r, o) {
-  return m(), $("img", {
+  return m(), w("img", {
     class: g(e.computedClasses),
     style: x(e.computedStyles),
     src: e.source,
@@ -105,15 +105,15 @@ const ha = Symbol("AVATAR_GROUP_STATE"), rr = R({
     error: (e) => !0
   },
   setup(e, { emit: t }) {
-    const a = ie(ha, 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(() => [
+    const a = ie(ha, 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(() => [
       xn,
       [nr[u.value]],
       {
         [tr]: i.value,
         [ar]: d.value
       }
-    ]), v = (f) => {
-      r.value = !1, t("error", f);
+    ]), v = (p) => {
+      r.value = !1, t("error", p);
     };
     return ce(() => {
       o.value = s.value || e.size;
@@ -129,7 +129,7 @@ const ha = Symbol("AVATAR_GROUP_STATE"), rr = R({
 });
 function or(e, t, a, n, r, o) {
   const s = oe("MImage");
-  return m(), $("span", {
+  return m(), w("span", {
     class: g(e.classes),
     ref: "avatar"
   }, [
@@ -178,7 +178,7 @@ const ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       max: Z(e, "max")
     });
     ke(ha, t);
-    const a = p(() => e.options.slice(0, e.max)), n = p(() => e.options.length - e.max);
+    const a = f(() => e.options.slice(0, e.max)), n = f(() => e.options.length - e.max);
     return {
       style: ir,
       avatars: a,
@@ -188,10 +188,10 @@ const ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }), dr = { key: 0 };
 function cr(e, t, a, n, r, o) {
   const s = oe("MAvatar");
-  return m(), $("ul", {
+  return m(), w("ul", {
     class: g(e.style.base)
   }, [
-    (m(!0), $(J, null, fe(e.avatars, (l, i) => (m(), $("li", {
+    (m(!0), w(J, null, fe(e.avatars, (l, i) => (m(), w("li", {
       key: i,
       class: g(e.style.item)
     }, [
@@ -205,9 +205,9 @@ function cr(e, t, a, n, r, o) {
         }, null, 8, ["src", "srcSet", "alt"])
       ], 4)
     ], 2))), 128)),
-    e.options && e.options.length > e.max ? (m(), $("li", dr, [
+    e.options && e.options.length > e.max ? (m(), w("li", dr, [
       Y(s, null, {
-        default: U(() => [
+        default: K(() => [
           ne(" +" + N(e.remaining), 1)
         ]),
         _: 1
@@ -230,7 +230,7 @@ const yr = R({
     }
   },
   setup(e) {
-    const t = p(() => [
+    const t = f(() => [
       pr,
       gr[e.variant],
       {
@@ -244,7 +244,7 @@ const yr = R({
   }
 });
 function br(e, t, a, n, r, o) {
-  return m(), $("span", {
+  return m(), w("span", {
     class: g(e.baseClass)
   }, [
     S("span", {
@@ -282,7 +282,7 @@ const Sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }, n = me({
       separator: Z(e, "seperator"),
       refreshItems: a
-    }), r = p(() => [
+    }), r = f(() => [
       ka
     ]);
     return ke(wa, n), {
@@ -292,7 +292,7 @@ const Sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 });
 function Mr(e, t, a, n, r, o) {
-  return m(), $("ol", {
+  return m(), w("ol", {
     class: g(e.classes)
   }, [
     A(e.$slots, "default")
@@ -336,7 +336,7 @@ const Tr = /* @__PURE__ */ I(Cr, [["render", Mr]]), Or = R({
   }
 });
 function Br(e, t, a, n, r, o) {
-  return m(), $("li", {
+  return m(), w("li", {
     class: g(e.style.item)
   }, [
     S("a", {
@@ -414,7 +414,7 @@ const Sa = Symbol("BUTTON_GROUP_STATE"), jt = Symbol("FORM_STATE"), Gr = R({
     }
   },
   setup(e, { slots: t }) {
-    const a = ie(Sa, null), n = ie(jt, null), r = ie("dropdown", null), o = b("md"), s = b(!1), l = b(0), i = Z(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), v = p(() => !!t["icon-left"]), f = p(() => !!t["icon-right"]), y = p(() => [
+    const a = ie(Sa, null), n = ie(jt, null), r = ie("dropdown", null), o = b("md"), s = b(!1), l = b(0), i = Z(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), v = f(() => !!t["icon-left"]), p = f(() => !!t["icon-right"]), h = f(() => [
       jr,
       [Fr[c.value]],
       Wr[e.variant],
@@ -426,29 +426,29 @@ const Sa = Symbol("BUTTON_GROUP_STATE"), jt = Symbol("FORM_STATE"), Gr = R({
         [Ir]: e.icon,
         [Pr]: (n == null ? void 0 : n.loading) || i.value
       }
-    ]), w = p(() => [
+    ]), k = f(() => [
       Hr,
       {
         [qr]: s.value
       }
-    ]), k = p(() => [
+    ]), $ = f(() => [
       Ar
-    ]), h = p(() => [
+    ]), y = f(() => [
       Rr
-    ]), M = p(() => e.to ? "nuxt-link" : e.href ? "a" : "button");
+    ]), M = f(() => e.to ? "nuxt-link" : e.href ? "a" : "button");
     return ce(() => {
       o.value = d.value || e.size;
     }), Bt(() => {
       l.value && clearTimeout(l.value);
     }), {
       dropdownOpen: u,
-      computedClasses: y,
-      computedWaveClasses: w,
-      computedBorderClasses: k,
-      computedBorderStateClasses: h,
+      computedClasses: h,
+      computedWaveClasses: k,
+      computedBorderClasses: $,
+      computedBorderStateClasses: y,
       computedTag: M,
       hasIconLeft: v,
-      hasIconRight: f,
+      hasIconRight: p,
       handleClick: (T) => {
         if (e.disabled) {
           T.preventDefault();
@@ -471,14 +471,14 @@ function Ur(e, t, a, n, r, o) {
     disabled: e.disabled,
     onClick: e.handleClick
   }, e.$attrs), {
-    default: U(() => [
+    default: K(() => [
       S("div", {
         class: g(e.computedBorderClasses)
       }, null, 2),
       S("div", {
         class: g(e.computedBorderStateClasses)
       }, null, 2),
-      e.hasIconLeft ? (m(), $("span", {
+      e.hasIconLeft ? (m(), w("span", {
         key: 0,
         class: g(e.iconLeft)
       }, [
@@ -487,7 +487,7 @@ function Ur(e, t, a, n, r, o) {
       S("span", null, [
         A(e.$slots, "default")
       ]),
-      e.hasIconRight ? (m(), $("span", {
+      e.hasIconRight ? (m(), w("span", {
         key: 1,
         class: g(e.iconRight)
       }, [
@@ -517,7 +517,7 @@ const Xr = R({
   }
 });
 function Yr(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.classes)
   }, [
     A(e.$slots, "default")
@@ -550,36 +550,36 @@ function Et(e) {
 }
 const Q = (e, { focus: t, emit: a, withListeners: n = !0 }) => {
   const r = b(!0), o = b(e.error), { id: s } = Et("input"), l = e.name ? e.name : s.value, i = b(l);
-  F(() => e.error, (y) => o.value = y), F(() => e.name, (y) => l.value = y);
+  F(() => e.error, (h) => o.value = h), F(() => e.name, (h) => l.value = h);
   const u = ie(jt, null), d = () => {
     o.value = "", r.value = !0, a("update:modelValue", "");
-  }, c = (y) => {
-    o.value = y;
-  }, v = (y) => {
-    y = y || e.modelValue, r.value = !1;
-    for (let w = 0; w < e.rules.length; w++) {
-      const k = e.rules[w];
-      let h = !0;
-      if (typeof k == "function")
-        h = k(y);
-      else if (Array.isArray(k) && k.length === 2) {
-        const { 0: M, 1: O } = k;
-        h = M(y, O);
+  }, c = (h) => {
+    o.value = h;
+  }, v = (h) => {
+    h = h || e.modelValue, r.value = !1;
+    for (let k = 0; k < e.rules.length; k++) {
+      const $ = e.rules[k];
+      let y = !0;
+      if (typeof $ == "function")
+        y = $(h);
+      else if (Array.isArray($) && $.length === 2) {
+        const { 0: M, 1: O } = $;
+        y = M(h, O);
       } else {
-        const M = k.fn, { options: O } = k;
-        h = M(y, O);
+        const M = $.fn, { options: O } = $;
+        y = M(h, O);
       }
-      if (h !== !0)
-        return o.value = h, !1;
+      if (y !== !0)
+        return o.value = y, !1;
     }
     return o.value = "", !0;
-  }, f = n ? p(() => ({
-    blur: (y) => a("blur", y),
-    focus: (y) => a("focus", y),
-    input: (y) => {
-      a("update:modelValue", y.target.value);
+  }, p = n ? f(() => ({
+    blur: (h) => a("blur", h),
+    focus: (h) => a("focus", h),
+    input: (h) => {
+      a("update:modelValue", h.target.value);
     },
-    change: (y) => a("change", y)
+    change: (h) => a("change", h)
   })) : {};
   return ce(() => {
     u == null || u.add(
@@ -597,7 +597,7 @@ const Q = (e, { focus: t, emit: a, withListeners: n = !0 }) => {
     isFirstValidation: r,
     formError: o,
     insideForm: (u == null ? void 0 : u.insideForm) ?? !1,
-    inputListeners: f,
+    inputListeners: p,
     reset: d,
     validate: v,
     setError: c,
@@ -681,24 +681,24 @@ const ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       setError: d,
       formError: c,
       formDisabled: v,
-      formLoading: f,
-      inputListeners: y
-    } = Q(e, { focus: r, emit: a }), w = p(() => v || e.disabled || e.loading), k = Z(e, "name"), h = b(!1), M = p(() => !!t.default), O = p(() => [
+      formLoading: p,
+      inputListeners: h
+    } = Q(e, { focus: r, emit: a }), k = f(() => v || e.disabled || e.loading), $ = Z(e, "name"), y = b(!1), M = f(() => !!t.default), O = f(() => [
       Ma,
       [_a[e.size]],
       {
-        [Oa]: w.value,
-        [Ta]: h.value,
+        [Oa]: k.value,
+        [Ta]: y.value,
         [Ba]: e.indeterminate
       }
-    ]), T = p(() => c.value || e.error);
+    ]), T = f(() => c.value || e.error);
     F(() => e.modelValue, (C) => {
-      h.value = !!C;
-    }, { immediate: !0 }), F(() => h.value, (C) => {
+      y.value = !!C;
+    }, { immediate: !0 }), F(() => y.value, (C) => {
       a("update:modelValue", C);
     });
     function B() {
-      w.value || e.indeterminate || (h.value = !h.value);
+      k.value || e.indeterminate || (y.value = !y.value);
     }
     return He({
       focus: r,
@@ -710,16 +710,16 @@ const ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       reset: i,
       validate: u,
       setError: d,
-      disabled: w,
-      name: k,
-      checked: h,
+      disabled: k,
+      name: $,
+      checked: y,
       checkboxRef: n,
       inputError: T,
       toggle: B,
       style: ro,
       classes: O,
       hasSlot: M,
-      inputListeners: y,
+      inputListeners: h,
       focus: r,
       blur: o
     };
@@ -740,7 +740,7 @@ const ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   uo
 ], fo = ["id"];
 function po(e, t, a, n, r, o) {
-  return m(), $("label", {
+  return m(), w("label", {
     class: g(e.style.base),
     onClick: t[1] || (t[1] = Oe((...s) => e.toggle && e.toggle(...s), ["prevent"]))
   }, [
@@ -760,7 +760,7 @@ function po(e, t, a, n, r, o) {
     S("span", {
       class: g(e.classes)
     }, [
-      e.checked && !e.indeterminate ? (m(), $("svg", {
+      e.checked && !e.indeterminate ? (m(), w("svg", {
         key: 0,
         class: g(e.style.checkmark),
         xmlns: "http://www.w3.org/2000/svg",
@@ -770,7 +770,7 @@ function po(e, t, a, n, r, o) {
         height: "24",
         focusable: "false"
       }, io, 2)) : W("", !0),
-      e.indeterminate && !e.checked ? (m(), $("svg", {
+      e.indeterminate && !e.checked ? (m(), w("svg", {
         key: 1,
         class: g(e.style.checkmark),
         xmlns: "http://www.w3.org/2000/svg",
@@ -785,7 +785,7 @@ function po(e, t, a, n, r, o) {
       class: g(e.style.label),
       id: `${e.id}-label`
     }, [
-      e.hasSlot ? A(e.$slots, "default", { key: 0 }) : (m(), $(J, { key: 1 }, [
+      e.hasSlot ? A(e.$slots, "default", { key: 0 }) : (m(), w(J, { key: 1 }, [
         ne(N(e.label), 1)
       ], 64))
     ], 10, fo)
@@ -804,24 +804,24 @@ function yo() {
   var e;
   return ja && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
-function Ve(e) {
+function Ne(e) {
   var t;
   const a = pt(e);
   return (t = a == null ? void 0 : a.$el) != null ? t : a;
 }
 const Ze = ja ? window : void 0;
-function K(...e) {
+function U(...e) {
   let t, a, n, r;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([a, n, r] = e, t = Ze) : [t, a, n, r] = e, !t)
     return vt;
   Array.isArray(a) || (a = [a]), Array.isArray(n) || (n = [n]);
   const o = [], s = () => {
     o.forEach((d) => d()), o.length = 0;
-  }, l = (d, c, v, f) => (d.addEventListener(c, v, f), () => d.removeEventListener(c, v, f)), i = F(
-    () => [Ve(t), pt(r)],
+  }, l = (d, c, v, p) => (d.addEventListener(c, v, p), () => d.removeEventListener(c, v, p)), i = F(
+    () => [Ne(t), pt(r)],
     ([d, c]) => {
       s(), d && o.push(
-        ...a.flatMap((v) => n.map((f) => l(d, v, f, c)))
+        ...a.flatMap((v) => n.map((p) => l(d, v, p, c)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -837,17 +837,17 @@ function At(e, t, a = {}) {
     return;
   go && !Yt && (Yt = !0, Array.from(n.document.body.children).forEach((v) => v.addEventListener("click", vt)), n.document.documentElement.addEventListener("click", vt));
   let l = !0;
-  const i = (v) => r.some((f) => {
-    if (typeof f == "string")
-      return Array.from(n.document.querySelectorAll(f)).some((y) => y === v.target || v.composedPath().includes(y));
+  const i = (v) => r.some((p) => {
+    if (typeof p == "string")
+      return Array.from(n.document.querySelectorAll(p)).some((h) => h === v.target || v.composedPath().includes(h));
     {
-      const y = Ve(f);
-      return y && (v.target === y || v.composedPath().includes(y));
+      const h = Ne(p);
+      return h && (v.target === h || v.composedPath().includes(h));
     }
   }), d = [
-    K(n, "click", (v) => {
-      const f = Ve(e);
-      if (!(!f || f === v.target || v.composedPath().includes(f))) {
+    U(n, "click", (v) => {
+      const p = Ne(e);
+      if (!(!p || p === v.target || v.composedPath().includes(p))) {
         if (v.detail === 0 && (l = !i(v)), !l) {
           l = !0;
           return;
@@ -855,15 +855,15 @@ function At(e, t, a = {}) {
         t(v);
       }
     }, { passive: !0, capture: o }),
-    K(n, "pointerdown", (v) => {
-      const f = Ve(e);
-      f && (l = !v.composedPath().includes(f) && !i(v));
+    U(n, "pointerdown", (v) => {
+      const p = Ne(e);
+      p && (l = !v.composedPath().includes(p) && !i(v));
     }, { passive: !0 }),
-    s && K(n, "blur", (v) => {
+    s && U(n, "blur", (v) => {
       setTimeout(() => {
-        var f;
-        const y = Ve(e);
-        ((f = n.document.activeElement) == null ? void 0 : f.tagName) === "IFRAME" && !(y != null && y.contains(n.document.activeElement)) && t(v);
+        var p;
+        const h = Ne(e);
+        ((p = n.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(h != null && h.contains(n.document.activeElement)) && t(v);
       }, 0);
     })
   ].filter(Boolean);
@@ -877,7 +877,7 @@ function bo() {
 }
 function ho(e) {
   const t = bo();
-  return p(() => (t.value, !!e()));
+  return f(() => (t.value, !!e()));
 }
 function $o(e = {}) {
   const { initialValue: t = "" } = e, a = ho(() => typeof window < "u" && "EyeDropper" in window), n = b(t);
@@ -912,43 +912,43 @@ function ko(e = {}) {
     },
     current: s
   }, i = t ? me(l) : l, u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set();
-  function c(w, k) {
-    w in i && (t ? i[w] = k : i[w].value = k);
+  function c(k, $) {
+    k in i && (t ? i[k] = $ : i[k].value = $);
   }
   function v() {
     s.clear();
-    for (const w of d)
-      c(w, !1);
+    for (const k of d)
+      c(k, !1);
   }
-  function f(w, k) {
-    var h, M;
-    const O = (h = w.key) == null ? void 0 : h.toLowerCase(), B = [(M = w.code) == null ? void 0 : M.toLowerCase(), O].filter(Boolean);
-    O && (k ? s.add(O) : s.delete(O));
+  function p(k, $) {
+    var y, M;
+    const O = (y = k.key) == null ? void 0 : y.toLowerCase(), B = [(M = k.code) == null ? void 0 : M.toLowerCase(), O].filter(Boolean);
+    O && ($ ? s.add(O) : s.delete(O));
     for (const C of B)
-      d.add(C), c(C, k);
-    O === "meta" && !k ? (u.forEach((C) => {
+      d.add(C), c(C, $);
+    O === "meta" && !$ ? (u.forEach((C) => {
       s.delete(C), c(C, !1);
-    }), u.clear()) : typeof w.getModifierState == "function" && w.getModifierState("Meta") && k && [...s, ...B].forEach((C) => u.add(C));
+    }), u.clear()) : typeof k.getModifierState == "function" && k.getModifierState("Meta") && $ && [...s, ...B].forEach((C) => u.add(C));
   }
-  K(a, "keydown", (w) => (f(w, !0), o(w)), { passive: r }), K(a, "keyup", (w) => (f(w, !1), o(w)), { passive: r }), K("blur", v, { passive: !0 }), K("focus", v, { passive: !0 });
-  const y = new Proxy(
+  U(a, "keydown", (k) => (p(k, !0), o(k)), { passive: r }), U(a, "keyup", (k) => (p(k, !1), o(k)), { passive: r }), U("blur", v, { passive: !0 }), U("focus", v, { passive: !0 });
+  const h = new Proxy(
     i,
     {
-      get(w, k, h) {
-        if (typeof k != "string")
-          return Reflect.get(w, k, h);
-        if (k = k.toLowerCase(), k in n && (k = n[k]), !(k in i))
-          if (/[+_-]/.test(k)) {
-            const O = k.split(/[+_-]/g).map((T) => T.trim());
-            i[k] = p(() => O.every((T) => pt(y[T])));
+      get(k, $, y) {
+        if (typeof $ != "string")
+          return Reflect.get(k, $, y);
+        if ($ = $.toLowerCase(), $ in n && ($ = n[$]), !($ in i))
+          if (/[+_-]/.test($)) {
+            const O = $.split(/[+_-]/g).map((T) => T.trim());
+            i[$] = f(() => O.every((T) => pt(h[T])));
           } else
-            i[k] = b(!1);
-        const M = Reflect.get(w, k, h);
+            i[$] = b(!1);
+        const M = Reflect.get(k, $, y);
         return t ? pt(M) : M;
       }
     }
   );
-  return y;
+  return h;
 }
 const So = {
   page: (e) => [e.pageX, e.pageY],
@@ -965,20 +965,20 @@ function Co(e = {}) {
     window: o = Ze,
     target: s = o,
     eventFilter: l
-  } = e, i = b(r.x), u = b(r.y), d = b(null), c = typeof t == "function" ? t : So[t], v = (h) => {
-    const M = c(h);
+  } = e, i = b(r.x), u = b(r.y), d = b(null), c = typeof t == "function" ? t : So[t], v = (y) => {
+    const M = c(y);
     M && ([i.value, u.value] = M, d.value = "mouse");
-  }, f = (h) => {
-    if (h.touches.length > 0) {
-      const M = c(h.touches[0]);
+  }, p = (y) => {
+    if (y.touches.length > 0) {
+      const M = c(y.touches[0]);
       M && ([i.value, u.value] = M, d.value = "touch");
     }
-  }, y = () => {
+  }, h = () => {
     i.value = r.x, u.value = r.y;
-  }, w = l ? (h) => l(() => v(h), {}) : (h) => v(h), k = l ? (h) => l(() => f(h), {}) : (h) => f(h);
+  }, k = l ? (y) => l(() => v(y), {}) : (y) => v(y), $ = l ? (y) => l(() => p(y), {}) : (y) => p(y);
   if (s) {
-    const h = { passive: !0 };
-    K(s, ["mousemove", "dragover"], w, h), a && t !== "movement" && (K(s, ["touchstart", "touchmove"], k, h), n && K(s, "touchend", y, h));
+    const y = { passive: !0 };
+    U(s, ["mousemove", "dragover"], k, y), a && t !== "movement" && (U(s, ["touchstart", "touchmove"], $, y), n && U(s, "touchend", h, y));
   }
   return {
     x: i,
@@ -990,28 +990,28 @@ function Ea(e, t = {}) {
   const {
     handleOutside: a = !0,
     window: n = Ze
-  } = t, { x: r, y: o, sourceType: s } = Co(t), l = b(e ?? (n == null ? void 0 : n.document.body)), i = b(0), u = b(0), d = b(0), c = b(0), v = b(0), f = b(0), y = b(!0);
-  let w = () => {
+  } = t, { x: r, y: o, sourceType: s } = Co(t), l = b(e ?? (n == null ? void 0 : n.document.body)), i = b(0), u = b(0), d = b(0), c = b(0), v = b(0), p = b(0), h = b(!0);
+  let k = () => {
   };
-  return n && (w = F(
+  return n && (k = F(
     [l, r, o],
     () => {
-      const k = Ve(l);
-      if (!k)
+      const $ = Ne(l);
+      if (!$)
         return;
       const {
-        left: h,
+        left: y,
         top: M,
         width: O,
         height: T
-      } = k.getBoundingClientRect();
-      d.value = h + n.pageXOffset, c.value = M + n.pageYOffset, v.value = T, f.value = O;
+      } = $.getBoundingClientRect();
+      d.value = y + n.pageXOffset, c.value = M + n.pageYOffset, v.value = T, p.value = O;
       const B = r.value - d.value, C = o.value - c.value;
-      y.value = O === 0 || T === 0 || B < 0 || C < 0 || B > O || C > T, (a || !y.value) && (i.value = B, u.value = C);
+      h.value = O === 0 || T === 0 || B < 0 || C < 0 || B > O || C > T, (a || !h.value) && (i.value = B, u.value = C);
     },
     { immediate: !0 }
-  ), K(document, "mouseleave", () => {
-    y.value = !0;
+  ), U(document, "mouseleave", () => {
+    h.value = !0;
   })), {
     x: r,
     y: o,
@@ -1021,9 +1021,9 @@ function Ea(e, t = {}) {
     elementPositionX: d,
     elementPositionY: c,
     elementHeight: v,
-    elementWidth: f,
-    isOutside: y,
-    stop: w
+    elementWidth: p,
+    isOutside: h,
+    stop: k
   };
 }
 function Aa(e = {}) {
@@ -1042,8 +1042,8 @@ function Aa(e = {}) {
     o.value = !0, s.value = d;
   }, i = () => {
     o.value = !1, s.value = null;
-  }, u = p(() => Ve(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 })), {
+  }, u = f(() => Ne(e.target) || r);
+  return U(u, "mousedown", l("mouse"), { passive: !0 }), U(r, "mouseleave", i, { passive: !0 }), U(r, "mouseup", i, { passive: !0 }), a && (U(u, "dragstart", l("mouse"), { passive: !0 }), U(r, "drop", i, { passive: !0 }), U(r, "dragend", i, { passive: !0 })), t && (U(u, "touchstart", l("touch"), { passive: !0 }), U(r, "touchend", i, { passive: !0 }), U(r, "touchcancel", i, { passive: !0 })), {
     pressed: o,
     sourceType: s
   };
@@ -1088,11 +1088,11 @@ const Do = (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, v = Math.round((i + c) * 255), f = Math.round((u + c) * 255), y = Math.round((d + c) * 255);
+  const c = t - o, v = Math.round((i + c) * 255), p = Math.round((u + c) * 255), h = Math.round((d + c) * 255);
   return {
     r: v,
-    g: f,
-    b: y,
+    g: p,
+    b: h,
     a: n
   };
 }, Vo = (e, t) => {
@@ -1183,7 +1183,7 @@ const xo = {
 function we(e) {
   return e.split("-")[0];
 }
-var Ne = Math.max, mt = Math.min, Ge = Math.round;
+var Fe = Math.max, mt = Math.min, Ge = Math.round;
 function Ct() {
   var e = navigator.userAgentData;
   return e != null && e.brands ? e.brands.map(function(t) {
@@ -1238,7 +1238,7 @@ function Se(e) {
 function es(e) {
   return ["table", "td", "th"].indexOf(Be(e)) >= 0;
 }
-function Ie(e) {
+function ze(e) {
   return ((We(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
@@ -1253,7 +1253,7 @@ function ht(e) {
     e.parentNode || // DOM Element detected
     (Rt(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Ie(e)
+    ze(e)
   );
 }
 function Qt(e) {
@@ -1285,7 +1285,7 @@ function zt(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function xe(e, t, a) {
-  return Ne(e, mt(t, a));
+  return Fe(e, mt(t, a));
 }
 function as(e, t, a) {
   var n = xe(e, t, a);
@@ -1315,7 +1315,7 @@ var ns = function(t, a) {
 function rs(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 = zt(l), u = [de, ye].indexOf(l) >= 0, d = u ? "height" : "width";
   if (!(!o || !s)) {
-    var c = ns(r.padding, a), v = It(o), f = i === "y" ? ue : de, y = i === "y" ? ge : ye, w = a.rects.reference[d] + a.rects.reference[i] - s[i] - a.rects.popper[d], k = s[i] - a.rects.reference[i], h = rt(o), M = h ? i === "y" ? h.clientHeight || 0 : h.clientWidth || 0 : 0, O = w / 2 - k / 2, T = c[f], B = M - v[d] - c[y], C = M / 2 - v[d] / 2 + O, L = xe(T, C, B), H = i;
+    var c = ns(r.padding, a), v = It(o), p = i === "y" ? ue : de, h = i === "y" ? ge : ye, k = a.rects.reference[d] + a.rects.reference[i] - s[i] - a.rects.popper[d], $ = s[i] - a.rects.reference[i], y = rt(o), M = y ? i === "y" ? y.clientHeight || 0 : y.clientWidth || 0 : 0, O = k / 2 - $ / 2, T = c[p], B = M - v[d] - c[h], C = M / 2 - v[d] / 2 + O, L = xe(T, C, B), H = i;
     a.modifiersData[n] = (t = {}, t[H] = L, t.centerOffset = L - C, t);
   }
 }
@@ -1355,24 +1355,24 @@ function is(e) {
   };
 }
 function xt(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, v = s.x, f = v === void 0 ? 0 : v, y = s.y, w = y === void 0 ? 0 : y, k = typeof d == "function" ? d({
-    x: f,
-    y: w
+  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, v = s.x, p = v === void 0 ? 0 : v, h = s.y, k = h === void 0 ? 0 : h, $ = typeof d == "function" ? d({
+    x: p,
+    y: k
   }) : {
-    x: f,
-    y: w
+    x: p,
+    y: k
   };
-  f = k.x, w = k.y;
-  var h = s.hasOwnProperty("x"), M = s.hasOwnProperty("y"), O = de, T = ue, B = window;
+  p = $.x, k = $.y;
+  var y = s.hasOwnProperty("x"), M = s.hasOwnProperty("y"), O = de, T = ue, B = window;
   if (u) {
     var C = rt(a), L = "clientHeight", H = "clientWidth";
-    if (C === be(a) && (C = Ie(a), Se(C).position !== "static" && l === "absolute" && (L = "scrollHeight", H = "scrollWidth")), C = C, r === ue || (r === de || r === ye) && o === tt) {
+    if (C === be(a) && (C = ze(a), Se(C).position !== "static" && l === "absolute" && (L = "scrollHeight", H = "scrollWidth")), C = C, r === ue || (r === de || r === ye) && o === tt) {
       T = ge;
       var j = c && C === B && B.visualViewport ? B.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         C[L]
       );
-      w -= j - n.height, w *= i ? 1 : -1;
+      k -= j - n.height, k *= i ? 1 : -1;
     }
     if (r === de || (r === ue || r === ge) && o === tt) {
       O = ye;
@@ -1380,23 +1380,23 @@ function xt(e) {
         // $FlowFixMe[prop-missing]
         C[H]
       );
-      f -= _ - n.width, f *= i ? 1 : -1;
+      p -= _ - n.width, p *= i ? 1 : -1;
     }
   }
   var D = Object.assign({
     position: l
   }, u && ls), G = d === !0 ? is({
-    x: f,
-    y: w
+    x: p,
+    y: k
   }) : {
-    x: f,
-    y: w
+    x: p,
+    y: k
   };
-  if (f = G.x, w = G.y, i) {
+  if (p = G.x, k = G.y, i) {
     var X;
-    return Object.assign({}, D, (X = {}, X[T] = M ? "0" : "", X[O] = h ? "0" : "", X.transform = (B.devicePixelRatio || 1) <= 1 ? "translate(" + f + "px, " + w + "px)" : "translate3d(" + f + "px, " + w + "px, 0)", X));
+    return Object.assign({}, D, (X = {}, X[T] = M ? "0" : "", X[O] = y ? "0" : "", X.transform = (B.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + k + "px)" : "translate3d(" + p + "px, " + k + "px, 0)", X));
   }
-  return Object.assign({}, D, (t = {}, t[T] = M ? w + "px" : "", t[O] = h ? f + "px" : "", t.transform = "", t));
+  return Object.assign({}, D, (t = {}, t[T] = M ? k + "px" : "", t[O] = y ? p + "px" : "", t.transform = "", t));
 }
 function us(e) {
   var t = e.state, a = e.options, n = a.gpuAcceleration, r = n === void 0 ? !0 : n, o = a.adaptive, s = o === void 0 ? !0 : o, l = a.roundOffsets, i = l === void 0 ? !0 : l;
@@ -1489,10 +1489,10 @@ function Dt(e) {
   };
 }
 function Lt(e) {
-  return Ue(Ie(e)).left + Dt(e).scrollLeft;
+  return Ue(ze(e)).left + Dt(e).scrollLeft;
 }
 function ms(e, t) {
-  var a = be(e), n = Ie(e), r = a.visualViewport, o = n.clientWidth, s = n.clientHeight, l = 0, i = 0;
+  var a = be(e), n = ze(e), r = a.visualViewport, o = n.clientWidth, s = n.clientHeight, l = 0, i = 0;
   if (r) {
     o = r.width, s = r.height;
     var u = La();
@@ -1506,8 +1506,8 @@ function ms(e, t) {
   };
 }
 function gs(e) {
-  var t, a = Ie(e), n = Dt(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, o = Ne(a.scrollWidth, a.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), s = Ne(a.scrollHeight, a.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), l = -n.scrollLeft + Lt(e), i = -n.scrollTop;
-  return Se(r || a).direction === "rtl" && (l += Ne(a.clientWidth, r ? r.clientWidth : 0) - o), {
+  var t, a = ze(e), n = Dt(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, o = Fe(a.scrollWidth, a.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), s = Fe(a.scrollHeight, a.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), l = -n.scrollLeft + Lt(e), i = -n.scrollTop;
+  return Se(r || a).direction === "rtl" && (l += Fe(a.clientWidth, r ? r.clientWidth : 0) - o), {
     width: o,
     height: s,
     x: l,
@@ -1543,7 +1543,7 @@ function ys(e, t) {
   return a.top = a.top + e.clientTop, a.left = a.left + e.clientLeft, a.bottom = a.top + e.clientHeight, a.right = a.left + e.clientWidth, a.width = e.clientWidth, a.height = e.clientHeight, a.x = a.left, a.y = a.top, a;
 }
 function ta(e, t, a) {
-  return t === za ? Mt(ms(e, a)) : We(t) ? ys(t, a) : Mt(gs(Ie(e)));
+  return t === za ? Mt(ms(e, a)) : We(t) ? ys(t, a) : Mt(gs(ze(e)));
 }
 function bs(e) {
   var t = et(ht(e)), a = ["absolute", "fixed"].indexOf(Se(e).position) >= 0, n = a && pe(e) ? rt(e) : e;
@@ -1554,7 +1554,7 @@ function bs(e) {
 function hs(e, t, a, n) {
   var r = t === "clippingParents" ? bs(e) : [].concat(t), o = [].concat(r, [a]), s = o[0], l = o.reduce(function(i, u) {
     var d = ta(e, u, n);
-    return i.top = Ne(d.top, i.top), i.right = mt(d.right, i.right), i.bottom = mt(d.bottom, i.bottom), i.left = Ne(d.left, i.left), i;
+    return i.top = Fe(d.top, i.top), i.right = mt(d.right, i.right), i.bottom = mt(d.bottom, i.bottom), i.left = Fe(d.left, i.left), i;
   }, ta(e, s, n));
   return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
 }
@@ -1607,16 +1607,16 @@ function Ha(e) {
 }
 function at(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 ? No : l, u = a.rootBoundary, d = u === void 0 ? za : u, c = a.elementContext, v = c === void 0 ? Qe : c, f = a.altBoundary, y = f === void 0 ? !1 : f, w = a.padding, k = w === void 0 ? 0 : w, h = Na(typeof k != "number" ? k : Fa(k, nt)), M = v === Qe ? Fo : Qe, O = e.rects.popper, T = e.elements[y ? M : v], B = hs(We(T) ? T : T.contextElement || Ie(e.elements.popper), i, d, s), C = Ue(e.elements.reference), L = Ha({
+  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 ? No : l, u = a.rootBoundary, d = u === void 0 ? za : u, c = a.elementContext, v = c === void 0 ? Qe : c, p = a.altBoundary, h = p === void 0 ? !1 : p, k = a.padding, $ = k === void 0 ? 0 : k, y = Na(typeof $ != "number" ? $ : Fa($, nt)), M = v === Qe ? Fo : Qe, O = e.rects.popper, T = e.elements[h ? M : v], B = hs(We(T) ? T : T.contextElement || ze(e.elements.popper), i, d, s), C = Ue(e.elements.reference), L = Ha({
     reference: C,
     element: O,
     strategy: "absolute",
     placement: r
   }), H = Mt(Object.assign({}, O, L)), j = v === Qe ? H : C, _ = {
-    top: B.top - j.top + h.top,
-    bottom: j.bottom - B.bottom + h.bottom,
-    left: B.left - j.left + h.left,
-    right: j.right - B.right + h.right
+    top: B.top - j.top + y.top,
+    bottom: j.bottom - B.bottom + y.bottom,
+    left: B.left - j.left + y.left,
+    right: j.right - B.right + y.right
   }, D = e.modifiersData.offset;
   if (v === Qe && D) {
     var G = D[r];
@@ -1629,22 +1629,22 @@ function at(e, t) {
 }
 function $s(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 ? Da : i, d = Ke(n), c = d ? l ? Jt : Jt.filter(function(y) {
-    return Ke(y) === d;
-  }) : nt, v = c.filter(function(y) {
-    return u.indexOf(y) >= 0;
+  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 ? Da : i, d = Ke(n), c = d ? l ? Jt : Jt.filter(function(h) {
+    return Ke(h) === d;
+  }) : nt, v = c.filter(function(h) {
+    return u.indexOf(h) >= 0;
   });
   v.length === 0 && (v = 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 f = v.reduce(function(y, w) {
-    return y[w] = at(e, {
-      placement: w,
+  var p = v.reduce(function(h, k) {
+    return h[k] = at(e, {
+      placement: k,
       boundary: r,
       rootBoundary: o,
       padding: s
-    })[we(w)], y;
+    })[we(k)], h;
   }, {});
-  return Object.keys(f).sort(function(y, w) {
-    return f[y] - f[w];
+  return Object.keys(p).sort(function(h, k) {
+    return p[h] - p[k];
   });
 }
 function ws(e) {
@@ -1656,14 +1656,14 @@ function ws(e) {
 function ks(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, v = a.altBoundary, f = a.flipVariations, y = f === void 0 ? !0 : f, w = a.allowedAutoPlacements, k = t.options.placement, h = we(k), M = h === k, O = i || (M || !y ? [dt(k)] : ws(k)), T = [k].concat(O).reduce(function(_e, 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, v = a.altBoundary, p = a.flipVariations, h = p === void 0 ? !0 : p, k = a.allowedAutoPlacements, $ = t.options.placement, y = we($), M = y === $, O = i || (M || !h ? [dt($)] : ws($)), T = [$].concat(O).reduce(function(_e, q) {
       return _e.concat(we(q) === bt ? $s(t, {
         placement: q,
         boundary: d,
         rootBoundary: c,
         padding: u,
-        flipVariations: y,
-        allowedAutoPlacements: w
+        flipVariations: h,
+        allowedAutoPlacements: k
       }) : q);
     }, []), B = t.rects.reference, C = t.rects.popper, L = /* @__PURE__ */ new Map(), H = !0, j = T[0], _ = 0; _ < T.length; _++) {
       var D = T[_], G = we(D), X = Ke(D) === qe, le = [ue, ge].indexOf(G) >= 0, te = le ? "width" : "height", P = at(t, {
@@ -1684,7 +1684,7 @@ function ks(e) {
       L.set(D, ve);
     }
     if (H)
-      for (var he = y ? 3 : 1, ze = function(q) {
+      for (var he = h ? 3 : 1, De = function(q) {
         var ae = T.find(function(E) {
           var z = L.get(E);
           if (z)
@@ -1695,7 +1695,7 @@ function ks(e) {
         if (ae)
           return j = ae, "break";
       }, $e = he; $e > 0; $e--) {
-        var je = ze($e);
+        var je = De($e);
         if (je === "break")
           break;
       }
@@ -1796,14 +1796,14 @@ function Es(e) {
   return e === "x" ? "y" : "x";
 }
 function As(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, v = a.tether, f = v === void 0 ? !0 : v, y = a.tetherOffset, w = y === void 0 ? 0 : y, k = at(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, v = a.tether, p = v === void 0 ? !0 : v, h = a.tetherOffset, k = h === void 0 ? 0 : h, $ = at(t, {
     boundary: i,
     rootBoundary: u,
     padding: c,
     altBoundary: d
-  }), h = we(t.placement), M = Ke(t.placement), O = !M, T = zt(h), B = Es(T), C = t.modifiersData.popperOffsets, L = t.rects.reference, H = t.rects.popper, j = typeof w == "function" ? w(Object.assign({}, t.rects, {
+  }), y = we(t.placement), M = Ke(t.placement), O = !M, T = zt(y), B = Es(T), C = t.modifiersData.popperOffsets, L = t.rects.reference, H = t.rects.popper, j = typeof k == "function" ? k(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : w, _ = typeof j == "number" ? {
+  })) : k, _ = typeof j == "number" ? {
     mainAxis: j,
     altAxis: j
   } : Object.assign({
@@ -1815,15 +1815,15 @@ function As(e) {
   };
   if (C) {
     if (o) {
-      var X, le = T === "y" ? ue : de, te = T === "y" ? ge : ye, P = T === "y" ? "height" : "width", re = C[T], Me = re + k[le], ve = re - k[te], he = f ? -H[P] / 2 : 0, ze = M === qe ? L[P] : H[P], $e = M === qe ? -H[P] : -L[P], je = t.elements.arrow, _e = f && je ? It(je) : {
+      var X, le = T === "y" ? ue : de, te = T === "y" ? ge : ye, P = T === "y" ? "height" : "width", re = C[T], Me = re + $[le], ve = re - $[te], he = p ? -H[P] / 2 : 0, De = M === qe ? L[P] : H[P], $e = M === qe ? -H[P] : -L[P], je = t.elements.arrow, _e = p && je ? It(je) : {
         width: 0,
         height: 0
-      }, q = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Va(), ae = q[le], E = q[te], z = xe(0, L[P], _e[P]), V = O ? L[P] / 2 - he - z - ae - _.mainAxis : ze - z - ae - _.mainAxis, Te = O ? -L[P] / 2 + he + z + E + _.mainAxis : $e + z + E + _.mainAxis, De = t.elements.arrow && rt(t.elements.arrow), Ln = De ? T === "y" ? De.clientTop || 0 : De.clientLeft || 0 : 0, Nt = (X = D == null ? void 0 : D[T]) != null ? X : 0, Pn = re + V - Nt - Ln, Vn = re + Te - Nt, Ft = xe(f ? mt(Me, Pn) : Me, re, f ? Ne(ve, Vn) : ve);
+      }, q = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Va(), ae = q[le], E = q[te], z = xe(0, L[P], _e[P]), V = O ? L[P] / 2 - he - z - ae - _.mainAxis : De - z - ae - _.mainAxis, Te = O ? -L[P] / 2 + he + z + E + _.mainAxis : $e + z + E + _.mainAxis, Le = t.elements.arrow && rt(t.elements.arrow), Ln = Le ? T === "y" ? Le.clientTop || 0 : Le.clientLeft || 0 : 0, Nt = (X = D == null ? void 0 : D[T]) != null ? X : 0, Pn = re + V - Nt - Ln, Vn = re + Te - Nt, Ft = xe(p ? mt(Me, Pn) : Me, re, p ? Fe(ve, Vn) : ve);
       C[T] = Ft, G[T] = Ft - re;
     }
     if (l) {
-      var Wt, Nn = T === "x" ? ue : de, Fn = T === "x" ? ge : ye, Le = C[B], st = B === "y" ? "height" : "width", Ht = Le + k[Nn], qt = Le - k[Fn], wt = [ue, de].indexOf(h) !== -1, Gt = (Wt = D == null ? void 0 : D[B]) != null ? Wt : 0, Ut = wt ? Ht : Le - L[st] - H[st] - Gt + _.altAxis, Kt = wt ? Le + L[st] + H[st] - Gt - _.altAxis : qt, Xt = f && wt ? as(Ut, Le, Kt) : xe(f ? Ut : Ht, Le, f ? Kt : qt);
-      C[B] = Xt, G[B] = Xt - Le;
+      var Wt, Nn = T === "x" ? ue : de, Fn = T === "x" ? ge : ye, Pe = C[B], st = B === "y" ? "height" : "width", Ht = Pe + $[Nn], qt = Pe - $[Fn], wt = [ue, de].indexOf(y) !== -1, Gt = (Wt = D == null ? void 0 : D[B]) != null ? Wt : 0, Ut = wt ? Ht : Pe - L[st] - H[st] - Gt + _.altAxis, Kt = wt ? Pe + L[st] + H[st] - Gt - _.altAxis : qt, Xt = p && wt ? as(Ut, Pe, Kt) : xe(p ? Ut : Ht, Pe, p ? Kt : qt);
+      C[B] = Xt, G[B] = Xt - Pe;
     }
     t.modifiersData[n] = G;
   }
@@ -1850,7 +1850,7 @@ function Ds(e) {
 }
 function Ls(e, t, a) {
   a === void 0 && (a = !1);
-  var n = pe(t), r = pe(t) && Ds(t), o = Ie(t), s = Ue(e, r, a), l = {
+  var n = pe(t), r = pe(t) && Ds(t), o = ze(t), s = Ue(e, r, a), l = {
     scrollLeft: 0,
     scrollTop: 0
   }, i = {
@@ -1909,7 +1909,7 @@ function Ee(e) {
     return r.replace(/%s/, o);
   }, e);
 }
-var Pe = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Fs = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', ra = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+var Ve = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Fs = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', ra = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
 function Ws(e) {
   e.forEach(function(t) {
     [].concat(Object.keys(t), ra).filter(function(a, n, r) {
@@ -1917,25 +1917,25 @@ function Ws(e) {
     }).forEach(function(a) {
       switch (a) {
         case "name":
-          typeof t.name != "string" && console.error(Ee(Pe, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
+          typeof t.name != "string" && console.error(Ee(Ve, String(t.name), '"name"', '"string"', '"' + String(t.name) + '"'));
           break;
         case "enabled":
-          typeof t.enabled != "boolean" && console.error(Ee(Pe, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
+          typeof t.enabled != "boolean" && console.error(Ee(Ve, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
           break;
         case "phase":
-          St.indexOf(t.phase) < 0 && console.error(Ee(Pe, t.name, '"phase"', "either " + St.join(", "), '"' + String(t.phase) + '"'));
+          St.indexOf(t.phase) < 0 && console.error(Ee(Ve, t.name, '"phase"', "either " + St.join(", "), '"' + String(t.phase) + '"'));
           break;
         case "fn":
-          typeof t.fn != "function" && console.error(Ee(Pe, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
+          typeof t.fn != "function" && console.error(Ee(Ve, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
           break;
         case "effect":
-          t.effect != null && typeof t.effect != "function" && console.error(Ee(Pe, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
+          t.effect != null && typeof t.effect != "function" && console.error(Ee(Ve, t.name, '"effect"', '"function"', '"' + String(t.fn) + '"'));
           break;
         case "requires":
-          t.requires != null && !Array.isArray(t.requires) && console.error(Ee(Pe, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
+          t.requires != null && !Array.isArray(t.requires) && console.error(Ee(Ve, t.name, '"requires"', '"array"', '"' + String(t.requires) + '"'));
           break;
         case "requiresIfExists":
-          Array.isArray(t.requiresIfExists) || console.error(Ee(Pe, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
+          Array.isArray(t.requiresIfExists) || console.error(Ee(Ve, t.name, '"requiresIfExists"', '"array"', '"' + String(t.requiresIfExists) + '"'));
           break;
         case "options":
         case "data":
@@ -2001,11 +2001,11 @@ function Us(e) {
       },
       attributes: {},
       styles: {}
-    }, c = [], v = !1, f = {
+    }, c = [], v = !1, p = {
       state: d,
-      setOptions: function(h) {
-        var M = typeof h == "function" ? h(d.options) : h;
-        w(), d.options = Object.assign({}, o, d.options, M), d.scrollParents = {
+      setOptions: function(y) {
+        var M = typeof y == "function" ? y(d.options) : y;
+        k(), d.options = Object.assign({}, o, d.options, M), d.scrollParents = {
           reference: We(l) ? et(l) : l.contextElement ? et(l.contextElement) : [],
           popper: et(i)
         };
@@ -2029,7 +2029,7 @@ function Us(e) {
             return parseFloat(D);
           }) && console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
         }
-        return y(), f.update();
+        return h(), p.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -2038,7 +2038,7 @@ function Us(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!v) {
-          var h = d.elements, M = h.reference, O = h.popper;
+          var y = d.elements, M = y.reference, O = y.popper;
           if (!la(M, O)) {
             process.env.NODE_ENV !== "production" && console.error(oa);
             return;
@@ -2063,7 +2063,7 @@ function Us(e) {
               state: d,
               options: j,
               name: _,
-              instance: f
+              instance: p
             }) || d);
           }
         }
@@ -2071,27 +2071,27 @@ function Us(e) {
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
       update: Ns(function() {
-        return new Promise(function(k) {
-          f.forceUpdate(), k(d);
+        return new Promise(function($) {
+          p.forceUpdate(), $(d);
         });
       }),
       destroy: function() {
-        w(), v = !0;
+        k(), v = !0;
       }
     };
     if (!la(l, i))
-      return process.env.NODE_ENV !== "production" && console.error(oa), f;
-    f.setOptions(u).then(function(k) {
-      !v && u.onFirstUpdate && u.onFirstUpdate(k);
+      return process.env.NODE_ENV !== "production" && console.error(oa), p;
+    p.setOptions(u).then(function($) {
+      !v && u.onFirstUpdate && u.onFirstUpdate($);
     });
-    function y() {
-      d.orderedModifiers.forEach(function(k) {
-        var h = k.name, M = k.options, O = M === void 0 ? {} : M, T = k.effect;
+    function h() {
+      d.orderedModifiers.forEach(function($) {
+        var y = $.name, M = $.options, O = M === void 0 ? {} : M, T = $.effect;
         if (typeof T == "function") {
           var B = T({
             state: d,
-            name: h,
-            instance: f,
+            name: y,
+            instance: p,
             options: O
           }), C = function() {
           };
@@ -2099,12 +2099,12 @@ function Us(e) {
         }
       });
     }
-    function w() {
-      c.forEach(function(k) {
-        return k();
+    function k() {
+      c.forEach(function($) {
+        return $();
       }), c = [];
     }
-    return f;
+    return p;
   };
 }
 var Ks = [fs, js, ds, xo, Bs, Ss, Rs, ss, Ms], Xs = /* @__PURE__ */ Us({
@@ -2149,9 +2149,9 @@ function $t(e) {
     name: "setTransformOrigin",
     enabled: !0,
     phase: "afterWrite",
-    fn({ state: h }) {
-      const M = Zs(h.placement);
-      M && (h.elements.popper.style.transformOrigin = M);
+    fn({ state: y }) {
+      const M = Zs(y.placement);
+      M && (y.elements.popper.style.transformOrigin = M);
     }
   }), e.offset && i.modifiers.push({
     name: "offset",
@@ -2160,38 +2160,38 @@ function $t(e) {
     }
   });
   let u = null;
-  F(t, (h) => {
-    i.placement = h, u && (u == null || u.setOptions({ placement: h }));
+  F(t, (y) => {
+    i.placement = y, u && (u == null || u.setOptions({ placement: y }));
   });
   let d = b(0);
   gt(() => {
     n.value && s.value && (n.value.__transferElement = s.value);
   });
   let c = null;
-  a && F(a, (h) => {
-    y(h), v();
+  a && F(a, (y) => {
+    h(y), v();
   }), ce(() => {
-    Fe(f);
-  }), Bt(k);
+    Ae(p);
+  }), Bt($);
   function v() {
-    Fe(() => {
+    Ae(() => {
       u && u.forceUpdate(), n.value && (d.value = n.value.clientWidth);
     });
   }
-  function f() {
-    k(), u && u.destroy(), w();
-    const h = F(o, w), M = F(s, w);
+  function p() {
+    $(), u && u.destroy(), k();
+    const y = F(o, k), M = F(s, k);
     c = () => {
-      h(), M();
+      y(), M();
     };
   }
-  function y(h) {
-    l.value = typeof h == "boolean" ? h ? "body" : "" : h;
+  function h(y) {
+    l.value = typeof y == "boolean" ? y ? "body" : "" : y;
   }
-  function w() {
+  function k() {
     o.value && s.value && (u && u.destroy(), u = Xs(o.value, s.value, i), v());
   }
-  function k() {
+  function $() {
     u && u.destroy(), u = null, typeof c == "function" && (c(), c = null);
   }
   return {
@@ -2199,8 +2199,8 @@ function $t(e) {
     popper: s,
     transferTo: l,
     updatePopper: v,
-    createPopper: f,
-    destroyPopper: k,
+    createPopper: p,
+    destroyPopper: $,
     width: d
   };
 }
@@ -2211,10 +2211,10 @@ function Zs(e) {
   }
 }
 const ia = b(0), Js = 1e3, Qs = Symbol("ZINDEX"), ot = (e) => {
-  const t = e || ie(Qs, void 0), a = p(() => {
+  const t = e || ie(Qs, void 0), a = f(() => {
     const o = ga(t);
     return o === void 0 || isNaN(o) ? Js : o;
-  }), n = p(() => a.value + ia.value);
+  }), n = f(() => a.value + ia.value);
   return {
     initial: a,
     current: n,
@@ -2266,7 +2266,7 @@ const nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 });
 function ol(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.style.slider)
   }, [
     S("div", {
@@ -2370,16 +2370,16 @@ const ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       validate: d,
       setError: c,
       formError: v,
-      formDisabled: f,
-      formLoading: y
-    } = Q(e, { focus: r, emit: a }), w = b(!1), k = Z(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(() => f || e.disabled), L = p(() => y || e.loading), H = p(() => {
+      formDisabled: p,
+      formLoading: h
+    } = Q(e, { focus: r, emit: a }), k = b(!1), $ = Z(e, "name"), y = 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(() => p || e.disabled), L = f(() => h || e.loading), H = f(() => {
       const te = e.type;
-      return te === "password" ? w.value ? "text" : "password" : te;
-    }), j = p(() => e.loading || e.readonly), _ = p(() => [
+      return te === "password" ? k.value ? "text" : "password" : te;
+    }), j = f(() => e.loading || e.readonly), _ = f(() => [
       {
         [ct]: e.block
       }
-    ]), D = p(() => [
+    ]), D = f(() => [
       Qa,
       Ga,
       Ja[e.size],
@@ -2387,15 +2387,15 @@ const ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [ct]: e.block,
         [Ka]: X.value
       }
-    ]), G = p(() => [
+    ]), G = f(() => [
       Za,
       {
         [ct]: e.block,
         [Ua]: C.value || L.value,
-        [Xa]: h.value,
+        [Xa]: y.value,
         [Ya]: M.value
       }
-    ]), X = p(() => v.value || e.error), le = () => {
+    ]), X = f(() => v.value || e.error), le = () => {
       a("update:modelValue", "");
     };
     return He({
@@ -2411,8 +2411,8 @@ const ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       inputComputedClasses: G,
       wrapperComputedClasses: D,
       computedContainerClasses: _,
-      name: k,
-      hasLeftIcon: h,
+      name: $,
+      hasLeftIcon: y,
       hasRightIcon: M,
       hasSuffix: T,
       hasPrefix: O,
@@ -2429,30 +2429,30 @@ const ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 }), yl = ["for", "id"], bl = ["id", "type", "placeholder", "name", "value", "readonly", "disabled", "aria-disabled", "aria-labelledby"];
 function hl(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     ref: "container",
     class: g(e.computedContainerClasses)
   }, [
-    e.label ? (m(), $("label", {
+    e.label ? (m(), w("label", {
       key: 0,
       for: e.id,
       id: `${e.id}-label`,
       class: g(e.style.label)
     }, N(e.label), 11, yl)) : W("", !0),
-    e.description ? (m(), $("div", {
+    e.description ? (m(), w("div", {
       key: 1,
       class: g(e.style.description)
     }, N(e.description), 3)) : W("", !0),
     S("div", {
       class: g(e.wrapperComputedClasses)
     }, [
-      e.hasLeftIcon ? (m(), $("div", {
+      e.hasLeftIcon ? (m(), w("div", {
         key: 0,
         class: g(e.style.leftIcon)
       }, [
         A(e.$slots, "icon-left")
       ], 2)) : W("", !0),
-      e.hasPrefix ? (m(), $("div", {
+      e.hasPrefix ? (m(), w("div", {
         key: 1,
         class: g(e.style.prefix)
       }, [
@@ -2471,26 +2471,26 @@ function hl(e, t, a, n, r, o) {
         "aria-disabled": e.disabled ? "true" : "false",
         "aria-labelledby": `${e.id}-label`
       }), null, 16, bl),
-      e.hasSuffix ? (m(), $("div", {
+      e.hasSuffix ? (m(), w("div", {
         key: 2,
         class: g(e.style.suffix)
       }, [
         A(e.$slots, "suffix")
       ], 2)) : W("", !0),
-      e.hasRightIcon ? (m(), $("div", {
+      e.hasRightIcon ? (m(), w("div", {
         key: 3,
         class: g(e.style.rightIcon)
       }, [
         A(e.$slots, "icon-right")
       ], 2)) : W("", !0)
     ], 2),
-    e.hasHelpMessage ? (m(), $("div", {
+    e.hasHelpMessage ? (m(), w("div", {
       key: 2,
       class: g(e.style.helpMessage)
     }, [
       A(e.$slots, "help")
     ], 2)) : W("", !0),
-    e.inputError ? (m(), $("div", {
+    e.inputError ? (m(), w("div", {
       key: 3,
       class: g(e.style.errorMessage)
     }, N(e.inputError), 3)) : W("", !0)
@@ -2522,17 +2522,17 @@ const Vt = /* @__PURE__ */ I(gl, [["render", hl]]), $l = R({
     MButton: Ca
   },
   setup(e, { emit: t }) {
-    const { isSupported: a, open: n, sRGBHex: r } = $o(), { nextZIndex: o } = ot(), s = b(!1), l = b(!1), i = b(""), u = b(""), d = b(""), c = b(""), v = b(""), f = b(), y = b(), w = b(), k = Z(e, "transfer"), h = Z(e, "placement"), M = b(), O = b(0), T = b(100), B = b(!1), C = me({
+    const { isSupported: a, open: n, sRGBHex: r } = $o(), { nextZIndex: o } = ot(), s = b(!1), l = b(!1), i = b(""), u = b(""), d = b(""), c = b(""), v = b(""), p = b(), h = b(), k = b(), $ = Z(e, "transfer"), y = Z(e, "placement"), M = b(), O = b(0), T = b(100), B = b(!1), C = me({
       x: 0,
       y: 0
-    }), L = b(e.zIndex ?? o()), { elementX: H, elementY: j } = Ea(f), { pressed: _ } = Aa(), { popper: D, transferTo: G, updatePopper: X } = $t({
-      reference: w,
-      placement: h,
-      transfer: k,
-      wrapper: y,
+    }), L = b(e.zIndex ?? o()), { elementX: H, elementY: j } = Ea(p), { pressed: _ } = Aa(), { popper: D, transferTo: G, updatePopper: X } = $t({
+      reference: k,
+      placement: y,
+      transfer: $,
+      wrapper: h,
       isDrop: !1,
       offset: [-2, 2]
-    }), le = p(() => 1 - C.y), te = p(() => C.x), P = p(() => Po(O.value * 3.6, le.value, te.value, T.value / 100)), re = p(() => Vo(O.value * 3.6, T.value / 100)), Me = () => {
+    }), le = f(() => 1 - C.y), te = f(() => C.x), P = f(() => Po(O.value * 3.6, le.value, te.value, T.value / 100)), re = f(() => Vo(O.value * 3.6, T.value / 100)), Me = () => {
       i.value = Do(P.value.r, P.value.g, P.value.b, P.value.a), u.value = P.value.r.toString(), d.value = P.value.g.toString(), c.value = P.value.b.toString(), v.value = P.value.a.toFixed(2).toString(), t("update:modelValue", i.value);
     };
     F(() => P.value, () => {
@@ -2543,7 +2543,7 @@ const Vt = /* @__PURE__ */ I(gl, [["render", hl]]), $l = R({
     }, he = () => {
       var q = Lo(i.value, P.value.r, P.value.g, P.value.b, P.value.a);
       ve(Zt(q.r, q.g, q.b), q.a);
-    }, ze = () => {
+    }, De = () => {
       var q = parseInt(u.value);
       (isNaN(q) || q > 255 || q < 0) && (q = P.value.r);
       var ae = parseInt(d.value);
@@ -2562,7 +2562,7 @@ const Vt = /* @__PURE__ */ I(gl, [["render", hl]]), $l = R({
     });
     const $e = () => {
       var q, ae, E, z;
-      C.x = Math.min(Math.max(H.value, 0), ((q = f.value) == null ? void 0 : q.clientWidth) || 0) / (((ae = f.value) == null ? void 0 : ae.clientWidth) || 0), C.y = Math.min(Math.max(j.value, 0), ((E = f.value) == null ? void 0 : E.clientHeight) || 0) / (((z = f.value) == null ? void 0 : z.clientHeight) || 0);
+      C.x = Math.min(Math.max(H.value, 0), ((q = p.value) == null ? void 0 : q.clientWidth) || 0) / (((ae = p.value) == null ? void 0 : ae.clientWidth) || 0), C.y = Math.min(Math.max(j.value, 0), ((E = p.value) == null ? void 0 : E.clientHeight) || 0) / (((z = p.value) == null ? void 0 : z.clientHeight) || 0);
     }, je = () => {
       B.value = !0, $e();
     };
@@ -2576,9 +2576,9 @@ const Vt = /* @__PURE__ */ I(gl, [["render", hl]]), $l = R({
       isOpen: s,
       popper: D,
       transferTo: G,
-      wrapper: y,
-      referenceRef: w,
-      updateFromRGB: ze,
+      wrapper: h,
+      referenceRef: k,
+      updateFromRGB: De,
       updateFromHex: he,
       setInputs: Me,
       rgbOrHex: l,
@@ -2597,7 +2597,7 @@ const Vt = /* @__PURE__ */ I(gl, [["render", hl]]), $l = R({
       elementX: H,
       pressed: _,
       handleMouseDown: je,
-      picker: f,
+      picker: p,
       style: zo,
       mainColor: re,
       zIndex: L,
@@ -2649,7 +2649,7 @@ const Vt = /* @__PURE__ */ I(gl, [["render", hl]]), $l = R({
 ];
 function _l(e, t, a, n, r, o) {
   const s = oe("MSlider"), l = oe("MInput"), i = oe("MButton");
-  return m(), $("div", wl, [
+  return m(), w("div", wl, [
     S("div", {
       ref: "referenceRef",
       onClick: t[0] || (t[0] = (u) => e.isOpen = !e.isOpen),
@@ -2660,15 +2660,15 @@ function _l(e, t, a, n, r, o) {
         style: x({ backgroundColor: `rgba(${e.finalColor.r}, ${e.finalColor.g}, ${e.finalColor.b}, ${e.finalColor.a})` })
       }, null, 6)
     ], 2),
-    (m(), ee(Re, { to: "body" }, [
-      Y(Ae, {
+    (m(), ee(Ie, { to: "body" }, [
+      Y(Re, {
         "enter-active-class": e.scale.enterActive,
         "leave-active-class": e.scale.leaveActive,
         "enter-from-class": e.scale.enterFrom,
         "leave-to-class": e.scale.leaveTo
       }, {
-        default: U(() => [
-          e.isOpen ? (m(), $("div", {
+        default: K(() => [
+          e.isOpen ? (m(), w("div", {
             key: 0,
             class: g(e.style.container),
             ref: "popper",
@@ -2697,13 +2697,13 @@ function _l(e, t, a, n, r, o) {
             S("div", {
               class: g(e.style.colorActions)
             }, [
-              e.canPickColor ? (m(), $("button", {
+              e.canPickColor ? (m(), w("button", {
                 key: 0,
                 role: "button",
                 disabled: !e.canPickColor,
                 class: g(e.style.eyeDrop),
                 onClick: t[4] || (t[4] = (...u) => e.openEyeDropper && e.openEyeDropper(...u))
-              }, Cl, 10, kl)) : (m(), $("div", {
+              }, Cl, 10, kl)) : (m(), w("div", {
                 key: 1,
                 class: g(e.style.preview)
               }, [
@@ -2727,7 +2727,7 @@ function _l(e, t, a, n, r, o) {
             S("div", {
               class: g(e.style.colorActions)
             }, [
-              e.rgbOrHex ? (m(), $(J, { key: 0 }, [
+              e.rgbOrHex ? (m(), w(J, { key: 0 }, [
                 Y(l, {
                   onKeyup: Je(e.updateFromRGB, ["enter"]),
                   onBlur: e.updateFromRGB,
@@ -2783,8 +2783,8 @@ function _l(e, t, a, n, r, o) {
                 icon: "",
                 onClick: t[12] || (t[12] = Oe((u) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
               }, {
-                default: U(() => [
-                  (m(), $("svg", Tl, Bl))
+                default: K(() => [
+                  (m(), w("svg", Tl, Bl))
                 ]),
                 _: 1
               })
@@ -2816,7 +2816,7 @@ function en(e, t) {
   return F(e, (r) => {
     n(r);
   }), ce(() => {
-    Fe(() => {
+    Ae(() => {
       n(e.value);
     });
   }), a;
@@ -2885,7 +2885,7 @@ const rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "update:open"
   ],
   setup(e, { emit: t }) {
-    const a = ie(Tt, null), { nextZIndex: n } = ot(), r = !!a, o = Z(e, "label"), s = b(e.open), l = b(e.placement), i = Z(e, "transfer"), u = b(null), d = b(null), c = b(e.zIndex ?? n()), v = p(() => {
+    const a = ie(Tt, null), { nextZIndex: n } = ot(), r = !!a, o = Z(e, "label"), s = b(e.open), l = b(e.placement), i = Z(e, "transfer"), u = b(null), d = b(null), c = b(e.zIndex ?? n()), v = f(() => {
       if (e.virtual !== null) {
         const j = e.virtual.$el ?? e.virtual;
         if (j) {
@@ -2905,31 +2905,31 @@ const rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         }
       }
       return d.value;
-    }), { popper: f, transferTo: y, updatePopper: w } = $t({
+    }), { popper: p, transferTo: h, updatePopper: k } = $t({
       reference: v,
       placement: l,
       transfer: i,
       wrapper: u,
       isDrop: !0,
       offset: r ? [-2, 2] : [0, 14]
-    }), k = en(o, d);
+    }), $ = en(o, d);
     ke("dropdown-select", null);
-    const h = me({
+    const y = me({
       handleSelect: T,
       isOpen: s
     });
-    ke(Tt, h), F(() => e.open, (j) => {
+    ke(Tt, y), F(() => e.open, (j) => {
       s.value = j;
     }), F(() => e.placement, (j) => {
       M(j);
     }), F(s, (j) => {
-      j && w(), t("update:open", j);
+      j && k(), t("update:open", j);
     }), ce(() => {
-      Fe(() => {
+      Ae(() => {
         M(e.placement);
       });
-    }), K("resize", () => {
-      w();
+    }), U("resize", () => {
+      k();
     }), At(u, (j) => {
       let _ = j.target, D = 0;
       for (; _; ) {
@@ -2949,24 +2949,24 @@ const rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       s.value = !s.value;
     }
     function T(j) {
-      s.value = !1, e.onSelect(j), typeof (a == null ? void 0 : a.handleSelect) == "function" && a.handleSelect([k.value, ...j]);
+      s.value = !1, e.onSelect(j), typeof (a == null ? void 0 : a.handleSelect) == "function" && a.handleSelect([$.value, ...j]);
     }
-    const B = p(() => [
+    const B = f(() => [
       "m-dropdown",
       {
         "m-dropdown--open": s.value,
         "m-dropdown--nested": r
       }
-    ]), C = p(() => {
-    }), L = p(() => [
+    ]), C = f(() => {
+    }), L = f(() => [
       "m-dropdown-menu",
       tn
-    ]), H = p(() => `m-transition__${e.transitionName}`);
+    ]), H = f(() => `m-transition__${e.transitionName}`);
     return {
       wrapper: u,
       referenceRef: d,
-      popper: f,
-      transferTo: y,
+      popper: p,
+      transferTo: h,
       isOpen: s,
       isNested: r,
       placement: l,
@@ -2982,7 +2982,7 @@ const rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 });
 function Ll(e, t, a, n, r, o) {
   const s = oe("DropdownWrapper");
-  return m(), $("span", {
+  return m(), w("span", {
     ref: "wrapper",
     class: g(e.computedWrapperClasses)
   }, [
@@ -2994,19 +2994,19 @@ function Ll(e, t, a, n, r, o) {
       A(e.$slots, "default")
     ], 2),
     Y(s, null, {
-      default: U(() => [
-        (m(), ee(Re, {
+      default: K(() => [
+        (m(), ee(Ie, {
           disabled: e.isNested,
           to: "body"
         }, [
-          Y(Ae, {
+          Y(Re, {
             "enter-active-class": e.scale.enterActive,
             "leave-active-class": e.scale.leaveActive,
             "enter-from-class": e.scale.enterFrom,
             "leave-to-class": e.scale.leaveTo
           }, {
-            default: U(() => [
-              e.isOpen ? (m(), $("div", {
+            default: K(() => [
+              e.isOpen ? (m(), w("div", {
                 key: 0,
                 ref: "popper",
                 class: g(e.menuClasses),
@@ -3058,13 +3058,13 @@ const Pl = /* @__PURE__ */ I(Dl, [["render", Ll]]), Vl = R({
   },
   emits: [],
   setup(e, { slots: t }) {
-    const a = ie("dropdown-select", null), n = p(() => !!t["icon-left"]), r = p(() => !!t["icon-right"]), o = b(null), s = Z(e, "label"), l = b(e.reference), i = en(s, o);
+    const a = ie("dropdown-select", null), n = f(() => !!t["icon-left"]), r = f(() => !!t["icon-right"]), o = b(null), s = Z(e, "label"), l = b(e.reference), i = en(s, o);
     function u() {
       e.disabled || l.value || (typeof a == "function" && a([i.value]), e.onSelect(i.value));
     }
-    const d = p(() => [
+    const d = f(() => [
       an
-    ]), c = p(() => e.href ? "a" : "li");
+    ]), c = f(() => e.href ? "a" : "li");
     return {
       wrapper: o,
       hasIconLeft: n,
@@ -3085,8 +3085,8 @@ function Nl(e, t, a, n, r, o) {
     tabindex: "0",
     onClick: e.handleSelect
   }, e.$attrs), {
-    default: U(() => [
-      e.hasIconLeft ? (m(), $("div", {
+    default: K(() => [
+      e.hasIconLeft ? (m(), w("div", {
         key: 0,
         class: g(e.style.menuItemIcon)
       }, [
@@ -3097,7 +3097,7 @@ function Nl(e, t, a, n, r, o) {
       }, [
         A(e.$slots, "default")
       ], 2),
-      e.hasIconRight ? (m(), $("div", {
+      e.hasIconRight ? (m(), w("div", {
         key: 1,
         class: g(e.style.menuItemIcon)
       }, [
@@ -3116,7 +3116,7 @@ const Fl = /* @__PURE__ */ I(Vl, [["render", Nl]]), Wl = R({
   }
 });
 function Hl(e, t, a, n, r, o) {
-  return m(), $("ul", {
+  return m(), w("ul", {
     class: g(e.style.menuItems)
   }, [
     A(e.$slots, "default")
@@ -3126,14 +3126,14 @@ const ql = /* @__PURE__ */ I(Wl, [["render", Hl]]), Gl = R({
   name: "DropdownSeperator",
   setup() {
     return {
-      computedClasses: p(() => [
+      computedClasses: f(() => [
         nn
       ])
     };
   }
 });
 function Ul(e, t, a, n, r, o) {
-  return m(), $("li", {
+  return m(), w("li", {
     class: g(e.computedClasses)
   }, null, 2);
 }
@@ -3214,7 +3214,7 @@ const Jl = R({
   setup(e, { emit: t }) {
     const a = [], n = me({
       add: (i, u, d, c) => {
-        const v = a.find((f) => f.name === i);
+        const v = a.find((p) => p.name === i);
         v ? (v.focus = u, v.validate = d, v.setError = c) : a.push({
           name: i,
           focus: u,
@@ -3233,7 +3233,7 @@ const Jl = R({
     ke(jt, n), ce(() => {
       e.autoFocus && a && a.length > 0 && a[0].focus();
     }), F(() => e.errors, (i) => {
-      i && Fe(() => {
+      i && Ae(() => {
         if (Array.isArray(i))
           i.forEach((u) => {
             const d = a.find((c) => c.name === u.field);
@@ -3252,10 +3252,10 @@ const Jl = R({
       }), i;
     }, o = (i) => {
       i.preventDefault(), i.stopPropagation(), t("submit", e.autoValidate ? r() : !0);
-    }, s = p(() => {
+    }, s = f(() => {
       let i = {};
       return e.spacing && (i[Zl.spacing] = e.spacing), sn(i);
-    }), l = p(() => [
+    }), l = f(() => [
       Yl
     ]);
     return {
@@ -3266,7 +3266,7 @@ const Jl = R({
   }
 });
 function Ql(e, t, a, n, r, o) {
-  return m(), $("form", {
+  return m(), w("form", {
     style: x(e.computedStyles),
     class: g([
       e.computedClasses
@@ -3297,7 +3297,7 @@ const xl = /* @__PURE__ */ I(Jl, [["render", Ql]]), ei = R({
     to: [String, Object]
   },
   setup(e) {
-    const t = p(() => [
+    const t = f(() => [
       "m-link",
       {
         [`m-link--${e.color}`]: e.color,
@@ -3306,7 +3306,7 @@ const xl = /* @__PURE__ */ I(Jl, [["render", Ql]]), ei = R({
         "m-link--disabled": e.disabled,
         "m-link--external": a.value === "a"
       }
-    ]), a = p(() => e.to ? "router-link" : "a");
+    ]), a = f(() => e.to ? "router-link" : "a");
     return {
       computedClasses: t,
       tag: a
@@ -3319,7 +3319,7 @@ function ti(e, t, a, n, r, o) {
     class: g(e.computedClasses),
     disabled: e.disabled
   }, {
-    default: U(() => [
+    default: K(() => [
       A(e.$slots, "default")
     ]),
     _: 3
@@ -3373,10 +3373,10 @@ const ii = R({
     function r() {
       a.value = !1, t && (window.clearTimeout(t), t = null, e.onInternalAfterLeave && e.onInternalAfterLeave(e.internalKey));
     }
-    const o = p(() => [
+    const o = f(() => [
       ni,
       [si[e.variant]]
-    ]), s = p(() => [
+    ]), s = f(() => [
       ri
     ]);
     return F(() => e.timeout, () => {
@@ -3446,7 +3446,7 @@ const ii = R({
   ki
 ], Ci = { class: "m-message" };
 function Mi(e, t, a, n, r, o) {
-  return m(), ee(Ae, {
+  return m(), ee(Re, {
     type: "animation",
     "enter-active-class": e.scale.enterActive,
     "leave-active-class": e.scale.leaveActive,
@@ -3455,15 +3455,15 @@ function Mi(e, t, a, n, r, o) {
     appear: "",
     mode: "out-in"
   }, {
-    default: U(() => [
-      e.show ? (m(), $("div", {
+    default: K(() => [
+      e.show ? (m(), w("div", {
         key: 0,
         class: g(e.classes)
       }, [
         S("span", {
           class: g(e.iconClasses)
         }, [
-          e.variant == "info" ? (m(), $("svg", ui, ci)) : e.variant == "success" ? (m(), $("svg", fi, vi)) : e.variant == "warning" ? (m(), $("svg", mi, yi)) : e.variant == "error" ? (m(), $("svg", bi, $i)) : e.variant == "loading" ? (m(), $("svg", wi, Si)) : W("", !0)
+          e.variant == "info" ? (m(), w("svg", ui, ci)) : e.variant == "success" ? (m(), w("svg", fi, vi)) : e.variant == "warning" ? (m(), w("svg", mi, yi)) : e.variant == "error" ? (m(), w("svg", bi, $i)) : e.variant == "loading" ? (m(), w("svg", wi, Si)) : W("", !0)
         ], 2),
         S("div", Ci, N(e.content), 1)
       ], 2)) : W("", !0)
@@ -3514,7 +3514,7 @@ const Ti = /* @__PURE__ */ I(ii, [["render", Mi]]), Oi = R({
     };
     ke("m-message", r);
     function o(u, d) {
-      const { id: c } = Et("m-message"), v = c.value, f = me({
+      const { id: c } = Et("m-message"), v = c.value, p = me({
         ...d,
         content: u,
         key: v,
@@ -3522,7 +3522,7 @@ const Ti = /* @__PURE__ */ I(ii, [["render", Mi]]), Oi = R({
           n.value[v].hide();
         }
       });
-      return a.value.push(f), f;
+      return a.value.push(p), p;
     }
     function s() {
       Object.values(n.value).forEach((u) => {
@@ -3534,7 +3534,7 @@ const Ti = /* @__PURE__ */ I(ii, [["render", Mi]]), Oi = R({
         (d) => d.key !== u
       ), delete n.value[u];
     }
-    const i = p(() => [
+    const i = f(() => [
       li,
       // @ts-ignore
       [oi[e.placement]]
@@ -3553,24 +3553,24 @@ const Ti = /* @__PURE__ */ I(ii, [["render", Mi]]), Oi = R({
 });
 function Bi(e, t, a, n, r, o) {
   const s = oe("MMessage");
-  return m(), $(J, null, [
+  return m(), w(J, null, [
     A(e.$slots, "default"),
     S("template", null, [
-      (m(), ee(Re, {
+      (m(), ee(Ie, {
         to: e.teleportTo ?? "body"
       }, [
-        Y(Ae, {
+        Y(Re, {
           type: "animation",
           "enter-active-class": e.modalScale.enterActive,
           "leave-active-class": e.modalScale.leaveActive,
           "enter-from-class": e.modalScale.enterFrom,
           "leave-to-class": e.modalScale.leaveTo
         }, {
-          default: U(() => [
+          default: K(() => [
             S("div", {
               class: g(e.classes)
             }, [
-              (m(!0), $(J, null, fe(e.messageList, (l) => (m(), ee(s, {
+              (m(!0), w(J, null, fe(e.messageList, (l) => (m(), ee(s, {
                 key: l.key,
                 internalKey: l.key,
                 variant: l.type,
@@ -3633,44 +3633,56 @@ const Hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   emits: ["open"],
   setup(e, { emit: t }) {
-    const { nextZIndex: a } = ot(), n = b(!1), r = b(), o = b(e.zIndex ?? a()), { escape: s } = ko();
-    F(s, (f) => {
-      f && n.value && u();
+    const { nextZIndex: a } = ot(), n = b(!1), r = b(), o = b(e.zIndex ?? a()), s = b(!1), { escape: l } = ko();
+    F(l, ($) => {
+      $ && n.value && d();
     });
-    const l = p(() => [
+    const i = f(() => [
       ln,
       un[e.size]
-    ]), i = () => {
-      e.canClickOutside && u();
-    }, u = () => {
-      e.onClose && e.onClose(), v(), n.value = !1;
-    }, d = (f) => {
-      c(), n.value = !0;
+    ]);
+    U(r, "mousedown", p), U(document, "mouseup", v);
+    const u = () => {
+      e.canClickOutside && !s.value && d();
+    }, d = () => {
+      e.onClose && e.onClose(), k(), n.value = !1;
+    }, c = ($) => {
+      h(), n.value = !0;
     };
-    function c() {
-      let f = window, y = f.document.documentElement, w = f.innerWidth - y.clientWidth;
-      if (y.style.overflow = "hidden", w > 0) {
-        let k = y.clientWidth - y.offsetWidth, h = w - k;
-        y.style.paddingRight = `${h}px`;
+    function v($) {
+      Ae(() => {
+        s.value && (s.value = !1);
+      });
+    }
+    function p($) {
+      s.value = !0;
+    }
+    function h() {
+      let $ = window, y = $.document.documentElement, M = $.innerWidth - y.clientWidth;
+      if (y.style.overflow = "hidden", M > 0) {
+        let O = y.clientWidth - y.offsetWidth, T = M - O;
+        y.style.paddingRight = `${T}px`;
       }
     }
-    function v() {
+    function k() {
       setTimeout(() => {
         let y = window.document.documentElement;
         y.style.overflow = "visible", y.style.paddingRight = "0px";
       }, 250);
     }
-    return F(() => n.value, (f) => {
-      f && (o.value = e.zIndex ? o.value++ : a(), t("open"), Fe(() => {
+    return F(() => n.value, ($) => {
+      $ && (o.value = e.zIndex ? o.value++ : a(), t("open"), Ae(() => {
       }));
     }), {
-      close: u,
-      closeOutside: i,
-      open: d,
+      close: d,
+      closeOutside: u,
+      handleMouseUp: v,
+      handleMouseDown: p,
+      open: c,
       target: r,
       style: Hi,
       isOpen: n,
-      containerClasses: l,
+      containerClasses: i,
       zIndex: o,
       modalScale: Ia,
       fade: Ra
@@ -3678,29 +3690,29 @@ const Hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 });
 function Gi(e, t, a, n, r, o) {
-  return m(), ee(Re, { to: "body" }, [
-    Y(Ae, {
+  return m(), ee(Ie, { to: "body" }, [
+    Y(Re, {
       type: "animation",
       "enter-active-class": e.fade.enterActive,
       "leave-active-class": e.fade.leaveActive,
       "enter-from-class": e.fade.enterFrom,
       "leave-to-class": e.fade.leaveTo
     }, {
-      default: U(() => [
+      default: K(() => [
         Xe(S("div", {
           class: g(e.style.background),
           style: x({ zIndex: e.zIndex }),
-          onClick: t[2] || (t[2] = (...s) => e.closeOutside && e.closeOutside(...s))
+          onMousedown: t[2] || (t[2] = (...s) => e.closeOutside && e.closeOutside(...s))
         }, [
-          Y(Ae, {
+          Y(Re, {
             type: "animation",
             "enter-active-class": e.modalScale.enterActive,
             "leave-active-class": e.modalScale.leaveActive,
             "enter-from-class": e.modalScale.enterFrom,
             "leave-to-class": e.modalScale.leaveTo
           }, {
-            default: U(() => [
-              e.isOpen ? (m(), $("div", {
+            default: K(() => [
+              e.isOpen ? (m(), w("div", {
                 key: 0,
                 class: g(e.containerClasses),
                 onClick: t[1] || (t[1] = Oe(() => {
@@ -3734,7 +3746,7 @@ function Gi(e, t, a, n, r, o) {
             ]),
             _: 3
           }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
-        ], 6), [
+        ], 38), [
           [ya, e.isOpen]
         ])
       ]),
@@ -3788,60 +3800,60 @@ const xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "update:pageSize"
   ],
   setup(e, { emit: t }) {
-    const a = p(() => e.total || 0), n = p(() => a.value === 0), r = p(() => (e.pageSizes == null ? [10, 20, 30, 40, 50] : e.pageSizes).map((v) => ({
+    const a = f(() => e.total || 0), n = f(() => a.value === 0), r = f(() => (e.pageSizes == null ? [10, 20, 30, 40, 50] : e.pageSizes).map((v) => ({
       label: v,
       value: v
-    }))), o = p(() => Math.ceil(a.value / e.pageSize)), s = p(() => {
+    }))), o = f(() => Math.ceil(a.value / e.pageSize)), s = f(() => {
       let { page: c } = e;
       if (n.value)
         return [i(1, { current: !1 })];
-      let v = ut * 2 + 1, f = (it - v - 2) / 2, y, w, k = Math.max(c - da, 1), h = Math.min(c + da, o.value);
+      let v = ut * 2 + 1, p = (it - v - 2) / 2, h, k, $ = Math.max(c - da, 1), y = Math.min(c + da, o.value);
       switch (!0) {
         case o.value <= it:
           return l(1, o.value);
-        case c <= f + ut + 2:
-          return y = it - f - 1, l(1, y).concat(
-            i(h, { more: !0, forward: !0 })
+        case c <= p + ut + 2:
+          return h = it - p - 1, l(1, h).concat(
+            i(y, { more: !0, forward: !0 })
           ).concat(
             l(
-              o.value - f + 1,
-              f
+              o.value - p + 1,
+              p
             )
           );
-        case c >= o.value - f - ut - 1:
-          return w = it - f - 1, l(1, f).concat(
-            i(k, { more: !0, forward: !1 })
-          ).concat(l(o.value - w + 1, w));
+        case c >= o.value - p - ut - 1:
+          return k = it - p - 1, l(1, p).concat(
+            i($, { more: !0, forward: !1 })
+          ).concat(l(o.value - k + 1, k));
         default:
-          return l(1, f).concat(
-            i(k, { more: !0, forward: !1 })
+          return l(1, p).concat(
+            i($, { more: !0, forward: !1 })
           ).concat(
             l(
               c - ut,
               v
             )
           ).concat(
-            i(h, { more: !0, forward: !0 })
+            i(y, { more: !0, forward: !0 })
           ).concat(
             l(
-              o.value - f + 1,
-              f
+              o.value - p + 1,
+              p
             )
           );
       }
     });
     function l(c, v) {
-      let f = [];
-      for (let y = 0; y < v; y++)
-        f[y] = i(c + y);
-      return f;
+      let p = [];
+      for (let h = 0; h < v; h++)
+        p[h] = i(c + h);
+      return p;
     }
-    function i(c, { more: v = !1, forward: f = !1, current: y = !1 } = {}) {
+    function i(c, { more: v = !1, forward: p = !1, current: h = !1 } = {}) {
       return {
         page: c,
         more: v,
-        forward: f,
-        current: y || c === e.page,
+        forward: p,
+        current: h || c === e.page,
         text: c
       };
     }
@@ -3882,7 +3894,7 @@ const xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   su
 ];
 function iu(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.style.pagination)
   }, [
     S("div", {
@@ -3896,7 +3908,7 @@ function iu(e, t, a, n, r, o) {
         role: "button",
         onClick: t[0] || (t[0] = (s) => e.handlePageChange(e.page - 1))
       }, [
-        (m(), $("svg", {
+        (m(), w("svg", {
           class: g(e.style.svg),
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
@@ -3909,7 +3921,7 @@ function iu(e, t, a, n, r, o) {
       S("div", {
         class: g(e.style.pages)
       }, [
-        (m(!0), $(J, null, fe(e.pageIndicatorSeries, (s, l) => (m(), $("button", {
+        (m(!0), w(J, null, fe(e.pageIndicatorSeries, (s, l) => (m(), w("button", {
           key: l,
           class: g([
             e.style.page,
@@ -3925,9 +3937,9 @@ function iu(e, t, a, n, r, o) {
           onClick: (i) => e.handlePageChange(s.page),
           "aria-label": s.current ? `Page ${s.page}` : `Goto page ${s.page}`
         }, [
-          s.more ? (m(), $(J, { key: 0 }, [
+          s.more ? (m(), w(J, { key: 0 }, [
             ne(" ... ")
-          ], 64)) : (m(), $(J, { key: 1 }, [
+          ], 64)) : (m(), w(J, { key: 1 }, [
             ne(N(s.text), 1)
           ], 64))
         ], 10, ru))), 128))
@@ -3940,7 +3952,7 @@ function iu(e, t, a, n, r, o) {
         onClick: t[1] || (t[1] = (s) => e.handlePageChange(e.page + 1)),
         class: g(e.style.page)
       }, [
-        (m(), $("svg", {
+        (m(), w("svg", {
           class: g(e.style.svg),
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
@@ -4002,23 +4014,23 @@ const gu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       setError: d,
       formError: c,
       formDisabled: v,
-      formLoading: f,
-      inputListeners: y
-    } = Q(e, { focus: r, emit: a }), w = p(() => v || f || e.disabled || e.loading), k = Z(e, "name"), h = p(() => e.modelValue === e.value), M = p(() => !!t.default), O = p({
+      formLoading: p,
+      inputListeners: h
+    } = Q(e, { focus: r, emit: a }), k = f(() => v || p || e.disabled || e.loading), $ = Z(e, "name"), y = f(() => e.modelValue === e.value), M = f(() => !!t.default), O = f({
       get() {
         return e.modelValue;
       },
       set(C) {
         a("update:modelValue", C);
       }
-    }), T = p(() => [
+    }), T = f(() => [
       cn,
       [vn[e.size]],
       {
-        [pn]: w.value,
-        [fn]: h.value
+        [pn]: k.value,
+        [fn]: y.value
       }
-    ]), B = p(() => c.value || e.error);
+    ]), B = f(() => c.value || e.error);
     return He({
       focus: r,
       blur: o
@@ -4029,23 +4041,23 @@ const gu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       reset: i,
       validate: u,
       setError: d,
-      disabled: w,
-      name: k,
-      checked: h,
+      disabled: k,
+      name: $,
+      checked: y,
       pick: O,
       radioRef: n,
       inputError: B,
       style: gu,
       classes: T,
       hasSlot: M,
-      inputListeners: y,
+      inputListeners: h,
       focus: r,
       blur: o
     };
   }
 }), bu = ["value", "aria-checked", "aria-disabled", "aria-labelledby", "disabled", "name", "id"], hu = ["id"];
 function $u(e, t, a, n, r, o) {
-  return m(), $("label", {
+  return m(), w("label", {
     class: g(e.style.base)
   }, [
     Xe(S("input", Ce({
@@ -4070,7 +4082,7 @@ function $u(e, t, a, n, r, o) {
       class: g(e.style.label),
       id: `${e.id}-label`
     }, [
-      e.hasSlot ? A(e.$slots, "default", { key: 0 }) : (m(), $(J, { key: 1 }, [
+      e.hasSlot ? A(e.$slots, "default", { key: 0 }) : (m(), w(J, { key: 1 }, [
         ne(N(e.label), 1)
       ], 64))
     ], 10, hu)
@@ -4111,9 +4123,9 @@ const mn = Symbol("RADIO_BUTTON_GROUP_STATE"), Tu = R({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = b(null), n = ie(mn, 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);
+    const a = b(null), n = ie(mn, 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);
     Q(e, { focus: l, emit: t });
-    const u = p(() => r.value === e.id), d = p(() => [
+    const u = f(() => r.value === e.id), d = f(() => [
       ku,
       [Mu[o.value]],
       {
@@ -4121,14 +4133,14 @@ const mn = Symbol("RADIO_BUTTON_GROUP_STATE"), Tu = R({
         [ca.default]: !u.value,
         [ca.active]: u.value
       }
-    ]), c = p(() => [
+    ]), c = f(() => [
       Cu
-    ]), v = (f) => {
+    ]), v = (p) => {
       if (e.disabled) {
-        f.preventDefault();
+        p.preventDefault();
         return;
       }
-      n.doUpdateValue(e.id), e.onClick(f);
+      n.doUpdateValue(e.id), e.onClick(p);
     };
     return He({
       focus: l,
@@ -4147,7 +4159,7 @@ const mn = Symbol("RADIO_BUTTON_GROUP_STATE"), Tu = R({
   }
 }), Ou = ["disabled", "aria-selected", "aria-disabled"], Bu = ["name", "value", "disabled"];
 function _u(e, t, a, n, r, o) {
-  return m(), $("label", Ce({
+  return m(), w("label", Ce({
     class: e.computedClasses,
     disabled: e.disabled,
     onClick: t[0] || (t[0] = (...s) => e.handleClick && e.handleClick(...s))
@@ -4194,7 +4206,7 @@ const Ru = R({
     function a(s) {
       t("update:modelValue", s);
     }
-    const n = p({
+    const n = f({
       get() {
         return e.modelValue;
       },
@@ -4208,7 +4220,7 @@ const Ru = R({
       doUpdateValue: a
     });
     return ke(mn, r), {
-      computedClasses: p(() => [
+      computedClasses: f(() => [
         Eu,
         {
           [Au]: e.block
@@ -4218,7 +4230,7 @@ const Ru = R({
   }
 });
 function Iu(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.computedClasses)
   }, [
     A(e.$slots, "default")
@@ -4250,7 +4262,7 @@ const Pu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   emits: ["close"],
   setup(e, { emit: t }) {
     return {
-      computedClasses: p(() => [
+      computedClasses: f(() => [
         gn
       ]),
       close: () => {
@@ -4281,19 +4293,19 @@ const Pu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Fu
 ];
 function Hu(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.computedClasses)
   }, [
     S("span", null, [
       A(e.$slots, "default")
     ]),
-    e.closeable ? (m(), $("button", {
+    e.closeable ? (m(), w("button", {
       key: 0,
       onClick: t[0] || (t[0] = Oe((...s) => e.close && e.close(...s), ["stop"])),
       class: g(e.style.close),
       tabindex: "0"
     }, [
-      (m(), $("svg", Nu, Wu))
+      (m(), w("svg", Nu, Wu))
     ], 2)) : W("", !0)
   ], 2);
 }
@@ -4393,29 +4405,29 @@ const id = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     MTag: yn
   },
   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"), v = b(!1), f = b(0), y = b(!1), { focus: w, blur: k } = se(a), {
-      id: h,
+    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"), v = b(!1), p = b(0), h = b(!1), { focus: k, blur: $ } = se(a), {
+      id: y,
       insideForm: M,
       inputListeners: O,
       formError: T,
       formDisabled: B,
       formLoading: C
-    } = Q(e, { focus: w, emit: t, withListeners: !1 }), { popper: L } = $t({
+    } = Q(e, { focus: k, emit: t, withListeners: !1 }), { popper: L } = $t({
       placement: c,
       transfer: v,
       reference: a,
       wrapper: n,
       offset: [0, 5]
-    }), H = p(() => B || e.disabled), j = p(() => C || e.loading), _ = p({
+    }), H = f(() => B || e.disabled), j = f(() => C || e.loading), _ = f({
       get() {
         return e.multiple ? e.modelValue ? Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : [] : e.modelValue || null;
       },
       set(E) {
         t("update:modelValue", E);
       }
-    }), D = p(() => e.consistentWidth ? {
-      width: f.value + "px"
-    } : {}), G = p(() => {
+    }), D = f(() => e.consistentWidth ? {
+      width: p.value + "px"
+    } : {}), G = f(() => {
       if (!e.options || e.options.length == 0)
         return [];
       if (e.searchable && d.value) {
@@ -4424,11 +4436,11 @@ const id = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             throw new Error("Option value is undefined");
           if (V[e.optionLabel] === void 0)
             throw new Error("Option label is undefined");
-          let Te = V[e.optionValue], De = !1;
-          return e.multiple && Array.isArray(_.value) ? De = _.value.includes(Te) : De = _.value === Te, {
+          let Te = V[e.optionValue], Le = !1;
+          return e.multiple && Array.isArray(_.value) ? Le = _.value.includes(Te) : Le = _.value === Te, {
             value: Te,
             label: V[e.optionLabel],
-            active: De,
+            active: Le,
             onClick: () => te(Te)
           };
         }).filter((V) => e.multiple && Array.isArray(_.value) ? !_.value.includes(V.value) : !0);
@@ -4491,7 +4503,7 @@ const id = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function re(E) {
       if (G.value.length === 0 || e.disabled)
         return;
-      switch (y.value = !0, E.code) {
+      switch (h.value = !0, E.code) {
         case "Tab":
           i.value && (i.value = !1);
           break;
@@ -4524,17 +4536,17 @@ const id = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function Me(E) {
       console.log(E);
     }
-    const ve = p(() => `m-transition__${e.transitionName}`), he = p(() => [
+    const ve = f(() => `m-transition__${e.transitionName}`), he = f(() => [
       "m-select__container",
       {
         "m-form__input": M
       }
-    ]), ze = p(() => [
+    ]), De = f(() => [
       $n,
       {
         [Ot]: u.value
       }
-    ]), $e = p(() => [
+    ]), $e = f(() => [
       bn,
       {
         [hn]: e.multiple,
@@ -4550,27 +4562,27 @@ const id = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       const z = e.options.find((V) => V[e.optionValue] === E);
       return z ? z[e.optionLabel] : null;
     }
-    K(s, "keydown", re), K(o, "keydown", re), At(a, () => {
+    U(s, "keydown", re), U(o, "keydown", re), At(a, () => {
       i.value = !1;
     }, { ignore: [o, L] }), gt(() => {
-      a.value && i.value && (f.value = a.value.offsetWidth);
+      a.value && i.value && (p.value = a.value.offsetWidth);
     }), F(l, (E) => {
-      y.value && typeof E < "u" && r.value && r.value[E].scrollIntoView({ block: "nearest", inline: "nearest" });
+      h.value && typeof E < "u" && r.value && r.value[E].scrollIntoView({ block: "nearest", inline: "nearest" });
     }), F(i, (E) => {
-      Fe(() => {
+      Ae(() => {
         if (E && r.value) {
           const z = G.value.findIndex((V) => V.value === _.value);
           z !== -1 && (r.value[z].scrollIntoView({ block: "nearest" }), l.value = z);
         }
-        y.value = !1;
+        h.value = !1;
       });
     });
-    const _e = p(() => T.value || e.error), q = p(() => e.multiple && G.value.length == 0 && !d.value ? !1 : i.value), ae = () => {
+    const _e = f(() => T.value || e.error), q = f(() => e.multiple && G.value.length == 0 && !d.value ? !1 : i.value), ae = () => {
       s.value && X();
     };
     return He({
-      focus: w,
-      blur: k
+      focus: k,
+      blur: $
     }), {
       container: a,
       optionsRef: r,
@@ -4579,7 +4591,7 @@ const id = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       popper: L,
       focusSelect: ae,
       focusOut: Me,
-      id: h,
+      id: y,
       isOpen: q,
       open: i,
       selected: _,
@@ -4588,7 +4600,7 @@ const id = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       search: d,
       containerComputedClasses: he,
       selectComputedClasses: $e,
-      computedWrapperClasses: ze,
+      computedWrapperClasses: De,
       computedConsistentWidth: D,
       getSelectedLabel: je,
       openSelect: X,
@@ -4607,14 +4619,14 @@ const id = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, cd = ["for", "id"], fd = ["id", "aria-disabled", "aria-labelledby"], pd = ["aria-hidden"], vd = ["onClick", "onHover"];
 function md(e, t, a, n, r, o) {
   const s = oe("MTag");
-  return m(), $("div", dd, [
-    e.label ? (m(), $("label", {
+  return m(), w("div", dd, [
+    e.label ? (m(), w("label", {
       key: 0,
       for: e.id,
       class: g(e.style.label),
       id: `${e.id}-label`
     }, N(e.label), 11, cd)) : W("", !0),
-    e.description ? (m(), $("div", {
+    e.description ? (m(), w("div", {
       key: 1,
       class: g(e.style.description)
     }, N(e.description), 3)) : W("", !0),
@@ -4629,39 +4641,39 @@ function md(e, t, a, n, r, o) {
       S("div", {
         class: g(e.selectComputedClasses)
       }, [
-        e.multiple && Array.isArray(e.selected) && e.selected.length > 0 ? (m(!0), $(J, { key: 0 }, fe(e.selected, (l) => (m(), ee(s, {
+        e.multiple && Array.isArray(e.selected) && e.selected.length > 0 ? (m(!0), w(J, { key: 0 }, fe(e.selected, (l) => (m(), ee(s, {
           key: l,
           closeable: !0,
           onClose: (i) => e.removeSelected(l),
           size: e.size
         }, {
-          default: U(() => [
+          default: K(() => [
             ne(N(e.getSelectedLabel(l)), 1)
           ]),
           _: 2
-        }, 1032, ["onClose", "size"]))), 128)) : !e.multiple && e.selected ? (m(), $(J, { key: 1 }, [
+        }, 1032, ["onClose", "size"]))), 128)) : !e.multiple && e.selected ? (m(), w(J, { key: 1 }, [
           ne(N(e.getSelectedLabel(e.selected)), 1)
-        ], 64)) : (m(), $("div", {
+        ], 64)) : (m(), w("div", {
           key: 2,
           class: g(e.style.placeholder)
         }, N(e.placeholder), 3))
       ], 2),
-      (m(), ee(Re, { to: "body" }, [
-        Y(Ae, {
+      (m(), ee(Ie, { to: "body" }, [
+        Y(Re, {
           "enter-active-class": e.scale.enterActive,
           "leave-active-class": e.scale.leaveActive,
           "enter-from-class": e.scale.enterFrom,
           "leave-to-class": e.scale.leaveTo
         }, {
-          default: U(() => [
-            e.isOpen ? (m(), $("div", {
+          default: K(() => [
+            e.isOpen ? (m(), w("div", {
               key: 0,
               class: g(e.style.menu),
               ref: "popper",
               style: x(e.computedConsistentWidth),
               "aria-hidden": e.isOpen ? "false" : "true"
             }, [
-              e.searchable ? (m(), $("div", {
+              e.searchable ? (m(), w("div", {
                 key: 0,
                 class: g(e.style.search)
               }, [
@@ -4678,7 +4690,7 @@ function md(e, t, a, n, r, o) {
               S("div", {
                 class: g(e.style.options)
               }, [
-                (m(!0), $(J, null, fe(e.computedOptions, (l, i) => (m(), $("div", {
+                (m(!0), w(J, null, fe(e.computedOptions, (l, i) => (m(), w("div", {
                   key: i,
                   ref_for: !0,
                   ref: "optionsRef",
@@ -4690,7 +4702,7 @@ function md(e, t, a, n, r, o) {
                   onClick: Oe(l.onClick, ["prevent"]),
                   onHover: (u) => e.selectedIndex = i
                 }, N(l.label), 43, vd))), 128)),
-                e.computedOptions.length === 0 ? (m(), $("div", {
+                e.computedOptions.length === 0 ? (m(), w("div", {
                   key: 0,
                   class: g(e.style.noResults)
                 }, " No results ", 2)) : W("", !0)
@@ -4701,7 +4713,7 @@ function md(e, t, a, n, r, o) {
         }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
       ]))
     ], 16, fd),
-    e.inputError ? (m(), $("div", {
+    e.inputError ? (m(), w("div", {
       key: 2,
       class: g(e.style.errorMessage)
     }, N(e.inputError), 3)) : W("", !0)
@@ -4724,12 +4736,12 @@ const hd = R({
     }
   },
   setup(e) {
-    const t = p(() => [
+    const t = f(() => [
       yd,
       {
         [bd]: e.loading
       }
-    ]), a = p(() => {
+    ]), a = f(() => {
       let n = {};
       return e.width && (n[fa.width] = e.width), e.height && (n[fa.height] = e.height), sn(n);
     });
@@ -4740,7 +4752,7 @@ const hd = R({
   }
 });
 function $d(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.computedClasses),
     style: x(e.computedStyles)
   }, null, 6);
@@ -4787,23 +4799,23 @@ const Md = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       setError: d,
       formError: c,
       formDisabled: v,
-      formLoading: f,
-      inputListeners: y
-    } = Q(e, { focus: r, emit: a }), w = p(() => v || e.disabled || e.loading), k = Z(e, "name"), h = b(!1), M = p(() => !!t.default), O = p(() => [
+      formLoading: p,
+      inputListeners: h
+    } = Q(e, { focus: r, emit: a }), k = f(() => v || e.disabled || e.loading), $ = Z(e, "name"), y = b(!1), M = f(() => !!t.default), O = f(() => [
       Cn,
       [Sn[e.size]],
       {
-        [kn]: w.value,
-        [wn]: h.value
+        [kn]: k.value,
+        [wn]: y.value
       }
-    ]), T = p(() => c.value || e.error);
+    ]), T = f(() => c.value || e.error);
     F(() => e.modelValue, (C) => {
-      h.value = !!C;
-    }, { immediate: !0 }), F(() => h.value, (C) => {
+      y.value = !!C;
+    }, { immediate: !0 }), F(() => y.value, (C) => {
       a("update:modelValue", C);
     });
     function B() {
-      w.value || (h.value = !h.value);
+      k.value || (y.value = !y.value);
     }
     return He({
       focus: r,
@@ -4815,23 +4827,23 @@ const Md = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       reset: i,
       validate: u,
       setError: d,
-      disabled: w,
-      name: k,
-      checked: h,
+      disabled: k,
+      name: $,
+      checked: y,
       toggleRef: n,
       inputError: T,
       toggle: B,
       style: Md,
       classes: O,
       hasSlot: M,
-      inputListeners: y,
+      inputListeners: h,
       focus: r,
       blur: o
     };
   }
 }), Od = ["aria-checked", "aria-disabled", "aria-labelledby", "disabled", "name", "id"], Bd = ["id"];
 function _d(e, t, a, n, r, o) {
-  return m(), $("label", {
+  return m(), w("label", {
     class: g(e.style.base),
     onClick: t[1] || (t[1] = Oe((...s) => e.toggle && e.toggle(...s), ["prevent"]))
   }, [
@@ -4855,7 +4867,7 @@ function _d(e, t, a, n, r, o) {
       class: g(e.style.label),
       id: `${e.id}-label`
     }, [
-      e.hasSlot ? A(e.$slots, "default", { key: 0 }) : (m(), $(J, { key: 1 }, [
+      e.hasSlot ? A(e.$slots, "default", { key: 0 }) : (m(), w(J, { key: 1 }, [
         ne(N(e.label), 1)
       ], 64))
     ], 10, Bd)
@@ -4876,20 +4888,20 @@ const jd = /* @__PURE__ */ I(Td, [["render", _d]]), Ed = R({
     }
   },
   setup(e, { emit: t }) {
-    const a = p(() => e.value), n = p(() => e.label || e.value), r = b(null), o = b(null), s = ie("tabs", {
+    const a = f(() => e.value), n = f(() => e.label || e.value), r = b(null), o = b(null), s = ie("tabs", {
       tabsContentRef: b(null),
       selectTab: (c) => {
       },
       state: me({
         active: ""
       })
-    }), l = p(() => ({
+    }), l = f(() => ({
       "m-tab": !0,
       "m-tab--active": u.value,
       "m-tab--disabled": e.disabled
-    })), i = p(() => ({
+    })), i = f(() => ({
       "m-tabs__button": !0
-    })), u = p(() => s.state.active === a.value);
+    })), u = f(() => s.state.active === a.value);
     function d() {
       s.selectTab(a.value);
     }
@@ -4908,7 +4920,7 @@ const jd = /* @__PURE__ */ I(Td, [["render", _d]]), Ed = R({
   }
 }), Ad = ["data-value"], Rd = ["disabled"];
 function Id(e, t, a, n, r, o) {
-  return m(), $("li", {
+  return m(), w("li", {
     "data-value": e.computedValue,
     class: g(e.computedTabWrapperClasses)
   }, [
@@ -4926,7 +4938,7 @@ function Id(e, t, a, n, r, o) {
       }, () => [
         ne(N(e.computedLabel), 1)
       ]),
-      e.selected && e.teleportTo ? (m(), ee(Re, {
+      e.selected && e.teleportTo ? (m(), ee(Ie, {
         key: 0,
         to: e.teleportTo
       }, [
@@ -4959,12 +4971,12 @@ const zd = /* @__PURE__ */ I(Ed, [["render", Id]]), Dd = R({
       o.value = e.modelValue;
     });
     const s = me({
-      active: p(() => o.value)
-    }), l = p(() => ({
+      active: f(() => o.value)
+    }), l = f(() => ({
       "m-tab-group": !0,
       "m-tab-group--vertical": e.vertical,
       [`m-tab-group--${e.size}`]: !0
-    })), i = p(() => ({
+    })), i = f(() => ({
       "m-tab-group__tabs": !0
     }));
     function u(d) {
@@ -4987,7 +4999,7 @@ const zd = /* @__PURE__ */ I(Ed, [["render", Id]]), Dd = R({
   class: "m-tab-group__content"
 };
 function Vd(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.computedWrapperClasses)
   }, [
     S("div", Ld, [
@@ -5005,7 +5017,7 @@ const Nd = /* @__PURE__ */ I(Dd, [["render", Vd]]), Fd = R({
   name: "TableHeadRow"
 });
 function Wd(e, t, a, n, r, o) {
-  return m(), $("thead", null, [
+  return m(), w("thead", null, [
     S("tr", null, [
       A(e.$slots, "default")
     ])
@@ -5026,16 +5038,16 @@ const Mn = /* @__PURE__ */ I(Fd, [["render", Wd]]), Hd = R({
     }
   },
   setup(e) {
-    const t = p(() => isNaN(Number(e.width)) ? e.width : `${e.width}px`);
+    const t = f(() => isNaN(Number(e.width)) ? e.width : `${e.width}px`);
     return {
-      computedStyles: p(() => ({
+      computedStyles: f(() => ({
         width: t.value
       }))
     };
   }
 });
 function qd(e, t, a, n, r, o) {
-  return m(), $("th", {
+  return m(), w("th", {
     style: x(e.computedStyles)
   }, [
     A(e.$slots, "default")
@@ -5045,7 +5057,7 @@ const Tn = /* @__PURE__ */ I(Hd, [["render", qd]]), Gd = R({
   name: "TableBody"
 });
 function Ud(e, t, a, n, r, o) {
-  return m(), $("tbody", null, [
+  return m(), w("tbody", null, [
     A(e.$slots, "default")
   ]);
 }
@@ -5058,7 +5070,7 @@ const On = /* @__PURE__ */ I(Gd, [["render", Ud]]), Kd = R({
   }
 });
 function Xd(e, t, a, n, r, o) {
-  return m(), $("tr", {
+  return m(), w("tr", {
     onMouseenter: t[0] || (t[0] = (s) => e.hover = !0),
     onMouseleave: t[1] || (t[1] = (s) => e.hover = !1)
   }, [
@@ -5069,7 +5081,7 @@ const Bn = /* @__PURE__ */ I(Kd, [["render", Xd]]), Yd = R({
   name: "TableCell"
 });
 function Zd(e, t, a, n, r, o) {
-  return m(), $("td", null, [
+  return m(), w("td", null, [
     A(e.$slots, "default")
   ]);
 }
@@ -5111,13 +5123,13 @@ const tc = R({
     }
   },
   setup(e) {
-    const t = p(() => [
+    const t = f(() => [
       ec,
       "m-table__wrapper",
       {
         "m-table__wrapper--loading": e.loading
       }
-    ]), a = p(() => [
+    ]), a = f(() => [
       xd,
       {
         [Jd]: e.hover,
@@ -5132,20 +5144,20 @@ const tc = R({
 }), ac = { key: 1 }, nc = ["colspan"];
 function rc(e, t, a, n, r, o) {
   const s = oe("TableHead"), l = oe("TableHeadRow"), i = oe("TableCell"), u = oe("TableRow"), d = oe("TableBody");
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.wrapperComputedClasses)
   }, [
     S("table", {
       class: g(e.tableComputedClasses)
     }, [
       Y(l, null, {
-        default: U(() => [
-          (m(!0), $(J, null, fe(e.headers, (c, v) => (m(), ee(s, {
+        default: K(() => [
+          (m(!0), w(J, null, fe(e.headers, (c, v) => (m(), ee(s, {
             key: v,
             width: c.width,
             style: x({ textAlign: c.align })
           }, {
-            default: U(() => [
+            default: K(() => [
               ne(N(c.name), 1)
             ]),
             _: 2
@@ -5154,22 +5166,22 @@ function rc(e, t, a, n, r, o) {
         _: 1
       }),
       Y(d, null, {
-        default: U(() => [
-          e.items.length > 0 ? (m(!0), $(J, { key: 0 }, fe(e.items, (c, v) => (m(), ee(u, { key: v }, {
-            default: U(({ onHover: f }) => [
-              (m(!0), $(J, null, fe(e.headers, (y, w) => (m(), ee(i, {
-                key: w,
-                style: x({ textAlign: y.align }),
-                onClick: Oe((k) => e.$emit("onClick", c), ["self"])
+        default: K(() => [
+          e.items.length > 0 ? (m(!0), w(J, { key: 0 }, fe(e.items, (c, v) => (m(), ee(u, { key: v }, {
+            default: K(({ onHover: p }) => [
+              (m(!0), w(J, null, fe(e.headers, (h, k) => (m(), ee(i, {
+                key: k,
+                style: x({ textAlign: h.align }),
+                onClick: Oe(($) => e.$emit("onClick", c), ["self"])
               }, {
-                default: U(() => [
-                  A(e.$slots, y.key, {
+                default: K(() => [
+                  A(e.$slots, h.key, {
                     item: c,
-                    onHover: f
+                    onHover: p
                   }, () => [
                     ne(N(
                       //@ts-ignore
-                      c[y.key]
+                      c[h.key]
                     ), 1)
                   ])
                 ]),
@@ -5178,7 +5190,7 @@ function rc(e, t, a, n, r, o) {
             ]),
             _: 2
           }, 1024))), 128)) : W("", !0),
-          e.items.length === 0 ? (m(), $("tr", ac, [
+          e.items.length === 0 ? (m(), w("tr", ac, [
             S("td", {
               colspan: e.headers.length
             }, [
@@ -5260,26 +5272,26 @@ const dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       validate: d,
       setError: c,
       formError: v,
-      formDisabled: f,
-      formLoading: y
-    } = Q(e, { focus: r, emit: a }), w = Z(e, "name"), k = p(() => f || e.disabled), h = p(() => y || e.loading), M = p(() => e.loading || e.readonly), O = p(() => [
+      formDisabled: p,
+      formLoading: h
+    } = Q(e, { focus: r, emit: a }), k = Z(e, "name"), $ = f(() => p || e.disabled), y = f(() => h || e.loading), M = f(() => e.loading || e.readonly), O = f(() => [
       {
         [ft]: e.block
       }
-    ]), T = p(() => [
+    ]), T = f(() => [
       In,
       {
         [ft]: e.block
       }
-    ]), B = p(() => [
+    ]), B = f(() => [
       jn,
       Rn[e.size],
       {
         [ft]: e.block,
-        [En]: k.value || h.value,
+        [En]: $.value || y.value,
         [An]: C.value
       }
-    ]), C = p(() => v.value || e.error), L = () => {
+    ]), C = f(() => v.value || e.error), L = () => {
       a("update:modelValue", "");
     };
     return He({
@@ -5288,13 +5300,13 @@ const dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), {
       element: n,
       id: s,
-      disabled: k,
-      loading: h,
+      disabled: $,
+      loading: y,
       readonly: M,
       inputComputedClasses: B,
       wrapperComputedClasses: T,
       computedContainerClasses: O,
-      name: w,
+      name: k,
       inputError: C,
       style: dc,
       onClear: L,
@@ -5307,17 +5319,17 @@ const dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 }), fc = ["for", "id"], pc = ["id", "placeholder", "name", "value", "readonly", "disabled", "aria-disabled", "aria-labelledby"];
 function vc(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     ref: "container",
     class: g(e.computedContainerClasses)
   }, [
-    e.label ? (m(), $("label", {
+    e.label ? (m(), w("label", {
       key: 0,
       for: e.id,
       id: `${e.id}-label`,
       class: g(e.style.label)
     }, N(e.label), 11, fc)) : W("", !0),
-    e.description ? (m(), $("div", {
+    e.description ? (m(), w("div", {
       key: 1,
       class: g(e.style.description)
     }, N(e.description), 3)) : W("", !0),
@@ -5338,7 +5350,7 @@ function vc(e, t, a, n, r, o) {
         "aria-labelledby": `${e.id}-label`
       }), null, 16, pc)
     ], 2),
-    e.inputError ? (m(), $("div", {
+    e.inputError ? (m(), w("div", {
       key: 2,
       class: g(e.style.errorMessage)
     }, N(e.inputError), 3)) : W("", !0)
@@ -5388,7 +5400,7 @@ const wc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e) {
-    const { nextZIndex: t } = ot(), a = Z(e, "placement"), n = Z(e, "transfer"), r = b(null), o = b(null), s = b(!1), l = b(e.zIndex ?? t()), i = b(null), u = p(() => {
+    const { nextZIndex: t } = ot(), a = Z(e, "placement"), n = Z(e, "transfer"), r = b(null), o = b(null), s = b(!1), l = b(e.zIndex ?? t()), i = b(null), u = f(() => {
       switch (a.value) {
         case "top":
           return [0, 8];
@@ -5408,21 +5420,21 @@ const wc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       wrapper: r,
       // @ts-ignore
       offset: u.value
-    }), f = p(() => [
+    }), p = f(() => [
       Dn,
       {
         [zn]: e.reverse
       }
     ]);
-    F(() => s.value, (k) => {
-      k && v();
+    F(() => s.value, ($) => {
+      $ && v();
     });
-    function y() {
+    function h() {
       i.value && clearTimeout(i.value), e.delay ? i.value = setTimeout(() => {
         s.value = !0;
       }, e.delay) : s.value = !0;
     }
-    function w() {
+    function k() {
       i.value && clearTimeout(i.value), s.value = !1;
     }
     return va(() => {
@@ -5432,9 +5444,9 @@ const wc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       popper: d,
       transferTo: c,
       isOpen: s,
-      show: y,
-      hide: w,
-      computedClasses: f,
+      show: h,
+      hide: k,
+      computedClasses: p,
       zIndex: l,
       style: wc,
       fade: Ra
@@ -5442,7 +5454,7 @@ const wc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 }), Sc = { ref: "reference" };
 function Cc(e, t, a, n, r, o) {
-  return m(), $("span", Ce(e.$attrs, {
+  return m(), w("span", Ce(e.$attrs, {
     style: { display: "inline-flex" },
     onMouseenter: t[0] || (t[0] = (...s) => e.show && e.show(...s)),
     onMouseleave: t[1] || (t[1] = (...s) => e.hide && e.hide(...s)),
@@ -5451,14 +5463,14 @@ function Cc(e, t, a, n, r, o) {
     S("span", Sc, [
       A(e.$slots, "default")
     ], 512),
-    (m(), ee(Re, { to: e.transferTo }, [
-      Y(Ae, {
+    (m(), ee(Ie, { to: e.transferTo }, [
+      Y(Re, {
         "enter-active-class": e.fade.enterActive,
         "leave-active-class": e.fade.leaveActive,
         "enter-from-class": e.fade.enterFrom,
         "leave-to-class": e.fade.leaveTo
       }, {
-        default: U(() => [
+        default: K(() => [
           Xe(S("div", {
             role: "tooltip",
             class: g(e.computedClasses),
@@ -5518,18 +5530,18 @@ const Rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   setup(e, { emit: t }) {
     const a = b(null), n = () => {
-      const i = p(
+      const i = f(
         () => (
           // @ts-ignore
           e.options.reduce((c, v) => (c[v[e.optionKey]] = v) && c, {})
         )
-      ), u = p(
+      ), u = f(
         () => e.options.filter((c) => !e.modelValue.includes(c[e.optionKey]))
-      ), d = p(() => e.modelValue.reduce(
+      ), d = f(() => e.modelValue.reduce(
         // @ts-ignore
         (c, v) => {
-          const f = i.value[v];
-          return f && c.push(f), c;
+          const p = i.value[v];
+          return p && c.push(p), c;
         },
         []
       ));
@@ -5553,7 +5565,7 @@ const Rc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 }), zc = ["onClick"], Dc = ["onClick"];
 function Lc(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     class: g(e.style.wrapper),
     ref: "wrapper"
   }, [
@@ -5569,7 +5581,7 @@ function Lc(e, t, a, n, r, o) {
         S("div", {
           class: g(e.style.listContainer)
         }, [
-          (m(!0), $(J, null, fe(e.sourceData, (s) => (m(), $("div", {
+          (m(!0), w(J, null, fe(e.sourceData, (s) => (m(), w("div", {
             key: (
               // @ts-ignore
               s[e.optionKey]
@@ -5595,7 +5607,7 @@ function Lc(e, t, a, n, r, o) {
         S("div", {
           class: g(e.style.listContainer)
         }, [
-          (m(!0), $(J, null, fe(e.targetData, (s) => (m(), $("div", {
+          (m(!0), w(J, null, fe(e.targetData, (s) => (m(), w("div", {
             key: (
               // @ts-ignore
               s[e.optionKey]
@@ -5641,7 +5653,7 @@ const Nc = /* @__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 = p(() => e.items.length * e.itemHeight), u = p(() => e.items[0].length * e.itemWidth), d = p(() => {
+    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 M = Math.max(
         0,
         Math.floor(s.value / e.itemHeight) - 2 * e.buffer
@@ -5650,7 +5662,7 @@ const Nc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         Math.floor(l.value / e.itemWidth) - 2 * e.buffer
       );
       return { row: M, col: O };
-    }), c = p(() => {
+    }), c = f(() => {
       const M = Math.min(
         e.items.length,
         Math.ceil(
@@ -5664,21 +5676,21 @@ const Nc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         ) + 2 * e.buffer
       );
       return { row: M, col: O };
-    }), v = p(() => d.value.col * e.itemWidth), f = p(() => d.value.row * e.itemHeight), y = p(
+    }), v = f(() => d.value.col * e.itemWidth), p = f(() => d.value.row * e.itemHeight), h = f(
       () => Math.ceil(r.value / e.itemHeight)
-    ), w = p(
+    ), k = f(
       () => Math.ceil(o.value / e.itemWidth)
-    ), k = b([]), h = () => {
+    ), $ = b([]), y = () => {
       s.value = n.value.scrollTop, l.value = n.value.scrollLeft;
     };
     return gt(() => {
       const M = Math.min(
         e.items.length - d.value.row,
-        y.value + 2 * Math.round(e.buffer + e.buffer / 2)
+        h.value + 2 * Math.round(e.buffer + e.buffer / 2)
       ), O = Math.min(
         // @ts-ignore
         e.items[0].length - d.value.col,
-        w.value + 2 * Math.round(e.buffer + e.buffer / 2)
+        k.value + 2 * Math.round(e.buffer + e.buffer / 2)
       ), B = e.items.slice(
         d.value.row,
         d.value.row + M
@@ -5688,7 +5700,7 @@ const Nc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           C.slice(d.value.col, d.value.col + O)
         )
       );
-      k.value = B;
+      $.value = B;
     }), ce(() => {
       r.value = n.value.clientHeight, o.value = n.value.clientWidth;
     }), {
@@ -5702,16 +5714,16 @@ const Nc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       totalWidth: u,
       startPosition: d,
       endPosition: c,
-      renderedItems: k,
+      renderedItems: $,
       offsetX: v,
-      offsetY: f,
-      onScroll: h,
+      offsetY: p,
+      onScroll: y,
       style: Nc
     };
   }
 });
 function Wc(e, t, a, n, r, o) {
-  return m(), $("div", {
+  return m(), w("div", {
     ref: "scroller",
     class: g(e.style.container),
     onScrollPassive: t[0] || (t[0] = (...s) => e.onScroll && e.onScroll(...s))
@@ -5723,11 +5735,11 @@ function Wc(e, t, a, n, r, o) {
       S("div", {
         style: x({ transform: `translate(${e.offsetX}px, ${e.offsetY}px)` })
       }, [
-        (m(!0), $(J, null, fe(e.renderedItems, (s, l) => (m(), $("div", {
+        (m(!0), w(J, null, fe(e.renderedItems, (s, l) => (m(), w("div", {
           key: l,
           style: { display: "flex" }
         }, [
-          (m(!0), $(J, null, fe(s, (i, u) => (m(), $("div", {
+          (m(!0), w(J, null, fe(s, (i, u) => (m(), w("div", {
             key: u,
             style: x({ width: `${e.itemWidth}px`, height: `${e.itemHeight}px` })
           }, [
@@ -5783,23 +5795,23 @@ const Hc = /* @__PURE__ */ I(Fc, [["render", Wc]]), qc = {
 }), Uc = { style: { display: "flex", "flex-grow": "1", "justify-content": "end" } };
 function Kc(e, t, a, n, r, o) {
   const s = oe("MButton"), l = oe("MModal");
-  return m(), $("div", null, [
+  return m(), w("div", null, [
     Y(l, {
       ref: "modal",
       title: e.title,
       canClickOutside: !1,
       onClose: e.onClose
     }, {
-      body: U(() => [
+      body: K(() => [
         ne(N(e.content), 1)
       ]),
-      footer: U(() => [
+      footer: K(() => [
         S("div", Uc, [
           Y(s, {
             variant: e.okVariant,
             onClick: e.handleOk
           }, {
-            default: U(() => [
+            default: K(() => [
               ne(N(e.okText ?? "Okay"), 1)
             ]),
             _: 1
@@ -5808,7 +5820,7 @@ function Kc(e, t, a, n, r, o) {
             style: { "margin-left": "8px" },
             onClick: e.handleCancel
           }, {
-            default: U(() => [
+            default: K(() => [
               ne(N(e.cancelText ?? "Cancel"), 1)
             ]),
             _: 1
@@ -5857,14 +5869,14 @@ const Xc = /* @__PURE__ */ I(Gc, [["render", Kc]]), Yc = {
 });
 function Jc(e, t, a, n, r, o) {
   const s = oe("MDialog");
-  return m(), $(J, null, [
+  return m(), w(J, null, [
     A(e.$slots, "default"),
     S("template", null, [
-      (m(), ee(Re, {
+      (m(), ee(Ie, {
         to: e.teleportTo ?? "body"
       }, [
         ne(N(e.dialogList) + " ", 1),
-        (m(!0), $(J, null, fe(e.dialogList, (l) => (m(), ee(s, {
+        (m(!0), w(J, null, fe(e.dialogList, (l) => (m(), ee(s, {
           key: l.key,
           internalKey: l.key,
           title: l.title,