@teammodlr/ui-kit 3.0.0-beta.19 → 3.0.0-beta.20

package/lib/index.es.js

@@ -6,7 +6,7 @@ var Yi = (e, t, n) => t in e ? Xi(e, t, { enumerable: !0, configurable: !0, writ
 var Re = (e, t, n) => Yi(e, typeof t != "symbol" ? t + "" : t, n), Zi = (e, t, n) => t.has(e) || Ya("Cannot " + n);
 var gn = (e, t, n) => (Zi(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Za = (e, t, n) => t.has(e) ? Ya("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 M, renderSlot as S, ref as C, readonly as Do, watch as Q, computed as y, provide as De, openBlock as g, createElementBlock as A, normalizeStyle as de, normalizeClass as k, inject as Te, Fragment as ue, shallowRef as Ut, shallowReadonly as xt, getCurrentScope as Yo, onScopeDispose as Zo, toValue as Ve, effectScope as jr, toRefs as Pe, customRef as Lr, onBeforeUnmount as un, watchEffect as be, getCurrentInstance as Ft, isRef as Et, reactive as xe, unref as v, nextTick as ve, onMounted as Se, toHandlerKey as Ji, camelize as Nr, onUpdated as Qi, triggerRef as eu, toRef as _e, onUnmounted as jt, h as Qt, Comment as tu, mergeProps as J, cloneVNode as nu, createBlock as T, withCtx as _, createVNode as j, createCommentVNode as K, Teleport as Jo, normalizeProps as me, guardReactiveProps as Ce, markRaw as ou, renderList as Ie, watchPostEffect as Vr, mergeDefaults as xr, withDirectives as Qo, vShow as zr, resolveDynamicComponent as tt, withKeys as yt, withModifiers as ge, createTextVNode as $e, toDisplayString as ie, toHandlers as ro, createElementVNode as R, resolveComponent as x, useAttrs as Hr, isVNode as hn, Transition as Ht, vModelText as au, toRaw as Ja } from "vue";
+import { defineComponent as M, renderSlot as S, ref as C, readonly as Do, watch as Q, computed as y, provide as De, openBlock as g, createElementBlock as A, normalizeStyle as de, normalizeClass as k, inject as Te, Fragment as ue, shallowRef as Ut, shallowReadonly as xt, getCurrentScope as Yo, onScopeDispose as Zo, toValue as Ve, effectScope as jr, toRefs as Pe, customRef as Lr, onBeforeUnmount as un, watchEffect as he, getCurrentInstance as Ft, isRef as Et, reactive as xe, unref as v, nextTick as ve, onMounted as Se, toHandlerKey as Ji, camelize as Nr, onUpdated as Qi, triggerRef as eu, toRef as _e, onUnmounted as jt, h as Qt, Comment as tu, mergeProps as J, cloneVNode as nu, createBlock as T, withCtx as _, createVNode as j, createCommentVNode as K, Teleport as Jo, normalizeProps as me, guardReactiveProps as Ce, markRaw as ou, renderList as Ie, watchPostEffect as Vr, mergeDefaults as xr, withDirectives as Qo, vShow as zr, resolveDynamicComponent as tt, withKeys as yt, withModifiers as be, createTextVNode as $e, toDisplayString as ie, toHandlers as ro, createElementVNode as R, resolveComponent as x, useAttrs as Hr, isVNode as hn, Transition as Ht, vModelText as au, toRaw as Ja } from "vue";
 const ru = {
   h: {
     type: Function,
@@ -305,7 +305,7 @@ const [na, nS] = Me("ConfigProvider");
 function $u(e, t) {
   var n;
   const o = Ut();
-  return be(() => {
+  return he(() => {
     o.value = e();
   }, {
     ...t,
@@ -616,7 +616,7 @@ function mt(e) {
 }
 let ko = 0;
 function Qr() {
-  be((e) => {
+  he((e) => {
     if (!ft) return;
     const t = document.querySelectorAll("[data-reka-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", t[0] ?? or()), document.body.insertAdjacentElement("beforeend", t[1] ?? or()), ko++, e(() => {
@@ -718,7 +718,7 @@ function xu(e, t) {
     }, c = zu(u, d.getBoundingClientRect()), p = Hu(u, c, 1), f = Wu(i.getBoundingClientRect()), m = Uu([...p, ...f]);
     o.value = m, n.value = !0;
   }
-  return be((l) => {
+  return he((l) => {
     if (e.value && t.value) {
       const i = (u) => s(u, t.value), d = (u) => s(u, e.value);
       e.value.addEventListener("pointerleave", i), t.value.addEventListener("pointerleave", d), l(() => {
@@ -726,7 +726,7 @@ function xu(e, t) {
         (u = e.value) == null || u.removeEventListener("pointerleave", i), (c = t.value) == null || c.removeEventListener("pointerleave", d);
       });
     }
-  }), be((l) => {
+  }), he((l) => {
     var i;
     if (o.value) {
       const d = (u) => {
@@ -1432,7 +1432,7 @@ function bd(e, t, n = !0) {
   var s;
   const o = ((s = t == null ? void 0 : t.value) == null ? void 0 : s.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), a = C(!1), r = C(() => {
   });
-  return be((l) => {
+  return he((l) => {
     if (!ft || !Ve(n)) return;
     const i = async (u) => {
       const c = u.target;
@@ -1463,7 +1463,7 @@ function bd(e, t, n = !0) {
 function wd(e, t, n = !0) {
   var r;
   const o = ((r = t == null ? void 0 : t.value) == null ? void 0 : r.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), a = C(!1);
-  return be((s) => {
+  return he((s) => {
     if (!ft || !Ve(n)) return;
     const l = async (i) => {
       if (!(t != null && t.value)) return;
@@ -1526,11 +1526,11 @@ var Cd = /* @__PURE__ */ M({
     }, r);
     return Fu("Escape", (f) => {
       i.value === l.value.size - 1 && (o("escapeKeyDown", f), f.defaultPrevented || o("dismiss"));
-    }), be((f) => {
+    }), he((f) => {
       r.value && (n.disableOutsidePointerEvents && (it.layersWithOutsidePointerEventsDisabled.size === 0 && (it.originalBodyPointerEvents = s.value.body.style.pointerEvents, s.value.body.style.pointerEvents = "none"), it.layersWithOutsidePointerEventsDisabled.add(r.value)), l.value.add(r.value), f(() => {
         n.disableOutsidePointerEvents && it.layersWithOutsidePointerEventsDisabled.size === 1 && !Zn(it.originalBodyPointerEvents) && (s.value.body.style.pointerEvents = it.originalBodyPointerEvents);
       }));
-    }), be((f) => {
+    }), he((f) => {
       f(() => {
         r.value && (l.value.delete(r.value), it.layersWithOutsidePointerEventsDisabled.delete(r.value));
       });
@@ -1649,7 +1649,7 @@ var Td = /* @__PURE__ */ M({
         this.paused = !1;
       }
     });
-    be((u) => {
+    he((u) => {
       if (!ft) return;
       const c = r.value;
       if (!n.trapped) return;
@@ -1676,7 +1676,7 @@ var Td = /* @__PURE__ */ M({
       }), u(() => {
         document.removeEventListener("focusin", p), document.removeEventListener("focusout", f), h.disconnect();
       });
-    }), be(async (u) => {
+    }), he(async (u) => {
       const c = r.value;
       if (await ve(), !c) return;
       l.add(i);
@@ -2245,7 +2245,7 @@ function va(e = {}) {
     props: { value: { validator: () => !0 } },
     setup(u, { slots: c, attrs: p }) {
       const { primitiveElement: f, currentElement: m } = Io();
-      return be((h) => {
+      return he((h) => {
         if (m.value) {
           const b = ou(m.value);
           a.itemMap.value.set(b, {
@@ -3986,7 +3986,7 @@ var gf = /* @__PURE__ */ M({
       const U = ((V = E.value.arrow) == null ? void 0 : V.centerOffset) !== 0;
       return n.hideShiftedArrow && U;
     }), B = C("");
-    be(() => {
+    he(() => {
       s.value && (B.value = window.getComputedStyle(s.value).zIndex);
     });
     const N = y(() => {
@@ -4162,7 +4162,7 @@ var Cf = /* @__PURE__ */ M({
     const t = e, n = Cs();
     Z();
     const o = C(t.delayMs === void 0);
-    return be((a) => {
+    return he((a) => {
       if (t.delayMs && ft) {
         const r = window.setTimeout(() => {
           o.value = !0;
@@ -4189,7 +4189,7 @@ function Of(e, { referrerPolicy: t, crossOrigin: n } = {}) {
     o.value && (s.value = i);
   };
   return Se(() => {
-    o.value = !0, be((i) => {
+    o.value = !0, he((i) => {
       const d = r.value;
       if (!d) return;
       s.value = wr(d, e.value);
@@ -4553,7 +4553,7 @@ var If = /* @__PURE__ */ M({
         "data-disabled": i.value ? "" : void 0,
         disabled: i.value,
         focusable: (w = v(s)) != null && w.rovingFocus.value ? !i.value : void 0,
-        onKeydown: yt(ge(() => {
+        onKeydown: yt(be(() => {
         }, ["prevent"]), ["enter"]),
         onClick: c
       }), {
@@ -4852,7 +4852,7 @@ var Wf = /* @__PURE__ */ M({
       o("openAutoFocus", O), !O.defaultPrevented && (O.preventDefault(), (H = $.value) == null || H.focus({ preventScroll: !0 }));
     }
     function N(O) {
-      var he;
+      var ge;
       if (O.defaultPrevented) return;
       const H = O.target, Y = H.closest("[data-reka-menu-content]") === O.currentTarget, le = ["input", "textarea"].includes(H.tagName.toLowerCase()), ne = O.ctrlKey || O.altKey || O.metaKey, we = O.key.length === 1, Oe = tr(O, Le(), $.value, {
         loop: i.value,
@@ -4863,7 +4863,7 @@ var Wf = /* @__PURE__ */ M({
       });
       if (Oe) return Oe == null ? void 0 : Oe.focus();
       if (O.code === "Space") return;
-      const Ee = ((he = b.value) == null ? void 0 : he.getItems()) ?? [];
+      const Ee = ((ge = b.value) == null ? void 0 : ge.getItems()) ?? [];
       if (Y && (O.key === "Tab" && O.preventDefault(), !ne && we && !le && q(O.key, Ee)), O.target !== $.value || !Ad.includes(O.key)) return;
       O.preventDefault();
       const re = [...Ee.map((ke) => ke.ref)];
@@ -5296,7 +5296,7 @@ var Xf = /* @__PURE__ */ M({
       "disable-outside-pointer-events": v(r).open.value,
       "disable-outside-scroll": !0,
       onDismiss: d[0] || (d[0] = (u) => v(r).onOpenChange(!1)),
-      onFocusOutside: d[1] || (d[1] = ge((u) => o("focusOutside", u), ["prevent"]))
+      onFocusOutside: d[1] || (d[1] = be((u) => o("focusOutside", u), ["prevent"]))
     }), {
       default: _(() => [S(i.$slots, "default")]),
       _: 3
@@ -5706,7 +5706,7 @@ var vp = /* @__PURE__ */ M({
       defaultValue: !1,
       passive: n.open === void 0
     }), r = Yt(), s = C(), l = C();
-    return be((i) => {
+    return he((i) => {
       (r == null ? void 0 : r.open.value) === !1 && (a.value = !1), i(() => a.value = !1);
     }), $s({
       open: a,
@@ -5835,11 +5835,11 @@ var vp = /* @__PURE__ */ M({
         "disable-outside-pointer-events": !1,
         "disable-outside-scroll": !1,
         "trap-focus": !1,
-        onOpenAutoFocus: p[0] || (p[0] = ge((f) => {
+        onOpenAutoFocus: p[0] || (p[0] = be((f) => {
           var m;
           v(s).isUsingKeyboardRef.value && ((m = v(u)) == null || m.focus());
         }, ["prevent"])),
-        onCloseAutoFocus: p[1] || (p[1] = ge(() => {
+        onCloseAutoFocus: p[1] || (p[1] = be(() => {
         }, ["prevent"])),
         onFocusOutside: p[2] || (p[2] = (f) => {
           var h;
@@ -6935,7 +6935,7 @@ var Hp = /* @__PURE__ */ M({
       ref: v(l),
       "trap-focus": v(a).open.value,
       "disable-outside-pointer-events": "",
-      onCloseAutoFocus: u[0] || (u[0] = ge((c) => {
+      onCloseAutoFocus: u[0] || (u[0] = be((c) => {
         var p;
         o("closeAutoFocus", c), r.value || (p = v(a).triggerElement.value) == null || p.focus();
       }, ["prevent"])),
@@ -6944,7 +6944,7 @@ var Hp = /* @__PURE__ */ M({
         const p = c.detail.originalEvent, f = p.button === 0 && p.ctrlKey === !0, m = p.button === 2 || f;
         r.value = m;
       }),
-      onFocusOutside: u[2] || (u[2] = ge(() => {
+      onFocusOutside: u[2] || (u[2] = be(() => {
       }, ["prevent"]))
     }), {
       default: _(() => [S(d.$slots, "default")]),
@@ -7991,7 +7991,7 @@ var Ov = /* @__PURE__ */ M({
       value: v(r),
       required: c.required,
       name: c.name,
-      onClick: ge(u, ["stop"])
+      onClick: be(u, ["stop"])
     }), {
       default: _(() => [S(c.$slots, "default", { checked: v(a) }), v(i) && c.name ? (g(), T(v(co), {
         key: 0,
@@ -8216,7 +8216,7 @@ var Av = /* @__PURE__ */ M({
         disabled: l.value,
         "onUpdate:checked": m[0] || (m[0] = (h) => v(s).changeModelValue(f.value)),
         onSelect: m[1] || (m[1] = (h) => o("select", h)),
-        onKeydown: m[2] || (m[2] = yt(ge(() => {
+        onKeydown: m[2] || (m[2] = yt(be(() => {
         }, ["prevent"]), ["enter"])),
         onFocus: p
       }), {
@@ -8326,7 +8326,7 @@ var Pv = /* @__PURE__ */ M({
       as: p.as,
       disabled: v(a),
       onClick: l,
-      onKeydown: yt(ge(l, ["prevent"]), ["enter"])
+      onKeydown: yt(be(l, ["prevent"]), ["enter"])
     }), {
       default: _(() => [S(p.$slots, "default", {
         modelValue: v(r),
@@ -8600,7 +8600,7 @@ var jv = /* @__PURE__ */ M({
         disabled: l.disabled,
         "data-disabled": l.disabled ? "" : void 0,
         "data-orientation": v(o).orientation.value,
-        onMousedown: i[0] || (i[0] = ge((d) => {
+        onMousedown: i[0] || (i[0] = be((d) => {
           !l.disabled && d.ctrlKey === !1 ? v(o).changeModelValue(l.value) : d.preventDefault();
         }, ["left"])),
         onKeydown: i[1] || (i[1] = yt((d) => v(o).changeModelValue(l.value), ["enter", "space"])),
@@ -8876,7 +8876,7 @@ var Gv = /* @__PURE__ */ M({
         var f;
         v(a).disableClosingTrigger.value && ((f = v(a).trigger.value) != null && f.contains(p.target)) && p.preventDefault(), o("pointerDownOutside", p);
       }),
-      onFocusOutside: c[2] || (c[2] = ge(() => {
+      onFocusOutside: c[2] || (c[2] = be(() => {
       }, ["prevent"])),
       onDismiss: c[3] || (c[3] = (p) => v(a).onClose())
     }, {
@@ -10937,8 +10937,8 @@ function jg(e) {
 function Lg(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, p = n.altBoundary, f = n.flipVariations, m = f === void 0 ? !0 : f, h = n.allowedAutoPlacements, b = t.options.placement, w = bt(b), $ = w === b, q = i || ($ || !m ? [Gn(b)] : jg(b)), D = [b].concat(q).reduce(function(he, ke) {
-      return he.concat(bt(ke) === Ra ? Fg(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, p = n.altBoundary, f = n.flipVariations, m = f === void 0 ? !0 : f, h = n.allowedAutoPlacements, b = t.options.placement, w = bt(b), $ = w === b, q = i || ($ || !m ? [Gn(b)] : jg(b)), D = [b].concat(q).reduce(function(ge, ke) {
+      return ge.concat(bt(ke) === Ra ? Fg(t, {
         placement: ke,
         boundary: u,
         rootBoundary: c,
@@ -10956,8 +10956,8 @@ function Lg(e) {
       }), Y = V ? U ? ct : Ye : U ? dt : Xe;
       E[O] > F[O] && (Y = Gn(Y));
       var le = Gn(Y), ne = [];
-      if (r && ne.push(H[W] <= 0), l && ne.push(H[Y] <= 0, H[le] <= 0), ne.every(function(he) {
-        return he;
+      if (r && ne.push(H[W] <= 0), l && ne.push(H[Y] <= 0, H[le] <= 0), ne.every(function(ge) {
+        return ge;
       })) {
         z = N, L = !1;
         break;
@@ -11095,10 +11095,10 @@ function Xg(e) {
   };
   if (F) {
     if (r) {
-      var U, V = D === "y" ? Xe : Ye, O = D === "y" ? dt : ct, H = D === "y" ? "height" : "width", Y = F[D], le = Y + b[V], ne = Y - b[O], we = f ? -L[H] / 2 : 0, Oe = $ === an ? P[H] : L[H], Ee = $ === an ? -L[H] : -P[H], re = t.elements.arrow, he = f && re ? ja(re) : {
+      var U, V = D === "y" ? Xe : Ye, O = D === "y" ? dt : ct, H = D === "y" ? "height" : "width", Y = F[D], le = Y + b[V], ne = Y - b[O], we = f ? -L[H] / 2 : 0, Oe = $ === an ? P[H] : L[H], Ee = $ === an ? -L[H] : -P[H], re = t.elements.arrow, ge = f && re ? ja(re) : {
         width: 0,
         height: 0
-      }, ke = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : gl(), qe = ke[V], I = ke[O], pe = wn(0, P[H], he[H]), G = q ? P[H] / 2 - we - pe - qe - B.mainAxis : Oe - pe - qe - B.mainAxis, te = q ? -P[H] / 2 + we + pe + I + B.mainAxis : Ee + pe + I + B.mainAxis, oe = t.elements.arrow && En(t.elements.arrow), ce = oe ? D === "y" ? oe.clientTop || 0 : oe.clientLeft || 0 : 0, ze = (U = N == null ? void 0 : N[D]) != null ? U : 0, Fe = Y + G - ze - ce, Ke = Y + te - ze, Je = wn(f ? oo(le, Fe) : le, Y, f ? zt(ne, Ke) : ne);
+      }, ke = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : gl(), qe = ke[V], I = ke[O], pe = wn(0, P[H], ge[H]), G = q ? P[H] / 2 - we - pe - qe - B.mainAxis : Oe - pe - qe - B.mainAxis, te = q ? -P[H] / 2 + we + pe + I + B.mainAxis : Ee + pe + I + B.mainAxis, oe = t.elements.arrow && En(t.elements.arrow), ce = oe ? D === "y" ? oe.clientTop || 0 : oe.clientLeft || 0 : 0, ze = (U = N == null ? void 0 : N[D]) != null ? U : 0, Fe = Y + G - ze - ce, Ke = Y + te - ze, Je = wn(f ? oo(le, Fe) : le, Y, f ? zt(ne, Ke) : ne);
       F[D] = Je, W[D] = Je - Y;
     }
     if (l) {
@@ -11362,7 +11362,7 @@ function lS(e) {
     i.placement = w, d && (d == null || d.setOptions({ placement: w }));
   });
   const u = C(0);
-  be(() => {
+  he(() => {
     o.value && s.value && (o.value.__transferElement = s.value);
   });
   let c = null;
@@ -11491,13 +11491,13 @@ function yh(e, t, n, o, a, r) {
         class: k(e.style.sliderBar),
         style: de({ background: e.background }),
         onMousedown: t[0] || (t[0] = (...s) => e.handleMouseDown && e.handleMouseDown(...s)),
-        onTouchstart: t[1] || (t[1] = ge((...s) => e.handleMouseDown && e.handleMouseDown(...s), ["prevent"]))
+        onTouchstart: t[1] || (t[1] = be((...s) => e.handleMouseDown && e.handleMouseDown(...s), ["prevent"]))
       }, null, 38)
     ], 2),
     R("div", {
       style: { position: "absolute", inset: "0px 9px" },
       onMousedown: t[2] || (t[2] = (...s) => e.handleMouseDown && e.handleMouseDown(...s)),
-      onTouchstart: t[3] || (t[3] = ge((...s) => e.handleMouseDown && e.handleMouseDown(...s), ["prevent"]))
+      onTouchstart: t[3] || (t[3] = be((...s) => e.handleMouseDown && e.handleMouseDown(...s), ["prevent"]))
     }, [
       R("div", {
         class: k(e.style.hueSliderThumb),
@@ -11810,7 +11810,7 @@ const Al = /* @__PURE__ */ ee(Mh, [["render", Bh]]), Ah = M({
     const re = () => {
       var G, te, oe, ce;
       F.x = Math.min(Math.max(z.value, 0), ((G = m.value) == null ? void 0 : G.clientWidth) || 0) / (((te = m.value) == null ? void 0 : te.clientWidth) || 0), F.y = Math.min(Math.max(B.value, 0), ((oe = m.value) == null ? void 0 : oe.clientHeight) || 0) / (((ce = m.value) == null ? void 0 : ce.clientHeight) || 0);
-    }, he = () => {
+    }, ge = () => {
       d.value === "inherit" && (d.value = xn(O.value.r, O.value.g, O.value.b, O.value.a), Y()), E.value = !0, re();
     };
     Se(() => {
@@ -11869,7 +11869,7 @@ const Al = /* @__PURE__ */ ee(Mh, [["render", Bh]]), Ah = M({
       position: F,
       elementX: z,
       pressed: N,
-      handleMouseDown: he,
+      handleMouseDown: ge,
       picker: m,
       style: Jy,
       mainColor: H,
@@ -11951,7 +11951,7 @@ function Kh(e, t, n, o, a, r) {
             R("div", {
               ref: "referenceRef",
               tabindex: "0",
-              onMousedown: t[0] || (t[0] = ge(() => {
+              onMousedown: t[0] || (t[0] = be(() => {
               }, ["prevent"])),
               onFocus: t[1] || (t[1] = (f) => e.isOpen = !0),
               class: k(e.style.trigger)
@@ -11991,9 +11991,9 @@ function Kh(e, t, n, o, a, r) {
               align: e.resolvedAlign,
               "side-offset": 4,
               "collision-padding": 8,
-              onOpenAutoFocus: t[13] || (t[13] = ge(() => {
+              onOpenAutoFocus: t[13] || (t[13] = be(() => {
               }, ["prevent"])),
-              onCloseAutoFocus: t[14] || (t[14] = ge(() => {
+              onCloseAutoFocus: t[14] || (t[14] = be(() => {
               }, ["prevent"]))
             }, {
               default: _(() => [
@@ -12012,7 +12012,7 @@ function Kh(e, t, n, o, a, r) {
                   R("div", {
                     class: k(e.style.sliderThumb),
                     onMousedown: t[2] || (t[2] = (...f) => e.handleMouseDown && e.handleMouseDown(...f)),
-                    onDragover: t[3] || (t[3] = ge(() => {
+                    onDragover: t[3] || (t[3] = be(() => {
                     }, ["prevent"])),
                     style: de({ left: `${e.position.x * 100}%`, top: `${e.position.y * 100}%` })
                   }, null, 38)
@@ -12111,7 +12111,7 @@ function Kh(e, t, n, o, a, r) {
                   }, null, 8, ["onKeyup", "onBlur", "modelValue"])),
                   j(l, {
                     icon: "",
-                    onClick: t[12] || (t[12] = ge((f) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
+                    onClick: t[12] || (t[12] = be((f) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
                   }, {
                     default: _(() => [
                       (g(), A("svg", Rh, jh))
@@ -12120,7 +12120,7 @@ function Kh(e, t, n, o, a, r) {
                   }),
                   j(l, {
                     icon: "",
-                    onClick: ge(e.toggleInherit, ["prevent"])
+                    onClick: be(e.toggleInherit, ["prevent"])
                   }, {
                     default: _(() => [
                       (g(), A("svg", Lh, Wh))
@@ -12701,7 +12701,7 @@ const Ob = /* @__PURE__ */ ee($b, [["render", Sb]]), kb = M({
     }), m = y(() => ["m-dropdown-menu", xl]), h = y(() => `m-transition__${e.transitionName}`), b = C("auto");
     Be(window, "resize", () => {
       r.value && w();
-    }), be(() => {
+    }), he(() => {
       w();
     });
     function w() {
@@ -12794,7 +12794,7 @@ function Mb(e, t, n, o, a, r) {
             class: k(e.menuClasses),
             style: de({ zIndex: e.zIndex, maxHeight: e.maxHeight }),
             "side-offset": 14,
-            onCloseAutoFocus: t[1] || (t[1] = ge(() => {
+            onCloseAutoFocus: t[1] || (t[1] = be(() => {
             }, ["prevent"]))
           }, {
             default: _(() => [
@@ -13056,7 +13056,7 @@ function xb(e, t, n, o, a, r) {
     class: k([
       e.computedClasses
     ]),
-    onSubmit: t[0] || (t[0] = ge((...s) => e.submit && e.submit(...s), ["prevent"]))
+    onSubmit: t[0] || (t[0] = be((...s) => e.submit && e.submit(...s), ["prevent"]))
   }, [
     S(e.$slots, "default", { loading: e.loading })
   ], 38);
@@ -13375,7 +13375,7 @@ function Hn(e) {
 const o1 = 3, Gl = "24px", Xl = "16px", Pr = 4e3, a1 = 356, r1 = 14, s1 = 45, Yl = 200;
 function l1() {
   const e = C(!1);
-  return be(() => {
+  return he(() => {
     const t = () => {
       e.value = document.hidden;
     };
@@ -13483,7 +13483,7 @@ var f1 = /* @__PURE__ */ M({
     }), L = y(() => F.value * n.gap + P.value || 0), z = y(() => n.toast.closeButton ?? n.closeButton), B = y(() => n.toast.duration || n.duration || Pr), N = C(0), W = C(0), U = C(null), V = y(() => n.position.split("-")), O = y(() => V.value[0]), H = y(() => V.value[1]), Y = y(() => typeof n.toast.title != "string"), le = y(() => typeof n.toast.description != "string"), { isDocumentHidden: ne } = l1(), we = y(() => $.value && $.value === "loading");
     Se(() => {
       s.value = !0, f.value = B.value;
-    }), be(async () => {
+    }), he(async () => {
       if (!s.value || !h.value) return;
       await ve();
       const I = h.value, pe = I.style.height;
@@ -13511,7 +13511,7 @@ var f1 = /* @__PURE__ */ M({
         y: I.clientY
       })));
     }
-    function he() {
+    function ge() {
       var ce, ze, Fe, Ke, Je, Qe, je;
       if (d.value || !q.value) return;
       U.value = null;
@@ -13559,7 +13559,7 @@ var f1 = /* @__PURE__ */ M({
       o("update:heights", pe);
     }), un(() => {
       h.value && o("removeToast", n.toast);
-    }), be((I) => {
+    }), he((I) => {
       if (n.toast.promise && $.value === "loading" || n.toast.duration === 1 / 0 || n.toast.type === "loading") return;
       let pe;
       const G = () => {
@@ -13622,7 +13622,7 @@ var f1 = /* @__PURE__ */ M({
         }),
         onDragend: qe,
         onPointerdown: re,
-        onPointerup: he,
+        onPointerup: ge,
         onPointermove: ke
       }, [z.value && !I.toast.component && $.value !== "loading" ? (g(), A("button", {
         key: 0,
@@ -13848,7 +13848,7 @@ var x1 = /* @__PURE__ */ M({
         B[N] = o.value.filter((W) => W.position === N);
       }), B;
     }), i = C([]), d = C({}), u = C(!1);
-    be(() => {
+    he(() => {
       s.value.forEach((B) => {
         B in d.value || (d.value[B] = !1);
       });
@@ -13870,7 +13870,7 @@ var x1 = /* @__PURE__ */ M({
     function q(B) {
       B.target && B.target instanceof HTMLElement && B.target.dataset.dismissible === "false" || (u.value = !0);
     }
-    be((B) => {
+    he((B) => {
       const N = Ge.subscribe((W) => {
         if (W.dismiss) {
           requestAnimationFrame(() => {
@@ -13894,7 +13894,7 @@ var x1 = /* @__PURE__ */ M({
         });
       });
       B(N);
-    }), be((B) => {
+    }), he((B) => {
       if (typeof window > "u") return;
       if (t.theme !== "system") {
         c.value = t.theme;
@@ -13919,13 +13919,13 @@ var x1 = /* @__PURE__ */ M({
           N.removeListener(U);
         }
       });
-    }), be(() => {
+    }), he(() => {
       p.value && f.value && (f.value.focus({ preventScroll: !0 }), f.value = null, m.value = !1);
-    }), be(() => {
+    }), he(() => {
       o.value.length <= 1 && Object.keys(d.value).forEach((B) => {
         d.value[B] = !1;
       });
-    }), be((B) => {
+    }), he((B) => {
       function N(W) {
         const U = t.hotkey.every((H) => W[H] || W.code === H), V = Array.isArray(p.value) ? p.value[0] : p.value;
         U && (s.value.forEach((H) => {
@@ -14009,7 +14009,7 @@ var x1 = /* @__PURE__ */ M({
         onPointerdown: q,
         onPointerup: P
       }), [(g(!0), A(ue, null, Ie(r(W, U), (O, H) => {
-        var Y, le, ne, we, Oe, Ee, re, he, ke, qe, I;
+        var Y, le, ne, we, Oe, Ee, re, ge, ke, qe, I;
         return g(), T(p1, {
           key: O.id,
           heights: i.value,
@@ -14028,7 +14028,7 @@ var x1 = /* @__PURE__ */ M({
           closeButtonPosition: ((Oe = B.toastOptions) == null ? void 0 : Oe.closeButtonPosition) ?? B.closeButtonPosition,
           style: de((Ee = B.toastOptions) == null ? void 0 : Ee.style),
           unstyled: (re = B.toastOptions) == null ? void 0 : re.unstyled,
-          classes: (he = B.toastOptions) == null ? void 0 : he.classes,
+          classes: (ge = B.toastOptions) == null ? void 0 : ge.classes,
           cancelButtonStyle: (ke = B.toastOptions) == null ? void 0 : ke.cancelButtonStyle,
           actionButtonStyle: (qe = B.toastOptions) == null ? void 0 : qe.actionButtonStyle,
           "close-button-aria-label": (I = B.toastOptions) == null ? void 0 : I.closeButtonAriaLabel,
@@ -15192,7 +15192,7 @@ function f0(e, t, n, o, a, r) {
     ]),
     e.closeable ? (g(), A("button", {
       key: 0,
-      onMousedown: t[0] || (t[0] = ge((...s) => e.close && e.close(...s), ["stop"])),
+      onMousedown: t[0] || (t[0] = be((...s) => e.close && e.close(...s), ["stop"])),
       class: k(e.style.close),
       tabindex: "0"
     }, [
@@ -15443,13 +15443,13 @@ const j0 = M({
         )
       ).filter((X) => !X.matches(":disabled") && X.getAttribute("aria-disabled") !== "true" && X.getAttribute("aria-hidden") !== "true" && X.tabIndex >= 0 && X.getClientRects().length > 0);
     }
-    function he(X) {
+    function ge(X) {
       return X ? X instanceof HTMLElement ? X : "$el" in X && X.$el instanceof HTMLElement ? X.$el : null : null;
     }
     function ke(X = !1) {
       if (!o.value)
         return null;
-      const se = he(l.value), ae = re(), ye = ae.indexOf(o.value);
+      const se = ge(l.value), ae = re(), ye = ae.indexOf(o.value);
       if (ye === -1)
         return null;
       const st = (lt) => {
@@ -15490,7 +15490,7 @@ const j0 = M({
       const se = X;
       if (se.key === "Tab") {
         if (d.value) {
-          const ae = document.activeElement, ye = he(l.value);
+          const ae = document.activeElement, ye = ge(l.value);
           if (!!ae && !!(ye != null && ye.contains(ae))) {
             se.preventDefault();
             const Ue = ke(se.shiftKey);
@@ -15564,7 +15564,7 @@ const j0 = M({
       );
       return se ? se[e.optionLabel] : null;
     }
-    be(() => {
+    he(() => {
       o.value && d.value && (p.value = o.value.offsetWidth);
     }), Q(i, (X) => {
       f.value && typeof X < "u" && a.value && a.value[X].scrollIntoView({
@@ -15784,9 +15784,9 @@ function J0(e, t, n, o, a, r) {
                   "aria-hidden": e.isOpen ? "false" : "true",
                   "data-element": `select-menu-overlay-${e.id}`,
                   onKeydownCapture: e.handleKeyDown,
-                  onOpenAutoFocus: t[5] || (t[5] = ge(() => {
+                  onOpenAutoFocus: t[5] || (t[5] = be(() => {
                   }, ["prevent"])),
-                  onCloseAutoFocus: t[6] || (t[6] = ge(() => {
+                  onCloseAutoFocus: t[6] || (t[6] = be(() => {
                   }, ["prevent"]))
                 }, {
                   default: _(() => [
@@ -15805,7 +15805,7 @@ function J0(e, t, n, o, a, r) {
                             [e.style.checkAllButton]: !0,
                             [e.style.checkAllButtonActive]: e.computedOptions.length > 0 && e.computedOptions.length === e.selected.length
                           }),
-                          onClick: t[3] || (t[3] = ge((...c) => e.toggleAllItems && e.toggleAllItems(...c), ["prevent"])),
+                          onClick: t[3] || (t[3] = be((...c) => e.toggleAllItems && e.toggleAllItems(...c), ["prevent"])),
                           "aria-description": "Select all items"
                         }, [
                           e.computedOptions.length > 0 && e.computedOptions.length === e.selected.length ? (g(), A("svg", H0, K0)) : K("", !0)
@@ -15835,7 +15835,7 @@ function J0(e, t, n, o, a, r) {
                           [e.style.optionSelected]: c.active,
                           [e.style.optionFocused]: e.selectedIndex === p
                         }),
-                        onClick: ge(c.onClick, ["prevent"]),
+                        onClick: be(c.onClick, ["prevent"]),
                         onMouseenter: (f) => e.selectedIndex = p,
                         "data-element": `select-menu-option-${e.id}-${c.value}`
                       }, [
@@ -16119,7 +16119,7 @@ function OC(e, t, n, o, a, r) {
             R("button", {
               role: "button",
               class: k(e.close),
-              onClick: t[0] || (t[0] = ge((i) => e.$emit("onClose", { value: e.value, label: e.label }), ["stop"]))
+              onClick: t[0] || (t[0] = be((i) => e.$emit("onClose", { value: e.value, label: e.label }), ["stop"]))
             }, null, 2)
           ])) : K("", !0)
         ], 16, _C)
@@ -16454,7 +16454,7 @@ function GC(e, t, n, o, a, r) {
                     modelValue: e.selected,
                     "onUpdate:modelValue": t[0] || (t[0] = (h) => e.selected = h),
                     value: p,
-                    onClick: t[1] || (t[1] = ge(() => {
+                    onClick: t[1] || (t[1] = be(() => {
                     }, ["stop"]))
                   }, null, 8, ["modelValue", "value"])
                 ]),
@@ -16954,7 +16954,7 @@ const B_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ), b = C([]), w = () => {
       s.value = o.value.scrollTop, l.value = o.value.scrollLeft;
     };
-    return be(() => {
+    return he(() => {
       const $ = Math.min(
         e.items.length - u.value.row,
         m.value + 2 * Math.round(e.buffer + e.buffer / 2)
@@ -17320,11 +17320,11 @@ const X_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       p.value && re.preventDefault();
     }
     function H(re) {
-      const he = h.value;
-      if (!he)
+      const ge = h.value;
+      if (!ge)
         return;
       const ke = Array.from(
-        he.querySelectorAll(q)
+        ge.querySelectorAll(q)
       ).find((qe) => qe !== s.value && !qe.matches(":disabled") && qe.getAttribute("aria-disabled") !== "true" && qe.getAttribute("aria-hidden") !== "true" && qe.getClientRects().length > 0);
       ke && (re.preventDefault(), ke.focus());
     }
@@ -17344,14 +17344,14 @@ const X_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function we() {
       const re = h.value;
       if (re) {
-        const he = re.getBoundingClientRect();
-        b.value = (window.innerWidth - he.width) / 2, w.value = (window.innerHeight - he.height) / 2;
+        const ge = re.getBoundingClientRect();
+        b.value = (window.innerWidth - ge.width) / 2, w.value = (window.innerHeight - ge.height) / 2;
       }
     }
     function Oe() {
       const re = h.value;
       if (re) {
-        const he = re.getBoundingClientRect(), ke = window.innerWidth - he.width, qe = window.innerHeight - he.height;
+        const ge = re.getBoundingClientRect(), ke = window.innerWidth - ge.width, qe = window.innerHeight - ge.height;
         b.value = Math.min(Math.max(0, b.value), ke), w.value = Math.min(Math.max(0, w.value), qe);
       }
     }
@@ -17391,7 +17391,7 @@ const X_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       onEnter: V,
       handleOpenChange: Y,
       handleOpenAutoFocus: H,
-      handleFocusOutside: O,
+      handleOutsideEvent: O,
       isOpen: y(() => e.open),
       activeFocusTrap: p
     };
@@ -17441,11 +17441,9 @@ function Z_(e, t, n, o, a, r) {
                 "disable-outside-pointer-events": e.modal,
                 onOpenAutoFocus: e.handleOpenAutoFocus,
                 onEscapeKeyDown: e.handleEscapeKeyDown,
-                onPointerDownOutside: t[0] || (t[0] = ge(() => {
-                }, ["prevent"])),
-                onFocusOutside: e.handleFocusOutside,
-                onInteractOutside: t[1] || (t[1] = ge(() => {
-                }, ["prevent"]))
+                onPointerDownOutside: e.handleOutsideEvent,
+                onFocusOutside: e.handleOutsideEvent,
+                onInteractOutside: e.handleOutsideEvent
               }, {
                 default: _(() => [
                   j(d, {
@@ -17502,7 +17500,7 @@ function Z_(e, t, n, o, a, r) {
                   }, 8, ["trapped", "loop"])
                 ]),
                 _: 3
-              }, 8, ["style", "disable-outside-pointer-events", "onOpenAutoFocus", "onEscapeKeyDown", "onFocusOutside"])) : K("", !0)
+              }, 8, ["style", "disable-outside-pointer-events", "onOpenAutoFocus", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside"])) : K("", !0)
             ]),
             _: 3
           }, 8, ["enter-active-class", "leave-active-class", "onAfterLeave", "enter-from-class", "leave-to-class"])