react-pro-messenger 1.0.12 → 1.0.13

package/dist/index.es.js

@@ -2,7 +2,7 @@ var Da = Object.defineProperty;
 var Ma = (e, t, n) => t in e ? Da(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Oe = (e, t, n) => (Ma(e, typeof t != "symbol" ? t + "" : t, n), n);
 import * as Qn from "react";
-import Te, { useCallback as Jt, createContext as ct, useRef as ye, useId as er, useContext as pe, useInsertionEffect as Ds, useMemo as He, useEffect as Qt, Children as Oa, isValidElement as La, useLayoutEffect as ka, useState as be, forwardRef as Mt, Fragment as Ms, createElement as _a, Component as Ia } from "react";
+import Te, { useCallback as Jt, createContext as ct, useRef as ve, useId as er, useContext as pe, useInsertionEffect as Ds, useMemo as He, useEffect as Qt, Children as Oa, isValidElement as La, useLayoutEffect as ka, useState as be, forwardRef as Mt, Fragment as Ms, createElement as _a, Component as Ia } from "react";
 var g = { exports: {} }, pt = {};
 var ni;
 function Fa() {
@@ -27,49 +27,49 @@ var ri;
 function Na() {
   return ri || (ri = 1, process.env.NODE_ENV !== "production" && function() {
     var e = Te, 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"), l = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), v = Symbol.iterator, y = "@@iterator";
-    function P(d) {
+    function w(d) {
       if (d === null || typeof d != "object")
         return null;
-      var w = v && d[v] || d[y];
-      return typeof w == "function" ? w : null;
+      var T = v && d[v] || d[y];
+      return typeof T == "function" ? T : null;
     }
     var x = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(d) {
+    function P(d) {
       {
-        for (var w = arguments.length, E = new Array(w > 1 ? w - 1 : 0), O = 1; O < w; O++)
-          E[O - 1] = arguments[O];
-        T("error", d, E);
+        for (var T = arguments.length, R = new Array(T > 1 ? T - 1 : 0), O = 1; O < T; O++)
+          R[O - 1] = arguments[O];
+        S("error", d, R);
       }
     }
-    function T(d, w, E) {
+    function S(d, T, R) {
       {
         var O = x.ReactDebugCurrentFrame, H = O.getStackAddendum();
-        H !== "" && (w += "%s", E = E.concat([H]));
-        var J = E.map(function(K) {
-          return String(K);
+        H !== "" && (T += "%s", R = R.concat([H]));
+        var Q = R.map(function(q) {
+          return String(q);
         });
-        J.unshift("Warning: " + w), Function.prototype.apply.call(console[d], console, J);
+        Q.unshift("Warning: " + T), Function.prototype.apply.call(console[d], console, Q);
       }
     }
-    var V = !1, m = !1, A = !1, F = !1, j = !1, G;
-    G = Symbol.for("react.module.reference");
-    function ee(d) {
-      return !!(typeof d == "string" || typeof d == "function" || d === r || d === s || j || d === i || d === u || d === c || F || d === p || V || m || A || typeof d == "object" && d !== null && (d.$$typeof === h || d.$$typeof === f || d.$$typeof === o || d.$$typeof === l || d.$$typeof === a || d.$$typeof === G || d.getModuleId !== void 0));
+    var E = !1, m = !1, j = !1, F = !1, V = !1, N;
+    N = Symbol.for("react.module.reference");
+    function J(d) {
+      return !!(typeof d == "string" || typeof d == "function" || d === r || d === s || V || d === i || d === u || d === c || F || d === p || E || m || j || typeof d == "object" && d !== null && (d.$$typeof === h || d.$$typeof === f || d.$$typeof === o || d.$$typeof === l || d.$$typeof === a || d.$$typeof === N || d.getModuleId !== void 0));
     }
-    function ue(d, w, E) {
+    function ce(d, T, R) {
       var O = d.displayName;
       if (O)
         return O;
-      var H = w.displayName || w.name || "";
-      return H !== "" ? E + "(" + H + ")" : E;
+      var H = T.displayName || T.name || "";
+      return H !== "" ? R + "(" + H + ")" : R;
     }
-    function xe(d) {
+    function Pe(d) {
       return d.displayName || "Context";
     }
     function oe(d) {
       if (d == null)
         return null;
-      if (typeof d.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
+      if (typeof d.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
         return d.displayName || d.name || null;
       if (typeof d == "string")
         return d;
@@ -90,20 +90,20 @@ function Na() {
       if (typeof d == "object")
         switch (d.$$typeof) {
           case l:
-            var w = d;
-            return xe(w) + ".Consumer";
+            var T = d;
+            return Pe(T) + ".Consumer";
           case o:
-            var E = d;
-            return xe(E._context) + ".Provider";
+            var R = d;
+            return Pe(R._context) + ".Provider";
           case a:
-            return ue(d, d.render, "ForwardRef");
+            return ce(d, d.render, "ForwardRef");
           case f:
             var O = d.displayName || null;
             return O !== null ? O : oe(d.type) || "Memo";
           case h: {
-            var H = d, J = H._payload, K = H._init;
+            var H = d, Q = H._payload, q = H._init;
             try {
-              return oe(K(J));
+              return oe(q(Q));
             } catch {
               return null;
             }
@@ -111,14 +111,14 @@ function Na() {
         }
       return null;
     }
-    var re = Object.assign, Pe = 0, B, D, L, ae, b, C, k;
+    var re = Object.assign, ge = 0, $, D, L, ae, b, C, k;
     function _() {
     }
     _.__reactDisabledLog = !0;
     function I() {
       {
-        if (Pe === 0) {
-          B = console.log, D = console.info, L = console.warn, ae = console.error, b = console.group, C = console.groupCollapsed, k = console.groupEnd;
+        if (ge === 0) {
+          $ = console.log, D = console.info, L = console.warn, ae = console.error, b = console.group, C = console.groupCollapsed, k = console.groupEnd;
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -135,12 +135,12 @@ function Na() {
             groupEnd: d
           });
         }
-        Pe++;
+        ge++;
       }
     }
-    function Y() {
+    function K() {
       {
-        if (Pe--, Pe === 0) {
+        if (ge--, ge === 0) {
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -148,7 +148,7 @@ function Na() {
           };
           Object.defineProperties(console, {
             log: re({}, d, {
-              value: B
+              value: $
             }),
             info: re({}, d, {
               value: D
@@ -170,65 +170,65 @@ function Na() {
             })
           });
         }
-        Pe < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ge < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var N = x.ReactCurrentDispatcher, $;
-    function U(d, w, E) {
+    var B = x.ReactCurrentDispatcher, U;
+    function W(d, T, R) {
       {
-        if ($ === void 0)
+        if (U === void 0)
           try {
             throw Error();
           } catch (H) {
             var O = H.stack.trim().match(/\n( *(at )?)/);
-            $ = O && O[1] || "";
+            U = O && O[1] || "";
           }
         return `
-` + $ + d;
+` + U + d;
       }
     }
-    var q = !1, W;
+    var G = !1, z;
     {
       var de = typeof WeakMap == "function" ? WeakMap : Map;
-      W = new de();
+      z = new de();
     }
-    function R(d, w) {
-      if (!d || q)
+    function A(d, T) {
+      if (!d || G)
         return "";
       {
-        var E = W.get(d);
-        if (E !== void 0)
-          return E;
+        var R = z.get(d);
+        if (R !== void 0)
+          return R;
       }
       var O;
-      q = !0;
+      G = !0;
       var H = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var J;
-      J = N.current, N.current = null, I();
+      var Q;
+      Q = B.current, B.current = null, I();
       try {
-        if (w) {
-          var K = function() {
+        if (T) {
+          var q = function() {
             throw Error();
           };
-          if (Object.defineProperty(K.prototype, "props", {
+          if (Object.defineProperty(q.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(K, []);
+              Reflect.construct(q, []);
             } catch (Me) {
               O = Me;
             }
-            Reflect.construct(d, [], K);
+            Reflect.construct(d, [], q);
           } else {
             try {
-              K.call();
+              q.call();
             } catch (Me) {
               O = Me;
             }
-            d.call(K.prototype);
+            d.call(q.prototype);
           }
         } else {
           try {
@@ -240,59 +240,59 @@ function Na() {
         }
       } catch (Me) {
         if (Me && O && typeof Me.stack == "string") {
-          for (var z = Me.stack.split(`
-`), ge = O.stack.split(`
-`), ie = z.length - 1, le = ge.length - 1; ie >= 1 && le >= 0 && z[ie] !== ge[le]; )
+          for (var Y = Me.stack.split(`
+`), ye = O.stack.split(`
+`), ie = Y.length - 1, le = ye.length - 1; ie >= 1 && le >= 0 && Y[ie] !== ye[le]; )
             le--;
           for (; ie >= 1 && le >= 0; ie--, le--)
-            if (z[ie] !== ge[le]) {
+            if (Y[ie] !== ye[le]) {
               if (ie !== 1 || le !== 1)
                 do
-                  if (ie--, le--, le < 0 || z[ie] !== ge[le]) {
+                  if (ie--, le--, le < 0 || Y[ie] !== ye[le]) {
                     var Ce = `
-` + z[ie].replace(" at new ", " at ");
-                    return d.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", d.displayName)), typeof d == "function" && W.set(d, Ce), Ce;
+` + Y[ie].replace(" at new ", " at ");
+                    return d.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", d.displayName)), typeof d == "function" && z.set(d, Ce), Ce;
                   }
                 while (ie >= 1 && le >= 0);
               break;
             }
         }
       } finally {
-        q = !1, N.current = J, Y(), Error.prepareStackTrace = H;
+        G = !1, B.current = Q, K(), Error.prepareStackTrace = H;
       }
-      var Qe = d ? d.displayName || d.name : "", ti = Qe ? U(Qe) : "";
-      return typeof d == "function" && W.set(d, ti), ti;
+      var Qe = d ? d.displayName || d.name : "", ti = Qe ? W(Qe) : "";
+      return typeof d == "function" && z.set(d, ti), ti;
     }
-    function Se(d, w, E) {
-      return R(d, !1);
+    function Se(d, T, R) {
+      return A(d, !1);
     }
     function Ze(d) {
-      var w = d.prototype;
-      return !!(w && w.isReactComponent);
+      var T = d.prototype;
+      return !!(T && T.isReactComponent);
     }
-    function Ue(d, w, E) {
+    function Ue(d, T, R) {
       if (d == null)
         return "";
       if (typeof d == "function")
-        return R(d, Ze(d));
+        return A(d, Ze(d));
       if (typeof d == "string")
-        return U(d);
+        return W(d);
       switch (d) {
         case u:
-          return U("Suspense");
+          return W("Suspense");
         case c:
-          return U("SuspenseList");
+          return W("SuspenseList");
       }
       if (typeof d == "object")
         switch (d.$$typeof) {
           case a:
             return Se(d.render);
           case f:
-            return Ue(d.type, w, E);
+            return Ue(d.type, T, R);
           case h: {
-            var O = d, H = O._payload, J = O._init;
+            var O = d, H = O._payload, Q = O._init;
             try {
-              return Ue(J(H), w, E);
+              return Ue(Q(H), T, R);
             } catch {
             }
           }
@@ -302,27 +302,27 @@ function Na() {
     var It = Object.prototype.hasOwnProperty, Wr = {}, zr = x.ReactDebugCurrentFrame;
     function Ft(d) {
       if (d) {
-        var w = d._owner, E = Ue(d.type, d._source, w ? w.type : null);
-        zr.setExtraStackFrame(E);
+        var T = d._owner, R = Ue(d.type, d._source, T ? T.type : null);
+        zr.setExtraStackFrame(R);
       } else
         zr.setExtraStackFrame(null);
     }
-    function fa(d, w, E, O, H) {
+    function fa(d, T, R, O, H) {
       {
-        var J = Function.call.bind(It);
-        for (var K in d)
-          if (J(d, K)) {
-            var z = void 0;
+        var Q = Function.call.bind(It);
+        for (var q in d)
+          if (Q(d, q)) {
+            var Y = void 0;
             try {
-              if (typeof d[K] != "function") {
-                var ge = Error((O || "React class") + ": " + E + " type `" + K + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[K] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ge.name = "Invariant Violation", ge;
+              if (typeof d[q] != "function") {
+                var ye = Error((O || "React class") + ": " + R + " type `" + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ye.name = "Invariant Violation", ye;
               }
-              z = d[K](w, K, O, E, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              Y = d[q](T, q, O, R, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ie) {
-              z = ie;
+              Y = ie;
             }
-            z && !(z instanceof Error) && (Ft(H), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", O || "React class", E, K, typeof z), Ft(null)), z instanceof Error && !(z.message in Wr) && (Wr[z.message] = !0, Ft(H), S("Failed %s type: %s", E, z.message), Ft(null));
+            Y && !(Y instanceof Error) && (Ft(H), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", O || "React class", R, q, typeof Y), Ft(null)), Y instanceof Error && !(Y.message in Wr) && (Wr[Y.message] = !0, Ft(H), P("Failed %s type: %s", R, Y.message), Ft(null));
           }
       }
     }
@@ -332,8 +332,8 @@ function Na() {
     }
     function ha(d) {
       {
-        var w = typeof Symbol == "function" && Symbol.toStringTag, E = w && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return E;
+        var T = typeof Symbol == "function" && Symbol.toStringTag, R = T && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return R;
       }
     }
     function pa(d) {
@@ -348,7 +348,7 @@ function Na() {
     }
     function Kr(d) {
       if (pa(d))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ha(d)), Yr(d);
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ha(d)), Yr(d);
     }
     var ht = x.ReactCurrentOwner, ma = {
       key: !0,
@@ -359,97 +359,97 @@ function Na() {
     ln = {};
     function ga(d) {
       if (It.call(d, "ref")) {
-        var w = Object.getOwnPropertyDescriptor(d, "ref").get;
-        if (w && w.isReactWarning)
+        var T = Object.getOwnPropertyDescriptor(d, "ref").get;
+        if (T && T.isReactWarning)
           return !1;
       }
       return d.ref !== void 0;
     }
     function ya(d) {
       if (It.call(d, "key")) {
-        var w = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (w && w.isReactWarning)
+        var T = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (T && T.isReactWarning)
           return !1;
       }
       return d.key !== void 0;
     }
-    function va(d, w) {
-      if (typeof d.ref == "string" && ht.current && w && ht.current.stateNode !== w) {
-        var E = oe(ht.current.type);
-        ln[E] || (S('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', oe(ht.current.type), d.ref), ln[E] = !0);
+    function va(d, T) {
+      if (typeof d.ref == "string" && ht.current && T && ht.current.stateNode !== T) {
+        var R = oe(ht.current.type);
+        ln[R] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', oe(ht.current.type), d.ref), ln[R] = !0);
       }
     }
-    function xa(d, w) {
+    function xa(d, T) {
       {
-        var E = function() {
-          qr || (qr = !0, S("%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)", w));
+        var R = function() {
+          qr || (qr = !0, P("%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)", T));
         };
-        E.isReactWarning = !0, Object.defineProperty(d, "key", {
-          get: E,
+        R.isReactWarning = !0, Object.defineProperty(d, "key", {
+          get: R,
           configurable: !0
         });
       }
     }
-    function ba(d, w) {
+    function ba(d, T) {
       {
-        var E = function() {
-          Gr || (Gr = !0, S("%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)", w));
+        var R = function() {
+          Gr || (Gr = !0, P("%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)", T));
         };
-        E.isReactWarning = !0, Object.defineProperty(d, "ref", {
-          get: E,
+        R.isReactWarning = !0, Object.defineProperty(d, "ref", {
+          get: R,
           configurable: !0
         });
       }
     }
-    var Ta = function(d, w, E, O, H, J, K) {
-      var z = {
+    var Ta = function(d, T, R, O, H, Q, q) {
+      var Y = {
         $$typeof: t,
         type: d,
-        key: w,
-        ref: E,
-        props: K,
-        _owner: J
+        key: T,
+        ref: R,
+        props: q,
+        _owner: Q
       };
-      return z._store = {}, Object.defineProperty(z._store, "validated", {
+      return Y._store = {}, Object.defineProperty(Y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(z, "_self", {
+      }), Object.defineProperty(Y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: O
-      }), Object.defineProperty(z, "_source", {
+      }), Object.defineProperty(Y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: H
-      }), Object.freeze && (Object.freeze(z.props), Object.freeze(z)), z;
+      }), Object.freeze && (Object.freeze(Y.props), Object.freeze(Y)), Y;
     };
-    function wa(d, w, E, O, H) {
+    function wa(d, T, R, O, H) {
       {
-        var J, K = {}, z = null, ge = null;
-        E !== void 0 && (Kr(E), z = "" + E), ya(w) && (Kr(w.key), z = "" + w.key), ga(w) && (ge = w.ref, va(w, H));
-        for (J in w)
-          It.call(w, J) && !ma.hasOwnProperty(J) && (K[J] = w[J]);
+        var Q, q = {}, Y = null, ye = null;
+        R !== void 0 && (Kr(R), Y = "" + R), ya(T) && (Kr(T.key), Y = "" + T.key), ga(T) && (ye = T.ref, va(T, H));
+        for (Q in T)
+          It.call(T, Q) && !ma.hasOwnProperty(Q) && (q[Q] = T[Q]);
         if (d && d.defaultProps) {
           var ie = d.defaultProps;
-          for (J in ie)
-            K[J] === void 0 && (K[J] = ie[J]);
+          for (Q in ie)
+            q[Q] === void 0 && (q[Q] = ie[Q]);
         }
-        if (z || ge) {
+        if (Y || ye) {
           var le = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          z && xa(K, le), ge && ba(K, le);
+          Y && xa(q, le), ye && ba(q, le);
         }
-        return Ta(d, z, ge, H, O, ht.current, K);
+        return Ta(d, Y, ye, H, O, ht.current, q);
       }
     }
     var cn = x.ReactCurrentOwner, Hr = x.ReactDebugCurrentFrame;
     function Je(d) {
       if (d) {
-        var w = d._owner, E = Ue(d.type, d._source, w ? w.type : null);
-        Hr.setExtraStackFrame(E);
+        var T = d._owner, R = Ue(d.type, d._source, T ? T.type : null);
+        Hr.setExtraStackFrame(R);
       } else
         Hr.setExtraStackFrame(null);
     }
@@ -473,10 +473,10 @@ Check the render method of \`` + d + "`.";
     function Pa(d) {
       {
         if (d !== void 0) {
-          var w = d.fileName.replace(/^.*[\\\/]/, ""), E = d.lineNumber;
+          var T = d.fileName.replace(/^.*[\\\/]/, ""), R = d.lineNumber;
           return `
 
-Check your code at ` + w + ":" + E + ".";
+Check your code at ` + T + ":" + R + ".";
         }
         return "";
       }
@@ -484,99 +484,99 @@ Check your code at ` + w + ":" + E + ".";
     var Zr = {};
     function Sa(d) {
       {
-        var w = Xr();
-        if (!w) {
-          var E = typeof d == "string" ? d : d.displayName || d.name;
-          E && (w = `
+        var T = Xr();
+        if (!T) {
+          var R = typeof d == "string" ? d : d.displayName || d.name;
+          R && (T = `
 
-Check the top-level render call using <` + E + ">.");
+Check the top-level render call using <` + R + ">.");
         }
-        return w;
+        return T;
       }
     }
-    function Jr(d, w) {
+    function Jr(d, T) {
       {
         if (!d._store || d._store.validated || d.key != null)
           return;
         d._store.validated = !0;
-        var E = Sa(w);
-        if (Zr[E])
+        var R = Sa(T);
+        if (Zr[R])
           return;
-        Zr[E] = !0;
+        Zr[R] = !0;
         var O = "";
-        d && d._owner && d._owner !== cn.current && (O = " It was passed a child from " + oe(d._owner.type) + "."), Je(d), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, O), Je(null);
+        d && d._owner && d._owner !== cn.current && (O = " It was passed a child from " + oe(d._owner.type) + "."), Je(d), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', R, O), Je(null);
       }
     }
-    function Qr(d, w) {
+    function Qr(d, T) {
       {
         if (typeof d != "object")
           return;
         if (an(d))
-          for (var E = 0; E < d.length; E++) {
-            var O = d[E];
-            fn(O) && Jr(O, w);
+          for (var R = 0; R < d.length; R++) {
+            var O = d[R];
+            fn(O) && Jr(O, T);
           }
         else if (fn(d))
           d._store && (d._store.validated = !0);
         else if (d) {
-          var H = P(d);
+          var H = w(d);
           if (typeof H == "function" && H !== d.entries)
-            for (var J = H.call(d), K; !(K = J.next()).done; )
-              fn(K.value) && Jr(K.value, w);
+            for (var Q = H.call(d), q; !(q = Q.next()).done; )
+              fn(q.value) && Jr(q.value, T);
         }
       }
     }
     function Ca(d) {
       {
-        var w = d.type;
-        if (w == null || typeof w == "string")
+        var T = d.type;
+        if (T == null || typeof T == "string")
           return;
-        var E;
-        if (typeof w == "function")
-          E = w.propTypes;
-        else if (typeof w == "object" && (w.$$typeof === a || w.$$typeof === f))
-          E = w.propTypes;
+        var R;
+        if (typeof T == "function")
+          R = T.propTypes;
+        else if (typeof T == "object" && (T.$$typeof === a || T.$$typeof === f))
+          R = T.propTypes;
         else
           return;
-        if (E) {
-          var O = oe(w);
-          fa(E, d.props, "prop", O, d);
-        } else if (w.PropTypes !== void 0 && !un) {
+        if (R) {
+          var O = oe(T);
+          fa(R, d.props, "prop", O, d);
+        } else if (T.PropTypes !== void 0 && !un) {
           un = !0;
-          var H = oe(w);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
+          var H = oe(T);
+          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
         }
-        typeof w.getDefaultProps == "function" && !w.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Ea(d) {
       {
-        for (var w = Object.keys(d.props), E = 0; E < w.length; E++) {
-          var O = w[E];
+        for (var T = Object.keys(d.props), R = 0; R < T.length; R++) {
+          var O = T[R];
           if (O !== "children" && O !== "key") {
-            Je(d), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", O), Je(null);
+            Je(d), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", O), Je(null);
             break;
           }
         }
-        d.ref !== null && (Je(d), S("Invalid attribute `ref` supplied to `React.Fragment`."), Je(null));
+        d.ref !== null && (Je(d), P("Invalid attribute `ref` supplied to `React.Fragment`."), Je(null));
       }
     }
-    function ei(d, w, E, O, H, J) {
+    function ei(d, T, R, O, H, Q) {
       {
-        var K = ee(d);
-        if (!K) {
-          var z = "";
-          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (z += " 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 ge = Pa(H);
-          ge ? z += ge : z += Xr();
+        var q = J(d);
+        if (!q) {
+          var Y = "";
+          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (Y += " 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 ye = Pa(H);
+          ye ? Y += ye : Y += Xr();
           var ie;
-          d === null ? ie = "null" : an(d) ? ie = "array" : d !== void 0 && d.$$typeof === t ? (ie = "<" + (oe(d.type) || "Unknown") + " />", z = " Did you accidentally export a JSX literal instead of a component?") : ie = typeof d, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ie, z);
+          d === null ? ie = "null" : an(d) ? ie = "array" : d !== void 0 && d.$$typeof === t ? (ie = "<" + (oe(d.type) || "Unknown") + " />", Y = " Did you accidentally export a JSX literal instead of a component?") : ie = typeof d, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ie, Y);
         }
-        var le = wa(d, w, E, H, J);
+        var le = wa(d, T, R, H, Q);
         if (le == null)
           return le;
-        if (K) {
-          var Ce = w.children;
+        if (q) {
+          var Ce = T.children;
           if (Ce !== void 0)
             if (O)
               if (an(Ce)) {
@@ -584,18 +584,18 @@ Check the top-level render call using <` + E + ">.");
                   Qr(Ce[Qe], d);
                 Object.freeze && Object.freeze(Ce);
               } else
-                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Qr(Ce, d);
         }
         return d === r ? Ea(le) : Ca(le), le;
       }
     }
-    function Ra(d, w, E) {
-      return ei(d, w, E, !0);
+    function Ra(d, T, R) {
+      return ei(d, T, R, !0);
     }
-    function Aa(d, w, E) {
-      return ei(d, w, E, !1);
+    function Aa(d, T, R) {
+      return ei(d, T, R, !1);
     }
     var ja = Aa, Va = Ra;
     mt.Fragment = r, mt.jsx = ja, mt.jsxs = Va;
@@ -641,7 +641,7 @@ class dn {
 }
 const tr = ct({});
 function nr(e) {
-  const t = ye(null);
+  const t = ve(null);
   return t.current === null && (t.current = e()), t.current;
 }
 const en = /* @__PURE__ */ ct(null), rr = ct({
@@ -665,7 +665,7 @@ class Ba extends Qn.Component {
   }
 }
 function $a({ children: e, isPresent: t, anchorX: n }) {
-  const r = er(), i = ye(null), s = ye({
+  const r = er(), i = ve(null), s = ve({
     width: 0,
     height: 0,
     top: 0,
@@ -739,37 +739,37 @@ function ii(e) {
   }), t;
 }
 const ir = typeof window < "u", Ls = ir ? ka : Qt, ks = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: l = "left" }) => {
-  const [a, u] = Os(o), c = He(() => ii(e), [e]), f = o && !a ? [] : c.map(Nt), h = ye(!0), p = ye(c), v = nr(() => /* @__PURE__ */ new Map()), [y, P] = be(c), [x, S] = be(c);
+  const [a, u] = Os(o), c = He(() => ii(e), [e]), f = o && !a ? [] : c.map(Nt), h = ve(!0), p = ve(c), v = nr(() => /* @__PURE__ */ new Map()), [y, w] = be(c), [x, P] = be(c);
   Ls(() => {
     h.current = !1, p.current = c;
     for (let m = 0; m < x.length; m++) {
-      const A = Nt(x[m]);
-      f.includes(A) ? v.delete(A) : v.get(A) !== !0 && v.set(A, !1);
+      const j = Nt(x[m]);
+      f.includes(j) ? v.delete(j) : v.get(j) !== !0 && v.set(j, !1);
     }
   }, [x, f.length, f.join("-")]);
-  const T = [];
+  const S = [];
   if (c !== y) {
     let m = [...c];
-    for (let A = 0; A < x.length; A++) {
-      const F = x[A], j = Nt(F);
-      f.includes(j) || (m.splice(A, 0, F), T.push(F));
+    for (let j = 0; j < x.length; j++) {
+      const F = x[j], V = Nt(F);
+      f.includes(V) || (m.splice(j, 0, F), S.push(F));
     }
-    return s === "wait" && T.length && (m = T), S(ii(m)), P(c), null;
+    return s === "wait" && S.length && (m = S), P(ii(m)), w(c), 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 } = pe(tr);
+  const { forceRender: E } = pe(tr);
   return g.exports.jsx(g.exports.Fragment, { children: x.map((m) => {
-    const A = Nt(m), F = o && !a ? !1 : c === x || f.includes(A), j = () => {
-      if (v.has(A))
-        v.set(A, !0);
+    const j = Nt(m), F = o && !a ? !1 : c === x || f.includes(j), V = () => {
+      if (v.has(j))
+        v.set(j, !0);
       else
         return;
-      let G = !0;
-      v.forEach((ee) => {
-        ee || (G = !1);
-      }), G && (V == null || V(), S(p.current), o && (u == null || u()), r && r());
+      let N = !0;
+      v.forEach((J) => {
+        J || (N = !1);
+      }), N && (E == null || E(), P(p.current), o && (u == null || u()), r && r());
     };
-    return g.exports.jsx(Ua, { isPresent: F, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: F ? void 0 : j, anchorX: l, children: m }, A);
+    return g.exports.jsx(Ua, { isPresent: F, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: F ? void 0 : V, anchorX: l, children: m }, j);
   }) });
 }, we = (e) => e;
 let ut = we, Fe = we;
@@ -836,21 +836,21 @@ function Is(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => n = !0, o = Bt.reduce((x, S) => (x[S] = za(s, t ? S : void 0), x), {}), { read: l, resolveKeyframes: a, update: u, preRender: c, render: f, postRender: h } = o, p = () => {
+  }, s = () => n = !0, o = Bt.reduce((x, P) => (x[P] = za(s, t ? P : void 0), x), {}), { read: l, resolveKeyframes: a, update: u, preRender: c, render: f, postRender: h } = o, p = () => {
     const x = performance.now();
     n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(x - i.timestamp, Ya), 1), i.timestamp = x, i.isProcessing = !0, l.process(i), a.process(i), u.process(i), c.process(i), f.process(i), h.process(i), i.isProcessing = !1, n && t && (r = !1, e(p));
   }, v = () => {
     n = !0, r = !0, i.isProcessing || e(p);
   };
-  return { schedule: Bt.reduce((x, S) => {
-    const T = o[S];
-    return x[S] = (V, m = !1, A = !1) => (n || v(), T.schedule(V, m, A)), x;
+  return { schedule: Bt.reduce((x, P) => {
+    const S = o[P];
+    return x[P] = (E, m = !1, j = !1) => (n || v(), S.schedule(E, m, j)), x;
   }, {}), cancel: (x) => {
-    for (let S = 0; S < Bt.length; S++)
-      o[Bt[S]].cancel(x);
+    for (let P = 0; P < Bt.length; P++)
+      o[Bt[P]].cancel(x);
   }, state: i, steps: o };
 }
-const { schedule: Q, cancel: Ne, state: fe, steps: hn } = Is(typeof requestAnimationFrame < "u" ? requestAnimationFrame : we, !0), Fs = ct({ strict: !1 }), si = {
+const { schedule: ee, cancel: Ne, state: fe, steps: hn } = Is(typeof requestAnimationFrame < "u" ? requestAnimationFrame : we, !0), Fs = ct({ strict: !1 }), si = {
   animation: [
     "animate",
     "variants",
@@ -996,7 +996,7 @@ function el(e, t, n) {
 const lr = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), tl = "framerAppearId", $s = "data-" + lr(tl), { schedule: cr, cancel: Xd } = Is(queueMicrotask, !1), Us = ct({});
 function nl(e, t, n, r, i) {
   var s, o;
-  const { visualElement: l } = pe(nn), a = pe(Fs), u = pe(en), c = pe(rr).reducedMotion, f = ye(null);
+  const { visualElement: l } = pe(nn), a = pe(Fs), u = pe(en), c = pe(rr).reducedMotion, f = ve(null);
   r = r || a.renderer, !f.current && r && (f.current = r(e, {
     visualState: t,
     parent: l,
@@ -1007,18 +1007,18 @@ function nl(e, t, n, r, i) {
   }));
   const h = f.current, p = pe(Us);
   h && !h.projection && i && (h.type === "html" || h.type === "svg") && rl(f.current, n, i, p);
-  const v = ye(!1);
+  const v = ve(!1);
   Ds(() => {
     h && v.current && h.update(n, u);
   });
-  const y = n[$s], P = ye(Boolean(y) && !(!((s = window.MotionHandoffIsComplete) === null || s === void 0) && s.call(window, y)) && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, y)));
+  const y = n[$s], w = ve(Boolean(y) && !(!((s = window.MotionHandoffIsComplete) === null || s === void 0) && s.call(window, y)) && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, y)));
   return Ls(() => {
-    h && (v.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), cr.render(h.render), P.current && h.animationState && h.animationState.animateChanges());
+    h && (v.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), cr.render(h.render), w.current && h.animationState && h.animationState.animateChanges());
   }), Qt(() => {
-    h && (!P.current && h.animationState && h.animationState.animateChanges(), P.current && (queueMicrotask(() => {
+    h && (!w.current && h.animationState && h.animationState.animateChanges(), w.current && (queueMicrotask(() => {
       var x;
       (x = window.MotionHandoffMarkAsComplete) === null || x === void 0 || x.call(window, y);
-    }), P.current = !1));
+    }), w.current = !1));
   }), h;
 }
 function rl(e, t, n, r) {
@@ -1050,8 +1050,8 @@ function il({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
     }, { isStatic: p } = h, v = Ja(u), y = r(u, p);
     if (!p && ir) {
       ol(h, e);
-      const P = al(h);
-      f = P.MeasureLayout, v.visualElement = nl(i, y, h, t, P.ProjectionNode);
+      const w = al(h);
+      f = w.MeasureLayout, v.visualElement = nl(i, y, h, t, w.ProjectionNode);
     }
     return g.exports.jsxs(nn.Provider, { value: v, children: [f && v.visualElement ? g.exports.jsx(f, { visualElement: v.visualElement, ...h }) : null, n(i, u, el(y, v.visualElement, c), y, p, v.visualElement)] });
   }
@@ -1408,17 +1408,17 @@ function Dl(e, t, n, r) {
     for (let p = 0; p < h.length; p++) {
       const v = vr(e, h[p]);
       if (v) {
-        const { transitionEnd: y, transition: P, ...x } = v;
-        for (const S in x) {
-          let T = x[S];
-          if (Array.isArray(T)) {
-            const V = c ? T.length - 1 : 0;
-            T = T[V];
+        const { transitionEnd: y, transition: w, ...x } = v;
+        for (const P in x) {
+          let S = x[P];
+          if (Array.isArray(S)) {
+            const E = c ? S.length - 1 : 0;
+            S = S[E];
           }
-          T !== null && (i[S] = T);
+          S !== null && (i[P] = S);
         }
-        for (const S in y)
-          i[S] = y[S];
+        for (const P in y)
+          i[P] = y[P];
       }
     }
   }
@@ -1516,8 +1516,8 @@ const di = ["x", "y", "width", "height", "cx", "cy", "r"], Ol = {
           const a = di[l];
           e[a] !== t[a] && (o = !0);
         }
-      o && Q.read(() => {
-        Xs(n, r), Q.render(() => {
+      o && ee.read(() => {
+        Xs(n, r), ee.render(() => {
           gr(r, i, yr(n.tagName), e.transformTemplate), Qs(n, r);
         });
       });
@@ -1875,7 +1875,7 @@ class Xl {
     this.events[t] || (this.events[t] = new Er());
     const r = this.events[t].add(n);
     return t === "change" ? () => {
-      r(), Q.read(() => {
+      r(), ee.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : r;
@@ -2171,7 +2171,7 @@ class Mr {
     this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = r, this.motionValue = i, this.element = s, this.isAsync = o;
   }
   scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (Ge.add(this), Nn || (Nn = !0, Q.read(Ao), Q.resolveKeyframes(Ro))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (Ge.add(this), Nn || (Nn = !0, ee.read(Ao), ee.resolveKeyframes(Ro))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: r, motionValue: i } = this;
@@ -2559,62 +2559,62 @@ function Fo(e = te.visualDuration, t = te.bounce) {
   const s = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], l = { done: !1, value: s }, { stiffness: a, damping: u, mass: c, duration: f, velocity: h, isResolvedFromDuration: p } = Hc({
     ...n,
     velocity: -Le(n.velocity || 0)
-  }), v = h || 0, y = u / (2 * Math.sqrt(a * c)), P = o - s, x = Le(Math.sqrt(a / c)), S = Math.abs(P) < 5;
-  r || (r = S ? te.restSpeed.granular : te.restSpeed.default), i || (i = S ? te.restDelta.granular : te.restDelta.default);
-  let T;
+  }), v = h || 0, y = u / (2 * Math.sqrt(a * c)), w = o - s, x = Le(Math.sqrt(a / c)), P = Math.abs(w) < 5;
+  r || (r = P ? te.restSpeed.granular : te.restSpeed.default), i || (i = P ? te.restDelta.granular : te.restDelta.default);
+  let S;
   if (y < 1) {
     const m = Un(x, y);
-    T = (A) => {
-      const F = Math.exp(-y * x * A);
-      return o - F * ((v + y * x * P) / m * Math.sin(m * A) + P * Math.cos(m * A));
+    S = (j) => {
+      const F = Math.exp(-y * x * j);
+      return o - F * ((v + y * x * w) / m * Math.sin(m * j) + w * Math.cos(m * j));
     };
   } else if (y === 1)
-    T = (m) => o - Math.exp(-x * m) * (P + (v + x * P) * m);
+    S = (m) => o - Math.exp(-x * m) * (w + (v + x * w) * m);
   else {
     const m = x * Math.sqrt(y * y - 1);
-    T = (A) => {
-      const F = Math.exp(-y * x * A), j = Math.min(m * A, 300);
-      return o - F * ((v + y * x * P) * Math.sinh(j) + m * P * Math.cosh(j)) / m;
+    S = (j) => {
+      const F = Math.exp(-y * x * j), V = Math.min(m * j, 300);
+      return o - F * ((v + y * x * w) * Math.sinh(V) + m * w * Math.cosh(V)) / m;
     };
   }
-  const V = {
+  const E = {
     calculatedDuration: p && f || null,
     next: (m) => {
-      const A = T(m);
+      const j = S(m);
       if (p)
         l.done = m >= f;
       else {
         let F = 0;
-        y < 1 && (F = m === 0 ? je(v) : Io(T, m, A));
-        const j = Math.abs(F) <= r, G = Math.abs(o - A) <= i;
-        l.done = j && G;
+        y < 1 && (F = m === 0 ? je(v) : Io(S, m, j));
+        const V = Math.abs(F) <= r, N = Math.abs(o - j) <= i;
+        l.done = V && N;
       }
-      return l.value = l.done ? o : A, l;
+      return l.value = l.done ? o : j, l;
     },
     toString: () => {
-      const m = Math.min(to(V), Ln), A = no((F) => V.next(m * F).value, m, 30);
-      return m + "ms " + A;
+      const m = Math.min(to(E), Ln), j = no((F) => E.next(m * F).value, m, 30);
+      return m + "ms " + j;
     }
   };
-  return V;
+  return E;
 }
 function Ri({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 325, bounceDamping: i = 10, bounceStiffness: s = 500, modifyTarget: o, min: l, max: a, restDelta: u = 0.5, restSpeed: c }) {
   const f = e[0], h = {
     done: !1,
     value: f
-  }, p = (j) => l !== void 0 && j < l || a !== void 0 && j > a, v = (j) => l === void 0 ? a : a === void 0 || Math.abs(l - j) < Math.abs(a - j) ? l : a;
+  }, p = (V) => l !== void 0 && V < l || a !== void 0 && V > a, v = (V) => l === void 0 ? a : a === void 0 || Math.abs(l - V) < Math.abs(a - V) ? l : a;
   let y = n * t;
-  const P = f + y, x = o === void 0 ? P : o(P);
-  x !== P && (y = x - f);
-  const S = (j) => -y * Math.exp(-j / r), T = (j) => x + S(j), V = (j) => {
-    const G = S(j), ee = T(j);
-    h.done = Math.abs(G) <= u, h.value = h.done ? x : ee;
+  const w = f + y, x = o === void 0 ? w : o(w);
+  x !== w && (y = x - f);
+  const P = (V) => -y * Math.exp(-V / r), S = (V) => x + P(V), E = (V) => {
+    const N = P(V), J = S(V);
+    h.done = Math.abs(N) <= u, h.value = h.done ? x : J;
   };
-  let m, A;
-  const F = (j) => {
-    p(h.value) && (m = j, A = Fo({
+  let m, j;
+  const F = (V) => {
+    p(h.value) && (m = V, j = Fo({
       keyframes: [h.value, v(h.value)],
-      velocity: Io(T, j, h.value),
+      velocity: Io(S, V, h.value),
       damping: i,
       stiffness: s,
       restDelta: u,
@@ -2623,9 +2623,9 @@ function Ri({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   };
   return F(0), {
     calculatedDuration: null,
-    next: (j) => {
-      let G = !1;
-      return !A && m === void 0 && (G = !0, V(j), F(j)), m !== void 0 && j >= m ? A.next(j - m) : (!G && V(j), h);
+    next: (V) => {
+      let N = !1;
+      return !j && m === void 0 && (N = !0, E(V), F(V)), m !== void 0 && V >= m ? j.next(V - m) : (!N && E(V), h);
     }
   };
 }
@@ -2717,7 +2717,7 @@ function wt({ duration: e = 300, keyframes: t, times: n, ease: r = "easeInOut" }
 const su = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: () => Q.update(t, !0),
+    start: () => ee.update(t, !0),
     stop: () => Ne(t),
     now: () => fe.isProcessing ? fe.timestamp : De.now()
   };
@@ -2770,28 +2770,28 @@ class Lr extends Lo {
   tick(t, n = !1) {
     const { resolved: r } = this;
     if (!r) {
-      const { keyframes: j } = this.options;
-      return { done: !0, value: j[j.length - 1] };
+      const { keyframes: V } = this.options;
+      return { done: !0, value: V[V.length - 1] };
     }
     const { finalKeyframe: i, generator: s, mirroredGenerator: o, mapPercentToKeyframes: l, keyframes: a, calculatedDuration: u, totalDuration: c, resolvedDuration: f } = r;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: h, repeat: p, repeatType: v, repeatDelay: y, onUpdate: P } = this.options;
+    const { delay: h, repeat: p, repeatType: v, repeatDelay: y, onUpdate: w } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - c / 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), S = this.speed >= 0 ? x < 0 : x > c;
+    const x = this.currentTime - h * (this.speed >= 0 ? 1 : -1), P = this.speed >= 0 ? x < 0 : x > c;
     this.currentTime = Math.max(x, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
-    let T = this.currentTime, V = s;
+    let S = this.currentTime, E = s;
     if (p) {
-      const j = Math.min(this.currentTime, c) / f;
-      let G = Math.floor(j), ee = j % 1;
-      !ee && j >= 1 && (ee = 1), ee === 1 && G--, G = Math.min(G, p + 1), Boolean(G % 2) && (v === "reverse" ? (ee = 1 - ee, y && (ee -= y / f)) : v === "mirror" && (V = o)), T = ke(0, 1, ee) * f;
+      const V = Math.min(this.currentTime, c) / f;
+      let N = Math.floor(V), J = V % 1;
+      !J && V >= 1 && (J = 1), J === 1 && N--, N = Math.min(N, p + 1), Boolean(N % 2) && (v === "reverse" ? (J = 1 - J, y && (J -= y / f)) : v === "mirror" && (E = o)), S = ke(0, 1, J) * f;
     }
-    const m = S ? { done: !1, value: a[0] } : V.next(T);
+    const m = P ? { done: !1, value: a[0] } : E.next(S);
     l && (m.value = l(m.value));
-    let { done: A } = m;
-    !S && u !== null && (A = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
-    const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return F && i !== void 0 && (m.value = on(a, this.options, i)), P && P(m.value), F && this.finish(), m;
+    let { done: j } = m;
+    !P && u !== null && (j = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
+    const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && j);
+    return F && i !== void 0 && (m.value = on(a, this.options, i)), w && w(m.value), F && this.finish(), m;
   }
   get duration() {
     const { resolved: t } = this;
@@ -2913,8 +2913,8 @@ class Vi extends Lo {
     if (!l.owner || !l.owner.current)
       return !1;
     if (typeof s == "string" && qt() && pu(s) && (s = Bo[s]), du(this.options)) {
-      const { onComplete: f, onUpdate: h, motionValue: p, element: v, ...y } = this.options, P = hu(t, y);
-      t = P.keyframes, t.length === 1 && (t[1] = t[0]), r = P.duration, i = P.times, s = P.ease, o = "keyframes";
+      const { onComplete: f, onUpdate: h, motionValue: p, element: v, ...y } = this.options, w = hu(t, y);
+      t = w.keyframes, t.length === 1 && (t[1] = t[0]), r = w.duration, i = w.times, s = w.ease, o = "keyframes";
     }
     const c = cu(l.owner.current, a, t, { ...this.options, duration: r, times: i, ease: s });
     return c.startTime = u ?? this.calcStartTime(), this.pendingTimeline ? (hi(c, this.pendingTimeline), this.pendingTimeline = void 0) : c.onfinish = () => {
@@ -3096,7 +3096,7 @@ const kr = (e, t, n, r = {}, i, s) => (o) => {
   if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (f = !0)), (ec.current || _s.skipAnimations) && (f = !0, c.duration = 0, c.delay = 0), f && !s && t.get() !== void 0) {
     const h = on(c.keyframes, l);
     if (h !== void 0)
-      return Q.update(() => {
+      return ee.update(() => {
         c.onUpdate(h), c.onComplete();
       }), new Il([]);
   }
@@ -3123,16 +3123,16 @@ function $o(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
     if (window.MotionHandoffAnimation) {
       const x = uo(e);
       if (x) {
-        const S = window.MotionHandoffAnimation(x, f, Q);
-        S !== null && (v.startTime = S, y = !0);
+        const P = window.MotionHandoffAnimation(x, f, ee);
+        P !== null && (v.startTime = P, y = !0);
       }
     }
     _n(e, f), h.start(kr(f, h, p, e.shouldReduceMotion && lo.has(f) ? { type: !1 } : v, e, y));
-    const P = h.animation;
-    P && u.push(P);
+    const w = h.animation;
+    w && u.push(w);
   }
   return l && Promise.all(u).then(() => {
-    Q.update(() => {
+    ee.update(() => {
       l && Jl(e, l);
     });
   }), u;
@@ -3227,47 +3227,47 @@ function ju(e) {
   function o(a) {
     const { props: u } = e, c = Wo(e.parent) || {}, f = [], h = /* @__PURE__ */ new Set();
     let p = {}, v = 1 / 0;
-    for (let P = 0; P < Ru; P++) {
-      const x = Eu[P], S = n[x], T = u[x] !== void 0 ? u[x] : c[x], V = Ct(T), m = x === a ? S.isActive : null;
-      m === !1 && (v = P);
-      let A = T === c[x] && T !== u[x] && V;
-      if (A && r && e.manuallyAnimateOnMount && (A = !1), S.protectedKeys = { ...p }, !S.isActive && m === null || !T && !S.prevProp || rn(T) || typeof T == "boolean")
+    for (let w = 0; w < Ru; w++) {
+      const x = Eu[w], P = n[x], S = u[x] !== void 0 ? u[x] : c[x], E = Ct(S), m = x === a ? P.isActive : null;
+      m === !1 && (v = w);
+      let j = S === c[x] && S !== u[x] && E;
+      if (j && r && e.manuallyAnimateOnMount && (j = !1), P.protectedKeys = { ...p }, !P.isActive && m === null || !S && !P.prevProp || rn(S) || typeof S == "boolean")
         continue;
-      const F = Vu(S.prevProp, T);
-      let j = F || x === a && S.isActive && !A && V || P > v && V, G = !1;
-      const ee = Array.isArray(T) ? T : [T];
-      let ue = ee.reduce(i(x), {});
-      m === !1 && (ue = {});
-      const { prevResolvedValues: xe = {} } = S, oe = {
-        ...xe,
-        ...ue
+      const F = Vu(P.prevProp, S);
+      let V = F || x === a && P.isActive && !j && E || w > v && E, N = !1;
+      const J = Array.isArray(S) ? S : [S];
+      let ce = J.reduce(i(x), {});
+      m === !1 && (ce = {});
+      const { prevResolvedValues: Pe = {} } = P, oe = {
+        ...Pe,
+        ...ce
       }, re = (D) => {
-        j = !0, h.has(D) && (G = !0, h.delete(D)), S.needsAnimating[D] = !0;
+        V = !0, h.has(D) && (N = !0, h.delete(D)), P.needsAnimating[D] = !0;
         const L = e.getValue(D);
         L && (L.liveStyle = !1);
       };
       for (const D in oe) {
-        const L = ue[D], ae = xe[D];
+        const L = ce[D], ae = Pe[D];
         if (p.hasOwnProperty(D))
           continue;
         let b = !1;
-        On(L) && On(ae) ? b = !Uo(L, ae) : b = L !== ae, b ? L != null ? re(D) : h.add(D) : L !== void 0 && h.has(D) ? re(D) : S.protectedKeys[D] = !0;
+        On(L) && On(ae) ? b = !Uo(L, ae) : b = L !== ae, b ? L != null ? re(D) : h.add(D) : L !== void 0 && h.has(D) ? re(D) : P.protectedKeys[D] = !0;
       }
-      S.prevProp = T, S.prevResolvedValues = ue, S.isActive && (p = { ...p, ...ue }), r && e.blockInitialAnimation && (j = !1), j && (!(A && F) || G) && f.push(...ee.map((D) => ({
+      P.prevProp = S, P.prevResolvedValues = ce, P.isActive && (p = { ...p, ...ce }), r && e.blockInitialAnimation && (V = !1), V && (!(j && F) || N) && f.push(...J.map((D) => ({
         animation: D,
         options: { type: x }
       })));
     }
     if (h.size) {
-      const P = {};
+      const w = {};
       if (typeof u.initial != "boolean") {
         const x = At(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        x && x.transition && (P.transition = x.transition);
+        x && x.transition && (w.transition = x.transition);
       }
       h.forEach((x) => {
-        const S = e.getBaseTarget(x), T = e.getValue(x);
-        T && (T.liveStyle = !0), P[x] = S ?? null;
-      }), f.push({ animation: P });
+        const P = e.getBaseTarget(x), S = e.getValue(x);
+        S && (S.liveStyle = !0), w[x] = P ?? null;
+      }), f.push({ animation: w });
     }
     let y = Boolean(f.length);
     return r && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (y = !1), r = !1, y ? t(f) : Promise.resolve();
@@ -3411,26 +3411,26 @@ function Iu(e, t) {
   };
 }
 const Yo = 1e-4, Fu = 1 - Yo, Nu = 1 + Yo, Ko = 0.01, Bu = 0 - Ko, $u = 0 + Ko;
-function ve(e) {
+function xe(e) {
   return e.max - e.min;
 }
 function Uu(e, t, n) {
   return Math.abs(e - t) <= n;
 }
 function Mi(e, t, n, r = 0.5) {
-  e.origin = r, e.originPoint = ne(t.min, t.max, e.origin), e.scale = ve(n) / ve(t), e.translate = ne(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Fu && e.scale <= Nu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Bu && e.translate <= $u || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = r, e.originPoint = ne(t.min, t.max, e.origin), e.scale = xe(n) / xe(t), e.translate = ne(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Fu && e.scale <= Nu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Bu && e.translate <= $u || isNaN(e.translate)) && (e.translate = 0);
 }
 function Pt(e, t, n, r) {
   Mi(e.x, t.x, n.x, r ? r.originX : void 0), Mi(e.y, t.y, n.y, r ? r.originY : void 0);
 }
 function Oi(e, t, n) {
-  e.min = n.min + t.min, e.max = e.min + ve(t);
+  e.min = n.min + t.min, e.max = e.min + xe(t);
 }
 function Wu(e, t, n) {
   Oi(e.x, t.x, n.x), Oi(e.y, t.y, n.y);
 }
 function Li(e, t, n) {
-  e.min = t.min - n.min, e.max = e.min + ve(t);
+  e.min = t.min - n.min, e.max = e.min + xe(t);
 }
 function St(e, t, n) {
   Li(e.x, t.x, n.x), Li(e.y, t.y, n.y);
@@ -3527,8 +3527,8 @@ class Xo {
         return;
       const { point: p } = c, { timestamp: v } = fe;
       this.history.push({ ...p, timestamp: v });
-      const { onStart: y, onMove: P } = this.handlers;
-      f || (y && y(this.lastMoveEvent, c), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, c);
+      const { onStart: y, onMove: w } = this.handlers;
+      f || (y && y(this.lastMoveEvent, c), this.startEvent = this.lastMoveEvent), w && w(this.lastMoveEvent, c);
     }, this.handlePointerMove = (c, f) => {
       if (c.target instanceof Element && c.target.hasPointerCapture && c.pointerId !== void 0)
         try {
@@ -3536,7 +3536,7 @@ class Xo {
             return;
         } catch {
         }
-      this.lastMoveEvent = c, this.lastMoveEventInfo = bn(f, this.transformPagePoint), Q.update(this.updatePoint, !0);
+      this.lastMoveEvent = c, this.lastMoveEventInfo = bn(f, this.transformPagePoint), ee.update(this.updatePoint, !0);
     }, this.handlePointerUp = (c, f) => {
       Gt(c, "release"), this.end();
       const { onEnd: h, onSessionEnd: p, resumeAnimation: v } = this.handlers;
@@ -3624,7 +3624,7 @@ function Zu(e, t) {
 }
 function Ju(e, t) {
   let n = 0.5;
-  const r = ve(e), i = ve(t);
+  const r = xe(e), i = xe(t);
   return i > r ? n = ot(t.min, t.max - r, e.min) : r > i && (n = ot(e.min, e.max - i, t.min)), ke(0, 1, n);
 }
 function Qu(e, t) {
@@ -3663,29 +3663,29 @@ class nf {
       const { drag: h, dragPropagation: p, onDragStart: v } = this.getProps();
       if (h && !p && (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), Re((P) => {
-        let x = this.getAxisMotionValue(P).get() || 0;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Re((w) => {
+        let x = this.getAxisMotionValue(w).get() || 0;
         if (Ve.test(x)) {
-          const { projection: S } = this.visualElement;
-          if (S && S.layout) {
-            const T = S.layout.layoutBox[P];
-            T && (x = ve(T) * (parseFloat(x) / 100));
+          const { projection: P } = this.visualElement;
+          if (P && P.layout) {
+            const S = P.layout.layoutBox[w];
+            S && (x = xe(S) * (parseFloat(x) / 100));
           }
         }
-        this.originPoint[P] = x;
-      }), v && Q.postRender(() => v(c, f)), _n(this.visualElement, "transform");
+        this.originPoint[w] = x;
+      }), v && ee.postRender(() => v(c, f)), _n(this.visualElement, "transform");
       const { animationState: y } = this.visualElement;
       y && y.setActive("whileDrag", !0);
     }, o = (c, f) => {
       const { dragPropagation: h, dragDirectionLock: p, onDirectionLock: v, onDrag: y } = this.getProps();
       if (!h && !this.openDragLock)
         return;
-      const { offset: P } = f;
+      const { offset: w } = f;
       if (p && this.currentDirection === null) {
-        this.currentDirection = rf(P), this.currentDirection !== null && v && v(this.currentDirection);
+        this.currentDirection = rf(w), this.currentDirection !== null && v && v(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, P), this.updateAxis("y", f.point, P), this.visualElement.render(), y && y(c, f);
+      this.updateAxis("x", f.point, w), this.updateAxis("y", f.point, w), this.visualElement.render(), y && y(c, f);
     }, l = (c, f) => this.stop(c, f), a = () => Re((c) => {
       var f;
       return this.getAnimationState(c) === "paused" && ((f = this.getAxisMotionValue(c).animation) === null || f === void 0 ? void 0 : f.play());
@@ -3708,7 +3708,7 @@ class nf {
     const { velocity: i } = n;
     this.startAnimation(i);
     const { onDragEnd: s } = this.getProps();
-    s && Q.postRender(() => s(t, n));
+    s && ee.postRender(() => s(t, n));
   }
   cancel() {
     this.isDragging = !1;
@@ -3837,7 +3837,7 @@ class nf {
       const { dragConstraints: a } = this.getProps();
       et(a) && a.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, s = i.addEventListener("measure", r);
-    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), Q.read(r);
+    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), ee.read(r);
     const o = Dt(window, "resize", () => this.scalePositionWithinConstraints()), l = i.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: u }) => {
       this.isDragging && u && (Re((c) => {
         const f = this.getAxisMotionValue(c);
@@ -3881,7 +3881,7 @@ class sf extends $e {
   }
 }
 const Gi = (e) => (t, n) => {
-  e && Q.postRender(() => e(t, n));
+  e && ee.postRender(() => e(t, n));
 };
 class of extends $e {
   constructor() {
@@ -3899,7 +3899,7 @@ class of extends $e {
       onStart: Gi(n),
       onMove: r,
       onEnd: (s, o) => {
-        delete this.session, i && Q.postRender(() => i(s, o));
+        delete this.session, i && ee.postRender(() => i(s, o));
       }
     };
   }
@@ -3955,7 +3955,7 @@ class lf extends Ia {
   }
   getSnapshotBeforeUpdate(t) {
     const { layoutDependency: n, visualElement: r, drag: i, isPresent: s } = this.props, o = r.projection;
-    return o && (o.isPresent = s, i || t.layoutDependency !== n || n === void 0 ? o.willUpdate() : this.safeToRemove(), t.isPresent !== s && (s ? o.promote() : o.relegate() || Q.postRender(() => {
+    return o && (o.isPresent = s, i || t.layoutDependency !== n || n === void 0 ? o.willUpdate() : this.safeToRemove(), t.isPresent !== s && (s ? o.promote() : o.relegate() || ee.postRender(() => {
       const l = o.getStack();
       (!l || !l.members.length) && this.safeToRemove();
     }))), null;
@@ -4025,7 +4025,7 @@ function pf(e, t) {
     const s = i - n;
     s >= t && (Ne(r), e(s - t));
   };
-  return Q.read(r, !0), () => Ne(r);
+  return ee.read(r, !0), () => Ne(r);
 }
 const Qo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], mf = Qo.length, Xi = (e) => typeof e == "string" ? parseFloat(e) : e, Zi = (e) => typeof e == "number" || M.test(e);
 function gf(e, t, n, r, i, s) {
@@ -4094,7 +4094,7 @@ function na(e, t) {
   return os(e.x, t.x) && os(e.y, t.y);
 }
 function as(e) {
-  return ve(e.x) / ve(e.y);
+  return xe(e.x) / xe(e.y);
 }
 function ls(e, t) {
   return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
@@ -4178,7 +4178,7 @@ function ra(e) {
   const n = uo(t);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: s } = e.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", Q, !(i || s));
+    window.MotionCancelOptimisedAnimation(n, "transform", ee, !(i || s));
   }
   const { parent: r } = e;
   r && !r.hasCheckedOptimisedAppear && ra(r);
@@ -4222,15 +4222,15 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const y = this.options.transition || c.getDefaultTransition() || Bf, { onLayoutAnimationStart: P, onLayoutAnimationComplete: x } = c.getProps(), S = !this.targetLayout || !na(this.targetLayout, v), T = !h && p;
-        if (this.options.layoutRoot || this.resumeFrom || T || h && (S || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(f, T);
-          const V = {
+        const y = this.options.transition || c.getDefaultTransition() || Bf, { onLayoutAnimationStart: w, onLayoutAnimationComplete: x } = c.getProps(), P = !this.targetLayout || !na(this.targetLayout, v), S = !h && p;
+        if (this.options.layoutRoot || this.resumeFrom || S || h && (P || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(f, S);
+          const E = {
             ...br(y, "layout"),
-            onPlay: P,
+            onPlay: w,
             onComplete: x
           };
-          (c.shouldReduceMotion || this.options.layoutRoot) && (V.delay = 0, V.type = !1), this.startAnimation(V);
+          (c.shouldReduceMotion || this.options.layoutRoot) && (E.delay = 0, E.type = !1), this.startAnimation(E);
         } else
           h || fs(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = v;
@@ -4294,15 +4294,15 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.nodes.forEach(Df), this.sharedNodes.forEach(If);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, Q.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, ee.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      Q.postRender(() => {
+      ee.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !ve(this.snapshot.measuredBox.x) && !ve(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !xe(this.snapshot.measuredBox.x) && !xe(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -4478,16 +4478,16 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(o, l = !1) {
       const a = this.snapshot, u = a ? a.latestValues : {}, c = { ...this.latestValues }, f = rt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !l;
-      const h = se(), p = a ? a.source : void 0, v = this.layout ? this.layout.source : void 0, y = p !== v, P = this.getStack(), x = !P || P.members.length <= 1, S = Boolean(y && !x && this.options.crossfade === !0 && !this.path.some(Nf));
+      const h = se(), p = a ? a.source : void 0, v = this.layout ? this.layout.source : void 0, y = p !== v, w = this.getStack(), x = !w || w.members.length <= 1, P = Boolean(y && !x && this.options.crossfade === !0 && !this.path.some(Nf));
       this.animationProgress = 0;
-      let T;
-      this.mixTargetDelta = (V) => {
-        const m = V / 1e3;
-        ds(f.x, o.x, m), ds(f.y, o.y, m), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (St(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Ff(this.relativeTarget, this.relativeTargetOrigin, h, m), T && wf(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = se()), Ee(T, this.relativeTarget)), y && (this.animationValues = c, gf(c, u, this.latestValues, m, S, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = m;
+      let S;
+      this.mixTargetDelta = (E) => {
+        const m = E / 1e3;
+        ds(f.x, o.x, m), ds(f.y, o.y, m), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (St(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Ff(this.relativeTarget, this.relativeTargetOrigin, h, m), S && wf(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = se()), Ee(S, this.relativeTarget)), y && (this.animationValues = c, gf(c, u, this.latestValues, m, P, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = m;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
-      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Ne(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = Q.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Ne(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = ee.update(() => {
         Yt.hasAnimatedSinceResize = !0, Tt.layout++, this.currentAnimation = uf(0, cs, {
           ...o,
           onUpdate: (l) => {
@@ -4516,9 +4516,9 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!l || !a || !u)) {
         if (this !== o && this.layout && u && sa(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
           a = this.target || se();
-          const f = ve(this.layout.layoutBox.x);
+          const f = xe(this.layout.layoutBox.x);
           a.x.min = o.target.x.min, a.x.max = a.x.min + f;
-          const h = ve(this.layout.layoutBox.y);
+          const h = xe(this.layout.layoutBox.y);
           a.y.min = o.target.y.min, a.y.max = a.y.min + h;
         }
         Ee(l, a), st(l, c), Pt(this.projectionDeltaWithTransform, this.layoutCorrected, l, c);
@@ -4599,13 +4599,13 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       for (const y in Et) {
         if (h[y] === void 0)
           continue;
-        const { correct: P, applyTo: x, isCSSVariable: S } = Et[y], T = u.transform === "none" ? h[y] : P(h[y], f);
+        const { correct: w, applyTo: x, isCSSVariable: P } = Et[y], S = u.transform === "none" ? h[y] : w(h[y], f);
         if (x) {
-          const V = x.length;
-          for (let m = 0; m < V; m++)
-            u[x[m]] = T;
+          const E = x.length;
+          for (let m = 0; m < E; m++)
+            u[x[m]] = S;
         } else
-          S ? this.options.visualElement.renderState.vars[y] = T : u[y] = T;
+          P ? this.options.visualElement.renderState.vars[y] = S : u[y] = S;
       }
       return this.options.layoutId && (u.pointerEvents = f === this ? Wt(o == null ? void 0 : o.pointerEvents) || "" : "none"), u;
     }
@@ -4629,10 +4629,10 @@ function Af(e) {
   if (e.isLead() && e.layout && n && e.hasListeners("didUpdate")) {
     const { layoutBox: r, measuredBox: i } = e.layout, { animationType: s } = e.options, o = n.source !== e.layout.source;
     s === "size" ? Re((f) => {
-      const h = o ? n.measuredBox[f] : n.layoutBox[f], p = ve(h);
+      const h = o ? n.measuredBox[f] : n.layoutBox[f], p = xe(h);
       h.min = r[f].min, h.max = h.min + p;
     }) : sa(s, n.layoutBox, r) && Re((f) => {
-      const h = o ? n.measuredBox[f] : n.layoutBox[f], p = ve(r[f]);
+      const h = o ? n.measuredBox[f] : n.layoutBox[f], p = xe(r[f]);
       h.max = h.min + p, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[f].max = e.relativeTarget[f].min + p);
     });
     const l = rt();
@@ -4769,7 +4769,7 @@ function ys(e, t, n) {
   const { props: r } = e;
   e.animationState && r.whileHover && e.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, s = r[i];
-  s && Q.postRender(() => s(t, _t(t)));
+  s && ee.postRender(() => s(t, _t(t)));
 }
 class Yf extends $e {
   mount() {
@@ -4807,7 +4807,7 @@ function vs(e, t, n) {
     return;
   e.animationState && r.whileTap && e.animationState.setActive("whileTap", n === "Start");
   const i = "onTap" + (n === "End" ? "" : n), s = r[i];
-  s && Q.postRender(() => s(t, _t(t)));
+  s && ee.postRender(() => s(t, _t(t)));
 }
 class qf extends $e {
   mount() {
@@ -4940,7 +4940,7 @@ class ld {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const p = De.now();
-      this.renderScheduledAt < p && (this.renderScheduledAt = p, Q.render(this.render, !1, !0));
+      this.renderScheduledAt < p && (this.renderScheduledAt = p, ee.render(this.render, !1, !0));
     };
     const { latestValues: a, renderState: u, onUpdate: c } = o;
     this.onUpdate = c, this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = l, this.blockInitialAnimation = Boolean(s), this.isControllingVariants = sn(n), this.isVariantNode = Bs(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = Boolean(t && t.current);
@@ -4968,7 +4968,7 @@ class ld {
     const r = Xe.has(t);
     r && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (l) => {
-      this.latestValues[t] = l, this.props.onUpdate && Q.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0);
+      this.latestValues[t] = l, this.props.onUpdate && ee.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0);
     }), s = n.on("renderRequest", this.scheduleRender);
     let o;
     window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
@@ -5146,7 +5146,7 @@ class fd extends la {
     return eo(t, n, r);
   }
   onBindTransform() {
-    this.current && !this.renderState.dimensions && Q.postRender(this.updateDimensions);
+    this.current && !this.renderState.dimensions && ee.postRender(this.updateDimensions);
   }
   build(t, n, r) {
     gr(t, n, this.isSVGTag, r.transformTemplate);
@@ -5360,8 +5360,8 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
   onFileSend: n,
   dynamicSymbolAssignments: r
 }) => {
-  const [i, s] = be(""), [o, l] = be(!1), [a, u] = be(0), [c, f] = be(null), [h, p] = be(null), [v, y] = be(0), P = ye(null), x = ye([]), S = ye(null), T = ye(null), V = ye(null), [m, A] = be(!1), F = (B) => {
-    const D = B.target.value;
+  const [i, s] = be(""), [o, l] = be(!1), [a, u] = be(0), [c, f] = be(null), [h, p] = be(null), [v, y] = be(0), w = ve(null), x = ve([]), P = ve(null), S = ve(null), E = ve(null), [m, j] = be(!1), F = ($) => {
+    const D = $.target.value;
     s(D);
     const L = D.match(/(\S+)$/);
     if (L) {
@@ -5373,44 +5373,44 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
       r != null && r.some((b) => b.symbol === ae) && f(ae);
     } else
       f(null);
-  }, j = (B, D) => {
-    s((L) => L + D + " "), f(null), T.current.focus();
-  }, G = () => {
+  }, V = ($, D) => {
+    s((L) => L + D + " "), f(null), S.current.focus();
+  }, N = () => {
     i.trim() !== "" && (e(i), s(""), f(null));
-  }, ee = async () => {
-    l(!0), u(0), x.current = [], S.current = setInterval(() => {
+  }, J = async () => {
+    l(!0), u(0), x.current = [], P.current = setInterval(() => {
       u((L) => L + 1);
     }, 1e3);
-    const B = await navigator.mediaDevices.getUserMedia({ audio: !0 }), D = new MediaRecorder(B);
-    P.current = D, D.ondataavailable = (L) => {
+    const $ = await navigator.mediaDevices.getUserMedia({ audio: !0 }), D = new MediaRecorder($);
+    w.current = D, D.ondataavailable = (L) => {
       L.data.size > 0 && x.current.push(L.data);
     }, D.onstop = () => {
-      clearInterval(S.current);
+      clearInterval(P.current);
       const L = new Blob(x.current, { type: "audio/mp3" }), ae = URL.createObjectURL(L);
       t(ae), l(!1);
     }, D.start();
-  }, ue = () => {
-    var B;
-    (B = P.current) == null || B.stop();
-  }, xe = () => {
-    var B;
-    (B = V.current) == null || B.click();
-  }, oe = (B) => {
+  }, ce = () => {
+    var $;
+    ($ = w.current) == null || $.stop();
+  }, Pe = () => {
+    var $;
+    ($ = E.current) == null || $.click();
+  }, oe = ($) => {
     var L;
-    const D = (L = B.target.files) == null ? void 0 : L[0];
+    const D = (L = $.target.files) == null ? void 0 : L[0];
     D && n(D);
-  }, re = (B) => {
-    const D = Math.floor(B / 60), L = B % 60;
+  }, re = ($) => {
+    const D = Math.floor($ / 60), L = $ % 60;
     return `${D.toString().padStart(2, "0")}:${L.toString().padStart(2, "0")}`;
-  }, Pe = (B) => {
-    const { scrollTop: D, scrollHeight: L, clientHeight: ae } = B.currentTarget;
+  }, ge = ($) => {
+    const { scrollTop: D, scrollHeight: L, clientHeight: ae } = $.currentTarget;
     if (D > v) {
       if (D + ae >= L - 1) {
         const C = r == null ? void 0 : r.find(
           (k) => k.symbol === c
         );
-        C && (C != null && C.updatePageNumber) && (A(!0), C == null || C.updatePageNumber(C.pagNumber + 1), y(D), setTimeout(() => {
-          A(!1);
+        C && (C != null && C.updatePageNumber) && (j(!0), C == null || C.updatePageNumber(C.pagNumber + 1), y(D), setTimeout(() => {
+          j(!1);
         }, 500));
       }
     } else
@@ -5423,7 +5423,7 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
         "button",
         {
           className: "cursor-pointer p-2 flex justify-center items-center bg-green-500 text-white rounded-full",
-          onClick: ue,
+          onClick: ce,
           children: /* @__PURE__ */ g.exports.jsx(bs, {})
         }
       )
@@ -5432,7 +5432,7 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
         /* @__PURE__ */ g.exports.jsx(
           "div",
           {
-            onClick: xe,
+            onClick: Pe,
             className: "cursor-pointer absolute right-4 top-[11px]",
             children: /* @__PURE__ */ g.exports.jsx(gd, {})
           }
@@ -5441,7 +5441,7 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
           "input",
           {
             type: "file",
-            ref: V,
+            ref: E,
             style: { display: "none" },
             onChange: oe
           }
@@ -5450,13 +5450,13 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
           "input",
           {
             type: "text",
-            ref: T,
+            ref: S,
             className: "w-full  bg-white flex-1 p-2 pl-4 border border-gray-300 outline-none rounded-tl-3xl rounded-tr-2xl rounded-bl-3xl  ",
             placeholder: "Type a message...",
             value: i,
             onChange: F,
-            onKeyDown: (B) => {
-              B.key === "Enter" && !B.shiftKey && (B.preventDefault(), G());
+            onKeyDown: ($) => {
+              $.key === "Enter" && !$.shiftKey && ($.preventDefault(), N());
             }
           }
         ),
@@ -5466,7 +5466,7 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(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: i ? G : ee,
+          onClick: i ? N : J,
           children: i ? /* @__PURE__ */ g.exports.jsx(bs, {}) : /* @__PURE__ */ g.exports.jsx(yd, {})
         }
       )
@@ -5475,7 +5475,7 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
       "div",
       {
         className: "absolute bottom-full left-0 w-full bg-white shadow-xl rounded-lg border border-gray-200 p-4 z-50 max-h-60 overflow-y-auto",
-        onScroll: Pe,
+        onScroll: ge,
         children: [
           /* @__PURE__ */ g.exports.jsxs("div", { className: "flex justify-between items-center border-b pb-2 mb-2", children: [
             /* @__PURE__ */ g.exports.jsxs("h3", { className: "text-lg font-semibold text-gray-800", children: [
@@ -5493,9 +5493,9 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
             )
           ] }),
           /* @__PURE__ */ g.exports.jsxs("div", { className: "space-y-2", children: [
-            r ? r.filter((B) => B.symbol === c).map((B) => {
+            r ? r.filter(($) => $.symbol === c).map(($) => {
               var ae;
-              const { component: D, lists: L } = B;
+              const { component: D, lists: L } = $;
               return D ? h ? (ae = L == null ? void 0 : L.filter((b) => b == null ? void 0 : b.name.includes(h))) == null ? void 0 : ae.map((b, C) => /* @__PURE__ */ g.exports.jsx(
                 "div",
                 {
@@ -5504,7 +5504,7 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
                     D,
                     {
                       listsProps: b,
-                      onClick: (k, _) => j(k, _)
+                      onClick: (k, _) => V(k, _)
                     }
                   )
                 },
@@ -5517,7 +5517,7 @@ const dd = (e, t) => mr(e) ? new fd(t) : new ud(t, {
                     D,
                     {
                       listsProps: b,
-                      onClick: (k, _) => j(k, _)
+                      onClick: (k, _) => V(k, _)
                     }
                   )
                 },
@@ -5608,7 +5608,7 @@ const Ts = ({
 );
 let yt = null;
 const Td = ({ src: e, className: t }) => {
-  const [n, r] = be(!1), [i, s] = be(0), o = ye(null);
+  const [n, r] = be(!1), [i, s] = be(0), o = ve(null);
   Qt(() => {
     const a = o.current;
     if (!a)
@@ -5751,17 +5751,17 @@ const Td = ({ src: e, className: t }) => {
     ]
   }
 );
-var ce = { exports: {} }, En = { exports: {} }, X = {};
+var ue = { exports: {} }, En = { exports: {} }, X = {};
 var ws;
 function Ed() {
   if (ws)
     return X;
   ws = 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, l = e ? Symbol.for("react.context") : 60110, a = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, c = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
-  function T(m) {
+  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, l = e ? Symbol.for("react.context") : 60110, a = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, c = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, P = e ? Symbol.for("react.scope") : 60119;
+  function S(m) {
     if (typeof m == "object" && m !== null) {
-      var A = m.$$typeof;
-      switch (A) {
+      var j = m.$$typeof;
+      switch (j) {
         case t:
           switch (m = m.type, m) {
             case a:
@@ -5780,59 +5780,59 @@ function Ed() {
                 case o:
                   return m;
                 default:
-                  return A;
+                  return j;
               }
           }
         case n:
-          return A;
+          return j;
       }
     }
   }
-  function V(m) {
-    return T(m) === u;
+  function E(m) {
+    return S(m) === u;
   }
   return X.AsyncMode = a, X.ConcurrentMode = u, X.ContextConsumer = l, X.ContextProvider = o, X.Element = t, X.ForwardRef = c, X.Fragment = r, X.Lazy = v, X.Memo = p, X.Portal = n, X.Profiler = s, X.StrictMode = i, X.Suspense = f, X.isAsyncMode = function(m) {
-    return V(m) || T(m) === a;
-  }, X.isConcurrentMode = V, X.isContextConsumer = function(m) {
-    return T(m) === l;
+    return E(m) || S(m) === a;
+  }, X.isConcurrentMode = E, X.isContextConsumer = function(m) {
+    return S(m) === l;
   }, X.isContextProvider = function(m) {
-    return T(m) === o;
+    return S(m) === o;
   }, X.isElement = function(m) {
     return typeof m == "object" && m !== null && m.$$typeof === t;
   }, X.isForwardRef = function(m) {
-    return T(m) === c;
+    return S(m) === c;
   }, X.isFragment = function(m) {
-    return T(m) === r;
+    return S(m) === r;
   }, X.isLazy = function(m) {
-    return T(m) === v;
+    return S(m) === v;
   }, X.isMemo = function(m) {
-    return T(m) === p;
+    return S(m) === p;
   }, X.isPortal = function(m) {
-    return T(m) === n;
+    return S(m) === n;
   }, X.isProfiler = function(m) {
-    return T(m) === s;
+    return S(m) === s;
   }, X.isStrictMode = function(m) {
-    return T(m) === i;
+    return S(m) === i;
   }, X.isSuspense = function(m) {
-    return T(m) === f;
+    return S(m) === f;
   }, X.isValidElementType = function(m) {
-    return typeof m == "string" || typeof m == "function" || m === r || m === u || m === s || m === i || m === f || m === h || typeof m == "object" && m !== null && (m.$$typeof === v || m.$$typeof === p || m.$$typeof === o || m.$$typeof === l || m.$$typeof === c || m.$$typeof === P || m.$$typeof === x || m.$$typeof === S || m.$$typeof === y);
-  }, X.typeOf = T, X;
+    return typeof m == "string" || typeof m == "function" || m === r || m === u || m === s || m === i || m === f || m === h || typeof m == "object" && m !== null && (m.$$typeof === v || m.$$typeof === p || m.$$typeof === o || m.$$typeof === l || m.$$typeof === c || m.$$typeof === w || m.$$typeof === x || m.$$typeof === P || m.$$typeof === y);
+  }, X.typeOf = S, X;
 }
 var Z = {};
 var Ps;
 function Rd() {
   return Ps || (Ps = 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, l = e ? Symbol.for("react.context") : 60110, a = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, c = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
-    function T(R) {
-      return typeof R == "string" || typeof R == "function" || R === r || R === u || R === s || R === i || R === f || R === h || typeof R == "object" && R !== null && (R.$$typeof === v || R.$$typeof === p || R.$$typeof === o || R.$$typeof === l || R.$$typeof === c || R.$$typeof === P || R.$$typeof === x || R.$$typeof === S || R.$$typeof === y);
+    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, l = e ? Symbol.for("react.context") : 60110, a = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, c = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, P = e ? Symbol.for("react.scope") : 60119;
+    function S(A) {
+      return typeof A == "string" || typeof A == "function" || A === r || A === u || A === s || A === i || A === f || A === h || typeof A == "object" && A !== null && (A.$$typeof === v || A.$$typeof === p || A.$$typeof === o || A.$$typeof === l || A.$$typeof === c || A.$$typeof === w || A.$$typeof === x || A.$$typeof === P || A.$$typeof === y);
     }
-    function V(R) {
-      if (typeof R == "object" && R !== null) {
-        var Se = R.$$typeof;
+    function E(A) {
+      if (typeof A == "object" && A !== null) {
+        var Se = A.$$typeof;
         switch (Se) {
           case t:
-            var Ze = R.type;
+            var Ze = A.type;
             switch (Ze) {
               case a:
               case u:
@@ -5859,47 +5859,47 @@ function Rd() {
         }
       }
     }
-    var m = a, A = u, F = l, j = o, G = t, ee = c, ue = r, xe = v, oe = p, re = n, Pe = s, B = i, D = f, L = !1;
-    function ae(R) {
-      return L || (L = !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(R) || V(R) === a;
+    var m = a, j = u, F = l, V = o, N = t, J = c, ce = r, Pe = v, oe = p, re = n, ge = s, $ = i, D = f, L = !1;
+    function ae(A) {
+      return L || (L = !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(A) || E(A) === a;
     }
-    function b(R) {
-      return V(R) === u;
+    function b(A) {
+      return E(A) === u;
     }
-    function C(R) {
-      return V(R) === l;
+    function C(A) {
+      return E(A) === l;
     }
-    function k(R) {
-      return V(R) === o;
+    function k(A) {
+      return E(A) === o;
     }
-    function _(R) {
-      return typeof R == "object" && R !== null && R.$$typeof === t;
+    function _(A) {
+      return typeof A == "object" && A !== null && A.$$typeof === t;
     }
-    function I(R) {
-      return V(R) === c;
+    function I(A) {
+      return E(A) === c;
     }
-    function Y(R) {
-      return V(R) === r;
+    function K(A) {
+      return E(A) === r;
     }
-    function N(R) {
-      return V(R) === v;
+    function B(A) {
+      return E(A) === v;
     }
-    function $(R) {
-      return V(R) === p;
+    function U(A) {
+      return E(A) === p;
     }
-    function U(R) {
-      return V(R) === n;
+    function W(A) {
+      return E(A) === n;
     }
-    function q(R) {
-      return V(R) === s;
+    function G(A) {
+      return E(A) === s;
     }
-    function W(R) {
-      return V(R) === i;
+    function z(A) {
+      return E(A) === i;
     }
-    function de(R) {
-      return V(R) === f;
+    function de(A) {
+      return E(A) === f;
     }
-    Z.AsyncMode = m, Z.ConcurrentMode = A, Z.ContextConsumer = F, Z.ContextProvider = j, Z.Element = G, Z.ForwardRef = ee, Z.Fragment = ue, Z.Lazy = xe, Z.Memo = oe, Z.Portal = re, Z.Profiler = Pe, Z.StrictMode = B, Z.Suspense = D, Z.isAsyncMode = ae, Z.isConcurrentMode = b, Z.isContextConsumer = C, Z.isContextProvider = k, Z.isElement = _, Z.isForwardRef = I, Z.isFragment = Y, Z.isLazy = N, Z.isMemo = $, Z.isPortal = U, Z.isProfiler = q, Z.isStrictMode = W, Z.isSuspense = de, Z.isValidElementType = T, Z.typeOf = V;
+    Z.AsyncMode = m, Z.ConcurrentMode = j, Z.ContextConsumer = F, Z.ContextProvider = V, Z.Element = N, Z.ForwardRef = J, Z.Fragment = ce, Z.Lazy = Pe, Z.Memo = oe, Z.Portal = re, Z.Profiler = ge, Z.StrictMode = $, Z.Suspense = D, Z.isAsyncMode = ae, Z.isConcurrentMode = b, Z.isContextConsumer = C, Z.isContextProvider = k, Z.isElement = _, Z.isForwardRef = I, Z.isFragment = K, Z.isLazy = B, Z.isMemo = U, Z.isPortal = W, Z.isProfiler = G, Z.isStrictMode = z, Z.isSuspense = de, Z.isValidElementType = S, Z.typeOf = E;
   }()), Z;
 }
 var Ss;
@@ -6051,16 +6051,16 @@ function Vd() {
       object: x("object"),
       string: x("string"),
       symbol: x("symbol"),
-      any: S(),
-      arrayOf: T,
-      element: V(),
+      any: P(),
+      arrayOf: S,
+      element: E(),
       elementType: m(),
-      instanceOf: A,
-      node: ee(),
-      objectOf: j,
+      instanceOf: j,
+      node: J(),
+      objectOf: V,
       oneOf: F,
-      oneOfType: G,
-      shape: xe,
+      oneOfType: N,
+      shape: Pe,
       exact: oe
     };
     function v(b, C) {
@@ -6070,130 +6070,130 @@ function Vd() {
       this.message = b, this.data = C && typeof C == "object" ? C : {}, this.stack = "";
     }
     y.prototype = Error.prototype;
-    function P(b) {
+    function w(b) {
       if (process.env.NODE_ENV !== "production")
         var C = {}, k = 0;
-      function _(Y, N, $, U, q, W, de) {
-        if (U = U || h, W = W || $, de !== n) {
+      function _(K, B, U, W, G, z, de) {
+        if (W = W || h, z = z || U, de !== n) {
           if (a) {
-            var R = new Error(
+            var A = 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 R.name = "Invariant Violation", R;
+            throw A.name = "Invariant Violation", A;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Se = U + ":" + $;
+            var Se = W + ":" + U;
             !C[Se] && k < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + W + "` 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."
+              "You are manually calling a React.PropTypes validation function for the `" + z + "` 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."
             ), C[Se] = !0, k++);
           }
         }
-        return N[$] == null ? Y ? N[$] === null ? new y("The " + q + " `" + W + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new y("The " + q + " `" + W + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : b(N, $, U, q, W);
+        return B[U] == null ? K ? B[U] === null ? new y("The " + G + " `" + z + "` is marked as required " + ("in `" + W + "`, but its value is `null`.")) : new y("The " + G + " `" + z + "` is marked as required in " + ("`" + W + "`, but its value is `undefined`.")) : null : b(B, U, W, G, z);
       }
       var I = _.bind(null, !1);
       return I.isRequired = _.bind(null, !0), I;
     }
     function x(b) {
-      function C(k, _, I, Y, N, $) {
-        var U = k[_], q = B(U);
-        if (q !== b) {
-          var W = D(U);
+      function C(k, _, I, K, B, U) {
+        var W = k[_], G = $(W);
+        if (G !== b) {
+          var z = D(W);
           return new y(
-            "Invalid " + Y + " `" + N + "` of type " + ("`" + W + "` supplied to `" + I + "`, expected ") + ("`" + b + "`."),
+            "Invalid " + K + " `" + B + "` of type " + ("`" + z + "` supplied to `" + I + "`, expected ") + ("`" + b + "`."),
             { expectedType: b }
           );
         }
         return null;
       }
-      return P(C);
+      return w(C);
     }
-    function S() {
-      return P(o);
+    function P() {
+      return w(o);
     }
-    function T(b) {
-      function C(k, _, I, Y, N) {
+    function S(b) {
+      function C(k, _, I, K, B) {
         if (typeof b != "function")
-          return new y("Property `" + N + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
-        var $ = k[_];
-        if (!Array.isArray($)) {
-          var U = B($);
-          return new y("Invalid " + Y + " `" + N + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected an array."));
+          return new y("Property `" + B + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+        var U = k[_];
+        if (!Array.isArray(U)) {
+          var W = $(U);
+          return new y("Invalid " + K + " `" + B + "` of type " + ("`" + W + "` supplied to `" + I + "`, expected an array."));
         }
-        for (var q = 0; q < $.length; q++) {
-          var W = b($, q, I, Y, N + "[" + q + "]", n);
-          if (W instanceof Error)
-            return W;
+        for (var G = 0; G < U.length; G++) {
+          var z = b(U, G, I, K, B + "[" + G + "]", n);
+          if (z instanceof Error)
+            return z;
         }
         return null;
       }
-      return P(C);
-    }
-    function V() {
-      function b(C, k, _, I, Y) {
-        var N = C[k];
-        if (!l(N)) {
-          var $ = B(N);
-          return new y("Invalid " + I + " `" + Y + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected a single ReactElement."));
+      return w(C);
+    }
+    function E() {
+      function b(C, k, _, I, K) {
+        var B = C[k];
+        if (!l(B)) {
+          var U = $(B);
+          return new y("Invalid " + I + " `" + K + "` of type " + ("`" + U + "` supplied to `" + _ + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return P(b);
+      return w(b);
     }
     function m() {
-      function b(C, k, _, I, Y) {
-        var N = C[k];
-        if (!e.isValidElementType(N)) {
-          var $ = B(N);
-          return new y("Invalid " + I + " `" + Y + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected a single ReactElement type."));
+      function b(C, k, _, I, K) {
+        var B = C[k];
+        if (!e.isValidElementType(B)) {
+          var U = $(B);
+          return new y("Invalid " + I + " `" + K + "` of type " + ("`" + U + "` supplied to `" + _ + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return P(b);
+      return w(b);
     }
-    function A(b) {
-      function C(k, _, I, Y, N) {
+    function j(b) {
+      function C(k, _, I, K, B) {
         if (!(k[_] instanceof b)) {
-          var $ = b.name || h, U = ae(k[_]);
-          return new y("Invalid " + Y + " `" + N + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("instance of `" + $ + "`."));
+          var U = b.name || h, W = ae(k[_]);
+          return new y("Invalid " + K + " `" + B + "` of type " + ("`" + W + "` supplied to `" + I + "`, expected ") + ("instance of `" + U + "`."));
         }
         return null;
       }
-      return P(C);
+      return w(C);
     }
     function F(b) {
       if (!Array.isArray(b))
         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 C(k, _, I, Y, N) {
-        for (var $ = k[_], U = 0; U < b.length; U++)
-          if (v($, b[U]))
+      function C(k, _, I, K, B) {
+        for (var U = k[_], W = 0; W < b.length; W++)
+          if (v(U, b[W]))
             return null;
-        var q = JSON.stringify(b, function(de, R) {
-          var Se = D(R);
-          return Se === "symbol" ? String(R) : R;
+        var G = JSON.stringify(b, function(de, A) {
+          var Se = D(A);
+          return Se === "symbol" ? String(A) : A;
         });
-        return new y("Invalid " + Y + " `" + N + "` of value `" + String($) + "` " + ("supplied to `" + I + "`, expected one of " + q + "."));
+        return new y("Invalid " + K + " `" + B + "` of value `" + String(U) + "` " + ("supplied to `" + I + "`, expected one of " + G + "."));
       }
-      return P(C);
+      return w(C);
     }
-    function j(b) {
-      function C(k, _, I, Y, N) {
+    function V(b) {
+      function C(k, _, I, K, B) {
         if (typeof b != "function")
-          return new y("Property `" + N + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
-        var $ = k[_], U = B($);
-        if (U !== "object")
-          return new y("Invalid " + Y + " `" + N + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected an object."));
-        for (var q in $)
-          if (r($, q)) {
-            var W = b($, q, I, Y, N + "." + q, n);
-            if (W instanceof Error)
-              return W;
+          return new y("Property `" + B + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
+        var U = k[_], W = $(U);
+        if (W !== "object")
+          return new y("Invalid " + K + " `" + B + "` of type " + ("`" + W + "` supplied to `" + I + "`, expected an object."));
+        for (var G in U)
+          if (r(U, G)) {
+            var z = b(U, G, I, K, B + "." + G, n);
+            if (z instanceof Error)
+              return z;
           }
         return null;
       }
-      return P(C);
+      return w(C);
     }
-    function G(b) {
+    function N(b) {
       if (!Array.isArray(b))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), o;
       for (var C = 0; C < b.length; C++) {
@@ -6203,68 +6203,68 @@ function Vd() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + L(k) + " at index " + C + "."
           ), o;
       }
-      function _(I, Y, N, $, U) {
-        for (var q = [], W = 0; W < b.length; W++) {
-          var de = b[W], R = de(I, Y, N, $, U, n);
-          if (R == null)
+      function _(I, K, B, U, W) {
+        for (var G = [], z = 0; z < b.length; z++) {
+          var de = b[z], A = de(I, K, B, U, W, n);
+          if (A == null)
             return null;
-          R.data && r(R.data, "expectedType") && q.push(R.data.expectedType);
+          A.data && r(A.data, "expectedType") && G.push(A.data.expectedType);
         }
-        var Se = q.length > 0 ? ", expected one of type [" + q.join(", ") + "]" : "";
-        return new y("Invalid " + $ + " `" + U + "` supplied to " + ("`" + N + "`" + Se + "."));
+        var Se = G.length > 0 ? ", expected one of type [" + G.join(", ") + "]" : "";
+        return new y("Invalid " + U + " `" + W + "` supplied to " + ("`" + B + "`" + Se + "."));
       }
-      return P(_);
+      return w(_);
     }
-    function ee() {
-      function b(C, k, _, I, Y) {
-        return re(C[k]) ? null : new y("Invalid " + I + " `" + Y + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
+    function J() {
+      function b(C, k, _, I, K) {
+        return re(C[k]) ? null : new y("Invalid " + I + " `" + K + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
       }
-      return P(b);
+      return w(b);
     }
-    function ue(b, C, k, _, I) {
+    function ce(b, C, k, _, I) {
       return new y(
         (b || "React class") + ": " + C + " type `" + k + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
-    function xe(b) {
-      function C(k, _, I, Y, N) {
-        var $ = k[_], U = B($);
-        if (U !== "object")
-          return new y("Invalid " + Y + " `" + N + "` of type `" + U + "` " + ("supplied to `" + I + "`, expected `object`."));
-        for (var q in b) {
-          var W = b[q];
-          if (typeof W != "function")
-            return ue(I, Y, N, q, D(W));
-          var de = W($, q, I, Y, N + "." + q, n);
+    function Pe(b) {
+      function C(k, _, I, K, B) {
+        var U = k[_], W = $(U);
+        if (W !== "object")
+          return new y("Invalid " + K + " `" + B + "` of type `" + W + "` " + ("supplied to `" + I + "`, expected `object`."));
+        for (var G in b) {
+          var z = b[G];
+          if (typeof z != "function")
+            return ce(I, K, B, G, D(z));
+          var de = z(U, G, I, K, B + "." + G, n);
           if (de)
             return de;
         }
         return null;
       }
-      return P(C);
+      return w(C);
     }
     function oe(b) {
-      function C(k, _, I, Y, N) {
-        var $ = k[_], U = B($);
-        if (U !== "object")
-          return new y("Invalid " + Y + " `" + N + "` of type `" + U + "` " + ("supplied to `" + I + "`, expected `object`."));
-        var q = t({}, k[_], b);
-        for (var W in q) {
-          var de = b[W];
-          if (r(b, W) && typeof de != "function")
-            return ue(I, Y, N, W, D(de));
+      function C(k, _, I, K, B) {
+        var U = k[_], W = $(U);
+        if (W !== "object")
+          return new y("Invalid " + K + " `" + B + "` of type `" + W + "` " + ("supplied to `" + I + "`, expected `object`."));
+        var G = t({}, k[_], b);
+        for (var z in G) {
+          var de = b[z];
+          if (r(b, z) && typeof de != "function")
+            return ce(I, K, B, z, D(de));
           if (!de)
             return new y(
-              "Invalid " + Y + " `" + N + "` key `" + W + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(k[_], null, "  ") + `
+              "Invalid " + K + " `" + B + "` key `" + z + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(k[_], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
             );
-          var R = de($, W, I, Y, N + "." + W, n);
-          if (R)
-            return R;
+          var A = de(U, z, I, K, B + "." + z, n);
+          if (A)
+            return A;
         }
         return null;
       }
-      return P(C);
+      return w(C);
     }
     function re(b) {
       switch (typeof b) {
@@ -6299,17 +6299,17 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
           return !1;
       }
     }
-    function Pe(b, C) {
+    function ge(b, C) {
       return b === "symbol" ? !0 : C ? C["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && C instanceof Symbol : !1;
     }
-    function B(b) {
+    function $(b) {
       var C = typeof b;
-      return Array.isArray(b) ? "array" : b instanceof RegExp ? "object" : Pe(C, b) ? "symbol" : C;
+      return Array.isArray(b) ? "array" : b instanceof RegExp ? "object" : ge(C, b) ? "symbol" : C;
     }
     function D(b) {
       if (typeof b > "u" || b === null)
         return "" + b;
-      var C = B(b);
+      var C = $(b);
       if (C === "object") {
         if (b instanceof Date)
           return "date";
@@ -6389,9 +6389,9 @@ function Dd() {
 }
 if (process.env.NODE_ENV !== "production") {
   var Md = ca(), Od = !0;
-  ce.exports = Vd()(Md.isElement, Od);
+  ue.exports = Vd()(Md.isElement, Od);
 } else
-  ce.exports = Dd()();
+  ue.exports = Dd()();
 function Hn() {
   return Hn = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -6439,8 +6439,8 @@ var Nr = Mt(function(e, t) {
   }));
 });
 Nr.propTypes = {
-  color: ce.exports.string,
-  size: ce.exports.oneOfType([ce.exports.string, ce.exports.number])
+  color: ue.exports.string,
+  size: ue.exports.oneOfType([ue.exports.string, ue.exports.number])
 };
 Nr.displayName = "Check";
 const _d = Nr;
@@ -6498,8 +6498,8 @@ var Br = Mt(function(e, t) {
   }));
 });
 Br.propTypes = {
-  color: ce.exports.string,
-  size: ce.exports.oneOfType([ce.exports.string, ce.exports.number])
+  color: ue.exports.string,
+  size: ue.exports.oneOfType([ue.exports.string, ue.exports.number])
 };
 Br.displayName = "Copy";
 const Nd = Br;
@@ -6552,8 +6552,8 @@ var $r = Mt(function(e, t) {
   }));
 });
 $r.propTypes = {
-  color: ce.exports.string,
-  size: ce.exports.oneOfType([ce.exports.string, ce.exports.number])
+  color: ue.exports.string,
+  size: ue.exports.oneOfType([ue.exports.string, ue.exports.number])
 };
 $r.displayName = "Edit";
 const Ud = $r;
@@ -6606,8 +6606,8 @@ var Ur = Mt(function(e, t) {
   }));
 });
 Ur.propTypes = {
-  color: ce.exports.string,
-  size: ce.exports.oneOfType([ce.exports.string, ce.exports.number])
+  color: ue.exports.string,
+  size: ue.exports.oneOfType([ue.exports.string, ue.exports.number])
 };
 Ur.displayName = "Trash";
 const Yd = Ur, Kd = ({
@@ -6618,32 +6618,32 @@ const Yd = Ur, Kd = ({
   onEditMessage: i,
   onDeleteMessage: s
 }) => {
-  const o = ye(null), [l, a] = be(!1), [u, c] = be(null), [f, h] = be(null), p = () => {
+  const o = ve(null), [l, a] = be(!1), [u, c] = be(null), [f, h] = be(null), p = () => {
     setTimeout(() => {
       o.current && (o.current.scrollTop = o.current.scrollHeight);
     }, 100);
-  }, v = (m, A) => {
+  }, v = (m, j) => {
     if (m.preventDefault(), !o.current)
       return;
     const F = o.current.getBoundingClientRect();
     h({
       x: m.clientX - F.left,
       y: m.clientY - F.top,
-      message: A
+      message: j
     });
   }, y = () => {
     h(null);
-  }, P = (m) => {
-    const A = new dn({
+  }, w = (m) => {
+    const j = new dn({
       id: new Date().toString(),
       text: m,
       user: e,
       isRightSided: !0,
       createdDate: new Date().toString()
     });
-    n([...t, A]), r(A), p();
+    n([...t, j]), r(j), p();
   }, x = (m) => {
-    const A = new dn({
+    const j = new dn({
       id: new Date().toString(),
       text: "",
       attachment: m,
@@ -6652,12 +6652,12 @@ const Yd = Ur, Kd = ({
       isRightSided: !0,
       createdDate: new Date().toString()
     });
-    n([...t, A]), r(A), p();
-  }, S = (m) => {
-    const A = URL.createObjectURL(m), F = new dn({
+    n([...t, j]), r(j), p();
+  }, P = (m) => {
+    const j = URL.createObjectURL(m), F = new dn({
       id: new Date().toString(),
       text: "",
-      attachment: A,
+      attachment: j,
       attachmentType: qe.File,
       user: e,
       isRightSided: !0,
@@ -6702,9 +6702,9 @@ const Yd = Ur, Kd = ({
         }
       }
     ],
-    handleSendFile: S,
+    handleSendFile: P,
     handleSendVoice: x,
-    handleSendMessage: P,
+    handleSendMessage: w,
     handleContextMenu: v,
     isModalOpen: l,
     contextMenu: f,
@@ -6722,21 +6722,22 @@ const Yd = Ur, Kd = ({
   onMessageSent: l,
   onDeleteMessage: a,
   onEditMessage: u,
-  dynamicSymbolAssignments: c
+  dynamicSymbolAssignments: c,
+  backgroundImage: f
 }) => {
-  var A, F;
+  var F, V;
   const {
-    handleDeleteConfirmation: f,
-    handleCloseContextMenu: h,
-    handleSendFile: p,
-    handleSendVoice: v,
-    handleSendMessage: y,
-    handleContextMenu: P,
-    contextMenuItems: x,
+    handleDeleteConfirmation: h,
+    handleCloseContextMenu: p,
+    handleSendFile: v,
+    handleSendVoice: y,
+    handleSendMessage: w,
+    handleContextMenu: x,
+    contextMenuItems: P,
     isModalOpen: S,
-    contextMenu: T,
-    chatRef: V,
-    setIsModalOpen: m
+    contextMenu: E,
+    chatRef: m,
+    setIsModalOpen: j
   } = Kd({
     user: s,
     messages: i,
@@ -6752,46 +6753,46 @@ const Yd = Ur, Kd = ({
       style: {
         width: e,
         height: t,
-        background: "url(./chat-bg-1.jpg)",
+        background: "url(" + f + ")",
         ...r
       },
-      onClick: h,
+      onClick: p,
       children: [
         /* @__PURE__ */ g.exports.jsx(
           "div",
           {
-            ref: V,
-            className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${T ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
-            children: /* @__PURE__ */ g.exports.jsx(ks, { children: i.map((j, G) => {
-              var xe, oe, re;
-              const ee = j != null && j.attachment ? /* @__PURE__ */ g.exports.jsx(
+            ref: m,
+            className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${E ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
+            children: /* @__PURE__ */ g.exports.jsx(ks, { children: i.map((N, J) => {
+              var oe, re, ge;
+              const ce = N != null && N.attachment ? /* @__PURE__ */ g.exports.jsx(
                 wd,
                 {
-                  attachment: j.attachment,
-                  attachmentType: j == null ? void 0 : j.attachmentType
+                  attachment: N.attachment,
+                  attachmentType: N == null ? void 0 : N.attachmentType
                 },
-                G
+                J
               ) : null;
-              if (j.isRightSided)
+              if (N.isRightSided)
                 return /* @__PURE__ */ g.exports.jsx(
                   Cd,
                   {
-                    media: ee,
-                    handleContextMenu: P,
-                    message: j
+                    media: ce,
+                    handleContextMenu: x,
+                    message: N
                   },
-                  G
+                  J
                 );
-              const ue = ((oe = (xe = i[G - 1]) == null ? void 0 : xe.user) == null ? void 0 : oe.id) !== ((re = j == null ? void 0 : j.user) == null ? void 0 : re.id);
+              const Pe = ((re = (oe = i[J - 1]) == null ? void 0 : oe.user) == null ? void 0 : re.id) !== ((ge = N == null ? void 0 : N.user) == null ? void 0 : ge.id);
               return /* @__PURE__ */ g.exports.jsx(
                 Pd,
                 {
-                  showUserProfile: ue,
-                  media: ee,
-                  handleContextMenu: P,
-                  message: j
+                  showUserProfile: Pe,
+                  media: ce,
+                  handleContextMenu: x,
+                  message: N
                 },
-                G
+                J
               );
             }) })
           }
@@ -6800,31 +6801,31 @@ const Yd = Ur, Kd = ({
           pd,
           {
             isOpen: S,
-            onClose: () => m(!1),
-            onConfirm: f,
+            onClose: () => j(!1),
+            onConfirm: h,
             header: "Confirm Delete",
             question: "Are you sure you want to delete this message?"
           }
         ),
-        T && ((A = T == null ? void 0 : T.message) != null && A.id) ? /* @__PURE__ */ g.exports.jsx(
+        E && ((F = E == null ? void 0 : E.message) != null && F.id) ? /* @__PURE__ */ g.exports.jsx(
           md,
           {
-            items: x,
-            isVisible: Boolean(T),
-            messageId: String(T == null ? void 0 : T.message.id),
-            isCurrentUserMessage: ((F = T == null ? void 0 : T.message) == null ? void 0 : F.user.id) === s.id,
+            items: P,
+            isVisible: Boolean(E),
+            messageId: String(E == null ? void 0 : E.message.id),
+            isCurrentUserMessage: ((V = E == null ? void 0 : E.message) == null ? void 0 : V.user.id) === s.id,
             position: {
-              x: T == null ? void 0 : T.x,
-              y: T == null ? void 0 : T.y
+              x: E == null ? void 0 : E.x,
+              y: E == null ? void 0 : E.y
             }
           }
         ) : null,
         /* @__PURE__ */ g.exports.jsx(
           vd,
           {
-            onSendVoice: v,
-            onSendMessage: y,
-            onFileSend: p,
+            onSendVoice: y,
+            onSendMessage: w,
+            onFileSend: v,
             dynamicSymbolAssignments: c
           }
         )