@teammodlr/ui-kit 2.1.29 → 2.1.31

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, renderSlot as L, ref as b, watch as q, computed as p, openBlock as v, createElementBlock as y, normalizeClass as h, normalizeStyle as re, inject as fe, onMounted as pe, resolveComponent as le, createBlock as ne, mergeProps as $e, reactive as ze, toRef as X, provide as Se, Fragment as Q, renderList as he, createElementVNode as T, createVNode as J, withCtx as Z, createTextVNode as ie, toDisplayString as W, createCommentVNode as N, onBeforeUnmount as It, resolveDynamicComponent as rn, readonly as oo, onUnmounted as dr, withDirectives as _t, vModelCheckbox as cr, getCurrentScope as so, onScopeDispose as lo, unref as an, isRef as io, toRefs as uo, customRef as co, getCurrentInstance as fr, watchEffect as ct, nextTick as Ge, toHandlers as ft, Teleport as Le, Transition as Je, withModifiers as _e, withKeys as nt, shallowRef as Nt, TransitionGroup as fo, vModelRadio as po, vModelText as vo, toRaw as Mn, onActivated as mo, onDeactivated as ho, h as rt } from "vue";
+import { defineComponent as P, renderSlot as L, ref as b, watch as G, computed as p, openBlock as v, createElementBlock as y, normalizeClass as h, normalizeStyle as re, inject as fe, onMounted as pe, resolveComponent as le, createBlock as ne, mergeProps as $e, reactive as Ie, toRef as X, provide as Se, Fragment as Q, renderList as he, createElementVNode as T, createVNode as J, withCtx as Z, createTextVNode as ie, toDisplayString as W, createCommentVNode as N, onBeforeUnmount as It, resolveDynamicComponent as rn, readonly as oo, onUnmounted as dr, withDirectives as _t, vModelCheckbox as cr, getCurrentScope as so, onScopeDispose as lo, unref as an, isRef as io, toRefs as uo, customRef as co, getCurrentInstance as fr, watchEffect as ct, nextTick as qe, toHandlers as ft, Teleport as Le, Transition as Ze, withModifiers as Oe, withKeys as nt, shallowRef as Nt, TransitionGroup as fo, vModelRadio as po, vModelText as vo, toRaw as Mn, onActivated as mo, onDeactivated as ho, h as rt } from "vue";
 const go = {
   h: {
     type: Function,
@@ -39,7 +39,7 @@ const go = {
   },
   setup(e, { emit: t }) {
     const n = b("");
-    typeof window < "u" && Image && q(
+    typeof window < "u" && Image && G(
       () => e.src,
       (s) => {
         if (!s)
@@ -172,7 +172,7 @@ const Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e) {
-    const t = ze({
+    const t = Ie({
       size: X(e, "size"),
       rounded: X(e, "rounded"),
       max: X(e, "max")
@@ -279,7 +279,7 @@ const qo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       Array.from(t).forEach((s, o) => {
         s.label || (s.label = o + 1);
       });
-    }, r = ze({
+    }, r = Ie({
       separator: X(e, "seperator"),
       refreshItems: n
     }), a = p(() => [
@@ -313,12 +313,12 @@ const Xo = /* @__PURE__ */ V(Go, [["render", Uo]]), Yo = P({
   },
   setup(e) {
     const t = fe(hr), n = b(e.label), r = b("/");
-    return q(
+    return G(
       () => e.label,
       (s) => {
         n.value = s, t == null || t.refreshItems();
       }
-    ), t && (q(
+    ), t && (G(
       () => t == null ? void 0 : t.separator,
       (s) => {
         r.value = s;
@@ -508,7 +508,7 @@ const gs = P({
     }
   },
   setup(e) {
-    const t = ze({
+    const t = Ie({
       size: X(e, "size")
     });
     return Se(yr, t), {
@@ -553,10 +553,10 @@ const oe = (e, {
   withListeners: r = !0
 }) => {
   const a = b(!0), s = b(e.error), { id: o } = wr("input"), l = e.name ? e.name : o.value, i = b(l);
-  q(
+  G(
     () => e.error,
     (g) => s.value = g
-  ), q(
+  ), G(
     () => e.name,
     (g) => l.value = g
   );
@@ -777,7 +777,7 @@ const Tr = /* @__PURE__ */ V(Ms, [["render", Es]]);
 function As(e) {
   return so() ? (lo(e), !0) : !1;
 }
-function Ee(e) {
+function Ae(e) {
   return typeof e == "function" ? e() : an(e);
 }
 const sn = typeof window < "u" && typeof document < "u", Rs = Object.prototype.toString, zs = (e) => Rs.call(e) === "[object Object]", Xt = () => {
@@ -797,7 +797,7 @@ function js(e, t = {}) {
       },
       set(a) {
         var s;
-        if ((s = Ee(t.replaceRef)) != null ? s : !0)
+        if ((s = Ae(t.replaceRef)) != null ? s : !0)
           if (Array.isArray(e.value)) {
             const l = [...e.value];
             l[r] = a, e.value = l;
@@ -813,19 +813,19 @@ function js(e, t = {}) {
 }
 function Ve(e) {
   var t;
-  const n = Ee(e);
+  const n = Ae(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const Qe = sn ? window : void 0;
-function te(...e) {
+const Je = sn ? window : void 0;
+function ee(...e) {
   let t, n, r, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, r, a] = e, t = Qe) : [t, n, r, a] = e, !t)
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, r, a] = e, t = Je) : [t, n, r, a] = e, !t)
     return Xt;
   Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
   const s = [], o = () => {
     s.forEach((d) => d()), s.length = 0;
-  }, l = (d, c, f, m) => (d.addEventListener(c, f, m), () => d.removeEventListener(c, f, m)), i = q(
-    () => [Ve(t), Ee(a)],
+  }, l = (d, c, f, m) => (d.addEventListener(c, f, m), () => d.removeEventListener(c, f, m)), i = G(
+    () => [Ve(t), Ae(a)],
     ([d, c]) => {
       if (o(), !d)
         return;
@@ -842,7 +842,7 @@ function te(...e) {
 }
 let On = !1;
 function ln(e, t, n = {}) {
-  const { window: r = Qe, ignore: a = [], capture: s = !0, detectIframe: o = !1 } = n;
+  const { window: r = Je, ignore: a = [], capture: s = !0, detectIframe: o = !1 } = n;
   if (!r)
     return;
   Is && !On && (On = !0, Array.from(r.document.body.children).forEach((f) => f.addEventListener("click", Xt)), r.document.documentElement.addEventListener("click", Xt));
@@ -855,7 +855,7 @@ function ln(e, t, n = {}) {
       return g && (f.target === g || f.composedPath().includes(g));
     }
   }), d = [
-    te(r, "click", (f) => {
+    ee(r, "click", (f) => {
       const m = Ve(e);
       if (!(!m || m === f.target || f.composedPath().includes(m))) {
         if (f.detail === 0 && (l = !i(f)), !l) {
@@ -865,11 +865,11 @@ function ln(e, t, n = {}) {
         t(f);
       }
     }, { passive: !0, capture: s }),
-    te(r, "pointerdown", (f) => {
+    ee(r, "pointerdown", (f) => {
       const m = Ve(e);
       m && (l = !f.composedPath().includes(m) && !i(f));
     }, { passive: !0 }),
-    o && te(r, "blur", (f) => {
+    o && ee(r, "blur", (f) => {
       setTimeout(() => {
         var m;
         const g = Ve(e);
@@ -901,18 +901,18 @@ function Ps(e, t = {}) {
     onStart: d,
     initialValue: c,
     axis: f = "both",
-    draggingElement: m = Qe,
+    draggingElement: m = Je,
     containerElement: g,
     handle: O = e
   } = t, k = b(
-    (n = Ee(c)) != null ? n : { x: 0, y: 0 }
+    (n = Ae(c)) != null ? n : { x: 0, y: 0 }
   ), M = b(), B = (A) => a ? a.includes(A.pointerType) : !0, R = (A) => {
-    Ee(s) && A.preventDefault(), Ee(o) && A.stopPropagation();
+    Ae(s) && A.preventDefault(), Ae(o) && A.stopPropagation();
   }, C = (A) => {
     var _;
-    if (!B(A) || Ee(l) && A.target !== Ee(e))
+    if (!B(A) || Ae(l) && A.target !== Ae(e))
       return;
-    const z = ((_ = Ee(g)) != null ? _ : Ee(e)).getBoundingClientRect(), $ = {
+    const z = ((_ = Ae(g)) != null ? _ : Ae(e)).getBoundingClientRect(), $ = {
       x: A.clientX - z.left,
       y: A.clientY - z.top
     };
@@ -930,7 +930,7 @@ function Ps(e, t = {}) {
   };
   if (sn) {
     const A = { capture: (r = t.capture) != null ? r : !0 };
-    te(O, "pointerdown", C, A), te(m, "pointermove", w, A), te(m, "pointerup", E, A);
+    ee(O, "pointerdown", C, A), ee(m, "pointermove", w, A), ee(m, "pointerup", E, A);
   }
   return {
     ...js(k),
@@ -963,7 +963,7 @@ function Fs(e = {}) {
     touch: n = !0,
     resetOnTouchEnds: r = !1,
     initialValue: a = { x: 0, y: 0 },
-    window: s = Qe,
+    window: s = Je,
     target: o = s,
     scroll: l = !0,
     eventFilter: i
@@ -987,7 +987,7 @@ function Fs(e = {}) {
   }, B = i ? (w) => i(() => g(w), {}) : (w) => g(w), R = i ? (w) => i(() => O(w), {}) : (w) => O(w), C = i ? () => i(() => k(), {}) : () => k();
   if (o) {
     const w = { passive: !0 };
-    te(o, ["mousemove", "dragover"], B, w), n && t !== "movement" && (te(o, ["touchstart", "touchmove"], R, w), r && te(o, "touchend", M, w)), l && t === "page" && te(s, "scroll", C, { passive: !0 });
+    ee(o, ["mousemove", "dragover"], B, w), n && t !== "movement" && (ee(o, ["touchstart", "touchmove"], R, w), r && ee(o, "touchend", M, w)), l && t === "page" && ee(s, "scroll", C, { passive: !0 });
   }
   return {
     x: d,
@@ -998,11 +998,11 @@ function Fs(e = {}) {
 function Mr(e, t = {}) {
   const {
     handleOutside: n = !0,
-    window: r = Qe
+    window: r = Je
   } = t, { x: a, y: s, sourceType: o } = Fs(t), l = b(e ?? (r == null ? void 0 : r.document.body)), i = b(0), u = b(0), d = b(0), c = b(0), f = b(0), m = b(0), g = b(!0);
   let O = () => {
   };
-  return r && (O = q(
+  return r && (O = G(
     [l, a, s],
     () => {
       const k = Ve(l);
@@ -1019,7 +1019,7 @@ function Mr(e, t = {}) {
       g.value = R === 0 || C === 0 || w < 0 || E < 0 || w > R || E > C, (n || !g.value) && (i.value = w, u.value = E);
     },
     { immediate: !0 }
-  ), te(document, "mouseleave", () => {
+  ), ee(document, "mouseleave", () => {
     g.value = !0;
   })), {
     x: a,
@@ -1040,7 +1040,7 @@ function Or(e = {}) {
     touch: t = !0,
     drag: n = !0,
     initialValue: r = !1,
-    window: a = Qe
+    window: a = Je
   } = e, s = b(r), o = b(null);
   if (!a)
     return {
@@ -1052,7 +1052,7 @@ function Or(e = {}) {
   }, i = () => {
     s.value = !1, o.value = null;
   }, u = p(() => Ve(e.target) || a);
-  return te(u, "mousedown", l("mouse"), { passive: !0 }), te(a, "mouseleave", i, { passive: !0 }), te(a, "mouseup", i, { passive: !0 }), n && (te(u, "dragstart", l("mouse"), { passive: !0 }), te(a, "drop", i, { passive: !0 }), te(a, "dragend", i, { passive: !0 })), t && (te(u, "touchstart", l("touch"), { passive: !0 }), te(a, "touchend", i, { passive: !0 }), te(a, "touchcancel", i, { passive: !0 })), {
+  return ee(u, "mousedown", l("mouse"), { passive: !0 }), ee(a, "mouseleave", i, { passive: !0 }), ee(a, "mouseup", i, { passive: !0 }), n && (ee(u, "dragstart", l("mouse"), { passive: !0 }), ee(a, "drop", i, { passive: !0 }), ee(a, "dragend", i, { passive: !0 })), t && (ee(u, "touchstart", l("touch"), { passive: !0 }), ee(a, "touchend", i, { passive: !0 }), ee(a, "touchcancel", i, { passive: !0 })), {
     pressed: s,
     sourceType: o
   };
@@ -1117,12 +1117,12 @@ const Qs = (e, t, n, r) => {
     a: t
   };
 };
-var ge = "top", Te = "bottom", Me = "right", ye = "left", un = "auto", pt = [ge, Te, Me, ye], Ue = "start", it = "end", rl = "clippingParents", Ar = "viewport", at = "popper", al = "reference", En = /* @__PURE__ */ pt.reduce(function(e, t) {
-  return e.concat([t + "-" + Ue, t + "-" + it]);
+var ge = "top", Te = "bottom", Me = "right", ye = "left", un = "auto", pt = [ge, Te, Me, ye], Ge = "start", it = "end", rl = "clippingParents", Ar = "viewport", at = "popper", al = "reference", En = /* @__PURE__ */ pt.reduce(function(e, t) {
+  return e.concat([t + "-" + Ge, t + "-" + it]);
 }, []), Rr = /* @__PURE__ */ [].concat(pt, [un]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + Ue, t + "-" + it]);
+  return e.concat([t, t + "-" + Ge, t + "-" + it]);
 }, []), ol = "beforeRead", sl = "read", ll = "afterRead", il = "beforeMain", ul = "main", dl = "afterMain", cl = "beforeWrite", fl = "write", pl = "afterWrite", vl = [ol, sl, ll, il, ul, dl, cl, fl, pl];
-function Re(e) {
+function ze(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function we(e) {
@@ -1152,7 +1152,7 @@ function ml(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(n) {
     var r = t.styles[n] || {}, a = t.attributes[n] || {}, s = t.elements[n];
-    !Ce(s) || !Re(s) || (Object.assign(s.style, r), Object.keys(a).forEach(function(o) {
+    !Ce(s) || !ze(s) || (Object.assign(s.style, r), Object.keys(a).forEach(function(o) {
       var l = a[o];
       l === !1 ? s.removeAttribute(o) : s.setAttribute(o, l === !0 ? "" : l);
     }));
@@ -1176,7 +1176,7 @@ function hl(e) {
       var a = t.elements[r], s = t.attributes[r] || {}, o = Object.keys(t.styles.hasOwnProperty(r) ? t.styles[r] : n[r]), l = o.reduce(function(i, u) {
         return i[u] = "", i;
       }, {});
-      !Ce(a) || !Re(a) || (Object.assign(a.style, l), Object.keys(s).forEach(function(i) {
+      !Ce(a) || !ze(a) || (Object.assign(a.style, l), Object.keys(s).forEach(function(i) {
         a.removeAttribute(i);
       }));
     });
@@ -1190,10 +1190,10 @@ const gl = {
   effect: hl,
   requires: ["computeStyles"]
 };
-function Ae(e) {
+function Re(e) {
   return e.split("-")[0];
 }
-var Ne = Math.max, At = Math.min, Xe = Math.round;
+var Ne = Math.max, At = Math.min, Ue = Math.round;
 function Yt() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
@@ -1203,10 +1203,10 @@ function Yt() {
 function zr() {
   return !/^((?!chrome|android).)*safari/i.test(Yt());
 }
-function Ye(e, t, n) {
+function Xe(e, t, n) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   var r = e.getBoundingClientRect(), a = 1, s = 1;
-  t && Ce(e) && (a = e.offsetWidth > 0 && Xe(r.width) / e.offsetWidth || 1, s = e.offsetHeight > 0 && Xe(r.height) / e.offsetHeight || 1);
+  t && Ce(e) && (a = e.offsetWidth > 0 && Ue(r.width) / e.offsetWidth || 1, s = e.offsetHeight > 0 && Ue(r.height) / e.offsetHeight || 1);
   var o = We(e) ? we(e) : window, l = o.visualViewport, i = !zr() && n, u = (r.left + (i && l ? l.offsetLeft : 0)) / a, d = (r.top + (i && l ? l.offsetTop : 0)) / s, c = r.width / a, f = r.height / s;
   return {
     width: c,
@@ -1220,7 +1220,7 @@ function Ye(e, t, n) {
   };
 }
 function cn(e) {
-  var t = Ye(e), n = e.offsetWidth, r = e.offsetHeight;
+  var t = Xe(e), n = e.offsetWidth, r = e.offsetHeight;
   return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - r) <= 1 && (r = t.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
@@ -1246,7 +1246,7 @@ function je(e) {
   return we(e).getComputedStyle(e);
 }
 function yl(e) {
-  return ["table", "td", "th"].indexOf(Re(e)) >= 0;
+  return ["table", "td", "th"].indexOf(ze(e)) >= 0;
 }
 function De(e) {
   return ((We(e) ? e.ownerDocument : (
@@ -1255,7 +1255,7 @@ function De(e) {
   )) || window.document).documentElement;
 }
 function Lt(e) {
-  return Re(e) === "html" ? e : (
+  return ze(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
@@ -1278,7 +1278,7 @@ function bl(e) {
       return null;
   }
   var a = Lt(e);
-  for (dn(a) && (a = a.host); Ce(a) && ["html", "body"].indexOf(Re(a)) < 0; ) {
+  for (dn(a) && (a = a.host); Ce(a) && ["html", "body"].indexOf(ze(a)) < 0; ) {
     var s = je(a);
     if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || t && s.willChange === "filter" || t && s.filter && s.filter !== "none")
       return a;
@@ -1289,7 +1289,7 @@ function bl(e) {
 function vt(e) {
   for (var t = we(e), n = An(e); n && yl(n) && je(n).position === "static"; )
     n = An(n);
-  return n && (Re(n) === "html" || Re(n) === "body" && je(n).position === "static") ? t : n || bl(e) || t;
+  return n && (ze(n) === "html" || ze(n) === "body" && je(n).position === "static") ? t : n || bl(e) || t;
 }
 function fn(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
@@ -1323,7 +1323,7 @@ var $l = function(t, n) {
   })) : t, jr(typeof t != "number" ? t : Lr(t, pt));
 };
 function kl(e) {
-  var t, n = e.state, r = e.name, a = e.options, s = n.elements.arrow, o = n.modifiersData.popperOffsets, l = Ae(n.placement), i = fn(l), u = [ye, Me].indexOf(l) >= 0, d = u ? "height" : "width";
+  var t, n = e.state, r = e.name, a = e.options, s = n.elements.arrow, o = n.modifiersData.popperOffsets, l = Re(n.placement), i = fn(l), u = [ye, Me].indexOf(l) >= 0, d = u ? "height" : "width";
   if (!(!s || !o)) {
     var c = $l(a.padding, n), f = cn(s), m = i === "y" ? ge : ye, g = i === "y" ? Te : Me, O = n.rects.reference[d] + n.rects.reference[i] - o[i] - n.rects.popper[d], k = o[i] - n.rects.reference[i], M = vt(s), B = M ? i === "y" ? M.clientHeight || 0 : M.clientWidth || 0 : 0, R = O / 2 - k / 2, C = c[m], w = B - f[d] - c[g], E = B / 2 - f[d] / 2 + R, A = ot(C, E, w), _ = i;
     n.modifiersData[r] = (t = {}, t[_] = A, t.centerOffset = A - E, t);
@@ -1342,7 +1342,7 @@ const Sl = {
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function Ze(e) {
+function Ye(e) {
   return e.split("-")[1];
 }
 var Tl = {
@@ -1354,8 +1354,8 @@ var Tl = {
 function Ml(e, t) {
   var n = e.x, r = e.y, a = t.devicePixelRatio || 1;
   return {
-    x: Xe(n * a) / a || 0,
-    y: Xe(r * a) / a || 0
+    x: Ue(n * a) / a || 0,
+    y: Ue(r * a) / a || 0
   };
 }
 function Rn(e) {
@@ -1404,8 +1404,8 @@ function Rn(e) {
 }
 function Ol(e) {
   var t = e.state, n = e.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, s = n.adaptive, o = s === void 0 ? !0 : s, l = n.roundOffsets, i = l === void 0 ? !0 : l, u = {
-    placement: Ae(t.placement),
-    variation: Ze(t.placement),
+    placement: Re(t.placement),
+    variation: Ye(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
     gpuAcceleration: a,
@@ -1482,7 +1482,7 @@ function pn(e) {
   };
 }
 function vn(e) {
-  return Ye(De(e)).left + pn(e).scrollLeft;
+  return Xe(De(e)).left + pn(e).scrollLeft;
 }
 function Il(e, t) {
   var n = we(e), r = De(e), a = n.visualViewport, s = r.clientWidth, o = r.clientHeight, l = 0, i = 0;
@@ -1512,7 +1512,7 @@ function mn(e) {
   return /auto|scroll|overlay|hidden/.test(n + a + r);
 }
 function Dr(e) {
-  return ["html", "body", "#document"].indexOf(Re(e)) >= 0 ? e.ownerDocument.body : Ce(e) && mn(e) ? e : Dr(Lt(e));
+  return ["html", "body", "#document"].indexOf(ze(e)) >= 0 ? e.ownerDocument.body : Ce(e) && mn(e) ? e : Dr(Lt(e));
 }
 function st(e, t) {
   var n;
@@ -1532,7 +1532,7 @@ function Zt(e) {
   });
 }
 function jl(e, t) {
-  var n = Ye(e, !1, t === "fixed");
+  var n = Xe(e, !1, t === "fixed");
   return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
 function In(e, t, n) {
@@ -1541,7 +1541,7 @@ function In(e, t, n) {
 function Ll(e) {
   var t = st(Lt(e)), n = ["absolute", "fixed"].indexOf(je(e).position) >= 0, r = n && Ce(e) ? vt(e) : e;
   return We(r) ? t.filter(function(a) {
-    return We(a) && Ir(a, r) && Re(a) !== "body";
+    return We(a) && Ir(a, r) && ze(a) !== "body";
   }) : [];
 }
 function Dl(e, t, n, r) {
@@ -1552,7 +1552,7 @@ function Dl(e, t, n, r) {
   return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
 }
 function Pr(e) {
-  var t = e.reference, n = e.element, r = e.placement, a = r ? Ae(r) : null, s = r ? Ze(r) : null, o = t.x + t.width / 2 - n.width / 2, l = t.y + t.height / 2 - n.height / 2, i;
+  var t = e.reference, n = e.element, r = e.placement, a = r ? Re(r) : null, s = r ? Ye(r) : null, o = t.x + t.width / 2 - n.width / 2, l = t.y + t.height / 2 - n.height / 2, i;
   switch (a) {
     case ge:
       i = {
@@ -1588,7 +1588,7 @@ function Pr(e) {
   if (u != null) {
     var d = u === "y" ? "height" : "width";
     switch (s) {
-      case Ue:
+      case Ge:
         i[u] = i[u] - (t[d] / 2 - n[d] / 2);
         break;
       case it:
@@ -1600,7 +1600,7 @@ function Pr(e) {
 }
 function ut(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, s = n.strategy, o = s === void 0 ? e.strategy : s, l = n.boundary, i = l === void 0 ? rl : l, u = n.rootBoundary, d = u === void 0 ? Ar : u, c = n.elementContext, f = c === void 0 ? at : c, m = n.altBoundary, g = m === void 0 ? !1 : m, O = n.padding, k = O === void 0 ? 0 : O, M = jr(typeof k != "number" ? k : Lr(k, pt)), B = f === at ? al : at, R = e.rects.popper, C = e.elements[g ? B : f], w = Dl(We(C) ? C : C.contextElement || De(e.elements.popper), i, d, o), E = Ye(e.elements.reference), A = Pr({
+  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, s = n.strategy, o = s === void 0 ? e.strategy : s, l = n.boundary, i = l === void 0 ? rl : l, u = n.rootBoundary, d = u === void 0 ? Ar : u, c = n.elementContext, f = c === void 0 ? at : c, m = n.altBoundary, g = m === void 0 ? !1 : m, O = n.padding, k = O === void 0 ? 0 : O, M = jr(typeof k != "number" ? k : Lr(k, pt)), B = f === at ? al : at, R = e.rects.popper, C = e.elements[g ? B : f], w = Dl(We(C) ? C : C.contextElement || De(e.elements.popper), i, d, o), E = Xe(e.elements.reference), A = Pr({
     reference: E,
     element: R,
     strategy: "absolute",
@@ -1622,8 +1622,8 @@ function ut(e, t) {
 }
 function Pl(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, a = n.boundary, s = n.rootBoundary, o = n.padding, l = n.flipVariations, i = n.allowedAutoPlacements, u = i === void 0 ? Rr : i, d = Ze(r), c = d ? l ? En : En.filter(function(g) {
-    return Ze(g) === d;
+  var n = t, r = n.placement, a = n.boundary, s = n.rootBoundary, o = n.padding, l = n.flipVariations, i = n.allowedAutoPlacements, u = i === void 0 ? Rr : i, d = Ye(r), c = d ? l ? En : En.filter(function(g) {
+    return Ye(g) === d;
   }) : pt, f = c.filter(function(g) {
     return u.indexOf(g) >= 0;
   });
@@ -1634,14 +1634,14 @@ function Pl(e, t) {
       boundary: a,
       rootBoundary: s,
       padding: o
-    })[Ae(O)], g;
+    })[Re(O)], g;
   }, {});
   return Object.keys(m).sort(function(g, O) {
     return m[g] - m[O];
   });
 }
 function Vl(e) {
-  if (Ae(e) === un)
+  if (Re(e) === un)
     return [];
   var t = Mt(e);
   return [zn(e), t, zn(t)];
@@ -1649,17 +1649,17 @@ function Vl(e) {
 function Nl(e) {
   var t = e.state, n = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, i = n.fallbackPlacements, u = n.padding, d = n.boundary, c = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, g = m === void 0 ? !0 : m, O = n.allowedAutoPlacements, k = t.options.placement, M = Ae(k), B = M === k, R = i || (B || !g ? [Mt(k)] : Vl(k)), C = [k].concat(R).reduce(function(Ie, G) {
-      return Ie.concat(Ae(G) === un ? Pl(t, {
-        placement: G,
+    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, i = n.fallbackPlacements, u = n.padding, d = n.boundary, c = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, g = m === void 0 ? !0 : m, O = n.allowedAutoPlacements, k = t.options.placement, M = Re(k), B = M === k, R = i || (B || !g ? [Mt(k)] : Vl(k)), C = [k].concat(R).reduce(function(_e, U) {
+      return _e.concat(Re(U) === un ? Pl(t, {
+        placement: U,
         boundary: d,
         rootBoundary: c,
         padding: u,
         flipVariations: g,
         allowedAutoPlacements: O
-      }) : G);
+      }) : U);
     }, []), w = t.rects.reference, E = t.rects.popper, A = /* @__PURE__ */ new Map(), _ = !0, j = C[0], z = 0; z < C.length; z++) {
-      var $ = C[z], S = Ae($), D = Ze($) === Ue, H = [ge, Te].indexOf(S) >= 0, K = H ? "width" : "height", I = ut(t, {
+      var $ = C[z], S = Re($), D = Ye($) === Ge, H = [ge, Te].indexOf(S) >= 0, K = H ? "width" : "height", I = ut(t, {
         placement: $,
         boundary: d,
         rootBoundary: c,
@@ -1668,8 +1668,8 @@ function Nl(e) {
       }), x = H ? D ? Me : ye : D ? Te : ge;
       w[K] > E[K] && (x = Mt(x));
       var Y = Mt(x), ae = [];
-      if (s && ae.push(I[S] <= 0), l && ae.push(I[x] <= 0, I[Y] <= 0), ae.every(function(Ie) {
-        return Ie;
+      if (s && ae.push(I[S] <= 0), l && ae.push(I[x] <= 0, I[Y] <= 0), ae.every(function(_e) {
+        return _e;
       })) {
         j = $, _ = !1;
         break;
@@ -1677,12 +1677,12 @@ function Nl(e) {
       A.set($, ae);
     }
     if (_)
-      for (var ue = g ? 3 : 1, be = function(G) {
+      for (var ue = g ? 3 : 1, be = function(U) {
         var de = C.find(function(ve) {
           var ce = A.get(ve);
           if (ce)
-            return ce.slice(0, G).every(function(xe) {
-              return xe;
+            return ce.slice(0, U).every(function(et) {
+              return et;
             });
         });
         if (de)
@@ -1745,7 +1745,7 @@ const Wl = {
   fn: Hl
 };
 function xl(e, t, n) {
-  var r = Ae(e), a = [ye, ge].indexOf(r) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, t, {
+  var r = Re(e), a = [ye, ge].indexOf(r) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, t, {
     placement: e
   })) : n, o = s[0], l = s[1];
   return o = o || 0, l = (l || 0) * a, [ye, Me].indexOf(r) >= 0 ? {
@@ -1794,7 +1794,7 @@ function Yl(e) {
     rootBoundary: u,
     padding: c,
     altBoundary: d
-  }), M = Ae(t.placement), B = Ze(t.placement), R = !B, C = fn(M), w = Xl(C), E = t.modifiersData.popperOffsets, A = t.rects.reference, _ = t.rects.popper, j = typeof O == "function" ? O(Object.assign({}, t.rects, {
+  }), M = Re(t.placement), B = Ye(t.placement), R = !B, C = fn(M), w = Xl(C), E = t.modifiersData.popperOffsets, A = t.rects.reference, _ = t.rects.popper, j = typeof O == "function" ? O(Object.assign({}, t.rects, {
     placement: t.placement
   })) : O, z = typeof j == "number" ? {
     mainAxis: j,
@@ -1808,11 +1808,11 @@ function Yl(e) {
   };
   if (E) {
     if (s) {
-      var D, H = C === "y" ? ge : ye, K = C === "y" ? Te : Me, I = C === "y" ? "height" : "width", x = E[C], Y = x + k[H], ae = x - k[K], ue = m ? -_[I] / 2 : 0, be = B === Ue ? A[I] : _[I], se = B === Ue ? -_[I] : -A[I], ke = t.elements.arrow, Ie = m && ke ? cn(ke) : {
+      var D, H = C === "y" ? ge : ye, K = C === "y" ? Te : Me, I = C === "y" ? "height" : "width", x = E[C], Y = x + k[H], ae = x - k[K], ue = m ? -_[I] / 2 : 0, be = B === Ge ? A[I] : _[I], se = B === Ge ? -_[I] : -A[I], ke = t.elements.arrow, _e = m && ke ? cn(ke) : {
         width: 0,
         height: 0
-      }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : _r(), de = G[H], ve = G[K], ce = ot(0, A[I], Ie[I]), xe = R ? A[I] / 2 - ue - ce - de - z.mainAxis : be - ce - de - z.mainAxis, Pt = R ? -A[I] / 2 + ue + ce + ve + z.mainAxis : se + ce + ve + z.mainAxis, tt = t.elements.arrow && vt(t.elements.arrow), F = tt ? C === "y" ? tt.clientTop || 0 : tt.clientLeft || 0 : 0, ee = (D = $ == null ? void 0 : $[C]) != null ? D : 0, U = x + xe - ee - F, Oe = x + Pt - ee, Ke = ot(m ? At(Y, U) : Y, x, m ? Ne(ae, Oe) : ae);
-      E[C] = Ke, S[C] = Ke - x;
+      }, U = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : _r(), de = U[H], ve = U[K], ce = ot(0, A[I], _e[I]), et = R ? A[I] / 2 - ue - ce - de - z.mainAxis : be - ce - de - z.mainAxis, Pt = R ? -A[I] / 2 + ue + ce + ve + z.mainAxis : se + ce + ve + z.mainAxis, tt = t.elements.arrow && vt(t.elements.arrow), F = tt ? C === "y" ? tt.clientTop || 0 : tt.clientLeft || 0 : 0, te = (D = $ == null ? void 0 : $[C]) != null ? D : 0, q = x + et - te - F, Be = x + Pt - te, xe = ot(m ? At(Y, q) : Y, x, m ? Ne(ae, Be) : ae);
+      E[C] = xe, S[C] = xe - x;
     }
     if (l) {
       var bn, ro = C === "x" ? ge : ye, ao = C === "x" ? Te : Me, Pe = E[w], mt = w === "y" ? "height" : "width", wn = Pe + k[ro], $n = Pe - k[ao], Vt = [ge, ye].indexOf(M) !== -1, kn = (bn = $ == null ? void 0 : $[w]) != null ? bn : 0, Cn = Vt ? wn : Pe - A[mt] - _[mt] - kn + z.altAxis, Sn = Vt ? Pe + A[mt] + _[mt] - kn - z.altAxis : $n, Tn = m && Vt ? wl(Cn, Pe, Sn) : ot(m ? Cn : wn, Pe, m ? Sn : $n);
@@ -1838,20 +1838,20 @@ function Ql(e) {
   return e === we(e) || !Ce(e) ? pn(e) : Jl(e);
 }
 function ei(e) {
-  var t = e.getBoundingClientRect(), n = Xe(t.width) / e.offsetWidth || 1, r = Xe(t.height) / e.offsetHeight || 1;
+  var t = e.getBoundingClientRect(), n = Ue(t.width) / e.offsetWidth || 1, r = Ue(t.height) / e.offsetHeight || 1;
   return n !== 1 || r !== 1;
 }
 function ti(e, t, n) {
   n === void 0 && (n = !1);
-  var r = Ce(t), a = Ce(t) && ei(t), s = De(t), o = Ye(e, a, n), l = {
+  var r = Ce(t), a = Ce(t) && ei(t), s = De(t), o = Xe(e, a, n), l = {
     scrollLeft: 0,
     scrollTop: 0
   }, i = {
     x: 0,
     y: 0
   };
-  return (r || !r && !n) && ((Re(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  mn(s)) && (l = Ql(t)), Ce(t) ? (i = Ye(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : s && (i.x = vn(s))), {
+  return (r || !r && !n) && ((ze(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  mn(s)) && (l = Ql(t)), Ce(t) ? (i = Xe(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : s && (i.x = vn(s))), {
     x: o.left + l.scrollLeft - i.x,
     y: o.top + l.scrollTop - i.y,
     width: o.width,
@@ -2071,7 +2071,7 @@ function Dt(e) {
     }
   });
   let u = null;
-  q(t, (M) => {
+  G(t, (M) => {
     i.placement = M, u && (u == null || u.setOptions({ placement: M }));
   });
   const d = b(0);
@@ -2079,19 +2079,19 @@ function Dt(e) {
     r.value && o.value && (r.value.__transferElement = o.value);
   });
   let c = null;
-  n && q(n, (M) => {
+  n && G(n, (M) => {
     g(M), f();
   }), pe(() => {
-    Ge(m);
+    qe(m);
   }), It(k);
   function f() {
-    Ge(() => {
+    qe(() => {
       u && u.forceUpdate(), r.value && (d.value = r.value.clientWidth);
     });
   }
   function m() {
     k(), u && u.destroy(), O();
-    const M = q(s, O), B = q(o, O);
+    const M = G(s, O), B = G(o, O);
     c = () => {
       M(), B();
     };
@@ -2125,7 +2125,7 @@ function di(e) {
     return t === "bottom" || t !== "top" && n === "start" ? "center top" : "center bottom";
   }
 }
-const Pn = b(0), ci = 1e3, fi = Symbol("ZINDEX"), et = (e) => {
+const Pn = b(0), ci = 1e3, fi = Symbol("ZINDEX"), Qe = (e) => {
   const t = e || fe(fi, void 0), n = p(() => {
     const s = an(t);
     return s === void 0 || isNaN(s) ? ci : s;
@@ -2159,9 +2159,9 @@ const gi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = b(), { elementX: r } = Mr(n), { pressed: a } = Or();
-    q(() => a.value, () => {
+    G(() => a.value, () => {
       a.value || (s.value = !1);
-    }), q(() => r.value, () => {
+    }), G(() => r.value, () => {
       s.value && o();
     });
     const s = b(!1), o = () => {
@@ -2437,7 +2437,7 @@ const Ur = /* @__PURE__ */ V(Ai, [["render", Ii]]), _i = P({
     MButton: br
   },
   setup(e, { emit: t }) {
-    const { isSupported: n, open: r, sRGBHex: a } = Vs(), { nextZIndex: s } = et(), o = b(!1), l = b(!1), i = b(""), u = b(""), d = b(""), c = b(""), f = b(""), m = b(), g = b(), O = b(), k = X(e, "transfer"), M = X(e, "placement"), B = b(), R = b(0), C = b(100), w = b(!1), E = ze({
+    const { isSupported: n, open: r, sRGBHex: a } = Vs(), { nextZIndex: s } = Qe(), o = b(!1), l = b(!1), i = b(""), u = b(""), d = b(""), c = b(""), f = b(""), m = b(), g = b(), O = b(), k = X(e, "transfer"), M = X(e, "placement"), B = b(), R = b(0), C = b(100), w = b(!1), E = Ie({
       x: 0,
       y: 0
     }), A = b(e.zIndex ?? s()), { elementX: _, elementY: j } = Mr(m), { pressed: z } = Or(), { popper: $, transferTo: S, updatePopper: D } = Dt({
@@ -2450,42 +2450,42 @@ const Ur = /* @__PURE__ */ V(Ai, [["render", Ii]]), _i = P({
     }), H = p(() => 1 - E.y), K = p(() => E.x), I = p(() => tl(R.value * 3.6, H.value, K.value, C.value / 100)), x = p(() => nl(R.value * 3.6, C.value / 100)), Y = () => {
       i.value = Qs(I.value.r, I.value.g, I.value.b, I.value.a), u.value = I.value.r.toString(), d.value = I.value.g.toString(), c.value = I.value.b.toString(), f.value = I.value.a.toFixed(2).toString(), t("update:modelValue", i.value);
     };
-    q(() => I.value, () => {
+    G(() => I.value, () => {
       Y();
     });
-    const ae = (G, de) => {
-      E.x = G.s, E.y = 1 - G.v, R.value = 1 / 360 * G.h * 100, C.value = de * 100, Y();
+    const ae = (U, de) => {
+      E.x = U.s, E.y = 1 - U.v, R.value = 1 / 360 * U.h * 100, C.value = de * 100, Y();
     }, ue = () => {
-      var G = el(i.value, I.value.r, I.value.g, I.value.b, I.value.a);
-      ae(Bn(G.r, G.g, G.b), G.a);
+      var U = el(i.value, I.value.r, I.value.g, I.value.b, I.value.a);
+      ae(Bn(U.r, U.g, U.b), U.a);
     }, be = () => {
-      var G = parseInt(u.value);
-      (isNaN(G) || G > 255 || G < 0) && (G = I.value.r);
+      var U = parseInt(u.value);
+      (isNaN(U) || U > 255 || U < 0) && (U = I.value.r);
       var de = parseInt(d.value);
       (isNaN(de) || de > 255 || de < 0) && (de = I.value.g);
       var ve = parseInt(c.value);
       (isNaN(ve) || ve > 255 || ve < 0) && (ve = I.value.b);
       var ce = parseFloat(f.value);
-      (isNaN(ce) || ce > 1 || ce < 0) && (ce = I.value.a), ae(Bn(G, de, ve), ce);
+      (isNaN(ce) || ce > 1 || ce < 0) && (ce = I.value.a), ae(Bn(U, de, ve), ce);
     };
-    q(() => z.value, () => {
+    G(() => z.value, () => {
       z.value || (w.value = !1);
-    }), q(() => [_.value, j.value], () => {
+    }), G(() => [_.value, j.value], () => {
       w.value && se();
-    }), q(() => e.modelValue, () => {
+    }), G(() => e.modelValue, () => {
       i.value = e.modelValue, ue(), console.log("hi");
     });
     const se = () => {
-      var G, de, ve, ce;
-      E.x = Math.min(Math.max(_.value, 0), ((G = m.value) == null ? void 0 : G.clientWidth) || 0) / (((de = m.value) == null ? void 0 : de.clientWidth) || 0), E.y = Math.min(Math.max(j.value, 0), ((ve = m.value) == null ? void 0 : ve.clientHeight) || 0) / (((ce = m.value) == null ? void 0 : ce.clientHeight) || 0);
+      var U, de, ve, ce;
+      E.x = Math.min(Math.max(_.value, 0), ((U = m.value) == null ? void 0 : U.clientWidth) || 0) / (((de = m.value) == null ? void 0 : de.clientWidth) || 0), E.y = Math.min(Math.max(j.value, 0), ((ve = m.value) == null ? void 0 : ve.clientHeight) || 0) / (((ce = m.value) == null ? void 0 : ce.clientHeight) || 0);
     }, ke = () => {
       w.value = !0, se();
     };
     return pe(() => {
       i.value = e.modelValue, ue();
-    }), ln($, (G) => {
+    }), ln($, (U) => {
       o.value = !1;
-    }), q(() => a.value, () => {
+    }), G(() => a.value, () => {
       i.value = a.value, ue();
     }), {
       isOpen: o,
@@ -2520,8 +2520,8 @@ const Ur = /* @__PURE__ */ V(Ai, [["render", Ii]]), _i = P({
       openEyeDropper: () => {
         try {
           r();
-        } catch (G) {
-          console.log(G);
+        } catch (U) {
+          console.log(U);
         }
       },
       scale: jt
@@ -2576,7 +2576,7 @@ function Wi(e, t, n, r, a, s) {
       }, null, 6)
     ], 2),
     (v(), ne(Le, { to: "body" }, [
-      J(Je, {
+      J(Ze, {
         "enter-active-class": e.scale.enterActive,
         "leave-active-class": e.scale.leaveActive,
         "enter-from-class": e.scale.enterFrom,
@@ -2604,7 +2604,7 @@ function Wi(e, t, n, r, a, s) {
               T("div", {
                 class: h(e.style.sliderThumb),
                 onMousedown: t[1] || (t[1] = (...u) => e.handleMouseDown && e.handleMouseDown(...u)),
-                onDragover: t[2] || (t[2] = _e(() => {
+                onDragover: t[2] || (t[2] = Oe(() => {
                 }, ["prevent"])),
                 style: re({ left: `${e.position.x * 100}%`, top: `${e.position.y * 100}%` })
               }, null, 38)
@@ -2696,7 +2696,7 @@ function Wi(e, t, n, r, a, s) {
               }, null, 8, ["onKeyup", "onBlur", "modelValue"])),
               J(i, {
                 icon: "",
-                onClick: t[12] || (t[12] = _e((u) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
+                onClick: t[12] || (t[12] = Oe((u) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
               }, {
                 default: Z(() => [
                   (v(), y("svg", Ni, Hi))
@@ -2728,10 +2728,10 @@ function Yr(e, t) {
     var s;
     t.value ? n.value = a ?? ((s = t.value.textContent) == null ? void 0 : s.trim()) ?? null : n.value = a;
   }
-  return q(e, (a) => {
+  return G(e, (a) => {
     r(a);
   }), pe(() => {
-    Ge(() => {
+    qe(() => {
       r(e.value);
     });
   }), n;
@@ -2799,7 +2799,7 @@ const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   emits: ["update:open"],
   setup(e, { emit: t }) {
-    const n = fe(Jt, null), { nextZIndex: r } = et(), a = !!n, s = X(e, "label"), o = b(e.open), l = b(e.placement), i = X(e, "transfer"), u = b(null), d = b(null), c = b(e.zIndex ?? r()), f = p(() => {
+    const n = fe(Jt, null), { nextZIndex: r } = Qe(), a = !!n, s = X(e, "label"), o = b(e.open), l = b(e.placement), i = X(e, "transfer"), u = b(null), d = b(null), c = b(e.zIndex ?? r()), f = p(() => {
       if (e.virtual !== null) {
         const $ = e.virtual.$el ?? e.virtual;
         if ($) {
@@ -2828,27 +2828,27 @@ const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       offset: a ? [-2, 2] : [0, 14]
     }), k = Yr(s, d);
     Se("dropdown-select", null);
-    const M = ze({
+    const M = Ie({
       handleSelect: C,
       isOpen: o
     });
-    Se(Jt, M), q(
+    Se(Jt, M), G(
       () => e.open,
       ($) => {
         o.value = $;
       }
-    ), q(
+    ), G(
       () => e.placement,
       ($) => {
         B($);
       }
-    ), q(o, ($) => {
+    ), G(o, ($) => {
       $ && O(), t("update:open", $);
     }), pe(() => {
-      Ge(() => {
+      qe(() => {
         B(e.placement);
       });
-    }), te("resize", () => {
+    }), ee("resize", () => {
       O();
     }), ln(u, ($) => {
       let S = $.target, D = 0;
@@ -2879,7 +2879,7 @@ const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     ]), E = p(() => {
     }), A = p(() => ["m-dropdown-menu", Jr]), _ = p(() => `m-transition__${e.transitionName}`), j = b("auto");
-    te(window, "resize", () => {
+    ee(window, "resize", () => {
       o.value && (z(), O());
     }), ct(() => {
       z();
@@ -2934,7 +2934,7 @@ function Zi(e, t, n, r, a, s) {
           disabled: e.isNested,
           to: "body"
         }, [
-          J(Je, {
+          J(Ze, {
             "enter-active-class": e.scale.enterActive,
             "leave-active-class": e.scale.leaveActive,
             "enter-from-class": e.scale.enterFrom,
@@ -3162,7 +3162,7 @@ const vu = P({
   ],
   expose: ["submit"],
   setup(e, { emit: t }) {
-    const n = [], r = ze({
+    const n = [], r = Ie({
       add: (i, u, d, c) => {
         const f = n.find((m) => m.name === i);
         f ? (f.focus = u, f.validate = d, f.setError = c) : n.push({
@@ -3182,8 +3182,8 @@ const vu = P({
     });
     Se(on, r), pe(() => {
       e.autoFocus && n && n.length > 0 && n[0].focus();
-    }), q(() => e.errors, (i) => {
-      i && Ge(() => {
+    }), G(() => e.errors, (i) => {
+      i && qe(() => {
         if (Array.isArray(i))
           i.forEach((u) => {
             const d = n.find((c) => c.name === u.field);
@@ -3221,7 +3221,7 @@ function mu(e, t, n, r, a, s) {
     class: h([
       e.computedClasses
     ]),
-    onSubmit: t[0] || (t[0] = _e((...o) => e.submit && e.submit(...o), ["prevent"]))
+    onSubmit: t[0] || (t[0] = Oe((...o) => e.submit && e.submit(...o), ["prevent"]))
   }, [
     L(e.$slots, "default", { loading: e.loading })
   ], 38);
@@ -3329,7 +3329,7 @@ const Tu = P({
     ]), o = p(() => [
       $u
     ]);
-    return q(() => e.timeout, () => {
+    return G(() => e.timeout, () => {
       r();
     }), {
       show: n,
@@ -3396,7 +3396,7 @@ const Tu = P({
   Vu
 ], Fu = { class: "m-message" };
 function Hu(e, t, n, r, a, s) {
-  return v(), ne(Je, {
+  return v(), ne(Ze, {
     type: "animation",
     "enter-active-class": e.scale.enterActive,
     "leave-active-class": e.scale.leaveActive,
@@ -3460,7 +3460,7 @@ const Wu = /* @__PURE__ */ V(Tu, [["render", Hu]]), xu = P({
     };
     Se("m-message", a);
     function s(u, d) {
-      const c = Math.random().toString(16).slice(2, 14), f = ze({
+      const c = Math.random().toString(16).slice(2, 14), f = Ie({
         ...d,
         content: u,
         key: c,
@@ -3505,7 +3505,7 @@ function Ku(e, t, n, r, a, s) {
       key: 0,
       to: "body"
     }, [
-      J(Je, {
+      J(Ze, {
         type: "animation",
         "enter-active-class": e.modalScale.enterActive,
         "leave-active-class": e.modalScale.leaveActive,
@@ -3607,7 +3607,7 @@ const ud = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   emits: ["open"],
   setup(e, { emit: t, slots: n }) {
-    const { nextZIndex: r } = et(), a = b(!1), s = b(), o = Nt(), l = b(e.zIndex ?? r()), i = p(() => !!n.sidebar), u = p(() => !!n.footer), d = b(), c = p(() => {
+    const { nextZIndex: r } = Qe(), a = b(!1), s = b(), o = Nt(), l = b(e.zIndex ?? r()), i = p(() => !!n.sidebar), u = p(() => !!n.footer), d = b(), c = p(() => {
       const { width: z, height: $ } = e, S = {};
       return z !== void 0 && (S.width = typeof z == "number" ? `${z}px` : z), $ !== void 0 && (S.height = typeof $ == "number" ? `${$}px` : $), d.value && (S.transformOrigin = d.value), S;
     }), f = p(() => [
@@ -3881,7 +3881,7 @@ const bd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function d(c) {
       e.loading || t("update:page", c);
     }
-    return q(() => e.page, (c) => {
+    return G(() => e.page, (c) => {
       t("update:page", c);
     }, { immediate: !0 }), {
       realTotal: n,
@@ -4231,7 +4231,7 @@ const Qd = P({
       set(o) {
         n(o);
       }
-    }), a = ze({
+    }), a = Ie({
       size: X(e, "size"),
       name: X(e, "name"),
       modelValue: r,
@@ -4277,14 +4277,14 @@ const ac = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       default: !1
     }
   },
-  emits: ["close"],
+  emits: {
+    close: (e) => !0
+  },
   setup(e, { emit: t }) {
     return {
-      computedClasses: p(() => [
-        ha
-      ]),
-      close: () => {
-        t("close");
+      computedClasses: p(() => [ha]),
+      close: (a) => {
+        t("close", a);
       },
       style: ac
     };
@@ -4319,12 +4319,12 @@ function uc(e, t, n, r, a, s) {
     ]),
     e.closeable ? (v(), y("button", {
       key: 0,
-      onClick: t[0] || (t[0] = _e((...o) => e.close && e.close(...o), ["stop"])),
+      onMousedown: t[0] || (t[0] = Oe((...o) => e.close && e.close(...o), ["stop"])),
       class: h(e.style.close),
       tabindex: "0"
     }, [
       (v(), y("svg", sc, ic))
-    ], 2)) : N("", !0)
+    ], 34)) : N("", !0)
   ], 2);
 }
 const ga = /* @__PURE__ */ V(oc, [["render", uc]]);
@@ -4462,37 +4462,37 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       if (!e.options || e.options.length == 0)
         return [];
       if (e.searchable && c.value) {
-        let ee = e.options.filter((U) => U[e.optionLabel].toLowerCase().includes(c.value.toLowerCase())).map((U) => {
-          if (U[e.optionValue] === void 0)
+        let te = e.options.filter((q) => q[e.optionLabel].toLowerCase().includes(c.value.toLowerCase())).map((q) => {
+          if (q[e.optionValue] === void 0)
             throw new Error("Option value is undefined");
-          if (U[e.optionLabel] === void 0)
+          if (q[e.optionLabel] === void 0)
             throw new Error("Option label is undefined");
-          let Oe = U[e.optionValue], Ke;
-          return e.multiple && Array.isArray(S.value) ? Ke = S.value.includes(Oe) : Ke = S.value === Oe, {
-            value: Oe,
-            label: U[e.optionLabel],
-            active: Ke,
-            onClick: () => ue(Oe)
+          let Be = q[e.optionValue], xe;
+          return e.multiple && Array.isArray(S.value) ? xe = S.value.includes(Be) : xe = S.value === Be, {
+            value: Be,
+            label: q[e.optionLabel],
+            active: xe,
+            onClick: () => ue(Be)
           };
         });
-        return e.allowBlank && ee.unshift({
+        return e.allowBlank && te.unshift({
           value: "",
           label: "",
           active: !1,
           onClick: () => ue("")
-        }), ee;
+        }), te;
       }
-      let F = e.options.map((ee) => {
-        if (ee[e.optionValue] === void 0)
+      let F = e.options.map((te) => {
+        if (te[e.optionValue] === void 0)
           throw new Error("Option value is undefined");
-        if (ee[e.optionLabel] === void 0)
+        if (te[e.optionLabel] === void 0)
           throw new Error("Option label is undefined");
-        let U = ee[e.optionValue], Oe;
-        return e.multiple && Array.isArray(S.value) ? Oe = S.value.includes(U) : Oe = S.value === U, {
-          value: U,
-          label: ee[e.optionLabel],
-          active: Oe,
-          onClick: () => ue(U)
+        let q = te[e.optionValue], Be;
+        return e.multiple && Array.isArray(S.value) ? Be = S.value.includes(q) : Be = S.value === q, {
+          value: q,
+          label: te[e.optionLabel],
+          active: Be,
+          onClick: () => ue(q)
         };
       });
       return e.allowBlank && F.unshift({
@@ -4516,36 +4516,36 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         u.value = !0;
       }
     }
-    function ae(F, ee = "down") {
-      if (typeof F > "u" && (F = ee === "down" ? -1 : 1), ee === "down") {
-        let U = F + 1;
-        U > I.value.length - 1 && (U = 0), i.value = U;
+    function ae(F, te = "down") {
+      if (typeof F > "u" && (F = te === "down" ? -1 : 1), te === "down") {
+        let q = F + 1;
+        q > I.value.length - 1 && (q = 0), i.value = q;
       } else {
-        let U = F - 1;
-        U < 0 && (U = I.value.length - 1), i.value = U;
+        let q = F - 1;
+        q < 0 && (q = I.value.length - 1), i.value = q;
       }
     }
     function ue(F) {
       if (I.value.find(
-        (U) => U.value === F
+        (q) => q.value === F
       ))
         if (e.multiple) {
           if (Array.isArray(S.value)) {
-            const U = S.value.indexOf(F);
-            U !== -1 ? S.value.splice(U, 1) : (S.value.push(F), t("update:modelValue", S.value));
+            const q = S.value.indexOf(F);
+            q !== -1 ? S.value.splice(q, 1) : (S.value.push(F), t("update:modelValue", S.value));
           } else
             S.value = [F];
           j();
         } else
           S.value = F, u.value = !1;
     }
-    function be(F) {
-      if (e.multiple && Array.isArray(S.value)) {
-        const ee = S.value.indexOf(F);
-        ee !== -1 && S.value.splice(ee, 1), j();
+    function be(F, te) {
+      if (F.preventDefault(), F.stopPropagation(), !!e.multiple && Array.isArray(S.value)) {
+        const q = S.value.indexOf(te);
+        q !== -1 && S.value.splice(q, 1), j();
       }
     }
-    te("resize", () => {
+    ee("resize", () => {
       u.value = !1;
     });
     function se(F) {
@@ -4583,12 +4583,12 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           break;
       }
     }
-    const ke = p(() => `m-transition__${e.transitionName}`), Ie = p(() => [
+    const ke = p(() => `m-transition__${e.transitionName}`), _e = p(() => [
       "m-select__container",
       {
         "m-form__input": R
       }
-    ]), G = p(() => [
+    ]), U = p(() => [
       wa,
       {
         [Qt]: d.value
@@ -4606,12 +4606,12 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     ]);
     function ve(F) {
-      const ee = e.options.find(
-        (U) => U[e.optionValue] === F
+      const te = e.options.find(
+        (q) => q[e.optionValue] === F
       );
-      return ee ? ee[e.optionLabel] : null;
+      return te ? te[e.optionLabel] : null;
     }
-    te(l, "keydown", se), te(o, "keydown", se), ln(
+    ee(l, "keydown", se), ee(o, "keydown", se), ln(
       r,
       () => {
         u.value = !1;
@@ -4619,26 +4619,28 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       { ignore: [o, _] }
     ), ct(() => {
       r.value && u.value && (g.value = r.value.offsetWidth);
-    }), q(i, (F) => {
+    }), G(i, (F) => {
       O.value && typeof F < "u" && s.value && s.value[F].scrollIntoView({
         block: "nearest",
         inline: "nearest"
       });
-    }), q(u, (F) => {
-      Ge(() => {
+    }), G(u, (F) => {
+      qe(() => {
         if (F || (c.value = ""), e.searchable && o.value && o.value.focus(), F && s.value) {
-          const ee = I.value.findIndex(
-            (U) => U.value === S.value
+          const te = I.value.findIndex(
+            (q) => q.value === S.value
           );
-          ee !== -1 && (s.value[ee].scrollIntoView({
+          te !== -1 && (s.value[te].scrollIntoView({
             block: "nearest"
-          }), i.value = ee);
+          }), i.value = te);
         }
         O.value = !1;
       });
     });
-    const ce = p(() => w.value || e.error), xe = p(() => e.multiple && I.value.length == 0 && !c.value ? !1 : u.value), Pt = (F) => {
-      F.preventDefault(), F.stopPropagation(), F.relatedTarget != null && !xe.value && l.value && Y();
+    const ce = p(() => w.value || e.error), et = p(() => e.multiple && I.value.length == 0 && !c.value ? !1 : u.value), Pt = (F) => {
+      setTimeout(() => {
+        l.value && !u.value && Y();
+      }, 10);
     }, tt = (F) => {
       F.preventDefault(), F.stopPropagation(), Y();
     };
@@ -4654,7 +4656,7 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       focusSelect: Pt,
       onSelectClick: tt,
       id: B,
-      isOpen: xe,
+      isOpen: et,
       open: u,
       selected: S,
       selectedMax: D,
@@ -4662,9 +4664,9 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       computedOptions: I,
       selectedIndex: i,
       search: c,
-      containerComputedClasses: Ie,
+      containerComputedClasses: _e,
       selectComputedClasses: de,
-      computedWrapperClasses: G,
+      computedWrapperClasses: U,
       computedConsistentWidth: K,
       getSelectedLabel: ve,
       openSelect: Y,
@@ -4725,8 +4727,8 @@ function Gc(e, t, n, r, a, s) {
       "aria-disabled": e.disabled ? "true" : "false",
       "aria-labelledby": `${e.id}-label`,
       tabindex: "0",
-      onFocusin: t[2] || (t[2] = (...l) => e.focusSelect && e.focusSelect(...l)),
-      onClick: t[3] || (t[3] = (...l) => e.onSelectClick && e.onSelectClick(...l))
+      onMousedown: t[2] || (t[2] = Oe((...l) => e.onSelectClick && e.onSelectClick(...l), ["prevent"])),
+      onFocusin: t[3] || (t[3] = Oe((...l) => e.focusSelect && e.focusSelect(...l), ["stop"]))
     }), [
       T("div", {
         class: h(e.selectComputedClasses)
@@ -4735,7 +4737,7 @@ function Gc(e, t, n, r, a, s) {
           (v(!0), y(Q, null, he(e.selectedMax, (l) => (v(), ne(o, {
             key: l,
             closeable: !0,
-            onClose: (i) => e.removeSelected(l),
+            onClose: (i) => e.removeSelected(i, l),
             size: e.size
           }, {
             default: Z(() => [
@@ -4760,7 +4762,7 @@ function Gc(e, t, n, r, a, s) {
         }, W(e.placeholder), 3))
       ], 2),
       (v(), ne(Le, { to: "body" }, [
-        J(Je, {
+        J(Ze, {
           "enter-active-class": e.scale.enterActive,
           "leave-active-class": e.scale.leaveActive,
           "enter-from-class": e.scale.enterFrom,
@@ -4789,7 +4791,7 @@ function Gc(e, t, n, r, a, s) {
                       [e.style.checkAllButton]: !0,
                       [e.style.checkAllButtonActive]: e.computedOptions.length > 0 && e.computedOptions.length === e.selected.length
                     }),
-                    onClick: t[0] || (t[0] = _e((...l) => e.toggleAllItems && e.toggleAllItems(...l), ["prevent"])),
+                    onClick: t[0] || (t[0] = Oe((...l) => e.toggleAllItems && e.toggleAllItems(...l), ["prevent"])),
                     "aria-description": "Select all items"
                   }, [
                     e.computedOptions.length > 0 && e.computedOptions.length === e.selected.length ? (v(), y("svg", Nc, Hc)) : N("", !0)
@@ -4818,7 +4820,7 @@ function Gc(e, t, n, r, a, s) {
                     [e.style.optionSelected]: l.active,
                     [e.style.optionFocused]: e.selectedIndex === i
                   }),
-                  onClick: _e(l.onClick, ["prevent"]),
+                  onClick: Oe(l.onClick, ["prevent"]),
                   onHover: (u) => e.selectedIndex = i
                 }, [
                   T("span", {
@@ -4937,9 +4939,9 @@ const rf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [$a]: B.value
       }
     ]), w = p(() => f.value || e.error);
-    q(() => e.modelValue, (A) => {
+    G(() => e.modelValue, (A) => {
       B.value = !!A;
-    }, { immediate: !0 }), q(() => B.value, (A) => {
+    }, { immediate: !0 }), G(() => B.value, (A) => {
       n("update:modelValue", A);
     });
     function E() {
@@ -4973,7 +4975,7 @@ const rf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function lf(e, t, n, r, a, s) {
   return v(), y("label", {
     class: h(e.style.base),
-    onClick: t[1] || (t[1] = _e((...o) => e.toggle && e.toggle(...o), ["prevent"]))
+    onClick: t[1] || (t[1] = Oe((...o) => e.toggle && e.toggle(...o), ["prevent"]))
   }, [
     _t(T("input", $e({
       "onUpdate:modelValue": t[0] || (t[0] = (o) => e.checked = o),
@@ -5020,7 +5022,7 @@ const uf = /* @__PURE__ */ V(af, [["render", lf]]), df = P({
       tabsContentRef: b(null),
       selectTab: (c) => {
       },
-      state: ze({
+      state: Ie({
         active: ""
       })
     }), l = p(() => ({
@@ -5057,7 +5059,7 @@ function pf(e, t, n, r, a, s) {
       type: "button",
       ref: "tabRef",
       class: h(e.computedTabClasses),
-      onClick: t[0] || (t[0] = _e((...o) => e.handleClick && e.handleClick(...o), ["prevent"])),
+      onClick: t[0] || (t[0] = Oe((...o) => e.handleClick && e.handleClick(...o), ["prevent"])),
       disabled: e.disabled
     }, [
       L(e.$slots, "tab", {
@@ -5098,7 +5100,7 @@ const vf = /* @__PURE__ */ V(df, [["render", pf]]), mf = P({
     ct(() => {
       s.value = e.modelValue;
     });
-    const o = ze({
+    const o = Ie({
       active: p(() => s.value)
     }), l = p(() => ({
       "m-tab-group": !0,
@@ -5352,7 +5354,7 @@ function Df(e, t, n, r, a, s) {
                     modelValue: e.selected,
                     "onUpdate:modelValue": t[0] || (t[0] = (O) => e.selected = O),
                     value: f,
-                    onClick: t[1] || (t[1] = _e(() => {
+                    onClick: t[1] || (t[1] = Oe(() => {
                     }, ["stop"]))
                   }, null, 8, ["modelValue", "value"])
                 ]),
@@ -5588,7 +5590,7 @@ const ep = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e) {
-    const { nextZIndex: t } = et(), n = X(e, "placement"), r = X(e, "transfer"), a = b(null), s = b(null), o = b(!1), l = b(e.zIndex ?? t()), i = b(null), u = p(() => {
+    const { nextZIndex: t } = Qe(), n = X(e, "placement"), r = X(e, "transfer"), a = b(null), s = b(null), o = b(!1), l = b(e.zIndex ?? t()), i = b(null), u = p(() => {
       switch (n.value) {
         case "top":
           return [0, 8];
@@ -5614,7 +5616,7 @@ const ep = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [ja]: e.reverse
       }
     ]);
-    q(
+    G(
       () => o.value,
       (k) => {
         k && f();
@@ -5655,7 +5657,7 @@ function rp(e, t, n, r, a, s) {
       L(e.$slots, "default")
     ], 512),
     (v(), ne(Le, { to: e.transferTo }, [
-      J(Je, {
+      J(Ze, {
         "enter-active-class": e.fade.enterActive,
         "leave-active-class": e.fade.leaveActive,
         "enter-from-class": e.fade.enterFrom,
@@ -5963,7 +5965,7 @@ const kp = /* @__PURE__ */ V(wp, [["render", $p]]), Cp = {
   props: Cp,
   setup(e, { slots: t }) {
     const n = b();
-    et();
+    Qe();
     async function r(s) {
       var o;
       (o = n.value) == null || o.close(), e.onCancel && await e.onCancel(s);
@@ -6140,7 +6142,7 @@ const Fp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       handle: a,
       preventDefault: !0
       // containerElement: wrapper,
-    }), { nextZIndex: l } = et(), i = p(() => ({
+    }), { nextZIndex: l } = Qe(), i = p(() => ({
       [Da]: !0,
       [Pa]: e.backdrop === !0
     })), u = p(() => typeof e.width == "number" ? e.width + "px" : e.width), d = b(e.zIndex ?? l());
@@ -6242,7 +6244,7 @@ function bt(e) {
 }
 function Xp(e) {
   const t = p(e), n = b(t.value);
-  return q(t, (r) => {
+  return G(t, (r) => {
     n.value = r;
   }), typeof e == "function" ? n : {
     __v_isRef: !0,
@@ -6693,24 +6695,24 @@ var He = function(e) {
       return !0;
   }
   return !1;
-}, lt = typeof window < "u" ? window : {}, kt = /* @__PURE__ */ new WeakMap(), Zn = /auto|scroll/, Sv = /^tb|vertical/, Tv = /msie|trident/i.test(lt.navigator && lt.navigator.userAgent), Be = function(e) {
+}, lt = typeof window < "u" ? window : {}, kt = /* @__PURE__ */ new WeakMap(), Zn = /auto|scroll/, Sv = /^tb|vertical/, Tv = /msie|trident/i.test(lt.navigator && lt.navigator.userAgent), Ee = function(e) {
   return parseFloat(e || "0");
-}, qe = function(e, t, n) {
+}, Ke = function(e, t, n) {
   return e === void 0 && (e = 0), t === void 0 && (t = 0), n === void 0 && (n = !1), new kv((n ? t : e) || 0, (n ? e : t) || 0);
 }, Jn = He({
-  devicePixelContentBoxSize: qe(),
-  borderBoxSize: qe(),
-  contentBoxSize: qe(),
+  devicePixelContentBoxSize: Ke(),
+  borderBoxSize: Ke(),
+  contentBoxSize: Ke(),
   contentRect: new Ka(0, 0, 0, 0)
 }), Ga = function(e, t) {
   if (t === void 0 && (t = !1), kt.has(e) && !t)
     return kt.get(e);
   if (qa(e))
     return kt.set(e, Jn), Jn;
-  var n = getComputedStyle(e), r = gn(e) && e.ownerSVGElement && e.getBBox(), a = !Tv && n.boxSizing === "border-box", s = Sv.test(n.writingMode || ""), o = !r && Zn.test(n.overflowY || ""), l = !r && Zn.test(n.overflowX || ""), i = r ? 0 : Be(n.paddingTop), u = r ? 0 : Be(n.paddingRight), d = r ? 0 : Be(n.paddingBottom), c = r ? 0 : Be(n.paddingLeft), f = r ? 0 : Be(n.borderTopWidth), m = r ? 0 : Be(n.borderRightWidth), g = r ? 0 : Be(n.borderBottomWidth), O = r ? 0 : Be(n.borderLeftWidth), k = c + u, M = i + d, B = O + m, R = f + g, C = l ? e.offsetHeight - R - e.clientHeight : 0, w = o ? e.offsetWidth - B - e.clientWidth : 0, E = a ? k + B : 0, A = a ? M + R : 0, _ = r ? r.width : Be(n.width) - E - w, j = r ? r.height : Be(n.height) - A - C, z = _ + k + w + B, $ = j + M + C + R, S = He({
-    devicePixelContentBoxSize: qe(Math.round(_ * devicePixelRatio), Math.round(j * devicePixelRatio), s),
-    borderBoxSize: qe(z, $, s),
-    contentBoxSize: qe(_, j, s),
+  var n = getComputedStyle(e), r = gn(e) && e.ownerSVGElement && e.getBBox(), a = !Tv && n.boxSizing === "border-box", s = Sv.test(n.writingMode || ""), o = !r && Zn.test(n.overflowY || ""), l = !r && Zn.test(n.overflowX || ""), i = r ? 0 : Ee(n.paddingTop), u = r ? 0 : Ee(n.paddingRight), d = r ? 0 : Ee(n.paddingBottom), c = r ? 0 : Ee(n.paddingLeft), f = r ? 0 : Ee(n.borderTopWidth), m = r ? 0 : Ee(n.borderRightWidth), g = r ? 0 : Ee(n.borderBottomWidth), O = r ? 0 : Ee(n.borderLeftWidth), k = c + u, M = i + d, B = O + m, R = f + g, C = l ? e.offsetHeight - R - e.clientHeight : 0, w = o ? e.offsetWidth - B - e.clientWidth : 0, E = a ? k + B : 0, A = a ? M + R : 0, _ = r ? r.width : Ee(n.width) - E - w, j = r ? r.height : Ee(n.height) - A - C, z = _ + k + w + B, $ = j + M + C + R, S = He({
+    devicePixelContentBoxSize: Ke(Math.round(_ * devicePixelRatio), Math.round(j * devicePixelRatio), s),
+    borderBoxSize: Ke(z, $, s),
+    contentBoxSize: Ke(_, j, s),
     contentRect: new Ka(c, i, _, j)
   });
   return kt.set(e, S), S;
@@ -7877,7 +7879,7 @@ function zm(e, t, n, r, a, s) {
 }
 const Im = /* @__PURE__ */ V(Am, [["render", zm]]);
 function _m(e, t) {
-  return q(e, (n) => {
+  return G(e, (n) => {
     n !== void 0 && (t.value = n);
   }), p(() => e.value === void 0 ? t.value : e.value);
 }
@@ -8112,5 +8114,5 @@ export {
   th as useConfirm,
   eh as useMessage,
   Dt as usePopper,
-  et as useZIndex
+  Qe as useZIndex
 };