npm - @ukpc-lib/react - Versions diffs - 0.2.26 → 0.2.28 - Mend

@ukpc-lib/react 0.2.26 → 0.2.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components/index.cjs +21 -21
package/dist/components/index.js +545 -523
package/package.json +1 -1
package/web-components-bundle/global-topbar/index.cjs +1 -1
package/web-components-bundle/global-topbar/index.js +1 -1
package/web-components-bundle/has-permission/index.cjs +1 -1
package/web-components-bundle/has-permission/index.js +1 -1
package/web-components-bundle/{index-aff1e7a4.js → index-ed2b29bc.js} +84 -62
package/web-components-bundle/{index-04dc6603.cjs → index-f93fc96f.cjs} +3 -3

package/dist/components/index.js CHANGED Viewed

@@ -129,8 +129,24 @@ const Tu = (e) => {
   ] });
 }, _u = ({ notification: e, handleUpdateRead: t }) => {
   const n = (r) => {
-    const i = ae(), s = ae(r), o = i.diff(s, "days");
-    return o === 0 ? "Today" : o === 1 ? "Yesterday" : o >= 2 && o <= 7 ? `Last ${o} days` : o === 8 || o === 9 || o === 10 ? "1 week ago" : o >= 11 && o <= 14 ? "2 weeks ago" : s.format("MMMM DD, YYYY");
+    const i = ae(), s = ae(r), o = i.diff(s, "days"), a = i.diff(s, "minutes"), l = i.diff(s, "months"), c = i.diff(s, "years");
+    if (a < 1)
+      return "Just now";
+    if (o === 0) {
+      if (a <= 60)
+        return `${a} minutes ago`;
+      const u = Math.floor(a / 60);
+      return `${u} hour${u > 1 ? "s" : ""} ago`;
+    }
+    if (o === 1)
+      return "Yesterday";
+    if (o >= 2 && o <= 7)
+      return `${o} days ago`;
+    if (l === 0 || l === 1) {
+      const u = Math.ceil(o / 7);
+      return `${u} week${u > 1 ? "s" : ""} ago`;
+    }
+    return l < 12 ? `${Math.floor(l / 4)} months ago` : c === 1 ? "1 year ago" : "Over 1 year ago";
   };
   return /* @__PURE__ */ k(
     "div",
@@ -208,17 +224,17 @@ const Tu = (e) => {
     withCredentials: !0
   });
   Promise.all([o, a]).then((l) => {
-    var c, d, u, h;
+    var c, u, d, h;
     console.log("result: " + l), n({
-      all: { rows: (c = l[0].data) == null ? void 0 : c.rows, total: (d = l[0].data) == null ? void 0 : d.total },
+      all: { rows: (c = l[0].data) == null ? void 0 : c.rows, total: (u = l[0].data) == null ? void 0 : u.total },
       unread: {
-        rows: (u = l[1].data) == null ? void 0 : u.rows,
+        rows: (d = l[1].data) == null ? void 0 : d.rows,
         total: (h = l[1].data) == null ? void 0 : h.total
       }
     });
   });
 }, Pu = ({ baseUrl: e, notiPath: t }) => {
-  var u, h, p, y;
+  var d, h, p, y;
   const { setShowModalFalse: n } = ie(an), { notidata: r, setNotiData: i } = ie(an);
   console.log(r);
   const [s, o] = K("all"), a = wa({ baseUrl: e, notiPath: t, setNotiData: i }), l = async () => {
@@ -251,10 +267,10 @@ const Tu = (e) => {
       );
     }
     await a();
-  }, d = [
+  }, u = [
     {
       id: "all",
-      tabTitle: `All (${((u = r == null ? void 0 : r.all) == null ? void 0 : u.total) || 0})`,
+      tabTitle: `All (${((d = r == null ? void 0 : r.all) == null ? void 0 : d.total) || 0})`,
       children: /* @__PURE__ */ g(
         ho,
         {
@@ -333,7 +349,7 @@ const Tu = (e) => {
         /* @__PURE__ */ g(
           Tu,
           {
-            tabs: d,
+            tabs: u,
             setCurrentTab: o,
             currentTab: s
           }
@@ -347,74 +363,80 @@ function Au({
   baseUrl: t,
   notiPath: n
 }) {
-  var c;
+  var c, u;
   const { isOpen: r, toggleOpen: i } = ie(an), { notidata: s, setNotiData: o } = ie(an), a = wa({ baseUrl: t, notiPath: n, setNotiData: o }), l = async () => {
-    var d, u;
+    var d, h;
     try {
       await a();
-    } catch (h) {
+    } catch (p) {
       Zn(
-        ((u = (d = h.response) == null ? void 0 : d.data) == null ? void 0 : u.errorMessage) || "Have error when get notification list"
+        ((h = (d = p.response) == null ? void 0 : d.data) == null ? void 0 : h.errorMessage) || "Have error when get notification list"
       );
     }
   };
   return be(() => {
     l();
-  }, []), /* @__PURE__ */ k("div", { children: [
-    /* @__PURE__ */ k(
-      "svg",
-      {
-        width: "24",
-        height: "25",
-        viewBox: "0 0 24 25",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        onClick: i,
-        style: { cursor: "pointer" },
-        children: [
-          /* @__PURE__ */ g(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",
-              stroke: e,
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ),
-          /* @__PURE__ */ g(
-            "path",
-            {
-              d: "M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",
-              stroke: e,
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        ]
-      }
-    ),
-    (s == null ? void 0 : s.unread) && (s == null ? void 0 : s.unread.total) != 0 && /* @__PURE__ */ g(
-      "span",
-      {
-        style: {
-          position: "absolute",
-          top: "18px",
-          background: `${va.dangerDark}`,
-          width: "13px",
-          height: "13px",
-          border: "1px solid #fff",
-          borderRadius: "50%",
-          color: "#fff",
-          fontSize: "8px"
-        },
-        className: "notification-badge",
-        children: (c = s == null ? void 0 : s.unread) == null ? void 0 : c.total
-      }
-    ),
+  }, [r]), /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ k(
+        "svg",
+        {
+          width: "24",
+          height: "25",
+          viewBox: "0 0 24 25",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          onClick: i,
+          style: { cursor: "pointer" },
+          children: [
+            /* @__PURE__ */ g(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",
+                stroke: e,
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ g(
+              "path",
+              {
+                d: "M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",
+                stroke: e,
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      ),
+      (s == null ? void 0 : s.unread) && (s == null ? void 0 : s.unread.total) != 0 && /* @__PURE__ */ g(
+        "span",
+        {
+          style: {
+            position: "absolute",
+            top: "-9px",
+            right: "-6px",
+            background: `${va.dangerDark}`,
+            width: "20px",
+            height: "20px",
+            border: "1px solid #fff",
+            borderRadius: "50%",
+            color: "#fff",
+            fontSize: "12px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          className: "notification-badge",
+          children: ((c = s == null ? void 0 : s.unread) == null ? void 0 : c.total) > 9 ? "9+" : `${(u = s == null ? void 0 : s.unread) == null ? void 0 : u.total}`
+        }
+      )
+    ] }),
     !r && /* @__PURE__ */ g(Pu, { baseUrl: t, notiPath: n })
   ] });
 }
@@ -428,7 +450,7 @@ function Sa({ children: e, styles: t = [], ...n }) {
 }
 const Ou = `.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar{position:fixed;display:flex;z-index:30;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}.userAvatarNull{width:2.5rem;height:2.5rem;background:#DDDDDD;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}
 `, Mu = `.tab-title{min-width:90px;padding:5px 16px;font-size:14px;font-weight:500;color:#c5c5c5;transition:all .3s ease-in-out;position:relative}.tab-title.is-active{color:#2e7d32}.tab-title.is-active:before{transition:all .3s ease-in-out;position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-bottom:2px solid #2E7D32}.tab-content{padding:16px 0}
-`, Nu = `:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto}.notitification-item__container{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notitification-item__container:not(:last-child):before{position:absolute;content:"";width:100%;bottom:-5px;left:0;border:1px solid #FAFAFA}.notitification-item__container:hover:before{opacity:1}.notification-item__image-container{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__context-link{color:#007bff}.notification-item__content{width:65%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}
+`, Nu = `:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto}.notitification-item__container{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notitification-item__container:not(:last-child):before{position:absolute;content:"";width:100%;bottom:-5px;left:0;border:1px solid #FAFAFA}.notitification-item__container:hover:before{opacity:1}.notification-item__image-container{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__context-link{color:#007bff}.notification-item__content{width:62%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}
 `, Du = `._notification-massage_container_ql4az_1{background:#fff;padding:0 64px 0 84px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif}._notification-massage_container_ql4az_1:before{position:absolute;content:"";width:48px;height:48px;background:url(https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg) no-repeat center/100%;top:12px;left:24px}._notification-name_ql4az_18{font-weight:500;font-size:14px}._notification-message_service_ql4az_23{font-size:12px}._notification-message_button-close_ql4az_27{position:absolute;top:12px;right:24px;width:24px;height:24px}
 `, Ru = `._subscription-diaglog_12x9u_2{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#0006;z-index:10000;display:flex;align-items:center;justify-content:center}._subscription-container_12x9u_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff}._subscription-title_12x9u_24{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_12x9u_24,._subscription-text_12x9u_33{margin-bottom:24px}._subscription-btn__container_12x9u_37{display:flex;justify-content:space-between;align-items:center}._btn-success_12x9u_43,._btn-cancel_12x9u_44{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px}._btn-cancel_12x9u_44{background-color:#ddd}._btn-success_12x9u_43{background-color:#93d500}
 `;
@@ -552,7 +574,7 @@ function z3({
     ...i,
     color: (o == null ? void 0 : o.color) || "black",
     backgroundColor: (o == null ? void 0 : o.bgColor) || "black"
-  }, [d, u] = K(!1), h = () => {
+  }, [u, d] = K(!1), h = () => {
     window.location.href = `${n}/authentication/logout?callbackUrl=${window.location.href}`;
   };
   return /* @__PURE__ */ k(
@@ -614,7 +636,7 @@ function z3({
                       primaryColor: o == null ? void 0 : o.primaryColor,
                       avatarUrl: t == null ? void 0 : t.avatarUrl,
                       userName: t == null ? void 0 : t.firstName,
-                      setShowConfirmModal: u
+                      setShowConfirmModal: d
                     }
                   ),
                   /* @__PURE__ */ g("p", { className: "userFullName", children: `${(t == null ? void 0 : t.firstName) || "Unknown"} ${(t == null ? void 0 : t.lastName) || "User"}` })
@@ -626,8 +648,8 @@ function z3({
         /* @__PURE__ */ g(
           xa,
           {
-            isOpen: d,
-            onClose: () => u(!1),
+            isOpen: u,
+            onClose: () => d(!1),
             onConfirm: h
           }
         )
@@ -741,10 +763,10 @@ function $u({
   setShowConfirmModal: n,
   primaryColor: r = "#009d4f"
 }) {
-  const [i, s] = K(!1), o = ze(null), a = ze(null), [l, c] = K(!1), [d, u] = K(!1), h = {
+  const [i, s] = K(!1), o = ze(null), a = ze(null), [l, c] = K(!1), [u, d] = K(!1), h = {
     backgroundColor: l ? r : "transparent"
   }, p = {
-    backgroundColor: d ? r : "transparent"
+    backgroundColor: u ? r : "transparent"
   };
   return be(() => {
     const y = (f) => {
@@ -782,8 +804,8 @@ function $u({
           /* @__PURE__ */ g(
             "li",
             {
-              onMouseEnter: () => u(!0),
-              onMouseLeave: () => u(!1),
+              onMouseEnter: () => d(!0),
+              onMouseLeave: () => d(!1),
               style: p,
               className: "avatar-dropdown-item",
               children: "Profile"
@@ -873,24 +895,24 @@ var ud = function() {
 const Ir = ud;
 var dd = "Expected a function", fd = Math.max, hd = Math.min;
 function Fn(e, t, n) {
-  var r, i, s, o, a, l, c = 0, d = !1, u = !1, h = !0;
+  var r, i, s, o, a, l, c = 0, u = !1, d = !1, h = !0;
   if (typeof e != "function")
     throw new TypeError(dd);
-  t = go(t) || 0, Qn(n) && (d = !!n.leading, u = "maxWait" in n, s = u ? fd(go(n.maxWait) || 0, t) : s, h = "trailing" in n ? !!n.trailing : h);
+  t = go(t) || 0, Qn(n) && (u = !!n.leading, d = "maxWait" in n, s = d ? fd(go(n.maxWait) || 0, t) : s, h = "trailing" in n ? !!n.trailing : h);
   function p(E) {
     var C = r, T = i;
     return r = i = void 0, c = E, o = e.apply(T, C), o;
   }
   function y(E) {
-    return c = E, a = setTimeout(b, t), d ? p(E) : o;
+    return c = E, a = setTimeout(b, t), u ? p(E) : o;
   }
   function f(E) {
     var C = E - l, T = E - c, P = t - C;
-    return u ? hd(P, s - T) : P;
+    return d ? hd(P, s - T) : P;
   }
   function m(E) {
     var C = E - l, T = E - c;
-    return l === void 0 || C >= t || C < 0 || u && T >= s;
+    return l === void 0 || C >= t || C < 0 || d && T >= s;
   }
   function b() {
     var E = Ir();
@@ -912,7 +934,7 @@ function Fn(e, t, n) {
     if (r = arguments, i = this, l = E, C) {
       if (a === void 0)
         return y(l);
-      if (u)
+      if (d)
         return clearTimeout(a), a = setTimeout(b, t), p(l);
     }
     return a === void 0 && (a = setTimeout(b, t)), o;
@@ -1042,11 +1064,11 @@ var vd = /* @__PURE__ */ Object.freeze({
           r.axis.x.track.rect = r.axis.x.track.el.getBoundingClientRect(), r.axis.y.track.rect = r.axis.y.track.el.getBoundingClientRect(), (r.axis.x.isOverflowing || r.axis.x.forceVisible) && (s = r.isWithinBounds(r.axis.x.track.rect)), (r.axis.y.isOverflowing || r.axis.y.forceVisible) && (o = r.isWithinBounds(r.axis.y.track.rect)), (s || o) && (i.stopPropagation(), i.type === "pointerdown" && i.pointerType !== "touch" && (s && (r.axis.x.scrollbar.rect = r.axis.x.scrollbar.el.getBoundingClientRect(), r.isWithinBounds(r.axis.x.scrollbar.rect) ? r.onDragStart(i, "x") : r.onTrackClick(i, "x")), o && (r.axis.y.scrollbar.rect = r.axis.y.scrollbar.el.getBoundingClientRect(), r.isWithinBounds(r.axis.y.scrollbar.rect) ? r.onDragStart(i, "y") : r.onTrackClick(i, "y"))));
         }
       }, this.drag = function(i) {
-        var s, o, a, l, c, d, u, h, p, y, f;
+        var s, o, a, l, c, u, d, h, p, y, f;
         if (!(!r.draggedAxis || !r.contentWrapperEl)) {
-          var m, b = r.axis[r.draggedAxis].track, w = (o = (s = b.rect) === null || s === void 0 ? void 0 : s[r.axis[r.draggedAxis].sizeAttr]) !== null && o !== void 0 ? o : 0, x = r.axis[r.draggedAxis].scrollbar, S = (l = (a = r.contentWrapperEl) === null || a === void 0 ? void 0 : a[r.axis[r.draggedAxis].scrollSizeAttr]) !== null && l !== void 0 ? l : 0, v = parseInt((d = (c = r.elStyles) === null || c === void 0 ? void 0 : c[r.axis[r.draggedAxis].sizeAttr]) !== null && d !== void 0 ? d : "0px", 10);
+          var m, b = r.axis[r.draggedAxis].track, w = (o = (s = b.rect) === null || s === void 0 ? void 0 : s[r.axis[r.draggedAxis].sizeAttr]) !== null && o !== void 0 ? o : 0, x = r.axis[r.draggedAxis].scrollbar, S = (l = (a = r.contentWrapperEl) === null || a === void 0 ? void 0 : a[r.axis[r.draggedAxis].scrollSizeAttr]) !== null && l !== void 0 ? l : 0, v = parseInt((u = (c = r.elStyles) === null || c === void 0 ? void 0 : c[r.axis[r.draggedAxis].sizeAttr]) !== null && u !== void 0 ? u : "0px", 10);
           i.preventDefault(), i.stopPropagation(), r.draggedAxis === "y" ? m = i.pageY : m = i.pageX;
-          var E = m - ((h = (u = b.rect) === null || u === void 0 ? void 0 : u[r.axis[r.draggedAxis].offsetAttr]) !== null && h !== void 0 ? h : 0) - r.axis[r.draggedAxis].dragOffset;
+          var E = m - ((h = (d = b.rect) === null || d === void 0 ? void 0 : d[r.axis[r.draggedAxis].offsetAttr]) !== null && h !== void 0 ? h : 0) - r.axis[r.draggedAxis].dragOffset;
           E = r.draggedAxis === "x" && r.isRtl ? ((y = (p = b.rect) === null || p === void 0 ? void 0 : p[r.axis[r.draggedAxis].sizeAttr]) !== null && y !== void 0 ? y : 0) - x.size - E : E;
           var C = E / (w - x.size), T = C * (S - v);
           r.draggedAxis === "x" && r.isRtl && (T = !((f = e.getRtlHelpers()) === null || f === void 0) && f.isScrollingToNegative ? -T : T), r.contentWrapperEl[r.axis[r.draggedAxis].scrollOffsetAttr] = T;
@@ -1155,10 +1177,10 @@ var vd = /* @__PURE__ */ Object.freeze({
         this.contentEl.style.padding = "".concat(this.elStyles.paddingTop, " ").concat(this.elStyles.paddingRight, " ").concat(this.elStyles.paddingBottom, " ").concat(this.elStyles.paddingLeft), this.wrapperEl.style.margin = "-".concat(this.elStyles.paddingTop, " -").concat(this.elStyles.paddingRight, " -").concat(this.elStyles.paddingBottom, " -").concat(this.elStyles.paddingLeft);
         var l = this.contentEl.scrollHeight, c = this.contentEl.scrollWidth;
         this.contentWrapperEl.style.height = r ? "auto" : "100%", this.placeholderEl.style.width = i ? "".concat(n || c, "px") : "auto", this.placeholderEl.style.height = "".concat(l, "px");
-        var d = this.contentWrapperEl.offsetHeight;
-        this.axis.x.isOverflowing = n !== 0 && c > n, this.axis.y.isOverflowing = l > d, this.axis.x.isOverflowing = o === "hidden" ? !1 : this.axis.x.isOverflowing, this.axis.y.isOverflowing = a === "hidden" ? !1 : this.axis.y.isOverflowing, this.axis.x.forceVisible = this.options.forceVisible === "x" || this.options.forceVisible === !0, this.axis.y.forceVisible = this.options.forceVisible === "y" || this.options.forceVisible === !0, this.hideNativeScrollbar();
-        var u = this.axis.x.isOverflowing ? this.scrollbarWidth : 0, h = this.axis.y.isOverflowing ? this.scrollbarWidth : 0;
-        this.axis.x.isOverflowing = this.axis.x.isOverflowing && c > s - h, this.axis.y.isOverflowing = this.axis.y.isOverflowing && l > d - u, this.axis.x.scrollbar.size = this.getScrollbarSize("x"), this.axis.y.scrollbar.size = this.getScrollbarSize("y"), this.axis.x.scrollbar.el && (this.axis.x.scrollbar.el.style.width = "".concat(this.axis.x.scrollbar.size, "px")), this.axis.y.scrollbar.el && (this.axis.y.scrollbar.el.style.height = "".concat(this.axis.y.scrollbar.size, "px")), this.positionScrollbar("x"), this.positionScrollbar("y"), this.toggleTrackVisibility("x"), this.toggleTrackVisibility("y");
+        var u = this.contentWrapperEl.offsetHeight;
+        this.axis.x.isOverflowing = n !== 0 && c > n, this.axis.y.isOverflowing = l > u, this.axis.x.isOverflowing = o === "hidden" ? !1 : this.axis.x.isOverflowing, this.axis.y.isOverflowing = a === "hidden" ? !1 : this.axis.y.isOverflowing, this.axis.x.forceVisible = this.options.forceVisible === "x" || this.options.forceVisible === !0, this.axis.y.forceVisible = this.options.forceVisible === "y" || this.options.forceVisible === !0, this.hideNativeScrollbar();
+        var d = this.axis.x.isOverflowing ? this.scrollbarWidth : 0, h = this.axis.y.isOverflowing ? this.scrollbarWidth : 0;
+        this.axis.x.isOverflowing = this.axis.x.isOverflowing && c > s - h, this.axis.y.isOverflowing = this.axis.y.isOverflowing && l > u - d, this.axis.x.scrollbar.size = this.getScrollbarSize("x"), this.axis.y.scrollbar.size = this.getScrollbarSize("y"), this.axis.x.scrollbar.el && (this.axis.x.scrollbar.el.style.width = "".concat(this.axis.x.scrollbar.size, "px")), this.axis.y.scrollbar.el && (this.axis.y.scrollbar.el.style.height = "".concat(this.axis.y.scrollbar.size, "px")), this.positionScrollbar("x"), this.positionScrollbar("y"), this.toggleTrackVisibility("x"), this.toggleTrackVisibility("y");
       }
     }, e.prototype.getScrollbarSize = function(t) {
       var n, r;
@@ -1173,8 +1195,8 @@ var vd = /* @__PURE__ */ Object.freeze({
       if (!(!this.axis[t].isOverflowing || !this.contentWrapperEl || !s.el || !this.elStyles)) {
         var o = this.contentWrapperEl[this.axis[t].scrollSizeAttr], a = ((n = this.axis[t].track.el) === null || n === void 0 ? void 0 : n[this.axis[t].offsetSizeAttr]) || 0, l = parseInt(this.elStyles[this.axis[t].sizeAttr], 10), c = this.contentWrapperEl[this.axis[t].scrollOffsetAttr];
         c = t === "x" && this.isRtl && (!((r = e.getRtlHelpers()) === null || r === void 0) && r.isScrollOriginAtZero) ? -c : c, t === "x" && this.isRtl && (c = !((i = e.getRtlHelpers()) === null || i === void 0) && i.isScrollingToNegative ? c : -c);
-        var d = c / (o - l), u = ~~((a - s.size) * d);
-        u = t === "x" && this.isRtl ? -u + (a - s.size) : u, s.el.style.transform = t === "x" ? "translate3d(".concat(u, "px, 0, 0)") : "translate3d(0, ".concat(u, "px, 0)");
+        var u = c / (o - l), d = ~~((a - s.size) * u);
+        d = t === "x" && this.isRtl ? -d + (a - s.size) : d, s.el.style.transform = t === "x" ? "translate3d(".concat(d, "px, 0, 0)") : "translate3d(0, ".concat(d, "px, 0)");
       }
     }, e.prototype.toggleTrackVisibility = function(t) {
       t === void 0 && (t = "y");
@@ -1205,7 +1227,7 @@ var vd = /* @__PURE__ */ Object.freeze({
         t.preventDefault();
         var c = Xe(this.el);
         this.axis[n].scrollbar.rect = l.scrollbar.el.getBoundingClientRect();
-        var d = this.axis[n].scrollbar, u = (s = (i = d.rect) === null || i === void 0 ? void 0 : i[this.axis[n].offsetAttr]) !== null && s !== void 0 ? s : 0, h = parseInt((a = (o = this.elStyles) === null || o === void 0 ? void 0 : o[this.axis[n].sizeAttr]) !== null && a !== void 0 ? a : "0px", 10), p = this.contentWrapperEl[this.axis[n].scrollOffsetAttr], y = n === "y" ? this.mouseY - u : this.mouseX - u, f = y < 0 ? -1 : 1, m = f === -1 ? p - h : p + h, b = 40, w = function() {
+        var u = this.axis[n].scrollbar, d = (s = (i = u.rect) === null || i === void 0 ? void 0 : i[this.axis[n].offsetAttr]) !== null && s !== void 0 ? s : 0, h = parseInt((a = (o = this.elStyles) === null || o === void 0 ? void 0 : o[this.axis[n].sizeAttr]) !== null && a !== void 0 ? a : "0px", 10), p = this.contentWrapperEl[this.axis[n].scrollOffsetAttr], y = n === "y" ? this.mouseY - d : this.mouseX - d, f = y < 0 ? -1 : 1, m = f === -1 ? p - h : p + h, b = 40, w = function() {
           r.contentWrapperEl && (f === -1 ? p > m && (p -= b, r.contentWrapperEl[r.axis[n].scrollOffsetAttr] = p, c.requestAnimationFrame(w)) : p < m && (p += b, r.contentWrapperEl[r.axis[n].scrollOffsetAttr] = p, c.requestAnimationFrame(w)));
         };
         w();
@@ -1277,11 +1299,11 @@ function xd(e, t) {
   return n;
 }
 var Na = N.forwardRef(function(e, t) {
-  var n = e.children, r = e.scrollableNodeProps, i = r === void 0 ? {} : r, s = xd(e, ["children", "scrollableNodeProps"]), o = N.useRef(), a = N.useRef(), l = N.useRef(), c = {}, d = {};
+  var n = e.children, r = e.scrollableNodeProps, i = r === void 0 ? {} : r, s = xd(e, ["children", "scrollableNodeProps"]), o = N.useRef(), a = N.useRef(), l = N.useRef(), c = {}, u = {};
   Object.keys(s).forEach(function(p) {
-    Object.prototype.hasOwnProperty.call(Nn.defaultOptions, p) ? c[p] = s[p] : d[p] = s[p];
+    Object.prototype.hasOwnProperty.call(Nn.defaultOptions, p) ? c[p] = s[p] : u[p] = s[p];
   });
-  var u = ye(ye({}, Nn.defaultOptions.classNames), c.classNames), h = ye(ye({}, i), { className: "".concat(u.contentWrapper).concat(i.className ? " ".concat(i.className) : ""), tabIndex: 0, role: "region", "aria-label": c.ariaLabel || Nn.defaultOptions.ariaLabel });
+  var d = ye(ye({}, Nn.defaultOptions.classNames), c.classNames), h = ye(ye({}, i), { className: "".concat(d.contentWrapper).concat(i.className ? " ".concat(i.className) : ""), tabIndex: 0, role: "region", "aria-label": c.ariaLabel || Nn.defaultOptions.ariaLabel });
   return N.useEffect(function() {
     var p;
     return a.current = h.ref ? h.ref.current : a.current, o.current && (p = new Nn(o.current, ye(ye(ye({}, c), a.current && {
@@ -1293,43 +1315,43 @@ var Na = N.forwardRef(function(e, t) {
     };
   }, []), N.createElement(
     "div",
-    ye({ "data-simplebar": "init", ref: o }, d),
+    ye({ "data-simplebar": "init", ref: o }, u),
     N.createElement(
       "div",
-      { className: u.wrapper },
+      { className: d.wrapper },
       N.createElement(
         "div",
-        { className: u.heightAutoObserverWrapperEl },
-        N.createElement("div", { className: u.heightAutoObserverEl })
+        { className: d.heightAutoObserverWrapperEl },
+        N.createElement("div", { className: d.heightAutoObserverEl })
       ),
       N.createElement(
         "div",
-        { className: u.mask },
-        N.createElement("div", { className: u.offset }, typeof n == "function" ? n({
+        { className: d.mask },
+        N.createElement("div", { className: d.offset }, typeof n == "function" ? n({
           scrollableNodeRef: a,
           scrollableNodeProps: ye(ye({}, h), { ref: a }),
           contentNodeRef: l,
           contentNodeProps: {
-            className: u.contentEl,
+            className: d.contentEl,
             ref: l
           }
         }) : N.createElement(
           "div",
           ye({}, h),
-          N.createElement("div", { className: u.contentEl }, n)
+          N.createElement("div", { className: d.contentEl }, n)
         ))
       ),
-      N.createElement("div", { className: u.placeholder })
+      N.createElement("div", { className: d.placeholder })
     ),
     N.createElement(
       "div",
-      { className: "".concat(u.track, " simplebar-horizontal") },
-      N.createElement("div", { className: u.scrollbar })
+      { className: "".concat(d.track, " simplebar-horizontal") },
+      N.createElement("div", { className: d.scrollbar })
     ),
     N.createElement(
       "div",
-      { className: "".concat(u.track, " simplebar-vertical") },
-      N.createElement("div", { className: u.scrollbar })
+      { className: "".concat(d.track, " simplebar-vertical") },
+      N.createElement("div", { className: d.scrollbar })
     )
   );
 });
@@ -1379,11 +1401,11 @@ function Cd(e, t, n, r) {
   lu(() => {
     c && c.update(n, o);
   });
-  const d = ze(!!(n[Va] && !window.HandoffComplete));
+  const u = ze(!!(n[Va] && !window.HandoffComplete));
   return Sd(() => {
-    c && (c.render(), d.current && c.animationState && c.animationState.animateChanges());
+    c && (c.render(), u.current && c.animationState && c.animationState.animateChanges());
   }), be(() => {
-    c && (c.updateFeatures(), !d.current && c.animationState && c.animationState.animateChanges(), d.current && (d.current = !1, window.HandoffComplete = !0));
+    c && (c.updateFeatures(), !u.current && c.animationState && c.animationState.animateChanges(), u.current && (u.current = !1, window.HandoffComplete = !0));
   }), c;
 }
 function Ot(e) {
@@ -1476,17 +1498,17 @@ function Od({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
   e && Ad(e);
   function s(a, l) {
     let c;
-    const d = {
+    const u = {
       ...ie(Da),
       ...a,
       layoutId: Md(a)
-    }, { isStatic: u } = d, h = Pd(a), p = r(a, u);
-    if (!u && mr) {
-      h.visualElement = Cd(i, p, d, t);
+    }, { isStatic: d } = u, h = Pd(a), p = r(a, d);
+    if (!d && mr) {
+      h.visualElement = Cd(i, p, u, t);
       const y = ie($a), f = ie(Ra).strict;
       h.visualElement && (c = h.visualElement.loadFeatures(
         // Note: Pass the full new combined props to correctly re-render dynamic feature components.
-        d,
+        u,
         f,
         e,
         y
@@ -1495,8 +1517,8 @@ function Od({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
     return N.createElement(
       pr.Provider,
       { value: h },
-      c && h.visualElement ? N.createElement(c, { visualElement: h.visualElement, ...d }) : null,
-      n(i, a, Td(p, h.visualElement, l), p, u, h.visualElement)
+      c && h.visualElement ? N.createElement(c, { visualElement: h.visualElement, ...u }) : null,
+      n(i, a, Td(p, h.visualElement, l), p, d, h.visualElement)
     );
   }
   const o = ya(s);
@@ -1705,24 +1727,24 @@ const xn = (e) => ({
 };
 function Pi(e, t, n, r) {
   const { style: i, vars: s, transform: o, transformOrigin: a } = e;
-  let l = !1, c = !1, d = !0;
-  for (const u in t) {
-    const h = t[u];
-    if (ja(u)) {
-      s[u] = h;
+  let l = !1, c = !1, u = !0;
+  for (const d in t) {
+    const h = t[d];
+    if (ja(d)) {
+      s[d] = h;
       continue;
     }
-    const p = Wa[u], y = zd(h, p);
-    if (yt.has(u)) {
-      if (l = !0, o[u] = y, !d)
+    const p = Wa[d], y = zd(h, p);
+    if (yt.has(d)) {
+      if (l = !0, o[d] = y, !u)
         continue;
-      h !== (p.default || 0) && (d = !1);
+      h !== (p.default || 0) && (u = !1);
     } else
-      u.startsWith("origin") ? (c = !0, a[u] = y) : i[u] = y;
+      d.startsWith("origin") ? (c = !0, a[d] = y) : i[d] = y;
   }
-  if (t.transform || (l || r ? i.transform = Ld(e.transform, n, d, r) : i.transform && (i.transform = "none")), c) {
-    const { originX: u = "50%", originY: h = "50%", originZ: p = 0 } = a;
-    i.transformOrigin = `${u} ${h} ${p}`;
+  if (t.transform || (l || r ? i.transform = Ld(e.transform, n, u, r) : i.transform && (i.transform = "none")), c) {
+    const { originX: d = "50%", originY: h = "50%", originZ: p = 0 } = a;
+    i.transformOrigin = `${d} ${h} ${p}`;
   }
 }
 const Ai = () => ({
@@ -1832,8 +1854,8 @@ function ki(e, {
   pathOffset: l = 0,
   // This is object creation, which we try to avoid per-frame.
   ...c
-}, d, u, h) {
-  if (Pi(e, c, d, h), u) {
+}, u, d, h) {
+  if (Pi(e, c, u, h), d) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
@@ -1861,13 +1883,13 @@ function Qd(e, t, n, r) {
 }
 function e0(e = !1) {
   return (n, r, i, { latestValues: s }, o) => {
-    const l = (_i(n) ? Qd : Ud)(r, s, o, n), d = {
+    const l = (_i(n) ? Qd : Ud)(r, s, o, n), u = {
       ...qd(r, typeof n == "string", e),
       ...l,
       ref: i
-    }, { children: u } = r, h = hr(() => pe(u) ? u.get() : u, [u]);
+    }, { children: d } = r, h = hr(() => pe(d) ? d.get() : d, [d]);
     return en(n, {
-      ...d,
+      ...u,
       children: h
     });
   };
@@ -1952,10 +1974,10 @@ function o0(e, t, n, r) {
   let { initial: o, animate: a } = e;
   const l = yr(e), c = Ia(e);
   t && c && !l && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
-  let d = n ? n.initial === !1 : !1;
-  d = d || o === !1;
-  const u = d ? a : o;
-  return u && typeof u != "boolean" && !gr(u) && (Array.isArray(u) ? u : [u]).forEach((p) => {
+  let u = n ? n.initial === !1 : !1;
+  u = u || o === !1;
+  const d = u ? a : o;
+  return d && typeof d != "boolean" && !gr(d) && (Array.isArray(d) ? d : [d]).forEach((p) => {
     const y = Ni(e, p);
     if (!y)
       return;
@@ -1963,7 +1985,7 @@ function o0(e, t, n, r) {
     for (const w in b) {
       let x = b[w];
       if (Array.isArray(x)) {
-        const S = d ? x.length - 1 : 0;
+        const S = u ? x.length - 1 : 0;
         x = x[S];
       }
       x !== null && (i[w] = x);
@@ -1995,9 +2017,9 @@ function s0(e) {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (l, c = !1, d = !1) => {
-      const u = d && i, h = u ? t : n;
-      return c && o.add(l), h.add(l) && u && i && (r = t.order.length), l;
+    schedule: (l, c = !1, u = !1) => {
+      const d = u && i, h = d ? t : n;
+      return c && o.add(l), h.add(l) && d && i && (r = t.order.length), l;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -2015,8 +2037,8 @@ function s0(e) {
       }
       if (i = !0, [t, n] = [n, t], n.clear(), r = t.order.length, r)
         for (let c = 0; c < r; c++) {
-          const d = t.order[c];
-          d(l), o.has(d) && (a.schedule(d), e());
+          const u = t.order[c];
+          u(l), o.has(u) && (a.schedule(u), e());
         }
       i = !1, s && (s = !1, a.process(l));
     }
@@ -2037,16 +2059,16 @@ function l0(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = Rn.reduce((u, h) => (u[h] = s0(() => n = !0), u), {}), o = (u) => s[u].process(i), a = () => {
-    const u = performance.now();
-    n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(u - i.timestamp, a0), 1), i.timestamp = u, i.isProcessing = !0, Rn.forEach(o), i.isProcessing = !1, n && t && (r = !1, e(a));
+  }, s = Rn.reduce((d, h) => (d[h] = s0(() => n = !0), d), {}), o = (d) => s[d].process(i), a = () => {
+    const d = performance.now();
+    n = !1, i.delta = r ? 1e3 / 60 : Math.max(Math.min(d - i.timestamp, a0), 1), i.timestamp = d, i.isProcessing = !0, Rn.forEach(o), i.isProcessing = !1, n && t && (r = !1, e(a));
   }, l = () => {
     n = !0, r = !0, i.isProcessing || e(a);
   };
-  return { schedule: Rn.reduce((u, h) => {
+  return { schedule: Rn.reduce((d, h) => {
     const p = s[h];
-    return u[h] = (y, f = !1, m = !1) => (n || l(), p.schedule(y, f, m)), u;
-  }, {}), cancel: (u) => Rn.forEach((h) => s[h].cancel(u)), state: i, steps: s };
+    return d[h] = (y, f = !1, m = !1) => (n || l(), p.schedule(y, f, m)), d;
+  }, {}), cancel: (d) => Rn.forEach((h) => s[h].cancel(d)), state: i, steps: s };
 }
 const { schedule: Y, cancel: Ge, state: le, steps: $r } = l0(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Q, !0), c0 = {
   useVisualState: Za({
@@ -2192,9 +2214,9 @@ class g0 extends at {
       const r = this.node.getProps(), s = Ue(window, "pointerup", (a, l) => {
         if (!this.checkPressEnd())
           return;
-        const { onTap: c, onTapCancel: d, globalTapTarget: u } = this.node.getProps();
+        const { onTap: c, onTapCancel: u, globalTapTarget: d } = this.node.getProps();
         Y.update(() => {
-          !u && !nl(this.node.current, a.target) ? d && d(a, l) : c && c(a, l);
+          !d && !nl(this.node.current, a.target) ? u && u(a, l) : c && c(a, l);
         });
       }, { passive: !(r.onTap || r.onPointerUp) }), o = Ue(window, "pointercancel", (a, l) => this.cancelPress(a, l), { passive: !(r.onTapCancel || r.onPointerCancel) });
       this.removeEndListeners = nt(s, o), this.startPress(t, n);
@@ -2204,8 +2226,8 @@ class g0 extends at {
           return;
         const o = (a) => {
           a.key !== "Enter" || !this.checkPressEnd() || zr("up", (l, c) => {
-            const { onTap: d } = this.node.getProps();
-            d && Y.update(() => d(l, c));
+            const { onTap: u } = this.node.getProps();
+            u && Y.update(() => u(l, c));
           });
         };
         this.removeEndListeners(), this.removeEndListeners = He(this.node.current, "keyup", o), zr("down", (a, l) => {
@@ -2276,7 +2298,7 @@ class S0 extends at {
       if (this.isInView === c || (this.isInView = c, s && !c && this.hasEnteredView))
         return;
       c && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", c);
-      const { onViewportEnter: d, onViewportLeave: u } = this.node.getProps(), h = c ? d : u;
+      const { onViewportEnter: u, onViewportLeave: d } = this.node.getProps(), h = c ? u : d;
       h && h(l);
     };
     return x0(this.node.current, o, a);
@@ -2364,11 +2386,11 @@ function al(e) {
 function A0(e, t, n, { delay: r = 0, duration: i, repeat: s = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
   const c = { [t]: n };
   l && (c.offset = l);
-  const d = al(a);
-  return Array.isArray(d) && (c.easing = d), e.animate(c, {
+  const u = al(a);
+  return Array.isArray(u) && (c.easing = u), e.animate(c, {
     delay: r,
     duration: i,
-    easing: Array.isArray(d) ? "linear" : d,
+    easing: Array.isArray(u) ? "linear" : u,
     fill: "both",
     iterations: s + 1,
     direction: o === "reverse" ? "alternate" : "normal"
@@ -2590,12 +2612,12 @@ function Tl(e, t, { clamp: n = !0, ease: r, mixer: i } = {}) {
     return () => t[0];
   e[0] > e[s - 1] && (e = [...e].reverse(), t = [...t].reverse());
   const o = K0(t, r, i), a = o.length, l = (c) => {
-    let d = 0;
+    let u = 0;
     if (a > 1)
-      for (; d < e.length - 2 && !(c < e[d + 1]); d++)
+      for (; u < e.length - 2 && !(c < e[u + 1]); u++)
         ;
-    const u = dn(e[d], e[d + 1], c);
-    return o[d](u);
+    const d = dn(e[u], e[u + 1], c);
+    return o[u](d);
   };
   return n ? (c) => l(it(e[0], e[s - 1], c)) : l;
 }
@@ -2647,17 +2669,17 @@ function of({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: r = 1
   wn(e <= rt(No), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
   o = it(nf, rf, o), e = it(tf, No, Ye(e)), o < 1 ? (i = (c) => {
-    const d = c * o, u = d * e, h = d - n, p = ri(c, o), y = Math.exp(-u);
+    const u = c * o, d = u * e, h = u - n, p = ri(c, o), y = Math.exp(-d);
     return Ur - h / p * y;
   }, s = (c) => {
-    const u = c * o * e, h = u * n + n, p = Math.pow(o, 2) * Math.pow(c, 2) * e, y = Math.exp(-u), f = ri(Math.pow(c, 2), o);
+    const d = c * o * e, h = d * n + n, p = Math.pow(o, 2) * Math.pow(c, 2) * e, y = Math.exp(-d), f = ri(Math.pow(c, 2), o);
     return (-i(c) + Ur > 0 ? -1 : 1) * ((h - p) * y) / f;
   }) : (i = (c) => {
-    const d = Math.exp(-c * e), u = (c - n) * e + 1;
-    return -Ur + d * u;
+    const u = Math.exp(-c * e), d = (c - n) * e + 1;
+    return -Ur + u * d;
   }, s = (c) => {
-    const d = Math.exp(-c * e), u = (n - c) * (e * e);
-    return d * u;
+    const u = Math.exp(-c * e), d = (n - c) * (e * e);
+    return u * d;
   });
   const a = 5 / e, l = af(i, s, a);
   if (e = rt(e), isNaN(l))
@@ -2709,10 +2731,10 @@ function uf(e) {
   return t;
 }
 function Al({ keyframes: e, restDelta: t, restSpeed: n, ...r }) {
-  const i = e[0], s = e[e.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: c, duration: d, velocity: u, isResolvedFromDuration: h } = uf({
+  const i = e[0], s = e[e.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: c, duration: u, velocity: d, isResolvedFromDuration: h } = uf({
     ...r,
     velocity: -Ye(r.velocity || 0)
-  }), p = u || 0, y = l / (2 * Math.sqrt(a * c)), f = s - i, m = Ye(Math.sqrt(a / c)), b = Math.abs(f) < 5;
+  }), p = d || 0, y = l / (2 * Math.sqrt(a * c)), f = s - i, m = Ye(Math.sqrt(a / c)), b = Math.abs(f) < 5;
   n || (n = b ? 0.01 : 2), t || (t = b ? 5e-3 : 0.5);
   let w;
   if (y < 1) {
@@ -2731,11 +2753,11 @@ function Al({ keyframes: e, restDelta: t, restSpeed: n, ...r }) {
     };
   }
   return {
-    calculatedDuration: h && d || null,
+    calculatedDuration: h && u || null,
     next: (x) => {
       const S = w(x);
       if (h)
-        o.done = x >= d;
+        o.done = x >= u;
       else {
         let v = p;
         x !== 0 && (y < 1 ? v = Pl(w, x, S) : v = 0);
@@ -2746,14 +2768,14 @@ function Al({ keyframes: e, restDelta: t, restSpeed: n, ...r }) {
     }
   };
 }
-function Ro({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 325, bounceDamping: i = 10, bounceStiffness: s = 500, modifyTarget: o, min: a, max: l, restDelta: c = 0.5, restSpeed: d }) {
-  const u = e[0], h = {
+function Ro({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 325, bounceDamping: i = 10, bounceStiffness: s = 500, modifyTarget: o, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
+  const d = e[0], h = {
     done: !1,
-    value: u
+    value: d
   }, p = (T) => a !== void 0 && T < a || l !== void 0 && T > l, y = (T) => a === void 0 ? l : l === void 0 || Math.abs(a - T) < Math.abs(l - T) ? a : l;
   let f = n * t;
-  const m = u + f, b = o === void 0 ? m : o(m);
-  b !== m && (f = b - u);
+  const m = d + f, b = o === void 0 ? m : o(m);
+  b !== m && (f = b - d);
   const w = (T) => -f * Math.exp(-T / r), x = (T) => b + w(T), S = (T) => {
     const P = w(T), D = x(T);
     h.done = Math.abs(P) <= c, h.value = h.done ? b : D;
@@ -2766,7 +2788,7 @@ function Ro({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
       damping: i,
       stiffness: s,
       restDelta: c,
-      restSpeed: d
+      restSpeed: u
     }));
   };
   return C(0), {
@@ -2804,7 +2826,7 @@ const ff = {
   keyframes: ir,
   spring: Al
 };
-function or({ autoplay: e = !0, delay: t = 0, driver: n = df, keyframes: r, type: i = "keyframes", repeat: s = 0, repeatDelay: o = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: d, onUpdate: u, ...h }) {
+function or({ autoplay: e = !0, delay: t = 0, driver: n = df, keyframes: r, type: i = "keyframes", repeat: s = 0, repeatDelay: o = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: u, onUpdate: d, ...h }) {
   let p = 1, y = !1, f, m;
   const b = () => {
     m = new Promise((B) => {
@@ -2848,13 +2870,13 @@ function or({ autoplay: e = !0, delay: t = 0, driver: n = df, keyframes: r, type
     let { done: xt } = We;
     !je && O !== null && (xt = p >= 0 ? H >= q : H <= 0);
     const Ut = T === null && (C === "finished" || C === "running" && xt);
-    return u && u(We.value), Ut && ue(), We;
+    return d && d(We.value), Ut && ue(), We;
   }, U = () => {
     w && w.stop(), w = void 0;
   }, ce = () => {
     C = "idle", U(), f(), b(), P = D = null;
   }, ue = () => {
-    C = "finished", d && d(), U(), f();
+    C = "finished", u && u(), U(), f();
   }, ge = () => {
     if (y)
       return;
@@ -2918,27 +2940,27 @@ function vf(e, t, { onUpdate: n, onComplete: r, ...i }) {
   if (!(pf() && mf.has(t) && !i.repeatDelay && i.repeatType !== "mirror" && i.damping !== 0 && i.type !== "inertia"))
     return !1;
   let o = !1, a, l, c = !1;
-  const d = () => {
+  const u = () => {
     l = new Promise((x) => {
       a = x;
     });
   };
-  d();
-  let { keyframes: u, duration: h = 300, ease: p, times: y } = i;
+  u();
+  let { keyframes: d, duration: h = 300, ease: p, times: y } = i;
   if (yf(t, i)) {
     const x = or({
       ...i,
       repeat: 0,
       delay: 0
     });
-    let S = { done: !1, value: u[0] };
+    let S = { done: !1, value: d[0] };
     const v = [];
     let E = 0;
     for (; !S.done && E < gf; )
       S = x.sample(E), v.push(S.value), E += Vn;
-    y = void 0, u = v, h = E - Vn, p = "linear";
+    y = void 0, d = v, h = E - Vn, p = "linear";
   }
-  const f = A0(e.owner.current, t, u, {
+  const f = A0(e.owner.current, t, d, {
     ...i,
     duration: h,
     /**
@@ -2954,10 +2976,10 @@ function vf(e, t, { onUpdate: n, onComplete: r, ...i }) {
   }), m = () => {
     c = !1, f.cancel();
   }, b = () => {
-    c = !0, Y.update(m), a(), d();
+    c = !0, Y.update(m), a(), u();
   };
   return f.onfinish = () => {
-    c || (e.set(k0(u, i)), r && r(), b());
+    c || (e.set(k0(d, i)), r && r(), b());
   }, {
     then(x, S) {
       return l.then(x, S);
@@ -3098,13 +3120,13 @@ function Of(e, t, n, r) {
     s[c] === null && (s[c] = c === 0 ? o : s[c - 1]), kf(s[c]) && l.push(c), typeof s[c] == "string" && s[c] !== "none" && s[c] !== "0" && (a = s[c]);
   if (i && l.length && a)
     for (let c = 0; c < l.length; c++) {
-      const d = l[c];
-      s[d] = kl(t, a);
+      const u = l[c];
+      s[u] = kl(t, a);
     }
   return s;
 }
-function Mf({ when: e, delay: t, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...d }) {
-  return !!Object.keys(d).length;
+function Mf({ when: e, delay: t, delayChildren: n, staggerChildren: r, staggerDirection: i, repeat: s, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
+  return !!Object.keys(u).length;
 }
 function Li(e, t) {
   return e[t] || e.default || e;
@@ -3115,8 +3137,8 @@ const Nf = {
   const s = Li(r, e) || {}, o = s.delay || r.delay || 0;
   let { elapsed: a = 0 } = r;
   a = a - rt(o);
-  const l = Of(t, e, n, s), c = l[0], d = l[l.length - 1], u = ii(e, c), h = ii(e, d);
-  wn(u === h, `You are trying to animate ${e} from "${c}" to "${d}". ${c} is not an animatable value - to enable this animation set ${c} to a value animatable to ${d} via the \`style\` property.`);
+  const l = Of(t, e, n, s), c = l[0], u = l[l.length - 1], d = ii(e, c), h = ii(e, u);
+  wn(d === h, `You are trying to animate ${e} from "${c}" to "${u}". ${c} is not an animatable value - to enable this animation set ${c} to a value animatable to ${u} via the \`style\` property.`);
   let p = {
     keyframes: l,
     velocity: t.getVelocity(),
@@ -3133,7 +3155,7 @@ const Nf = {
   if (Mf(s) || (p = {
     ...p,
     ...Cf(e, p)
-  }), p.duration && (p.duration = rt(p.duration)), p.repeatDelay && (p.repeatDelay = rt(p.repeatDelay)), !u || !h || P0.current || s.type === !1 || Nf.skipAnimations)
+  }), p.duration && (p.duration = rt(p.duration)), p.repeatDelay && (p.repeatDelay = rt(p.repeatDelay)), !d || !h || P0.current || s.type === !1 || Nf.skipAnimations)
     return bf(p);
   if (
     /**
@@ -3409,8 +3431,8 @@ function Ff(e, t, n) {
   if (o)
     for (let a = 0; a < o; a++) {
       const l = s[a], c = t[l];
-      let d = null;
-      Array.isArray(c) && (d = c[0]), d === null && (d = (i = (r = n[l]) !== null && r !== void 0 ? r : e.readValue(l)) !== null && i !== void 0 ? i : t[l]), d != null && (typeof d == "string" && (Ml(d) || Ol(d)) ? d = parseFloat(d) : !Lf(d) && ot.test(c) && (d = kl(l, c)), e.addValue(l, Lt(d, { owner: e })), n[l] === void 0 && (n[l] = d), d !== null && e.setBaseTarget(l, d));
+      let u = null;
+      Array.isArray(c) && (u = c[0]), u === null && (u = (i = (r = n[l]) !== null && r !== void 0 ? r : e.readValue(l)) !== null && i !== void 0 ? i : t[l]), u != null && (typeof u == "string" && (Ml(u) || Ol(u)) ? u = parseFloat(u) : !Lf(u) && ot.test(c) && (u = kl(l, c)), e.addValue(l, Lt(u, { owner: e })), n[l] === void 0 && (n[l] = u), u !== null && e.setBaseTarget(l, u));
     }
 }
 function jf(e, t) {
@@ -3446,29 +3468,29 @@ function Rl(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
   let { transition: s = e.getDefaultTransition(), transitionEnd: o, ...a } = e.makeTargetAnimatable(t);
   const l = e.getValue("willChange");
   r && (s = r);
-  const c = [], d = i && e.animationState && e.animationState.getState()[i];
-  for (const u in a) {
-    const h = e.getValue(u), p = a[u];
-    if (!h || p === void 0 || d && Wf(d, u))
+  const c = [], u = i && e.animationState && e.animationState.getState()[i];
+  for (const d in a) {
+    const h = e.getValue(d), p = a[d];
+    if (!h || p === void 0 || u && Wf(u, d))
       continue;
     const y = {
       delay: n,
       elapsed: 0,
-      ...Li(s || {}, u)
+      ...Li(s || {}, d)
     };
     if (window.HandoffAppearAnimations) {
       const b = e.getProps()[Va];
       if (b) {
-        const w = window.HandoffAppearAnimations(b, u, h, Y);
+        const w = window.HandoffAppearAnimations(b, d, h, Y);
         w !== null && (y.elapsed = w, y.isHandoff = !0);
       }
     }
     let f = !y.isHandoff && !Hf(h, p);
     if (y.type === "spring" && (h.getVelocity() || y.velocity) && (f = !1), h.animation && (f = !1), f)
       continue;
-    h.start($i(u, h, p, e.shouldReduceMotion && yt.has(u) ? { type: !1 } : y));
+    h.start($i(d, h, p, e.shouldReduceMotion && yt.has(d) ? { type: !1 } : y));
     const m = h.animation;
-    sr(l) && (l.add(u), m.then(() => l.remove(u))), c.push(m);
+    sr(l) && (l.add(d), m.then(() => l.remove(d))), c.push(m);
   }
   return o && Promise.all(c).then(() => {
     o && zf(e, o);
@@ -3479,8 +3501,8 @@ function si(e, t, n = {}) {
   let { transition: i = e.getDefaultTransition() || {} } = r || {};
   n.transitionOverride && (i = n.transitionOverride);
   const s = r ? () => Promise.all(Rl(e, r, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (l = 0) => {
-    const { delayChildren: c = 0, staggerChildren: d, staggerDirection: u } = i;
-    return Uf(e, t, c + l, d, u, n);
+    const { delayChildren: c = 0, staggerChildren: u, staggerDirection: d } = i;
+    return Uf(e, t, c + l, u, d, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [l, c] = a === "beforeChildren" ? [s, o] : [o, s];
@@ -3490,10 +3512,10 @@ function si(e, t, n = {}) {
 }
 function Uf(e, t, n = 0, r = 0, i = 1, s) {
   const o = [], a = (e.variantChildren.size - 1) * r, l = i === 1 ? (c = 0) => c * r : (c = 0) => a - c * r;
-  return Array.from(e.variantChildren).sort(Yf).forEach((c, d) => {
+  return Array.from(e.variantChildren).sort(Yf).forEach((c, u) => {
     c.notify("AnimationStart", t), o.push(si(c, t, {
       ...s,
-      delay: n + l(d)
+      delay: n + l(u)
     }).then(() => c.notify("AnimationComplete", t)));
   }), Promise.all(o);
 }
@@ -3523,9 +3545,9 @@ function Zf(e) {
   const n = Qf();
   let r = !0;
   const i = (l, c) => {
-    const d = xr(e, c);
-    if (d) {
-      const { transition: u, transitionEnd: h, ...p } = d;
+    const u = xr(e, c);
+    if (u) {
+      const { transition: d, transitionEnd: h, ...p } = u;
       l = { ...l, ...p, ...h };
     }
     return l;
@@ -3534,12 +3556,12 @@ function Zf(e) {
     t = l(e);
   }
   function o(l, c) {
-    const d = e.getProps(), u = e.getVariantContext(!0) || {}, h = [], p = /* @__PURE__ */ new Set();
+    const u = e.getProps(), d = e.getVariantContext(!0) || {}, h = [], p = /* @__PURE__ */ new Set();
     let y = {}, f = 1 / 0;
     for (let b = 0; b < Kf; b++) {
-      const w = qf[b], x = n[w], S = d[w] !== void 0 ? d[w] : u[w], v = cn(S), E = w === c ? x.isActive : null;
+      const w = qf[b], x = n[w], S = u[w] !== void 0 ? u[w] : d[w], v = cn(S), E = w === c ? x.isActive : null;
       E === !1 && (f = b);
-      let C = S === u[w] && S !== d[w] && v;
+      let C = S === d[w] && S !== u[w] && v;
       if (C && r && e.manuallyAnimateOnMount && (C = !1), x.protectedKeys = { ...y }, // If it isn't active and hasn't *just* been set as inactive
       !x.isActive && E === null || // If we didn't and don't have any defined prop for this animation type
       !S && !x.prevProp || // Or if the prop doesn't define an animation
@@ -3577,17 +3599,17 @@ function Zf(e) {
       }), h.push({ animation: b });
     }
     let m = !!h.length;
-    return r && (d.initial === !1 || d.initial === d.animate) && !e.manuallyAnimateOnMount && (m = !1), r = !1, m ? t(h) : Promise.resolve();
+    return r && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (m = !1), r = !1, m ? t(h) : Promise.resolve();
   }
-  function a(l, c, d) {
-    var u;
+  function a(l, c, u) {
+    var d;
     if (n[l].isActive === c)
       return Promise.resolve();
-    (u = e.variantChildren) === null || u === void 0 || u.forEach((p) => {
+    (d = e.variantChildren) === null || d === void 0 || d.forEach((p) => {
       var y;
       return (y = p.animationState) === null || y === void 0 ? void 0 : y.setActive(l, c);
     }), n[l].isActive = c;
-    const h = o(d, l);
+    const h = o(u, l);
     for (const p in n)
       n[p].protectedKeys = {};
     return h;
@@ -3685,29 +3707,29 @@ class Vl {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const u = Gr(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, p = ih(u.offset, { x: 0, y: 0 }) >= 3;
+      const d = Gr(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, p = ih(d.offset, { x: 0, y: 0 }) >= 3;
       if (!h && !p)
         return;
-      const { point: y } = u, { timestamp: f } = le;
+      const { point: y } = d, { timestamp: f } = le;
       this.history.push({ ...y, timestamp: f });
       const { onStart: m, onMove: b } = this.handlers;
-      h || (m && m(this.lastMoveEvent, u), this.startEvent = this.lastMoveEvent), b && b(this.lastMoveEvent, u);
-    }, this.handlePointerMove = (u, h) => {
-      this.lastMoveEvent = u, this.lastMoveEventInfo = Yr(h, this.transformPagePoint), Y.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (u, h) => {
+      h || (m && m(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), b && b(this.lastMoveEvent, d);
+    }, this.handlePointerMove = (d, h) => {
+      this.lastMoveEvent = d, this.lastMoveEventInfo = Yr(h, this.transformPagePoint), Y.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (d, h) => {
       this.end();
       const { onEnd: p, onSessionEnd: y, resumeAnimation: f } = this.handlers;
       if (this.dragSnapToOrigin && f && f(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const m = Gr(u.type === "pointercancel" ? this.lastMoveEventInfo : Yr(h, this.transformPagePoint), this.history);
-      this.startEvent && p && p(u, m), y && y(u, m);
+      const m = Gr(d.type === "pointercancel" ? this.lastMoveEventInfo : Yr(h, this.transformPagePoint), this.history);
+      this.startEvent && p && p(d, m), y && y(d, m);
     }, !Ja(t))
       return;
     this.dragSnapToOrigin = s, this.handlers = n, this.transformPagePoint = r, this.contextWindow = i || window;
     const o = br(t), a = Yr(o, this.transformPagePoint), { point: l } = a, { timestamp: c } = le;
     this.history = [{ ...l, timestamp: c }];
-    const { onSessionStart: d } = n;
-    d && d(t, Gr(a, this.history)), this.removeListeners = nt(Ue(this.contextWindow, "pointermove", this.handlePointerMove), Ue(this.contextWindow, "pointerup", this.handlePointerUp), Ue(this.contextWindow, "pointercancel", this.handlePointerUp));
+    const { onSessionStart: u } = n;
+    u && u(t, Gr(a, this.history)), this.removeListeners = nt(Ue(this.contextWindow, "pointermove", this.handlePointerMove), Ue(this.contextWindow, "pointerup", this.handlePointerUp), Ue(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(t) {
     this.handlers = t;
@@ -3937,10 +3959,10 @@ class wh {
     const { presenceContext: r } = this.visualElement;
     if (r && r.isPresent === !1)
       return;
-    const i = (d) => {
-      const { dragSnapToOrigin: u } = this.getProps();
-      u ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(br(d, "page").point);
-    }, s = (d, u) => {
+    const i = (u) => {
+      const { dragSnapToOrigin: d } = this.getProps();
+      d ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(br(u, "page").point);
+    }, s = (u, d) => {
       const { drag: h, dragPropagation: p, onDragStart: y } = this.getProps();
       if (h && !p && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = el(h), !this.openGlobalLock))
         return;
@@ -3954,22 +3976,22 @@ class wh {
           }
         }
         this.originPoint[m] = b;
-      }), y && Y.update(() => y(d, u), !1, !0);
+      }), y && Y.update(() => y(u, d), !1, !0);
       const { animationState: f } = this.visualElement;
       f && f.setActive("whileDrag", !0);
-    }, o = (d, u) => {
+    }, o = (u, d) => {
       const { dragPropagation: h, dragDirectionLock: p, onDirectionLock: y, onDrag: f } = this.getProps();
       if (!h && !this.openGlobalLock)
         return;
-      const { offset: m } = u;
+      const { offset: m } = d;
       if (p && this.currentDirection === null) {
         this.currentDirection = Sh(m), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
-      this.updateAxis("x", u.point, m), this.updateAxis("y", u.point, m), this.visualElement.render(), f && f(d, u);
-    }, a = (d, u) => this.stop(d, u), l = () => Ce((d) => {
-      var u;
-      return this.getAnimationState(d) === "paused" && ((u = this.getAxisMotionValue(d).animation) === null || u === void 0 ? void 0 : u.play());
+      this.updateAxis("x", d.point, m), this.updateAxis("y", d.point, m), this.visualElement.render(), f && f(u, d);
+    }, a = (u, d) => this.stop(u, d), l = () => Ce((u) => {
+      var d;
+      return this.getAnimationState(u) === "paused" && ((d = this.getAxisMotionValue(u).animation) === null || d === void 0 ? void 0 : d.play());
     }), { dragSnapToOrigin: c } = this.getProps();
     this.panSession = new Vl(t, {
       onSessionStart: i,
@@ -4032,23 +4054,23 @@ class wh {
     return o;
   }
   startAnimation(t) {
-    const { drag: n, dragMomentum: r, dragElastic: i, dragTransition: s, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = Ce((d) => {
-      if (!In(d, n, this.currentDirection))
+    const { drag: n, dragMomentum: r, dragElastic: i, dragTransition: s, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = Ce((u) => {
+      if (!In(u, n, this.currentDirection))
         return;
-      let u = l && l[d] || {};
-      o && (u = { min: 0, max: 0 });
+      let d = l && l[u] || {};
+      o && (d = { min: 0, max: 0 });
       const h = i ? 200 : 1e6, p = i ? 40 : 1e7, y = {
         type: "inertia",
-        velocity: r ? t[d] : 0,
+        velocity: r ? t[u] : 0,
         bounceStiffness: h,
         bounceDamping: p,
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10,
         ...s,
-        ...u
+        ...d
       };
-      return this.startAxisValueAnimation(d, y);
+      return this.startAxisValueAnimation(u, y);
     });
     return Promise.all(c).then(a);
   }
@@ -4124,17 +4146,17 @@ class wh {
       return;
     xh.set(this.visualElement, this);
     const t = this.visualElement.current, n = Ue(t, "pointerdown", (l) => {
-      const { drag: c, dragListener: d = !0 } = this.getProps();
-      c && d && this.start(l);
+      const { drag: c, dragListener: u = !0 } = this.getProps();
+      c && u && this.start(l);
     }), r = () => {
       const { dragConstraints: l } = this.getProps();
       Ot(l) && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, s = i.addEventListener("measure", r);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), r();
     const o = He(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
-      this.isDragging && c && (Ce((d) => {
-        const u = this.getAxisMotionValue(d);
-        u && (this.originPoint[d] += l[d].translate, u.set(u.get() + l[d].translate));
+      this.isDragging && c && (Ce((u) => {
+        const d = this.getAxisMotionValue(u);
+        d && (this.originPoint[u] += l[u].translate, d.set(d.get() + l[u].translate));
       }), this.visualElement.render());
     });
     return () => {
@@ -4430,8 +4452,8 @@ function us(e, t, n) {
   let r = "";
   const i = e.x.translate / t.x, s = e.y.translate / t.y;
   if ((i || s) && (r = `translate3d(${i}px, ${s}px, 0) `), (t.x !== 1 || t.y !== 1) && (r += `scale(${1 / t.x}, ${1 / t.y}) `), n) {
-    const { rotate: l, rotateX: c, rotateY: d } = n;
-    l && (r += `rotate(${l}deg) `), c && (r += `rotateX(${c}deg) `), d && (r += `rotateY(${d}deg) `);
+    const { rotate: l, rotateX: c, rotateY: u } = n;
+    l && (r += `rotate(${l}deg) `), c && (r += `rotateX(${c}deg) `), u && (r += `rotateY(${u}deg) `);
   }
   const o = e.x.scale * t.x, a = e.y.scale * t.y;
   return (o !== 1 || a !== 1) && (r += `scale(${o}, ${a})`), r || "none";
@@ -4505,28 +4527,28 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (this.instance)
         return;
       this.isSVG = Bh(o), this.instance = o;
-      const { layoutId: l, layout: c, visualElement: d } = this.options;
-      if (d && !d.current && d.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), a && (c || l) && (this.isLayoutDirty = !0), e) {
-        let u;
+      const { layoutId: l, layout: c, visualElement: u } = this.options;
+      if (u && !u.current && u.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), a && (c || l) && (this.isLayoutDirty = !0), e) {
+        let d;
         const h = () => this.root.updateBlockedByResize = !1;
         e(o, () => {
-          this.root.updateBlockedByResize = !0, u && u(), u = Fh(h, 250), Bn.hasAnimatedSinceResize && (Bn.hasAnimatedSinceResize = !1, this.nodes.forEach(ps));
+          this.root.updateBlockedByResize = !0, d && d(), d = Fh(h, 250), Bn.hasAnimatedSinceResize && (Bn.hasAnimatedSinceResize = !1, this.nodes.forEach(ps));
         });
       }
-      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && d && (l || c) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeTargetChanged: p, layout: y }) => {
+      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: d, hasLayoutChanged: h, hasRelativeTargetChanged: p, layout: y }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const f = this.options.transition || d.getDefaultTransition() || o1, { onLayoutAnimationStart: m, onLayoutAnimationComplete: b } = d.getProps(), w = !this.targetLayout || !Yl(this.targetLayout, y) || p, x = !h && p;
+        const f = this.options.transition || u.getDefaultTransition() || o1, { onLayoutAnimationStart: m, onLayoutAnimationComplete: b } = u.getProps(), w = !this.targetLayout || !Yl(this.targetLayout, y) || p, x = !h && p;
         if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || x || h && (w || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(u, x);
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(d, x);
           const S = {
             ...Li(f, "layout"),
             onPlay: m,
             onComplete: b
           };
-          (d.shouldReduceMotion || this.options.layoutRoot) && (S.delay = 0, S.type = !1), this.startAnimation(S);
+          (u.shouldReduceMotion || this.options.layoutRoot) && (S.delay = 0, S.type = !1), this.startAnimation(S);
         } else
           h || ps(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = y;
@@ -4566,9 +4588,9 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
-      for (let d = 0; d < this.path.length; d++) {
-        const u = this.path[d];
-        u.shouldResetTransform = !0, u.updateScroll("snapshot"), u.options.layoutRoot && u.willUpdate(!1);
+      for (let u = 0; u < this.path.length; u++) {
+        const d = this.path[u];
+        d.shouldResetTransform = !0, d.updateScroll("snapshot"), d.options.layoutRoot && d.willUpdate(!1);
       }
       const { layoutId: a, layout: l } = this.options;
       if (a === void 0 && !l)
@@ -4628,8 +4650,8 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     resetTransform() {
       if (!i)
         return;
-      const o = this.isLayoutDirty || this.shouldResetTransform, a = this.projectionDelta && !Ul(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, d = c !== this.prevTransformTemplateValue;
-      o && (a || ft(this.latestValues) || d) && (i(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
+      const o = this.isLayoutDirty || this.shouldResetTransform, a = this.projectionDelta && !Ul(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
+      o && (a || ft(this.latestValues) || u) && (i(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(o = !0) {
       const a = this.measurePageBox();
@@ -4653,14 +4675,14 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const a = ne();
       Ee(a, o);
       for (let l = 0; l < this.path.length; l++) {
-        const c = this.path[l], { scroll: d, options: u } = c;
-        if (c !== this.root && d && u.layoutScroll) {
-          if (d.isRoot) {
+        const c = this.path[l], { scroll: u, options: d } = c;
+        if (c !== this.root && u && d.layoutScroll) {
+          if (u.isRoot) {
             Ee(a, o);
             const { scroll: h } = this.root;
             h && (et(a.x, -h.offset.x), et(a.y, -h.offset.y));
           }
-          et(a.x, d.offset.x), et(a.y, d.offset.y);
+          et(a.x, u.offset.x), et(a.y, u.offset.y);
         }
       }
       return a;
@@ -4669,11 +4691,11 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const l = ne();
       Ee(l, o);
       for (let c = 0; c < this.path.length; c++) {
-        const d = this.path[c];
-        !a && d.options.layoutScroll && d.scroll && d !== d.root && Dt(l, {
-          x: -d.scroll.offset.x,
-          y: -d.scroll.offset.y
-        }), ft(d.latestValues) && Dt(l, d.latestValues);
+        const u = this.path[c];
+        !a && u.options.layoutScroll && u.scroll && u !== u.root && Dt(l, {
+          x: -u.scroll.offset.x,
+          y: -u.scroll.offset.y
+        }), ft(u.latestValues) && Dt(l, u.latestValues);
       }
       return ft(this.latestValues) && Dt(l, this.latestValues), l;
     }
@@ -4685,8 +4707,8 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         if (!c.instance || !ft(c.latestValues))
           continue;
         ci(c.latestValues) && c.updateSnapshot();
-        const d = ne(), u = c.measurePageBox();
-        Ee(d, u), as(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, d);
+        const u = ne(), d = c.measurePageBox();
+        Ee(u, d), as(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return ft(this.latestValues) && as(a, this.latestValues), a;
     }
@@ -4713,8 +4735,8 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const c = !!this.resumingFrom || this !== l;
       if (!(o || c && this.isSharedProjectionDirty || this.isProjectionDirty || !((a = this.parent) === null || a === void 0) && a.isProjectionDirty || this.attemptToResolveRelativeTarget))
         return;
-      const { layout: u, layoutId: h } = this.options;
-      if (!(!this.layout || !(u || h))) {
+      const { layout: d, layoutId: h } = this.options;
+      if (!(!this.layout || !(d || h))) {
         if (this.resolvedRelativeTargetAt = le.timestamp, !this.targetDelta && !this.relativeTarget) {
           const p = this.getClosestProjectingParent();
           p && p.layout && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ne(), this.relativeTargetOrigin = ne(), on(this.relativeTargetOrigin, this.layout.layoutBox, p.layout.layoutBox), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -4742,8 +4764,8 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let c = !0;
       if ((this.isProjectionDirty || !((o = this.parent) === null || o === void 0) && o.isProjectionDirty) && (c = !1), l && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === le.timestamp && (c = !1), c)
         return;
-      const { layout: d, layoutId: u } = this.options;
-      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(d || u))
+      const { layout: u, layoutId: d } = this.options;
+      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || d))
         return;
       Ee(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, p = this.treeScale.y;
@@ -4771,14 +4793,14 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
     }
     setAnimationOrigin(o, a = !1) {
-      const l = this.snapshot, c = l ? l.latestValues : {}, d = { ...this.latestValues }, u = Nt();
+      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, d = Nt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
       const h = ne(), p = l ? l.source : void 0, y = this.layout ? this.layout.source : void 0, f = p !== y, m = this.getStack(), b = !m || m.members.length <= 1, w = !!(f && !b && this.options.crossfade === !0 && !this.path.some(i1));
       this.animationProgress = 0;
       let x;
       this.mixTargetDelta = (S) => {
         const v = S / 1e3;
-        ms(u.x, o.x, v), ms(u.y, o.y, v), this.setTargetDelta(u), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (on(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), r1(this.relativeTarget, this.relativeTargetOrigin, h, v), x && Ih(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = ne()), Ee(x, this.relativeTarget)), f && (this.animationValues = d, Oh(d, c, this.latestValues, v, w, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = v;
+        ms(d.x, o.x, v), ms(d.y, o.y, v), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (on(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), r1(this.relativeTarget, this.relativeTargetOrigin, h, v), x && Ih(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = ne()), Ee(x, this.relativeTarget)), f && (this.animationValues = u, Oh(u, c, this.latestValues, v, w, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = v;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
@@ -4804,16 +4826,16 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     applyTransformsToTarget() {
       const o = this.getLead();
-      let { targetWithTransforms: a, target: l, layout: c, latestValues: d } = o;
+      let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = o;
       if (!(!a || !l || !c)) {
         if (this !== o && this.layout && c && ql(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
           l = this.target || ne();
-          const u = we(this.layout.layoutBox.x);
-          l.x.min = o.target.x.min, l.x.max = l.x.min + u;
+          const d = we(this.layout.layoutBox.x);
+          l.x.min = o.target.x.min, l.x.max = l.x.min + d;
           const h = we(this.layout.layoutBox.y);
           l.y.min = o.target.y.min, l.y.max = l.y.min + h;
         }
-        Ee(a, l), Dt(a, d), rn(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
+        Ee(a, l), Dt(a, u), rn(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(o, a) {
@@ -4860,13 +4882,13 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if ((l.rotate || l.rotateX || l.rotateY || l.rotateZ) && (a = !0), !a)
         return;
       const c = {};
-      for (let d = 0; d < ds.length; d++) {
-        const u = "rotate" + ds[d];
-        l[u] && (c[u] = l[u], o.setStaticValue(u, 0));
+      for (let u = 0; u < ds.length; u++) {
+        const d = "rotate" + ds[u];
+        l[d] && (c[d] = l[d], o.setStaticValue(d, 0));
       }
       o.render();
-      for (const d in c)
-        o.setStaticValue(d, c[d]);
+      for (const u in c)
+        o.setStaticValue(u, c[u]);
       o.scheduleRender();
     }
     getProjectionStyles(o) {
@@ -4877,22 +4899,22 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return Hh;
       const c = {
         visibility: ""
-      }, d = this.getTransformTemplate();
+      }, u = this.getTransformTemplate();
       if (this.needsReset)
-        return this.needsReset = !1, c.opacity = "", c.pointerEvents = jn(o == null ? void 0 : o.pointerEvents) || "", c.transform = d ? d(this.latestValues, "") : "none", c;
-      const u = this.getLead();
-      if (!this.projectionDelta || !this.layout || !u.target) {
+        return this.needsReset = !1, c.opacity = "", c.pointerEvents = jn(o == null ? void 0 : o.pointerEvents) || "", c.transform = u ? u(this.latestValues, "") : "none", c;
+      const d = this.getLead();
+      if (!this.projectionDelta || !this.layout || !d.target) {
         const f = {};
-        return this.options.layoutId && (f.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, f.pointerEvents = jn(o == null ? void 0 : o.pointerEvents) || ""), this.hasProjected && !ft(this.latestValues) && (f.transform = d ? d({}, "") : "none", this.hasProjected = !1), f;
+        return this.options.layoutId && (f.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, f.pointerEvents = jn(o == null ? void 0 : o.pointerEvents) || ""), this.hasProjected && !ft(this.latestValues) && (f.transform = u ? u({}, "") : "none", this.hasProjected = !1), f;
       }
-      const h = u.animationValues || u.latestValues;
-      this.applyTransformsToTarget(), c.transform = us(this.projectionDeltaWithTransform, this.treeScale, h), d && (c.transform = d(h, c.transform));
+      const h = d.animationValues || d.latestValues;
+      this.applyTransformsToTarget(), c.transform = us(this.projectionDeltaWithTransform, this.treeScale, h), u && (c.transform = u(h, c.transform));
       const { x: p, y } = this.projectionDelta;
-      c.transformOrigin = `${p.origin * 100}% ${y.origin * 100}% 0`, u.animationValues ? c.opacity = u === this ? (l = (a = h.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : c.opacity = u === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
+      c.transformOrigin = `${p.origin * 100}% ${y.origin * 100}% 0`, d.animationValues ? c.opacity = d === this ? (l = (a = h.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : c.opacity = d === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
       for (const f in er) {
         if (h[f] === void 0)
           continue;
-        const { correct: m, applyTo: b } = er[f], w = c.transform === "none" ? h[f] : m(h[f], u);
+        const { correct: m, applyTo: b } = er[f], w = c.transform === "none" ? h[f] : m(h[f], d);
         if (b) {
           const x = b.length;
           for (let S = 0; S < x; S++)
@@ -4900,7 +4922,7 @@ function Gl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         } else
           c[f] = w;
       }
-      return this.options.layoutId && (c.pointerEvents = u === this ? jn(o == null ? void 0 : o.pointerEvents) || "" : "none"), c;
+      return this.options.layoutId && (c.pointerEvents = d === this ? jn(o == null ? void 0 : o.pointerEvents) || "" : "none"), c;
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4922,28 +4944,28 @@ function Gh(e) {
   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" ? Ce((u) => {
-      const h = o ? n.measuredBox[u] : n.layoutBox[u], p = we(h);
-      h.min = r[u].min, h.max = h.min + p;
-    }) : ql(s, n.layoutBox, r) && Ce((u) => {
-      const h = o ? n.measuredBox[u] : n.layoutBox[u], p = we(r[u]);
-      h.max = h.min + p, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[u].max = e.relativeTarget[u].min + p);
+    s === "size" ? Ce((d) => {
+      const h = o ? n.measuredBox[d] : n.layoutBox[d], p = we(h);
+      h.min = r[d].min, h.max = h.min + p;
+    }) : ql(s, n.layoutBox, r) && Ce((d) => {
+      const h = o ? n.measuredBox[d] : n.layoutBox[d], p = we(r[d]);
+      h.max = h.min + p, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[d].max = e.relativeTarget[d].min + p);
     });
     const a = Nt();
     rn(a, r, n.layoutBox);
     const l = Nt();
     o ? rn(l, e.applyTransform(i, !0), n.measuredBox) : rn(l, r, n.layoutBox);
     const c = !Ul(a);
-    let d = !1;
+    let u = !1;
     if (!e.resumeFrom) {
-      const u = e.getClosestProjectingParent();
-      if (u && !u.resumeFrom) {
-        const { snapshot: h, layout: p } = u;
+      const d = e.getClosestProjectingParent();
+      if (d && !d.resumeFrom) {
+        const { snapshot: h, layout: p } = d;
         if (h && p) {
           const y = ne();
           on(y, n.layoutBox, h.layoutBox);
           const f = ne();
-          on(f, r, p.layoutBox), Yl(y, f) || (d = !0), u.options.layoutRoot && (e.relativeTarget = f, e.relativeTargetOrigin = y, e.relativeParent = u);
+          on(f, r, p.layoutBox), Yl(y, f) || (u = !0), d.options.layoutRoot && (e.relativeTarget = f, e.relativeTargetOrigin = y, e.relativeParent = d);
         }
       }
     }
@@ -4953,7 +4975,7 @@ function Gh(e) {
       delta: l,
       layoutDelta: a,
       hasLayoutChanged: c,
-      hasRelativeTargetChanged: d
+      hasRelativeTargetChanged: u
     });
   } else if (e.isLead()) {
     const { onExitComplete: r } = e.options;
@@ -5145,8 +5167,8 @@ const v1 = (e, t, n) => {
   }), t.render();
   const l = t.measureViewportBox();
   return n.forEach((c) => {
-    const d = t.getValue(c);
-    d && d.jump(a[c]), e[c] = $t[c](l, s);
+    const u = t.getValue(c);
+    u && u.jump(a[c]), e[c] = $t[c](l, s);
   }), e;
 }, b1 = (e, t, n = {}, r = {}) => {
   t = { ...t }, r = { ...r };
@@ -5157,26 +5179,26 @@ const v1 = (e, t, n) => {
     const c = e.getValue(l);
     if (!e.hasValue(l))
       return;
-    let d = n[l], u = qt(d);
+    let u = n[l], d = qt(u);
     const h = t[l];
     let p;
     if (nr(h)) {
       const y = h.length, f = h[0] === null ? 1 : 0;
-      d = h[f], u = qt(d);
+      u = h[f], d = qt(u);
       for (let m = f; m < y && h[m] !== null; m++)
-        p ? De(qt(h[m]) === p, "All keyframes must be of the same type") : (p = qt(h[m]), De(p === u || Ln(u) && Ln(p), "Keyframes must be of the same dimension as the current value"));
+        p ? De(qt(h[m]) === p, "All keyframes must be of the same type") : (p = qt(h[m]), De(p === d || Ln(d) && Ln(p), "Keyframes must be of the same dimension as the current value"));
     } else
       p = qt(h);
-    if (u !== p)
-      if (Ln(u) && Ln(p)) {
+    if (d !== p)
+      if (Ln(d) && Ln(p)) {
         const y = c.get();
         typeof y == "string" && c.set(parseFloat(y)), typeof h == "string" ? t[l] = parseFloat(h) : Array.isArray(h) && p === M && (t[l] = h.map(parseFloat));
       } else
-        u != null && u.transform && (p != null && p.transform) && (d === 0 || h === 0) ? d === 0 ? c.set(p.transform(d)) : t[l] = u.transform(h) : (o || (s = y1(e), o = !0), a.push(l), r[l] = r[l] !== void 0 ? r[l] : t[l], c.jump(h));
+        d != null && d.transform && (p != null && p.transform) && (u === 0 || h === 0) ? u === 0 ? c.set(p.transform(u)) : t[l] = d.transform(h) : (o || (s = y1(e), o = !0), a.push(l), r[l] = r[l] !== void 0 ? r[l] : t[l], c.jump(h));
   }), a.length) {
     const l = a.indexOf("height") >= 0 ? window.pageYOffset : null, c = v1(t, e, a);
-    return s.length && s.forEach(([d, u]) => {
-      e.getValue(d).set(u);
+    return s.length && s.forEach(([u, d]) => {
+      e.getValue(u).set(d);
     }), e.render(), mr && l !== null && window.scrollTo({ top: l }), { target: c, transitionEnd: r };
   } else
     return { target: t, transitionEnd: r };
@@ -5233,10 +5255,10 @@ class _1 {
     }, this.scheduleRender = () => Y.render(this.render, !1, !0);
     const { latestValues: a, renderState: l } = s;
     this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = l, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.isControllingVariants = yr(n), this.isVariantNode = Ia(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: c, ...d } = this.scrapeMotionValuesFromProps(n, {});
-    for (const u in d) {
-      const h = d[u];
-      a[u] !== void 0 && pe(h) && (h.set(a[u], !1), sr(c) && c.add(u));
+    const { willChange: c, ...u } = this.scrapeMotionValuesFromProps(n, {});
+    for (const d in u) {
+      const h = u[d];
+      a[d] !== void 0 && pe(h) && (h.set(a[d], !1), sr(c) && c.add(d));
     }
   }
   /**
@@ -5278,16 +5300,16 @@ class _1 {
       n.ignoreStrict ? wn(!1, l) : De(!1, l);
     }
     for (let l = 0; l < C1; l++) {
-      const c = Jl[l], { isEnabled: d, Feature: u, ProjectionNode: h, MeasureLayout: p } = un[c];
-      h && (o = h), d(n) && (!this.features[c] && u && (this.features[c] = new u(this)), p && (a = p));
+      const c = Jl[l], { isEnabled: u, Feature: d, ProjectionNode: h, MeasureLayout: p } = un[c];
+      h && (o = h), u(n) && (!this.features[c] && d && (this.features[c] = new d(this)), p && (a = p));
     }
     if ((this.type === "html" || this.type === "svg") && !this.projection && o) {
       this.projection = new o(this.latestValues, this.parent && this.parent.projection);
-      const { layoutId: l, layout: c, drag: d, dragConstraints: u, layoutScroll: h, layoutRoot: p } = n;
+      const { layoutId: l, layout: c, drag: u, dragConstraints: d, layoutScroll: h, layoutRoot: p } = n;
       this.projection.setOptions({
         layoutId: l,
         layout: c,
-        alwaysMeasureLayout: !!d || u && Ot(u),
+        alwaysMeasureLayout: !!u || d && Ot(d),
         visualElement: this,
         scheduleRender: () => this.scheduleRender(),
         /**
@@ -5605,12 +5627,12 @@ function V1(e) {
 }
 function ec({ item: e, level: t = 0, ...n }) {
   var P, D;
-  const { isActive: r, isCollapsed: i, expanded: s, toggleExpand: o } = n, a = `level-${t}`, l = i ? "collapsed" : "expanded", c = r(e.id) ? "active" : "", d = (O, V = a) => `${O} ${V} ${l} ${c}`, u = !!((P = e.children) != null && P.length), [h, p] = K(!1), y = ze(), f = window.location.origin, m = e.path && e.path.includes("http") ? new URL(e.path) : { origin: "", pathname: "" }, b = window.location.pathname.split("/")[1], w = m.pathname.split("/")[1], x = n.ssr || !f.includes("local") && f !== m.origin || w !== b, S = u || t === 0 ? "div" : x ? "a" : du, v = e.path || "#", E = t + 1, C = u && !(i && E >= 2 && !h), T = i || t === 0 ? void 0 : `${t}rem`;
+  const { isActive: r, isCollapsed: i, expanded: s, toggleExpand: o } = n, a = `level-${t}`, l = i ? "collapsed" : "expanded", c = r(e.id) ? "active" : "", u = (O, V = a) => `${O} ${V} ${l} ${c}`, d = !!((P = e.children) != null && P.length), [h, p] = K(!1), y = ze(), f = window.location.origin, m = e.path && e.path.includes("http") ? new URL(e.path) : { origin: "", pathname: "" }, b = window.location.pathname.split("/")[1], w = m.pathname.split("/")[1], x = n.ssr || !f.includes("local") && f !== m.origin || w !== b, S = d || t === 0 ? "div" : x ? "a" : du, v = e.path || "#", E = t + 1, C = d && !(i && E >= 2 && !h), T = i || t === 0 ? void 0 : `${t}rem`;
   return /* @__PURE__ */ k(
     "div",
     {
       ref: y,
-      className: d("menu-item__wrapper"),
+      className: u("menu-item__wrapper"),
       onMouseEnter: () => i && p(!0),
       onMouseLeave: () => i && p(!1),
       children: [
@@ -5624,17 +5646,17 @@ function ec({ item: e, level: t = 0, ...n }) {
               transition: "all 0.3s"
               // transitionDelay: '0.1s',
             },
-            className: d("menu-item__link"),
+            className: u("menu-item__link"),
             onClick: (O) => {
-              u && (O.preventDefault(), i || o(e.id));
+              d && (O.preventDefault(), i || o(e.id));
             },
             children: [
-              t !== 0 && /* @__PURE__ */ g(I1, { cls: d, item: e }),
-              /* @__PURE__ */ g("span", { className: d("menu-item__label"), children: e.name }),
-              u && /* @__PURE__ */ g("div", { className: d("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ g(
+              t !== 0 && /* @__PURE__ */ g(I1, { cls: u, item: e }),
+              /* @__PURE__ */ g("span", { className: u("menu-item__label"), children: e.name }),
+              d && /* @__PURE__ */ g("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ g(
                 R1,
                 {
-                  className: d(
+                  className: u(
                     `menu-item__icon-arrow__icon ${s(e.id) ? "open" : "close"}`
                   )
                 }
@@ -5650,7 +5672,7 @@ function ec({ item: e, level: t = 0, ...n }) {
             children: /* @__PURE__ */ g(
               D1.div,
               {
-                className: d("menu-item__dropdown", `level-${E}`),
+                className: u("menu-item__dropdown", `level-${E}`),
                 initial: {
                   height: i || s(e.id) ? "auto" : 0
                 },
@@ -5699,8 +5721,8 @@ function I1({ item: e, cls: t }) {
     {
       src: e.icon,
       beforeInjection: (l) => {
-        l.setAttribute("style", "margin: 0 auto;"), l.querySelectorAll("path").forEach((d) => {
-          d.hasAttribute("fill") && d.setAttribute("fill", "currentColor"), d.hasAttribute("stroke") && d.setAttribute("stroke", "currentColor");
+        l.setAttribute("style", "margin: 0 auto;"), l.querySelectorAll("path").forEach((u) => {
+          u.hasAttribute("fill") && u.setAttribute("fill", "currentColor"), u.hasAttribute("stroke") && u.setAttribute("stroke", "currentColor");
         });
       }
     }
@@ -5771,14 +5793,14 @@ const F1 = `.wrap-section{padding:0 8px;transition:all .3s}.wrap-section.collaps
 function j1(e) {
   const { baseUrl: t, menuPath: n } = e, r = fu(), [i, s] = K([]), [o, a] = K(
     localStorage.getItem("isCollapsed") === "true"
-  ), [l, c] = K({}), d = Wi(i), [u, h] = K(window.location.href);
+  ), [l, c] = K({}), u = Wi(i), [d, h] = K(window.location.href);
   be(() => {
     h(window.location.href);
   }, [r]);
-  const p = tc(d, u).filter(
+  const p = tc(u, d).filter(
     (v) => v.parentKey !== 0
   );
-  console.log("matchPaths:", u, r, p);
+  console.log("matchPaths:", d, r, p);
   const y = (v) => {
     c({
       ...l,
@@ -6470,7 +6492,7 @@ function Z1() {
   if (Cs)
     return $;
   Cs = 1;
-  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), y;
+  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), y;
   y = Symbol.for("react.module.reference");
   function f(m) {
     if (typeof m == "object" && m !== null) {
@@ -6482,7 +6504,7 @@ function Z1() {
             case i:
             case r:
             case c:
-            case d:
+            case u:
               return m;
             default:
               switch (m = m && m.$$typeof, m) {
@@ -6490,7 +6512,7 @@ function Z1() {
                 case o:
                 case l:
                 case h:
-                case u:
+                case d:
                 case s:
                   return m;
                 default:
@@ -6502,7 +6524,7 @@ function Z1() {
       }
     }
   }
-  return $.ContextConsumer = o, $.ContextProvider = s, $.Element = e, $.ForwardRef = l, $.Fragment = n, $.Lazy = h, $.Memo = u, $.Portal = t, $.Profiler = i, $.StrictMode = r, $.Suspense = c, $.SuspenseList = d, $.isAsyncMode = function() {
+  return $.ContextConsumer = o, $.ContextProvider = s, $.Element = e, $.ForwardRef = l, $.Fragment = n, $.Lazy = h, $.Memo = d, $.Portal = t, $.Profiler = i, $.StrictMode = r, $.Suspense = c, $.SuspenseList = u, $.isAsyncMode = function() {
     return !1;
   }, $.isConcurrentMode = function() {
     return !1;
@@ -6519,7 +6541,7 @@ function Z1() {
   }, $.isLazy = function(m) {
     return f(m) === h;
   }, $.isMemo = function(m) {
-    return f(m) === u;
+    return f(m) === d;
   }, $.isPortal = function(m) {
     return f(m) === t;
   }, $.isProfiler = function(m) {
@@ -6529,9 +6551,9 @@ function Z1() {
   }, $.isSuspense = function(m) {
     return f(m) === c;
   }, $.isSuspenseList = function(m) {
-    return f(m) === d;
+    return f(m) === u;
   }, $.isValidElementType = function(m) {
-    return typeof m == "string" || typeof m == "function" || m === n || m === i || m === r || m === c || m === d || m === p || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === u || m.$$typeof === s || m.$$typeof === o || m.$$typeof === l || m.$$typeof === y || m.getModuleId !== void 0);
+    return typeof m == "string" || typeof m == "function" || m === n || m === i || m === r || m === c || m === u || m === p || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === d || m.$$typeof === s || m.$$typeof === o || m.$$typeof === l || m.$$typeof === y || m.getModuleId !== void 0);
   }, $.typeOf = f, $;
 }
 var z = {};
@@ -6547,10 +6569,10 @@ var z = {};
 var Ts;
 function J1() {
   return Ts || (Ts = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), y = !1, f = !1, m = !1, b = !1, w = !1, x;
+    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), y = !1, f = !1, m = !1, b = !1, w = !1, x;
     x = Symbol.for("react.module.reference");
     function S(A) {
-      return !!(typeof A == "string" || typeof A == "function" || A === n || A === i || w || A === r || A === c || A === d || b || A === p || y || f || m || typeof A == "object" && A !== null && (A.$$typeof === h || A.$$typeof === u || A.$$typeof === s || A.$$typeof === o || A.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof A == "string" || typeof A == "function" || A === n || A === i || w || A === r || A === c || A === u || b || A === p || y || f || m || typeof A == "object" && A !== null && (A.$$typeof === h || A.$$typeof === d || A.$$typeof === s || A.$$typeof === o || A.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -6567,7 +6589,7 @@ function J1() {
               case i:
               case r:
               case c:
-              case d:
+              case u:
                 return An;
               default:
                 var ao = An && An.$$typeof;
@@ -6576,7 +6598,7 @@ function J1() {
                   case o:
                   case l:
                   case h:
-                  case u:
+                  case d:
                   case s:
                     return ao;
                   default:
@@ -6588,7 +6610,7 @@ function J1() {
         }
       }
     }
-    var E = o, C = s, T = e, P = l, D = n, O = h, V = u, q = t, H = i, fe = r, U = c, ce = d, ue = !1, ge = !1;
+    var E = o, C = s, T = e, P = l, D = n, O = h, V = d, q = t, H = i, fe = r, U = c, ce = u, ue = !1, ge = !1;
     function Re(A) {
       return ue || (ue = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -6614,7 +6636,7 @@ function J1() {
       return v(A) === h;
     }
     function Ut(A) {
-      return v(A) === u;
+      return v(A) === d;
     }
     function ct(A) {
       return v(A) === t;
@@ -6629,7 +6651,7 @@ function J1() {
       return v(A) === c;
     }
     function Yt(A) {
-      return v(A) === d;
+      return v(A) === u;
     }
     z.ContextConsumer = E, z.ContextProvider = C, z.Element = T, z.ForwardRef = P, z.Fragment = D, z.Lazy = O, z.Memo = V, z.Portal = q, z.Profiler = H, z.StrictMode = fe, z.Suspense = U, z.SuspenseList = ce, z.isAsyncMode = Re, z.isConcurrentMode = B, z.isContextConsumer = ke, z.isContextProvider = je, z.isElement = Se, z.isForwardRef = Be, z.isFragment = We, z.isLazy = xt, z.isMemo = Ut, z.isPortal = ct, z.isProfiler = Ke, z.isStrictMode = Oe, z.isSuspense = _, z.isSuspenseList = Yt, z.isValidElementType = S, z.typeOf = v;
   }()), z;
@@ -6799,10 +6821,10 @@ function lc(e) {
     const y = o.indexOf(p);
     return `@media (min-width:${typeof t[h] == "number" ? t[h] : h}${n}) and (max-width:${(y !== -1 && typeof t[o[y]] == "number" ? t[o[y]] : p) - r / 100}${n})`;
   }
-  function d(h) {
+  function u(h) {
     return o.indexOf(h) + 1 < o.length ? c(h, o[o.indexOf(h) + 1]) : a(h);
   }
-  function u(h) {
+  function d(h) {
     const p = o.indexOf(h);
     return p === 0 ? a(o[1]) : p === o.length - 1 ? l(o[p]) : c(h, o[o.indexOf(h) + 1]).replace("@media", "@media not all and");
   }
@@ -6812,8 +6834,8 @@ function lc(e) {
     up: a,
     down: l,
     between: c,
-    only: d,
-    not: u,
+    only: u,
+    not: d,
     unit: n
   }, i);
 }
@@ -6901,9 +6923,9 @@ function ee(e) {
     if (o[t] == null)
       return null;
     const a = o[t], l = o.theme, c = wr(l, r) || {};
-    return qe(o, a, (u) => {
-      let h = lr(c, i, u);
-      return u === h && typeof u == "string" && (h = lr(c, i, `${t}${u === "default" ? "" : gt(u)}`, u)), n === !1 ? h : {
+    return qe(o, a, (d) => {
+      let h = lr(c, i, d);
+      return d === h && typeof d == "string" && (h = lr(c, i, `${t}${d === "default" ? "" : gt(d)}`, d)), n === !1 ? h : {
         [n]: h
       };
     });
@@ -7456,8 +7478,8 @@ function dc() {
     const {
       cssProperty: l = n,
       themeKey: c,
-      transform: d,
-      style: u
+      transform: u,
+      style: d
     } = a;
     if (r == null)
       return null;
@@ -7466,9 +7488,9 @@ function dc() {
         [n]: r
       };
     const h = wr(i, c) || {};
-    return u ? u(o) : qe(o, r, (y) => {
-      let f = lr(h, d, y);
-      return y === f && typeof y == "string" && (f = lr(h, d, `${n}${y === "default" ? "" : gt(y)}`, y)), l === !1 ? f : {
+    return d ? d(o) : qe(o, r, (y) => {
+      let f = lr(h, u, y);
+      return y === f && typeof y == "string" && (f = lr(h, u, `${n}${y === "default" ? "" : gt(y)}`, y)), l === !1 ? f : {
         [l]: f
       };
     });
@@ -7490,8 +7512,8 @@ function dc() {
         return l;
       if (!c)
         return null;
-      const d = yp(s.breakpoints), u = Object.keys(d);
-      let h = d;
+      const u = yp(s.breakpoints), d = Object.keys(u);
+      let h = u;
       return Object.keys(c).forEach((p) => {
         const y = om(c[p], s);
         if (y != null)
@@ -7511,7 +7533,7 @@ function dc() {
             }
           else
             h = sn(h, e(p, y, s, o));
-      }), vp(u, h);
+      }), vp(d, h);
     }
     return Array.isArray(i) ? i.map(a) : a(i);
   }
@@ -7545,9 +7567,9 @@ function qi(e = {}, ...t) {
     spacing: l,
     shape: W({}, mp, s)
   }, o);
-  return c.applyStyles = hc, c = t.reduce((d, u) => Le(d, u), c), c.unstable_sxConfig = W({}, Tn, o == null ? void 0 : o.unstable_sxConfig), c.unstable_sx = function(u) {
+  return c.applyStyles = hc, c = t.reduce((u, d) => Le(u, d), c), c.unstable_sxConfig = W({}, Tn, o == null ? void 0 : o.unstable_sxConfig), c.unstable_sx = function(d) {
     return Gi({
-      sx: u,
+      sx: d,
       theme: this
     });
   }, c;
@@ -7758,10 +7780,10 @@ function _m(e) {
   return bc(Un("", null, null, null, [""], e = vc(e), 0, [0], e));
 }
 function Un(e, t, n, r, i, s, o, a, l) {
-  for (var c = 0, d = 0, u = o, h = 0, p = 0, y = 0, f = 1, m = 1, b = 1, w = 0, x = "", S = i, v = s, E = r, C = x; m; )
+  for (var c = 0, u = 0, d = o, h = 0, p = 0, y = 0, f = 1, m = 1, b = 1, w = 0, x = "", S = i, v = s, E = r, C = x; m; )
     switch (y = w, w = xe()) {
       case 40:
-        if (y != 108 && oe(C, u - 1) == 58) {
+        if (y != 108 && oe(C, d - 1) == 58) {
           pi(C += L(Hn(w), "&", "&\f"), "&\f") != -1 && (b = -1);
           break;
         }
@@ -7798,31 +7820,31 @@ function Un(e, t, n, r, i, s, o, a, l) {
           case 0:
           case 125:
             m = 0;
-          case 59 + d:
-            b == -1 && (C = L(C, /\f/g, "")), p > 0 && Ve(C) - u && $n(p > 32 ? Ns(C + ";", r, n, u - 1) : Ns(L(C, " ", "") + ";", r, n, u - 2), l);
+          case 59 + u:
+            b == -1 && (C = L(C, /\f/g, "")), p > 0 && Ve(C) - d && $n(p > 32 ? Ns(C + ";", r, n, d - 1) : Ns(L(C, " ", "") + ";", r, n, d - 2), l);
             break;
           case 59:
             C += ";";
           default:
-            if ($n(E = Ms(C, t, n, c, d, i, a, x, S = [], v = [], u), s), w === 123)
-              if (d === 0)
-                Un(C, t, E, E, S, s, u, a, v);
+            if ($n(E = Ms(C, t, n, c, u, i, a, x, S = [], v = [], d), s), w === 123)
+              if (u === 0)
+                Un(C, t, E, E, S, s, d, a, v);
               else
                 switch (h === 99 && oe(C, 3) === 110 ? 100 : h) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Un(e, E, E, r && $n(Ms(e, E, E, 0, 0, i, a, x, i, S = [], u), v), i, v, u, a, r ? S : v);
+                    Un(e, E, E, r && $n(Ms(e, E, E, 0, 0, i, a, x, i, S = [], d), v), i, v, d, a, r ? S : v);
                     break;
                   default:
                     Un(C, E, E, E, [""], v, 0, a, v);
                 }
         }
-        c = d = p = 0, f = b = 1, x = C = "", u = o;
+        c = u = p = 0, f = b = 1, x = C = "", d = o;
         break;
       case 58:
-        u = 1 + Ve(C), p = y;
+        d = 1 + Ve(C), p = y;
       default:
         if (f < 1) {
           if (w == 123)
@@ -7832,13 +7854,13 @@ function Un(e, t, n, r, i, s, o, a, l) {
         }
         switch (C += kr(w), w * f) {
           case 38:
-            b = d > 0 ? 1 : (C += "\f", -1);
+            b = u > 0 ? 1 : (C += "\f", -1);
             break;
           case 44:
             a[c++] = (Ve(C) - 1) * b, b = 1;
             break;
           case 64:
-            $e() === 45 && (C += Hn(xe())), h = $e(), d = u = Ve(x = C += Tm(Wn())), w++;
+            $e() === 45 && (C += Hn(xe())), h = $e(), u = d = Ve(x = C += Tm(Wn())), w++;
             break;
           case 45:
             y === 45 && Ve(C) == 2 && (f = 0);
@@ -7846,11 +7868,11 @@ function Un(e, t, n, r, i, s, o, a, l) {
     }
   return s;
 }
-function Ms(e, t, n, r, i, s, o, a, l, c, d) {
-  for (var u = i - 1, h = i === 0 ? s : [""], p = Ji(h), y = 0, f = 0, m = 0; y < r; ++y)
-    for (var b = 0, w = hn(e, u + 1, u = mm(f = o[y])), x = e; b < p; ++b)
+function Ms(e, t, n, r, i, s, o, a, l, c, u) {
+  for (var d = i - 1, h = i === 0 ? s : [""], p = Ji(h), y = 0, f = 0, m = 0; y < r; ++y)
+    for (var b = 0, w = hn(e, d + 1, d = mm(f = o[y])), x = e; b < p; ++b)
       (x = gc(f > 0 ? h[b] + " " + w : L(w, /&\f/g, h[b]))) && (l[m++] = x);
-  return Mr(e, t, n, i === 0 ? Xi : a, l, c, d);
+  return Mr(e, t, n, i === 0 ? Xi : a, l, c, u);
 }
 function Pm(e, t, n) {
   return Mr(e, t, n, Ki, kr(xm()), hn(e, 2, -2), 0);
@@ -7929,8 +7951,8 @@ var Mm = function(t, n, r) {
     if (!(t.props.length === 1 && n.charCodeAt(0) !== 58 && !Ds.get(r)) && !i) {
       Ds.set(t, !0);
       for (var s = [], o = Dm(n, s), a = r.props, l = 0, c = 0; l < o.length; l++)
-        for (var d = 0; d < a.length; d++, c++)
-          t.props[c] = s[l] ? o[l].replace(/&\f/g, a[d]) : a[d] + " " + o[l];
+        for (var u = 0; u < a.length; u++, c++)
+          t.props[c] = s[l] ? o[l].replace(/&\f/g, a[u]) : a[u] + " " + o[l];
     }
   }
 }, Vm = function(t) {
@@ -7960,8 +7982,8 @@ var Mm = function(t, n, r) {
             break;
           }
         }
-        s.forEach(function(d) {
-          console.error('The pseudo class "' + d + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + d.split("-child")[0] + '-of-type".');
+        s.forEach(function(u) {
+          console.error('The pseudo class "' + u + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + u.split("-child")[0] + '-of-type".');
         });
       }
     }
@@ -8156,15 +8178,15 @@ If multiple caches share the same key they might "fight" for each other's style
     }
   }), Fm);
   {
-    var d, u = [Am, process.env.NODE_ENV !== "production" ? function(f) {
-      f.root || (f.return ? d.insert(f.return) : f.value && f.type !== Ki && d.insert(f.value + "{}"));
+    var u, d = [Am, process.env.NODE_ENV !== "production" ? function(f) {
+      f.root || (f.return ? u.insert(f.return) : f.value && f.type !== Ki && u.insert(f.value + "{}"));
     } : Om(function(f) {
-      d.insert(f);
-    })], h = km(c.concat(i, u)), p = function(m) {
+      u.insert(f);
+    })], h = km(c.concat(i, d)), p = function(m) {
       return It(_m(m), h);
     };
     l = function(m, b, w, x) {
-      d = w, process.env.NODE_ENV !== "production" && b.map !== void 0 && (d = {
+      u = w, process.env.NODE_ENV !== "production" && b.map !== void 0 && (u = {
         insert: function(v) {
           w.insert(v + b.map);
         }
@@ -8201,7 +8223,7 @@ function Wm() {
   if (Vs)
     return F;
   Vs = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, u = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, m = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, m = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
   function x(v) {
     if (typeof v == "object" && v !== null) {
       var E = v.$$typeof;
@@ -8213,12 +8235,12 @@ function Wm() {
             case r:
             case s:
             case i:
-            case u:
+            case d:
               return v;
             default:
               switch (v = v && v.$$typeof, v) {
                 case a:
-                case d:
+                case u:
                 case y:
                 case p:
                 case o:
@@ -8235,7 +8257,7 @@ function Wm() {
   function S(v) {
     return x(v) === c;
   }
-  return F.AsyncMode = l, F.ConcurrentMode = c, F.ContextConsumer = a, F.ContextProvider = o, F.Element = t, F.ForwardRef = d, F.Fragment = r, F.Lazy = y, F.Memo = p, F.Portal = n, F.Profiler = s, F.StrictMode = i, F.Suspense = u, F.isAsyncMode = function(v) {
+  return F.AsyncMode = l, F.ConcurrentMode = c, F.ContextConsumer = a, F.ContextProvider = o, F.Element = t, F.ForwardRef = u, F.Fragment = r, F.Lazy = y, F.Memo = p, F.Portal = n, F.Profiler = s, F.StrictMode = i, F.Suspense = d, F.isAsyncMode = function(v) {
     return S(v) || x(v) === l;
   }, F.isConcurrentMode = S, F.isContextConsumer = function(v) {
     return x(v) === a;
@@ -8244,7 +8266,7 @@ function Wm() {
   }, F.isElement = function(v) {
     return typeof v == "object" && v !== null && v.$$typeof === t;
   }, F.isForwardRef = function(v) {
-    return x(v) === d;
+    return x(v) === u;
   }, F.isFragment = function(v) {
     return x(v) === r;
   }, F.isLazy = function(v) {
@@ -8258,9 +8280,9 @@ function Wm() {
   }, F.isStrictMode = function(v) {
     return x(v) === i;
   }, F.isSuspense = function(v) {
-    return x(v) === u;
+    return x(v) === d;
   }, F.isValidElementType = function(v) {
-    return typeof v == "string" || typeof v == "function" || v === r || v === c || v === s || v === i || v === u || v === h || typeof v == "object" && v !== null && (v.$$typeof === y || v.$$typeof === p || v.$$typeof === o || v.$$typeof === a || v.$$typeof === d || v.$$typeof === m || v.$$typeof === b || v.$$typeof === w || v.$$typeof === f);
+    return typeof v == "string" || typeof v == "function" || v === r || v === c || v === s || v === i || v === d || v === h || typeof v == "object" && v !== null && (v.$$typeof === y || v.$$typeof === p || v.$$typeof === o || v.$$typeof === a || v.$$typeof === u || v.$$typeof === m || v.$$typeof === b || v.$$typeof === w || v.$$typeof === f);
   }, F.typeOf = x, F;
 }
 var j = {};
@@ -8275,10 +8297,10 @@ var j = {};
 var Is;
 function Hm() {
   return Is || (Is = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, u = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, m = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, y = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, m = e ? Symbol.for("react.fundamental") : 60117, b = e ? Symbol.for("react.responder") : 60118, w = e ? Symbol.for("react.scope") : 60119;
     function x(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === c || _ === s || _ === i || _ === u || _ === h || typeof _ == "object" && _ !== null && (_.$$typeof === y || _.$$typeof === p || _.$$typeof === o || _.$$typeof === a || _.$$typeof === d || _.$$typeof === m || _.$$typeof === b || _.$$typeof === w || _.$$typeof === f);
+      _ === r || _ === c || _ === s || _ === i || _ === d || _ === h || typeof _ == "object" && _ !== null && (_.$$typeof === y || _.$$typeof === p || _.$$typeof === o || _.$$typeof === a || _.$$typeof === u || _.$$typeof === m || _.$$typeof === b || _.$$typeof === w || _.$$typeof === f);
     }
     function S(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -8292,13 +8314,13 @@ function Hm() {
               case r:
               case s:
               case i:
-              case u:
+              case d:
                 return A;
               default:
                 var wt = A && A.$$typeof;
                 switch (wt) {
                   case a:
-                  case d:
+                  case u:
                   case y:
                   case p:
                   case o:
@@ -8312,7 +8334,7 @@ function Hm() {
         }
       }
     }
-    var v = l, E = c, C = a, T = o, P = t, D = d, O = r, V = y, q = p, H = n, fe = s, U = i, ce = u, ue = !1;
+    var v = l, E = c, C = a, T = o, P = t, D = u, O = r, V = y, q = p, H = n, fe = s, U = i, ce = d, ue = !1;
     function ge(_) {
       return ue || (ue = !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.")), Re(_) || S(_) === l;
     }
@@ -8329,7 +8351,7 @@ function Hm() {
       return typeof _ == "object" && _ !== null && _.$$typeof === t;
     }
     function Se(_) {
-      return S(_) === d;
+      return S(_) === u;
     }
     function Be(_) {
       return S(_) === r;
@@ -8350,7 +8372,7 @@ function Hm() {
       return S(_) === i;
     }
     function Oe(_) {
-      return S(_) === u;
+      return S(_) === d;
     }
     j.AsyncMode = v, j.ConcurrentMode = E, j.ContextConsumer = C, j.ContextProvider = T, j.Element = P, j.ForwardRef = D, j.Fragment = O, j.Lazy = V, j.Memo = q, j.Portal = H, j.Profiler = fe, j.StrictMode = U, j.Suspense = ce, j.isAsyncMode = ge, j.isConcurrentMode = Re, j.isContextConsumer = B, j.isContextProvider = ke, j.isElement = je, j.isForwardRef = Se, j.isFragment = Be, j.isLazy = We, j.isMemo = xt, j.isPortal = Ut, j.isProfiler = ct, j.isStrictMode = Ke, j.isSuspense = Oe, j.isValidElementType = x, j.typeOf = S;
   }()), j;
@@ -8546,7 +8568,7 @@ function mn(e, t, n) {
     }
     case "string":
       if (process.env.NODE_ENV !== "production") {
-        var a = [], l = n.replace(Tc, function(d, u, h) {
+        var a = [], l = n.replace(Tc, function(u, d, h) {
           var p = "animation" + a.length;
           return a.push("const " + p + " = keyframes`" + h.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + p + "}";
         });
@@ -8611,12 +8633,12 @@ var Ne, Ft = function(t, n, r) {
   process.env.NODE_ENV !== "production" && (s = s.replace(Pc, function(h) {
     return l = h, "";
   })), Fs.lastIndex = 0;
-  for (var c = "", d; (d = Fs.exec(s)) !== null; )
+  for (var c = "", u; (u = Fs.exec(s)) !== null; )
     c += "-" + // $FlowFixMe we know it's not null
-    d[1];
-  var u = Km(s) + c;
+    u[1];
+  var d = Km(s) + c;
   return process.env.NODE_ENV !== "production" ? {
-    name: u,
+    name: d,
     styles: s,
     map: l,
     next: Ne,
@@ -8624,7 +8646,7 @@ var Ne, Ft = function(t, n, r) {
       return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
     }
   } : {
-    name: u,
+    name: d,
     styles: s,
     next: Ne
   };
@@ -8666,8 +8688,8 @@ var Bs = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Ws = "__EMOTION_LABEL_PLEASE_DO_N
   }
   o += t.key + "-" + a.name;
   var c = {};
-  for (var d in e)
-    s2.call(e, d) && d !== "css" && d !== Bs && (process.env.NODE_ENV === "production" || d !== Ws) && (c[d] = e[d]);
+  for (var u in e)
+    s2.call(e, u) && u !== "css" && u !== Bs && (process.env.NODE_ENV === "production" || u !== Ws) && (c[u] = e[u]);
   return c.ref = n, c.className = o, /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.createElement(l2, {
     cache: t,
     serialized: a,
@@ -8891,16 +8913,16 @@ var p2 = function(t) {
   var n = !1, r = [], i = function() {
     if (n && process.env.NODE_ENV !== "production")
       throw new Error("css can only be used during render");
-    for (var c = arguments.length, d = new Array(c), u = 0; u < c; u++)
-      d[u] = arguments[u];
-    var h = Ft(d, t.registered);
+    for (var c = arguments.length, u = new Array(c), d = 0; d < c; d++)
+      u[d] = arguments[d];
+    var h = Ft(u, t.registered);
     return r.push(h), Nr(t, h, !1), t.key + "-" + h.name;
   }, s = function() {
     if (n && process.env.NODE_ENV !== "production")
       throw new Error("cx can only be used during render");
-    for (var c = arguments.length, d = new Array(c), u = 0; u < c; u++)
-      d[u] = arguments[u];
-    return h2(t.registered, i, f2(d));
+    for (var c = arguments.length, u = new Array(c), d = 0; d < c; d++)
+      u[d] = arguments[d];
+    return h2(t.registered, i, f2(u));
   }, o = {
     css: i,
     cx: s,
@@ -8954,13 +8976,13 @@ You may have forgotten to import it.`);
   n !== void 0 && (s = n.label, o = n.target);
   var a = Ks(t, n, r), l = a || qs(i), c = !l("as");
   return function() {
-    var d = arguments, u = r && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
-    if (s !== void 0 && u.push("label:" + s + ";"), d[0] == null || d[0].raw === void 0)
-      u.push.apply(u, d);
+    var u = arguments, d = r && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
+    if (s !== void 0 && d.push("label:" + s + ";"), u[0] == null || u[0].raw === void 0)
+      d.push.apply(d, u);
     else {
-      process.env.NODE_ENV !== "production" && d[0][0] === void 0 && console.error(Xs), u.push(d[0][0]);
-      for (var h = d.length, p = 1; p < h; p++)
-        process.env.NODE_ENV !== "production" && d[0][p] === void 0 && console.error(Xs), u.push(d[p], d[0][p]);
+      process.env.NODE_ENV !== "production" && u[0][0] === void 0 && console.error(Xs), d.push(u[0][0]);
+      for (var h = u.length, p = 1; p < h; p++)
+        process.env.NODE_ENV !== "production" && u[0][p] === void 0 && console.error(Xs), d.push(u[p], u[0][p]);
     }
     var y = Rr(function(f, m, b) {
       var w = c && f.as || i, x = "", S = [], v = f;
@@ -8971,7 +8993,7 @@ You may have forgotten to import it.`);
         v.theme = N.useContext(bt);
       }
       typeof f.className == "string" ? x = Qi(m.registered, S, f.className) : f.className != null && (x = f.className + " ");
-      var C = Ft(u.concat(S), m.registered, v);
+      var C = Ft(d.concat(S), m.registered, v);
       x += m.key + "-" + C.name, o !== void 0 && (x += " " + o);
       var T = c && a === void 0 ? qs(w) : l, P = {};
       for (var D in f)
@@ -8983,14 +9005,14 @@ You may have forgotten to import it.`);
         isStringTag: typeof w == "string"
       }), /* @__PURE__ */ N.createElement(w, P));
     });
-    return y.displayName = s !== void 0 ? s : "Styled(" + (typeof i == "string" ? i : i.displayName || i.name || "Component") + ")", y.defaultProps = t.defaultProps, y.__emotion_real = y, y.__emotion_base = i, y.__emotion_styles = u, y.__emotion_forwardProp = a, Object.defineProperty(y, "toString", {
+    return y.displayName = s !== void 0 ? s : "Styled(" + (typeof i == "string" ? i : i.displayName || i.name || "Component") + ")", y.defaultProps = t.defaultProps, y.__emotion_real = y, y.__emotion_base = i, y.__emotion_styles = d, y.__emotion_forwardProp = a, Object.defineProperty(y, "toString", {
       value: function() {
         return o === void 0 && process.env.NODE_ENV !== "production" ? "NO_COMPONENT_SELECTOR" : "." + o;
       }
     }), y.withComponent = function(f, m) {
       return e(f, W({}, n, m, {
         shouldForwardProp: Ks(y, m, !0)
-      })).apply(void 0, u);
+      })).apply(void 0, d);
     }, y;
   };
 }, w2 = [
@@ -9378,7 +9400,7 @@ function $c(e) {
   e = Pe(e);
   const {
     values: t
-  } = e, n = t[0], r = t[1] / 100, i = t[2] / 100, s = r * Math.min(i, 1 - i), o = (c, d = (c + n / 30) % 12) => i - s * Math.max(Math.min(d - 3, 9 - d, 1), -1);
+  } = e, n = t[0], r = t[1] / 100, i = t[2] / 100, s = r * Math.min(i, 1 - i), o = (c, u = (c + n / 30) % 12) => i - s * Math.max(Math.min(u - 3, 9 - u, 1), -1);
   let a = "rgb";
   const l = [Math.round(o(0) * 255), Math.round(o(8) * 255), Math.round(o(4) * 255)];
   return e.type === "hsla" && (a += "a", l.push(t[3])), Wt({
@@ -9702,8 +9724,8 @@ function fg(e) {
     mode: t = "light",
     contrastThreshold: n = 3,
     tonalOffset: r = 0.2
-  } = e, i = st(e, og), s = e.primary || sg(t), o = e.secondary || ag(t), a = e.error || lg(t), l = e.info || cg(t), c = e.success || ug(t), d = e.warning || dg(t);
-  function u(f) {
+  } = e, i = st(e, og), s = e.primary || sg(t), o = e.secondary || ag(t), a = e.error || lg(t), l = e.info || cg(t), c = e.success || ug(t), u = e.warning || dg(t);
+  function d(f) {
     const m = Zs(f, Zr.text.primary) >= n ? Zr.text.primary : Qs.text.primary;
     if (process.env.NODE_ENV !== "production") {
       const b = Zs(f, m);
@@ -9737,7 +9759,7 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : fn(12, m ? ` (${m})` : "", JSON.stringify(f.main)));
-    return ea(f, "light", w, r), ea(f, "dark", x, r), f.contrastText || (f.contrastText = u(f.main)), f;
+    return ea(f, "light", w, r), ea(f, "dark", x, r), f.contrastText || (f.contrastText = d(f.main)), f;
   }, p = {
     dark: Zr,
     light: Qs
@@ -9768,7 +9790,7 @@ const theme2 = createTheme({ palette: {
     }),
     // The colors used to represent potentially dangerous actions or important messages.
     warning: h({
-      color: d,
+      color: u,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
@@ -9787,7 +9809,7 @@ const theme2 = createTheme({ palette: {
     // the background and the text.
     contrastThreshold: n,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: u,
+    getContrastText: d,
     // Generate a rich color object.
     augmentColor: h,
     // Used by the functions below to shift a color's luminance by approximately
@@ -9817,11 +9839,11 @@ function mg(e, t) {
     // 16px is the default font-size used by browsers.
     htmlFontSize: c = 16,
     // Apply the CSS properties to all the variants.
-    allVariants: d,
-    pxToRem: u
+    allVariants: u,
+    pxToRem: d
   } = n, h = st(n, hg);
   process.env.NODE_ENV !== "production" && (typeof i != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof c != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const p = i / 14, y = u || ((b) => `${b / c * p}rem`), f = (b, w, x, S, v) => W({
+  const p = i / 14, y = d || ((b) => `${b / c * p}rem`), f = (b, w, x, S, v) => W({
     fontFamily: r,
     fontWeight: b,
     fontSize: y(w),
@@ -9829,7 +9851,7 @@ function mg(e, t) {
     lineHeight: x
   }, r === na ? {
     letterSpacing: `${pg(S / w)}em`
-  } : {}, v, d), m = {
+  } : {}, v, u), m = {
     h1: f(s, 96, 1.167, -1.5),
     h2: f(s, 60, 1.2, -0.5),
     h3: f(o, 48, 1.167, 0),
@@ -9913,11 +9935,11 @@ function Tg(e) {
         delay: l = 0
       } = s, c = st(s, wg);
       if (process.env.NODE_ENV !== "production") {
-        const d = (h) => typeof h == "string", u = (h) => !isNaN(parseFloat(h));
-        !d(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !u(o) && !d(o) && console.error(`MUI: Argument "duration" must be a number or a string but found ${o}.`), d(a) || console.error('MUI: Argument "easing" must be a string.'), !u(l) && !d(l) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof s != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+        const u = (h) => typeof h == "string", d = (h) => !isNaN(parseFloat(h));
+        !u(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !d(o) && !u(o) && console.error(`MUI: Argument "duration" must be a number or a string but found ${o}.`), u(a) || console.error('MUI: Argument "easing" must be a string.'), !d(l) && !u(l) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof s != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(c).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(c).join(",")}].`);
       }
-      return (Array.isArray(i) ? i : [i]).map((d) => `${d} ${typeof o == "string" ? o : ra(o)} ${a} ${typeof l == "string" ? l : ra(l)}`).join(",");
+      return (Array.isArray(i) ? i : [i]).map((u) => `${u} ${typeof o == "string" ? o : ra(o)} ${a} ${typeof l == "string" ? l : ra(l)}`).join(",");
     }
   }, e, {
     easing: t,
@@ -9953,12 +9975,12 @@ function kg(e = {}, ...t) {
     transitions: Tg(i),
     zIndex: W({}, Pg)
   });
-  if (c = Le(c, o), c = t.reduce((d, u) => Le(d, u), c), process.env.NODE_ENV !== "production") {
-    const d = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], u = (h, p) => {
+  if (c = Le(c, o), c = t.reduce((u, d) => Le(u, d), c), process.env.NODE_ENV !== "production") {
+    const u = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], d = (h, p) => {
       let y;
       for (y in h) {
         const f = h[y];
-        if (d.indexOf(y) !== -1 && Object.keys(f).length > 0) {
+        if (u.indexOf(y) !== -1 && Object.keys(f).length > 0) {
           if (process.env.NODE_ENV !== "production") {
             const m = Hi("", y);
             console.error([`MUI: The \`${p}\` component increases the CSS specificity of the \`${y}\` internal state.`, "You can not override it like this: ", JSON.stringify(h, null, 2), "", `Instead, you need to use the '&.${m}' syntax:`, JSON.stringify({
@@ -9974,12 +9996,12 @@ function kg(e = {}, ...t) {
     };
     Object.keys(c.components).forEach((h) => {
       const p = c.components[h].styleOverrides;
-      p && h.indexOf("Mui") === 0 && u(p, h);
+      p && h.indexOf("Mui") === 0 && d(p, h);
     });
   }
-  return c.unstable_sxConfig = W({}, Tn, o == null ? void 0 : o.unstable_sxConfig), c.unstable_sx = function(u) {
+  return c.unstable_sxConfig = W({}, Tn, o == null ? void 0 : o.unstable_sxConfig), c.unstable_sx = function(d) {
     return Gi({
-      sx: u,
+      sx: d,
       theme: this
     });
   }, c;
@@ -10073,8 +10095,8 @@ function Gn(e, t) {
       let c = !0;
       typeof l.props == "function" ? c = l.props((0, Te.default)({
         ownerState: n
-      }, r, n)) : Object.keys(l.props).forEach((d) => {
-        (n == null ? void 0 : n[d]) !== l.props[d] && r[d] !== l.props[d] && (c = !1);
+      }, r, n)) : Object.keys(l.props).forEach((u) => {
+        (n == null ? void 0 : n[u]) !== l.props[u] && r[u] !== l.props[u] && (c = !1);
       }), c && (Array.isArray(a) || (a = [a]), a.push(typeof l.style == "function" ? l.style((0, Te.default)({
         ownerState: n
       }, r, n)) : l.style));
@@ -10099,16 +10121,16 @@ function t3(e = {}) {
     const {
       name: l,
       slot: c,
-      skipVariantsResolver: d,
-      skipSx: u,
+      skipVariantsResolver: u,
+      skipSx: d,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: h = e3(oa(c))
-    } = a, p = (0, xi.default)(a, Kg), y = d !== void 0 ? d : (
+    } = a, p = (0, xi.default)(a, Kg), y = u !== void 0 ? u : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       c && c !== "Root" && c !== "root" || !1
-    ), f = u || !1;
+    ), f = d || !1;
     let m;
     process.env.NODE_ENV !== "production" && l && (m = `${l}-${oa(c || "Root")}`);
     let b = Yn;
@@ -10196,7 +10218,7 @@ const s3 = ["children", "className", "color", "component", "fontSize", "htmlColo
   theme: e,
   ownerState: t
 }) => {
-  var n, r, i, s, o, a, l, c, d, u, h, p, y;
+  var n, r, i, s, o, a, l, c, u, d, h, p, y;
   return {
     userSelect: "none",
     width: "1em",
@@ -10213,10 +10235,10 @@ const s3 = ["children", "className", "color", "component", "fontSize", "htmlColo
       inherit: "inherit",
       small: ((s = e.typography) == null || (o = s.pxToRem) == null ? void 0 : o.call(s, 20)) || "1.25rem",
       medium: ((a = e.typography) == null || (l = a.pxToRem) == null ? void 0 : l.call(a, 24)) || "1.5rem",
-      large: ((c = e.typography) == null || (d = c.pxToRem) == null ? void 0 : d.call(c, 35)) || "2.1875rem"
+      large: ((c = e.typography) == null || (u = c.pxToRem) == null ? void 0 : u.call(c, 35)) || "2.1875rem"
     }[t.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (u = (h = (e.vars || e).palette) == null || (h = h[t.color]) == null ? void 0 : h.main) != null ? u : {
+    color: (d = (h = (e.vars || e).palette) == null || (h = h[t.color]) == null ? void 0 : h.main) != null ? d : {
       action: (p = (e.vars || e).palette) == null || (p = p.action) == null ? void 0 : p.active,
       disabled: (y = (e.vars || e).palette) == null || (y = y.action) == null ? void 0 : y.disabled,
       inherit: void 0
@@ -10233,32 +10255,32 @@ const s3 = ["children", "className", "color", "component", "fontSize", "htmlColo
     component: a = "svg",
     fontSize: l = "medium",
     htmlColor: c,
-    inheritViewBox: d = !1,
-    titleAccess: u,
+    inheritViewBox: u = !1,
+    titleAccess: d,
     viewBox: h = "0 0 24 24"
   } = r, p = st(r, s3), y = /* @__PURE__ */ N.isValidElement(i) && i.type === "svg", f = W({}, r, {
     color: o,
     component: a,
     fontSize: l,
     instanceFontSize: t.fontSize,
-    inheritViewBox: d,
+    inheritViewBox: u,
     viewBox: h,
     hasSvgAsChild: y
   }), m = {};
-  d || (m.viewBox = h);
+  u || (m.viewBox = h);
   const b = a3(f);
   return /* @__PURE__ */ k(l3, W({
     as: a,
     className: eu(b.root, s),
     focusable: "false",
     color: c,
-    "aria-hidden": u ? void 0 : !0,
-    role: u ? "img" : void 0,
+    "aria-hidden": d ? void 0 : !0,
+    role: d ? "img" : void 0,
     ref: n
   }, m, p, y && i.props, {
     ownerState: f,
-    children: [y ? i.props.children : i, u ? /* @__PURE__ */ g("title", {
-      children: u
+    children: [y ? i.props.children : i, d ? /* @__PURE__ */ g("title", {
+      children: d
     }) : null]
   }));
 });
@@ -10421,12 +10443,12 @@ var m3 = 150, g3 = function(t, n) {
 }, qn = null, Kn = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (qn = /* @__PURE__ */ new WeakSet(), Kn = /* @__PURE__ */ new WeakSet());
 function y3(e) {
-  var t, n = e.getItemOffset, r = e.getEstimatedTotalSize, i = e.getItemSize, s = e.getOffsetForIndexAndAlignment, o = e.getStartIndexForOffset, a = e.getStopIndexForStartIndex, l = e.initInstanceProps, c = e.shouldResetStyleCacheOnItemSizeChange, d = e.validateProps;
-  return t = /* @__PURE__ */ function(u) {
-    tu(h, u);
+  var t, n = e.getItemOffset, r = e.getEstimatedTotalSize, i = e.getItemSize, s = e.getOffsetForIndexAndAlignment, o = e.getStartIndexForOffset, a = e.getStopIndexForStartIndex, l = e.initInstanceProps, c = e.shouldResetStyleCacheOnItemSizeChange, u = e.validateProps;
+  return t = /* @__PURE__ */ function(d) {
+    tu(h, d);
     function h(y) {
       var f;
-      return f = u.call(this, y) || this, f._instanceProps = l(f.props, aa(f)), f._outerRef = void 0, f._resetIsScrollingTimeoutId = null, f.state = {
+      return f = d.call(this, y) || this, f._instanceProps = l(f.props, aa(f)), f._outerRef = void 0, f._resetIsScrollingTimeoutId = null, f.state = {
         instance: aa(f),
         isScrolling: !1,
         scrollDirection: "forward",
@@ -10512,7 +10534,7 @@ function y3(e) {
       }, f;
     }
     h.getDerivedStateFromProps = function(f, m) {
-      return v3(f, m), d(f), null;
+      return v3(f, m), u(f), null;
     };
     var p = h.prototype;
     return p.scrollTo = function(f) {
@@ -10628,14 +10650,14 @@ function y3(e) {
   }, t;
 }
 var v3 = function(t, n) {
-  var r = t.children, i = t.direction, s = t.height, o = t.layout, a = t.innerTagName, l = t.outerTagName, c = t.width, d = n.instance;
+  var r = t.children, i = t.direction, s = t.height, o = t.layout, a = t.innerTagName, l = t.outerTagName, c = t.width, u = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    (a != null || l != null) && Kn && !Kn.has(d) && (Kn.add(d), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
-    var u = i === "horizontal" || o === "horizontal";
+    (a != null || l != null) && Kn && !Kn.has(u) && (Kn.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
+    var d = i === "horizontal" || o === "horizontal";
     switch (i) {
       case "horizontal":
       case "vertical":
-        qn && !qn.has(d) && (qn.add(d), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
+        qn && !qn.has(u) && (qn.add(u), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
         break;
       case "ltr":
       case "rtl":
@@ -10652,9 +10674,9 @@ var v3 = function(t, n) {
     }
     if (r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
-    if (u && typeof c != "number")
+    if (d && typeof c != "number")
       throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (c === null ? "null" : typeof c) + '" was specified.'));
-    if (!u && typeof s != "number")
+    if (!d && typeof s != "number")
       throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (s === null ? "null" : typeof s) + '" was specified.'));
   }
 }, b3 = 50, Rt = function(t, n, r) {
@@ -10665,12 +10687,12 @@ var v3 = function(t, n) {
       var c = o[a];
       l = c.offset + c.size;
     }
-    for (var d = a + 1; d <= n; d++) {
-      var u = s(d);
-      o[d] = {
+    for (var u = a + 1; u <= n; u++) {
+      var d = s(u);
+      o[u] = {
         offset: l,
-        size: u
-      }, l += u;
+        size: d
+      }, l += d;
     }
     r.lastMeasuredIndex = n;
   }
@@ -10696,8 +10718,8 @@ var v3 = function(t, n) {
     var l = i[o];
     a = l.offset + l.size;
   }
-  var c = r - o - 1, d = c * s;
-  return a + d;
+  var c = r - o - 1, u = c * s;
+  return a + u;
 }, S3 = /* @__PURE__ */ y3({
   getItemOffset: function(t, n, r) {
     return Rt(t, n, r).offset;
@@ -10707,7 +10729,7 @@ var v3 = function(t, n) {
   },
   getEstimatedTotalSize: ha,
   getOffsetForIndexAndAlignment: function(t, n, r, i, s, o) {
-    var a = t.direction, l = t.height, c = t.layout, d = t.width, u = a === "horizontal" || c === "horizontal", h = u ? d : l, p = Rt(t, n, s), y = ha(t, s), f = Math.max(0, Math.min(y - h, p.offset)), m = Math.max(0, p.offset - h + p.size + o);
+    var a = t.direction, l = t.height, c = t.layout, u = t.width, d = a === "horizontal" || c === "horizontal", h = d ? u : l, p = Rt(t, n, s), y = ha(t, s), f = Math.max(0, Math.min(y - h, p.offset)), m = Math.max(0, p.offset - h + p.size + o);
     switch (r === "smart" && (i >= m - h && i <= f + h ? r = "auto" : r = "center"), r) {
       case "start":
         return f;
@@ -10724,7 +10746,7 @@ var v3 = function(t, n) {
     return x3(t, r, n);
   },
   getStopIndexForStartIndex: function(t, n, r, i) {
-    for (var s = t.direction, o = t.height, a = t.itemCount, l = t.layout, c = t.width, d = s === "horizontal" || l === "horizontal", u = d ? c : o, h = Rt(t, n, i), p = r + u, y = h.offset + h.size, f = n; f < a - 1 && y < p; )
+    for (var s = t.direction, o = t.height, a = t.itemCount, l = t.layout, c = t.width, u = s === "horizontal" || l === "horizontal", d = u ? c : o, h = Rt(t, n, i), p = r + d, y = h.offset + h.size, f = n; f < a - 1 && y < p; )
       f++, y += Rt(t, f, i).size;
     return f;
   },
@@ -10786,16 +10808,16 @@ const fr = 37, E3 = (e, t) => {
   return document.body.removeChild(o), a > 21 ? fr + 21 : fr;
 };
 function q3(e) {
-  const [t, n] = K(!1), [r, i] = K(""), [s, o] = K(""), [a, l] = K(!1), { isRequired: c = !1 } = e, d = Qt(
+  const [t, n] = K(!1), [r, i] = K(""), [s, o] = K(""), [a, l] = K(!1), { isRequired: c = !1 } = e, u = Qt(
     co.debounce((S) => {
       var v;
       (v = e.handleChangeSearch) == null || v.call(e, S);
     }, 300),
     [e.handleChangeSearch]
-  ), u = () => {
+  ), d = () => {
     n(!t);
   }, h = () => {
-    n(!1), o(""), d("");
+    n(!1), o(""), u("");
   };
   be(() => {
     i(e.value ? e.getOptionLabel(e.value) : "");
@@ -10805,7 +10827,7 @@ function q3(e) {
     l(e.searchLoading);
   }, [e.paging.rows, e.searchLoading]);
   const p = e.paging.rows, { hasNextPage: y } = e, f = y ? p.length + 1 : p.length, m = () => e.isNextPageLoading ? void 0 : e.loadNextPage(s), b = (S) => !y || S < p.length, w = (S) => {
-    i(S.target.value), t && (o(S.target.value), d(S.target.value), l(!0));
+    i(S.target.value), t && (o(S.target.value), u(S.target.value), l(!0));
   }, x = ze(null);
   return /* @__PURE__ */ g(
     vu,
@@ -10855,7 +10877,7 @@ function q3(e) {
                         padding: "1px"
                       },
                       onClick: (S) => {
-                        S.preventDefault(), S.stopPropagation(), u();
+                        S.preventDefault(), S.stopPropagation(), d();
                       },
                       disabled: e.loading || e.disabled || e.readOnly,
                       children: e.loading ? /* @__PURE__ */ g(xu, { size: "16px" }) : /* @__PURE__ */ g(
@@ -11011,7 +11033,7 @@ function q3(e) {
   );
 }
 function K3(e) {
-  var d;
+  var u;
   const { listProps: t } = e, [n, r] = K({
     initLoading: !e.disabled,
     searchLoading: !1,
@@ -11019,17 +11041,17 @@ function K3(e) {
     isNextPageLoading: !1,
     paging: {
       page: 1,
-      pageSize: ((d = e.listProps) == null ? void 0 : d.pageSize) || 20,
+      pageSize: ((u = e.listProps) == null ? void 0 : u.pageSize) || 20,
       rows: [],
       total: 0,
       totalPages: 1
     }
-  }), i = async (u, h) => {
+  }), i = async (d, h) => {
     var p, y;
     if (e.list)
       r(() => {
         var b;
-        const f = ((b = u == null ? void 0 : u.search) == null ? void 0 : b.content) || "";
+        const f = ((b = d == null ? void 0 : d.search) == null ? void 0 : b.content) || "";
         return {
           hasNextPage: !1,
           isNextPageLoading: !1,
@@ -11054,13 +11076,13 @@ function K3(e) {
           pageSize: 20,
           filter: {
             ...t == null ? void 0 : t.filter,
-            ...u == null ? void 0 : u.filter
+            ...d == null ? void 0 : d.filter
           },
           ...uo.omit(t, "filter"),
-          ...uo.omit(u, "filter"),
+          ...uo.omit(d, "filter"),
           search: {
             fields: ((p = t == null ? void 0 : t.search) == null ? void 0 : p.fields) ?? [],
-            content: ((y = u == null ? void 0 : u.search) == null ? void 0 : y.content) ?? ""
+            content: ((y = d == null ? void 0 : d.search) == null ? void 0 : y.content) ?? ""
           }
         };
         h && (f.filter = {}, f.search && (f.search.content = ""), f.page = 1);
@@ -11071,26 +11093,26 @@ function K3(e) {
           isNextPageLoading: !1,
           paging: {
             ...m,
-            rows: (u == null ? void 0 : u.page) === 1 ? m.rows : b.paging.rows.concat(m.rows)
+            rows: (d == null ? void 0 : d.page) === 1 ? m.rows : b.paging.rows.concat(m.rows)
           },
           hasNextPage: m.page < m.totalPages
         }));
       } catch {
       }
     }
-  }, s = () => (r((u) => ({ ...u, initLoading: !0 })), i(void 0, !0)), o = (u) => (r((h) => ({ ...h, initLoading: !0 })), i(u)), a = (u) => {
+  }, s = () => (r((d) => ({ ...d, initLoading: !0 })), i(void 0, !0)), o = (d) => (r((h) => ({ ...h, initLoading: !0 })), i(d)), a = (d) => {
     i({
       page: n.paging.page + 1,
-      search: { content: u }
+      search: { content: d }
     });
-  }, l = (u) => {
-    r((h) => ({ ...h, searchLoading: !0 })), i({ page: 1, search: { content: u } });
+  }, l = (d) => {
+    r((h) => ({ ...h, searchLoading: !0 })), i({ page: 1, search: { content: d } });
   };
   be(() => {
-    e.disabled || (r((u) => ({ ...u, initLoading: !0 })), i({ page: 1 }));
+    e.disabled || (r((d) => ({ ...d, initLoading: !0 })), i({ page: 1 }));
   }, [...e.dependencyList || []]);
   const c = () => {
-    r((u) => ({ ...u, initLoading: !u.initLoading }));
+    r((d) => ({ ...d, initLoading: !d.initLoading }));
   };
   return {
     ...e,
@@ -11220,7 +11242,7 @@ function X3(e) {
       },
       onApply: (l, c) => {
         var f, m, b;
-        const d = c.chosenLabel === T3, { startDate: u, endDate: h } = c, p = d ? ((f = e.dateReset) == null ? void 0 : f.startDate) ?? void 0 : u.toDate(), y = d ? ((m = e.dateReset) == null ? void 0 : m.endDate) ?? void 0 : h.toDate();
+        const u = c.chosenLabel === T3, { startDate: d, endDate: h } = c, p = u ? ((f = e.dateReset) == null ? void 0 : f.startDate) ?? void 0 : d.toDate(), y = u ? ((m = e.dateReset) == null ? void 0 : m.endDate) ?? void 0 : h.toDate();
         console.log("onApply"), n({ startDate: p, endDate: y }), (b = e.onChange) == null || b.call(e, { startDate: p, endDate: y });
       },
       children: /* @__PURE__ */ g(
@@ -11351,12 +11373,12 @@ const _3 = ["granted", "denied"], P3 = (e) => {
       message: (a = s == null ? void 0 : s.data) == null ? void 0 : a.message,
       context: (l = s == null ? void 0 : s.data) == null ? void 0 : l.context
     }), r((c) => {
-      var d;
+      var u;
       return {
         ...c,
         unread: {
           ...c.unread,
-          total: ((d = c.unread) == null ? void 0 : d.total) + 1
+          total: ((u = c.unread) == null ? void 0 : u.total) + 1
         }
       };
     });