@teammodlr/ui-kit 2.0.37 → 2.0.38

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, ref as $, watch as V, computed as v, openBlock as b, createElementBlock as C, normalizeClass as g, normalizeStyle as J, inject as ce, onMounted as me, resolveComponent as ie, createBlock as ne, mergeProps as Te, renderSlot as P, reactive as he, toRef as Y, provide as Oe, Fragment as te, renderList as ge, createElementVNode as O, createVNode as x, withCtx as ee, createTextVNode as pe, toDisplayString as U, createCommentVNode as q, onBeforeUnmount as zt, resolveDynamicComponent as Nt, readonly as hn, onUnmounted as Da, defineExpose as He, withModifiers as ke, withDirectives as ot, toHandlers as Ye, vModelCheckbox as Pa, unref as gt, getCurrentScope as yn, onScopeDispose as wn, watchEffect as Ct, nextTick as Fe, Teleport as qe, Transition as Ie, withKeys as Je, vShow as La, vModelRadio as $n } from "vue";
+import { defineComponent as L, ref as $, watch as V, computed as p, openBlock as b, createElementBlock as C, normalizeClass as g, normalizeStyle as J, inject as ce, onMounted as me, resolveComponent as ie, createBlock as ne, mergeProps as Te, renderSlot as P, reactive as he, toRef as Y, provide as Oe, Fragment as te, renderList as ge, createElementVNode as O, createVNode as x, withCtx as ee, createTextVNode as ve, toDisplayString as U, createCommentVNode as q, onBeforeUnmount as zt, resolveDynamicComponent as Nt, readonly as hn, onUnmounted as Da, defineExpose as He, withModifiers as ke, withDirectives as ot, toHandlers as Ye, vModelCheckbox as Pa, unref as ht, getCurrentScope as yn, onScopeDispose as wn, watchEffect as Tt, nextTick as Fe, Teleport as qe, Transition as _e, withKeys as Je, vShow as La, vModelRadio as $n } from "vue";
 const Sn = L({
   name: "MImage",
   props: {
@@ -38,9 +38,9 @@ const Sn = L({
       },
       { immediate: !0 }
     );
-    const r = v(() => ({
+    const r = p(() => ({
       "m-image": !0
-    })), n = v(() => ({}));
+    })), n = p(() => ({}));
     return {
       source: a,
       computedClasses: r,
@@ -90,15 +90,15 @@ const Na = Symbol("AVATAR_GROUP_STATE"), Bn = L({
     error: (e) => !0
   },
   setup(e, { emit: t }) {
-    const a = ce(Na, void 0), r = $(null), n = $(!0), s = $("md"), o = v(() => a == null ? void 0 : a.size), i = v(() => a == null ? void 0 : a.rounded), l = v(() => !!a), u = v(() => o.value || e.size), d = v(() => i.value || e.rounded), c = v(() => [
+    const a = ce(Na, void 0), r = $(null), n = $(!0), s = $("md"), o = p(() => a == null ? void 0 : a.size), i = p(() => a == null ? void 0 : a.rounded), l = p(() => !!a), u = p(() => o.value || e.size), d = p(() => i.value || e.rounded), c = p(() => [
       Tn,
       [An[u.value]],
       {
         [On]: l.value,
         [En]: d.value
       }
-    ]), f = (p) => {
-      n.value = !1, t("error", p);
+    ]), f = (v) => {
+      n.value = !1, t("error", v);
     };
     return me(() => {
       s.value = o.value || e.size;
@@ -128,11 +128,11 @@ function jn(e, t, a, r, n, s) {
   ], 2);
 }
 const Fa = /* @__PURE__ */ z(Bn, [["render", jn]]);
-var _n = "_4zgvid0", In = "_4zgvid1";
+var In = "_4zgvid0", _n = "_4zgvid1";
 const Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  base: _n,
-  item: In
+  base: In,
+  item: _n
 }, Symbol.toStringTag, { value: "Module" })), Dn = L({
   name: "MAvatarGroup",
   components: {
@@ -163,7 +163,7 @@ const Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       max: Y(e, "max")
     });
     Oe(Na, t);
-    const a = v(() => e.options.slice(0, e.max)), r = v(() => e.options.length - e.max);
+    const a = p(() => e.options.slice(0, e.max)), r = p(() => e.options.length - e.max);
     return {
       style: Rn,
       avatars: a,
@@ -193,7 +193,7 @@ function Ln(e, t, a, r, n, s) {
     e.options && e.options.length > e.max ? (b(), C("li", Pn, [
       x(o, null, {
         default: ee(() => [
-          pe(" +" + U(e.remaining), 1)
+          ve(" +" + U(e.remaining), 1)
         ]),
         _: 1
       })
@@ -215,7 +215,7 @@ const Hn = L({
     }
   },
   setup(e) {
-    const t = v(() => [
+    const t = p(() => [
       Nn,
       Wn[e.variant],
       {
@@ -270,7 +270,7 @@ const Yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }, r = he({
       separator: Y(e, "seperator"),
       refreshItems: a
-    }), n = v(() => [
+    }), n = p(() => [
       Wa
     ]);
     return Oe(Va, r), {
@@ -334,7 +334,7 @@ function eo(e, t, a, r, n, s) {
       class: g(e.style.link)
     }, [
       P(e.$slots, "default", {}, () => [
-        pe(U(e.label), 1)
+        ve(U(e.label), 1)
       ])
     ], 2),
     O("span", {
@@ -347,7 +347,7 @@ const Ha = /* @__PURE__ */ z(xn, [["render", eo]]), to = /* @__PURE__ */ Object.
   __proto__: null,
   default: Ha
 }, Symbol.toStringTag, { value: "Module" }));
-var ao = "_1s6j4ps7", ro = "_1s6j4ps18", no = "_1s6j4psz _1s6j4psy", oo = "_1s6j4ps10 _1s6j4psy", so = "_1s6j4ps13", lo = "_1s6j4ps15 _1s6j4ps14", io = "_1s6j4ps16", uo = { primary: "_1s6j4psm", dark: "_1s6j4psn", default: "_1s6j4pso", tertiary: "_1s6j4psp", success: "_1s6j4psq", warning: "_1s6j4psr", error: "_1s6j4pss" }, co = "_1s6j4ps19", fo = "_1s6j4ps17", po = { primary: "_1s6j4psf", dark: "_1s6j4psg", default: "_1s6j4psh", tertiary: "_1s6j4psi", success: "_1s6j4psj", warning: "_1s6j4psk", error: "_1s6j4psl" }, vo = { xs: "_1s6j4pst", sm: "_1s6j4psu", md: "_1s6j4psv", lg: "_1s6j4psw", xl: "_1s6j4psx" }, mo = { primary: "_1s6j4ps8", dark: "_1s6j4ps9", default: "_1s6j4psa", tertiary: "_1s6j4psb", success: "_1s6j4psc", warning: "_1s6j4psd", error: "_1s6j4pse" }, bo = "_1s6j4ps11", go = "_1s6j4ps12";
+var ao = "_1s6j4ps7", ro = "_1s6j4ps18", no = "_1s6j4psz _1s6j4psy", oo = "_1s6j4ps10 _1s6j4psy", so = "_1s6j4ps13", lo = "_1s6j4ps15 _1s6j4ps14", io = "_1s6j4ps16", uo = { primary: "_1s6j4psm", dark: "_1s6j4psn", default: "_1s6j4pso", tertiary: "_1s6j4psp", success: "_1s6j4psq", warning: "_1s6j4psr", error: "_1s6j4pss" }, co = "_1s6j4ps19", fo = "_1s6j4ps17", vo = { primary: "_1s6j4psf", dark: "_1s6j4psg", default: "_1s6j4psh", tertiary: "_1s6j4psi", success: "_1s6j4psj", warning: "_1s6j4psk", error: "_1s6j4psl" }, po = { xs: "_1s6j4pst", sm: "_1s6j4psu", md: "_1s6j4psv", lg: "_1s6j4psw", xl: "_1s6j4psx" }, mo = { primary: "_1s6j4ps8", dark: "_1s6j4ps9", default: "_1s6j4psa", tertiary: "_1s6j4psb", success: "_1s6j4psc", warning: "_1s6j4psd", error: "_1s6j4pse" }, bo = "_1s6j4ps11", go = "_1s6j4ps12";
 const qa = Symbol("BUTTON_GROUP_STATE"), Ft = Symbol("FORM_STATE"), ho = L({
   name: "MButton",
   props: {
@@ -406,28 +406,28 @@ const qa = Symbol("BUTTON_GROUP_STATE"), Ft = Symbol("FORM_STATE"), ho = L({
     }
   },
   setup(e, { slots: t }) {
-    const a = ce(qa, null), r = ce(Ft, null), n = ce("dropdown", null), s = $("md"), o = $(!1), i = $(0), l = Y(e, "loading"), u = v(() => n == null ? void 0 : n.isOpen.value), d = v(() => a == null ? void 0 : a.size), c = v(() => d.value || e.size), f = v(() => !!t["icon-left"]), p = v(() => !!t["icon-right"]), h = v(() => [
+    const a = ce(qa, null), r = ce(Ft, null), n = ce("dropdown", null), s = $("md"), o = $(!1), i = $(0), l = Y(e, "loading"), u = p(() => n == null ? void 0 : n.isOpen.value), d = p(() => a == null ? void 0 : a.size), c = p(() => d.value || e.size), f = p(() => !!t["icon-left"]), v = p(() => !!t["icon-right"]), h = p(() => [
       ao,
-      [vo[c.value]],
+      [po[c.value]],
       mo[e.variant],
       {
         [fo]: e.rounded,
-        [po[e.variant]]: e.secondary,
+        [vo[e.variant]]: e.secondary,
         [ro]: e.block,
         [uo[e.variant]]: e.link,
         [so]: e.icon,
         [co]: (r == null ? void 0 : r.loading) || l.value
       }
-    ]), m = v(() => [
+    ]), m = p(() => [
       bo,
       {
         [go]: o.value
       }
-    ]), y = v(() => [
+    ]), y = p(() => [
       no
-    ]), k = v(() => [
+    ]), k = p(() => [
       oo
-    ]), B = v(() => e.to ? "nuxt-link" : e.href ? "a" : "button");
+    ]), B = p(() => e.to ? "nuxt-link" : e.href ? "a" : "button");
     return me(() => {
       s.value = d.value || e.size;
     }), zt(() => {
@@ -440,7 +440,7 @@ const qa = Symbol("BUTTON_GROUP_STATE"), Ft = Symbol("FORM_STATE"), ho = L({
       computedBorderStateClasses: k,
       computedTag: B,
       hasIconLeft: f,
-      hasIconRight: p,
+      hasIconRight: v,
       handleClick: (A) => {
         if (e.disabled) {
           A.preventDefault();
@@ -565,7 +565,7 @@ const Z = (e, { focus: t, emit: a, withListeners: r = !0 }) => {
         return s.value = k, !1;
     }
     return s.value = "", !0;
-  }, p = r ? v(() => ({
+  }, v = r ? p(() => ({
     blur: (h) => a("blur", h),
     focus: (h) => a("focus", h),
     input: (h) => {
@@ -589,7 +589,7 @@ const Z = (e, { focus: t, emit: a, withListeners: r = !0 }) => {
     isFirstValidation: n,
     formError: s,
     insideForm: (u == null ? void 0 : u.insideForm) ?? !1,
-    inputListeners: p,
+    inputListeners: v,
     reset: d,
     validate: f,
     setError: c,
@@ -638,7 +638,7 @@ const jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   label: Ao,
   size: Ja,
   vars: Bo
-}, Symbol.toStringTag, { value: "Module" })), _o = L({
+}, Symbol.toStringTag, { value: "Module" })), Io = L({
   name: "Checkbox",
   emits: Z.emits(),
   props: {
@@ -673,9 +673,9 @@ const jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       setError: d,
       formError: c,
       formDisabled: f,
-      formLoading: p,
+      formLoading: v,
       inputListeners: h
-    } = Z(e, { focus: n, emit: a }), m = v(() => f || e.disabled || e.loading), y = Y(e, "name"), k = $(!1), B = v(() => !!t.default), j = v(() => [
+    } = Z(e, { focus: n, emit: a }), m = p(() => f || e.disabled || e.loading), y = Y(e, "name"), k = $(!1), B = p(() => !!t.default), j = p(() => [
       Ka,
       [Ja[e.size]],
       {
@@ -683,13 +683,13 @@ const jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [Xa]: k.value,
         [Za]: e.indeterminate
       }
-    ]), A = v(() => c.value || e.error);
+    ]), A = p(() => c.value || e.error);
     V(() => e.modelValue, (T) => {
       k.value = !!T;
     }, { immediate: !0 }), V(() => k.value, (T) => {
       a("update:modelValue", T);
     });
-    function _() {
+    function I() {
       m.value || e.indeterminate || (k.value = !k.value);
     }
     return He({
@@ -707,7 +707,7 @@ const jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       checked: k,
       checkboxRef: r,
       inputError: A,
-      toggle: _,
+      toggle: I,
       style: jo,
       classes: j,
       hasSlot: B,
@@ -716,7 +716,7 @@ const jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       blur: s
     };
   }
-}), Io = ["aria-checked", "aria-disabled", "aria-labelledby", "disabled", "name", "id"], Ro = /* @__PURE__ */ O("path", {
+}), _o = ["aria-checked", "aria-disabled", "aria-labelledby", "disabled", "name", "id"], Ro = /* @__PURE__ */ O("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "m21.042 6.855-11.34 11.17-6.398-7.178L5.096 9.25l4.72 5.294 9.542-9.399 1.684 1.71z",
@@ -746,7 +746,7 @@ function No(e, t, a, r, n, s) {
       name: e.name,
       id: e.id,
       class: e.style.input
-    }, e.$attrs, Ye(e.inputListeners, !0)), null, 16, Io), [
+    }, e.$attrs, Ye(e.inputListeners, !0)), null, 16, _o), [
       [Pa, e.checked]
     ]),
     O("span", {
@@ -778,22 +778,22 @@ function No(e, t, a, r, n, s) {
       id: `${e.id}-label`
     }, [
       e.hasSlot ? P(e.$slots, "default", { key: 0 }) : (b(), C(te, { key: 1 }, [
-        pe(U(e.label), 1)
+        ve(U(e.label), 1)
       ], 64))
     ], 10, zo)
   ], 2);
 }
-const Fo = /* @__PURE__ */ z(_o, [["render", No]]);
+const Fo = /* @__PURE__ */ z(Io, [["render", No]]);
 var oa;
 const Qa = typeof window < "u", Vo = (e) => typeof e == "number", Wo = (e) => typeof e == "string", Vt = () => {
 }, Ho = Qa && ((oa = window == null ? void 0 : window.navigator) == null ? void 0 : oa.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function xa(e) {
-  return typeof e == "function" ? e() : gt(e);
+  return typeof e == "function" ? e() : ht(e);
 }
 function er(e) {
   return yn() ? (wn(e), !0) : !1;
 }
-function _e(e) {
+function Ie(e) {
   var t;
   const a = xa(e);
   return (t = a == null ? void 0 : a.$el) != null ? t : a;
@@ -806,8 +806,8 @@ function K(...e) {
   Array.isArray(a) || (a = [a]), Array.isArray(r) || (r = [r]);
   const s = [], o = () => {
     s.forEach((d) => d()), s.length = 0;
-  }, i = (d, c, f, p) => (d.addEventListener(c, f, p), () => d.removeEventListener(c, f, p)), l = V(() => [_e(t), xa(n)], ([d, c]) => {
-    o(), d && s.push(...a.flatMap((f) => r.map((p) => i(d, f, p, c))));
+  }, i = (d, c, f, v) => (d.addEventListener(c, f, v), () => d.removeEventListener(c, f, v)), l = V(() => [Ie(t), xa(n)], ([d, c]) => {
+    o(), d && s.push(...a.flatMap((f) => r.map((v) => i(d, f, v, c))));
   }, { immediate: !0, flush: "post" }), u = () => {
     l(), o();
   };
@@ -820,17 +820,17 @@ function Wt(e, t, a = {}) {
     return;
   Ho && !sa && (sa = !0, Array.from(r.document.body.children).forEach((f) => f.addEventListener("click", Vt)));
   let i = !0;
-  const l = (f) => n.some((p) => {
-    if (typeof p == "string")
-      return Array.from(r.document.querySelectorAll(p)).some((h) => h === f.target || f.composedPath().includes(h));
+  const l = (f) => n.some((v) => {
+    if (typeof v == "string")
+      return Array.from(r.document.querySelectorAll(v)).some((h) => h === f.target || f.composedPath().includes(h));
     {
-      const h = _e(p);
+      const h = Ie(v);
       return h && (f.target === h || f.composedPath().includes(h));
     }
   }), d = [
     K(r, "click", (f) => {
-      const p = _e(e);
-      if (!(!p || p === f.target || f.composedPath().includes(p))) {
+      const v = Ie(e);
+      if (!(!v || v === f.target || f.composedPath().includes(v))) {
         if (f.detail === 0 && (i = !l(f)), !i) {
           i = !0;
           return;
@@ -839,13 +839,13 @@ function Wt(e, t, a = {}) {
       }
     }, { passive: !0, capture: s }),
     K(r, "pointerdown", (f) => {
-      const p = _e(e);
-      p && (i = !f.composedPath().includes(p) && !l(f));
+      const v = Ie(e);
+      v && (i = !f.composedPath().includes(v) && !l(f));
     }, { passive: !0 }),
     o && K(r, "blur", (f) => {
-      var p;
-      const h = _e(e);
-      ((p = r.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(h != null && h.contains(r.document.activeElement)) && t(f);
+      var v;
+      const h = Ie(e);
+      ((v = r.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(h != null && h.contains(r.document.activeElement)) && t(f);
     })
   ].filter(Boolean);
   return () => d.forEach((f) => f());
@@ -858,7 +858,7 @@ function qo() {
 }
 function Go(e) {
   const t = qo();
-  return v(() => (t.value, !!e()));
+  return p(() => (t.value, !!e()));
 }
 const la = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ia = "__vueuse_ssr_handlers__";
 la[ia] = la[ia] || {};
@@ -903,17 +903,17 @@ function Xo(e = {}) {
     for (const m of d)
       c(m, !1);
   }
-  function p(m, y) {
+  function v(m, y) {
     var k, B;
-    const j = (k = m.key) == null ? void 0 : k.toLowerCase(), _ = [(B = m.code) == null ? void 0 : B.toLowerCase(), j].filter(Boolean);
+    const j = (k = m.key) == null ? void 0 : k.toLowerCase(), I = [(B = m.code) == null ? void 0 : B.toLowerCase(), j].filter(Boolean);
     j && (y ? o.add(j) : o.delete(j));
-    for (const T of _)
+    for (const T of I)
       d.add(T), c(T, y);
     j === "meta" && !y ? (u.forEach((T) => {
       o.delete(T), c(T, !1);
-    }), u.clear()) : typeof m.getModifierState == "function" && m.getModifierState("Meta") && y && [...o, ..._].forEach((T) => u.add(T));
+    }), u.clear()) : typeof m.getModifierState == "function" && m.getModifierState("Meta") && y && [...o, ...I].forEach((T) => u.add(T));
   }
-  K(a, "keydown", (m) => (p(m, !0), s(m)), { passive: n }), K(a, "keyup", (m) => (p(m, !1), s(m)), { passive: n }), K("blur", f, { passive: !0 }), K("focus", f, { passive: !0 });
+  K(a, "keydown", (m) => (v(m, !0), s(m)), { passive: n }), K(a, "keyup", (m) => (v(m, !1), s(m)), { passive: n }), K("blur", f, { passive: !0 }), K("focus", f, { passive: !0 });
   const h = new Proxy(l, {
     get(m, y, k) {
       if (typeof y != "string")
@@ -921,11 +921,11 @@ function Xo(e = {}) {
       if (y = y.toLowerCase(), y in r && (y = r[y]), !(y in l))
         if (/[+_-]/.test(y)) {
           const j = y.split(/[+_-]/g).map((A) => A.trim());
-          l[y] = v(() => j.every((A) => gt(h[A])));
+          l[y] = p(() => j.every((A) => ht(h[A])));
         } else
           l[y] = $(!1);
       const B = Reflect.get(m, y, k);
-      return t ? gt(B) : B;
+      return t ? ht(B) : B;
     }
   });
   return h;
@@ -947,8 +947,8 @@ function Yo(e = {}) {
       const y = m.touches[0];
       t === "page" ? (i.value = y.pageX, l.value = y.pageY) : t === "client" && (i.value = y.clientX, l.value = y.clientY), u.value = "touch";
     }
-  }, p = (m) => o === void 0 ? d(m) : o(() => d(m), {}), h = (m) => o === void 0 ? f(m) : o(() => f(m), {});
-  return s && (K(s, "mousemove", p, { passive: !0 }), K(s, "dragover", p, { passive: !0 }), a && t !== "movement" && (K(s, "touchstart", h, { passive: !0 }), K(s, "touchmove", h, { passive: !0 }), r && K(s, "touchend", c, { passive: !0 }))), {
+  }, v = (m) => o === void 0 ? d(m) : o(() => d(m), {}), h = (m) => o === void 0 ? f(m) : o(() => f(m), {});
+  return s && (K(s, "mousemove", v, { passive: !0 }), K(s, "dragover", v, { passive: !0 }), a && t !== "movement" && (K(s, "touchstart", h, { passive: !0 }), K(s, "touchmove", h, { passive: !0 }), r && K(s, "touchend", c, { passive: !0 }))), {
     x: i,
     y: l,
     sourceType: u
@@ -958,11 +958,11 @@ function tr(e, t = {}) {
   const {
     handleOutside: a = !0,
     window: r = Ze
-  } = t, { x: n, y: s, sourceType: o } = Yo(t), i = $(e ?? (r == null ? void 0 : r.document.body)), l = $(0), u = $(0), d = $(0), c = $(0), f = $(0), p = $(0), h = $(!0);
+  } = t, { x: n, y: s, sourceType: o } = Yo(t), i = $(e ?? (r == null ? void 0 : r.document.body)), l = $(0), u = $(0), d = $(0), c = $(0), f = $(0), v = $(0), h = $(!0);
   let m = () => {
   };
   return r && (m = V([i, n, s], () => {
-    const y = _e(i);
+    const y = Ie(i);
     if (!y)
       return;
     const {
@@ -971,9 +971,9 @@ function tr(e, t = {}) {
       width: j,
       height: A
     } = y.getBoundingClientRect();
-    d.value = k + r.pageXOffset, c.value = B + r.pageYOffset, f.value = A, p.value = j;
-    const _ = n.value - d.value, T = s.value - c.value;
-    h.value = j === 0 || A === 0 || _ < 0 || T < 0 || _ > j || T > A, (a || !h.value) && (l.value = _, u.value = T);
+    d.value = k + r.pageXOffset, c.value = B + r.pageYOffset, f.value = A, v.value = j;
+    const I = n.value - d.value, T = s.value - c.value;
+    h.value = j === 0 || A === 0 || I < 0 || T < 0 || I > j || T > A, (a || !h.value) && (l.value = I, u.value = T);
   }, { immediate: !0 }), K(document, "mouseleave", () => {
     h.value = !0;
   })), {
@@ -985,7 +985,7 @@ function tr(e, t = {}) {
     elementPositionX: d,
     elementPositionY: c,
     elementHeight: f,
-    elementWidth: p,
+    elementWidth: v,
     isOutside: h,
     stop: m
   };
@@ -1006,7 +1006,7 @@ function ar(e = {}) {
     s.value = !0, o.value = d;
   }, l = () => {
     s.value = !1, o.value = null;
-  }, u = v(() => _e(e.target) || n);
+  }, u = p(() => Ie(e.target) || n);
   return K(u, "mousedown", i("mouse"), { passive: !0 }), K(n, "mouseleave", l, { passive: !0 }), K(n, "mouseup", l, { passive: !0 }), a && (K(u, "dragstart", i("mouse"), { passive: !0 }), K(n, "drop", l, { passive: !0 }), K(n, "dragend", l, { passive: !0 })), t && (K(u, "touchstart", i("touch"), { passive: !0 }), K(n, "touchend", l, { passive: !0 }), K(n, "touchcancel", l, { passive: !0 })), {
     pressed: s,
     sourceType: o
@@ -1026,7 +1026,7 @@ const ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   sliderThumb: ns,
   whiteGradient: os
 }, Symbol.toStringTag, { value: "Module" }));
-var rr = { enterActive: "_1b2bhsj0", leaveActive: "_1b2bhsj1", enterFrom: "_1b2bhsj2", leaveTo: "_1b2bhsj3" }, ls = { enterActive: "_1b2bhsj8", leaveActive: "_1b2bhsj9", enterFrom: "_1b2bhsja", leaveTo: "_1b2bhsjb" }, Tt = { enterActive: "_1b2bhsj4", leaveActive: "_1b2bhsj5", enterFrom: "_1b2bhsj6", leaveTo: "_1b2bhsj7" };
+var rr = { enterActive: "_1b2bhsj0", leaveActive: "_1b2bhsj1", enterFrom: "_1b2bhsj2", leaveTo: "_1b2bhsj3" }, ls = { enterActive: "_1b2bhsj8", leaveActive: "_1b2bhsj9", enterFrom: "_1b2bhsja", leaveTo: "_1b2bhsjb" }, st = { enterActive: "_1b2bhsj4", leaveActive: "_1b2bhsj5", enterFrom: "_1b2bhsj6", leaveTo: "_1b2bhsj7" };
 const is = (e, t, a, r) => {
   const n = e.toString(16).padStart(2, "0"), s = t.toString(16).padStart(2, "0"), o = a.toString(16).padStart(2, "0"), i = Math.round(r * 255).toString(16).padStart(2, "0");
   return `#${n}${s}${o}${r >= 1 ? "" : i}`;
@@ -1052,10 +1052,10 @@ const is = (e, t, a, r) => {
   const n = e, s = t * a, o = n / 60, i = s * (1 - Math.abs(o % 2 - 1));
   let l = 0, u = 0, d = 0;
   o >= 0 && o < 1 ? (l = s, u = i) : o >= 1 && o < 2 ? (l = i, u = s) : o >= 2 && o < 3 ? (u = s, d = i) : o >= 3 && o < 4 ? (u = i, d = s) : o >= 4 && o < 5 ? (l = i, d = s) : (l = s, d = i);
-  const c = t - s, f = Math.round((l + c) * 255), p = Math.round((u + c) * 255), h = Math.round((d + c) * 255);
+  const c = t - s, f = Math.round((l + c) * 255), v = Math.round((u + c) * 255), h = Math.round((d + c) * 255);
   return {
     r: f,
-    g: p,
+    g: v,
     b: h,
     a: r
   };
@@ -1071,15 +1071,15 @@ const is = (e, t, a, r) => {
     a: t
   };
 };
-var ue = "top", ye = "bottom", we = "right", de = "left", Mt = "auto", st = [ue, ye, we, de], Ge = "start", rt = "end", fs = "clippingParents", nr = "viewport", Qe = "popper", ps = "reference", da = /* @__PURE__ */ st.reduce(function(e, t) {
+var ue = "top", ye = "bottom", we = "right", de = "left", Mt = "auto", lt = [ue, ye, we, de], Ge = "start", rt = "end", fs = "clippingParents", nr = "viewport", Qe = "popper", vs = "reference", da = /* @__PURE__ */ lt.reduce(function(e, t) {
   return e.concat([t + "-" + Ge, t + "-" + rt]);
-}, []), or = /* @__PURE__ */ [].concat(st, [Mt]).reduce(function(e, t) {
+}, []), or = /* @__PURE__ */ [].concat(lt, [Mt]).reduce(function(e, t) {
   return e.concat([t, t + "-" + Ge, t + "-" + rt]);
-}, []), vs = "beforeRead", ms = "read", bs = "afterRead", gs = "beforeMain", hs = "main", ys = "afterMain", ws = "beforeWrite", $s = "write", Ss = "afterWrite", _t = [vs, ms, bs, gs, hs, ys, ws, $s, Ss];
+}, []), ps = "beforeRead", ms = "read", bs = "afterRead", gs = "beforeMain", hs = "main", ys = "afterMain", ws = "beforeWrite", $s = "write", Ss = "afterWrite", It = [ps, ms, bs, gs, hs, ys, ws, $s, Ss];
 function Ee(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
-function ve(e) {
+function pe(e) {
   if (e == null)
     return window;
   if (e.toString() !== "[object Window]") {
@@ -1089,17 +1089,17 @@ function ve(e) {
   return e;
 }
 function Ve(e) {
-  var t = ve(e).Element;
+  var t = pe(e).Element;
   return e instanceof t || e instanceof Element;
 }
 function fe(e) {
-  var t = ve(e).HTMLElement;
+  var t = pe(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
 function Ht(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var t = ve(e).ShadowRoot;
+  var t = pe(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
 function ks(e) {
@@ -1147,21 +1147,21 @@ const Ts = {
 function Se(e) {
   return e.split("-")[0];
 }
-var Ne = Math.max, ht = Math.min, Ue = Math.round;
-function It() {
+var Ne = Math.max, yt = Math.min, Ue = Math.round;
+function _t() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
     return t.brand + "/" + t.version;
   }).join(" ") : navigator.userAgent;
 }
 function sr() {
-  return !/^((?!chrome|android).)*safari/i.test(It());
+  return !/^((?!chrome|android).)*safari/i.test(_t());
 }
 function Ke(e, t, a) {
   t === void 0 && (t = !1), a === void 0 && (a = !1);
   var r = e.getBoundingClientRect(), n = 1, s = 1;
   t && fe(e) && (n = e.offsetWidth > 0 && Ue(r.width) / e.offsetWidth || 1, s = e.offsetHeight > 0 && Ue(r.height) / e.offsetHeight || 1);
-  var o = Ve(e) ? ve(e) : window, i = o.visualViewport, l = !sr() && a, u = (r.left + (l && i ? i.offsetLeft : 0)) / n, d = (r.top + (l && i ? i.offsetTop : 0)) / s, c = r.width / n, f = r.height / s;
+  var o = Ve(e) ? pe(e) : window, i = o.visualViewport, l = !sr() && a, u = (r.left + (l && i ? i.offsetLeft : 0)) / n, d = (r.top + (l && i ? i.offsetTop : 0)) / s, c = r.width / n, f = r.height / s;
   return {
     width: c,
     height: f,
@@ -1197,7 +1197,7 @@ function lr(e, t) {
   return !1;
 }
 function Ce(e) {
-  return ve(e).getComputedStyle(e);
+  return pe(e).getComputedStyle(e);
 }
 function Ms(e) {
   return ["table", "td", "th"].indexOf(Ee(e)) >= 0;
@@ -1225,7 +1225,7 @@ function ca(e) {
   Ce(e).position === "fixed" ? null : e.offsetParent;
 }
 function Os(e) {
-  var t = /firefox/i.test(It()), a = /Trident/i.test(It());
+  var t = /firefox/i.test(_t()), a = /Trident/i.test(_t());
   if (a && fe(e)) {
     var r = Ce(e);
     if (r.position === "fixed")
@@ -1240,8 +1240,8 @@ function Os(e) {
   }
   return null;
 }
-function lt(e) {
-  for (var t = ve(e), a = ca(e); a && Ms(a) && Ce(a).position === "static"; )
+function it(e) {
+  for (var t = pe(e), a = ca(e); a && Ms(a) && Ce(a).position === "static"; )
     a = ca(a);
   return a && (Ee(a) === "html" || Ee(a) === "body" && Ce(a).position === "static") ? t : a || Os(e) || t;
 }
@@ -1249,7 +1249,7 @@ function Gt(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function et(e, t, a) {
-  return Ne(e, ht(t, a));
+  return Ne(e, yt(t, a));
 }
 function Es(e, t, a) {
   var r = et(e, t, a);
@@ -1274,12 +1274,12 @@ function dr(e, t) {
 var As = function(t, a) {
   return t = typeof t == "function" ? t(Object.assign({}, a.rects, {
     placement: a.placement
-  })) : t, ur(typeof t != "number" ? t : dr(t, st));
+  })) : t, ur(typeof t != "number" ? t : dr(t, lt));
 };
 function Bs(e) {
   var t, a = e.state, r = e.name, n = e.options, s = a.elements.arrow, o = a.modifiersData.popperOffsets, i = Se(a.placement), l = Gt(i), u = [de, we].indexOf(i) >= 0, d = u ? "height" : "width";
   if (!(!s || !o)) {
-    var c = As(n.padding, a), f = qt(s), p = l === "y" ? ue : de, h = l === "y" ? ye : we, m = a.rects.reference[d] + a.rects.reference[l] - o[l] - a.rects.popper[d], y = o[l] - a.rects.reference[l], k = lt(s), B = k ? l === "y" ? k.clientHeight || 0 : k.clientWidth || 0 : 0, j = m / 2 - y / 2, A = c[p], _ = B - f[d] - c[h], T = B / 2 - f[d] / 2 + j, w = et(A, T, _), M = l;
+    var c = As(n.padding, a), f = qt(s), v = l === "y" ? ue : de, h = l === "y" ? ye : we, m = a.rects.reference[d] + a.rects.reference[l] - o[l] - a.rects.popper[d], y = o[l] - a.rects.reference[l], k = it(s), B = k ? l === "y" ? k.clientHeight || 0 : k.clientWidth || 0 : 0, j = m / 2 - y / 2, A = c[v], I = B - f[d] - c[h], T = B / 2 - f[d] / 2 + j, w = et(A, T, I), M = l;
     a.modifiersData[r] = (t = {}, t[M] = w, t.centerOffset = w - T, t);
   }
 }
@@ -1293,7 +1293,7 @@ function js(e) {
     t.elements.arrow = n;
   }
 }
-const _s = {
+const Is = {
   name: "arrow",
   enabled: !0,
   phase: "main",
@@ -1305,7 +1305,7 @@ const _s = {
 function Xe(e) {
   return e.split("-")[1];
 }
-var Is = {
+var _s = {
   top: "auto",
   right: "auto",
   bottom: "auto",
@@ -1319,20 +1319,20 @@ function Rs(e, t) {
   };
 }
 function fa(e) {
-  var t, a = e.popper, r = e.popperRect, n = e.placement, s = e.variation, o = e.offsets, i = e.position, l = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, c = e.isFixed, f = o.x, p = f === void 0 ? 0 : f, h = o.y, m = h === void 0 ? 0 : h, y = typeof d == "function" ? d({
-    x: p,
+  var t, a = e.popper, r = e.popperRect, n = e.placement, s = e.variation, o = e.offsets, i = e.position, l = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, c = e.isFixed, f = o.x, v = f === void 0 ? 0 : f, h = o.y, m = h === void 0 ? 0 : h, y = typeof d == "function" ? d({
+    x: v,
     y: m
   }) : {
-    x: p,
+    x: v,
     y: m
   };
-  p = y.x, m = y.y;
-  var k = o.hasOwnProperty("x"), B = o.hasOwnProperty("y"), j = de, A = ue, _ = window;
+  v = y.x, m = y.y;
+  var k = o.hasOwnProperty("x"), B = o.hasOwnProperty("y"), j = de, A = ue, I = window;
   if (u) {
-    var T = lt(a), w = "clientHeight", M = "clientWidth";
-    if (T === ve(a) && (T = Re(a), Ce(T).position !== "static" && i === "absolute" && (w = "scrollHeight", M = "scrollWidth")), T = T, n === ue || (n === de || n === we) && s === rt) {
+    var T = it(a), w = "clientHeight", M = "clientWidth";
+    if (T === pe(a) && (T = Re(a), Ce(T).position !== "static" && i === "absolute" && (w = "scrollHeight", M = "scrollWidth")), T = T, n === ue || (n === de || n === we) && s === rt) {
       A = ye;
-      var S = c && T === _ && _.visualViewport ? _.visualViewport.height : (
+      var S = c && T === I && I.visualViewport ? I.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         T[w]
       );
@@ -1340,27 +1340,27 @@ function fa(e) {
     }
     if (n === de || (n === ue || n === ye) && s === rt) {
       j = we;
-      var E = c && T === _ && _.visualViewport ? _.visualViewport.width : (
+      var E = c && T === I && I.visualViewport ? I.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         T[M]
       );
-      p -= E - r.width, p *= l ? 1 : -1;
+      v -= E - r.width, v *= l ? 1 : -1;
     }
   }
-  var I = Object.assign({
+  var _ = Object.assign({
     position: i
-  }, u && Is), D = d === !0 ? Rs({
-    x: p,
+  }, u && _s), D = d === !0 ? Rs({
+    x: v,
     y: m
-  }, ve(a)) : {
-    x: p,
+  }, pe(a)) : {
+    x: v,
     y: m
   };
-  if (p = D.x, m = D.y, l) {
+  if (v = D.x, m = D.y, l) {
     var W;
-    return Object.assign({}, I, (W = {}, W[A] = B ? "0" : "", W[j] = k ? "0" : "", W.transform = (_.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + m + "px)" : "translate3d(" + p + "px, " + m + "px, 0)", W));
+    return Object.assign({}, _, (W = {}, W[A] = B ? "0" : "", W[j] = k ? "0" : "", W.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + v + "px, " + m + "px)" : "translate3d(" + v + "px, " + m + "px, 0)", W));
   }
-  return Object.assign({}, I, (t = {}, t[A] = B ? m + "px" : "", t[j] = k ? p + "px" : "", t.transform = "", t));
+  return Object.assign({}, _, (t = {}, t[A] = B ? m + "px" : "", t[j] = k ? v + "px" : "", t.transform = "", t));
 }
 function Ds(e) {
   var t = e.state, a = e.options, r = a.gpuAcceleration, n = r === void 0 ? !0 : r, s = a.adaptive, o = s === void 0 ? !0 : s, i = a.roundOffsets, l = i === void 0 ? !0 : i;
@@ -1403,17 +1403,17 @@ const Ps = {
   fn: Ds,
   data: {}
 };
-var ut = {
+var dt = {
   passive: !0
 };
 function Ls(e) {
-  var t = e.state, a = e.instance, r = e.options, n = r.scroll, s = n === void 0 ? !0 : n, o = r.resize, i = o === void 0 ? !0 : o, l = ve(t.elements.popper), u = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  var t = e.state, a = e.instance, r = e.options, n = r.scroll, s = n === void 0 ? !0 : n, o = r.resize, i = o === void 0 ? !0 : o, l = pe(t.elements.popper), u = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return s && u.forEach(function(d) {
-    d.addEventListener("scroll", a.update, ut);
-  }), i && l.addEventListener("resize", a.update, ut), function() {
+    d.addEventListener("scroll", a.update, dt);
+  }), i && l.addEventListener("resize", a.update, dt), function() {
     s && u.forEach(function(d) {
-      d.removeEventListener("scroll", a.update, ut);
-    }), i && l.removeEventListener("resize", a.update, ut);
+      d.removeEventListener("scroll", a.update, dt);
+    }), i && l.removeEventListener("resize", a.update, dt);
   };
 }
 const zs = {
@@ -1431,7 +1431,7 @@ var Ns = {
   bottom: "top",
   top: "bottom"
 };
-function vt(e) {
+function mt(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
     return Ns[t];
   });
@@ -1440,13 +1440,13 @@ var Fs = {
   start: "end",
   end: "start"
 };
-function pa(e) {
+function va(e) {
   return e.replace(/start|end/g, function(t) {
     return Fs[t];
   });
 }
 function Ut(e) {
-  var t = ve(e), a = t.pageXOffset, r = t.pageYOffset;
+  var t = pe(e), a = t.pageXOffset, r = t.pageYOffset;
   return {
     scrollLeft: a,
     scrollTop: r
@@ -1456,7 +1456,7 @@ function Kt(e) {
   return Ke(Re(e)).left + Ut(e).scrollLeft;
 }
 function Vs(e, t) {
-  var a = ve(e), r = Re(e), n = a.visualViewport, s = r.clientWidth, o = r.clientHeight, i = 0, l = 0;
+  var a = pe(e), r = Re(e), n = a.visualViewport, s = r.clientWidth, o = r.clientHeight, i = 0, l = 0;
   if (n) {
     s = n.width, o = n.height;
     var u = sr();
@@ -1488,7 +1488,7 @@ function cr(e) {
 function tt(e, t) {
   var a;
   t === void 0 && (t = []);
-  var r = cr(e), n = r === ((a = e.ownerDocument) == null ? void 0 : a.body), s = ve(r), o = n ? [s].concat(s.visualViewport || [], Xt(r) ? r : []) : r, i = t.concat(o);
+  var r = cr(e), n = r === ((a = e.ownerDocument) == null ? void 0 : a.body), s = pe(r), o = n ? [s].concat(s.visualViewport || [], Xt(r) ? r : []) : r, i = t.concat(o);
   return n ? i : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     i.concat(tt(Ot(o)))
@@ -1506,20 +1506,20 @@ function Hs(e, t) {
   var a = Ke(e, !1, t === "fixed");
   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 va(e, t, a) {
+function pa(e, t, a) {
   return t === nr ? Rt(Vs(e, a)) : Ve(t) ? Hs(t, a) : Rt(Ws(Re(e)));
 }
 function qs(e) {
-  var t = tt(Ot(e)), a = ["absolute", "fixed"].indexOf(Ce(e).position) >= 0, r = a && fe(e) ? lt(e) : e;
+  var t = tt(Ot(e)), a = ["absolute", "fixed"].indexOf(Ce(e).position) >= 0, r = a && fe(e) ? it(e) : e;
   return Ve(r) ? t.filter(function(n) {
     return Ve(n) && lr(n, r) && Ee(n) !== "body";
   }) : [];
 }
 function Gs(e, t, a, r) {
   var n = t === "clippingParents" ? qs(e) : [].concat(t), s = [].concat(n, [a]), o = s[0], i = s.reduce(function(l, u) {
-    var d = va(e, u, r);
-    return l.top = Ne(d.top, l.top), l.right = ht(d.right, l.right), l.bottom = ht(d.bottom, l.bottom), l.left = Ne(d.left, l.left), l;
-  }, va(e, o, r));
+    var d = pa(e, u, r);
+    return l.top = Ne(d.top, l.top), l.right = yt(d.right, l.right), l.bottom = yt(d.bottom, l.bottom), l.left = Ne(d.left, l.left), l;
+  }, pa(e, o, r));
   return i.width = i.right - i.left, i.height = i.bottom - i.top, i.x = i.left, i.y = i.top, i;
 }
 function fr(e) {
@@ -1571,19 +1571,19 @@ function fr(e) {
 }
 function nt(e, t) {
   t === void 0 && (t = {});
-  var a = t, r = a.placement, n = r === void 0 ? e.placement : r, s = a.strategy, o = s === void 0 ? e.strategy : s, i = a.boundary, l = i === void 0 ? fs : i, u = a.rootBoundary, d = u === void 0 ? nr : u, c = a.elementContext, f = c === void 0 ? Qe : c, p = a.altBoundary, h = p === void 0 ? !1 : p, m = a.padding, y = m === void 0 ? 0 : m, k = ur(typeof y != "number" ? y : dr(y, st)), B = f === Qe ? ps : Qe, j = e.rects.popper, A = e.elements[h ? B : f], _ = Gs(Ve(A) ? A : A.contextElement || Re(e.elements.popper), l, d, o), T = Ke(e.elements.reference), w = fr({
+  var a = t, r = a.placement, n = r === void 0 ? e.placement : r, s = a.strategy, o = s === void 0 ? e.strategy : s, i = a.boundary, l = i === void 0 ? fs : i, u = a.rootBoundary, d = u === void 0 ? nr : u, c = a.elementContext, f = c === void 0 ? Qe : c, v = a.altBoundary, h = v === void 0 ? !1 : v, m = a.padding, y = m === void 0 ? 0 : m, k = ur(typeof y != "number" ? y : dr(y, lt)), B = f === Qe ? vs : Qe, j = e.rects.popper, A = e.elements[h ? B : f], I = Gs(Ve(A) ? A : A.contextElement || Re(e.elements.popper), l, d, o), T = Ke(e.elements.reference), w = fr({
     reference: T,
     element: j,
     strategy: "absolute",
     placement: n
   }), M = Rt(Object.assign({}, j, w)), S = f === Qe ? M : T, E = {
-    top: _.top - S.top + k.top,
-    bottom: S.bottom - _.bottom + k.bottom,
-    left: _.left - S.left + k.left,
-    right: S.right - _.right + k.right
-  }, I = e.modifiersData.offset;
-  if (f === Qe && I) {
-    var D = I[n];
+    top: I.top - S.top + k.top,
+    bottom: S.bottom - I.bottom + k.bottom,
+    left: I.left - S.left + k.left,
+    right: S.right - I.right + k.right
+  }, _ = e.modifiersData.offset;
+  if (f === Qe && _) {
+    var D = _[n];
     Object.keys(E).forEach(function(W) {
       var X = [we, ye].indexOf(W) >= 0 ? 1 : -1, Q = [ue, ye].indexOf(W) >= 0 ? "y" : "x";
       E[W] += D[Q] * X;
@@ -1595,11 +1595,11 @@ function Us(e, t) {
   t === void 0 && (t = {});
   var a = t, r = a.placement, n = a.boundary, s = a.rootBoundary, o = a.padding, i = a.flipVariations, l = a.allowedAutoPlacements, u = l === void 0 ? or : l, d = Xe(r), c = d ? i ? da : da.filter(function(h) {
     return Xe(h) === d;
-  }) : st, f = c.filter(function(h) {
+  }) : lt, f = c.filter(function(h) {
     return u.indexOf(h) >= 0;
   });
   f.length === 0 && (f = c, process.env.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
-  var p = f.reduce(function(h, m) {
+  var v = f.reduce(function(h, m) {
     return h[m] = nt(e, {
       placement: m,
       boundary: n,
@@ -1607,20 +1607,20 @@ function Us(e, t) {
       padding: o
     })[Se(m)], h;
   }, {});
-  return Object.keys(p).sort(function(h, m) {
-    return p[h] - p[m];
+  return Object.keys(v).sort(function(h, m) {
+    return v[h] - v[m];
   });
 }
 function Ks(e) {
   if (Se(e) === Mt)
     return [];
-  var t = vt(e);
-  return [pa(e), t, pa(t)];
+  var t = mt(e);
+  return [va(e), t, va(t)];
 }
 function Xs(e) {
   var t = e.state, a = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var n = a.mainAxis, s = n === void 0 ? !0 : n, o = a.altAxis, i = o === void 0 ? !0 : o, l = a.fallbackPlacements, u = a.padding, d = a.boundary, c = a.rootBoundary, f = a.altBoundary, p = a.flipVariations, h = p === void 0 ? !0 : p, m = a.allowedAutoPlacements, y = t.options.placement, k = Se(y), B = k === y, j = l || (B || !h ? [vt(y)] : Ks(y)), A = [y].concat(j).reduce(function(Ae, G) {
+    for (var n = a.mainAxis, s = n === void 0 ? !0 : n, o = a.altAxis, i = o === void 0 ? !0 : o, l = a.fallbackPlacements, u = a.padding, d = a.boundary, c = a.rootBoundary, f = a.altBoundary, v = a.flipVariations, h = v === void 0 ? !0 : v, m = a.allowedAutoPlacements, y = t.options.placement, k = Se(y), B = k === y, j = l || (B || !h ? [mt(y)] : Ks(y)), A = [y].concat(j).reduce(function(Ae, G) {
       return Ae.concat(Se(G) === Mt ? Us(t, {
         placement: G,
         boundary: d,
@@ -1629,23 +1629,23 @@ function Xs(e) {
         flipVariations: h,
         allowedAutoPlacements: m
       }) : G);
-    }, []), _ = t.rects.reference, T = t.rects.popper, w = /* @__PURE__ */ new Map(), M = !0, S = A[0], E = 0; E < A.length; E++) {
-      var I = A[E], D = Se(I), W = Xe(I) === Ge, X = [ue, ye].indexOf(D) >= 0, Q = X ? "width" : "height", F = nt(t, {
-        placement: I,
+    }, []), I = t.rects.reference, T = t.rects.popper, w = /* @__PURE__ */ new Map(), M = !0, S = A[0], E = 0; E < A.length; E++) {
+      var _ = A[E], D = Se(_), W = Xe(_) === Ge, X = [ue, ye].indexOf(D) >= 0, Q = X ? "width" : "height", F = nt(t, {
+        placement: _,
         boundary: d,
         rootBoundary: c,
         altBoundary: f,
         padding: u
       }), ae = X ? W ? we : de : W ? ye : ue;
-      _[Q] > T[Q] && (ae = vt(ae));
-      var be = vt(ae), oe = [];
+      I[Q] > T[Q] && (ae = mt(ae));
+      var be = mt(ae), oe = [];
       if (s && oe.push(F[D] <= 0), i && oe.push(F[ae] <= 0, F[be] <= 0), oe.every(function(Ae) {
         return Ae;
       })) {
-        S = I, M = !1;
+        S = _, M = !1;
         break;
       }
-      w.set(I, oe);
+      w.set(_, oe);
     }
     if (M)
       for (var se = h ? 3 : 1, De = function(G) {
@@ -1760,12 +1760,12 @@ function rl(e) {
   return e === "x" ? "y" : "x";
 }
 function nl(e) {
-  var t = e.state, a = e.options, r = e.name, n = a.mainAxis, s = n === void 0 ? !0 : n, o = a.altAxis, i = o === void 0 ? !1 : o, l = a.boundary, u = a.rootBoundary, d = a.altBoundary, c = a.padding, f = a.tether, p = f === void 0 ? !0 : f, h = a.tetherOffset, m = h === void 0 ? 0 : h, y = nt(t, {
+  var t = e.state, a = e.options, r = e.name, n = a.mainAxis, s = n === void 0 ? !0 : n, o = a.altAxis, i = o === void 0 ? !1 : o, l = a.boundary, u = a.rootBoundary, d = a.altBoundary, c = a.padding, f = a.tether, v = f === void 0 ? !0 : f, h = a.tetherOffset, m = h === void 0 ? 0 : h, y = nt(t, {
     boundary: l,
     rootBoundary: u,
     padding: c,
     altBoundary: d
-  }), k = Se(t.placement), B = Xe(t.placement), j = !B, A = Gt(k), _ = rl(A), T = t.modifiersData.popperOffsets, w = t.rects.reference, M = t.rects.popper, S = typeof m == "function" ? m(Object.assign({}, t.rects, {
+  }), k = Se(t.placement), B = Xe(t.placement), j = !B, A = Gt(k), I = rl(A), T = t.modifiersData.popperOffsets, w = t.rects.reference, M = t.rects.popper, S = typeof m == "function" ? m(Object.assign({}, t.rects, {
     placement: t.placement
   })) : m, E = typeof S == "number" ? {
     mainAxis: S,
@@ -1773,21 +1773,21 @@ function nl(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, S), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, D = {
+  }, S), _ = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, D = {
     x: 0,
     y: 0
   };
   if (T) {
     if (s) {
-      var W, X = A === "y" ? ue : de, Q = A === "y" ? ye : we, F = A === "y" ? "height" : "width", ae = T[A], be = ae + y[X], oe = ae - y[Q], se = p ? -M[F] / 2 : 0, De = B === Ge ? w[F] : M[F], $e = B === Ge ? -M[F] : -w[F], Be = t.elements.arrow, Ae = p && Be ? qt(Be) : {
+      var W, X = A === "y" ? ue : de, Q = A === "y" ? ye : we, F = A === "y" ? "height" : "width", ae = T[A], be = ae + y[X], oe = ae - y[Q], se = v ? -M[F] / 2 : 0, De = B === Ge ? w[F] : M[F], $e = B === Ge ? -M[F] : -w[F], Be = t.elements.arrow, Ae = v && Be ? qt(Be) : {
         width: 0,
         height: 0
-      }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ir(), re = G[X], R = G[Q], N = et(0, w[F], Ae[F]), H = j ? w[F] / 2 - se - N - re - E.mainAxis : De - N - re - E.mainAxis, Me = j ? -w[F] / 2 + se + N + R + E.mainAxis : $e + N + R + E.mainAxis, Pe = t.elements.arrow && lt(t.elements.arrow), pn = Pe ? A === "y" ? Pe.clientTop || 0 : Pe.clientLeft || 0 : 0, Zt = (W = I == null ? void 0 : I[A]) != null ? W : 0, vn = ae + H - Zt - pn, mn = ae + Me - Zt, Jt = et(p ? ht(be, vn) : be, ae, p ? Ne(oe, mn) : oe);
+      }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ir(), re = G[X], R = G[Q], N = et(0, w[F], Ae[F]), H = j ? w[F] / 2 - se - N - re - E.mainAxis : De - N - re - E.mainAxis, Me = j ? -w[F] / 2 + se + N + R + E.mainAxis : $e + N + R + E.mainAxis, Pe = t.elements.arrow && it(t.elements.arrow), vn = Pe ? A === "y" ? Pe.clientTop || 0 : Pe.clientLeft || 0 : 0, Zt = (W = _ == null ? void 0 : _[A]) != null ? W : 0, pn = ae + H - Zt - vn, mn = ae + Me - Zt, Jt = et(v ? yt(be, pn) : be, ae, v ? Ne(oe, mn) : oe);
       T[A] = Jt, D[A] = Jt - ae;
     }
     if (i) {
-      var Qt, bn = A === "x" ? ue : de, gn = A === "x" ? ye : we, Le = T[_], it = _ === "y" ? "height" : "width", xt = Le + y[bn], ea = Le - y[gn], Bt = [ue, de].indexOf(k) !== -1, ta = (Qt = I == null ? void 0 : I[_]) != null ? Qt : 0, aa = Bt ? xt : Le - w[it] - M[it] - ta + E.altAxis, ra = Bt ? Le + w[it] + M[it] - ta - E.altAxis : ea, na = p && Bt ? Es(aa, Le, ra) : et(p ? aa : xt, Le, p ? ra : ea);
-      T[_] = na, D[_] = na - Le;
+      var Qt, bn = A === "x" ? ue : de, gn = A === "x" ? ye : we, Le = T[I], ut = I === "y" ? "height" : "width", xt = Le + y[bn], ea = Le - y[gn], Bt = [ue, de].indexOf(k) !== -1, ta = (Qt = _ == null ? void 0 : _[I]) != null ? Qt : 0, aa = Bt ? xt : Le - w[ut] - M[ut] - ta + E.altAxis, ra = Bt ? Le + w[ut] + M[ut] - ta - E.altAxis : ea, na = v && Bt ? Es(aa, Le, ra) : et(v ? aa : xt, Le, v ? ra : ea);
+      T[I] = na, D[I] = na - Le;
     }
     t.modifiersData[r] = D;
   }
@@ -1806,7 +1806,7 @@ function sl(e) {
   };
 }
 function ll(e) {
-  return e === ve(e) || !fe(e) ? Ut(e) : sl(e);
+  return e === pe(e) || !fe(e) ? Ut(e) : sl(e);
 }
 function il(e) {
   var t = e.getBoundingClientRect(), a = Ue(t.width) / e.offsetWidth || 1, r = Ue(t.height) / e.offsetHeight || 1;
@@ -1850,7 +1850,7 @@ function dl(e) {
 }
 function cl(e) {
   var t = dl(e);
-  return _t.reduce(function(a, r) {
+  return It.reduce(function(a, r) {
     return a.concat(t.filter(function(n) {
       return n.phase === r;
     }));
@@ -1873,8 +1873,8 @@ function je(e) {
     return n.replace(/%s/, s);
   }, e);
 }
-var ze = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', pl = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', ga = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-function vl(e) {
+var ze = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', vl = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', ga = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function pl(e) {
   e.forEach(function(t) {
     [].concat(Object.keys(t), ga).filter(function(a, r, n) {
       return n.indexOf(a) === r;
@@ -1887,7 +1887,7 @@ function vl(e) {
           typeof t.enabled != "boolean" && console.error(je(ze, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
           break;
         case "phase":
-          _t.indexOf(t.phase) < 0 && console.error(je(ze, t.name, '"phase"', "either " + _t.join(", "), '"' + String(t.phase) + '"'));
+          It.indexOf(t.phase) < 0 && console.error(je(ze, t.name, '"phase"', "either " + It.join(", "), '"' + String(t.phase) + '"'));
           break;
         case "fn":
           typeof t.fn != "function" && console.error(je(ze, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
@@ -1912,7 +1912,7 @@ function vl(e) {
       t.requires && t.requires.forEach(function(r) {
         e.find(function(n) {
           return n.name === r;
-        }) == null && console.error(je(pl, String(t.name), r, r));
+        }) == null && console.error(je(vl, String(t.name), r, r));
       });
     });
   });
@@ -1965,7 +1965,7 @@ function hl(e) {
       },
       attributes: {},
       styles: {}
-    }, c = [], f = !1, p = {
+    }, c = [], f = !1, v = {
       state: d,
       setOptions: function(k) {
         var B = typeof k == "function" ? k(d.options) : k;
@@ -1974,26 +1974,26 @@ function hl(e) {
           popper: tt(l)
         };
         var j = cl(bl([].concat(r, d.options.modifiers)));
-        if (d.orderedModifiers = j.filter(function(I) {
-          return I.enabled;
+        if (d.orderedModifiers = j.filter(function(_) {
+          return _.enabled;
         }), process.env.NODE_ENV !== "production") {
-          var A = ml([].concat(j, d.options.modifiers), function(I) {
-            var D = I.name;
+          var A = ml([].concat(j, d.options.modifiers), function(_) {
+            var D = _.name;
             return D;
           });
-          if (vl(A), Se(d.options.placement) === Mt) {
-            var _ = d.orderedModifiers.find(function(I) {
-              var D = I.name;
+          if (pl(A), Se(d.options.placement) === Mt) {
+            var I = d.orderedModifiers.find(function(_) {
+              var D = _.name;
               return D === "flip";
             });
-            _ || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
+            I || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
           }
           var T = Ce(l), w = T.marginTop, M = T.marginRight, S = T.marginBottom, E = T.marginLeft;
-          [w, M, S, E].some(function(I) {
-            return parseFloat(I);
+          [w, M, S, E].some(function(_) {
+            return parseFloat(_);
           }) && 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 h(), p.update();
+        return h(), v.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -2008,26 +2008,26 @@ function hl(e) {
             return;
           }
           d.rects = {
-            reference: ul(B, lt(j), d.options.strategy === "fixed"),
+            reference: ul(B, it(j), d.options.strategy === "fixed"),
             popper: qt(j)
-          }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(I) {
-            return d.modifiersData[I.name] = Object.assign({}, I.data);
+          }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(_) {
+            return d.modifiersData[_.name] = Object.assign({}, _.data);
           });
-          for (var A = 0, _ = 0; _ < d.orderedModifiers.length; _++) {
+          for (var A = 0, I = 0; I < d.orderedModifiers.length; I++) {
             if (process.env.NODE_ENV !== "production" && (A += 1, A > 100)) {
               console.error(gl);
               break;
             }
             if (d.reset === !0) {
-              d.reset = !1, _ = -1;
+              d.reset = !1, I = -1;
               continue;
             }
-            var T = d.orderedModifiers[_], w = T.fn, M = T.options, S = M === void 0 ? {} : M, E = T.name;
+            var T = d.orderedModifiers[I], w = T.fn, M = T.options, S = M === void 0 ? {} : M, E = T.name;
             typeof w == "function" && (d = w({
               state: d,
               options: S,
               name: E,
-              instance: p
+              instance: v
             }) || d);
           }
         }
@@ -2036,7 +2036,7 @@ function hl(e) {
       // not necessary (debounced to run at most once-per-tick)
       update: fl(function() {
         return new Promise(function(y) {
-          p.forceUpdate(), y(d);
+          v.forceUpdate(), y(d);
         });
       }),
       destroy: function() {
@@ -2044,22 +2044,22 @@ function hl(e) {
       }
     };
     if (!wa(i, l))
-      return process.env.NODE_ENV !== "production" && console.error(ha), p;
-    p.setOptions(u).then(function(y) {
+      return process.env.NODE_ENV !== "production" && console.error(ha), v;
+    v.setOptions(u).then(function(y) {
       !f && u.onFirstUpdate && u.onFirstUpdate(y);
     });
     function h() {
       d.orderedModifiers.forEach(function(y) {
         var k = y.name, B = y.options, j = B === void 0 ? {} : B, A = y.effect;
         if (typeof A == "function") {
-          var _ = A({
+          var I = A({
             state: d,
             name: k,
-            instance: p,
+            instance: v,
             options: j
           }), T = function() {
           };
-          c.push(_ || T);
+          c.push(I || T);
         }
       });
     }
@@ -2068,10 +2068,10 @@ function hl(e) {
         return y();
       }), c = [];
     }
-    return p;
+    return v;
   };
 }
-var yl = [zs, al, Ps, Ts, el, Ys, ol, _s, Js], wl = /* @__PURE__ */ hl({
+var yl = [zs, al, Ps, Ts, el, Ys, ol, Is, Js], wl = /* @__PURE__ */ hl({
   defaultModifiers: yl
 });
 const $l = Object.freeze([
@@ -2128,21 +2128,21 @@ function Et(e) {
     l.placement = k, u && (u == null || u.setOptions({ placement: k }));
   });
   let d = $(0);
-  Ct(() => {
+  Tt(() => {
     r.value && o.value && (r.value.__transferElement = o.value);
   });
   let c = null;
   a && V(a, (k) => {
     h(k), f();
   }), me(() => {
-    Fe(p);
+    Fe(v);
   }), zt(y);
   function f() {
     Fe(() => {
       u && u.forceUpdate(), r.value && (d.value = r.value.clientWidth);
     });
   }
-  function p() {
+  function v() {
     y(), u && u.destroy(), m();
     const k = V(s, m), B = V(o, m);
     c = () => {
@@ -2163,7 +2163,7 @@ function Et(e) {
     popper: o,
     transferTo: i,
     updatePopper: f,
-    createPopper: p,
+    createPopper: v,
     destroyPopper: y,
     width: d
   };
@@ -2175,10 +2175,10 @@ function Sl(e) {
   }
 }
 const $a = $(0), kl = 1e3, Cl = Symbol("ZINDEX"), At = (e) => {
-  const t = e || ce(Cl, void 0), a = v(() => {
-    const s = gt(t);
+  const t = e || ce(Cl, void 0), a = p(() => {
+    const s = ht(t);
     return Vo(s) ? s : kl;
-  }), r = v(() => a.value + $a.value);
+  }), r = p(() => a.value + $a.value);
   return {
     initial: a,
     current: r,
@@ -2256,16 +2256,16 @@ function jl(e, t, a, r, n, s) {
     ], 32)
   ], 2);
 }
-const pr = /* @__PURE__ */ z(Bl, [["render", jl]]);
-var vr = "sy3isg9", mt = "sy3isgg", _l = "sy3isgj", mr = "sy3isgh", br = "sy3isgm", Il = "sy3isgk", gr = "sy3isgo", hr = "sy3isgq", Rl = "sy3isgl", yr = "sy3isga", Dl = "sy3isgi", Pl = "sy3isgn", Ll = "sy3isgr", zl = "sy3isgp", wr = { xs: "sy3isgb", sm: "sy3isgc", md: "sy3isgd", lg: "sy3isge", xl: "sy3isgf" }, Nl = "sy3isgs", Fl = { height: "var(--sy3isg0)", radius: "var(--sy3isg1)", paddingX: "var(--sy3isg2)", paddingY: "var(--sy3isg3)", borderColor: "var(--sy3isg4)", backgroundColor: "var(--sy3isg5)", color: "var(--sy3isg6)", cursor: "var(--sy3isg7)" }, $r = "sy3isg8";
+const vr = /* @__PURE__ */ z(Bl, [["render", jl]]);
+var pr = "sy3isg9", bt = "sy3isgg", Il = "sy3isgj", mr = "sy3isgh", br = "sy3isgm", _l = "sy3isgk", gr = "sy3isgo", hr = "sy3isgq", Rl = "sy3isgl", yr = "sy3isga", Dl = "sy3isgi", Pl = "sy3isgn", Ll = "sy3isgr", zl = "sy3isgp", wr = { xs: "sy3isgb", sm: "sy3isgc", md: "sy3isgd", lg: "sy3isge", xl: "sy3isgf" }, Nl = "sy3isgs", Fl = { height: "var(--sy3isg0)", radius: "var(--sy3isg1)", paddingX: "var(--sy3isg2)", paddingY: "var(--sy3isg3)", borderColor: "var(--sy3isg4)", backgroundColor: "var(--sy3isg5)", color: "var(--sy3isg6)", cursor: "var(--sy3isg7)" }, $r = "sy3isg8";
 const Vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  base: vr,
-  block: mt,
-  description: _l,
+  base: pr,
+  block: bt,
+  description: Il,
   disabled: mr,
   error: br,
-  errorMessage: Il,
+  errorMessage: _l,
   hasLeftIcon: gr,
   hasRightIcon: hr,
   helpMessage: Rl,
@@ -2334,32 +2334,32 @@ const Vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       validate: d,
       setError: c,
       formError: f,
-      formDisabled: p,
+      formDisabled: v,
       formLoading: h
-    } = Z(e, { focus: n, emit: a }), m = $(!1), y = Y(e, "name"), k = v(() => !!t["icon-left"]), B = v(() => !!t["icon-right"]), j = v(() => !!t.prefix), A = v(() => !!t.suffix), _ = v(() => !!(t["help-message"] || t.help)), T = v(() => p || e.disabled), w = v(() => h || e.loading), M = v(() => {
+    } = Z(e, { focus: n, emit: a }), m = $(!1), y = Y(e, "name"), k = p(() => !!t["icon-left"]), B = p(() => !!t["icon-right"]), j = p(() => !!t.prefix), A = p(() => !!t.suffix), I = p(() => !!(t["help-message"] || t.help)), T = p(() => v || e.disabled), w = p(() => h || e.loading), M = p(() => {
       const Q = e.type;
       return Q === "password" ? m.value ? "text" : "password" : Q;
-    }), S = v(() => e.loading || e.readonly), E = v(() => [
+    }), S = p(() => e.loading || e.readonly), E = p(() => [
       {
-        [mt]: e.block
+        [bt]: e.block
       }
-    ]), I = v(() => [
+    ]), _ = p(() => [
       $r,
-      vr,
+      pr,
       wr[e.size],
       {
-        [mt]: e.block
+        [bt]: e.block
       }
-    ]), D = v(() => [
+    ]), D = p(() => [
       yr,
       {
-        [mt]: e.block,
+        [bt]: e.block,
         [mr]: T.value || w.value,
         [br]: W.value,
         [gr]: k.value,
         [hr]: B.value
       }
-    ]), W = v(() => f.value || e.error), X = () => {
+    ]), W = p(() => f.value || e.error), X = () => {
       a("update:modelValue", "");
     };
     return He({
@@ -2373,14 +2373,14 @@ const Vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       loading: w,
       readonly: S,
       inputComputedClasses: D,
-      wrapperComputedClasses: I,
+      wrapperComputedClasses: _,
       computedContainerClasses: E,
       name: y,
       hasLeftIcon: k,
       hasRightIcon: B,
       hasSuffix: A,
       hasPrefix: j,
-      hasHelpMessage: _,
+      hasHelpMessage: I,
       inputError: W,
       style: Vl,
       onClear: X,
@@ -2481,22 +2481,22 @@ const Yt = /* @__PURE__ */ z(Wl, [["render", Gl]]), Ul = L({
   },
   emits: ["update:modelValue"],
   components: {
-    MSlider: pr,
+    MSlider: vr,
     MInput: Yt,
     MButton: Ga
   },
   setup(e, { emit: t }) {
-    const { isSupported: a, open: r, sRGBHex: n } = Uo(), { nextZIndex: s } = At(), o = $(!1), i = $(!1), l = $(""), u = $(""), d = $(""), c = $(""), f = $(""), p = $(), h = $(), m = $(), y = Y(e, "transfer"), k = Y(e, "placement"), B = $(), j = $(0), A = $(100), _ = $(!1), T = he({
+    const { isSupported: a, open: r, sRGBHex: n } = Uo(), { nextZIndex: s } = At(), o = $(!1), i = $(!1), l = $(""), u = $(""), d = $(""), c = $(""), f = $(""), v = $(), h = $(), m = $(), y = Y(e, "transfer"), k = Y(e, "placement"), B = $(), j = $(0), A = $(100), I = $(!1), T = he({
       x: 0,
       y: 0
-    }), w = $(e.zIndex ?? s()), { elementX: M, elementY: S } = tr(p), { pressed: E } = ar(), { popper: I, transferTo: D, updatePopper: W } = Et({
+    }), w = $(e.zIndex ?? s()), { elementX: M, elementY: S } = tr(v), { pressed: E } = ar(), { popper: _, transferTo: D, updatePopper: W } = Et({
       reference: m,
       placement: k,
       transfer: y,
       wrapper: h,
       isDrop: !1,
       offset: [-2, 2]
-    }), X = v(() => 1 - T.y), Q = v(() => T.x), F = v(() => ds(j.value * 3.6, X.value, Q.value, A.value / 100)), ae = v(() => cs(j.value * 3.6, A.value / 100)), be = () => {
+    }), X = p(() => 1 - T.y), Q = p(() => T.x), F = p(() => ds(j.value * 3.6, X.value, Q.value, A.value / 100)), ae = p(() => cs(j.value * 3.6, A.value / 100)), be = () => {
       l.value = is(F.value.r, F.value.g, F.value.b, F.value.a), u.value = F.value.r.toString(), d.value = F.value.g.toString(), c.value = F.value.b.toString(), f.value = F.value.a.toFixed(2).toString(), t("update:modelValue", l.value);
     };
     V(() => F.value, () => {
@@ -2518,27 +2518,27 @@ const Yt = /* @__PURE__ */ z(Wl, [["render", Gl]]), Ul = L({
       (isNaN(N) || N > 1 || N < 0) && (N = F.value.a), oe(ua(G, re, R), N);
     };
     V(() => E.value, () => {
-      E.value || (_.value = !1);
+      E.value || (I.value = !1);
     }), V(() => [M.value, S.value], () => {
-      _.value && $e();
+      I.value && $e();
     }), V(() => e.modelValue, () => {
       l.value = e.modelValue, se(), console.log("hi");
     });
     const $e = () => {
       var G, re, R, N;
-      T.x = Math.min(Math.max(M.value, 0), ((G = p.value) == null ? void 0 : G.clientWidth) || 0) / (((re = p.value) == null ? void 0 : re.clientWidth) || 0), T.y = Math.min(Math.max(S.value, 0), ((R = p.value) == null ? void 0 : R.clientHeight) || 0) / (((N = p.value) == null ? void 0 : N.clientHeight) || 0);
+      T.x = Math.min(Math.max(M.value, 0), ((G = v.value) == null ? void 0 : G.clientWidth) || 0) / (((re = v.value) == null ? void 0 : re.clientWidth) || 0), T.y = Math.min(Math.max(S.value, 0), ((R = v.value) == null ? void 0 : R.clientHeight) || 0) / (((N = v.value) == null ? void 0 : N.clientHeight) || 0);
     }, Be = () => {
-      _.value = !0, $e();
+      I.value = !0, $e();
     };
     return me(() => {
       l.value = e.modelValue, se();
-    }), Wt(I, (G) => {
+    }), Wt(_, (G) => {
       o.value = !1;
     }), V(() => n.value, () => {
       l.value = n.value, se();
     }), {
       isOpen: o,
-      popper: I,
+      popper: _,
       transferTo: D,
       wrapper: h,
       referenceRef: m,
@@ -2555,13 +2555,13 @@ const Yt = /* @__PURE__ */ z(Wl, [["render", Gl]]), Ul = L({
       finalColor: F,
       hueSlider: j,
       opacitySlider: A,
-      dragging: _,
+      dragging: I,
       setThumbPosition: $e,
       position: T,
       elementX: M,
       pressed: E,
       handleMouseDown: Be,
-      picker: p,
+      picker: v,
       style: ss,
       mainColor: ae,
       zIndex: w,
@@ -2573,7 +2573,7 @@ const Yt = /* @__PURE__ */ z(Wl, [["render", Gl]]), Ul = L({
           console.log(G);
         }
       },
-      scale: Tt
+      scale: st
     };
   }
 }), Kl = {
@@ -2625,7 +2625,7 @@ function ti(e, t, a, r, n, s) {
       }, null, 6)
     ], 2),
     (b(), ne(qe, { to: "body" }, [
-      x(Ie, {
+      x(_e, {
         "enter-active-class": e.scale.enterActive,
         "leave-active-class": e.scale.leaveActive,
         "enter-from-class": e.scale.enterFrom,
@@ -2849,7 +2849,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "update:open"
   ],
   setup(e, { emit: t }) {
-    const a = ce(Dt, null), { nextZIndex: r } = At(), n = !!a, s = Y(e, "label"), o = $(e.open), i = $(e.placement), l = Y(e, "transfer"), u = $(null), d = $(null), c = $(e.zIndex ?? r()), f = v(() => {
+    const a = ce(Dt, null), { nextZIndex: r } = At(), n = !!a, s = Y(e, "label"), o = $(e.open), i = $(e.placement), l = Y(e, "transfer"), u = $(null), d = $(null), c = $(e.zIndex ?? r()), f = p(() => {
       if (e.virtual !== null) {
         const S = e.virtual.$el ?? e.virtual;
         if (S) {
@@ -2869,7 +2869,7 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         }
       }
       return d.value;
-    }), { popper: p, transferTo: h, updatePopper: m } = Et({
+    }), { popper: v, transferTo: h, updatePopper: m } = Et({
       reference: f,
       placement: i,
       transfer: l,
@@ -2895,13 +2895,13 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), K("resize", () => {
       m();
     }), Wt(u, (S) => {
-      let E = S.target, I = 0;
+      let E = S.target, _ = 0;
       for (; E; ) {
         if (E.classList.contains("m-dropdown-menu"))
           return;
-        if (E = E.parentElement, I > 10)
+        if (E = E.parentElement, _ > 10)
           break;
-        I++;
+        _++;
       }
       o.value = !1;
     });
@@ -2915,32 +2915,32 @@ const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function A(S) {
       o.value = !1, e.onSelect(S), typeof (a == null ? void 0 : a.handleSelect) == "function" && a.handleSelect([y.value, ...S]);
     }
-    const _ = v(() => [
+    const I = p(() => [
       "m-dropdown",
       {
         "m-dropdown--open": o.value,
         "m-dropdown--nested": n
       }
-    ]), T = v(() => {
-    }), w = v(() => [
+    ]), T = p(() => {
+    }), w = p(() => [
       "m-dropdown-menu",
       Cr
-    ]), M = v(() => `m-transition__${e.transitionName}`);
+    ]), M = p(() => `m-transition__${e.transitionName}`);
     return {
       wrapper: u,
       referenceRef: d,
-      popper: p,
+      popper: v,
       transferTo: h,
       isOpen: o,
       isNested: n,
       placement: i,
       menuClasses: w,
-      computedWrapperClasses: _,
+      computedWrapperClasses: I,
       computedReferenceClasses: T,
       transitionName: M,
       toggleDropdown: j,
       zIndex: c,
-      scale: Tt
+      scale: st
     };
   }
 });
@@ -2963,7 +2963,7 @@ function ui(e, t, a, r, n, s) {
           disabled: e.isNested,
           to: "body"
         }, [
-          x(Ie, {
+          x(_e, {
             "enter-active-class": e.scale.enterActive,
             "leave-active-class": e.scale.leaveActive,
             "enter-from-class": e.scale.enterFrom,
@@ -3022,13 +3022,13 @@ const di = /* @__PURE__ */ z(ii, [["render", ui]]), ci = L({
   },
   emits: [],
   setup(e, { slots: t }) {
-    const a = ce("dropdown-select", null), r = v(() => !!t["icon-left"]), n = v(() => !!t["icon-right"]), s = $(null), o = Y(e, "label"), i = $(e.reference), l = kr(o, s);
+    const a = ce("dropdown-select", null), r = p(() => !!t["icon-left"]), n = p(() => !!t["icon-right"]), s = $(null), o = Y(e, "label"), i = $(e.reference), l = kr(o, s);
     function u() {
       e.disabled || i.value || (typeof a == "function" && a([l.value]), e.onSelect(l.value));
     }
-    const d = v(() => [
+    const d = p(() => [
       Tr
-    ]), c = v(() => e.href ? "a" : "li");
+    ]), c = p(() => e.href ? "a" : "li");
     return {
       wrapper: s,
       hasIconLeft: r,
@@ -3071,7 +3071,7 @@ function fi(e, t, a, r, n, s) {
     _: 3
   }, 16, ["href", "class", "onClick"]);
 }
-const pi = /* @__PURE__ */ z(ci, [["render", fi]]), vi = L({
+const vi = /* @__PURE__ */ z(ci, [["render", fi]]), pi = L({
   name: "DropdownList",
   setup() {
     return {
@@ -3086,11 +3086,11 @@ function mi(e, t, a, r, n, s) {
     P(e.$slots, "default")
   ], 2);
 }
-const bi = /* @__PURE__ */ z(vi, [["render", mi]]), gi = L({
+const bi = /* @__PURE__ */ z(pi, [["render", mi]]), gi = L({
   name: "DropdownSeperator",
   setup() {
     return {
-      computedClasses: v(() => [
+      computedClasses: p(() => [
         Mr
       ])
     };
@@ -3178,7 +3178,7 @@ const ki = L({
   setup(e, { emit: t }) {
     const a = [], r = he({
       add: (l, u, d, c) => {
-        const f = a.find((p) => p.name === l);
+        const f = a.find((v) => v.name === l);
         f ? (f.focus = u, f.validate = d, f.setError = c) : a.push({
           name: l,
           focus: u,
@@ -3216,10 +3216,10 @@ const ki = L({
       }), l;
     }, s = (l) => {
       l.preventDefault(), l.stopPropagation(), t("submit", e.autoValidate ? n() : !0);
-    }, o = v(() => {
+    }, o = p(() => {
       let l = {};
       return e.spacing && (l[Si.spacing] = e.spacing), Ar(l);
-    }), i = v(() => [
+    }), i = p(() => [
       $i
     ]);
     return {
@@ -3261,7 +3261,7 @@ const Ti = /* @__PURE__ */ z(ki, [["render", Ci]]), Mi = L({
     to: [String, Object]
   },
   setup(e) {
-    const t = v(() => [
+    const t = p(() => [
       "m-link",
       {
         [`m-link--${e.color}`]: e.color,
@@ -3270,7 +3270,7 @@ const Ti = /* @__PURE__ */ z(ki, [["render", Ci]]), Mi = L({
         "m-link--disabled": e.disabled,
         "m-link--external": a.value === "a"
       }
-    ]), a = v(() => e.to ? "router-link" : "a");
+    ]), a = p(() => e.to ? "router-link" : "a");
     return {
       computedClasses: t,
       tag: a
@@ -3290,7 +3290,7 @@ function Oi(e, t, a, r, n, s) {
   }, 8, ["to", "class", "disabled"]);
 }
 const Ei = /* @__PURE__ */ z(Mi, [["render", Oi]]);
-var Ai = "rc3srv5", Bi = "rc3srv9", ji = { top: "rc3srv6", "top-left": "rc3srv7", "top-right": "rc3srv8" }, _i = { info: "rc3srvb", success: "rc3srvc", warning: "rc3srvd", error: "rc3srve", default: "rc3srvf", loading: "rc3srvg" }, Ii = "rc3srv4";
+var Ai = "rc3srv5", Bi = "rc3srv9", ji = { top: "rc3srv6", "top-left": "rc3srv7", "top-right": "rc3srv8" }, Ii = { info: "rc3srvb", success: "rc3srvc", warning: "rc3srvd", error: "rc3srve", default: "rc3srvf", loading: "rc3srvg" }, _i = "rc3srv4";
 const Ri = L({
   name: "MMessage",
   props: {
@@ -3337,10 +3337,10 @@ const Ri = L({
     function n() {
       a.value = !1, t && (window.clearTimeout(t), t = null, e.onInternalAfterLeave && e.onInternalAfterLeave(e.internalKey));
     }
-    const s = v(() => [
+    const s = p(() => [
       Ai,
-      [_i[e.variant]]
-    ]), o = v(() => [
+      [Ii[e.variant]]
+    ]), o = p(() => [
       Bi
     ]);
     return V(() => e.timeout, () => {
@@ -3350,7 +3350,7 @@ const Ri = L({
       hide: n,
       classes: s,
       iconClasses: o,
-      scale: Tt
+      scale: st
     };
   }
 }), Di = {
@@ -3410,7 +3410,7 @@ const Ri = L({
   Xi
 ], Zi = { class: "m-message" };
 function Ji(e, t, a, r, n, s) {
-  return b(), ne(Ie, {
+  return b(), ne(_e, {
     type: "animation",
     "enter-active-class": e.scale.enterActive,
     "leave-active-class": e.scale.leaveActive,
@@ -3478,7 +3478,7 @@ const Qi = /* @__PURE__ */ z(Ri, [["render", Ji]]), xi = L({
     };
     Oe("m-message", n);
     function s(u, d) {
-      const { id: c } = Ua("m-message"), f = c.value, p = he({
+      const { id: c } = Ua("m-message"), f = c.value, v = he({
         ...d,
         content: u,
         key: f,
@@ -3486,7 +3486,7 @@ const Qi = /* @__PURE__ */ z(Ri, [["render", Ji]]), xi = L({
           r.value[f].hide();
         }
       });
-      return a.value.push(p), p;
+      return a.value.push(v), v;
     }
     function o() {
       Object.values(r.value).forEach((u) => {
@@ -3498,8 +3498,8 @@ const Qi = /* @__PURE__ */ z(Ri, [["render", Ji]]), xi = L({
         (d) => d.key !== u
       ), delete r.value[u];
     }
-    const l = v(() => [
-      Ii,
+    const l = p(() => [
+      _i,
       // @ts-ignore
       [ji[e.placement]]
     ]);
@@ -3509,7 +3509,7 @@ const Qi = /* @__PURE__ */ z(Ri, [["render", Ji]]), xi = L({
         messageList: a,
         onInternalAfterLeave: i,
         classes: l,
-        scale: Tt
+        scale: st
       },
       n
     );
@@ -3523,7 +3523,7 @@ function eu(e, t, a, r, n, s) {
       key: 0,
       to: e.teleportTo ?? "body"
     }, [
-      x(Ie, {
+      x(_e, {
         type: "animation",
         "enter-active-class": e.scale.enterActive,
         "leave-active-class": e.scale.leaveActive,
@@ -3556,13 +3556,13 @@ const tu = /* @__PURE__ */ z(xi, [["render", eu]]);
 * tabbable 6.1.1
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], yt = /* @__PURE__ */ Br.join(","), jr = typeof Element > "u", We = jr ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, wt = !jr && Element.prototype.getRootNode ? function(e) {
+var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], wt = /* @__PURE__ */ Br.join(","), jr = typeof Element > "u", We = jr ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, $t = !jr && Element.prototype.getRootNode ? function(e) {
   var t;
   return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
 } : function(e) {
   return e == null ? void 0 : e.ownerDocument;
-}, $t = function e(t, a) {
+}, St = function e(t, a) {
   var r;
   a === void 0 && (a = !0);
   var n = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), s = n === "" || n === "true", o = s || a && t && e(t.parentNode);
@@ -3570,15 +3570,15 @@ var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, au = function(t) {
   var a, r = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "contenteditable");
   return r === "" || r === "true";
-}, _r = function(t, a, r) {
-  if ($t(t))
+}, Ir = function(t, a, r) {
+  if (St(t))
     return [];
-  var n = Array.prototype.slice.apply(t.querySelectorAll(yt));
-  return a && We.call(t, yt) && n.unshift(t), n = n.filter(r), n;
-}, Ir = function e(t, a, r) {
+  var n = Array.prototype.slice.apply(t.querySelectorAll(wt));
+  return a && We.call(t, wt) && n.unshift(t), n = n.filter(r), n;
+}, _r = function e(t, a, r) {
   for (var n = [], s = Array.from(t); s.length; ) {
     var o = s.shift();
-    if (!$t(o, !1))
+    if (!St(o, !1))
       if (o.tagName === "SLOT") {
         var i = o.assignedElements(), l = i.length ? i : o.children, u = e(l, !0, r);
         r.flatten ? n.push.apply(n, u) : n.push({
@@ -3586,15 +3586,15 @@ var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
           candidates: u
         });
       } else {
-        var d = We.call(o, yt);
+        var d = We.call(o, wt);
         d && r.filter(o) && (a || !t.includes(o)) && n.push(o);
         var c = o.shadowRoot || // check for an undisclosed shadow
-        typeof r.getShadowRoot == "function" && r.getShadowRoot(o), f = !$t(c, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(o), f = !St(c, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
         if (c && f) {
-          var p = e(c === !0 ? o.children : c.children, !0, r);
-          r.flatten ? n.push.apply(n, p) : n.push({
+          var v = e(c === !0 ? o.children : c.children, !0, r);
+          r.flatten ? n.push.apply(n, v) : n.push({
             scopeParent: o,
-            candidates: p
+            candidates: v
           });
         } else
           s.unshift.apply(s, o.children);
@@ -3621,7 +3621,7 @@ var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, lu = function(t) {
   if (!t.name)
     return !0;
-  var a = t.form || wt(t), r = function(i) {
+  var a = t.form || $t(t), r = function(i) {
     return a.querySelectorAll('input[type="radio"][name="' + i + '"]');
   }, n;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
@@ -3639,12 +3639,12 @@ var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, uu = function(t) {
   return iu(t) && !lu(t);
 }, du = function(t) {
-  var a, r = t && wt(t), n = (a = r) === null || a === void 0 ? void 0 : a.host, s = !1;
+  var a, r = t && $t(t), n = (a = r) === null || a === void 0 ? void 0 : a.host, s = !1;
   if (r && r !== t) {
     var o, i, l;
     for (s = !!((o = n) !== null && o !== void 0 && (i = o.ownerDocument) !== null && i !== void 0 && i.contains(n) || t != null && (l = t.ownerDocument) !== null && l !== void 0 && l.contains(t)); !s && n; ) {
       var u, d, c;
-      r = wt(n), n = (u = r) === null || u === void 0 ? void 0 : u.host, s = !!((d = n) !== null && d !== void 0 && (c = d.ownerDocument) !== null && c !== void 0 && c.contains(n));
+      r = $t(n), n = (u = r) === null || u === void 0 ? void 0 : u.host, s = !!((d = n) !== null && d !== void 0 && (c = d.ownerDocument) !== null && c !== void 0 && c.contains(n));
     }
   }
   return s;
@@ -3661,7 +3661,7 @@ var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!r || r === "full" || r === "legacy-full") {
     if (typeof n == "function") {
       for (var i = t; t; ) {
-        var l = t.parentElement, u = wt(t);
+        var l = t.parentElement, u = $t(t);
         if (l && !l.shadowRoot && n(l) === !0)
           return ka(t);
         t.assignedSlot ? t = t.assignedSlot : !l && u !== t.ownerDocument ? t = u.host : t = l;
@@ -3689,18 +3689,18 @@ var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       a = a.parentElement;
     }
   return !1;
-}, St = function(t, a) {
+}, kt = function(t, a) {
   return !(a.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  $t(a) || nu(a) || cu(a, t) || // For a details element with a summary, the summary element gets the focus
+  St(a) || nu(a) || cu(a, t) || // For a details element with a summary, the summary element gets the focus
   ou(a) || fu(a));
 }, Pt = function(t, a) {
-  return !(uu(a) || Rr(a) < 0 || !St(t, a));
-}, pu = function(t) {
+  return !(uu(a) || Rr(a) < 0 || !kt(t, a));
+}, vu = function(t) {
   var a = parseInt(t.getAttribute("tabindex"), 10);
   return !!(isNaN(a) || a >= 0);
-}, vu = function e(t) {
+}, pu = function e(t) {
   var a = [], r = [];
   return t.forEach(function(n, s) {
     var o = !!n.scopeParent, i = o ? n.scopeParent : n, l = Rr(i, o), u = o ? e(n.candidates) : i;
@@ -3717,28 +3717,28 @@ var Br = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, mu = function(t, a) {
   a = a || {};
   var r;
-  return a.getShadowRoot ? r = Ir([t], a.includeContainer, {
+  return a.getShadowRoot ? r = _r([t], a.includeContainer, {
     filter: Pt.bind(null, a),
     flatten: !1,
     getShadowRoot: a.getShadowRoot,
-    shadowRootFilter: pu
-  }) : r = _r(t, a.includeContainer, Pt.bind(null, a)), vu(r);
+    shadowRootFilter: vu
+  }) : r = Ir(t, a.includeContainer, Pt.bind(null, a)), pu(r);
 }, bu = function(t, a) {
   a = a || {};
   var r;
-  return a.getShadowRoot ? r = Ir([t], a.includeContainer, {
-    filter: St.bind(null, a),
+  return a.getShadowRoot ? r = _r([t], a.includeContainer, {
+    filter: kt.bind(null, a),
     flatten: !0,
     getShadowRoot: a.getShadowRoot
-  }) : r = _r(t, a.includeContainer, St.bind(null, a)), r;
-}, dt = function(t, a) {
+  }) : r = Ir(t, a.includeContainer, kt.bind(null, a)), r;
+}, ct = function(t, a) {
   if (a = a || {}, !t)
     throw new Error("No node provided");
-  return We.call(t, yt) === !1 ? !1 : Pt(a, t);
+  return We.call(t, wt) === !1 ? !1 : Pt(a, t);
 }, gu = /* @__PURE__ */ Br.concat("iframe").join(","), Ca = function(t, a) {
   if (a = a || {}, !t)
     throw new Error("No node provided");
-  return We.call(t, gu) === !1 ? !1 : St(a, t);
+  return We.call(t, gu) === !1 ? !1 : kt(a, t);
 };
 /*!
 * focus-trap 7.4.0
@@ -3823,7 +3823,7 @@ var Oa = {
   for (var a = arguments.length, r = new Array(a > 1 ? a - 1 : 0), n = 1; n < a; n++)
     r[n - 1] = arguments[n];
   return typeof t == "function" ? t.apply(void 0, r) : t;
-}, ct = function(t) {
+}, ft = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
 }, Tu = [], Mu = function(t, a) {
   var r = (a == null ? void 0 : a.document) || document, n = (a == null ? void 0 : a.trapStack) || Tu, s = Ma({
@@ -3872,15 +3872,15 @@ var Oa = {
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      E.find(function(I) {
-        return I === w;
+      E.find(function(_) {
+        return _ === w;
       });
     });
   }, d = function(w) {
     var M = s[w];
     if (typeof M == "function") {
-      for (var S = arguments.length, E = new Array(S > 1 ? S - 1 : 0), I = 1; I < S; I++)
-        E[I - 1] = arguments[I];
+      for (var S = arguments.length, E = new Array(S > 1 ? S - 1 : 0), _ = 1; _ < S; _++)
+        E[_ - 1] = arguments[_];
       M = M.apply(void 0, E);
     }
     if (M === !0 && (M = void 0), !M) {
@@ -3923,15 +3923,15 @@ var Oa = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(I) {
+        nextTabbableNode: function(_) {
           var D = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, W = S.findIndex(function(X) {
-            return X === I;
+            return X === _;
           });
           if (!(W < 0))
             return D ? S.slice(W + 1).find(function(X) {
-              return dt(X, s.tabbableOptions);
+              return ct(X, s.tabbableOptions);
             }) : S.slice(0, W).reverse().find(function(X) {
-              return dt(X, s.tabbableOptions);
+              return ct(X, s.tabbableOptions);
             });
         }
       };
@@ -3939,7 +3939,7 @@ var Oa = {
       return w.tabbableNodes.length > 0;
     }), o.tabbableGroups.length <= 0 && !d("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-  }, p = function T(w) {
+  }, v = function T(w) {
     if (w !== !1 && w !== r.activeElement) {
       if (!w || !w.focus) {
         T(c());
@@ -3953,7 +3953,7 @@ var Oa = {
     var M = d("setReturnFocus", w);
     return M || (M === !1 ? !1 : w);
   }, m = function(w) {
-    var M = ct(w);
+    var M = ft(w);
     if (!(u(M) >= 0)) {
       if (xe(s.clickOutsideDeactivates, w)) {
         i.deactivate({
@@ -3970,22 +3970,22 @@ var Oa = {
       xe(s.allowOutsideClick, w) || w.preventDefault();
     }
   }, y = function(w) {
-    var M = ct(w), S = u(M) >= 0;
-    S || M instanceof Document ? S && (o.mostRecentlyFocusedNode = M) : (w.stopImmediatePropagation(), p(o.mostRecentlyFocusedNode || c()));
+    var M = ft(w), S = u(M) >= 0;
+    S || M instanceof Document ? S && (o.mostRecentlyFocusedNode = M) : (w.stopImmediatePropagation(), v(o.mostRecentlyFocusedNode || c()));
   }, k = function(w) {
-    var M = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, S = ct(w);
+    var M = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, S = ft(w);
     f();
     var E = null;
     if (o.tabbableGroups.length > 0) {
-      var I = u(S), D = I >= 0 ? o.containerGroups[I] : void 0;
-      if (I < 0)
+      var _ = u(S), D = _ >= 0 ? o.containerGroups[_] : void 0;
+      if (_ < 0)
         M ? E = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : E = o.tabbableGroups[0].firstTabbableNode;
       else if (M) {
         var W = Aa(o.tabbableGroups, function(oe) {
           var se = oe.firstTabbableNode;
           return S === se;
         });
-        if (W < 0 && (D.container === S || Ca(S, s.tabbableOptions) && !dt(S, s.tabbableOptions) && !D.nextTabbableNode(S, !1)) && (W = I), W >= 0) {
+        if (W < 0 && (D.container === S || Ca(S, s.tabbableOptions) && !ct(S, s.tabbableOptions) && !D.nextTabbableNode(S, !1)) && (W = _), W >= 0) {
           var X = W === 0 ? o.tabbableGroups.length - 1 : W - 1, Q = o.tabbableGroups[X];
           E = Q.lastTabbableNode;
         } else
@@ -3995,7 +3995,7 @@ var Oa = {
           var se = oe.lastTabbableNode;
           return S === se;
         });
-        if (F < 0 && (D.container === S || Ca(S, s.tabbableOptions) && !dt(S, s.tabbableOptions) && !D.nextTabbableNode(S)) && (F = I), F >= 0) {
+        if (F < 0 && (D.container === S || Ca(S, s.tabbableOptions) && !ct(S, s.tabbableOptions) && !D.nextTabbableNode(S)) && (F = _), F >= 0) {
           var ae = F === o.tabbableGroups.length - 1 ? 0 : F + 1, be = o.tabbableGroups[ae];
           E = be.firstTabbableNode;
         } else
@@ -4003,7 +4003,7 @@ var Oa = {
       }
     } else
       E = d("fallbackFocus");
-    E && (at(w) && w.preventDefault(), p(E));
+    E && (at(w) && w.preventDefault(), v(E));
   }, B = function(w) {
     if (Su(w) && xe(s.escapeDeactivates, w) !== !1) {
       w.preventDefault(), i.deactivate();
@@ -4011,13 +4011,13 @@ var Oa = {
     }
     (s.isKeyForward(w) || s.isKeyBackward(w)) && k(w, s.isKeyBackward(w));
   }, j = function(w) {
-    var M = ct(w);
+    var M = ft(w);
     u(M) >= 0 || xe(s.clickOutsideDeactivates, w) || xe(s.allowOutsideClick, w) || (w.preventDefault(), w.stopImmediatePropagation());
   }, A = function() {
     if (o.active)
       return Oa.activateTrap(n, i), o.delayInitialFocusTimer = s.delayInitialFocus ? Ea(function() {
-        p(c());
-      }) : p(c()), r.addEventListener("focusin", y, !0), r.addEventListener("mousedown", m, {
+        v(c());
+      }) : v(c()), r.addEventListener("focusin", y, !0), r.addEventListener("mousedown", m, {
         capture: !0,
         passive: !1
       }), r.addEventListener("touchstart", m, {
@@ -4030,7 +4030,7 @@ var Oa = {
         capture: !0,
         passive: !1
       }), i;
-  }, _ = function() {
+  }, I = function() {
     if (o.active)
       return r.removeEventListener("focusin", y, !0), r.removeEventListener("mousedown", m, !0), r.removeEventListener("touchstart", m, !0), r.removeEventListener("click", j, !0), r.removeEventListener("keydown", B, !0), i;
   };
@@ -4046,10 +4046,10 @@ var Oa = {
         return this;
       var M = l(w, "onActivate"), S = l(w, "onPostActivate"), E = l(w, "checkCanFocusTrap");
       E || f(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, M == null || M();
-      var I = function() {
+      var _ = function() {
         E && f(), A(), S == null || S();
       };
-      return E ? (E(o.containers.concat()).then(I, I), this) : (I(), this);
+      return E ? (E(o.containers.concat()).then(_, _), this) : (_(), this);
     },
     deactivate: function(w) {
       if (!o.active)
@@ -4059,21 +4059,21 @@ var Oa = {
         onPostDeactivate: s.onPostDeactivate,
         checkCanReturnFocus: s.checkCanReturnFocus
       }, w);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, _(), o.active = !1, o.paused = !1, Oa.deactivateTrap(n, i);
-      var S = l(M, "onDeactivate"), E = l(M, "onPostDeactivate"), I = l(M, "checkCanReturnFocus"), D = l(M, "returnFocus", "returnFocusOnDeactivate");
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, I(), o.active = !1, o.paused = !1, Oa.deactivateTrap(n, i);
+      var S = l(M, "onDeactivate"), E = l(M, "onPostDeactivate"), _ = l(M, "checkCanReturnFocus"), D = l(M, "returnFocus", "returnFocusOnDeactivate");
       S == null || S();
       var W = function() {
         Ea(function() {
-          D && p(h(o.nodeFocusedBeforeActivation)), E == null || E();
+          D && v(h(o.nodeFocusedBeforeActivation)), E == null || E();
         });
       };
-      return D && I ? (I(h(o.nodeFocusedBeforeActivation)).then(W, W), this) : (W(), this);
+      return D && _ ? (_(h(o.nodeFocusedBeforeActivation)).then(W, W), this) : (W(), this);
     },
     pause: function(w) {
       if (o.paused || !o.active)
         return this;
       var M = l(w, "onPause"), S = l(w, "onPostPause");
-      return o.paused = !0, M == null || M(), _(), S == null || S(), this;
+      return o.paused = !0, M == null || M(), I(), S == null || S(), this;
     },
     unpause: function(w) {
       if (!o.paused || !o.active)
@@ -4088,30 +4088,30 @@ var Oa = {
       }), o.active && f(), this;
     }
   }, i.updateContainerElements(t), i;
-}, Ou = Object.defineProperty, Eu = Object.defineProperties, Au = Object.getOwnPropertyDescriptors, kt = Object.getOwnPropertySymbols, Pr = Object.prototype.hasOwnProperty, Lr = Object.prototype.propertyIsEnumerable, Ba = (e, t, a) => t in e ? Ou(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, Bu = (e, t) => {
+}, Ou = Object.defineProperty, Eu = Object.defineProperties, Au = Object.getOwnPropertyDescriptors, Ct = Object.getOwnPropertySymbols, Pr = Object.prototype.hasOwnProperty, Lr = Object.prototype.propertyIsEnumerable, Ba = (e, t, a) => t in e ? Ou(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, Bu = (e, t) => {
   for (var a in t || (t = {}))
     Pr.call(t, a) && Ba(e, a, t[a]);
-  if (kt)
-    for (var a of kt(t))
+  if (Ct)
+    for (var a of Ct(t))
       Lr.call(t, a) && Ba(e, a, t[a]);
   return e;
-}, ju = (e, t) => Eu(e, Au(t)), _u = (e, t) => {
+}, ju = (e, t) => Eu(e, Au(t)), Iu = (e, t) => {
   var a = {};
   for (var r in e)
     Pr.call(e, r) && t.indexOf(r) < 0 && (a[r] = e[r]);
-  if (e != null && kt)
-    for (var r of kt(e))
+  if (e != null && Ct)
+    for (var r of Ct(e))
       t.indexOf(r) < 0 && Lr.call(e, r) && (a[r] = e[r]);
   return a;
 };
-function Iu(e, t = {}) {
+function _u(e, t = {}) {
   let a;
-  const r = t, { immediate: n } = r, s = _u(r, ["immediate"]), o = $(!1), i = $(!1), l = (f) => a && a.activate(f), u = (f) => a && a.deactivate(f), d = () => {
+  const r = t, { immediate: n } = r, s = Iu(r, ["immediate"]), o = $(!1), i = $(!1), l = (f) => a && a.activate(f), u = (f) => a && a.deactivate(f), d = () => {
     a && (a.pause(), i.value = !0);
   }, c = () => {
     a && (a.unpause(), i.value = !1);
   };
-  return V(() => _e(e), (f) => {
+  return V(() => Ie(e), (f) => {
     f && (a = Mu(f, ju(Bu({}, s), {
       onActivate() {
         o.value = !0, t.onActivate && t.onActivate();
@@ -4168,7 +4168,7 @@ const Ku = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   emits: ["open"],
   setup(e, { emit: t }) {
-    const { nextZIndex: a } = At(), r = $(!1), n = $(), s = $(e.zIndex ?? a()), { hasFocus: o, activate: i, deactivate: l } = Iu(n, {
+    const { nextZIndex: a } = At(), r = $(!1), n = $(), s = $(e.zIndex ?? a()), { hasFocus: o, activate: i, deactivate: l } = _u(n, {
       immediate: !0,
       escapeDeactivates: !1,
       allowOutsideClick: !0
@@ -4176,14 +4176,14 @@ const Ku = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     V(u, (y) => {
       y && r.value && f();
     });
-    const d = v(() => [
+    const d = p(() => [
       zr,
       Nr[e.size]
     ]), c = () => {
       e.canClickOutside && f();
     }, f = () => {
       m(), r.value = !1;
-    }, p = (y) => {
+    }, v = (y) => {
       h(), r.value = !0;
     };
     function h() {
@@ -4206,7 +4206,7 @@ const Ku = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), {
       close: f,
       closeOutside: c,
-      open: p,
+      open: v,
       target: n,
       style: Ku,
       isOpen: r,
@@ -4219,7 +4219,7 @@ const Ku = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 });
 function Yu(e, t, a, r, n, s) {
   return b(), ne(qe, { to: "body" }, [
-    x(Ie, {
+    x(_e, {
       type: "animation",
       "enter-active-class": e.fade.enterActive,
       "leave-active-class": e.fade.leaveActive,
@@ -4232,7 +4232,7 @@ function Yu(e, t, a, r, n, s) {
           style: J({ zIndex: e.zIndex }),
           onClick: t[2] || (t[2] = (...o) => e.closeOutside && e.closeOutside(...o))
         }, [
-          x(Ie, {
+          x(_e, {
             type: "animation",
             "enter-active-class": e.modalScale.enterActive,
             "leave-active-class": e.modalScale.leaveActive,
@@ -4293,7 +4293,7 @@ const nd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   pagination: td,
   svg: ad,
   vars: rd
-}, Symbol.toStringTag, { value: "Module" })), ft = 7, pt = 1, ja = 5, od = L({
+}, Symbol.toStringTag, { value: "Module" })), vt = 7, pt = 1, ja = 5, od = L({
   name: "Pagination",
   props: {
     page: {
@@ -4328,32 +4328,32 @@ const nd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "update:pageSize"
   ],
   setup(e, { emit: t }) {
-    const a = v(() => e.total || 0), r = v(() => a.value === 0), n = v(() => (e.pageSizes == null ? [10, 20, 30, 40, 50] : e.pageSizes).map((f) => ({
+    const a = p(() => e.total || 0), r = p(() => a.value === 0), n = p(() => (e.pageSizes == null ? [10, 20, 30, 40, 50] : e.pageSizes).map((f) => ({
       label: f,
       value: f
-    }))), s = v(() => Math.ceil(a.value / e.pageSize)), o = v(() => {
+    }))), s = p(() => Math.ceil(a.value / e.pageSize)), o = p(() => {
       let { page: c } = e;
       if (r.value)
         return [l(1, { current: !1 })];
-      let f = pt * 2 + 1, p = (ft - f - 2) / 2, h, m, y = Math.max(c - ja, 1), k = Math.min(c + ja, s.value);
+      let f = pt * 2 + 1, v = (vt - f - 2) / 2, h, m, y = Math.max(c - ja, 1), k = Math.min(c + ja, s.value);
       switch (!0) {
-        case s.value <= ft:
+        case s.value <= vt:
           return i(1, s.value);
-        case c <= p + pt + 2:
-          return h = ft - p - 1, i(1, h).concat(
+        case c <= v + pt + 2:
+          return h = vt - v - 1, i(1, h).concat(
             l(k, { more: !0, forward: !0 })
           ).concat(
             i(
-              s.value - p + 1,
-              p
+              s.value - v + 1,
+              v
             )
           );
-        case c >= s.value - p - pt - 1:
-          return m = ft - p - 1, i(1, p).concat(
+        case c >= s.value - v - pt - 1:
+          return m = vt - v - 1, i(1, v).concat(
             l(y, { more: !0, forward: !1 })
           ).concat(i(s.value - m + 1, m));
         default:
-          return i(1, p).concat(
+          return i(1, v).concat(
             l(y, { more: !0, forward: !1 })
           ).concat(
             i(
@@ -4364,23 +4364,23 @@ const nd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             l(k, { more: !0, forward: !0 })
           ).concat(
             i(
-              s.value - p + 1,
-              p
+              s.value - v + 1,
+              v
             )
           );
       }
     });
     function i(c, f) {
-      let p = [];
+      let v = [];
       for (let h = 0; h < f; h++)
-        p[h] = l(c + h);
-      return p;
+        v[h] = l(c + h);
+      return v;
     }
-    function l(c, { more: f = !1, forward: p = !1, current: h = !1 } = {}) {
+    function l(c, { more: f = !1, forward: v = !1, current: h = !1 } = {}) {
       return {
         page: c,
         more: f,
-        forward: p,
+        forward: v,
         current: h || c === e.page,
         text: c
       };
@@ -4421,7 +4421,7 @@ const nd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, null, -1), fd = [
   cd
 ];
-function pd(e, t, a, r, n, s) {
+function vd(e, t, a, r, n, s) {
   return b(), C("div", {
     class: g(e.style.pagination)
   }, [
@@ -4466,9 +4466,9 @@ function pd(e, t, a, r, n, s) {
           "aria-label": o.current ? `Page ${o.page}` : `Goto page ${o.page}`
         }, [
           o.more ? (b(), C(te, { key: 0 }, [
-            pe(" ... ")
+            ve(" ... ")
           ], 64)) : (b(), C(te, { key: 1 }, [
-            pe(U(o.text), 1)
+            ve(U(o.text), 1)
           ], 64))
         ], 10, ud))), 128))
       ], 2),
@@ -4493,7 +4493,7 @@ function pd(e, t, a, r, n, s) {
     ], 2)
   ], 2);
 }
-const vd = /* @__PURE__ */ z(od, [["render", pd]]);
+const pd = /* @__PURE__ */ z(od, [["render", vd]]);
 var md = "_9ebxua5", Fr = "_9ebxua8", Vr = "_9ebxua9", bd = "_9ebxua7", Wr = "_9ebxuaa", gd = "_9ebxuab", hd = "_9ebxua6", yd = "_9ebxuac", Hr = { xs: "_9ebxuad", sm: "_9ebxuae", md: "_9ebxuaf", lg: "_9ebxuag", xl: "_9ebxuah" }, wd = { height: "var(--_9ebxua0)", radius: "var(--_9ebxua1)", backgroundColor: "var(--_9ebxua2)", borderColor: "var(--_9ebxua3)", color: "var(--_9ebxua4)" };
 const $d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -4538,22 +4538,22 @@ const $d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       setError: d,
       formError: c,
       formDisabled: f,
-      formLoading: p,
+      formLoading: v,
       inputListeners: h
-    } = Z(e, { focus: n, emit: a }), m = v(() => f || p || e.disabled || e.loading), y = Y(e, "name"), k = $(!1), B = v(() => !!t.default), j = v(() => [
+    } = Z(e, { focus: n, emit: a }), m = p(() => f || v || e.disabled || e.loading), y = Y(e, "name"), k = $(!1), B = p(() => !!t.default), j = p(() => [
       Fr,
       [Hr[e.size]],
       {
         [Wr]: m.value,
         [Vr]: k.value
       }
-    ]), A = v(() => c.value || e.error);
+    ]), A = p(() => c.value || e.error);
     V(() => e.modelValue, (T) => {
       k.value = !!T;
     }, { immediate: !0 }), V(() => k.value, (T) => {
       a("update:modelValue", T);
     });
-    function _() {
+    function I() {
       m.value || (k.value = !k.value);
     }
     return He({
@@ -4571,7 +4571,7 @@ const $d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       checked: k,
       radioRef: r,
       inputError: A,
-      toggle: _,
+      toggle: I,
       style: $d,
       classes: j,
       hasSlot: B,
@@ -4607,13 +4607,13 @@ function Td(e, t, a, r, n, s) {
       id: `${e.id}-label`
     }, [
       e.hasSlot ? P(e.$slots, "default", { key: 0 }) : (b(), C(te, { key: 1 }, [
-        pe(U(e.label), 1)
+        ve(U(e.label), 1)
       ], 64))
     ], 10, Cd)
   ], 2);
 }
 const Md = /* @__PURE__ */ z(Sd, [["render", Td]]);
-var Od = "_17j4o87", Ed = "_17j4o8f", Ad = "_17j4o8g", Bd = { xs: "_17j4o8a", sm: "_17j4o8b", md: "_17j4o8c", lg: "_17j4o8d", xl: "_17j4o8e" }, _a = { active: "_17j4o88", default: "_17j4o89" };
+var Od = "_17j4o87", Ed = "_17j4o8f", Ad = "_17j4o8g", Bd = { xs: "_17j4o8a", sm: "_17j4o8b", md: "_17j4o8c", lg: "_17j4o8d", xl: "_17j4o8e" }, Ia = { active: "_17j4o88", default: "_17j4o89" };
 const qr = Symbol("RADIO_BUTTON_GROUP_STATE"), jd = L({
   name: "MRadioButton",
   props: {
@@ -4647,24 +4647,24 @@ const qr = Symbol("RADIO_BUTTON_GROUP_STATE"), jd = L({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = $(null), r = ce(qr, null), n = v(() => r == null ? void 0 : r.modelValue), s = v(() => (r == null ? void 0 : r.size) || e.size), o = v(() => r == null ? void 0 : r.name), { focus: i, blur: l } = le(a);
+    const a = $(null), r = ce(qr, null), n = p(() => r == null ? void 0 : r.modelValue), s = p(() => (r == null ? void 0 : r.size) || e.size), o = p(() => r == null ? void 0 : r.name), { focus: i, blur: l } = le(a);
     Z(e, { focus: i, emit: t });
-    const u = v(() => n.value === e.id), d = v(() => [
+    const u = p(() => n.value === e.id), d = p(() => [
       Od,
       [Bd[s.value]],
       {
         [Ed]: e.icon,
-        [_a.default]: !u.value,
-        [_a.active]: u.value
+        [Ia.default]: !u.value,
+        [Ia.active]: u.value
       }
-    ]), c = v(() => [
+    ]), c = p(() => [
       Ad
-    ]), f = (p) => {
+    ]), f = (v) => {
       if (e.disabled) {
-        p.preventDefault();
+        v.preventDefault();
         return;
       }
-      r.doUpdateValue(e.id), e.onClick(p);
+      r.doUpdateValue(e.id), e.onClick(v);
     };
     return He({
       focus: i,
@@ -4681,7 +4681,7 @@ const qr = Symbol("RADIO_BUTTON_GROUP_STATE"), jd = L({
       computedRadioClasses: c
     };
   }
-}), _d = ["disabled", "aria-selected", "aria-disabled"], Id = ["name", "value", "disabled"];
+}), Id = ["disabled", "aria-selected", "aria-disabled"], _d = ["name", "value", "disabled"];
 function Rd(e, t, a, r, n, s) {
   return b(), C("label", Te({
     class: e.computedClasses,
@@ -4697,11 +4697,11 @@ function Rd(e, t, a, r, n, s) {
       name: e.name,
       value: e.id,
       disabled: e.disabled
-    }, null, 10, Id),
+    }, null, 10, _d),
     O("span", null, [
       P(e.$slots, "default")
     ])
-  ], 16, _d);
+  ], 16, Id);
 }
 const Dd = /* @__PURE__ */ z(jd, [["render", Rd]]);
 var Pd = "nd85wg3", Ld = "nd85wg5";
@@ -4730,7 +4730,7 @@ const zd = L({
     function a(o) {
       t("update:modelValue", o);
     }
-    const r = v({
+    const r = p({
       get() {
         return e.modelValue;
       },
@@ -4744,7 +4744,7 @@ const zd = L({
       doUpdateValue: a
     });
     return Oe(qr, n), {
-      computedClasses: v(() => [
+      computedClasses: p(() => [
         Pd,
         {
           [Ld]: e.block
@@ -4786,7 +4786,7 @@ const Hd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   emits: ["close"],
   setup(e, { emit: t }) {
     return {
-      computedClasses: v(() => [
+      computedClasses: p(() => [
         Gr
       ]),
       close: () => {
@@ -4927,12 +4927,12 @@ const cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     MTag: Ur
   },
   setup(e, { emit: t }) {
-    const a = $(null), r = $(), n = $(), s = $(), o = $(), i = $(0), l = $(!1), u = $(!1), d = $(""), c = $("bottom-start"), f = $(!1), p = $(0), h = $(!1), { focus: m, blur: y } = le(a), {
+    const a = $(null), r = $(), n = $(), s = $(), o = $(), i = $(0), l = $(!1), u = $(!1), d = $(""), c = $("bottom-start"), f = $(!1), v = $(0), h = $(!1), { focus: m, blur: y } = le(a), {
       id: k,
       insideForm: B,
       inputListeners: j,
       formError: A,
-      formDisabled: _,
+      formDisabled: I,
       formLoading: T
     } = Z(e, { focus: m, emit: t, withListeners: !1 }), { popper: w } = Et({
       placement: c,
@@ -4940,16 +4940,16 @@ const cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       reference: a,
       wrapper: r,
       offset: [0, 5]
-    }), M = v(() => _ || e.disabled), S = v(() => T || e.loading), E = v({
+    }), M = p(() => I || e.disabled), S = p(() => T || e.loading), E = p({
       get() {
         return e.multiple ? e.modelValue ? Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : [] : e.modelValue || null;
       },
       set(R) {
         t("update:modelValue", R);
       }
-    }), I = v(() => e.consistentWidth ? {
-      width: p.value + "px"
-    } : {}), D = v(() => {
+    }), _ = p(() => e.consistentWidth ? {
+      width: v.value + "px"
+    } : {}), D = p(() => {
       if (!e.options || e.options.length == 0)
         return [];
       if (e.searchable && d.value) {
@@ -5058,17 +5058,17 @@ const cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function be(R) {
       console.log(R);
     }
-    const oe = v(() => `m-transition__${e.transitionName}`), se = v(() => [
+    const oe = p(() => `m-transition__${e.transitionName}`), se = p(() => [
       "m-select__container",
       {
         "m-form__input": B
       }
-    ]), De = v(() => [
+    ]), De = p(() => [
       Yr,
       {
         [Lt]: u.value
       }
-    ]), $e = v(() => [
+    ]), $e = p(() => [
       Kr,
       {
         [Xr]: e.multiple,
@@ -5086,20 +5086,20 @@ const cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     K(o, "keydown", ae), K(s, "keydown", ae), Wt(a, () => {
       l.value = !1;
-    }, { ignore: [s, w] }), Ct(() => {
-      a.value && l.value && (p.value = a.value.offsetWidth);
+    }, { ignore: [s, w] }), Tt(() => {
+      a.value && l.value && (v.value = a.value.offsetWidth);
     }), V(i, (R) => {
       h.value && typeof R < "u" && n.value && n.value[R].scrollIntoView({ block: "nearest", inline: "nearest" });
     }), V(l, (R) => {
       Fe(() => {
         if (R && n.value) {
           const N = D.value.findIndex((H) => H.value === E.value);
-          N !== -1 && (n.value[N].scrollIntoView({ block: "center", inline: "nearest" }), i.value = N);
+          N !== -1 && (n.value[N].scrollIntoView({ block: "nearest" }), i.value = N);
         }
         h.value = !1;
       });
     });
-    const Ae = v(() => A.value || e.error), G = v(() => e.multiple && D.value.length == 0 && !d.value ? !1 : l.value), re = () => {
+    const Ae = p(() => A.value || e.error), G = p(() => e.multiple && D.value.length == 0 && !d.value ? !1 : l.value), re = () => {
       o.value && W();
     };
     return He({
@@ -5123,7 +5123,7 @@ const cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       containerComputedClasses: se,
       selectComputedClasses: $e,
       computedWrapperClasses: De,
-      computedConsistentWidth: I,
+      computedConsistentWidth: _,
       getSelectedLabel: Be,
       openSelect: W,
       removeSelected: F,
@@ -5131,22 +5131,23 @@ const cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       transitionName: oe,
       inputListeners: j,
       style: cc,
-      focused: u
+      focused: u,
+      scale: st
     };
   }
-}), pc = {
+}), vc = {
   ref: "selectRef",
   tabindex: "-1"
-}, vc = ["for", "id"], mc = ["id", "aria-disabled", "aria-labelledby"], bc = ["aria-hidden"], gc = ["onClick", "onHover"];
+}, pc = ["for", "id"], mc = ["id", "aria-disabled", "aria-labelledby"], bc = ["aria-hidden"], gc = ["onClick", "onHover"];
 function hc(e, t, a, r, n, s) {
   const o = ie("MTag"), i = ie("MInput");
-  return b(), C("div", pc, [
+  return b(), C("div", vc, [
     e.label ? (b(), C("label", {
       key: 0,
       for: e.id,
       class: g(e.style.label),
       id: `${e.id}-label`
-    }, U(e.label), 11, vc)) : q("", !0),
+    }, U(e.label), 11, pc)) : q("", !0),
     e.description ? (b(), C("div", {
       key: 1,
       class: g(e.style.description)
@@ -5169,18 +5170,23 @@ function hc(e, t, a, r, n, s) {
           size: e.size
         }, {
           default: ee(() => [
-            pe(U(e.getSelectedLabel(l)), 1)
+            ve(U(e.getSelectedLabel(l)), 1)
           ]),
           _: 2
         }, 1032, ["onClose", "size"]))), 128)) : !e.multiple && e.selected ? (b(), C(te, { key: 1 }, [
-          pe(U(e.getSelectedLabel(e.selected)), 1)
+          ve(U(e.getSelectedLabel(e.selected)), 1)
         ], 64)) : (b(), C("div", {
           key: 2,
           class: g(e.style.placeholder)
         }, U(e.placeholder), 3))
       ], 2),
       (b(), ne(qe, { to: "body" }, [
-        x(Ie, { name: e.transitionName }, {
+        x(_e, {
+          "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: ee(() => [
             e.isOpen ? (b(), C("div", {
               key: 0,
@@ -5220,7 +5226,7 @@ function hc(e, t, a, r, n, s) {
             ], 14, bc)) : q("", !0)
           ]),
           _: 1
-        }, 8, ["name"])
+        }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
       ]))
     ], 16, mc),
     e.inputError ? (b(), C("div", {
@@ -5230,7 +5236,7 @@ function hc(e, t, a, r, n, s) {
   ], 512);
 }
 const yc = /* @__PURE__ */ z(fc, [["render", hc]]);
-var wc = "vvn4y46", $c = "vvn4y47", Ia = { height: "var(--vvn4y40)", width: "var(--vvn4y41)", marginBottom: "var(--vvn4y42)", radius: "var(--vvn4y43)", startColor: "var(--vvn4y44)", endColor: "var(--vvn4y45)" };
+var wc = "vvn4y46", $c = "vvn4y47", _a = { height: "var(--vvn4y40)", width: "var(--vvn4y41)", marginBottom: "var(--vvn4y42)", radius: "var(--vvn4y43)", startColor: "var(--vvn4y44)", endColor: "var(--vvn4y45)" };
 const Sc = L({
   name: "MSkeleton",
   props: {
@@ -5246,14 +5252,14 @@ const Sc = L({
     }
   },
   setup(e) {
-    const t = v(() => [
+    const t = p(() => [
       wc,
       {
         [$c]: e.loading
       }
-    ]), a = v(() => {
+    ]), a = p(() => {
       let r = {};
-      return e.width && (r[Ia.width] = e.width), e.height && (r[Ia.height] = e.height), Ar(r);
+      return e.width && (r[_a.width] = e.width), e.height && (r[_a.height] = e.height), Ar(r);
     });
     return {
       computedClasses: t,
@@ -5309,22 +5315,22 @@ const Ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       setError: d,
       formError: c,
       formDisabled: f,
-      formLoading: p,
+      formLoading: v,
       inputListeners: h
-    } = Z(e, { focus: n, emit: a }), m = v(() => f || e.disabled || e.loading), y = Y(e, "name"), k = $(!1), B = v(() => !!t.default), j = v(() => [
+    } = Z(e, { focus: n, emit: a }), m = p(() => f || e.disabled || e.loading), y = Y(e, "name"), k = $(!1), B = p(() => !!t.default), j = p(() => [
       xr,
       [Qr[e.size]],
       {
         [Jr]: m.value,
         [Zr]: k.value
       }
-    ]), A = v(() => c.value || e.error);
+    ]), A = p(() => c.value || e.error);
     V(() => e.modelValue, (T) => {
       k.value = !!T;
     }, { immediate: !0 }), V(() => k.value, (T) => {
       a("update:modelValue", T);
     });
-    function _() {
+    function I() {
       m.value || (k.value = !k.value);
     }
     return He({
@@ -5342,7 +5348,7 @@ const Ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       checked: k,
       toggleRef: r,
       inputError: A,
-      toggle: _,
+      toggle: I,
       style: Ec,
       classes: j,
       hasSlot: B,
@@ -5352,7 +5358,7 @@ const Ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     };
   }
 }), Bc = ["aria-checked", "aria-disabled", "aria-labelledby", "disabled", "name", "id"], jc = ["id"];
-function _c(e, t, a, r, n, s) {
+function Ic(e, t, a, r, n, s) {
   return b(), C("label", {
     class: g(e.style.base),
     onClick: t[1] || (t[1] = ke((...o) => e.toggle && e.toggle(...o), ["prevent"]))
@@ -5378,12 +5384,12 @@ function _c(e, t, a, r, n, s) {
       id: `${e.id}-label`
     }, [
       e.hasSlot ? P(e.$slots, "default", { key: 0 }) : (b(), C(te, { key: 1 }, [
-        pe(U(e.label), 1)
+        ve(U(e.label), 1)
       ], 64))
     ], 10, jc)
   ], 2);
 }
-const Ic = /* @__PURE__ */ z(Ac, [["render", _c]]), Rc = L({
+const _c = /* @__PURE__ */ z(Ac, [["render", Ic]]), Rc = L({
   name: "Tab",
   props: {
     value: {
@@ -5398,20 +5404,20 @@ const Ic = /* @__PURE__ */ z(Ac, [["render", _c]]), Rc = L({
     }
   },
   setup(e, { emit: t }) {
-    const a = v(() => e.value), r = v(() => e.label || e.value), n = $(null), s = $(null), o = ce("tabs", {
+    const a = p(() => e.value), r = p(() => e.label || e.value), n = $(null), s = $(null), o = ce("tabs", {
       tabsContentRef: $(null),
       selectTab: (c) => {
       },
       state: he({
         active: ""
       })
-    }), i = v(() => ({
+    }), i = p(() => ({
       "m-tab": !0,
       "m-tab--active": u.value,
       "m-tab--disabled": e.disabled
-    })), l = v(() => ({
+    })), l = p(() => ({
       "m-tabs__button": !0
-    })), u = v(() => o.state.active === a.value);
+    })), u = p(() => o.state.active === a.value);
     function d() {
       o.selectTab(a.value);
     }
@@ -5446,7 +5452,7 @@ function Lc(e, t, a, r, n, s) {
         label: e.label,
         value: e.value
       }, () => [
-        pe(U(e.computedLabel), 1)
+        ve(U(e.computedLabel), 1)
       ]),
       e.selected && e.teleportTo ? (b(), ne(qe, {
         key: 0,
@@ -5477,16 +5483,16 @@ const zc = /* @__PURE__ */ z(Rc, [["render", Lc]]), Nc = L({
   ],
   setup(e, { emit: t }) {
     const a = $(), r = $(), n = $(), s = $();
-    Ct(() => {
+    Tt(() => {
       s.value = e.modelValue;
     });
     const o = he({
-      active: v(() => s.value)
-    }), i = v(() => ({
+      active: p(() => s.value)
+    }), i = p(() => ({
       "m-tab-group": !0,
       "m-tab-group--vertical": e.vertical,
       [`m-tab-group--${e.size}`]: !0
-    })), l = v(() => ({
+    })), l = p(() => ({
       "m-tab-group__tabs": !0
     }));
     function u(d) {
@@ -5548,9 +5554,9 @@ const en = /* @__PURE__ */ z(qc, [["render", Gc]]), Uc = L({
     }
   },
   setup(e) {
-    const t = v(() => isNaN(Number(e.width)) ? e.width : `${e.width}px`);
+    const t = p(() => isNaN(Number(e.width)) ? e.width : `${e.width}px`);
     return {
-      computedStyles: v(() => ({
+      computedStyles: p(() => ({
         width: t.value
       }))
     };
@@ -5633,13 +5639,13 @@ const nf = L({
     }
   },
   setup(e) {
-    const t = v(() => [
+    const t = p(() => [
       rf,
       "m-table__wrapper",
       {
         "m-table__wrapper--loading": e.loading
       }
-    ]), a = v(() => [
+    ]), a = p(() => [
       af,
       {
         [ef]: e.hover,
@@ -5668,7 +5674,7 @@ function lf(e, t, a, r, n, s) {
             style: J({ textAlign: c.align })
           }, {
             default: ee(() => [
-              pe(U(c.name), 1)
+              ve(U(c.name), 1)
             ]),
             _: 2
           }, 1032, ["width", "style"]))), 128))
@@ -5678,7 +5684,7 @@ function lf(e, t, a, r, n, s) {
       x(d, null, {
         default: ee(() => [
           e.items.length > 0 ? (b(!0), C(te, { key: 0 }, ge(e.items, (c, f) => (b(), ne(u, { key: f }, {
-            default: ee(({ onHover: p }) => [
+            default: ee(({ onHover: v }) => [
               (b(!0), C(te, null, ge(e.headers, (h, m) => (b(), ne(l, {
                 key: m,
                 style: J({ textAlign: h.align }),
@@ -5687,9 +5693,9 @@ function lf(e, t, a, r, n, s) {
                 default: ee(() => [
                   P(e.$slots, h.key, {
                     item: c,
-                    onHover: p
+                    onHover: v
                   }, () => [
-                    pe(U(
+                    ve(U(
                       //@ts-ignore
                       c[h.key]
                     ), 1)
@@ -5714,18 +5720,18 @@ function lf(e, t, a, r, n, s) {
   ], 2);
 }
 const uf = /* @__PURE__ */ z(nf, [["render", lf]]);
-var on = "_5gdpyh9", bt = "_5gdpyhf", df = "_5gdpyhi", sn = "_5gdpyhg", ln = "_5gdpyhk", cf = "_5gdpyhj", ff = "_5gdpyhh", un = { xs: "_5gdpyha", sm: "_5gdpyhb", md: "_5gdpyhc", lg: "_5gdpyhd", xl: "_5gdpyhe" }, pf = { height: "var(--_5gdpyh0)", radius: "var(--_5gdpyh1)", paddingX: "var(--_5gdpyh2)", paddingY: "var(--_5gdpyh3)", borderColor: "var(--_5gdpyh4)", backgroundColor: "var(--_5gdpyh5)", color: "var(--_5gdpyh6)", cursor: "var(--_5gdpyh7)" }, dn = "_5gdpyh8";
-const vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var on = "_5gdpyh9", gt = "_5gdpyhf", df = "_5gdpyhi", sn = "_5gdpyhg", ln = "_5gdpyhk", cf = "_5gdpyhj", ff = "_5gdpyhh", un = { xs: "_5gdpyha", sm: "_5gdpyhb", md: "_5gdpyhc", lg: "_5gdpyhd", xl: "_5gdpyhe" }, vf = { height: "var(--_5gdpyh0)", radius: "var(--_5gdpyh1)", paddingX: "var(--_5gdpyh2)", paddingY: "var(--_5gdpyh3)", borderColor: "var(--_5gdpyh4)", backgroundColor: "var(--_5gdpyh5)", color: "var(--_5gdpyh6)", cursor: "var(--_5gdpyh7)" }, dn = "_5gdpyh8";
+const pf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   base: on,
-  block: bt,
+  block: gt,
   description: df,
   disabled: sn,
   error: ln,
   errorMessage: cf,
   label: ff,
   size: un,
-  vars: pf,
+  vars: vf,
   wrapper: dn
 }, Symbol.toStringTag, { value: "Module" })), mf = L({
   name: "MTextArea",
@@ -5782,26 +5788,26 @@ const vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       validate: d,
       setError: c,
       formError: f,
-      formDisabled: p,
+      formDisabled: v,
       formLoading: h
-    } = Z(e, { focus: n, emit: a }), m = Y(e, "name"), y = v(() => p || e.disabled), k = v(() => h || e.loading), B = v(() => e.loading || e.readonly), j = v(() => [
+    } = Z(e, { focus: n, emit: a }), m = Y(e, "name"), y = p(() => v || e.disabled), k = p(() => h || e.loading), B = p(() => e.loading || e.readonly), j = p(() => [
       {
-        [bt]: e.block
+        [gt]: e.block
       }
-    ]), A = v(() => [
+    ]), A = p(() => [
       dn,
       {
-        [bt]: e.block
+        [gt]: e.block
       }
-    ]), _ = v(() => [
+    ]), I = p(() => [
       on,
       un[e.size],
       {
-        [bt]: e.block,
+        [gt]: e.block,
         [sn]: y.value || k.value,
         [ln]: T.value
       }
-    ]), T = v(() => f.value || e.error), w = () => {
+    ]), T = p(() => f.value || e.error), w = () => {
       a("update:modelValue", "");
     };
     return He({
@@ -5813,12 +5819,12 @@ const vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       disabled: y,
       loading: k,
       readonly: B,
-      inputComputedClasses: _,
+      inputComputedClasses: I,
       wrapperComputedClasses: A,
       computedContainerClasses: j,
       name: m,
       inputError: T,
-      style: vf,
+      style: pf,
       onClear: w,
       validate: d,
       setError: c,
@@ -5910,7 +5916,7 @@ const Tf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e) {
-    const { nextZIndex: t } = At(), a = Y(e, "placement"), r = Y(e, "transfer"), n = $(null), s = $(null), o = $(!1), i = $(e.zIndex ?? t()), l = $(null), u = v(() => {
+    const { nextZIndex: t } = At(), a = Y(e, "placement"), r = Y(e, "transfer"), n = $(null), s = $(null), o = $(!1), i = $(e.zIndex ?? t()), l = $(null), u = p(() => {
       switch (a.value) {
         case "top":
           return [0, 8];
@@ -5930,7 +5936,7 @@ const Tf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       wrapper: n,
       // @ts-ignore
       offset: u.value
-    }), p = v(() => [
+    }), v = p(() => [
       fn,
       {
         [cn]: e.reverse
@@ -5956,7 +5962,7 @@ const Tf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       isOpen: o,
       show: h,
       hide: m,
-      computedClasses: p,
+      computedClasses: v,
       zIndex: i,
       style: Tf,
       fade: rr
@@ -5974,7 +5980,7 @@ function Ef(e, t, a, r, n, s) {
       P(e.$slots, "default")
     ], 512),
     (b(), ne(qe, { to: e.transferTo }, [
-      x(Ie, {
+      x(_e, {
         "enter-active-class": e.fade.enterActive,
         "leave-active-class": e.fade.leaveActive,
         "enter-from-class": e.fade.enterFrom,
@@ -5988,7 +5994,7 @@ function Ef(e, t, a, r, n, s) {
             style: J({ zIndex: e.zIndex })
           }, [
             P(e.$slots, "content", { text: e.text }, () => [
-              pe(U(e.text), 1)
+              ve(U(e.text), 1)
             ])
           ], 6), [
             [La, e.isOpen]
@@ -6000,13 +6006,13 @@ function Ef(e, t, a, r, n, s) {
   ], 16);
 }
 const Af = /* @__PURE__ */ z(Mf, [["render", Ef]]);
-var Bf = "eo9iqi1", jf = "eo9iqi3", _f = "eo9iqi4", If = "eo9iqi2", Rf = "eo9iqi5", Df = {}, Pf = "eo9iqi0";
+var Bf = "eo9iqi1", jf = "eo9iqi3", If = "eo9iqi4", _f = "eo9iqi2", Rf = "eo9iqi5", Df = {}, Pf = "eo9iqi0";
 const Lf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   list: Bf,
   listBody: jf,
-  listContainer: _f,
-  listHeader: If,
+  listContainer: If,
+  listHeader: _f,
   transferItem: Rf,
   vars: Df,
   wrapper: Pf
@@ -6040,18 +6046,18 @@ const Lf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   setup(e, { emit: t }) {
     const a = $(null), r = () => {
-      const l = v(
+      const l = p(
         () => (
           // @ts-ignore
           e.options.reduce((c, f) => (c[f[e.optionKey]] = f) && c, {})
         )
-      ), u = v(
+      ), u = p(
         () => e.options.filter((c) => !e.modelValue.includes(c[e.optionKey]))
-      ), d = v(() => e.modelValue.reduce(
+      ), d = p(() => e.modelValue.reduce(
         // @ts-ignore
         (c, f) => {
-          const p = l.value[f];
-          return p && c.push(p), c;
+          const v = l.value[f];
+          return v && c.push(v), c;
         },
         []
       ));
@@ -6163,7 +6169,7 @@ const qf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e, { emit: t }) {
-    const a = $(), r = $(), n = $(0), s = $(0), o = $(0), i = $(0), l = v(() => e.items.length * e.itemHeight), u = v(() => e.items[0].length * e.itemWidth), d = v(() => {
+    const a = $(), r = $(), n = $(0), s = $(0), o = $(0), i = $(0), l = p(() => e.items.length * e.itemHeight), u = p(() => e.items[0].length * e.itemWidth), d = p(() => {
       const B = Math.max(
         0,
         Math.floor(o.value / e.itemHeight) - 2 * e.buffer
@@ -6172,7 +6178,7 @@ const qf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         Math.floor(i.value / e.itemWidth) - 2 * e.buffer
       );
       return { row: B, col: j };
-    }), c = v(() => {
+    }), c = p(() => {
       const B = Math.min(
         e.items.length,
         Math.ceil(
@@ -6186,14 +6192,14 @@ const qf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         ) + 2 * e.buffer
       );
       return { row: B, col: j };
-    }), f = v(() => d.value.col * e.itemWidth), p = v(() => d.value.row * e.itemHeight), h = v(
+    }), f = p(() => d.value.col * e.itemWidth), v = p(() => d.value.row * e.itemHeight), h = p(
       () => Math.ceil(n.value / e.itemHeight)
-    ), m = v(
+    ), m = p(
       () => Math.ceil(s.value / e.itemWidth)
     ), y = $([]), k = () => {
       o.value = r.value.scrollTop, i.value = r.value.scrollLeft;
     };
-    return Ct(() => {
+    return Tt(() => {
       const B = Math.min(
         e.items.length - d.value.row,
         h.value + 2 * Math.round(e.buffer + e.buffer / 2)
@@ -6201,7 +6207,7 @@ const qf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         // @ts-ignore
         e.items[0].length - d.value.col,
         m.value + 2 * Math.round(e.buffer + e.buffer / 2)
-      ), _ = e.items.slice(
+      ), I = e.items.slice(
         d.value.row,
         d.value.row + B
       ).map(
@@ -6210,7 +6216,7 @@ const qf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           T.slice(d.value.col, d.value.col + j)
         )
       );
-      y.value = _;
+      y.value = I;
     }), me(() => {
       n.value = r.value.clientHeight, s.value = r.value.clientWidth;
     }), {
@@ -6226,7 +6232,7 @@ const qf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       endPosition: c,
       renderedItems: y,
       offsetX: f,
-      offsetY: p,
+      offsetY: v,
       onScroll: k,
       style: qf
     };
@@ -6272,7 +6278,7 @@ const Kf = /* @__PURE__ */ z(Gf, [["render", Uf]]), Ra = /* @__PURE__ */ Object.
   MCheckbox: Fo,
   MColorPicker: ai,
   MDropdown: di,
-  MDropdownItem: pi,
+  MDropdownItem: vi,
   MDropdownList: bi,
   MDropdownSeperator: yi,
   MDropdownWrapper: Sr,
@@ -6282,14 +6288,14 @@ const Kf = /* @__PURE__ */ z(Gf, [["render", Uf]]), Ra = /* @__PURE__ */ Object.
   MLink: Ei,
   MMessageProvider: tu,
   MModal: Zu,
-  MPagination: vd,
+  MPagination: pd,
   MRadio: Md,
   MRadioButton: Dd,
   MRadioButtonGroup: Fd,
   MSelect: yc,
   MSkeleton: Cc,
-  MSlider: pr,
-  MSwitch: Ic,
+  MSlider: vr,
+  MSwitch: _c,
   MTab: zc,
   MTabGroup: Hc,
   MTable: uf,
@@ -6304,14 +6310,14 @@ const Kf = /* @__PURE__ */ z(Gf, [["render", Uf]]), Ra = /* @__PURE__ */ Object.
   MTransfer: Wf,
   MVirtualScroll: Kf
 }, Symbol.toStringTag, { value: "Module" }));
-function up() {
+function uv() {
   const e = ce("m-message", null);
   if (e === null)
     throw new Error("m-message api is not provided, ensure the component is wrapped in <m-message-provider />.");
   return e;
 }
-var Xf = { none: "0px", xsmall: "1px", small: "2px", default: "4px", medium: "6px", large: "8px", xlarge: "12px", full: "9999px" }, Yf = { none: "ntsf1ma", xsmall: "ntsf1mb", small: "ntsf1mc", default: "ntsf1md", medium: "ntsf1me", large: "ntsf1mf", xlarge: "ntsf1mg", full: "ntsf1mh" }, Zf = { base: "14px", xsmall: "10px", small: "12px", large: "16px", xlarge: "18px", xxlarge: "20px" }, Jf = { base: "ntsf1mi", xsmall: "ntsf1mj", small: "ntsf1mk", large: "ntsf1ml", xlarge: "ntsf1mm", xxlarge: "ntsf1mn" }, Qf = { 0: "ntsf1m0", 1: "ntsf1m1", 2: "ntsf1m2", 3: "ntsf1m3", 4: "ntsf1m4", 5: "ntsf1m5", "0.5": "ntsf1m6", "1.5": "ntsf1m7", "2.5": "ntsf1m8", "3.5": "ntsf1m9" }, xf = { sm: "ntsf1mo", md: "ntsf1mp", lg: "ntsf1mq" }, ep = { sm: "0px 3px 6px 1px rgb(154 161 171 / 15%)", md: "0px 4px 10px 1px rgb(154 161 171 / 20%)", lg: "0px 7px 14px 1px rgb(154 161 171 / 23%)" }, tp = { 0: "0px", 1: "4px", 2: "8px", 3: "12px", 4: "16px", 5: "18px", "0.5": "2px", "1.5": "6px", "2.5": "10px", "3.5": "14px" }, ap = { color: { font: { default: "var(--ntsf1ms)", muted: "var(--ntsf1mt)", subtle: "var(--ntsf1mu)", text: "var(--ntsf1mv)" }, gray: { 50: "var(--ntsf1mw)", 75: "var(--ntsf1mx)", 100: "var(--ntsf1my)", 150: "var(--ntsf1mz)", 200: "var(--ntsf1m10)", 250: "var(--ntsf1m11)", 300: "var(--ntsf1m12)", 400: "var(--ntsf1m13)", 500: "var(--ntsf1m14)", 600: "var(--ntsf1m15)", 700: "var(--ntsf1m16)", 800: "var(--ntsf1m17)", 900: "var(--ntsf1m18)" }, blue: { 50: "var(--ntsf1m19)", 100: "var(--ntsf1m1a)", 200: "var(--ntsf1m1b)", 300: "var(--ntsf1m1c)", 400: "var(--ntsf1m1d)", 500: "var(--ntsf1m1e)", 600: "var(--ntsf1m1f)", 700: "var(--ntsf1m1g)", 800: "var(--ntsf1m1h)", 900: "var(--ntsf1m1i)" }, amber: { 50: "var(--ntsf1m1j)", 100: "var(--ntsf1m1k)", 200: "var(--ntsf1m1l)", 300: "var(--ntsf1m1m)", 400: "var(--ntsf1m1n)", 500: "var(--ntsf1m1o)", 600: "var(--ntsf1m1p)", 700: "var(--ntsf1m1q)", 800: "var(--ntsf1m1r)", 900: "var(--ntsf1m1s)" }, red: { 50: "var(--ntsf1m1t)", 100: "var(--ntsf1m1u)", 200: "var(--ntsf1m1v)", 300: "var(--ntsf1m1w)", 400: "var(--ntsf1m1x)", 500: "var(--ntsf1m1y)", 600: "var(--ntsf1m1z)", 700: "var(--ntsf1m20)", 800: "var(--ntsf1m21)", 900: "var(--ntsf1m22)" }, green: { 50: "var(--ntsf1m23)", 100: "var(--ntsf1m24)", 200: "var(--ntsf1m25)", 300: "var(--ntsf1m26)", 400: "var(--ntsf1m27)", 500: "var(--ntsf1m28)", 600: "var(--ntsf1m29)", 700: "var(--ntsf1m2a)", 800: "var(--ntsf1m2b)", 900: "var(--ntsf1m2c)" }, primary: "var(--ntsf1m2d)", saxe: { 50: "var(--ntsf1m2e)", 100: "var(--ntsf1m2f)", 200: "var(--ntsf1m2g)", 300: "var(--ntsf1m2h)", 400: "var(--ntsf1m2i)", 500: "var(--ntsf1m2j)", 600: "var(--ntsf1m2k)", 700: "var(--ntsf1m2l)", 800: "var(--ntsf1m2m)", 900: "var(--ntsf1m2n)", 950: "var(--ntsf1m2o)" } }, space: { 0: "var(--ntsf1m2p)", 1: "var(--ntsf1m2q)", 2: "var(--ntsf1m2r)", 3: "var(--ntsf1m2s)", 4: "var(--ntsf1m2t)", 5: "var(--ntsf1m2u)", "0.5": "var(--ntsf1m2v)", "1.5": "var(--ntsf1m2w)", "2.5": "var(--ntsf1m2x)", "3.5": "var(--ntsf1m2y)" }, fontSize: { base: "var(--ntsf1m2z)", xsmall: "var(--ntsf1m30)", small: "var(--ntsf1m31)", large: "var(--ntsf1m32)", xlarge: "var(--ntsf1m33)", xxlarge: "var(--ntsf1m34)" }, shadow: { sm: "var(--ntsf1m35)", md: "var(--ntsf1m36)", lg: "var(--ntsf1m37)" }, transition: { default: "var(--ntsf1m38)" }, rounded: { none: "var(--ntsf1m39)", xsmall: "var(--ntsf1m3a)", small: "var(--ntsf1m3b)", default: "var(--ntsf1m3c)", medium: "var(--ntsf1m3d)", large: "var(--ntsf1m3e)", xlarge: "var(--ntsf1m3f)", full: "var(--ntsf1m3g)" } }, rp = { default: "cubic-bezier(0.4, 0, 0.2, 1)" }, np = { default: "ntsf1mr" };
-const dp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var Xf = { none: "0px", xsmall: "1px", small: "2px", default: "4px", medium: "6px", large: "8px", xlarge: "12px", full: "9999px" }, Yf = { none: "ntsf1ma", xsmall: "ntsf1mb", small: "ntsf1mc", default: "ntsf1md", medium: "ntsf1me", large: "ntsf1mf", xlarge: "ntsf1mg", full: "ntsf1mh" }, Zf = { base: "14px", xsmall: "10px", small: "12px", large: "16px", xlarge: "18px", xxlarge: "20px" }, Jf = { base: "ntsf1mi", xsmall: "ntsf1mj", small: "ntsf1mk", large: "ntsf1ml", xlarge: "ntsf1mm", xxlarge: "ntsf1mn" }, Qf = { 0: "ntsf1m0", 1: "ntsf1m1", 2: "ntsf1m2", 3: "ntsf1m3", 4: "ntsf1m4", 5: "ntsf1m5", "0.5": "ntsf1m6", "1.5": "ntsf1m7", "2.5": "ntsf1m8", "3.5": "ntsf1m9" }, xf = { sm: "ntsf1mo", md: "ntsf1mp", lg: "ntsf1mq" }, ev = { sm: "0px 3px 6px 1px rgb(154 161 171 / 15%)", md: "0px 4px 10px 1px rgb(154 161 171 / 20%)", lg: "0px 7px 14px 1px rgb(154 161 171 / 23%)" }, tv = { 0: "0px", 1: "4px", 2: "8px", 3: "12px", 4: "16px", 5: "18px", "0.5": "2px", "1.5": "6px", "2.5": "10px", "3.5": "14px" }, av = { color: { font: { default: "var(--ntsf1ms)", muted: "var(--ntsf1mt)", subtle: "var(--ntsf1mu)", text: "var(--ntsf1mv)" }, gray: { 50: "var(--ntsf1mw)", 75: "var(--ntsf1mx)", 100: "var(--ntsf1my)", 150: "var(--ntsf1mz)", 200: "var(--ntsf1m10)", 250: "var(--ntsf1m11)", 300: "var(--ntsf1m12)", 400: "var(--ntsf1m13)", 500: "var(--ntsf1m14)", 600: "var(--ntsf1m15)", 700: "var(--ntsf1m16)", 800: "var(--ntsf1m17)", 900: "var(--ntsf1m18)" }, blue: { 50: "var(--ntsf1m19)", 100: "var(--ntsf1m1a)", 200: "var(--ntsf1m1b)", 300: "var(--ntsf1m1c)", 400: "var(--ntsf1m1d)", 500: "var(--ntsf1m1e)", 600: "var(--ntsf1m1f)", 700: "var(--ntsf1m1g)", 800: "var(--ntsf1m1h)", 900: "var(--ntsf1m1i)" }, amber: { 50: "var(--ntsf1m1j)", 100: "var(--ntsf1m1k)", 200: "var(--ntsf1m1l)", 300: "var(--ntsf1m1m)", 400: "var(--ntsf1m1n)", 500: "var(--ntsf1m1o)", 600: "var(--ntsf1m1p)", 700: "var(--ntsf1m1q)", 800: "var(--ntsf1m1r)", 900: "var(--ntsf1m1s)" }, red: { 50: "var(--ntsf1m1t)", 100: "var(--ntsf1m1u)", 200: "var(--ntsf1m1v)", 300: "var(--ntsf1m1w)", 400: "var(--ntsf1m1x)", 500: "var(--ntsf1m1y)", 600: "var(--ntsf1m1z)", 700: "var(--ntsf1m20)", 800: "var(--ntsf1m21)", 900: "var(--ntsf1m22)" }, green: { 50: "var(--ntsf1m23)", 100: "var(--ntsf1m24)", 200: "var(--ntsf1m25)", 300: "var(--ntsf1m26)", 400: "var(--ntsf1m27)", 500: "var(--ntsf1m28)", 600: "var(--ntsf1m29)", 700: "var(--ntsf1m2a)", 800: "var(--ntsf1m2b)", 900: "var(--ntsf1m2c)" }, primary: "var(--ntsf1m2d)", saxe: { 50: "var(--ntsf1m2e)", 100: "var(--ntsf1m2f)", 200: "var(--ntsf1m2g)", 300: "var(--ntsf1m2h)", 400: "var(--ntsf1m2i)", 500: "var(--ntsf1m2j)", 600: "var(--ntsf1m2k)", 700: "var(--ntsf1m2l)", 800: "var(--ntsf1m2m)", 900: "var(--ntsf1m2n)", 950: "var(--ntsf1m2o)" } }, space: { 0: "var(--ntsf1m2p)", 1: "var(--ntsf1m2q)", 2: "var(--ntsf1m2r)", 3: "var(--ntsf1m2s)", 4: "var(--ntsf1m2t)", 5: "var(--ntsf1m2u)", "0.5": "var(--ntsf1m2v)", "1.5": "var(--ntsf1m2w)", "2.5": "var(--ntsf1m2x)", "3.5": "var(--ntsf1m2y)" }, fontSize: { base: "var(--ntsf1m2z)", xsmall: "var(--ntsf1m30)", small: "var(--ntsf1m31)", large: "var(--ntsf1m32)", xlarge: "var(--ntsf1m33)", xxlarge: "var(--ntsf1m34)" }, shadow: { sm: "var(--ntsf1m35)", md: "var(--ntsf1m36)", lg: "var(--ntsf1m37)" }, transition: { default: "var(--ntsf1m38)" }, rounded: { none: "var(--ntsf1m39)", xsmall: "var(--ntsf1m3a)", small: "var(--ntsf1m3b)", default: "var(--ntsf1m3c)", medium: "var(--ntsf1m3d)", large: "var(--ntsf1m3e)", xlarge: "var(--ntsf1m3f)", full: "var(--ntsf1m3g)" } }, rv = { default: "cubic-bezier(0.4, 0, 0.2, 1)" }, nv = { default: "ntsf1mr" };
+const dv = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   borderRadiusScale: Xf,
   borderRadiusVariants: Yf,
@@ -6319,17 +6325,17 @@ const dp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   fontSizeVariants: Jf,
   marginVariants: Qf,
   shadowVariants: xf,
-  shadows: ep,
-  spaceScale: tp,
-  themeVars: ap,
-  transitions: rp,
-  transitionsVariants: np
-}, Symbol.toStringTag, { value: "Module" })), op = {
+  shadows: ev,
+  spaceScale: tv,
+  themeVars: av,
+  transitions: rv,
+  transitionsVariants: nv
+}, Symbol.toStringTag, { value: "Module" })), ov = {
   prefix: "M"
-}, sp = (e = {}) => ({
+}, sv = (e = {}) => ({
   install: (a, r = {}) => {
     const n = {
-      ...op,
+      ...ov,
       ...e,
       ...r
     };
@@ -6338,7 +6344,7 @@ const dp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       a.component(`${n.prefix}${o}`, s);
     });
   }
-}), lp = sp, cp = lp({
+}), lv = sv, cv = lv({
   components: Object.keys(Ra).map(
     (e) => Ra[e]
   )
@@ -6354,7 +6360,7 @@ export {
   Fo as MCheckbox,
   ai as MColorPicker,
   di as MDropdown,
-  pi as MDropdownItem,
+  vi as MDropdownItem,
   bi as MDropdownList,
   yi as MDropdownSeperator,
   Sr as MDropdownWrapper,
@@ -6364,14 +6370,14 @@ export {
   Ei as MLink,
   tu as MMessageProvider,
   Zu as MModal,
-  vd as MPagination,
+  pd as MPagination,
   Md as MRadio,
   Dd as MRadioButton,
   Fd as MRadioButtonGroup,
   yc as MSelect,
   Cc as MSkeleton,
-  pr as MSlider,
-  Ic as MSwitch,
+  vr as MSlider,
+  _c as MSwitch,
   zc as MTab,
   Hc as MTabGroup,
   uf as MTable,
@@ -6385,10 +6391,10 @@ export {
   Af as MTooltip,
   Wf as MTransfer,
   Kf as MVirtualScroll,
-  lp as createUI,
-  cp as default,
-  dp as theme,
-  up as useMessage,
+  lv as createUI,
+  cv as default,
+  dv as theme,
+  uv as useMessage,
   Et as usePopper,
   At as useZIndex
 };