react-pro-messenger 1.0.27 → 1.0.28

package/dist/index.es.js

@@ -1,33 +1,33 @@
 var Da = Object.defineProperty;
 var Oa = (e, t, n) => t in e ? Da(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Ae = (e, t, n) => (Oa(e, typeof t != "symbol" ? t + "" : t, n), n);
+var Ee = (e, t, n) => (Oa(e, typeof t != "symbol" ? t + "" : t, n), n);
 import * as Qn from "react";
-import Te, { useCallback as Qt, createContext as ct, useRef as he, useId as er, useContext as pe, useInsertionEffect as Vs, useMemo as He, useEffect as ut, Children as La, isValidElement as ka, useLayoutEffect as _a, useState as xe, forwardRef as Ot, Fragment as Ds, createElement as Ia, Component as Fa } from "react";
+import Te, { useCallback as Qt, createContext as ct, useRef as he, useId as er, useContext as pe, useInsertionEffect as Vi, useMemo as He, useEffect as ut, Children as La, isValidElement as ka, useLayoutEffect as _a, useState as xe, forwardRef as Ot, Fragment as Di, createElement as Ia, Component as Fa } from "react";
 import Na from "react-dom";
 var m = { exports: {} }, mt = {};
-var ni;
+var ns;
 function Ba() {
-  if (ni)
+  if (ns)
     return mt;
-  ni = 1;
-  var e = Te, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  ns = 1;
+  var e = Te, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(l, a, u) {
     var c, f = {}, h = null, g = null;
     u !== void 0 && (h = "" + u), a.key !== void 0 && (h = "" + a.key), a.ref !== void 0 && (g = a.ref);
     for (c in a)
-      r.call(a, c) && !s.hasOwnProperty(c) && (f[c] = a[c]);
+      r.call(a, c) && !i.hasOwnProperty(c) && (f[c] = a[c]);
     if (l && l.defaultProps)
       for (c in a = l.defaultProps, a)
         f[c] === void 0 && (f[c] = a[c]);
-    return { $$typeof: t, type: l, key: h, ref: g, props: f, _owner: i.current };
+    return { $$typeof: t, type: l, key: h, ref: g, props: f, _owner: s.current };
   }
   return mt.Fragment = n, mt.jsx = o, mt.jsxs = o, mt;
 }
 var gt = {};
-var ri;
+var rs;
 function $a() {
-  return ri || (ri = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Te, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), x = Symbol.iterator, y = "@@iterator";
+  return rs || (rs = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = Te, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), x = Symbol.iterator, y = "@@iterator";
     function P(d) {
       if (d === null || typeof d != "object")
         return null;
@@ -55,7 +55,7 @@ function $a() {
     var V = !1, p = !1, A = !1, B = !1, M = !1, H;
     H = Symbol.for("react.module.reference");
     function F(d) {
-      return !!(typeof d == "string" || typeof d == "function" || d === r || d === s || M || d === i || d === u || d === c || B || d === g || V || p || A || typeof d == "object" && d !== null && (d.$$typeof === h || d.$$typeof === f || d.$$typeof === o || d.$$typeof === l || d.$$typeof === a || d.$$typeof === H || d.getModuleId !== void 0));
+      return !!(typeof d == "string" || typeof d == "function" || d === r || d === i || M || d === s || d === u || d === c || B || d === g || V || p || A || typeof d == "object" && d !== null && (d.$$typeof === h || d.$$typeof === f || d.$$typeof === o || d.$$typeof === l || d.$$typeof === a || d.$$typeof === H || d.getModuleId !== void 0));
     }
     function ne(d, T, E) {
       var I = d.displayName;
@@ -79,9 +79,9 @@ function $a() {
           return "Fragment";
         case n:
           return "Portal";
-        case s:
-          return "Profiler";
         case i:
+          return "Profiler";
+        case s:
           return "StrictMode";
         case u:
           return "Suspense";
@@ -243,26 +243,26 @@ function $a() {
         if (Oe && I && typeof Oe.stack == "string") {
           for (var W = Oe.stack.split(`
 `), ve = I.stack.split(`
-`), re = W.length - 1, se = ve.length - 1; re >= 1 && se >= 0 && W[re] !== ve[se]; )
-            se--;
-          for (; re >= 1 && se >= 0; re--, se--)
-            if (W[re] !== ve[se]) {
-              if (re !== 1 || se !== 1)
+`), re = W.length - 1, ie = ve.length - 1; re >= 1 && ie >= 0 && W[re] !== ve[ie]; )
+            ie--;
+          for (; re >= 1 && ie >= 0; re--, ie--)
+            if (W[re] !== ve[ie]) {
+              if (re !== 1 || ie !== 1)
                 do
-                  if (re--, se--, se < 0 || W[re] !== ve[se]) {
+                  if (re--, ie--, ie < 0 || W[re] !== ve[ie]) {
                     var Ce = `
 ` + W[re].replace(" at new ", " at ");
                     return d.displayName && Ce.includes("<anonymous>") && (Ce = Ce.replace("<anonymous>", d.displayName)), typeof d == "function" && U.set(d, Ce), Ce;
                   }
-                while (re >= 1 && se >= 0);
+                while (re >= 1 && ie >= 0);
               break;
             }
         }
       } finally {
         Y = !1, _.current = Z, O(), Error.prepareStackTrace = K;
       }
-      var Qe = d ? d.displayName || d.name : "", ti = Qe ? $(Qe) : "";
-      return typeof d == "function" && U.set(d, ti), ti;
+      var Qe = d ? d.displayName || d.name : "", ts = Qe ? $(Qe) : "";
+      return typeof d == "function" && U.set(d, ts), ts;
     }
     function Se(d, T, E) {
       return R(d, !1);
@@ -440,8 +440,8 @@ function $a() {
             z[Z] === void 0 && (z[Z] = re[Z]);
         }
         if (W || ve) {
-          var se = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          W && ba(z, se), ve && Ta(z, se);
+          var ie = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+          W && ba(z, ie), ve && Ta(z, ie);
         }
         return wa(d, W, ve, K, I, pt.current, z);
       }
@@ -562,7 +562,7 @@ Check the top-level render call using <` + E + ">.");
         d.ref !== null && (Je(d), S("Invalid attribute `ref` supplied to `React.Fragment`."), Je(null));
       }
     }
-    function ei(d, T, E, I, K, Z) {
+    function es(d, T, E, I, K, Z) {
       {
         var z = F(d);
         if (!z) {
@@ -573,9 +573,9 @@ Check the top-level render call using <` + E + ">.");
           var re;
           d === null ? re = "null" : an(d) ? re = "array" : d !== void 0 && d.$$typeof === t ? (re = "<" + (oe(d.type) || "Unknown") + " />", W = " Did you accidentally export a JSX literal instead of a component?") : re = 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", re, W);
         }
-        var se = Pa(d, T, E, K, Z);
-        if (se == null)
-          return se;
+        var ie = Pa(d, T, E, K, Z);
+        if (ie == null)
+          return ie;
         if (z) {
           var Ce = T.children;
           if (Ce !== void 0)
@@ -589,14 +589,14 @@ Check the top-level render call using <` + E + ">.");
             else
               Qr(Ce, d);
         }
-        return d === r ? Ra(se) : Ea(se), se;
+        return d === r ? Ra(ie) : Ea(ie), ie;
       }
     }
     function Aa(d, T, E) {
-      return ei(d, T, E, !0);
+      return es(d, T, E, !0);
     }
     function ja(d, T, E) {
-      return ei(d, T, E, !1);
+      return es(d, T, E, !1);
     }
     var Ma = ja, Va = Aa;
     gt.Fragment = r, gt.jsx = Ma, gt.jsxs = Va;
@@ -623,25 +623,27 @@ class dn {
     id: t,
     text: n,
     createdDate: r,
-    attachment: i,
-    attachmentType: s,
+    attachmentUrl: s,
+    attachmentType: i,
     attachmentFormat: o,
-    user: l,
-    isRightSided: a,
-    symbols: u,
-    isSending: c
+    attachmentBlob: l,
+    user: a,
+    isRightSided: u,
+    symbols: c,
+    isSending: f
   }) {
-    Ae(this, "id", "0");
-    Ae(this, "text", "");
-    Ae(this, "createdDate", "");
-    Ae(this, "attachment", "");
-    Ae(this, "attachmentType");
-    Ae(this, "attachmentFormat", "");
-    Ae(this, "user", { id: "" });
-    Ae(this, "isRightSided", !1);
-    Ae(this, "symbols");
-    Ae(this, "isSending");
-    this.id = t, this.text = n, this.createdDate = r, this.attachment = i, this.attachmentType = s, this.attachmentFormat = o, this.user = l, this.isRightSided = a, this.symbols = u, this.isSending = c;
+    Ee(this, "id", "0");
+    Ee(this, "text", "");
+    Ee(this, "createdDate", "");
+    Ee(this, "attachmentUrl", "");
+    Ee(this, "attachmentBlob");
+    Ee(this, "attachmentType");
+    Ee(this, "attachmentFormat", "");
+    Ee(this, "user", { id: "" });
+    Ee(this, "isRightSided", !1);
+    Ee(this, "symbols");
+    Ee(this, "isSending");
+    this.id = t, this.text = n, this.createdDate = r, this.attachmentUrl = s, this.attachmentType = i, this.attachmentFormat = o, this.attachmentBlob = l, this.user = a, this.isRightSided = u, this.symbols = c, this.isSending = f;
   }
 }
 const tr = ct({});
@@ -658,8 +660,8 @@ class Ua extends Qn.Component {
   getSnapshotBeforeUpdate(t) {
     const n = this.props.childRef.current;
     if (n && t.isPresent && !this.props.isPresent) {
-      const r = n.offsetParent, i = r instanceof HTMLElement && r.offsetWidth || 0, s = this.props.sizeRef.current;
-      s.height = n.offsetHeight || 0, s.width = n.offsetWidth || 0, s.top = n.offsetTop, s.left = n.offsetLeft, s.right = i - s.width - s.left;
+      const r = n.offsetParent, s = r instanceof HTMLElement && r.offsetWidth || 0, i = this.props.sizeRef.current;
+      i.height = n.offsetHeight || 0, i.width = n.offsetWidth || 0, i.top = n.offsetTop, i.left = n.offsetLeft, i.right = s - i.width - i.left;
     }
     return null;
   }
@@ -670,19 +672,19 @@ class Ua extends Qn.Component {
   }
 }
 function Wa({ children: e, isPresent: t, anchorX: n }) {
-  const r = er(), i = he(null), s = he({
+  const r = er(), s = he(null), i = he({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
   }), { nonce: o } = pe(rr);
-  return Vs(() => {
-    const { width: l, height: a, top: u, left: c, right: f } = s.current;
-    if (t || !i.current || !l || !a)
+  return Vi(() => {
+    const { width: l, height: a, top: u, left: c, right: f } = i.current;
+    if (t || !s.current || !l || !a)
       return;
     const h = n === "left" ? `left: ${c}` : `right: ${f}`;
-    i.current.dataset.motionPopId = r;
+    s.current.dataset.motionPopId = r;
     const g = document.createElement("style");
     return o && (g.nonce = o), document.head.appendChild(g), g.sheet && g.sheet.insertRule(`
           [data-motion-pop-id="${r}"] {
@@ -695,9 +697,9 @@ function Wa({ children: e, isPresent: t, anchorX: n }) {
         `), () => {
       document.head.removeChild(g);
     };
-  }, [t]), m.exports.jsx(Ua, { isPresent: t, childRef: i, sizeRef: s, children: Qn.cloneElement(e, { ref: i }) });
+  }, [t]), m.exports.jsx(Ua, { isPresent: t, childRef: s, sizeRef: i, children: Qn.cloneElement(e, { ref: s }) });
 }
-const za = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: i, presenceAffectsLayout: s, mode: o, anchorX: l }) => {
+const za = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: s, presenceAffectsLayout: i, mode: o, anchorX: l }) => {
   const a = nr(Ya), u = er(), c = Qt((h) => {
     a.set(h, !0);
     for (const g of a.values())
@@ -709,11 +711,11 @@ const za = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom:
       id: u,
       initial: t,
       isPresent: n,
-      custom: i,
+      custom: s,
       onExitComplete: c,
       register: (h) => (a.set(h, !1), () => a.delete(h))
     }),
-    s ? [Math.random(), c] : [n, c]
+    i ? [Math.random(), c] : [n, c]
   );
   return He(() => {
     a.forEach((h, g) => a.set(g, !1));
@@ -724,28 +726,28 @@ const za = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom:
 function Ya() {
   return /* @__PURE__ */ new Map();
 }
-function Os(e = !0) {
+function Oi(e = !0) {
   const t = pe(en);
   if (t === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: r, register: i } = t, s = er();
+  const { isPresent: n, onExitComplete: r, register: s } = t, i = er();
   ut(() => {
     if (e)
-      return i(s);
+      return s(i);
   }, [e]);
-  const o = Qt(() => e && r && r(s), [s, r, e]);
+  const o = Qt(() => e && r && r(i), [i, r, e]);
   return !n && r ? [!1, o] : [!0];
 }
 const Bt = (e) => e.key || "";
-function ii(e) {
+function ss(e) {
   const t = [];
   return La.forEach(e, (n) => {
     ka(n) && t.push(n);
   }), t;
 }
-const ir = typeof window < "u", Ls = ir ? _a : ut, ks = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: l = "left" }) => {
-  const [a, u] = Os(o), c = He(() => ii(e), [e]), f = o && !a ? [] : c.map(Bt), h = he(!0), g = he(c), x = nr(() => /* @__PURE__ */ new Map()), [y, P] = xe(c), [b, S] = xe(c);
-  Ls(() => {
+const sr = typeof window < "u", Li = sr ? _a : ut, ki = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: s = !0, mode: i = "sync", propagate: o = !1, anchorX: l = "left" }) => {
+  const [a, u] = Oi(o), c = He(() => ss(e), [e]), f = o && !a ? [] : c.map(Bt), h = he(!0), g = he(c), x = nr(() => /* @__PURE__ */ new Map()), [y, P] = xe(c), [b, S] = xe(c);
+  Li(() => {
     h.current = !1, g.current = c;
     for (let p = 0; p < b.length; p++) {
       const A = Bt(b[p]);
@@ -759,9 +761,9 @@ const ir = typeof window < "u", Ls = ir ? _a : ut, ks = ({ children: e, custom:
       const B = b[A], M = Bt(B);
       f.includes(M) || (p.splice(A, 0, B), C.push(B));
     }
-    return s === "wait" && C.length && (p = C), S(ii(p)), P(c), null;
+    return i === "wait" && C.length && (p = C), S(ss(p)), P(c), null;
   }
-  process.env.NODE_ENV !== "production" && s === "wait" && b.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.`);
+  process.env.NODE_ENV !== "production" && i === "wait" && b.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: V } = pe(tr);
   return m.exports.jsx(m.exports.Fragment, { children: b.map((p) => {
     const A = Bt(p), B = o && !a ? !1 : c === b || f.includes(A), M = () => {
@@ -774,7 +776,7 @@ const ir = typeof window < "u", Ls = ir ? _a : ut, ks = ({ children: e, custom:
         F || (H = !1);
       }), H && (V == null || V(), S(g.current), o && (u == null || u()), r && r());
     };
-    return m.exports.jsx(za, { isPresent: B, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: i, mode: s, onExitComplete: B ? void 0 : M, anchorX: l, children: p }, A);
+    return m.exports.jsx(za, { isPresent: B, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: s, mode: i, onExitComplete: B ? void 0 : M, anchorX: l, children: p }, A);
   }) });
 }, we = (e) => e;
 let ft = we, Ne = we;
@@ -784,14 +786,14 @@ process.env.NODE_ENV !== "production" && (ft = (e, t) => {
   if (!e)
     throw new Error(t);
 });
-function sr(e) {
+function ir(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
 const ot = (e, t, n) => {
   const r = t - e;
   return r === 0 ? 1 : (n - e) / r;
-}, Me = (e) => e * 1e3, ke = (e) => e / 1e3, _s = {
+}, Me = (e) => e * 1e3, ke = (e) => e / 1e3, _i = {
   skipAnimations: !1,
   useManualTiming: !1
 }, $t = [
@@ -806,7 +808,7 @@ const ot = (e, t, n) => {
   addProjectionMetrics: null
 };
 function Ka(e, t) {
-  let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = !1, s = !1;
+  let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = !1, i = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let l = {
     delta: 0,
@@ -818,34 +820,34 @@ function Ka(e, t) {
   }
   const c = {
     schedule: (f, h = !1, g = !1) => {
-      const y = g && i ? n : r;
+      const y = g && s ? n : r;
       return h && o.add(f), y.has(f) || y.add(f), f;
     },
     cancel: (f) => {
       r.delete(f), o.delete(f);
     },
     process: (f) => {
-      if (l = f, i) {
-        s = !0;
+      if (l = f, s) {
+        i = !0;
         return;
       }
-      i = !0, [n, r] = [r, n], n.forEach(u), t && Fe.value && Fe.value.frameloop[t].push(a), a = 0, n.clear(), i = !1, s && (s = !1, c.process(f));
+      s = !0, [n, r] = [r, n], n.forEach(u), t && Fe.value && Fe.value.frameloop[t].push(a), a = 0, n.clear(), s = !1, i && (i = !1, c.process(f));
     }
   };
   return c;
 }
 const Ga = 40;
-function Is(e, t) {
+function Ii(e, t) {
   let n = !1, r = !0;
-  const i = {
+  const s = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => n = !0, o = $t.reduce((b, S) => (b[S] = Ka(s, t ? S : void 0), b), {}), { read: l, resolveKeyframes: a, update: u, preRender: c, render: f, postRender: h } = o, g = () => {
+  }, i = () => n = !0, o = $t.reduce((b, S) => (b[S] = Ka(i, t ? S : void 0), b), {}), { read: l, resolveKeyframes: a, update: u, preRender: c, render: f, postRender: h } = o, g = () => {
     const b = performance.now();
-    n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(b - i.timestamp, Ga), 1), i.timestamp = b, 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(g));
+    n = !1, s.delta = r ? 1e3 / 60 : Math.max(Math.min(b - s.timestamp, Ga), 1), s.timestamp = b, s.isProcessing = !0, l.process(s), a.process(s), u.process(s), c.process(s), f.process(s), h.process(s), s.isProcessing = !1, n && t && (r = !1, e(g));
   }, x = () => {
-    n = !0, r = !0, i.isProcessing || e(g);
+    n = !0, r = !0, s.isProcessing || e(g);
   };
   return { schedule: $t.reduce((b, S) => {
     const C = o[S];
@@ -853,9 +855,9 @@ function Is(e, t) {
   }, {}), cancel: (b) => {
     for (let S = 0; S < $t.length; S++)
       o[$t[S]].cancel(b);
-  }, state: i, steps: o };
+  }, state: s, steps: o };
 }
-const { schedule: J, cancel: Be, state: ue, steps: hn } = Is(typeof requestAnimationFrame < "u" ? requestAnimationFrame : we, !0), Fs = ct({ strict: !1 }), si = {
+const { schedule: J, cancel: Be, state: ue, steps: hn } = Ii(typeof requestAnimationFrame < "u" ? requestAnimationFrame : we, !0), Fi = ct({ strict: !1 }), is = {
   animation: [
     "animate",
     "variants",
@@ -875,9 +877,9 @@ const { schedule: J, cancel: Be, state: ue, steps: hn } = Is(typeof requestAnima
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, at = {};
-for (const e in si)
+for (const e in is)
   at[e] = {
-    isEnabled: (t) => si[e].some((n) => !!t[n])
+    isEnabled: (t) => is[e].some((n) => !!t[n])
   };
 function qa(e) {
   for (const t in e)
@@ -921,9 +923,9 @@ const Ha = /* @__PURE__ */ new Set([
 function Gt(e) {
   return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Ha.has(e);
 }
-let Ns = (e) => !Gt(e);
+let Ni = (e) => !Gt(e);
 function Xa(e) {
-  e && (Ns = (t) => t.startsWith("on") ? !Gt(t) : e(t));
+  e && (Ni = (t) => t.startsWith("on") ? !Gt(t) : e(t));
 }
 try {
   Xa(require("@emotion/is-prop-valid").default);
@@ -931,20 +933,20 @@ try {
 }
 function Za(e, t, n) {
   const r = {};
-  for (const i in e)
-    i === "values" && typeof e.values == "object" || (Ns(i) || n === !0 && Gt(i) || !t && !Gt(i) || e.draggable && i.startsWith("onDrag")) && (r[i] = e[i]);
+  for (const s in e)
+    s === "values" && typeof e.values == "object" || (Ni(s) || n === !0 && Gt(s) || !t && !Gt(s) || e.draggable && s.startsWith("onDrag")) && (r[s] = e[s]);
   return r;
 }
-const oi = /* @__PURE__ */ new Set();
+const os = /* @__PURE__ */ new Set();
 function tn(e, t, n) {
-  e || oi.has(t) || (console.warn(t), n && console.warn(n), oi.add(t));
+  e || os.has(t) || (console.warn(t), n && console.warn(n), os.add(t));
 }
 function Ja(e) {
   if (typeof Proxy > "u")
     return e;
   const t = /* @__PURE__ */ new Map(), n = (...r) => (process.env.NODE_ENV !== "production" && tn(!1, "motion() is deprecated. Use motion.create() instead."), e(...r));
   return new Proxy(n, {
-    get: (r, i) => i === "create" ? e : (t.has(i) || t.set(i, e(i)), t.get(i))
+    get: (r, s) => s === "create" ? e : (t.has(s) || t.set(s, e(s)), t.get(s))
   });
 }
 const nn = /* @__PURE__ */ ct({});
@@ -966,7 +968,7 @@ const or = [
 function sn(e) {
   return rn(e.animate) || ar.some((t) => Et(e[t]));
 }
-function Bs(e) {
+function Bi(e) {
   return Boolean(sn(e) || e.variants);
 }
 function Qa(e, t) {
@@ -981,9 +983,9 @@ function Qa(e, t) {
 }
 function el(e) {
   const { initial: t, animate: n } = Qa(e, pe(nn));
-  return He(() => ({ initial: t, animate: n }), [ai(t), ai(n)]);
+  return He(() => ({ initial: t, animate: n }), [as(t), as(n)]);
 }
-function ai(e) {
+function as(e) {
   return Array.isArray(e) ? e.join(" ") : e;
 }
 const tl = Symbol.for("motionComponentSymbol");
@@ -998,10 +1000,10 @@ function nl(e, t, n) {
     [t]
   );
 }
-const lr = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), rl = "framerAppearId", $s = "data-" + lr(rl), { schedule: cr, cancel: eh } = Is(queueMicrotask, !1), Us = ct({});
-function il(e, t, n, r, i) {
-  var s, o;
-  const { visualElement: l } = pe(nn), a = pe(Fs), u = pe(en), c = pe(rr).reducedMotion, f = he(null);
+const lr = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), rl = "framerAppearId", $i = "data-" + lr(rl), { schedule: cr, cancel: eh } = Ii(queueMicrotask, !1), Ui = ct({});
+function sl(e, t, n, r, s) {
+  var i, o;
+  const { visualElement: l } = pe(nn), a = pe(Fi), u = pe(en), c = pe(rr).reducedMotion, f = he(null);
   r = r || a.renderer, !f.current && r && (f.current = r(e, {
     visualState: t,
     parent: l,
@@ -1010,14 +1012,14 @@ function il(e, t, n, r, i) {
     blockInitialAnimation: u ? u.initial === !1 : !1,
     reducedMotionConfig: c
   }));
-  const h = f.current, g = pe(Us);
-  h && !h.projection && i && (h.type === "html" || h.type === "svg") && sl(f.current, n, i, g);
+  const h = f.current, g = pe(Ui);
+  h && !h.projection && s && (h.type === "html" || h.type === "svg") && il(f.current, n, s, g);
   const x = he(!1);
-  Vs(() => {
+  Vi(() => {
     h && x.current && h.update(n, u);
   });
-  const y = n[$s], P = he(Boolean(y) && !(!((s = window.MotionHandoffIsComplete) === null || s === void 0) && s.call(window, y)) && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, y)));
-  return Ls(() => {
+  const y = n[$i], P = he(Boolean(y) && !(!((i = window.MotionHandoffIsComplete) === null || i === void 0) && i.call(window, y)) && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, y)));
+  return Li(() => {
     h && (x.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), cr.render(h.render), P.current && h.animationState && h.animationState.animateChanges());
   }), ut(() => {
     h && (!P.current && h.animationState && h.animationState.animateChanges(), P.current && (queueMicrotask(() => {
@@ -1026,25 +1028,25 @@ function il(e, t, n, r, i) {
     }), P.current = !1));
   }), h;
 }
-function sl(e, t, n, r) {
-  const { layoutId: i, layout: s, drag: o, dragConstraints: l, layoutScroll: a, layoutRoot: u } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Ws(e.parent)), e.projection.setOptions({
-    layoutId: i,
-    layout: s,
+function il(e, t, n, r) {
+  const { layoutId: s, layout: i, drag: o, dragConstraints: l, layoutScroll: a, layoutRoot: u } = t;
+  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Wi(e.parent)), e.projection.setOptions({
+    layoutId: s,
+    layout: i,
     alwaysMeasureLayout: Boolean(o) || l && et(l),
     visualElement: e,
-    animationType: typeof s == "string" ? s : "both",
+    animationType: typeof i == "string" ? i : "both",
     initialPromotionConfig: r,
     layoutScroll: a,
     layoutRoot: u
   });
 }
-function Ws(e) {
+function Wi(e) {
   if (e)
-    return e.options.allowProjection !== !1 ? e.projection : Ws(e.parent);
+    return e.options.allowProjection !== !1 ? e.projection : Wi(e.parent);
 }
-function ol({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: r, Component: i }) {
-  var s, o;
+function ol({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: r, Component: s }) {
+  var i, o;
   e && qa(e);
   function l(u, c) {
     let f;
@@ -1053,23 +1055,23 @@ function ol({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
       ...u,
       layoutId: al(u)
     }, { isStatic: g } = h, x = el(u), y = r(u, g);
-    if (!g && ir) {
+    if (!g && sr) {
       ll(h, e);
       const P = cl(h);
-      f = P.MeasureLayout, x.visualElement = il(i, y, h, t, P.ProjectionNode);
+      f = P.MeasureLayout, x.visualElement = sl(s, y, h, t, P.ProjectionNode);
     }
-    return m.exports.jsxs(nn.Provider, { value: x, children: [f && x.visualElement ? m.exports.jsx(f, { visualElement: x.visualElement, ...h }) : null, n(i, u, nl(y, x.visualElement, c), y, g, x.visualElement)] });
+    return m.exports.jsxs(nn.Provider, { value: x, children: [f && x.visualElement ? m.exports.jsx(f, { visualElement: x.visualElement, ...h }) : null, n(s, u, nl(y, x.visualElement, c), y, g, x.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 : ""})`}`;
+  l.displayName = `motion.${typeof s == "string" ? s : `create(${(o = (i = s.displayName) !== null && i !== void 0 ? i : s.name) !== null && o !== void 0 ? o : ""})`}`;
   const a = Ot(l);
-  return a[tl] = i, a;
+  return a[tl] = s, a;
 }
 function al({ layoutId: e }) {
   const t = pe(tr).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function ll(e, t) {
-  const n = pe(Fs).strict;
+  const n = pe(Fi).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 ? ft(!1, r) : Ne(!1, r);
@@ -1085,7 +1087,7 @@ function cl(e) {
     ProjectionNode: r.ProjectionNode
   };
 }
-const zs = (e) => (t) => typeof t == "string" && t.startsWith(e), ur = /* @__PURE__ */ zs("--"), ul = /* @__PURE__ */ zs("var(--"), fr = (e) => ul(e) ? fl.test(e.split("/*")[0].trim()) : !1, fl = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Rt = {};
+const zi = (e) => (t) => typeof t == "string" && t.startsWith(e), ur = /* @__PURE__ */ zi("--"), ul = /* @__PURE__ */ zi("var(--"), fr = (e) => ul(e) ? fl.test(e.split("/*")[0].trim()) : !1, fl = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Rt = {};
 function dl(e) {
   for (const t in e)
     Rt[t] = e[t], ur(t) && (Rt[t].isCSSVariable = !0);
@@ -1109,10 +1111,10 @@ const dt = [
   "skewX",
   "skewY"
 ], Xe = new Set(dt);
-function Ys(e, { layout: t, layoutId: n }) {
+function Yi(e, { layout: t, layoutId: n }) {
   return Xe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Rt[e] || e === "opacity");
 }
-const me = (e) => Boolean(e && e.getVelocity), Ks = (e, t) => t && typeof e == "number" ? t.transform(e) : e, _e = (e, t, n) => n > t ? t : n < e ? e : n, ht = {
+const me = (e) => Boolean(e && e.getVelocity), Ki = (e, t) => t && typeof e == "number" ? t.transform(e) : e, _e = (e, t, n) => n > t ? t : n < e ? e : n, ht = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
@@ -1126,7 +1128,7 @@ const me = (e) => Boolean(e && e.getVelocity), Ks = (e, t) => t && typeof e == "
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), Ie = /* @__PURE__ */ Lt("deg"), Ve = /* @__PURE__ */ Lt("%"), L = /* @__PURE__ */ Lt("px"), hl = /* @__PURE__ */ Lt("vh"), pl = /* @__PURE__ */ Lt("vw"), li = {
+}), Ie = /* @__PURE__ */ Lt("deg"), Ve = /* @__PURE__ */ Lt("%"), L = /* @__PURE__ */ Lt("px"), hl = /* @__PURE__ */ Lt("vh"), pl = /* @__PURE__ */ Lt("vw"), ls = {
   ...Ve,
   parse: (e) => Ve.parse(e) / 100,
   transform: (e) => Ve.transform(e * 100)
@@ -1184,20 +1186,20 @@ const me = (e) => Boolean(e && e.getVelocity), Ks = (e, t) => t && typeof e == "
   perspective: L,
   transformPerspective: L,
   opacity: At,
-  originX: li,
-  originY: li,
+  originX: ls,
+  originY: ls,
   originZ: L
-}, ci = {
+}, cs = {
   ...ht,
   transform: Math.round
 }, dr = {
   ...ml,
   ...gl,
-  zIndex: ci,
+  zIndex: cs,
   size: L,
   fillOpacity: At,
   strokeOpacity: At,
-  numOctaves: ci
+  numOctaves: cs
 }, yl = {
   x: "translateX",
   y: "translateY",
@@ -1205,26 +1207,26 @@ const me = (e) => Boolean(e && e.getVelocity), Ks = (e, t) => t && typeof e == "
   transformPerspective: "perspective"
 }, vl = dt.length;
 function xl(e, t, n) {
-  let r = "", i = !0;
-  for (let s = 0; s < vl; s++) {
-    const o = dt[s], l = e[o];
+  let r = "", s = !0;
+  for (let i = 0; i < vl; i++) {
+    const o = dt[i], l = e[o];
     if (l === void 0)
       continue;
     let a = !0;
     if (typeof l == "number" ? a = l === (o.startsWith("scale") ? 1 : 0) : a = parseFloat(l) === 0, !a || n) {
-      const u = Ks(l, dr[o]);
+      const u = Ki(l, dr[o]);
       if (!a) {
-        i = !1;
+        s = !1;
         const c = yl[o] || o;
         r += `${c}(${u}) `;
       }
       n && (t[o] = u);
     }
   }
-  return r = r.trim(), n ? r = n(t, i ? "" : r) : i && (r = "none"), r;
+  return r = r.trim(), n ? r = n(t, s ? "" : r) : s && (r = "none"), r;
 }
 function hr(e, t, n) {
-  const { style: r, vars: i, transformOrigin: s } = e;
+  const { style: r, vars: s, transformOrigin: i } = e;
   let o = !1, l = !1;
   for (const a in t) {
     const u = t[a];
@@ -1232,15 +1234,15 @@ function hr(e, t, n) {
       o = !0;
       continue;
     } else if (ur(a)) {
-      i[a] = u;
+      s[a] = u;
       continue;
     } else {
-      const c = Ks(u, dr[a]);
-      a.startsWith("origin") ? (l = !0, s[a] = c) : r[a] = c;
+      const c = Ki(u, dr[a]);
+      a.startsWith("origin") ? (l = !0, i[a] = c) : r[a] = c;
     }
   }
   if (t.transform || (o || n ? r.transform = xl(t, e.transform, n) : r.transform && (r.transform = "none")), l) {
-    const { originX: a = "50%", originY: u = "50%", originZ: c = 0 } = s;
+    const { originX: a = "50%", originY: u = "50%", originZ: c = 0 } = i;
     r.transformOrigin = `${a} ${u} ${c}`;
   }
 }
@@ -1250,9 +1252,9 @@ const pr = () => ({
   transformOrigin: {},
   vars: {}
 });
-function Gs(e, t, n) {
+function Gi(e, t, n) {
   for (const r in t)
-    !me(t[r]) && !Ys(r, n) && (e[r] = t[r]);
+    !me(t[r]) && !Yi(r, n) && (e[r] = t[r]);
 }
 function bl({ transformTemplate: e }, t) {
   return He(() => {
@@ -1262,7 +1264,7 @@ function bl({ transformTemplate: e }, t) {
 }
 function Tl(e, t) {
   const n = e.style || {}, r = {};
-  return Gs(r, n, e), Object.assign(r, bl(e, t)), r;
+  return Gi(r, n, e), Object.assign(r, bl(e, t)), r;
 }
 function wl(e, t) {
   const n = {}, r = Tl(e, t);
@@ -1305,26 +1307,26 @@ const Sl = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function El(e, t, n = 1, r = 0, i = !0) {
+function El(e, t, n = 1, r = 0, s = !0) {
   e.pathLength = 1;
-  const s = i ? Sl : Cl;
-  e[s.offset] = L.transform(-r);
+  const i = s ? Sl : Cl;
+  e[i.offset] = L.transform(-r);
   const o = L.transform(t), l = L.transform(n);
-  e[s.array] = `${o} ${l}`;
+  e[i.array] = `${o} ${l}`;
 }
-function ui(e, t, n) {
+function us(e, t, n) {
   return typeof e == "string" ? e : L.transform(t + n * e);
 }
 function Rl(e, t, n) {
-  const r = ui(t, e.x, e.width), i = ui(n, e.y, e.height);
-  return `${r} ${i}`;
+  const r = us(t, e.x, e.width), s = us(n, e.y, e.height);
+  return `${r} ${s}`;
 }
 function gr(e, {
   attrX: t,
   attrY: n,
   attrScale: r,
-  originX: i,
-  originY: s,
+  originX: s,
+  originY: i,
   pathLength: o,
   pathSpacing: l = 1,
   pathOffset: a = 0,
@@ -1336,36 +1338,36 @@ function gr(e, {
   }
   e.attrs = e.style, e.style = {};
   const { attrs: h, style: g, dimensions: x } = e;
-  h.transform && (x && (g.transform = h.transform), delete h.transform), x && (i !== void 0 || s !== void 0 || g.transform) && (g.transformOrigin = Rl(x, i !== void 0 ? i : 0.5, s !== void 0 ? s : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), r !== void 0 && (h.scale = r), o !== void 0 && El(h, o, l, a, !1);
+  h.transform && (x && (g.transform = h.transform), delete h.transform), x && (s !== void 0 || i !== void 0 || g.transform) && (g.transformOrigin = Rl(x, s !== void 0 ? s : 0.5, i !== void 0 ? i : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), r !== void 0 && (h.scale = r), o !== void 0 && El(h, o, l, a, !1);
 }
-const qs = () => ({
+const qi = () => ({
   ...pr(),
   attrs: {}
 }), yr = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function Al(e, t, n, r) {
-  const i = He(() => {
-    const s = qs();
-    return gr(s, t, yr(r), e.transformTemplate), {
-      ...s.attrs,
-      style: { ...s.style }
+  const s = He(() => {
+    const i = qi();
+    return gr(i, t, yr(r), e.transformTemplate), {
+      ...i.attrs,
+      style: { ...i.style }
     };
   }, [t]);
   if (e.style) {
-    const s = {};
-    Gs(s, e.style, e), i.style = { ...s, ...i.style };
+    const i = {};
+    Gi(i, e.style, e), s.style = { ...i, ...s.style };
   }
-  return i;
+  return s;
 }
 function jl(e = !1) {
-  return (n, r, i, { latestValues: s }, o) => {
-    const a = (mr(n) ? Al : wl)(r, s, o, n), u = Za(r, typeof n == "string", e), c = n !== Ds ? { ...u, ...a, ref: i } : {}, { children: f } = r, h = He(() => me(f) ? f.get() : f, [f]);
+  return (n, r, s, { latestValues: i }, o) => {
+    const a = (mr(n) ? Al : wl)(r, i, o, n), u = Za(r, typeof n == "string", e), c = n !== Di ? { ...u, ...a, ref: s } : {}, { children: f } = r, h = He(() => me(f) ? f.get() : f, [f]);
     return Ia(n, {
       ...c,
       children: h
     });
   };
 }
-function fi(e) {
+function fs(e) {
   const t = [{}, {}];
   return e == null || e.values.forEach((n, r) => {
     t[0][r] = n.get(), t[1][r] = n.getVelocity();
@@ -1373,12 +1375,12 @@ function fi(e) {
 }
 function vr(e, t, n, r) {
   if (typeof t == "function") {
-    const [i, s] = fi(r);
-    t = t(n !== void 0 ? n : e.custom, i, s);
+    const [s, i] = fs(r);
+    t = t(n !== void 0 ? n : e.custom, s, i);
   }
   if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [i, s] = fi(r);
-    t = t(n !== void 0 ? n : e.custom, i, s);
+    const [s, i] = fs(r);
+    t = t(n !== void 0 ? n : e.custom, s, i);
   }
   return t;
 }
@@ -1387,23 +1389,23 @@ function zt(e) {
   const t = me(e) ? e.get() : e;
   return Ml(t) ? t.toValue() : t;
 }
-function Dl({ scrapeMotionValuesFromProps: e, createRenderState: t, onUpdate: n }, r, i, s) {
+function Dl({ scrapeMotionValuesFromProps: e, createRenderState: t, onUpdate: n }, r, s, i) {
   const o = {
-    latestValues: Ol(r, i, s, e),
+    latestValues: Ol(r, s, i, e),
     renderState: t()
   };
   return n && (o.onMount = (l) => n({ props: r, current: l, ...o }), o.onUpdate = (l) => n(l)), o;
 }
-const Hs = (e) => (t, n) => {
-  const r = pe(nn), i = pe(en), s = () => Dl(e, t, r, i);
-  return n ? s() : nr(s);
+const Hi = (e) => (t, n) => {
+  const r = pe(nn), s = pe(en), i = () => Dl(e, t, r, s);
+  return n ? i() : nr(i);
 };
 function Ol(e, t, n, r) {
-  const i = {}, s = r(e, {});
-  for (const h in s)
-    i[h] = zt(s[h]);
+  const s = {}, i = r(e, {});
+  for (const h in i)
+    s[h] = zt(i[h]);
   let { initial: o, animate: l } = e;
-  const a = sn(e), u = Bs(e);
+  const a = sn(e), u = Bi(e);
   t && u && !a && e.inherit !== !1 && (o === void 0 && (o = t.initial), l === void 0 && (l = t.animate));
   let c = n ? n.initial === !1 : !1;
   c = c || o === !1;
@@ -1420,29 +1422,29 @@ function Ol(e, t, n, r) {
             const V = c ? C.length - 1 : 0;
             C = C[V];
           }
-          C !== null && (i[S] = C);
+          C !== null && (s[S] = C);
         }
         for (const S in y)
-          i[S] = y[S];
+          s[S] = y[S];
       }
     }
   }
-  return i;
+  return s;
 }
 function xr(e, t, n) {
   var r;
-  const { style: i } = e, s = {};
-  for (const o in i)
-    (me(i[o]) || t.style && me(t.style[o]) || Ys(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 { style: s } = e, i = {};
+  for (const o in s)
+    (me(s[o]) || t.style && me(t.style[o]) || Yi(o, e) || ((r = n == null ? void 0 : n.getValue(o)) === null || r === void 0 ? void 0 : r.liveStyle) !== void 0) && (i[o] = s[o]);
+  return i;
 }
 const Ll = {
-  useVisualState: Hs({
+  useVisualState: Hi({
     scrapeMotionValuesFromProps: xr,
     createRenderState: pr
   })
 };
-function Xs(e, t) {
+function Xi(e, t) {
   try {
     t.dimensions = typeof e.getBBox == "function" ? e.getBBox() : e.getBoundingClientRect();
   } catch {
@@ -1454,12 +1456,12 @@ function Xs(e, t) {
     };
   }
 }
-function Zs(e, { style: t, vars: n }, r, i) {
-  Object.assign(e.style, t, i && i.getProjectionStyles(r));
-  for (const s in n)
-    e.style.setProperty(s, n[s]);
+function Zi(e, { style: t, vars: n }, r, s) {
+  Object.assign(e.style, t, s && s.getProjectionStyles(r));
+  for (const i in n)
+    e.style.setProperty(i, n[i]);
 }
-const Js = /* @__PURE__ */ new Set([
+const Ji = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -1484,57 +1486,57 @@ const Js = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function Qs(e, t, n, r) {
-  Zs(e, t, void 0, r);
-  for (const i in t.attrs)
-    e.setAttribute(Js.has(i) ? i : lr(i), t.attrs[i]);
+function Qi(e, t, n, r) {
+  Zi(e, t, void 0, r);
+  for (const s in t.attrs)
+    e.setAttribute(Ji.has(s) ? s : lr(s), t.attrs[s]);
 }
 function eo(e, t, n) {
   const r = xr(e, t, n);
-  for (const i in e)
-    if (me(e[i]) || me(t[i])) {
-      const s = dt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
-      r[s] = e[i];
+  for (const s in e)
+    if (me(e[s]) || me(t[s])) {
+      const i = dt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
+      r[i] = e[s];
     }
   return r;
 }
-const di = ["x", "y", "width", "height", "cx", "cy", "r"], kl = {
-  useVisualState: Hs({
+const ds = ["x", "y", "width", "height", "cx", "cy", "r"], kl = {
+  useVisualState: Hi({
     scrapeMotionValuesFromProps: eo,
-    createRenderState: qs,
-    onUpdate: ({ props: e, prevProps: t, current: n, renderState: r, latestValues: i }) => {
+    createRenderState: qi,
+    onUpdate: ({ props: e, prevProps: t, current: n, renderState: r, latestValues: s }) => {
       if (!n)
         return;
-      let s = !!e.drag;
-      if (!s) {
-        for (const l in i)
+      let i = !!e.drag;
+      if (!i) {
+        for (const l in s)
           if (Xe.has(l)) {
-            s = !0;
+            i = !0;
             break;
           }
       }
-      if (!s)
+      if (!i)
         return;
       let o = !t;
       if (t)
-        for (let l = 0; l < di.length; l++) {
-          const a = di[l];
+        for (let l = 0; l < ds.length; l++) {
+          const a = ds[l];
           e[a] !== t[a] && (o = !0);
         }
       o && J.read(() => {
-        Xs(n, r), J.render(() => {
-          gr(r, i, yr(n.tagName), e.transformTemplate), Qs(n, r);
+        Xi(n, r), J.render(() => {
+          gr(r, s, yr(n.tagName), e.transformTemplate), Qi(n, r);
         });
       });
     }
   })
 };
 function _l(e, t) {
-  return function(r, { forwardMotionProps: i } = { forwardMotionProps: !1 }) {
+  return function(r, { forwardMotionProps: s } = { forwardMotionProps: !1 }) {
     const o = {
       ...mr(r) ? kl : Ll,
       preloadedFeatures: e,
-      useRender: jl(i),
+      useRender: jl(s),
       createVisualElement: t,
       Component: r
     };
@@ -1545,7 +1547,7 @@ function jt(e, t, n) {
   const r = e.getProps();
   return vr(r, t, n !== void 0 ? n : r.custom, e);
 }
-const Il = sr(() => window.ScrollTimeline !== void 0);
+const Il = ir(() => window.ScrollTimeline !== void 0);
 class Fl {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
@@ -1561,15 +1563,15 @@ class Fl {
       this.animations[r][t] = n;
   }
   attachTimeline(t, n) {
-    const r = this.animations.map((i) => {
-      if (Il() && i.attachTimeline)
-        return i.attachTimeline(t);
+    const r = this.animations.map((s) => {
+      if (Il() && s.attachTimeline)
+        return s.attachTimeline(t);
       if (typeof n == "function")
-        return n(i);
+        return n(s);
     });
     return () => {
-      r.forEach((i, s) => {
-        i && i(), this.animations[s].stop();
+      r.forEach((s, i) => {
+        s && s(), this.animations[i].stop();
       });
     };
   }
@@ -1633,14 +1635,14 @@ function to(e) {
 function Tr(e) {
   return typeof e == "function";
 }
-function hi(e, t) {
+function hs(e, t) {
   e.timeline = t, e.onfinish = null;
 }
 const wr = (e) => Array.isArray(e) && typeof e[0] == "number", Bl = {
   linearEasing: void 0
 };
 function $l(e, t) {
-  const n = sr(e);
+  const n = ir(e);
   return () => {
     var r;
     return (r = Bl[t]) !== null && r !== void 0 ? r : n();
@@ -1655,9 +1657,9 @@ const qt = /* @__PURE__ */ $l(() => {
   return !0;
 }, "linearEasing"), no = (e, t, n = 10) => {
   let r = "";
-  const i = Math.max(Math.round(t / n), 2);
-  for (let s = 0; s < i; s++)
-    r += e(ot(0, i - 1, s)) + ", ";
+  const s = Math.max(Math.round(t / n), 2);
+  for (let i = 0; i < s; i++)
+    r += e(ot(0, s - 1, i)) + ", ";
   return `linear(${r.substring(0, r.length - 2)})`;
 };
 function ro(e) {
@@ -1674,15 +1676,15 @@ const xt = ([e, t, n, r]) => `cubic-bezier(${e}, ${t}, ${n}, ${r})`, kn = {
   backIn: /* @__PURE__ */ xt([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ xt([0.33, 1.53, 0.69, 0.99])
 };
-function io(e, t) {
+function so(e, t) {
   if (e)
-    return typeof e == "function" && qt() ? no(e, t) : wr(e) ? xt(e) : Array.isArray(e) ? e.map((n) => io(n, t) || kn.easeOut) : kn[e];
+    return typeof e == "function" && qt() ? no(e, t) : wr(e) ? xt(e) : Array.isArray(e) ? e.map((n) => so(n, t) || kn.easeOut) : kn[e];
 }
 const je = {
   x: !1,
   y: !1
 };
-function so() {
+function io() {
   return je.x || je.y;
 }
 function Ul(e, t, n) {
@@ -1690,39 +1692,39 @@ function Ul(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
-    let i = document;
-    t && (i = t.current);
-    const s = (r = n == null ? void 0 : n[e]) !== null && r !== void 0 ? r : i.querySelectorAll(e);
-    return s ? Array.from(s) : [];
+    let s = document;
+    t && (s = t.current);
+    const i = (r = n == null ? void 0 : n[e]) !== null && r !== void 0 ? r : s.querySelectorAll(e);
+    return i ? Array.from(i) : [];
   }
   return Array.from(e);
 }
 function oo(e, t) {
-  const n = Ul(e), r = new AbortController(), i = {
+  const n = Ul(e), r = new AbortController(), s = {
     passive: !0,
     ...t,
     signal: r.signal
   };
-  return [n, i, () => r.abort()];
+  return [n, s, () => r.abort()];
 }
-function pi(e) {
-  return !(e.pointerType === "touch" || so());
+function ps(e) {
+  return !(e.pointerType === "touch" || io());
 }
 function Wl(e, t, n = {}) {
-  const [r, i, s] = oo(e, n), o = (l) => {
-    if (!pi(l))
+  const [r, s, i] = oo(e, n), o = (l) => {
+    if (!ps(l))
       return;
     const { target: a } = l, u = t(a, l);
     if (typeof u != "function" || !a)
       return;
     const c = (f) => {
-      pi(f) && (u(f), a.removeEventListener("pointerleave", c));
+      ps(f) && (u(f), a.removeEventListener("pointerleave", c));
     };
-    a.addEventListener("pointerleave", c, i);
+    a.addEventListener("pointerleave", c, s);
   };
   return r.forEach((l) => {
-    l.addEventListener("pointerenter", o, i);
-  }), s;
+    l.addEventListener("pointerenter", o, s);
+  }), i;
 }
 function Ht(e, t) {
   const n = `${t}PointerCapture`;
@@ -1743,7 +1745,7 @@ function Yl(e) {
   return zl.has(e.tagName) || e.tabIndex !== -1;
 }
 const bt = /* @__PURE__ */ new WeakSet();
-function mi(e) {
+function ms(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
@@ -1755,28 +1757,28 @@ const Kl = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
-  const r = mi(() => {
+  const r = ms(() => {
     if (bt.has(n))
       return;
     pn(n, "down");
-    const i = mi(() => {
+    const s = ms(() => {
       pn(n, "up");
-    }), s = () => pn(n, "cancel");
-    n.addEventListener("keyup", i, t), n.addEventListener("blur", s, t);
+    }), i = () => pn(n, "cancel");
+    n.addEventListener("keyup", s, t), n.addEventListener("blur", i, t);
   });
   n.addEventListener("keydown", r, t), n.addEventListener("blur", () => n.removeEventListener("keydown", r), t);
 };
-function gi(e) {
-  return Pr(e) && !so();
+function gs(e) {
+  return Pr(e) && !io();
 }
 function Gl(e, t, n = {}) {
-  const [r, i, s] = oo(e, n), o = (l) => {
+  const [r, s, i] = oo(e, n), o = (l) => {
     const a = l.currentTarget;
-    if (!a || !gi(l) || bt.has(a))
+    if (!a || !gs(l) || bt.has(a))
       return;
     bt.add(a), Ht(l, "set");
     const u = t(a, l), c = (g, x) => {
-      a.removeEventListener("pointerup", f), a.removeEventListener("pointercancel", h), Ht(g, "release"), !(!gi(g) || !bt.has(a)) && (bt.delete(a), typeof u == "function" && u(g, { success: x }));
+      a.removeEventListener("pointerup", f), a.removeEventListener("pointercancel", h), Ht(g, "release"), !(!gs(g) || !bt.has(a)) && (bt.delete(a), typeof u == "function" && u(g, { success: x }));
     }, f = (g) => {
       (g.isTrusted ? ql(g, a instanceof Element ? a.getBoundingClientRect() : {
         left: 0,
@@ -1787,13 +1789,13 @@ function Gl(e, t, n = {}) {
     }, h = (g) => {
       c(g, !1);
     };
-    a.addEventListener("pointerup", f, i), a.addEventListener("pointercancel", h, i), a.addEventListener("lostpointercapture", h, i);
+    a.addEventListener("pointerup", f, s), a.addEventListener("pointercancel", h, s), a.addEventListener("lostpointercapture", h, s);
   };
   return r.forEach((l) => {
     l = n.useGlobalTarget ? window : l;
     let a = !1;
-    l instanceof HTMLElement && (a = !0, !Yl(l) && l.getAttribute("tabindex") === null && (l.tabIndex = 0)), l.addEventListener("pointerdown", o, i), a && l.addEventListener("focus", (u) => Kl(u, i), i);
-  }), s;
+    l instanceof HTMLElement && (a = !0, !Yl(l) && l.getAttribute("tabindex") === null && (l.tabIndex = 0)), l.addEventListener("pointerdown", o, s), a && l.addEventListener("focus", (u) => Kl(u, s), s);
+  }), i;
 }
 function ql(e, t) {
   return e.clientX < t.left || e.clientX > t.right || e.clientY < t.top || e.clientY > t.bottom;
@@ -1819,7 +1821,7 @@ function Xl() {
   Yt = void 0;
 }
 const De = {
-  now: () => (Yt === void 0 && De.set(ue.isProcessing || _s.useManualTiming ? ue.timestamp : performance.now()), Yt),
+  now: () => (Yt === void 0 && De.set(ue.isProcessing || _i.useManualTiming ? ue.timestamp : performance.now()), Yt),
   set: (e) => {
     Yt = e, queueMicrotask(Xl);
   }
@@ -1839,13 +1841,13 @@ class Er {
     return Sr(this.subscriptions, t), () => Cr(this.subscriptions, t);
   }
   notify(t, n, r) {
-    const i = this.subscriptions.length;
-    if (i)
-      if (i === 1)
+    const s = this.subscriptions.length;
+    if (s)
+      if (s === 1)
         this.subscriptions[0](t, n, r);
       else
-        for (let s = 0; s < i; s++) {
-          const o = this.subscriptions[s];
+        for (let i = 0; i < s; i++) {
+          const o = this.subscriptions[i];
           o && o(t, n, r);
         }
   }
@@ -1859,12 +1861,12 @@ class Er {
 function co(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const yi = 30, Zl = (e) => !isNaN(parseFloat(e));
+const ys = 30, Zl = (e) => !isNaN(parseFloat(e));
 class Jl {
   constructor(t, n = {}) {
-    this.version = "12.4.7", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (r, i = !0) => {
-      const s = De.now();
-      this.updatedAt !== s && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(r), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), i && this.events.renderRequest && this.events.renderRequest.notify(this.current);
+    this.version = "12.4.7", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (r, s = !0) => {
+      const i = De.now();
+      this.updatedAt !== i && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(r), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), s && this.events.renderRequest && this.events.renderRequest.notify(this.current);
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
@@ -1909,9 +1911,9 @@ class Jl {
   }
   getVelocity() {
     const t = De.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > yi)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ys)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, yi);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, ys);
     return co(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   start(t) {
@@ -1942,10 +1944,10 @@ function Ql(e, t, n) {
 }
 function ec(e, t) {
   const n = jt(e, t);
-  let { transitionEnd: r = {}, transition: i = {}, ...s } = n || {};
-  s = { ...s, ...r };
-  for (const o in s) {
-    const l = Vl(s[o]);
+  let { transitionEnd: r = {}, transition: s = {}, ...i } = n || {};
+  i = { ...i, ...r };
+  for (const o in i) {
+    const l = Vl(i[o]);
     Ql(e, o, l);
   }
 }
@@ -1958,23 +1960,23 @@ function _n(e, t) {
     return n.add(t);
 }
 function uo(e) {
-  return e.props[$s];
+  return e.props[$i];
 }
 const nc = {
   current: !1
-}, fo = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, rc = 1e-7, ic = 12;
-function sc(e, t, n, r, i) {
-  let s, o, l = 0;
+}, fo = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, rc = 1e-7, sc = 12;
+function ic(e, t, n, r, s) {
+  let i, o, l = 0;
   do
-    o = t + (n - t) / 2, s = fo(o, r, i) - e, s > 0 ? n = o : t = o;
-  while (Math.abs(s) > rc && ++l < ic);
+    o = t + (n - t) / 2, i = fo(o, r, s) - e, i > 0 ? n = o : t = o;
+  while (Math.abs(i) > rc && ++l < sc);
   return o;
 }
 function kt(e, t, n, r) {
   if (e === t && n === r)
     return we;
-  const i = (s) => sc(s, 0, 1, e, n);
-  return (s) => s === 0 || s === 1 ? s : fo(i(s), t, r);
+  const s = (i) => ic(i, 0, 1, e, n);
+  return (i) => i === 0 || i === 1 ? i : fo(s(i), t, r);
 }
 const ho = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, po = (e) => (t) => 1 - e(1 - t), mo = /* @__PURE__ */ kt(0.33, 1.53, 0.69, 0.99), Rr = /* @__PURE__ */ po(mo), go = /* @__PURE__ */ ho(Rr), yo = (e) => (e *= 2) < 1 ? 0.5 * Rr(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Ar = (e) => 1 - Math.sin(Math.acos(e)), vo = po(Ar), xo = ho(Ar), bo = (e) => /^0[^.\s]+$/u.test(e);
 function oc(e) {
@@ -1987,10 +1989,10 @@ function ac(e) {
 const lc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Mr = (e, t) => (n) => Boolean(typeof n == "string" && lc.test(n) && n.startsWith(e) || t && !ac(n) && Object.prototype.hasOwnProperty.call(n, t)), To = (e, t, n) => (r) => {
   if (typeof r != "string")
     return r;
-  const [i, s, o, l] = r.match(jr);
+  const [s, i, o, l] = r.match(jr);
   return {
-    [e]: parseFloat(i),
-    [t]: parseFloat(s),
+    [e]: parseFloat(s),
+    [t]: parseFloat(i),
     [n]: parseFloat(o),
     alpha: l !== void 0 ? parseFloat(l) : 1
   };
@@ -2003,12 +2005,12 @@ const lc = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
   transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + mn.transform(e) + ", " + mn.transform(t) + ", " + mn.transform(n) + ", " + Tt(At.transform(r)) + ")"
 };
 function uc(e) {
-  let t = "", n = "", r = "", i = "";
-  return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), r = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), r = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, r += r, i += i), {
+  let t = "", n = "", r = "", s = "";
+  return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), r = e.substring(5, 7), s = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), r = e.substring(3, 4), s = e.substring(4, 5), t += t, n += n, r += r, s += s), {
     red: parseInt(t, 16),
     green: parseInt(n, 16),
     blue: parseInt(r, 16),
-    alpha: i ? parseInt(i, 16) / 255 : 1
+    alpha: s ? parseInt(s, 16) / 255 : 1
   };
 }
 const In = {
@@ -2028,30 +2030,30 @@ function dc(e) {
   var t, n;
   return isNaN(e) && typeof e == "string" && (((t = e.match(jr)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(fc)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const wo = "number", Po = "color", hc = "var", pc = "var(", vi = "${}", mc = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const wo = "number", Po = "color", hc = "var", pc = "var(", vs = "${}", mc = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
 function Vt(e) {
   const t = e.toString(), n = [], r = {
     color: [],
     number: [],
     var: []
-  }, i = [];
-  let s = 0;
-  const l = t.replace(mc, (a) => (de.test(a) ? (r.color.push(s), i.push(Po), n.push(de.parse(a))) : a.startsWith(pc) ? (r.var.push(s), i.push(hc), n.push(a)) : (r.number.push(s), i.push(wo), n.push(parseFloat(a))), ++s, vi)).split(vi);
-  return { values: n, split: l, indexes: r, types: i };
+  }, s = [];
+  let i = 0;
+  const l = t.replace(mc, (a) => (de.test(a) ? (r.color.push(i), s.push(Po), n.push(de.parse(a))) : a.startsWith(pc) ? (r.var.push(i), s.push(hc), n.push(a)) : (r.number.push(i), s.push(wo), n.push(parseFloat(a))), ++i, vs)).split(vs);
+  return { values: n, split: l, indexes: r, types: s };
 }
 function So(e) {
   return Vt(e).values;
 }
 function Co(e) {
   const { split: t, types: n } = Vt(e), r = t.length;
-  return (i) => {
-    let s = "";
+  return (s) => {
+    let i = "";
     for (let o = 0; o < r; o++)
-      if (s += t[o], i[o] !== void 0) {
+      if (i += t[o], s[o] !== void 0) {
         const l = n[o];
-        l === wo ? s += Tt(i[o]) : l === Po ? s += de.transform(i[o]) : s += i[o];
+        l === wo ? i += Tt(s[o]) : l === Po ? i += de.transform(s[o]) : i += s[o];
       }
-    return s;
+    return i;
   };
 }
 const gc = (e) => typeof e == "number" ? 0 : e;
@@ -2072,9 +2074,9 @@ function xc(e) {
   const [r] = n.match(jr) || [];
   if (!r)
     return e;
-  const i = n.replace(r, "");
-  let s = vc.has(t) ? 1 : 0;
-  return r !== n && (s *= 100), t + "(" + s + i + ")";
+  const s = n.replace(r, "");
+  let i = vc.has(t) ? 1 : 0;
+  return r !== n && (i *= 100), t + "(" + i + s + ")";
 }
 const bc = /\b([a-z-]*)\(.*?\)/gu, Fn = {
   ...$e,
@@ -2103,24 +2105,24 @@ function Eo(e, t) {
 }
 const wc = /* @__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" && !wc.has(s) && Vt(s).values.length && (i = e[r]), r++;
+  let r = 0, s;
+  for (; r < e.length && !s; ) {
+    const i = e[r];
+    typeof i == "string" && !wc.has(i) && Vt(i).values.length && (s = e[r]), r++;
   }
-  if (i && n)
-    for (const s of t)
-      e[s] = Eo(n, i);
+  if (s && n)
+    for (const i of t)
+      e[i] = Eo(n, s);
 }
-const xi = (e) => e === ht || e === L, bi = (e, t) => parseFloat(e.split(", ")[t]), Ti = (e, t) => (n, { transform: r }) => {
+const xs = (e) => e === ht || e === L, bs = (e, t) => parseFloat(e.split(", ")[t]), Ts = (e, t) => (n, { transform: r }) => {
   if (r === "none" || !r)
     return 0;
-  const i = r.match(/^matrix3d\((.+)\)$/u);
-  if (i)
-    return bi(i[1], t);
+  const s = r.match(/^matrix3d\((.+)\)$/u);
+  if (s)
+    return bs(s[1], t);
   {
-    const s = r.match(/^matrix\((.+)\)$/u);
-    return s ? bi(s[1], e) : 0;
+    const i = r.match(/^matrix\((.+)\)$/u);
+    return i ? bs(i[1], e) : 0;
   }
 }, Sc = /* @__PURE__ */ new Set(["x", "y", "z"]), Cc = dt.filter((e) => !Sc.has(e));
 function Ec(e) {
@@ -2137,8 +2139,8 @@ const lt = {
   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: Ti(4, 13),
-  y: Ti(5, 14)
+  x: Ts(4, 13),
+  y: Ts(5, 14)
 };
 lt.translateX = lt.x;
 lt.translateY = lt.y;
@@ -2148,14 +2150,14 @@ function Ro() {
   if (Bn) {
     const e = Array.from(qe).filter((r) => r.needsMeasurement), t = new Set(e.map((r) => r.element)), n = /* @__PURE__ */ new Map();
     t.forEach((r) => {
-      const i = Ec(r);
-      i.length && (n.set(r, i), r.render());
+      const s = Ec(r);
+      s.length && (n.set(r, s), r.render());
     }), e.forEach((r) => r.measureInitialState()), t.forEach((r) => {
       r.render();
-      const i = n.get(r);
-      i && i.forEach(([s, o]) => {
+      const s = n.get(r);
+      s && s.forEach(([i, o]) => {
         var l;
-        (l = r.getValue(s)) === null || l === void 0 || l.set(o);
+        (l = r.getValue(i)) === null || l === void 0 || l.set(o);
       });
     }), e.forEach((r) => r.measureEndState()), e.forEach((r) => {
       r.suspendedScrollY !== void 0 && window.scrollTo(0, r.suspendedScrollY);
@@ -2172,27 +2174,27 @@ function Rc() {
   Ao(), Ro();
 }
 class Dr {
-  constructor(t, n, r, i, s, o = !1) {
-    this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = r, this.motionValue = i, this.element = s, this.isAsync = o;
+  constructor(t, n, r, s, i, o = !1) {
+    this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = r, this.motionValue = s, this.element = i, this.isAsync = o;
   }
   scheduleResolve() {
     this.isScheduled = !0, this.isAsync ? (qe.add(this), Nn || (Nn = !0, J.read(Ao), J.resolveKeyframes(Ro))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
-    const { unresolvedKeyframes: t, name: n, element: r, motionValue: i } = this;
-    for (let s = 0; s < t.length; s++)
-      if (t[s] === null)
-        if (s === 0) {
-          const o = i == null ? void 0 : i.get(), l = t[t.length - 1];
+    const { unresolvedKeyframes: t, name: n, element: r, motionValue: s } = this;
+    for (let i = 0; i < t.length; i++)
+      if (t[i] === null)
+        if (i === 0) {
+          const o = s == null ? void 0 : s.get(), l = t[t.length - 1];
           if (o !== void 0)
             t[0] = o;
           else if (r && n) {
             const a = r.readValue(n, l);
             a != null && (t[0] = a);
           }
-          t[0] === void 0 && (t[0] = l), i && o === void 0 && i.set(t[0]);
+          t[0] === void 0 && (t[0] = l), s && o === void 0 && s.set(t[0]);
         } else
-          t[s] = t[s - 1];
+          t[i] = t[i - 1];
   }
   setFinalKeyframe() {
   }
@@ -2217,29 +2219,29 @@ function jc(e) {
   const t = Ac.exec(e);
   if (!t)
     return [,];
-  const [, n, r, i] = t;
-  return [`--${n ?? r}`, i];
+  const [, n, r, s] = t;
+  return [`--${n ?? r}`, s];
 }
 const Mc = 4;
 function Mo(e, t, n = 1) {
   Ne(n <= Mc, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [r, i] = jc(e);
+  const [r, s] = jc(e);
   if (!r)
     return;
-  const s = window.getComputedStyle(t).getPropertyValue(r);
-  if (s) {
-    const o = s.trim();
+  const i = window.getComputedStyle(t).getPropertyValue(r);
+  if (i) {
+    const o = i.trim();
     return jo(o) ? parseFloat(o) : o;
   }
-  return fr(i) ? Mo(i, t, n + 1) : i;
+  return fr(s) ? Mo(s, t, n + 1) : s;
 }
 const Vo = (e) => (t) => t.test(e), Vc = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, Do = [ht, L, Ve, Ie, pl, hl, Vc], wi = (e) => Do.find(Vo(e));
+}, Do = [ht, L, Ve, Ie, pl, hl, Vc], ws = (e) => Do.find(Vo(e));
 class Oo extends Dr {
-  constructor(t, n, r, i, s) {
-    super(t, n, r, i, s, !0);
+  constructor(t, n, r, s, i) {
+    super(t, n, r, s, i, !0);
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, element: n, name: r } = this;
@@ -2255,9 +2257,9 @@ class Oo extends Dr {
     }
     if (this.resolveNoneKeyframes(), !lo.has(r) || t.length !== 2)
       return;
-    const [i, s] = t, o = wi(i), l = wi(s);
+    const [s, i] = t, o = ws(s), l = ws(i);
     if (o !== l)
-      if (xi(o) && xi(l))
+      if (xs(o) && xs(l))
         for (let a = 0; a < t.length; a++) {
           const u = t[a];
           typeof u == "string" && (t[a] = parseFloat(u));
@@ -2267,8 +2269,8 @@ class Oo extends Dr {
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, r = [];
-    for (let i = 0; i < t.length; i++)
-      oc(t[i]) && r.push(i);
+    for (let s = 0; s < t.length; s++)
+      oc(t[s]) && r.push(s);
     r.length && Pc(t, r, n);
   }
   measureInitialState() {
@@ -2276,23 +2278,23 @@ class Oo extends Dr {
     if (!t || !t.current)
       return;
     r === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = lt[r](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
-    const i = n[n.length - 1];
-    i !== void 0 && t.getValue(r, i).jump(i, !1);
+    const s = n[n.length - 1];
+    s !== void 0 && t.getValue(r, s).jump(s, !1);
   }
   measureEndState() {
     var t;
-    const { element: n, name: r, unresolvedKeyframes: i } = this;
+    const { element: n, name: r, unresolvedKeyframes: s } = this;
     if (!n || !n.current)
       return;
-    const s = n.getValue(r);
-    s && s.jump(this.measuredOrigin, !1);
-    const o = i.length - 1, l = i[o];
-    i[o] = lt[r](n.measureViewportBox(), window.getComputedStyle(n.current)), l !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = l), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([a, u]) => {
+    const i = n.getValue(r);
+    i && i.jump(this.measuredOrigin, !1);
+    const o = s.length - 1, l = s[o];
+    s[o] = lt[r](n.measureViewportBox(), window.getComputedStyle(n.current)), l !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = l), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([a, u]) => {
       n.getValue(a).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
-const Pi = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && ($e.test(e) || e === "0") && !e.startsWith("url("));
+const Ps = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && ($e.test(e) || e === "0") && !e.startsWith("url("));
 function Dc(e) {
   const t = e[0];
   if (e.length === 1)
@@ -2302,28 +2304,28 @@ function Dc(e) {
       return !0;
 }
 function Oc(e, t, n, r) {
-  const i = e[0];
-  if (i === null)
+  const s = e[0];
+  if (s === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const s = e[e.length - 1], o = Pi(i, t), l = Pi(s, t);
-  return ft(o === l, `You are trying to animate ${t} from "${i}" to "${s}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${s} via the \`style\` property.`), !o || !l ? !1 : Dc(e) || (n === "spring" || Tr(n)) && r;
+  const i = e[e.length - 1], o = Ps(s, t), l = Ps(i, t);
+  return ft(o === l, `You are trying to animate ${t} from "${s}" to "${i}". ${s} is not an animatable value - to enable this animation set ${s} to a value animatable to ${i} via the \`style\` property.`), !o || !l ? !1 : Dc(e) || (n === "spring" || Tr(n)) && r;
 }
 const Lc = (e) => e !== null;
 function on(e, { repeat: t, repeatType: n = "loop" }, r) {
-  const i = e.filter(Lc), s = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
-  return !s || r === void 0 ? i[s] : r;
+  const s = e.filter(Lc), i = t && n !== "loop" && t % 2 === 1 ? 0 : s.length - 1;
+  return !i || r === void 0 ? s[i] : r;
 }
 const kc = 40;
 class Lo {
-  constructor({ autoplay: t = !0, delay: n = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: s = 0, repeatType: o = "loop", ...l }) {
+  constructor({ autoplay: t = !0, delay: n = 0, type: r = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: o = "loop", ...l }) {
     this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = De.now(), this.options = {
       autoplay: t,
       delay: n,
       type: r,
-      repeat: i,
-      repeatDelay: s,
+      repeat: s,
+      repeatDelay: i,
       repeatType: o,
       ...l
     }, this.updateFinishedPromise();
@@ -2336,8 +2338,8 @@ class Lo {
   }
   onKeyframesResolved(t, n) {
     this.resolvedAt = De.now(), this.hasAttemptedResolve = !0;
-    const { name: r, type: i, velocity: s, delay: o, onComplete: l, onUpdate: a, isGenerator: u } = this.options;
-    if (!u && !Oc(t, r, i, s))
+    const { name: r, type: s, velocity: i, delay: o, onComplete: l, onUpdate: a, isGenerator: u } = this.options;
+    if (!u && !Oc(t, r, s, i))
       if (o)
         this.options.duration = 0;
       else {
@@ -2375,16 +2377,16 @@ function gn(e, t, n) {
 }
 function _c({ hue: e, saturation: t, lightness: n, alpha: r }) {
   e /= 360, t /= 100, n /= 100;
-  let i = 0, s = 0, o = 0;
+  let s = 0, i = 0, o = 0;
   if (!t)
-    i = s = o = n;
+    s = i = o = n;
   else {
     const l = n < 0.5 ? n * (1 + t) : n + t - n * t, a = 2 * n - l;
-    i = gn(a, l, e + 1 / 3), s = gn(a, l, e), o = gn(a, l, e - 1 / 3);
+    s = gn(a, l, e + 1 / 3), i = gn(a, l, e), o = gn(a, l, e - 1 / 3);
   }
   return {
-    red: Math.round(i * 255),
-    green: Math.round(s * 255),
+    red: Math.round(s * 255),
+    green: Math.round(i * 255),
     blue: Math.round(o * 255),
     alpha: r
   };
@@ -2393,22 +2395,22 @@ function Xt(e, t) {
   return (n) => n > 0 ? t : e;
 }
 const yn = (e, t, n) => {
-  const r = e * e, i = n * (t * t - r) + r;
-  return i < 0 ? 0 : Math.sqrt(i);
+  const r = e * e, s = n * (t * t - r) + r;
+  return s < 0 ? 0 : Math.sqrt(s);
 }, Ic = [In, Ge, tt], Fc = (e) => Ic.find((t) => t.test(e));
-function Si(e) {
+function Ss(e) {
   const t = Fc(e);
   if (ft(Boolean(t), `'${e}' is not an animatable color. Use the equivalent color code instead.`), !Boolean(t))
     return !1;
   let n = t.parse(e);
   return t === tt && (n = _c(n)), n;
 }
-const Ci = (e, t) => {
-  const n = Si(e), r = Si(t);
+const Cs = (e, t) => {
+  const n = Ss(e), r = Ss(t);
   if (!n || !r)
     return Xt(e, t);
-  const i = { ...n };
-  return (s) => (i.red = yn(n.red, r.red, s), i.green = yn(n.green, r.green, s), i.blue = yn(n.blue, r.blue, s), i.alpha = ee(n.alpha, r.alpha, s), Ge.transform(i));
+  const s = { ...n };
+  return (i) => (s.red = yn(n.red, r.red, i), s.green = yn(n.green, r.green, i), s.blue = yn(n.blue, r.blue, i), s.alpha = ee(n.alpha, r.alpha, i), Ge.transform(s));
 }, Nc = (e, t) => (n) => t(e(n)), _t = (...e) => e.reduce(Nc), $n = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Bc(e, t) {
   return $n.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
@@ -2417,38 +2419,38 @@ function $c(e, t) {
   return (n) => ee(e, t, n);
 }
 function Or(e) {
-  return typeof e == "number" ? $c : typeof e == "string" ? fr(e) ? Xt : de.test(e) ? Ci : zc : Array.isArray(e) ? ko : typeof e == "object" ? de.test(e) ? Ci : Uc : Xt;
+  return typeof e == "number" ? $c : typeof e == "string" ? fr(e) ? Xt : de.test(e) ? Cs : zc : Array.isArray(e) ? ko : typeof e == "object" ? de.test(e) ? Cs : Uc : Xt;
 }
 function ko(e, t) {
-  const n = [...e], r = n.length, i = e.map((s, o) => Or(s)(s, t[o]));
-  return (s) => {
+  const n = [...e], r = n.length, s = e.map((i, o) => Or(i)(i, t[o]));
+  return (i) => {
     for (let o = 0; o < r; o++)
-      n[o] = i[o](s);
+      n[o] = s[o](i);
     return n;
   };
 }
 function Uc(e, t) {
   const n = { ...e, ...t }, r = {};
-  for (const i in n)
-    e[i] !== void 0 && t[i] !== void 0 && (r[i] = Or(e[i])(e[i], t[i]));
-  return (i) => {
-    for (const s in r)
-      n[s] = r[s](i);
+  for (const s in n)
+    e[s] !== void 0 && t[s] !== void 0 && (r[s] = Or(e[s])(e[s], t[s]));
+  return (s) => {
+    for (const i in r)
+      n[i] = r[i](s);
     return n;
   };
 }
 function Wc(e, t) {
   var n;
-  const r = [], i = { color: 0, var: 0, number: 0 };
-  for (let s = 0; s < t.values.length; s++) {
-    const o = t.types[s], l = e.indexes[o][i[o]], a = (n = e.values[l]) !== null && n !== void 0 ? n : 0;
-    r[s] = a, i[o]++;
+  const r = [], s = { color: 0, var: 0, number: 0 };
+  for (let i = 0; i < t.values.length; i++) {
+    const o = t.types[i], l = e.indexes[o][s[o]], a = (n = e.values[l]) !== null && n !== void 0 ? n : 0;
+    r[i] = a, s[o]++;
   }
   return r;
 }
 const zc = (e, t) => {
-  const n = $e.createTransformer(t), r = Vt(e), i = Vt(t);
-  return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? $n.has(e) && !i.values.length || $n.has(t) && !r.values.length ? Bc(e, t) : _t(ko(Wc(r, i), i.values), n) : (ft(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Xt(e, t));
+  const n = $e.createTransformer(t), r = Vt(e), s = Vt(t);
+  return r.indexes.var.length === s.indexes.var.length && r.indexes.color.length === s.indexes.color.length && r.indexes.number.length >= s.indexes.number.length ? $n.has(e) && !s.values.length || $n.has(t) && !r.values.length ? Bc(e, t) : _t(ko(Wc(r, s), s.values), n) : (ft(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Xt(e, t));
 };
 function _o(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ee(e, t, n) : Or(e)(e, t);
@@ -2480,23 +2482,23 @@ const Q = {
   maxDamping: 1
 }, vn = 1e-3;
 function Kc({ duration: e = Q.duration, bounce: t = Q.bounce, velocity: n = Q.velocity, mass: r = Q.mass }) {
-  let i, s;
+  let s, i;
   ft(e <= Me(Q.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
-  o = _e(Q.minDamping, Q.maxDamping, o), e = _e(Q.minDuration, Q.maxDuration, ke(e)), o < 1 ? (i = (u) => {
+  o = _e(Q.minDamping, Q.maxDamping, o), e = _e(Q.minDuration, Q.maxDuration, ke(e)), o < 1 ? (s = (u) => {
     const c = u * o, f = c * e, h = c - n, g = Un(u, o), x = Math.exp(-f);
     return vn - h / g * x;
-  }, s = (u) => {
+  }, i = (u) => {
     const f = u * o * e, h = f * n + n, g = Math.pow(o, 2) * Math.pow(u, 2) * e, x = Math.exp(-f), y = Un(Math.pow(u, 2), o);
-    return (-i(u) + vn > 0 ? -1 : 1) * ((h - g) * x) / y;
-  }) : (i = (u) => {
+    return (-s(u) + vn > 0 ? -1 : 1) * ((h - g) * x) / y;
+  }) : (s = (u) => {
     const c = Math.exp(-u * e), f = (u - n) * e + 1;
     return -vn + c * f;
-  }, s = (u) => {
+  }, i = (u) => {
     const c = Math.exp(-u * e), f = (n - u) * (e * e);
     return c * f;
   });
-  const l = 5 / e, a = qc(i, s, l);
+  const l = 5 / e, a = qc(s, i, l);
   if (e = Me(e), isNaN(a))
     return {
       stiffness: Q.stiffness,
@@ -2515,7 +2517,7 @@ function Kc({ duration: e = Q.duration, bounce: t = Q.bounce, velocity: n = Q.ve
 const Gc = 12;
 function qc(e, t, n) {
   let r = n;
-  for (let i = 1; i < Gc; i++)
+  for (let s = 1; s < Gc; s++)
     r = r - e(r) / t(r);
   return r;
 }
@@ -2523,7 +2525,7 @@ function Un(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
 const Hc = ["duration", "bounce"], Xc = ["stiffness", "damping", "mass"];
-function Ei(e, t) {
+function Es(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
 function Zc(e) {
@@ -2535,14 +2537,14 @@ function Zc(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Ei(e, Xc) && Ei(e, Hc))
+  if (!Es(e, Xc) && Es(e, Hc))
     if (e.visualDuration) {
-      const n = e.visualDuration, r = 2 * Math.PI / (n * 1.2), i = r * r, s = 2 * _e(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
+      const n = e.visualDuration, r = 2 * Math.PI / (n * 1.2), s = r * r, i = 2 * _e(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(s);
       t = {
         ...t,
         mass: Q.mass,
-        stiffness: i,
-        damping: s
+        stiffness: s,
+        damping: i
       };
     } else {
       const n = Kc(e);
@@ -2560,12 +2562,12 @@ function Fo(e = Q.visualDuration, t = Q.bounce) {
     keyframes: [0, 1],
     bounce: t
   } : e;
-  let { restSpeed: r, restDelta: i } = n;
-  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: g } = Zc({
+  let { restSpeed: r, restDelta: s } = n;
+  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], l = { done: !1, value: i }, { stiffness: a, damping: u, mass: c, duration: f, velocity: h, isResolvedFromDuration: g } = Zc({
     ...n,
     velocity: -ke(n.velocity || 0)
-  }), x = h || 0, y = u / (2 * Math.sqrt(a * c)), P = o - s, b = ke(Math.sqrt(a / c)), S = Math.abs(P) < 5;
-  r || (r = S ? Q.restSpeed.granular : Q.restSpeed.default), i || (i = S ? Q.restDelta.granular : Q.restDelta.default);
+  }), x = h || 0, y = u / (2 * Math.sqrt(a * c)), P = o - i, b = ke(Math.sqrt(a / c)), S = Math.abs(P) < 5;
+  r || (r = S ? Q.restSpeed.granular : Q.restSpeed.default), s || (s = S ? Q.restDelta.granular : Q.restDelta.default);
   let C;
   if (y < 1) {
     const p = Un(b, y);
@@ -2591,7 +2593,7 @@ function Fo(e = Q.visualDuration, t = Q.bounce) {
       else {
         let B = 0;
         y < 1 && (B = p === 0 ? Me(x) : Io(C, p, A));
-        const M = Math.abs(B) <= r, H = Math.abs(o - A) <= i;
+        const M = Math.abs(B) <= r, H = Math.abs(o - A) <= s;
         l.done = M && H;
       }
       return l.value = l.done ? o : A, l;
@@ -2603,7 +2605,7 @@ function Fo(e = Q.visualDuration, t = Q.bounce) {
   };
   return V;
 }
-function Ri({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 325, bounceDamping: i = 10, bounceStiffness: s = 500, modifyTarget: o, min: l, max: a, restDelta: u = 0.5, restSpeed: c }) {
+function Rs({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 325, bounceDamping: s = 10, bounceStiffness: i = 500, modifyTarget: o, min: l, max: a, restDelta: u = 0.5, restSpeed: c }) {
   const f = e[0], h = {
     done: !1,
     value: f
@@ -2620,8 +2622,8 @@ function Ri({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
     g(h.value) && (p = M, A = Fo({
       keyframes: [h.value, x(h.value)],
       velocity: Io(C, M, h.value),
-      damping: i,
-      stiffness: s,
+      damping: s,
+      stiffness: i,
       restDelta: u,
       restSpeed: c
     }));
@@ -2634,7 +2636,7 @@ function Ri({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
     }
   };
 }
-const Jc = /* @__PURE__ */ kt(0.42, 0, 1, 1), Qc = /* @__PURE__ */ kt(0, 0, 0.58, 1), No = /* @__PURE__ */ kt(0.42, 0, 0.58, 1), eu = (e) => Array.isArray(e) && typeof e[0] != "number", Ai = {
+const Jc = /* @__PURE__ */ kt(0.42, 0, 1, 1), Qc = /* @__PURE__ */ kt(0, 0, 0.58, 1), No = /* @__PURE__ */ kt(0.42, 0, 0.58, 1), eu = (e) => Array.isArray(e) && typeof e[0] != "number", As = {
   linear: we,
   easeIn: Jc,
   easeInOut: No,
@@ -2646,19 +2648,19 @@ const Jc = /* @__PURE__ */ kt(0.42, 0, 1, 1), Qc = /* @__PURE__ */ kt(0, 0, 0.58
   backInOut: go,
   backOut: mo,
   anticipate: yo
-}, ji = (e) => {
+}, js = (e) => {
   if (wr(e)) {
     Ne(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
-    const [t, n, r, i] = e;
-    return kt(t, n, r, i);
+    const [t, n, r, s] = e;
+    return kt(t, n, r, s);
   } else if (typeof e == "string")
-    return Ne(Ai[e] !== void 0, `Invalid easing type '${e}'`), Ai[e];
+    return Ne(As[e] !== void 0, `Invalid easing type '${e}'`), As[e];
   return e;
 };
 function tu(e, t, n) {
-  const r = [], i = n || _o, s = e.length - 1;
-  for (let o = 0; o < s; o++) {
-    let l = i(e[o], e[o + 1]);
+  const r = [], s = n || _o, i = e.length - 1;
+  for (let o = 0; o < i; o++) {
+    let l = s(e[o], e[o + 1]);
     if (t) {
       const a = Array.isArray(t) ? t[o] || we : t;
       l = _t(a, l);
@@ -2667,15 +2669,15 @@ function tu(e, t, n) {
   }
   return r;
 }
-function nu(e, t, { clamp: n = !0, ease: r, mixer: i } = {}) {
-  const s = e.length;
-  if (Ne(s === t.length, "Both input and output ranges must be the same length"), s === 1)
+function nu(e, t, { clamp: n = !0, ease: r, mixer: s } = {}) {
+  const i = e.length;
+  if (Ne(i === t.length, "Both input and output ranges must be the same length"), i === 1)
     return () => t[0];
-  if (s === 2 && t[0] === t[1])
+  if (i === 2 && t[0] === t[1])
     return () => t[1];
   const o = e[0] === e[1];
-  e[0] > e[s - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const l = tu(t, r, i), a = l.length, u = (c) => {
+  e[0] > e[i - 1] && (e = [...e].reverse(), t = [...t].reverse());
+  const l = tu(t, r, s), a = l.length, u = (c) => {
     if (o && c < e[0])
       return t[0];
     let f = 0;
@@ -2685,38 +2687,38 @@ function nu(e, t, { clamp: n = !0, ease: r, mixer: i } = {}) {
     const h = ot(e[f], e[f + 1], c);
     return l[f](h);
   };
-  return n ? (c) => u(_e(e[0], e[s - 1], c)) : u;
+  return n ? (c) => u(_e(e[0], e[i - 1], c)) : u;
 }
 function ru(e, t) {
   const n = e[e.length - 1];
   for (let r = 1; r <= t; r++) {
-    const i = ot(0, t, r);
-    e.push(ee(n, 1, i));
+    const s = ot(0, t, r);
+    e.push(ee(n, 1, s));
   }
 }
-function iu(e) {
+function su(e) {
   const t = [0];
   return ru(t, e.length - 1), t;
 }
-function su(e, t) {
+function iu(e, t) {
   return e.map((n) => n * t);
 }
 function ou(e, t) {
   return e.map(() => t || No).splice(0, e.length - 1);
 }
 function Pt({ duration: e = 300, keyframes: t, times: n, ease: r = "easeInOut" }) {
-  const i = eu(r) ? r.map(ji) : ji(r), s = {
+  const s = eu(r) ? r.map(js) : js(r), i = {
     done: !1,
     value: t[0]
-  }, o = su(
-    n && n.length === t.length ? n : iu(t),
+  }, o = iu(
+    n && n.length === t.length ? n : su(t),
     e
   ), l = nu(o, t, {
-    ease: Array.isArray(i) ? i : ou(t, i)
+    ease: Array.isArray(s) ? s : ou(t, s)
   });
   return {
     calculatedDuration: e,
-    next: (a) => (s.value = l(a), s.done = a >= e, s)
+    next: (a) => (i.value = l(a), i.done = a >= e, i)
   };
 }
 const au = (e) => {
@@ -2727,8 +2729,8 @@ const au = (e) => {
     now: () => ue.isProcessing ? ue.timestamp : De.now()
   };
 }, lu = {
-  decay: Ri,
-  inertia: Ri,
+  decay: Rs,
+  inertia: Rs,
   tween: Pt,
   keyframes: Pt,
   spring: Fo
@@ -2742,23 +2744,23 @@ class Lr extends Lo {
       const { onStop: a } = this.options;
       a && a();
     };
-    const { name: n, motionValue: r, element: i, keyframes: s } = this.options, o = (i == null ? void 0 : i.KeyframeResolver) || Dr, l = (a, u) => this.onKeyframesResolved(a, u);
-    this.resolver = new o(s, l, n, r, i), this.resolver.scheduleResolve();
+    const { name: n, motionValue: r, element: s, keyframes: i } = this.options, o = (s == null ? void 0 : s.KeyframeResolver) || Dr, l = (a, u) => this.onKeyframesResolved(a, u);
+    this.resolver = new o(i, l, n, r, s), this.resolver.scheduleResolve();
   }
   flatten() {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(t) {
-    const { type: n = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: s, velocity: o = 0 } = this.options, l = Tr(n) ? n : lu[n] || Pt;
+    const { type: n = "keyframes", repeat: r = 0, repeatDelay: s = 0, repeatType: i, velocity: o = 0 } = this.options, l = Tr(n) ? n : lu[n] || Pt;
     let a, u;
     process.env.NODE_ENV !== "production" && l !== Pt && Ne(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l !== Pt && typeof t[0] != "number" && (a = _t(cu, _o(t[0], t[1])), t = [0, 100]);
     const c = l({ ...this.options, keyframes: t });
-    s === "mirror" && (u = l({
+    i === "mirror" && (u = l({
       ...this.options,
       keyframes: [...t].reverse(),
       velocity: -o
     })), c.calculatedDuration === null && (c.calculatedDuration = to(c));
-    const { calculatedDuration: f } = c, h = f + i, g = h * (r + 1) - i;
+    const { calculatedDuration: f } = c, h = f + s, g = h * (r + 1) - s;
     return {
       generator: c,
       mirroredGenerator: u,
@@ -2778,14 +2780,14 @@ class Lr extends Lo {
       const { keyframes: M } = this.options;
       return { done: !0, value: M[M.length - 1] };
     }
-    const { finalKeyframe: i, generator: s, mirroredGenerator: o, mapPercentToKeyframes: l, keyframes: a, calculatedDuration: u, totalDuration: c, resolvedDuration: f } = r;
+    const { finalKeyframe: s, generator: i, mirroredGenerator: o, mapPercentToKeyframes: l, keyframes: a, calculatedDuration: u, totalDuration: c, resolvedDuration: f } = r;
     if (this.startTime === null)
-      return s.next(0);
+      return i.next(0);
     const { delay: h, repeat: g, repeatType: x, repeatDelay: y, onUpdate: P } = 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 b = this.currentTime - h * (this.speed >= 0 ? 1 : -1), S = this.speed >= 0 ? b < 0 : b > c;
     this.currentTime = Math.max(b, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
-    let C = this.currentTime, V = s;
+    let C = this.currentTime, V = i;
     if (g) {
       const M = Math.min(this.currentTime, c) / f;
       let H = Math.floor(M), F = M % 1;
@@ -2796,7 +2798,7 @@ class Lr extends Lo {
     let { done: A } = p;
     !S && u !== null && (A = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
     const B = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return B && i !== void 0 && (p.value = on(a, this.options, i)), P && P(p.value), B && this.finish(), p;
+    return B && s !== void 0 && (p.value = on(a, this.options, s)), P && P(p.value), B && this.finish(), p;
   }
   get duration() {
     const { resolved: t } = this;
@@ -2823,9 +2825,9 @@ class Lr extends Lo {
     if (this.isStopped)
       return;
     const { driver: t = au, onPlay: n, startTime: r } = this.options;
-    this.driver || (this.driver = t((s) => this.tick(s))), n && n();
-    const i = this.driver.now();
-    this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime ? this.state === "finished" && (this.startTime = i) : this.startTime = r ?? this.calcStartTime(), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
+    this.driver || (this.driver = t((i) => this.tick(i))), n && n();
+    const s = this.driver.now();
+    this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime ? this.state === "finished" && (this.startTime = s) : this.startTime = r ?? this.calcStartTime(), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
   }
   pause() {
     var t;
@@ -2862,20 +2864,20 @@ const uu = /* @__PURE__ */ new Set([
   "filter",
   "transform"
 ]);
-function fu(e, t, n, { delay: r = 0, duration: i = 300, repeat: s = 0, repeatType: o = "loop", ease: l = "easeInOut", times: a } = {}) {
+function fu(e, t, n, { delay: r = 0, duration: s = 300, repeat: i = 0, repeatType: o = "loop", ease: l = "easeInOut", times: a } = {}) {
   const u = { [t]: n };
   a && (u.offset = a);
-  const c = io(l, i);
+  const c = so(l, s);
   return Array.isArray(c) && (u.easing = c), e.animate(u, {
     delay: r,
-    duration: i,
+    duration: s,
     easing: Array.isArray(c) ? "linear" : c,
     fill: "both",
-    iterations: s + 1,
+    iterations: i + 1,
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-const du = /* @__PURE__ */ sr(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Zt = 10, hu = 2e4;
+const du = /* @__PURE__ */ ir(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Zt = 10, hu = 2e4;
 function pu(e) {
   return Tr(e.type) || e.type === "spring" || !ro(e.ease);
 }
@@ -2888,14 +2890,14 @@ function mu(e, t) {
     isGenerator: !0
   });
   let r = { done: !1, value: e[0] };
-  const i = [];
-  let s = 0;
-  for (; !r.done && s < hu; )
-    r = n.sample(s), i.push(r.value), s += Zt;
+  const s = [];
+  let i = 0;
+  for (; !r.done && i < hu; )
+    r = n.sample(i), s.push(r.value), i += Zt;
   return {
     times: void 0,
-    keyframes: i,
-    duration: s - Zt,
+    keyframes: s,
+    duration: i - Zt,
     ease: "linear"
   };
 }
@@ -2907,30 +2909,30 @@ const Bo = {
 function gu(e) {
   return e in Bo;
 }
-class Mi extends Lo {
+class Ms extends Lo {
   constructor(t) {
     super(t);
-    const { name: n, motionValue: r, element: i, keyframes: s } = this.options;
-    this.resolver = new Oo(s, (o, l) => this.onKeyframesResolved(o, l), n, r, i), this.resolver.scheduleResolve();
+    const { name: n, motionValue: r, element: s, keyframes: i } = this.options;
+    this.resolver = new Oo(i, (o, l) => this.onKeyframesResolved(o, l), n, r, s), this.resolver.scheduleResolve();
   }
   initPlayback(t, n) {
-    let { duration: r = 300, times: i, ease: s, type: o, motionValue: l, name: a, startTime: u } = this.options;
+    let { duration: r = 300, times: s, ease: i, type: o, motionValue: l, name: a, startTime: u } = this.options;
     if (!l.owner || !l.owner.current)
       return !1;
-    if (typeof s == "string" && qt() && gu(s) && (s = Bo[s]), pu(this.options)) {
+    if (typeof i == "string" && qt() && gu(i) && (i = Bo[i]), pu(this.options)) {
       const { onComplete: f, onUpdate: h, motionValue: g, element: x, ...y } = this.options, P = mu(t, y);
-      t = P.keyframes, t.length === 1 && (t[1] = t[0]), r = P.duration, i = P.times, s = P.ease, o = "keyframes";
+      t = P.keyframes, t.length === 1 && (t[1] = t[0]), r = P.duration, s = P.times, i = P.ease, o = "keyframes";
     }
-    const c = fu(l.owner.current, a, t, { ...this.options, duration: r, times: i, ease: s });
-    return c.startTime = u ?? this.calcStartTime(), this.pendingTimeline ? (hi(c, this.pendingTimeline), this.pendingTimeline = void 0) : c.onfinish = () => {
+    const c = fu(l.owner.current, a, t, { ...this.options, duration: r, times: s, ease: i });
+    return c.startTime = u ?? this.calcStartTime(), this.pendingTimeline ? (hs(c, this.pendingTimeline), this.pendingTimeline = void 0) : c.onfinish = () => {
       const { onComplete: f } = this.options;
       l.set(on(t, this.options, n)), f && f(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: c,
       duration: r,
-      times: i,
+      times: s,
       type: o,
-      ease: s,
+      ease: i,
       keyframes: t
     };
   }
@@ -2991,7 +2993,7 @@ class Mi extends Lo {
       if (!n)
         return we;
       const { animation: r } = n;
-      hi(r, t);
+      hs(r, t);
     }
     return we;
   }
@@ -3018,15 +3020,15 @@ class Mi extends Lo {
     const { resolved: t } = this;
     if (!t)
       return;
-    const { animation: n, keyframes: r, duration: i, type: s, ease: o, times: l } = t;
+    const { animation: n, keyframes: r, duration: s, type: i, ease: o, times: l } = t;
     if (n.playState === "idle" || n.playState === "finished")
       return;
     if (this.time) {
       const { motionValue: u, onUpdate: c, onComplete: f, element: h, ...g } = this.options, x = new Lr({
         ...g,
         keyframes: r,
-        duration: i,
-        type: s,
+        duration: s,
+        type: i,
         ease: o,
         times: l,
         isGenerator: !0
@@ -3045,11 +3047,11 @@ class Mi extends Lo {
     t && t.animation.cancel();
   }
   static supports(t) {
-    const { motionValue: n, name: r, repeatDelay: i, repeatType: s, damping: o, type: l } = t;
+    const { motionValue: n, name: r, repeatDelay: s, repeatType: i, damping: o, type: l } = t;
     if (!n || !n.owner || !(n.owner.current instanceof HTMLElement))
       return !1;
     const { onUpdate: a, transformTemplate: u } = n.owner.getProps();
-    return du() && r && uu.has(r) && !a && !u && !i && s !== "mirror" && o !== 0 && l !== "inertia";
+    return du() && r && uu.has(r) && !a && !u && !s && i !== "mirror" && o !== 0 && l !== "inertia";
   }
 }
 const yu = {
@@ -3070,10 +3072,10 @@ const yu = {
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
 }, Tu = (e, { keyframes: t }) => t.length > 2 ? xu : Xe.has(e) ? e.startsWith("scale") ? vu(t[1]) : yu : bu;
-function wu({ when: e, delay: t, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: l, from: a, elapsed: u, ...c }) {
+function wu({ when: e, delay: t, delayChildren: n, staggerChildren: r, staggerDirection: s, repeat: i, repeatType: o, repeatDelay: l, from: a, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
-const kr = (e, t, n, r = {}, i, s) => (o) => {
+const kr = (e, t, n, r = {}, s, i) => (o) => {
   const l = br(r, e) || {}, a = l.delay || r.delay || 0;
   let { elapsed: u = 0 } = r;
   u = u - Me(a);
@@ -3091,33 +3093,33 @@ const kr = (e, t, n, r = {}, i, s) => (o) => {
     },
     name: e,
     motionValue: t,
-    element: s ? void 0 : i
+    element: i ? void 0 : s
   };
   wu(l) || (c = {
     ...c,
     ...Tu(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);
   let f = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (f = !0)), (nc.current || _s.skipAnimations) && (f = !0, c.duration = 0, c.delay = 0), f && !s && t.get() !== void 0) {
+  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (f = !0)), (nc.current || _i.skipAnimations) && (f = !0, c.duration = 0, c.delay = 0), f && !i && t.get() !== void 0) {
     const h = on(c.keyframes, l);
     if (h !== void 0)
       return J.update(() => {
         c.onUpdate(h), c.onComplete();
       }), new Nl([]);
   }
-  return !s && Mi.supports(c) ? new Mi(c) : new Lr(c);
+  return !i && Ms.supports(c) ? new Ms(c) : new Lr(c);
 };
 function Pu({ protectedKeys: e, needsAnimating: t }, n) {
   const r = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, r;
 }
-function $o(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
-  var s;
+function $o(e, t, { delay: n = 0, transitionOverride: r, type: s } = {}) {
+  var i;
   let { transition: o = e.getDefaultTransition(), transitionEnd: l, ...a } = t;
   r && (o = r);
-  const u = [], c = i && e.animationState && e.animationState.getState()[i];
+  const u = [], c = s && e.animationState && e.animationState.getState()[s];
   for (const f in a) {
-    const h = e.getValue(f, (s = e.latestValues[f]) !== null && s !== void 0 ? s : null), g = a[f];
+    const h = e.getValue(f, (i = e.latestValues[f]) !== null && i !== void 0 ? i : null), g = a[f];
     if (g === void 0 || c && Pu(c, f))
       continue;
     const x = {
@@ -3144,24 +3146,24 @@ function $o(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
 }
 function Wn(e, t, n = {}) {
   var r;
-  const i = jt(e, t, n.type === "exit" ? (r = e.presenceContext) === null || r === void 0 ? void 0 : r.custom : void 0);
-  let { transition: s = e.getDefaultTransition() || {} } = i || {};
-  n.transitionOverride && (s = n.transitionOverride);
-  const o = i ? () => Promise.all($o(e, i, n)) : () => Promise.resolve(), l = e.variantChildren && e.variantChildren.size ? (u = 0) => {
-    const { delayChildren: c = 0, staggerChildren: f, staggerDirection: h } = s;
+  const s = jt(e, t, n.type === "exit" ? (r = e.presenceContext) === null || r === void 0 ? void 0 : r.custom : void 0);
+  let { transition: i = e.getDefaultTransition() || {} } = s || {};
+  n.transitionOverride && (i = n.transitionOverride);
+  const o = s ? () => Promise.all($o(e, s, n)) : () => Promise.resolve(), l = e.variantChildren && e.variantChildren.size ? (u = 0) => {
+    const { delayChildren: c = 0, staggerChildren: f, staggerDirection: h } = i;
     return Su(e, t, c + u, f, h, n);
-  } : () => Promise.resolve(), { when: a } = s;
+  } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [u, c] = a === "beforeChildren" ? [o, l] : [l, o];
     return u().then(() => c());
   } else
     return Promise.all([o(), l(n.delay)]);
 }
-function Su(e, t, n = 0, r = 0, i = 1, s) {
-  const o = [], l = (e.variantChildren.size - 1) * r, a = i === 1 ? (u = 0) => u * r : (u = 0) => l - u * r;
+function Su(e, t, n = 0, r = 0, s = 1, i) {
+  const o = [], l = (e.variantChildren.size - 1) * r, a = s === 1 ? (u = 0) => u * r : (u = 0) => l - u * r;
   return Array.from(e.variantChildren).sort(Cu).forEach((u, c) => {
     u.notify("AnimationStart", t), o.push(Wn(u, t, {
-      ...s,
+      ...i,
       delay: n + a(c)
     }).then(() => u.notify("AnimationComplete", t)));
   }), Promise.all(o);
@@ -3173,13 +3175,13 @@ function Eu(e, t, n = {}) {
   e.notify("AnimationStart", t);
   let r;
   if (Array.isArray(t)) {
-    const i = t.map((s) => Wn(e, s, n));
-    r = Promise.all(i);
+    const s = t.map((i) => Wn(e, i, n));
+    r = Promise.all(s);
   } else if (typeof t == "string")
     r = Wn(e, t, n);
   else {
-    const i = typeof t == "function" ? jt(e, t, n.custom) : t;
-    r = Promise.all($o(e, i, n));
+    const s = typeof t == "function" ? jt(e, t, n.custom) : t;
+    r = Promise.all($o(e, s, n));
   }
   return r.then(() => {
     e.notify("AnimationComplete", t);
@@ -3206,8 +3208,8 @@ function Wo(e) {
   }
   const t = {};
   for (let n = 0; n < Ru; n++) {
-    const r = ar[n], i = e.props[r];
-    (Et(i) || i === !1) && (t[r] = i);
+    const r = ar[n], s = e.props[r];
+    (Et(s) || s === !1) && (t[r] = s);
   }
   return t;
 }
@@ -3216,8 +3218,8 @@ function Mu(e) {
   return (t) => Promise.all(t.map(({ animation: n, options: r }) => Eu(e, n, r)));
 }
 function Vu(e) {
-  let t = Mu(e), n = Vi(), r = !0;
-  const i = (a) => (u, c) => {
+  let t = Mu(e), n = Vs(), r = !0;
+  const s = (a) => (u, c) => {
     var f;
     const h = jt(e, c, a === "exit" ? (f = e.presenceContext) === null || f === void 0 ? void 0 : f.custom : void 0);
     if (h) {
@@ -3226,7 +3228,7 @@ function Vu(e) {
     }
     return u;
   };
-  function s(a) {
+  function i(a) {
     t = a(e);
   }
   function o(a) {
@@ -3241,7 +3243,7 @@ function Vu(e) {
       const B = Du(S.prevProp, C);
       let M = B || b === a && S.isActive && !A && V || P > x && V, H = !1;
       const F = Array.isArray(C) ? C : [C];
-      let ne = F.reduce(i(b), {});
+      let ne = F.reduce(s(b), {});
       p === !1 && (ne = {});
       const { prevResolvedValues: ge = {} } = S, oe = {
         ...ge,
@@ -3293,10 +3295,10 @@ function Vu(e) {
   return {
     animateChanges: o,
     setActive: l,
-    setAnimateFunction: s,
+    setAnimateFunction: i,
     getState: () => n,
     reset: () => {
-      n = Vi(), r = !0;
+      n = Vs(), r = !0;
     }
   };
 }
@@ -3311,7 +3313,7 @@ function ze(e = !1) {
     prevResolvedValues: {}
   };
 }
-function Vi() {
+function Vs() {
   return {
     animate: ze(!0),
     whileInView: ze(),
@@ -3360,8 +3362,8 @@ class ku extends Ue {
     const { isPresent: t, onExitComplete: n } = this.node.presenceContext, { isPresent: r } = this.node.prevPresenceContext || {};
     if (!this.node.animationState || t === r)
       return;
-    const i = this.node.animationState.setActive("exit", !t);
-    n && !t && i.then(() => {
+    const s = this.node.animationState.setActive("exit", !t);
+    n && !t && s.then(() => {
       n(this.id);
     });
   }
@@ -3422,37 +3424,37 @@ function be(e) {
 function zu(e, t, n) {
   return Math.abs(e - t) <= n;
 }
-function Di(e, t, n, r = 0.5) {
+function Ds(e, t, n, r = 0.5) {
   e.origin = r, e.originPoint = ee(t.min, t.max, e.origin), e.scale = be(n) / be(t), e.translate = ee(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Bu && e.scale <= $u || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Uu && e.translate <= Wu || isNaN(e.translate)) && (e.translate = 0);
 }
 function St(e, t, n, r) {
-  Di(e.x, t.x, n.x, r ? r.originX : void 0), Di(e.y, t.y, n.y, r ? r.originY : void 0);
+  Ds(e.x, t.x, n.x, r ? r.originX : void 0), Ds(e.y, t.y, n.y, r ? r.originY : void 0);
 }
-function Oi(e, t, n) {
+function Os(e, t, n) {
   e.min = n.min + t.min, e.max = e.min + be(t);
 }
 function Yu(e, t, n) {
-  Oi(e.x, t.x, n.x), Oi(e.y, t.y, n.y);
+  Os(e.x, t.x, n.x), Os(e.y, t.y, n.y);
 }
-function Li(e, t, n) {
+function Ls(e, t, n) {
   e.min = t.min - n.min, e.max = e.min + be(t);
 }
 function Ct(e, t, n) {
-  Li(e.x, t.x, n.x), Li(e.y, t.y, n.y);
+  Ls(e.x, t.x, n.x), Ls(e.y, t.y, n.y);
 }
-const ki = () => ({
+const ks = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
   originPoint: 0
 }), rt = () => ({
-  x: ki(),
-  y: ki()
-}), _i = () => ({ min: 0, max: 0 }), ie = () => ({
-  x: _i(),
-  y: _i()
+  x: ks(),
+  y: ks()
+}), _s = () => ({ min: 0, max: 0 }), se = () => ({
+  x: _s(),
+  y: _s()
 });
-function Re(e) {
+function Ae(e) {
   return [e("x"), e("y")];
 }
 function xn(e) {
@@ -3465,65 +3467,65 @@ function Ye(e) {
   return zn(e) || Go(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
 }
 function Go(e) {
-  return Ii(e.x) || Ii(e.y);
+  return Is(e.x) || Is(e.y);
 }
-function Ii(e) {
+function Is(e) {
   return e && e !== "0%";
 }
 function Jt(e, t, n) {
-  const r = e - n, i = t * r;
-  return n + i;
+  const r = e - n, s = t * r;
+  return n + s;
 }
-function Fi(e, t, n, r, i) {
-  return i !== void 0 && (e = Jt(e, i, r)), Jt(e, n, r) + t;
+function Fs(e, t, n, r, s) {
+  return s !== void 0 && (e = Jt(e, s, r)), Jt(e, n, r) + t;
 }
-function Yn(e, t = 0, n = 1, r, i) {
-  e.min = Fi(e.min, t, n, r, i), e.max = Fi(e.max, t, n, r, i);
+function Yn(e, t = 0, n = 1, r, s) {
+  e.min = Fs(e.min, t, n, r, s), e.max = Fs(e.max, t, n, r, s);
 }
 function qo(e, { x: t, y: n }) {
   Yn(e.x, t.translate, t.scale, t.originPoint), Yn(e.y, n.translate, n.scale, n.originPoint);
 }
-const Ni = 0.999999999999, Bi = 1.0000000000001;
+const Ns = 0.999999999999, Bs = 1.0000000000001;
 function Ku(e, t, n, r = !1) {
-  const i = n.length;
-  if (!i)
+  const s = n.length;
+  if (!s)
     return;
   t.x = t.y = 1;
-  let s, o;
-  for (let l = 0; l < i; l++) {
-    s = n[l], o = s.projectionDelta;
-    const { visualElement: a } = s.options;
-    a && a.props.style && a.props.style.display === "contents" || (r && s.options.layoutScroll && s.scroll && s !== s.root && st(e, {
-      x: -s.scroll.offset.x,
-      y: -s.scroll.offset.y
-    }), o && (t.x *= o.x.scale, t.y *= o.y.scale, qo(e, o)), r && Ye(s.latestValues) && st(e, s.latestValues));
+  let i, o;
+  for (let l = 0; l < s; l++) {
+    i = n[l], o = i.projectionDelta;
+    const { visualElement: a } = i.options;
+    a && a.props.style && a.props.style.display === "contents" || (r && i.options.layoutScroll && i.scroll && i !== i.root && it(e, {
+      x: -i.scroll.offset.x,
+      y: -i.scroll.offset.y
+    }), o && (t.x *= o.x.scale, t.y *= o.y.scale, qo(e, o)), r && Ye(i.latestValues) && it(e, i.latestValues));
   }
-  t.x < Bi && t.x > Ni && (t.x = 1), t.y < Bi && t.y > Ni && (t.y = 1);
+  t.x < Bs && t.x > Ns && (t.x = 1), t.y < Bs && t.y > Ns && (t.y = 1);
 }
-function it(e, t) {
+function st(e, t) {
   e.min = e.min + t, e.max = e.max + t;
 }
-function $i(e, t, n, r, i = 0.5) {
-  const s = ee(e.min, e.max, i);
-  Yn(e, t, n, s, r);
+function $s(e, t, n, r, s = 0.5) {
+  const i = ee(e.min, e.max, s);
+  Yn(e, t, n, i, r);
 }
-function st(e, t) {
-  $i(e.x, t.x, t.scaleX, t.scale, t.originX), $i(e.y, t.y, t.scaleY, t.scale, t.originY);
+function it(e, t) {
+  $s(e.x, t.x, t.scaleX, t.scale, t.originX), $s(e.y, t.y, t.scaleY, t.scale, t.originY);
 }
 function Ho(e, t) {
   return zo(Nu(e.getBoundingClientRect(), t));
 }
 function Gu(e, t, n) {
-  const r = Ho(e, n), { scroll: i } = t;
-  return i && (it(r.x, i.offset.x), it(r.y, i.offset.y)), r;
+  const r = Ho(e, n), { scroll: s } = t;
+  return s && (st(r.x, s.offset.x), st(r.y, s.offset.y)), r;
 }
-const Ui = (e, t) => Math.abs(e - t);
+const Us = (e, t) => Math.abs(e - t);
 function qu(e, t) {
-  const n = Ui(e.x, t.x), r = Ui(e.y, t.y);
+  const n = Us(e.x, t.x), r = Us(e.y, t.y);
   return Math.sqrt(n ** 2 + r ** 2);
 }
 class Xo {
-  constructor(t, n, { transformPagePoint: r, dragSnapToOrigin: i = !1 } = {}) {
+  constructor(t, n, { transformPagePoint: r, dragSnapToOrigin: s = !1 } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
@@ -3551,8 +3553,8 @@ class Xo {
       this.startEvent && h && h(c, y), g && g(c, y);
     }, !Pr(t))
       return;
-    this.dragSnapToOrigin = i, this.handlers = n, this.transformPagePoint = r;
-    const s = It(t), o = bn(s, this.transformPagePoint), { point: l } = o, { timestamp: a } = ue;
+    this.dragSnapToOrigin = s, this.handlers = n, this.transformPagePoint = r;
+    const i = It(t), o = bn(i, this.transformPagePoint), { point: l } = o, { timestamp: a } = ue;
     this.history = [{ ...l, timestamp: a }];
     const { onSessionStart: u } = n;
     u && u(t, Tn(o, this.history)), Ht(t, "set"), this.removeListeners = _t(nt(t.currentTarget, "pointermove", this.handlePointerMove), nt(t.currentTarget, "pointerup", this.handlePointerUp), nt(t.currentTarget, "pointercancel", this.handlePointerUp), nt(t.currentTarget, "lostpointercapture", this.handlePointerUp));
@@ -3567,14 +3569,14 @@ class Xo {
 function bn(e, t) {
   return t ? { point: t(e.point) } : e;
 }
-function Wi(e, t) {
+function Ws(e, t) {
   return { x: e.x - t.x, y: e.y - t.y };
 }
 function Tn({ point: e }, t) {
   return {
     point: e,
-    delta: Wi(e, Zo(t)),
-    offset: Wi(e, Hu(t)),
+    delta: Ws(e, Zo(t)),
+    offset: Ws(e, Hu(t)),
     velocity: Xu(t, 0.1)
   };
 }
@@ -3588,49 +3590,49 @@ function Xu(e, t) {
   if (e.length < 2)
     return { x: 0, y: 0 };
   let n = e.length - 1, r = null;
-  const i = Zo(e);
-  for (; n >= 0 && (r = e[n], !(i.timestamp - r.timestamp > Me(t))); )
+  const s = Zo(e);
+  for (; n >= 0 && (r = e[n], !(s.timestamp - r.timestamp > Me(t))); )
     n--;
   if (!r)
     return { x: 0, y: 0 };
-  const s = ke(i.timestamp - r.timestamp);
-  if (s === 0)
+  const i = ke(s.timestamp - r.timestamp);
+  if (i === 0)
     return { x: 0, y: 0 };
   const o = {
-    x: (i.x - r.x) / s,
-    y: (i.y - r.y) / s
+    x: (s.x - r.x) / i,
+    y: (s.y - r.y) / i
   };
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
 function Zu(e, { min: t, max: n }, r) {
   return t !== void 0 && e < t ? e = r ? ee(t, e, r.min) : Math.max(e, t) : n !== void 0 && e > n && (e = r ? ee(n, e, r.max) : Math.min(e, n)), e;
 }
-function zi(e, t, n) {
+function zs(e, t, n) {
   return {
     min: t !== void 0 ? e.min + t : void 0,
     max: n !== void 0 ? e.max + n - (e.max - e.min) : void 0
   };
 }
-function Ju(e, { top: t, left: n, bottom: r, right: i }) {
+function Ju(e, { top: t, left: n, bottom: r, right: s }) {
   return {
-    x: zi(e.x, n, i),
-    y: zi(e.y, t, r)
+    x: zs(e.x, n, s),
+    y: zs(e.y, t, r)
   };
 }
-function Yi(e, t) {
+function Ys(e, t) {
   let n = t.min - e.min, r = t.max - e.max;
   return t.max - t.min < e.max - e.min && ([n, r] = [r, n]), { min: n, max: r };
 }
 function Qu(e, t) {
   return {
-    x: Yi(e.x, t.x),
-    y: Yi(e.y, t.y)
+    x: Ys(e.x, t.x),
+    y: Ys(e.y, t.y)
   };
 }
 function ef(e, t) {
   let n = 0.5;
-  const r = be(e), i = be(t);
-  return i > r ? n = ot(t.min, t.max - r, e.min) : r > i && (n = ot(e.min, e.max - i, t.min)), _e(0, 1, n);
+  const r = be(e), s = be(t);
+  return s > r ? n = ot(t.min, t.max - r, e.min) : r > s && (n = ot(e.min, e.max - s, t.min)), _e(0, 1, n);
 }
 function tf(e, t) {
   const n = {};
@@ -3639,36 +3641,36 @@ function tf(e, t) {
 const Kn = 0.35;
 function nf(e = Kn) {
   return e === !1 ? e = 0 : e === !0 && (e = Kn), {
-    x: Ki(e, "left", "right"),
-    y: Ki(e, "top", "bottom")
+    x: Ks(e, "left", "right"),
+    y: Ks(e, "top", "bottom")
   };
 }
-function Ki(e, t, n) {
+function Ks(e, t, n) {
   return {
-    min: Gi(e, t),
-    max: Gi(e, n)
+    min: Gs(e, t),
+    max: Gs(e, n)
   };
 }
-function Gi(e, t) {
+function Gs(e, t) {
   return typeof e == "number" ? e : e[t] || 0;
 }
 const rf = /* @__PURE__ */ new WeakMap();
 class sf {
   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 = ie(), 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 = se(), this.visualElement = t;
   }
   start(t, { snapToCursor: n = !1 } = {}) {
     const { presenceContext: r } = this.visualElement;
     if (r && r.isPresent === !1)
       return;
-    const i = (c) => {
+    const s = (c) => {
       const { dragSnapToOrigin: f } = this.getProps();
       f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(It(c).point);
-    }, s = (c, f) => {
+    }, i = (c, f) => {
       const { drag: h, dragPropagation: g, onDragStart: x } = this.getProps();
       if (h && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = Hl(h), !this.openDragLock))
         return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Re((P) => {
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Ae((P) => {
         let b = this.getAxisMotionValue(P).get() || 0;
         if (Ve.test(b)) {
           const { projection: S } = this.visualElement;
@@ -3691,13 +3693,13 @@ class sf {
         return;
       }
       this.updateAxis("x", f.point, P), this.updateAxis("y", f.point, P), this.visualElement.render(), y && y(c, f);
-    }, l = (c, f) => this.stop(c, f), a = () => Re((c) => {
+    }, l = (c, f) => this.stop(c, f), a = () => Ae((c) => {
       var f;
       return this.getAnimationState(c) === "paused" && ((f = this.getAxisMotionValue(c).animation) === null || f === void 0 ? void 0 : f.play());
     }), { dragSnapToOrigin: u } = this.getProps();
     this.panSession = new Xo(t, {
-      onSessionStart: i,
-      onStart: s,
+      onSessionStart: s,
+      onStart: i,
       onMove: o,
       onSessionEnd: l,
       resumeAnimation: a
@@ -3710,10 +3712,10 @@ class sf {
     const r = this.isDragging;
     if (this.cancel(), !r)
       return;
-    const { velocity: i } = n;
-    this.startAnimation(i);
-    const { onDragEnd: s } = this.getProps();
-    s && J.postRender(() => s(t, n));
+    const { velocity: s } = n;
+    this.startAnimation(s);
+    const { onDragEnd: i } = this.getProps();
+    i && J.postRender(() => i(t, n));
   }
   cancel() {
     this.isDragging = !1;
@@ -3723,18 +3725,18 @@ class sf {
     !r && this.openDragLock && (this.openDragLock(), this.openDragLock = null), n && n.setActive("whileDrag", !1);
   }
   updateAxis(t, n, r) {
-    const { drag: i } = this.getProps();
-    if (!r || !Wt(t, i, this.currentDirection))
+    const { drag: s } = this.getProps();
+    if (!r || !Wt(t, s, this.currentDirection))
       return;
-    const s = this.getAxisMotionValue(t);
+    const i = this.getAxisMotionValue(t);
     let o = this.originPoint[t] + r[t];
-    this.constraints && this.constraints[t] && (o = Zu(o, this.constraints[t], this.elastic[t])), s.set(o);
+    this.constraints && this.constraints[t] && (o = Zu(o, this.constraints[t], this.elastic[t])), i.set(o);
   }
   resolveConstraints() {
     var t;
-    const { dragConstraints: n, dragElastic: r } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, s = this.constraints;
-    n && et(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = Ju(i.layoutBox, n) : this.constraints = !1, this.elastic = nf(r), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && Re((o) => {
-      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = tf(i.layoutBox[o], this.constraints[o]));
+    const { dragConstraints: n, dragElastic: r } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, i = this.constraints;
+    n && et(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && s ? this.constraints = Ju(s.layoutBox, n) : this.constraints = !1, this.elastic = nf(r), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && Ae((o) => {
+      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = tf(s.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
@@ -3743,11 +3745,11 @@ class sf {
       return !1;
     const r = t.current;
     Ne(r !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
-    const { projection: i } = this.visualElement;
-    if (!i || !i.layout)
+    const { projection: s } = this.visualElement;
+    if (!s || !s.layout)
       return !1;
-    const s = Gu(r, i.root, this.visualElement.getTransformPagePoint());
-    let o = Qu(i.layout.layoutBox, s);
+    const i = Gu(r, s.root, this.visualElement.getTransformPagePoint());
+    let o = Qu(s.layout.layoutBox, i);
     if (n) {
       const l = n(Fu(o));
       this.hasMutatedConstraints = !!l, l && (o = zo(l));
@@ -3755,12 +3757,12 @@ class sf {
     return o;
   }
   startAnimation(t) {
-    const { drag: n, dragMomentum: r, dragElastic: i, dragTransition: s, dragSnapToOrigin: o, onDragTransitionEnd: l } = this.getProps(), a = this.constraints || {}, u = Re((c) => {
+    const { drag: n, dragMomentum: r, dragElastic: s, dragTransition: i, dragSnapToOrigin: o, onDragTransitionEnd: l } = this.getProps(), a = this.constraints || {}, u = Ae((c) => {
       if (!Wt(c, n, this.currentDirection))
         return;
       let f = a && a[c] || {};
       o && (f = { min: 0, max: 0 });
-      const h = i ? 200 : 1e6, g = i ? 40 : 1e7, x = {
+      const h = s ? 200 : 1e6, g = s ? 40 : 1e7, x = {
         type: "inertia",
         velocity: r ? t[c] : 0,
         bounceStiffness: h,
@@ -3768,7 +3770,7 @@ class sf {
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10,
-        ...s,
+        ...i,
         ...f
       };
       return this.startAxisValueAnimation(c, x);
@@ -3780,10 +3782,10 @@ class sf {
     return _n(this.visualElement, t), r.start(kr(t, r, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    Re((t) => this.getAxisMotionValue(t).stop());
+    Ae((t) => this.getAxisMotionValue(t).stop());
   }
   pauseAnimation() {
-    Re((t) => {
+    Ae((t) => {
       var n;
       return (n = this.getAxisMotionValue(t).animation) === null || n === void 0 ? void 0 : n.pause();
     });
@@ -3793,18 +3795,18 @@ class sf {
     return (n = this.getAxisMotionValue(t).animation) === null || n === void 0 ? void 0 : n.state;
   }
   getAxisMotionValue(t) {
-    const n = `_drag${t.toUpperCase()}`, r = this.visualElement.getProps(), i = r[n];
-    return i || this.visualElement.getValue(t, (r.initial ? r.initial[t] : void 0) || 0);
+    const n = `_drag${t.toUpperCase()}`, r = this.visualElement.getProps(), s = r[n];
+    return s || this.visualElement.getValue(t, (r.initial ? r.initial[t] : void 0) || 0);
   }
   snapToCursor(t) {
-    Re((n) => {
+    Ae((n) => {
       const { drag: r } = this.getProps();
       if (!Wt(n, r, this.currentDirection))
         return;
-      const { projection: i } = this.visualElement, s = this.getAxisMotionValue(n);
-      if (i && i.layout) {
-        const { min: o, max: l } = i.layout.layoutBox[n];
-        s.set(t[n] - ee(o, l, 0.5));
+      const { projection: s } = this.visualElement, i = this.getAxisMotionValue(n);
+      if (s && s.layout) {
+        const { min: o, max: l } = s.layout.layoutBox[n];
+        i.set(t[n] - ee(o, l, 0.5));
       }
     });
   }
@@ -3815,20 +3817,20 @@ class sf {
     if (!et(n) || !r || !this.constraints)
       return;
     this.stopAnimation();
-    const i = { x: 0, y: 0 };
-    Re((o) => {
+    const s = { x: 0, y: 0 };
+    Ae((o) => {
       const l = this.getAxisMotionValue(o);
       if (l && this.constraints !== !1) {
         const a = l.get();
-        i[o] = ef({ min: a, max: a }, this.constraints[o]);
+        s[o] = ef({ min: a, max: a }, this.constraints[o]);
       }
     });
-    const { transformTemplate: s } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Re((o) => {
+    const { transformTemplate: i } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = i ? i({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Ae((o) => {
       if (!Wt(o, t, null))
         return;
       const l = this.getAxisMotionValue(o), { min: a, max: u } = this.constraints[o];
-      l.set(ee(a, u, i[o]));
+      l.set(ee(a, u, s[o]));
     });
   }
   addListeners() {
@@ -3841,26 +3843,26 @@ class sf {
     }), r = () => {
       const { dragConstraints: a } = this.getProps();
       et(a) && a.current && (this.constraints = this.resolveRefConstraints());
-    }, { projection: i } = this.visualElement, s = i.addEventListener("measure", r);
-    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), J.read(r);
-    const o = Dt(window, "resize", () => this.scalePositionWithinConstraints()), l = i.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: u }) => {
-      this.isDragging && u && (Re((c) => {
+    }, { projection: s } = this.visualElement, i = s.addEventListener("measure", r);
+    s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), J.read(r);
+    const o = Dt(window, "resize", () => this.scalePositionWithinConstraints()), l = s.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: u }) => {
+      this.isDragging && u && (Ae((c) => {
         const f = this.getAxisMotionValue(c);
         f && (this.originPoint[c] += a[c].translate, f.set(f.get() + a[c].translate));
       }), this.visualElement.render());
     });
     return () => {
-      o(), n(), s(), l && l();
+      o(), n(), i(), l && l();
     };
   }
   getProps() {
-    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: r = !1, dragPropagation: i = !1, dragConstraints: s = !1, dragElastic: o = Kn, dragMomentum: l = !0 } = t;
+    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: r = !1, dragPropagation: s = !1, dragConstraints: i = !1, dragElastic: o = Kn, dragMomentum: l = !0 } = t;
     return {
       ...t,
       drag: n,
       dragDirectionLock: r,
-      dragPropagation: i,
-      dragConstraints: s,
+      dragPropagation: s,
+      dragConstraints: i,
       dragElastic: o,
       dragMomentum: l
     };
@@ -3885,7 +3887,7 @@ class af extends Ue {
     this.removeGroupControls(), this.removeListeners();
   }
 }
-const qi = (e) => (t, n) => {
+const qs = (e) => (t, n) => {
   e && J.postRender(() => e(t, n));
 };
 class lf extends Ue {
@@ -3898,13 +3900,13 @@ class lf extends Ue {
     });
   }
   createPanHandlers() {
-    const { onPanSessionStart: t, onPanStart: n, onPan: r, onPanEnd: i } = this.node.getProps();
+    const { onPanSessionStart: t, onPanStart: n, onPan: r, onPanEnd: s } = this.node.getProps();
     return {
-      onSessionStart: qi(t),
-      onStart: qi(n),
+      onSessionStart: qs(t),
+      onStart: qs(n),
       onMove: r,
-      onEnd: (s, o) => {
-        delete this.session, i && J.postRender(() => i(s, o));
+      onEnd: (i, o) => {
+        delete this.session, s && J.postRender(() => s(i, o));
       }
     };
   }
@@ -3922,7 +3924,7 @@ const Kt = {
   hasAnimatedSinceResize: !0,
   hasEverUpdated: !1
 };
-function Hi(e, t) {
+function Hs(e, t) {
   return t.max === t.min ? 0 : e / (t.max - t.min) * 100;
 }
 const yt = {
@@ -3934,33 +3936,33 @@ const yt = {
         e = parseFloat(e);
       else
         return e;
-    const n = Hi(e, t.target.x), r = Hi(e, t.target.y);
+    const n = Hs(e, t.target.x), r = Hs(e, t.target.y);
     return `${n}% ${r}%`;
   }
 }, cf = {
   correct: (e, { treeScale: t, projectionDelta: n }) => {
-    const r = e, i = $e.parse(e);
-    if (i.length > 5)
+    const r = e, s = $e.parse(e);
+    if (s.length > 5)
       return r;
-    const s = $e.createTransformer(e), o = typeof i[0] != "number" ? 1 : 0, l = n.x.scale * t.x, a = n.y.scale * t.y;
-    i[0 + o] /= l, i[1 + o] /= a;
+    const i = $e.createTransformer(e), o = typeof s[0] != "number" ? 1 : 0, l = n.x.scale * t.x, a = n.y.scale * t.y;
+    s[0 + o] /= l, s[1 + o] /= a;
     const u = ee(l, a, 0.5);
-    return typeof i[2 + o] == "number" && (i[2 + o] /= u), typeof i[3 + o] == "number" && (i[3 + o] /= u), s(i);
+    return typeof s[2 + o] == "number" && (s[2 + o] /= u), typeof s[3 + o] == "number" && (s[3 + o] /= u), i(s);
   }
 };
 class uf extends Fa {
   componentDidMount() {
-    const { visualElement: t, layoutGroup: n, switchLayoutGroup: r, layoutId: i } = this.props, { projection: s } = t;
-    dl(ff), s && (n.group && n.group.add(s), r && r.register && i && r.register(s), s.root.didUpdate(), s.addEventListener("animationComplete", () => {
+    const { visualElement: t, layoutGroup: n, switchLayoutGroup: r, layoutId: s } = this.props, { projection: i } = t;
+    dl(ff), i && (n.group && n.group.add(i), r && r.register && s && r.register(i), i.root.didUpdate(), i.addEventListener("animationComplete", () => {
       this.safeToRemove();
-    }), s.setOptions({
-      ...s.options,
+    }), i.setOptions({
+      ...i.options,
       onExitComplete: () => this.safeToRemove()
     })), Kt.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(t) {
-    const { layoutDependency: n, visualElement: r, drag: i, isPresent: s } = this.props, o = r.projection;
-    return o && (o.isPresent = s, i || t.layoutDependency !== n || n === void 0 ? o.willUpdate() : this.safeToRemove(), t.isPresent !== s && (s ? o.promote() : o.relegate() || J.postRender(() => {
+    const { layoutDependency: n, visualElement: r, drag: s, isPresent: i } = this.props, o = r.projection;
+    return o && (o.isPresent = i, s || t.layoutDependency !== n || n === void 0 ? o.willUpdate() : this.safeToRemove(), t.isPresent !== i && (i ? o.promote() : o.relegate() || J.postRender(() => {
       const l = o.getStack();
       (!l || !l.members.length) && this.safeToRemove();
     }))), null;
@@ -3972,8 +3974,8 @@ class uf extends Fa {
     }));
   }
   componentWillUnmount() {
-    const { visualElement: t, layoutGroup: n, switchLayoutGroup: r } = this.props, { projection: i } = t;
-    i && (i.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(i), r && r.deregister && r.deregister(i));
+    const { visualElement: t, layoutGroup: n, switchLayoutGroup: r } = this.props, { projection: s } = t;
+    s && (s.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(s), r && r.deregister && r.deregister(s));
   }
   safeToRemove() {
     const { safeToRemove: t } = this.props;
@@ -3984,8 +3986,8 @@ class uf extends Fa {
   }
 }
 function Jo(e) {
-  const [t, n] = Os(), r = pe(tr);
-  return m.exports.jsx(uf, { ...e, layoutGroup: r, switchLayoutGroup: pe(Us), isPresent: t, safeToRemove: n });
+  const [t, n] = Oi(), r = pe(tr);
+  return m.exports.jsx(uf, { ...e, layoutGroup: r, switchLayoutGroup: pe(Ui), isPresent: t, safeToRemove: n });
 }
 const ff = {
   borderRadius: {
@@ -4026,82 +4028,82 @@ class mf {
   }
 }
 function gf(e, t) {
-  const n = De.now(), r = ({ timestamp: i }) => {
-    const s = i - n;
-    s >= t && (Be(r), e(s - t));
+  const n = De.now(), r = ({ timestamp: s }) => {
+    const i = s - n;
+    i >= t && (Be(r), e(i - t));
   };
   return J.read(r, !0), () => Be(r);
 }
-const Qo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], yf = Qo.length, Xi = (e) => typeof e == "string" ? parseFloat(e) : e, Zi = (e) => typeof e == "number" || L.test(e);
-function vf(e, t, n, r, i, s) {
-  i ? (e.opacity = ee(
+const Qo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], yf = Qo.length, Xs = (e) => typeof e == "string" ? parseFloat(e) : e, Zs = (e) => typeof e == "number" || L.test(e);
+function vf(e, t, n, r, s, i) {
+  s ? (e.opacity = ee(
     0,
     n.opacity !== void 0 ? n.opacity : 1,
     xf(r)
-  ), e.opacityExit = ee(t.opacity !== void 0 ? t.opacity : 1, 0, bf(r))) : s && (e.opacity = ee(t.opacity !== void 0 ? t.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, r));
+  ), e.opacityExit = ee(t.opacity !== void 0 ? t.opacity : 1, 0, bf(r))) : i && (e.opacity = ee(t.opacity !== void 0 ? t.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, r));
   for (let o = 0; o < yf; o++) {
     const l = `border${Qo[o]}Radius`;
-    let a = Ji(t, l), u = Ji(n, l);
+    let a = Js(t, l), u = Js(n, l);
     if (a === void 0 && u === void 0)
       continue;
-    a || (a = 0), u || (u = 0), a === 0 || u === 0 || Zi(a) === Zi(u) ? (e[l] = Math.max(ee(Xi(a), Xi(u), r), 0), (Ve.test(u) || Ve.test(a)) && (e[l] += "%")) : e[l] = u;
+    a || (a = 0), u || (u = 0), a === 0 || u === 0 || Zs(a) === Zs(u) ? (e[l] = Math.max(ee(Xs(a), Xs(u), r), 0), (Ve.test(u) || Ve.test(a)) && (e[l] += "%")) : e[l] = u;
   }
   (t.rotate || n.rotate) && (e.rotate = ee(t.rotate || 0, n.rotate || 0, r));
 }
-function Ji(e, t) {
+function Js(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
 const xf = /* @__PURE__ */ ea(0, 0.5, vo), bf = /* @__PURE__ */ ea(0.5, 0.95, we);
 function ea(e, t, n) {
   return (r) => r < e ? 0 : r > t ? 1 : n(ot(e, t, r));
 }
-function Qi(e, t) {
+function Qs(e, t) {
   e.min = t.min, e.max = t.max;
 }
-function Ee(e, t) {
-  Qi(e.x, t.x), Qi(e.y, t.y);
+function Re(e, t) {
+  Qs(e.x, t.x), Qs(e.y, t.y);
 }
-function es(e, t) {
+function ei(e, t) {
   e.translate = t.translate, e.scale = t.scale, e.originPoint = t.originPoint, e.origin = t.origin;
 }
-function ts(e, t, n, r, i) {
-  return e -= t, e = Jt(e, 1 / n, r), i !== void 0 && (e = Jt(e, 1 / i, r)), e;
+function ti(e, t, n, r, s) {
+  return e -= t, e = Jt(e, 1 / n, r), s !== void 0 && (e = Jt(e, 1 / s, r)), e;
 }
-function Tf(e, t = 0, n = 1, r = 0.5, i, s = e, o = e) {
+function Tf(e, t = 0, n = 1, r = 0.5, s, i = e, o = e) {
   if (Ve.test(t) && (t = parseFloat(t), t = ee(o.min, o.max, t / 100) - o.min), typeof t != "number")
     return;
-  let l = ee(s.min, s.max, r);
-  e === s && (l -= t), e.min = ts(e.min, t, n, l, i), e.max = ts(e.max, t, n, l, i);
+  let l = ee(i.min, i.max, r);
+  e === i && (l -= t), e.min = ti(e.min, t, n, l, s), e.max = ti(e.max, t, n, l, s);
 }
-function ns(e, t, [n, r, i], s, o) {
-  Tf(e, t[n], t[r], t[i], t.scale, s, o);
+function ni(e, t, [n, r, s], i, o) {
+  Tf(e, t[n], t[r], t[s], t.scale, i, o);
 }
 const wf = ["x", "scaleX", "originX"], Pf = ["y", "scaleY", "originY"];
-function rs(e, t, n, r) {
-  ns(e.x, t, wf, n ? n.x : void 0, r ? r.x : void 0), ns(e.y, t, Pf, n ? n.y : void 0, r ? r.y : void 0);
+function ri(e, t, n, r) {
+  ni(e.x, t, wf, n ? n.x : void 0, r ? r.x : void 0), ni(e.y, t, Pf, n ? n.y : void 0, r ? r.y : void 0);
 }
-function is(e) {
+function si(e) {
   return e.translate === 0 && e.scale === 1;
 }
 function ta(e) {
-  return is(e.x) && is(e.y);
+  return si(e.x) && si(e.y);
 }
-function ss(e, t) {
+function ii(e, t) {
   return e.min === t.min && e.max === t.max;
 }
 function Sf(e, t) {
-  return ss(e.x, t.x) && ss(e.y, t.y);
+  return ii(e.x, t.x) && ii(e.y, t.y);
 }
-function os(e, t) {
+function oi(e, t) {
   return Math.round(e.min) === Math.round(t.min) && Math.round(e.max) === Math.round(t.max);
 }
 function na(e, t) {
-  return os(e.x, t.x) && os(e.y, t.y);
+  return oi(e.x, t.x) && oi(e.y, t.y);
 }
-function as(e) {
+function ai(e) {
   return be(e.x) / be(e.y);
 }
-function ls(e, t) {
+function li(e, t) {
   return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
 }
 class Cf {
@@ -4118,14 +4120,14 @@ class Cf {
     }
   }
   relegate(t) {
-    const n = this.members.findIndex((i) => t === i);
+    const n = this.members.findIndex((s) => t === s);
     if (n === 0)
       return !1;
     let r;
-    for (let i = n; i >= 0; i--) {
-      const s = this.members[i];
-      if (s.isPresent !== !1) {
-        r = s;
+    for (let s = n; s >= 0; s--) {
+      const i = this.members[s];
+      if (i.isPresent !== !1) {
+        r = i;
         break;
       }
     }
@@ -4135,8 +4137,8 @@ class Cf {
     const r = this.lead;
     if (t !== r && (this.prevLead = r, this.lead = t, t.show(), r)) {
       r.instance && r.scheduleRender(), t.scheduleRender(), t.resumeFrom = r, n && (t.resumeFrom.preserveOpacity = !0), r.snapshot && (t.snapshot = r.snapshot, t.snapshot.latestValues = r.animationValues || r.latestValues), t.root && t.root.isUpdating && (t.isLayoutDirty = !0);
-      const { crossfade: i } = t.options;
-      i === !1 && r.hide();
+      const { crossfade: s } = t.options;
+      s === !1 && r.hide();
     }
   }
   exitAnimationComplete() {
@@ -4156,8 +4158,8 @@ class Cf {
 }
 function Ef(e, t, n) {
   let r = "";
-  const i = e.x.translate / t.x, s = e.y.translate / t.y, o = (n == null ? void 0 : n.z) || 0;
-  if ((i || s || o) && (r = `translate3d(${i}px, ${s}px, ${o}px) `), (t.x !== 1 || t.y !== 1) && (r += `scale(${1 / t.x}, ${1 / t.y}) `), n) {
+  const s = e.x.translate / t.x, i = e.y.translate / t.y, o = (n == null ? void 0 : n.z) || 0;
+  if ((s || i || o) && (r = `translate3d(${s}px, ${i}px, ${o}px) `), (t.x !== 1 || t.y !== 1) && (r += `scale(${1 / t.x}, ${1 / t.y}) `), n) {
     const { transformPerspective: u, rotate: c, rotateX: f, rotateY: h, skewX: g, skewY: x } = n;
     u && (r = `perspective(${u}px) ${r}`), c && (r += `rotate(${c}deg) `), f && (r += `rotateX(${f}deg) `), h && (r += `rotateY(${h}deg) `), g && (r += `skewX(${g}deg) `), x && (r += `skewY(${x}deg) `);
   }
@@ -4168,11 +4170,11 @@ const Ke = {
   nodes: 0,
   calculatedTargetDeltas: 0,
   calculatedProjections: 0
-}, wn = ["", "X", "Y", "Z"], Rf = { visibility: "hidden" }, cs = 1e3;
+}, wn = ["", "X", "Y", "Z"], Rf = { visibility: "hidden" }, ci = 1e3;
 let Af = 0;
 function Pn(e, t, n, r) {
-  const { latestValues: i } = t;
-  i[e] && (n[e] = i[e], t.setStaticValue(e, 0), r && (r[e] = 0));
+  const { latestValues: s } = t;
+  s[e] && (n[e] = s[e], t.setStaticValue(e, 0), r && (r[e] = 0));
 }
 function ra(e) {
   if (e.hasCheckedOptimisedAppear = !0, e.root === e)
@@ -4182,13 +4184,13 @@ function ra(e) {
     return;
   const n = uo(t);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
-    const { layout: i, layoutId: s } = e.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", J, !(i || s));
+    const { layout: s, layoutId: i } = e.options;
+    window.MotionCancelOptimisedAnimation(n, "transform", J, !(s || i));
   }
   const { parent: r } = e;
   r && !r.hasCheckedOptimisedAppear && ra(r);
 }
-function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: r, resetTransform: i }) {
+function sa({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: r, resetTransform: s }) {
   return class {
     constructor(o = {}, l = t == null ? void 0 : t()) {
       this.id = Af++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
@@ -4219,7 +4221,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         let f;
         const h = () => this.root.updateBlockedByResize = !1;
         e(o, () => {
-          this.root.updateBlockedByResize = !0, f && f(), f = gf(h, 250), Kt.hasAnimatedSinceResize && (Kt.hasAnimatedSinceResize = !1, this.nodes.forEach(fs));
+          this.root.updateBlockedByResize = !0, f && f(), f = gf(h, 250), Kt.hasAnimatedSinceResize && (Kt.hasAnimatedSinceResize = !1, this.nodes.forEach(fi));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || u) && this.addEventListener("didUpdate", ({ delta: f, hasLayoutChanged: h, hasRelativeLayoutChanged: g, layout: x }) => {
@@ -4237,7 +4239,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           };
           (c.shouldReduceMotion || this.options.layoutRoot) && (V.delay = 0, V.type = !1), this.startAnimation(V);
         } else
-          h || fs(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+          h || fi(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = x;
       });
     }
@@ -4285,7 +4287,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(us);
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(ui);
         return;
       }
       this.isUpdating || this.nodes.forEach(Lf), this.isUpdating = !1, this.nodes.forEach(kf), this.nodes.forEach(jf), this.nodes.forEach(Mf), this.clearAllSnapshots();
@@ -4316,7 +4318,7 @@ function ia({ 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 = ie(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = se(), 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);
     }
@@ -4334,10 +4336,10 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
     }
     resetTransform() {
-      if (!i)
+      if (!s)
         return;
       const o = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, l = this.projectionDelta && !ta(this.projectionDelta), a = this.getTransformTemplate(), u = a ? a(this.latestValues, "") : void 0, c = u !== this.prevTransformTemplateValue;
-      o && (l || Ye(this.latestValues) || c) && (i(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
+      o && (l || Ye(this.latestValues) || c) && (s(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(o = !0) {
       const l = this.measurePageBox();
@@ -4354,49 +4356,49 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       var o;
       const { visualElement: l } = this.options;
       if (!l)
-        return ie();
+        return se();
       const a = l.measureViewportBox();
       if (!(((o = this.scroll) === null || o === void 0 ? void 0 : o.wasRoot) || this.path.some(zf))) {
         const { scroll: c } = this.root;
-        c && (it(a.x, c.offset.x), it(a.y, c.offset.y));
+        c && (st(a.x, c.offset.x), st(a.y, c.offset.y));
       }
       return a;
     }
     removeElementScroll(o) {
       var l;
-      const a = ie();
-      if (Ee(a, o), !((l = this.scroll) === null || l === void 0) && l.wasRoot)
+      const a = se();
+      if (Re(a, o), !((l = this.scroll) === null || l === void 0) && l.wasRoot)
         return a;
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u], { scroll: f, options: h } = c;
-        c !== this.root && f && h.layoutScroll && (f.wasRoot && Ee(a, o), it(a.x, f.offset.x), it(a.y, f.offset.y));
+        c !== this.root && f && h.layoutScroll && (f.wasRoot && Re(a, o), st(a.x, f.offset.x), st(a.y, f.offset.y));
       }
       return a;
     }
     applyTransform(o, l = !1) {
-      const a = ie();
-      Ee(a, o);
+      const a = se();
+      Re(a, o);
       for (let u = 0; u < this.path.length; u++) {
         const c = this.path[u];
-        !l && c.options.layoutScroll && c.scroll && c !== c.root && st(a, {
+        !l && c.options.layoutScroll && c.scroll && c !== c.root && it(a, {
           x: -c.scroll.offset.x,
           y: -c.scroll.offset.y
-        }), Ye(c.latestValues) && st(a, c.latestValues);
+        }), Ye(c.latestValues) && it(a, c.latestValues);
       }
-      return Ye(this.latestValues) && st(a, this.latestValues), a;
+      return Ye(this.latestValues) && it(a, this.latestValues), a;
     }
     removeTransform(o) {
-      const l = ie();
-      Ee(l, o);
+      const l = se();
+      Re(l, o);
       for (let a = 0; a < this.path.length; a++) {
         const u = this.path[a];
         if (!u.instance || !Ye(u.latestValues))
           continue;
         zn(u.latestValues) && u.updateSnapshot();
-        const c = ie(), f = u.measurePageBox();
-        Ee(c, f), rs(l, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
+        const c = se(), f = u.measurePageBox();
+        Re(c, f), ri(l, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, c);
       }
-      return Ye(this.latestValues) && rs(l, this.latestValues), l;
+      return Ye(this.latestValues) && ri(l, this.latestValues), l;
     }
     setTargetDelta(o) {
       this.targetDelta = o, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -4425,13 +4427,13 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!this.layout || !(f || h))) {
         if (this.resolvedRelativeTargetAt = ue.timestamp, !this.targetDelta && !this.relativeTarget) {
           const g = this.getClosestProjectingParent();
-          g && g.layout && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ie(), this.relativeTargetOrigin = ie(), Ct(this.relativeTargetOrigin, this.layout.layoutBox, g.layout.layoutBox), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          g && g.layout && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = se(), this.relativeTargetOrigin = se(), Ct(this.relativeTargetOrigin, this.layout.layoutBox, g.layout.layoutBox), Re(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = ie(), this.targetWithTransforms = ie()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Yu(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : Ee(this.target, this.layout.layoutBox), qo(this.target, this.targetDelta)) : Ee(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = se(), this.targetWithTransforms = se()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Yu(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (Boolean(this.resumingFrom) ? this.target = this.applyTransform(this.layout.layoutBox) : Re(this.target, this.layout.layoutBox), qo(this.target, this.targetDelta)) : Re(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const g = this.getClosestProjectingParent();
-            g && Boolean(g.resumingFrom) === Boolean(this.resumingFrom) && !g.options.layoutScroll && g.target && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ie(), this.relativeTargetOrigin = ie(), Ct(this.relativeTargetOrigin, this.target, g.target), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            g && Boolean(g.resumingFrom) === Boolean(this.resumingFrom) && !g.options.layoutScroll && g.target && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = se(), this.relativeTargetOrigin = se(), Ct(this.relativeTargetOrigin, this.target, g.target), Re(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           Fe.value && Ke.calculatedTargetDeltas++;
         }
@@ -4453,15 +4455,15 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       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;
-      Ee(this.layoutCorrected, this.layout.layoutBox);
+      Re(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, g = this.treeScale.y;
-      Ku(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 = ie());
+      Ku(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());
       const { target: x } = l;
       if (!x) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (es(this.prevProjectionDelta.x, this.projectionDelta.x), es(this.prevProjectionDelta.y, this.projectionDelta.y)), St(this.projectionDelta, this.layoutCorrected, x, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== g || !ls(this.projectionDelta.x, this.prevProjectionDelta.x) || !ls(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", x)), Fe.value && Ke.calculatedProjections++;
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (ei(this.prevProjectionDelta.x, this.projectionDelta.x), ei(this.prevProjectionDelta.y, this.projectionDelta.y)), St(this.projectionDelta, this.layoutCorrected, x, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== g || !li(this.projectionDelta.x, this.prevProjectionDelta.x) || !li(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", x)), Fe.value && Ke.calculatedProjections++;
     }
     hide() {
       this.isVisible = !1;
@@ -4483,17 +4485,17 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(o, l = !1) {
       const a = this.snapshot, u = a ? a.latestValues : {}, c = { ...this.latestValues }, f = rt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !l;
-      const h = ie(), g = a ? a.source : void 0, x = this.layout ? this.layout.source : void 0, y = g !== x, P = this.getStack(), b = !P || P.members.length <= 1, S = Boolean(y && !b && this.options.crossfade === !0 && !this.path.some($f));
+      const h = se(), g = a ? a.source : void 0, x = this.layout ? this.layout.source : void 0, y = g !== x, P = this.getStack(), b = !P || P.members.length <= 1, S = Boolean(y && !b && this.options.crossfade === !0 && !this.path.some($f));
       this.animationProgress = 0;
       let C;
       this.mixTargetDelta = (V) => {
         const p = V / 1e3;
-        ds(f.x, o.x, p), ds(f.y, o.y, p), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ct(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Bf(this.relativeTarget, this.relativeTargetOrigin, h, p), C && Sf(this.relativeTarget, C) && (this.isProjectionDirty = !1), C || (C = ie()), Ee(C, this.relativeTarget)), y && (this.animationValues = c, vf(c, u, this.latestValues, p, S, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = p;
+        di(f.x, o.x, p), di(f.y, o.y, p), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ct(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Bf(this.relativeTarget, this.relativeTargetOrigin, h, p), C && Sf(this.relativeTarget, C) && (this.isProjectionDirty = !1), C || (C = se()), Re(C, this.relativeTarget)), y && (this.animationValues = c, vf(c, u, this.latestValues, p, S, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = p;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
       this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (Be(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = J.update(() => {
-        Kt.hasAnimatedSinceResize = !0, wt.layout++, this.currentAnimation = df(0, cs, {
+        Kt.hasAnimatedSinceResize = !0, wt.layout++, this.currentAnimation = df(0, ci, {
           ...o,
           onUpdate: (l) => {
             this.mixTargetDelta(l), o.onUpdate && o.onUpdate(l);
@@ -4513,20 +4515,20 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       o && o.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(cs), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(ci), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const o = this.getLead();
       let { targetWithTransforms: l, target: a, layout: u, latestValues: c } = o;
       if (!(!l || !a || !u)) {
-        if (this !== o && this.layout && u && sa(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
-          a = this.target || ie();
+        if (this !== o && this.layout && u && ia(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
+          a = this.target || se();
           const f = be(this.layout.layoutBox.x);
           a.x.min = o.target.x.min, a.x.max = a.x.min + f;
           const h = be(this.layout.layoutBox.y);
           a.y.min = o.target.y.min, a.y.max = a.y.min + h;
         }
-        Ee(l, a), st(l, c), St(this.projectionDeltaWithTransform, this.layoutCorrected, l, c);
+        Re(l, a), it(l, c), St(this.projectionDeltaWithTransform, this.layoutCorrected, l, c);
       }
     }
     registerSharedNode(o, l) {
@@ -4621,7 +4623,7 @@ function ia({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.root.nodes.forEach((o) => {
         var l;
         return (l = o.currentAnimation) === null || l === void 0 ? void 0 : l.stop();
-      }), this.root.nodes.forEach(us), this.root.sharedNodes.clear();
+      }), this.root.nodes.forEach(ui), this.root.sharedNodes.clear();
     }
   };
 }
@@ -4632,18 +4634,18 @@ function Mf(e) {
   var t;
   const n = ((t = e.resumeFrom) === null || t === void 0 ? void 0 : t.snapshot) || e.snapshot;
   if (e.isLead() && e.layout && n && e.hasListeners("didUpdate")) {
-    const { layoutBox: r, measuredBox: i } = e.layout, { animationType: s } = e.options, o = n.source !== e.layout.source;
-    s === "size" ? Re((f) => {
+    const { layoutBox: r, measuredBox: s } = e.layout, { animationType: i } = e.options, o = n.source !== e.layout.source;
+    i === "size" ? Ae((f) => {
       const h = o ? n.measuredBox[f] : n.layoutBox[f], g = be(h);
       h.min = r[f].min, h.max = h.min + g;
-    }) : sa(s, n.layoutBox, r) && Re((f) => {
+    }) : ia(i, n.layoutBox, r) && Ae((f) => {
       const h = o ? n.measuredBox[f] : n.layoutBox[f], g = be(r[f]);
       h.max = h.min + g, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[f].max = e.relativeTarget[f].min + g);
     });
     const l = rt();
     St(l, r, n.layoutBox);
     const a = rt();
-    o ? St(a, e.applyTransform(i, !0), n.measuredBox) : St(a, r, n.layoutBox);
+    o ? St(a, e.applyTransform(s, !0), n.measuredBox) : St(a, r, n.layoutBox);
     const u = !ta(l);
     let c = !1;
     if (!e.resumeFrom) {
@@ -4651,9 +4653,9 @@ function Mf(e) {
       if (f && !f.resumeFrom) {
         const { snapshot: h, layout: g } = f;
         if (h && g) {
-          const x = ie();
+          const x = se();
           Ct(x, n.layoutBox, h.layoutBox);
-          const y = ie();
+          const y = se();
           Ct(y, r, g.layoutBox), na(x, y) || (c = !0), f.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = x, e.relativeParent = f);
         }
       }
@@ -4681,7 +4683,7 @@ function Df(e) {
 function Of(e) {
   e.clearSnapshot();
 }
-function us(e) {
+function ui(e) {
   e.clearMeasurements();
 }
 function Lf(e) {
@@ -4691,7 +4693,7 @@ function kf(e) {
   const { visualElement: t } = e.options;
   t && t.getProps().onBeforeLayoutMeasure && t.notify("BeforeLayoutMeasure"), e.resetTransform();
 }
-function fs(e) {
+function fi(e) {
   e.finishAnimation(), e.targetDelta = e.relativeTarget = e.target = void 0, e.isProjectionDirty = !0;
 }
 function _f(e) {
@@ -4706,14 +4708,14 @@ function Ff(e) {
 function Nf(e) {
   e.removeLeadSnapshot();
 }
-function ds(e, t, n) {
+function di(e, t, n) {
   e.translate = ee(t.translate, 0, n), e.scale = ee(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
 }
-function hs(e, t, n, r) {
+function hi(e, t, n, r) {
   e.min = ee(t.min, n.min, r), e.max = ee(t.max, n.max, r);
 }
 function Bf(e, t, n, r) {
-  hs(e.x, t.x, n.x, r), hs(e.y, t.y, n.y, r);
+  hi(e.x, t.x, n.x, r), hi(e.y, t.y, n.y, r);
 }
 function $f(e) {
   return e.animationValues && e.animationValues.opacityExit !== void 0;
@@ -4721,21 +4723,21 @@ function $f(e) {
 const Uf = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, ps = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), ms = ps("applewebkit/") && !ps("chrome/") ? Math.round : we;
-function gs(e) {
-  e.min = ms(e.min), e.max = ms(e.max);
+}, pi = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), mi = pi("applewebkit/") && !pi("chrome/") ? Math.round : we;
+function gi(e) {
+  e.min = mi(e.min), e.max = mi(e.max);
 }
 function Wf(e) {
-  gs(e.x), gs(e.y);
+  gi(e.x), gi(e.y);
 }
-function sa(e, t, n) {
-  return e === "position" || e === "preserve-aspect" && !zu(as(t), as(n), 0.2);
+function ia(e, t, n) {
+  return e === "position" || e === "preserve-aspect" && !zu(ai(t), ai(n), 0.2);
 }
 function zf(e) {
   var t;
   return e !== e.root && ((t = e.scroll) === null || t === void 0 ? void 0 : t.wasRoot);
 }
-const Yf = ia({
+const Yf = sa({
   attachResizeListener: (e, t) => Dt(e, "resize", t),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -4744,7 +4746,7 @@ const Yf = ia({
   checkIsScrollRoot: () => !0
 }), Sn = {
   current: void 0
-}, oa = ia({
+}, oa = sa({
   measureScroll: (e) => ({
     x: e.scrollLeft,
     y: e.scrollTop
@@ -4770,16 +4772,16 @@ const Yf = ia({
     MeasureLayout: Jo
   }
 };
-function ys(e, t, n) {
+function yi(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 && J.postRender(() => s(t, It(t)));
+  const s = "onHover" + n, i = r[s];
+  i && J.postRender(() => i(t, It(t)));
 }
 class Gf extends Ue {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Wl(t, (n, r) => (ys(this.node, r, "Start"), (i) => ys(this.node, i, "End"))));
+    t && (this.unmount = Wl(t, (n, r) => (yi(this.node, r, "Start"), (s) => yi(this.node, s, "End"))));
   }
   unmount() {
   }
@@ -4806,18 +4808,18 @@ class qf extends Ue {
   unmount() {
   }
 }
-function vs(e, t, n) {
+function vi(e, t, n) {
   const { props: r } = e;
   if (e.current instanceof HTMLButtonElement && e.current.disabled)
     return;
   e.animationState && r.whileTap && e.animationState.setActive("whileTap", n === "Start");
-  const i = "onTap" + (n === "End" ? "" : n), s = r[i];
-  s && J.postRender(() => s(t, It(t)));
+  const s = "onTap" + (n === "End" ? "" : n), i = r[s];
+  i && J.postRender(() => i(t, It(t)));
 }
 class Hf extends Ue {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Gl(t, (n, r) => (vs(this.node, r, "Start"), (i, { success: s }) => vs(this.node, i, s ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    t && (this.unmount = Gl(t, (n, r) => (vi(this.node, r, "Start"), (s, { success: i }) => vi(this.node, s, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
@@ -4831,8 +4833,8 @@ const Gn = /* @__PURE__ */ new WeakMap(), Cn = /* @__PURE__ */ new WeakMap(), Xf
 function Jf({ root: e, ...t }) {
   const n = e || document;
   Cn.has(n) || Cn.set(n, {});
-  const r = Cn.get(n), i = JSON.stringify(t);
-  return r[i] || (r[i] = new IntersectionObserver(Zf, { root: e, ...t })), r[i];
+  const r = Cn.get(n), s = JSON.stringify(t);
+  return r[s] || (r[s] = new IntersectionObserver(Zf, { root: e, ...t })), r[s];
 }
 function Qf(e, t, n) {
   const r = Jf(t);
@@ -4850,13 +4852,13 @@ class td extends Ue {
   }
   startObserver() {
     this.unmount();
-    const { viewport: t = {} } = this.node.getProps(), { root: n, margin: r, amount: i = "some", once: s } = t, o = {
+    const { viewport: t = {} } = this.node.getProps(), { root: n, margin: r, amount: s = "some", once: i } = t, o = {
       root: n ? n.current : void 0,
       rootMargin: r,
-      threshold: typeof i == "number" ? i : ed[i]
+      threshold: typeof s == "number" ? s : ed[s]
     }, l = (a) => {
       const { isIntersecting: u } = a;
-      if (this.isInView === u || (this.isInView = u, s && !u && this.hasEnteredView))
+      if (this.isInView === u || (this.isInView = u, i && !u && this.hasEnteredView))
         return;
       u && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", u);
       const { onViewportEnter: c, onViewportLeave: f } = this.node.getProps(), h = u ? c : f;
@@ -4892,14 +4894,14 @@ const rd = {
   hover: {
     Feature: Gf
   }
-}, id = {
+}, sd = {
   layout: {
     ProjectionNode: oa,
     MeasureLayout: Jo
   }
 }, qn = { current: null }, aa = { current: !1 };
-function sd() {
-  if (aa.current = !0, !!ir)
+function id() {
+  if (aa.current = !0, !!sr)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => qn.current = e.matches;
       e.addListener(t), t();
@@ -4909,25 +4911,25 @@ function sd() {
 const od = [...Do, de, $e], ad = (e) => od.find(Vo(e)), ld = /* @__PURE__ */ new WeakMap();
 function cd(e, t, n) {
   for (const r in t) {
-    const i = t[r], s = n[r];
-    if (me(i))
-      e.addValue(r, i), process.env.NODE_ENV === "development" && tn(i.version === "12.4.7", `Attempting to mix Motion versions ${i.version} with 12.4.7 may not work as expected.`);
-    else if (me(s))
-      e.addValue(r, Mt(i, { owner: e }));
-    else if (s !== i)
+    const s = t[r], i = n[r];
+    if (me(s))
+      e.addValue(r, s), process.env.NODE_ENV === "development" && tn(s.version === "12.4.7", `Attempting to mix Motion versions ${s.version} with 12.4.7 may not work as expected.`);
+    else if (me(i))
+      e.addValue(r, Mt(s, { owner: e }));
+    else if (i !== s)
       if (e.hasValue(r)) {
         const o = e.getValue(r);
-        o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
+        o.liveStyle === !0 ? o.jump(s) : o.hasAnimated || o.set(s);
       } else {
         const o = e.getStaticValue(r);
-        e.addValue(r, Mt(o !== void 0 ? o : i, { owner: e }));
+        e.addValue(r, Mt(o !== void 0 ? o : s, { owner: e }));
       }
   }
   for (const r in n)
     t[r] === void 0 && e.removeValue(r);
   return t;
 }
-const xs = [
+const xi = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -4940,7 +4942,7 @@ class ud {
   scrapeMotionValuesFromProps(t, n, r) {
     return {};
   }
-  constructor({ parent: t, props: n, presenceContext: r, reducedMotionConfig: i, blockInitialAnimation: s, visualState: o }, l = {}) {
+  constructor({ parent: t, props: n, presenceContext: r, reducedMotionConfig: s, blockInitialAnimation: i, visualState: o }, l = {}) {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Dr, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
@@ -4948,7 +4950,7 @@ class ud {
       this.renderScheduledAt < g && (this.renderScheduledAt = g, J.render(this.render, !1, !0));
     };
     const { latestValues: a, renderState: u, onUpdate: c } = o;
-    this.onUpdate = c, this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = l, this.blockInitialAnimation = Boolean(s), this.isControllingVariants = sn(n), this.isVariantNode = Bs(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = Boolean(t && t.current);
+    this.onUpdate = c, this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = s, this.options = l, this.blockInitialAnimation = Boolean(i), this.isControllingVariants = sn(n), this.isVariantNode = Bi(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = Boolean(t && t.current);
     const { willChange: f, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const g in h) {
       const x = h[g];
@@ -4956,7 +4958,7 @@ class ud {
     }
   }
   mount(t) {
-    this.current = t, ld.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), aa.current || sd(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : qn.current, process.env.NODE_ENV !== "production" && tn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = t, ld.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, r) => this.bindToMotionValue(r, n)), aa.current || id(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : qn.current, process.env.NODE_ENV !== "production" && tn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), Be(this.notifyUpdate), Be(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -4972,12 +4974,12 @@ class ud {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
     const r = Xe.has(t);
     r && this.onBindTransform && this.onBindTransform();
-    const i = n.on("change", (l) => {
+    const s = n.on("change", (l) => {
       this.latestValues[t] = l, this.props.onUpdate && J.preRender(this.notifyUpdate), r && this.projection && (this.projection.isTransformDirty = !0);
-    }), s = n.on("renderRequest", this.scheduleRender);
+    }), i = n.on("renderRequest", this.scheduleRender);
     let o;
     window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
-      i(), s(), o && o(), n.owner && n.stop();
+      s(), i(), o && o(), n.owner && n.stop();
     });
   }
   sortNodePosition(t) {
@@ -4989,10 +4991,10 @@ class ud {
       const n = at[t];
       if (!n)
         continue;
-      const { isEnabled: r, Feature: i } = n;
-      if (!this.features[t] && i && r(this.props) && (this.features[t] = new i(this)), this.features[t]) {
-        const s = this.features[t];
-        s.isMounted ? s.update() : (s.mount(), s.isMounted = !0);
+      const { isEnabled: r, Feature: s } = n;
+      if (!this.features[t] && s && r(this.props) && (this.features[t] = new s(this)), this.features[t]) {
+        const i = this.features[t];
+        i.isMounted ? i.update() : (i.mount(), i.isMounted = !0);
       }
     }
   }
@@ -5000,7 +5002,7 @@ class ud {
     this.build(this.renderState, this.latestValues, this.props);
   }
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : ie();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : se();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -5010,11 +5012,11 @@ class ud {
   }
   update(t, n) {
     (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let r = 0; r < xs.length; r++) {
-      const i = xs[r];
-      this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
-      const s = "on" + i, o = t[s];
-      o && (this.propEventSubscriptions[i] = this.on(i, o));
+    for (let r = 0; r < xi.length; r++) {
+      const s = xi[r];
+      this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
+      const i = "on" + s, o = t[i];
+      o && (this.propEventSubscriptions[s] = this.on(s, o));
     }
     this.prevMotionValues = cd(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue(), this.onUpdate && this.onUpdate(this);
   }
@@ -5058,8 +5060,8 @@ class ud {
   }
   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" && (jo(i) || bo(i)) ? i = parseFloat(i) : !ad(i) && $e.test(n) && (i = Eo(t, n)), this.setBaseTarget(t, me(i) ? i.get() : i)), me(i) ? i.get() : i;
+    let s = 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 s != null && (typeof s == "string" && (jo(s) || bo(s)) ? s = parseFloat(s) : !ad(s) && $e.test(n) && (s = Eo(t, n)), this.setBaseTarget(t, me(s) ? s.get() : s)), me(s) ? s.get() : s;
   }
   setBaseTarget(t, n) {
     this.baseTarget[t] = n;
@@ -5067,15 +5069,15 @@ class ud {
   getBaseTarget(t) {
     var n;
     const { initial: r } = this.props;
-    let i;
+    let s;
     if (typeof r == "string" || typeof r == "object") {
       const o = vr(this.props, r, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
-      o && (i = o[t]);
+      o && (s = o[t]);
     }
-    if (r && i !== void 0)
-      return i;
-    const s = this.getBaseTargetFromProps(this.props, t);
-    return s !== void 0 && !me(s) ? s : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
+    if (r && s !== void 0)
+      return s;
+    const i = this.getBaseTargetFromProps(this.props, t);
+    return i !== void 0 && !me(i) ? i : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
     return this.events[t] || (this.events[t] = new Er()), this.events[t].add(n);
@@ -5110,15 +5112,15 @@ function fd(e) {
 }
 class dd extends la {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Zs;
+    super(...arguments), this.type = "html", this.renderInstance = Zi;
   }
   readValueFromInstance(t, n) {
     if (Xe.has(n)) {
       const r = Vr(n);
       return r && r.default || 0;
     } else {
-      const r = fd(t), i = (ur(n) ? r.getPropertyValue(n) : r[n]) || 0;
-      return typeof i == "string" ? i.trim() : i;
+      const r = fd(t), s = (ur(n) ? r.getPropertyValue(n) : r[n]) || 0;
+      return typeof s == "string" ? s.trim() : s;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
@@ -5133,8 +5135,8 @@ class dd extends la {
 }
 class hd extends la {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = ie, this.updateDimensions = () => {
-      this.current && !this.renderState.dimensions && Xs(this.current, this.renderState);
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = se, this.updateDimensions = () => {
+      this.current && !this.renderState.dimensions && Xi(this.current, this.renderState);
     };
   }
   getBaseTargetFromProps(t, n) {
@@ -5145,7 +5147,7 @@ class hd extends la {
       const r = Vr(n);
       return r && r.default || 0;
     }
-    return n = Js.has(n) ? n : lr(n), t.getAttribute(n);
+    return n = Ji.has(n) ? n : lr(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, r) {
     return eo(t, n, r);
@@ -5156,26 +5158,26 @@ class hd extends la {
   build(t, n, r) {
     gr(t, n, this.isSVGTag, r.transformTemplate);
   }
-  renderInstance(t, n, r, i) {
-    Qs(t, n, r, i);
+  renderInstance(t, n, r, s) {
+    Qi(t, n, r, s);
   }
   mount(t) {
     this.isSVGTag = yr(t.tagName), super.mount(t);
   }
 }
 const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
-  allowProjection: e !== Ds
+  allowProjection: e !== Di
 }), md = /* @__PURE__ */ _l({
   ..._u,
   ...rd,
   ...Kf,
-  ...id
+  ...sd
 }, pd), _r = /* @__PURE__ */ Ja(md), gd = ({
   isOpen: e,
   onClose: t,
   onConfirm: n,
   header: r,
-  question: i
+  question: s
 }) => e ? /* @__PURE__ */ m.exports.jsx(
   "div",
   {
@@ -5222,7 +5224,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
         )
       ] }),
       /* @__PURE__ */ m.exports.jsx("div", { className: "p-4 md:p-5 space-y-4", children: /* @__PURE__ */ m.exports.jsxs("p", { className: "text-base leading-relaxed text-gray-500 dark:text-gray-400", children: [
-        i,
+        s,
         " "
       ] }) }),
       /* @__PURE__ */ m.exports.jsxs("div", { className: "flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600", children: [
@@ -5254,13 +5256,13 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
   isVisible: t,
   position: n,
   messageId: r,
-  isCurrentUserMessage: i
+  isCurrentUserMessage: s
 }) => {
-  const s = he(null), [o, l] = xe(!1);
-  return ut(() => (s.current || (s.current = document.createElement("div"), s.current.style.zIndex = "1500", s.current.style.position = "fixed", s.current.style.top = "0", s.current.style.left = "0", s.current.style.width = "100%", s.current.style.height = "100%", s.current.style.pointerEvents = "none", document.body.appendChild(s.current)), l(!0), () => {
-    s.current && !t && (document.body.removeChild(s.current), s.current = null);
-  }), [t]), !s.current || !o ? null : Na.createPortal(
-    /* @__PURE__ */ m.exports.jsx(ks, { children: t && /* @__PURE__ */ m.exports.jsx(
+  const i = he(null), [o, l] = xe(!1);
+  return ut(() => (i.current || (i.current = document.createElement("div"), i.current.style.zIndex = "1500", i.current.style.position = "fixed", i.current.style.top = "0", i.current.style.left = "0", i.current.style.width = "100%", i.current.style.height = "100%", i.current.style.pointerEvents = "none", document.body.appendChild(i.current)), l(!0), () => {
+    i.current && !t && (document.body.removeChild(i.current), i.current = null);
+  }), [t]), !i.current || !o ? null : Na.createPortal(
+    /* @__PURE__ */ m.exports.jsx(ki, { children: t && /* @__PURE__ */ m.exports.jsx(
       _r.div,
       {
         initial: { opacity: 0, scale: 0.8, y: -10 },
@@ -5272,7 +5274,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
           top: n.y,
           left: n.x
         },
-        children: e.map((a, u) => a != null && a.onlyCurrentUserMessage && !i ? null : /* @__PURE__ */ m.exports.jsxs(
+        children: e.map((a, u) => a != null && a.onlyCurrentUserMessage && !s ? null : /* @__PURE__ */ m.exports.jsxs(
           "button",
           {
             disabled: a == null ? void 0 : a.disabled,
@@ -5290,7 +5292,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
         ))
       }
     ) }),
-    s.current
+    i.current
   );
 }, vd = (e) => {
   const t = Math.floor(e / 60), n = e % 60;
@@ -5327,7 +5329,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
       }
     )
   }
-), bs = () => /* @__PURE__ */ m.exports.jsx(
+), bi = () => /* @__PURE__ */ m.exports.jsx(
   "svg",
   {
     width: "17",
@@ -5378,8 +5380,8 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
   onSendVoice: t,
   onImageSend: n,
   onVideoSend: r,
-  onFileSend: i,
-  dynamicSymbolAssignments: s
+  onFileSend: s,
+  dynamicSymbolAssignments: i
 }) => {
   const [o, l] = xe(""), [a, u] = xe(!1), [c, f] = xe(0), [h, g] = xe(null), [x, y] = xe(null), [P, b] = xe(0), S = he(null), C = he([]), V = he(null), p = he(null), A = he(null), [B, M] = xe(!1), H = (v) => {
     const w = v.target.value;
@@ -5393,7 +5395,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
         const j = v[0].split(h)[1];
         y(j);
       }
-      s != null && s.some((j) => j.symbol === w) && g(w);
+      i != null && i.some((j) => j.symbol === w) && g(w);
     } else
       g(null);
   }, ne = (v, w) => {
@@ -5409,8 +5411,8 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
       j.data.size > 0 && C.current.push(j.data);
     }, w.onstop = () => {
       clearInterval(V.current);
-      const j = new Blob(C.current, { type: "audio/mp3" }), k = URL.createObjectURL(j);
-      t(k), u(!1);
+      const j = new Blob(C.current, { type: "audio/mp3" });
+      t(j), u(!1);
     }, w.start();
   }, te = () => {
     var v;
@@ -5419,7 +5421,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
     const { scrollTop: w, scrollHeight: j, clientHeight: k } = v.currentTarget;
     if (w > P) {
       if (w + k >= j - 1) {
-        const O = s == null ? void 0 : s.find(
+        const O = i == null ? void 0 : i.find(
           (_) => _.symbol === h
         );
         O && (O != null && O.updatePageNumber) && (M(!0), O == null || O.updatePageNumber(O.pagNumber + 1), b(w), setTimeout(() => {
@@ -5460,7 +5462,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
       const O = w.type.split("/");
       O.length === 2 && (j = O[1]);
     }
-    j || (j = ((D = w.name.split(".").pop()) == null ? void 0 : D.toLowerCase()) || ""), ae.has(j) ? n(w) : X.has(j) ? r(w) : i(w);
+    j || (j = ((D = w.name.split(".").pop()) == null ? void 0 : D.toLowerCase()) || ""), ae.has(j) ? n(w) : X.has(j) ? r(w) : s(w);
   };
   return /* @__PURE__ */ m.exports.jsxs("div", { className: "absolute bottom-0 w-full flex items-center p-2 pr-4 z-10", children: [
     a ? /* @__PURE__ */ m.exports.jsxs("div", { className: "w-full flex justify-between items-center bg-white  p-2 pl-4 h-11 rounded-3xl ", children: [
@@ -5470,7 +5472,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
         {
           className: "cursor-pointer p-2 flex justify-center items-center bg-green-500 text-white rounded-full",
           onClick: te,
-          children: /* @__PURE__ */ m.exports.jsx(bs, {})
+          children: /* @__PURE__ */ m.exports.jsx(bi, {})
         }
       )
     ] }) : /* @__PURE__ */ m.exports.jsxs(m.exports.Fragment, { children: [
@@ -5513,7 +5515,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
         {
           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: o ? ge : oe,
-          children: o ? /* @__PURE__ */ m.exports.jsx(bs, {}) : /* @__PURE__ */ m.exports.jsx(bd, {})
+          children: o ? /* @__PURE__ */ m.exports.jsx(bi, {}) : /* @__PURE__ */ m.exports.jsx(bd, {})
         }
       )
     ] }),
@@ -5539,7 +5541,7 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
             )
           ] }),
           /* @__PURE__ */ m.exports.jsxs("div", { className: "space-y-2", children: [
-            s ? s.filter((v) => v.symbol === h).map((v) => {
+            i ? i.filter((v) => v.symbol === h).map((v) => {
               var k;
               const { component: w, lists: j } = v;
               return w ? x ? (k = j == null ? void 0 : j.filter((D) => D == null ? void 0 : D.name.includes(x))) == null ? void 0 : k.map((D, O) => /* @__PURE__ */ m.exports.jsx(
@@ -5578,13 +5580,13 @@ const pd = (e, t) => mr(e) ? new hd(t) : new dd(t, {
   ] });
 };
 var Le = /* @__PURE__ */ ((e) => (e[e.File = 0] = "File", e[e.Voice = 1] = "Voice", e[e.Video = 2] = "Video", e[e.Image = 3] = "Image", e))(Le || {});
-const Ts = ({
+const Ti = ({
   fileName: e,
   fileSize: t,
   format: n,
   src: r
 }) => {
-  const i = () => {
+  const s = () => {
     const o = {
       rar: /* @__PURE__ */ m.exports.jsx("p", { className: "p-2 text-green-500 font-bold", children: n }),
       zip: /* @__PURE__ */ m.exports.jsx("p", { className: "p-2 text-blue-500 font-bold", children: n }),
@@ -5610,9 +5612,9 @@ const Ts = ({
       sql: /* @__PURE__ */ m.exports.jsx("p", { className: "p-2 text-gray-400 font-bold", children: n })
     };
     return n && o[n] ? o[n] : /* @__PURE__ */ m.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";
+  }, i = (o) => o > 1048576 ? (o / 1048576).toFixed(1) + " MB" : (o / 1024).toFixed(1) + " KB";
   return /* @__PURE__ */ m.exports.jsxs("div", { className: "flex items-center rounded-lg", children: [
-    /* @__PURE__ */ m.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__ */ m.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: s() }),
     /* @__PURE__ */ m.exports.jsxs("div", { className: "flex flex-col flex-grow", children: [
       /* @__PURE__ */ m.exports.jsx(
         "a",
@@ -5623,7 +5625,7 @@ const Ts = ({
           children: e
         }
       ),
-      /* @__PURE__ */ m.exports.jsx("span", { className: "text-gray-600 text-sm", children: s(t) })
+      /* @__PURE__ */ m.exports.jsx("span", { className: "text-gray-600 text-sm", children: i(t) })
     ] }),
     /* @__PURE__ */ m.exports.jsx(
       "a",
@@ -5673,15 +5675,15 @@ const Ts = ({
 );
 let vt = null;
 const Sd = ({ src: e, className: t }) => {
-  const [n, r] = xe(!1), [i, s] = xe(0), o = he(null);
+  const [n, r] = xe(!1), [s, i] = xe(0), o = he(null);
   ut(() => {
     const a = o.current;
     if (!a)
       return;
     const u = () => {
-      s(a.currentTime / a.duration * 100);
+      i(a.currentTime / a.duration * 100);
     }, c = () => r(!0), f = () => r(!1), h = () => {
-      r(!1), s(0);
+      r(!1), i(0);
     };
     return a.addEventListener("timeupdate", u), a.addEventListener("play", c), a.addEventListener("pause", f), a.addEventListener("ended", h), () => {
       a.removeEventListener("timeupdate", u), a.removeEventListener("play", c), a.removeEventListener("pause", f), a.removeEventListener("ended", h);
@@ -5708,7 +5710,7 @@ const Sd = ({ src: e, className: t }) => {
           "div",
           {
             className: "h-full bg-blue-500 transition-all",
-            style: { width: `${i}%` }
+            style: { width: `${s}%` }
           }
         ) }),
         /* @__PURE__ */ m.exports.jsx("audio", { ref: o, src: e })
@@ -5716,11 +5718,11 @@ const Sd = ({ src: e, className: t }) => {
     }
   );
 }, Cd = ({
-  attachment: e,
+  attachmentUrl: e,
   attachmentType: t,
   attachmentFormat: n
 }) => e ? t === Le.Voice ? /* @__PURE__ */ m.exports.jsx("div", { className: "w-full", children: /* @__PURE__ */ m.exports.jsx(Sd, { src: e }) }) : t === Le.Image ? /* @__PURE__ */ m.exports.jsx("div", { className: "w-full", children: /* @__PURE__ */ m.exports.jsx("img", { src: e }) }) : t === Le.File ? /* @__PURE__ */ m.exports.jsx("div", { className: "w-full mt-1", children: /* @__PURE__ */ m.exports.jsx(
-  Ts,
+  Ti,
   {
     fileName: "productivity",
     fileSize: 23e3,
@@ -5728,7 +5730,7 @@ const Sd = ({ src: e, className: t }) => {
     src: e
   }
 ) }) : t === Le.Video ? /* @__PURE__ */ m.exports.jsx("div", { className: "w-full mt-1", children: /* @__PURE__ */ m.exports.jsx(
-  Ts,
+  Ti,
   {
     fileName: "productivity",
     fileSize: 23e3,
@@ -5741,7 +5743,7 @@ const Sd = ({ src: e, className: t }) => {
   handleContextMenu: n,
   media: r
 }) => {
-  var i, s, o, l, a;
+  var s, i, o, l, a;
   return /* @__PURE__ */ m.exports.jsxs(m.exports.Fragment, { children: [
     t ? /* @__PURE__ */ m.exports.jsx(
       "img",
@@ -5760,7 +5762,7 @@ const Sd = ({ src: e, className: t }) => {
         onContextMenu: (u) => n(u, 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 bg-green-200`,
         children: [
-          /* @__PURE__ */ m.exports.jsx("span", { className: "absolute top-1 text-xs text-orange-700", children: (i = e.user) != null && i.fullName && ((o = (s = e.user) == null ? void 0 : s.fullName) == null ? void 0 : o.length) > 16 ? (l = e.user) == null ? void 0 : l.firstName : (a = e.user) == null ? void 0 : a.fullName }),
+          /* @__PURE__ */ m.exports.jsx("span", { className: "absolute top-1 text-xs text-orange-700", children: (s = e.user) != null && s.fullName && ((o = (i = e.user) == null ? void 0 : i.fullName) == null ? void 0 : o.length) > 16 ? (l = e.user) == null ? void 0 : l.firstName : (a = e.user) == null ? void 0 : a.fullName }),
           r || null,
           /* @__PURE__ */ m.exports.jsx("span", { children: e.text }),
           /* @__PURE__ */ m.exports.jsx("div", { className: "w-full flex gap- items-center justify-end", children: /* @__PURE__ */ m.exports.jsx("span", { className: "text-[10px]", children: new Date(e.createdDate).toLocaleTimeString().split(":")[0] + ":" + new Date(e.createdDate).toLocaleTimeString().split(":")[1] }) }),
@@ -5886,12 +5888,12 @@ const Sd = ({ src: e, className: t }) => {
   }
 );
 var ce = { exports: {} }, En = { exports: {} }, G = {};
-var ws;
+var wi;
 function jd() {
-  if (ws)
+  if (wi)
     return G;
-  ws = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, a = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, c = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  wi = 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, s = e ? Symbol.for("react.strict_mode") : 60108, i = 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, g = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
   function C(p) {
     if (typeof p == "object" && p !== null) {
       var A = p.$$typeof;
@@ -5901,8 +5903,8 @@ function jd() {
             case a:
             case u:
             case r:
-            case s:
             case i:
+            case s:
             case f:
               return p;
             default:
@@ -5925,7 +5927,7 @@ function jd() {
   function V(p) {
     return C(p) === u;
   }
-  return G.AsyncMode = a, G.ConcurrentMode = u, G.ContextConsumer = l, G.ContextProvider = o, G.Element = t, G.ForwardRef = c, G.Fragment = r, G.Lazy = x, G.Memo = g, G.Portal = n, G.Profiler = s, G.StrictMode = i, G.Suspense = f, G.isAsyncMode = function(p) {
+  return G.AsyncMode = a, G.ConcurrentMode = u, G.ContextConsumer = l, G.ContextProvider = o, G.Element = t, G.ForwardRef = c, G.Fragment = r, G.Lazy = x, G.Memo = g, G.Portal = n, G.Profiler = i, G.StrictMode = s, G.Suspense = f, G.isAsyncMode = function(p) {
     return V(p) || C(p) === a;
   }, G.isConcurrentMode = V, G.isContextConsumer = function(p) {
     return C(p) === l;
@@ -5944,22 +5946,22 @@ function jd() {
   }, G.isPortal = function(p) {
     return C(p) === n;
   }, G.isProfiler = function(p) {
-    return C(p) === s;
-  }, G.isStrictMode = function(p) {
     return C(p) === i;
+  }, G.isStrictMode = function(p) {
+    return C(p) === s;
   }, G.isSuspense = function(p) {
     return C(p) === f;
   }, G.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === r || p === u || p === s || p === i || p === f || p === h || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === g || p.$$typeof === o || p.$$typeof === l || p.$$typeof === c || p.$$typeof === P || p.$$typeof === b || p.$$typeof === S || p.$$typeof === y);
+    return typeof p == "string" || typeof p == "function" || p === r || p === u || p === i || p === s || p === f || p === h || typeof p == "object" && p !== null && (p.$$typeof === x || p.$$typeof === g || p.$$typeof === o || p.$$typeof === l || p.$$typeof === c || p.$$typeof === P || p.$$typeof === b || p.$$typeof === S || p.$$typeof === y);
   }, G.typeOf = C, G;
 }
 var q = {};
-var Ps;
+var Pi;
 function Md() {
-  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, g = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  return Pi || (Pi = 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, s = e ? Symbol.for("react.strict_mode") : 60108, i = 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, g = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
     function C(R) {
-      return typeof R == "string" || typeof R == "function" || R === r || R === u || R === s || R === i || R === f || R === h || typeof R == "object" && R !== null && (R.$$typeof === x || R.$$typeof === g || R.$$typeof === o || R.$$typeof === l || R.$$typeof === c || R.$$typeof === P || R.$$typeof === b || R.$$typeof === S || R.$$typeof === y);
+      return typeof R == "string" || typeof R == "function" || R === r || R === u || R === i || R === s || R === f || R === h || typeof R == "object" && R !== null && (R.$$typeof === x || R.$$typeof === g || R.$$typeof === o || R.$$typeof === l || R.$$typeof === c || R.$$typeof === P || R.$$typeof === b || R.$$typeof === S || R.$$typeof === y);
     }
     function V(R) {
       if (typeof R == "object" && R !== null) {
@@ -5971,8 +5973,8 @@ function Md() {
               case a:
               case u:
               case r:
-              case s:
               case i:
+              case s:
               case f:
                 return Ze;
               default:
@@ -5993,7 +5995,7 @@ function Md() {
         }
       }
     }
-    var p = a, A = u, B = l, M = o, H = t, F = c, ne = r, ge = x, oe = g, te = n, ye = s, ae = i, X = f, le = !1;
+    var p = a, A = u, B = l, M = o, H = t, F = c, ne = r, ge = x, oe = g, te = n, ye = i, ae = s, X = f, le = !1;
     function Pe(R) {
       return le || (le = !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.")), v(R) || V(R) === a;
     }
@@ -6025,10 +6027,10 @@ function Md() {
       return V(R) === n;
     }
     function Y(R) {
-      return V(R) === s;
+      return V(R) === i;
     }
     function U(R) {
-      return V(R) === i;
+      return V(R) === s;
     }
     function fe(R) {
       return V(R) === f;
@@ -6036,29 +6038,29 @@ function Md() {
     q.AsyncMode = p, q.ConcurrentMode = A, q.ContextConsumer = B, q.ContextProvider = M, q.Element = H, q.ForwardRef = F, q.Fragment = ne, q.Lazy = ge, q.Memo = oe, q.Portal = te, q.Profiler = ye, q.StrictMode = ae, q.Suspense = X, q.isAsyncMode = Pe, q.isConcurrentMode = v, q.isContextConsumer = w, q.isContextProvider = j, q.isElement = k, q.isForwardRef = D, q.isFragment = O, q.isLazy = _, q.isMemo = N, q.isPortal = $, q.isProfiler = Y, q.isStrictMode = U, q.isSuspense = fe, q.isValidElementType = C, q.typeOf = V;
   }()), q;
 }
-var Ss;
+var Si;
 function ua() {
-  return Ss || (Ss = 1, function(e) {
+  return Si || (Si = 1, function(e) {
     process.env.NODE_ENV === "production" ? e.exports = jd() : e.exports = Md();
   }(En)), En.exports;
 }
-var Rn, Cs;
+var Rn, Ci;
 function Vd() {
-  if (Cs)
+  if (Ci)
     return Rn;
-  Cs = 1;
+  Ci = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-  function r(s) {
-    if (s == null)
+  function r(i) {
+    if (i == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(s);
+    return Object(i);
   }
-  function i() {
+  function s() {
     try {
       if (!Object.assign)
         return !1;
-      var s = new String("abc");
-      if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
       for (var o = {}, l = 0; l < 10; l++)
         o["_" + String.fromCharCode(l)] = l;
@@ -6075,8 +6077,8 @@ function Vd() {
       return !1;
     }
   }
-  return Rn = i() ? Object.assign : function(s, o) {
-    for (var l, a = r(s), u, c = 1; c < arguments.length; c++) {
+  return Rn = s() ? Object.assign : function(i, o) {
+    for (var l, a = r(i), u, c = 1; c < arguments.length; c++) {
       l = Object(arguments[c]);
       for (var f in l)
         t.call(l, f) && (a[f] = l[f]);
@@ -6089,29 +6091,29 @@ function Vd() {
     return a;
   }, Rn;
 }
-var An, Es;
+var An, Ei;
 function Fr() {
-  if (Es)
+  if (Ei)
     return An;
-  Es = 1;
+  Ei = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return An = e, An;
 }
-var jn, Rs;
+var jn, Ri;
 function fa() {
-  return Rs || (Rs = 1, jn = Function.call.bind(Object.prototype.hasOwnProperty)), jn;
+  return Ri || (Ri = 1, jn = Function.call.bind(Object.prototype.hasOwnProperty)), jn;
 }
-var Mn, As;
+var Mn, Ai;
 function Dd() {
-  if (As)
+  if (Ai)
     return Mn;
-  As = 1;
+  Ai = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
     var t = Fr(), n = {}, r = fa();
-    e = function(s) {
-      var o = "Warning: " + s;
+    e = function(i) {
+      var o = "Warning: " + i;
       typeof console < "u" && console.error(o);
       try {
         throw new Error(o);
@@ -6119,19 +6121,19 @@ function Dd() {
       }
     };
   }
-  function i(s, o, l, a, u) {
+  function s(i, o, l, a, u) {
     if (process.env.NODE_ENV !== "production") {
-      for (var c in s)
-        if (r(s, c)) {
+      for (var c in i)
+        if (r(i, c)) {
           var f;
           try {
-            if (typeof s[c] != "function") {
+            if (typeof i[c] != "function") {
               var h = Error(
-                (a || "React class") + ": " + l + " type `" + c + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[c] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (a || "React class") + ": " + l + " type `" + c + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[c] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw h.name = "Invariant Violation", h;
             }
-            f = s[c](o, c, a, l, null, t);
+            f = i[c](o, c, a, l, null, t);
           } catch (x) {
             f = x;
           }
@@ -6147,18 +6149,18 @@ function Dd() {
         }
     }
   }
-  return i.resetWarningCache = function() {
+  return s.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (n = {});
-  }, Mn = i, Mn;
+  }, Mn = s, Mn;
 }
-var Vn, js;
+var Vn, ji;
 function Od() {
-  if (js)
+  if (ji)
     return Vn;
-  js = 1;
-  var e = ua(), t = Vd(), n = Fr(), r = fa(), i = Dd(), s = function() {
+  ji = 1;
+  var e = ua(), t = Vd(), n = Fr(), r = fa(), s = Dd(), i = function() {
   };
-  process.env.NODE_ENV !== "production" && (s = function(l) {
+  process.env.NODE_ENV !== "production" && (i = function(l) {
     var a = "Warning: " + l;
     typeof console < "u" && console.error(a);
     try {
@@ -6216,7 +6218,7 @@ function Od() {
             throw R.name = "Invariant Violation", R;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var Se = $ + ":" + N;
-            !w[Se] && j < 3 && (s(
+            !w[Se] && j < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + U + "` prop on `" + $ + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), w[Se] = !0, j++);
           }
@@ -6295,9 +6297,9 @@ function Od() {
     }
     function B(v) {
       if (!Array.isArray(v))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : s("Invalid argument supplied to oneOf, expected an array.")), o;
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), o;
       function w(j, k, D, O, _) {
         for (var N = j[k], $ = 0; $ < v.length; $++)
           if (x(N, v[$]))
@@ -6329,11 +6331,11 @@ function Od() {
     }
     function H(v) {
       if (!Array.isArray(v))
-        return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), o;
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), o;
       for (var w = 0; w < v.length; w++) {
         var j = v[w];
         if (typeof j != "function")
-          return s(
+          return i(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + le(j) + " at index " + w + "."
           ), o;
       }
@@ -6469,14 +6471,14 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
     function Pe(v) {
       return !v.constructor || !v.constructor.name ? h : v.constructor.name;
     }
-    return g.checkPropTypes = i, g.resetWarningCache = i.resetWarningCache, g.PropTypes = g, g;
+    return g.checkPropTypes = s, g.resetWarningCache = s.resetWarningCache, g.PropTypes = g, g;
   }, Vn;
 }
-var Dn, Ms;
+var Dn, Mi;
 function Ld() {
-  if (Ms)
+  if (Mi)
     return Dn;
-  Ms = 1;
+  Mi = 1;
   var e = Fr();
   function t() {
   }
@@ -6492,10 +6494,10 @@ function Ld() {
       }
     }
     r.isRequired = r;
-    function i() {
+    function s() {
       return r;
     }
-    var s = {
+    var i = {
       array: r,
       bigint: r,
       bool: r,
@@ -6505,20 +6507,20 @@ function Ld() {
       string: r,
       symbol: r,
       any: r,
-      arrayOf: i,
+      arrayOf: s,
       element: r,
       elementType: r,
-      instanceOf: i,
+      instanceOf: s,
       node: r,
-      objectOf: i,
-      oneOf: i,
-      oneOfType: i,
-      shape: i,
-      exact: i,
+      objectOf: s,
+      oneOf: s,
+      oneOfType: s,
+      shape: s,
+      exact: s,
       checkPropTypes: n,
       resetWarningCache: t
     };
-    return s.PropTypes = s, s;
+    return i.PropTypes = i, i;
   }, Dn;
 }
 if (process.env.NODE_ENV !== "production") {
@@ -6539,29 +6541,29 @@ function Hn() {
 function Id(e, t) {
   if (e == null)
     return {};
-  var n = Fd(e, t), r, i;
+  var n = Fd(e, t), r, s;
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (i = 0; i < s.length; i++)
-      r = s[i], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (s = 0; s < i.length; s++)
+      r = i[s], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
   }
   return n;
 }
 function Fd(e, t) {
   if (e == null)
     return {};
-  var n = {}, r = Object.keys(e), i, s;
-  for (s = 0; s < r.length; s++)
-    i = r[s], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+  var n = {}, r = Object.keys(e), s, i;
+  for (i = 0; i < r.length; i++)
+    s = r[i], !(t.indexOf(s) >= 0) && (n[s] = e[s]);
   return n;
 }
 var Nr = Ot(function(e, t) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Id(e, ["color", "size"]);
+  var n = e.color, r = n === void 0 ? "currentColor" : n, s = e.size, i = s === void 0 ? 24 : s, o = Id(e, ["color", "size"]);
   return /* @__PURE__ */ Te.createElement("svg", Hn({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
-    width: s,
-    height: s,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: r,
@@ -6591,29 +6593,29 @@ function Xn() {
 function Bd(e, t) {
   if (e == null)
     return {};
-  var n = $d(e, t), r, i;
+  var n = $d(e, t), r, s;
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (i = 0; i < s.length; i++)
-      r = s[i], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (s = 0; s < i.length; s++)
+      r = i[s], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
   }
   return n;
 }
 function $d(e, t) {
   if (e == null)
     return {};
-  var n = {}, r = Object.keys(e), i, s;
-  for (s = 0; s < r.length; s++)
-    i = r[s], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+  var n = {}, r = Object.keys(e), s, i;
+  for (i = 0; i < r.length; i++)
+    s = r[i], !(t.indexOf(s) >= 0) && (n[s] = e[s]);
   return n;
 }
 var Br = Ot(function(e, t) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Bd(e, ["color", "size"]);
+  var n = e.color, r = n === void 0 ? "currentColor" : n, s = e.size, i = s === void 0 ? 24 : s, o = Bd(e, ["color", "size"]);
   return /* @__PURE__ */ Te.createElement("svg", Xn({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
-    width: s,
-    height: s,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: r,
@@ -6650,29 +6652,29 @@ function Zn() {
 function Wd(e, t) {
   if (e == null)
     return {};
-  var n = zd(e, t), r, i;
+  var n = zd(e, t), r, s;
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (i = 0; i < s.length; i++)
-      r = s[i], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (s = 0; s < i.length; s++)
+      r = i[s], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
   }
   return n;
 }
 function zd(e, t) {
   if (e == null)
     return {};
-  var n = {}, r = Object.keys(e), i, s;
-  for (s = 0; s < r.length; s++)
-    i = r[s], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+  var n = {}, r = Object.keys(e), s, i;
+  for (i = 0; i < r.length; i++)
+    s = r[i], !(t.indexOf(s) >= 0) && (n[s] = e[s]);
   return n;
 }
 var $r = Ot(function(e, t) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Wd(e, ["color", "size"]);
+  var n = e.color, r = n === void 0 ? "currentColor" : n, s = e.size, i = s === void 0 ? 24 : s, o = Wd(e, ["color", "size"]);
   return /* @__PURE__ */ Te.createElement("svg", Zn({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
-    width: s,
-    height: s,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: r,
@@ -6704,29 +6706,29 @@ function Jn() {
 function Kd(e, t) {
   if (e == null)
     return {};
-  var n = Gd(e, t), r, i;
+  var n = Gd(e, t), r, s;
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (i = 0; i < s.length; i++)
-      r = s[i], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (s = 0; s < i.length; s++)
+      r = i[s], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
   }
   return n;
 }
 function Gd(e, t) {
   if (e == null)
     return {};
-  var n = {}, r = Object.keys(e), i, s;
-  for (s = 0; s < r.length; s++)
-    i = r[s], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+  var n = {}, r = Object.keys(e), s, i;
+  for (i = 0; i < r.length; i++)
+    s = r[i], !(t.indexOf(s) >= 0) && (n[s] = e[s]);
   return n;
 }
 var Ur = Ot(function(e, t) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, i = e.size, s = i === void 0 ? 24 : i, o = Kd(e, ["color", "size"]);
+  var n = e.color, r = n === void 0 ? "currentColor" : n, s = e.size, i = s === void 0 ? 24 : s, o = Kd(e, ["color", "size"]);
   return /* @__PURE__ */ Te.createElement("svg", Jn({
     ref: t,
     xmlns: "http://www.w3.org/2000/svg",
-    width: s,
-    height: s,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: r,
@@ -6749,8 +6751,8 @@ const qd = Ur, Hd = ({
   messages: t,
   updateMessages: n,
   onMessageSent: r,
-  onEditMessage: i,
-  onDeleteMessage: s
+  onEditMessage: s,
+  onDeleteMessage: i
 }) => {
   const o = he(null), [l, a] = xe(!1), [u, c] = xe(null), [f, h] = xe(null), g = () => {
     setTimeout(() => {
@@ -6785,21 +6787,23 @@ const qd = Ur, Hd = ({
     });
     n([...t, A]), r(A), g();
   }, b = (p) => {
-    const A = new dn({
+    const A = URL.createObjectURL(p), B = new dn({
       id: new Date().toString(),
       text: "",
-      attachment: p,
+      attachmentUrl: A,
       attachmentType: Le.Voice,
+      attachmentBlob: p,
       user: e,
       isRightSided: !0,
       createdDate: new Date().toString()
     });
-    n([...t, A]), r(A), g();
+    n([...t, B]), r(B), g();
   }, S = (p, A) => {
     const B = URL.createObjectURL(p), M = new dn({
       id: new Date().toString(),
       text: "",
-      attachment: B,
+      attachmentUrl: B,
+      attachmentBlob: p,
       attachmentType: A,
       user: e,
       isRightSided: !0,
@@ -6809,7 +6813,7 @@ const qd = Ur, Hd = ({
   };
   return {
     handleDeleteConfirmation: () => {
-      u && (s(u), c(null)), a(!1);
+      u && (i(u), c(null)), a(!1);
     },
     handleCloseContextMenu: y,
     contextMenuItems: [
@@ -6818,7 +6822,7 @@ const qd = Ur, Hd = ({
         icon: /* @__PURE__ */ m.exports.jsx(Yd, { className: "text-gray-600" }),
         onlyCurrentUserMessage: !0,
         onClick: (p) => {
-          console.log("Edit clicked"), y(), i(p);
+          console.log("Edit clicked"), y(), s(p);
         }
       },
       {
@@ -6860,8 +6864,8 @@ const qd = Ur, Hd = ({
   height: t = "600px",
   isLoadingChat: n,
   className: r,
-  style: i,
-  messages: s,
+  style: s,
+  messages: i,
   user: o,
   updateMessages: l,
   onMessageSent: a,
@@ -6885,7 +6889,7 @@ const qd = Ur, Hd = ({
     setIsModalOpen: B
   } = Hd({
     user: o,
-    messages: s,
+    messages: i,
     updateMessages: l,
     onMessageSent: a,
     onEditMessage: c,
@@ -6899,7 +6903,7 @@ const qd = Ur, Hd = ({
         width: e,
         height: t,
         background: "url(" + h + ")",
-        ...i
+        ...s
       },
       onClick: x,
       children: [
@@ -6908,12 +6912,12 @@ const qd = Ur, Hd = ({
           {
             ref: A,
             className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${p ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
-            children: n ? /* @__PURE__ */ m.exports.jsx(ca, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ m.exports.jsx(ks, { children: s.length > 0 ? s.map((F, ne) => {
+            children: n ? /* @__PURE__ */ m.exports.jsx(ca, { className: "mt-3", size: 27, color: "text-gray-800" }) : /* @__PURE__ */ m.exports.jsx(ki, { children: i.length > 0 ? i.map((F, ne) => {
               var te, ye, ae;
-              const ge = F != null && F.attachment ? /* @__PURE__ */ m.exports.jsx(
+              const ge = F != null && F.attachmentUrl ? /* @__PURE__ */ m.exports.jsx(
                 Cd,
                 {
-                  attachment: F.attachment,
+                  attachmentUrl: F.attachmentUrl,
                   attachmentType: F == null ? void 0 : F.attachmentType,
                   attachmentFormat: F == null ? void 0 : F.attachmentFormat
                 },
@@ -6929,7 +6933,7 @@ const qd = Ur, Hd = ({
                   },
                   ne
                 );
-              const oe = ((ye = (te = s[ne - 1]) == null ? void 0 : te.user) == null ? void 0 : ye.id) !== ((ae = F == null ? void 0 : F.user) == null ? void 0 : ae.id);
+              const oe = ((ye = (te = i[ne - 1]) == null ? void 0 : te.user) == null ? void 0 : ye.id) !== ((ae = F == null ? void 0 : F.user) == null ? void 0 : ae.id);
               return /* @__PURE__ */ m.exports.jsx(
                 Ed,
                 {