@teammodlr/ui-kit 3.0.0-beta.12 → 3.0.0-beta.14

package/lib/index.es.js

@@ -6,7 +6,7 @@ var Xi = (e, t, n) => t in e ? Gi(e, t, { enumerable: !0, configurable: !0, writ
 var Ie = (e, t, n) => Xi(e, typeof t != "symbol" ? t + "" : t, n), Yi = (e, t, n) => t.has(e) || Ha("Cannot " + n);
 var mn = (e, t, n) => (Yi(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Wa = (e, t, n) => t.has(e) ? Ha("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n);
 import * as Fn from "vue";
-import { defineComponent as O, renderSlot as S, ref as w, readonly as Bo, watch as Q, computed as y, provide as Ae, openBlock as g, createElementBlock as A, normalizeStyle as ce, normalizeClass as T, inject as Me, Fragment as ue, shallowRef as Kt, shallowReadonly as xt, getCurrentScope as Go, onScopeDispose as Xo, toValue as Ne, effectScope as Dr, toRefs as Be, customRef as Pr, onBeforeUnmount as ln, watchEffect as be, getCurrentInstance as It, isRef as Dt, reactive as Ve, unref as v, nextTick as me, onMounted as Se, toHandlerKey as Zi, camelize as Er, onUpdated as Ji, triggerRef as Qi, toRef as _e, onUnmounted as Rt, h as Jt, Comment as eu, mergeProps as J, cloneVNode as tu, createBlock as q, withCtx as $, createVNode as L, createCommentVNode as X, Teleport as Yo, normalizeProps as ye, guardReactiveProps as we, markRaw as nu, renderList as Pe, watchPostEffect as Ir, mergeDefaults as Rr, withDirectives as Zo, vShow as Fr, resolveDynamicComponent as et, withKeys as yt, withModifiers as he, createTextVNode as $e, toDisplayString as ie, toHandlers as ro, createElementVNode as I, resolveComponent as W, useAttrs as jr, isVNode as yn, Transition as wn, vModelText as ou, toRaw as Ka } from "vue";
+import { defineComponent as O, renderSlot as S, ref as w, readonly as Bo, watch as Q, computed as y, provide as Ae, openBlock as g, createElementBlock as A, normalizeStyle as ce, normalizeClass as M, inject as Me, Fragment as ue, shallowRef as Kt, shallowReadonly as xt, getCurrentScope as Go, onScopeDispose as Xo, toValue as Ne, effectScope as Dr, toRefs as Be, customRef as Pr, onBeforeUnmount as ln, watchEffect as be, getCurrentInstance as It, isRef as Dt, reactive as Ve, unref as v, nextTick as me, onMounted as Se, toHandlerKey as Zi, camelize as Er, onUpdated as Ji, triggerRef as Qi, toRef as _e, onUnmounted as Rt, h as Jt, Comment as eu, mergeProps as J, cloneVNode as tu, createBlock as q, withCtx as $, createVNode as L, createCommentVNode as X, Teleport as Yo, normalizeProps as ye, guardReactiveProps as we, markRaw as nu, renderList as Pe, watchPostEffect as Ir, mergeDefaults as Rr, withDirectives as Zo, vShow as Fr, resolveDynamicComponent as et, withKeys as yt, withModifiers as he, createTextVNode as $e, toDisplayString as ie, toHandlers as ro, createElementVNode as I, resolveComponent as W, useAttrs as jr, isVNode as yn, Transition as wn, vModelText as ou, toRaw as Ka } from "vue";
 const au = {
   h: {
     type: Function,
@@ -137,7 +137,7 @@ const yu = {
 function hu(e, t, n, o, a, r) {
   return g(), A("div", {
     style: ce({ height: `${e.height}px` }),
-    class: T(e.computedWrapperClass)
+    class: M(e.computedWrapperClass)
   }, [
     S(e.$slots, "default")
   ], 6);
@@ -284,14 +284,14 @@ function Xa(e, t, n, o = {}) {
     e.key === "End"
   ], C = p || m, _ = c || f;
   if (!h && !b && (!C && !_ || a === "vertical" && _ || a === "horizontal" && C)) return null;
-  const M = n ? Array.from(n.querySelectorAll(r)) : s;
-  if (!M.length) return null;
+  const T = n ? Array.from(n.querySelectorAll(r)) : s;
+  if (!T.length) return null;
   d && e.preventDefault();
   let D = null;
-  return _ || C ? D = Vr(M, t, {
+  return _ || C ? D = Vr(T, t, {
     goForward: C ? m : i === "ltr" ? c : f,
     loop: l
-  }) : h ? D = M.at(0) || null : b && (D = M.at(-1) || null), u && (D == null || D.focus()), D;
+  }) : h ? D = T.at(0) || null : b && (D = T.at(-1) || null), u && (D == null || D.focus()), D;
 }
 function Vr(e, t, n, o = e.includes(t) ? e.length : e.length + 1) {
   if (--o === 0) return null;
@@ -499,11 +499,11 @@ function Le(e, t, n, o = {}) {
   };
   if (l) {
     const _ = w(b());
-    let M = !1;
+    let T = !1;
     return Q(() => e[t], (D) => {
-      M || (M = !0, _.value = h(D), me(() => M = !1));
+      T || (T = !0, _.value = h(D), me(() => T = !1));
     }), Q(_, (D) => {
-      !M && (D !== e[t] || d) && C(D);
+      !T && (D !== e[t] || d) && C(D);
     }, { deep: d }), _;
   } else return y({
     get() {
@@ -1034,24 +1034,24 @@ function ad(e, t) {
   }), u = (C) => {
     var _;
     if (ft) {
-      const M = new CustomEvent(C, {
+      const T = new CustomEvent(C, {
         bubbles: !1,
         cancelable: !1
       });
-      (_ = t.value) == null || _.dispatchEvent(M);
+      (_ = t.value) == null || _.dispatchEvent(T);
     }
   };
   Q(e, async (C, _) => {
     var D;
-    const M = _ !== C;
-    if (await me(), M) {
+    const T = _ !== C;
+    if (await me(), T) {
       const E = o.value, F = Nn(t.value);
       C ? (d("MOUNT"), u("enter"), F === "none" && u("after-enter")) : F === "none" || F === "undefined" || ((D = n.value) == null ? void 0 : D.display) === "none" ? (d("UNMOUNT"), u("leave"), u("after-leave")) : _ && E !== F ? (d("ANIMATION_OUT"), u("leave")) : (d("UNMOUNT"), u("after-leave"));
     }
   }, { immediate: !0 });
   const c = (C) => {
-    const _ = Nn(t.value), M = _.includes(CSS.escape(C.animationName)), D = i.value === "mounted" ? "enter" : "leave";
-    if (C.target === t.value && M && (u(`after-${D}`), d("ANIMATION_END"), !a.value)) {
+    const _ = Nn(t.value), T = _.includes(CSS.escape(C.animationName)), D = i.value === "mounted" ? "enter" : "leave";
+    if (C.target === t.value && T && (u(`after-${D}`), d("ANIMATION_END"), !a.value)) {
       const E = t.value.style.animationFillMode;
       t.value.style.animationFillMode = "forwards", s = l == null ? void 0 : l.setTimeout(() => {
         var F;
@@ -2717,7 +2717,7 @@ async function Sc(e, t) {
     y: a,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, M = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), D = await (r.isElement == null ? void 0 : r.isElement(M)) ? await (r.getScale == null ? void 0 : r.getScale(M)) || {
+  } : s.reference, T = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), D = await (r.isElement == null ? void 0 : r.isElement(T)) ? await (r.getScale == null ? void 0 : r.getScale(T)) || {
     x: 1,
     y: 1
   } : {
@@ -2726,7 +2726,7 @@ async function Sc(e, t) {
   }, E = to(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
     rect: _,
-    offsetParent: M,
+    offsetParent: T,
     strategy: i
   }) : _);
   return {
@@ -2763,7 +2763,7 @@ const kc = 50, Oc = async (e, t, n) => {
       name: C,
       fn: _
     } = b, {
-      x: M,
+      x: T,
       y: D,
       data: E,
       reset: F
@@ -2781,7 +2781,7 @@ const kc = 50, Oc = async (e, t, n) => {
         floating: t
       }
     });
-    u = M ?? u, c = D ?? c, m[C] = {
+    u = T ?? u, c = D ?? c, m[C] = {
       ...m[C],
       ...E
     }, F && p < kc && (p++, typeof F == "object" && (F.placement && (f = F.placement), F.rects && (d = F.rects === !0 ? await s.getElementRects({
@@ -2821,9 +2821,9 @@ const kc = 50, Oc = async (e, t, n) => {
     const c = us(u), f = {
       x: n,
       y: o
-    }, p = da(a), m = ua(p), h = await s.getDimensions(d), b = p === "y", C = b ? "top" : "left", _ = b ? "bottom" : "right", M = b ? "clientHeight" : "clientWidth", D = r.reference[m] + r.reference[p] - f[p] - r.floating[m], E = f[p] - r.reference[p], F = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d));
-    let R = F ? F[M] : 0;
-    (!R || !await (s.isElement == null ? void 0 : s.isElement(F))) && (R = l.floating[M] || r.floating[m]);
+    }, p = da(a), m = ua(p), h = await s.getDimensions(d), b = p === "y", C = b ? "top" : "left", _ = b ? "bottom" : "right", T = b ? "clientHeight" : "clientWidth", D = r.reference[m] + r.reference[p] - f[p] - r.floating[m], E = f[p] - r.reference[p], F = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d));
+    let R = F ? F[T] : 0;
+    (!R || !await (s.isElement == null ? void 0 : s.isElement(F))) && (R = l.floating[T] || r.floating[m]);
     const x = D / 2 - E / 2, V = R / 2 - h[m] / 2 - 1, B = Pt(c[C], V), j = Pt(c[_], V), H = B, K = R - h[m] - j, N = R / 2 - h[m] / 2 + x, k = Ro(H, N, K), z = !i.arrow && cn(a) != null && N !== k && r.reference[m] / 2 - (N < H ? B : j) - h[m] / 2 < 0, Y = z ? N < H ? N - H : N - K : 0;
     return {
       [p]: f[p] + Y,
@@ -2861,7 +2861,7 @@ const kc = 50, Oc = async (e, t, n) => {
       } = St(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const C = kt(a), _ = gt(l), M = kt(l) === l, D = await (i.isRTL == null ? void 0 : i.isRTL(d.floating)), E = f || (M || !h ? [eo(l)] : hc(l)), F = m !== "none";
+      const C = kt(a), _ = gt(l), T = kt(l) === l, D = await (i.isRTL == null ? void 0 : i.isRTL(d.floating)), E = f || (T || !h ? [eo(l)] : hc(l)), F = m !== "none";
       !f && F && E.push(..._c(l, h, m, D));
       const R = [l, ...E], x = await i.detectOverflow(t, b), V = [];
       let B = ((o = r.flip) == null ? void 0 : o.overflows) || [];
@@ -3039,11 +3039,11 @@ const Ac = function(e) {
           fn: (C) => {
             let {
               x: _,
-              y: M
+              y: T
             } = C;
             return {
               x: _,
-              y: M
+              y: T
             };
           }
         },
@@ -3054,12 +3054,12 @@ const Ac = function(e) {
       }, c = await r.detectOverflow(t, d), f = gt(kt(a)), p = ia(f);
       let m = u[p], h = u[f];
       if (s) {
-        const C = p === "y" ? "top" : "left", _ = p === "y" ? "bottom" : "right", M = m + c[C], D = m - c[_];
-        m = Ro(M, m, D);
+        const C = p === "y" ? "top" : "left", _ = p === "y" ? "bottom" : "right", T = m + c[C], D = m - c[_];
+        m = Ro(T, m, D);
       }
       if (l) {
-        const C = f === "y" ? "top" : "left", _ = f === "y" ? "bottom" : "right", M = h + c[C], D = h - c[_];
-        h = Ro(M, h, D);
+        const C = f === "y" ? "top" : "left", _ = f === "y" ? "bottom" : "right", T = h + c[C], D = h - c[_];
+        h = Ro(T, h, D);
       }
       const b = i.fn({
         ...t,
@@ -3107,12 +3107,12 @@ const Ac = function(e) {
         ...h
       };
       if (i) {
-        const M = f === "y" ? "height" : "width", D = r.reference[f] - r.floating[M] + b.mainAxis, E = r.reference[f] + r.reference[M] - b.mainAxis;
+        const T = f === "y" ? "height" : "width", D = r.reference[f] - r.floating[T] + b.mainAxis, E = r.reference[f] + r.reference[T] - b.mainAxis;
         p < D ? p = D : p > E && (p = E);
       }
       if (d) {
         var C, _;
-        const M = f === "y" ? "width" : "height", D = ds.has(kt(a)), E = r.reference[c] - r.floating[M] + (D && ((C = s.offset) == null ? void 0 : C[c]) || 0) + (D ? 0 : b.crossAxis), F = r.reference[c] + r.reference[M] + (D ? 0 : ((_ = s.offset) == null ? void 0 : _[c]) || 0) - (D ? b.crossAxis : 0);
+        const T = f === "y" ? "width" : "height", D = ds.has(kt(a)), E = r.reference[c] - r.floating[T] + (D && ((C = s.offset) == null ? void 0 : C[c]) || 0) + (D ? 0 : b.crossAxis), F = r.reference[c] + r.reference[T] + (D ? 0 : ((_ = s.offset) == null ? void 0 : _[c]) || 0) - (D ? b.crossAxis : 0);
         m < E ? m = E : m > F && (m = F);
       }
       return {
@@ -3142,9 +3142,9 @@ const Ac = function(e) {
       } = r.floating;
       let b, C;
       c === "top" || c === "bottom" ? (b = c, C = f === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (C = c, b = f === "end" ? "top" : "bottom");
-      const _ = h - u.top - u.bottom, M = m - u.left - u.right, D = Pt(h - u[b], _), E = Pt(m - u[C], M), F = !t.middlewareData.shift;
+      const _ = h - u.top - u.bottom, T = m - u.left - u.right, D = Pt(h - u[b], _), E = Pt(m - u[C], T), F = !t.middlewareData.shift;
       let R = D, x = E;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (x = M), (o = t.middlewareData.shift) != null && o.enabled.y && (R = _), F && !f) {
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (x = T), (o = t.middlewareData.shift) != null && o.enabled.y && (R = _), F && !f) {
         const B = Qe(u.left, 0), j = Qe(u.right, 0), H = Qe(u.top, 0), K = Qe(u.bottom, 0);
         p ? x = m - 2 * (B !== 0 || j !== 0 ? B + j : Qe(u.left, u.right)) : R = h - 2 * (H !== 0 || K !== 0 ? H + K : Qe(u.top, u.bottom));
       }
@@ -3326,8 +3326,8 @@ function Ht(e, t, n, o) {
     const f = tt(r), p = o && pt(o) ? tt(o) : o;
     let m = f, h = jo(m);
     for (; h && o && p !== m; ) {
-      const b = en(h), C = h.getBoundingClientRect(), _ = vt(h), M = C.left + (h.clientLeft + parseFloat(_.paddingLeft)) * b.x, D = C.top + (h.clientTop + parseFloat(_.paddingTop)) * b.y;
-      i *= b.x, d *= b.y, u *= b.x, c *= b.y, i += M, d += D, m = tt(h), h = jo(m);
+      const b = en(h), C = h.getBoundingClientRect(), _ = vt(h), T = C.left + (h.clientLeft + parseFloat(_.paddingLeft)) * b.x, D = C.top + (h.clientTop + parseFloat(_.paddingTop)) * b.y;
+      i *= b.x, d *= b.y, u *= b.x, c *= b.y, i += T, d += D, m = tt(h), h = jo(m);
     }
   }
   return to({
@@ -3585,7 +3585,7 @@ function Qc(e, t) {
     } = d;
     if (l || t(), !f || !p)
       return;
-    const m = Vn(c), h = Vn(a.clientWidth - (u + f)), b = Vn(a.clientHeight - (c + p)), C = Vn(u), M = {
+    const m = Vn(c), h = Vn(a.clientWidth - (u + f)), b = Vn(a.clientHeight - (c + p)), C = Vn(u), T = {
       rootMargin: -m + "px " + -h + "px " + -b + "px " + -C + "px",
       threshold: Qe(0, Pt(1, i)) || 1
     };
@@ -3603,12 +3603,12 @@ function Qc(e, t) {
     }
     try {
       n = new IntersectionObserver(E, {
-        ...M,
+        ...T,
         // Handle <iframe>s
         root: a.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(E, M);
+      n = new IntersectionObserver(E, T);
     }
     n.observe(e);
   }
@@ -3633,8 +3633,8 @@ function ef(e, t, n, o) {
   s && (p = new ResizeObserver((C) => {
     let [_] = C;
     _ && _.target === d && p && t && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
-      var M;
-      (M = p) == null || M.observe(t);
+      var T;
+      (T = p) == null || T.observe(t);
     })), n();
   }), d && !i && p.observe(d), t && p.observe(t));
   let m, h = i ? Ht(e) : null;
@@ -3732,7 +3732,7 @@ function cf(e, t, n) {
     };
   });
   let _;
-  function M() {
+  function T() {
     if (d.value == null || u.value == null)
       return;
     const R = a.value;
@@ -3749,18 +3749,18 @@ function cf(e, t, n) {
   }
   function E() {
     if (D(), o === void 0) {
-      M();
+      T();
       return;
     }
     if (d.value != null && u.value != null) {
-      _ = o(d.value, u.value, M);
+      _ = o(d.value, u.value, T);
       return;
     }
   }
   function F() {
     a.value || (b.value = !1);
   }
-  return Q([r, s, l, a], M, {
+  return Q([r, s, l, a], T, {
     flush: "sync"
   }), Q([d, u], E, {
     flush: "sync"
@@ -3774,7 +3774,7 @@ function cf(e, t, n) {
     middlewareData: xt(h),
     isPositioned: xt(b),
     floatingStyles: C,
-    update: M
+    update: T
   };
 }
 const bs = {
@@ -3933,7 +3933,7 @@ var vf = /* @__PURE__ */ O({
         strategy: "referenceHidden",
         ...m.value
       })
-    ]), C = y(() => n.reference ?? a.anchor.value), { floatingStyles: _, placement: M, isPositioned: D, middlewareData: E, update: F } = cf(C, l, {
+    ]), C = y(() => n.reference ?? a.anchor.value), { floatingStyles: _, placement: T, isPositioned: D, middlewareData: E, update: F } = cf(C, l, {
       strategy: n.positionStrategy,
       placement: c,
       whileElementsMounted: (...K) => ef(...K, {
@@ -3941,7 +3941,7 @@ var vf = /* @__PURE__ */ O({
         animationFrame: n.updatePositionStrategy === "always"
       }),
       middleware: b
-    }), R = y(() => Io(M.value)[0]), x = y(() => Io(M.value)[1]);
+    }), R = y(() => Io(T.value)[0]), x = y(() => Io(T.value)[1]);
     Ir(() => {
       D.value && o("placed");
     });
@@ -4269,8 +4269,8 @@ var Mf = /* @__PURE__ */ O({
     function h(C) {
       const _ = !c.value;
       if (C.currentTarget && C.target === C.currentTarget && _ && !u.value) {
-        const M = new CustomEvent(ec, tc);
-        if (C.currentTarget.dispatchEvent(M), a("entryFocus", M), !M.defaultPrevented) {
+        const T = new CustomEvent(ec, tc);
+        if (C.currentTarget.dispatchEvent(T), a("entryFocus", T), !T.defaultPrevented) {
           const D = p().map((V) => V.ref).filter((V) => V.dataset.disabled !== ""), E = D.find((V) => V.getAttribute("data-active") === ""), F = D.find((V) => V.getAttribute("data-highlighted") === ""), R = D.find((V) => V.id === d.value), x = [
             E,
             F,
@@ -4312,10 +4312,10 @@ var Mf = /* @__PURE__ */ O({
         "as-child": C.asChild,
         dir: v(i),
         style: { outline: "none" },
-        onMousedown: _[0] || (_[0] = (M) => c.value = !0),
+        onMousedown: _[0] || (_[0] = (T) => c.value = !0),
         onMouseup: b,
         onFocus: h,
-        onBlur: _[1] || (_[1] = (M) => u.value = !1)
+        onBlur: _[1] || (_[1] = (T) => u.value = !1)
       }, {
         default: $(() => [S(C.$slots, "default")]),
         _: 3
@@ -4785,7 +4785,7 @@ var xf = /* @__PURE__ */ O({
   setup(e, { emit: t }) {
     const n = e, o = t, a = Xt(), r = Bn(), { trapFocus: s, disableOutsidePointerEvents: l, loop: i } = Be(n);
     Ur(), na(l.value);
-    const d = w(""), u = w(0), c = w(0), f = w(null), p = w("right"), m = w(0), h = w(null), b = w(), { forwardRef: C, currentElement: _ } = Z(), { handleTypeaheadSearch: M } = td(), D = w();
+    const d = w(""), u = w(0), c = w(0), f = w(null), p = w("right"), m = w(0), h = w(null), b = w(), { forwardRef: C, currentElement: _ } = Z(), { handleTypeaheadSearch: T } = td(), D = w();
     function E(k) {
       const z = Xa(k, D.value || je(), _.value, {
         loop: i.value,
@@ -4828,7 +4828,7 @@ var xf = /* @__PURE__ */ O({
       if (ve) return ve == null ? void 0 : ve.focus();
       if (k.code === "Space") return;
       const Oe = ((Ee = b.value) == null ? void 0 : Ee.getItems()) ?? [];
-      if (Y && (k.key === "Tab" && k.preventDefault(), !ne && ae && !se && M(k.key, Oe)), k.target !== _.value || !Bd.includes(k.key)) return;
+      if (Y && (k.key === "Tab" && k.preventDefault(), !ne && ae && !se && T(k.key, Oe)), k.target !== _.value || !Bd.includes(k.key)) return;
       k.preventDefault();
       const Ce = [...Oe.map((De) => De.ref)];
       es.includes(k.key) && Ce.reverse(), Pd(Ce);
@@ -5878,7 +5878,7 @@ var cp = /* @__PURE__ */ O({
       l();
       const f = (p = n.content.value) == null ? void 0 : p.getBoundingClientRect();
       if (f != null && f.width) {
-        const h = (m = n.content.value) == null ? void 0 : m.dataset.side, b = h === "right", C = b ? -5 : 5, _ = f[b ? "left" : "right"], M = f[b ? "right" : "left"];
+        const h = (m = n.content.value) == null ? void 0 : m.dataset.side, b = h === "right", C = b ? -5 : 5, _ = f[b ? "left" : "right"], T = f[b ? "right" : "left"];
         r.onPointerGraceIntentChange({
           area: [
             {
@@ -5890,11 +5890,11 @@ var cp = /* @__PURE__ */ O({
               y: f.top
             },
             {
-              x: M,
+              x: T,
               y: f.top
             },
             {
-              x: M,
+              x: T,
               y: f.bottom
             },
             {
@@ -8701,8 +8701,8 @@ var Wv = /* @__PURE__ */ O({
       defaultValue: n.defaultOpen,
       passive: n.open === void 0
     });
-    Q(u, (M) => {
-      a.onClose && (M ? (a.onOpen(), document.dispatchEvent(new CustomEvent(Js))) : a.onClose());
+    Q(u, (T) => {
+      a.onClose && (T ? (a.onOpen(), document.dispatchEvent(new CustomEvent(Js))) : a.onClose());
     });
     const c = w(!1), f = w(), p = y(() => u.value ? c.value ? "delayed-open" : "instant-open" : "closed"), { start: m, stop: h } = Hr(() => {
       c.value = !0, u.value = !0;
@@ -8721,8 +8721,8 @@ var Wv = /* @__PURE__ */ O({
       open: u,
       stateAttribute: p,
       trigger: f,
-      onTriggerChange(M) {
-        f.value = M;
+      onTriggerChange(T) {
+        f.value = T;
       },
       onTriggerEnter() {
         a.isOpenDelayed.value ? _() : b();
@@ -8736,8 +8736,8 @@ var Wv = /* @__PURE__ */ O({
       disableClosingTrigger: s,
       disabled: l,
       ignoreNonKeyboardFocus: d
-    }), (M, D) => (g(), q(v(fo), null, {
-      default: $(() => [S(M.$slots, "default", { open: v(u) })]),
+    }), (T, D) => (g(), q(v(fo), null, {
+      default: $(() => [S(T.$slots, "default", { open: v(u) })]),
       _: 3
     }));
   }
@@ -9155,10 +9155,10 @@ function rm(e, t, n, o, a, r) {
   return g(), A(ue, null, [
     (e.displayDirective === "if" ? e.show : e.onceTrue) ? (g(), A("div", om, [
       I("div", {
-        class: T(e.wrapperClassesComputed)
+        class: M(e.wrapperClassesComputed)
       }, [
         I("div", {
-          class: T(e.innerClassesComputed)
+          class: M(e.innerClassesComputed)
         }, [
           S(e.$slots, "default")
         ], 2)
@@ -9166,10 +9166,10 @@ function rm(e, t, n, o, a, r) {
     ])) : X("", !0),
     e.show ? X("", !0) : Zo((g(), A("div", am, [
       I("div", {
-        class: T(e.wrapperClassesComputed)
+        class: M(e.wrapperClassesComputed)
       }, [
         I("div", {
-          class: T(e.innerClassesComputed)
+          class: M(e.innerClassesComputed)
         }, [
           S(e.$slots, "default")
         ], 2)
@@ -9256,20 +9256,20 @@ function dm(e, t, n, o, a, r) {
   }, {
     default: $(() => [
       I("div", {
-        class: T(e.computedContentClasses)
+        class: M(e.computedContentClasses)
       }, [
         L(s, { "as-child": "" }, {
           default: $(() => [
             I("button", {
               type: "button",
-              class: T(e.computedHeaderClasses)
+              class: M(e.computedHeaderClasses)
             }, [
               I("div", {
-                class: T(e.computedHeaderMainClasses),
+                class: M(e.computedHeaderMainClasses),
                 style: ce(e.computedHeaderMainStyles)
               }, [
                 (g(), A("svg", {
-                  class: T([e.computedIconClasses, "lucide lucide-chevron-right"]),
+                  class: M([e.computedIconClasses, "lucide lucide-chevron-right"]),
                   xmlns: "http://www.w3.org/2000/svg",
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -9391,7 +9391,7 @@ const tl = Symbol("AVATAR_GROUP_STATE"), _m = O({
 function $m(e, t, n, o, a, r) {
   const s = W("AvatarImage"), l = W("AvatarFallback"), i = W("AvatarRoot");
   return g(), q(i, {
-    class: T(e.classes),
+    class: M(e.classes),
     ref: "avatar"
   }, {
     default: $(() => [
@@ -9463,11 +9463,11 @@ const Om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function qm(e, t, n, o, a, r) {
   const s = W("MAvatar");
   return g(), A("ul", {
-    class: T(e.style.base)
+    class: M(e.style.base)
   }, [
     (g(!0), A(ue, null, Pe(e.avatars, (l, i) => (g(), A("li", {
       key: i,
-      class: T(e.style.item)
+      class: M(e.style.item)
     }, [
       I("div", {
         style: ce([{ display: "inline-block", position: "relative", outline: "0" }, { zIndex: e.avatars.length - i }])
@@ -9519,10 +9519,10 @@ const Im = O({
 });
 function Rm(e, t, n, o, a, r) {
   return g(), A("span", {
-    class: T(e.baseClass)
+    class: M(e.baseClass)
   }, [
     I("span", {
-      class: T(e.textClass),
+      class: M(e.textClass),
       secondary: ""
     }, [
       S(e.$slots, "default")
@@ -9567,7 +9567,7 @@ const Vm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 });
 function zm(e, t, n, o, a, r) {
   return g(), A("ol", {
-    class: T(e.classes)
+    class: M(e.classes)
   }, [
     S(e.$slots, "default")
   ], 2);
@@ -9611,19 +9611,19 @@ const Hm = /* @__PURE__ */ te(xm, [["render", zm]]), Wm = O({
 });
 function Km(e, t, n, o, a, r) {
   return g(), A("li", {
-    class: T(e.style.item)
+    class: M(e.style.item)
   }, [
     I("a", {
       tabindex: "0",
       onClick: t[0] || (t[0] = (...s) => e.handleClick && e.handleClick(...s)),
-      class: T(e.style.link)
+      class: M(e.style.link)
     }, [
       S(e.$slots, "default", {}, () => [
         $e(ie(e.label), 1)
       ])
     ], 2),
     I("span", {
-      class: T(e.style.separator),
+      class: M(e.style.separator),
       role: "separator"
     }, ie(e.separator), 3)
   ], 2);
@@ -9703,7 +9703,7 @@ const rl = Symbol("BUTTON_GROUP_STATE"), ka = Symbol("FORM_STATE"), uy = O({
         [oy]: e.icon,
         [iy]: h.value
       }
-    ]), M = y(() => [
+    ]), T = y(() => [
       ty,
       {
         [ny]: s.value
@@ -9720,7 +9720,7 @@ const rl = Symbol("BUTTON_GROUP_STATE"), ka = Symbol("FORM_STATE"), uy = O({
     }), {
       dropdownOpen: d,
       computedClasses: _,
-      computedWaveClasses: M,
+      computedWaveClasses: T,
       computedBorderClasses: D,
       computedBorderStateClasses: E,
       computedTag: F,
@@ -9760,14 +9760,14 @@ function dy(e, t, n, o, a, r) {
   }, e.$attrs), {
     default: $(() => [
       I("div", {
-        class: T(e.computedBorderClasses)
+        class: M(e.computedBorderClasses)
       }, null, 2),
       I("div", {
-        class: T(e.computedBorderStateClasses)
+        class: M(e.computedBorderStateClasses)
       }, null, 2),
       e.hasIconLeft ? (g(), A("span", {
         key: 0,
-        class: T(e.iconLeft)
+        class: M(e.iconLeft)
       }, [
         S(e.$slots, "icon-left")
       ], 2)) : X("", !0),
@@ -9776,7 +9776,7 @@ function dy(e, t, n, o, a, r) {
       ]),
       e.hasIconRight ? (g(), A("span", {
         key: 1,
-        class: T(e.iconRight)
+        class: M(e.iconRight)
       }, [
         S(e.$slots, "icon-right")
       ], 2)) : X("", !0)
@@ -9805,7 +9805,7 @@ const fy = O({
 });
 function py(e, t, n, o, a, r) {
   return g(), A("div", {
-    class: T(e.classes)
+    class: M(e.classes)
   }, [
     S(e.$slots, "default")
   ], 2);
@@ -9841,11 +9841,11 @@ const qe = (e, {
       if (typeof b == "function")
         C = b(m);
       else if (Array.isArray(b) && b.length === 2) {
-        const { 0: _, 1: M } = b;
-        C = _(m, M);
+        const { 0: _, 1: T } = b;
+        C = _(m, T);
       } else {
-        const _ = b.fn, { options: M } = b;
-        C = _(m, M);
+        const _ = b.fn, { options: T } = b;
+        C = _(m, T);
       }
       if (C !== !0)
         return r.value = C, !1;
@@ -9975,7 +9975,7 @@ const wy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       inputListeners: b
     } = qe(e, { focus: s, emit: n, withListeners: !1 }), C = y(
       () => m || e.disabled || e.loading
-    ), _ = _e(e, "name"), M = y(() => !!t.default), D = y(() => [
+    ), _ = _e(e, "name"), T = y(() => !!t.default), D = y(() => [
       ll,
       [dl[e.size]],
       {
@@ -10017,7 +10017,7 @@ const wy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       toggle: R,
       style: wy,
       classes: D,
-      hasSlot: M,
+      hasSlot: T,
       inputListeners: b,
       focus: s,
       blur: l,
@@ -10029,7 +10029,7 @@ function $y(e, t, n, o, a, r) {
   const s = W("CheckboxRoot");
   return g(), A("div", null, [
     I("label", {
-      class: T(e.style.base)
+      class: M(e.style.base)
     }, [
       L(s, J({
         id: e.name,
@@ -10048,7 +10048,7 @@ function $y(e, t, n, o, a, r) {
         "onUpdate:modelValue": e.onChange
       }), null, 16, ["id", "modelValue", "name", "required", "value", "disabled", "aria-disabled", "aria-labelledby", "class", "onBlur", "onFocus", "onUpdate:modelValue"]),
       I("span", {
-        class: T(e.style.label),
+        class: M(e.style.label),
         id: `${e.id}-label`
       }, [
         e.hasSlot ? S(e.$slots, "default", { key: 0 }) : (g(), A(ue, { key: 1 }, [
@@ -10058,7 +10058,7 @@ function $y(e, t, n, o, a, r) {
     ], 2),
     e.hasHelpMessage ? (g(), A("span", {
       key: 0,
-      class: T(e.style.helpMessage)
+      class: M(e.style.helpMessage)
     }, [
       S(e.$slots, "help")
     ], 2)) : X("", !0)
@@ -10156,7 +10156,7 @@ function Ay(e, t = {}) {
     handle: h = e
   } = t, b = w(
     (n = ze(c)) != null ? n : { x: 0, y: 0 }
-  ), C = w(), _ = (R) => a ? a.includes(R.pointerType) : !0, M = (R) => {
+  ), C = w(), _ = (R) => a ? a.includes(R.pointerType) : !0, T = (R) => {
     ze(r) && R.preventDefault(), ze(s) && R.stopPropagation();
   }, D = (R) => {
     var x;
@@ -10166,7 +10166,7 @@ function Ay(e, t = {}) {
       x: R.clientX - (V ? j.left - B.left + V.scrollLeft : j.left),
       y: R.clientY - (V ? j.top - B.top + V.scrollTop : j.top)
     };
-    (u == null ? void 0 : u(H, R)) !== !1 && (C.value = H, M(R));
+    (u == null ? void 0 : u(H, R)) !== !1 && (C.value = H, T(R));
   }, E = (R) => {
     if (ze(t.disabled) || !_(R) || !C.value)
       return;
@@ -10175,9 +10175,9 @@ function Ay(e, t = {}) {
     (f === "x" || f === "both") && (B = R.clientX - C.value.x, x && (B = Math.min(Math.max(0, B), x.scrollWidth - V.width))), (f === "y" || f === "both") && (j = R.clientY - C.value.y, x && (j = Math.min(Math.max(0, j), x.scrollHeight - V.height))), b.value = {
       x: B,
       y: j
-    }, i == null || i(b.value, R), M(R);
+    }, i == null || i(b.value, R), T(R);
   }, F = (R) => {
-    ze(t.disabled) || !_(R) || C.value && (C.value = void 0, d == null || d(b.value, R), M(R));
+    ze(t.disabled) || !_(R) || C.value && (C.value = void 0, d == null || d(b.value, R), T(R));
   };
   if (fl) {
     const R = { capture: (o = t.capture) != null ? o : !0 };
@@ -10235,10 +10235,10 @@ function Ey(e = {}) {
     d instanceof MouseEvent && E && (u.value = E[0] + r.scrollX, c.value = E[1] + r.scrollY);
   }, C = () => {
     u.value = a.x, c.value = a.y;
-  }, _ = i ? (E) => i(() => m(E), {}) : (E) => m(E), M = i ? (E) => i(() => h(E), {}) : (E) => h(E), D = i ? () => i(() => b(), {}) : () => b();
+  }, _ = i ? (E) => i(() => m(E), {}) : (E) => m(E), T = i ? (E) => i(() => h(E), {}) : (E) => h(E), D = i ? () => i(() => b(), {}) : () => b();
   if (s) {
     const E = { passive: !0 };
-    Te(s, ["mousemove", "dragover"], _, E), n && t !== "movement" && (Te(s, ["touchstart", "touchmove"], M, E), o && Te(s, "touchend", C, E)), l && t === "page" && Te(r, "scroll", D, { passive: !0 });
+    Te(s, ["mousemove", "dragover"], _, E), n && t !== "movement" && (Te(s, ["touchstart", "touchmove"], T, E), o && Te(s, "touchend", C, E)), l && t === "page" && Te(r, "scroll", D, { passive: !0 });
   }
   return {
     x: u,
@@ -10261,11 +10261,11 @@ function Iy(e, t = {}) {
         return;
       const {
         left: _,
-        top: M,
+        top: T,
         width: D,
         height: E
       } = C.getBoundingClientRect();
-      c.value = _ + (a === "page" ? o.pageXOffset : 0), f.value = M + (a === "page" ? o.pageYOffset : 0), p.value = E, m.value = D;
+      c.value = _ + (a === "page" ? o.pageXOffset : 0), f.value = T + (a === "page" ? o.pageYOffset : 0), p.value = E, m.value = D;
       const F = r.value - c.value, R = s.value - f.value;
       h.value = D === 0 || E === 0 || F < 0 || R < 0 || F > D || R > E, (n || !h.value) && (d.value = F, u.value = R);
     },
@@ -10309,24 +10309,25 @@ function Ry(e = {}) {
     sourceType: l
   };
 }
-var Fy = "_1wz91940", jy = "_1wz91941", Ly = "_1wz91942", Ny = "_1wz91943", Vy = "_1wz91944", xy = "_1wz91945", zy = "_1wz91946", Hy = "_1wz91947", Wy = "_1wz91948", Ky = "_1wz91949", Uy = "_1wz9194a";
-const Gy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var Fy = "_1wz91940", jy = "_1wz91941", Ly = "_1wz91942", Ny = "_1wz91943", Vy = "_1wz91944", xy = "_1wz91945", zy = "_1wz91946", Hy = "_1wz91947", Wy = "_1wz91948", Ky = "_1wz91949", Uy = "_1wz9194a", Gy = "_1wz9194b";
+const Xy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  blackGradient: Uy,
-  colorActions: Wy,
+  blackGradient: Gy,
+  colorActions: Ky,
   colours: Vy,
   container: Fy,
   eyeDrop: Ly,
   preview: Ny,
-  reference: xy,
-  referenceColor: Hy,
+  reference: zy,
+  referenceColor: Wy,
   sliderThumb: jy,
-  transparent: zy,
-  whiteGradient: Ky
+  transparent: Hy,
+  trigger: xy,
+  whiteGradient: Uy
 }, Symbol.toStringTag, { value: "Module" })), xn = (e, t, n, o) => {
   const a = e.toString(16).padStart(2, "0"), r = t.toString(16).padStart(2, "0"), s = n.toString(16).padStart(2, "0"), l = Math.round(o * 255).toString(16).padStart(2, "0");
   return o === 1 ? `#${a}${r}${s}` : `#${a}${r}${s}${l}`;
-}, Xy = (e, t = 0, n = 0, o = 0, a = 0) => {
+}, Yy = (e, t = 0, n = 0, o = 0, a = 0) => {
   e = e.replace("#", "");
   let r = t, s = n, l = o, i = a;
   return e.length >= 2 && (r = parseInt(e.substring(0, 2), 16)), e.length >= 4 ? s = parseInt(e.substring(2, 4), 16) : s = 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(r) || isNaN(s) || isNaN(l) || isNaN(i)) && (r = 0, l = 0, s = 0, i = 1), {
@@ -10345,7 +10346,7 @@ const Gy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     s: l,
     v: s / 255
   };
-}, Yy = (e, t, n, o) => {
+}, Zy = (e, t, n, o) => {
   const a = e, r = t * n, s = a / 60, l = r * (1 - Math.abs(s % 2 - 1));
   let i = 0, d = 0, u = 0;
   s >= 0 && s < 1 ? (i = r, d = l) : s >= 1 && s < 2 ? (i = l, d = r) : s >= 2 && s < 3 ? (d = r, u = l) : s >= 3 && s < 4 ? (d = l, u = r) : s >= 4 && s < 5 ? (i = l, u = r) : (i = r, u = l);
@@ -10356,7 +10357,7 @@ const Gy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     b: m,
     a: o
   };
-}, Zy = (e, t) => {
+}, Jy = (e, t) => {
   const n = 1 - Math.abs(0), o = e / 360 * 6, a = n * (1 - Math.abs(o % 2 - 1));
   let r = 0, s = 0, l = 0;
   o >= 0 && o < 1 ? (r = n, s = a, l = 0) : o >= 1 && o < 2 ? (r = a, s = n, l = 0) : o >= 2 && o < 3 ? (r = 0, s = n, l = a) : o >= 3 && o < 4 ? (r = 0, s = a, l = n) : o >= 4 && o < 5 ? (r = a, s = 0, l = n) : (r = n, s = 0, l = a);
@@ -10368,11 +10369,11 @@ const Gy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     a: t
   };
 };
-var Xe = "top", dt = "bottom", ct = "right", Ye = "left", Ta = "auto", Pn = [Xe, dt, ct, Ye], on = "start", kn = "end", Jy = "clippingParents", pl = "viewport", gn = "popper", Qy = "reference", gr = /* @__PURE__ */ Pn.reduce(function(e, t) {
+var Xe = "top", dt = "bottom", ct = "right", Ye = "left", Ta = "auto", Pn = [Xe, dt, ct, Ye], on = "start", kn = "end", Qy = "clippingParents", pl = "viewport", gn = "popper", eg = "reference", gr = /* @__PURE__ */ Pn.reduce(function(e, t) {
   return e.concat([t + "-" + on, t + "-" + kn]);
 }, []), vl = /* @__PURE__ */ [].concat(Pn, [Ta]).reduce(function(e, t) {
   return e.concat([t, t + "-" + on, t + "-" + kn]);
-}, []), eg = "beforeRead", tg = "read", ng = "afterRead", og = "beforeMain", ag = "main", rg = "afterMain", sg = "beforeWrite", lg = "write", ig = "afterWrite", ug = [eg, tg, ng, og, ag, rg, sg, lg, ig];
+}, []), tg = "beforeRead", ng = "read", og = "afterRead", ag = "beforeMain", rg = "main", sg = "afterMain", lg = "beforeWrite", ig = "write", ug = "afterWrite", dg = [tg, ng, og, ag, rg, sg, lg, ig, ug];
 function wt(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
@@ -10399,7 +10400,7 @@ function qa(e) {
   var t = ot(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function dg(e) {
+function cg(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(n) {
     var o = t.styles[n] || {}, a = t.attributes[n] || {}, r = t.elements[n];
@@ -10409,7 +10410,7 @@ function dg(e) {
     }));
   });
 }
-function cg(e) {
+function fg(e) {
   var t = e.state, n = {
     popper: {
       position: t.options.strategy,
@@ -10433,12 +10434,12 @@ function cg(e) {
     });
   };
 }
-const fg = {
+const pg = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: dg,
-  effect: cg,
+  fn: cg,
+  effect: fg,
   requires: ["computeStyles"]
 };
 function bt(e) {
@@ -10496,7 +10497,7 @@ function yl(e, t) {
 function Ot(e) {
   return ot(e).getComputedStyle(e);
 }
-function pg(e) {
+function vg(e) {
   return ["table", "td", "th"].indexOf(wt(e)) >= 0;
 }
 function jt(e) {
@@ -10521,7 +10522,7 @@ function hr(e) {
   return !ut(e) || // https://github.com/popperjs/popper-core/issues/837
   Ot(e).position === "fixed" ? null : e.offsetParent;
 }
-function vg(e) {
+function mg(e) {
   var t = /firefox/i.test(zo()), n = /Trident/i.test(zo());
   if (n && ut(e)) {
     var o = Ot(e);
@@ -10538,9 +10539,9 @@ function vg(e) {
   return null;
 }
 function En(e) {
-  for (var t = ot(e), n = hr(e); n && pg(n) && Ot(n).position === "static"; )
+  for (var t = ot(e), n = hr(e); n && vg(n) && Ot(n).position === "static"; )
     n = hr(n);
-  return n && (wt(n) === "html" || wt(n) === "body" && Ot(n).position === "static") ? t : n || vg(e) || t;
+  return n && (wt(n) === "html" || wt(n) === "body" && Ot(n).position === "static") ? t : n || mg(e) || t;
 }
 function Aa(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
@@ -10548,7 +10549,7 @@ function Aa(e) {
 function hn(e, t, n) {
   return zt(e, oo(t, n));
 }
-function mg(e, t, n) {
+function yg(e, t, n) {
   var o = hn(e, t, n);
   return o > n ? n : o;
 }
@@ -10568,41 +10569,41 @@ function bl(e, t) {
     return n[o] = e, n;
   }, {});
 }
-var yg = function(t, n) {
+var gg = function(t, n) {
   return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
     placement: n.placement
   })) : t, hl(typeof t != "number" ? t : bl(t, Pn));
 };
-function gg(e) {
+function hg(e) {
   var t, n = e.state, o = e.name, a = e.options, r = n.elements.arrow, s = n.modifiersData.popperOffsets, l = bt(n.placement), i = Aa(l), d = [Ye, ct].indexOf(l) >= 0, u = d ? "height" : "width";
   if (!(!r || !s)) {
-    var c = yg(a.padding, n), f = Ba(r), p = i === "y" ? Xe : Ye, m = i === "y" ? dt : ct, h = n.rects.reference[u] + n.rects.reference[i] - s[i] - n.rects.popper[u], b = s[i] - n.rects.reference[i], C = En(r), _ = C ? i === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, M = h / 2 - b / 2, D = c[p], E = _ - f[u] - c[m], F = _ / 2 - f[u] / 2 + M, R = hn(D, F, E), x = i;
+    var c = gg(a.padding, n), f = Ba(r), p = i === "y" ? Xe : Ye, m = i === "y" ? dt : ct, h = n.rects.reference[u] + n.rects.reference[i] - s[i] - n.rects.popper[u], b = s[i] - n.rects.reference[i], C = En(r), _ = C ? i === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, T = h / 2 - b / 2, D = c[p], E = _ - f[u] - c[m], F = _ / 2 - f[u] / 2 + T, R = hn(D, F, E), x = i;
     n.modifiersData[o] = (t = {}, t[x] = R, t.centerOffset = R - F, t);
   }
 }
-function hg(e) {
+function bg(e) {
   var t = e.state, n = e.options, o = n.element, a = o === void 0 ? "[data-popper-arrow]" : o;
   a != null && (typeof a == "string" && (a = t.elements.popper.querySelector(a), !a) || yl(t.elements.popper, a) && (t.elements.arrow = a));
 }
-const bg = {
+const wg = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: gg,
-  effect: hg,
+  fn: hg,
+  effect: bg,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
 function sn(e) {
   return e.split("-")[1];
 }
-var wg = {
+var Cg = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function Cg(e, t) {
+function _g(e, t) {
   var n = e.x, o = e.y, a = t.devicePixelRatio || 1;
   return {
     x: an(n * a) / a || 0,
@@ -10618,7 +10619,7 @@ function br(e) {
     y: h
   };
   p = b.x, h = b.y;
-  var C = s.hasOwnProperty("x"), _ = s.hasOwnProperty("y"), M = Ye, D = Xe, E = window;
+  var C = s.hasOwnProperty("x"), _ = s.hasOwnProperty("y"), T = Ye, D = Xe, E = window;
   if (d) {
     var F = En(n), R = "clientHeight", x = "clientWidth";
     if (F === ot(n) && (F = jt(n), Ot(F).position !== "static" && l === "absolute" && (R = "scrollHeight", x = "scrollWidth")), F = F, a === Xe || (a === Ye || a === ct) && r === kn) {
@@ -10630,7 +10631,7 @@ function br(e) {
       h -= V - o.height, h *= i ? 1 : -1;
     }
     if (a === Ye || (a === Xe || a === dt) && r === kn) {
-      M = ct;
+      T = ct;
       var B = c && F === E && E.visualViewport ? E.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         F[x]
@@ -10640,7 +10641,7 @@ function br(e) {
   }
   var j = Object.assign({
     position: l
-  }, d && wg), H = u === !0 ? Cg({
+  }, d && Cg), H = u === !0 ? _g({
     x: p,
     y: h
   }, ot(n)) : {
@@ -10649,11 +10650,11 @@ function br(e) {
   };
   if (p = H.x, h = H.y, i) {
     var K;
-    return Object.assign({}, j, (K = {}, K[D] = _ ? "0" : "", K[M] = C ? "0" : "", K.transform = (E.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", K));
+    return Object.assign({}, j, (K = {}, K[D] = _ ? "0" : "", K[T] = C ? "0" : "", K.transform = (E.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + h + "px)" : "translate3d(" + p + "px, " + h + "px, 0)", K));
   }
-  return Object.assign({}, j, (t = {}, t[D] = _ ? h + "px" : "", t[M] = C ? p + "px" : "", t.transform = "", t));
+  return Object.assign({}, j, (t = {}, t[D] = _ ? h + "px" : "", t[T] = C ? p + "px" : "", t.transform = "", t));
 }
-function _g(e) {
+function $g(e) {
   var t = e.state, n = e.options, o = n.gpuAcceleration, a = o === void 0 ? !0 : o, r = n.adaptive, s = r === void 0 ? !0 : r, l = n.roundOffsets, i = l === void 0 ? !0 : l, d = {
     placement: bt(t.placement),
     variation: sn(t.placement),
@@ -10676,17 +10677,17 @@ function _g(e) {
     "data-popper-placement": t.placement
   });
 }
-const $g = {
+const Sg = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: _g,
+  fn: $g,
   data: {}
 };
 var zn = {
   passive: !0
 };
-function Sg(e) {
+function kg(e) {
   var t = e.state, n = e.instance, o = e.options, a = o.scroll, r = a === void 0 ? !0 : a, s = o.resize, l = s === void 0 ? !0 : s, i = ot(t.elements.popper), d = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return r && d.forEach(function(u) {
     u.addEventListener("scroll", n.update, zn);
@@ -10696,16 +10697,16 @@ function Sg(e) {
     }), l && i.removeEventListener("resize", n.update, zn);
   };
 }
-const kg = {
+const Og = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: Sg,
+  effect: kg,
   data: {}
 };
-var Og = {
+var Mg = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -10713,16 +10714,16 @@ var Og = {
 };
 function Gn(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return Og[t];
+    return Mg[t];
   });
 }
-var Mg = {
+var Tg = {
   start: "end",
   end: "start"
 };
 function wr(e) {
   return e.replace(/start|end/g, function(t) {
-    return Mg[t];
+    return Tg[t];
   });
 }
 function Da(e) {
@@ -10735,7 +10736,7 @@ function Da(e) {
 function Pa(e) {
   return rn(jt(e)).left + Da(e).scrollLeft;
 }
-function Tg(e, t) {
+function qg(e, t) {
   var n = ot(e), o = jt(e), a = n.visualViewport, r = o.clientWidth, s = o.clientHeight, l = 0, i = 0;
   if (a) {
     r = a.width, s = a.height;
@@ -10749,7 +10750,7 @@ function Tg(e, t) {
     y: i
   };
 }
-function qg(e) {
+function Bg(e) {
   var t, n = jt(e), o = Da(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, r = zt(n.scrollWidth, n.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), s = zt(n.scrollHeight, n.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), l = -o.scrollLeft + Pa(e), i = -o.scrollTop;
   return Ot(a || n).direction === "rtl" && (l += zt(n.clientWidth, a ? a.clientWidth : 0) - r), {
     width: r,
@@ -10782,21 +10783,21 @@ function Ho(e) {
     bottom: e.y + e.height
   });
 }
-function Bg(e, t) {
+function Ag(e, t) {
   var n = rn(e, !1, t === "fixed");
   return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
 function Cr(e, t, n) {
-  return t === pl ? Ho(Tg(e, n)) : Wt(t) ? Bg(t, n) : Ho(qg(jt(e)));
+  return t === pl ? Ho(qg(e, n)) : Wt(t) ? Ag(t, n) : Ho(Bg(jt(e)));
 }
-function Ag(e) {
+function Dg(e) {
   var t = bn(Co(e)), n = ["absolute", "fixed"].indexOf(Ot(e).position) >= 0, o = n && ut(e) ? En(e) : e;
   return Wt(o) ? t.filter(function(a) {
     return Wt(a) && yl(a, o) && wt(a) !== "body";
   }) : [];
 }
-function Dg(e, t, n, o) {
-  var a = t === "clippingParents" ? Ag(e) : [].concat(t), r = [].concat(a, [n]), s = r[0], l = r.reduce(function(i, d) {
+function Pg(e, t, n, o) {
+  var a = t === "clippingParents" ? Dg(e) : [].concat(t), r = [].concat(a, [n]), s = r[0], l = r.reduce(function(i, d) {
     var u = Cr(e, d, o);
     return i.top = zt(u.top, i.top), i.right = oo(u.right, i.right), i.bottom = oo(u.bottom, i.bottom), i.left = zt(u.left, i.left), i;
   }, Cr(e, s, o));
@@ -10851,12 +10852,12 @@ function Cl(e) {
 }
 function On(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, a = o === void 0 ? e.placement : o, r = n.strategy, s = r === void 0 ? e.strategy : r, l = n.boundary, i = l === void 0 ? Jy : l, d = n.rootBoundary, u = d === void 0 ? pl : d, c = n.elementContext, f = c === void 0 ? gn : c, p = n.altBoundary, m = p === void 0 ? !1 : p, h = n.padding, b = h === void 0 ? 0 : h, C = hl(typeof b != "number" ? b : bl(b, Pn)), _ = f === gn ? Qy : gn, M = e.rects.popper, D = e.elements[m ? _ : f], E = Dg(Wt(D) ? D : D.contextElement || jt(e.elements.popper), i, u, s), F = rn(e.elements.reference), R = Cl({
+  var n = t, o = n.placement, a = o === void 0 ? e.placement : o, r = n.strategy, s = r === void 0 ? e.strategy : r, l = n.boundary, i = l === void 0 ? Qy : l, d = n.rootBoundary, u = d === void 0 ? pl : d, c = n.elementContext, f = c === void 0 ? gn : c, p = n.altBoundary, m = p === void 0 ? !1 : p, h = n.padding, b = h === void 0 ? 0 : h, C = hl(typeof b != "number" ? b : bl(b, Pn)), _ = f === gn ? eg : gn, T = e.rects.popper, D = e.elements[m ? _ : f], E = Pg(Wt(D) ? D : D.contextElement || jt(e.elements.popper), i, u, s), F = rn(e.elements.reference), R = Cl({
     reference: F,
-    element: M,
+    element: T,
     strategy: "absolute",
     placement: a
-  }), x = Ho(Object.assign({}, M, R)), V = f === gn ? x : F, B = {
+  }), x = Ho(Object.assign({}, T, R)), V = f === gn ? x : F, B = {
     top: E.top - V.top + C.top,
     bottom: V.bottom - E.bottom + C.bottom,
     left: E.left - V.left + C.left,
@@ -10871,7 +10872,7 @@ function On(e, t) {
   }
   return B;
 }
-function Pg(e, t) {
+function Eg(e, t) {
   t === void 0 && (t = {});
   var n = t, o = n.placement, a = n.boundary, r = n.rootBoundary, s = n.padding, l = n.flipVariations, i = n.allowedAutoPlacements, d = i === void 0 ? vl : i, u = sn(o), c = u ? l ? gr : gr.filter(function(m) {
     return sn(m) === u;
@@ -10891,17 +10892,17 @@ function Pg(e, t) {
     return p[m] - p[h];
   });
 }
-function Eg(e) {
+function Ig(e) {
   if (bt(e) === Ta)
     return [];
   var t = Gn(e);
   return [wr(e), t, wr(t)];
 }
-function Ig(e) {
+function Rg(e) {
   var t = e.state, n = e.options, o = e.name;
   if (!t.modifiersData[o]._skip) {
-    for (var a = n.mainAxis, r = a === void 0 ? !0 : a, s = n.altAxis, l = s === void 0 ? !0 : s, i = n.fallbackPlacements, d = n.padding, u = n.boundary, c = n.rootBoundary, f = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, h = n.allowedAutoPlacements, b = t.options.placement, C = bt(b), _ = C === b, M = i || (_ || !m ? [Gn(b)] : Eg(b)), D = [b].concat(M).reduce(function(Ee, De) {
-      return Ee.concat(bt(De) === Ta ? Pg(t, {
+    for (var a = n.mainAxis, r = a === void 0 ? !0 : a, s = n.altAxis, l = s === void 0 ? !0 : s, i = n.fallbackPlacements, d = n.padding, u = n.boundary, c = n.rootBoundary, f = n.altBoundary, p = n.flipVariations, m = p === void 0 ? !0 : p, h = n.allowedAutoPlacements, b = t.options.placement, C = bt(b), _ = C === b, T = i || (_ || !m ? [Gn(b)] : Ig(b)), D = [b].concat(T).reduce(function(Ee, De) {
+      return Ee.concat(bt(De) === Ta ? Eg(t, {
         placement: De,
         boundary: u,
         rootBoundary: c,
@@ -10945,11 +10946,11 @@ function Ig(e) {
     t.placement !== V && (t.modifiersData[o]._skip = !0, t.placement = V, t.reset = !0);
   }
 }
-const Rg = {
+const Fg = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Ig,
+  fn: Rg,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
@@ -10971,7 +10972,7 @@ function $r(e) {
     return e[t] >= 0;
   });
 }
-function Fg(e) {
+function jg(e) {
   var t = e.state, n = e.name, o = t.rects.reference, a = t.rects.popper, r = t.modifiersData.preventOverflow, s = On(t, {
     elementContext: "reference"
   }), l = On(t, {
@@ -10987,14 +10988,14 @@ function Fg(e) {
     "data-popper-escaped": c
   });
 }
-const jg = {
+const Lg = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Fg
+  fn: jg
 };
-function Lg(e, t, n) {
+function Ng(e, t, n) {
   var o = bt(e), a = [Ye, Xe].indexOf(o) >= 0 ? -1 : 1, r = typeof n == "function" ? n(Object.assign({}, t, {
     placement: e
   })) : n, s = r[0], l = r[1];
@@ -11006,20 +11007,20 @@ function Lg(e, t, n) {
     y: l
   };
 }
-function Ng(e) {
+function Vg(e) {
   var t = e.state, n = e.options, o = e.name, a = n.offset, r = a === void 0 ? [0, 0] : a, s = vl.reduce(function(u, c) {
-    return u[c] = Lg(c, t.rects, r), u;
+    return u[c] = Ng(c, t.rects, r), u;
   }, {}), l = s[t.placement], i = l.x, d = l.y;
   t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += i, t.modifiersData.popperOffsets.y += d), t.modifiersData[o] = s;
 }
-const Vg = {
+const xg = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Ng
+  fn: Vg
 };
-function xg(e) {
+function zg(e) {
   var t = e.state, n = e.name;
   t.modifiersData[n] = Cl({
     reference: t.rects.reference,
@@ -11028,23 +11029,23 @@ function xg(e) {
     placement: t.placement
   });
 }
-const zg = {
+const Hg = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: xg,
+  fn: zg,
   data: {}
 };
-function Hg(e) {
+function Wg(e) {
   return e === "x" ? "y" : "x";
 }
-function Wg(e) {
+function Kg(e) {
   var t = e.state, n = e.options, o = e.name, a = n.mainAxis, r = a === void 0 ? !0 : a, s = n.altAxis, l = s === void 0 ? !1 : s, i = n.boundary, d = n.rootBoundary, u = n.altBoundary, c = n.padding, f = n.tether, p = f === void 0 ? !0 : f, m = n.tetherOffset, h = m === void 0 ? 0 : m, b = On(t, {
     boundary: i,
     rootBoundary: d,
     padding: c,
     altBoundary: u
-  }), C = bt(t.placement), _ = sn(t.placement), M = !_, D = Aa(C), E = Hg(D), F = t.modifiersData.popperOffsets, R = t.rects.reference, x = t.rects.popper, V = typeof h == "function" ? h(Object.assign({}, t.rects, {
+  }), C = bt(t.placement), _ = sn(t.placement), T = !_, D = Aa(C), E = Wg(D), F = t.modifiersData.popperOffsets, R = t.rects.reference, x = t.rects.popper, V = typeof h == "function" ? h(Object.assign({}, t.rects, {
     placement: t.placement
   })) : h, B = typeof V == "number" ? {
     mainAxis: V,
@@ -11061,39 +11062,39 @@ function Wg(e) {
       var K, N = D === "y" ? Xe : Ye, k = D === "y" ? dt : ct, z = D === "y" ? "height" : "width", Y = F[D], se = Y + b[N], ne = Y - b[k], ae = p ? -x[z] / 2 : 0, ve = _ === on ? R[z] : x[z], Oe = _ === on ? -x[z] : -R[z], Ce = t.elements.arrow, Ee = p && Ce ? Ba(Ce) : {
         width: 0,
         height: 0
-      }, De = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : gl(), We = De[N], P = De[k], fe = hn(0, R[z], Ee[z]), U = M ? R[z] / 2 - ae - fe - We - B.mainAxis : ve - fe - We - B.mainAxis, ee = M ? -R[z] / 2 + ae + fe + P + B.mainAxis : Oe + fe + P + B.mainAxis, oe = t.elements.arrow && En(t.elements.arrow), de = oe ? D === "y" ? oe.clientTop || 0 : oe.clientLeft || 0 : 0, xe = (K = j == null ? void 0 : j[D]) != null ? K : 0, Re = Y + U - xe - de, Ke = Y + ee - xe, Ze = hn(p ? oo(se, Re) : se, Y, p ? zt(ne, Ke) : ne);
+      }, De = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : gl(), We = De[N], P = De[k], fe = hn(0, R[z], Ee[z]), U = T ? R[z] / 2 - ae - fe - We - B.mainAxis : ve - fe - We - B.mainAxis, ee = T ? -R[z] / 2 + ae + fe + P + B.mainAxis : Oe + fe + P + B.mainAxis, oe = t.elements.arrow && En(t.elements.arrow), de = oe ? D === "y" ? oe.clientTop || 0 : oe.clientLeft || 0 : 0, xe = (K = j == null ? void 0 : j[D]) != null ? K : 0, Re = Y + U - xe - de, Ke = Y + ee - xe, Ze = hn(p ? oo(se, Re) : se, Y, p ? zt(ne, Ke) : ne);
       F[D] = Ze, H[D] = Ze - Y;
     }
     if (l) {
-      var Je, Fe = D === "x" ? Xe : Ye, Nt = D === "x" ? dt : ct, rt = F[E], G = E === "y" ? "height" : "width", le = rt + b[Fe], re = rt - b[Nt], ge = [Xe, Ye].indexOf(C) !== -1, st = (Je = j == null ? void 0 : j[E]) != null ? Je : 0, Ue = ge ? le : rt - R[G] - x[G] - st + B.altAxis, lt = ge ? rt + R[G] + x[G] - st - B.altAxis : re, qt = p && ge ? mg(Ue, rt, lt) : hn(p ? Ue : le, rt, p ? lt : re);
+      var Je, Fe = D === "x" ? Xe : Ye, Nt = D === "x" ? dt : ct, rt = F[E], G = E === "y" ? "height" : "width", le = rt + b[Fe], re = rt - b[Nt], ge = [Xe, Ye].indexOf(C) !== -1, st = (Je = j == null ? void 0 : j[E]) != null ? Je : 0, Ue = ge ? le : rt - R[G] - x[G] - st + B.altAxis, lt = ge ? rt + R[G] + x[G] - st - B.altAxis : re, qt = p && ge ? yg(Ue, rt, lt) : hn(p ? Ue : le, rt, p ? lt : re);
       F[E] = qt, H[E] = qt - rt;
     }
     t.modifiersData[o] = H;
   }
 }
-const Kg = {
+const Ug = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Wg,
+  fn: Kg,
   requiresIfExists: ["offset"]
 };
-function Ug(e) {
+function Gg(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function Gg(e) {
-  return e === ot(e) || !ut(e) ? Da(e) : Ug(e);
-}
 function Xg(e) {
+  return e === ot(e) || !ut(e) ? Da(e) : Gg(e);
+}
+function Yg(e) {
   var t = e.getBoundingClientRect(), n = an(t.width) / e.offsetWidth || 1, o = an(t.height) / e.offsetHeight || 1;
   return n !== 1 || o !== 1;
 }
-function Yg(e, t, n) {
+function Zg(e, t, n) {
   n === void 0 && (n = !1);
-  var o = ut(t), a = ut(t) && Xg(t), r = jt(t), s = rn(e, a, n), l = {
+  var o = ut(t), a = ut(t) && Yg(t), r = jt(t), s = rn(e, a, n), l = {
     scrollLeft: 0,
     scrollTop: 0
   }, i = {
@@ -11101,14 +11102,14 @@ function Yg(e, t, n) {
     y: 0
   };
   return (o || !o && !n) && ((wt(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Ea(r)) && (l = Gg(t)), ut(t) ? (i = rn(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : r && (i.x = Pa(r))), {
+  Ea(r)) && (l = Xg(t)), ut(t) ? (i = rn(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : r && (i.x = Pa(r))), {
     x: s.left + l.scrollLeft - i.x,
     y: s.top + l.scrollTop - i.y,
     width: s.width,
     height: s.height
   };
 }
-function Zg(e) {
+function Jg(e) {
   var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), o = [];
   e.forEach(function(r) {
     t.set(r.name, r);
@@ -11127,15 +11128,15 @@ function Zg(e) {
     n.has(r.name) || a(r);
   }), o;
 }
-function Jg(e) {
-  var t = Zg(e);
-  return ug.reduce(function(n, o) {
+function Qg(e) {
+  var t = Jg(e);
+  return dg.reduce(function(n, o) {
     return n.concat(t.filter(function(a) {
       return a.phase === o;
     }));
   }, []);
 }
-function Qg(e) {
+function eh(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(n) {
@@ -11145,7 +11146,7 @@ function Qg(e) {
     })), t;
   };
 }
-function eh(e) {
+function th(e) {
   var t = e.reduce(function(n, o) {
     var a = n[o.name];
     return n[o.name] = a ? Object.assign({}, a, o, {
@@ -11169,7 +11170,7 @@ function kr() {
     return !(o && typeof o.getBoundingClientRect == "function");
   });
 }
-function th(e) {
+function nh(e) {
   e === void 0 && (e = {});
   var t = e, n = t.defaultModifiers, o = n === void 0 ? [] : n, a = t.defaultOptions, r = a === void 0 ? Sr : a;
   return function(l, i, d) {
@@ -11193,8 +11194,8 @@ function th(e) {
           reference: Wt(l) ? bn(l) : l.contextElement ? bn(l.contextElement) : [],
           popper: bn(i)
         };
-        var M = Jg(eh([].concat(o, u.options.modifiers)));
-        return u.orderedModifiers = M.filter(function(D) {
+        var T = Qg(th([].concat(o, u.options.modifiers)));
+        return u.orderedModifiers = T.filter(function(D) {
           return D.enabled;
         }), m(), p.update();
       },
@@ -11205,11 +11206,11 @@ function th(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!f) {
-          var C = u.elements, _ = C.reference, M = C.popper;
-          if (kr(_, M)) {
+          var C = u.elements, _ = C.reference, T = C.popper;
+          if (kr(_, T)) {
             u.rects = {
-              reference: Yg(_, En(M), u.options.strategy === "fixed"),
-              popper: Ba(M)
+              reference: Zg(_, En(T), u.options.strategy === "fixed"),
+              popper: Ba(T)
             }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(B) {
               return u.modifiersData[B.name] = Object.assign({}, B.data);
             });
@@ -11231,7 +11232,7 @@ function th(e) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: Qg(function() {
+      update: eh(function() {
         return new Promise(function(b) {
           p.forceUpdate(), b(u);
         });
@@ -11247,13 +11248,13 @@ function th(e) {
     });
     function m() {
       u.orderedModifiers.forEach(function(b) {
-        var C = b.name, _ = b.options, M = _ === void 0 ? {} : _, D = b.effect;
+        var C = b.name, _ = b.options, T = _ === void 0 ? {} : _, D = b.effect;
         if (typeof D == "function") {
           var E = D({
             state: u,
             name: C,
             instance: p,
-            options: M
+            options: T
           }), F = function() {
           };
           c.push(E || F);
@@ -11268,8 +11269,8 @@ function th(e) {
     return p;
   };
 }
-var nh = [kg, zg, $g, fg, Vg, Rg, Kg, bg, jg], oh = /* @__PURE__ */ th({
-  defaultModifiers: nh
+var oh = [Og, Hg, Sg, pg, xg, Fg, Ug, wg, Lg], ah = /* @__PURE__ */ nh({
+  defaultModifiers: oh
 });
 const Ia = Object.freeze([
   "auto",
@@ -11311,7 +11312,7 @@ function K$(e) {
     enabled: !0,
     phase: "afterWrite",
     fn({ state: C }) {
-      const _ = ah(C.placement);
+      const _ = rh(C.placement);
       _ && (C.elements.popper.style.transformOrigin = _);
     }
   }), e.offset && i.modifiers.push({
@@ -11350,7 +11351,7 @@ function K$(e) {
     l.value = typeof C == "boolean" ? C ? "body" : "" : C;
   }
   function h() {
-    r.value && s.value && (d && d.destroy(), d = oh(
+    r.value && s.value && (d && d.destroy(), d = ah(
       r.value,
       s.value,
       i
@@ -11369,16 +11370,16 @@ function K$(e) {
     width: u
   };
 }
-function ah(e) {
+function rh(e) {
   if (e !== "left" && e !== "right") {
     const [t, n] = e.split("-");
     return t === "bottom" || t !== "top" && n === "start" ? "center top" : "center bottom";
   }
 }
-const Or = w(0), rh = 1e3, Ra = Symbol("ZINDEX"), Lt = (e) => {
+const Or = w(0), sh = 1e3, Ra = Symbol("ZINDEX"), Lt = (e) => {
   const t = e || Me(Ra, void 0), n = y(() => {
     const r = v(t);
-    return r === void 0 || isNaN(r) ? rh : r;
+    return r === void 0 || isNaN(r) ? sh : r;
   }), o = y(() => n.value + Or.value);
   return {
     initial: n,
@@ -11386,14 +11387,14 @@ const Or = w(0), rh = 1e3, Ra = Symbol("ZINDEX"), Lt = (e) => {
     nextZIndex: () => (Or.value++, o.value)
   };
 };
-var sh = "_16zb7bi0", lh = "_16zb7bi1", ih = "_16zb7bi2", uh = "_16zb7bi3";
-const dh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var lh = "_16zb7bi0", ih = "_16zb7bi1", uh = "_16zb7bi2", dh = "_16zb7bi3";
+const ch = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  hueSliderThumb: uh,
-  slider: sh,
-  sliderBar: ih,
-  sliderTransparent: lh
-}, Symbol.toStringTag, { value: "Module" })), ch = O({
+  hueSliderThumb: dh,
+  slider: lh,
+  sliderBar: uh,
+  sliderTransparent: ih
+}, Symbol.toStringTag, { value: "Module" })), fh = O({
   name: "MSlider",
   props: {
     modelValue: {
@@ -11438,20 +11439,20 @@ const dh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), {
       handleMouseDown: a,
       slider: n,
-      style: dh
+      style: ch
     };
   }
 });
-function fh(e, t, n, o, a, r) {
+function ph(e, t, n, o, a, r) {
   return g(), A("div", {
-    class: T(e.style.slider)
+    class: M(e.style.slider)
   }, [
     I("div", {
-      class: T(e.style.sliderTransparent)
+      class: M(e.style.sliderTransparent)
     }, [
       I("div", {
         ref: "slider",
-        class: T(e.style.sliderBar),
+        class: M(e.style.sliderBar),
         style: ce({ background: e.background }),
         onMousedown: t[0] || (t[0] = (...s) => e.handleMouseDown && e.handleMouseDown(...s)),
         onTouchstart: t[1] || (t[1] = he((...s) => e.handleMouseDown && e.handleMouseDown(...s), ["prevent"]))
@@ -11463,35 +11464,35 @@ function fh(e, t, n, o, a, r) {
       onTouchstart: t[3] || (t[3] = he((...s) => e.handleMouseDown && e.handleMouseDown(...s), ["prevent"]))
     }, [
       I("div", {
-        class: T(e.style.hueSliderThumb),
+        class: M(e.style.hueSliderThumb),
         style: ce({ left: `${e.modelValue}%` })
       }, null, 6)
     ], 32)
   ], 2);
 }
-const _l = /* @__PURE__ */ te(ch, [["render", fh]]);
-var ph = { height: "var(--sy3isg0)", radius: "var(--sy3isg1)", paddingX: "var(--sy3isg2)", paddingY: "var(--sy3isg3)", borderColor: "var(--sy3isg4)", backgroundColor: "var(--sy3isg5)", color: "var(--sy3isg6)", cursor: "var(--sy3isg7)" }, $l = "sy3isg8", Sl = "sy3isg9", kl = "sy3isga", Ol = { xs: "sy3isgb", sm: "sy3isgc", md: "sy3isgd", lg: "sy3isge", xl: "sy3isgf" }, Xn = "sy3isgg", Ml = "sy3isgh", vh = "sy3isgi", mh = "sy3isgj", yh = "sy3isgk", gh = "sy3isgl", Tl = "sy3isgm", hh = "sy3isgn", ql = "sy3isgo", bh = "sy3isgp", Bl = "sy3isgq", wh = "sy3isgr", Ch = "sy3isgs";
-const _h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const _l = /* @__PURE__ */ te(fh, [["render", ph]]);
+var vh = { height: "var(--sy3isg0)", radius: "var(--sy3isg1)", paddingX: "var(--sy3isg2)", paddingY: "var(--sy3isg3)", borderColor: "var(--sy3isg4)", backgroundColor: "var(--sy3isg5)", color: "var(--sy3isg6)", cursor: "var(--sy3isg7)" }, $l = "sy3isg8", Sl = "sy3isg9", kl = "sy3isga", Ol = { xs: "sy3isgb", sm: "sy3isgc", md: "sy3isgd", lg: "sy3isge", xl: "sy3isgf" }, Xn = "sy3isgg", Ml = "sy3isgh", mh = "sy3isgi", yh = "sy3isgj", gh = "sy3isgk", hh = "sy3isgl", Tl = "sy3isgm", bh = "sy3isgn", ql = "sy3isgo", wh = "sy3isgp", Bl = "sy3isgq", Ch = "sy3isgr", _h = "sy3isgs";
+const $h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   base: Sl,
   block: Xn,
-  description: mh,
+  description: yh,
   disabled: Ml,
   error: Tl,
-  errorMessage: yh,
+  errorMessage: gh,
   hasLeftIcon: ql,
   hasRightIcon: Bl,
-  helpMessage: gh,
+  helpMessage: hh,
   input: kl,
-  label: vh,
-  leftIcon: hh,
-  prefix: wh,
-  rightIcon: bh,
+  label: mh,
+  leftIcon: bh,
+  prefix: Ch,
+  rightIcon: wh,
   size: Ol,
-  suffix: Ch,
-  vars: ph,
+  suffix: _h,
+  vars: vh,
   wrapper: $l
-}, Symbol.toStringTag, { value: "Module" })), $h = O({
+}, Symbol.toStringTag, { value: "Module" })), Sh = O({
   name: "MInput",
   props: {
     ...qe.props(),
@@ -11549,7 +11550,7 @@ const _h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       formError: p,
       formDisabled: m,
       formLoading: h
-    } = qe(e, { focus: r, emit: n }), b = w(!1), C = _e(e, "name"), _ = y(() => !!t["icon-left"]), M = y(() => !!t["icon-right"]), D = y(() => !!t.prefix), E = y(() => !!t.suffix), F = y(() => !!(t["help-message"] || t.help)), R = y(() => m || e.disabled), x = y(() => h || e.loading), V = y(() => {
+    } = qe(e, { focus: r, emit: n }), b = w(!1), C = _e(e, "name"), _ = y(() => !!t["icon-left"]), T = y(() => !!t["icon-right"]), D = y(() => !!t.prefix), E = y(() => !!t.suffix), F = y(() => !!(t["help-message"] || t.help)), R = y(() => m || e.disabled), x = y(() => h || e.loading), V = y(() => {
       const z = e.type;
       return z === "password" ? b.value ? "text" : "password" : z;
     }), B = y(() => e.loading || e.readonly), j = y(() => [
@@ -11570,7 +11571,7 @@ const _h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [Xn]: e.block,
         [Ml]: R.value || x.value,
         [ql]: _.value,
-        [Bl]: M.value
+        [Bl]: T.value
       }
     ]), N = y(() => p.value || e.error), k = () => {
       n("update:modelValue", "");
@@ -11590,12 +11591,12 @@ const _h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       computedContainerClasses: j,
       name: C,
       hasLeftIcon: _,
-      hasRightIcon: M,
+      hasRightIcon: T,
       hasSuffix: E,
       hasPrefix: D,
       hasHelpMessage: F,
       inputError: N,
-      style: _h,
+      style: $h,
       onClear: k,
       validate: c,
       setError: f,
@@ -11604,34 +11605,34 @@ const _h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       inputListeners: u
     };
   }
-}), Sh = ["for", "id"], kh = ["id", "type", "placeholder", "name", "value", "readonly", "disabled", "aria-disabled", "aria-labelledby"];
-function Oh(e, t, n, o, a, r) {
+}), kh = ["for", "id"], Oh = ["id", "type", "placeholder", "name", "value", "readonly", "disabled", "aria-disabled", "aria-labelledby"];
+function Mh(e, t, n, o, a, r) {
   return g(), A("div", {
     ref: "container",
-    class: T(e.computedContainerClasses)
+    class: M(e.computedContainerClasses)
   }, [
     e.label ? (g(), A("label", {
       key: 0,
       for: e.id,
       id: `${e.id}-label`,
-      class: T(e.style.label)
-    }, ie(e.label), 11, Sh)) : X("", !0),
+      class: M(e.style.label)
+    }, ie(e.label), 11, kh)) : X("", !0),
     e.description ? (g(), A("div", {
       key: 1,
-      class: T(e.style.description)
+      class: M(e.style.description)
     }, ie(e.description), 3)) : X("", !0),
     I("div", {
-      class: T(e.wrapperComputedClasses)
+      class: M(e.wrapperComputedClasses)
     }, [
       e.hasLeftIcon ? (g(), A("div", {
         key: 0,
-        class: T(e.style.leftIcon)
+        class: M(e.style.leftIcon)
       }, [
         S(e.$slots, "icon-left")
       ], 2)) : X("", !0),
       e.hasPrefix ? (g(), A("div", {
         key: 1,
-        class: T(e.style.prefix)
+        class: M(e.style.prefix)
       }, [
         S(e.$slots, "prefix")
       ], 2)) : X("", !0),
@@ -11647,33 +11648,33 @@ function Oh(e, t, n, o, a, r) {
         disabled: e.disabled || e.loading,
         "aria-disabled": e.disabled ? "true" : "false",
         "aria-labelledby": `${e.id}-label`
-      }), null, 16, kh),
+      }), null, 16, Oh),
       e.hasSuffix ? (g(), A("div", {
         key: 2,
-        class: T(e.style.suffix)
+        class: M(e.style.suffix)
       }, [
         S(e.$slots, "suffix")
       ], 2)) : X("", !0),
       e.hasRightIcon ? (g(), A("div", {
         key: 3,
-        class: T(e.style.rightIcon)
+        class: M(e.style.rightIcon)
       }, [
         S(e.$slots, "icon-right")
       ], 2)) : X("", !0)
     ], 2),
     e.hasHelpMessage ? (g(), A("div", {
       key: 2,
-      class: T(e.style.helpMessage)
+      class: M(e.style.helpMessage)
     }, [
       S(e.$slots, "help")
     ], 2)) : X("", !0),
     e.inputError ? (g(), A("div", {
       key: 3,
-      class: T(e.style.errorMessage)
+      class: M(e.style.errorMessage)
     }, ie(e.inputError), 3)) : X("", !0)
   ], 2);
 }
-const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
+const Al = /* @__PURE__ */ te(Sh, [["render", Mh]]), Th = O({
   name: "MColorPicker",
   props: {
     color: {
@@ -11718,7 +11719,7 @@ const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
   setup(e, { emit: t }) {
     const n = e.modelModifiers, { isSupported: o, open: a, sRGBHex: r } = Dy(), { nextZIndex: s } = Lt(), l = w(!1), i = w(!1), d = w(""), u = w(""), c = w(""), f = w(""), p = w("");
     w(e.color || e.modelValue);
-    const m = w(), h = w(), b = w(), C = _e(e, "transfer"), _ = w(), M = w(0), D = w(100), E = w(!1), F = Ve({
+    const m = w(), h = w(), b = w(), C = _e(e, "transfer"), _ = w(), T = w(0), D = w(100), E = w(!1), F = Ve({
       x: 0,
       y: 0
     }), R = w(e.zIndex ?? s()), x = y(() => {
@@ -11727,7 +11728,7 @@ const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
         side: U === "top" || U === "right" || U === "bottom" || U === "left" ? U : "bottom",
         align: ee === "start" || ee === "center" || ee === "end" ? ee : "start"
       };
-    }), { elementX: V, elementY: B } = Iy(m), { pressed: j } = Ry(), H = w(), K = y(() => 1 - F.y), N = y(() => F.x), k = y(() => d.value === "inherit" ? { r: 0, g: 0, b: 0, a: 0 } : Yy(M.value * 3.6, K.value, N.value, D.value / 100)), z = y(() => Zy(M.value * 3.6, D.value / 100)), Y = () => {
+    }), { elementX: V, elementY: B } = Iy(m), { pressed: j } = Ry(), H = w(), K = y(() => 1 - F.y), N = y(() => F.x), k = y(() => d.value === "inherit" ? { r: 0, g: 0, b: 0, a: 0 } : Zy(T.value * 3.6, K.value, N.value, D.value / 100)), z = y(() => Jy(T.value * 3.6, D.value / 100)), Y = () => {
       t("update:modelValue", d.value);
     }, se = (U = !0) => {
       d.value !== "inherit" && (d.value = xn(k.value.r, k.value.g, k.value.b, k.value.a)), u.value = k.value.r.toString(), c.value = k.value.g.toString(), f.value = k.value.b.toString(), p.value = k.value.a.toFixed(2).toString(), U && !n.lazy && Y();
@@ -11738,7 +11739,7 @@ const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
       U && U !== d.value && (d.value = U, ae());
     });
     const ne = (U, ee, oe = !0) => {
-      F.x = U.s, F.y = 1 - U.v, M.value = 1 / 360 * U.h * 100, D.value = ee * 100, se(oe);
+      F.x = U.s, F.y = 1 - U.v, T.value = 1 / 360 * U.h * 100, D.value = ee * 100, se(oe);
     }, ae = (U = !0) => {
       if (d.value === "inherit") {
         U && n.lazy && Y();
@@ -11746,7 +11747,7 @@ const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
       }
       let ee = d.value.replace("#", "");
       ee.length === 3 && (ee = ee.split("").map((de) => de + de).join(""));
-      const oe = Xy(`#${ee}`);
+      const oe = Yy(`#${ee}`);
       oe.a === 0 && (oe.a = 0, D.value = 0), ne(yr(oe.r, oe.g, oe.b), oe.a, U), U && n.lazy && Y();
     }, ve = () => {
       e.modelValue === "inherit" ? d.value = "#FFFFFF" : d.value = "inherit", Y();
@@ -11825,7 +11826,7 @@ const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
       bInput: f,
       aInput: p,
       finalColor: k,
-      hueSlider: M,
+      hueSlider: T,
       opacitySlider: D,
       dragging: E,
       setThumbPosition: Ce,
@@ -11834,7 +11835,7 @@ const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
       pressed: j,
       handleMouseDown: Ee,
       picker: m,
-      style: Gy,
+      style: Xy,
       mainColor: z,
       zIndex: R,
       resolvedSide: y(() => x.value.side),
@@ -11848,10 +11849,10 @@ const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
       commitHexInput: fe
     };
   }
-}), Th = {
+}), qh = {
   ref: "wrapper",
   class: "m-color-picker"
-}, qh = { ref: "referenceRef" }, Bh = {
+}, Bh = {
   key: 0,
   style: { border: "1px dashed #999", padding: "8px", textAlign: "center" }
 }, Ah = /* @__PURE__ */ I("svg", {
@@ -11903,15 +11904,20 @@ const Al = /* @__PURE__ */ te($h, [["render", Oh]]), Mh = O({
 ];
 function zh(e, t, n, o, a, r) {
   const s = W("PopoverTrigger"), l = W("MButton"), i = W("MSlider"), d = W("MInput"), u = W("PopoverContent"), c = W("PopoverPortal"), f = W("PopoverRoot");
-  return g(), A("div", Th, [
+  return g(), A("div", qh, [
     L(f, {
       open: e.isOpen,
-      "onUpdate:open": t[13] || (t[13] = (p) => e.isOpen = p)
+      "onUpdate:open": t[14] || (t[14] = (p) => e.isOpen = p)
     }, {
       default: $(() => [
         L(s, { "as-child": "" }, {
           default: $(() => [
-            I("div", qh, [
+            I("div", {
+              ref: "referenceRef",
+              tabindex: "0",
+              onFocus: t[0] || (t[0] = (p) => e.isOpen = !0),
+              class: M(e.style.trigger)
+            }, [
               S(e.$slots, "default", {
                 r: e.finalColor.r,
                 g: e.finalColor.g,
@@ -11921,16 +11927,16 @@ function zh(e, t, n, o, a, r) {
                 transparent: e.style.transparent
               }, () => [
                 I("div", {
-                  class: T(e.style.reference)
+                  class: M(e.style.reference)
                 }, [
                   e.modelValue === "inherit" ? (g(), A("div", Bh, "Inherit")) : (g(), A("div", {
                     key: 1,
-                    class: T(e.style.referenceColor),
+                    class: M(e.style.referenceColor),
                     style: ce({ backgroundColor: `rgba(${e.finalColor.r}, ${e.finalColor.g}, ${e.finalColor.b}, ${e.finalColor.a})` })
                   }, null, 6))
                 ], 2)
               ])
-            ], 512)
+            ], 34)
           ]),
           _: 3
         }),
@@ -11941,46 +11947,46 @@ function zh(e, t, n, o, a, r) {
             e.isOpen ? (g(), q(u, {
               key: 0,
               ref: "popper",
-              class: T(e.style.container),
+              class: M(e.style.container),
               style: ce({ zIndex: e.zIndex }),
               side: e.resolvedSide,
               align: e.resolvedAlign,
               "side-offset": 4,
               "collision-padding": 8,
-              onOpenAutoFocus: t[11] || (t[11] = he(() => {
+              onOpenAutoFocus: t[12] || (t[12] = he(() => {
               }, ["prevent"])),
-              onCloseAutoFocus: t[12] || (t[12] = he(() => {
+              onCloseAutoFocus: t[13] || (t[13] = he(() => {
               }, ["prevent"]))
             }, {
               default: $(() => [
                 I("div", {
                   ref: "picker",
-                  onMousedown: t[2] || (t[2] = (...p) => e.handleMouseDown && e.handleMouseDown(...p)),
-                  class: T(e.style.colours),
+                  onMousedown: t[3] || (t[3] = (...p) => e.handleMouseDown && e.handleMouseDown(...p)),
+                  class: M(e.style.colours),
                   style: ce(`background: rgb(${e.mainColor.r}, ${e.mainColor.g}, ${e.mainColor.b});`)
                 }, [
                   I("div", {
-                    class: T(e.style.whiteGradient)
+                    class: M(e.style.whiteGradient)
                   }, null, 2),
                   I("div", {
-                    class: T(e.style.blackGradient)
+                    class: M(e.style.blackGradient)
                   }, null, 2),
                   I("div", {
-                    class: T(e.style.sliderThumb),
-                    onMousedown: t[0] || (t[0] = (...p) => e.handleMouseDown && e.handleMouseDown(...p)),
-                    onDragover: t[1] || (t[1] = he(() => {
+                    class: M(e.style.sliderThumb),
+                    onMousedown: t[1] || (t[1] = (...p) => e.handleMouseDown && e.handleMouseDown(...p)),
+                    onDragover: t[2] || (t[2] = he(() => {
                     }, ["prevent"])),
                     style: ce({ left: `${e.position.x * 100}%`, top: `${e.position.y * 100}%` })
                   }, null, 38)
                 ], 38),
                 I("div", {
-                  class: T(e.style.colorActions)
+                  class: M(e.style.colorActions)
                 }, [
                   e.canPickColor ? (g(), q(l, {
                     key: 0,
                     icon: "",
                     disabled: !e.canPickColor,
-                    class: T(e.style.eyeDrop),
+                    class: M(e.style.eyeDrop),
                     onClick: e.openEyeDropper
                   }, {
                     default: $(() => [
@@ -11989,7 +11995,7 @@ function zh(e, t, n, o, a, r) {
                     _: 1
                   }, 8, ["disabled", "class", "onClick"])) : (g(), A("div", {
                     key: 1,
-                    class: T(e.style.preview)
+                    class: M(e.style.preview)
                   }, [
                     I("div", {
                       style: ce(`width: 100%; height: 100%; background-color: rgba(${e.finalColor.r}, ${e.finalColor.g}, ${e.finalColor.b}, ${e.finalColor.a});`)
@@ -11998,20 +12004,20 @@ function zh(e, t, n, o, a, r) {
                   I("div", Dh, [
                     L(i, {
                       modelValue: e.hueSlider,
-                      "onUpdate:modelValue": t[3] || (t[3] = (p) => e.hueSlider = p),
+                      "onUpdate:modelValue": t[4] || (t[4] = (p) => e.hueSlider = p),
                       onChange: e.onSliderChangeComplete,
                       background: "linear-gradient(to right, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000)"
                     }, null, 8, ["modelValue", "onChange"]),
                     L(i, {
                       modelValue: e.opacitySlider,
-                      "onUpdate:modelValue": t[4] || (t[4] = (p) => e.opacitySlider = p),
+                      "onUpdate:modelValue": t[5] || (t[5] = (p) => e.opacitySlider = p),
                       onChange: e.onSliderChangeComplete,
                       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", "onChange", "background"])
                   ])
                 ], 2),
                 I("div", {
-                  class: T(e.style.colorActions)
+                  class: M(e.style.colorActions)
                 }, [
                   e.rgbOrHex ? (g(), A(ue, { key: 0 }, [
                     L(d, {
@@ -12020,7 +12026,7 @@ function zh(e, t, n, o, a, r) {
                       block: "",
                       ref: "rInputElement",
                       modelValue: e.rInput,
-                      "onUpdate:modelValue": t[5] || (t[5] = (p) => e.rInput = p),
+                      "onUpdate:modelValue": t[6] || (t[6] = (p) => e.rInput = p),
                       name: "r",
                       placeholder: "R"
                     }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -12030,7 +12036,7 @@ function zh(e, t, n, o, a, r) {
                       block: "",
                       ref: "gInputElement",
                       modelValue: e.gInput,
-                      "onUpdate:modelValue": t[6] || (t[6] = (p) => e.gInput = p),
+                      "onUpdate:modelValue": t[7] || (t[7] = (p) => e.gInput = p),
                       name: "g",
                       placeholder: "G"
                     }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -12040,7 +12046,7 @@ function zh(e, t, n, o, a, r) {
                       block: "",
                       ref: "bInputElement",
                       modelValue: e.bInput,
-                      "onUpdate:modelValue": t[7] || (t[7] = (p) => e.bInput = p),
+                      "onUpdate:modelValue": t[8] || (t[8] = (p) => e.bInput = p),
                       name: "b",
                       placeholder: "B"
                     }, null, 8, ["onKeyup", "onBlur", "modelValue"]),
@@ -12050,7 +12056,7 @@ function zh(e, t, n, o, a, r) {
                       block: "",
                       ref: "aInputElement",
                       modelValue: e.aInput,
-                      "onUpdate:modelValue": t[8] || (t[8] = (p) => e.aInput = p),
+                      "onUpdate:modelValue": t[9] || (t[9] = (p) => e.aInput = p),
                       name: "a",
                       placeholder: "A"
                     }, null, 8, ["onKeyup", "onBlur", "modelValue"])
@@ -12059,7 +12065,7 @@ function zh(e, t, n, o, a, r) {
                     onKeyup: yt(e.commitHexInput, ["enter"]),
                     onBlur: e.commitHexInput,
                     modelValue: e.hexInputUser,
-                    "onUpdate:modelValue": t[9] || (t[9] = (p) => e.hexInputUser = p),
+                    "onUpdate:modelValue": t[10] || (t[10] = (p) => e.hexInputUser = p),
                     block: "",
                     ref: "hexInputElement",
                     name: "hex",
@@ -12067,7 +12073,7 @@ function zh(e, t, n, o, a, r) {
                   }, null, 8, ["onKeyup", "onBlur", "modelValue"])),
                   L(l, {
                     icon: "",
-                    onClick: t[10] || (t[10] = he((p) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
+                    onClick: t[11] || (t[11] = he((p) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
                   }, {
                     default: $(() => [
                       (g(), A("svg", Ph, Ih))
@@ -12095,7 +12101,7 @@ function zh(e, t, n, o, a, r) {
     }, 8, ["open"])
   ], 512);
 }
-const Hh = /* @__PURE__ */ te(Mh, [["render", zh]]);
+const Hh = /* @__PURE__ */ te(Th, [["render", zh]]);
 var Fa = { enterActive: "_1b2bhsj0", leaveActive: "_1b2bhsj1", enterFrom: "_1b2bhsj2", leaveTo: "_1b2bhsj3" }, Dl = { enterActive: "_1b2bhsj4", leaveActive: "_1b2bhsj5", enterFrom: "_1b2bhsj6", leaveTo: "_1b2bhsj7" }, Pl = { enterActive: "_1b2bhsj8", leaveActive: "_1b2bhsj9", enterFrom: "_1b2bhsja", leaveTo: "_1b2bhsjb" }, El = "_2y08mp0", Wh = "_2y08mp1", Il = "_2y08mp4", Rl = { primary: "_2y08mp5", dark: "_2y08mp6", default: "_2y08mp7", tertiary: "_2y08mp8", success: "_2y08mp9", warning: "_2y08mpa", error: "_2y08mpb" }, Kh = "_2y08mpc", Uh = "_2y08mpd", Gh = "_2y08mpe", Xh = "_2y08mpf", Fl = "_2y08mpg", jl = "_2y08mph";
 const Ll = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -12251,7 +12257,7 @@ function eb(e, t, n, o, a, r) {
   return e.isContextMenu && e.isSubmenu ? (g(), q(d, {
     key: 0,
     open: e.isOpen,
-    "onUpdate:open": t[0] || (t[0] = (M) => e.isOpen = M)
+    "onUpdate:open": t[0] || (t[0] = (T) => e.isOpen = T)
   }, {
     default: $(() => [
       L(s, null, {
@@ -12263,7 +12269,7 @@ function eb(e, t, n, o, a, r) {
       L(i, null, {
         default: $(() => [
           L(l, {
-            class: T(e.menuClasses),
+            class: M(e.menuClasses),
             align: "start",
             side: "right",
             "side-offset": 2,
@@ -12282,7 +12288,7 @@ function eb(e, t, n, o, a, r) {
   }, 8, ["open"])) : e.isContextMenu ? (g(), q(f, J({
     key: 1,
     open: e.isOpen,
-    "onUpdate:open": t[1] || (t[1] = (M) => e.isOpen = M)
+    "onUpdate:open": t[1] || (t[1] = (T) => e.isOpen = T)
   }, e.$attrs), {
     default: $(() => [
       L(u, { "as-child": "" }, {
@@ -12295,7 +12301,7 @@ function eb(e, t, n, o, a, r) {
         default: $(() => [
           L(c, {
             align: e.placement,
-            class: T(e.menuClasses),
+            class: M(e.menuClasses),
             "side-offset": 5
           }, {
             default: $(() => [
@@ -12311,7 +12317,7 @@ function eb(e, t, n, o, a, r) {
   }, 16, ["open"])) : e.isSubmenu ? (g(), q(h, {
     key: 2,
     open: e.isOpen,
-    "onUpdate:open": t[2] || (t[2] = (M) => e.isOpen = M)
+    "onUpdate:open": t[2] || (t[2] = (T) => e.isOpen = T)
   }, {
     default: $(() => [
       L(s, null, {
@@ -12323,7 +12329,7 @@ function eb(e, t, n, o, a, r) {
       L(m, null, {
         default: $(() => [
           L(p, {
-            class: T(e.menuClasses),
+            class: M(e.menuClasses),
             align: "start",
             side: "right",
             "side-offset": 2,
@@ -12342,7 +12348,7 @@ function eb(e, t, n, o, a, r) {
   }, 8, ["open"])) : (g(), q(_, J({
     key: 3,
     open: e.isOpen,
-    "onUpdate:open": t[3] || (t[3] = (M) => e.isOpen = M),
+    "onUpdate:open": t[3] || (t[3] = (T) => e.isOpen = T),
     modal: e.modal
   }, e.$attrs), {
     default: $(() => [
@@ -12356,7 +12362,7 @@ function eb(e, t, n, o, a, r) {
         default: $(() => [
           L(C, {
             align: e.placement,
-            class: T(e.menuClasses),
+            class: M(e.menuClasses),
             "side-offset": 5
           }, {
             default: $(() => [
@@ -12449,15 +12455,15 @@ function ob(e, t, n, o, a, r) {
     default: $(() => [
       e.hasIconLeft ? (g(), A("div", {
         key: 0,
-        class: T(e.style.menuItemIcon)
+        class: M(e.style.menuItemIcon)
       }, [
         S(e.$slots, "icon-left")
       ], 2)) : X("", !0),
       I("div", {
-        class: T(e.style.menuItemTextContainer)
+        class: M(e.style.menuItemTextContainer)
       }, [
         I("span", {
-          class: T(e.style.menuItemText)
+          class: M(e.style.menuItemText)
         }, [
           S(e.$slots, "default")
         ], 2)
@@ -12465,7 +12471,7 @@ function ob(e, t, n, o, a, r) {
       S(e.$slots, "keyboard"),
       e.hasIconRight ? (g(), A("div", {
         key: 1,
-        class: T(e.style.menuItemIconRight)
+        class: M(e.style.menuItemIconRight)
       }, [
         S(e.$slots, "icon-right")
       ], 2)) : X("", !0)
@@ -12483,7 +12489,7 @@ const ab = /* @__PURE__ */ te(nb, [["render", ob]]), rb = O({
 });
 function sb(e, t, n, o, a, r) {
   return g(), A("ul", {
-    class: T(e.style.menuItems)
+    class: M(e.style.menuItems)
   }, [
     S(e.$slots, "default")
   ], 2);
@@ -12498,7 +12504,7 @@ const lb = /* @__PURE__ */ te(rb, [["render", sb]]), ib = O({
 });
 function ub(e, t, n, o, a, r) {
   return g(), A("div", {
-    class: T(e.computedClasses)
+    class: M(e.computedClasses)
   }, [
     S(e.$slots, "default")
   ], 2);
@@ -12519,7 +12525,7 @@ const db = /* @__PURE__ */ te(ib, [["render", ub]]), cb = O({
 });
 function fb(e, t, n, o, a, r) {
   return g(), q(et(e.separatorComponent), {
-    class: T(e.computedClasses)
+    class: M(e.computedClasses)
   }, null, 8, ["class"]);
 }
 const pb = /* @__PURE__ */ te(cb, [["render", fb]]), Wo = Symbol("CARDCONTEXTMENU_STATE"), Vl = Symbol("CARDCONTEXTMENU_TRIGGER_STATE");
@@ -12665,11 +12671,11 @@ const _b = /* @__PURE__ */ te(wb, [["render", Cb]]), $b = O({
         b.value = "auto";
         return;
       }
-      let _ = (E = i.value) == null ? void 0 : E.getBoundingClientRect().height, M = (F = i.value) == null ? void 0 : F.getBoundingClientRect().top;
-      if (!_ || !M)
+      let _ = (E = i.value) == null ? void 0 : E.getBoundingClientRect().height, T = (F = i.value) == null ? void 0 : F.getBoundingClientRect().top;
+      if (!_ || !T)
         return;
       let D = window.innerHeight;
-      b.value = `${D - _ - M - 30}px`;
+      b.value = `${D - _ - T - 30}px`;
     }
     return {
       referenceRef: s,
@@ -12704,7 +12710,7 @@ function Sb(e, t, n, o, a, r) {
       L(i, null, {
         default: $(() => [
           L(l, {
-            class: T(e.menuClasses),
+            class: M(e.menuClasses),
             align: "start",
             side: "right",
             "side-offset": 2,
@@ -12734,7 +12740,7 @@ function Sb(e, t, n, o, a, r) {
         default: $(() => [
           I("span", {
             ref: "referenceRef",
-            class: T(e.computedReferenceClasses)
+            class: M(e.computedReferenceClasses)
           }, [
             S(e.$slots, "default")
           ], 2)
@@ -12746,7 +12752,7 @@ function Sb(e, t, n, o, a, r) {
           e.isOpen ? (g(), q(c, {
             key: 0,
             reference: e.reference,
-            class: T(e.menuClasses),
+            class: M(e.menuClasses),
             style: ce({ zIndex: e.zIndex, maxHeight: e.maxHeight }),
             "side-offset": 14,
             onCloseAutoFocus: t[1] || (t[1] = he(() => {
@@ -12843,22 +12849,22 @@ function Mb(e, t, n, o, a, r) {
     default: $(() => [
       e.hasIconLeft ? (g(), A("div", {
         key: 0,
-        class: T(e.style.menuItemIcon)
+        class: M(e.style.menuItemIcon)
       }, [
         S(e.$slots, "icon-left")
       ], 2)) : X("", !0),
       I("div", {
-        class: T(e.style.menuItemTextContainer)
+        class: M(e.style.menuItemTextContainer)
       }, [
         I("span", {
-          class: T(e.style.menuItemText)
+          class: M(e.style.menuItemText)
         }, [
           S(e.$slots, "default")
         ], 2)
       ], 2),
       e.hasIconRight ? (g(), A("div", {
         key: 1,
-        class: T(e.style.menuItemIconRight)
+        class: M(e.style.menuItemIconRight)
       }, [
         S(e.$slots, "icon-right")
       ], 2)) : X("", !0)
@@ -12876,7 +12882,7 @@ const Tb = /* @__PURE__ */ te(Ob, [["render", Mb]]), qb = O({
 });
 function Bb(e, t, n, o, a, r) {
   return g(), A("ul", {
-    class: T(e.style.menuItems)
+    class: M(e.style.menuItems)
   }, [
     S(e.$slots, "default")
   ], 2);
@@ -12895,7 +12901,7 @@ const Ab = /* @__PURE__ */ te(qb, [["render", Bb]]), Db = O({
 function Pb(e, t, n, o, a, r) {
   const s = W("DropdownMenuSeparator");
   return g(), q(s, {
-    class: T(e.computedClasses)
+    class: M(e.computedClasses)
   }, null, 8, ["class"]);
 }
 const Eb = /* @__PURE__ */ te(Db, [["render", Pb]]);
@@ -13008,7 +13014,7 @@ const jb = O({
 function Lb(e, t, n, o, a, r) {
   return g(), A("form", {
     style: ce(e.computedStyles),
-    class: T([
+    class: M([
       e.computedClasses
     ]),
     onSubmit: t[0] || (t[0] = he((...s) => e.submit && e.submit(...s), ["prevent"]))
@@ -13067,7 +13073,7 @@ const Nb = /* @__PURE__ */ te(jb, [["render", Lb]]), Vb = O({
 }), xb = ["src", "alt"];
 function zb(e, t, n, o, a, r) {
   return g(), A("img", {
-    class: T(e.computedClasses),
+    class: M(e.computedClasses),
     style: ce(e.computedStyles),
     src: e.source,
     alt: e.alt
@@ -13113,7 +13119,7 @@ const Hb = /* @__PURE__ */ te(Vb, [["render", zb]]), Wb = O({
 function Kb(e, t, n, o, a, r) {
   return g(), q(et(e.tag), {
     to: e.to,
-    class: T(e.computedClasses),
+    class: M(e.computedClasses),
     disabled: e.disabled
   }, {
     default: $(() => [
@@ -13429,7 +13435,7 @@ var u1 = /* @__PURE__ */ O({
     "removeToast"
   ],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = w(null), r = w(null), s = w(!1), l = w(!1), i = w(!1), d = w(!1), u = w(!1), c = w(0), f = w(0), p = w(n.toast.duration || n.duration || Mr), m = w(null), h = w(null), b = y(() => n.index === 0), C = y(() => n.index + 1 <= n.visibleToasts), _ = y(() => n.toast.type), M = y(() => n.toast.dismissible !== !1), D = y(() => n.toast.class || ""), E = y(() => n.descriptionClass || ""), F = y(() => {
+    const n = e, o = t, a = w(null), r = w(null), s = w(!1), l = w(!1), i = w(!1), d = w(!1), u = w(!1), c = w(0), f = w(0), p = w(n.toast.duration || n.duration || Mr), m = w(null), h = w(null), b = y(() => n.index === 0), C = y(() => n.index + 1 <= n.visibleToasts), _ = y(() => n.toast.type), T = y(() => n.toast.dismissible !== !1), D = y(() => n.toast.class || ""), E = y(() => n.descriptionClass || ""), F = y(() => {
       const P = n.toast.position || n.position, U = n.heights.filter((ee) => ee.position === P).findIndex((ee) => ee.toastId === n.toast.id);
       return U >= 0 ? U : 0;
     }), R = y(() => {
@@ -13457,18 +13463,18 @@ var u1 = /* @__PURE__ */ O({
     }
     function Oe() {
       var P, fe;
-      if (ae.value || !M.value) return {};
+      if (ae.value || !T.value) return {};
       ve(), (fe = (P = n.toast).onDismiss) == null || fe.call(P, n.toast);
     }
     function Ce(P) {
-      P.button !== 2 && (ae.value || !M.value || (m.value = /* @__PURE__ */ new Date(), c.value = x.value, P.target.setPointerCapture(P.pointerId), P.target.tagName !== "BUTTON" && (i.value = !0, K.value = {
+      P.button !== 2 && (ae.value || !T.value || (m.value = /* @__PURE__ */ new Date(), c.value = x.value, P.target.setPointerCapture(P.pointerId), P.target.tagName !== "BUTTON" && (i.value = !0, K.value = {
         x: P.clientX,
         y: P.clientY
       })));
     }
     function Ee() {
       var de, xe, Re, Ke, Ze, Je, Fe;
-      if (d.value || !M.value) return;
+      if (d.value || !T.value) return;
       K.value = null;
       const P = Number(((de = h.value) == null ? void 0 : de.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), fe = Number(((xe = h.value) == null ? void 0 : xe.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), U = (/* @__PURE__ */ new Date()).getTime() - (((Re = m.value) == null ? void 0 : Re.getTime()) || 0), ee = a.value === "x" ? P : fe, oe = Math.abs(ee) / U;
       if (Math.abs(ee) >= o1 || oe > 0.11) {
@@ -13480,7 +13486,7 @@ var u1 = /* @__PURE__ */ O({
     }
     function De(P) {
       var Re, Ke, Ze, Je;
-      if (!K.value || !M.value || (((Ke = (Re = window == null ? void 0 : window.getSelection()) == null ? void 0 : Re.toString()) == null ? void 0 : Ke.length) ?? !1)) return;
+      if (!K.value || !T.value || (((Ke = (Re = window == null ? void 0 : window.getSelection()) == null ? void 0 : Re.toString()) == null ? void 0 : Ke.length) ?? !1)) return;
       const U = P.clientY - K.value.y, ee = P.clientX - K.value.x, oe = n.swipeDirections ?? r1(n.position);
       !a.value && (Math.abs(ee) > 1 || Math.abs(U) > 1) && (a.value = Math.abs(ee) > Math.abs(U) ? "x" : "y");
       let de = {
@@ -13545,7 +13551,7 @@ var u1 = /* @__PURE__ */ O({
         tabindex: "0",
         ref_key: "toastRef",
         ref: h,
-        class: T(v(Bt)(n.class, D.value, (U = P.classes) == null ? void 0 : U.toast, (ee = P.toast.classes) == null ? void 0 : ee.toast, (oe = P.classes) == null ? void 0 : oe[_.value], (xe = (de = P.toast) == null ? void 0 : de.classes) == null ? void 0 : xe[_.value])),
+        class: M(v(Bt)(n.class, D.value, (U = P.classes) == null ? void 0 : U.toast, (ee = P.toast.classes) == null ? void 0 : ee.toast, (oe = P.classes) == null ? void 0 : oe[_.value], (xe = (de = P.toast) == null ? void 0 : de.classes) == null ? void 0 : xe[_.value])),
         "data-sonner-toast": "",
         "data-rich-colors": P.toast.richColors ?? P.defaultRichColors,
         "data-styled": !(P.toast.component || (Re = P.toast) != null && Re.unstyled || P.unstyled),
@@ -13559,7 +13565,7 @@ var u1 = /* @__PURE__ */ O({
         "data-index": P.index,
         "data-front": b.value,
         "data-swiping": i.value,
-        "data-dismissible": M.value,
+        "data-dismissible": T.value,
         "data-type": _.value,
         "data-invert": P.toast.invert || P.invert,
         "data-swipe-out": d.value,
@@ -13585,7 +13591,7 @@ var u1 = /* @__PURE__ */ O({
         "data-disabled": ae.value,
         "data-close-button": "true",
         "data-close-button-position": P.closeButtonPosition,
-        class: T(v(Bt)((Ke = P.classes) == null ? void 0 : Ke.closeButton, (Je = (Ze = P.toast) == null ? void 0 : Ze.classes) == null ? void 0 : Je.closeButton)),
+        class: M(v(Bt)((Ke = P.classes) == null ? void 0 : Ke.closeButton, (Je = (Ze = P.toast) == null ? void 0 : Ze.classes) == null ? void 0 : Je.closeButton)),
         onClick: Oe
       }, [(Fe = P.icons) != null && Fe.close ? (g(), q(et((Nt = P.icons) == null ? void 0 : Nt.close), { key: 0 })) : S(P.$slots, "close-icon", { key: 1 })], 10, i1)) : X("v-if", !0), P.toast.component ? (g(), q(et(P.toast.component), J({ key: 1 }, P.toast.componentProps, {
         onCloseToast: Oe,
@@ -13594,34 +13600,34 @@ var u1 = /* @__PURE__ */ O({
         _.value !== "default" || P.toast.icon || P.toast.promise ? (g(), A("div", {
           key: 0,
           "data-icon": "",
-          class: T(v(Bt)((rt = P.classes) == null ? void 0 : rt.icon, (le = (G = P.toast) == null ? void 0 : G.classes) == null ? void 0 : le.icon))
+          class: M(v(Bt)((rt = P.classes) == null ? void 0 : rt.icon, (le = (G = P.toast) == null ? void 0 : G.classes) == null ? void 0 : le.icon))
         }, [P.toast.icon ? (g(), q(et(P.toast.icon), { key: 0 })) : (g(), A(ue, { key: 1 }, [_.value === "loading" ? S(P.$slots, "loading-icon", { key: 0 }) : _.value === "success" ? S(P.$slots, "success-icon", { key: 1 }) : _.value === "error" ? S(P.$slots, "error-icon", { key: 2 }) : _.value === "warning" ? S(P.$slots, "warning-icon", { key: 3 }) : _.value === "info" ? S(P.$slots, "info-icon", { key: 4 }) : X("v-if", !0)], 64))], 2)) : X("v-if", !0),
         I("div", {
           "data-content": "",
-          class: T(v(Bt)((re = P.classes) == null ? void 0 : re.content, (st = (ge = P.toast) == null ? void 0 : ge.classes) == null ? void 0 : st.content))
+          class: M(v(Bt)((re = P.classes) == null ? void 0 : re.content, (st = (ge = P.toast) == null ? void 0 : ge.classes) == null ? void 0 : st.content))
         }, [I("div", {
           "data-title": "",
-          class: T(v(Bt)((Ue = P.classes) == null ? void 0 : Ue.title, (lt = P.toast.classes) == null ? void 0 : lt.title))
+          class: M(v(Bt)((Ue = P.classes) == null ? void 0 : Ue.title, (lt = P.toast.classes) == null ? void 0 : lt.title))
         }, [Y.value ? (g(), q(et(P.toast.title), ye(J({ key: 0 }, P.toast.componentProps)), null, 16)) : (g(), A(ue, { key: 1 }, [$e(ie(P.toast.title), 1)], 64))], 2), P.toast.description ? (g(), A("div", {
           key: 0,
           "data-description": "",
-          class: T(v(Bt)(P.descriptionClass, E.value, (qt = P.classes) == null ? void 0 : qt.description, (fn = P.toast.classes) == null ? void 0 : fn.description))
+          class: M(v(Bt)(P.descriptionClass, E.value, (qt = P.classes) == null ? void 0 : qt.description, (fn = P.toast.classes) == null ? void 0 : fn.description))
         }, [se.value ? (g(), q(et(P.toast.description), ye(J({ key: 0 }, P.toast.componentProps)), null, 16)) : (g(), A(ue, { key: 1 }, [$e(ie(P.toast.description), 1)], 64))], 2)) : X("v-if", !0)], 2),
         P.toast.cancel ? (g(), A("button", {
           key: 1,
           style: ce(P.toast.cancelButtonStyle || P.cancelButtonStyle),
-          class: T(v(Bt)((ja = P.classes) == null ? void 0 : ja.cancelButton, (La = P.toast.classes) == null ? void 0 : La.cancelButton)),
+          class: M(v(Bt)((ja = P.classes) == null ? void 0 : ja.cancelButton, (La = P.toast.classes) == null ? void 0 : La.cancelButton)),
           "data-button": "",
           "data-cancel": "",
           onClick: fe[0] || (fe[0] = (Rn) => {
             var pn, vn;
-            v(Hn)(P.toast.cancel) && M.value && ((vn = (pn = P.toast.cancel).onClick) == null || vn.call(pn, Rn), ve());
+            v(Hn)(P.toast.cancel) && T.value && ((vn = (pn = P.toast.cancel).onClick) == null || vn.call(pn, Rn), ve());
           })
         }, ie(v(Hn)(P.toast.cancel) ? (Na = P.toast.cancel) == null ? void 0 : Na.label : P.toast.cancel), 7)) : X("v-if", !0),
         P.toast.action ? (g(), A("button", {
           key: 2,
           style: ce(P.toast.actionButtonStyle || P.actionButtonStyle),
-          class: T(v(Bt)((Va = P.classes) == null ? void 0 : Va.actionButton, (xa = P.toast.classes) == null ? void 0 : xa.actionButton)),
+          class: M(v(Bt)((Va = P.classes) == null ? void 0 : Va.actionButton, (xa = P.toast.classes) == null ? void 0 : xa.actionButton)),
           "data-button": "",
           "data-action": "",
           onClick: fe[1] || (fe[1] = (Rn) => {
@@ -13822,7 +13828,7 @@ var L1 = /* @__PURE__ */ O({
     function _(B) {
       B.target instanceof HTMLElement && B.target.dataset.dismissible === "false" || m.value || (m.value = !0, p.value = B.relatedTarget);
     }
-    function M(B) {
+    function T(B) {
       B.target && B.target instanceof HTMLElement && B.target.dataset.dismissible === "false" || (u.value = !0);
     }
     be((B) => {
@@ -13961,7 +13967,7 @@ var L1 = /* @__PURE__ */ O({
         onMousemove: D,
         onMouseleave: E,
         onDragend: F,
-        onPointerdown: M,
+        onPointerdown: T,
         onPointerup: R
       }), [(g(!0), A(ue, null, Pe(r(H, K), (k, z) => {
         var Y, se, ne, ae, ve, Oe, Ce, Ee, De, We, P;
@@ -13973,7 +13979,7 @@ var L1 = /* @__PURE__ */ O({
           toast: k,
           defaultRichColors: B.richColors,
           duration: ((Y = B.toastOptions) == null ? void 0 : Y.duration) ?? B.duration,
-          class: T(((se = B.toastOptions) == null ? void 0 : se.class) ?? ""),
+          class: M(((se = B.toastOptions) == null ? void 0 : se.class) ?? ""),
           descriptionClass: (ne = B.toastOptions) == null ? void 0 : ne.descriptionClass,
           invert: B.invert,
           visibleToasts: B.visibleToasts,
@@ -14180,7 +14186,7 @@ function W1(e, t, n, o, a, r) {
   return g(), A(ue, null, [
     S(e.$slots, "default"),
     L(s, {
-      class: T(e.style.toaster),
+      class: M(e.style.toaster),
       position: e.sonnerPosition,
       duration: e.timeout,
       "visible-toasts": e.max,
@@ -14307,7 +14313,7 @@ const uw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     ]), C = y(() => ({
       zIndex: l.value
-    })), _ = y(() => e.canClickOutside || e.outsideClose), M = [
+    })), _ = y(() => e.canClickOutside || e.outsideClose), T = [
       "[autofocus]",
       'input:not([type="hidden"])',
       "textarea",
@@ -14319,7 +14325,7 @@ const uw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ].join(", ");
     function D() {
       return r.value ? Array.from(
-        r.value.querySelectorAll(M)
+        r.value.querySelectorAll(T)
       ).find((N) => !N.matches(":disabled") && N.getAttribute("aria-disabled") !== "true" && N.getAttribute("aria-hidden") !== "true" && N.getClientRects().length > 0) ?? null : null;
     }
     const E = (N) => {
@@ -14415,7 +14421,7 @@ function cw(e, t, n, o, a, r) {
               e.isOpen ? (g(), q(s, {
                 key: 0,
                 "force-mount": "",
-                class: T(e.style.mask),
+                class: M(e.style.mask),
                 style: ce({ zIndex: e.zIndex })
               }, null, 8, ["class", "style"])) : X("", !0)
             ]),
@@ -14434,7 +14440,7 @@ function cw(e, t, n, o, a, r) {
                 key: 0,
                 tabIndex: "-1",
                 ref: "wrapperRef",
-                class: T(e.computedWrapperClasses),
+                class: M(e.computedWrapperClasses),
                 style: ce(e.computedWrapperStyles)
               }, [
                 L(u, J({
@@ -14455,7 +14461,7 @@ function cw(e, t, n, o, a, r) {
                     }, {
                       default: $(() => [
                         I("div", {
-                          class: T(e.computedContainerClasses),
+                          class: M(e.computedContainerClasses),
                           ref: "target"
                         }, [
                           e.loading ? S(e.$slots, "loading", { key: 0 }, () => [
@@ -14463,16 +14469,16 @@ function cw(e, t, n, o, a, r) {
                           ]) : (g(), A(ue, { key: 1 }, [
                             e.hasSidebar ? (g(), A("div", {
                               key: 0,
-                              class: T(e.style.sidebar)
+                              class: M(e.style.sidebar)
                             }, [
                               S(e.$slots, "sidebar")
                             ], 2)) : X("", !0),
                             I("div", {
-                              class: T(e.style.content)
+                              class: M(e.style.content)
                             }, [
                               e.title || e.showClose ? (g(), A("div", {
                                 key: 0,
-                                class: T(e.style.header)
+                                class: M(e.style.header)
                               }, [
                                 e.title ? (g(), q(l, {
                                   key: 0,
@@ -14480,7 +14486,7 @@ function cw(e, t, n, o, a, r) {
                                 }, {
                                   default: $(() => [
                                     I("div", {
-                                      class: T(e.style.title)
+                                      class: M(e.style.title)
                                     }, [
                                       I("div", null, ie(e.title), 1)
                                     ], 2)
@@ -14494,13 +14500,13 @@ function cw(e, t, n, o, a, r) {
                               }, {
                                 default: $(() => [
                                   I("button", {
-                                    class: T(e.style.close)
+                                    class: M(e.style.close)
                                   }, null, 2)
                                 ]),
                                 _: 1
                               })) : X("", !0),
                               I("div", {
-                                class: T(e.style.body),
+                                class: M(e.style.body),
                                 ref: "bodyRef"
                               }, [
                                 S(e.$slots, "body"),
@@ -14508,7 +14514,7 @@ function cw(e, t, n, o, a, r) {
                               ], 2),
                               e.hasFooter ? (g(), A("div", {
                                 key: 2,
-                                class: T(e.style.footer)
+                                class: M(e.style.footer)
                               }, [
                                 S(e.$slots, "footer")
                               ], 2)) : X("", !0)
@@ -14694,7 +14700,7 @@ const bw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 ];
 function Bw(e, t, n, o, a, r) {
   return g(), A("div", {
-    class: T(e.style.pagination)
+    class: M(e.style.pagination)
   }, [
     e.showTotal ? (g(), A("div", Cw, [
       e.showTotal ? (g(), A("div", _w, [
@@ -14707,10 +14713,10 @@ function Bw(e, t, n, o, a, r) {
       ])) : X("", !0)
     ])) : X("", !0),
     I("div", {
-      class: T(e.style.buttons)
+      class: M(e.style.buttons)
     }, [
       I("button", {
-        class: T(e.style.page),
+        class: M(e.style.page),
         tabindex: e.page === 1 ? void 0 : "0",
         disabled: e.page === 1,
         "aria-label": "Previous",
@@ -14718,7 +14724,7 @@ function Bw(e, t, n, o, a, r) {
         onClick: t[0] || (t[0] = (s) => e.handlePageChange(e.page - 1))
       }, [
         (g(), A("svg", {
-          class: T(e.style.svg),
+          class: M(e.style.svg),
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 10 24",
@@ -14728,11 +14734,11 @@ function Bw(e, t, n, o, a, r) {
         }, kw, 2))
       ], 10, $w),
       I("div", {
-        class: T(e.style.pages)
+        class: M(e.style.pages)
       }, [
         (g(!0), A(ue, null, Pe(e.pageIndicatorSeries, (s, l) => (g(), A("button", {
           key: l,
-          class: T([
+          class: M([
             e.style.page,
             {
               [e.style.active]: s.current
@@ -14759,10 +14765,10 @@ function Bw(e, t, n, o, a, r) {
         "aria-label": "Next",
         role: "button",
         onClick: t[1] || (t[1] = (s) => e.handlePageChange(e.page + 1)),
-        class: T(e.style.page)
+        class: M(e.style.page)
       }, [
         (g(), A("svg", {
-          class: T(e.style.svg),
+          class: M(e.style.svg),
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 10 24",
@@ -14829,7 +14835,7 @@ const jw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       formDisabled: p,
       formLoading: m,
       inputListeners: h
-    } = qe(e, { focus: r, emit: n, withListeners: !1 }), b = y(() => p || m || e.disabled || e.loading), C = _e(e, "name"), _ = y(() => e.modelValue === e.value), M = y(() => !!t.default), D = y({
+    } = qe(e, { focus: r, emit: n, withListeners: !1 }), b = y(() => p || m || e.disabled || e.loading), C = _e(e, "name"), _ = y(() => e.modelValue === e.value), T = y(() => !!t.default), D = y({
       get() {
         return e.modelValue;
       },
@@ -14868,7 +14874,7 @@ const jw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       inputError: F,
       style: jw,
       classes: E,
-      hasSlot: M,
+      hasSlot: T,
       inputListeners: h,
       focus: r,
       blur: s,
@@ -14880,7 +14886,7 @@ const jw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function Vw(e, t, n, o, a, r) {
   const s = W("RadioGroupItem"), l = W("RadioGroupRoot");
   return g(), A("label", {
-    class: T(e.style.base)
+    class: M(e.style.base)
   }, [
     L(l, {
       modelValue: e.pick,
@@ -14905,7 +14911,7 @@ function Vw(e, t, n, o, a, r) {
       _: 1
     }, 8, ["modelValue", "name", "disabled"]),
     I("span", {
-      class: T(e.style.label),
+      class: M(e.style.label),
       id: `${e.id}-label`
     }, [
       e.hasSlot ? S(e.$slots, "default", { key: 0 }) : (g(), A(ue, { key: 1 }, [
@@ -15002,7 +15008,7 @@ function Xw(e, t, n, o, a, r) {
     default: $(() => [
       I("input", {
         type: "radio",
-        class: T(e.computedRadioClasses),
+        class: M(e.computedRadioClasses),
         name: e.name,
         value: e.id,
         disabled: e.disabled
@@ -15074,7 +15080,7 @@ function e0(e, t, n, o, a, r) {
     modelValue: e.selectedValue,
     "onUpdate:modelValue": t[0] || (t[0] = (l) => e.selectedValue = l),
     name: e.name,
-    class: T(e.computedClasses)
+    class: M(e.computedClasses)
   }, {
     default: $(() => [
       S(e.$slots, "default")
@@ -15140,7 +15146,7 @@ const a0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 ];
 function u0(e, t, n, o, a, r) {
   return g(), A("div", {
-    class: T(e.computedClasses)
+    class: M(e.computedClasses)
   }, [
     I("span", null, [
       S(e.$slots, "default")
@@ -15148,7 +15154,7 @@ function u0(e, t, n, o, a, r) {
     e.closeable ? (g(), A("button", {
       key: 0,
       onMousedown: t[0] || (t[0] = he((...s) => e.close && e.close(...s), ["stop"])),
-      class: T(e.style.close),
+      class: M(e.style.close),
       tabindex: "0"
     }, [
       (g(), A("svg", s0, i0))
@@ -15293,7 +15299,7 @@ const I0 = O({
   },
   setup(e, { emit: t, expose: n }) {
     const o = w(null), a = w([]), r = w(), s = w(), l = w(), i = w(0), d = w(!1), u = w(!1), c = w(""), f = w(0), p = w(!1), m = w(!1), h = w(null), b = w(!1), C = w(!1), { nextZIndex: _ } = Lt();
-    function M(G, le) {
+    function T(G, le) {
       const {
         "onUpdate:value": re,
         onUpdateValue: ge
@@ -15312,7 +15318,7 @@ const I0 = O({
         return e.multiple ? e.modelValue ? Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : [] : e.modelValue || null;
       },
       set(G) {
-        t("update:modelValue", G), M(G, null);
+        t("update:modelValue", G), T(G, null);
       }
     }), z = y(() => e.max <= 0 ? k.value : e.multiple && Array.isArray(k.value) && k.value.length > e.max ? k.value.slice(0, e.max) : k.value), Y = y(() => e.multiple && Array.isArray(k.value) && e.max > 0 ? k.value.length - e.max : 0), se = y(() => {
       let G = {};
@@ -15652,12 +15658,12 @@ function X0(e, t, n, o, a, r) {
         e.label ? (g(), A("label", {
           key: 0,
           for: e.id,
-          class: T(e.style.label),
+          class: M(e.style.label),
           id: `${e.id}-label`
         }, ie(e.label), 11, F0)) : X("", !0),
         e.description ? (g(), A("div", {
           key: 1,
-          class: T(e.style.description)
+          class: M(e.style.description)
         }, ie(e.description), 3)) : X("", !0),
         L(l, {
           "as-child": "",
@@ -15677,7 +15683,7 @@ function X0(e, t, n, o, a, r) {
               "data-value": e.selected
             }), [
               I("div", {
-                class: T(e.selectComputedClasses)
+                class: M(e.selectComputedClasses)
               }, [
                 e.multiple && Array.isArray(e.selected) && e.selected.length > 0 ? (g(), A(ue, { key: 0 }, [
                   (g(!0), A(ue, null, Pe(e.selectedMax, (c) => (g(), q(s, {
@@ -15704,10 +15710,10 @@ function X0(e, t, n, o, a, r) {
                   $e(ie(e.getSelectedLabel(e.selected)), 1)
                 ], 64)) : (g(), A("div", {
                   key: 2,
-                  class: T(e.style.placeholder)
+                  class: M(e.style.placeholder)
                 }, ie(e.placeholder), 3)),
                 I("span", {
-                  class: T(e.selectComputedArrowClasses)
+                  class: M(e.selectComputedArrowClasses)
                 }, N0, 2)
               ], 2)
             ], 16, j0)
@@ -15729,7 +15735,7 @@ function X0(e, t, n, o, a, r) {
                 e.isOpen ? (g(), q(i, {
                   key: 0,
                   ref: "popper",
-                  class: T(e.style.menu),
+                  class: M(e.style.menu),
                   style: ce(e.computedConsistentWidth),
                   side: "bottom",
                   align: "start",
@@ -15747,16 +15753,16 @@ function X0(e, t, n, o, a, r) {
                   default: $(() => [
                     e.searchable || e.multiple && e.selectAll ? (g(), A("div", {
                       key: 0,
-                      class: T(e.style.search)
+                      class: M(e.style.search)
                     }, [
                       e.multiple && e.selectAll ? (g(), A("div", {
                         key: 0,
-                        class: T(e.style.checkAll)
+                        class: M(e.style.checkAll)
                       }, [
                         I("button", {
                           role: "button",
                           type: "button",
-                          class: T({
+                          class: M({
                             [e.style.checkAllButton]: !0,
                             [e.style.checkAllButtonActive]: e.computedOptions.length > 0 && e.computedOptions.length === e.selected.length
                           }),
@@ -15772,20 +15778,20 @@ function X0(e, t, n, o, a, r) {
                         ref: "searchRef",
                         "onUpdate:modelValue": t[4] || (t[4] = (c) => e.search = c),
                         placeholder: "Search",
-                        class: T(e.style.searchInput),
+                        class: M(e.style.searchInput),
                         "data-input": `select-menu-search-${e.id}`
                       }, null, 10, H0)), [
                         [ou, e.search]
                       ]) : X("", !0)
                     ], 2)) : X("", !0),
                     I("div", {
-                      class: T(e.style.options)
+                      class: M(e.style.options)
                     }, [
                       (g(!0), A(ue, null, Pe(e.computedOptions, (c, f) => (g(), A("div", {
                         key: f,
                         ref_for: !0,
                         ref: "optionsRef",
-                        class: T({
+                        class: M({
                           [e.style.option]: !0,
                           [e.style.optionSelected]: c.active,
                           [e.style.optionFocused]: e.selectedIndex === f
@@ -15795,17 +15801,17 @@ function X0(e, t, n, o, a, r) {
                         "data-element": `select-menu-option-${e.id}-${c.value}`
                       }, [
                         I("span", {
-                          class: T(e.style.optionIcon)
+                          class: M(e.style.optionIcon)
                         }, [
                           c.active ? (g(), A("svg", K0, G0)) : X("", !0)
                         ], 2),
                         I("span", {
-                          class: T(e.style.optionLabel)
+                          class: M(e.style.optionLabel)
                         }, ie(c.label), 3)
                       ], 42, W0))), 128)),
                       e.computedOptions.length === 0 ? (g(), A("div", {
                         key: 0,
-                        class: T(e.style.noResults)
+                        class: M(e.style.noResults)
                       }, "No results", 2)) : X("", !0)
                     ], 2)
                   ]),
@@ -15819,7 +15825,7 @@ function X0(e, t, n, o, a, r) {
         }, 8, ["disabled"]),
         e.inputError ? (g(), A("div", {
           key: 2,
-          class: T(e.style.errorMessage)
+          class: M(e.style.errorMessage)
         }, ie(e.inputError), 3)) : X("", !0)
       ], 512)
     ]),
@@ -15860,7 +15866,7 @@ const Q0 = O({
 });
 function eC(e, t, n, o, a, r) {
   return g(), A("div", {
-    class: T(e.computedClasses),
+    class: M(e.computedClasses),
     style: ce(e.computedStyles)
   }, null, 6);
 }
@@ -15911,7 +15917,7 @@ const rC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       formDisabled: p,
       formLoading: m,
       inputListeners: h
-    } = qe(e, { focus: r, emit: n, withListeners: !1 }), b = y(() => p || e.disabled || e.loading), C = _e(e, "name"), _ = w(!1), M = y(() => !!t.default), D = y(() => [
+    } = qe(e, { focus: r, emit: n, withListeners: !1 }), b = y(() => p || e.disabled || e.loading), C = _e(e, "name"), _ = w(!1), T = y(() => !!t.default), D = y(() => [
       gi,
       [wi[e.size]],
       {
@@ -15951,7 +15957,7 @@ const rC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       toggle: F,
       style: rC,
       classes: D,
-      hasSlot: M,
+      hasSlot: T,
       inputListeners: h,
       focus: r,
       blur: s,
@@ -15963,7 +15969,7 @@ const rC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function iC(e, t, n, o, a, r) {
   const s = W("SwitchRoot");
   return g(), A("label", {
-    class: T(e.style.base)
+    class: M(e.style.base)
   }, [
     L(s, J({
       modelValue: e.checked,
@@ -15980,7 +15986,7 @@ function iC(e, t, n, o, a, r) {
       onFocus: e.onFocus
     }), null, 16, ["modelValue", "aria-checked", "aria-disabled", "aria-labelledby", "disabled", "name", "id", "class", "onBlur", "onFocus"]),
     I("span", {
-      class: T(e.style.label),
+      class: M(e.style.label),
       id: `${e.id}-label`
     }, [
       e.hasSlot ? S(e.$slots, "default", { key: 0 }) : (g(), A(ue, { key: 1 }, [
@@ -16061,7 +16067,7 @@ function CC(e, t, n, o, a, r) {
           disabled: e.disabled
         }), [
           I("div", {
-            class: T(e.computedTabLabelClasses)
+            class: M(e.computedTabLabelClasses)
           }, [
             S(e.$slots, "tab", {
               label: e.label,
@@ -16073,7 +16079,7 @@ function CC(e, t, n, o, a, r) {
           e.closable ? (g(), A("div", wC, [
             I("button", {
               role: "button",
-              class: T(e.close),
+              class: M(e.close),
               onClick: t[0] || (t[0] = he((i) => e.$emit("onClose", { value: e.value, label: e.label }), ["stop"]))
             }, null, 2)
           ])) : X("", !0)
@@ -16176,12 +16182,12 @@ function kC(e, t, n, o, a, r) {
   }, {
     default: $(() => [
       I("div", {
-        class: T(e.computedTabsWrapperClasses)
+        class: M(e.computedTabsWrapperClasses)
       }, [
         I("div", SC, [
           L(s, {
             ref: "tabsRef",
-            class: T(e.computedTabsClasses)
+            class: M(e.computedTabsClasses)
           }, {
             default: $(() => [
               S(e.$slots, "default")
@@ -16191,7 +16197,7 @@ function kC(e, t, n, o, a, r) {
         ], 512),
         I("div", {
           ref: "tabsContentRef",
-          class: T(e.computedTabContentClasses)
+          class: M(e.computedTabContentClasses)
         }, null, 2)
       ], 2)
     ]),
@@ -16363,10 +16369,10 @@ const VC = O({
 function HC(e, t, n, o, a, r) {
   const s = W("MCheckbox"), l = W("TableHead"), i = W("TableHeadRow"), d = W("TableCell"), u = W("TableRow"), c = W("TableBody");
   return g(), A("div", {
-    class: T(e.wrapperComputedClasses)
+    class: M(e.wrapperComputedClasses)
   }, [
     I("table", {
-      class: T(e.tableComputedClasses)
+      class: M(e.tableComputedClasses)
     }, [
       L(i, null, {
         default: $(() => [
@@ -16519,7 +16525,7 @@ const YC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       formError: f,
       formDisabled: p,
       formLoading: m
-    } = qe(e, { focus: a, emit: t }), h = _e(e, "name"), b = y(() => p || e.disabled), C = y(() => m || e.loading), _ = y(() => e.loading || e.readonly), M = y(() => [
+    } = qe(e, { focus: a, emit: t }), h = _e(e, "name"), b = y(() => p || e.disabled), C = y(() => m || e.loading), _ = y(() => e.loading || e.readonly), T = y(() => [
       {
         [Yn]: e.block
       }
@@ -16550,7 +16556,7 @@ const YC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       readonly: _,
       inputComputedClasses: E,
       wrapperComputedClasses: D,
-      computedContainerClasses: M,
+      computedContainerClasses: T,
       name: h,
       textareaValue: R,
       inputError: F,
@@ -16567,20 +16573,20 @@ const YC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function e_(e, t, n, o, a, r) {
   return g(), A("div", {
     ref: "container",
-    class: T(e.computedContainerClasses)
+    class: M(e.computedContainerClasses)
   }, [
     e.label ? (g(), A("label", {
       key: 0,
       for: e.id,
       id: `${e.id}-label`,
-      class: T(e.style.label)
+      class: M(e.style.label)
     }, ie(e.label), 11, JC)) : X("", !0),
     e.description ? (g(), A("div", {
       key: 1,
-      class: T(e.style.description)
+      class: M(e.style.description)
     }, ie(e.description), 3)) : X("", !0),
     I("div", {
-      class: T(e.wrapperComputedClasses)
+      class: M(e.wrapperComputedClasses)
     }, [
       I("textarea", J({
         style: `height: ${e.height}px`,
@@ -16598,7 +16604,7 @@ function e_(e, t, n, o, a, r) {
     ], 2),
     e.inputError ? (g(), A("div", {
       key: 2,
-      class: T(e.style.errorMessage)
+      class: M(e.style.errorMessage)
     }, ie(e.inputError), 3)) : X("", !0)
   ], 2);
 }
@@ -16692,7 +16698,7 @@ function d_(e, t, n, o, a, r) {
           }, {
             default: $(() => [
               L(l, {
-                class: T(e.computedClasses),
+                class: M(e.computedClasses),
                 side: e.resolvedSide,
                 align: e.resolvedAlign,
                 "side-offset": 4,
@@ -16792,20 +16798,20 @@ const b_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }), C_ = ["onClick"], __ = ["onClick"];
 function $_(e, t, n, o, a, r) {
   return g(), A("div", {
-    class: T(e.style.wrapper),
+    class: M(e.style.wrapper),
     ref: "wrapper"
   }, [
     I("div", {
-      class: T([e.style.list])
+      class: M([e.style.list])
     }, [
       I("div", {
-        class: T(e.style.listHeader)
+        class: M(e.style.listHeader)
       }, ie(e.sourceTitle), 3),
       I("div", {
-        class: T(e.style.listBody)
+        class: M(e.style.listBody)
       }, [
         I("div", {
-          class: T(e.style.listContainer)
+          class: M(e.style.listContainer)
         }, [
           (g(!0), A(ue, null, Pe(e.sourceData, (s) => (g(), A("div", {
             key: (
@@ -16813,7 +16819,7 @@ function $_(e, t, n, o, a, r) {
               s[e.optionKey]
             ),
             onClick: (l) => e.handleSourceClick(s),
-            class: T(e.style.transferItem)
+            class: M(e.style.transferItem)
           }, ie(
             // @ts-ignore
             s[e.optionLabel]
@@ -16822,16 +16828,16 @@ function $_(e, t, n, o, a, r) {
       ], 2)
     ], 2),
     I("div", {
-      class: T([e.style.list])
+      class: M([e.style.list])
     }, [
       I("div", {
-        class: T(e.style.listHeader)
+        class: M(e.style.listHeader)
       }, ie(e.targetTitle), 3),
       I("div", {
-        class: T(e.style.listBody)
+        class: M(e.style.listBody)
       }, [
         I("div", {
-          class: T(e.style.listContainer)
+          class: M(e.style.listContainer)
         }, [
           (g(!0), A(ue, null, Pe(e.targetData, (s) => (g(), A("div", {
             key: (
@@ -16839,7 +16845,7 @@ function $_(e, t, n, o, a, r) {
               s[e.optionKey]
             ),
             onClick: (l) => e.handleTargetClick(s),
-            class: T(e.style.transferItem)
+            class: M(e.style.transferItem)
           }, ie(
             // @ts-ignore
             s[e.optionLabel]
@@ -16883,25 +16889,25 @@ const O_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       const _ = Math.max(
         0,
         Math.floor(s.value / e.itemHeight) - 2 * e.buffer
-      ), M = Math.max(
+      ), T = Math.max(
         0,
         Math.floor(l.value / e.itemWidth) - 2 * e.buffer
       );
-      return { row: _, col: M };
+      return { row: _, col: T };
     }), c = y(() => {
       const _ = Math.min(
         e.items.length,
         Math.ceil(
           (s.value + a.value) / e.itemHeight
         ) + 2 * e.buffer
-      ), M = Math.min(
+      ), T = Math.min(
         // @ts-ignore
         e.items[0].length,
         Math.ceil(
           (l.value + r.value) / e.itemWidth
         ) + 2 * e.buffer
       );
-      return { row: _, col: M };
+      return { row: _, col: T };
     }), f = y(() => u.value.col * e.itemWidth), p = y(() => u.value.row * e.itemHeight), m = y(
       () => Math.ceil(a.value / e.itemHeight)
     ), h = y(
@@ -16913,7 +16919,7 @@ const O_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       const _ = Math.min(
         e.items.length - u.value.row,
         m.value + 2 * Math.round(e.buffer + e.buffer / 2)
-      ), M = Math.min(
+      ), T = Math.min(
         // @ts-ignore
         e.items[0].length - u.value.col,
         h.value + 2 * Math.round(e.buffer + e.buffer / 2)
@@ -16923,7 +16929,7 @@ const O_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       ).map(
         (F) => (
           // @ts-ignore
-          F.slice(u.value.col, u.value.col + M)
+          F.slice(u.value.col, u.value.col + T)
         )
       );
       b.value = E;
@@ -16951,7 +16957,7 @@ const O_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function T_(e, t, n, o, a, r) {
   return g(), A("div", {
     ref: "scroller",
-    class: T(e.style.container),
+    class: M(e.style.container),
     onScrollPassive: t[0] || (t[0] = (...s) => e.onScroll && e.onScroll(...s))
   }, [
     I("div", {
@@ -17235,7 +17241,7 @@ const W_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ].join(", "), _ = y(() => ({
       [Ei]: !0,
       [Ii]: e.modal === !0
-    })), M = y(() => ({
+    })), T = y(() => ({
       [ji]: !0,
       [Li]: e.draggable && !c.value,
       [Ni]: e.draggable && c.value
@@ -17330,7 +17336,7 @@ const W_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       modalScale: Pl,
       style: W_,
       computedStyle: R,
-      headerClasses: M,
+      headerClasses: T,
       backdropClasses: _,
       resolvedTitle: b,
       wrapperClasses: D,
@@ -17367,7 +17373,7 @@ function U_(e, t, n, o, a, r) {
               e.isOpen && e.modal ? (g(), q(s, {
                 key: 0,
                 "force-mount": "",
-                class: T(e.backdropClasses),
+                class: M(e.backdropClasses),
                 style: { "z-index": "10" }
               }, null, 8, ["class"])) : X("", !0)
             ]),
@@ -17407,26 +17413,26 @@ function U_(e, t, n, o, a, r) {
                         close: e.close
                       }) : (g(), A("div", {
                         key: 1,
-                        class: T(e.style.content)
+                        class: M(e.style.content)
                       }, [
                         L(l, { "as-child": "" }, {
                           default: $(() => [
                             I("button", {
                               ref: "closeButton",
                               role: "button",
-                              class: T(e.style.close)
+                              class: M(e.style.close)
                             }, null, 2)
                           ]),
                           _: 1
                         }),
                         I("div", {
-                          class: T(e.headerClasses),
+                          class: M(e.headerClasses),
                           ref: "handle"
                         }, [
                           L(i, { "as-child": "" }, {
                             default: $(() => [
                               I("div", {
-                                class: T(e.style.title)
+                                class: M(e.style.title)
                               }, [
                                 S(e.$slots, "title", {}, () => [
                                   $e(ie(e.resolvedTitle), 1)
@@ -17441,7 +17447,7 @@ function U_(e, t, n, o, a, r) {
                         ]),
                         e.$slots.footer ? (g(), A("div", {
                           key: 0,
-                          class: T(e.style.footer)
+                          class: M(e.style.footer)
                         }, [
                           S(e.$slots, "footer")
                         ], 2)) : X("", !0)
@@ -17643,17 +17649,17 @@ const Hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function d$(e, t, n, o, a, r) {
   return g(), A("div", {
     onClick: t[0] || (t[0] = (...s) => e.onClick && e.onClick(...s)),
-    class: T(e.iconClass)
+    class: M(e.iconClass)
   }, [
     e.hide ? X("", !0) : (g(), A(ue, { key: 0 }, [
       e.expanded ? (g(), A("svg", {
         key: 0,
-        class: T(e.style.icon),
+        class: M(e.style.icon),
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 32 32"
       }, l$, 2)) : (g(), A("svg", {
         key: 1,
-        class: T(e.style.icon),
+        class: M(e.style.icon),
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 32 32"
       }, u$, 2))
@@ -17712,7 +17718,7 @@ const c$ = /* @__PURE__ */ te(r$, [["render", d$]]), Wi = "tree", f$ = O({
 function p$(e, t, n, o, a, r) {
   const s = W("TreeNodeToggle"), l = W("TreeNode", !0);
   return g(), A("div", {
-    class: T(e.style.nodeWrapper)
+    class: M(e.style.nodeWrapper)
   }, [
     I("div", J({
       class: e.style.node
@@ -17734,11 +17740,11 @@ function p$(e, t, n, o, a, r) {
         onClick: e.handleToggleClick
       }, null, 8, ["hide", "expanded", "node", "onClick"]),
       I("div", {
-        class: T(e.style.nodeContent),
+        class: M(e.style.nodeContent),
         onClick: t[0] || (t[0] = (...i) => e.handleContentClick && e.handleContentClick(...i))
       }, [
         I("div", {
-          class: T(e.style.nodeContentText)
+          class: M(e.style.nodeContentText)
         }, ie(e.label), 3)
       ], 2)
     ], 16),
@@ -17767,8 +17773,8 @@ const v$ = /* @__PURE__ */ te(f$, [["render", p$]]), m$ = O({
       const m = [];
       function h(b) {
         b.forEach((C) => {
-          const _ = l(C), M = C[e.keyField];
-          _.length && typeof M < "u" && (m.push(M), h(_));
+          const _ = l(C), T = C[e.keyField];
+          _.length && typeof T < "u" && (m.push(T), h(_));
         });
       }
       return h(p), m;
@@ -17786,8 +17792,8 @@ const v$ = /* @__PURE__ */ te(f$, [["render", p$]]), m$ = O({
         b.forEach((C) => {
           const _ = C[e.keyField];
           typeof _ < "u" && m.set(_, C);
-          const M = l(C);
-          M.length && h(M);
+          const T = l(C);
+          T.length && h(T);
         });
       }
       return h(s.value), p.map((b) => m.get(b) ?? null);
@@ -17951,7 +17957,7 @@ function $$(e, t, n, o, a, r) {
       }, {
         default: $(() => [
           L(i, {
-            class: T(e.contentClasses),
+            class: M(e.contentClasses),
             side: e.resolvedSide,
             align: e.resolvedAlign,
             "side-offset": e.sideOffset,
@@ -17962,7 +17968,7 @@ function $$(e, t, n, o, a, r) {
               S(e.$slots, "content"),
               e.showArrow ? (g(), q(l, {
                 key: 0,
-                class: T(e.style.arrow),
+                class: M(e.style.arrow),
                 width: 12,
                 height: 6
               }, null, 8, ["class"])) : X("", !0)