react-pro-messenger 1.1.2 → 1.1.4

package/dist/index.es.js

@@ -1,12 +1,12 @@
-var ka = Object.defineProperty;
-var _a = (e, t, n) => t in e ? ka(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ye = (e, t, n) => (_a(e, typeof t != "symbol" ? t + "" : t, n), n);
+var _a = Object.defineProperty;
+var Ia = (e, t, n) => t in e ? _a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ye = (e, t, n) => (Ia(e, typeof t != "symbol" ? t + "" : t, n), n);
 import * as sr from "react";
-import Re, { useCallback as on, createContext as mt, useRef as Se, useId as or, useContext as Ce, useInsertionEffect as ks, useMemo as tt, useEffect as He, Children as Ia, isValidElement as Na, useLayoutEffect as Fa, useState as ve, forwardRef as Nt, Fragment as _s, createElement as Ba, Component as $a } from "react";
-import Ua from "react-dom";
+import Re, { useCallback as on, createContext as mt, useRef as Se, useId as or, useContext as Ce, useInsertionEffect as ks, useMemo as tt, useEffect as He, Children as Na, isValidElement as Fa, useLayoutEffect as Ba, useState as ve, forwardRef as Nt, Fragment as _s, createElement as $a, Component as Ua } from "react";
+import Wa from "react-dom";
 var p = { exports: {} }, bt = {};
 var oi;
-function Wa() {
+function za() {
   if (oi)
     return bt;
   oi = 1;
@@ -25,10 +25,10 @@ function Wa() {
 }
 var wt = {};
 var ai;
-function za() {
+function Ya() {
   return ai || (ai = 1, process.env.NODE_ENV !== "production" && function() {
     var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), y = Symbol.iterator, v = "@@iterator";
-    function T(d) {
+    function b(d) {
       if (d === null || typeof d != "object")
         return null;
       var S = y && d[y] || d[v];
@@ -67,7 +67,7 @@ function za() {
     function ie(d) {
       return d.displayName || "Context";
     }
-    function U(d) {
+    function W(d) {
       if (d == null)
         return null;
       if (typeof d.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
@@ -100,11 +100,11 @@ function za() {
             return H(d, d.render, "ForwardRef");
           case f:
             var N = d.displayName || null;
-            return N !== null ? N : U(d.type) || "Memo";
+            return N !== null ? N : W(d.type) || "Memo";
           case h: {
             var X = d, ne = X._payload, G = X._init;
             try {
-              return U(G(ne));
+              return W(G(ne));
             } catch {
               return null;
             }
@@ -112,14 +112,14 @@ function za() {
         }
       return null;
     }
-    var se = Object.assign, pe = 0, he, q, oe, me, b, w, F;
+    var se = Object.assign, pe = 0, he, q, oe, me, w, T, F;
     function B() {
     }
     B.__reactDisabledLog = !0;
     function _() {
       {
         if (pe === 0) {
-          he = console.log, q = console.info, oe = console.warn, me = console.error, b = console.group, w = console.groupCollapsed, F = console.groupEnd;
+          he = console.log, q = console.info, oe = console.warn, me = console.error, w = console.group, T = console.groupCollapsed, F = console.groupEnd;
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -161,10 +161,10 @@ function za() {
               value: me
             }),
             group: se({}, d, {
-              value: b
+              value: w
             }),
             groupCollapsed: se({}, d, {
-              value: w
+              value: T
             }),
             groupEnd: se({}, d, {
               value: F
@@ -175,7 +175,7 @@ function za() {
       }
     }
     var I = x.ReactCurrentDispatcher, $;
-    function W(d, S, A) {
+    function U(d, S, A) {
       {
         if ($ === void 0)
           try {
@@ -261,7 +261,7 @@ function za() {
       } finally {
         j = !1, I.current = ne, Y(), Error.prepareStackTrace = X;
       }
-      var st = d ? d.displayName || d.name : "", si = st ? W(st) : "";
+      var st = d ? d.displayName || d.name : "", si = st ? U(st) : "";
       return typeof d == "function" && M.set(d, si), si;
     }
     function te(d, S, A) {
@@ -277,12 +277,12 @@ function za() {
       if (typeof d == "function")
         return P(d, ee(d));
       if (typeof d == "string")
-        return W(d);
+        return U(d);
       switch (d) {
         case c:
-          return W("Suspense");
+          return U("Suspense");
         case u:
-          return W("SuspenseList");
+          return U("SuspenseList");
       }
       if (typeof d == "object")
         switch (d.$$typeof) {
@@ -327,17 +327,17 @@ function za() {
           }
       }
     }
-    var ga = Array.isArray;
+    var ya = Array.isArray;
     function hn(d) {
-      return ga(d);
+      return ya(d);
     }
-    function ya(d) {
+    function va(d) {
       {
         var S = typeof Symbol == "function" && Symbol.toStringTag, A = S && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return A;
       }
     }
-    function va(d) {
+    function xa(d) {
       try {
         return qr(d), !1;
       } catch {
@@ -348,17 +348,17 @@ function za() {
       return "" + d;
     }
     function Xr(d) {
-      if (va(d))
-        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ya(d)), qr(d);
+      if (xa(d))
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", va(d)), qr(d);
     }
-    var xt = x.ReactCurrentOwner, xa = {
+    var xt = x.ReactCurrentOwner, ba = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Zr, Jr, pn;
     pn = {};
-    function ba(d) {
+    function wa(d) {
       if (be.call(d, "ref")) {
         var S = Object.getOwnPropertyDescriptor(d, "ref").get;
         if (S && S.isReactWarning)
@@ -366,7 +366,7 @@ function za() {
       }
       return d.ref !== void 0;
     }
-    function wa(d) {
+    function Ta(d) {
       if (be.call(d, "key")) {
         var S = Object.getOwnPropertyDescriptor(d, "key").get;
         if (S && S.isReactWarning)
@@ -374,13 +374,13 @@ function za() {
       }
       return d.key !== void 0;
     }
-    function Ta(d, S) {
+    function Sa(d, S) {
       if (typeof d.ref == "string" && xt.current && S && xt.current.stateNode !== S) {
-        var A = U(xt.current.type);
-        pn[A] || (C('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', U(xt.current.type), d.ref), pn[A] = !0);
+        var A = W(xt.current.type);
+        pn[A] || (C('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', W(xt.current.type), d.ref), pn[A] = !0);
       }
     }
-    function Sa(d, S) {
+    function Ca(d, S) {
       {
         var A = function() {
           Zr || (Zr = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", S));
@@ -391,7 +391,7 @@ function za() {
         });
       }
     }
-    function Ca(d, S) {
+    function Pa(d, S) {
       {
         var A = function() {
           Jr || (Jr = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", S));
@@ -402,7 +402,7 @@ function za() {
         });
       }
     }
-    var Pa = function(d, S, A, N, X, ne, G) {
+    var Ea = function(d, S, A, N, X, ne, G) {
       var K = {
         $$typeof: t,
         type: d,
@@ -428,12 +428,12 @@ function za() {
         value: X
       }), Object.freeze && (Object.freeze(K.props), Object.freeze(K)), K;
     };
-    function Ea(d, S, A, N, X) {
+    function ja(d, S, A, N, X) {
       {
         var ne, G = {}, K = null, Ee = null;
-        A !== void 0 && (Xr(A), K = "" + A), wa(S) && (Xr(S.key), K = "" + S.key), ba(S) && (Ee = S.ref, Ta(S, X));
+        A !== void 0 && (Xr(A), K = "" + A), Ta(S) && (Xr(S.key), K = "" + S.key), wa(S) && (Ee = S.ref, Sa(S, X));
         for (ne in S)
-          be.call(S, ne) && !xa.hasOwnProperty(ne) && (G[ne] = S[ne]);
+          be.call(S, ne) && !ba.hasOwnProperty(ne) && (G[ne] = S[ne]);
         if (d && d.defaultProps) {
           var ue = d.defaultProps;
           for (ne in ue)
@@ -441,9 +441,9 @@ function za() {
         }
         if (K || Ee) {
           var de = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          K && Sa(G, de), Ee && Ca(G, de);
+          K && Ca(G, de), Ee && Pa(G, de);
         }
-        return Pa(d, K, Ee, X, N, xt.current, G);
+        return Ea(d, K, Ee, X, N, xt.current, G);
       }
     }
     var mn = x.ReactCurrentOwner, Qr = x.ReactDebugCurrentFrame;
@@ -462,7 +462,7 @@ function za() {
     function ei() {
       {
         if (mn.current) {
-          var d = U(mn.current.type);
+          var d = W(mn.current.type);
           if (d)
             return `
 
@@ -471,7 +471,7 @@ Check the render method of \`` + d + "`.";
         return "";
       }
     }
-    function ja(d) {
+    function Ra(d) {
       {
         if (d !== void 0) {
           var S = d.fileName.replace(/^.*[\\\/]/, ""), A = d.lineNumber;
@@ -483,7 +483,7 @@ Check your code at ` + S + ":" + A + ".";
       }
     }
     var ti = {};
-    function Ra(d) {
+    function Aa(d) {
       {
         var S = ei();
         if (!S) {
@@ -500,12 +500,12 @@ Check the top-level render call using <` + A + ">.");
         if (!d._store || d._store.validated || d.key != null)
           return;
         d._store.validated = !0;
-        var A = Ra(S);
+        var A = Aa(S);
         if (ti[A])
           return;
         ti[A] = !0;
         var N = "";
-        d && d._owner && d._owner !== mn.current && (N = " It was passed a child from " + U(d._owner.type) + "."), it(d), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, N), it(null);
+        d && d._owner && d._owner !== mn.current && (N = " It was passed a child from " + W(d._owner.type) + "."), it(d), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', A, N), it(null);
       }
     }
     function ri(d, S) {
@@ -520,14 +520,14 @@ Check the top-level render call using <` + A + ">.");
         else if (yn(d))
           d._store && (d._store.validated = !0);
         else if (d) {
-          var X = T(d);
+          var X = b(d);
           if (typeof X == "function" && X !== d.entries)
             for (var ne = X.call(d), G; !(G = ne.next()).done; )
               yn(G.value) && ni(G.value, S);
         }
       }
     }
-    function Aa(d) {
+    function Ma(d) {
       {
         var S = d.type;
         if (S == null || typeof S == "string")
@@ -540,17 +540,17 @@ Check the top-level render call using <` + A + ">.");
         else
           return;
         if (A) {
-          var N = U(S);
+          var N = W(S);
           $e(A, d.props, "prop", N, d);
         } else if (S.PropTypes !== void 0 && !gn) {
           gn = !0;
-          var X = U(S);
+          var X = W(S);
           C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", X || "Unknown");
         }
         typeof S.getDefaultProps == "function" && !S.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ma(d) {
+    function Va(d) {
       {
         for (var S = Object.keys(d.props), A = 0; A < S.length; A++) {
           var N = S[A];
@@ -568,12 +568,12 @@ Check the top-level render call using <` + A + ">.");
         if (!G) {
           var K = "";
           (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (K += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Ee = ja(X);
+          var Ee = Ra(X);
           Ee ? K += Ee : K += ei();
           var ue;
-          d === null ? ue = "null" : hn(d) ? ue = "array" : d !== void 0 && d.$$typeof === t ? (ue = "<" + (U(d.type) || "Unknown") + " />", K = " Did you accidentally export a JSX literal instead of a component?") : ue = typeof d, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ue, K);
+          d === null ? ue = "null" : hn(d) ? ue = "array" : d !== void 0 && d.$$typeof === t ? (ue = "<" + (W(d.type) || "Unknown") + " />", K = " Did you accidentally export a JSX literal instead of a component?") : ue = typeof d, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ue, K);
         }
-        var de = Ea(d, S, A, X, ne);
+        var de = ja(d, S, A, X, ne);
         if (de == null)
           return de;
         if (G) {
@@ -589,23 +589,23 @@ Check the top-level render call using <` + A + ">.");
             else
               ri(Me, d);
         }
-        return d === r ? Ma(de) : Aa(de), de;
+        return d === r ? Va(de) : Ma(de), de;
       }
     }
-    function Va(d, S, A) {
+    function Da(d, S, A) {
       return ii(d, S, A, !0);
     }
-    function Da(d, S, A) {
+    function La(d, S, A) {
       return ii(d, S, A, !1);
     }
-    var La = Da, Oa = Va;
-    wt.Fragment = r, wt.jsx = La, wt.jsxs = Oa;
+    var Oa = La, ka = Da;
+    wt.Fragment = r, wt.jsx = Oa, wt.jsxs = ka;
   }()), wt;
 }
 (function(e) {
-  process.env.NODE_ENV === "production" ? e.exports = Wa() : e.exports = za();
+  process.env.NODE_ENV === "production" ? e.exports = za() : e.exports = Ya();
 })(p);
-const nh = () => {
+const ih = () => {
   const e = on(() => {
     console.log("Vite + React + TypeScript + Tailwind = ❤️");
   }, []);
@@ -617,7 +617,7 @@ const nh = () => {
       children: "Vite is better than Webpack"
     }
   );
-}, rh = ({
+}, sh = ({
   symbol: e,
   onClick: t,
   item: n
@@ -686,7 +686,7 @@ const an = /* @__PURE__ */ mt(null), cr = mt({
   isStatic: !1,
   reducedMotion: "never"
 });
-class Ya extends sr.Component {
+class Ka extends sr.Component {
   getSnapshotBeforeUpdate(t) {
     const n = this.props.childRef.current;
     if (n && t.isPresent && !this.props.isPresent) {
@@ -701,7 +701,7 @@ class Ya extends sr.Component {
     return this.props.children;
   }
 }
-function Ka({ children: e, isPresent: t, anchorX: n }) {
+function Ha({ children: e, isPresent: t, anchorX: n }) {
   const r = or(), i = Se(null), s = Se({
     width: 0,
     height: 0,
@@ -727,10 +727,10 @@ function Ka({ children: e, isPresent: t, anchorX: n }) {
         `), () => {
       document.head.removeChild(m);
     };
-  }, [t]), p.exports.jsx(Ya, { isPresent: t, childRef: i, sizeRef: s, children: sr.cloneElement(e, { ref: i }) });
+  }, [t]), p.exports.jsx(Ka, { isPresent: t, childRef: i, sizeRef: s, children: sr.cloneElement(e, { ref: i }) });
 }
-const Ha = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: i, presenceAffectsLayout: s, mode: o, anchorX: a }) => {
-  const l = lr(Ga), c = or(), u = on((h) => {
+const Ga = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: i, presenceAffectsLayout: s, mode: o, anchorX: a }) => {
+  const l = lr(qa), c = or(), u = on((h) => {
     l.set(h, !0);
     for (const m of l.values())
       if (!m)
@@ -751,9 +751,9 @@ const Ha = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom:
     l.forEach((h, m) => l.set(m, !1));
   }, [n]), sr.useEffect(() => {
     !n && !l.size && r && r();
-  }, [n]), o === "popLayout" && (e = p.exports.jsx(Ka, { isPresent: n, anchorX: a, children: e })), p.exports.jsx(an.Provider, { value: f, children: e });
+  }, [n]), o === "popLayout" && (e = p.exports.jsx(Ha, { isPresent: n, anchorX: a, children: e })), p.exports.jsx(an.Provider, { value: f, children: e });
 };
-function Ga() {
+function qa() {
   return /* @__PURE__ */ new Map();
 }
 function Is(e = !0) {
@@ -771,12 +771,12 @@ function Is(e = !0) {
 const zt = (e) => e.key || "";
 function li(e) {
   const t = [];
-  return Ia.forEach(e, (n) => {
-    Na(n) && t.push(n);
+  return Na.forEach(e, (n) => {
+    Fa(n) && t.push(n);
   }), t;
 }
-const ur = typeof window < "u", Ns = ur ? Fa : He, Fs = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: a = "left" }) => {
-  const [l, c] = Is(o), u = tt(() => li(e), [e]), f = o && !l ? [] : u.map(zt), h = Se(!0), m = Se(u), y = lr(() => /* @__PURE__ */ new Map()), [v, T] = ve(u), [x, C] = ve(u);
+const ur = typeof window < "u", Ns = ur ? Ba : He, Fs = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: a = "left" }) => {
+  const [l, c] = Is(o), u = tt(() => li(e), [e]), f = o && !l ? [] : u.map(zt), h = Se(!0), m = Se(u), y = lr(() => /* @__PURE__ */ new Map()), [v, b] = ve(u), [x, C] = ve(u);
   Ns(() => {
     h.current = !1, m.current = u;
     for (let g = 0; g < x.length; g++) {
@@ -791,7 +791,7 @@ const ur = typeof window < "u", Ns = ur ? Fa : He, Fs = ({ children: e, custom:
       const z = x[D], O = zt(z);
       f.includes(O) || (g.splice(D, 0, z), E.push(z));
     }
-    return s === "wait" && E.length && (g = E), C(li(g)), T(u), null;
+    return s === "wait" && E.length && (g = E), C(li(g)), b(u), null;
   }
   process.env.NODE_ENV !== "production" && s === "wait" && x.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: V } = Ce(ar);
@@ -806,7 +806,7 @@ const ur = typeof window < "u", Ns = ur ? Fa : He, Fs = ({ children: e, custom:
         R || (Z = !1);
       }), Z && (V == null || V(), C(m.current), o && (c == null || c()), r && r());
     };
-    return p.exports.jsx(Ha, { isPresent: z, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: z ? void 0 : O, anchorX: a, children: g }, D);
+    return p.exports.jsx(Ga, { isPresent: z, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: z ? void 0 : O, anchorX: a, children: g }, D);
   }) });
 }, Ae = (e) => e;
 let gt = Ae, ze = Ae;
@@ -837,7 +837,7 @@ const dt = (e, t, n) => {
   value: null,
   addProjectionMetrics: null
 };
-function qa(e, t) {
+function Xa(e, t) {
   let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = !1, s = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -866,16 +866,16 @@ function qa(e, t) {
   };
   return u;
 }
-const Xa = 40;
+const Za = 40;
 function $s(e, t) {
   let n = !1, r = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => n = !0, o = Yt.reduce((x, C) => (x[C] = qa(s, t ? C : void 0), x), {}), { read: a, resolveKeyframes: l, update: c, preRender: u, render: f, postRender: h } = o, m = () => {
+  }, s = () => n = !0, o = Yt.reduce((x, C) => (x[C] = Xa(s, t ? C : void 0), x), {}), { read: a, resolveKeyframes: l, update: c, preRender: u, render: f, postRender: h } = o, m = () => {
     const x = performance.now();
-    n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(x - i.timestamp, Xa), 1), i.timestamp = x, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), f.process(i), h.process(i), i.isProcessing = !1, n && t && (r = !1, e(m));
+    n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(x - i.timestamp, Za), 1), i.timestamp = x, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), f.process(i), h.process(i), i.isProcessing = !1, n && t && (r = !1, e(m));
   }, y = () => {
     n = !0, r = !0, i.isProcessing || e(m);
   };
@@ -911,14 +911,14 @@ for (const e in ci)
   ht[e] = {
     isEnabled: (t) => ci[e].some((n) => !!t[n])
   };
-function Za(e) {
+function Ja(e) {
   for (const t in e)
     ht[t] = {
       ...ht[t],
       ...e[t]
     };
 }
-const Ja = /* @__PURE__ */ new Set([
+const Qa = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -951,17 +951,17 @@ const Ja = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function Jt(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Ja.has(e);
+  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Qa.has(e);
 }
 let Ws = (e) => !Jt(e);
-function Qa(e) {
+function el(e) {
   e && (Ws = (t) => t.startsWith("on") ? !Jt(t) : e(t));
 }
 try {
-  Qa(require("@emotion/is-prop-valid").default);
+  el(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function el(e, t, n) {
+function tl(e, t, n) {
   const r = {};
   for (const i in e)
     i === "values" && typeof e.values == "object" || (Ws(i) || n === !0 && Jt(i) || !t && !Jt(i) || e.draggable && i.startsWith("onDrag")) && (r[i] = e[i]);
@@ -971,7 +971,7 @@ const ui = /* @__PURE__ */ new Set();
 function ln(e, t, n) {
   e || ui.has(t) || (console.warn(t), n && console.warn(n), ui.add(t));
 }
-function tl(e) {
+function nl(e) {
   if (typeof Proxy > "u")
     return e;
   const t = /* @__PURE__ */ new Map(), n = (...r) => (process.env.NODE_ENV !== "production" && ln(!1, "motion() is deprecated. Use motion.create() instead."), e(...r));
@@ -1001,7 +1001,7 @@ function fn(e) {
 function zs(e) {
   return Boolean(fn(e) || e.variants);
 }
-function nl(e, t) {
+function rl(e, t) {
   if (fn(e)) {
     const { initial: n, animate: r } = e;
     return {
@@ -1011,18 +1011,18 @@ function nl(e, t) {
   }
   return e.inherit !== !1 ? t : {};
 }
-function rl(e) {
-  const { initial: t, animate: n } = nl(e, Ce(cn));
+function il(e) {
+  const { initial: t, animate: n } = rl(e, Ce(cn));
   return tt(() => ({ initial: t, animate: n }), [fi(t), fi(n)]);
 }
 function fi(e) {
   return Array.isArray(e) ? e.join(" ") : e;
 }
-const il = Symbol.for("motionComponentSymbol");
+const sl = Symbol.for("motionComponentSymbol");
 function ot(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-function sl(e, t, n) {
+function ol(e, t, n) {
   return on(
     (r) => {
       r && e.onMount && e.onMount(r), t && (r ? t.mount(r) : t.unmount()), n && (typeof n == "function" ? n(r) : ot(n) && (n.current = r));
@@ -1030,8 +1030,8 @@ function sl(e, t, n) {
     [t]
   );
 }
-const pr = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ol = "framerAppearId", Ys = "data-" + pr(ol), { schedule: mr, cancel: ih } = $s(queueMicrotask, !1), Ks = mt({});
-function al(e, t, n, r, i) {
+const pr = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), al = "framerAppearId", Ys = "data-" + pr(al), { schedule: mr, cancel: oh } = $s(queueMicrotask, !1), Ks = mt({});
+function ll(e, t, n, r, i) {
   var s, o;
   const { visualElement: a } = Ce(cn), l = Ce(Us), c = Ce(an), u = Ce(cr).reducedMotion, f = Se(null);
   r = r || l.renderer, !f.current && r && (f.current = r(e, {
@@ -1043,22 +1043,22 @@ function al(e, t, n, r, i) {
     reducedMotionConfig: u
   }));
   const h = f.current, m = Ce(Ks);
-  h && !h.projection && i && (h.type === "html" || h.type === "svg") && ll(f.current, n, i, m);
+  h && !h.projection && i && (h.type === "html" || h.type === "svg") && cl(f.current, n, i, m);
   const y = Se(!1);
   ks(() => {
     h && y.current && h.update(n, c);
   });
-  const v = n[Ys], T = Se(Boolean(v) && !(!((s = window.MotionHandoffIsComplete) === null || s === void 0) && s.call(window, v)) && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, v)));
+  const v = n[Ys], b = Se(Boolean(v) && !(!((s = window.MotionHandoffIsComplete) === null || s === void 0) && s.call(window, v)) && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, v)));
   return Ns(() => {
-    h && (y.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), mr.render(h.render), T.current && h.animationState && h.animationState.animateChanges());
+    h && (y.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), mr.render(h.render), b.current && h.animationState && h.animationState.animateChanges());
   }), He(() => {
-    h && (!T.current && h.animationState && h.animationState.animateChanges(), T.current && (queueMicrotask(() => {
+    h && (!b.current && h.animationState && h.animationState.animateChanges(), b.current && (queueMicrotask(() => {
       var x;
       (x = window.MotionHandoffMarkAsComplete) === null || x === void 0 || x.call(window, v);
-    }), T.current = !1));
+    }), b.current = !1));
   }), h;
 }
-function ll(e, t, n, r) {
+function cl(e, t, n, r) {
   const { layoutId: i, layout: s, drag: o, dragConstraints: a, layoutScroll: l, layoutRoot: c } = t;
   e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Hs(e.parent)), e.projection.setOptions({
     layoutId: i,
@@ -1075,39 +1075,39 @@ function Hs(e) {
   if (e)
     return e.options.allowProjection !== !1 ? e.projection : Hs(e.parent);
 }
-function cl({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: r, Component: i }) {
+function ul({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: r, Component: i }) {
   var s, o;
-  e && Za(e);
+  e && Ja(e);
   function a(c, u) {
     let f;
     const h = {
       ...Ce(cr),
       ...c,
-      layoutId: ul(c)
-    }, { isStatic: m } = h, y = rl(c), v = r(c, m);
+      layoutId: fl(c)
+    }, { isStatic: m } = h, y = il(c), v = r(c, m);
     if (!m && ur) {
-      fl(h, e);
-      const T = dl(h);
-      f = T.MeasureLayout, y.visualElement = al(i, v, h, t, T.ProjectionNode);
+      dl(h, e);
+      const b = hl(h);
+      f = b.MeasureLayout, y.visualElement = ll(i, v, h, t, b.ProjectionNode);
     }
-    return p.exports.jsxs(cn.Provider, { value: y, children: [f && y.visualElement ? p.exports.jsx(f, { visualElement: y.visualElement, ...h }) : null, n(i, c, sl(v, y.visualElement, u), v, m, y.visualElement)] });
+    return p.exports.jsxs(cn.Provider, { value: y, children: [f && y.visualElement ? p.exports.jsx(f, { visualElement: y.visualElement, ...h }) : null, n(i, c, ol(v, y.visualElement, u), v, m, y.visualElement)] });
   }
   a.displayName = `motion.${typeof i == "string" ? i : `create(${(o = (s = i.displayName) !== null && s !== void 0 ? s : i.name) !== null && o !== void 0 ? o : ""})`}`;
   const l = Nt(a);
-  return l[il] = i, l;
+  return l[sl] = i, l;
 }
-function ul({ layoutId: e }) {
+function fl({ layoutId: e }) {
   const t = Ce(ar).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
-function fl(e, t) {
+function dl(e, t) {
   const n = Ce(Us).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 ? gt(!1, r) : ze(!1, r);
   }
 }
-function dl(e) {
+function hl(e) {
   const { drag: t, layout: n } = ht;
   if (!t && !n)
     return {};
@@ -1117,8 +1117,8 @@ function dl(e) {
     ProjectionNode: r.ProjectionNode
   };
 }
-const Gs = (e) => (t) => typeof t == "string" && t.startsWith(e), gr = /* @__PURE__ */ Gs("--"), hl = /* @__PURE__ */ Gs("var(--"), yr = (e) => hl(e) ? pl.test(e.split("/*")[0].trim()) : !1, pl = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Dt = {};
-function ml(e) {
+const Gs = (e) => (t) => typeof t == "string" && t.startsWith(e), gr = /* @__PURE__ */ Gs("--"), pl = /* @__PURE__ */ Gs("var(--"), yr = (e) => pl(e) ? ml.test(e.split("/*")[0].trim()) : !1, ml = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Dt = {};
+function gl(e) {
   for (const t in e)
     Dt[t] = e[t], gr(t) && (Dt[t].isCSSVariable = !0);
 }
@@ -1158,11 +1158,11 @@ const Pe = (e) => Boolean(e && e.getVelocity), Xs = (e, t) => t && typeof e == "
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), Ue = /* @__PURE__ */ Ft("deg"), ke = /* @__PURE__ */ Ft("%"), k = /* @__PURE__ */ Ft("px"), gl = /* @__PURE__ */ Ft("vh"), yl = /* @__PURE__ */ Ft("vw"), di = {
+}), Ue = /* @__PURE__ */ Ft("deg"), ke = /* @__PURE__ */ Ft("%"), k = /* @__PURE__ */ Ft("px"), yl = /* @__PURE__ */ Ft("vh"), vl = /* @__PURE__ */ Ft("vw"), di = {
   ...ke,
   parse: (e) => ke.parse(e) / 100,
   transform: (e) => ke.transform(e * 100)
-}, vl = {
+}, xl = {
   borderWidth: k,
   borderTopWidth: k,
   borderRightWidth: k,
@@ -1194,7 +1194,7 @@ const Pe = (e) => Boolean(e && e.getVelocity), Xs = (e, t) => t && typeof e == "
   marginLeft: k,
   backgroundPositionX: k,
   backgroundPositionY: k
-}, xl = {
+}, bl = {
   rotate: Ue,
   rotateX: Ue,
   rotateY: Ue,
@@ -1223,22 +1223,22 @@ const Pe = (e) => Boolean(e && e.getVelocity), Xs = (e, t) => t && typeof e == "
   ...vt,
   transform: Math.round
 }, vr = {
-  ...vl,
   ...xl,
+  ...bl,
   zIndex: hi,
   size: k,
   fillOpacity: Lt,
   strokeOpacity: Lt,
   numOctaves: hi
-}, bl = {
+}, wl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, wl = yt.length;
-function Tl(e, t, n) {
+}, Tl = yt.length;
+function Sl(e, t, n) {
   let r = "", i = !0;
-  for (let s = 0; s < wl; s++) {
+  for (let s = 0; s < Tl; s++) {
     const o = yt[s], a = e[o];
     if (a === void 0)
       continue;
@@ -1247,7 +1247,7 @@ function Tl(e, t, n) {
       const c = Xs(a, vr[o]);
       if (!l) {
         i = !1;
-        const u = bl[o] || o;
+        const u = wl[o] || o;
         r += `${u}(${c}) `;
       }
       n && (t[o] = c);
@@ -1271,7 +1271,7 @@ function xr(e, t, n) {
       l.startsWith("origin") ? (a = !0, s[l] = u) : r[l] = u;
     }
   }
-  if (t.transform || (o || n ? r.transform = Tl(t, e.transform, n) : r.transform && (r.transform = "none")), a) {
+  if (t.transform || (o || n ? r.transform = Sl(t, e.transform, n) : r.transform && (r.transform = "none")), a) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = s;
     r.transformOrigin = `${l} ${c} ${u}`;
   }
@@ -1286,21 +1286,21 @@ function Zs(e, t, n) {
   for (const r in t)
     !Pe(t[r]) && !qs(r, n) && (e[r] = t[r]);
 }
-function Sl({ transformTemplate: e }, t) {
+function Cl({ transformTemplate: e }, t) {
   return tt(() => {
     const n = br();
     return xr(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
-function Cl(e, t) {
+function Pl(e, t) {
   const n = e.style || {}, r = {};
-  return Zs(r, n, e), Object.assign(r, Sl(e, t)), r;
+  return Zs(r, n, e), Object.assign(r, Cl(e, t)), r;
 }
-function Pl(e, t) {
-  const n = {}, r = Cl(e, t);
+function El(e, t) {
+  const n = {}, r = Pl(e, t);
   return e.drag && e.dragListener !== !1 && (n.draggable = !1, r.userSelect = r.WebkitUserSelect = r.WebkitTouchCallout = "none", r.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = r, n;
 }
-const El = [
+const jl = [
   "animate",
   "circle",
   "defs",
@@ -1328,18 +1328,18 @@ const El = [
   "view"
 ];
 function wr(e) {
-  return typeof e != "string" || e.includes("-") ? !1 : !!(El.indexOf(e) > -1 || /[A-Z]/u.test(e));
+  return typeof e != "string" || e.includes("-") ? !1 : !!(jl.indexOf(e) > -1 || /[A-Z]/u.test(e));
 }
-const jl = {
+const Rl = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Rl = {
+}, Al = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Al(e, t, n = 1, r = 0, i = !0) {
+function Ml(e, t, n = 1, r = 0, i = !0) {
   e.pathLength = 1;
-  const s = i ? jl : Rl;
+  const s = i ? Rl : Al;
   e[s.offset] = k.transform(-r);
   const o = k.transform(t), a = k.transform(n);
   e[s.array] = `${o} ${a}`;
@@ -1347,7 +1347,7 @@ function Al(e, t, n = 1, r = 0, i = !0) {
 function pi(e, t, n) {
   return typeof e == "string" ? e : k.transform(t + n * e);
 }
-function Ml(e, t, n) {
+function Vl(e, t, n) {
   const r = pi(t, e.x, e.width), i = pi(n, e.y, e.height);
   return `${r} ${i}`;
 }
@@ -1368,13 +1368,13 @@ function Tr(e, {
   }
   e.attrs = e.style, e.style = {};
   const { attrs: h, style: m, dimensions: y } = e;
-  h.transform && (y && (m.transform = h.transform), delete h.transform), y && (i !== void 0 || s !== void 0 || m.transform) && (m.transformOrigin = Ml(y, i !== void 0 ? i : 0.5, s !== void 0 ? s : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), r !== void 0 && (h.scale = r), o !== void 0 && Al(h, o, a, l, !1);
+  h.transform && (y && (m.transform = h.transform), delete h.transform), y && (i !== void 0 || s !== void 0 || m.transform) && (m.transformOrigin = Vl(y, i !== void 0 ? i : 0.5, s !== void 0 ? s : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), r !== void 0 && (h.scale = r), o !== void 0 && Ml(h, o, a, l, !1);
 }
 const Js = () => ({
   ...br(),
   attrs: {}
 }), Sr = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function Vl(e, t, n, r) {
+function Dl(e, t, n, r) {
   const i = tt(() => {
     const s = Js();
     return Tr(s, t, Sr(r), e.transformTemplate), {
@@ -1388,10 +1388,10 @@ function Vl(e, t, n, r) {
   }
   return i;
 }
-function Dl(e = !1) {
+function Ll(e = !1) {
   return (n, r, i, { latestValues: s }, o) => {
-    const l = (wr(n) ? Vl : Pl)(r, s, o, n), c = el(r, typeof n == "string", e), u = n !== _s ? { ...c, ...l, ref: i } : {}, { children: f } = r, h = tt(() => Pe(f) ? f.get() : f, [f]);
-    return Ba(n, {
+    const l = (wr(n) ? Dl : El)(r, s, o, n), c = tl(r, typeof n == "string", e), u = n !== _s ? { ...c, ...l, ref: i } : {}, { children: f } = r, h = tt(() => Pe(f) ? f.get() : f, [f]);
+    return $a(n, {
       ...u,
       children: h
     });
@@ -1414,23 +1414,23 @@ function Cr(e, t, n, r) {
   }
   return t;
 }
-const Fn = (e) => Array.isArray(e), Ll = (e) => Boolean(e && typeof e == "object" && e.mix && e.toValue), Ol = (e) => Fn(e) ? e[e.length - 1] || 0 : e;
+const Fn = (e) => Array.isArray(e), Ol = (e) => Boolean(e && typeof e == "object" && e.mix && e.toValue), kl = (e) => Fn(e) ? e[e.length - 1] || 0 : e;
 function qt(e) {
   const t = Pe(e) ? e.get() : e;
-  return Ll(t) ? t.toValue() : t;
+  return Ol(t) ? t.toValue() : t;
 }
-function kl({ scrapeMotionValuesFromProps: e, createRenderState: t, onUpdate: n }, r, i, s) {
+function _l({ scrapeMotionValuesFromProps: e, createRenderState: t, onUpdate: n }, r, i, s) {
   const o = {
-    latestValues: _l(r, i, s, e),
+    latestValues: Il(r, i, s, e),
     renderState: t()
   };
   return n && (o.onMount = (a) => n({ props: r, current: a, ...o }), o.onUpdate = (a) => n(a)), o;
 }
 const Qs = (e) => (t, n) => {
-  const r = Ce(cn), i = Ce(an), s = () => kl(e, t, r, i);
+  const r = Ce(cn), i = Ce(an), s = () => _l(e, t, r, i);
   return n ? s() : lr(s);
 };
-function _l(e, t, n, r) {
+function Il(e, t, n, r) {
   const i = {}, s = r(e, {});
   for (const h in s)
     i[h] = qt(s[h]);
@@ -1445,7 +1445,7 @@ function _l(e, t, n, r) {
     for (let m = 0; m < h.length; m++) {
       const y = Cr(e, h[m]);
       if (y) {
-        const { transitionEnd: v, transition: T, ...x } = y;
+        const { transitionEnd: v, transition: b, ...x } = y;
         for (const C in x) {
           let E = x[C];
           if (Array.isArray(E)) {
@@ -1468,7 +1468,7 @@ function Pr(e, t, n) {
     (Pe(i[o]) || t.style && Pe(t.style[o]) || qs(o, e) || ((r = n == null ? void 0 : n.getValue(o)) === null || r === void 0 ? void 0 : r.liveStyle) !== void 0) && (s[o] = i[o]);
   return s;
 }
-const Il = {
+const Nl = {
   useVisualState: Qs({
     scrapeMotionValuesFromProps: Pr,
     createRenderState: br
@@ -1530,7 +1530,7 @@ function io(e, t, n) {
     }
   return r;
 }
-const gi = ["x", "y", "width", "height", "cx", "cy", "r"], Nl = {
+const gi = ["x", "y", "width", "height", "cx", "cy", "r"], Fl = {
   useVisualState: Qs({
     scrapeMotionValuesFromProps: io,
     createRenderState: Js,
@@ -1561,24 +1561,24 @@ const gi = ["x", "y", "width", "height", "cx", "cy", "r"], Nl = {
     }
   })
 };
-function Fl(e, t) {
+function Bl(e, t) {
   return function(r, { forwardMotionProps: i } = { forwardMotionProps: !1 }) {
     const o = {
-      ...wr(r) ? Nl : Il,
+      ...wr(r) ? Fl : Nl,
       preloadedFeatures: e,
-      useRender: Dl(i),
+      useRender: Ll(i),
       createVisualElement: t,
       Component: r
     };
-    return cl(o);
+    return ul(o);
   };
 }
 function Ot(e, t, n) {
   const r = e.getProps();
   return Cr(r, t, n !== void 0 ? n : r.custom, e);
 }
-const Bl = fr(() => window.ScrollTimeline !== void 0);
-class $l {
+const $l = fr(() => window.ScrollTimeline !== void 0);
+class Ul {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
   }
@@ -1594,7 +1594,7 @@ class $l {
   }
   attachTimeline(t, n) {
     const r = this.animations.map((i) => {
-      if (Bl() && i.attachTimeline)
+      if ($l() && i.attachTimeline)
         return i.attachTimeline(t);
       if (typeof n == "function")
         return n(i);
@@ -1645,7 +1645,7 @@ class $l {
     this.runAll("complete");
   }
 }
-class Ul extends $l {
+class Wl extends Ul {
   then(t, n) {
     return Promise.all(this.animations).then(t).catch(n);
   }
@@ -1668,17 +1668,17 @@ function jr(e) {
 function yi(e, t) {
   e.timeline = t, e.onfinish = null;
 }
-const Rr = (e) => Array.isArray(e) && typeof e[0] == "number", Wl = {
+const Rr = (e) => Array.isArray(e) && typeof e[0] == "number", zl = {
   linearEasing: void 0
 };
-function zl(e, t) {
+function Yl(e, t) {
   const n = fr(e);
   return () => {
     var r;
-    return (r = Wl[t]) !== null && r !== void 0 ? r : n();
+    return (r = zl[t]) !== null && r !== void 0 ? r : n();
   };
 }
-const Qt = /* @__PURE__ */ zl(() => {
+const Qt = /* @__PURE__ */ Yl(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1717,7 +1717,7 @@ const Le = {
 function co() {
   return Le.x || Le.y;
 }
-function Yl(e, t, n) {
+function Kl(e, t, n) {
   var r;
   if (e instanceof EventTarget)
     return [e];
@@ -1730,7 +1730,7 @@ function Yl(e, t, n) {
   return Array.from(e);
 }
 function uo(e, t) {
-  const n = Yl(e), r = new AbortController(), i = {
+  const n = Kl(e), r = new AbortController(), i = {
     passive: !0,
     ...t,
     signal: r.signal
@@ -1740,7 +1740,7 @@ function uo(e, t) {
 function vi(e) {
   return !(e.pointerType === "touch" || co());
 }
-function Kl(e, t, n = {}) {
+function Hl(e, t, n = {}) {
   const [r, i, s] = uo(e, n), o = (a) => {
     if (!vi(a))
       return;
@@ -1764,15 +1764,15 @@ function en(e, t) {
     } catch {
     }
 }
-const fo = (e, t) => t ? e === t ? !0 : fo(e, t.parentElement) : !1, Ar = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Hl = /* @__PURE__ */ new Set([
+const fo = (e, t) => t ? e === t ? !0 : fo(e, t.parentElement) : !1, Ar = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Gl = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Gl(e) {
-  return Hl.has(e.tagName) || e.tabIndex !== -1;
+function ql(e) {
+  return Gl.has(e.tagName) || e.tabIndex !== -1;
 }
 const Pt = /* @__PURE__ */ new WeakSet();
 function xi(e) {
@@ -1783,7 +1783,7 @@ function xi(e) {
 function xn(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
-const ql = (e, t) => {
+const Xl = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
@@ -1801,7 +1801,7 @@ const ql = (e, t) => {
 function bi(e) {
   return Ar(e) && !co();
 }
-function Xl(e, t, n = {}) {
+function Zl(e, t, n = {}) {
   const [r, i, s] = uo(e, n), o = (a) => {
     const l = a.currentTarget;
     if (!l || !bi(a) || Pt.has(l))
@@ -1810,7 +1810,7 @@ function Xl(e, t, n = {}) {
     const c = t(l, a), u = (m, y) => {
       l.removeEventListener("pointerup", f), l.removeEventListener("pointercancel", h), en(m, "release"), !(!bi(m) || !Pt.has(l)) && (Pt.delete(l), typeof c == "function" && c(m, { success: y }));
     }, f = (m) => {
-      (m.isTrusted ? Zl(m, l instanceof Element ? l.getBoundingClientRect() : {
+      (m.isTrusted ? Jl(m, l instanceof Element ? l.getBoundingClientRect() : {
         left: 0,
         top: 0,
         right: window.innerWidth,
@@ -1824,13 +1824,13 @@ function Xl(e, t, n = {}) {
   return r.forEach((a) => {
     a = n.useGlobalTarget ? window : a;
     let l = !1;
-    a instanceof HTMLElement && (l = !0, !Gl(a) && a.getAttribute("tabindex") === null && (a.tabIndex = 0)), a.addEventListener("pointerdown", o, i), l && a.addEventListener("focus", (c) => ql(c, i), i);
+    a instanceof HTMLElement && (l = !0, !ql(a) && a.getAttribute("tabindex") === null && (a.tabIndex = 0)), a.addEventListener("pointerdown", o, i), l && a.addEventListener("focus", (c) => Xl(c, i), i);
   }), s;
 }
-function Zl(e, t) {
+function Jl(e, t) {
   return e.clientX < t.left || e.clientX > t.right || e.clientY < t.top || e.clientY > t.bottom;
 }
-function Jl(e) {
+function Ql(e) {
   return e === "x" || e === "y" ? Le[e] ? null : (Le[e] = !0, () => {
     Le[e] = !1;
   }) : Le.x || Le.y ? null : (Le.x = Le.y = !0, () => {
@@ -1847,13 +1847,13 @@ const ho = /* @__PURE__ */ new Set([
   ...yt
 ]);
 let Xt;
-function Ql() {
+function ec() {
   Xt = void 0;
 }
 const _e = {
   now: () => (Xt === void 0 && _e.set(we.isProcessing || Bs.useManualTiming ? we.timestamp : performance.now()), Xt),
   set: (e) => {
-    Xt = e, queueMicrotask(Ql);
+    Xt = e, queueMicrotask(ec);
   }
 };
 function Mr(e, t) {
@@ -1891,8 +1891,8 @@ class Dr {
 function po(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const wi = 30, ec = (e) => !isNaN(parseFloat(e));
-class tc {
+const wi = 30, tc = (e) => !isNaN(parseFloat(e));
+class nc {
   constructor(t, n = {}) {
     this.version = "12.4.7", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (r, i = !0) => {
       const s = _e.now();
@@ -1900,7 +1900,7 @@ class tc {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = _e.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = ec(this.current));
+    this.current = t, this.updatedAt = _e.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = tc(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -1967,56 +1967,56 @@ class tc {
   }
 }
 function kt(e, t) {
-  return new tc(e, t);
+  return new nc(e, t);
 }
-function nc(e, t, n) {
+function rc(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, kt(n));
 }
-function rc(e, t) {
+function ic(e, t) {
   const n = Ot(e, t);
   let { transitionEnd: r = {}, transition: i = {}, ...s } = n || {};
   s = { ...s, ...r };
   for (const o in s) {
-    const a = Ol(s[o]);
-    nc(e, o, a);
+    const a = kl(s[o]);
+    rc(e, o, a);
   }
 }
-function ic(e) {
+function sc(e) {
   return Boolean(Pe(e) && e.add);
 }
 function Un(e, t) {
   const n = e.getValue("willChange");
-  if (ic(n))
+  if (sc(n))
     return n.add(t);
 }
 function mo(e) {
   return e.props[Ys];
 }
-const sc = {
+const oc = {
   current: !1
-}, go = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, oc = 1e-7, ac = 12;
-function lc(e, t, n, r, i) {
+}, go = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, ac = 1e-7, lc = 12;
+function cc(e, t, n, r, i) {
   let s, o, a = 0;
   do
     o = t + (n - t) / 2, s = go(o, r, i) - e, s > 0 ? n = o : t = o;
-  while (Math.abs(s) > oc && ++a < ac);
+  while (Math.abs(s) > ac && ++a < lc);
   return o;
 }
 function Bt(e, t, n, r) {
   if (e === t && n === r)
     return Ae;
-  const i = (s) => lc(s, 0, 1, e, n);
+  const i = (s) => cc(s, 0, 1, e, n);
   return (s) => s === 0 || s === 1 ? s : go(i(s), t, r);
 }
 const yo = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, vo = (e) => (t) => 1 - e(1 - t), xo = /* @__PURE__ */ Bt(0.33, 1.53, 0.69, 0.99), Lr = /* @__PURE__ */ vo(xo), bo = /* @__PURE__ */ yo(Lr), wo = (e) => (e *= 2) < 1 ? 0.5 * Lr(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Or = (e) => 1 - Math.sin(Math.acos(e)), To = vo(Or), So = yo(Or), Co = (e) => /^0[^.\s]+$/u.test(e);
-function cc(e) {
+function uc(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Co(e) : !0;
 }
 const Et = (e) => Math.round(e * 1e5) / 1e5, kr = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function uc(e) {
+function fc(e) {
   return e == null;
 }
-const fc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, _r = (e, t) => (n) => Boolean(typeof n == "string" && fc.test(n) && n.startsWith(e) || t && !uc(n) && Object.prototype.hasOwnProperty.call(n, t)), Po = (e, t, n) => (r) => {
+const dc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, _r = (e, t) => (n) => Boolean(typeof n == "string" && dc.test(n) && n.startsWith(e) || t && !fc(n) && Object.prototype.hasOwnProperty.call(n, t)), Po = (e, t, n) => (r) => {
   if (typeof r != "string")
     return r;
   const [i, s, o, a] = r.match(kr);
@@ -2026,15 +2026,15 @@ const fc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, dc = (e) => Be(0, 255, e), bn = {
+}, hc = (e) => Be(0, 255, e), bn = {
   ...vt,
-  transform: (e) => Math.round(dc(e))
+  transform: (e) => Math.round(hc(e))
 }, Qe = {
   test: /* @__PURE__ */ _r("rgb", "red"),
   parse: /* @__PURE__ */ Po("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + bn.transform(e) + ", " + bn.transform(t) + ", " + bn.transform(n) + ", " + Et(Lt.transform(r)) + ")"
 };
-function hc(e) {
+function pc(e) {
   let t = "", n = "", r = "", i = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), r = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), r = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, r += r, i += i), {
     red: parseInt(t, 16),
@@ -2045,7 +2045,7 @@ function hc(e) {
 }
 const Wn = {
   test: /* @__PURE__ */ _r("#"),
-  parse: hc,
+  parse: pc,
   transform: Qe.transform
 }, at = {
   test: /* @__PURE__ */ _r("hsl", "hue"),
@@ -2055,12 +2055,12 @@ const Wn = {
   test: (e) => Qe.test(e) || Wn.test(e) || at.test(e),
   parse: (e) => Qe.test(e) ? Qe.parse(e) : at.test(e) ? at.parse(e) : Wn.parse(e),
   transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Qe.transform(e) : at.transform(e)
-}, pc = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function mc(e) {
+}, mc = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function gc(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(kr)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(pc)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(kr)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(mc)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const Eo = "number", jo = "color", gc = "var", yc = "var(", Ti = "${}", vc = /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;
+const Eo = "number", jo = "color", yc = "var", vc = "var(", Ti = "${}", xc = /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 _t(e) {
   const t = e.toString(), n = [], r = {
     color: [],
@@ -2068,7 +2068,7 @@ function _t(e) {
     var: []
   }, i = [];
   let s = 0;
-  const a = t.replace(vc, (l) => (Te.test(l) ? (r.color.push(s), i.push(jo), n.push(Te.parse(l))) : l.startsWith(yc) ? (r.var.push(s), i.push(gc), n.push(l)) : (r.number.push(s), i.push(Eo), n.push(parseFloat(l))), ++s, Ti)).split(Ti);
+  const a = t.replace(xc, (l) => (Te.test(l) ? (r.color.push(s), i.push(jo), n.push(Te.parse(l))) : l.startsWith(vc) ? (r.var.push(s), i.push(yc), n.push(l)) : (r.number.push(s), i.push(Eo), n.push(parseFloat(l))), ++s, Ti)).split(Ti);
   return { values: n, split: a, indexes: r, types: i };
 }
 function Ro(e) {
@@ -2086,18 +2086,18 @@ function Ao(e) {
     return s;
   };
 }
-const xc = (e) => typeof e == "number" ? 0 : e;
-function bc(e) {
+const bc = (e) => typeof e == "number" ? 0 : e;
+function wc(e) {
   const t = Ro(e);
-  return Ao(e)(t.map(xc));
+  return Ao(e)(t.map(bc));
 }
 const Ke = {
-  test: mc,
+  test: gc,
   parse: Ro,
   createTransformer: Ao,
-  getAnimatableNone: bc
-}, wc = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Tc(e) {
+  getAnimatableNone: wc
+}, Tc = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Sc(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
@@ -2105,16 +2105,16 @@ function Tc(e) {
   if (!r)
     return e;
   const i = n.replace(r, "");
-  let s = wc.has(t) ? 1 : 0;
+  let s = Tc.has(t) ? 1 : 0;
   return r !== n && (s *= 100), t + "(" + s + i + ")";
 }
-const Sc = /\b([a-z-]*)\(.*?\)/gu, zn = {
+const Cc = /\b([a-z-]*)\(.*?\)/gu, zn = {
   ...Ke,
   getAnimatableNone: (e) => {
-    const t = e.match(Sc);
-    return t ? t.map(Tc).join(" ") : e;
+    const t = e.match(Cc);
+    return t ? t.map(Sc).join(" ") : e;
   }
-}, Cc = {
+}, Pc = {
   ...vr,
   color: Te,
   backgroundColor: Te,
@@ -2128,17 +2128,17 @@ const Sc = /\b([a-z-]*)\(.*?\)/gu, zn = {
   borderLeftColor: Te,
   filter: zn,
   WebkitFilter: zn
-}, Ir = (e) => Cc[e];
+}, Ir = (e) => Pc[e];
 function Mo(e, t) {
   let n = Ir(e);
   return n !== zn && (n = Ke), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
-const Pc = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Ec(e, t, n) {
+const Ec = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function jc(e, t, n) {
   let r = 0, i;
   for (; r < e.length && !i; ) {
     const s = e[r];
-    typeof s == "string" && !Pc.has(s) && _t(s).values.length && (i = e[r]), r++;
+    typeof s == "string" && !Ec.has(s) && _t(s).values.length && (i = e[r]), r++;
   }
   if (i && n)
     for (const s of t)
@@ -2154,10 +2154,10 @@ const Si = (e) => e === vt || e === k, Ci = (e, t) => parseFloat(e.split(", ")[t
     const s = r.match(/^matrix\((.+)\)$/u);
     return s ? Ci(s[1], e) : 0;
   }
-}, jc = /* @__PURE__ */ new Set(["x", "y", "z"]), Rc = yt.filter((e) => !jc.has(e));
-function Ac(e) {
+}, Rc = /* @__PURE__ */ new Set(["x", "y", "z"]), Ac = yt.filter((e) => !Rc.has(e));
+function Mc(e) {
   const t = [];
-  return Rc.forEach((n) => {
+  return Ac.forEach((n) => {
     const r = e.getValue(n);
     r !== void 0 && (t.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
   }), t;
@@ -2180,7 +2180,7 @@ function Vo() {
   if (Kn) {
     const e = Array.from(et).filter((r) => r.needsMeasurement), t = new Set(e.map((r) => r.element)), n = /* @__PURE__ */ new Map();
     t.forEach((r) => {
-      const i = Ac(r);
+      const i = Mc(r);
       i.length && (n.set(r, i), r.render());
     }), e.forEach((r) => r.measureInitialState()), t.forEach((r) => {
       r.render();
@@ -2200,7 +2200,7 @@ function Do() {
     e.readKeyframes(), e.needsMeasurement && (Kn = !0);
   });
 }
-function Mc() {
+function Vc() {
   Do(), Vo();
 }
 class Nr {
@@ -2244,18 +2244,18 @@ class Nr {
     this.isComplete || this.scheduleResolve();
   }
 }
-const Lo = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), Vc = /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;
-function Dc(e) {
-  const t = Vc.exec(e);
+const Lo = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), Dc = /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;
+function Lc(e) {
+  const t = Dc.exec(e);
   if (!t)
     return [,];
   const [, n, r, i] = t;
   return [`--${n ?? r}`, i];
 }
-const Lc = 4;
+const Oc = 4;
 function Oo(e, t, n = 1) {
-  ze(n <= Lc, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [r, i] = Dc(e);
+  ze(n <= Oc, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  const [r, i] = Lc(e);
   if (!r)
     return;
   const s = window.getComputedStyle(t).getPropertyValue(r);
@@ -2265,10 +2265,10 @@ function Oo(e, t, n = 1) {
   }
   return yr(i) ? Oo(i, t, n + 1) : i;
 }
-const ko = (e) => (t) => t.test(e), Oc = {
+const ko = (e) => (t) => t.test(e), kc = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, _o = [vt, k, ke, Ue, yl, gl, Oc], Ei = (e) => _o.find(ko(e));
+}, _o = [vt, k, ke, Ue, vl, yl, kc], Ei = (e) => _o.find(ko(e));
 class Io extends Nr {
   constructor(t, n, r, i, s) {
     super(t, n, r, i, s, !0);
@@ -2300,8 +2300,8 @@ class Io extends Nr {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, r = [];
     for (let i = 0; i < t.length; i++)
-      cc(t[i]) && r.push(i);
-    r.length && Ec(t, r, n);
+      uc(t[i]) && r.push(i);
+    r.length && jc(t, r, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: r } = this;
@@ -2325,7 +2325,7 @@ class Io extends Nr {
   }
 }
 const ji = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && (Ke.test(e) || e === "0") && !e.startsWith("url("));
-function kc(e) {
+function _c(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -2333,21 +2333,21 @@ function kc(e) {
     if (e[n] !== t)
       return !0;
 }
-function _c(e, t, n, r) {
+function Ic(e, t, n, r) {
   const i = e[0];
   if (i === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
   const s = e[e.length - 1], o = ji(i, t), a = ji(s, t);
-  return gt(o === a, `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 || !a ? !1 : kc(e) || (n === "spring" || jr(n)) && r;
+  return gt(o === a, `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 || !a ? !1 : _c(e) || (n === "spring" || jr(n)) && r;
 }
-const Ic = (e) => e !== null;
+const Nc = (e) => e !== null;
 function dn(e, { repeat: t, repeatType: n = "loop" }, r) {
-  const i = e.filter(Ic), s = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+  const i = e.filter(Nc), s = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !s || r === void 0 ? i[s] : r;
 }
-const Nc = 40;
+const Fc = 40;
 class No {
   constructor({ autoplay: t = !0, delay: n = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: s = 0, repeatType: o = "loop", ...a }) {
     this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = _e.now(), this.options = {
@@ -2361,15 +2361,15 @@ class No {
     }, this.updateFinishedPromise();
   }
   calcStartTime() {
-    return this.resolvedAt ? this.resolvedAt - this.createdAt > Nc ? this.resolvedAt : this.createdAt : this.createdAt;
+    return this.resolvedAt ? this.resolvedAt - this.createdAt > Fc ? this.resolvedAt : this.createdAt : this.createdAt;
   }
   get resolved() {
-    return !this._resolved && !this.hasAttemptedResolve && Mc(), this._resolved;
+    return !this._resolved && !this.hasAttemptedResolve && Vc(), this._resolved;
   }
   onKeyframesResolved(t, n) {
     this.resolvedAt = _e.now(), this.hasAttemptedResolve = !0;
     const { name: r, type: i, velocity: s, delay: o, onComplete: a, onUpdate: l, isGenerator: c } = this.options;
-    if (!c && !_c(t, r, i, s))
+    if (!c && !Ic(t, r, i, s))
       if (o)
         this.options.duration = 0;
       else {
@@ -2405,7 +2405,7 @@ const jt = {
 function wn(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function Fc({ hue: e, saturation: t, lightness: n, alpha: r }) {
+function Bc({ hue: e, saturation: t, lightness: n, alpha: r }) {
   e /= 360, t /= 100, n /= 100;
   let i = 0, s = 0, o = 0;
   if (!t)
@@ -2427,13 +2427,13 @@ function tn(e, t) {
 const Tn = (e, t, n) => {
   const r = e * e, i = n * (t * t - r) + r;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Bc = [Wn, Qe, at], $c = (e) => Bc.find((t) => t.test(e));
+}, $c = [Wn, Qe, at], Uc = (e) => $c.find((t) => t.test(e));
 function Ri(e) {
-  const t = $c(e);
+  const t = Uc(e);
   if (gt(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 === at && (n = Fc(n)), n;
+  return t === at && (n = Bc(n)), n;
 }
 const Ai = (e, t) => {
   const n = Ri(e), r = Ri(t);
@@ -2441,15 +2441,15 @@ const Ai = (e, t) => {
     return tn(e, t);
   const i = { ...n };
   return (s) => (i.red = Tn(n.red, r.red, s), i.green = Tn(n.green, r.green, s), i.blue = Tn(n.blue, r.blue, s), i.alpha = le(n.alpha, r.alpha, s), Qe.transform(i));
-}, Uc = (e, t) => (n) => t(e(n)), $t = (...e) => e.reduce(Uc), Hn = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Wc(e, t) {
+}, Wc = (e, t) => (n) => t(e(n)), $t = (...e) => e.reduce(Wc), Hn = /* @__PURE__ */ new Set(["none", "hidden"]);
+function zc(e, t) {
   return Hn.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function zc(e, t) {
+function Yc(e, t) {
   return (n) => le(e, t, n);
 }
 function Fr(e) {
-  return typeof e == "number" ? zc : typeof e == "string" ? yr(e) ? tn : Te.test(e) ? Ai : Hc : Array.isArray(e) ? Fo : typeof e == "object" ? Te.test(e) ? Ai : Yc : tn;
+  return typeof e == "number" ? Yc : typeof e == "string" ? yr(e) ? tn : Te.test(e) ? Ai : Gc : Array.isArray(e) ? Fo : typeof e == "object" ? Te.test(e) ? Ai : Kc : tn;
 }
 function Fo(e, t) {
   const n = [...e], r = n.length, i = e.map((s, o) => Fr(s)(s, t[o]));
@@ -2459,7 +2459,7 @@ function Fo(e, t) {
     return n;
   };
 }
-function Yc(e, t) {
+function Kc(e, t) {
   const n = { ...e, ...t }, r = {};
   for (const i in n)
     e[i] !== void 0 && t[i] !== void 0 && (r[i] = Fr(e[i])(e[i], t[i]));
@@ -2469,7 +2469,7 @@ function Yc(e, t) {
     return n;
   };
 }
-function Kc(e, t) {
+function Hc(e, t) {
   var n;
   const r = [], i = { color: 0, var: 0, number: 0 };
   for (let s = 0; s < t.values.length; s++) {
@@ -2478,16 +2478,16 @@ function Kc(e, t) {
   }
   return r;
 }
-const Hc = (e, t) => {
+const Gc = (e, t) => {
   const n = Ke.createTransformer(t), r = _t(e), i = _t(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 ? Hn.has(e) && !i.values.length || Hn.has(t) && !r.values.length ? Wc(e, t) : $t(Fo(Kc(r, i), i.values), n) : (gt(!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.`), tn(e, 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 ? Hn.has(e) && !i.values.length || Hn.has(t) && !r.values.length ? zc(e, t) : $t(Fo(Hc(r, i), i.values), n) : (gt(!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.`), tn(e, t));
 };
 function Bo(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? le(e, t, n) : Fr(e)(e, t);
 }
-const Gc = 5;
+const qc = 5;
 function $o(e, t, n) {
-  const r = Math.max(t - Gc, 0);
+  const r = Math.max(t - qc, 0);
   return po(n - e(r), t - r);
 }
 const ae = {
@@ -2511,7 +2511,7 @@ const ae = {
   minDamping: 0.05,
   maxDamping: 1
 }, Sn = 1e-3;
-function qc({ duration: e = ae.duration, bounce: t = ae.bounce, velocity: n = ae.velocity, mass: r = ae.mass }) {
+function Xc({ duration: e = ae.duration, bounce: t = ae.bounce, velocity: n = ae.velocity, mass: r = ae.mass }) {
   let i, s;
   gt(e <= Oe(ae.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
@@ -2528,7 +2528,7 @@ function qc({ duration: e = ae.duration, bounce: t = ae.bounce, velocity: n = ae
     const u = Math.exp(-c * e), f = (n - c) * (e * e);
     return u * f;
   });
-  const a = 5 / e, l = Zc(i, s, a);
+  const a = 5 / e, l = Jc(i, s, a);
   if (e = Oe(e), isNaN(l))
     return {
       stiffness: ae.stiffness,
@@ -2544,21 +2544,21 @@ function qc({ duration: e = ae.duration, bounce: t = ae.bounce, velocity: n = ae
     };
   }
 }
-const Xc = 12;
-function Zc(e, t, n) {
+const Zc = 12;
+function Jc(e, t, n) {
   let r = n;
-  for (let i = 1; i < Xc; i++)
+  for (let i = 1; i < Zc; i++)
     r = r - e(r) / t(r);
   return r;
 }
 function Gn(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const Jc = ["duration", "bounce"], Qc = ["stiffness", "damping", "mass"];
+const Qc = ["duration", "bounce"], eu = ["stiffness", "damping", "mass"];
 function Mi(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function eu(e) {
+function tu(e) {
   let t = {
     velocity: ae.velocity,
     stiffness: ae.stiffness,
@@ -2567,7 +2567,7 @@ function eu(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Mi(e, Qc) && Mi(e, Jc))
+  if (!Mi(e, eu) && Mi(e, Qc))
     if (e.visualDuration) {
       const n = e.visualDuration, r = 2 * Math.PI / (n * 1.2), i = r * r, s = 2 * Be(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
       t = {
@@ -2577,7 +2577,7 @@ function eu(e) {
         damping: s
       };
     } else {
-      const n = qc(e);
+      const n = Xc(e);
       t = {
         ...t,
         ...n,
@@ -2593,25 +2593,25 @@ function Uo(e = ae.visualDuration, t = ae.bounce) {
     bounce: t
   } : e;
   let { restSpeed: r, restDelta: i } = n;
-  const s = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: s }, { stiffness: l, damping: c, mass: u, duration: f, velocity: h, isResolvedFromDuration: m } = eu({
+  const s = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: s }, { stiffness: l, damping: c, mass: u, duration: f, velocity: h, isResolvedFromDuration: m } = tu({
     ...n,
     velocity: -Fe(n.velocity || 0)
-  }), y = h || 0, v = c / (2 * Math.sqrt(l * u)), T = o - s, x = Fe(Math.sqrt(l / u)), C = Math.abs(T) < 5;
+  }), y = h || 0, v = c / (2 * Math.sqrt(l * u)), b = o - s, x = Fe(Math.sqrt(l / u)), C = Math.abs(b) < 5;
   r || (r = C ? ae.restSpeed.granular : ae.restSpeed.default), i || (i = C ? ae.restDelta.granular : ae.restDelta.default);
   let E;
   if (v < 1) {
     const g = Gn(x, v);
     E = (D) => {
       const z = Math.exp(-v * x * D);
-      return o - z * ((y + v * x * T) / g * Math.sin(g * D) + T * Math.cos(g * D));
+      return o - z * ((y + v * x * b) / g * Math.sin(g * D) + b * Math.cos(g * D));
     };
   } else if (v === 1)
-    E = (g) => o - Math.exp(-x * g) * (T + (y + x * T) * g);
+    E = (g) => o - Math.exp(-x * g) * (b + (y + x * b) * g);
   else {
     const g = x * Math.sqrt(v * v - 1);
     E = (D) => {
       const z = Math.exp(-v * x * D), O = Math.min(g * D, 300);
-      return o - z * ((y + v * x * T) * Math.sinh(O) + g * T * Math.cosh(O)) / g;
+      return o - z * ((y + v * x * b) * Math.sinh(O) + g * b * Math.cosh(O)) / g;
     };
   }
   const V = {
@@ -2641,8 +2641,8 @@ function Vi({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
     value: f
   }, m = (O) => a !== void 0 && O < a || l !== void 0 && O > l, y = (O) => a === void 0 ? l : l === void 0 || Math.abs(a - O) < Math.abs(l - O) ? a : l;
   let v = n * t;
-  const T = f + v, x = o === void 0 ? T : o(T);
-  x !== T && (v = x - f);
+  const b = f + v, x = o === void 0 ? b : o(b);
+  x !== b && (v = x - f);
   const C = (O) => -v * Math.exp(-O / r), E = (O) => x + C(O), V = (O) => {
     const Z = C(O), R = E(O);
     h.done = Math.abs(Z) <= c, h.value = h.done ? x : R;
@@ -2666,11 +2666,11 @@ function Vi({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
     }
   };
 }
-const tu = /* @__PURE__ */ Bt(0.42, 0, 1, 1), nu = /* @__PURE__ */ Bt(0, 0, 0.58, 1), Wo = /* @__PURE__ */ Bt(0.42, 0, 0.58, 1), ru = (e) => Array.isArray(e) && typeof e[0] != "number", Di = {
+const nu = /* @__PURE__ */ Bt(0.42, 0, 1, 1), ru = /* @__PURE__ */ Bt(0, 0, 0.58, 1), Wo = /* @__PURE__ */ Bt(0.42, 0, 0.58, 1), iu = (e) => Array.isArray(e) && typeof e[0] != "number", Di = {
   linear: Ae,
-  easeIn: tu,
+  easeIn: nu,
   easeInOut: Wo,
-  easeOut: nu,
+  easeOut: ru,
   circIn: Or,
   circInOut: So,
   circOut: To,
@@ -2687,7 +2687,7 @@ const tu = /* @__PURE__ */ Bt(0.42, 0, 1, 1), nu = /* @__PURE__ */ Bt(0, 0, 0.58
     return ze(Di[e] !== void 0, `Invalid easing type '${e}'`), Di[e];
   return e;
 };
-function iu(e, t, n) {
+function su(e, t, n) {
   const r = [], i = n || Bo, s = e.length - 1;
   for (let o = 0; o < s; o++) {
     let a = i(e[o], e[o + 1]);
@@ -2699,7 +2699,7 @@ function iu(e, t, n) {
   }
   return r;
 }
-function su(e, t, { clamp: n = !0, ease: r, mixer: i } = {}) {
+function ou(e, t, { clamp: n = !0, ease: r, mixer: i } = {}) {
   const s = e.length;
   if (ze(s === t.length, "Both input and output ranges must be the same length"), s === 1)
     return () => t[0];
@@ -2707,7 +2707,7 @@ function su(e, t, { clamp: n = !0, ease: r, mixer: i } = {}) {
     return () => t[1];
   const o = e[0] === e[1];
   e[0] > e[s - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = iu(t, r, i), l = a.length, c = (u) => {
+  const a = su(t, r, i), l = a.length, c = (u) => {
     if (o && u < e[0])
       return t[0];
     let f = 0;
@@ -2719,52 +2719,52 @@ function su(e, t, { clamp: n = !0, ease: r, mixer: i } = {}) {
   };
   return n ? (u) => c(Be(e[0], e[s - 1], u)) : c;
 }
-function ou(e, t) {
+function au(e, t) {
   const n = e[e.length - 1];
   for (let r = 1; r <= t; r++) {
     const i = dt(0, t, r);
     e.push(le(n, 1, i));
   }
 }
-function au(e) {
+function lu(e) {
   const t = [0];
-  return ou(t, e.length - 1), t;
+  return au(t, e.length - 1), t;
 }
-function lu(e, t) {
+function cu(e, t) {
   return e.map((n) => n * t);
 }
-function cu(e, t) {
+function uu(e, t) {
   return e.map(() => t || Wo).splice(0, e.length - 1);
 }
 function Rt({ duration: e = 300, keyframes: t, times: n, ease: r = "easeInOut" }) {
-  const i = ru(r) ? r.map(Li) : Li(r), s = {
+  const i = iu(r) ? r.map(Li) : Li(r), s = {
     done: !1,
     value: t[0]
-  }, o = lu(
-    n && n.length === t.length ? n : au(t),
+  }, o = cu(
+    n && n.length === t.length ? n : lu(t),
     e
-  ), a = su(o, t, {
-    ease: Array.isArray(i) ? i : cu(t, i)
+  ), a = ou(o, t, {
+    ease: Array.isArray(i) ? i : uu(t, i)
   });
   return {
     calculatedDuration: e,
     next: (l) => (s.value = a(l), s.done = l >= e, s)
   };
 }
-const uu = (e) => {
+const fu = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: () => re.update(t, !0),
     stop: () => Ye(t),
     now: () => we.isProcessing ? we.timestamp : _e.now()
   };
-}, fu = {
+}, du = {
   decay: Vi,
   inertia: Vi,
   tween: Rt,
   keyframes: Rt,
   spring: Uo
-}, du = (e) => e / 100;
+}, hu = (e) => e / 100;
 class Br extends No {
   constructor(t) {
     super(t), this.holdTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.startTime = null, this.state = "idle", this.stop = () => {
@@ -2781,9 +2781,9 @@ class Br extends No {
     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, a = jr(n) ? n : fu[n] || Rt;
+    const { type: n = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: o = 0 } = this.options, a = jr(n) ? n : du[n] || Rt;
     let l, c;
-    process.env.NODE_ENV !== "production" && a !== Rt && ze(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), a !== Rt && typeof t[0] != "number" && (l = $t(du, Bo(t[0], t[1])), t = [0, 100]);
+    process.env.NODE_ENV !== "production" && a !== Rt && ze(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), a !== Rt && typeof t[0] != "number" && (l = $t(hu, Bo(t[0], t[1])), t = [0, 100]);
     const u = a({ ...this.options, keyframes: t });
     s === "mirror" && (c = a({
       ...this.options,
@@ -2813,7 +2813,7 @@ class Br extends No {
     const { finalKeyframe: i, generator: s, mirroredGenerator: o, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: c, totalDuration: u, resolvedDuration: f } = r;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: h, repeat: m, repeatType: y, repeatDelay: v, onUpdate: T } = this.options;
+    const { delay: h, repeat: m, repeatType: y, repeatDelay: v, onUpdate: b } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - u / this.speed, this.startTime)), n ? this.currentTime = t : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(t - this.startTime) * this.speed;
     const x = this.currentTime - h * (this.speed >= 0 ? 1 : -1), C = this.speed >= 0 ? x < 0 : x > u;
     this.currentTime = Math.max(x, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = u);
@@ -2828,7 +2828,7 @@ class Br extends No {
     let { done: D } = g;
     !C && c !== null && (D = this.speed >= 0 ? this.currentTime >= u : this.currentTime <= 0);
     const z = this.holdTime === null && (this.state === "finished" || this.state === "running" && D);
-    return z && i !== void 0 && (g.value = dn(l, this.options, i)), T && T(g.value), z && this.finish(), g;
+    return z && i !== void 0 && (g.value = dn(l, this.options, i)), b && b(g.value), z && this.finish(), g;
   }
   get duration() {
     const { resolved: t } = this;
@@ -2854,7 +2854,7 @@ class Br extends No {
     }
     if (this.isStopped)
       return;
-    const { driver: t = uu, onPlay: n, startTime: r } = this.options;
+    const { driver: t = fu, onPlay: n, startTime: r } = this.options;
     this.driver || (this.driver = t((s) => this.tick(s))), n && n();
     const i = this.driver.now();
     this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime ? this.state === "finished" && (this.startTime = i) : this.startTime = r ?? this.calcStartTime(), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
@@ -2888,13 +2888,13 @@ class Br extends No {
     return this.startTime = 0, this.tick(t, !0);
   }
 }
-const hu = /* @__PURE__ */ new Set([
+const pu = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
 ]);
-function pu(e, t, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatType: o = "loop", ease: a = "easeInOut", times: l } = {}) {
+function mu(e, t, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatType: o = "loop", ease: a = "easeInOut", times: l } = {}) {
   const c = { [t]: n };
   l && (c.offset = l);
   const u = lo(a, i);
@@ -2907,11 +2907,11 @@ function pu(e, t, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatTyp
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-const mu = /* @__PURE__ */ fr(() => Object.hasOwnProperty.call(Element.prototype, "animate")), nn = 10, gu = 2e4;
-function yu(e) {
+const gu = /* @__PURE__ */ fr(() => Object.hasOwnProperty.call(Element.prototype, "animate")), nn = 10, yu = 2e4;
+function vu(e) {
   return jr(e.type) || e.type === "spring" || !ao(e.ease);
 }
-function vu(e, t) {
+function xu(e, t) {
   const n = new Br({
     ...t,
     keyframes: e,
@@ -2922,7 +2922,7 @@ function vu(e, t) {
   let r = { done: !1, value: e[0] };
   const i = [];
   let s = 0;
-  for (; !r.done && s < gu; )
+  for (; !r.done && s < yu; )
     r = n.sample(s), i.push(r.value), s += nn;
   return {
     times: void 0,
@@ -2936,7 +2936,7 @@ const zo = {
   backInOut: bo,
   circInOut: So
 };
-function xu(e) {
+function bu(e) {
   return e in zo;
 }
 class Oi extends No {
@@ -2949,11 +2949,11 @@ class Oi extends No {
     let { duration: r = 300, times: i, ease: s, type: o, motionValue: a, name: l, startTime: c } = this.options;
     if (!a.owner || !a.owner.current)
       return !1;
-    if (typeof s == "string" && Qt() && xu(s) && (s = zo[s]), yu(this.options)) {
-      const { onComplete: f, onUpdate: h, motionValue: m, element: y, ...v } = this.options, T = vu(t, v);
-      t = T.keyframes, t.length === 1 && (t[1] = t[0]), r = T.duration, i = T.times, s = T.ease, o = "keyframes";
+    if (typeof s == "string" && Qt() && bu(s) && (s = zo[s]), vu(this.options)) {
+      const { onComplete: f, onUpdate: h, motionValue: m, element: y, ...v } = this.options, b = xu(t, v);
+      t = b.keyframes, t.length === 1 && (t[1] = t[0]), r = b.duration, i = b.times, s = b.ease, o = "keyframes";
     }
-    const u = pu(a.owner.current, l, t, { ...this.options, duration: r, times: i, ease: s });
+    const u = mu(a.owner.current, l, t, { ...this.options, duration: r, times: i, ease: s });
     return u.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (yi(u, this.pendingTimeline), this.pendingTimeline = void 0) : u.onfinish = () => {
       const { onComplete: f } = this.options;
       a.set(dn(t, this.options, n)), f && f(), this.cancel(), this.resolveFinishedPromise();
@@ -3081,28 +3081,28 @@ class Oi extends No {
     if (!n || !n.owner || !(n.owner.current instanceof HTMLElement))
       return !1;
     const { onUpdate: l, transformTemplate: c } = n.owner.getProps();
-    return mu() && r && hu.has(r) && !l && !c && !i && s !== "mirror" && o !== 0 && a !== "inertia";
+    return gu() && r && pu.has(r) && !l && !c && !i && s !== "mirror" && o !== 0 && a !== "inertia";
   }
 }
-const bu = {
+const wu = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, wu = (e) => ({
+}, Tu = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Tu = {
+}), Su = {
   type: "keyframes",
   duration: 0.8
-}, Su = {
+}, Cu = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Cu = (e, { keyframes: t }) => t.length > 2 ? Tu : nt.has(e) ? e.startsWith("scale") ? wu(t[1]) : bu : Su;
-function Pu({ when: e, delay: t, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
+}, Pu = (e, { keyframes: t }) => t.length > 2 ? Su : nt.has(e) ? e.startsWith("scale") ? Tu(t[1]) : wu : Cu;
+function Eu({ when: e, delay: t, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
 const $r = (e, t, n, r = {}, i, s) => (o) => {
@@ -3125,21 +3125,21 @@ const $r = (e, t, n, r = {}, i, s) => (o) => {
     motionValue: t,
     element: s ? void 0 : i
   };
-  Pu(a) || (u = {
+  Eu(a) || (u = {
     ...u,
-    ...Cu(e, u)
+    ...Pu(e, u)
   }), u.duration && (u.duration = Oe(u.duration)), u.repeatDelay && (u.repeatDelay = Oe(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let f = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (f = !0)), (sc.current || Bs.skipAnimations) && (f = !0, u.duration = 0, u.delay = 0), f && !s && t.get() !== void 0) {
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (f = !0)), (oc.current || Bs.skipAnimations) && (f = !0, u.duration = 0, u.delay = 0), f && !s && t.get() !== void 0) {
     const h = dn(u.keyframes, a);
     if (h !== void 0)
       return re.update(() => {
         u.onUpdate(h), u.onComplete();
-      }), new Ul([]);
+      }), new Wl([]);
   }
   return !s && Oi.supports(u) ? new Oi(u) : new Br(u);
 };
-function Eu({ protectedKeys: e, needsAnimating: t }, n) {
+function ju({ protectedKeys: e, needsAnimating: t }, n) {
   const r = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, r;
 }
@@ -3150,7 +3150,7 @@ function Yo(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
   const c = [], u = i && e.animationState && e.animationState.getState()[i];
   for (const f in l) {
     const h = e.getValue(f, (s = e.latestValues[f]) !== null && s !== void 0 ? s : null), m = l[f];
-    if (m === void 0 || u && Eu(u, f))
+    if (m === void 0 || u && ju(u, f))
       continue;
     const y = {
       delay: n,
@@ -3165,12 +3165,12 @@ function Yo(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
       }
     }
     Un(e, f), h.start($r(f, h, m, e.shouldReduceMotion && ho.has(f) ? { type: !1 } : y, e, v));
-    const T = h.animation;
-    T && c.push(T);
+    const b = h.animation;
+    b && c.push(b);
   }
   return a && Promise.all(c).then(() => {
     re.update(() => {
-      a && rc(e, a);
+      a && ic(e, a);
     });
   }), c;
 }
@@ -3181,7 +3181,7 @@ function qn(e, t, n = {}) {
   n.transitionOverride && (s = n.transitionOverride);
   const o = i ? () => Promise.all(Yo(e, i, n)) : () => Promise.resolve(), a = e.variantChildren && e.variantChildren.size ? (c = 0) => {
     const { delayChildren: u = 0, staggerChildren: f, staggerDirection: h } = s;
-    return ju(e, t, u + c, f, h, n);
+    return Ru(e, t, u + c, f, h, n);
   } : () => Promise.resolve(), { when: l } = s;
   if (l) {
     const [c, u] = l === "beforeChildren" ? [o, a] : [a, o];
@@ -3189,19 +3189,19 @@ function qn(e, t, n = {}) {
   } else
     return Promise.all([o(), a(n.delay)]);
 }
-function ju(e, t, n = 0, r = 0, i = 1, s) {
+function Ru(e, t, n = 0, r = 0, i = 1, s) {
   const o = [], a = (e.variantChildren.size - 1) * r, l = i === 1 ? (c = 0) => c * r : (c = 0) => a - c * r;
-  return Array.from(e.variantChildren).sort(Ru).forEach((c, u) => {
+  return Array.from(e.variantChildren).sort(Au).forEach((c, u) => {
     c.notify("AnimationStart", t), o.push(qn(c, t, {
       ...s,
       delay: n + l(u)
     }).then(() => c.notify("AnimationComplete", t)));
   }), Promise.all(o);
 }
-function Ru(e, t) {
+function Au(e, t) {
   return e.sortNodePosition(t);
 }
-function Au(e, t, n = {}) {
+function Mu(e, t, n = {}) {
   e.notify("AnimationStart", t);
   let r;
   if (Array.isArray(t)) {
@@ -3228,7 +3228,7 @@ function Ko(e, t) {
       return !1;
   return !0;
 }
-const Mu = hr.length;
+const Vu = hr.length;
 function Ho(e) {
   if (!e)
     return;
@@ -3237,18 +3237,18 @@ function Ho(e) {
     return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
   const t = {};
-  for (let n = 0; n < Mu; n++) {
+  for (let n = 0; n < Vu; n++) {
     const r = hr[n], i = e.props[r];
     (Vt(i) || i === !1) && (t[r] = i);
   }
   return t;
 }
-const Vu = [...dr].reverse(), Du = dr.length;
-function Lu(e) {
-  return (t) => Promise.all(t.map(({ animation: n, options: r }) => Au(e, n, r)));
-}
+const Du = [...dr].reverse(), Lu = dr.length;
 function Ou(e) {
-  let t = Lu(e), n = ki(), r = !0;
+  return (t) => Promise.all(t.map(({ animation: n, options: r }) => Mu(e, n, r)));
+}
+function ku(e) {
+  let t = Ou(e), n = ki(), r = !0;
   const i = (l) => (c, u) => {
     var f;
     const h = Ot(e, u, l === "exit" ? (f = e.presenceContext) === null || f === void 0 ? void 0 : f.custom : void 0);
@@ -3264,18 +3264,18 @@ function Ou(e) {
   function o(l) {
     const { props: c } = e, u = Ho(e.parent) || {}, f = [], h = /* @__PURE__ */ new Set();
     let m = {}, y = 1 / 0;
-    for (let T = 0; T < Du; T++) {
-      const x = Vu[T], C = n[x], E = c[x] !== void 0 ? c[x] : u[x], V = Vt(E), g = x === l ? C.isActive : null;
-      g === !1 && (y = T);
+    for (let b = 0; b < Lu; b++) {
+      const x = Du[b], C = n[x], E = c[x] !== void 0 ? c[x] : u[x], V = Vt(E), g = x === l ? C.isActive : null;
+      g === !1 && (y = b);
       let D = E === u[x] && E !== c[x] && V;
       if (D && r && e.manuallyAnimateOnMount && (D = !1), C.protectedKeys = { ...m }, !C.isActive && g === null || !E && !C.prevProp || un(E) || typeof E == "boolean")
         continue;
-      const z = ku(C.prevProp, E);
-      let O = z || x === l && C.isActive && !D && V || T > y && V, Z = !1;
+      const z = _u(C.prevProp, E);
+      let O = z || x === l && C.isActive && !D && V || b > y && V, Z = !1;
       const R = Array.isArray(E) ? E : [E];
       let H = R.reduce(i(x), {});
       g === !1 && (H = {});
-      const { prevResolvedValues: ie = {} } = C, U = {
+      const { prevResolvedValues: ie = {} } = C, W = {
         ...ie,
         ...H
       }, se = (q) => {
@@ -3283,12 +3283,12 @@ function Ou(e) {
         const oe = e.getValue(q);
         oe && (oe.liveStyle = !1);
       };
-      for (const q in U) {
+      for (const q in W) {
         const oe = H[q], me = ie[q];
         if (m.hasOwnProperty(q))
           continue;
-        let b = !1;
-        Fn(oe) && Fn(me) ? b = !Ko(oe, me) : b = oe !== me, b ? oe != null ? se(q) : h.add(q) : oe !== void 0 && h.has(q) ? se(q) : C.protectedKeys[q] = !0;
+        let w = !1;
+        Fn(oe) && Fn(me) ? w = !Ko(oe, me) : w = oe !== me, w ? oe != null ? se(q) : h.add(q) : oe !== void 0 && h.has(q) ? se(q) : C.protectedKeys[q] = !0;
       }
       C.prevProp = E, C.prevResolvedValues = H, C.isActive && (m = { ...m, ...H }), r && e.blockInitialAnimation && (O = !1), O && (!(D && z) || Z) && f.push(...R.map((q) => ({
         animation: q,
@@ -3296,15 +3296,15 @@ function Ou(e) {
       })));
     }
     if (h.size) {
-      const T = {};
+      const b = {};
       if (typeof c.initial != "boolean") {
         const x = Ot(e, Array.isArray(c.initial) ? c.initial[0] : c.initial);
-        x && x.transition && (T.transition = x.transition);
+        x && x.transition && (b.transition = x.transition);
       }
       h.forEach((x) => {
         const C = e.getBaseTarget(x), E = e.getValue(x);
-        E && (E.liveStyle = !0), T[x] = C ?? null;
-      }), f.push({ animation: T });
+        E && (E.liveStyle = !0), b[x] = C ?? null;
+      }), f.push({ animation: b });
     }
     let v = Boolean(f.length);
     return r && (c.initial === !1 || c.initial === c.animate) && !e.manuallyAnimateOnMount && (v = !1), r = !1, v ? t(f) : Promise.resolve();
@@ -3332,7 +3332,7 @@ function Ou(e) {
     }
   };
 }
-function ku(e, t) {
+function _u(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !Ko(t, e) : !1;
 }
 function Xe(e = !1) {
@@ -3361,9 +3361,9 @@ class Ge {
   update() {
   }
 }
-class _u extends Ge {
+class Iu extends Ge {
   constructor(t) {
-    super(t), t.animationState || (t.animationState = Ou(t));
+    super(t), t.animationState || (t.animationState = ku(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -3381,10 +3381,10 @@ class _u extends Ge {
     this.node.animationState.reset(), (t = this.unmountControls) === null || t === void 0 || t.call(this);
   }
 }
-let Iu = 0;
-class Nu extends Ge {
+let Nu = 0;
+class Fu extends Ge {
   constructor() {
-    super(...arguments), this.id = Iu++;
+    super(...arguments), this.id = Nu++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -3404,12 +3404,12 @@ class Nu extends Ge {
   unmount() {
   }
 }
-const Fu = {
+const Bu = {
   animation: {
-    Feature: _u
+    Feature: Iu
   },
   exit: {
-    Feature: Nu
+    Feature: Fu
   }
 };
 function It(e, t, n, r = { passive: !0 }) {
@@ -3423,9 +3423,9 @@ function Ut(e) {
     }
   };
 }
-const Bu = (e) => (t) => Ar(t) && e(t, Ut(t));
+const $u = (e) => (t) => Ar(t) && e(t, Ut(t));
 function lt(e, t, n, r) {
-  return It(e, t, Bu(n), r);
+  return It(e, t, $u(n), r);
 }
 function Go({ top: e, left: t, right: n, bottom: r }) {
   return {
@@ -3433,10 +3433,10 @@ function Go({ top: e, left: t, right: n, bottom: r }) {
     y: { min: e, max: r }
   };
 }
-function $u({ x: e, y: t }) {
+function Uu({ x: e, y: t }) {
   return { top: t.min, right: e.max, bottom: t.max, left: e.min };
 }
-function Uu(e, t) {
+function Wu(e, t) {
   if (!t)
     return e;
   const n = t({ x: e.left, y: e.top }), r = t({ x: e.right, y: e.bottom });
@@ -3447,15 +3447,15 @@ function Uu(e, t) {
     right: r.x
   };
 }
-const qo = 1e-4, Wu = 1 - qo, zu = 1 + qo, Xo = 0.01, Yu = 0 - Xo, Ku = 0 + Xo;
+const qo = 1e-4, zu = 1 - qo, Yu = 1 + qo, Xo = 0.01, Ku = 0 - Xo, Hu = 0 + Xo;
 function je(e) {
   return e.max - e.min;
 }
-function Hu(e, t, n) {
+function Gu(e, t, n) {
   return Math.abs(e - t) <= n;
 }
 function _i(e, t, n, r = 0.5) {
-  e.origin = r, e.originPoint = le(t.min, t.max, e.origin), e.scale = je(n) / je(t), e.translate = le(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Wu && e.scale <= zu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Yu && e.translate <= Ku || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = r, e.originPoint = le(t.min, t.max, e.origin), e.scale = je(n) / je(t), e.translate = le(n.min, n.max, e.origin) - e.originPoint, (e.scale >= zu && e.scale <= Yu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Ku && e.translate <= Hu || isNaN(e.translate)) && (e.translate = 0);
 }
 function At(e, t, n, r) {
   _i(e.x, t.x, n.x, r ? r.originX : void 0), _i(e.y, t.y, n.y, r ? r.originY : void 0);
@@ -3463,7 +3463,7 @@ function At(e, t, n, r) {
 function Ii(e, t, n) {
   e.min = n.min + t.min, e.max = e.min + je(t);
 }
-function Gu(e, t, n) {
+function qu(e, t, n) {
   Ii(e.x, t.x, n.x), Ii(e.y, t.y, n.y);
 }
 function Ni(e, t, n) {
@@ -3516,7 +3516,7 @@ function Jo(e, { x: t, y: n }) {
   Zn(e.x, t.translate, t.scale, t.originPoint), Zn(e.y, n.translate, n.scale, n.originPoint);
 }
 const Wi = 0.999999999999, zi = 1.0000000000001;
-function qu(e, t, n, r = !1) {
+function Xu(e, t, n, r = !1) {
   const i = n.length;
   if (!i)
     return;
@@ -3543,14 +3543,14 @@ function ft(e, t) {
   Yi(e.x, t.x, t.scaleX, t.scale, t.originX), Yi(e.y, t.y, t.scaleY, t.scale, t.originY);
 }
 function Qo(e, t) {
-  return Go(Uu(e.getBoundingClientRect(), t));
+  return Go(Wu(e.getBoundingClientRect(), t));
 }
-function Xu(e, t, n) {
+function Zu(e, t, n) {
   const r = Qo(e, n), { scroll: i } = t;
   return i && (ut(r.x, i.offset.x), ut(r.y, i.offset.y)), r;
 }
 const Ki = (e, t) => Math.abs(e - t);
-function Zu(e, t) {
+function Ju(e, t) {
   const n = Ki(e.x, t.x), r = Ki(e.y, t.y);
   return Math.sqrt(n ** 2 + r ** 2);
 }
@@ -3559,13 +3559,13 @@ class ea {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const u = En(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, h = Zu(u.offset, { x: 0, y: 0 }) >= 3;
+      const u = En(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, h = Ju(u.offset, { x: 0, y: 0 }) >= 3;
       if (!f && !h)
         return;
       const { point: m } = u, { timestamp: y } = we;
       this.history.push({ ...m, timestamp: y });
-      const { onStart: v, onMove: T } = this.handlers;
-      f || (v && v(this.lastMoveEvent, u), this.startEvent = this.lastMoveEvent), T && T(this.lastMoveEvent, u);
+      const { onStart: v, onMove: b } = this.handlers;
+      f || (v && v(this.lastMoveEvent, u), this.startEvent = this.lastMoveEvent), b && b(this.lastMoveEvent, u);
     }, this.handlePointerMove = (u, f) => {
       if (u.target instanceof Element && u.target.hasPointerCapture && u.pointerId !== void 0)
         try {
@@ -3606,17 +3606,17 @@ function En({ point: e }, t) {
   return {
     point: e,
     delta: Hi(e, ta(t)),
-    offset: Hi(e, Ju(t)),
-    velocity: Qu(t, 0.1)
+    offset: Hi(e, Qu(t)),
+    velocity: ef(t, 0.1)
   };
 }
-function Ju(e) {
+function Qu(e) {
   return e[0];
 }
 function ta(e) {
   return e[e.length - 1];
 }
-function Qu(e, t) {
+function ef(e, t) {
   if (e.length < 2)
     return { x: 0, y: 0 };
   let n = e.length - 1, r = null;
@@ -3634,7 +3634,7 @@ function Qu(e, t) {
   };
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
-function ef(e, { min: t, max: n }, r) {
+function tf(e, { min: t, max: n }, r) {
   return t !== void 0 && e < t ? e = r ? le(t, e, r.min) : Math.max(e, t) : n !== void 0 && e > n && (e = r ? le(n, e, r.max) : Math.min(e, n)), e;
 }
 function Gi(e, t, n) {
@@ -3643,7 +3643,7 @@ function Gi(e, t, n) {
     max: n !== void 0 ? e.max + n - (e.max - e.min) : void 0
   };
 }
-function tf(e, { top: t, left: n, bottom: r, right: i }) {
+function nf(e, { top: t, left: n, bottom: r, right: i }) {
   return {
     x: Gi(e.x, n, i),
     y: Gi(e.y, t, r)
@@ -3653,23 +3653,23 @@ function qi(e, t) {
   let n = t.min - e.min, r = t.max - e.max;
   return t.max - t.min < e.max - e.min && ([n, r] = [r, n]), { min: n, max: r };
 }
-function nf(e, t) {
+function rf(e, t) {
   return {
     x: qi(e.x, t.x),
     y: qi(e.y, t.y)
   };
 }
-function rf(e, t) {
+function sf(e, t) {
   let n = 0.5;
   const r = je(e), i = je(t);
   return i > r ? n = dt(t.min, t.max - r, e.min) : r > i && (n = dt(e.min, e.max - i, t.min)), Be(0, 1, n);
 }
-function sf(e, t) {
+function of(e, t) {
   const n = {};
   return t.min !== void 0 && (n.min = t.min - e.min), t.max !== void 0 && (n.max = t.max - e.min), n;
 }
 const Jn = 0.35;
-function of(e = Jn) {
+function af(e = Jn) {
   return e === !1 ? e = 0 : e === !0 && (e = Jn), {
     x: Xi(e, "left", "right"),
     y: Xi(e, "top", "bottom")
@@ -3684,8 +3684,8 @@ function Xi(e, t, n) {
 function Zi(e, t) {
   return typeof e == "number" ? e : e[t] || 0;
 }
-const af = /* @__PURE__ */ new WeakMap();
-class lf {
+const lf = /* @__PURE__ */ new WeakMap();
+class cf {
   constructor(t) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = fe(), this.visualElement = t;
   }
@@ -3698,18 +3698,18 @@ class lf {
       f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ut(u).point);
     }, s = (u, f) => {
       const { drag: h, dragPropagation: m, onDragStart: y } = this.getProps();
-      if (h && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Jl(h), !this.openDragLock))
+      if (h && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Ql(h), !this.openDragLock))
         return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), De((T) => {
-        let x = this.getAxisMotionValue(T).get() || 0;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), De((b) => {
+        let x = this.getAxisMotionValue(b).get() || 0;
         if (ke.test(x)) {
           const { projection: C } = this.visualElement;
           if (C && C.layout) {
-            const E = C.layout.layoutBox[T];
+            const E = C.layout.layoutBox[b];
             E && (x = je(E) * (parseFloat(x) / 100));
           }
         }
-        this.originPoint[T] = x;
+        this.originPoint[b] = x;
       }), y && re.postRender(() => y(u, f)), Un(this.visualElement, "transform");
       const { animationState: v } = this.visualElement;
       v && v.setActive("whileDrag", !0);
@@ -3717,12 +3717,12 @@ class lf {
       const { dragPropagation: h, dragDirectionLock: m, onDirectionLock: y, onDrag: v } = this.getProps();
       if (!h && !this.openDragLock)
         return;
-      const { offset: T } = f;
+      const { offset: b } = f;
       if (m && this.currentDirection === null) {
-        this.currentDirection = cf(T), this.currentDirection !== null && y && y(this.currentDirection);
+        this.currentDirection = uf(b), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, T), this.updateAxis("y", f.point, T), this.visualElement.render(), v && v(u, f);
+      this.updateAxis("x", f.point, b), this.updateAxis("y", f.point, b), this.visualElement.render(), v && v(u, f);
     }, a = (u, f) => this.stop(u, f), l = () => De((u) => {
       var f;
       return this.getAnimationState(u) === "paused" && ((f = this.getAxisMotionValue(u).animation) === null || f === void 0 ? void 0 : f.play());
@@ -3760,13 +3760,13 @@ class lf {
       return;
     const s = this.getAxisMotionValue(t);
     let o = this.originPoint[t] + r[t];
-    this.constraints && this.constraints[t] && (o = ef(o, this.constraints[t], this.elastic[t])), s.set(o);
+    this.constraints && this.constraints[t] && (o = tf(o, this.constraints[t], this.elastic[t])), s.set(o);
   }
   resolveConstraints() {
     var t;
     const { dragConstraints: n, dragElastic: r } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, s = this.constraints;
-    n && ot(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = tf(i.layoutBox, n) : this.constraints = !1, this.elastic = of(r), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && De((o) => {
-      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = sf(i.layoutBox[o], this.constraints[o]));
+    n && ot(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = nf(i.layoutBox, n) : this.constraints = !1, this.elastic = af(r), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && De((o) => {
+      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = of(i.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
@@ -3778,10 +3778,10 @@ class lf {
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const s = Xu(r, i.root, this.visualElement.getTransformPagePoint());
-    let o = nf(i.layout.layoutBox, s);
+    const s = Zu(r, i.root, this.visualElement.getTransformPagePoint());
+    let o = rf(i.layout.layoutBox, s);
     if (n) {
-      const a = n($u(o));
+      const a = n(Uu(o));
       this.hasMutatedConstraints = !!a, a && (o = Go(a));
     }
     return o;
@@ -3852,7 +3852,7 @@ class lf {
       const a = this.getAxisMotionValue(o);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        i[o] = rf({ min: l, max: l }, this.constraints[o]);
+        i[o] = sf({ min: l, max: l }, this.constraints[o]);
       }
     });
     const { transformTemplate: s } = this.visualElement.getProps();
@@ -3866,7 +3866,7 @@ class lf {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    af.set(this.visualElement, this);
+    lf.set(this.visualElement, this);
     const t = this.visualElement.current, n = lt(t, "pointerdown", (l) => {
       const { drag: c, dragListener: u = !0 } = this.getProps();
       c && u && this.start(l);
@@ -3901,13 +3901,13 @@ class lf {
 function Ht(e, t, n) {
   return (t === !0 || t === e) && (n === null || n === e);
 }
-function cf(e, t = 10) {
+function uf(e, t = 10) {
   let n = null;
   return Math.abs(e.y) > t ? n = "y" : Math.abs(e.x) > t && (n = "x"), n;
 }
-class uf extends Ge {
+class ff extends Ge {
   constructor(t) {
-    super(t), this.removeGroupControls = Ae, this.removeListeners = Ae, this.controls = new lf(t);
+    super(t), this.removeGroupControls = Ae, this.removeListeners = Ae, this.controls = new cf(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
@@ -3920,7 +3920,7 @@ class uf extends Ge {
 const Ji = (e) => (t, n) => {
   e && re.postRender(() => e(t, n));
 };
-class ff extends Ge {
+class df extends Ge {
   constructor() {
     super(...arguments), this.removePointerDownListener = Ae;
   }
@@ -3969,7 +3969,7 @@ const Tt = {
     const n = Qi(e, t.target.x), r = Qi(e, t.target.y);
     return `${n}% ${r}%`;
   }
-}, df = {
+}, hf = {
   correct: (e, { treeScale: t, projectionDelta: n }) => {
     const r = e, i = Ke.parse(e);
     if (i.length > 5)
@@ -3980,10 +3980,10 @@ const Tt = {
     return typeof i[2 + o] == "number" && (i[2 + o] /= c), typeof i[3 + o] == "number" && (i[3 + o] /= c), s(i);
   }
 };
-class hf extends $a {
+class pf extends Ua {
   componentDidMount() {
     const { visualElement: t, layoutGroup: n, switchLayoutGroup: r, layoutId: i } = this.props, { projection: s } = t;
-    ml(pf), s && (n.group && n.group.add(s), r && r.register && i && r.register(s), s.root.didUpdate(), s.addEventListener("animationComplete", () => {
+    gl(mf), s && (n.group && n.group.add(s), r && r.register && i && r.register(s), s.root.didUpdate(), s.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), s.setOptions({
       ...s.options,
@@ -4017,9 +4017,9 @@ class hf extends $a {
 }
 function na(e) {
   const [t, n] = Is(), r = Ce(ar);
-  return p.exports.jsx(hf, { ...e, layoutGroup: r, switchLayoutGroup: Ce(Ks), isPresent: t, safeToRemove: n });
+  return p.exports.jsx(pf, { ...e, layoutGroup: r, switchLayoutGroup: Ce(Ks), isPresent: t, safeToRemove: n });
 }
-const pf = {
+const mf = {
   borderRadius: {
     ...Tt,
     applyTo: [
@@ -4033,17 +4033,17 @@ const pf = {
   borderTopRightRadius: Tt,
   borderBottomLeftRadius: Tt,
   borderBottomRightRadius: Tt,
-  boxShadow: df
+  boxShadow: hf
 };
-function mf(e, t, n) {
+function gf(e, t, n) {
   const r = Pe(e) ? e : kt(e);
   return r.start($r("", r, t, n)), r.animation;
 }
-function gf(e) {
+function yf(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
-const yf = (e, t) => e.depth - t.depth;
-class vf {
+const vf = (e, t) => e.depth - t.depth;
+class xf {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -4054,24 +4054,24 @@ class vf {
     Vr(this.children, t), this.isDirty = !0;
   }
   forEach(t) {
-    this.isDirty && this.children.sort(yf), this.isDirty = !1, this.children.forEach(t);
+    this.isDirty && this.children.sort(vf), this.isDirty = !1, this.children.forEach(t);
   }
 }
-function xf(e, t) {
+function bf(e, t) {
   const n = _e.now(), r = ({ timestamp: i }) => {
     const s = i - n;
     s >= t && (Ye(r), e(s - t));
   };
   return re.read(r, !0), () => Ye(r);
 }
-const ra = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], bf = ra.length, es = (e) => typeof e == "string" ? parseFloat(e) : e, ts = (e) => typeof e == "number" || k.test(e);
-function wf(e, t, n, r, i, s) {
+const ra = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], wf = ra.length, es = (e) => typeof e == "string" ? parseFloat(e) : e, ts = (e) => typeof e == "number" || k.test(e);
+function Tf(e, t, n, r, i, s) {
   i ? (e.opacity = le(
     0,
     n.opacity !== void 0 ? n.opacity : 1,
-    Tf(r)
-  ), e.opacityExit = le(t.opacity !== void 0 ? t.opacity : 1, 0, Sf(r))) : s && (e.opacity = le(t.opacity !== void 0 ? t.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, r));
-  for (let o = 0; o < bf; o++) {
+    Sf(r)
+  ), e.opacityExit = le(t.opacity !== void 0 ? t.opacity : 1, 0, Cf(r))) : s && (e.opacity = le(t.opacity !== void 0 ? t.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, r));
+  for (let o = 0; o < wf; o++) {
     const a = `border${ra[o]}Radius`;
     let l = ns(t, a), c = ns(n, a);
     if (l === void 0 && c === void 0)
@@ -4083,7 +4083,7 @@ function wf(e, t, n, r, i, s) {
 function ns(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const Tf = /* @__PURE__ */ ia(0, 0.5, To), Sf = /* @__PURE__ */ ia(0.5, 0.95, Ae);
+const Sf = /* @__PURE__ */ ia(0, 0.5, To), Cf = /* @__PURE__ */ ia(0.5, 0.95, Ae);
 function ia(e, t, n) {
   return (r) => r < e ? 0 : r > t ? 1 : n(dt(e, t, r));
 }
@@ -4099,18 +4099,18 @@ function is(e, t) {
 function ss(e, t, n, r, i) {
   return e -= t, e = rn(e, 1 / n, r), i !== void 0 && (e = rn(e, 1 / i, r)), e;
 }
-function Cf(e, t = 0, n = 1, r = 0.5, i, s = e, o = e) {
+function Pf(e, t = 0, n = 1, r = 0.5, i, s = e, o = e) {
   if (ke.test(t) && (t = parseFloat(t), t = le(o.min, o.max, t / 100) - o.min), typeof t != "number")
     return;
   let a = le(s.min, s.max, r);
   e === s && (a -= t), e.min = ss(e.min, t, n, a, i), e.max = ss(e.max, t, n, a, i);
 }
 function os(e, t, [n, r, i], s, o) {
-  Cf(e, t[n], t[r], t[i], t.scale, s, o);
+  Pf(e, t[n], t[r], t[i], t.scale, s, o);
 }
-const Pf = ["x", "scaleX", "originX"], Ef = ["y", "scaleY", "originY"];
+const Ef = ["x", "scaleX", "originX"], jf = ["y", "scaleY", "originY"];
 function as(e, t, n, r) {
-  os(e.x, t, Pf, n ? n.x : void 0, r ? r.x : void 0), os(e.y, t, Ef, n ? n.y : void 0, r ? r.y : void 0);
+  os(e.x, t, Ef, n ? n.x : void 0, r ? r.x : void 0), os(e.y, t, jf, n ? n.y : void 0, r ? r.y : void 0);
 }
 function ls(e) {
   return e.translate === 0 && e.scale === 1;
@@ -4121,7 +4121,7 @@ function sa(e) {
 function cs(e, t) {
   return e.min === t.min && e.max === t.max;
 }
-function jf(e, t) {
+function Rf(e, t) {
   return cs(e.x, t.x) && cs(e.y, t.y);
 }
 function us(e, t) {
@@ -4136,7 +4136,7 @@ function fs(e) {
 function ds(e, t) {
   return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
 }
-class Rf {
+class Af {
   constructor() {
     this.members = [];
   }
@@ -4186,7 +4186,7 @@ class Rf {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-function Af(e, t, n) {
+function Mf(e, t, n) {
   let r = "";
   const i = e.x.translate / t.x, s = e.y.translate / t.y, o = (n == null ? void 0 : n.z) || 0;
   if ((i || s || o) && (r = `translate3d(${i}px, ${s}px, ${o}px) `), (t.x !== 1 || t.y !== 1) && (r += `scale(${1 / t.x}, ${1 / t.y}) `), n) {
@@ -4200,8 +4200,8 @@ const Je = {
   nodes: 0,
   calculatedTargetDeltas: 0,
   calculatedProjections: 0
-}, jn = ["", "X", "Y", "Z"], Mf = { visibility: "hidden" }, hs = 1e3;
-let Vf = 0;
+}, jn = ["", "X", "Y", "Z"], Vf = { visibility: "hidden" }, hs = 1e3;
+let Df = 0;
 function Rn(e, t, n, r) {
   const { latestValues: i } = t;
   i[e] && (n[e] = i[e], t.setStaticValue(e, 0), r && (r[e] = 0));
@@ -4223,14 +4223,14 @@ function aa(e) {
 function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: r, resetTransform: i }) {
   return class {
     constructor(o = {}, a = t == null ? void 0 : t()) {
-      this.id = Vf++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = Df++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, We.value && (Je.nodes = Je.calculatedTargetDeltas = Je.calculatedProjections = 0), this.nodes.forEach(Of), this.nodes.forEach(Ff), this.nodes.forEach(Bf), this.nodes.forEach(kf), We.addProjectionMetrics && We.addProjectionMetrics(Je);
+        this.projectionUpdateScheduled = !1, We.value && (Je.nodes = Je.calculatedTargetDeltas = Je.calculatedProjections = 0), this.nodes.forEach(kf), this.nodes.forEach(Bf), this.nodes.forEach($f), this.nodes.forEach(_f), We.addProjectionMetrics && We.addProjectionMetrics(Je);
       }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = o, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new vf());
+      this.root === this && (this.nodes = new xf());
     }
     addEventListener(o, a) {
       return this.eventHandlers.has(o) || this.eventHandlers.set(o, new Dr()), this.eventHandlers.get(o).add(a);
@@ -4245,13 +4245,13 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     mount(o, a = this.root.hasTreeAnimated) {
       if (this.instance)
         return;
-      this.isSVG = gf(o), this.instance = o;
+      this.isSVG = yf(o), this.instance = o;
       const { layoutId: l, layout: c, visualElement: u } = this.options;
       if (u && !u.current && u.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), a && (c || l) && (this.isLayoutDirty = !0), e) {
         let f;
         const h = () => this.root.updateBlockedByResize = !1;
         e(o, () => {
-          this.root.updateBlockedByResize = !0, f && f(), f = xf(h, 250), Zt.hasAnimatedSinceResize && (Zt.hasAnimatedSinceResize = !1, this.nodes.forEach(ms));
+          this.root.updateBlockedByResize = !0, f && f(), f = bf(h, 250), Zt.hasAnimatedSinceResize && (Zt.hasAnimatedSinceResize = !1, this.nodes.forEach(ms));
         });
       }
       l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: f, hasLayoutChanged: h, hasRelativeLayoutChanged: m, layout: y }) => {
@@ -4259,12 +4259,12 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const v = this.options.transition || u.getDefaultTransition() || Yf, { onLayoutAnimationStart: T, onLayoutAnimationComplete: x } = u.getProps(), C = !this.targetLayout || !oa(this.targetLayout, y), E = !h && m;
+        const v = this.options.transition || u.getDefaultTransition() || Kf, { onLayoutAnimationStart: b, onLayoutAnimationComplete: x } = u.getProps(), C = !this.targetLayout || !oa(this.targetLayout, y), E = !h && m;
         if (this.options.layoutRoot || this.resumeFrom || E || h && (C || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(f, E);
           const V = {
             ...Er(v, "layout"),
-            onPlay: T,
+            onPlay: b,
             onComplete: x
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (V.delay = 0, V.type = !1), this.startAnimation(V);
@@ -4291,7 +4291,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
     }
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach($f), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Uf), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: o } = this.options;
@@ -4320,7 +4320,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(ps);
         return;
       }
-      this.isUpdating || this.nodes.forEach(If), this.isUpdating = !1, this.nodes.forEach(Nf), this.nodes.forEach(Df), this.nodes.forEach(Lf), this.clearAllSnapshots();
+      this.isUpdating || this.nodes.forEach(Nf), this.isUpdating = !1, this.nodes.forEach(Ff), this.nodes.forEach(Lf), this.nodes.forEach(Of), this.clearAllSnapshots();
       const a = _e.now();
       we.delta = Be(0, 1e3 / 60, a - we.timestamp), we.timestamp = a, we.isProcessing = !0, vn.update.process(we), vn.preRender.process(we), vn.render.process(we), we.isProcessing = !1;
     }
@@ -4328,7 +4328,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.updateScheduled || (this.updateScheduled = !0, mr.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(_f), this.sharedNodes.forEach(Uf);
+      this.nodes.forEach(If), this.sharedNodes.forEach(Wf);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, re.preRender(this.updateProjection, !1, !0));
@@ -4374,7 +4374,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     measure(o = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return o && (l = this.removeTransform(l)), Kf(l), {
+      return o && (l = this.removeTransform(l)), Hf(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -4388,7 +4388,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!a)
         return fe();
       const l = a.measureViewportBox();
-      if (!(((o = this.scroll) === null || o === void 0 ? void 0 : o.wasRoot) || this.path.some(Hf))) {
+      if (!(((o = this.scroll) === null || o === void 0 ? void 0 : o.wasRoot) || this.path.some(Gf))) {
         const { scroll: u } = this.root;
         u && (ut(l.x, u.offset.x), ut(l.y, u.offset.y));
       }
@@ -4460,7 +4460,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           m && m.layout && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = fe(), this.relativeTargetOrigin = fe(), Mt(this.relativeTargetOrigin, this.layout.layoutBox, m.layout.layoutBox), Ve(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = fe(), this.targetWithTransforms = fe()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Gu(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : Ve(this.target, this.layout.layoutBox), Jo(this.target, this.targetDelta)) : Ve(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = fe(), this.targetWithTransforms = fe()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), qu(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : Ve(this.target, this.layout.layoutBox), Jo(this.target, this.targetDelta)) : Ve(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 = fe(), this.relativeTargetOrigin = fe(), Mt(this.relativeTargetOrigin, this.target, m.target), Ve(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -4487,7 +4487,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       Ve(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, m = this.treeScale.y;
-      qu(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = fe());
+      Xu(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = fe());
       const { target: y } = a;
       if (!y) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4515,17 +4515,17 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(o, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, f = ct();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = fe(), m = l ? l.source : void 0, y = this.layout ? this.layout.source : void 0, v = m !== y, T = this.getStack(), x = !T || T.members.length <= 1, C = Boolean(v && !x && this.options.crossfade === !0 && !this.path.some(zf));
+      const h = fe(), m = l ? l.source : void 0, y = this.layout ? this.layout.source : void 0, v = m !== y, b = this.getStack(), x = !b || b.members.length <= 1, C = Boolean(v && !x && this.options.crossfade === !0 && !this.path.some(Yf));
       this.animationProgress = 0;
       let E;
       this.mixTargetDelta = (V) => {
         const g = V / 1e3;
-        gs(f.x, o.x, g), gs(f.y, o.y, g), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Mt(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Wf(this.relativeTarget, this.relativeTargetOrigin, h, g), E && jf(this.relativeTarget, E) && (this.isProjectionDirty = !1), E || (E = fe()), Ve(E, this.relativeTarget)), v && (this.animationValues = u, wf(u, c, this.latestValues, g, C, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = g;
+        gs(f.x, o.x, g), gs(f.y, o.y, g), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Mt(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), zf(this.relativeTarget, this.relativeTargetOrigin, h, g), E && Rf(this.relativeTarget, E) && (this.isProjectionDirty = !1), E || (E = fe()), Ve(E, this.relativeTarget)), v && (this.animationValues = u, Tf(u, c, this.latestValues, g, C, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = g;
       }, 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 && (Ye(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = re.update(() => {
-        Zt.hasAnimatedSinceResize = !0, jt.layout++, this.currentAnimation = mf(0, hs, {
+        Zt.hasAnimatedSinceResize = !0, jt.layout++, this.currentAnimation = gf(0, hs, {
           ...o,
           onUpdate: (a) => {
             this.mixTargetDelta(a), o.onUpdate && o.onUpdate(a);
@@ -4562,7 +4562,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
     }
     registerSharedNode(o, a) {
-      this.sharedNodes.has(o) || this.sharedNodes.set(o, new Rf()), this.sharedNodes.get(o).add(a);
+      this.sharedNodes.has(o) || this.sharedNodes.set(o, new Af()), this.sharedNodes.get(o).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -4618,7 +4618,7 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!this.instance || this.isSVG)
         return;
       if (!this.isVisible)
-        return Mf;
+        return Vf;
       const c = {
         visibility: ""
       }, u = this.getTransformTemplate();
@@ -4630,13 +4630,13 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return this.options.layoutId && (v.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, v.pointerEvents = qt(o == null ? void 0 : o.pointerEvents) || ""), this.hasProjected && !Ze(this.latestValues) && (v.transform = u ? u({}, "") : "none", this.hasProjected = !1), v;
       }
       const h = f.animationValues || f.latestValues;
-      this.applyTransformsToTarget(), c.transform = Af(this.projectionDeltaWithTransform, this.treeScale, h), u && (c.transform = u(h, c.transform));
+      this.applyTransformsToTarget(), c.transform = Mf(this.projectionDeltaWithTransform, this.treeScale, h), u && (c.transform = u(h, c.transform));
       const { x: m, y } = this.projectionDelta;
       c.transformOrigin = `${m.origin * 100}% ${y.origin * 100}% 0`, f.animationValues ? c.opacity = f === this ? (l = (a = h.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : c.opacity = f === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
       for (const v in Dt) {
         if (h[v] === void 0)
           continue;
-        const { correct: T, applyTo: x, isCSSVariable: C } = Dt[v], E = c.transform === "none" ? h[v] : T(h[v], f);
+        const { correct: b, applyTo: x, isCSSVariable: C } = Dt[v], E = c.transform === "none" ? h[v] : b(h[v], f);
         if (x) {
           const V = x.length;
           for (let g = 0; g < V; g++)
@@ -4657,10 +4657,10 @@ function la({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
   };
 }
-function Df(e) {
+function Lf(e) {
   e.updateLayout();
 }
-function Lf(e) {
+function Of(e) {
   var t;
   const n = ((t = e.resumeFrom) === null || t === void 0 ? void 0 : t.snapshot) || e.snapshot;
   if (e.isLead() && e.layout && n && e.hasListeners("didUpdate")) {
@@ -4704,38 +4704,38 @@ function Lf(e) {
   }
   e.options.transition = void 0;
 }
-function Of(e) {
+function kf(e) {
   We.value && Je.nodes++, e.parent && (e.isProjecting() || (e.isProjectionDirty = e.parent.isProjectionDirty), e.isSharedProjectionDirty || (e.isSharedProjectionDirty = Boolean(e.isProjectionDirty || e.parent.isProjectionDirty || e.parent.isSharedProjectionDirty)), e.isTransformDirty || (e.isTransformDirty = e.parent.isTransformDirty));
 }
-function kf(e) {
+function _f(e) {
   e.isProjectionDirty = e.isSharedProjectionDirty = e.isTransformDirty = !1;
 }
-function _f(e) {
+function If(e) {
   e.clearSnapshot();
 }
 function ps(e) {
   e.clearMeasurements();
 }
-function If(e) {
+function Nf(e) {
   e.isLayoutDirty = !1;
 }
-function Nf(e) {
+function Ff(e) {
   const { visualElement: t } = e.options;
   t && t.getProps().onBeforeLayoutMeasure && t.notify("BeforeLayoutMeasure"), e.resetTransform();
 }
 function ms(e) {
   e.finishAnimation(), e.targetDelta = e.relativeTarget = e.target = void 0, e.isProjectionDirty = !0;
 }
-function Ff(e) {
+function Bf(e) {
   e.resolveTargetDelta();
 }
-function Bf(e) {
+function $f(e) {
   e.calcProjection();
 }
-function $f(e) {
+function Uf(e) {
   e.resetSkewAndRotation();
 }
-function Uf(e) {
+function Wf(e) {
   e.removeLeadSnapshot();
 }
 function gs(e, t, n) {
@@ -4744,30 +4744,30 @@ function gs(e, t, n) {
 function ys(e, t, n, r) {
   e.min = le(t.min, n.min, r), e.max = le(t.max, n.max, r);
 }
-function Wf(e, t, n, r) {
+function zf(e, t, n, r) {
   ys(e.x, t.x, n.x, r), ys(e.y, t.y, n.y, r);
 }
-function zf(e) {
+function Yf(e) {
   return e.animationValues && e.animationValues.opacityExit !== void 0;
 }
-const Yf = {
+const Kf = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, vs = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), xs = vs("applewebkit/") && !vs("chrome/") ? Math.round : Ae;
 function bs(e) {
   e.min = xs(e.min), e.max = xs(e.max);
 }
-function Kf(e) {
+function Hf(e) {
   bs(e.x), bs(e.y);
 }
 function ca(e, t, n) {
-  return e === "position" || e === "preserve-aspect" && !Hu(fs(t), fs(n), 0.2);
+  return e === "position" || e === "preserve-aspect" && !Gu(fs(t), fs(n), 0.2);
 }
-function Hf(e) {
+function Gf(e) {
   var t;
   return e !== e.root && ((t = e.scroll) === null || t === void 0 ? void 0 : t.wasRoot);
 }
-const Gf = la({
+const qf = la({
   attachResizeListener: (e, t) => It(e, "resize", t),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -4783,7 +4783,7 @@ const Gf = la({
   }),
   defaultParent: () => {
     if (!An.current) {
-      const e = new Gf({});
+      const e = new qf({});
       e.mount(window), e.setOptions({ layoutScroll: !0 }), An.current = e;
     }
     return An.current;
@@ -4792,12 +4792,12 @@ const Gf = la({
     e.style.transform = t !== void 0 ? t : "none";
   },
   checkIsScrollRoot: (e) => Boolean(window.getComputedStyle(e).position === "fixed")
-}), qf = {
+}), Xf = {
   pan: {
-    Feature: ff
+    Feature: df
   },
   drag: {
-    Feature: uf,
+    Feature: ff,
     ProjectionNode: ua,
     MeasureLayout: na
   }
@@ -4808,15 +4808,15 @@ function ws(e, t, n) {
   const i = "onHover" + n, s = r[i];
   s && re.postRender(() => s(t, Ut(t)));
 }
-class Xf extends Ge {
+class Zf extends Ge {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Kl(t, (n, r) => (ws(this.node, r, "Start"), (i) => ws(this.node, i, "End"))));
+    t && (this.unmount = Hl(t, (n, r) => (ws(this.node, r, "Start"), (i) => ws(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class Zf extends Ge {
+class Jf extends Ge {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4846,37 +4846,37 @@ function Ts(e, t, n) {
   const i = "onTap" + (n === "End" ? "" : n), s = r[i];
   s && re.postRender(() => s(t, Ut(t)));
 }
-class Jf extends Ge {
+class Qf extends Ge {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Xl(t, (n, r) => (Ts(this.node, r, "Start"), (i, { success: s }) => Ts(this.node, i, s ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    t && (this.unmount = Zl(t, (n, r) => (Ts(this.node, r, "Start"), (i, { success: s }) => Ts(this.node, i, s ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const Qn = /* @__PURE__ */ new WeakMap(), Mn = /* @__PURE__ */ new WeakMap(), Qf = (e) => {
+const Qn = /* @__PURE__ */ new WeakMap(), Mn = /* @__PURE__ */ new WeakMap(), ed = (e) => {
   const t = Qn.get(e.target);
   t && t(e);
-}, ed = (e) => {
-  e.forEach(Qf);
+}, td = (e) => {
+  e.forEach(ed);
 };
-function td({ root: e, ...t }) {
+function nd({ root: e, ...t }) {
   const n = e || document;
   Mn.has(n) || Mn.set(n, {});
   const r = Mn.get(n), i = JSON.stringify(t);
-  return r[i] || (r[i] = new IntersectionObserver(ed, { root: e, ...t })), r[i];
+  return r[i] || (r[i] = new IntersectionObserver(td, { root: e, ...t })), r[i];
 }
-function nd(e, t, n) {
-  const r = td(t);
+function rd(e, t, n) {
+  const r = nd(t);
   return Qn.set(e, n), r.observe(e), () => {
     Qn.delete(e), r.unobserve(e);
   };
 }
-const rd = {
+const id = {
   some: 0,
   all: 1
 };
-class id extends Ge {
+class sd extends Ge {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4885,7 +4885,7 @@ class id extends Ge {
     const { viewport: t = {} } = this.node.getProps(), { root: n, margin: r, amount: i = "some", once: s } = t, o = {
       root: n ? n.current : void 0,
       rootMargin: r,
-      threshold: typeof i == "number" ? i : rd[i]
+      threshold: typeof i == "number" ? i : id[i]
     }, a = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, s && !c && this.hasEnteredView))
@@ -4894,7 +4894,7 @@ class id extends Ge {
       const { onViewportEnter: u, onViewportLeave: f } = this.node.getProps(), h = c ? u : f;
       h && h(l);
     };
-    return nd(this.node.current, o, a);
+    return rd(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -4903,34 +4903,34 @@ class id extends Ge {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: t, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(sd(t, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(od(t, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function sd({ viewport: e = {} }, { viewport: t = {} } = {}) {
+function od({ viewport: e = {} }, { viewport: t = {} } = {}) {
   return (n) => e[n] !== t[n];
 }
-const od = {
+const ad = {
   inView: {
-    Feature: id
+    Feature: sd
   },
   tap: {
-    Feature: Jf
+    Feature: Qf
   },
   focus: {
-    Feature: Zf
+    Feature: Jf
   },
   hover: {
-    Feature: Xf
+    Feature: Zf
   }
-}, ad = {
+}, ld = {
   layout: {
     ProjectionNode: ua,
     MeasureLayout: na
   }
 }, er = { current: null }, fa = { current: !1 };
-function ld() {
+function cd() {
   if (fa.current = !0, !!ur)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => er.current = e.matches;
@@ -4938,8 +4938,8 @@ function ld() {
     } else
       er.current = !1;
 }
-const cd = [..._o, Te, Ke], ud = (e) => cd.find(ko(e)), fd = /* @__PURE__ */ new WeakMap();
-function dd(e, t, n) {
+const ud = [..._o, Te, Ke], fd = (e) => ud.find(ko(e)), dd = /* @__PURE__ */ new WeakMap();
+function hd(e, t, n) {
   for (const r in t) {
     const i = t[r], s = n[r];
     if (Pe(i))
@@ -4968,7 +4968,7 @@ const Ss = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class hd {
+class pd {
   scrapeMotionValuesFromProps(t, n, r) {
     return {};
   }
@@ -4988,7 +4988,7 @@ class hd {
     }
   }
   mount(t) {
-    this.current = t, fd.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), fa.current || ld(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : er.current, process.env.NODE_ENV !== "production" && ln(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = t, dd.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), fa.current || cd(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : er.current, process.env.NODE_ENV !== "production" && ln(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), Ye(this.notifyUpdate), Ye(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -5048,7 +5048,7 @@ class hd {
       const s = "on" + i, o = t[s];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = dd(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
+    this.prevMotionValues = hd(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
   }
   getProps() {
     return this.props;
@@ -5091,7 +5091,7 @@ class hd {
   readValue(t, n) {
     var r;
     let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : (r = this.getBaseTargetFromProps(this.props, t)) !== null && r !== void 0 ? r : this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (Lo(i) || Co(i)) ? i = parseFloat(i) : !ud(i) && Ke.test(n) && (i = Mo(t, n)), this.setBaseTarget(t, Pe(i) ? i.get() : i)), Pe(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (Lo(i) || Co(i)) ? i = parseFloat(i) : !fd(i) && Ke.test(n) && (i = Mo(t, n)), this.setBaseTarget(t, Pe(i) ? i.get() : i)), Pe(i) ? i.get() : i;
   }
   setBaseTarget(t, n) {
     this.baseTarget[t] = n;
@@ -5116,7 +5116,7 @@ class hd {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class da extends hd {
+class da extends pd {
   constructor() {
     super(...arguments), this.KeyframeResolver = Io;
   }
@@ -5137,10 +5137,10 @@ class da extends hd {
     }));
   }
 }
-function pd(e) {
+function md(e) {
   return window.getComputedStyle(e);
 }
-class md extends da {
+class gd extends da {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = to;
   }
@@ -5149,7 +5149,7 @@ class md extends da {
       const r = Ir(n);
       return r && r.default || 0;
     } else {
-      const r = pd(t), i = (gr(n) ? r.getPropertyValue(n) : r[n]) || 0;
+      const r = md(t), i = (gr(n) ? r.getPropertyValue(n) : r[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -5163,7 +5163,7 @@ class md extends da {
     return Pr(t, n, r);
   }
 }
-class gd extends da {
+class yd extends da {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = fe, this.updateDimensions = () => {
       this.current && !this.renderState.dimensions && eo(this.current, this.renderState);
@@ -5195,14 +5195,14 @@ class gd extends da {
     this.isSVGTag = Sr(t.tagName), super.mount(t);
   }
 }
-const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
+const vd = (e, t) => wr(e) ? new yd(t) : new gd(t, {
   allowProjection: e !== _s
-}), vd = /* @__PURE__ */ Fl({
-  ...Fu,
-  ...od,
-  ...qf,
-  ...ad
-}, yd), Ur = /* @__PURE__ */ tl(vd), xd = ({
+}), xd = /* @__PURE__ */ Bl({
+  ...Bu,
+  ...ad,
+  ...Xf,
+  ...ld
+}, vd), Ur = /* @__PURE__ */ nl(xd), bd = ({
   isOpen: e,
   onClose: t,
   onConfirm: n,
@@ -5281,7 +5281,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
       ] })
     ] }) })
   }
-) : null, bd = ({
+) : null, wd = ({
   items: e,
   isVisible: t,
   position: n,
@@ -5291,7 +5291,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
   const s = Se(null), [o, a] = ve(!1);
   return He(() => (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)), a(!0), () => {
     s.current && !t && (document.body.removeChild(s.current), s.current = null);
-  }), [t]), !s.current || !o ? null : Ua.createPortal(
+  }), [t]), !s.current || !o ? null : Wa.createPortal(
     /* @__PURE__ */ p.exports.jsx(Fs, { children: t && /* @__PURE__ */ p.exports.jsx(
       Ur.div,
       {
@@ -5324,7 +5324,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
     ) }),
     s.current
   );
-}, wd = (e) => {
+}, Td = (e) => {
   const t = Math.floor(e / 60), n = e % 60;
   return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
 }, Cs = (e) => {
@@ -5334,7 +5334,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
     const i = ((s = r.textContent) == null ? void 0 : s.replace(/\u00A0/g, " ").trim().replace(/\s+/g, "-")) ?? "";
     r.replaceWith(i);
   }), t.innerHTML.replace(/&nbsp;/g, " ");
-}, Td = () => /* @__PURE__ */ p.exports.jsx(
+}, Sd = () => /* @__PURE__ */ p.exports.jsx(
   "svg",
   {
     width: "21",
@@ -5350,7 +5350,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
       }
     )
   }
-), Sd = () => /* @__PURE__ */ p.exports.jsx(
+), Cd = () => /* @__PURE__ */ p.exports.jsx(
   "svg",
   {
     width: "14",
@@ -5412,7 +5412,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
       d: "M9,1 L2,1 C1.72,1 1.452,1.118 1.263,1.325 C0.89,1.732 0.917,2.365 1.325,2.738 C3.504,4.733 5.046,6.893 5.95,9.218 C7.124,12.233 7.807,15.161 8,18 L8,20 L9,20 L9,1 Z M2,0.667 L9,0.667 L9,20 L7.667,20 L7.667,20 L7.668,18.023 C7.477,15.218 6.802,12.324 5.64,9.338 C4.755,7.064 3.243,4.946 1.1,2.983 C0.557,2.486 0.52,1.643 1.017,1.1 C1.269,0.824 1.626,0.667 2,0.667 Z"
     }
   )
-] }) }), Cd = ({
+] }) }), Pd = ({
   onSendMessage: e,
   onEditMessage: t,
   onSendVoice: n,
@@ -5425,7 +5425,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
   messageToEdit: c,
   setMessageToEdit: u
 }) => {
-  const [f, h] = ve(""), [m, y] = ve(!1), [v, T] = ve(0), [x, C] = ve(null), [E, V] = ve(null), [g, D] = ve(0), z = Se(null), O = Se([]), Z = Se(null), R = Se(null), H = Se(null), [ie, U] = ve(!1), [se, pe] = ve([]), he = 150, q = 41.6;
+  const [f, h] = ve(""), [m, y] = ve(!1), [v, b] = ve(0), [x, C] = ve(null), [E, V] = ve(null), [g, D] = ve(0), z = Se(null), O = Se([]), Z = Se(null), R = Se(null), H = Se(null), [ie, W] = ve(!1), [se, pe] = ve([]), he = 150, q = 41.6;
   He(() => {
     const j = document.getElementById("static-display");
     j && !j.textContent && (c != null && c.text) && (j.textContent = c == null ? void 0 : c.text);
@@ -5468,9 +5468,9 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
         return M.trim() === "" ? j : (console.log("htmlcontnent before", j), e(M, j), "");
       });
     C(null), V(null), R.current && (R.current.style.height = `${q}px`, R.current.innerHTML = "");
-  }, b = async () => {
-    y(!0), T(0), O.current = [], Z.current = setInterval(() => {
-      T((L) => L + 1);
+  }, w = async () => {
+    y(!0), b(0), O.current = [], Z.current = setInterval(() => {
+      b((L) => L + 1);
     }, 1e3);
     const j = await navigator.mediaDevices.getUserMedia({ audio: !0 }), M = new MediaRecorder(j);
     z.current = M, M.ondataavailable = (L) => {
@@ -5482,7 +5482,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
       });
       n(P), y(!1);
     }, M.start();
-  }, w = () => {
+  }, T = () => {
     var j;
     (j = z.current) == null || j.stop();
   }, F = (j) => {
@@ -5524,8 +5524,8 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
         const ee = o == null ? void 0 : o.find(
           (ge) => ge.symbol === x
         );
-        ee && (ee != null && ee.updatePageNumber) && (U(!0), ee == null || ee.updatePageNumber(ee.pagNumber + 1), D(M), setTimeout(() => {
-          U(!1);
+        ee && (ee != null && ee.updatePageNumber) && (W(!0), ee == null || ee.updatePageNumber(ee.pagNumber + 1), D(M), setTimeout(() => {
+          W(!1);
         }, 500));
       }
     } else
@@ -5552,7 +5552,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
   ]), $ = () => {
     var j;
     (j = H.current) == null || j.click();
-  }, W = (j) => {
+  }, U = (j) => {
     var P, te;
     const M = (P = j.target.files) == null ? void 0 : P[0];
     if (!M)
@@ -5566,12 +5566,12 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
   };
   return /* @__PURE__ */ p.exports.jsxs("div", { className: "absolute bottom-0 w-full flex items-center p-2 pr-4 z-10", children: [
     m ? /* @__PURE__ */ p.exports.jsxs("div", { className: "w-full flex justify-between items-center bg-white  p-2 pl-4 h-11 rounded-3xl ", children: [
-      /* @__PURE__ */ p.exports.jsx("span", { className: "text-blue-400 font-bold flex-1", children: wd(v) }),
+      /* @__PURE__ */ p.exports.jsx("span", { className: "text-blue-400 font-bold flex-1", children: Td(v) }),
       /* @__PURE__ */ p.exports.jsx(
         "button",
         {
           className: "cursor-pointer p-2 flex justify-center items-center bg-green-500 text-white rounded-full",
-          onClick: w,
+          onClick: T,
           children: /* @__PURE__ */ p.exports.jsx(Vn, {})
         }
       )
@@ -5623,7 +5623,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
           {
             onClick: $,
             className: "cursor-pointer z-10 absolute right-4 top-[11px]",
-            children: /* @__PURE__ */ p.exports.jsx(Td, {})
+            children: /* @__PURE__ */ p.exports.jsx(Sd, {})
           }
         ),
         /* @__PURE__ */ p.exports.jsx(
@@ -5632,7 +5632,7 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
             type: "file",
             ref: H,
             style: { display: "none" },
-            onChange: W
+            onChange: U
           }
         ),
         /* @__PURE__ */ p.exports.jsx(
@@ -5655,8 +5655,8 @@ const yd = (e, t) => wr(e) ? new gd(t) : new md(t, {
         "button",
         {
           className: "flex items-center justify-center cursor-pointer w-9 h-9 ml-2 p-2 bg-blue-500 text-white rounded-full hover:bg-blue-600 transition",
-          onClick: f ? me : b,
-          children: f ? /* @__PURE__ */ p.exports.jsx(Vn, {}) : /* @__PURE__ */ p.exports.jsx(Sd, {})
+          onClick: f ? me : w,
+          children: f ? /* @__PURE__ */ p.exports.jsx(Vn, {}) : /* @__PURE__ */ p.exports.jsx(Cd, {})
         }
       )
     ] }),
@@ -5734,11 +5734,11 @@ const Wr = ({
 }) => {
   const [c, u] = ve(0), f = (t - n) / 2, h = 2 * Math.PI * f, m = h - c / 100 * h;
   return He(() => {
-    const y = Date.now(), v = y + s, T = () => {
+    const y = Date.now(), v = y + s, b = () => {
       const x = Date.now(), E = Math.min(1, (x - y) / s) * e;
-      u(E), x < v ? requestAnimationFrame(T) : u(e);
+      u(E), x < v ? requestAnimationFrame(b) : u(e);
     };
-    requestAnimationFrame(T);
+    requestAnimationFrame(b);
   }, [e, s]), /* @__PURE__ */ p.exports.jsxs(
     "div",
     {
@@ -5912,7 +5912,7 @@ const Wr = ({
       }
     )
   ] });
-}, Pd = (e) => /* @__PURE__ */ p.exports.jsx(
+}, Ed = (e) => /* @__PURE__ */ p.exports.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5928,7 +5928,7 @@ const Wr = ({
     ...e,
     children: /* @__PURE__ */ p.exports.jsx("polygon", { points: "6 3 20 12 6 21 6 3" })
   }
-), Ed = (e) => /* @__PURE__ */ p.exports.jsxs(
+), jd = (e) => /* @__PURE__ */ p.exports.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5949,7 +5949,7 @@ const Wr = ({
   }
 );
 let St = null;
-const jd = ({
+const Rd = ({
   src: e,
   className: t,
   uploadProgres: n,
@@ -6000,7 +6000,7 @@ const jd = ({
           {
             className: "w-9 h-9 cursor-pointer flex items-center justify-center pl-[1.5px] bg-gray-700 rounded-full hover:bg-gray-600",
             onClick: c,
-            children: i ? /* @__PURE__ */ p.exports.jsx(Ed, {}) : /* @__PURE__ */ p.exports.jsx(Pd, {})
+            children: i ? /* @__PURE__ */ p.exports.jsx(jd, {}) : /* @__PURE__ */ p.exports.jsx(Ed, {})
           }
         ),
         /* @__PURE__ */ p.exports.jsx("div", { className: "relative flex-1 h-2 bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ p.exports.jsx(
@@ -6014,7 +6014,7 @@ const jd = ({
       ]
     }
   );
-}, Rd = ({
+}, Ad = ({
   attachmentUrl: e,
   attachmentType: t,
   attachmentFormat: n,
@@ -6026,7 +6026,7 @@ const jd = ({
 }) => {
   const l = r || "File", c = i || 0;
   return e ? t === Ne.Voice ? /* @__PURE__ */ p.exports.jsx("div", { className: "w-full", children: /* @__PURE__ */ p.exports.jsx(
-    jd,
+    Rd,
     {
       onCancelClick: a,
       uploadProgres: o,
@@ -6074,15 +6074,28 @@ const jd = ({
       onCancelClick: a
     }
   ) }) : null : null;
-}, Ad = ({
+}, Md = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ha = (e = "", t) => {
+  if (!t || t.length === 0)
+    return e;
+  const n = t.map(Md).join("|"), r = new RegExp(`(${n})[\\w-]+`, "g"), i = [];
+  let s = 0, o;
+  for (; (o = r.exec(e)) !== null; ) {
+    const a = o.index, l = r.lastIndex;
+    a > s && i.push(e.slice(s, a)), i.push(
+      /* @__PURE__ */ p.exports.jsx("span", { className: "text-blue-600 cursor-pointer", children: e.slice(a, l) }, a)
+    ), s = l;
+  }
+  return s < e.length && i.push(e.slice(s)), i;
+}, Vd = ({
   message: e,
   showUserProfile: t,
   handleContextMenu: n,
   media: r,
   them: i,
-  maxWidth: s
+  maxWidth: s,
+  dynamicSymbols: o
 }) => {
-  var o, a, l, c, u, f, h, m, y, v;
+  var a, l, c, u, f, h, m, y, v, b;
   return /* @__PURE__ */ p.exports.jsxs(p.exports.Fragment, { children: [
     t ? /* @__PURE__ */ p.exports.jsx(
       "img",
@@ -6098,19 +6111,19 @@ const jd = ({
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: 50 },
         transition: { duration: 0.3 },
-        onContextMenu: (T) => n(T, e),
+        onContextMenu: (x) => n(x, e),
         className: `relative ${r ? "w-3/4" : s ? "max-w-[400px]  w-fit" : "max-w-[75%]  w-fit"} flex flex-col gap-1 break-words  p-2 pt-5 rounded-lg ${i === ce.Simple ? "bg-[#f8fbff]" : i === ce.Telegram ? "bg-blue-200 " : ""} `,
         children: [
           /* @__PURE__ */ p.exports.jsx(
             "span",
             {
-              title: (o = e.user) != null && o.fullName && ((l = (a = e.user) == null ? void 0 : a.fullName) == null ? void 0 : l.length) > 16 ? (c = e.user) == null ? void 0 : c.firstName : (u = e.user) == null ? void 0 : u.fullName,
+              title: (a = e.user) != null && a.fullName && ((c = (l = e.user) == null ? void 0 : l.fullName) == null ? void 0 : c.length) > 16 ? (u = e.user) == null ? void 0 : u.firstName : (f = e.user) == null ? void 0 : f.fullName,
               className: "relative -top-3 h-4 -mb-3 overflow-y-visible text-xs text-orange-700 whitespace-nowrap truncate max-w-[100px] overflow-visible",
-              children: (f = e.user) != null && f.fullName && ((m = (h = e.user) == null ? void 0 : h.fullName) == null ? void 0 : m.length) > 16 ? (y = e.user) == null ? void 0 : y.firstName : (v = e.user) == null ? void 0 : v.fullName
+              children: (h = e.user) != null && h.fullName && ((y = (m = e.user) == null ? void 0 : m.fullName) == null ? void 0 : y.length) > 16 ? (v = e.user) == null ? void 0 : v.firstName : (b = e.user) == null ? void 0 : b.fullName
             }
           ),
           r || null,
-          /* @__PURE__ */ p.exports.jsx("span", { dangerouslySetInnerHTML: { __html: e.text } }),
+          /* @__PURE__ */ p.exports.jsx("span", { children: ha(e.text, o) }),
           /* @__PURE__ */ p.exports.jsxs("div", { className: "w-full flex gap-1 items-center justify-end", children: [
             /* @__PURE__ */ p.exports.jsx("span", { className: "text-[10px]", children: new Date(e.createdDate).toLocaleTimeString().split(":")[0] + ":" + new Date(e.createdDate).toLocaleTimeString().split(":")[1] }),
             e.isEdited ? /* @__PURE__ */ p.exports.jsx(
@@ -6131,7 +6144,7 @@ const jd = ({
       }
     )
   ] });
-}, Md = ({ className: e }) => /* @__PURE__ */ p.exports.jsxs(
+}, Dd = ({ className: e }) => /* @__PURE__ */ p.exports.jsxs(
   "svg",
   {
     width: "16",
@@ -6159,7 +6172,7 @@ const jd = ({
       )
     ]
   }
-), ha = ({
+), pa = ({
   size: e = 24,
   color: t = "text-current",
   className: n
@@ -6224,12 +6237,13 @@ const jd = ({
       }
     )
   }
-), Vd = ({
+), Ld = ({
   handleContextMenu: e,
   media: t,
   message: n,
   them: r,
-  maxWidth: i
+  maxWidth: i,
+  dynamicSymbols: s
 }) => /* @__PURE__ */ p.exports.jsxs(
   Ur.div,
   {
@@ -6238,17 +6252,17 @@ const jd = ({
     animate: { opacity: 1, y: 0 },
     exit: { opacity: 0, y: 50 },
     transition: { duration: 0.3 },
-    onContextMenu: (s) => e(s, n),
-    className: `relative self-end ${t ? "w-3/4" : i ? " max-w-[400px]" : "max-w-[75%]"} flex flex-col justify-center break-words p-2 rounded-lg ${r === ce.Telegram ? " bg-green-200" : ce.Simple ? " bg-[#4F46E5] text-white" : ""}`,
+    onContextMenu: (o) => e(o, n),
+    className: `relative self-end ${t ? "w-3/4" : i ? " max-w-[400px]" : "max-w-[75%]"} flex flex-col justify-center break-words p-2 rounded-lg ${r === ce.Telegram ? " bg-green-200" : ce.Simple ? " bg-[#b3baff] text-black" : ""}`,
     children: [
       t || null,
-      /* @__PURE__ */ p.exports.jsx("span", { className: "", children: n.text }),
+      /* @__PURE__ */ p.exports.jsx("span", { children: ha(n.text, s) }),
       /* @__PURE__ */ p.exports.jsxs("div", { className: "w-full flex gap-1 items-center justify-end", children: [
         /* @__PURE__ */ p.exports.jsx("span", { className: "text-[10px]", children: new Date(n.createdDate).toLocaleTimeString().split(":")[0] + ":" + new Date(n.createdDate).toLocaleTimeString().split(":")[1] }),
-        n.isSending ? /* @__PURE__ */ p.exports.jsx(ha, { size: 13, color: "text-black" }) : /* @__PURE__ */ p.exports.jsx(
-          Md,
+        n.isSending ? /* @__PURE__ */ p.exports.jsx(pa, { size: 13, color: "text-black" }) : /* @__PURE__ */ p.exports.jsx(
+          Dd,
           {
-            className: r === ce.Telegram ? " " : ce.Simple ? " [&>path]:fill-white" : ""
+            className: r === ce.Telegram ? " " : ce.Simple ? " [&>path]:fill-black" : ""
           }
         ),
         n.isEdited ? /* @__PURE__ */ p.exports.jsx(
@@ -6262,7 +6276,7 @@ const jd = ({
       /* @__PURE__ */ p.exports.jsx(
         sn,
         {
-          className: `fill-blue-200 rotate-180 absolute -right-2 bottom-0  ${r === ce.Telegram ? "[&>g>path]:fill-green-200" : ce.Simple ? "[&>g>path]:fill-[#4F46E5]" : ""} `
+          className: `fill-blue-200 rotate-180 absolute -right-2 bottom-0  ${r === ce.Telegram ? "[&>g>path]:fill-green-200" : ce.Simple ? "[&>g>path]:fill-[#b3baff]" : ""} `
         }
       )
     ]
@@ -6270,11 +6284,11 @@ const jd = ({
 );
 var xe = { exports: {} }, Dn = { exports: {} }, J = {};
 var Es;
-function Dd() {
+function Od() {
   if (Es)
     return J;
   Es = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, T = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
   function E(g) {
     if (typeof g == "object" && g !== null) {
       var D = g.$$typeof;
@@ -6333,16 +6347,16 @@ function Dd() {
   }, J.isSuspense = function(g) {
     return E(g) === f;
   }, J.isValidElementType = function(g) {
-    return typeof g == "string" || typeof g == "function" || g === r || g === c || g === s || g === i || g === f || g === h || typeof g == "object" && g !== null && (g.$$typeof === y || g.$$typeof === m || g.$$typeof === o || g.$$typeof === a || g.$$typeof === u || g.$$typeof === T || g.$$typeof === x || g.$$typeof === C || g.$$typeof === v);
+    return typeof g == "string" || typeof g == "function" || g === r || g === c || g === s || g === i || g === f || g === h || typeof g == "object" && g !== null && (g.$$typeof === y || g.$$typeof === m || g.$$typeof === o || g.$$typeof === a || g.$$typeof === u || g.$$typeof === b || g.$$typeof === x || g.$$typeof === C || g.$$typeof === v);
   }, J.typeOf = E, J;
 }
 var Q = {};
 var js;
-function Ld() {
+function kd() {
   return js || (js = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, T = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, v = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
     function E(P) {
-      return typeof P == "string" || typeof P == "function" || P === r || P === c || P === s || P === i || P === f || P === h || typeof P == "object" && P !== null && (P.$$typeof === y || P.$$typeof === m || P.$$typeof === o || P.$$typeof === a || P.$$typeof === u || P.$$typeof === T || P.$$typeof === x || P.$$typeof === C || P.$$typeof === v);
+      return typeof P == "string" || typeof P == "function" || P === r || P === c || P === s || P === i || P === f || P === h || typeof P == "object" && P !== null && (P.$$typeof === y || P.$$typeof === m || P.$$typeof === o || P.$$typeof === a || P.$$typeof === u || P.$$typeof === b || P.$$typeof === x || P.$$typeof === C || P.$$typeof === v);
     }
     function V(P) {
       if (typeof P == "object" && P !== null) {
@@ -6376,14 +6390,14 @@ function Ld() {
         }
       }
     }
-    var g = l, D = c, z = a, O = o, Z = t, R = u, H = r, ie = y, U = m, se = n, pe = s, he = i, q = f, oe = !1;
+    var g = l, D = c, z = a, O = o, Z = t, R = u, H = r, ie = y, W = m, se = n, pe = s, he = i, q = f, oe = !1;
     function me(P) {
-      return oe || (oe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), b(P) || V(P) === l;
+      return oe || (oe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), w(P) || V(P) === l;
     }
-    function b(P) {
+    function w(P) {
       return V(P) === c;
     }
-    function w(P) {
+    function T(P) {
       return V(P) === a;
     }
     function F(P) {
@@ -6404,7 +6418,7 @@ function Ld() {
     function $(P) {
       return V(P) === m;
     }
-    function W(P) {
+    function U(P) {
       return V(P) === n;
     }
     function j(P) {
@@ -6416,17 +6430,17 @@ function Ld() {
     function L(P) {
       return V(P) === f;
     }
-    Q.AsyncMode = g, Q.ConcurrentMode = D, Q.ContextConsumer = z, Q.ContextProvider = O, Q.Element = Z, Q.ForwardRef = R, Q.Fragment = H, Q.Lazy = ie, Q.Memo = U, Q.Portal = se, Q.Profiler = pe, Q.StrictMode = he, Q.Suspense = q, Q.isAsyncMode = me, Q.isConcurrentMode = b, Q.isContextConsumer = w, Q.isContextProvider = F, Q.isElement = B, Q.isForwardRef = _, Q.isFragment = Y, Q.isLazy = I, Q.isMemo = $, Q.isPortal = W, Q.isProfiler = j, Q.isStrictMode = M, Q.isSuspense = L, Q.isValidElementType = E, Q.typeOf = V;
+    Q.AsyncMode = g, Q.ConcurrentMode = D, Q.ContextConsumer = z, Q.ContextProvider = O, Q.Element = Z, Q.ForwardRef = R, Q.Fragment = H, Q.Lazy = ie, Q.Memo = W, Q.Portal = se, Q.Profiler = pe, Q.StrictMode = he, Q.Suspense = q, Q.isAsyncMode = me, Q.isConcurrentMode = w, Q.isContextConsumer = T, Q.isContextProvider = F, Q.isElement = B, Q.isForwardRef = _, Q.isFragment = Y, Q.isLazy = I, Q.isMemo = $, Q.isPortal = U, Q.isProfiler = j, Q.isStrictMode = M, Q.isSuspense = L, Q.isValidElementType = E, Q.typeOf = V;
   }()), Q;
 }
 var Rs;
-function pa() {
+function ma() {
   return Rs || (Rs = 1, function(e) {
-    process.env.NODE_ENV === "production" ? e.exports = Dd() : e.exports = Ld();
+    process.env.NODE_ENV === "production" ? e.exports = Od() : e.exports = kd();
   }(Dn)), Dn.exports;
 }
 var Ln, As;
-function Od() {
+function _d() {
   if (As)
     return Ln;
   As = 1;
@@ -6481,18 +6495,18 @@ function zr() {
   return On = e, On;
 }
 var kn, Vs;
-function ma() {
+function ga() {
   return Vs || (Vs = 1, kn = Function.call.bind(Object.prototype.hasOwnProperty)), kn;
 }
 var _n, Ds;
-function kd() {
+function Id() {
   if (Ds)
     return _n;
   Ds = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = zr(), n = {}, r = ma();
+    var t = zr(), n = {}, r = ga();
     e = function(s) {
       var o = "Warning: " + s;
       typeof console < "u" && console.error(o);
@@ -6535,11 +6549,11 @@ function kd() {
   }, _n = i, _n;
 }
 var In, Ls;
-function _d() {
+function Nd() {
   if (Ls)
     return In;
   Ls = 1;
-  var e = pa(), t = Od(), n = zr(), r = ma(), i = kd(), s = function() {
+  var e = ma(), t = _d(), n = zr(), r = ga(), i = Id(), s = function() {
   };
   process.env.NODE_ENV !== "production" && (s = function(a) {
     var l = "Warning: " + a;
@@ -6554,10 +6568,10 @@ function _d() {
   }
   return In = function(a, l) {
     var c = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
-    function f(b) {
-      var w = b && (c && b[c] || b[u]);
-      if (typeof w == "function")
-        return w;
+    function f(w) {
+      var T = w && (c && w[c] || w[u]);
+      if (typeof T == "function")
+        return T;
     }
     var h = "<<anonymous>>", m = {
       array: x("array"),
@@ -6578,178 +6592,178 @@ function _d() {
       oneOf: z,
       oneOfType: Z,
       shape: ie,
-      exact: U
+      exact: W
     };
-    function y(b, w) {
-      return b === w ? b !== 0 || 1 / b === 1 / w : b !== b && w !== w;
+    function y(w, T) {
+      return w === T ? w !== 0 || 1 / w === 1 / T : w !== w && T !== T;
     }
-    function v(b, w) {
-      this.message = b, this.data = w && typeof w == "object" ? w : {}, this.stack = "";
+    function v(w, T) {
+      this.message = w, this.data = T && typeof T == "object" ? T : {}, this.stack = "";
     }
     v.prototype = Error.prototype;
-    function T(b) {
+    function b(w) {
       if (process.env.NODE_ENV !== "production")
-        var w = {}, F = 0;
-      function B(Y, I, $, W, j, M, L) {
-        if (W = W || h, M = M || $, L !== n) {
+        var T = {}, F = 0;
+      function B(Y, I, $, U, j, M, L) {
+        if (U = U || h, M = M || $, L !== n) {
           if (l) {
             var P = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw P.name = "Invariant Violation", P;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var te = W + ":" + $;
-            !w[te] && F < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + W + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), w[te] = !0, F++);
+            var te = U + ":" + $;
+            !T[te] && F < 3 && (s(
+              "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + U + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), T[te] = !0, F++);
           }
         }
-        return I[$] == null ? Y ? I[$] === null ? new v("The " + j + " `" + M + "` is marked as required " + ("in `" + W + "`, but its value is `null`.")) : new v("The " + j + " `" + M + "` is marked as required in " + ("`" + W + "`, but its value is `undefined`.")) : null : b(I, $, W, j, M);
+        return I[$] == null ? Y ? I[$] === null ? new v("The " + j + " `" + M + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new v("The " + j + " `" + M + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : w(I, $, U, j, M);
       }
       var _ = B.bind(null, !1);
       return _.isRequired = B.bind(null, !0), _;
     }
-    function x(b) {
-      function w(F, B, _, Y, I, $) {
-        var W = F[B], j = he(W);
-        if (j !== b) {
-          var M = q(W);
+    function x(w) {
+      function T(F, B, _, Y, I, $) {
+        var U = F[B], j = he(U);
+        if (j !== w) {
+          var M = q(U);
           return new v(
-            "Invalid " + Y + " `" + I + "` of type " + ("`" + M + "` supplied to `" + _ + "`, expected ") + ("`" + b + "`."),
-            { expectedType: b }
+            "Invalid " + Y + " `" + I + "` of type " + ("`" + M + "` supplied to `" + _ + "`, expected ") + ("`" + w + "`."),
+            { expectedType: w }
           );
         }
         return null;
       }
-      return T(w);
+      return b(T);
     }
     function C() {
-      return T(o);
+      return b(o);
     }
-    function E(b) {
-      function w(F, B, _, Y, I) {
-        if (typeof b != "function")
+    function E(w) {
+      function T(F, B, _, Y, I) {
+        if (typeof w != "function")
           return new v("Property `" + I + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
         var $ = F[B];
         if (!Array.isArray($)) {
-          var W = he($);
-          return new v("Invalid " + Y + " `" + I + "` of type " + ("`" + W + "` supplied to `" + _ + "`, expected an array."));
+          var U = he($);
+          return new v("Invalid " + Y + " `" + I + "` of type " + ("`" + U + "` supplied to `" + _ + "`, expected an array."));
         }
         for (var j = 0; j < $.length; j++) {
-          var M = b($, j, _, Y, I + "[" + j + "]", n);
+          var M = w($, j, _, Y, I + "[" + j + "]", n);
           if (M instanceof Error)
             return M;
         }
         return null;
       }
-      return T(w);
+      return b(T);
     }
     function V() {
-      function b(w, F, B, _, Y) {
-        var I = w[F];
+      function w(T, F, B, _, Y) {
+        var I = T[F];
         if (!a(I)) {
           var $ = he(I);
           return new v("Invalid " + _ + " `" + Y + "` of type " + ("`" + $ + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return T(b);
+      return b(w);
     }
     function g() {
-      function b(w, F, B, _, Y) {
-        var I = w[F];
+      function w(T, F, B, _, Y) {
+        var I = T[F];
         if (!e.isValidElementType(I)) {
           var $ = he(I);
           return new v("Invalid " + _ + " `" + Y + "` of type " + ("`" + $ + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return T(b);
+      return b(w);
     }
-    function D(b) {
-      function w(F, B, _, Y, I) {
-        if (!(F[B] instanceof b)) {
-          var $ = b.name || h, W = me(F[B]);
-          return new v("Invalid " + Y + " `" + I + "` of type " + ("`" + W + "` supplied to `" + _ + "`, expected ") + ("instance of `" + $ + "`."));
+    function D(w) {
+      function T(F, B, _, Y, I) {
+        if (!(F[B] instanceof w)) {
+          var $ = w.name || h, U = me(F[B]);
+          return new v("Invalid " + Y + " `" + I + "` of type " + ("`" + U + "` supplied to `" + _ + "`, expected ") + ("instance of `" + $ + "`."));
         }
         return null;
       }
-      return T(w);
+      return b(T);
     }
-    function z(b) {
-      if (!Array.isArray(b))
+    function z(w) {
+      if (!Array.isArray(w))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), o;
-      function w(F, B, _, Y, I) {
-        for (var $ = F[B], W = 0; W < b.length; W++)
-          if (y($, b[W]))
+      function T(F, B, _, Y, I) {
+        for (var $ = F[B], U = 0; U < w.length; U++)
+          if (y($, w[U]))
             return null;
-        var j = JSON.stringify(b, function(L, P) {
+        var j = JSON.stringify(w, function(L, P) {
           var te = q(P);
           return te === "symbol" ? String(P) : P;
         });
         return new v("Invalid " + Y + " `" + I + "` of value `" + String($) + "` " + ("supplied to `" + _ + "`, expected one of " + j + "."));
       }
-      return T(w);
+      return b(T);
     }
-    function O(b) {
-      function w(F, B, _, Y, I) {
-        if (typeof b != "function")
+    function O(w) {
+      function T(F, B, _, Y, I) {
+        if (typeof w != "function")
           return new v("Property `" + I + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
-        var $ = F[B], W = he($);
-        if (W !== "object")
-          return new v("Invalid " + Y + " `" + I + "` of type " + ("`" + W + "` supplied to `" + _ + "`, expected an object."));
+        var $ = F[B], U = he($);
+        if (U !== "object")
+          return new v("Invalid " + Y + " `" + I + "` of type " + ("`" + U + "` supplied to `" + _ + "`, expected an object."));
         for (var j in $)
           if (r($, j)) {
-            var M = b($, j, _, Y, I + "." + j, n);
+            var M = w($, j, _, Y, I + "." + j, n);
             if (M instanceof Error)
               return M;
           }
         return null;
       }
-      return T(w);
+      return b(T);
     }
-    function Z(b) {
-      if (!Array.isArray(b))
+    function Z(w) {
+      if (!Array.isArray(w))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), o;
-      for (var w = 0; w < b.length; w++) {
-        var F = b[w];
+      for (var T = 0; T < w.length; T++) {
+        var F = w[T];
         if (typeof F != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(F) + " at index " + w + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(F) + " at index " + T + "."
           ), o;
       }
-      function B(_, Y, I, $, W) {
-        for (var j = [], M = 0; M < b.length; M++) {
-          var L = b[M], P = L(_, Y, I, $, W, n);
+      function B(_, Y, I, $, U) {
+        for (var j = [], M = 0; M < w.length; M++) {
+          var L = w[M], P = L(_, Y, I, $, U, n);
           if (P == null)
             return null;
           P.data && r(P.data, "expectedType") && j.push(P.data.expectedType);
         }
         var te = j.length > 0 ? ", expected one of type [" + j.join(", ") + "]" : "";
-        return new v("Invalid " + $ + " `" + W + "` supplied to " + ("`" + I + "`" + te + "."));
+        return new v("Invalid " + $ + " `" + U + "` supplied to " + ("`" + I + "`" + te + "."));
       }
-      return T(B);
+      return b(B);
     }
     function R() {
-      function b(w, F, B, _, Y) {
-        return se(w[F]) ? null : new v("Invalid " + _ + " `" + Y + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+      function w(T, F, B, _, Y) {
+        return se(T[F]) ? null : new v("Invalid " + _ + " `" + Y + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
-      return T(b);
+      return b(w);
     }
-    function H(b, w, F, B, _) {
+    function H(w, T, F, B, _) {
       return new v(
-        (b || "React class") + ": " + w + " type `" + F + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+        (w || "React class") + ": " + T + " type `" + F + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
       );
     }
-    function ie(b) {
-      function w(F, B, _, Y, I) {
-        var $ = F[B], W = he($);
-        if (W !== "object")
-          return new v("Invalid " + Y + " `" + I + "` of type `" + W + "` " + ("supplied to `" + _ + "`, expected `object`."));
-        for (var j in b) {
-          var M = b[j];
+    function ie(w) {
+      function T(F, B, _, Y, I) {
+        var $ = F[B], U = he($);
+        if (U !== "object")
+          return new v("Invalid " + Y + " `" + I + "` of type `" + U + "` " + ("supplied to `" + _ + "`, expected `object`."));
+        for (var j in w) {
+          var M = w[j];
           if (typeof M != "function")
             return H(_, Y, I, j, q(M));
           var L = M($, j, _, Y, I + "." + j, n);
@@ -6758,22 +6772,22 @@ function _d() {
         }
         return null;
       }
-      return T(w);
-    }
-    function U(b) {
-      function w(F, B, _, Y, I) {
-        var $ = F[B], W = he($);
-        if (W !== "object")
-          return new v("Invalid " + Y + " `" + I + "` of type `" + W + "` " + ("supplied to `" + _ + "`, expected `object`."));
-        var j = t({}, F[B], b);
+      return b(T);
+    }
+    function W(w) {
+      function T(F, B, _, Y, I) {
+        var $ = F[B], U = he($);
+        if (U !== "object")
+          return new v("Invalid " + Y + " `" + I + "` of type `" + U + "` " + ("supplied to `" + _ + "`, expected `object`."));
+        var j = t({}, F[B], w);
         for (var M in j) {
-          var L = b[M];
-          if (r(b, M) && typeof L != "function")
+          var L = w[M];
+          if (r(w, M) && typeof L != "function")
             return H(_, Y, I, M, q(L));
           if (!L)
             return new v(
               "Invalid " + Y + " `" + I + "` key `" + M + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(F[B], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
             );
           var P = L($, M, _, Y, I + "." + M, n);
           if (P)
@@ -6781,25 +6795,25 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
         }
         return null;
       }
-      return T(w);
+      return b(T);
     }
-    function se(b) {
-      switch (typeof b) {
+    function se(w) {
+      switch (typeof w) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !b;
+          return !w;
         case "object":
-          if (Array.isArray(b))
-            return b.every(se);
-          if (b === null || a(b))
+          if (Array.isArray(w))
+            return w.every(se);
+          if (w === null || a(w))
             return !0;
-          var w = f(b);
-          if (w) {
-            var F = w.call(b), B;
-            if (w !== b.entries) {
+          var T = f(w);
+          if (T) {
+            var F = T.call(w), B;
+            if (T !== w.entries) {
               for (; !(B = F.next()).done; )
                 if (!se(B.value))
                   return !1;
@@ -6816,47 +6830,47 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
           return !1;
       }
     }
-    function pe(b, w) {
-      return b === "symbol" ? !0 : w ? w["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && w instanceof Symbol : !1;
+    function pe(w, T) {
+      return w === "symbol" ? !0 : T ? T["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && T instanceof Symbol : !1;
     }
-    function he(b) {
-      var w = typeof b;
-      return Array.isArray(b) ? "array" : b instanceof RegExp ? "object" : pe(w, b) ? "symbol" : w;
+    function he(w) {
+      var T = typeof w;
+      return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : pe(T, w) ? "symbol" : T;
     }
-    function q(b) {
-      if (typeof b > "u" || b === null)
-        return "" + b;
-      var w = he(b);
-      if (w === "object") {
-        if (b instanceof Date)
+    function q(w) {
+      if (typeof w > "u" || w === null)
+        return "" + w;
+      var T = he(w);
+      if (T === "object") {
+        if (w instanceof Date)
           return "date";
-        if (b instanceof RegExp)
+        if (w instanceof RegExp)
           return "regexp";
       }
-      return w;
+      return T;
     }
-    function oe(b) {
-      var w = q(b);
-      switch (w) {
+    function oe(w) {
+      var T = q(w);
+      switch (T) {
         case "array":
         case "object":
-          return "an " + w;
+          return "an " + T;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + w;
+          return "a " + T;
         default:
-          return w;
+          return T;
       }
     }
-    function me(b) {
-      return !b.constructor || !b.constructor.name ? h : b.constructor.name;
+    function me(w) {
+      return !w.constructor || !w.constructor.name ? h : w.constructor.name;
     }
     return m.checkPropTypes = i, m.resetWarningCache = i.resetWarningCache, m.PropTypes = m, m;
   }, In;
 }
 var Nn, Os;
-function Id() {
+function Fd() {
   if (Os)
     return Nn;
   Os = 1;
@@ -6905,10 +6919,10 @@ function Id() {
   }, Nn;
 }
 if (process.env.NODE_ENV !== "production") {
-  var Nd = pa(), Fd = !0;
-  xe.exports = _d()(Nd.isElement, Fd);
+  var Bd = ma(), $d = !0;
+  xe.exports = Nd()(Bd.isElement, $d);
 } else
-  xe.exports = Id()();
+  xe.exports = Fd()();
 function tr() {
   return tr = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -6919,10 +6933,10 @@ function tr() {
     return e;
   }, tr.apply(this, arguments);
 }
-function Bd(e, t) {
+function Ud(e, t) {
   if (e == null)
     return {};
-  var n = $d(e, t), r, i;
+  var n = Wd(e, t), r, i;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
     for (i = 0; i < s.length; i++)
@@ -6930,7 +6944,7 @@ function Bd(e, t) {
   }
   return n;
 }
-function $d(e, t) {
+function Wd(e, t) {
   if (e == null)
     return {};
   var n = {}, r = Object.keys(e), i, s;
@@ -6939,7 +6953,7 @@ function $d(e, t) {
   return n;
 }
 var Yr = Nt(function(e, t) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Bd(e, ["color", "size"]);
+  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Ud(e, ["color", "size"]);
   return /* @__PURE__ */ Re.createElement("svg", tr({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
@@ -6960,7 +6974,7 @@ Yr.propTypes = {
   size: xe.exports.oneOfType([xe.exports.string, xe.exports.number])
 };
 Yr.displayName = "Check";
-const Ud = Yr;
+const zd = Yr;
 function nr() {
   return nr = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -6971,10 +6985,10 @@ function nr() {
     return e;
   }, nr.apply(this, arguments);
 }
-function Wd(e, t) {
+function Yd(e, t) {
   if (e == null)
     return {};
-  var n = zd(e, t), r, i;
+  var n = Kd(e, t), r, i;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
     for (i = 0; i < s.length; i++)
@@ -6982,7 +6996,7 @@ function Wd(e, t) {
   }
   return n;
 }
-function zd(e, t) {
+function Kd(e, t) {
   if (e == null)
     return {};
   var n = {}, r = Object.keys(e), i, s;
@@ -6991,7 +7005,7 @@ function zd(e, t) {
   return n;
 }
 var Kr = Nt(function(e, t) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Wd(e, ["color", "size"]);
+  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Yd(e, ["color", "size"]);
   return /* @__PURE__ */ Re.createElement("svg", nr({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
@@ -7019,7 +7033,7 @@ Kr.propTypes = {
   size: xe.exports.oneOfType([xe.exports.string, xe.exports.number])
 };
 Kr.displayName = "Copy";
-const Yd = Kr;
+const Hd = Kr;
 function rr() {
   return rr = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -7030,10 +7044,10 @@ function rr() {
     return e;
   }, rr.apply(this, arguments);
 }
-function Kd(e, t) {
+function Gd(e, t) {
   if (e == null)
     return {};
-  var n = Hd(e, t), r, i;
+  var n = qd(e, t), r, i;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
     for (i = 0; i < s.length; i++)
@@ -7041,7 +7055,7 @@ function Kd(e, t) {
   }
   return n;
 }
-function Hd(e, t) {
+function qd(e, t) {
   if (e == null)
     return {};
   var n = {}, r = Object.keys(e), i, s;
@@ -7050,7 +7064,7 @@ function Hd(e, t) {
   return n;
 }
 var Hr = Nt(function(e, t) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Kd(e, ["color", "size"]);
+  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Gd(e, ["color", "size"]);
   return /* @__PURE__ */ Re.createElement("svg", rr({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
@@ -7073,7 +7087,7 @@ Hr.propTypes = {
   size: xe.exports.oneOfType([xe.exports.string, xe.exports.number])
 };
 Hr.displayName = "Edit";
-const Gd = Hr;
+const Xd = Hr;
 function ir() {
   return ir = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -7084,10 +7098,10 @@ function ir() {
     return e;
   }, ir.apply(this, arguments);
 }
-function qd(e, t) {
+function Zd(e, t) {
   if (e == null)
     return {};
-  var n = Xd(e, t), r, i;
+  var n = Jd(e, t), r, i;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
     for (i = 0; i < s.length; i++)
@@ -7095,7 +7109,7 @@ function qd(e, t) {
   }
   return n;
 }
-function Xd(e, t) {
+function Jd(e, t) {
   if (e == null)
     return {};
   var n = {}, r = Object.keys(e), i, s;
@@ -7104,7 +7118,7 @@ function Xd(e, t) {
   return n;
 }
 var Gr = Nt(function(e, t) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = qd(e, ["color", "size"]);
+  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Zd(e, ["color", "size"]);
   return /* @__PURE__ */ Re.createElement("svg", ir({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
@@ -7127,7 +7141,7 @@ Gr.propTypes = {
   size: xe.exports.oneOfType([xe.exports.string, xe.exports.number])
 };
 Gr.displayName = "Trash";
-const Zd = Gr, Jd = ({
+const Qd = Gr, eh = ({
   user: e,
   messages: t,
   updateMessages: n,
@@ -7137,29 +7151,29 @@ const Zd = Gr, Jd = ({
   isSendingDefultForEdited: o,
   onDeleteMessage: a
 }) => {
-  const l = Se(null), [c, u] = ve(!1), [f, h] = ve(null), [m, y] = ve(), [v, T] = ve(null), x = () => {
+  const l = Se(null), [c, u] = ve(!1), [f, h] = ve(null), [m, y] = ve(), [v, b] = ve(null), x = () => {
     setTimeout(() => {
       l.current && (l.current.scrollTop = l.current.scrollHeight);
     }, 100);
   };
   He(() => {
     const R = () => {
-      T(null);
+      b(null);
     };
     return window.addEventListener("scroll", R, !0), () => {
       window.removeEventListener("scroll", R, !0);
     };
-  }, [T]);
+  }, [b]);
   const C = (R, H) => {
     R.preventDefault();
-    const ie = window.scrollX, U = window.scrollY;
-    T({
+    const ie = window.scrollX, W = window.scrollY;
+    b({
       x: R.clientX + ie,
-      y: R.clientY + U,
+      y: R.clientY + W,
       message: H
     });
   }, E = () => {
-    T(null);
+    b(null);
   }, V = (R, H) => {
     const ie = new Gt({
       id: new Date().toString(),
@@ -7188,14 +7202,14 @@ const Zd = Gr, Jd = ({
     });
     n([...t, ie]), r(ie), x();
   }, z = (R, H) => {
-    const ie = URL.createObjectURL(R), U = R instanceof File ? R.name : "", se = R instanceof File ? R.name.split(".").pop() : "", pe = new Gt({
+    const ie = URL.createObjectURL(R), W = R instanceof File ? R.name : "", se = R instanceof File ? R.name.split(".").pop() : "", pe = new Gt({
       id: new Date().toString(),
       text: "",
       attachmentUrl: ie,
       attachmentBlob: R,
       attachmentType: H,
       attachmentFormat: se,
-      attachmentName: U,
+      attachmentName: W,
       user: e,
       isRightSided: !0,
       createdDate: new Date().toString()
@@ -7210,7 +7224,7 @@ const Zd = Gr, Jd = ({
     contextMenuItems: [
       {
         name: "Edit",
-        icon: /* @__PURE__ */ p.exports.jsx(Gd, { className: "text-gray-600" }),
+        icon: /* @__PURE__ */ p.exports.jsx(Xd, { className: "text-gray-600" }),
         onlyCurrentUserMessage: !0,
         onClick: (R) => {
           y(t.find((H) => H.id === R)), E();
@@ -7218,7 +7232,7 @@ const Zd = Gr, Jd = ({
       },
       {
         name: "Delete",
-        icon: /* @__PURE__ */ p.exports.jsx(Zd, { className: "text-red-600" }),
+        icon: /* @__PURE__ */ p.exports.jsx(Qd, { className: "text-red-600" }),
         onlyCurrentUserMessage: !0,
         onClick: (R) => {
           h(R), u(!0), E();
@@ -7226,7 +7240,7 @@ const Zd = Gr, Jd = ({
       },
       {
         name: "Select",
-        icon: /* @__PURE__ */ p.exports.jsx(Ud, { className: "text-green-600" }),
+        icon: /* @__PURE__ */ p.exports.jsx(zd, { className: "text-green-600" }),
         disabled: !0,
         onClick: () => {
           console.log("Select clicked"), E();
@@ -7234,7 +7248,7 @@ const Zd = Gr, Jd = ({
       },
       {
         name: "Copy",
-        icon: /* @__PURE__ */ p.exports.jsx(Yd, { className: "text-blue-600" }),
+        icon: /* @__PURE__ */ p.exports.jsx(Hd, { className: "text-blue-600" }),
         onClick: (R) => {
           const H = t.find((ie) => ie.id === R);
           H && navigator.clipboard.writeText(H.text), E();
@@ -7253,7 +7267,7 @@ const Zd = Gr, Jd = ({
     setMessageToEdit: y,
     handleEditMessage: g
   };
-}, oh = ({
+}, lh = ({
   width: e = "400px",
   height: t = "600px",
   isLoadingChat: n,
@@ -7270,13 +7284,13 @@ const Zd = Gr, Jd = ({
   onDynamicSymbolListDelete: m,
   isSendingDefultForNewMessage: y,
   isSendingDefultForEdited: v,
-  backgroundImage: T,
+  backgroundImage: b,
   messageBubbleBiggerSize: x,
   uploadProgress: C,
   onUploadCancellationToken: E,
   them: V = ce.Telegram
 }) => {
-  var me, b;
+  var me, w;
   const {
     handleDeleteConfirmation: g,
     handleCloseContextMenu: D,
@@ -7286,13 +7300,13 @@ const Zd = Gr, Jd = ({
     handleContextMenu: R,
     contextMenuItems: H,
     isModalOpen: ie,
-    contextMenu: U,
+    contextMenu: W,
     chatRef: se,
     setIsModalOpen: pe,
     messageToEdit: he,
     setMessageToEdit: q,
     handleEditMessage: oe
-  } = Jd({
+  } = eh({
     user: o,
     messages: s,
     updateMessages: a,
@@ -7309,7 +7323,7 @@ const Zd = Gr, Jd = ({
       style: {
         width: e,
         height: t,
-        background: "url(" + T + ")",
+        background: "url(" + b + ")",
         ...i
       },
       onClick: D,
@@ -7318,46 +7332,52 @@ const Zd = Gr, Jd = ({
           "div",
           {
             ref: se,
-            className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${U ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
-            children: n ? /* @__PURE__ */ p.exports.jsx(ha, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ p.exports.jsx(Fs, { children: s.length > 0 ? s.map((w, F) => {
+            className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${W ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
+            children: n ? /* @__PURE__ */ p.exports.jsx(pa, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ p.exports.jsx(Fs, { children: s.length > 0 ? s.map((T, F) => {
               var Y, I, $;
-              const B = w != null && w.attachmentUrl ? /* @__PURE__ */ p.exports.jsx(
-                Rd,
+              const B = T != null && T.attachmentUrl ? /* @__PURE__ */ p.exports.jsx(
+                Ad,
                 {
-                  attachmentUrl: w.attachmentUrl,
-                  attachmentType: w == null ? void 0 : w.attachmentType,
-                  attachmentFormat: w == null ? void 0 : w.attachmentFormat,
-                  attachmentName: w == null ? void 0 : w.attachmentName,
-                  attachmentSize: w == null ? void 0 : w.attachmentSize,
+                  attachmentUrl: T.attachmentUrl,
+                  attachmentType: T == null ? void 0 : T.attachmentType,
+                  attachmentFormat: T == null ? void 0 : T.attachmentFormat,
+                  attachmentName: T == null ? void 0 : T.attachmentName,
+                  attachmentSize: T == null ? void 0 : T.attachmentSize,
                   uploadProgres: C == null ? void 0 : C.find(
-                    (W) => W.messageId === w.id
+                    (U) => U.messageId === T.id
                   ),
-                  cancellationToken: () => E ? E(w.id) : null
+                  cancellationToken: () => E ? E(T.id) : null
                 },
                 F
               ) : null;
-              if (w.isRightSided)
+              if (T.isRightSided)
                 return /* @__PURE__ */ p.exports.jsx(
-                  Vd,
+                  Ld,
                   {
                     maxWidth: x,
                     media: B,
                     handleContextMenu: R,
-                    message: w,
-                    them: V
+                    message: T,
+                    them: V,
+                    dynamicSymbols: f == null ? void 0 : f.map(
+                      (U) => U.symbol
+                    )
                   },
                   F
                 );
-              const _ = ((I = (Y = s[F - 1]) == null ? void 0 : Y.user) == null ? void 0 : I.id) !== (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id);
+              const _ = ((I = (Y = s[F - 1]) == null ? void 0 : Y.user) == null ? void 0 : I.id) !== (($ = T == null ? void 0 : T.user) == null ? void 0 : $.id);
               return /* @__PURE__ */ p.exports.jsx(
-                Ad,
+                Vd,
                 {
                   maxWidth: x,
                   showUserProfile: _,
                   media: B,
                   handleContextMenu: R,
-                  message: w,
-                  them: V
+                  message: T,
+                  them: V,
+                  dynamicSymbols: f == null ? void 0 : f.map(
+                    (U) => U.symbol
+                  )
                 },
                 F
               );
@@ -7365,7 +7385,7 @@ const Zd = Gr, Jd = ({
           }
         ),
         /* @__PURE__ */ p.exports.jsx(
-          xd,
+          bd,
           {
             isOpen: ie,
             onClose: () => pe(!1),
@@ -7374,27 +7394,27 @@ const Zd = Gr, Jd = ({
             question: "Are you sure you want to delete this message?"
           }
         ),
-        U && ((me = U == null ? void 0 : U.message) != null && me.id) ? /* @__PURE__ */ p.exports.jsx(
-          bd,
+        W && ((me = W == null ? void 0 : W.message) != null && me.id) ? /* @__PURE__ */ p.exports.jsx(
+          wd,
           {
             items: H,
-            isVisible: Boolean(U),
-            messageId: String(U == null ? void 0 : U.message.id),
-            isCurrentUserMessage: ((b = U == null ? void 0 : U.message) == null ? void 0 : b.user.id) === o.id,
+            isVisible: Boolean(W),
+            messageId: String(W == null ? void 0 : W.message.id),
+            isCurrentUserMessage: ((w = W == null ? void 0 : W.message) == null ? void 0 : w.user.id) === o.id,
             position: {
-              x: U == null ? void 0 : U.x,
-              y: U == null ? void 0 : U.y
+              x: W == null ? void 0 : W.x,
+              y: W == null ? void 0 : W.y
             }
           }
         ) : null,
         /* @__PURE__ */ p.exports.jsx(
-          Cd,
+          Pd,
           {
             onSendVoice: O,
             onSendMessage: Z,
-            onFileSend: (w) => z(w, Ne.File),
-            onImageSend: (w) => z(w, Ne.Image),
-            onVideoSend: (w) => z(w, Ne.Video),
+            onFileSend: (T) => z(T, Ne.File),
+            onImageSend: (T) => z(T, Ne.Image),
+            onVideoSend: (T) => z(T, Ne.Video),
             dynamicSymbolAssignments: f,
             onDynamicSymbolListSet: h,
             onDynamicSymbolListDelete: m,
@@ -7409,10 +7429,10 @@ const Zd = Gr, Jd = ({
 };
 export {
   Ne as AttachmentTypeEnum,
-  nh as Button,
-  oh as Chat,
+  ih as Button,
+  lh as Chat,
   ce as ChatThemEntity,
   Gt as MessageEntity,
-  rh as SymbolsListComponent
+  sh as SymbolsListComponent
 };
 //# sourceMappingURL=index.es.js.map