@teammodlr/ui-kit 2.1.36 → 2.1.38

package/lib/index.es.js

@@ -105,11 +105,11 @@ const mr = Symbol("AVATAR_GROUP_STATE"), Eo = P({
     error: (e) => !0
   },
   setup(e, { emit: t }) {
-    const n = fe(mr, void 0), r = b(null), a = b(!0), s = b("md"), o = p(() => n == null ? void 0 : n.size), l = p(() => n == null ? void 0 : n.rounded), i = p(() => !!n), u = p(() => o.value || e.size), d = p(() => l.value || e.rounded), c = p(() => [
+    const n = fe(mr, void 0), r = b(null), a = b(!0), s = b("md"), o = p(() => n == null ? void 0 : n.size), l = p(() => n == null ? void 0 : n.rounded), u = p(() => !!n), i = p(() => o.value || e.size), d = p(() => l.value || e.rounded), c = p(() => [
       So,
-      [Bo[u.value]],
+      [Bo[i.value]],
       {
-        [Mo]: i.value,
+        [Mo]: u.value,
         [Oo]: d.value
       }
     ]), f = (m) => {
@@ -191,12 +191,12 @@ function Lo(e, t, n, r, a, s) {
   return v(), y("ul", {
     class: h(e.style.base)
   }, [
-    (v(!0), y(Q, null, he(e.avatars, (l, i) => (v(), y("li", {
-      key: i,
+    (v(!0), y(Q, null, he(e.avatars, (l, u) => (v(), y("li", {
+      key: u,
       class: h(e.style.item)
     }, [
       T("div", {
-        style: re([{ display: "inline-block", position: "relative", outline: "0" }, { zIndex: e.avatars.length - i }])
+        style: re([{ display: "inline-block", position: "relative", outline: "0" }, { zIndex: e.avatars.length - u }])
       }, [
         J(o, {
           src: l.src,
@@ -414,7 +414,7 @@ const br = Symbol("BUTTON_GROUP_STATE"), on = Symbol("FORM_STATE"), hs = P({
     }
   },
   setup(e, { slots: t }) {
-    const n = fe(br, null), r = fe(on, null), a = fe("dropdown", null), s = b("md"), o = b(!1), l = b(0), i = X(e, "loading"), u = p(() => a == null ? void 0 : a.isOpen.value), d = p(() => n == null ? void 0 : n.size), c = p(() => d.value || e.size), f = p(() => !!t["icon-left"]), m = p(() => !!t["icon-right"]), g = p(() => [
+    const n = fe(br, null), r = fe(on, null), a = fe("dropdown", null), s = b("md"), o = b(!1), l = b(0), u = X(e, "loading"), i = p(() => a == null ? void 0 : a.isOpen.value), d = p(() => n == null ? void 0 : n.size), c = p(() => d.value || e.size), f = p(() => !!t["icon-left"]), m = p(() => !!t["icon-right"]), g = p(() => [
       ts,
       [fs[c.value]],
       ps[e.variant],
@@ -424,7 +424,7 @@ const br = Symbol("BUTTON_GROUP_STATE"), on = Symbol("FORM_STATE"), hs = P({
         [ns]: e.block,
         [is[e.variant]]: e.link,
         [os]: e.icon,
-        [us]: (r == null ? void 0 : r.loading) || i.value
+        [us]: (r == null ? void 0 : r.loading) || u.value
       }
     ]), O = p(() => [
       vs,
@@ -441,7 +441,7 @@ const br = Symbol("BUTTON_GROUP_STATE"), on = Symbol("FORM_STATE"), hs = P({
     }), _t(() => {
       l.value && clearTimeout(l.value);
     }), {
-      dropdownOpen: u,
+      dropdownOpen: i,
       computedClasses: g,
       computedWaveClasses: O,
       computedBorderClasses: k,
@@ -552,7 +552,7 @@ const oe = (e, {
   emit: n,
   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);
+  const a = b(!0), s = b(e.error), { id: o } = wr("input"), l = e.name ? e.name : o.value, u = b(l);
   G(
     () => e.error,
     (g) => s.value = g
@@ -560,7 +560,7 @@ const oe = (e, {
     () => e.name,
     (g) => l.value = g
   );
-  const u = fe(on, null), d = () => {
+  const i = fe(on, null), d = () => {
     s.value = "", a.value = !0, n("update:modelValue", "");
   }, c = (g) => {
     s.value = g;
@@ -594,8 +594,8 @@ const oe = (e, {
     change: (g) => n("change", g)
   })) : {};
   return pe(() => {
-    u == null || u.add(
-      i.value,
+    i == null || i.add(
+      u.value,
       t,
       // @ts-ignore
       f,
@@ -603,20 +603,20 @@ const oe = (e, {
       c
     );
   }), cr(() => {
-    u == null || u.remove(i.value);
+    i == null || i.remove(u.value);
   }), {
     id: o,
     isFirstValidation: a,
     formError: s,
-    insideForm: (u == null ? void 0 : u.insideForm) ?? !1,
+    insideForm: (i == null ? void 0 : i.insideForm) ?? !1,
     inputListeners: m,
     reset: d,
     validate: f,
     setError: c,
     //@ts-ignore
-    formDisabled: (u == null ? void 0 : u.disabled.value) || !1,
+    formDisabled: (i == null ? void 0 : i.disabled.value) || !1,
     //@ts-ignore
-    formLoading: (u == null ? void 0 : u.loading.value) || !1
+    formLoading: (i == null ? void 0 : i.loading.value) || !1
   };
 };
 oe.emits = (e = !0) => e ? ["update:modelValue", "blur", "focus", "input", "change"] : ["update:modelValue"];
@@ -684,22 +684,22 @@ const Os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       type: Boolean,
       default: !1
     },
-    value: {
-      // type: [String, Number, Boolean, Object, Array]
-    }
+    value: {}
   },
   setup(e, { slots: t, emit: n, expose: r }) {
     const a = b(null), { focus: s, blur: o } = me(a), {
       id: l,
-      insideForm: i,
-      reset: u,
+      insideForm: u,
+      reset: i,
       validate: d,
       setError: c,
       formError: f,
       formDisabled: m,
       formLoading: g,
       inputListeners: O
-    } = oe(e, { focus: s, emit: n }), k = p(() => m || e.disabled || e.loading), M = X(e, "name"), B = p(() => !!t.default), R = p(() => [
+    } = oe(e, { focus: s, emit: n }), k = p(
+      () => m || e.disabled || e.loading
+    ), M = X(e, "name"), B = p(() => !!t.default), R = p(() => [
       $r,
       [Sr[e.size]],
       {
@@ -722,8 +722,8 @@ const Os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), {
       id: l,
       formError: f,
-      insideForm: i,
-      reset: u,
+      insideForm: u,
+      reset: i,
       validate: d,
       setError: c,
       onChange: E,
@@ -768,7 +768,7 @@ function Rs(e, t, n, r, a, s) {
       id: `${e.id}-label`
     }, [
       e.hasSlot ? L(e.$slots, "default", { key: 0 }) : (v(), y(Q, { key: 1 }, [
-        ue(W(e.label), 1)
+        ue(W(e.label) + " sd ", 1)
       ], 64))
     ], 10, As)
   ], 2);
@@ -824,7 +824,7 @@ function ee(...e) {
   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 = G(
+  }, l = (d, c, f, m) => (d.addEventListener(c, f, m), () => d.removeEventListener(c, f, m)), u = G(
     () => [Ve(t), Ae(a)],
     ([d, c]) => {
       if (o(), !d)
@@ -835,10 +835,10 @@ function ee(...e) {
       );
     },
     { immediate: !0, flush: "post" }
-  ), u = () => {
-    i(), o();
+  ), i = () => {
+    u(), o();
   };
-  return zs(u), u;
+  return zs(i), i;
 }
 let Bn = !1;
 function un(e, t, n = {}) {
@@ -847,7 +847,7 @@ function un(e, t, n = {}) {
     return;
   js && !Bn && (Bn = !0, Array.from(r.document.body.children).forEach((f) => f.addEventListener("click", Xt)), r.document.documentElement.addEventListener("click", Xt));
   let l = !0;
-  const i = (f) => a.some((m) => {
+  const u = (f) => a.some((m) => {
     if (typeof m == "string")
       return Array.from(r.document.querySelectorAll(m)).some((g) => g === f.target || f.composedPath().includes(g));
     {
@@ -858,7 +858,7 @@ function un(e, t, n = {}) {
     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) {
+        if (f.detail === 0 && (l = !u(f)), !l) {
           l = !0;
           return;
         }
@@ -867,7 +867,7 @@ function un(e, t, n = {}) {
     }, { passive: !0, capture: s }),
     ee(r, "pointerdown", (f) => {
       const m = Ve(e);
-      m && (l = !f.composedPath().includes(m) && !i(f));
+      m && (l = !f.composedPath().includes(m) && !u(f));
     }, { passive: !0 }),
     o && ee(r, "blur", (f) => {
       setTimeout(() => {
@@ -896,8 +896,8 @@ function Ns(e, t = {}) {
     preventDefault: s,
     stopPropagation: o,
     exact: l,
-    onMove: i,
-    onEnd: u,
+    onMove: u,
+    onEnd: i,
     onStart: d,
     initialValue: c,
     axis: f = "both",
@@ -924,9 +924,9 @@ function Ns(e, t = {}) {
     (f === "x" || f === "both") && (I = A.clientX - M.value.x), (f === "y" || f === "both") && (j = A.clientY - M.value.y), k.value = {
       x: I,
       y: j
-    }, i == null || i(k.value, A), R(A);
+    }, u == null || u(k.value, A), R(A);
   }, E = (A) => {
-    B(A) && M.value && (M.value = void 0, u == null || u(k.value, A), R(A));
+    B(A) && M.value && (M.value = void 0, i == null || i(k.value, A), R(A));
   };
   if (ln) {
     const A = { capture: (r = t.capture) != null ? r : !0 };
@@ -966,25 +966,25 @@ function Ws(e = {}) {
     window: s = Je,
     target: o = s,
     scroll: l = !0,
-    eventFilter: i
+    eventFilter: u
   } = e;
-  let u = null;
+  let i = null;
   const d = b(a.x), c = b(a.y), f = b(null), m = typeof t == "function" ? t : Hs[t], g = (w) => {
     const E = m(w);
-    u = w, E && ([d.value, c.value] = E, f.value = "mouse");
+    i = w, E && ([d.value, c.value] = E, f.value = "mouse");
   }, O = (w) => {
     if (w.touches.length > 0) {
       const E = m(w.touches[0]);
       E && ([d.value, c.value] = E, f.value = "touch");
     }
   }, k = () => {
-    if (!u || !s)
+    if (!i || !s)
       return;
-    const w = m(u);
-    u instanceof MouseEvent && w && (d.value = w[0] + s.scrollX, c.value = w[1] + s.scrollY);
+    const w = m(i);
+    i instanceof MouseEvent && w && (d.value = w[0] + s.scrollX, c.value = w[1] + s.scrollY);
   }, M = () => {
     d.value = a.x, c.value = a.y;
-  }, B = i ? (w) => i(() => g(w), {}) : (w) => g(w), R = i ? (w) => i(() => O(w), {}) : (w) => O(w), C = i ? () => i(() => k(), {}) : () => k();
+  }, B = u ? (w) => u(() => g(w), {}) : (w) => g(w), R = u ? (w) => u(() => O(w), {}) : (w) => O(w), C = u ? () => u(() => k(), {}) : () => k();
   if (o) {
     const w = { 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 });
@@ -999,7 +999,7 @@ function Mr(e, t = {}) {
   const {
     handleOutside: n = !0,
     window: r = Je
-  } = t, { x: a, y: s, sourceType: o } = Ws(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);
+  } = t, { x: a, y: s, sourceType: o } = Ws(t), l = b(e ?? (r == null ? void 0 : r.document.body)), u = b(0), i = b(0), d = b(0), c = b(0), f = b(0), m = b(0), g = b(!0);
   let O = () => {
   };
   return r && (O = G(
@@ -1016,7 +1016,7 @@ function Mr(e, t = {}) {
       } = k.getBoundingClientRect();
       d.value = M + r.pageXOffset, c.value = B + r.pageYOffset, f.value = C, m.value = R;
       const w = a.value - d.value, E = s.value - c.value;
-      g.value = R === 0 || C === 0 || w < 0 || E < 0 || w > R || E > C, (n || !g.value) && (i.value = w, u.value = E);
+      g.value = R === 0 || C === 0 || w < 0 || E < 0 || w > R || E > C, (n || !g.value) && (u.value = w, i.value = E);
     },
     { immediate: !0 }
   ), ee(document, "mouseleave", () => {
@@ -1025,8 +1025,8 @@ function Mr(e, t = {}) {
     x: a,
     y: s,
     sourceType: o,
-    elementX: i,
-    elementY: u,
+    elementX: u,
+    elementY: i,
     elementPositionX: d,
     elementPositionY: c,
     elementHeight: f,
@@ -1039,22 +1039,23 @@ function Or(e = {}) {
   const {
     touch: t = !0,
     drag: n = !0,
-    initialValue: r = !1,
-    window: a = Je
-  } = e, s = b(r), o = b(null);
-  if (!a)
+    capture: r = !1,
+    initialValue: a = !1,
+    window: s = Je
+  } = e, o = b(a), l = b(null);
+  if (!s)
     return {
-      pressed: s,
-      sourceType: o
+      pressed: o,
+      sourceType: l
     };
-  const l = (d) => () => {
-    s.value = !0, o.value = d;
+  const u = (c) => () => {
+    o.value = !0, l.value = c;
   }, i = () => {
-    s.value = !1, o.value = null;
-  }, u = p(() => Ve(e.target) || a);
-  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
+    o.value = !1, l.value = null;
+  }, d = p(() => Ve(e.target) || s);
+  return ee(d, "mousedown", u("mouse"), { passive: !0, capture: r }), ee(s, "mouseleave", i, { passive: !0, capture: r }), ee(s, "mouseup", i, { passive: !0, capture: r }), n && (ee(d, "dragstart", u("mouse"), { passive: !0, capture: r }), ee(s, "drop", i, { passive: !0, capture: r }), ee(s, "dragend", i, { passive: !0, capture: r })), t && (ee(d, "touchstart", u("touch"), { passive: !0, capture: r }), ee(s, "touchend", i, { passive: !0, capture: r }), ee(s, "touchcancel", i, { passive: !0, capture: r })), {
+    pressed: o,
+    sourceType: l
   };
 }
 var xs = "_1wz91949", Ks = "_1wz91947", qs = "_1wz91944", Gs = "_1wz91940", Us = "_1wz91942", Xs = "_1wz91943", Ys = "_1wz91945", Zs = "_1wz91946", Js = "_1wz91941", Qs = "_1wz91948";
@@ -1077,28 +1078,28 @@ const tl = (e, t, n, r) => {
   return `#${a}${s}${o}${r >= 1 ? "" : l}`;
 }, nl = (e, t = 0, n = 0, r = 0, a = 0) => {
   e = e.replace("#", "");
-  let s = t, o = n, l = r, i = a;
-  return e.length >= 2 && (s = parseInt(e.substring(0, 2), 16)), e.length >= 4 ? o = parseInt(e.substring(2, 4), 16) : o = 0, e.length >= 6 ? l = parseInt(e.substring(4, 6), 16) : l = 0, e.length >= 8 ? i = parseInt(e.substring(6, 8), 16) / 255 : i = 1, (isNaN(s) || isNaN(o) || isNaN(l) || isNaN(i)) && (s = 0, l = 0, o = 0, i = 1), {
+  let s = t, o = n, l = r, u = a;
+  return e.length >= 2 && (s = parseInt(e.substring(0, 2), 16)), e.length >= 4 ? o = parseInt(e.substring(2, 4), 16) : o = 0, e.length >= 6 ? l = parseInt(e.substring(4, 6), 16) : l = 0, e.length >= 8 ? u = parseInt(e.substring(6, 8), 16) / 255 : u = 1, (isNaN(s) || isNaN(o) || isNaN(l) || isNaN(u)) && (s = 0, l = 0, o = 0, u = 1), {
     r: s,
     g: o,
     b: l,
-    a: i
+    a: u
   };
 }, En = (e, t, n) => {
   const r = Math.max(e, t, n), a = Math.min(e, t, n), s = r - a, o = r;
   let l = 0;
   r !== 0 && (l = s / r);
-  let i = 0;
-  return s !== 0 && (r === e ? i = (t - n) / s % 6 : r === t ? i = (n - e) / s + 2 : i = (e - t) / s + 4, i *= 60, i < 0 && (i += 360)), {
-    h: i,
+  let u = 0;
+  return s !== 0 && (r === e ? u = (t - n) / s % 6 : r === t ? u = (n - e) / s + 2 : u = (e - t) / s + 4, u *= 60, u < 0 && (u += 360)), {
+    h: u,
     s: l,
     v: o / 255
   };
 }, rl = (e, t, n, r) => {
   const a = e, s = t * n, o = a / 60, l = s * (1 - Math.abs(o % 2 - 1));
-  let i = 0, u = 0, d = 0;
-  o >= 0 && o < 1 ? (i = s, u = l) : o >= 1 && o < 2 ? (i = l, u = s) : o >= 2 && o < 3 ? (u = s, d = l) : o >= 3 && o < 4 ? (u = l, d = s) : o >= 4 && o < 5 ? (i = l, d = s) : (i = s, d = l);
-  const c = t - s, f = Math.round((i + c) * 255), m = Math.round((u + c) * 255), g = Math.round((d + c) * 255);
+  let u = 0, i = 0, d = 0;
+  o >= 0 && o < 1 ? (u = s, i = l) : o >= 1 && o < 2 ? (u = l, i = s) : o >= 2 && o < 3 ? (i = s, d = l) : o >= 3 && o < 4 ? (i = l, d = s) : o >= 4 && o < 5 ? (u = l, d = s) : (u = s, d = l);
+  const c = t - s, f = Math.round((u + c) * 255), m = Math.round((i + c) * 255), g = Math.round((d + c) * 255);
   return {
     r: f,
     g: m,
@@ -1109,7 +1110,7 @@ const tl = (e, t, n, r) => {
   const n = 1 - Math.abs(0), r = e / 360 * 6, a = n * (1 - Math.abs(r % 2 - 1));
   let s = 0, o = 0, l = 0;
   r >= 0 && r < 1 ? (s = n, o = a, l = 0) : r >= 1 && r < 2 ? (s = a, o = n, l = 0) : r >= 2 && r < 3 ? (s = 0, o = n, l = a) : r >= 3 && r < 4 ? (s = 0, o = a, l = n) : r >= 4 && r < 5 ? (s = a, o = 0, l = n) : (s = n, o = 0, l = a);
-  const i = 0.5, u = (1 - n) * (i - 0.5), d = Math.round((s + u) * 255), c = Math.round((o + u) * 255), f = Math.round((l + u) * 255);
+  const u = 0.5, i = (1 - n) * (u - 0.5), d = Math.round((s + i) * 255), c = Math.round((o + i) * 255), f = Math.round((l + i) * 255);
   return {
     r: d,
     g: c,
@@ -1173,11 +1174,11 @@ function yl(e) {
   };
   return Object.assign(t.elements.popper.style, n.popper), t.styles = n, t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow), function() {
     Object.keys(t.elements).forEach(function(r) {
-      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;
+      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(u, i) {
+        return u[i] = "", u;
       }, {});
-      !Ce(a) || !ze(a) || (Object.assign(a.style, l), Object.keys(s).forEach(function(i) {
-        a.removeAttribute(i);
+      !Ce(a) || !ze(a) || (Object.assign(a.style, l), Object.keys(s).forEach(function(u) {
+        a.removeAttribute(u);
       }));
     });
   };
@@ -1207,15 +1208,15 @@ 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 && 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;
+  var o = We(e) ? we(e) : window, l = o.visualViewport, u = !zr() && n, i = (r.left + (u && l ? l.offsetLeft : 0)) / a, d = (r.top + (u && l ? l.offsetTop : 0)) / s, c = r.width / a, f = r.height / s;
   return {
     width: c,
     height: f,
     top: d,
-    right: u + c,
+    right: i + c,
     bottom: d + f,
-    left: u,
-    x: u,
+    left: i,
+    x: i,
     y: d
   };
 }
@@ -1323,9 +1324,9 @@ var Cl = function(t, n) {
   })) : t, jr(typeof t != "number" ? t : Lr(t, pt));
 };
 function Sl(e) {
-  var t, n = e.state, r = e.name, a = e.options, s = n.elements.arrow, o = n.modifiersData.popperOffsets, l = Re(n.placement), i = pn(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), u = pn(l), i = [ye, Me].indexOf(l) >= 0, d = i ? "height" : "width";
   if (!(!s || !o)) {
-    var c = Cl(a.padding, n), f = fn(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 = i;
+    var c = Cl(a.padding, n), f = fn(s), m = u === "y" ? ge : ye, g = u === "y" ? Te : Me, O = n.rects.reference[d] + n.rects.reference[u] - o[u] - n.rects.popper[d], k = o[u] - n.rects.reference[u], M = vt(s), B = M ? u === "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 = u;
     n.modifiersData[r] = (t = {}, t[I] = A, t.centerOffset = A - E, t);
   }
 }
@@ -1359,7 +1360,7 @@ function Bl(e, t) {
   };
 }
 function zn(e) {
-  var t, n = e.popper, r = e.popperRect, a = e.placement, s = e.variation, o = e.offsets, l = e.position, i = e.gpuAcceleration, u = e.adaptive, d = e.roundOffsets, c = e.isFixed, f = o.x, m = f === void 0 ? 0 : f, g = o.y, O = g === void 0 ? 0 : g, k = typeof d == "function" ? d({
+  var t, n = e.popper, r = e.popperRect, a = e.placement, s = e.variation, o = e.offsets, l = e.position, u = e.gpuAcceleration, i = e.adaptive, d = e.roundOffsets, c = e.isFixed, f = o.x, m = f === void 0 ? 0 : f, g = o.y, O = g === void 0 ? 0 : g, k = typeof d == "function" ? d({
     x: m,
     y: O
   }) : {
@@ -1368,7 +1369,7 @@ function zn(e) {
   };
   m = k.x, O = k.y;
   var M = o.hasOwnProperty("x"), B = o.hasOwnProperty("y"), R = ye, C = ge, w = window;
-  if (u) {
+  if (i) {
     var E = vt(n), A = "clientHeight", I = "clientWidth";
     if (E === we(n) && (E = De(n), je(E).position !== "static" && l === "absolute" && (A = "scrollHeight", I = "scrollWidth")), E = E, a === ge || (a === ye || a === Me) && s === it) {
       C = Te;
@@ -1376,7 +1377,7 @@ function zn(e) {
         // $FlowFixMe[prop-missing]
         E[A]
       );
-      O -= j - r.height, O *= i ? 1 : -1;
+      O -= j - r.height, O *= u ? 1 : -1;
     }
     if (a === ye || (a === ge || a === Te) && s === it) {
       R = Me;
@@ -1384,26 +1385,26 @@ function zn(e) {
         // $FlowFixMe[prop-missing]
         E[I]
       );
-      m -= z - r.width, m *= i ? 1 : -1;
+      m -= z - r.width, m *= u ? 1 : -1;
     }
   }
   var $ = Object.assign({
     position: l
-  }, u && Ol), S = d === !0 ? Bl({
+  }, i && Ol), S = d === !0 ? Bl({
     x: m,
     y: O
   }, we(n)) : {
     x: m,
     y: O
   };
-  if (m = S.x, O = S.y, i) {
+  if (m = S.x, O = S.y, u) {
     var D;
     return Object.assign({}, $, (D = {}, D[C] = B ? "0" : "", D[R] = M ? "0" : "", D.transform = (w.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + O + "px)" : "translate3d(" + m + "px, " + O + "px, 0)", D));
   }
   return Object.assign({}, $, (t = {}, t[C] = B ? O + "px" : "", t[R] = M ? m + "px" : "", t.transform = "", t));
 }
 function El(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 = {
+  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, u = l === void 0 ? !0 : l, i = {
     placement: Re(t.placement),
     variation: Ye(t.placement),
     popper: t.elements.popper,
@@ -1411,16 +1412,16 @@ function El(e) {
     gpuAcceleration: a,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, zn(Object.assign({}, u, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, zn(Object.assign({}, i, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
     adaptive: o,
-    roundOffsets: i
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, zn(Object.assign({}, u, {
+    roundOffsets: u
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, zn(Object.assign({}, i, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
-    roundOffsets: i
+    roundOffsets: u
   })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-placement": t.placement
   });
@@ -1436,13 +1437,13 @@ var ht = {
   passive: !0
 };
 function Rl(e) {
-  var t = e.state, n = e.instance, r = e.options, a = r.scroll, s = a === void 0 ? !0 : a, o = r.resize, l = o === void 0 ? !0 : o, i = we(t.elements.popper), u = [].concat(t.scrollParents.reference, t.scrollParents.popper);
-  return s && u.forEach(function(d) {
+  var t = e.state, n = e.instance, r = e.options, a = r.scroll, s = a === void 0 ? !0 : a, o = r.resize, l = o === void 0 ? !0 : o, u = we(t.elements.popper), i = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return s && i.forEach(function(d) {
     d.addEventListener("scroll", n.update, ht);
-  }), l && i.addEventListener("resize", n.update, ht), function() {
-    s && u.forEach(function(d) {
+  }), l && u.addEventListener("resize", n.update, ht), function() {
+    s && i.forEach(function(d) {
       d.removeEventListener("scroll", n.update, ht);
-    }), l && i.removeEventListener("resize", n.update, ht);
+    }), l && u.removeEventListener("resize", n.update, ht);
   };
 }
 const zl = {
@@ -1485,26 +1486,26 @@ function mn(e) {
   return Xe(De(e)).left + vn(e).scrollLeft;
 }
 function jl(e, t) {
-  var n = we(e), r = De(e), a = n.visualViewport, s = r.clientWidth, o = r.clientHeight, l = 0, i = 0;
+  var n = we(e), r = De(e), a = n.visualViewport, s = r.clientWidth, o = r.clientHeight, l = 0, u = 0;
   if (a) {
     s = a.width, o = a.height;
-    var u = zr();
-    (u || !u && t === "fixed") && (l = a.offsetLeft, i = a.offsetTop);
+    var i = zr();
+    (i || !i && t === "fixed") && (l = a.offsetLeft, u = a.offsetTop);
   }
   return {
     width: s,
     height: o,
     x: l + mn(e),
-    y: i
+    y: u
   };
 }
 function Ll(e) {
-  var t, n = De(e), r = vn(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, s = Ne(n.scrollWidth, n.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), o = Ne(n.scrollHeight, n.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), l = -r.scrollLeft + mn(e), i = -r.scrollTop;
+  var t, n = De(e), r = vn(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, s = Ne(n.scrollWidth, n.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), o = Ne(n.scrollHeight, n.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), l = -r.scrollLeft + mn(e), u = -r.scrollTop;
   return je(a || n).direction === "rtl" && (l += Ne(n.clientWidth, a ? a.clientWidth : 0) - s), {
     width: s,
     height: o,
     x: l,
-    y: i
+    y: u
   };
 }
 function hn(e) {
@@ -1545,62 +1546,62 @@ function Pl(e) {
   }) : [];
 }
 function Vl(e, t, n, r) {
-  var a = t === "clippingParents" ? Pl(e) : [].concat(t), s = [].concat(a, [n]), o = s[0], l = s.reduce(function(i, u) {
-    var d = In(e, u, r);
-    return i.top = Ne(d.top, i.top), i.right = At(d.right, i.right), i.bottom = At(d.bottom, i.bottom), i.left = Ne(d.left, i.left), i;
+  var a = t === "clippingParents" ? Pl(e) : [].concat(t), s = [].concat(a, [n]), o = s[0], l = s.reduce(function(u, i) {
+    var d = In(e, i, r);
+    return u.top = Ne(d.top, u.top), u.right = At(d.right, u.right), u.bottom = At(d.bottom, u.bottom), u.left = Ne(d.left, u.left), u;
   }, In(e, o, 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 ? 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;
+  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, u;
   switch (a) {
     case ge:
-      i = {
+      u = {
         x: o,
         y: t.y - n.height
       };
       break;
     case Te:
-      i = {
+      u = {
         x: o,
         y: t.y + t.height
       };
       break;
     case Me:
-      i = {
+      u = {
         x: t.x + t.width,
         y: l
       };
       break;
     case ye:
-      i = {
+      u = {
         x: t.x - n.width,
         y: l
       };
       break;
     default:
-      i = {
+      u = {
         x: t.x,
         y: t.y
       };
   }
-  var u = a ? pn(a) : null;
-  if (u != null) {
-    var d = u === "y" ? "height" : "width";
+  var i = a ? pn(a) : null;
+  if (i != null) {
+    var d = i === "y" ? "height" : "width";
     switch (s) {
       case Ge:
-        i[u] = i[u] - (t[d] / 2 - n[d] / 2);
+        u[i] = u[i] - (t[d] / 2 - n[d] / 2);
         break;
       case it:
-        i[u] = i[u] + (t[d] / 2 - n[d] / 2);
+        u[i] = u[i] + (t[d] / 2 - n[d] / 2);
         break;
     }
   }
-  return i;
+  return u;
 }
 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 ? ol : 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 ? sl : at, R = e.rects.popper, C = e.elements[g ? B : f], w = Vl(We(C) ? C : C.contextElement || De(e.elements.popper), i, d, o), E = Xe(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, u = l === void 0 ? ol : l, i = n.rootBoundary, d = i === void 0 ? Ar : i, 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 ? sl : at, R = e.rects.popper, C = e.elements[g ? B : f], w = Vl(We(C) ? C : C.contextElement || De(e.elements.popper), u, d, o), E = Xe(e.elements.reference), A = Pr({
     reference: E,
     element: R,
     strategy: "absolute",
@@ -1622,10 +1623,10 @@ function ut(e, t) {
 }
 function Nl(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 = Ye(r), c = d ? l ? An : An.filter(function(g) {
+  var n = t, r = n.placement, a = n.boundary, s = n.rootBoundary, o = n.padding, l = n.flipVariations, u = n.allowedAutoPlacements, i = u === void 0 ? Rr : u, d = Ye(r), c = d ? l ? An : An.filter(function(g) {
     return Ye(g) === d;
   }) : pt, f = c.filter(function(g) {
-    return u.indexOf(g) >= 0;
+    return i.indexOf(g) >= 0;
   });
   f.length === 0 && (f = c);
   var m = f.reduce(function(g, O) {
@@ -1649,12 +1650,12 @@ function Fl(e) {
 function Hl(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 = Re(k), B = M === k, R = i || (B || !g ? [Mt(k)] : Fl(k)), C = [k].concat(R).reduce(function(Ie, U) {
+    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, u = n.fallbackPlacements, i = 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 = u || (B || !g ? [Mt(k)] : Fl(k)), C = [k].concat(R).reduce(function(Ie, U) {
       return Ie.concat(Re(U) === dn ? Nl(t, {
         placement: U,
         boundary: d,
         rootBoundary: c,
-        padding: u,
+        padding: i,
         flipVariations: g,
         allowedAutoPlacements: O
       }) : U);
@@ -1664,7 +1665,7 @@ function Hl(e) {
         boundary: d,
         rootBoundary: c,
         altBoundary: f,
-        padding: u
+        padding: i
       }), x = H ? D ? Me : ye : D ? Te : ge;
       w[K] > E[K] && (x = Mt(x));
       var Y = Mt(x), ae = [];
@@ -1726,10 +1727,10 @@ function xl(e) {
     elementContext: "reference"
   }), l = ut(t, {
     altBoundary: !0
-  }), i = jn(o, r), u = jn(l, a, s), d = Ln(i), c = Ln(u);
+  }), u = jn(o, r), i = jn(l, a, s), d = Ln(u), c = Ln(i);
   t.modifiersData[n] = {
-    referenceClippingOffsets: i,
-    popperEscapeOffsets: u,
+    referenceClippingOffsets: u,
+    popperEscapeOffsets: i,
     isReferenceHidden: d,
     hasPopperEscaped: c
   }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
@@ -1759,8 +1760,8 @@ function ql(e, t, n) {
 function Gl(e) {
   var t = e.state, n = e.options, r = e.name, a = n.offset, s = a === void 0 ? [0, 0] : a, o = Rr.reduce(function(d, c) {
     return d[c] = ql(c, t.rects, s), d;
-  }, {}), l = o[t.placement], i = l.x, u = l.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += i, t.modifiersData.popperOffsets.y += u), t.modifiersData[r] = o;
+  }, {}), l = o[t.placement], u = l.x, i = l.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += u, t.modifiersData.popperOffsets.y += i), t.modifiersData[r] = o;
 }
 const Ul = {
   name: "offset",
@@ -1789,9 +1790,9 @@ function Zl(e) {
   return e === "x" ? "y" : "x";
 }
 function Jl(e) {
-  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !1 : o, i = n.boundary, u = n.rootBoundary, d = n.altBoundary, c = n.padding, f = n.tether, m = f === void 0 ? !0 : f, g = n.tetherOffset, O = g === void 0 ? 0 : g, k = ut(t, {
-    boundary: i,
-    rootBoundary: u,
+  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !1 : o, u = n.boundary, i = n.rootBoundary, d = n.altBoundary, c = n.padding, f = n.tether, m = f === void 0 ? !0 : f, g = n.tetherOffset, O = g === void 0 ? 0 : g, k = ut(t, {
+    boundary: u,
+    rootBoundary: i,
     padding: c,
     altBoundary: d
   }), M = Re(t.placement), B = Ye(t.placement), R = !B, C = pn(M), w = Zl(C), E = t.modifiersData.popperOffsets, A = t.rects.reference, I = t.rects.popper, j = typeof O == "function" ? O(Object.assign({}, t.rects, {
@@ -1846,14 +1847,14 @@ function ri(e, t, n) {
   var r = Ce(t), a = Ce(t) && ni(t), s = De(t), o = Xe(e, a, n), l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, i = {
+  }, u = {
     x: 0,
     y: 0
   };
   return (r || !r && !n) && ((ze(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  hn(s)) && (l = ti(t)), Ce(t) ? (i = Xe(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : s && (i.x = mn(s))), {
-    x: o.left + l.scrollLeft - i.x,
-    y: o.top + l.scrollTop - i.y,
+  hn(s)) && (l = ti(t)), Ce(t) ? (u = Xe(t, !0), u.x += t.clientLeft, u.y += t.clientTop) : s && (u.x = mn(s))), {
+    x: o.left + l.scrollLeft - u.x,
+    y: o.top + l.scrollTop - u.y,
     width: o.width,
     height: o.height
   };
@@ -1868,8 +1869,8 @@ function ai(e) {
     var o = [].concat(s.requires || [], s.requiresIfExists || []);
     o.forEach(function(l) {
       if (!n.has(l)) {
-        var i = t.get(l);
-        i && a(i);
+        var u = t.get(l);
+        u && a(u);
       }
     }), r.push(s);
   }
@@ -1922,8 +1923,8 @@ function Pn() {
 function ii(e) {
   e === void 0 && (e = {});
   var t = e, n = t.defaultModifiers, r = n === void 0 ? [] : n, a = t.defaultOptions, s = a === void 0 ? Dn : a;
-  return function(l, i, u) {
-    u === void 0 && (u = s);
+  return function(l, u, i) {
+    i === void 0 && (i = s);
     var d = {
       placement: "bottom",
       orderedModifiers: [],
@@ -1931,7 +1932,7 @@ function ii(e) {
       modifiersData: {},
       elements: {
         reference: l,
-        popper: i
+        popper: u
       },
       attributes: {},
       styles: {}
@@ -1941,7 +1942,7 @@ function ii(e) {
         var B = typeof M == "function" ? M(d.options) : M;
         O(), d.options = Object.assign({}, s, d.options, B), d.scrollParents = {
           reference: We(l) ? st(l) : l.contextElement ? st(l.contextElement) : [],
-          popper: st(i)
+          popper: st(u)
         };
         var R = oi(li([].concat(r, d.options.modifiers)));
         return d.orderedModifiers = R.filter(function(C) {
@@ -1990,10 +1991,10 @@ function ii(e) {
         O(), f = !0;
       }
     };
-    if (!Pn(l, i))
+    if (!Pn(l, u))
       return m;
-    m.setOptions(u).then(function(k) {
-      !f && u.onFirstUpdate && u.onFirstUpdate(k);
+    m.setOptions(i).then(function(k) {
+      !f && i.onFirstUpdate && i.onFirstUpdate(k);
     });
     function g() {
       d.orderedModifiers.forEach(function(k) {
@@ -2039,7 +2040,7 @@ const ci = Object.freeze([
   "right-end"
 ]);
 function Dt(e) {
-  const { placement: t, transfer: n, wrapper: r, isDrop: a = !1 } = e, s = e.reference ?? b(null), o = e.popper ?? b(null), l = b("body"), i = {
+  const { placement: t, transfer: n, wrapper: r, isDrop: a = !1 } = e, s = e.reference ?? b(null), o = e.popper ?? b(null), l = b("body"), u = {
     placement: t.value,
     modifiers: [
       {
@@ -2056,7 +2057,7 @@ function Dt(e) {
       }
     ]
   };
-  a && i.modifiers.push({
+  a && u.modifiers.push({
     name: "setTransformOrigin",
     enabled: !0,
     phase: "afterWrite",
@@ -2064,15 +2065,15 @@ function Dt(e) {
       const B = fi(M.placement);
       B && (M.elements.popper.style.transformOrigin = B);
     }
-  }), e.offset && i.modifiers.push({
+  }), e.offset && u.modifiers.push({
     name: "offset",
     options: {
       offset: e.offset
     }
   });
-  let u = null;
+  let i = null;
   G(t, (M) => {
-    i.placement = M, u && (u == null || u.setOptions({ placement: M }));
+    u.placement = M, i && (i == null || i.setOptions({ placement: M }));
   });
   const d = b(0);
   ct(() => {
@@ -2086,11 +2087,11 @@ function Dt(e) {
   }), _t(k);
   function f() {
     qe(() => {
-      u && u.forceUpdate(), r.value && (d.value = r.value.clientWidth);
+      i && i.forceUpdate(), r.value && (d.value = r.value.clientWidth);
     });
   }
   function m() {
-    k(), u && u.destroy(), O();
+    k(), i && i.destroy(), O();
     const M = G(s, O), B = G(o, O);
     c = () => {
       M(), B();
@@ -2100,14 +2101,14 @@ function Dt(e) {
     l.value = typeof M == "boolean" ? M ? "body" : "" : M;
   }
   function O() {
-    s.value && o.value && (u && u.destroy(), u = di(
+    s.value && o.value && (i && i.destroy(), i = di(
       s.value,
       o.value,
-      i
+      u
     ), f());
   }
   function k() {
-    u && u.destroy(), u = null, typeof c == "function" && (c(), c = null);
+    i && i.destroy(), i = null, typeof c == "function" && (c(), c = null);
   }
   return {
     reference: s,
@@ -2165,8 +2166,8 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       s.value && o();
     });
     const s = b(!1), o = () => {
-      var i, u;
-      t("update:modelValue", Math.min(Math.max(r.value, 0), ((i = n.value) == null ? void 0 : i.clientWidth) || 0) / (((u = n.value) == null ? void 0 : u.clientWidth) || 0) * 100);
+      var u, i;
+      t("update:modelValue", Math.min(Math.max(r.value, 0), ((u = n.value) == null ? void 0 : u.clientWidth) || 0) / (((i = n.value) == null ? void 0 : i.clientWidth) || 0) * 100);
     };
     return {
       setThumbPosition: o,
@@ -2279,8 +2280,8 @@ const Ri = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   setup(e, { slots: t, emit: n, expose: r }) {
     const a = b(null), { focus: s, blur: o } = me(a), {
       id: l,
-      insideForm: i,
-      reset: u,
+      insideForm: u,
+      reset: i,
       inputListeners: d,
       validate: c,
       setError: f,
@@ -2437,7 +2438,7 @@ const Ur = /* @__PURE__ */ N(zi, [["render", ji]]), Li = P({
     MButton: sn
   },
   setup(e, { emit: t }) {
-    const { isSupported: n, open: r, sRGBHex: a } = Fs(), { 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 = _e({
+    const { isSupported: n, open: r, sRGBHex: a } = Fs(), { nextZIndex: s } = Qe(), o = b(!1), l = b(!1), u = b(""), i = 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 = _e({
       x: 0,
       y: 0
     }), A = b(e.zIndex ?? s()), { elementX: I, elementY: j } = Mr(m), { pressed: z } = Or(), { popper: $, transferTo: S, updatePopper: D } = Dt({
@@ -2448,7 +2449,7 @@ const Ur = /* @__PURE__ */ N(zi, [["render", ji]]), Li = P({
       isDrop: !1,
       offset: [-2, 2]
     }), H = p(() => 1 - E.y), K = p(() => E.x), _ = p(() => rl(R.value * 3.6, H.value, K.value, C.value / 100)), x = p(() => al(R.value * 3.6, C.value / 100)), Y = () => {
-      i.value = tl(_.value.r, _.value.g, _.value.b, _.value.a), u.value = _.value.r.toString(), d.value = _.value.g.toString(), c.value = _.value.b.toString(), f.value = _.value.a.toFixed(2).toString(), t("update:modelValue", i.value);
+      u.value = tl(_.value.r, _.value.g, _.value.b, _.value.a), i.value = _.value.r.toString(), d.value = _.value.g.toString(), c.value = _.value.b.toString(), f.value = _.value.a.toFixed(2).toString(), t("update:modelValue", u.value);
     };
     G(() => _.value, () => {
       Y();
@@ -2456,10 +2457,10 @@ const Ur = /* @__PURE__ */ N(zi, [["render", ji]]), Li = P({
     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();
     }, ie = () => {
-      var U = nl(i.value, _.value.r, _.value.g, _.value.b, _.value.a);
+      var U = nl(u.value, _.value.r, _.value.g, _.value.b, _.value.a);
       ae(En(U.r, U.g, U.b), U.a);
     }, be = () => {
-      var U = parseInt(u.value);
+      var U = parseInt(i.value);
       (isNaN(U) || U > 255 || U < 0) && (U = _.value.r);
       var de = parseInt(d.value);
       (isNaN(de) || de > 255 || de < 0) && (de = _.value.g);
@@ -2473,7 +2474,7 @@ const Ur = /* @__PURE__ */ N(zi, [["render", ji]]), Li = P({
     }), G(() => [I.value, j.value], () => {
       w.value && se();
     }), G(() => e.modelValue, () => {
-      i.value = e.modelValue, ie(), console.log("hi");
+      u.value = e.modelValue, ie(), console.log("hi");
     });
     const se = () => {
       var U, de, ve, ce;
@@ -2482,11 +2483,11 @@ const Ur = /* @__PURE__ */ N(zi, [["render", ji]]), Li = P({
       w.value = !0, se();
     };
     return pe(() => {
-      i.value = e.modelValue, ie();
+      u.value = e.modelValue, ie();
     }), un($, (U) => {
       o.value = !1;
     }), G(() => a.value, () => {
-      i.value = a.value, ie();
+      u.value = a.value, ie();
     }), {
       isOpen: o,
       popper: $,
@@ -2498,8 +2499,8 @@ const Ur = /* @__PURE__ */ N(zi, [["render", ji]]), Li = P({
       setInputs: Y,
       rgbOrHex: l,
       hexInputElement: B,
-      hexInput: i,
-      rInput: u,
+      hexInput: u,
+      rInput: i,
       gInput: d,
       bInput: c,
       aInput: f,
@@ -2563,11 +2564,11 @@ const Ur = /* @__PURE__ */ N(zi, [["render", ji]]), Li = P({
   Wi
 ];
 function Ki(e, t, n, r, a, s) {
-  const o = le("MSlider"), l = le("MInput"), i = le("MButton");
+  const o = le("MSlider"), l = le("MInput"), u = le("MButton");
   return v(), y("div", Di, [
     T("div", {
       ref: "referenceRef",
-      onClick: t[0] || (t[0] = (u) => e.isOpen = !e.isOpen),
+      onClick: t[0] || (t[0] = (i) => e.isOpen = !e.isOpen),
       class: h(e.style.reference)
     }, [
       T("div", {
@@ -2591,7 +2592,7 @@ function Ki(e, t, n, r, a, s) {
           }, [
             T("div", {
               ref: "picker",
-              onMousedown: t[3] || (t[3] = (...u) => e.handleMouseDown && e.handleMouseDown(...u)),
+              onMousedown: t[3] || (t[3] = (...i) => e.handleMouseDown && e.handleMouseDown(...i)),
               class: h(e.style.colours),
               style: re(`background: rgb(${e.mainColor.r}, ${e.mainColor.g}, ${e.mainColor.b});`)
             }, [
@@ -2603,7 +2604,7 @@ function Ki(e, t, n, r, a, s) {
               }, null, 2),
               T("div", {
                 class: h(e.style.sliderThumb),
-                onMousedown: t[1] || (t[1] = (...u) => e.handleMouseDown && e.handleMouseDown(...u)),
+                onMousedown: t[1] || (t[1] = (...i) => e.handleMouseDown && e.handleMouseDown(...i)),
                 onDragover: t[2] || (t[2] = Oe(() => {
                 }, ["prevent"])),
                 style: re({ left: `${e.position.x * 100}%`, top: `${e.position.y * 100}%` })
@@ -2617,7 +2618,7 @@ function Ki(e, t, n, r, a, s) {
                 role: "button",
                 disabled: !e.canPickColor,
                 class: h(e.style.eyeDrop),
-                onClick: t[4] || (t[4] = (...u) => e.openEyeDropper && e.openEyeDropper(...u))
+                onClick: t[4] || (t[4] = (...i) => e.openEyeDropper && e.openEyeDropper(...i))
               }, Ni, 10, Pi)) : (v(), y("div", {
                 key: 1,
                 class: h(e.style.preview)
@@ -2629,12 +2630,12 @@ function Ki(e, t, n, r, a, s) {
               T("div", Fi, [
                 J(o, {
                   modelValue: e.hueSlider,
-                  "onUpdate:modelValue": t[5] || (t[5] = (u) => e.hueSlider = u),
+                  "onUpdate:modelValue": t[5] || (t[5] = (i) => e.hueSlider = i),
                   background: "linear-gradient(to right, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000)"
                 }, null, 8, ["modelValue"]),
                 J(o, {
                   modelValue: e.opacitySlider,
-                  "onUpdate:modelValue": t[6] || (t[6] = (u) => e.opacitySlider = u),
+                  "onUpdate:modelValue": t[6] || (t[6] = (i) => e.opacitySlider = i),
                   background: `linear-gradient(to right, rgba(${e.finalColor.r}, ${e.finalColor.g}, ${e.finalColor.b}, 0), rgba(${e.finalColor.r}, ${e.finalColor.g}, ${e.finalColor.b}, 1))`
                 }, null, 8, ["modelValue", "background"])
               ])
@@ -2649,7 +2650,7 @@ function Ki(e, t, n, r, a, s) {
                   block: "",
                   ref: "rInputElement",
                   modelValue: e.rInput,
-                  "onUpdate:modelValue": t[7] || (t[7] = (u) => e.rInput = u),
+                  "onUpdate:modelValue": t[7] || (t[7] = (i) => e.rInput = i),
                   name: "r",
                   placeholder: "R"
                 }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -2659,7 +2660,7 @@ function Ki(e, t, n, r, a, s) {
                   block: "",
                   ref: "gInputElement",
                   modelValue: e.gInput,
-                  "onUpdate:modelValue": t[8] || (t[8] = (u) => e.gInput = u),
+                  "onUpdate:modelValue": t[8] || (t[8] = (i) => e.gInput = i),
                   name: "g",
                   placeholder: "G"
                 }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -2669,7 +2670,7 @@ function Ki(e, t, n, r, a, s) {
                   block: "",
                   ref: "bInputElement",
                   modelValue: e.bInput,
-                  "onUpdate:modelValue": t[9] || (t[9] = (u) => e.bInput = u),
+                  "onUpdate:modelValue": t[9] || (t[9] = (i) => e.bInput = i),
                   name: "b",
                   placeholder: "B"
                 }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -2679,7 +2680,7 @@ function Ki(e, t, n, r, a, s) {
                   block: "",
                   ref: "aInputElement",
                   modelValue: e.aInput,
-                  "onUpdate:modelValue": t[10] || (t[10] = (u) => e.aInput = u),
+                  "onUpdate:modelValue": t[10] || (t[10] = (i) => e.aInput = i),
                   name: "a",
                   placeholder: "A"
                 }, null, 8, ["onKeyup", "onBlur", "modelValue"])
@@ -2690,13 +2691,13 @@ function Ki(e, t, n, r, a, s) {
                 block: "",
                 ref: "hexInputElement",
                 modelValue: e.hexInput,
-                "onUpdate:modelValue": t[11] || (t[11] = (u) => e.hexInput = u),
+                "onUpdate:modelValue": t[11] || (t[11] = (i) => e.hexInput = i),
                 name: "hex",
                 placeholder: "#00000000"
               }, null, 8, ["onKeyup", "onBlur", "modelValue"])),
-              J(i, {
+              J(u, {
                 icon: "",
-                onClick: t[12] || (t[12] = Oe((u) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
+                onClick: t[12] || (t[12] = Oe((i) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
               }, {
                 default: Z(() => [
                   (v(), y("svg", Hi, xi))
@@ -2801,7 +2802,7 @@ const na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   emits: ["update:open"],
   setup(e, { emit: t }) {
-    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(() => {
+    const n = fe(Jt, null), { nextZIndex: r } = Qe(), a = !!n, s = X(e, "label"), o = b(e.open), l = b(e.placement), u = X(e, "transfer"), i = b(null), d = b(null), c = b(e.zIndex ?? r()), f = p(() => {
       if (e.virtual !== null) {
         const $ = e.virtual.$el ?? e.virtual;
         if ($) {
@@ -2824,8 +2825,8 @@ const na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), { popper: m, transferTo: g, updatePopper: O } = Dt({
       reference: f,
       placement: l,
-      transfer: i,
-      wrapper: u,
+      transfer: u,
+      wrapper: i,
       isDrop: !0,
       offset: a ? [-2, 2] : [0, 14]
     }), k = Yr(s, d);
@@ -2852,7 +2853,7 @@ const na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       });
     }), ee("resize", () => {
       O();
-    }), un(u, ($) => {
+    }), un(i, ($) => {
       let S = $.target, D = 0;
       for (; S; ) {
         if (S.classList.contains("m-dropdown-menu"))
@@ -2899,7 +2900,7 @@ const na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       j.value = `${D - $ - S - 30}px`;
     }
     return {
-      wrapper: u,
+      wrapper: i,
       referenceRef: d,
       popper: m,
       transferTo: g,
@@ -2999,16 +3000,16 @@ const tu = /* @__PURE__ */ N(Qi, [["render", eu]]), nu = P({
   },
   emits: [],
   setup(e, { slots: t }) {
-    const n = fe("dropdown-select", null), r = p(() => !!t["icon-left"]), a = p(() => !!t["icon-right"]), s = b(null), o = X(e, "label"), l = b(e.reference), i = Yr(o, s);
-    function u() {
-      e.disabled || l.value || (typeof n == "function" && n([i.value]), e.onSelect(i.value));
+    const n = fe("dropdown-select", null), r = p(() => !!t["icon-left"]), a = p(() => !!t["icon-right"]), s = b(null), o = X(e, "label"), l = b(e.reference), u = Yr(o, s);
+    function i() {
+      e.disabled || l.value || (typeof n == "function" && n([u.value]), e.onSelect(u.value));
     }
     const d = p(() => [Qr, ta[e.variant]]), c = p(() => e.href ? "a" : "li");
     return {
       wrapper: s,
       hasIconLeft: r,
       hasIconRight: a,
-      handleSelect: u,
+      handleSelect: i,
       computedWrapperClasses: d,
       style: na,
       computedType: c
@@ -3122,8 +3123,8 @@ function aa(e, t) {
   if (typeof t == "object") {
     var r = e;
     ra(t, (o, l) => {
-      var i = vu(r, l);
-      n[Nn(i)] = String(o);
+      var u = vu(r, l);
+      n[Nn(u)] = String(o);
     });
   } else {
     var a = e;
@@ -3171,18 +3172,18 @@ const gu = P({
   expose: ["submit"],
   setup(e, { emit: t }) {
     const n = [], r = _e({
-      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({
-          name: i,
-          focus: u,
+      add: (u, i, d, c) => {
+        const f = n.find((m) => m.name === u);
+        f ? (f.focus = i, f.validate = d, f.setError = c) : n.push({
+          name: u,
+          focus: i,
           validate: d,
           setError: c
         });
       },
-      remove: (i) => {
-        const u = n.findIndex((d) => d.name === i);
-        n.splice(u, 1);
+      remove: (u) => {
+        const i = n.findIndex((d) => d.name === u);
+        n.splice(i, 1);
       },
       insideForm: !0,
       disabled: X(e, "disabled"),
@@ -3190,29 +3191,29 @@ const gu = P({
     });
     Se(on, r), pe(() => {
       e.autoFocus && n && n.length > 0 && n[0].focus();
-    }), G(() => e.errors, (i) => {
-      i && qe(() => {
-        if (Array.isArray(i))
-          i.forEach((u) => {
-            const d = n.find((c) => c.name === u.field);
-            d && d.setError(u.message);
+    }), G(() => e.errors, (u) => {
+      u && qe(() => {
+        if (Array.isArray(u))
+          u.forEach((i) => {
+            const d = n.find((c) => c.name === i.field);
+            d && d.setError(i.message);
           });
         else {
-          const u = n.find((d) => d.name === i.field);
-          u && u.setError(i.message);
+          const i = n.find((d) => d.name === u.field);
+          i && i.setError(u.message);
         }
       });
     });
     const a = () => {
-      let i = !0;
-      return n.forEach((u) => {
-        u.validate() || (i = !1);
-      }), i;
-    }, s = (i) => {
-      i.preventDefault(), i.stopPropagation(), t("submit", e.autoValidate ? a() : !0);
+      let u = !0;
+      return n.forEach((i) => {
+        i.validate() || (u = !1);
+      }), u;
+    }, s = (u) => {
+      u.preventDefault(), u.stopPropagation(), t("submit", e.autoValidate ? a() : !0);
     }, o = p(() => {
-      let i = {};
-      return e.spacing && (i[hu.spacing] = e.spacing), aa(i);
+      let u = {};
+      return e.spacing && (u[hu.spacing] = e.spacing), aa(u);
     }), l = p(() => [
       mu
     ]);
@@ -3446,31 +3447,31 @@ const qu = /* @__PURE__ */ N(Bu, [["render", Ku]]), Gu = P({
   },
   setup(e, { slots: t }) {
     const n = b([]), r = b({}), a = {
-      create(u, d) {
-        return s(u, { type: "default", ...d });
+      create(i, d) {
+        return s(i, { type: "default", ...d });
       },
-      info(u, d) {
-        return s(u, { ...d, type: "info" });
+      info(i, d) {
+        return s(i, { ...d, type: "info" });
       },
-      success(u, d) {
-        return s(u, { ...d, type: "success" });
+      success(i, d) {
+        return s(i, { ...d, type: "success" });
       },
-      warning(u, d) {
-        return s(u, { ...d, type: "warning" });
+      warning(i, d) {
+        return s(i, { ...d, type: "warning" });
       },
-      error(u, d) {
-        return s(u, { ...d, type: "error" });
+      error(i, d) {
+        return s(i, { ...d, type: "error" });
       },
-      loading(u, d) {
-        return s(u, { ...d, type: "loading" });
+      loading(i, d) {
+        return s(i, { ...d, type: "loading" });
       },
       destroyAll: o
     };
     Se("m-message", a);
-    function s(u, d) {
+    function s(i, d) {
       const c = Math.random().toString(16).slice(2, 14), f = _e({
         ...d,
-        content: u,
+        content: i,
         key: c,
         destroy: () => {
           r.value[c].hide();
@@ -3479,16 +3480,16 @@ const qu = /* @__PURE__ */ N(Bu, [["render", Ku]]), Gu = P({
       return n.value.push(f), f;
     }
     function o() {
-      Object.values(r.value).forEach((u) => {
-        u.hide();
+      Object.values(r.value).forEach((i) => {
+        i.hide();
       });
     }
-    function l(u) {
+    function l(i) {
       n.value = n.value.filter(
-        (d) => d.key !== u
-      ), delete r.value[u];
+        (d) => d.key !== i
+      ), delete r.value[i];
     }
-    const i = p(() => [
+    const u = p(() => [
       Ou,
       // @ts-ignore
       [Tu[e.placement]]
@@ -3498,7 +3499,7 @@ const qu = /* @__PURE__ */ N(Bu, [["render", Ku]]), Gu = P({
         messageRefs: r,
         messageList: n,
         onInternalAfterLeave: l,
-        classes: i,
+        classes: u,
         modalScale: Er
       },
       a
@@ -3615,7 +3616,7 @@ const fd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   emits: ["open"],
   setup(e, { emit: t, slots: n }) {
-    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 { nextZIndex: r } = Qe(), a = b(!1), s = b(), o = Nt(), l = b(e.zIndex ?? r()), u = p(() => !!n.sidebar), i = 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(() => [
@@ -3632,7 +3633,7 @@ const fd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ]), g = p(() => [
       la,
       {
-        [ia]: i.value
+        [ia]: u.value
       }
     ]), O = p(() => ({
       zIndex: l.value
@@ -3689,8 +3690,8 @@ const fd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       fade: Br,
       contentStyleRef: c,
       wrapperRef: o,
-      hasSidebar: i,
-      hasFooter: u,
+      hasSidebar: u,
+      hasFooter: i,
       nextZIndex: r
     };
   }
@@ -3832,14 +3833,14 @@ const kd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }))), s = p(() => Math.ceil(n.value / e.pageSize)), o = p(() => {
       let { page: c } = e;
       if (r.value)
-        return [i(1, { current: !1 })];
+        return [u(1, { current: !1 })];
       let f = yt * 2 + 1, m = (gt - f - 2) / 2, g, O, k = Math.max(c - Fn, 1), M = Math.min(c + Fn, s.value);
       switch (!0) {
         case s.value <= gt:
           return l(1, s.value);
         case c <= m + yt + 2:
           return g = gt - m - 1, l(1, g).concat(
-            i(M, { more: !0, forward: !0 })
+            u(M, { more: !0, forward: !0 })
           ).concat(
             l(
               s.value - m + 1,
@@ -3848,18 +3849,18 @@ const kd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           );
         case c >= s.value - m - yt - 1:
           return O = gt - m - 1, l(1, m).concat(
-            i(k, { more: !0, forward: !1 })
+            u(k, { more: !0, forward: !1 })
           ).concat(l(s.value - O + 1, O));
         default:
           return l(1, m).concat(
-            i(k, { more: !0, forward: !1 })
+            u(k, { more: !0, forward: !1 })
           ).concat(
             l(
               c - yt,
               f
             )
           ).concat(
-            i(M, { more: !0, forward: !0 })
+            u(M, { more: !0, forward: !0 })
           ).concat(
             l(
               s.value - m + 1,
@@ -3871,10 +3872,10 @@ const kd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function l(c, f) {
       let m = [];
       for (let g = 0; g < f; g++)
-        m[g] = i(c + g);
+        m[g] = u(c + g);
       return m;
     }
-    function i(c, { more: f = !1, forward: m = !1, current: g = !1 } = {}) {
+    function u(c, { more: f = !1, forward: m = !1, current: g = !1 } = {}) {
       return {
         page: c,
         more: f,
@@ -3883,7 +3884,7 @@ const kd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         text: c
       };
     }
-    function u(c) {
+    function i(c) {
       return `page-${c.more ? c.forward ? "forward" : "backward" : c.page}`;
     }
     function d(c) {
@@ -3897,7 +3898,7 @@ const kd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       realPageSizes: a,
       pageCount: s,
       pageIndicatorSeries: o,
-      getKey: u,
+      getKey: i,
       handlePageChange: d,
       style: kd
     };
@@ -3960,7 +3961,7 @@ function Rd(e, t, n, r, a, s) {
           tabindex: "0",
           disabled: e.isEmpty,
           role: "button",
-          onClick: (i) => e.handlePageChange(o.page),
+          onClick: (u) => e.handlePageChange(o.page),
           "aria-label": o.current ? `Page ${o.page}` : `Goto page ${o.page}`
         }, [
           o.more ? (v(), y(Q, { key: 0 }, [
@@ -4034,8 +4035,8 @@ const Vd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   setup(e, { slots: t, emit: n, expose: r }) {
     const a = b(null), { focus: s, blur: o } = me(a), {
       id: l,
-      insideForm: i,
-      reset: u,
+      insideForm: u,
+      reset: i,
       validate: d,
       setError: c,
       formError: f,
@@ -4063,8 +4064,8 @@ const Vd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), {
       id: l,
       formError: f,
-      insideForm: i,
-      reset: u,
+      insideForm: u,
+      reset: i,
       validate: d,
       setError: c,
       disabled: k,
@@ -4149,8 +4150,8 @@ const ha = Symbol("RADIO_BUTTON_GROUP_STATE"), Xd = P({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t, expose: n }) {
-    const r = b(null), a = fe(ha, null), s = p(() => a == null ? void 0 : a.modelValue), o = p(() => (a == null ? void 0 : a.size) || e.size), l = p(() => a == null ? void 0 : a.name), { focus: i, blur: u } = me(r);
-    oe(e, { focus: i, emit: t });
+    const r = b(null), a = fe(ha, null), s = p(() => a == null ? void 0 : a.modelValue), o = p(() => (a == null ? void 0 : a.size) || e.size), l = p(() => a == null ? void 0 : a.name), { focus: u, blur: i } = me(r);
+    oe(e, { focus: u, emit: t });
     const d = p(() => s.value === e.id), c = p(() => [
       Kd,
       [Ud[o.value]],
@@ -4169,8 +4170,8 @@ const ha = Symbol("RADIO_BUTTON_GROUP_STATE"), Xd = P({
       a.doUpdateValue(e.id), e.onClick(g);
     };
     return n({
-      focus: i,
-      blur: u
+      focus: u,
+      blur: i
     }), {
       radioRef: r,
       computedClasses: c,
@@ -4178,8 +4179,8 @@ const ha = Symbol("RADIO_BUTTON_GROUP_STATE"), Xd = P({
       selected: d,
       value: s,
       name: l,
-      focus: i,
-      blur: u,
+      focus: u,
+      blur: i,
       computedRadioClasses: f
     };
   }
@@ -4444,7 +4445,7 @@ const Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     MTag: ya
   },
   setup(e, { emit: t, expose: n }) {
-    const r = b(null), a = b(), s = b(), o = b(), l = b(), i = b(0), u = b(!1), d = b(!1), c = b(""), f = b("bottom-start"), m = b(!1), g = b(0), O = b(!1), { focus: k, blur: M } = me(r), {
+    const r = b(null), a = b(), s = b(), o = b(), l = b(), u = b(0), i = b(!1), d = b(!1), c = b(""), f = b("bottom-start"), m = b(!1), g = b(0), O = b(!1), { focus: k, blur: M } = me(r), {
       id: B,
       insideForm: R,
       inputListeners: C,
@@ -4517,20 +4518,20 @@ const Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     function Y() {
       if (!(z.value || $.value)) {
-        if (u.value) {
-          u.value = !1;
+        if (i.value) {
+          i.value = !1;
           return;
         }
-        u.value = !0;
+        i.value = !0;
       }
     }
     function ae(F, te = "down") {
       if (typeof F > "u" && (F = te === "down" ? -1 : 1), te === "down") {
         let q = F + 1;
-        q > _.value.length - 1 && (q = 0), i.value = q;
+        q > _.value.length - 1 && (q = 0), u.value = q;
       } else {
         let q = F - 1;
-        q < 0 && (q = _.value.length - 1), i.value = q;
+        q < 0 && (q = _.value.length - 1), u.value = q;
       }
     }
     function ie(F) {
@@ -4545,7 +4546,7 @@ const Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             S.value = [F];
           j();
         } else
-          S.value = F, u.value = !1;
+          S.value = F, i.value = !1;
     }
     function be(F, te) {
       if (F.preventDefault(), F.stopPropagation(), !!e.multiple && Array.isArray(S.value)) {
@@ -4554,40 +4555,40 @@ const Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     }
     ee("resize", () => {
-      u.value = !1;
+      i.value = !1;
     });
     function se(F) {
       if (_.value.length === 0 || e.disabled)
         return;
       switch (O.value = !0, F.code) {
         case "Tab":
-          u.value && (u.value = !1);
+          i.value && (i.value = !1);
           break;
         case "ArrowDown":
-          if (F.preventDefault(), !u.value) {
-            u.value = !0;
+          if (F.preventDefault(), !i.value) {
+            i.value = !0;
             return;
           }
-          ae(i.value, "down");
+          ae(u.value, "down");
           break;
         case "ArrowUp":
-          if (F.preventDefault(), !u.value)
+          if (F.preventDefault(), !i.value)
             return;
-          ae(i.value, "up");
+          ae(u.value, "up");
           break;
         case "Enter":
-          if (F.preventDefault(), F.stopPropagation(), !u.value) {
-            u.value = !0;
+          if (F.preventDefault(), F.stopPropagation(), !i.value) {
+            i.value = !0;
             return;
           }
-          typeof i.value < "u" && (ie(
-            _.value[i.value].value
-          ), e.multiple || (u.value = !1));
+          typeof u.value < "u" && (ie(
+            _.value[u.value].value
+          ), e.multiple || (i.value = !1));
           break;
         case "Escape":
-          if (F.preventDefault(), F.stopPropagation(), !u.value)
+          if (F.preventDefault(), F.stopPropagation(), !i.value)
             return;
-          u.value = !1;
+          i.value = !1;
           break;
       }
     }
@@ -4605,10 +4606,10 @@ const Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       ba,
       {
         [wa]: e.multiple && Array.isArray(S.value) && S.value.length > 0,
-        [Qt]: u.value,
+        [Qt]: i.value,
         // [`m-select--${props.size}`]: props.size,
         "m-select--disabled": z.value || $.value,
-        "m-select--focused": u.value,
+        "m-select--focused": i.value,
         "m-select--multiple": e.multiple,
         "m-select--error": w.value
       }
@@ -4622,17 +4623,17 @@ const Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ee(l, "keydown", se), ee(o, "keydown", se), un(
       r,
       () => {
-        u.value = !1;
+        i.value = !1;
       },
       { ignore: [o, I] }
     ), ct(() => {
-      r.value && u.value && (g.value = r.value.offsetWidth);
-    }), G(i, (F) => {
+      r.value && i.value && (g.value = r.value.offsetWidth);
+    }), G(u, (F) => {
       O.value && typeof F < "u" && s.value && s.value[F].scrollIntoView({
         block: "nearest",
         inline: "nearest"
       });
-    }), G(u, (F) => {
+    }), G(i, (F) => {
       qe(() => {
         if (F || (c.value = ""), e.searchable && o.value && o.value.focus(), F && s.value) {
           const te = _.value.findIndex(
@@ -4640,14 +4641,14 @@ const Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           );
           te !== -1 && (s.value[te].scrollIntoView({
             block: "nearest"
-          }), i.value = te);
+          }), u.value = te);
         }
         O.value = !1;
       });
     });
-    const ce = p(() => w.value || e.error), et = p(() => e.multiple && _.value.length == 0 && !c.value ? !1 : u.value), Pt = (F) => {
+    const ce = p(() => w.value || e.error), et = p(() => e.multiple && _.value.length == 0 && !c.value ? !1 : i.value), Pt = (F) => {
       setTimeout(() => {
-        l.value && !u.value && Y();
+        l.value && !i.value && Y();
       }, 10);
     }, tt = (F) => {
       F.preventDefault(), F.stopPropagation(), Y();
@@ -4665,12 +4666,12 @@ const Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       onSelectClick: tt,
       id: B,
       isOpen: et,
-      open: u,
+      open: i,
       selected: S,
       selectedMax: D,
       selectedCountNotShown: H,
       computedOptions: _,
-      selectedIndex: i,
+      selectedIndex: u,
       search: c,
       containerComputedClasses: Ie,
       selectComputedClasses: de,
@@ -4745,7 +4746,7 @@ function Yc(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(i, l),
+            onClose: (u) => e.removeSelected(u, l),
             size: e.size
           }, {
             default: Z(() => [
@@ -4819,17 +4820,17 @@ function Yc(e, t, n, r, a, s) {
               T("div", {
                 class: h(e.style.options)
               }, [
-                (v(!0), y(Q, null, he(e.computedOptions, (l, i) => (v(), y("div", {
-                  key: i,
+                (v(!0), y(Q, null, he(e.computedOptions, (l, u) => (v(), y("div", {
+                  key: u,
                   ref_for: !0,
                   ref: "optionsRef",
                   class: h({
                     [e.style.option]: !0,
                     [e.style.optionSelected]: l.active,
-                    [e.style.optionFocused]: e.selectedIndex === i
+                    [e.style.optionFocused]: e.selectedIndex === u
                   }),
                   onClick: Oe(l.onClick, ["prevent"]),
-                  onHover: (u) => e.selectedIndex = i
+                  onHover: (i) => e.selectedIndex = u
                 }, [
                   T("span", {
                     class: h(e.style.optionIcon)
@@ -4931,8 +4932,8 @@ const sf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   setup(e, { slots: t, emit: n, expose: r }) {
     const a = b(null), { focus: s, blur: o } = me(a), {
       id: l,
-      insideForm: i,
-      reset: u,
+      insideForm: u,
+      reset: i,
       validate: d,
       setError: c,
       formError: f,
@@ -4961,8 +4962,8 @@ const sf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), {
       id: l,
       formError: f,
-      insideForm: i,
-      reset: u,
+      insideForm: u,
+      reset: i,
       validate: d,
       setError: c,
       disabled: k,
@@ -5035,11 +5036,11 @@ const ff = /* @__PURE__ */ N(lf, [["render", cf]]), pf = P({
       })
     }), l = p(() => ({
       "m-tab": !0,
-      "m-tab--active": u.value,
+      "m-tab--active": i.value,
       "m-tab--disabled": e.disabled
-    })), i = p(() => ({
+    })), u = p(() => ({
       "m-tabs__button": !0
-    })), u = p(() => o.state.active === n.value);
+    })), i = p(() => o.state.active === n.value);
     function d() {
       o.selectTab(n.value);
     }
@@ -5050,9 +5051,9 @@ const ff = /* @__PURE__ */ N(lf, [["render", cf]]), pf = P({
       computedLabel: r,
       tabRef: a,
       computedTabWrapperClasses: l,
-      computedTabClasses: i,
+      computedTabClasses: u,
       handleClick: d,
-      selected: u,
+      selected: i,
       teleportTo: s
     };
   }
@@ -5114,22 +5115,22 @@ const gf = /* @__PURE__ */ N(pf, [["render", hf]]), yf = P({
       "m-tab-group": !0,
       "m-tab-group--vertical": e.vertical,
       [`m-tab-group--${e.size}`]: !0
-    })), i = p(() => ({
+    })), u = p(() => ({
       "m-tab-group__tabs": !0
     }));
-    function u(d) {
+    function i(d) {
       s.value = d, t("update:modelValue", d);
     }
     return Se("tabs", {
       tabsContentRef: r,
-      selectTab: u,
+      selectTab: i,
       state: o
     }), {
       wrapperRef: n,
       tabsContentRef: r,
       contentRef: a,
       computedWrapperClasses: l,
-      computedTabsClasses: i
+      computedTabsClasses: u
     };
   }
 }), bf = { ref: "wrapperRef" }, wf = {
@@ -5288,20 +5289,20 @@ const Df = P({
     function l(c, f) {
       return c === f;
     }
-    function i(c) {
+    function u(c) {
       if (!n.onSelect) {
         s.value.push(c);
         return;
       }
       n.onSelect(c);
     }
-    function u() {
+    function i() {
       e.items.forEach((c) => {
-        s.value.some((f) => l(On(f), On(c))) || i(c);
+        s.value.some((f) => l(On(f), On(c))) || u(c);
       });
     }
     function d(c) {
-      c.target.checked ? u() : s.value = [];
+      c.target.checked ? i() : s.value = [];
     }
     return {
       wrapperComputedClasses: r,
@@ -5309,19 +5310,19 @@ const Df = P({
       selected: s,
       indeterminate: o,
       onChange: d,
-      onSelect: i
+      onSelect: u
     };
   }
 }), Pf = { key: 1 }, Vf = ["colspan"];
 function Nf(e, t, n, r, a, s) {
-  const o = le("MCheckbox"), l = le("TableHead"), i = le("TableHeadRow"), u = le("TableCell"), d = le("TableRow"), c = le("TableBody");
+  const o = le("MCheckbox"), l = le("TableHead"), u = le("TableHeadRow"), i = le("TableCell"), d = le("TableRow"), c = le("TableBody");
   return v(), y("div", {
     class: h(e.wrapperComputedClasses)
   }, [
     T("table", {
       class: h(e.tableComputedClasses)
     }, [
-      J(i, null, {
+      J(u, null, {
         default: Z(() => [
           e.modelValue ? (v(), ne(l, {
             key: 0,
@@ -5356,7 +5357,7 @@ function Nf(e, t, n, r, a, s) {
         default: Z(() => [
           e.items.length > 0 ? (v(!0), y(Q, { key: 0 }, he(e.items, (f, m) => (v(), ne(d, { key: m }, {
             default: Z(({ onHover: g }) => [
-              e.modelValue ? (v(), ne(u, { key: 0 }, {
+              e.modelValue ? (v(), ne(i, { key: 0 }, {
                 default: Z(() => [
                   J(o, {
                     modelValue: e.selected,
@@ -5368,7 +5369,7 @@ function Nf(e, t, n, r, a, s) {
                 ]),
                 _: 2
               }, 1024)) : V("", !0),
-              (v(!0), y(Q, null, he(e.headers, (O, k) => (v(), ne(u, {
+              (v(!0), y(Q, null, he(e.headers, (O, k) => (v(), ne(i, {
                 key: k,
                 style: re({ textAlign: O.align })
               }, {
@@ -5464,8 +5465,8 @@ const qf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   setup(e, { slots: t, emit: n, expose: r }) {
     const a = b(null), { focus: s, blur: o } = me(a), {
       id: l,
-      insideForm: i,
-      reset: u,
+      insideForm: u,
+      reset: i,
       inputListeners: d,
       validate: c,
       setError: f,
@@ -5598,7 +5599,7 @@ const rp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e) {
-    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(() => {
+    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()), u = b(null), i = p(() => {
       switch (n.value) {
         case "top":
           return [0, 8];
@@ -5617,7 +5618,7 @@ const rp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       reference: s,
       wrapper: a,
       // @ts-ignore
-      offset: u.value
+      offset: i.value
     }), m = p(() => [
       Da,
       {
@@ -5631,15 +5632,15 @@ const rp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     );
     function g() {
-      i.value && clearTimeout(i.value), e.delay ? i.value = setTimeout(() => {
+      u.value && clearTimeout(u.value), e.delay ? u.value = setTimeout(() => {
         o.value = !0;
       }, e.delay) : o.value = !0;
     }
     function O() {
-      i.value && clearTimeout(i.value), o.value = !1;
+      u.value && clearTimeout(u.value), o.value = !1;
     }
     return cr(() => {
-      o.value = !1, i.value && clearTimeout(i.value), i.value = null;
+      o.value = !1, u.value && clearTimeout(u.value), u.value = null;
     }), {
       reference: s,
       popper: d,
@@ -5730,23 +5731,23 @@ const mp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   },
   setup(e, { emit: t }) {
     const n = b(null), r = () => {
-      const i = p(
+      const u = p(
         () => (
           // @ts-ignore
           e.options.reduce((c, f) => (c[f[e.optionKey]] = f) && c, {})
         )
-      ), u = p(
+      ), i = p(
         () => e.options.filter((c) => !e.modelValue.includes(c[e.optionKey])).sort((c, f) => c[e.optionLabel].localeCompare(f[e.optionLabel]))
       ), d = p(() => e.modelValue.reduce(
         // @ts-ignore
         (c, f) => {
-          const m = i.value[f];
+          const m = u.value[f];
           return m && c.push(m), c;
         },
         []
       ));
       return {
-        sourceData: u,
+        sourceData: i,
         targetData: d
       };
     }, { sourceData: a, targetData: s } = r();
@@ -5755,11 +5756,11 @@ const mp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       sourceData: a,
       targetData: s,
       wrapper: n,
-      handleSourceClick: (i) => {
-        t("update:modelValue", [...e.modelValue, i[e.optionKey]]);
+      handleSourceClick: (u) => {
+        t("update:modelValue", [...e.modelValue, u[e.optionKey]]);
       },
-      handleTargetClick: (i) => {
-        t("update:modelValue", e.modelValue.filter((u) => u !== i[e.optionKey]));
+      handleTargetClick: (u) => {
+        t("update:modelValue", e.modelValue.filter((i) => i !== u[e.optionKey]));
       }
     };
   }
@@ -5853,7 +5854,7 @@ const kp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e, { emit: t }) {
-    const n = b(), r = b(), a = b(0), s = b(0), o = b(0), l = b(0), i = p(() => e.items.length * e.itemHeight), u = p(() => e.items[0].length * e.itemWidth), d = p(() => {
+    const n = b(), r = b(), a = b(0), s = b(0), o = b(0), l = b(0), u = p(() => e.items.length * e.itemHeight), i = p(() => e.items[0].length * e.itemWidth), d = p(() => {
       const B = Math.max(
         0,
         Math.floor(o.value / e.itemHeight) - 2 * e.buffer
@@ -5910,8 +5911,8 @@ const kp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       scrollerWidth: s,
       scrollTop: o,
       scrollLeft: l,
-      totalHeight: i,
-      totalWidth: u,
+      totalHeight: u,
+      totalWidth: i,
       startPosition: d,
       endPosition: c,
       renderedItems: k,
@@ -5939,11 +5940,11 @@ function Sp(e, t, n, r, a, s) {
           key: l,
           style: { display: "flex" }
         }, [
-          (v(!0), y(Q, null, he(o, (i, u) => (v(), y("div", {
-            key: u,
+          (v(!0), y(Q, null, he(o, (u, i) => (v(), y("div", {
+            key: i,
             style: re({ width: `${e.itemWidth}px`, height: `${e.itemHeight}px` })
           }, [
-            L(e.$slots, "item", { item: i })
+            L(e.$slots, "item", { item: u })
           ], 4))), 128))
         ]))), 128))
       ], 4)
@@ -6045,11 +6046,11 @@ const Pa = /* @__PURE__ */ N(Op, [["render", Ep]]), Ap = {
   setup(e, { slots: t }) {
     const n = b([]), r = {};
     function a(l) {
-      const { id: i } = wr("m-confirm"), u = i.value, d = {
+      const { id: u } = wr("m-confirm"), i = u.value, d = {
         ...l,
-        key: u,
+        key: i,
         destroy: () => {
-          r[u].hide();
+          r[i].hide();
         }
       };
       return n.value.push(d), d;
@@ -6151,21 +6152,21 @@ const Wp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       handle: a,
       preventDefault: !0
       // containerElement: wrapper,
-    }), { nextZIndex: l } = Qe(), i = p(() => ({
+    }), { nextZIndex: l } = Qe(), u = p(() => ({
       [Va]: !0,
       [Na]: e.backdrop === !0
-    })), u = p(() => typeof e.width == "number" ? e.width + "px" : e.width), d = b(e.zIndex ?? l());
+    })), i = p(() => typeof e.width == "number" ? e.width + "px" : e.width), d = b(e.zIndex ?? l());
     return {
       slots: t,
       wrapper: n,
       dialog: r,
       handle: a,
       zIndex: d,
-      width: u,
+      width: i,
       x: s,
       y: o,
       style: Wp,
-      backdropClasses: i,
+      backdropClasses: u,
       nextZIndex: l
     };
   }
@@ -6327,8 +6328,8 @@ function av(e, t) {
     for (; a--; ) {
       const o = [];
       s.forEach((l) => {
-        e.forEach((i) => {
-          o.push(l.replace("&", i));
+        e.forEach((u) => {
+          o.push(l.replace("&", u));
         });
       }), s = o;
     }
@@ -6400,14 +6401,14 @@ ${a}
     e + " {"
   ] : [];
   return s.forEach((l) => {
-    const i = a[l];
+    const u = a[l];
     if (l === "raw") {
       o.push(`
-` + i + `
+` + u + `
 `);
       return;
     }
-    l = xa(l), i != null && o.push(`  ${l}${uv(i)}`);
+    l = xa(l), u != null && o.push(`  ${l}${uv(u)}`);
   }), e && o.push("}"), o.join(`
 `);
 }
@@ -6442,16 +6443,16 @@ function Ka(e, t, n, r, a, s) {
     });
     wt(d) ? l = d : t.push(d);
   }
-  const i = sv(t), u = Gn(i, e.props, r, a);
-  l ? (n.push(`${l} {`), s && u && s.insertRule(`${l} {
-${u}
+  const u = sv(t), i = Gn(u, e.props, r, a);
+  l ? (n.push(`${l} {`), s && i && s.insertRule(`${l} {
+${i}
 }
-`)) : (s && u && s.insertRule(u), !s && u.length && n.push(u)), e.children && en(e.children, {
+`)) : (s && i && s.insertRule(i), !s && i.length && n.push(i)), e.children && en(e.children, {
     context: r.context,
     props: a
   }, (d) => {
     if (typeof d == "string") {
-      const c = Gn(i, { raw: d }, r, a);
+      const c = Gn(u, { raw: d }, r, a);
       s ? s.insertRule(c) : n.push(c);
     } else
       Ka(d, t, n, r, a, s);
@@ -6495,8 +6496,8 @@ function fv(e, t, n) {
 function Un(e, t) {
   e.push(t);
 }
-function pv(e, t, n, r, a, s, o, l, i) {
-  if (s && !i) {
+function pv(e, t, n, r, a, s, o, l, u) {
+  if (s && !u) {
     if (n === void 0) {
       console.error("[css-render/mount]: `id` is required in `silent` mode.");
       return;
@@ -6505,16 +6506,16 @@ function pv(e, t, n, r, a, s, o, l, i) {
     f[n] || (f[n] = !0, qa(t, e, r, s));
     return;
   }
-  let u;
-  if (n === void 0 && (u = t.render(r), n = cv(u)), i) {
-    i.adapter(n, u ?? t.render(r));
+  let i;
+  if (n === void 0 && (i = t.render(r), n = cv(i)), u) {
+    u.adapter(n, i ?? t.render(r));
     return;
   }
   const d = gn(n);
   if (d !== null && !o)
     return d;
   const c = d ?? lv(n);
-  if (u === void 0 && (u = t.render(r)), c.textContent = u, d !== null)
+  if (i === void 0 && (i = t.render(r)), c.textContent = i, d !== null)
     return d;
   if (l) {
     const f = document.head.querySelector(`meta[name="${l}"]`);
@@ -6669,8 +6670,8 @@ var He = function(e) {
     return this.x = t, this.y = n, this.width = r, this.height = a, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, He(this);
   }
   return e.prototype.toJSON = function() {
-    var t = this, n = t.x, r = t.y, a = t.top, s = t.right, o = t.bottom, l = t.left, i = t.width, u = t.height;
-    return { x: n, y: r, top: a, right: s, bottom: o, left: l, width: i, height: u };
+    var t = this, n = t.x, r = t.y, a = t.top, s = t.right, o = t.bottom, l = t.left, u = t.width, i = t.height;
+    return { x: n, y: r, top: a, right: s, bottom: o, left: l, width: u, height: i };
   }, e.fromRect = function(t) {
     return new e(t.x, t.y, t.width, t.height);
   }, e;
@@ -6718,11 +6719,11 @@ var He = function(e) {
     return kt.get(e);
   if (Ua(e))
     return kt.set(e, Qn), Qn;
-  var n = getComputedStyle(e), r = yn(e) && e.ownerSVGElement && e.getBBox(), a = !Ov && n.boxSizing === "border-box", s = Mv.test(n.writingMode || ""), o = !r && Jn.test(n.overflowY || ""), l = !r && Jn.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, I = r ? r.width : Ee(n.width) - E - w, j = r ? r.height : Ee(n.height) - A - C, z = I + k + w + B, $ = j + M + C + R, S = He({
+  var n = getComputedStyle(e), r = yn(e) && e.ownerSVGElement && e.getBBox(), a = !Ov && n.boxSizing === "border-box", s = Mv.test(n.writingMode || ""), o = !r && Jn.test(n.overflowY || ""), l = !r && Jn.test(n.overflowX || ""), u = r ? 0 : Ee(n.paddingTop), i = 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 + i, M = u + 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, I = r ? r.width : Ee(n.width) - E - w, j = r ? r.height : Ee(n.height) - A - C, z = I + k + w + B, $ = j + M + C + R, S = He({
     devicePixelContentBoxSize: Ke(Math.round(I * devicePixelRatio), Math.round(j * devicePixelRatio), s),
     borderBoxSize: Ke(z, $, s),
     contentBoxSize: Ke(I, j, s),
-    contentRect: new Ga(c, i, I, j)
+    contentRect: new Ga(c, u, I, j)
   });
   return kt.set(e, S), S;
 }, Ya = function(e, t, n) {
@@ -6752,9 +6753,9 @@ var He = function(e) {
   Fe.forEach(function(o) {
     if (o.activeTargets.length !== 0) {
       var l = [];
-      o.activeTargets.forEach(function(u) {
-        var d = new Bv(u.target), c = Za(u.target);
-        l.push(d), u.lastReportedSize = Ya(u.target, u.observedBox), c < e && (e = c);
+      o.activeTargets.forEach(function(i) {
+        var d = new Bv(i.target), c = Za(i.target);
+        l.push(d), i.lastReportedSize = Ya(i.target, i.observedBox), c < e && (e = c);
       }), t.push(function() {
         o.callback.call(o.observer, l, o.observer);
       }), o.activeTargets.splice(0, o.activeTargets.length);
@@ -7067,15 +7068,15 @@ const xv = Ht(".v-vl", {
       return e.items.forEach((D, H) => {
         $.set(D[S], H);
       }), $;
-    }), s = b(null), o = b(void 0), l = /* @__PURE__ */ new Map(), i = p(() => {
+    }), s = b(null), o = b(void 0), l = /* @__PURE__ */ new Map(), u = p(() => {
       const { items: $, itemSize: S, keyField: D } = e, H = new wv($.length, S);
       return $.forEach((K, _) => {
         const x = K[D], Y = l.get(x);
         Y !== void 0 && H.add(_, Y);
       }), H;
-    }), u = b(0);
+    }), i = b(0);
     let d = 0;
-    const c = b(0), f = Zp(() => Math.max(i.value.getBound(c.value - xn(e.paddingTop)) - 1, 0)), m = p(() => {
+    const c = b(0), f = Zp(() => Math.max(u.value.getBound(c.value - xn(e.paddingTop)) - 1, 0)), m = p(() => {
       const { value: $ } = o;
       if ($ === void 0)
         return [];
@@ -7101,7 +7102,7 @@ const xv = Ht(".v-vl", {
     };
     let O, k = null;
     function M($, S, D) {
-      const { value: H } = i, K = H.sum($) + xn(e.paddingTop);
+      const { value: H } = u, K = H.sum($) + xn(e.paddingTop);
       if (!D)
         s.value.scrollTo({
           left: 0,
@@ -7139,7 +7140,7 @@ const xv = Ht(".v-vl", {
       var D, H, K;
       if (n || e.ignoreItemResize || z(S.target))
         return;
-      const { value: _ } = i, x = a.value.get($), Y = _.get(x), ae = (K = (H = (D = S.borderBoxSize) === null || D === void 0 ? void 0 : D[0]) === null || H === void 0 ? void 0 : H.blockSize) !== null && K !== void 0 ? K : S.contentRect.height;
+      const { value: _ } = u, x = a.value.get($), Y = _.get(x), ae = (K = (H = (D = S.borderBoxSize) === null || D === void 0 ? void 0 : D[0]) === null || H === void 0 ? void 0 : H.blockSize) !== null && K !== void 0 ? K : S.contentRect.height;
       if (ae === Y)
         return;
       ae - e.itemSize === 0 ? l.delete($) : l.set($, ae - e.itemSize);
@@ -7162,7 +7163,7 @@ const xv = Ht(".v-vl", {
         }
         j();
       }
-      u.value++;
+      i.value++;
     }
     const C = !Wv();
     let w = !1;
@@ -7210,8 +7211,8 @@ const xv = Ht(".v-vl", {
       },
       keyToIndex: a,
       itemsStyle: p(() => {
-        const { itemResizable: $ } = e, S = bt(i.value.sum());
-        return u.value, [
+        const { itemResizable: $ } = e, S = bt(u.value.sum());
+        return i.value, [
           e.itemsStyle,
           {
             boxSizing: "content-box",
@@ -7222,8 +7223,8 @@ const xv = Ht(".v-vl", {
           }
         ];
       }),
-      visibleItemsStyle: p(() => (u.value, {
-        transform: `translateY(${bt(i.value.sum(f.value))})`
+      visibleItemsStyle: p(() => (i.value, {
+        transform: `translateY(${bt(u.value.sum(f.value))})`
       })),
       viewportItems: m,
       listElRef: s,
@@ -7258,16 +7259,16 @@ const xv = Ht(".v-vl", {
               style: this.visibleItemsStyle
             }, this.visibleItemsProps), {
               default: () => this.viewportItems.map((o) => {
-                const l = o[t], i = n.get(l), u = this.$slots.default({
+                const l = o[t], u = n.get(l), i = this.$slots.default({
                   item: o,
-                  index: i
+                  index: u
                 })[0];
                 return e ? rt(sr, {
                   key: l,
                   onResize: (d) => this.handleItemResize(l, d)
                 }, {
-                  default: () => u
-                }) : (u.key = l, u);
+                  default: () => i
+                }) : (i.key = l, i);
               })
             })
           ]) : (s = (a = this.$slots).empty) === null || s === void 0 ? void 0 : s.call(a)
@@ -7431,12 +7432,12 @@ function um(e, t) {
 }
 function dm(e, t, n, r) {
   const a = zt(t, n, r, !1), s = zt(e, n, r, !0), o = um(e, n), l = [];
-  return a.forEach((i) => {
-    (s.has(i) || o.has(i)) && l.push(i);
-  }), l.forEach((i) => a.delete(i)), a;
+  return a.forEach((u) => {
+    (s.has(u) || o.has(u)) && l.push(u);
+  }), l.forEach((u) => a.delete(u)), a;
 }
 function Ut(e, t) {
-  const { checkedKeys: n, keysToCheck: r, keysToUncheck: a, indeterminateKeys: s, cascade: o, leafOnly: l, checkStrategy: i, allowNotLoaded: u } = e;
+  const { checkedKeys: n, keysToCheck: r, keysToUncheck: a, indeterminateKeys: s, cascade: o, leafOnly: l, checkStrategy: u, allowNotLoaded: i } = e;
   if (!o)
     return r !== void 0 ? {
       checkedKeys: am(n, r),
@@ -7450,8 +7451,8 @@ function Ut(e, t) {
     };
   const { levelTreeNodeMap: d } = t;
   let c;
-  a !== void 0 ? c = dm(a, n, t, u) : r !== void 0 ? c = im(r, n, t, u) : c = zt(n, t, u, !1);
-  const f = i === "parent", m = i === "child" || l, g = c, O = /* @__PURE__ */ new Set(), k = Math.max.apply(null, Array.from(d.keys()));
+  a !== void 0 ? c = dm(a, n, t, i) : r !== void 0 ? c = im(r, n, t, i) : c = zt(n, t, i, !1);
+  const f = u === "parent", m = u === "child" || l, g = c, O = /* @__PURE__ */ new Set(), k = Math.max.apply(null, Array.from(d.keys()));
   for (let M = k; M >= 0; M -= 1) {
     const B = M === 0, R = d.get(M);
     for (const C of R) {
@@ -7487,9 +7488,9 @@ function Ut(e, t) {
 }
 function zt(e, t, n, r) {
   const { treeNodeMap: a, getChildren: s } = t, o = /* @__PURE__ */ new Set(), l = new Set(e);
-  return e.forEach((i) => {
-    const u = a.get(i);
-    u !== void 0 && Qa(u, (d) => {
+  return e.forEach((u) => {
+    const i = a.get(u);
+    i !== void 0 && Qa(i, (d) => {
       if (d.disabled)
         return nn.STOP;
       const { key: c } = d;
@@ -7515,7 +7516,7 @@ function cm(e, { includeGroup: t = !1, includeSelf: n = !0 }, r) {
     return l.treeNode = null, l;
   for (; o; )
     !o.ignored && (t || !o.isGroup) && l.treeNodePath.push(o), o = o.parent;
-  return l.treeNodePath.reverse(), n || l.treeNodePath.pop(), l.keyPath = l.treeNodePath.map((i) => i.key), l;
+  return l.treeNodePath.reverse(), n || l.treeNodePath.pop(), l.keyPath = l.treeNodePath.map((u) => u.key), l;
 }
 function fm(e) {
   if (e.length === 0)
@@ -7532,34 +7533,34 @@ function ur(e, t, { loop: n = !1, includeDisabled: r = !1 } = {}) {
     reverse: t === "prev"
   };
   let o = !1, l = null;
-  function i(u) {
-    if (u !== null) {
-      if (u === e) {
+  function u(i) {
+    if (i !== null) {
+      if (i === e) {
         if (!o)
           o = !0;
         else if (!e.disabled && !e.isGroup) {
           l = e;
           return;
         }
-      } else if ((!u.disabled || r) && !u.ignored && !u.isGroup) {
-        l = u;
+      } else if ((!i.disabled || r) && !i.ignored && !i.isGroup) {
+        l = i;
         return;
       }
-      if (u.isGroup) {
-        const d = bn(u, s);
-        d !== null ? l = d : i(a(u, n));
+      if (i.isGroup) {
+        const d = bn(i, s);
+        d !== null ? l = d : u(a(i, n));
       } else {
-        const d = a(u, !1);
+        const d = a(i, !1);
         if (d !== null)
-          i(d);
+          u(d);
         else {
-          const c = mm(u);
-          c != null && c.isGroup ? i(a(c, n)) : n && i(a(u, !0));
+          const c = mm(i);
+          c != null && c.isGroup ? u(a(c, n)) : n && u(a(i, !0));
         }
       }
     }
   }
-  return i(e), l;
+  return u(e), l;
 }
 function vm(e, t) {
   const n = e.siblings, r = n.length, { index: a } = e;
@@ -7572,15 +7573,15 @@ function bn(e, t = {}) {
   const { reverse: n = !1 } = t, { children: r } = e;
   if (r) {
     const { length: a } = r, s = n ? a - 1 : 0, o = n ? -1 : a, l = n ? -1 : 1;
-    for (let i = s; i !== o; i += l) {
-      const u = r[i];
-      if (!u.disabled && !u.ignored)
-        if (u.isGroup) {
-          const d = bn(u, t);
+    for (let u = s; u !== o; u += l) {
+      const i = r[u];
+      if (!i.disabled && !i.ignored)
+        if (i.isGroup) {
+          const d = bn(i, t);
           if (d !== null)
             return d;
         } else
-          return u;
+          return i;
     }
   }
   return null;
@@ -7621,12 +7622,12 @@ function ym(e, t) {
 }
 function eo(e, t, n, r, a, s = null, o = 0) {
   const l = [];
-  return e.forEach((i, u) => {
+  return e.forEach((u, i) => {
     var d;
-    process.env.NODE_ENV !== "production" && rm(i, a) && console.error("[treemate]: node", i, "is invalid");
+    process.env.NODE_ENV !== "production" && rm(u, a) && console.error("[treemate]: node", u, "is invalid");
     const c = Object.create(r);
-    if (c.rawNode = i, c.siblings = l, c.level = o, c.index = u, c.isFirstChild = u === 0, c.isLastChild = u + 1 === e.length, c.parent = s, !c.ignored) {
-      const f = a(i);
+    if (c.rawNode = u, c.siblings = l, c.level = o, c.index = i, c.isFirstChild = i === 0, c.isLastChild = i + 1 === e.length, c.parent = s, !c.ignored) {
+      const f = a(u);
       Array.isArray(f) && (c.children = eo(f, t, n, r, a, c, o + 1));
     }
     l.push(c), t.set(c.key, c), n.has(o) || n.set(o, []), (d = n.get(o)) === null || d === void 0 || d.push(c);
@@ -7634,12 +7635,12 @@ function eo(e, t, n, r, a, s = null, o = 0) {
 }
 function bm(e, t = {}) {
   var n;
-  const r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), { getDisabled: s = tm, getIgnored: o = Qv, getIsGroup: l = sm, getKey: i = Jv } = t, u = (n = t.getChildren) !== null && n !== void 0 ? n : Zv, d = t.ignoreEmptyChildren ? (C) => {
-    const w = u(C);
+  const r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), { getDisabled: s = tm, getIgnored: o = Qv, getIsGroup: l = sm, getKey: u = Jv } = t, i = (n = t.getChildren) !== null && n !== void 0 ? n : Zv, d = t.ignoreEmptyChildren ? (C) => {
+    const w = i(C);
     return Array.isArray(w) ? w.length ? w : null : w;
-  } : u, c = Object.assign({
+  } : i, c = Object.assign({
     get key() {
-      return i(this.rawNode);
+      return u(this.rawNode);
     },
     get disabled() {
       return s(this.rawNode);
@@ -7824,8 +7825,8 @@ const Rm = /* @__PURE__ */ N(Tm, [["render", Am]]), zm = P({
       childrenFieldRef: s,
       indentRef: o,
       handleToggleClick: l,
-      handleDoubleClick: i
-    } = t, u = b(null);
+      handleDoubleClick: u
+    } = t, i = b(null);
     function d(M) {
       const { value: B } = t.expandOnClickRef, { node: R } = e;
       !B && !R.isLeaf && c();
@@ -7836,7 +7837,7 @@ const Rm = /* @__PURE__ */ N(Tm, [["render", Am]]), zm = P({
     }
     function f(M) {
       let B = an(e.node.rawNode), R = Object.assign({}, B);
-      delete R[s.value], i(R);
+      delete R[s.value], u(R);
     }
     const m = p(() => e.node.level);
     function g(M) {
@@ -7844,7 +7845,7 @@ const Rm = /* @__PURE__ */ N(Tm, [["render", Am]]), zm = P({
     }
     const O = p(() => e.node.rawNode[r.value]), k = p(() => t.mergedExpandedKeysRef.value.includes(e.node.key));
     return {
-      selfElRef: u,
+      selfElRef: i,
       handleLineClick: g,
       indentCount: m,
       labelField: O,
@@ -7920,13 +7921,13 @@ const Dm = P({
       labelFieldRef: X(e, "labelField"),
       keyFieldRef: X(e, "keyField"),
       childrenFieldRef: X(e, "childrenField"),
-      handleDoubleClick: u,
-      handleToggleClick: i
+      handleDoubleClick: i,
+      handleToggleClick: u
     });
-    function i(f) {
+    function u(f) {
       d(f);
     }
-    function u(f) {
+    function i(f) {
       t("dblclick", f);
     }
     function d(f) {
@@ -7963,8 +7964,8 @@ function Vm(e, t, n, r, a, s) {
       itemResizable: "",
       itemSize: 20
     }, {
-      default: Z(({ item: i }) => [
-        J(o, { node: i }, null, 8, ["node"])
+      default: Z(({ item: u }) => [
+        J(o, { node: u }, null, 8, ["node"])
       ]),
       _: 1
     }, 8, ["items"])