react-pro-messenger 1.0.34 → 1.0.35

package/dist/index.es.js

@@ -1,8 +1,8 @@
 var Oa = Object.defineProperty;
 var La = (e, t, n) => t in e ? Oa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Te = (e, t, n) => (La(e, typeof t != "symbol" ? t + "" : t, n), n);
+var we = (e, t, n) => (La(e, typeof t != "symbol" ? t + "" : t, n), n);
 import * as nr from "react";
-import Pe, { useCallback as nn, createContext as ut, useRef as me, useId as rr, useContext as ge, useInsertionEffect as Vs, useMemo as Xe, useEffect as ft, Children as ka, isValidElement as _a, useLayoutEffect as Ia, useState as pe, forwardRef as _t, Fragment as Os, createElement as Na, Component as Fa } from "react";
+import Pe, { useCallback as nn, createContext as ut, useRef as ge, useId as rr, useContext as ye, useInsertionEffect as Vs, useMemo as Xe, useEffect as ft, Children as ka, isValidElement as _a, useLayoutEffect as Ia, useState as me, forwardRef as kt, Fragment as Os, createElement as Na, Component as Fa } from "react";
 import Ba from "react-dom";
 var p = { exports: {} }, gt = {};
 var ii;
@@ -35,14 +35,14 @@ function Ua() {
       return typeof T == "function" ? T : null;
     }
     var x = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function P(d) {
+    function S(d) {
       {
         for (var T = arguments.length, j = new Array(T > 1 ? T - 1 : 0), F = 1; F < T; F++)
           j[F - 1] = arguments[F];
-        S("error", d, j);
+        P("error", d, j);
       }
     }
-    function S(d, T, j) {
+    function P(d, T, j) {
       {
         var F = x.ReactDebugCurrentFrame, q = F.getStackAddendum();
         q !== "" && (T += "%s", j = j.concat([q]));
@@ -64,13 +64,13 @@ function Ua() {
       var q = T.displayName || T.name || "";
       return q !== "" ? j + "(" + q + ")" : j;
     }
-    function ve(d) {
+    function xe(d) {
       return d.displayName || "Context";
     }
-    function oe(d) {
+    function ae(d) {
       if (d == null)
         return null;
-      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")
+      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")
         return d.displayName || d.name || null;
       if (typeof d == "string")
         return d;
@@ -92,19 +92,19 @@ function Ua() {
         switch (d.$$typeof) {
           case l:
             var T = d;
-            return ve(T) + ".Consumer";
+            return xe(T) + ".Consumer";
           case o:
             var j = d;
-            return ve(j._context) + ".Provider";
+            return xe(j._context) + ".Provider";
           case a:
             return ee(d, d.render, "ForwardRef");
           case f:
             var F = d.displayName || null;
-            return F !== null ? F : oe(d.type) || "Memo";
+            return F !== null ? F : ae(d.type) || "Memo";
           case h: {
             var q = d, J = q._payload, K = q._init;
             try {
-              return oe(K(J));
+              return ae(K(J));
             } catch {
               return null;
             }
@@ -112,14 +112,14 @@ function Ua() {
         }
       return null;
     }
-    var B = Object.assign, ae = 0, ce, H, re, xe, b, V, U;
+    var B = Object.assign, le = 0, ue, H, re, be, b, V, U;
     function D() {
     }
     D.__reactDisabledLog = !0;
     function R() {
       {
-        if (ae === 0) {
-          ce = console.log, H = console.info, re = console.warn, xe = console.error, b = console.group, V = console.groupCollapsed, U = console.groupEnd;
+        if (le === 0) {
+          ue = console.log, H = console.info, re = console.warn, be = console.error, b = console.group, V = console.groupCollapsed, U = console.groupEnd;
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -136,12 +136,12 @@ function Ua() {
             groupEnd: d
           });
         }
-        ae++;
+        le++;
       }
     }
     function M() {
       {
-        if (ae--, ae === 0) {
+        if (le--, le === 0) {
           var d = {
             configurable: !0,
             enumerable: !0,
@@ -149,7 +149,7 @@ function Ua() {
           };
           Object.defineProperties(console, {
             log: B({}, d, {
-              value: ce
+              value: ue
             }),
             info: B({}, d, {
               value: H
@@ -158,7 +158,7 @@ function Ua() {
               value: re
             }),
             error: B({}, d, {
-              value: xe
+              value: be
             }),
             group: B({}, d, {
               value: b
@@ -171,7 +171,7 @@ function Ua() {
             })
           });
         }
-        ae < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        le < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var L = x.ReactCurrentDispatcher, k;
@@ -190,8 +190,8 @@ function Ua() {
     }
     var W = !1, $;
     {
-      var de = typeof WeakMap == "function" ? WeakMap : Map;
-      $ = new de();
+      var he = typeof WeakMap == "function" ? WeakMap : Map;
+      $ = new he();
     }
     function A(d, T) {
       if (!d || W)
@@ -242,19 +242,19 @@ function Ua() {
       } catch (Le) {
         if (Le && F && typeof Le.stack == "string") {
           for (var Y = Le.stack.split(`
-`), be = F.stack.split(`
-`), ie = Y.length - 1, le = be.length - 1; ie >= 1 && le >= 0 && Y[ie] !== be[le]; )
-            le--;
-          for (; ie >= 1 && le >= 0; ie--, le--)
-            if (Y[ie] !== be[le]) {
-              if (ie !== 1 || le !== 1)
+`), Te = F.stack.split(`
+`), se = Y.length - 1, ce = Te.length - 1; se >= 1 && ce >= 0 && Y[se] !== Te[ce]; )
+            ce--;
+          for (; se >= 1 && ce >= 0; se--, ce--)
+            if (Y[se] !== Te[ce]) {
+              if (se !== 1 || ce !== 1)
                 do
-                  if (ie--, le--, le < 0 || Y[ie] !== be[le]) {
+                  if (se--, ce--, ce < 0 || Y[se] !== Te[ce]) {
                     var Re = `
-` + Y[ie].replace(" at new ", " at ");
+` + Y[se].replace(" at new ", " at ");
                     return d.displayName && Re.includes("<anonymous>") && (Re = Re.replace("<anonymous>", d.displayName)), typeof d == "function" && $.set(d, Re), Re;
                   }
-                while (ie >= 1 && le >= 0);
+                while (se >= 1 && ce >= 0);
               break;
             }
         }
@@ -300,8 +300,8 @@ function Ua() {
         }
       return "";
     }
-    var $t = Object.prototype.hasOwnProperty, Yr = {}, Kr = x.ReactDebugCurrentFrame;
-    function Ut(d) {
+    var Bt = Object.prototype.hasOwnProperty, Yr = {}, Kr = x.ReactDebugCurrentFrame;
+    function $t(d) {
       if (d) {
         var T = d._owner, j = ze(d.type, d._source, T ? T.type : null);
         Kr.setExtraStackFrame(j);
@@ -310,20 +310,20 @@ function Ua() {
     }
     function ha(d, T, j, F, q) {
       {
-        var J = Function.call.bind($t);
+        var J = Function.call.bind(Bt);
         for (var K in d)
           if (J(d, K)) {
             var Y = void 0;
             try {
               if (typeof d[K] != "function") {
-                var be = Error((F || "React class") + ": " + j + " 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 be.name = "Invariant Violation", be;
+                var Te = Error((F || "React class") + ": " + j + " 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 Te.name = "Invariant Violation", Te;
               }
               Y = d[K](T, K, F, j, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (ie) {
-              Y = ie;
+            } catch (se) {
+              Y = se;
             }
-            Y && !(Y instanceof Error) && (Ut(q), 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).", F || "React class", j, K, typeof Y), Ut(null)), Y instanceof Error && !(Y.message in Yr) && (Yr[Y.message] = !0, Ut(q), P("Failed %s type: %s", j, Y.message), Ut(null));
+            Y && !(Y instanceof Error) && ($t(q), 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).", F || "React class", j, K, typeof Y), $t(null)), Y instanceof Error && !(Y.message in Yr) && (Yr[Y.message] = !0, $t(q), S("Failed %s type: %s", j, Y.message), $t(null));
           }
       }
     }
@@ -349,7 +349,7 @@ function Ua() {
     }
     function qr(d) {
       if (ga(d))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ma(d)), Gr(d);
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ma(d)), Gr(d);
     }
     var mt = x.ReactCurrentOwner, ya = {
       key: !0,
@@ -359,7 +359,7 @@ function Ua() {
     }, Hr, Xr, fn;
     fn = {};
     function va(d) {
-      if ($t.call(d, "ref")) {
+      if (Bt.call(d, "ref")) {
         var T = Object.getOwnPropertyDescriptor(d, "ref").get;
         if (T && T.isReactWarning)
           return !1;
@@ -367,7 +367,7 @@ function Ua() {
       return d.ref !== void 0;
     }
     function xa(d) {
-      if ($t.call(d, "key")) {
+      if (Bt.call(d, "key")) {
         var T = Object.getOwnPropertyDescriptor(d, "key").get;
         if (T && T.isReactWarning)
           return !1;
@@ -376,14 +376,14 @@ function Ua() {
     }
     function ba(d, T) {
       if (typeof d.ref == "string" && mt.current && T && mt.current.stateNode !== T) {
-        var j = oe(mt.current.type);
-        fn[j] || (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(mt.current.type), d.ref), fn[j] = !0);
+        var j = ae(mt.current.type);
+        fn[j] || (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', ae(mt.current.type), d.ref), fn[j] = !0);
       }
     }
     function Ta(d, T) {
       {
         var j = function() {
-          Hr || (Hr = !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));
+          Hr || (Hr = !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)", T));
         };
         j.isReactWarning = !0, Object.defineProperty(d, "key", {
           get: j,
@@ -394,7 +394,7 @@ function Ua() {
     function wa(d, T) {
       {
         var j = function() {
-          Xr || (Xr = !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));
+          Xr || (Xr = !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)", T));
         };
         j.isReactWarning = !0, Object.defineProperty(d, "ref", {
           get: j,
@@ -402,7 +402,7 @@ function Ua() {
         });
       }
     }
-    var Pa = function(d, T, j, F, q, J, K) {
+    var Sa = function(d, T, j, F, q, J, K) {
       var Y = {
         $$typeof: t,
         type: d,
@@ -428,22 +428,22 @@ function Ua() {
         value: q
       }), Object.freeze && (Object.freeze(Y.props), Object.freeze(Y)), Y;
     };
-    function Sa(d, T, j, F, q) {
+    function Pa(d, T, j, F, q) {
       {
-        var J, K = {}, Y = null, be = null;
-        j !== void 0 && (qr(j), Y = "" + j), xa(T) && (qr(T.key), Y = "" + T.key), va(T) && (be = T.ref, ba(T, q));
+        var J, K = {}, Y = null, Te = null;
+        j !== void 0 && (qr(j), Y = "" + j), xa(T) && (qr(T.key), Y = "" + T.key), va(T) && (Te = T.ref, ba(T, q));
         for (J in T)
-          $t.call(T, J) && !ya.hasOwnProperty(J) && (K[J] = T[J]);
+          Bt.call(T, J) && !ya.hasOwnProperty(J) && (K[J] = T[J]);
         if (d && d.defaultProps) {
-          var ie = d.defaultProps;
-          for (J in ie)
-            K[J] === void 0 && (K[J] = ie[J]);
+          var se = d.defaultProps;
+          for (J in se)
+            K[J] === void 0 && (K[J] = se[J]);
         }
-        if (Y || be) {
-          var le = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          Y && Ta(K, le), be && wa(K, le);
+        if (Y || Te) {
+          var ce = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+          Y && Ta(K, ce), Te && wa(K, ce);
         }
-        return Pa(d, Y, be, q, F, mt.current, K);
+        return Sa(d, Y, Te, q, F, mt.current, K);
       }
     }
     var dn = x.ReactCurrentOwner, Zr = x.ReactDebugCurrentFrame;
@@ -462,7 +462,7 @@ function Ua() {
     function Jr() {
       {
         if (dn.current) {
-          var d = oe(dn.current.type);
+          var d = ae(dn.current.type);
           if (d)
             return `
 
@@ -505,7 +505,7 @@ Check the top-level render call using <` + j + ">.");
           return;
         Qr[j] = !0;
         var F = "";
-        d && d._owner && d._owner !== dn.current && (F = " It was passed a child from " + oe(d._owner.type) + "."), Qe(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.', j, F), Qe(null);
+        d && d._owner && d._owner !== dn.current && (F = " It was passed a child from " + ae(d._owner.type) + "."), Qe(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.', j, F), Qe(null);
       }
     }
     function ti(d, T) {
@@ -540,14 +540,14 @@ Check the top-level render call using <` + j + ">.");
         else
           return;
         if (j) {
-          var F = oe(T);
+          var F = ae(T);
           ha(j, d.props, "prop", F, d);
         } else if (T.PropTypes !== void 0 && !hn) {
           hn = !0;
-          var q = oe(T);
-          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
+          var q = ae(T);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
         }
-        typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof T.getDefaultProps == "function" && !T.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ja(d) {
@@ -555,11 +555,11 @@ Check the top-level render call using <` + j + ">.");
         for (var T = Object.keys(d.props), j = 0; j < T.length; j++) {
           var F = T[j];
           if (F !== "children" && F !== "key") {
-            Qe(d), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", F), Qe(null);
+            Qe(d), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", F), Qe(null);
             break;
           }
         }
-        d.ref !== null && (Qe(d), P("Invalid attribute `ref` supplied to `React.Fragment`."), Qe(null));
+        d.ref !== null && (Qe(d), S("Invalid attribute `ref` supplied to `React.Fragment`."), Qe(null));
       }
     }
     function ni(d, T, j, F, q, J) {
@@ -568,14 +568,14 @@ Check the top-level render call using <` + j + ">.");
         if (!K) {
           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 be = Ca(q);
-          be ? Y += be : Y += Jr();
-          var ie;
-          d === null ? ie = "null" : un(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 Te = Ca(q);
+          Te ? Y += Te : Y += Jr();
+          var se;
+          d === null ? se = "null" : un(d) ? se = "array" : d !== void 0 && d.$$typeof === t ? (se = "<" + (ae(d.type) || "Unknown") + " />", Y = " Did you accidentally export a JSX literal instead of a component?") : se = 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", se, Y);
         }
-        var le = Sa(d, T, j, q, J);
-        if (le == null)
-          return le;
+        var ce = Pa(d, T, j, q, J);
+        if (ce == null)
+          return ce;
         if (K) {
           var Re = T.children;
           if (Re !== void 0)
@@ -585,11 +585,11 @@ Check the top-level render call using <` + j + ">.");
                   ti(Re[et], d);
                 Object.freeze && Object.freeze(Re);
               } else
-                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.");
+                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.");
             else
               ti(Re, d);
         }
-        return d === r ? ja(le) : Ra(le), le;
+        return d === r ? ja(ce) : Ra(ce), ce;
       }
     }
     function Aa(d, T, j) {
@@ -633,22 +633,22 @@ class wt {
     isSending: f,
     isEdited: h
   }) {
-    Te(this, "id", "0");
-    Te(this, "text", "");
-    Te(this, "createdDate", "");
-    Te(this, "attachmentUrl", "");
-    Te(this, "attachmentBlob");
-    Te(this, "attachmentType");
-    Te(this, "attachmentFormat", "");
-    Te(this, "user", { id: "" });
-    Te(this, "isRightSided", !1);
-    Te(this, "symbols");
-    Te(this, "isSending");
-    Te(this, "isEdited");
-    Te(this, "updateId", (t) => {
+    we(this, "id", "0");
+    we(this, "text", "");
+    we(this, "createdDate", "");
+    we(this, "attachmentUrl", "");
+    we(this, "attachmentBlob");
+    we(this, "attachmentType");
+    we(this, "attachmentFormat", "");
+    we(this, "user", { id: "" });
+    we(this, "isRightSided", !1);
+    we(this, "symbols");
+    we(this, "isSending");
+    we(this, "isEdited");
+    we(this, "updateId", (t) => {
       this.id = t;
     });
-    Te(this, "updateIsSending", (t) => {
+    we(this, "updateIsSending", (t) => {
       this.isSending = t;
     });
     this.id = t, this.text = n, this.createdDate = r, this.attachmentUrl = i, this.attachmentType = s, this.attachmentFormat = o, this.attachmentBlob = l, this.user = a, this.isRightSided = u, this.symbols = c, this.isSending = f, this.isEdited = h;
@@ -656,7 +656,7 @@ class wt {
 }
 const ir = ut({});
 function sr(e) {
-  const t = me(null);
+  const t = ge(null);
   return t.current === null && (t.current = e()), t.current;
 }
 const rn = /* @__PURE__ */ ut(null), or = ut({
@@ -680,13 +680,13 @@ class Wa extends nr.Component {
   }
 }
 function za({ children: e, isPresent: t, anchorX: n }) {
-  const r = rr(), i = me(null), s = me({
+  const r = rr(), i = ge(null), s = ge({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: o } = ge(or);
+  }), { nonce: o } = ye(or);
   return Vs(() => {
     const { width: l, height: a, top: u, left: c, right: f } = s.current;
     if (t || !i.current || !l || !a)
@@ -735,7 +735,7 @@ function Ka() {
   return /* @__PURE__ */ new Map();
 }
 function Ls(e = !0) {
-  const t = ge(rn);
+  const t = ye(rn);
   if (t === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: r, register: i } = t, s = rr();
@@ -746,7 +746,7 @@ function Ls(e = !0) {
   const o = nn(() => e && r && r(s), [s, r, e]);
   return !n && r ? [!1, o] : [!0];
 }
-const Wt = (e) => e.key || "";
+const Ut = (e) => e.key || "";
 function oi(e) {
   const t = [];
   return ka.forEach(e, (n) => {
@@ -754,27 +754,27 @@ function oi(e) {
   }), t;
 }
 const ar = typeof window < "u", ks = ar ? Ia : ft, _s = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: l = "left" }) => {
-  const [a, u] = Ls(o), c = Xe(() => oi(e), [e]), f = o && !a ? [] : c.map(Wt), h = me(!0), m = me(c), v = sr(() => /* @__PURE__ */ new Map()), [y, w] = pe(c), [x, P] = pe(c);
+  const [a, u] = Ls(o), c = Xe(() => oi(e), [e]), f = o && !a ? [] : c.map(Ut), h = ge(!0), m = ge(c), v = sr(() => /* @__PURE__ */ new Map()), [y, w] = me(c), [x, S] = me(c);
   ks(() => {
     h.current = !1, m.current = c;
     for (let g = 0; g < x.length; g++) {
-      const E = Wt(x[g]);
+      const E = Ut(x[g]);
       f.includes(E) ? v.delete(E) : v.get(E) !== !0 && v.set(E, !1);
     }
   }, [x, f.length, f.join("-")]);
-  const S = [];
+  const P = [];
   if (c !== y) {
     let g = [...c];
     for (let E = 0; E < x.length; E++) {
-      const z = x[E], C = Wt(z);
-      f.includes(C) || (g.splice(E, 0, z), S.push(z));
+      const z = x[E], C = Ut(z);
+      f.includes(C) || (g.splice(E, 0, z), P.push(z));
     }
-    return s === "wait" && S.length && (g = S), P(oi(g)), w(c), null;
+    return s === "wait" && P.length && (g = P), S(oi(g)), 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: O } = ge(ir);
+  const { forceRender: O } = ye(ir);
   return p.exports.jsx(p.exports.Fragment, { children: x.map((g) => {
-    const E = Wt(g), z = o && !a ? !1 : c === x || f.includes(E), C = () => {
+    const E = Ut(g), z = o && !a ? !1 : c === x || f.includes(E), C = () => {
       if (v.has(E))
         v.set(E, !0);
       else
@@ -782,12 +782,12 @@ const ar = typeof window < "u", ks = ar ? Ia : ft, _s = ({ children: e, custom:
       let N = !0;
       v.forEach((G) => {
         G || (N = !1);
-      }), N && (O == null || O(), P(m.current), o && (u == null || u()), r && r());
+      }), N && (O == null || O(), S(m.current), o && (u == null || u()), r && r());
     };
     return p.exports.jsx(Ya, { isPresent: z, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: z ? void 0 : C, anchorX: l, children: g }, E);
   }) });
-}, Se = (e) => e;
-let dt = Se, Be = Se;
+}, Ce = (e) => e;
+let dt = Ce, Be = Ce;
 process.env.NODE_ENV !== "production" && (dt = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
 }, Be = (e, t) => {
@@ -804,7 +804,7 @@ const at = (e, t, n) => {
 }, Me = (e) => e * 1e3, _e = (e) => e / 1e3, Is = {
   skipAnimations: !1,
   useManualTiming: !1
-}, zt = [
+}, Wt = [
   "read",
   "resolveKeyframes",
   "update",
@@ -851,21 +851,21 @@ function Ns(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => n = !0, o = zt.reduce((x, P) => (x[P] = Ga(s, t ? P : void 0), x), {}), { read: l, resolveKeyframes: a, update: u, preRender: c, render: f, postRender: h } = o, m = () => {
+  }, s = () => n = !0, o = Wt.reduce((x, S) => (x[S] = Ga(s, t ? S : void 0), x), {}), { read: l, resolveKeyframes: a, update: u, preRender: c, render: f, postRender: h } = o, m = () => {
     const x = performance.now();
     n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(x - i.timestamp, qa), 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(m));
   }, v = () => {
     n = !0, r = !0, i.isProcessing || e(m);
   };
-  return { schedule: zt.reduce((x, P) => {
-    const S = o[P];
-    return x[P] = (O, g = !1, E = !1) => (n || v(), S.schedule(O, g, E)), x;
+  return { schedule: Wt.reduce((x, S) => {
+    const P = o[S];
+    return x[S] = (O, g = !1, E = !1) => (n || v(), P.schedule(O, g, E)), x;
   }, {}), cancel: (x) => {
-    for (let P = 0; P < zt.length; P++)
-      o[zt[P]].cancel(x);
+    for (let S = 0; S < Wt.length; S++)
+      o[Wt[S]].cancel(x);
   }, state: i, steps: o };
 }
-const { schedule: Q, cancel: $e, state: fe, steps: mn } = Ns(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Se, !0), Fs = ut({ strict: !1 }), ai = {
+const { schedule: Q, cancel: $e, state: de, steps: mn } = Ns(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Ce, !0), Fs = ut({ strict: !1 }), ai = {
   animation: [
     "animate",
     "variants",
@@ -928,12 +928,12 @@ const Xa = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function Xt(e) {
+function Ht(e) {
   return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Xa.has(e);
 }
-let Bs = (e) => !Xt(e);
+let Bs = (e) => !Ht(e);
 function Za(e) {
-  e && (Bs = (t) => t.startsWith("on") ? !Xt(t) : e(t));
+  e && (Bs = (t) => t.startsWith("on") ? !Ht(t) : e(t));
 }
 try {
   Za(require("@emotion/is-prop-valid").default);
@@ -942,7 +942,7 @@ try {
 function Ja(e, t, n) {
   const r = {};
   for (const i in e)
-    i === "values" && typeof e.values == "object" || (Bs(i) || n === !0 && Xt(i) || !t && !Xt(i) || e.draggable && i.startsWith("onDrag")) && (r[i] = e[i]);
+    i === "values" && typeof e.values == "object" || (Bs(i) || n === !0 && Ht(i) || !t && !Ht(i) || e.draggable && i.startsWith("onDrag")) && (r[i] = e[i]);
   return r;
 }
 const li = /* @__PURE__ */ new Set();
@@ -990,7 +990,7 @@ function el(e, t) {
   return e.inherit !== !1 ? t : {};
 }
 function tl(e) {
-  const { initial: t, animate: n } = el(e, ge(on));
+  const { initial: t, animate: n } = el(e, ye(on));
   return Xe(() => ({ initial: t, animate: n }), [ci(t), ci(n)]);
 }
 function ci(e) {
@@ -1011,7 +1011,7 @@ function rl(e, t, n) {
 const fr = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), il = "framerAppearId", Us = "data-" + fr(il), { schedule: dr, cancel: th } = Ns(queueMicrotask, !1), Ws = ut({});
 function sl(e, t, n, r, i) {
   var s, o;
-  const { visualElement: l } = ge(on), a = ge(Fs), u = ge(rn), c = ge(or).reducedMotion, f = me(null);
+  const { visualElement: l } = ye(on), a = ye(Fs), u = ye(rn), c = ye(or).reducedMotion, f = ge(null);
   r = r || a.renderer, !f.current && r && (f.current = r(e, {
     visualState: t,
     parent: l,
@@ -1020,13 +1020,13 @@ function sl(e, t, n, r, i) {
     blockInitialAnimation: u ? u.initial === !1 : !1,
     reducedMotionConfig: c
   }));
-  const h = f.current, m = ge(Ws);
+  const h = f.current, m = ye(Ws);
   h && !h.projection && i && (h.type === "html" || h.type === "svg") && ol(f.current, n, i, m);
-  const v = me(!1);
+  const v = ge(!1);
   Vs(() => {
     h && v.current && h.update(n, u);
   });
-  const y = n[Us], w = me(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[Us], w = ge(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 ks(() => {
     h && (v.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), dr.render(h.render), w.current && h.animationState && h.animationState.animateChanges());
   }), ft(() => {
@@ -1059,7 +1059,7 @@ function al({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
   function l(u, c) {
     let f;
     const h = {
-      ...ge(or),
+      ...ye(or),
       ...u,
       layoutId: ll(u)
     }, { isStatic: m } = h, v = tl(u), y = r(u, m);
@@ -1071,15 +1071,15 @@ function al({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
     return p.exports.jsxs(on.Provider, { value: v, children: [f && v.visualElement ? p.exports.jsx(f, { visualElement: v.visualElement, ...h }) : null, n(i, u, rl(y, v.visualElement, c), y, m, v.visualElement)] });
   }
   l.displayName = `motion.${typeof i == "string" ? i : `create(${(o = (s = i.displayName) !== null && s !== void 0 ? s : i.name) !== null && o !== void 0 ? o : ""})`}`;
-  const a = _t(l);
+  const a = kt(l);
   return a[nl] = i, a;
 }
 function ll({ layoutId: e }) {
-  const t = ge(ir).id;
+  const t = ye(ir).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function cl(e, t) {
-  const n = ge(Fs).strict;
+  const n = ye(Fs).strict;
   if (process.env.NODE_ENV !== "production" && t && n) {
     const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     e.ignoreStrict ? dt(!1, r) : Be(!1, r);
@@ -1122,21 +1122,21 @@ const ht = [
 function Ks(e, { layout: t, layoutId: n }) {
   return Ze.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!At[e] || e === "opacity");
 }
-const ye = (e) => Boolean(e && e.getVelocity), Gs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Ie = (e, t, n) => n > t ? t : n < e ? e : n, pt = {
+const ve = (e) => Boolean(e && e.getVelocity), Gs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Ie = (e, t, n) => n > t ? t : n < e ? e : n, pt = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
 }, Dt = {
   ...pt,
   transform: (e) => Ie(0, 1, e)
-}, Yt = {
+}, zt = {
   ...pt,
   default: 1
-}, It = (e) => ({
+}, _t = (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), Ne = /* @__PURE__ */ It("deg"), Ve = /* @__PURE__ */ It("%"), I = /* @__PURE__ */ It("px"), pl = /* @__PURE__ */ It("vh"), ml = /* @__PURE__ */ It("vw"), ui = {
+}), Ne = /* @__PURE__ */ _t("deg"), Ve = /* @__PURE__ */ _t("%"), I = /* @__PURE__ */ _t("px"), pl = /* @__PURE__ */ _t("vh"), ml = /* @__PURE__ */ _t("vw"), ui = {
   ...Ve,
   parse: (e) => Ve.parse(e) / 100,
   transform: (e) => Ve.transform(e * 100)
@@ -1177,10 +1177,10 @@ const ye = (e) => Boolean(e && e.getVelocity), Gs = (e, t) => t && typeof e == "
   rotateX: Ne,
   rotateY: Ne,
   rotateZ: Ne,
-  scale: Yt,
-  scaleX: Yt,
-  scaleY: Yt,
-  scaleZ: Yt,
+  scale: zt,
+  scaleX: zt,
+  scaleY: zt,
+  scaleZ: zt,
   skew: Ne,
   skewX: Ne,
   skewY: Ne,
@@ -1262,7 +1262,7 @@ const yr = () => ({
 });
 function qs(e, t, n) {
   for (const r in t)
-    !ye(t[r]) && !Ks(r, n) && (e[r] = t[r]);
+    !ve(t[r]) && !Ks(r, n) && (e[r] = t[r]);
 }
 function Tl({ transformTemplate: e }, t) {
   return Xe(() => {
@@ -1274,11 +1274,11 @@ function wl(e, t) {
   const n = e.style || {}, r = {};
   return qs(r, n, e), Object.assign(r, Tl(e, t)), r;
 }
-function Pl(e, t) {
+function Sl(e, t) {
   const n = {}, r = wl(e, t);
   return e.drag && e.dragListener !== !1 && (n.draggable = !1, r.userSelect = r.WebkitUserSelect = r.WebkitTouchCallout = "none", r.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = r, n;
 }
-const Sl = [
+const Pl = [
   "animate",
   "circle",
   "defs",
@@ -1306,7 +1306,7 @@ const Sl = [
   "view"
 ];
 function vr(e) {
-  return typeof e != "string" || e.includes("-") ? !1 : !!(Sl.indexOf(e) > -1 || /[A-Z]/u.test(e));
+  return typeof e != "string" || e.includes("-") ? !1 : !!(Pl.indexOf(e) > -1 || /[A-Z]/u.test(e));
 }
 const Cl = {
   offset: "stroke-dashoffset",
@@ -1368,7 +1368,7 @@ function Al(e, t, n, r) {
 }
 function Dl(e = !1) {
   return (n, r, i, { latestValues: s }, o) => {
-    const a = (vr(n) ? Al : Pl)(r, s, o, n), u = Ja(r, typeof n == "string", e), c = n !== Os ? { ...u, ...a, ref: i } : {}, { children: f } = r, h = Xe(() => ye(f) ? f.get() : f, [f]);
+    const a = (vr(n) ? Al : Sl)(r, s, o, n), u = Ja(r, typeof n == "string", e), c = n !== Os ? { ...u, ...a, ref: i } : {}, { children: f } = r, h = Xe(() => ve(f) ? f.get() : f, [f]);
     return Na(n, {
       ...c,
       children: h
@@ -1393,8 +1393,8 @@ function Tr(e, t, n, r) {
   return t;
 }
 const _n = (e) => Array.isArray(e), Ml = (e) => Boolean(e && typeof e == "object" && e.mix && e.toValue), Vl = (e) => _n(e) ? e[e.length - 1] || 0 : e;
-function Gt(e) {
-  const t = ye(e) ? e.get() : e;
+function Kt(e) {
+  const t = ve(e) ? e.get() : e;
   return Ml(t) ? t.toValue() : t;
 }
 function Ol({ scrapeMotionValuesFromProps: e, createRenderState: t, onUpdate: n }, r, i, s) {
@@ -1405,13 +1405,13 @@ function Ol({ scrapeMotionValuesFromProps: e, createRenderState: t, onUpdate: n
   return n && (o.onMount = (l) => n({ props: r, current: l, ...o }), o.onUpdate = (l) => n(l)), o;
 }
 const Xs = (e) => (t, n) => {
-  const r = ge(on), i = ge(rn), s = () => Ol(e, t, r, i);
+  const r = ye(on), i = ye(rn), s = () => Ol(e, t, r, i);
   return n ? s() : sr(s);
 };
 function Ll(e, t, n, r) {
   const i = {}, s = r(e, {});
   for (const h in s)
-    i[h] = Gt(s[h]);
+    i[h] = Kt(s[h]);
   let { initial: o, animate: l } = e;
   const a = ln(e), u = $s(e);
   t && u && !a && e.inherit !== !1 && (o === void 0 && (o = t.initial), l === void 0 && (l = t.animate));
@@ -1424,16 +1424,16 @@ function Ll(e, t, n, r) {
       const v = Tr(e, h[m]);
       if (v) {
         const { transitionEnd: y, transition: w, ...x } = v;
-        for (const P in x) {
-          let S = x[P];
-          if (Array.isArray(S)) {
-            const O = c ? S.length - 1 : 0;
-            S = S[O];
+        for (const S in x) {
+          let P = x[S];
+          if (Array.isArray(P)) {
+            const O = c ? P.length - 1 : 0;
+            P = P[O];
           }
-          S !== null && (i[P] = S);
+          P !== null && (i[S] = P);
         }
-        for (const P in y)
-          i[P] = y[P];
+        for (const S in y)
+          i[S] = y[S];
       }
     }
   }
@@ -1443,7 +1443,7 @@ function wr(e, t, n) {
   var r;
   const { style: i } = e, s = {};
   for (const o in i)
-    (ye(i[o]) || t.style && ye(t.style[o]) || Ks(o, e) || ((r = n == null ? void 0 : n.getValue(o)) === null || r === void 0 ? void 0 : r.liveStyle) !== void 0) && (s[o] = i[o]);
+    (ve(i[o]) || t.style && ve(t.style[o]) || Ks(o, e) || ((r = n == null ? void 0 : n.getValue(o)) === null || r === void 0 ? void 0 : r.liveStyle) !== void 0) && (s[o] = i[o]);
   return s;
 }
 const kl = {
@@ -1502,7 +1502,7 @@ function eo(e, t, n, r) {
 function to(e, t, n) {
   const r = wr(e, t, n);
   for (const i in e)
-    if (ye(e[i]) || ye(t[i])) {
+    if (ve(e[i]) || ve(t[i])) {
       const s = ht.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       r[s] = e[i];
     }
@@ -1628,7 +1628,7 @@ class Bl extends Fl {
     return Promise.all(this.animations).then(t).catch(n);
   }
 }
-function Pr(e, t) {
+function Sr(e, t) {
   return e ? e[t] || e.default || e : void 0;
 }
 const In = 2e4;
@@ -1640,7 +1640,7 @@ function no(e) {
     t += n, r = e.next(t);
   return t >= In ? 1 / 0 : t;
 }
-function Sr(e) {
+function Pr(e) {
   return typeof e == "function";
 }
 function mi(e, t) {
@@ -1656,7 +1656,7 @@ function Ul(e, t) {
     return (r = $l[t]) !== null && r !== void 0 ? r : n();
   };
 }
-const Zt = /* @__PURE__ */ Ul(() => {
+const Xt = /* @__PURE__ */ Ul(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1671,7 +1671,7 @@ const Zt = /* @__PURE__ */ Ul(() => {
   return `linear(${r.substring(0, r.length - 2)})`;
 };
 function io(e) {
-  return Boolean(typeof e == "function" && Zt() || !e || typeof e == "string" && (e in Nn || Zt()) || Cr(e) || Array.isArray(e) && e.every(io));
+  return Boolean(typeof e == "function" && Xt() || !e || typeof e == "string" && (e in Nn || Xt()) || Cr(e) || Array.isArray(e) && e.every(io));
 }
 const bt = ([e, t, n, r]) => `cubic-bezier(${e}, ${t}, ${n}, ${r})`, Nn = {
   linear: "linear",
@@ -1686,7 +1686,7 @@ const bt = ([e, t, n, r]) => `cubic-bezier(${e}, ${t}, ${n}, ${r})`, Nn = {
 };
 function so(e, t) {
   if (e)
-    return typeof e == "function" && Zt() ? ro(e, t) : Cr(e) ? bt(e) : Array.isArray(e) ? e.map((n) => so(n, t) || Nn.easeOut) : Nn[e];
+    return typeof e == "function" && Xt() ? ro(e, t) : Cr(e) ? bt(e) : Array.isArray(e) ? e.map((n) => so(n, t) || Nn.easeOut) : Nn[e];
 }
 const De = {
   x: !1,
@@ -1734,7 +1734,7 @@ function zl(e, t, n = {}) {
     l.addEventListener("pointerenter", o, i);
   }), s;
 }
-function Jt(e, t) {
+function Zt(e, t) {
   const n = `${t}PointerCapture`;
   if (e.target instanceof Element && n in e.target && e.pointerId !== void 0)
     try {
@@ -1784,9 +1784,9 @@ function ql(e, t, n = {}) {
     const a = l.currentTarget;
     if (!a || !vi(l) || Tt.has(a))
       return;
-    Tt.add(a), Jt(l, "set");
+    Tt.add(a), Zt(l, "set");
     const u = t(a, l), c = (m, v) => {
-      a.removeEventListener("pointerup", f), a.removeEventListener("pointercancel", h), Jt(m, "release"), !(!vi(m) || !Tt.has(a)) && (Tt.delete(a), typeof u == "function" && u(m, { success: v }));
+      a.removeEventListener("pointerup", f), a.removeEventListener("pointercancel", h), Zt(m, "release"), !(!vi(m) || !Tt.has(a)) && (Tt.delete(a), typeof u == "function" && u(m, { success: v }));
     }, f = (m) => {
       (m.isTrusted ? Hl(m, a instanceof Element ? a.getBoundingClientRect() : {
         left: 0,
@@ -1824,14 +1824,14 @@ const co = /* @__PURE__ */ new Set([
   "bottom",
   ...ht
 ]);
-let qt;
+let Gt;
 function Zl() {
-  qt = void 0;
+  Gt = void 0;
 }
 const Oe = {
-  now: () => (qt === void 0 && Oe.set(fe.isProcessing || Is.useManualTiming ? fe.timestamp : performance.now()), qt),
+  now: () => (Gt === void 0 && Oe.set(de.isProcessing || Is.useManualTiming ? de.timestamp : performance.now()), Gt),
   set: (e) => {
-    qt = e, queueMicrotask(Zl);
+    Gt = e, queueMicrotask(Zl);
   }
 };
 function Rr(e, t) {
@@ -1960,7 +1960,7 @@ function tc(e, t) {
   }
 }
 function nc(e) {
-  return Boolean(ye(e) && e.add);
+  return Boolean(ve(e) && e.add);
 }
 function Fn(e, t) {
   const n = e.getValue("willChange");
@@ -1980,17 +1980,17 @@ function oc(e, t, n, r, i) {
   while (Math.abs(s) > ic && ++l < sc);
   return o;
 }
-function Nt(e, t, n, r) {
+function It(e, t, n, r) {
   if (e === t && n === r)
-    return Se;
+    return Ce;
   const i = (s) => oc(s, 0, 1, e, n);
   return (s) => s === 0 || s === 1 ? s : ho(i(s), t, r);
 }
-const po = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, mo = (e) => (t) => 1 - e(1 - t), go = /* @__PURE__ */ Nt(0.33, 1.53, 0.69, 0.99), Dr = /* @__PURE__ */ mo(go), yo = /* @__PURE__ */ po(Dr), vo = (e) => (e *= 2) < 1 ? 0.5 * Dr(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Mr = (e) => 1 - Math.sin(Math.acos(e)), xo = mo(Mr), bo = po(Mr), To = (e) => /^0[^.\s]+$/u.test(e);
+const po = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, mo = (e) => (t) => 1 - e(1 - t), go = /* @__PURE__ */ It(0.33, 1.53, 0.69, 0.99), Dr = /* @__PURE__ */ mo(go), yo = /* @__PURE__ */ po(Dr), vo = (e) => (e *= 2) < 1 ? 0.5 * Dr(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Mr = (e) => 1 - Math.sin(Math.acos(e)), xo = mo(Mr), bo = po(Mr), To = (e) => /^0[^.\s]+$/u.test(e);
 function ac(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || To(e) : !0;
 }
-const Pt = (e) => Math.round(e * 1e5) / 1e5, Vr = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+const St = (e) => Math.round(e * 1e5) / 1e5, Vr = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function lc(e) {
   return e == null;
 }
@@ -2010,7 +2010,7 @@ const cc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, qe = {
   test: /* @__PURE__ */ Or("rgb", "red"),
   parse: /* @__PURE__ */ wo("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + yn.transform(e) + ", " + yn.transform(t) + ", " + yn.transform(n) + ", " + Pt(Dt.transform(r)) + ")"
+  transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + yn.transform(e) + ", " + yn.transform(t) + ", " + yn.transform(n) + ", " + St(Dt.transform(r)) + ")"
 };
 function fc(e) {
   let t = "", n = "", r = "", i = "";
@@ -2028,8 +2028,8 @@ const Bn = {
 }, nt = {
   test: /* @__PURE__ */ Or("hsl", "hue"),
   parse: /* @__PURE__ */ wo("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + Ve.transform(Pt(t)) + ", " + Ve.transform(Pt(n)) + ", " + Pt(Dt.transform(r)) + ")"
-}, he = {
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + Ve.transform(St(t)) + ", " + Ve.transform(St(n)) + ", " + St(Dt.transform(r)) + ")"
+}, pe = {
   test: (e) => qe.test(e) || Bn.test(e) || nt.test(e),
   parse: (e) => qe.test(e) ? qe.parse(e) : nt.test(e) ? nt.parse(e) : Bn.parse(e),
   transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? qe.transform(e) : nt.transform(e)
@@ -2038,7 +2038,7 @@ function hc(e) {
   var t, n;
   return isNaN(e) && typeof e == "string" && (((t = e.match(Vr)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(dc)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const Po = "number", So = "color", pc = "var", mc = "var(", bi = "${}", gc = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const So = "number", Po = "color", pc = "var", mc = "var(", bi = "${}", gc = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
 function Ot(e) {
   const t = e.toString(), n = [], r = {
     color: [],
@@ -2046,7 +2046,7 @@ function Ot(e) {
     var: []
   }, i = [];
   let s = 0;
-  const l = t.replace(gc, (a) => (he.test(a) ? (r.color.push(s), i.push(So), n.push(he.parse(a))) : a.startsWith(mc) ? (r.var.push(s), i.push(pc), n.push(a)) : (r.number.push(s), i.push(Po), n.push(parseFloat(a))), ++s, bi)).split(bi);
+  const l = t.replace(gc, (a) => (pe.test(a) ? (r.color.push(s), i.push(Po), n.push(pe.parse(a))) : a.startsWith(mc) ? (r.var.push(s), i.push(pc), n.push(a)) : (r.number.push(s), i.push(So), n.push(parseFloat(a))), ++s, bi)).split(bi);
   return { values: n, split: l, indexes: r, types: i };
 }
 function Co(e) {
@@ -2059,7 +2059,7 @@ function Eo(e) {
     for (let o = 0; o < r; o++)
       if (s += t[o], i[o] !== void 0) {
         const l = n[o];
-        l === Po ? s += Pt(i[o]) : l === So ? s += he.transform(i[o]) : s += i[o];
+        l === So ? s += St(i[o]) : l === Po ? s += pe.transform(i[o]) : s += i[o];
       }
     return s;
   };
@@ -2094,16 +2094,16 @@ const Tc = /\b([a-z-]*)\(.*?\)/gu, $n = {
   }
 }, wc = {
   ...mr,
-  color: he,
-  backgroundColor: he,
-  outlineColor: he,
-  fill: he,
-  stroke: he,
-  borderColor: he,
-  borderTopColor: he,
-  borderRightColor: he,
-  borderBottomColor: he,
-  borderLeftColor: he,
+  color: pe,
+  backgroundColor: pe,
+  outlineColor: pe,
+  fill: pe,
+  stroke: pe,
+  borderColor: pe,
+  borderTopColor: pe,
+  borderRightColor: pe,
+  borderBottomColor: pe,
+  borderLeftColor: pe,
   filter: $n,
   WebkitFilter: $n
 }, Lr = (e) => wc[e];
@@ -2111,18 +2111,18 @@ function Ro(e, t) {
   let n = Lr(e);
   return n !== $n && (n = Ue), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
-const Pc = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Sc(e, t, n) {
+const Sc = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Pc(e, t, n) {
   let r = 0, i;
   for (; r < e.length && !i; ) {
     const s = e[r];
-    typeof s == "string" && !Pc.has(s) && Ot(s).values.length && (i = e[r]), r++;
+    typeof s == "string" && !Sc.has(s) && Ot(s).values.length && (i = e[r]), r++;
   }
   if (i && n)
     for (const s of t)
       e[s] = Ro(n, i);
 }
-const Ti = (e) => e === pt || e === I, wi = (e, t) => parseFloat(e.split(", ")[t]), Pi = (e, t) => (n, { transform: r }) => {
+const Ti = (e) => e === pt || e === I, wi = (e, t) => parseFloat(e.split(", ")[t]), Si = (e, t) => (n, { transform: r }) => {
   if (r === "none" || !r)
     return 0;
   const i = r.match(/^matrix3d\((.+)\)$/u);
@@ -2147,8 +2147,8 @@ const ct = {
   left: (e, { left: t }) => parseFloat(t),
   bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
   right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
-  x: Pi(4, 13),
-  y: Pi(5, 14)
+  x: Si(4, 13),
+  y: Si(5, 14)
 };
 ct.translateX = ct.x;
 ct.translateY = ct.y;
@@ -2246,7 +2246,7 @@ function Mo(e, t, n = 1) {
 const Vo = (e) => (t) => t.test(e), Vc = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, Oo = [pt, I, Ve, Ne, ml, pl, Vc], Si = (e) => Oo.find(Vo(e));
+}, Oo = [pt, I, Ve, Ne, ml, pl, Vc], Pi = (e) => Oo.find(Vo(e));
 class Lo extends kr {
   constructor(t, n, r, i, s) {
     super(t, n, r, i, s, !0);
@@ -2265,7 +2265,7 @@ class Lo extends kr {
     }
     if (this.resolveNoneKeyframes(), !co.has(r) || t.length !== 2)
       return;
-    const [i, s] = t, o = Si(i), l = Si(s);
+    const [i, s] = t, o = Pi(i), l = Pi(s);
     if (o !== l)
       if (Ti(o) && Ti(l))
         for (let a = 0; a < t.length; a++) {
@@ -2279,7 +2279,7 @@ class Lo extends kr {
     const { unresolvedKeyframes: t, name: n } = this, r = [];
     for (let i = 0; i < t.length; i++)
       ac(t[i]) && r.push(i);
-    r.length && Sc(t, r, n);
+    r.length && Pc(t, r, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: r } = this;
@@ -2318,7 +2318,7 @@ function Lc(e, t, n, r) {
   if (t === "display" || t === "visibility")
     return !0;
   const s = e[e.length - 1], o = Ci(i, t), l = Ci(s, t);
-  return dt(o === l, `You are trying to animate ${t} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !o || !l ? !1 : Oc(e) || (n === "spring" || Sr(n)) && r;
+  return dt(o === l, `You are trying to animate ${t} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !o || !l ? !1 : Oc(e) || (n === "spring" || Pr(n)) && r;
 }
 const kc = (e) => e !== null;
 function cn(e, { repeat: t, repeatType: n = "loop" }, r) {
@@ -2375,7 +2375,7 @@ class ko {
     });
   }
 }
-const St = {
+const Pt = {
   layout: 0,
   mainThread: 0,
   waapi: 0
@@ -2399,7 +2399,7 @@ function Ic({ hue: e, saturation: t, lightness: n, alpha: r }) {
     alpha: r
   };
 }
-function Qt(e, t) {
+function Jt(e, t) {
   return (n) => n > 0 ? t : e;
 }
 const xn = (e, t, n) => {
@@ -2416,10 +2416,10 @@ function Ei(e) {
 const Ri = (e, t) => {
   const n = Ei(e), r = Ei(t);
   if (!n || !r)
-    return Qt(e, t);
+    return Jt(e, t);
   const i = { ...n };
   return (s) => (i.red = xn(n.red, r.red, s), i.green = xn(n.green, r.green, s), i.blue = xn(n.blue, r.blue, s), i.alpha = ne(n.alpha, r.alpha, s), qe.transform(i));
-}, Bc = (e, t) => (n) => t(e(n)), Ft = (...e) => e.reduce(Bc), zn = /* @__PURE__ */ new Set(["none", "hidden"]);
+}, Bc = (e, t) => (n) => t(e(n)), Nt = (...e) => e.reduce(Bc), zn = /* @__PURE__ */ new Set(["none", "hidden"]);
 function $c(e, t) {
   return zn.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
@@ -2427,7 +2427,7 @@ function Uc(e, t) {
   return (n) => ne(e, t, n);
 }
 function _r(e) {
-  return typeof e == "number" ? Uc : typeof e == "string" ? pr(e) ? Qt : he.test(e) ? Ri : Yc : Array.isArray(e) ? _o : typeof e == "object" ? he.test(e) ? Ri : Wc : Qt;
+  return typeof e == "number" ? Uc : typeof e == "string" ? pr(e) ? Jt : pe.test(e) ? Ri : Yc : Array.isArray(e) ? _o : typeof e == "object" ? pe.test(e) ? Ri : Wc : Jt;
 }
 function _o(e, t) {
   const n = [...e], r = n.length, i = e.map((s, o) => _r(s)(s, t[o]));
@@ -2458,7 +2458,7 @@ function zc(e, t) {
 }
 const Yc = (e, t) => {
   const n = Ue.createTransformer(t), r = Ot(e), i = Ot(t);
-  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? zn.has(e) && !i.values.length || zn.has(t) && !r.values.length ? $c(e, t) : Ft(_o(zc(r, i), i.values), n) : (dt(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Qt(e, t));
+  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? zn.has(e) && !i.values.length || zn.has(t) && !r.values.length ? $c(e, t) : Nt(_o(zc(r, i), i.values), n) : (dt(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Jt(e, t));
 };
 function Io(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ne(e, t, n) : _r(e)(e, t);
@@ -2574,20 +2574,20 @@ 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: m } = Jc({
     ...n,
     velocity: -_e(n.velocity || 0)
-  }), v = h || 0, y = u / (2 * Math.sqrt(a * c)), w = o - s, x = _e(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;
+  }), v = h || 0, y = u / (2 * Math.sqrt(a * c)), w = o - s, x = _e(Math.sqrt(a / c)), S = Math.abs(w) < 5;
+  r || (r = S ? te.restSpeed.granular : te.restSpeed.default), i || (i = S ? te.restDelta.granular : te.restDelta.default);
+  let P;
   if (y < 1) {
     const g = Yn(x, y);
-    S = (E) => {
+    P = (E) => {
       const z = Math.exp(-y * x * E);
       return o - z * ((v + y * x * w) / g * Math.sin(g * E) + w * Math.cos(g * E));
     };
   } else if (y === 1)
-    S = (g) => o - Math.exp(-x * g) * (w + (v + x * w) * g);
+    P = (g) => o - Math.exp(-x * g) * (w + (v + x * w) * g);
   else {
     const g = x * Math.sqrt(y * y - 1);
-    S = (E) => {
+    P = (E) => {
       const z = Math.exp(-y * x * E), C = Math.min(g * E, 300);
       return o - z * ((v + y * x * w) * Math.sinh(C) + g * w * Math.cosh(C)) / g;
     };
@@ -2595,12 +2595,12 @@ function Fo(e = te.visualDuration, t = te.bounce) {
   const O = {
     calculatedDuration: m && f || null,
     next: (g) => {
-      const E = S(g);
+      const E = P(g);
       if (m)
         l.done = g >= f;
       else {
         let z = 0;
-        y < 1 && (z = g === 0 ? Me(v) : No(S, g, E));
+        y < 1 && (z = g === 0 ? Me(v) : No(P, g, E));
         const C = Math.abs(z) <= r, N = Math.abs(o - E) <= i;
         l.done = C && N;
       }
@@ -2621,15 +2621,15 @@ function Ai({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
   let y = n * t;
   const w = f + y, x = o === void 0 ? w : o(w);
   x !== w && (y = x - f);
-  const P = (C) => -y * Math.exp(-C / r), S = (C) => x + P(C), O = (C) => {
-    const N = P(C), G = S(C);
+  const S = (C) => -y * Math.exp(-C / r), P = (C) => x + S(C), O = (C) => {
+    const N = S(C), G = P(C);
     h.done = Math.abs(N) <= u, h.value = h.done ? x : G;
   };
   let g, E;
   const z = (C) => {
     m(h.value) && (g = C, E = Fo({
       keyframes: [h.value, v(h.value)],
-      velocity: No(S, C, h.value),
+      velocity: No(P, C, h.value),
       damping: i,
       stiffness: s,
       restDelta: u,
@@ -2644,8 +2644,8 @@ function Ai({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
     }
   };
 }
-const Qc = /* @__PURE__ */ Nt(0.42, 0, 1, 1), eu = /* @__PURE__ */ Nt(0, 0, 0.58, 1), Bo = /* @__PURE__ */ Nt(0.42, 0, 0.58, 1), tu = (e) => Array.isArray(e) && typeof e[0] != "number", Di = {
-  linear: Se,
+const Qc = /* @__PURE__ */ It(0.42, 0, 1, 1), eu = /* @__PURE__ */ It(0, 0, 0.58, 1), Bo = /* @__PURE__ */ It(0.42, 0, 0.58, 1), tu = (e) => Array.isArray(e) && typeof e[0] != "number", Di = {
+  linear: Ce,
   easeIn: Qc,
   easeInOut: Bo,
   easeOut: eu,
@@ -2660,7 +2660,7 @@ const Qc = /* @__PURE__ */ Nt(0.42, 0, 1, 1), eu = /* @__PURE__ */ Nt(0, 0, 0.58
   if (Cr(e)) {
     Be(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, r, i] = e;
-    return Nt(t, n, r, i);
+    return It(t, n, r, i);
   } else if (typeof e == "string")
     return Be(Di[e] !== void 0, `Invalid easing type '${e}'`), Di[e];
   return e;
@@ -2670,8 +2670,8 @@ function nu(e, t, n) {
   for (let o = 0; o < s; o++) {
     let l = i(e[o], e[o + 1]);
     if (t) {
-      const a = Array.isArray(t) ? t[o] || Se : t;
-      l = Ft(a, l);
+      const a = Array.isArray(t) ? t[o] || Ce : t;
+      l = Nt(a, l);
     }
     r.push(l);
   }
@@ -2734,7 +2734,7 @@ const lu = (e) => {
   return {
     start: () => Q.update(t, !0),
     stop: () => $e(t),
-    now: () => fe.isProcessing ? fe.timestamp : Oe.now()
+    now: () => de.isProcessing ? de.timestamp : Oe.now()
   };
 }, cu = {
   decay: Ai,
@@ -2759,9 +2759,9 @@ class Ir extends ko {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(t) {
-    const { type: n = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: o = 0 } = this.options, l = Sr(n) ? n : cu[n] || Ct;
+    const { type: n = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: o = 0 } = this.options, l = Pr(n) ? n : cu[n] || Ct;
     let a, u;
-    process.env.NODE_ENV !== "production" && l !== Ct && Be(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l !== Ct && typeof t[0] != "number" && (a = Ft(uu, Io(t[0], t[1])), t = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== Ct && Be(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l !== Ct && typeof t[0] != "number" && (a = Nt(uu, Io(t[0], t[1])), t = [0, 100]);
     const c = l({ ...this.options, keyframes: t });
     s === "mirror" && (u = l({
       ...this.options,
@@ -2780,7 +2780,7 @@ class Ir extends ko {
   }
   onPostResolved() {
     const { autoplay: t = !0 } = this.options;
-    St.mainThread++, this.play(), this.pendingPlayState === "paused" || !t ? this.pause() : this.state = this.pendingPlayState;
+    Pt.mainThread++, this.play(), this.pendingPlayState === "paused" || !t ? this.pause() : this.state = this.pendingPlayState;
   }
   tick(t, n = !1) {
     const { resolved: r } = this;
@@ -2793,18 +2793,18 @@ class Ir extends ko {
       return s.next(0);
     const { delay: h, repeat: m, 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), P = this.speed >= 0 ? x < 0 : x > c;
+    const x = this.currentTime - h * (this.speed >= 0 ? 1 : -1), S = this.speed >= 0 ? x < 0 : x > c;
     this.currentTime = Math.max(x, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
-    let S = this.currentTime, O = s;
+    let P = this.currentTime, O = s;
     if (m) {
       const C = Math.min(this.currentTime, c) / f;
       let N = Math.floor(C), G = C % 1;
-      !G && C >= 1 && (G = 1), G === 1 && N--, N = Math.min(N, m + 1), Boolean(N % 2) && (v === "reverse" ? (G = 1 - G, y && (G -= y / f)) : v === "mirror" && (O = o)), S = Ie(0, 1, G) * f;
+      !G && C >= 1 && (G = 1), G === 1 && N--, N = Math.min(N, m + 1), Boolean(N % 2) && (v === "reverse" ? (G = 1 - G, y && (G -= y / f)) : v === "mirror" && (O = o)), P = Ie(0, 1, G) * f;
     }
-    const g = P ? { done: !1, value: a[0] } : O.next(S);
+    const g = S ? { done: !1, value: a[0] } : O.next(P);
     l && (g.value = l(g.value));
     let { done: E } = g;
-    !P && u !== null && (E = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
+    !S && u !== null && (E = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
     const z = this.holdTime === null && (this.state === "finished" || this.state === "running" && E);
     return z && i !== void 0 && (g.value = cn(a, this.options, i)), w && w(g.value), z && this.finish(), g;
   }
@@ -2857,7 +2857,7 @@ class Ir extends ko {
     this.cancelTime !== null && this.tick(this.cancelTime), this.teardown(), this.updateFinishedPromise();
   }
   teardown() {
-    this.state = "idle", this.stopDriver(), this.resolveFinishedPromise(), this.updateFinishedPromise(), this.startTime = this.cancelTime = null, this.resolver.cancel(), St.mainThread--;
+    this.state = "idle", this.stopDriver(), this.resolveFinishedPromise(), this.updateFinishedPromise(), this.startTime = this.cancelTime = null, this.resolver.cancel(), Pt.mainThread--;
   }
   stopDriver() {
     this.driver && (this.driver.stop(), this.driver = void 0);
@@ -2885,9 +2885,9 @@ function du(e, t, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatTyp
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-const hu = /* @__PURE__ */ lr(() => Object.hasOwnProperty.call(Element.prototype, "animate")), en = 10, pu = 2e4;
+const hu = /* @__PURE__ */ lr(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Qt = 10, pu = 2e4;
 function mu(e) {
-  return Sr(e.type) || e.type === "spring" || !io(e.ease);
+  return Pr(e.type) || e.type === "spring" || !io(e.ease);
 }
 function gu(e, t) {
   const n = new Ir({
@@ -2901,11 +2901,11 @@ function gu(e, t) {
   const i = [];
   let s = 0;
   for (; !r.done && s < pu; )
-    r = n.sample(s), i.push(r.value), s += en;
+    r = n.sample(s), i.push(r.value), s += Qt;
   return {
     times: void 0,
     keyframes: i,
-    duration: s - en,
+    duration: s - Qt,
     ease: "linear"
   };
 }
@@ -2927,7 +2927,7 @@ class Vi extends ko {
     let { duration: r = 300, times: i, ease: s, type: o, motionValue: l, name: a, startTime: u } = this.options;
     if (!l.owner || !l.owner.current)
       return !1;
-    if (typeof s == "string" && Zt() && yu(s) && (s = $o[s]), mu(this.options)) {
+    if (typeof s == "string" && Xt() && yu(s) && (s = $o[s]), mu(this.options)) {
       const { onComplete: f, onUpdate: h, motionValue: m, element: v, ...y } = this.options, w = gu(t, y);
       t = w.keyframes, t.length === 1 && (t[1] = t[0]), r = w.duration, i = w.times, s = w.ease, o = "keyframes";
     }
@@ -2999,11 +2999,11 @@ class Vi extends ko {
     else {
       const { resolved: n } = this;
       if (!n)
-        return Se;
+        return Ce;
       const { animation: r } = n;
       mi(r, t);
     }
-    return Se;
+    return Ce;
   }
   play() {
     if (this.isStopped)
@@ -3041,7 +3041,7 @@ class Vi extends ko {
         times: l,
         isGenerator: !0
       }), y = Me(this.time);
-      u.setWithVelocity(v.sample(y - en).value, v.sample(y).value, en);
+      u.setWithVelocity(v.sample(y - Qt).value, v.sample(y).value, Qt);
     }
     const { onStop: a } = this.options;
     a && a(), this.cancel();
@@ -3080,11 +3080,11 @@ const vu = {
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
 }, wu = (e, { keyframes: t }) => t.length > 2 ? bu : Ze.has(e) ? e.startsWith("scale") ? xu(t[1]) : vu : Tu;
-function Pu({ when: e, delay: t, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: l, from: a, elapsed: u, ...c }) {
+function Su({ when: e, delay: t, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: l, from: a, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
 const Nr = (e, t, n, r = {}, i, s) => (o) => {
-  const l = Pr(r, e) || {}, a = l.delay || r.delay || 0;
+  const l = Sr(r, e) || {}, a = l.delay || r.delay || 0;
   let { elapsed: u = 0 } = r;
   u = u - Me(a);
   let c = {
@@ -3103,7 +3103,7 @@ const Nr = (e, t, n, r = {}, i, s) => (o) => {
     motionValue: t,
     element: s ? void 0 : i
   };
-  Pu(l) || (c = {
+  Su(l) || (c = {
     ...c,
     ...wu(e, c)
   }), c.duration && (c.duration = Me(c.duration)), c.repeatDelay && (c.repeatDelay = Me(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
@@ -3117,7 +3117,7 @@ const Nr = (e, t, n, r = {}, i, s) => (o) => {
   }
   return !s && Vi.supports(c) ? new Vi(c) : new Ir(c);
 };
-function Su({ protectedKeys: e, needsAnimating: t }, n) {
+function Pu({ protectedKeys: e, needsAnimating: t }, n) {
   const r = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, r;
 }
@@ -3128,18 +3128,18 @@ function Uo(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
   const u = [], c = i && e.animationState && e.animationState.getState()[i];
   for (const f in a) {
     const h = e.getValue(f, (s = e.latestValues[f]) !== null && s !== void 0 ? s : null), m = a[f];
-    if (m === void 0 || c && Su(c, f))
+    if (m === void 0 || c && Pu(c, f))
       continue;
     const v = {
       delay: n,
-      ...Pr(o || {}, f)
+      ...Sr(o || {}, f)
     };
     let y = !1;
     if (window.MotionHandoffAnimation) {
       const x = fo(e);
       if (x) {
-        const P = window.MotionHandoffAnimation(x, f, Q);
-        P !== null && (v.startTime = P, y = !0);
+        const S = window.MotionHandoffAnimation(x, f, Q);
+        S !== null && (v.startTime = S, y = !0);
       }
     }
     Fn(e, f), h.start(Nr(f, h, m, e.shouldReduceMotion && co.has(f) ? { type: !1 } : v, e, y));
@@ -3243,32 +3243,32 @@ function Vu(e) {
     const { props: u } = e, c = zo(e.parent) || {}, f = [], h = /* @__PURE__ */ new Set();
     let m = {}, v = 1 / 0;
     for (let w = 0; w < Du; w++) {
-      const x = Au[w], P = n[x], S = u[x] !== void 0 ? u[x] : c[x], O = jt(S), g = x === a ? P.isActive : null;
+      const x = Au[w], S = n[x], P = u[x] !== void 0 ? u[x] : c[x], O = jt(P), g = x === a ? S.isActive : null;
       g === !1 && (v = w);
-      let E = S === c[x] && S !== u[x] && O;
-      if (E && r && e.manuallyAnimateOnMount && (E = !1), P.protectedKeys = { ...m }, !P.isActive && g === null || !S && !P.prevProp || an(S) || typeof S == "boolean")
+      let E = P === c[x] && P !== u[x] && O;
+      if (E && r && e.manuallyAnimateOnMount && (E = !1), S.protectedKeys = { ...m }, !S.isActive && g === null || !P && !S.prevProp || an(P) || typeof P == "boolean")
         continue;
-      const z = Ou(P.prevProp, S);
-      let C = z || x === a && P.isActive && !E && O || w > v && O, N = !1;
-      const G = Array.isArray(S) ? S : [S];
+      const z = Ou(S.prevProp, P);
+      let C = z || x === a && S.isActive && !E && O || w > v && O, N = !1;
+      const G = Array.isArray(P) ? P : [P];
       let ee = G.reduce(i(x), {});
       g === !1 && (ee = {});
-      const { prevResolvedValues: ve = {} } = P, oe = {
-        ...ve,
+      const { prevResolvedValues: xe = {} } = S, ae = {
+        ...xe,
         ...ee
       }, B = (H) => {
-        C = !0, h.has(H) && (N = !0, h.delete(H)), P.needsAnimating[H] = !0;
+        C = !0, h.has(H) && (N = !0, h.delete(H)), S.needsAnimating[H] = !0;
         const re = e.getValue(H);
         re && (re.liveStyle = !1);
       };
-      for (const H in oe) {
-        const re = ee[H], xe = ve[H];
+      for (const H in ae) {
+        const re = ee[H], be = xe[H];
         if (m.hasOwnProperty(H))
           continue;
         let b = !1;
-        _n(re) && _n(xe) ? b = !Wo(re, xe) : b = re !== xe, b ? re != null ? B(H) : h.add(H) : re !== void 0 && h.has(H) ? B(H) : P.protectedKeys[H] = !0;
+        _n(re) && _n(be) ? b = !Wo(re, be) : b = re !== be, b ? re != null ? B(H) : h.add(H) : re !== void 0 && h.has(H) ? B(H) : S.protectedKeys[H] = !0;
       }
-      P.prevProp = S, P.prevResolvedValues = ee, P.isActive && (m = { ...m, ...ee }), r && e.blockInitialAnimation && (C = !1), C && (!(E && z) || N) && f.push(...G.map((H) => ({
+      S.prevProp = P, S.prevResolvedValues = ee, S.isActive && (m = { ...m, ...ee }), r && e.blockInitialAnimation && (C = !1), C && (!(E && z) || N) && f.push(...G.map((H) => ({
         animation: H,
         options: { type: x }
       })));
@@ -3280,8 +3280,8 @@ function Vu(e) {
         x && x.transition && (w.transition = x.transition);
       }
       h.forEach((x) => {
-        const P = e.getBaseTarget(x), S = e.getValue(x);
-        S && (S.liveStyle = !0), w[x] = P ?? null;
+        const S = e.getBaseTarget(x), P = e.getValue(x);
+        P && (P.liveStyle = !0), w[x] = S ?? null;
       }), f.push({ animation: w });
     }
     let y = Boolean(f.length);
@@ -3393,7 +3393,7 @@ const Iu = {
 function Lt(e, t, n, r = { passive: !0 }) {
   return e.addEventListener(t, n, r), () => e.removeEventListener(t, n);
 }
-function Bt(e) {
+function Ft(e) {
   return {
     point: {
       x: e.pageX,
@@ -3401,7 +3401,7 @@ function Bt(e) {
     }
   };
 }
-const Nu = (e) => (t) => Er(t) && e(t, Bt(t));
+const Nu = (e) => (t) => Er(t) && e(t, Ft(t));
 function rt(e, t, n, r) {
   return Lt(e, t, Nu(n), r);
 }
@@ -3426,26 +3426,26 @@ function Bu(e, t) {
   };
 }
 const Ko = 1e-4, $u = 1 - Ko, Uu = 1 + Ko, Go = 0.01, Wu = 0 - Go, zu = 0 + Go;
-function we(e) {
+function Se(e) {
   return e.max - e.min;
 }
 function Yu(e, t, n) {
   return Math.abs(e - t) <= n;
 }
 function Li(e, t, n, r = 0.5) {
-  e.origin = r, e.originPoint = ne(t.min, t.max, e.origin), e.scale = we(n) / we(t), e.translate = ne(n.min, n.max, e.origin) - e.originPoint, (e.scale >= $u && e.scale <= Uu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Wu && e.translate <= zu || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = r, e.originPoint = ne(t.min, t.max, e.origin), e.scale = Se(n) / Se(t), e.translate = ne(n.min, n.max, e.origin) - e.originPoint, (e.scale >= $u && e.scale <= Uu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Wu && e.translate <= zu || isNaN(e.translate)) && (e.translate = 0);
 }
 function Et(e, t, n, r) {
   Li(e.x, t.x, n.x, r ? r.originX : void 0), Li(e.y, t.y, n.y, r ? r.originY : void 0);
 }
 function ki(e, t, n) {
-  e.min = n.min + t.min, e.max = e.min + we(t);
+  e.min = n.min + t.min, e.max = e.min + Se(t);
 }
 function Ku(e, t, n) {
   ki(e.x, t.x, n.x), ki(e.y, t.y, n.y);
 }
 function _i(e, t, n) {
-  e.min = t.min - n.min, e.max = e.min + we(t);
+  e.min = t.min - n.min, e.max = e.min + Se(t);
 }
 function Rt(e, t, n) {
   _i(e.x, t.x, n.x), _i(e.y, t.y, n.y);
@@ -3458,7 +3458,7 @@ const Ii = () => ({
 }), it = () => ({
   x: Ii(),
   y: Ii()
-}), Ni = () => ({ min: 0, max: 0 }), se = () => ({
+}), Ni = () => ({ min: 0, max: 0 }), oe = () => ({
   x: Ni(),
   y: Ni()
 });
@@ -3480,12 +3480,12 @@ function qo(e) {
 function Fi(e) {
   return e && e !== "0%";
 }
-function tn(e, t, n) {
+function en(e, t, n) {
   const r = e - n, i = t * r;
   return n + i;
 }
 function Bi(e, t, n, r, i) {
-  return i !== void 0 && (e = tn(e, i, r)), tn(e, n, r) + t;
+  return i !== void 0 && (e = en(e, i, r)), en(e, n, r) + t;
 }
 function qn(e, t = 0, n = 1, r, i) {
   e.min = Bi(e.min, t, n, r, i), e.max = Bi(e.max, t, n, r, i);
@@ -3537,10 +3537,10 @@ class Zo {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const c = Pn(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, h = Hu(c.offset, { x: 0, y: 0 }) >= 3;
+      const c = Sn(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, h = Hu(c.offset, { x: 0, y: 0 }) >= 3;
       if (!f && !h)
         return;
-      const { point: m } = c, { timestamp: v } = fe;
+      const { point: m } = c, { timestamp: v } = de;
       this.history.push({ ...m, timestamp: v });
       const { onStart: y, onMove: w } = this.handlers;
       f || (y && y(this.lastMoveEvent, c), this.startEvent = this.lastMoveEvent), w && w(this.lastMoveEvent, c);
@@ -3553,19 +3553,19 @@ class Zo {
         }
       this.lastMoveEvent = c, this.lastMoveEventInfo = wn(f, this.transformPagePoint), Q.update(this.updatePoint, !0);
     }, this.handlePointerUp = (c, f) => {
-      Jt(c, "release"), this.end();
+      Zt(c, "release"), this.end();
       const { onEnd: h, onSessionEnd: m, resumeAnimation: v } = this.handlers;
       if (this.dragSnapToOrigin && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const y = Pn(c.type === "pointercancel" || c.type === "lostpointercapture" ? this.lastMoveEventInfo : wn(f, this.transformPagePoint), this.history);
+      const y = Sn(c.type === "pointercancel" || c.type === "lostpointercapture" ? this.lastMoveEventInfo : wn(f, this.transformPagePoint), this.history);
       this.startEvent && h && h(c, y), m && m(c, y);
     }, !Er(t))
       return;
     this.dragSnapToOrigin = i, this.handlers = n, this.transformPagePoint = r;
-    const s = Bt(t), o = wn(s, this.transformPagePoint), { point: l } = o, { timestamp: a } = fe;
+    const s = Ft(t), o = wn(s, this.transformPagePoint), { point: l } = o, { timestamp: a } = de;
     this.history = [{ ...l, timestamp: a }];
     const { onSessionStart: u } = n;
-    u && u(t, Pn(o, this.history)), Jt(t, "set"), this.removeListeners = Ft(rt(t.currentTarget, "pointermove", this.handlePointerMove), rt(t.currentTarget, "pointerup", this.handlePointerUp), rt(t.currentTarget, "pointercancel", this.handlePointerUp), rt(t.currentTarget, "lostpointercapture", this.handlePointerUp));
+    u && u(t, Sn(o, this.history)), Zt(t, "set"), this.removeListeners = Nt(rt(t.currentTarget, "pointermove", this.handlePointerMove), rt(t.currentTarget, "pointerup", this.handlePointerUp), rt(t.currentTarget, "pointercancel", this.handlePointerUp), rt(t.currentTarget, "lostpointercapture", this.handlePointerUp));
   }
   updateHandlers(t) {
     this.handlers = t;
@@ -3580,7 +3580,7 @@ function wn(e, t) {
 function Yi(e, t) {
   return { x: e.x - t.x, y: e.y - t.y };
 }
-function Pn({ point: e }, t) {
+function Sn({ point: e }, t) {
   return {
     point: e,
     delta: Yi(e, Jo(t)),
@@ -3639,7 +3639,7 @@ function ef(e, t) {
 }
 function tf(e, t) {
   let n = 0.5;
-  const r = we(e), i = we(t);
+  const r = Se(e), i = Se(t);
   return i > r ? n = at(t.min, t.max - r, e.min) : r > i && (n = at(e.min, e.max - i, t.min)), Ie(0, 1, n);
 }
 function nf(e, t) {
@@ -3665,7 +3665,7 @@ function Hi(e, t) {
 const sf = /* @__PURE__ */ new WeakMap();
 class of {
   constructor(t) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = se(), this.visualElement = t;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = oe(), this.visualElement = t;
   }
   start(t, { snapToCursor: n = !1 } = {}) {
     const { presenceContext: r } = this.visualElement;
@@ -3673,7 +3673,7 @@ class of {
       return;
     const i = (c) => {
       const { dragSnapToOrigin: f } = this.getProps();
-      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Bt(c).point);
+      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ft(c).point);
     }, s = (c, f) => {
       const { drag: h, dragPropagation: m, onDragStart: v } = this.getProps();
       if (h && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = Xl(h), !this.openDragLock))
@@ -3681,10 +3681,10 @@ class of {
       this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Ae((w) => {
         let x = this.getAxisMotionValue(w).get() || 0;
         if (Ve.test(x)) {
-          const { projection: P } = this.visualElement;
-          if (P && P.layout) {
-            const S = P.layout.layoutBox[w];
-            S && (x = we(S) * (parseFloat(x) / 100));
+          const { projection: S } = this.visualElement;
+          if (S && S.layout) {
+            const P = S.layout.layoutBox[w];
+            P && (x = Se(P) * (parseFloat(x) / 100));
           }
         }
         this.originPoint[w] = x;
@@ -3734,7 +3734,7 @@ class of {
   }
   updateAxis(t, n, r) {
     const { drag: i } = this.getProps();
-    if (!r || !Kt(t, i, this.currentDirection))
+    if (!r || !Yt(t, i, this.currentDirection))
       return;
     const s = this.getAxisMotionValue(t);
     let o = this.originPoint[t] + r[t];
@@ -3766,7 +3766,7 @@ class of {
   }
   startAnimation(t) {
     const { drag: n, dragMomentum: r, dragElastic: i, dragTransition: s, dragSnapToOrigin: o, onDragTransitionEnd: l } = this.getProps(), a = this.constraints || {}, u = Ae((c) => {
-      if (!Kt(c, n, this.currentDirection))
+      if (!Yt(c, n, this.currentDirection))
         return;
       let f = a && a[c] || {};
       o && (f = { min: 0, max: 0 });
@@ -3809,7 +3809,7 @@ class of {
   snapToCursor(t) {
     Ae((n) => {
       const { drag: r } = this.getProps();
-      if (!Kt(n, r, this.currentDirection))
+      if (!Yt(n, r, this.currentDirection))
         return;
       const { projection: i } = this.visualElement, s = this.getAxisMotionValue(n);
       if (i && i.layout) {
@@ -3835,7 +3835,7 @@ class of {
     });
     const { transformTemplate: s } = this.visualElement.getProps();
     this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Ae((o) => {
-      if (!Kt(o, t, null))
+      if (!Yt(o, t, null))
         return;
       const l = this.getAxisMotionValue(o), { min: a, max: u } = this.constraints[o];
       l.set(ne(a, u, i[o]));
@@ -3876,7 +3876,7 @@ class of {
     };
   }
 }
-function Kt(e, t, n) {
+function Yt(e, t, n) {
   return (t === !0 || t === e) && (n === null || n === e);
 }
 function af(e, t = 10) {
@@ -3885,11 +3885,11 @@ function af(e, t = 10) {
 }
 class lf extends We {
   constructor(t) {
-    super(t), this.removeGroupControls = Se, this.removeListeners = Se, this.controls = new of(t);
+    super(t), this.removeGroupControls = Ce, this.removeListeners = Ce, this.controls = new of(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || Se;
+    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || Ce;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -3900,7 +3900,7 @@ const Xi = (e) => (t, n) => {
 };
 class cf extends We {
   constructor() {
-    super(...arguments), this.removePointerDownListener = Se;
+    super(...arguments), this.removePointerDownListener = Ce;
   }
   onPointerDown(t) {
     this.session = new Zo(t, this.createPanHandlers(), {
@@ -3928,7 +3928,7 @@ class cf extends We {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-const Ht = {
+const qt = {
   hasAnimatedSinceResize: !0,
   hasEverUpdated: !1
 };
@@ -3966,7 +3966,7 @@ class ff extends Fa {
     }), s.setOptions({
       ...s.options,
       onExitComplete: () => this.safeToRemove()
-    })), Ht.hasEverUpdated = !0;
+    })), qt.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(t) {
     const { layoutDependency: n, visualElement: r, drag: i, isPresent: s } = this.props, o = r.projection;
@@ -3994,8 +3994,8 @@ class ff extends Fa {
   }
 }
 function Qo(e) {
-  const [t, n] = Ls(), r = ge(ir);
-  return p.exports.jsx(ff, { ...e, layoutGroup: r, switchLayoutGroup: ge(Ws), isPresent: t, safeToRemove: n });
+  const [t, n] = Ls(), r = ye(ir);
+  return p.exports.jsx(ff, { ...e, layoutGroup: r, switchLayoutGroup: ye(Ws), isPresent: t, safeToRemove: n });
 }
 const df = {
   borderRadius: {
@@ -4014,7 +4014,7 @@ const df = {
   boxShadow: uf
 };
 function hf(e, t, n) {
-  const r = ye(e) ? e : Vt(e);
+  const r = ve(e) ? e : Vt(e);
   return r.start(Nr("", r, t, n)), r.animation;
 }
 function pf(e) {
@@ -4061,7 +4061,7 @@ function xf(e, t, n, r, i, s) {
 function es(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const bf = /* @__PURE__ */ ta(0, 0.5, xo), Tf = /* @__PURE__ */ ta(0.5, 0.95, Se);
+const bf = /* @__PURE__ */ ta(0, 0.5, xo), Tf = /* @__PURE__ */ ta(0.5, 0.95, Ce);
 function ta(e, t, n) {
   return (r) => r < e ? 0 : r > t ? 1 : n(at(e, t, r));
 }
@@ -4075,7 +4075,7 @@ function ns(e, t) {
   e.translate = t.translate, e.scale = t.scale, e.originPoint = t.originPoint, e.origin = t.origin;
 }
 function rs(e, t, n, r, i) {
-  return e -= t, e = tn(e, 1 / n, r), i !== void 0 && (e = tn(e, 1 / i, r)), e;
+  return e -= t, e = en(e, 1 / n, r), i !== void 0 && (e = en(e, 1 / i, r)), e;
 }
 function wf(e, t = 0, n = 1, r = 0.5, i, s = e, o = e) {
   if (Ve.test(t) && (t = parseFloat(t), t = ne(o.min, o.max, t / 100) - o.min), typeof t != "number")
@@ -4086,9 +4086,9 @@ function wf(e, t = 0, n = 1, r = 0.5, i, s = e, o = e) {
 function is(e, t, [n, r, i], s, o) {
   wf(e, t[n], t[r], t[i], t.scale, s, o);
 }
-const Pf = ["x", "scaleX", "originX"], Sf = ["y", "scaleY", "originY"];
+const Sf = ["x", "scaleX", "originX"], Pf = ["y", "scaleY", "originY"];
 function ss(e, t, n, r) {
-  is(e.x, t, Pf, n ? n.x : void 0, r ? r.x : void 0), is(e.y, t, Sf, n ? n.y : void 0, r ? r.y : void 0);
+  is(e.x, t, Sf, n ? n.x : void 0, r ? r.x : void 0), is(e.y, t, Pf, n ? n.y : void 0, r ? r.y : void 0);
 }
 function os(e) {
   return e.translate === 0 && e.scale === 1;
@@ -4109,7 +4109,7 @@ function ra(e, t) {
   return ls(e.x, t.x) && ls(e.y, t.y);
 }
 function cs(e) {
-  return we(e.x) / we(e.y);
+  return Se(e.x) / Se(e.y);
 }
 function us(e, t) {
   return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
@@ -4178,7 +4178,7 @@ const Ge = {
   nodes: 0,
   calculatedTargetDeltas: 0,
   calculatedProjections: 0
-}, Sn = ["", "X", "Y", "Z"], jf = { visibility: "hidden" }, fs = 1e3;
+}, Pn = ["", "X", "Y", "Z"], jf = { visibility: "hidden" }, fs = 1e3;
 let Af = 0;
 function Cn(e, t, n, r) {
   const { latestValues: i } = t;
@@ -4229,7 +4229,7 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         let f;
         const h = () => this.root.updateBlockedByResize = !1;
         e(o, () => {
-          this.root.updateBlockedByResize = !0, f && f(), f = yf(h, 250), Ht.hasAnimatedSinceResize && (Ht.hasAnimatedSinceResize = !1, this.nodes.forEach(hs));
+          this.root.updateBlockedByResize = !0, f && f(), f = yf(h, 250), qt.hasAnimatedSinceResize && (qt.hasAnimatedSinceResize = !1, this.nodes.forEach(hs));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || u) && this.addEventListener("didUpdate", ({ delta: f, hasLayoutChanged: h, hasRelativeLayoutChanged: m, layout: v }) => {
@@ -4237,11 +4237,11 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const y = this.options.transition || c.getDefaultTransition() || Wf, { onLayoutAnimationStart: w, onLayoutAnimationComplete: x } = c.getProps(), P = !this.targetLayout || !ra(this.targetLayout, v), S = !h && m;
-        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 y = this.options.transition || c.getDefaultTransition() || Wf, { onLayoutAnimationStart: w, onLayoutAnimationComplete: x } = c.getProps(), S = !this.targetLayout || !ra(this.targetLayout, v), P = !h && m;
+        if (this.options.layoutRoot || this.resumeFrom || P || h && (S || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(f, P);
           const O = {
-            ...Pr(y, "layout"),
+            ...Sr(y, "layout"),
             onPlay: w,
             onComplete: x
           };
@@ -4300,7 +4300,7 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
       this.isUpdating || this.nodes.forEach(kf), this.isUpdating = !1, this.nodes.forEach(_f), this.nodes.forEach(Df), this.nodes.forEach(Mf), this.clearAllSnapshots();
       const l = Oe.now();
-      fe.delta = Ie(0, 1e3 / 60, l - fe.timestamp), fe.timestamp = l, fe.isProcessing = !0, mn.update.process(fe), mn.preRender.process(fe), mn.render.process(fe), fe.isProcessing = !1;
+      de.delta = Ie(0, 1e3 / 60, l - de.timestamp), de.timestamp = l, de.isProcessing = !0, mn.update.process(de), mn.preRender.process(de), mn.render.process(de), de.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, dr.read(this.scheduleUpdate));
@@ -4317,7 +4317,7 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       });
     }
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !we(this.snapshot.measuredBox.x) && !we(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !Se(this.snapshot.measuredBox.x) && !Se(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -4326,7 +4326,7 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         for (let a = 0; a < this.path.length; a++)
           this.path[a].updateScroll();
       const o = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = se(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = oe(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: l } = this.options;
       l && l.notify("LayoutMeasure", this.layout.layoutBox, o ? o.layoutBox : void 0);
     }
@@ -4364,7 +4364,7 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       var o;
       const { visualElement: l } = this.options;
       if (!l)
-        return se();
+        return oe();
       const a = l.measureViewportBox();
       if (!(((o = this.scroll) === null || o === void 0 ? void 0 : o.wasRoot) || this.path.some(Yf))) {
         const { scroll: c } = this.root;
@@ -4374,7 +4374,7 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     removeElementScroll(o) {
       var l;
-      const a = se();
+      const a = oe();
       if (je(a, o), !((l = this.scroll) === null || l === void 0) && l.wasRoot)
         return a;
       for (let u = 0; u < this.path.length; u++) {
@@ -4384,7 +4384,7 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return a;
     }
     applyTransform(o, l = !1) {
-      const a = se();
+      const a = oe();
       je(a, o);
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u];
@@ -4396,14 +4396,14 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return Ke(this.latestValues) && ot(a, this.latestValues), a;
     }
     removeTransform(o) {
-      const l = se();
+      const l = oe();
       je(l, o);
       for (let a = 0; a < this.path.length; a++) {
         const u = this.path[a];
         if (!u.instance || !Ke(u.latestValues))
           continue;
         Gn(u.latestValues) && u.updateSnapshot();
-        const c = se(), f = u.measurePageBox();
+        const c = oe(), f = u.measurePageBox();
         je(c, f), ss(l, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
       return Ke(this.latestValues) && ss(l, this.latestValues), l;
@@ -4422,7 +4422,7 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== fe.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== de.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(o = !1) {
       var l;
@@ -4433,15 +4433,15 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       const { layout: f, layoutId: h } = this.options;
       if (!(!this.layout || !(f || h))) {
-        if (this.resolvedRelativeTargetAt = fe.timestamp, !this.targetDelta && !this.relativeTarget) {
+        if (this.resolvedRelativeTargetAt = de.timestamp, !this.targetDelta && !this.relativeTarget) {
           const m = this.getClosestProjectingParent();
-          m && m.layout && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = se(), this.relativeTargetOrigin = se(), Rt(this.relativeTargetOrigin, this.layout.layoutBox, m.layout.layoutBox), je(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          m && m.layout && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = oe(), this.relativeTargetOrigin = oe(), Rt(this.relativeTargetOrigin, this.layout.layoutBox, m.layout.layoutBox), je(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = se(), this.targetWithTransforms = se()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Ku(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : je(this.target, this.layout.layoutBox), Ho(this.target, this.targetDelta)) : je(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = oe(), this.targetWithTransforms = oe()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Ku(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : je(this.target, this.layout.layoutBox), Ho(this.target, this.targetDelta)) : je(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const m = this.getClosestProjectingParent();
-            m && Boolean(m.resumingFrom) === Boolean(this.resumingFrom) && !m.options.layoutScroll && m.target && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = se(), this.relativeTargetOrigin = se(), Rt(this.relativeTargetOrigin, this.target, m.target), je(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            m && Boolean(m.resumingFrom) === Boolean(this.resumingFrom) && !m.options.layoutScroll && m.target && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = oe(), this.relativeTargetOrigin = oe(), Rt(this.relativeTargetOrigin, this.target, m.target), je(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           Fe.value && Ge.calculatedTargetDeltas++;
         }
@@ -4458,14 +4458,14 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       var o;
       const l = this.getLead(), a = Boolean(this.resumingFrom) || this !== l;
       let u = !0;
-      if ((this.isProjectionDirty || !((o = this.parent) === null || o === void 0) && o.isProjectionDirty) && (u = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (u = !1), this.resolvedRelativeTargetAt === fe.timestamp && (u = !1), u)
+      if ((this.isProjectionDirty || !((o = this.parent) === null || o === void 0) && o.isProjectionDirty) && (u = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (u = !1), this.resolvedRelativeTargetAt === de.timestamp && (u = !1), u)
         return;
       const { layout: c, layoutId: f } = this.options;
       if (this.isTreeAnimating = Boolean(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(c || f))
         return;
       je(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, m = this.treeScale.y;
-      Gu(this.layoutCorrected, this.treeScale, this.path, a), l.layout && !l.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (l.target = l.layout.layoutBox, l.targetWithTransforms = se());
+      Gu(this.layoutCorrected, this.treeScale, this.path, a), l.layout && !l.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (l.target = l.layout.layoutBox, l.targetWithTransforms = oe());
       const { target: v } = l;
       if (!v) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4493,26 +4493,26 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(o, l = !1) {
       const a = this.snapshot, u = a ? a.latestValues : {}, c = { ...this.latestValues }, f = it();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !l;
-      const h = se(), m = a ? a.source : void 0, v = this.layout ? this.layout.source : void 0, y = m !== v, w = this.getStack(), x = !w || w.members.length <= 1, P = Boolean(y && !x && this.options.crossfade === !0 && !this.path.some(Uf));
+      const h = oe(), m = a ? a.source : void 0, v = this.layout ? this.layout.source : void 0, y = m !== v, w = this.getStack(), x = !w || w.members.length <= 1, S = Boolean(y && !x && this.options.crossfade === !0 && !this.path.some(Uf));
       this.animationProgress = 0;
-      let S;
+      let P;
       this.mixTargetDelta = (O) => {
         const g = O / 1e3;
-        ps(f.x, o.x, g), ps(f.y, o.y, g), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Rt(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), $f(this.relativeTarget, this.relativeTargetOrigin, h, g), S && Cf(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = se()), je(S, this.relativeTarget)), y && (this.animationValues = c, xf(c, u, this.latestValues, g, P, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = g;
+        ps(f.x, o.x, g), ps(f.y, o.y, g), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Rt(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), $f(this.relativeTarget, this.relativeTargetOrigin, h, g), P && Cf(this.relativeTarget, P) && (this.isProjectionDirty = !1), P || (P = oe()), je(P, this.relativeTarget)), y && (this.animationValues = c, xf(c, u, this.latestValues, g, S, x)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = g;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
       this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && ($e(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = Q.update(() => {
-        Ht.hasAnimatedSinceResize = !0, St.layout++, this.currentAnimation = hf(0, fs, {
+        qt.hasAnimatedSinceResize = !0, Pt.layout++, this.currentAnimation = hf(0, fs, {
           ...o,
           onUpdate: (l) => {
             this.mixTargetDelta(l), o.onUpdate && o.onUpdate(l);
           },
           onStop: () => {
-            St.layout--;
+            Pt.layout--;
           },
           onComplete: () => {
-            St.layout--, o.onComplete && o.onComplete(), this.completeAnimation();
+            Pt.layout--, o.onComplete && o.onComplete(), this.completeAnimation();
           }
         }), this.resumingFrom && (this.resumingFrom.currentAnimation = this.currentAnimation), this.pendingAnimation = void 0;
       });
@@ -4530,10 +4530,10 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let { targetWithTransforms: l, target: a, layout: u, latestValues: c } = o;
       if (!(!l || !a || !u)) {
         if (this !== o && this.layout && u && oa(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
-          a = this.target || se();
-          const f = we(this.layout.layoutBox.x);
+          a = this.target || oe();
+          const f = Se(this.layout.layoutBox.x);
           a.x.min = o.target.x.min, a.x.max = a.x.min + f;
-          const h = we(this.layout.layoutBox.y);
+          const h = Se(this.layout.layoutBox.y);
           a.y.min = o.target.y.min, a.y.max = a.y.min + h;
         }
         je(l, a), ot(l, c), Et(this.projectionDeltaWithTransform, this.layoutCorrected, l, c);
@@ -4584,8 +4584,8 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       const u = {};
       a.z && Cn("z", o, u, this.animationValues);
-      for (let c = 0; c < Sn.length; c++)
-        Cn(`rotate${Sn[c]}`, o, u, this.animationValues), Cn(`skew${Sn[c]}`, o, u, this.animationValues);
+      for (let c = 0; c < Pn.length; c++)
+        Cn(`rotate${Pn[c]}`, o, u, this.animationValues), Cn(`skew${Pn[c]}`, o, u, this.animationValues);
       o.render();
       for (const c in u)
         o.setStaticValue(c, u[c]), this.animationValues && (this.animationValues[c] = u[c]);
@@ -4601,11 +4601,11 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         visibility: ""
       }, c = this.getTransformTemplate();
       if (this.needsReset)
-        return this.needsReset = !1, u.opacity = "", u.pointerEvents = Gt(o == null ? void 0 : o.pointerEvents) || "", u.transform = c ? c(this.latestValues, "") : "none", u;
+        return this.needsReset = !1, u.opacity = "", u.pointerEvents = Kt(o == null ? void 0 : o.pointerEvents) || "", u.transform = c ? c(this.latestValues, "") : "none", u;
       const f = this.getLead();
       if (!this.projectionDelta || !this.layout || !f.target) {
         const y = {};
-        return this.options.layoutId && (y.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, y.pointerEvents = Gt(o == null ? void 0 : o.pointerEvents) || ""), this.hasProjected && !Ke(this.latestValues) && (y.transform = c ? c({}, "") : "none", this.hasProjected = !1), y;
+        return this.options.layoutId && (y.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, y.pointerEvents = Kt(o == null ? void 0 : o.pointerEvents) || ""), this.hasProjected && !Ke(this.latestValues) && (y.transform = c ? c({}, "") : "none", this.hasProjected = !1), y;
       }
       const h = f.animationValues || f.latestValues;
       this.applyTransformsToTarget(), u.transform = Rf(this.projectionDeltaWithTransform, this.treeScale, h), c && (u.transform = c(h, u.transform));
@@ -4614,15 +4614,15 @@ function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       for (const y in At) {
         if (h[y] === void 0)
           continue;
-        const { correct: w, applyTo: x, isCSSVariable: P } = At[y], S = u.transform === "none" ? h[y] : w(h[y], f);
+        const { correct: w, applyTo: x, isCSSVariable: S } = At[y], P = u.transform === "none" ? h[y] : w(h[y], f);
         if (x) {
           const O = x.length;
           for (let g = 0; g < O; g++)
-            u[x[g]] = S;
+            u[x[g]] = P;
         } else
-          P ? this.options.visualElement.renderState.vars[y] = S : u[y] = S;
+          S ? this.options.visualElement.renderState.vars[y] = P : u[y] = P;
       }
-      return this.options.layoutId && (u.pointerEvents = f === this ? Gt(o == null ? void 0 : o.pointerEvents) || "" : "none"), u;
+      return this.options.layoutId && (u.pointerEvents = f === this ? Kt(o == null ? void 0 : o.pointerEvents) || "" : "none"), u;
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4644,10 +4644,10 @@ function Mf(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" ? Ae((f) => {
-      const h = o ? n.measuredBox[f] : n.layoutBox[f], m = we(h);
+      const h = o ? n.measuredBox[f] : n.layoutBox[f], m = Se(h);
       h.min = r[f].min, h.max = h.min + m;
     }) : oa(s, n.layoutBox, r) && Ae((f) => {
-      const h = o ? n.measuredBox[f] : n.layoutBox[f], m = we(r[f]);
+      const h = o ? n.measuredBox[f] : n.layoutBox[f], m = Se(r[f]);
       h.max = h.min + m, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[f].max = e.relativeTarget[f].min + m);
     });
     const l = it();
@@ -4661,9 +4661,9 @@ function Mf(e) {
       if (f && !f.resumeFrom) {
         const { snapshot: h, layout: m } = f;
         if (h && m) {
-          const v = se();
+          const v = oe();
           Rt(v, n.layoutBox, h.layoutBox);
-          const y = se();
+          const y = oe();
           Rt(y, r, m.layoutBox), ra(v, y) || (c = !0), f.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = v, e.relativeParent = f);
         }
       }
@@ -4731,7 +4731,7 @@ function Uf(e) {
 const Wf = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, gs = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), ys = gs("applewebkit/") && !gs("chrome/") ? Math.round : Se;
+}, gs = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), ys = gs("applewebkit/") && !gs("chrome/") ? Math.round : Ce;
 function vs(e) {
   e.min = ys(e.min), e.max = ys(e.max);
 }
@@ -4784,7 +4784,7 @@ function xs(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, Bt(t)));
+  s && Q.postRender(() => s(t, Ft(t)));
 }
 class qf extends We {
   mount() {
@@ -4811,7 +4811,7 @@ class Hf extends We {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Ft(Lt(this.node.current, "focus", () => this.onFocus()), Lt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Nt(Lt(this.node.current, "focus", () => this.onFocus()), Lt(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
@@ -4822,7 +4822,7 @@ function bs(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, Bt(t)));
+  s && Q.postRender(() => s(t, Ft(t)));
 }
 class Xf extends We {
   mount() {
@@ -4916,13 +4916,13 @@ function od() {
     } else
       Zn.current = !1;
 }
-const ad = [...Oo, he, Ue], ld = (e) => ad.find(Vo(e)), cd = /* @__PURE__ */ new WeakMap();
+const ad = [...Oo, pe, Ue], ld = (e) => ad.find(Vo(e)), cd = /* @__PURE__ */ new WeakMap();
 function ud(e, t, n) {
   for (const r in t) {
     const i = t[r], s = n[r];
-    if (ye(i))
+    if (ve(i))
       e.addValue(r, i), process.env.NODE_ENV === "development" && sn(i.version === "12.4.7", `Attempting to mix Motion versions ${i.version} with 12.4.7 may not work as expected.`);
-    else if (ye(s))
+    else if (ve(s))
       e.addValue(r, Vt(i, { owner: e }));
     else if (s !== i)
       if (e.hasValue(r)) {
@@ -4962,7 +4962,7 @@ class fd {
     const { willChange: f, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const m in h) {
       const v = h[m];
-      a[m] !== void 0 && ye(v) && v.set(a[m], !1);
+      a[m] !== void 0 && ve(v) && v.set(a[m], !1);
     }
   }
   mount(t) {
@@ -5010,7 +5010,7 @@ class fd {
     this.build(this.renderState, this.latestValues, this.props);
   }
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : se();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : oe();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -5069,7 +5069,7 @@ class fd {
   readValue(t, n) {
     var r;
     let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : (r = this.getBaseTargetFromProps(this.props, t)) !== null && r !== void 0 ? r : this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (Do(i) || To(i)) ? i = parseFloat(i) : !ld(i) && Ue.test(n) && (i = Ro(t, n)), this.setBaseTarget(t, ye(i) ? i.get() : i)), ye(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (Do(i) || To(i)) ? i = parseFloat(i) : !ld(i) && Ue.test(n) && (i = Ro(t, n)), this.setBaseTarget(t, ve(i) ? i.get() : i)), ve(i) ? i.get() : i;
   }
   setBaseTarget(t, n) {
     this.baseTarget[t] = n;
@@ -5085,7 +5085,7 @@ class fd {
     if (r && i !== void 0)
       return i;
     const s = this.getBaseTargetFromProps(this.props, t);
-    return s !== void 0 && !ye(s) ? s : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
+    return s !== void 0 && !ve(s) ? s : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
     return this.events[t] || (this.events[t] = new Ar()), this.events[t].add(n);
@@ -5110,7 +5110,7 @@ class ca extends fd {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    ye(t) && (this.childSubscription = t.on("change", (n) => {
+    ve(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -5143,7 +5143,7 @@ class hd extends ca {
 }
 class pd extends ca {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = se, this.updateDimensions = () => {
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = oe, this.updateDimensions = () => {
       this.current && !this.renderState.dimensions && Zs(this.current, this.renderState);
     };
   }
@@ -5266,7 +5266,7 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
   messageId: r,
   isCurrentUserMessage: i
 }) => {
-  const s = me(null), [o, l] = pe(!1);
+  const s = ge(null), [o, l] = me(!1);
   return ft(() => (s.current || (s.current = document.createElement("div"), s.current.style.zIndex = "1500", s.current.style.position = "fixed", s.current.style.top = "0", s.current.style.left = "0", s.current.style.width = "100%", s.current.style.height = "100%", s.current.style.pointerEvents = "none", document.body.appendChild(s.current)), l(!0), () => {
     s.current && !t && (document.body.removeChild(s.current), s.current = null);
   }), [t]), !s.current || !o ? null : Ba.createPortal(
@@ -5353,7 +5353,7 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
       }
     )
   }
-), kt = (e) => /* @__PURE__ */ p.exports.jsx("svg", { width: "17px", height: "22px", viewBox: "0 0 9 20", ...e, children: /* @__PURE__ */ p.exports.jsxs("g", { fill: "none", children: [
+), tn = (e) => /* @__PURE__ */ p.exports.jsx("svg", { width: "17px", height: "22px", viewBox: "0 0 9 20", ...e, children: /* @__PURE__ */ p.exports.jsxs("g", { fill: "none", children: [
   /* @__PURE__ */ p.exports.jsx(
     "path",
     {
@@ -5394,7 +5394,7 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
   messageToEdit: l,
   setMessageToEdit: a
 }) => {
-  const [u, c] = pe(""), [f, h] = pe(!1), [m, v] = pe(0), [y, w] = pe(null), [x, P] = pe(null), [S, O] = pe(0), g = me(null), E = me([]), z = me(null), C = me(null), N = me(null), [G, ee] = pe(!1), ve = (D) => {
+  const [u, c] = me(""), [f, h] = me(!1), [m, v] = me(0), [y, w] = me(null), [x, S] = me(null), [P, O] = me(0), g = ge(null), E = ge([]), z = ge(null), C = ge(null), N = ge(null), [G, ee] = me(!1), xe = (D) => {
     const R = D.target.value;
     console.log("Input", R), l ? a((L) => L ? new wt({
       ...L,
@@ -5402,13 +5402,13 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
       isEdited: !0
     }) : void 0) : c(R);
     const M = R.match(/(\S+)$/);
-    oe(M);
-  }, oe = (D) => {
+    ae(M);
+  }, ae = (D) => {
     if (D) {
       const R = D[0];
       if (y) {
         const M = D[0].split(y)[1];
-        P(M);
+        S(M);
       }
       o != null && o.some((M) => M.symbol === R) && w(R);
     } else
@@ -5418,7 +5418,7 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
       ...M,
       text: M.text + R + " "
     }) : void 0) : c((M) => M + R + " "), w(null), C.current.focus();
-  }, ae = () => {
+  }, le = () => {
     if (l) {
       if (l.text.trim() === "")
         return;
@@ -5429,7 +5429,7 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
       e(u), c("");
     }
     w(null);
-  }, ce = async () => {
+  }, ue = async () => {
     h(!0), v(0), E.current = [], z.current = setInterval(() => {
       v((M) => M + 1);
     }, 1e3);
@@ -5446,7 +5446,7 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
     (D = g.current) == null || D.stop();
   }, re = (D) => {
     const { scrollTop: R, scrollHeight: M, clientHeight: L } = D.currentTarget;
-    if (R > S) {
+    if (R > P) {
       if (R + L >= M - 1) {
         const _ = o == null ? void 0 : o.find(
           (W) => W.symbol === y
@@ -5457,7 +5457,7 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
       }
     } else
       O(R);
-  }, xe = /* @__PURE__ */ new Set([
+  }, be = /* @__PURE__ */ new Set([
     "jpeg",
     "png",
     "gif",
@@ -5489,7 +5489,7 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
       const _ = R.type.split("/");
       _.length === 2 && (M = _[1]);
     }
-    M || (M = ((k = R.name.split(".").pop()) == null ? void 0 : k.toLowerCase()) || ""), xe.has(M) ? r(R) : b.has(M) ? i(R) : s(R);
+    M || (M = ((k = R.name.split(".").pop()) == null ? void 0 : k.toLowerCase()) || ""), be.has(M) ? r(R) : b.has(M) ? i(R) : s(R);
   };
   return /* @__PURE__ */ p.exports.jsxs("div", { className: "absolute bottom-0 w-full flex items-center p-2 pr-4 z-10", children: [
     f ? /* @__PURE__ */ p.exports.jsxs("div", { className: "w-full flex justify-between items-center bg-white  p-2 pl-4 h-11 rounded-3xl ", children: [
@@ -5523,19 +5523,19 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
             className: "w-full  bg-white flex-1 p-2 pl-4 border border-gray-300 outline-none rounded-bl-3xl  ",
             placeholder: "Type a message...",
             value: l.text,
-            onChange: ve,
+            onChange: xe,
             onKeyDown: (D) => {
-              D.key === "Enter" && !D.shiftKey && (D.preventDefault(), ae());
+              D.key === "Enter" && !D.shiftKey && (D.preventDefault(), le());
             }
           }
         ),
-        /* @__PURE__ */ p.exports.jsx(kt, { className: "rotate-180 absolute -right-[11.4px] top-5" })
+        /* @__PURE__ */ p.exports.jsx(tn, { className: "rotate-180 absolute -right-[11.4px] top-5" })
       ] }),
       /* @__PURE__ */ p.exports.jsx(
         "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: ae,
+          onClick: le,
           children: /* @__PURE__ */ p.exports.jsx(jn, {})
         }
       )
@@ -5566,19 +5566,19 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
             className: "w-full  bg-white flex-1 p-2 pr-10 pl-4 border border-gray-300 outline-none rounded-tl-3xl rounded-tr-2xl rounded-bl-3xl  ",
             placeholder: "Type a message...",
             value: u,
-            onChange: ve,
+            onChange: xe,
             onKeyDown: (D) => {
-              D.key === "Enter" && !D.shiftKey && (D.preventDefault(), ae());
+              D.key === "Enter" && !D.shiftKey && (D.preventDefault(), le());
             }
           }
         ),
-        /* @__PURE__ */ p.exports.jsx(kt, { className: "rotate-180 absolute -right-[11.4px] top-5" })
+        /* @__PURE__ */ p.exports.jsx(tn, { className: "rotate-180 absolute -right-[11.4px] top-5" })
       ] }),
       /* @__PURE__ */ p.exports.jsx(
         "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: u ? ae : ce,
+          onClick: u ? le : ue,
           children: u ? /* @__PURE__ */ p.exports.jsx(jn, {}) : /* @__PURE__ */ p.exports.jsx(Td, {})
         }
       )
@@ -5643,15 +5643,16 @@ const md = (e, t) => vr(e) ? new pd(t) : new hd(t, {
     )
   ] });
 };
-var ke = /* @__PURE__ */ ((e) => (e[e.File = 0] = "File", e[e.Voice = 1] = "Voice", e[e.Video = 2] = "Video", e[e.Image = 3] = "Image", e))(ke || {}), Ce = /* @__PURE__ */ ((e) => (e[e.Telegram = 0] = "Telegram", e[e.Simple = 1] = "Simple", e))(Ce || {});
+var ke = /* @__PURE__ */ ((e) => (e[e.File = 0] = "File", e[e.Voice = 1] = "Voice", e[e.Video = 2] = "Video", e[e.Image = 3] = "Image", e))(ke || {}), ie = /* @__PURE__ */ ((e) => (e[e.Telegram = 0] = "Telegram", e[e.Simple = 1] = "Simple", e))(ie || {});
 const ws = ({
   fileName: e,
   fileSize: t,
   format: n,
-  src: r
+  src: r,
+  them: i
 }) => {
-  const i = () => {
-    const o = {
+  const s = () => {
+    const l = {
       rar: /* @__PURE__ */ p.exports.jsx("p", { className: "p-2 text-green-500 font-bold", children: n }),
       zip: /* @__PURE__ */ p.exports.jsx("p", { className: "p-2 text-blue-500 font-bold", children: n }),
       pdf: /* @__PURE__ */ p.exports.jsx("p", { className: "p-2 text-red-500 font-bold", children: n }),
@@ -5675,21 +5676,33 @@ const ws = ({
       csv: /* @__PURE__ */ p.exports.jsx("p", { className: "p-2 text-teal-400 font-bold", children: n }),
       sql: /* @__PURE__ */ p.exports.jsx("p", { className: "p-2 text-gray-400 font-bold", children: n })
     };
-    return n && o[n] ? o[n] : /* @__PURE__ */ p.exports.jsx("p", { className: "p-2 text-black ", children: n ?? "UN" });
-  }, s = (o) => o > 1048576 ? (o / 1048576).toFixed(1) + " MB" : (o / 1024).toFixed(1) + " KB";
+    return n && l[n] ? l[n] : /* @__PURE__ */ p.exports.jsx("p", { className: "p-2 text-black ", children: n ?? "UN" });
+  }, o = (l) => l > 1048576 ? (l / 1048576).toFixed(1) + " MB" : (l / 1024).toFixed(1) + " KB";
   return /* @__PURE__ */ p.exports.jsxs("div", { className: "flex items-center rounded-lg", children: [
-    /* @__PURE__ */ p.exports.jsx("div", { className: "w-14 h-14 mr-3 flex items-center justify-center relative border border-green-900 rounded-md p-3", children: i() }),
+    /* @__PURE__ */ p.exports.jsx(
+      "div",
+      {
+        className: ` border ${i === ie.Simple ? " border-white " : i === ie.Telegram ? " border-green-900" : ""} w-14 h-14 mr-3 flex items-center justify-center relative  rounded-md p-3`,
+        children: s()
+      }
+    ),
     /* @__PURE__ */ p.exports.jsxs("div", { className: "flex flex-col flex-grow", children: [
       /* @__PURE__ */ p.exports.jsx(
         "a",
         {
           href: r,
           download: e,
-          className: "text-gray-900 font-medium hover:underline",
+          className: `${i === ie.Simple ? "text-white" : i === ie.Telegram ? "text-gray-900" : ""}  font-medium hover:underline`,
           children: e
         }
       ),
-      /* @__PURE__ */ p.exports.jsx("span", { className: "text-gray-600 text-sm", children: s(t) })
+      /* @__PURE__ */ p.exports.jsx(
+        "span",
+        {
+          className: `${i === ie.Simple ? "text-gray-800" : i === ie.Telegram ? "text-gray-900" : ""}   text-sm`,
+          children: o(t)
+        }
+      )
     ] }),
     /* @__PURE__ */ p.exports.jsx(
       "a",
@@ -5701,7 +5714,7 @@ const ws = ({
       }
     )
   ] });
-}, Pd = (e) => /* @__PURE__ */ p.exports.jsx(
+}, Sd = (e) => /* @__PURE__ */ p.exports.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5717,7 +5730,7 @@ const ws = ({
     ...e,
     children: /* @__PURE__ */ p.exports.jsx("polygon", { points: "6 3 20 12 6 21 6 3" })
   }
-), Sd = (e) => /* @__PURE__ */ p.exports.jsxs(
+), Pd = (e) => /* @__PURE__ */ p.exports.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5739,7 +5752,7 @@ const ws = ({
 );
 let xt = null;
 const Cd = ({ src: e, className: t }) => {
-  const [n, r] = pe(!1), [i, s] = pe(0), o = me(null);
+  const [n, r] = me(!1), [i, s] = me(0), o = ge(null);
   ft(() => {
     const a = o.current;
     if (!a)
@@ -5767,7 +5780,7 @@ const Cd = ({ src: e, className: t }) => {
           {
             className: "w-9 h-9 cursor-pointer flex items-center justify-center pl-[1.5px] bg-gray-700 rounded-full hover:bg-gray-600",
             onClick: l,
-            children: n ? /* @__PURE__ */ p.exports.jsx(Sd, {}) : /* @__PURE__ */ p.exports.jsx(Pd, {})
+            children: n ? /* @__PURE__ */ p.exports.jsx(Pd, {}) : /* @__PURE__ */ p.exports.jsx(Sd, {})
           }
         ),
         /* @__PURE__ */ p.exports.jsx("div", { className: "relative flex-1 h-2 bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ p.exports.jsx(
@@ -5784,7 +5797,8 @@ const Cd = ({ src: e, className: t }) => {
 }, Ed = ({
   attachmentUrl: e,
   attachmentType: t,
-  attachmentFormat: n
+  attachmentFormat: n,
+  them: r
 }) => e ? t === ke.Voice ? /* @__PURE__ */ p.exports.jsx("div", { className: "w-full", children: /* @__PURE__ */ p.exports.jsx(Cd, { src: e }) }) : t === ke.Image ? /* @__PURE__ */ p.exports.jsx("div", { className: "w-full", children: /* @__PURE__ */ p.exports.jsx("img", { src: e }) }) : t === ke.File ? /* @__PURE__ */ p.exports.jsx("div", { className: "w-full mt-1", children: /* @__PURE__ */ p.exports.jsx(
   ws,
   {
@@ -5825,7 +5839,7 @@ const Cd = ({ src: e, className: t }) => {
         exit: { opacity: 0, y: 50 },
         transition: { duration: 0.3 },
         onContextMenu: (y) => n(y, e),
-        className: `relative ${r ? "w-3/4" : "w-fit max-w-3/4"} flex flex-col gap-1 md:max-w-[400px]  p-2 pt-5 rounded-lg ${i === Ce.Simple ? "bg-white border" : i === Ce.Telegram ? "bg-blue-200 " : ""} `,
+        className: `relative ${r ? "w-3/4" : "w-fit max-w-3/4"} flex flex-col gap-1 md:max-w-[400px]  p-2 pt-5 rounded-lg ${i === ie.Simple ? "bg-[#f8fbff]" : i === ie.Telegram ? "bg-blue-200 " : ""} `,
         children: [
           /* @__PURE__ */ p.exports.jsx(
             "span",
@@ -5839,20 +5853,18 @@ const Cd = ({ src: e, className: t }) => {
           /* @__PURE__ */ p.exports.jsx("span", { children: e.text }),
           /* @__PURE__ */ p.exports.jsxs("div", { className: "w-full flex gap-1 items-center justify-end", children: [
             /* @__PURE__ */ p.exports.jsx("span", { className: "text-[10px]", children: new Date(e.createdDate).toLocaleTimeString().split(":")[0] + ":" + new Date(e.createdDate).toLocaleTimeString().split(":")[1] }),
-            e.isEdited ? /* @__PURE__ */ p.exports.jsx("span", { className: "text-xs text-gray-600 italic", children: "edited" }) : ""
+            e.isEdited ? /* @__PURE__ */ p.exports.jsx(
+              "span",
+              {
+                className: `text-xs italic ${i === ie.Simple ? "text-gray-700" : i === ie.Telegram ? "text-gray-600  " : ""}`,
+                children: "edited"
+              }
+            ) : ""
           ] }),
           /* @__PURE__ */ p.exports.jsx(
-            kt,
+            tn,
             {
-              width: 14,
-              height: 19,
-              className: ` ${i === Ce.Simple ? "visible" : "hidden"} -rotate-180 scale-x-[-0.9] scale-y-[0.8]  transition-discrete absolute -left-[6.7px] -bottom-[0.9px] [&>g>path]:fill-white `
-            }
-          ),
-          /* @__PURE__ */ p.exports.jsx(
-            kt,
-            {
-              className: ` ${i === Ce.Simple ? "[&>g>path]:fill-white [&>g>path:nth-child(2)]:!fill-[#E2E8F0]" : i === Ce.Telegram ? "[&>g>path]:fill-blue-200 " : ""} -rotate-180 scale-x-[-1] transition-discrete absolute z-[-1] -left-2 bottom-0 `
+              className: ` ${i === ie.Simple ? "[&>g>path]:fill-[#f8fbff]" : i === ie.Telegram ? "[&>g>path]:fill-blue-200 " : ""} -rotate-180 scale-x-[-1] transition-discrete absolute z-[-1] -left-2 bottom-0 `
             }
           )
         ]
@@ -5965,7 +5977,7 @@ const Cd = ({ src: e, className: t }) => {
     exit: { opacity: 0, y: 50 },
     transition: { duration: 0.3 },
     onContextMenu: (i) => e(i, n),
-    className: `relative self-end ${t ? "w-3/4" : "max-w-3/4"} flex flex-col justify-center md:max-w-[400px]  p-2 rounded-lg ${r === Ce.Telegram ? " bg-green-200" : Ce.Simple ? " bg-[#4F46E5] text-white" : ""}`,
+    className: `relative self-end ${t ? "w-3/4" : "max-w-3/4"} flex flex-col justify-center md:max-w-[400px]  p-2 rounded-lg ${r === ie.Telegram ? " bg-green-200" : ie.Simple ? " bg-[#4F46E5] text-white" : ""}`,
     children: [
       t || null,
       /* @__PURE__ */ p.exports.jsx("span", { className: "", children: n.text }),
@@ -5974,28 +5986,34 @@ const Cd = ({ src: e, className: t }) => {
         n.isSending ? /* @__PURE__ */ p.exports.jsx(ua, { size: 13, color: "text-black" }) : /* @__PURE__ */ p.exports.jsx(
           jd,
           {
-            className: r === Ce.Telegram ? " " : Ce.Simple ? " [&>path]:fill-white" : ""
+            className: r === ie.Telegram ? " " : ie.Simple ? " [&>path]:fill-white" : ""
           }
         ),
-        n.isEdited ? /* @__PURE__ */ p.exports.jsx("span", { className: "text-xs text-gray-600 italic", children: "edited" }) : ""
+        n.isEdited ? /* @__PURE__ */ p.exports.jsx(
+          "span",
+          {
+            className: `text-xs italic ${r === ie.Simple ? "text-gray-200" : r === ie.Telegram ? "text-gray-600 " : ""}`,
+            children: "edited"
+          }
+        ) : ""
       ] }),
       /* @__PURE__ */ p.exports.jsx(
-        kt,
+        tn,
         {
-          className: `fill-blue-200 rotate-180 absolute -right-[7px] bottom-[0.1px]  ${r === Ce.Telegram ? "[&>g>path]:fill-green-200" : Ce.Simple ? " z-[-1] [&>g>path]:fill-[#4F46E5]" : ""} `
+          className: `fill-blue-200 rotate-180 absolute -right-[7px] bottom-[0.1px]  ${r === ie.Telegram ? "[&>g>path]:fill-green-200" : ie.Simple ? " z-[-1] [&>g>path]:fill-[#4F46E5]" : ""} `
         }
       )
     ]
   }
 );
-var ue = { exports: {} }, An = { exports: {} }, X = {};
-var Ps;
+var fe = { exports: {} }, An = { exports: {} }, X = {};
+var Ss;
 function Dd() {
-  if (Ps)
+  if (Ss)
     return X;
-  Ps = 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, m = 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(g) {
+  Ss = 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, m = 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, S = e ? Symbol.for("react.scope") : 60119;
+  function P(g) {
     if (typeof g == "object" && g !== null) {
       var E = g.$$typeof;
       switch (E) {
@@ -6026,43 +6044,43 @@ function Dd() {
     }
   }
   function O(g) {
-    return S(g) === u;
+    return P(g) === 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 = m, X.Portal = n, X.Profiler = s, X.StrictMode = i, X.Suspense = f, X.isAsyncMode = function(g) {
-    return O(g) || S(g) === a;
+    return O(g) || P(g) === a;
   }, X.isConcurrentMode = O, X.isContextConsumer = function(g) {
-    return S(g) === l;
+    return P(g) === l;
   }, X.isContextProvider = function(g) {
-    return S(g) === o;
+    return P(g) === o;
   }, X.isElement = function(g) {
     return typeof g == "object" && g !== null && g.$$typeof === t;
   }, X.isForwardRef = function(g) {
-    return S(g) === c;
+    return P(g) === c;
   }, X.isFragment = function(g) {
-    return S(g) === r;
+    return P(g) === r;
   }, X.isLazy = function(g) {
-    return S(g) === v;
+    return P(g) === v;
   }, X.isMemo = function(g) {
-    return S(g) === m;
+    return P(g) === m;
   }, X.isPortal = function(g) {
-    return S(g) === n;
+    return P(g) === n;
   }, X.isProfiler = function(g) {
-    return S(g) === s;
+    return P(g) === s;
   }, X.isStrictMode = function(g) {
-    return S(g) === i;
+    return P(g) === i;
   }, X.isSuspense = function(g) {
-    return S(g) === f;
+    return P(g) === f;
   }, X.isValidElementType = function(g) {
-    return typeof g == "string" || typeof g == "function" || g === r || g === u || g === s || g === i || g === f || g === h || typeof g == "object" && g !== null && (g.$$typeof === v || g.$$typeof === m || g.$$typeof === o || g.$$typeof === l || g.$$typeof === c || g.$$typeof === w || g.$$typeof === x || g.$$typeof === P || g.$$typeof === y);
-  }, X.typeOf = S, X;
+    return typeof g == "string" || typeof g == "function" || g === r || g === u || g === s || g === i || g === f || g === h || typeof g == "object" && g !== null && (g.$$typeof === v || g.$$typeof === m || g.$$typeof === o || g.$$typeof === l || g.$$typeof === c || g.$$typeof === w || g.$$typeof === x || g.$$typeof === S || g.$$typeof === y);
+  }, X.typeOf = P, X;
 }
 var Z = {};
-var Ss;
+var Ps;
 function Md() {
-  return Ss || (Ss = 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, m = 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 === m || A.$$typeof === o || A.$$typeof === l || A.$$typeof === c || A.$$typeof === w || A.$$typeof === x || A.$$typeof === P || A.$$typeof === y);
+  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, m = 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, S = e ? Symbol.for("react.scope") : 60119;
+    function P(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 === m || A.$$typeof === o || A.$$typeof === l || A.$$typeof === c || A.$$typeof === w || A.$$typeof === x || A.$$typeof === S || A.$$typeof === y);
     }
     function O(A) {
       if (typeof A == "object" && A !== null) {
@@ -6096,8 +6114,8 @@ function Md() {
         }
       }
     }
-    var g = a, E = u, z = l, C = o, N = t, G = c, ee = r, ve = v, oe = m, B = n, ae = s, ce = i, H = f, re = !1;
-    function xe(A) {
+    var g = a, E = u, z = l, C = o, N = t, G = c, ee = r, xe = v, ae = m, B = n, le = s, ue = i, H = f, re = !1;
+    function be(A) {
       return re || (re = !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) || O(A) === a;
     }
     function b(A) {
@@ -6133,10 +6151,10 @@ function Md() {
     function $(A) {
       return O(A) === i;
     }
-    function de(A) {
+    function he(A) {
       return O(A) === f;
     }
-    Z.AsyncMode = g, Z.ConcurrentMode = E, Z.ContextConsumer = z, Z.ContextProvider = C, Z.Element = N, Z.ForwardRef = G, Z.Fragment = ee, Z.Lazy = ve, Z.Memo = oe, Z.Portal = B, Z.Profiler = ae, Z.StrictMode = ce, Z.Suspense = H, Z.isAsyncMode = xe, Z.isConcurrentMode = b, Z.isContextConsumer = V, Z.isContextProvider = U, Z.isElement = D, Z.isForwardRef = R, Z.isFragment = M, Z.isLazy = L, Z.isMemo = k, Z.isPortal = _, Z.isProfiler = W, Z.isStrictMode = $, Z.isSuspense = de, Z.isValidElementType = S, Z.typeOf = O;
+    Z.AsyncMode = g, Z.ConcurrentMode = E, Z.ContextConsumer = z, Z.ContextProvider = C, Z.Element = N, Z.ForwardRef = G, Z.Fragment = ee, Z.Lazy = xe, Z.Memo = ae, Z.Portal = B, Z.Profiler = le, Z.StrictMode = ue, Z.Suspense = H, Z.isAsyncMode = be, Z.isConcurrentMode = b, Z.isContextConsumer = V, Z.isContextProvider = U, Z.isElement = D, Z.isForwardRef = R, Z.isFragment = M, Z.isLazy = L, Z.isMemo = k, Z.isPortal = _, Z.isProfiler = W, Z.isStrictMode = $, Z.isSuspense = he, Z.isValidElementType = P, Z.typeOf = O;
   }()), Z;
 }
 var Cs;
@@ -6288,8 +6306,8 @@ function Ld() {
       object: x("object"),
       string: x("string"),
       symbol: x("symbol"),
-      any: P(),
-      arrayOf: S,
+      any: S(),
+      arrayOf: P,
       element: O(),
       elementType: g(),
       instanceOf: E,
@@ -6297,8 +6315,8 @@ function Ld() {
       objectOf: C,
       oneOf: z,
       oneOfType: N,
-      shape: ve,
-      exact: oe
+      shape: xe,
+      exact: ae
     };
     function v(b, V) {
       return b === V ? b !== 0 || 1 / b === 1 / V : b !== b && V !== V;
@@ -6310,8 +6328,8 @@ function Ld() {
     function w(b) {
       if (process.env.NODE_ENV !== "production")
         var V = {}, U = 0;
-      function D(M, L, k, _, W, $, de) {
-        if (_ = _ || h, $ = $ || k, de !== n) {
+      function D(M, L, k, _, W, $, he) {
+        if (_ = _ || h, $ = $ || k, he !== n) {
           if (a) {
             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"
@@ -6331,7 +6349,7 @@ function Ld() {
     }
     function x(b) {
       function V(U, D, R, M, L, k) {
-        var _ = U[D], W = ce(_);
+        var _ = U[D], W = ue(_);
         if (W !== b) {
           var $ = H(_);
           return new y(
@@ -6343,16 +6361,16 @@ function Ld() {
       }
       return w(V);
     }
-    function P() {
+    function S() {
       return w(o);
     }
-    function S(b) {
+    function P(b) {
       function V(U, D, R, M, L) {
         if (typeof b != "function")
           return new y("Property `" + L + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
         var k = U[D];
         if (!Array.isArray(k)) {
-          var _ = ce(k);
+          var _ = ue(k);
           return new y("Invalid " + M + " `" + L + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected an array."));
         }
         for (var W = 0; W < k.length; W++) {
@@ -6368,7 +6386,7 @@ function Ld() {
       function b(V, U, D, R, M) {
         var L = V[U];
         if (!l(L)) {
-          var k = ce(L);
+          var k = ue(L);
           return new y("Invalid " + R + " `" + M + "` of type " + ("`" + k + "` supplied to `" + D + "`, expected a single ReactElement."));
         }
         return null;
@@ -6379,7 +6397,7 @@ function Ld() {
       function b(V, U, D, R, M) {
         var L = V[U];
         if (!e.isValidElementType(L)) {
-          var k = ce(L);
+          var k = ue(L);
           return new y("Invalid " + R + " `" + M + "` of type " + ("`" + k + "` supplied to `" + D + "`, expected a single ReactElement type."));
         }
         return null;
@@ -6389,7 +6407,7 @@ function Ld() {
     function E(b) {
       function V(U, D, R, M, L) {
         if (!(U[D] instanceof b)) {
-          var k = b.name || h, _ = xe(U[D]);
+          var k = b.name || h, _ = be(U[D]);
           return new y("Invalid " + M + " `" + L + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected ") + ("instance of `" + k + "`."));
         }
         return null;
@@ -6405,7 +6423,7 @@ function Ld() {
         for (var k = U[D], _ = 0; _ < b.length; _++)
           if (v(k, b[_]))
             return null;
-        var W = JSON.stringify(b, function(de, A) {
+        var W = JSON.stringify(b, function(he, A) {
           var Ee = H(A);
           return Ee === "symbol" ? String(A) : A;
         });
@@ -6417,7 +6435,7 @@ function Ld() {
       function V(U, D, R, M, L) {
         if (typeof b != "function")
           return new y("Property `" + L + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
-        var k = U[D], _ = ce(k);
+        var k = U[D], _ = ue(k);
         if (_ !== "object")
           return new y("Invalid " + M + " `" + L + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected an object."));
         for (var W in k)
@@ -6442,7 +6460,7 @@ function Ld() {
       }
       function D(R, M, L, k, _) {
         for (var W = [], $ = 0; $ < b.length; $++) {
-          var de = b[$], A = de(R, M, L, k, _, n);
+          var he = b[$], A = he(R, M, L, k, _, n);
           if (A == null)
             return null;
           A.data && r(A.data, "expectedType") && W.push(A.data.expectedType);
@@ -6463,39 +6481,39 @@ function Ld() {
         (b || "React class") + ": " + V + " type `" + U + "." + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
       );
     }
-    function ve(b) {
+    function xe(b) {
       function V(U, D, R, M, L) {
-        var k = U[D], _ = ce(k);
+        var k = U[D], _ = ue(k);
         if (_ !== "object")
           return new y("Invalid " + M + " `" + L + "` of type `" + _ + "` " + ("supplied to `" + R + "`, expected `object`."));
         for (var W in b) {
           var $ = b[W];
           if (typeof $ != "function")
             return ee(R, M, L, W, H($));
-          var de = $(k, W, R, M, L + "." + W, n);
-          if (de)
-            return de;
+          var he = $(k, W, R, M, L + "." + W, n);
+          if (he)
+            return he;
         }
         return null;
       }
       return w(V);
     }
-    function oe(b) {
+    function ae(b) {
       function V(U, D, R, M, L) {
-        var k = U[D], _ = ce(k);
+        var k = U[D], _ = ue(k);
         if (_ !== "object")
           return new y("Invalid " + M + " `" + L + "` of type `" + _ + "` " + ("supplied to `" + R + "`, expected `object`."));
         var W = t({}, U[D], b);
         for (var $ in W) {
-          var de = b[$];
-          if (r(b, $) && typeof de != "function")
-            return ee(R, M, L, $, H(de));
-          if (!de)
+          var he = b[$];
+          if (r(b, $) && typeof he != "function")
+            return ee(R, M, L, $, H(he));
+          if (!he)
             return new y(
               "Invalid " + M + " `" + L + "` key `" + $ + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(U[D], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
             );
-          var A = de(k, $, R, M, L + "." + $, n);
+          var A = he(k, $, R, M, L + "." + $, n);
           if (A)
             return A;
         }
@@ -6536,17 +6554,17 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
           return !1;
       }
     }
-    function ae(b, V) {
+    function le(b, V) {
       return b === "symbol" ? !0 : V ? V["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && V instanceof Symbol : !1;
     }
-    function ce(b) {
+    function ue(b) {
       var V = typeof b;
-      return Array.isArray(b) ? "array" : b instanceof RegExp ? "object" : ae(V, b) ? "symbol" : V;
+      return Array.isArray(b) ? "array" : b instanceof RegExp ? "object" : le(V, b) ? "symbol" : V;
     }
     function H(b) {
       if (typeof b > "u" || b === null)
         return "" + b;
-      var V = ce(b);
+      var V = ue(b);
       if (V === "object") {
         if (b instanceof Date)
           return "date";
@@ -6569,7 +6587,7 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
           return V;
       }
     }
-    function xe(b) {
+    function be(b) {
       return !b.constructor || !b.constructor.name ? h : b.constructor.name;
     }
     return m.checkPropTypes = i, m.resetWarningCache = i.resetWarningCache, m.PropTypes = m, m;
@@ -6626,9 +6644,9 @@ function kd() {
 }
 if (process.env.NODE_ENV !== "production") {
   var _d = fa(), Id = !0;
-  ue.exports = Ld()(_d.isElement, Id);
+  fe.exports = Ld()(_d.isElement, Id);
 } else
-  ue.exports = kd()();
+  fe.exports = kd()();
 function Jn() {
   return Jn = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -6658,7 +6676,7 @@ function Fd(e, t) {
     i = r[s], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
   return n;
 }
-var $r = _t(function(e, t) {
+var $r = kt(function(e, t) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Nd(e, ["color", "size"]);
   return /* @__PURE__ */ Pe.createElement("svg", Jn({
     ref: t,
@@ -6676,8 +6694,8 @@ var $r = _t(function(e, t) {
   }));
 });
 $r.propTypes = {
-  color: ue.exports.string,
-  size: ue.exports.oneOfType([ue.exports.string, ue.exports.number])
+  color: fe.exports.string,
+  size: fe.exports.oneOfType([fe.exports.string, fe.exports.number])
 };
 $r.displayName = "Check";
 const Bd = $r;
@@ -6710,7 +6728,7 @@ function Ud(e, t) {
     i = r[s], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
   return n;
 }
-var Ur = _t(function(e, t) {
+var Ur = kt(function(e, t) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = $d(e, ["color", "size"]);
   return /* @__PURE__ */ Pe.createElement("svg", Qn({
     ref: t,
@@ -6735,8 +6753,8 @@ var Ur = _t(function(e, t) {
   }));
 });
 Ur.propTypes = {
-  color: ue.exports.string,
-  size: ue.exports.oneOfType([ue.exports.string, ue.exports.number])
+  color: fe.exports.string,
+  size: fe.exports.oneOfType([fe.exports.string, fe.exports.number])
 };
 Ur.displayName = "Copy";
 const Wd = Ur;
@@ -6769,7 +6787,7 @@ function Yd(e, t) {
     i = r[s], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
   return n;
 }
-var Wr = _t(function(e, t) {
+var Wr = kt(function(e, t) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = zd(e, ["color", "size"]);
   return /* @__PURE__ */ Pe.createElement("svg", er({
     ref: t,
@@ -6789,8 +6807,8 @@ var Wr = _t(function(e, t) {
   }));
 });
 Wr.propTypes = {
-  color: ue.exports.string,
-  size: ue.exports.oneOfType([ue.exports.string, ue.exports.number])
+  color: fe.exports.string,
+  size: fe.exports.oneOfType([fe.exports.string, fe.exports.number])
 };
 Wr.displayName = "Edit";
 const Kd = Wr;
@@ -6823,7 +6841,7 @@ function qd(e, t) {
     i = r[s], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
   return n;
 }
-var zr = _t(function(e, t) {
+var zr = kt(function(e, t) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Gd(e, ["color", "size"]);
   return /* @__PURE__ */ Pe.createElement("svg", tr({
     ref: t,
@@ -6843,8 +6861,8 @@ var zr = _t(function(e, t) {
   }));
 });
 zr.propTypes = {
-  color: ue.exports.string,
-  size: ue.exports.oneOfType([ue.exports.string, ue.exports.number])
+  color: fe.exports.string,
+  size: fe.exports.oneOfType([fe.exports.string, fe.exports.number])
 };
 zr.displayName = "Trash";
 const Hd = zr, Xd = ({
@@ -6855,7 +6873,7 @@ const Hd = zr, Xd = ({
   onEditMessage: i,
   onDeleteMessage: s
 }) => {
-  const o = me(null), [l, a] = pe(!1), [u, c] = pe(null), [f, h] = pe(), [m, v] = pe(null), y = () => {
+  const o = ge(null), [l, a] = me(!1), [u, c] = me(null), [f, h] = me(), [m, v] = me(null), y = () => {
     setTimeout(() => {
       o.current && (o.current.scrollTop = o.current.scrollHeight);
     }, 100);
@@ -6878,7 +6896,7 @@ const Hd = zr, Xd = ({
     });
   }, x = () => {
     v(null);
-  }, P = (C) => {
+  }, S = (C) => {
     const N = new wt({
       id: new Date().toString(),
       text: C,
@@ -6887,7 +6905,7 @@ const Hd = zr, Xd = ({
       createdDate: new Date().toString()
     });
     n([...t, N]), r(N), y();
-  }, S = (C) => {
+  }, P = (C) => {
     n(
       t.map((N) => N.id === C.id ? C : N)
     ), i(C);
@@ -6957,7 +6975,7 @@ const Hd = zr, Xd = ({
     ],
     handleSendFile: g,
     handleSendVoice: O,
-    handleSendMessage: P,
+    handleSendMessage: S,
     handleContextMenu: w,
     isModalOpen: l,
     contextMenu: m,
@@ -6965,7 +6983,7 @@ const Hd = zr, Xd = ({
     setIsModalOpen: a,
     messageToEdit: f,
     setMessageToEdit: h,
-    handleEditMessage: S
+    handleEditMessage: P
   };
 }, rh = ({
   width: e = "400px",
@@ -6981,16 +6999,16 @@ const Hd = zr, Xd = ({
   onEditMessage: c,
   dynamicSymbolAssignments: f,
   backgroundImage: h,
-  them: m = Ce.Telegram
+  them: m = ie.Telegram
 }) => {
-  var ve, oe;
+  var xe, ae;
   const {
     handleDeleteConfirmation: v,
     handleCloseContextMenu: y,
     handleSendFile: w,
     handleSendVoice: x,
-    handleSendMessage: P,
-    handleContextMenu: S,
+    handleSendMessage: S,
+    handleContextMenu: P,
     contextMenuItems: O,
     isModalOpen: g,
     contextMenu: E,
@@ -7024,39 +7042,39 @@ const Hd = zr, Xd = ({
           {
             ref: z,
             className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${E ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
-            children: n ? /* @__PURE__ */ p.exports.jsx(ua, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ p.exports.jsx(_s, { children: s.length > 0 ? s.map((B, ae) => {
-              var re, xe, b;
-              const ce = B != null && B.attachmentUrl ? /* @__PURE__ */ p.exports.jsx(
+            children: n ? /* @__PURE__ */ p.exports.jsx(ua, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ p.exports.jsx(_s, { children: s.length > 0 ? s.map((B, le) => {
+              var re, be, b;
+              const ue = B != null && B.attachmentUrl ? /* @__PURE__ */ p.exports.jsx(
                 Ed,
                 {
                   attachmentUrl: B.attachmentUrl,
                   attachmentType: B == null ? void 0 : B.attachmentType,
                   attachmentFormat: B == null ? void 0 : B.attachmentFormat
                 },
-                ae
+                le
               ) : null;
               if (B.isRightSided)
                 return /* @__PURE__ */ p.exports.jsx(
                   Ad,
                   {
-                    media: ce,
-                    handleContextMenu: S,
+                    media: ue,
+                    handleContextMenu: P,
                     message: B,
                     them: m
                   },
-                  ae
+                  le
                 );
-              const H = ((xe = (re = s[ae - 1]) == null ? void 0 : re.user) == null ? void 0 : xe.id) !== ((b = B == null ? void 0 : B.user) == null ? void 0 : b.id);
+              const H = ((be = (re = s[le - 1]) == null ? void 0 : re.user) == null ? void 0 : be.id) !== ((b = B == null ? void 0 : B.user) == null ? void 0 : b.id);
               return /* @__PURE__ */ p.exports.jsx(
                 Rd,
                 {
                   showUserProfile: H,
-                  media: ce,
-                  handleContextMenu: S,
+                  media: ue,
+                  handleContextMenu: P,
                   message: B,
                   them: m
                 },
-                ae
+                le
               );
             }) : null })
           }
@@ -7071,13 +7089,13 @@ const Hd = zr, Xd = ({
             question: "Are you sure you want to delete this message?"
           }
         ),
-        E && ((ve = E == null ? void 0 : E.message) != null && ve.id) ? /* @__PURE__ */ p.exports.jsx(
+        E && ((xe = E == null ? void 0 : E.message) != null && xe.id) ? /* @__PURE__ */ p.exports.jsx(
           vd,
           {
             items: O,
             isVisible: Boolean(E),
             messageId: String(E == null ? void 0 : E.message.id),
-            isCurrentUserMessage: ((oe = E == null ? void 0 : E.message) == null ? void 0 : oe.user.id) === o.id,
+            isCurrentUserMessage: ((ae = E == null ? void 0 : E.message) == null ? void 0 : ae.user.id) === o.id,
             position: {
               x: E == null ? void 0 : E.x,
               y: E == null ? void 0 : E.y
@@ -7088,7 +7106,7 @@ const Hd = zr, Xd = ({
           wd,
           {
             onSendVoice: x,
-            onSendMessage: P,
+            onSendMessage: S,
             onFileSend: (B) => w(B, ke.File),
             onImageSend: (B) => w(B, ke.Image),
             onVideoSend: (B) => w(B, ke.Video),
@@ -7106,7 +7124,7 @@ export {
   ke as AttachmentTypeEnum,
   eh as Button,
   rh as Chat,
-  Ce as ChatThemEntity,
+  ie as ChatThemEntity,
   wt as MessageEntity
 };
 //# sourceMappingURL=index.es.js.map