react-pro-messenger 1.0.20 → 1.0.22

package/dist/index.es.js

@@ -2,13 +2,13 @@ var Ma = Object.defineProperty;
 var Oa = (e, t, n) => t in e ? Ma(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var je = (e, t, n) => (Oa(e, typeof t != "symbol" ? t + "" : t, n), n);
 import * as Qn from "react";
-import we, { useCallback as Qt, createContext as ct, useRef as pe, useId as er, useContext as me, useInsertionEffect as Vs, useMemo as He, useEffect as Mt, Children as La, isValidElement as ka, useLayoutEffect as _a, useState as xe, forwardRef as Ot, Fragment as Ms, createElement as Ia, Component as Fa } from "react";
+import we, { useCallback as Qt, createContext as ct, useRef as pe, useId as er, useContext as me, useInsertionEffect as Vs, useMemo as He, useEffect as ut, Children as La, isValidElement as ka, useLayoutEffect as _a, useState as xe, forwardRef as Ot, Fragment as Ms, createElement as Ia, Component as Fa } from "react";
 import Na from "react-dom";
-var g = { exports: {} }, pt = {};
+var g = { exports: {} }, mt = {};
 var ni;
 function Ba() {
   if (ni)
-    return pt;
+    return mt;
   ni = 1;
   var e = we, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(l, a, u) {
@@ -21,9 +21,9 @@ function Ba() {
         f[c] === void 0 && (f[c] = a[c]);
     return { $$typeof: t, type: l, key: h, ref: m, props: f, _owner: i.current };
   }
-  return pt.Fragment = n, pt.jsx = o, pt.jsxs = o, pt;
+  return mt.Fragment = n, mt.jsx = o, mt.jsxs = o, mt;
 }
-var mt = {};
+var gt = {};
 var ri;
 function $a() {
   return ri || (ri = 1, process.env.NODE_ENV !== "production" && function() {
@@ -351,7 +351,7 @@ function $a() {
       if (ma(d))
         return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pa(d)), Yr(d);
     }
-    var ht = x.ReactCurrentOwner, ga = {
+    var pt = x.ReactCurrentOwner, ga = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -375,9 +375,9 @@ function $a() {
       return d.key !== void 0;
     }
     function xa(d, T) {
-      if (typeof d.ref == "string" && ht.current && T && ht.current.stateNode !== T) {
-        var E = ce(ht.current.type);
-        ln[E] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ce(ht.current.type), d.ref), ln[E] = !0);
+      if (typeof d.ref == "string" && pt.current && T && pt.current.stateNode !== T) {
+        var E = ce(pt.current.type);
+        ln[E] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ce(pt.current.type), d.ref), ln[E] = !0);
       }
     }
     function ba(d, T) {
@@ -443,7 +443,7 @@ function $a() {
           var le = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
           Y && ba(G, le), ve && Ta(G, le);
         }
-        return wa(d, Y, ve, H, O, ht.current, G);
+        return wa(d, Y, ve, H, O, pt.current, G);
       }
     }
     var cn = x.ReactCurrentOwner, Hr = x.ReactDebugCurrentFrame;
@@ -599,8 +599,8 @@ Check the top-level render call using <` + E + ">.");
       return ei(d, T, E, !1);
     }
     var Da = ja, Va = Aa;
-    mt.Fragment = r, mt.jsx = Da, mt.jsxs = Va;
-  }()), mt;
+    gt.Fragment = r, gt.jsx = Da, gt.jsxs = Va;
+  }()), gt;
 }
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Ba() : e.exports = $a();
@@ -727,7 +727,7 @@ function Os(e = !0) {
   if (t === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: r, register: i } = t, s = er();
-  Mt(() => {
+  ut(() => {
     if (e)
       return i(s);
   }, [e]);
@@ -741,7 +741,7 @@ function ii(e) {
     ka(n) && t.push(n);
   }), t;
 }
-const ir = typeof window < "u", Ls = ir ? _a : Mt, ks = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: l = "left" }) => {
+const ir = typeof window < "u", Ls = ir ? _a : ut, ks = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: l = "left" }) => {
   const [a, u] = Os(o), c = He(() => ii(e), [e]), f = o && !a ? [] : c.map(Bt), h = pe(!0), m = pe(c), v = nr(() => /* @__PURE__ */ new Map()), [y, w] = xe(c), [x, P] = xe(c);
   Ls(() => {
     h.current = !1, m.current = c;
@@ -775,8 +775,8 @@ const ir = typeof window < "u", Ls = ir ? _a : Mt, ks = ({ children: e, custom:
     return g.exports.jsx(za, { isPresent: $, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: $ ? void 0 : D, anchorX: l, children: p }, A);
   }) });
 }, Pe = (e) => e;
-let ut = Pe, Fe = Pe;
-process.env.NODE_ENV !== "production" && (ut = (e, t) => {
+let ft = Pe, Fe = Pe;
+process.env.NODE_ENV !== "production" && (ft = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
 }, Fe = (e, t) => {
   if (!e)
@@ -949,7 +949,7 @@ const nn = /* @__PURE__ */ ct({});
 function rn(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function Ct(e) {
+function Et(e) {
   return typeof e == "string" || Array.isArray(e);
 }
 const or = [
@@ -962,7 +962,7 @@ const or = [
   "exit"
 ], ar = ["initial", ...or];
 function sn(e) {
-  return rn(e.animate) || ar.some((t) => Ct(e[t]));
+  return rn(e.animate) || ar.some((t) => Et(e[t]));
 }
 function Bs(e) {
   return Boolean(sn(e) || e.variants);
@@ -971,8 +971,8 @@ function Qa(e, t) {
   if (sn(e)) {
     const { initial: n, animate: r } = e;
     return {
-      initial: n === !1 || Ct(n) ? n : void 0,
-      animate: Ct(r) ? r : void 0
+      initial: n === !1 || Et(n) ? n : void 0,
+      animate: Et(r) ? r : void 0
     };
   }
   return e.inherit !== !1 ? t : {};
@@ -1017,7 +1017,7 @@ function il(e, t, n, r, i) {
   const y = n[$s], w = pe(Boolean(y) && !(!((s = window.MotionHandoffIsComplete) === null || s === void 0) && s.call(window, y)) && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, y)));
   return Ls(() => {
     h && (v.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), cr.render(h.render), w.current && h.animationState && h.animationState.animateChanges());
-  }), Mt(() => {
+  }), ut(() => {
     h && (!w.current && h.animationState && h.animationState.animateChanges(), w.current && (queueMicrotask(() => {
       var x;
       (x = window.MotionHandoffMarkAsComplete) === null || x === void 0 || x.call(window, y);
@@ -1070,7 +1070,7 @@ function ll(e, t) {
   const n = me(Fs).strict;
   if (process.env.NODE_ENV !== "production" && t && n) {
     const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    e.ignoreStrict ? ut(!1, r) : Fe(!1, r);
+    e.ignoreStrict ? ft(!1, r) : Fe(!1, r);
   }
 }
 function cl(e) {
@@ -1083,12 +1083,12 @@ function cl(e) {
     ProjectionNode: r.ProjectionNode
   };
 }
-const zs = (e) => (t) => typeof t == "string" && t.startsWith(e), ur = /* @__PURE__ */ zs("--"), ul = /* @__PURE__ */ zs("var(--"), fr = (e) => ul(e) ? fl.test(e.split("/*")[0].trim()) : !1, fl = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Et = {};
+const zs = (e) => (t) => typeof t == "string" && t.startsWith(e), ur = /* @__PURE__ */ zs("--"), ul = /* @__PURE__ */ zs("var(--"), fr = (e) => ul(e) ? fl.test(e.split("/*")[0].trim()) : !1, fl = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Rt = {};
 function dl(e) {
   for (const t in e)
-    Et[t] = e[t], ur(t) && (Et[t].isCSSVariable = !0);
+    Rt[t] = e[t], ur(t) && (Rt[t].isCSSVariable = !0);
 }
-const ft = [
+const dt = [
   "transformPerspective",
   "x",
   "y",
@@ -1106,19 +1106,19 @@ const ft = [
   "skew",
   "skewX",
   "skewY"
-], Xe = new Set(ft);
+], Xe = new Set(dt);
 function Ys(e, { layout: t, layoutId: n }) {
-  return Xe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Et[e] || e === "opacity");
+  return Xe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Rt[e] || e === "opacity");
 }
-const ge = (e) => Boolean(e && e.getVelocity), Ks = (e, t) => t && typeof e == "number" ? t.transform(e) : e, ke = (e, t, n) => n > t ? t : n < e ? e : n, dt = {
+const ge = (e) => Boolean(e && e.getVelocity), Ks = (e, t) => t && typeof e == "number" ? t.transform(e) : e, ke = (e, t, n) => n > t ? t : n < e ? e : n, ht = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, Rt = {
-  ...dt,
+}, At = {
+  ...ht,
   transform: (e) => ke(0, 1, e)
 }, Ut = {
-  ...dt,
+  ...ht,
   default: 1
 }, Lt = (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
@@ -1181,31 +1181,31 @@ const ge = (e) => Boolean(e && e.getVelocity), Ks = (e, t) => t && typeof e == "
   z: M,
   perspective: M,
   transformPerspective: M,
-  opacity: Rt,
+  opacity: At,
   originX: li,
   originY: li,
   originZ: M
 }, ci = {
-  ...dt,
+  ...ht,
   transform: Math.round
 }, dr = {
   ...ml,
   ...gl,
   zIndex: ci,
   size: M,
-  fillOpacity: Rt,
-  strokeOpacity: Rt,
+  fillOpacity: At,
+  strokeOpacity: At,
   numOctaves: ci
 }, yl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, vl = ft.length;
+}, vl = dt.length;
 function xl(e, t, n) {
   let r = "", i = !0;
   for (let s = 0; s < vl; s++) {
-    const o = ft[s], l = e[o];
+    const o = dt[s], l = e[o];
     if (l === void 0)
       continue;
     let a = !0;
@@ -1491,7 +1491,7 @@ function eo(e, t, n) {
   const r = xr(e, t, n);
   for (const i in e)
     if (ge(e[i]) || ge(t[i])) {
-      const s = ft.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+      const s = dt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       r[s] = e[i];
     }
   return r;
@@ -1539,7 +1539,7 @@ function _l(e, t) {
     return ol(o);
   };
 }
-function At(e, t, n) {
+function jt(e, t, n) {
   const r = e.getProps();
   return vr(r, t, n !== void 0 ? n : r.custom, e);
 }
@@ -1661,20 +1661,20 @@ const qt = /* @__PURE__ */ $l(() => {
 function ro(e) {
   return Boolean(typeof e == "function" && qt() || !e || typeof e == "string" && (e in kn || qt()) || wr(e) || Array.isArray(e) && e.every(ro));
 }
-const vt = ([e, t, n, r]) => `cubic-bezier(${e}, ${t}, ${n}, ${r})`, kn = {
+const xt = ([e, t, n, r]) => `cubic-bezier(${e}, ${t}, ${n}, ${r})`, kn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ vt([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ vt([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ vt([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ vt([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ xt([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ xt([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ xt([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ xt([0.33, 1.53, 0.69, 0.99])
 };
 function io(e, t) {
   if (e)
-    return typeof e == "function" && qt() ? no(e, t) : wr(e) ? vt(e) : Array.isArray(e) ? e.map((n) => io(n, t) || kn.easeOut) : kn[e];
+    return typeof e == "function" && qt() ? no(e, t) : wr(e) ? xt(e) : Array.isArray(e) ? e.map((n) => io(n, t) || kn.easeOut) : kn[e];
 }
 const Ae = {
   x: !1,
@@ -1740,7 +1740,7 @@ const ao = (e, t) => t ? e === t ? !0 : ao(e, t.parentElement) : !1, Pr = (e) =>
 function Yl(e) {
   return zl.has(e.tagName) || e.tabIndex !== -1;
 }
-const xt = /* @__PURE__ */ new WeakSet();
+const bt = /* @__PURE__ */ new WeakSet();
 function mi(e) {
   return (t) => {
     t.key === "Enter" && e(t);
@@ -1754,7 +1754,7 @@ const Kl = (e, t) => {
   if (!n)
     return;
   const r = mi(() => {
-    if (xt.has(n))
+    if (bt.has(n))
       return;
     pn(n, "down");
     const i = mi(() => {
@@ -1770,11 +1770,11 @@ function gi(e) {
 function Gl(e, t, n = {}) {
   const [r, i, s] = oo(e, n), o = (l) => {
     const a = l.currentTarget;
-    if (!a || !gi(l) || xt.has(a))
+    if (!a || !gi(l) || bt.has(a))
       return;
-    xt.add(a), Ht(l, "set");
+    bt.add(a), Ht(l, "set");
     const u = t(a, l), c = (m, v) => {
-      a.removeEventListener("pointerup", f), a.removeEventListener("pointercancel", h), Ht(m, "release"), !(!gi(m) || !xt.has(a)) && (xt.delete(a), typeof u == "function" && u(m, { success: v }));
+      a.removeEventListener("pointerup", f), a.removeEventListener("pointercancel", h), Ht(m, "release"), !(!gi(m) || !bt.has(a)) && (bt.delete(a), typeof u == "function" && u(m, { success: v }));
     }, f = (m) => {
       (m.isTrusted ? ql(m, a instanceof Element ? a.getBoundingClientRect() : {
         left: 0,
@@ -1810,7 +1810,7 @@ const lo = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...ft
+  ...dt
 ]);
 let Yt;
 function Xl() {
@@ -1932,14 +1932,14 @@ class Jl {
     this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function jt(e, t) {
+function Dt(e, t) {
   return new Jl(e, t);
 }
 function Ql(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, jt(n));
+  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Dt(n));
 }
 function ec(e, t) {
-  const n = At(e, t);
+  const n = jt(e, t);
   let { transitionEnd: r = {}, transition: i = {}, ...s } = n || {};
   s = { ...s, ...r };
   for (const o in s) {
@@ -1978,7 +1978,7 @@ const ho = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, po
 function oc(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || bo(e) : !0;
 }
-const bt = (e) => Math.round(e * 1e5) / 1e5, jr = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+const Tt = (e) => Math.round(e * 1e5) / 1e5, jr = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function ac(e) {
   return e == null;
 }
@@ -1993,12 +1993,12 @@ const lc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     alpha: l !== void 0 ? parseFloat(l) : 1
   };
 }, cc = (e) => ke(0, 255, e), mn = {
-  ...dt,
+  ...ht,
   transform: (e) => Math.round(cc(e))
 }, Ke = {
   test: /* @__PURE__ */ Dr("rgb", "red"),
   parse: /* @__PURE__ */ To("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + mn.transform(e) + ", " + mn.transform(t) + ", " + mn.transform(n) + ", " + bt(Rt.transform(r)) + ")"
+  transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + mn.transform(e) + ", " + mn.transform(t) + ", " + mn.transform(n) + ", " + Tt(At.transform(r)) + ")"
 };
 function uc(e) {
   let t = "", n = "", r = "", i = "";
@@ -2016,7 +2016,7 @@ const In = {
 }, tt = {
   test: /* @__PURE__ */ Dr("hsl", "hue"),
   parse: /* @__PURE__ */ To("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + Ve.transform(bt(t)) + ", " + Ve.transform(bt(n)) + ", " + bt(Rt.transform(r)) + ")"
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + Ve.transform(Tt(t)) + ", " + Ve.transform(Tt(n)) + ", " + Tt(At.transform(r)) + ")"
 }, he = {
   test: (e) => Ke.test(e) || In.test(e) || tt.test(e),
   parse: (e) => Ke.test(e) ? Ke.parse(e) : tt.test(e) ? tt.parse(e) : In.parse(e),
@@ -2027,7 +2027,7 @@ function dc(e) {
   return isNaN(e) && typeof e == "string" && (((t = e.match(jr)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(fc)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
 const wo = "number", Po = "color", hc = "var", pc = "var(", vi = "${}", mc = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function Dt(e) {
+function Vt(e) {
   const t = e.toString(), n = [], r = {
     color: [],
     number: [],
@@ -2038,16 +2038,16 @@ function Dt(e) {
   return { values: n, split: l, indexes: r, types: i };
 }
 function So(e) {
-  return Dt(e).values;
+  return Vt(e).values;
 }
 function Co(e) {
-  const { split: t, types: n } = Dt(e), r = t.length;
+  const { split: t, types: n } = Vt(e), r = t.length;
   return (i) => {
     let s = "";
     for (let o = 0; o < r; o++)
       if (s += t[o], i[o] !== void 0) {
         const l = n[o];
-        l === wo ? s += bt(i[o]) : l === Po ? s += he.transform(i[o]) : s += i[o];
+        l === wo ? s += Tt(i[o]) : l === Po ? s += he.transform(i[o]) : s += i[o];
       }
     return s;
   };
@@ -2104,13 +2104,13 @@ function Pc(e, t, n) {
   let r = 0, i;
   for (; r < e.length && !i; ) {
     const s = e[r];
-    typeof s == "string" && !wc.has(s) && Dt(s).values.length && (i = e[r]), r++;
+    typeof s == "string" && !wc.has(s) && Vt(s).values.length && (i = e[r]), r++;
   }
   if (i && n)
     for (const s of t)
       e[s] = Eo(n, i);
 }
-const xi = (e) => e === dt || e === M, bi = (e, t) => parseFloat(e.split(", ")[t]), Ti = (e, t) => (n, { transform: r }) => {
+const xi = (e) => e === ht || e === M, bi = (e, t) => parseFloat(e.split(", ")[t]), Ti = (e, t) => (n, { transform: r }) => {
   if (r === "none" || !r)
     return 0;
   const i = r.match(/^matrix3d\((.+)\)$/u);
@@ -2120,7 +2120,7 @@ const xi = (e) => e === dt || e === M, bi = (e, t) => parseFloat(e.split(", ")[t
     const s = r.match(/^matrix\((.+)\)$/u);
     return s ? bi(s[1], e) : 0;
   }
-}, Sc = /* @__PURE__ */ new Set(["x", "y", "z"]), Cc = ft.filter((e) => !Sc.has(e));
+}, Sc = /* @__PURE__ */ new Set(["x", "y", "z"]), Cc = dt.filter((e) => !Sc.has(e));
 function Ec(e) {
   const t = [];
   return Cc.forEach((n) => {
@@ -2234,7 +2234,7 @@ function Do(e, t, n = 1) {
 const Vo = (e) => (t) => t.test(e), Vc = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, Mo = [dt, M, Ve, _e, pl, hl, Vc], wi = (e) => Mo.find(Vo(e));
+}, Mo = [ht, M, Ve, _e, pl, hl, Vc], wi = (e) => Mo.find(Vo(e));
 class Oo extends Mr {
   constructor(t, n, r, i, s) {
     super(t, n, r, i, s, !0);
@@ -2306,7 +2306,7 @@ function Oc(e, t, n, r) {
   if (t === "display" || t === "visibility")
     return !0;
   const s = e[e.length - 1], o = Pi(i, t), l = Pi(s, t);
-  return ut(o === l, `You are trying to animate ${t} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !o || !l ? !1 : Mc(e) || (n === "spring" || Tr(n)) && r;
+  return ft(o === l, `You are trying to animate ${t} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !o || !l ? !1 : Mc(e) || (n === "spring" || Tr(n)) && r;
 }
 const Lc = (e) => e !== null;
 function on(e, { repeat: t, repeatType: n = "loop" }, r) {
@@ -2363,7 +2363,7 @@ class Lo {
     });
   }
 }
-const Tt = {
+const wt = {
   layout: 0,
   mainThread: 0,
   waapi: 0
@@ -2396,7 +2396,7 @@ const yn = (e, t, n) => {
 }, Ic = [In, Ke, tt], Fc = (e) => Ic.find((t) => t.test(e));
 function Si(e) {
   const t = Fc(e);
-  if (ut(Boolean(t), `'${e}' is not an animatable color. Use the equivalent color code instead.`), !Boolean(t))
+  if (ft(Boolean(t), `'${e}' is not an animatable color. Use the equivalent color code instead.`), !Boolean(t))
     return !1;
   let n = t.parse(e);
   return t === tt && (n = _c(n)), n;
@@ -2445,8 +2445,8 @@ function Wc(e, t) {
   return r;
 }
 const zc = (e, t) => {
-  const n = Be.createTransformer(t), r = Dt(e), i = Dt(t);
-  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? $n.has(e) && !i.values.length || $n.has(t) && !r.values.length ? Bc(e, t) : _t(ko(Wc(r, i), i.values), n) : (ut(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Xt(e, t));
+  const n = Be.createTransformer(t), r = Vt(e), i = Vt(t);
+  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? $n.has(e) && !i.values.length || $n.has(t) && !r.values.length ? Bc(e, t) : _t(ko(Wc(r, i), i.values), n) : (ft(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Xt(e, t));
 };
 function _o(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ne(e, t, n) : Or(e)(e, t);
@@ -2479,7 +2479,7 @@ const te = {
 }, vn = 1e-3;
 function Kc({ duration: e = te.duration, bounce: t = te.bounce, velocity: n = te.velocity, mass: r = te.mass }) {
   let i, s;
-  ut(e <= De(te.maxDuration), "Spring duration must be 10 seconds or less");
+  ft(e <= De(te.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
   o = ke(te.minDamping, te.maxDamping, o), e = ke(te.minDuration, te.maxDuration, Le(e)), o < 1 ? (i = (u) => {
     const c = u * o, f = c * e, h = c - n, m = Un(u, o), v = Math.exp(-f);
@@ -2702,7 +2702,7 @@ function su(e, t) {
 function ou(e, t) {
   return e.map(() => t || No).splice(0, e.length - 1);
 }
-function wt({ duration: e = 300, keyframes: t, times: n, ease: r = "easeInOut" }) {
+function Pt({ duration: e = 300, keyframes: t, times: n, ease: r = "easeInOut" }) {
   const i = eu(r) ? r.map(ji) : ji(r), s = {
     done: !1,
     value: t[0]
@@ -2727,8 +2727,8 @@ const au = (e) => {
 }, lu = {
   decay: Ri,
   inertia: Ri,
-  tween: wt,
-  keyframes: wt,
+  tween: Pt,
+  keyframes: Pt,
   spring: Fo
 }, cu = (e) => e / 100;
 class Lr extends Lo {
@@ -2747,9 +2747,9 @@ class Lr extends Lo {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(t) {
-    const { type: n = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: o = 0 } = this.options, l = Tr(n) ? n : lu[n] || wt;
+    const { type: n = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: o = 0 } = this.options, l = Tr(n) ? n : lu[n] || Pt;
     let a, u;
-    process.env.NODE_ENV !== "production" && l !== wt && Fe(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l !== wt && typeof t[0] != "number" && (a = _t(cu, _o(t[0], t[1])), t = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== Pt && Fe(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l !== Pt && typeof t[0] != "number" && (a = _t(cu, _o(t[0], t[1])), t = [0, 100]);
     const c = l({ ...this.options, keyframes: t });
     s === "mirror" && (u = l({
       ...this.options,
@@ -2768,7 +2768,7 @@ class Lr extends Lo {
   }
   onPostResolved() {
     const { autoplay: t = !0 } = this.options;
-    Tt.mainThread++, this.play(), this.pendingPlayState === "paused" || !t ? this.pause() : this.state = this.pendingPlayState;
+    wt.mainThread++, this.play(), this.pendingPlayState === "paused" || !t ? this.pause() : this.state = this.pendingPlayState;
   }
   tick(t, n = !1) {
     const { resolved: r } = this;
@@ -2845,7 +2845,7 @@ class Lr extends Lo {
     this.cancelTime !== null && this.tick(this.cancelTime), this.teardown(), this.updateFinishedPromise();
   }
   teardown() {
-    this.state = "idle", this.stopDriver(), this.resolveFinishedPromise(), this.updateFinishedPromise(), this.startTime = this.cancelTime = null, this.resolver.cancel(), Tt.mainThread--;
+    this.state = "idle", this.stopDriver(), this.resolveFinishedPromise(), this.updateFinishedPromise(), this.startTime = this.cancelTime = null, this.resolver.cancel(), wt.mainThread--;
   }
   stopDriver() {
     this.driver && (this.driver.stop(), this.driver = void 0);
@@ -3142,7 +3142,7 @@ function $o(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
 }
 function Wn(e, t, n = {}) {
   var r;
-  const i = At(e, t, n.type === "exit" ? (r = e.presenceContext) === null || r === void 0 ? void 0 : r.custom : void 0);
+  const i = jt(e, t, n.type === "exit" ? (r = e.presenceContext) === null || r === void 0 ? void 0 : r.custom : void 0);
   let { transition: s = e.getDefaultTransition() || {} } = i || {};
   n.transitionOverride && (s = n.transitionOverride);
   const o = i ? () => Promise.all($o(e, i, n)) : () => Promise.resolve(), l = e.variantChildren && e.variantChildren.size ? (u = 0) => {
@@ -3176,7 +3176,7 @@ function Eu(e, t, n = {}) {
   } else if (typeof t == "string")
     r = Wn(e, t, n);
   else {
-    const i = typeof t == "function" ? At(e, t, n.custom) : t;
+    const i = typeof t == "function" ? jt(e, t, n.custom) : t;
     r = Promise.all($o(e, i, n));
   }
   return r.then(() => {
@@ -3205,7 +3205,7 @@ function Wo(e) {
   const t = {};
   for (let n = 0; n < Ru; n++) {
     const r = ar[n], i = e.props[r];
-    (Ct(i) || i === !1) && (t[r] = i);
+    (Et(i) || i === !1) && (t[r] = i);
   }
   return t;
 }
@@ -3217,7 +3217,7 @@ function Vu(e) {
   let t = Du(e), n = Vi(), r = !0;
   const i = (a) => (u, c) => {
     var f;
-    const h = At(e, c, a === "exit" ? (f = e.presenceContext) === null || f === void 0 ? void 0 : f.custom : void 0);
+    const h = jt(e, c, a === "exit" ? (f = e.presenceContext) === null || f === void 0 ? void 0 : f.custom : void 0);
     if (h) {
       const { transition: m, transitionEnd: v, ...y } = h;
       u = { ...u, ...y, ...v };
@@ -3231,7 +3231,7 @@ function Vu(e) {
     const { props: u } = e, c = Wo(e.parent) || {}, f = [], h = /* @__PURE__ */ new Set();
     let m = {}, v = 1 / 0;
     for (let w = 0; w < ju; w++) {
-      const x = Au[w], P = n[x], S = u[x] !== void 0 ? u[x] : c[x], j = Ct(S), p = x === a ? P.isActive : null;
+      const x = Au[w], P = n[x], S = u[x] !== void 0 ? u[x] : c[x], j = Et(S), p = x === a ? P.isActive : null;
       p === !1 && (v = w);
       let A = S === c[x] && S !== u[x] && j;
       if (A && r && e.manuallyAnimateOnMount && (A = !1), P.protectedKeys = { ...m }, !P.isActive && p === null || !S && !P.prevProp || rn(S) || typeof S == "boolean")
@@ -3264,7 +3264,7 @@ function Vu(e) {
     if (h.size) {
       const w = {};
       if (typeof u.initial != "boolean") {
-        const x = At(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        const x = jt(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
         x && x.transition && (w.transition = x.transition);
       }
       h.forEach((x) => {
@@ -3378,7 +3378,7 @@ const _u = {
     Feature: ku
   }
 };
-function Vt(e, t, n, r = { passive: !0 }) {
+function Mt(e, t, n, r = { passive: !0 }) {
   return e.addEventListener(t, n, r), () => e.removeEventListener(t, n);
 }
 function It(e) {
@@ -3391,7 +3391,7 @@ function It(e) {
 }
 const Iu = (e) => (t) => Pr(t) && e(t, It(t));
 function nt(e, t, n, r) {
-  return Vt(e, t, Iu(n), r);
+  return Mt(e, t, Iu(n), r);
 }
 function zo({ top: e, left: t, right: n, bottom: r }) {
   return {
@@ -3423,7 +3423,7 @@ function zu(e, t, n) {
 function Mi(e, t, n, r = 0.5) {
   e.origin = r, e.originPoint = ne(t.min, t.max, e.origin), e.scale = be(n) / be(t), e.translate = ne(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Bu && e.scale <= $u || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Uu && e.translate <= Wu || isNaN(e.translate)) && (e.translate = 0);
 }
-function Pt(e, t, n, r) {
+function St(e, t, n, r) {
   Mi(e.x, t.x, n.x, r ? r.originX : void 0), Mi(e.y, t.y, n.y, r ? r.originY : void 0);
 }
 function Oi(e, t, n) {
@@ -3435,7 +3435,7 @@ function Yu(e, t, n) {
 function Li(e, t, n) {
   e.min = t.min - n.min, e.max = e.min + be(t);
 }
-function St(e, t, n) {
+function Ct(e, t, n) {
   Li(e.x, t.x, n.x), Li(e.y, t.y, n.y);
 }
 const ki = () => ({
@@ -3841,7 +3841,7 @@ class sf {
       et(a) && a.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, s = i.addEventListener("measure", r);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), ee.read(r);
-    const o = Vt(window, "resize", () => this.scalePositionWithinConstraints()), l = i.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: u }) => {
+    const o = Mt(window, "resize", () => this.scalePositionWithinConstraints()), l = i.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: u }) => {
       this.isDragging && u && (Re((c) => {
         const f = this.getAxisMotionValue(c);
         f && (this.originPoint[c] += a[c].translate, f.set(f.get() + a[c].translate));
@@ -3923,7 +3923,7 @@ const Kt = {
 function Hi(e, t) {
   return t.max === t.min ? 0 : e / (t.max - t.min) * 100;
 }
-const gt = {
+const yt = {
   correct: (e, t) => {
     if (!t.target)
       return e;
@@ -3987,7 +3987,7 @@ function Jo(e) {
 }
 const ff = {
   borderRadius: {
-    ...gt,
+    ...yt,
     applyTo: [
       "borderTopLeftRadius",
       "borderTopRightRadius",
@@ -3995,14 +3995,14 @@ const ff = {
       "borderBottomRightRadius"
     ]
   },
-  borderTopLeftRadius: gt,
-  borderTopRightRadius: gt,
-  borderBottomLeftRadius: gt,
-  borderBottomRightRadius: gt,
+  borderTopLeftRadius: yt,
+  borderTopRightRadius: yt,
+  borderBottomLeftRadius: yt,
+  borderBottomRightRadius: yt,
   boxShadow: cf
 };
 function df(e, t, n) {
-  const r = ge(e) ? e : jt(e);
+  const r = ge(e) ? e : Dt(e);
   return r.start(kr("", r, t, n)), r.animation;
 }
 function hf(e) {
@@ -4423,13 +4423,13 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!this.layout || !(f || h))) {
         if (this.resolvedRelativeTargetAt = fe.timestamp, !this.targetDelta && !this.relativeTarget) {
           const m = this.getClosestProjectingParent();
-          m && m.layout && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = se(), this.relativeTargetOrigin = se(), St(this.relativeTargetOrigin, this.layout.layoutBox, m.layout.layoutBox), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          m && m.layout && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = se(), this.relativeTargetOrigin = se(), Ct(this.relativeTargetOrigin, this.layout.layoutBox, m.layout.layoutBox), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
           if (this.target || (this.target = se(), this.targetWithTransforms = se()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Yu(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : Ee(this.target, this.layout.layoutBox), qo(this.target, this.targetDelta)) : Ee(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const m = this.getClosestProjectingParent();
-            m && Boolean(m.resumingFrom) === Boolean(this.resumingFrom) && !m.options.layoutScroll && m.target && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = se(), this.relativeTargetOrigin = se(), St(this.relativeTargetOrigin, this.target, m.target), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            m && Boolean(m.resumingFrom) === Boolean(this.resumingFrom) && !m.options.layoutScroll && m.target && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = se(), this.relativeTargetOrigin = se(), Ct(this.relativeTargetOrigin, this.target, m.target), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           Ie.value && Ye.calculatedTargetDeltas++;
         }
@@ -4459,7 +4459,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (es(this.prevProjectionDelta.x, this.projectionDelta.x), es(this.prevProjectionDelta.y, this.projectionDelta.y)), Pt(this.projectionDelta, this.layoutCorrected, v, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== m || !ls(this.projectionDelta.x, this.prevProjectionDelta.x) || !ls(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", v)), Ie.value && Ye.calculatedProjections++;
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (es(this.prevProjectionDelta.x, this.projectionDelta.x), es(this.prevProjectionDelta.y, this.projectionDelta.y)), St(this.projectionDelta, this.layoutCorrected, v, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== m || !ls(this.projectionDelta.x, this.prevProjectionDelta.x) || !ls(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", v)), Ie.value && Ye.calculatedProjections++;
     }
     hide() {
       this.isVisible = !1;
@@ -4486,21 +4486,21 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let S;
       this.mixTargetDelta = (j) => {
         const p = j / 1e3;
-        ds(f.x, o.x, p), ds(f.y, o.y, p), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (St(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Bf(this.relativeTarget, this.relativeTargetOrigin, h, p), S && Sf(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = se()), Ee(S, this.relativeTarget)), y && (this.animationValues = c, vf(c, u, this.latestValues, p, P, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = p;
+        ds(f.x, o.x, p), ds(f.y, o.y, p), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ct(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Bf(this.relativeTarget, this.relativeTargetOrigin, h, p), S && Sf(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = se()), Ee(S, this.relativeTarget)), y && (this.animationValues = c, vf(c, u, this.latestValues, p, P, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = p;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
       this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Ne(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = ee.update(() => {
-        Kt.hasAnimatedSinceResize = !0, Tt.layout++, this.currentAnimation = df(0, cs, {
+        Kt.hasAnimatedSinceResize = !0, wt.layout++, this.currentAnimation = df(0, cs, {
           ...o,
           onUpdate: (l) => {
             this.mixTargetDelta(l), o.onUpdate && o.onUpdate(l);
           },
           onStop: () => {
-            Tt.layout--;
+            wt.layout--;
           },
           onComplete: () => {
-            Tt.layout--, o.onComplete && o.onComplete(), this.completeAnimation();
+            wt.layout--, o.onComplete && o.onComplete(), this.completeAnimation();
           }
         }), this.resumingFrom && (this.resumingFrom.currentAnimation = this.currentAnimation), this.pendingAnimation = void 0;
       });
@@ -4524,7 +4524,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           const h = be(this.layout.layoutBox.y);
           a.y.min = o.target.y.min, a.y.max = a.y.min + h;
         }
-        Ee(l, a), st(l, c), Pt(this.projectionDeltaWithTransform, this.layoutCorrected, l, c);
+        Ee(l, a), st(l, c), St(this.projectionDeltaWithTransform, this.layoutCorrected, l, c);
       }
     }
     registerSharedNode(o, l) {
@@ -4599,10 +4599,10 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.applyTransformsToTarget(), u.transform = Ef(this.projectionDeltaWithTransform, this.treeScale, h), c && (u.transform = c(h, u.transform));
       const { x: m, y: v } = this.projectionDelta;
       u.transformOrigin = `${m.origin * 100}% ${v.origin * 100}% 0`, f.animationValues ? u.opacity = f === this ? (a = (l = h.opacity) !== null && l !== void 0 ? l : this.latestValues.opacity) !== null && a !== void 0 ? a : 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : u.opacity = f === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
-      for (const y in Et) {
+      for (const y in Rt) {
         if (h[y] === void 0)
           continue;
-        const { correct: w, applyTo: x, isCSSVariable: P } = Et[y], S = u.transform === "none" ? h[y] : w(h[y], f);
+        const { correct: w, applyTo: x, isCSSVariable: P } = Rt[y], S = u.transform === "none" ? h[y] : w(h[y], f);
         if (x) {
           const j = x.length;
           for (let p = 0; p < j; p++)
@@ -4639,9 +4639,9 @@ function Df(e) {
       h.max = h.min + m, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[f].max = e.relativeTarget[f].min + m);
     });
     const l = rt();
-    Pt(l, r, n.layoutBox);
+    St(l, r, n.layoutBox);
     const a = rt();
-    o ? Pt(a, e.applyTransform(i, !0), n.measuredBox) : Pt(a, r, n.layoutBox);
+    o ? St(a, e.applyTransform(i, !0), n.measuredBox) : St(a, r, n.layoutBox);
     const u = !ta(l);
     let c = !1;
     if (!e.resumeFrom) {
@@ -4650,9 +4650,9 @@ function Df(e) {
         const { snapshot: h, layout: m } = f;
         if (h && m) {
           const v = se();
-          St(v, n.layoutBox, h.layoutBox);
+          Ct(v, n.layoutBox, h.layoutBox);
           const y = se();
-          St(y, r, m.layoutBox), na(v, y) || (c = !0), f.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = v, e.relativeParent = f);
+          Ct(y, r, m.layoutBox), na(v, y) || (c = !0), f.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = v, e.relativeParent = f);
         }
       }
     }
@@ -4734,7 +4734,7 @@ function zf(e) {
   return e !== e.root && ((t = e.scroll) === null || t === void 0 ? void 0 : t.wasRoot);
 }
 const Yf = ia({
-  attachResizeListener: (e, t) => Vt(e, "resize", t),
+  attachResizeListener: (e, t) => Mt(e, "resize", t),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
@@ -4799,7 +4799,7 @@ class qf extends $e {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = _t(Vt(this.node.current, "focus", () => this.onFocus()), Vt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = _t(Mt(this.node.current, "focus", () => this.onFocus()), Mt(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
@@ -4911,14 +4911,14 @@ function cd(e, t, n) {
     if (ge(i))
       e.addValue(r, i), process.env.NODE_ENV === "development" && tn(i.version === "12.4.7", `Attempting to mix Motion versions ${i.version} with 12.4.7 may not work as expected.`);
     else if (ge(s))
-      e.addValue(r, jt(i, { owner: e }));
+      e.addValue(r, Dt(i, { owner: e }));
     else if (s !== i)
       if (e.hasValue(r)) {
         const o = e.getValue(r);
         o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
       } else {
         const o = e.getStaticValue(r);
-        e.addValue(r, jt(o !== void 0 ? o : i, { owner: e }));
+        e.addValue(r, Dt(o !== void 0 ? o : i, { owner: e }));
       }
   }
   for (const r in n)
@@ -5052,7 +5052,7 @@ class ud {
     if (this.props.values && this.props.values[t])
       return this.props.values[t];
     let r = this.values.get(t);
-    return r === void 0 && n !== void 0 && (r = jt(n === null ? void 0 : n, { owner: this }), this.addValue(t, r)), r;
+    return r === void 0 && n !== void 0 && (r = Dt(n === null ? void 0 : n, { owner: this }), this.addValue(t, r)), r;
   }
   readValue(t, n) {
     var r;
@@ -5255,7 +5255,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
   isCurrentUserMessage: i
 }) => {
   const s = pe(null), [o, l] = xe(!1);
-  return Mt(() => (s.current || (s.current = document.createElement("div"), s.current.style.zIndex = "999", s.current.style.position = "fixed", s.current.style.top = "0", s.current.style.left = "0", s.current.style.width = "100%", s.current.style.height = "100%", document.body.appendChild(s.current)), l(!0), () => {
+  return ut(() => (s.current || (s.current = document.createElement("div"), s.current.style.zIndex = "1500", s.current.style.position = "fixed", s.current.style.top = "0", s.current.style.left = "0", s.current.style.width = "100%", s.current.style.height = "100%", s.current.style.pointerEvents = "none", document.body.appendChild(s.current)), l(!0), () => {
     s.current && !t && (document.body.removeChild(s.current), s.current = null);
   }), [t]), !s.current || !o ? null : Na.createPortal(
     /* @__PURE__ */ g.exports.jsx(ks, { children: t && /* @__PURE__ */ g.exports.jsx(
@@ -5265,7 +5265,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
         animate: { opacity: 1, scale: 1, y: 0 },
         exit: { opacity: 0, scale: 0.8, y: -10 },
         transition: { duration: 0.2, ease: "easeOut" },
-        className: "absolute z-50 bg-white shadow-lg rounded-md p-2 px-1 w-42",
+        className: "absolute z-50 bg-white shadow-lg rounded-md p-2 px-1 w-42 pointer-events-auto",
         style: {
           top: n.y,
           left: n.x
@@ -5619,10 +5619,10 @@ const Ts = ({
     ]
   }
 );
-let yt = null;
+let vt = null;
 const Pd = ({ src: e, className: t }) => {
   const [n, r] = xe(!1), [i, s] = xe(0), o = pe(null);
-  Mt(() => {
+  ut(() => {
     const a = o.current;
     if (!a)
       return;
@@ -5637,7 +5637,7 @@ const Pd = ({ src: e, className: t }) => {
   }, []);
   const l = () => {
     const a = o.current;
-    a && (n ? a.pause() : (yt && yt !== a && (yt.pause(), yt.currentTime = 0), a.play(), yt = a));
+    a && (n ? a.pause() : (vt && vt !== a && (vt.pause(), vt.currentTime = 0), a.play(), vt = a));
   };
   return /* @__PURE__ */ g.exports.jsxs(
     "div",
@@ -6700,7 +6700,16 @@ const Gd = Ur, qd = ({
     setTimeout(() => {
       o.current && (o.current.scrollTop = o.current.scrollHeight);
     }, 100);
-  }, v = (p, A) => {
+  };
+  ut(() => {
+    const p = () => {
+      h(null);
+    };
+    return window.addEventListener("scroll", p, !0), () => {
+      window.removeEventListener("scroll", p, !0);
+    };
+  }, [h]);
+  const v = (p, A) => {
     p.preventDefault();
     const $ = window.scrollX, D = window.scrollY;
     h({