@ukpc-lib/react 0.0.5 → 0.0.6

package/dist/components/index.js

@@ -1,25 +1,26 @@
 import "../index.css";
-import Xe, { jsxs as O, jsx as T, Fragment as Ao } from "react/jsx-runtime";
+import Xe, { jsxs as F, jsx as P, Fragment as Ao } from "react/jsx-runtime";
 import * as R from "react";
-import zs, { useState as ot, useRef as St, useEffect as Wt, createContext as Mt, useLayoutEffect as Ws, useContext as U, useInsertionEffect as So, useCallback as Vo, useMemo as he, forwardRef as Co, createElement as Gs, useId as Mo } from "react";
-import { g as Do, a as Ro, s as Lo, c as Nt, u as Eo, _ as ko, b as Ie, d as Bo, P as D, e as Io, C as Fo, r as Oo, f as jo } from "../styled-f324a192.js";
+import zs, { useState as ot, useRef as St, useEffect as Wt, createContext as Mt, useLayoutEffect as Ws, useContext as _, useInsertionEffect as So, useCallback as Vo, useMemo as he, forwardRef as Co, createElement as Gs, useId as Mo } from "react";
+import { g as Do, a as Ro, s as ko, c as Nt, u as Lo, _ as Eo, b as Ie, d as Bo, P as D, e as Io, C as jo, r as Fo, f as Oo } from "../styled-f324a192.js";
 import { createPortal as No } from "react-dom";
-import { useLocation as Uo, Link as _o } from "react-router-dom";
+import { useLocation as _o, Link as Uo } from "react-router-dom";
 import zo from "axios";
-const Wo = "_avartarDropdownMenu_zliwx_13", Go = "_navbar_zliwx_25", $o = "_userContainer_zliwx_53", Ho = "_userFullName_zliwx_59", qo = "_userAvatar_zliwx_66", Ko = "_relative_zliwx_74", $ = {
-  "avatar-dropdown-item": "_avatar-dropdown-item_zliwx_1",
+const Wo = "_avartarDropdownMenu_1jszk_13", Go = "_navbar_1jszk_31", $o = "_userContainer_1jszk_68", Ho = "_userFullName_1jszk_74", qo = "_userAvatar_1jszk_81", Ko = "_relative_1jszk_89", z = {
+  "avatar-dropdown-item": "_avatar-dropdown-item_1jszk_1",
   avartarDropdownMenu: Wo,
   navbar: Go,
-  "navbar-container": "_navbar-container_zliwx_36",
-  "right-side-container": "_right-side-container_zliwx_44",
+  "navbar-container": "_navbar-container_1jszk_42",
+  "logo-container": "_logo-container_1jszk_50",
+  "right-side-container": "_right-side-container_1jszk_59",
   userContainer: $o,
   userFullName: Ho,
   userAvatar: qo,
   relative: Ko,
-  "cursor-pointer": "_cursor-pointer_zliwx_78"
+  "cursor-pointer": "_cursor-pointer_1jszk_93"
 };
 function Yo() {
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ F(
     "svg",
     {
       width: "24",
@@ -28,7 +29,7 @@ function Yo() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ P(
           "path",
           {
             "fill-rule": "evenodd",
@@ -40,7 +41,7 @@ function Yo() {
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ P(
           "path",
           {
             d: "M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",
@@ -50,13 +51,13 @@ function Yo() {
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ T("circle", { cx: "16.928", cy: "7", r: "2", fill: "#E01B00", stroke: "white" })
+        /* @__PURE__ */ P("circle", { cx: "16.928", cy: "7", r: "2", fill: "#E01B00", stroke: "white" })
       ]
     }
   );
 }
 function Xo() {
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ F(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -65,7 +66,7 @@ function Xo() {
       viewBox: "0 0 24 25",
       fill: "none",
       children: [
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ P(
           "path",
           {
             d: "M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",
@@ -76,7 +77,7 @@ function Xo() {
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ P(
           "path",
           {
             d: "M15.9965 11.5H16.0054",
@@ -86,7 +87,7 @@ function Xo() {
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ P(
           "path",
           {
             d: "M11.9955 11.5H12.0045",
@@ -96,7 +97,7 @@ function Xo() {
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ P(
           "path",
           {
             d: "M7.99451 11.5H8.00349",
@@ -131,18 +132,18 @@ function $s({
     var r;
     ((r = i.target) == null ? void 0 : r.id) === "modal-wrapper" && e();
   }
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ P(
     "div",
     {
       onClick: s,
       className: Q["modal-overlay"],
       id: "modal-wrapper",
-      children: /* @__PURE__ */ O("div", { className: Q["modal-container"], children: [
-        /* @__PURE__ */ T("h3", { className: Q["modal-title"], children: "Log out" }),
-        /* @__PURE__ */ T("p", { className: Q["text-sm"], children: "Are you sure want to log out?" }),
-        /* @__PURE__ */ O("div", { className: Q["modal-footer"], children: [
-          /* @__PURE__ */ T("button", { className: Q["modal-button"], onClick: e, children: "Cancel" }),
-          /* @__PURE__ */ T(
+      children: /* @__PURE__ */ F("div", { className: Q["modal-container"], children: [
+        /* @__PURE__ */ P("h3", { className: Q["modal-title"], children: "Log out" }),
+        /* @__PURE__ */ P("p", { className: Q["text-sm"], children: "Are you sure want to log out?" }),
+        /* @__PURE__ */ F("div", { className: Q["modal-footer"], children: [
+          /* @__PURE__ */ P("button", { className: Q["modal-button"], onClick: e, children: "Cancel" }),
+          /* @__PURE__ */ P(
             "button",
             {
               onClick: n,
@@ -163,21 +164,21 @@ function nh({
   classNames: i = ""
 }) {
   const r = t || "/public/assets/icons/logo-header.png";
-  return /* @__PURE__ */ T("nav", { className: `${$.navbar} ${i}`, style: s, children: /* @__PURE__ */ O("div", { className: $["navbar-container"], children: [
-    /* @__PURE__ */ T("img", { src: r, alt: "logo-header" }),
-    /* @__PURE__ */ O("div", { className: $["right-side-container"], children: [
-      /* @__PURE__ */ O("div", { className: $.userContainer, children: [
-        /* @__PURE__ */ T(
+  return /* @__PURE__ */ P("nav", { className: `${z.navbar} ${i}`, style: s, children: /* @__PURE__ */ F("div", { className: z["navbar-container"], children: [
+    /* @__PURE__ */ P("div", { className: z["logo-container"], children: /* @__PURE__ */ P("img", { src: r, alt: "logo-header" }) }),
+    /* @__PURE__ */ F("div", { className: z["right-side-container"], children: [
+      /* @__PURE__ */ F("div", { className: z.userContainer, children: [
+        /* @__PURE__ */ P(
           "p",
           {
-            className: $.userFullName,
+            className: z.userFullName,
             children: `${e == null ? void 0 : e.firstName} ${e == null ? void 0 : e.lastName}`
           }
         ),
-        /* @__PURE__ */ T(Zo, { baseUrl: n, avatarUrl: e == null ? void 0 : e.avatarUrl })
+        /* @__PURE__ */ P(Zo, { baseUrl: n, avatarUrl: e == null ? void 0 : e.avatarUrl })
       ] }),
-      /* @__PURE__ */ T("span", { className: $["cursor-pointer"], children: /* @__PURE__ */ T(Yo, {}) }),
-      /* @__PURE__ */ T("span", { className: $["cursor-pointer"], children: /* @__PURE__ */ T(Xo, {}) })
+      /* @__PURE__ */ P("span", { className: z["cursor-pointer"], children: /* @__PURE__ */ P(Yo, {}) }),
+      /* @__PURE__ */ P("span", { className: z["cursor-pointer"], children: /* @__PURE__ */ P(Xo, {}) })
     ] })
   ] }) });
 }
@@ -186,38 +187,38 @@ function Zo({
   baseUrl: e
 }) {
   const [n, s] = ot(!1), [i, r] = ot(!1), o = St(null), a = St(null), l = () => {
-    window.location.href = `${e}/authentication/logout?callbackUrl=${window.location.origin}`;
+    window.location.href = `${e}/authentication/logout?callbackUrl=${window.location.href}`;
   };
   return Wt(() => {
     function c(u) {
       u.target !== a.current && u.target !== o.current && s(!1);
     }
     return window.addEventListener("click", c), () => window.removeEventListener("click", c);
-  }, []), /* @__PURE__ */ O(Ao, { children: [
-    /* @__PURE__ */ O("div", { className: $.relative, children: [
-      /* @__PURE__ */ T(
+  }, []), /* @__PURE__ */ F(Ao, { children: [
+    /* @__PURE__ */ F("div", { className: z.relative, children: [
+      /* @__PURE__ */ P(
         "img",
         {
           ref: o,
           onClick: () => s((c) => !c),
           alt: "user avatar",
-          className: $.userAvatar,
+          className: z.userAvatar,
           src: t || Qo
         }
       ),
-      n && /* @__PURE__ */ T("div", { ref: a, className: $.avartarDropdownMenu, children: /* @__PURE__ */ O("ul", { children: [
-        /* @__PURE__ */ T("li", { className: $["avatar-dropdown-item"], children: "Profile" }),
-        /* @__PURE__ */ T(
+      n && /* @__PURE__ */ P("div", { ref: a, className: z.avartarDropdownMenu, children: /* @__PURE__ */ F("ul", { children: [
+        /* @__PURE__ */ P("li", { className: z["avatar-dropdown-item"], children: "Profile" }),
+        /* @__PURE__ */ P(
           "li",
           {
             onClick: () => r(!0),
-            className: $["avatar-dropdown-item"],
+            className: z["avatar-dropdown-item"],
             children: "Logout"
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ T(
+    /* @__PURE__ */ P(
       $s,
       {
         isOpen: i,
@@ -236,7 +237,7 @@ var Qe = {}, Hs = { exports: {} };
   }
   t.exports = e, t.exports.__esModule = !0, t.exports.default = t.exports;
 })(Hs);
-var Ze = Hs.exports, we = {};
+var Ze = Hs.exports, Te = {};
 function Jo(...t) {
   return t.reduce((e, n) => n == null ? e : function(...i) {
     e.apply(this, i), n.apply(this, i);
@@ -280,17 +281,17 @@ function Ks(t, e) {
   typeof t == "function" ? t(e) : t && (t.current = e);
 }
 const ir = typeof window < "u" ? R.useLayoutEffect : R.useEffect, Ys = ir;
-let Ln = 0;
+let kn = 0;
 function or(t) {
   const [e, n] = R.useState(t), s = t || e;
   return R.useEffect(() => {
-    e == null && (Ln += 1, n(`mui-${Ln}`));
+    e == null && (kn += 1, n(`mui-${kn}`));
   }, [e]), s;
 }
-const En = R["useId".toString()];
+const Ln = R["useId".toString()];
 function rr(t) {
-  if (En !== void 0) {
-    const e = En();
+  if (Ln !== void 0) {
+    const e = Ln();
     return t ?? e;
   }
   return or(t);
@@ -344,7 +345,7 @@ function ur(...t) {
     });
   }, t);
 }
-let fe = !0, Fe = !1, kn;
+let fe = !0, je = !1, En;
 const hr = {
   text: !0,
   search: !0,
@@ -370,14 +371,14 @@ function fr(t) {
 function dr(t) {
   t.metaKey || t.altKey || t.ctrlKey || (fe = !0);
 }
-function Te() {
+function Pe() {
   fe = !1;
 }
 function mr() {
-  this.visibilityState === "hidden" && Fe && (fe = !0);
+  this.visibilityState === "hidden" && je && (fe = !0);
 }
 function pr(t) {
-  t.addEventListener("keydown", dr, !0), t.addEventListener("mousedown", Te, !0), t.addEventListener("pointerdown", Te, !0), t.addEventListener("touchstart", Te, !0), t.addEventListener("visibilitychange", mr, !0);
+  t.addEventListener("keydown", dr, !0), t.addEventListener("mousedown", Pe, !0), t.addEventListener("pointerdown", Pe, !0), t.addEventListener("touchstart", Pe, !0), t.addEventListener("visibilitychange", mr, !0);
 }
 function gr(t) {
   const {
@@ -394,8 +395,8 @@ function yr() {
     i != null && pr(i.ownerDocument);
   }, []), e = R.useRef(!1);
   function n() {
-    return e.current ? (Fe = !0, window.clearTimeout(kn), kn = window.setTimeout(() => {
-      Fe = !1;
+    return e.current ? (je = !0, window.clearTimeout(En), En = window.setTimeout(() => {
+      je = !1;
     }, 100), e.current = !1, !0) : !1;
   }
   function s(i) {
@@ -421,7 +422,7 @@ const xr = ["children", "className", "color", "component", "fontSize", "htmlColo
     root: ["root", e !== "inherit" && `color${Nt(e)}`, `fontSize${Nt(n)}`]
   };
   return Io(i, vr, s);
-}, wr = Lo("svg", {
+}, Tr = ko("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (t, e) => {
@@ -461,7 +462,7 @@ const xr = ["children", "className", "color", "component", "fontSize", "htmlColo
     }[e.color]
   };
 }), Je = /* @__PURE__ */ R.forwardRef(function(e, n) {
-  const s = Eo({
+  const s = Lo({
     props: e,
     name: "MuiSvgIcon"
   }), {
@@ -474,7 +475,7 @@ const xr = ["children", "className", "color", "component", "fontSize", "htmlColo
     inheritViewBox: u = !1,
     titleAccess: h,
     viewBox: f = "0 0 24 24"
-  } = s, d = ko(s, xr), m = /* @__PURE__ */ R.isValidElement(i) && i.type === "svg", p = Ie({}, s, {
+  } = s, d = Eo(s, xr), m = /* @__PURE__ */ R.isValidElement(i) && i.type === "svg", p = Ie({}, s, {
     color: o,
     component: a,
     fontSize: l,
@@ -485,7 +486,7 @@ const xr = ["children", "className", "color", "component", "fontSize", "htmlColo
   }), v = {};
   u || (v.viewBox = f);
   const b = br(p);
-  return /* @__PURE__ */ O(wr, Ie({
+  return /* @__PURE__ */ F(Tr, Ie({
     as: a,
     className: Bo(b.root, r),
     focusable: "false",
@@ -495,7 +496,7 @@ const xr = ["children", "className", "color", "component", "fontSize", "htmlColo
     ref: n
   }, v, d, m && i.props, {
     ownerState: p,
-    children: [m ? i.props.children : i, h ? /* @__PURE__ */ T("title", {
+    children: [m ? i.props.children : i, h ? /* @__PURE__ */ P("title", {
       children: h
     }) : null]
   }));
@@ -574,9 +575,9 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
 });
 Je.muiName = "SvgIcon";
 const Bn = Je;
-function Tr(t, e) {
+function Pr(t, e) {
   function n(s, i) {
-    return /* @__PURE__ */ T(Bn, Ie({
+    return /* @__PURE__ */ P(Bn, Ie({
       "data-testid": `${e}Icon`,
       ref: i
     }, s, {
@@ -585,24 +586,24 @@ function Tr(t, e) {
   }
   return process.env.NODE_ENV !== "production" && (n.displayName = `${e}Icon`), n.muiName = Bn.muiName, /* @__PURE__ */ R.memo(/* @__PURE__ */ R.forwardRef(n));
 }
-const Pr = {
+const wr = {
   configure: (t) => {
     process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
-`)), Fo.configure(t);
+`)), jo.configure(t);
   }
 }, Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   capitalize: Nt,
   createChainedFunction: Jo,
-  createSvgIcon: Tr,
+  createSvgIcon: Pr,
   debounce: tr,
   deprecatedPropType: er,
   isMuiElement: nr,
   ownerDocument: qs,
   ownerWindow: sr,
-  requirePropFactory: Oo,
+  requirePropFactory: Fo,
   setRef: Ks,
-  unstable_ClassNameGenerator: Pr,
+  unstable_ClassNameGenerator: wr,
   unstable_useEnhancedEffect: Ys,
   unstable_useId: rr,
   unsupportedProp: ar,
@@ -610,7 +611,7 @@ const Pr = {
   useEventCallback: cr,
   useForkRef: ur,
   useIsFocusVisible: yr
-}, Symbol.toStringTag, { value: "Module" })), Sr = /* @__PURE__ */ jo(Ar);
+}, Symbol.toStringTag, { value: "Module" })), Sr = /* @__PURE__ */ Oo(Ar);
 var In;
 function tn() {
   return In || (In = 1, function(t) {
@@ -624,7 +625,7 @@ function tn() {
       }
     });
     var e = Sr;
-  }(we)), we;
+  }(Te)), Te;
 }
 var Vr = Ze;
 Object.defineProperty(Qe, "__esModule", {
@@ -638,25 +639,25 @@ var en = {}, Dr = Ze;
 Object.defineProperty(en, "__esModule", {
   value: !0
 });
-var Qs = en.default = void 0, Rr = Dr(tn()), Lr = Xe;
-Qs = en.default = (0, Rr.default)(/* @__PURE__ */ (0, Lr.jsx)("path", {
+var Qs = en.default = void 0, Rr = Dr(tn()), kr = Xe;
+Qs = en.default = (0, Rr.default)(/* @__PURE__ */ (0, kr.jsx)("path", {
   d: "M4 18h11c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1m0-5h8c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1M3 7c0 .55.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1m17.3 7.88L17.42 12l2.88-2.88c.39-.39.39-1.02 0-1.41a.9959.9959 0 0 0-1.41 0L15.3 11.3c-.39.39-.39 1.02 0 1.41l3.59 3.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42"
 }), "MenuOpenRounded");
-var nn = {}, Er = Ze;
+var nn = {}, Lr = Ze;
 Object.defineProperty(nn, "__esModule", {
   value: !0
 });
-var Zs = nn.default = void 0, kr = Er(tn()), Br = Xe;
-Zs = nn.default = (0, kr.default)(/* @__PURE__ */ (0, Br.jsx)("path", {
+var Zs = nn.default = void 0, Er = Lr(tn()), Br = Xe;
+Zs = nn.default = (0, Er.default)(/* @__PURE__ */ (0, Br.jsx)("path", {
   d: "M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1m0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1M3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1"
 }), "MenuRounded");
 const Js = Mt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
-}), de = Mt({}), sn = Mt(null), me = typeof document < "u", Ir = me ? Ws : Wt, ti = Mt({ strict: !1 }), on = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Fr = "framerAppearId", ei = "data-" + on(Fr);
-function Or(t, e, n, s) {
-  const { visualElement: i } = U(de), r = U(ti), o = U(sn), a = U(Js).reducedMotion, l = St();
+}), de = Mt({}), sn = Mt(null), me = typeof document < "u", Ir = me ? Ws : Wt, ti = Mt({ strict: !1 }), on = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), jr = "framerAppearId", ei = "data-" + on(jr);
+function Fr(t, e, n, s) {
+  const { visualElement: i } = _(de), r = _(ti), o = _(sn), a = _(Js).reducedMotion, l = St();
   s = s || r.renderer, !l.current && s && (l.current = s(t, {
     visualState: e,
     parent: i,
@@ -676,13 +677,13 @@ function Or(t, e, n, s) {
     c && (c.updateFeatures(), !u.current && c.animationState && c.animationState.animateChanges(), u.current && (u.current = !1, window.HandoffComplete = !0));
   }), c;
 }
-function wt(t) {
+function Tt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function jr(t, e, n) {
+function Or(t, e, n) {
   return Vo(
     (s) => {
-      s && t.mount && t.mount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : wt(n) && (n.current = s));
+      s && t.mount && t.mount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : Tt(n) && (n.current = s));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -692,7 +693,7 @@ function jr(t, e, n) {
     [e]
   );
 }
-function Ut(t) {
+function _t(t) {
   return typeof t == "string" || Array.isArray(t);
 }
 function pe(t) {
@@ -708,7 +709,7 @@ const rn = [
   "exit"
 ], an = ["initial", ...rn];
 function ge(t) {
-  return pe(t.animate) || an.some((e) => Ut(t[e]));
+  return pe(t.animate) || an.some((e) => _t(t[e]));
 }
 function ni(t) {
   return !!(ge(t) || t.variants);
@@ -717,20 +718,20 @@ function Nr(t, e) {
   if (ge(t)) {
     const { initial: n, animate: s } = t;
     return {
-      initial: n === !1 || Ut(n) ? n : void 0,
-      animate: Ut(s) ? s : void 0
+      initial: n === !1 || _t(n) ? n : void 0,
+      animate: _t(s) ? s : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
 }
-function Ur(t) {
-  const { initial: e, animate: n } = Nr(t, U(de));
-  return he(() => ({ initial: e, animate: n }), [Fn(e), Fn(n)]);
+function _r(t) {
+  const { initial: e, animate: n } = Nr(t, _(de));
+  return he(() => ({ initial: e, animate: n }), [jn(e), jn(n)]);
 }
-function Fn(t) {
+function jn(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const On = {
+const Fn = {
   animation: [
     "animate",
     "variants",
@@ -749,31 +750,31 @@ const On = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, _t = {};
-for (const t in On)
-  _t[t] = {
-    isEnabled: (e) => On[t].some((n) => !!e[n])
+}, Ut = {};
+for (const t in Fn)
+  Ut[t] = {
+    isEnabled: (e) => Fn[t].some((n) => !!e[n])
   };
-function _r(t) {
+function Ur(t) {
   for (const e in t)
-    _t[e] = {
-      ..._t[e],
+    Ut[e] = {
+      ...Ut[e],
       ...t[e]
     };
 }
 const si = Mt({}), ii = Mt({}), zr = Symbol.for("motionComponentSymbol");
 function Wr({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
-  t && _r(t);
+  t && Ur(t);
   function r(a, l) {
     let c;
     const u = {
-      ...U(Js),
+      ..._(Js),
       ...a,
       layoutId: Gr(a)
-    }, { isStatic: h } = u, f = Ur(a), d = s(a, h);
+    }, { isStatic: h } = u, f = _r(a), d = s(a, h);
     if (!h && me) {
-      f.visualElement = Or(i, d, u, e);
-      const m = U(ii), p = U(ti).strict;
+      f.visualElement = Fr(i, d, u, e);
+      const m = _(ii), p = _(ti).strict;
       f.visualElement && (c = f.visualElement.loadFeatures(
         // Note: Pass the full new combined props to correctly re-render dynamic feature components.
         u,
@@ -786,14 +787,14 @@ function Wr({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
       de.Provider,
       { value: f },
       c && f.visualElement ? R.createElement(c, { visualElement: f.visualElement, ...u }) : null,
-      n(i, a, jr(d, f.visualElement, l), d, h, f.visualElement)
+      n(i, a, Or(d, f.visualElement, l), d, h, f.visualElement)
     );
   }
   const o = Co(r);
   return o[zr] = i, o;
 }
 function Gr({ layoutId: t }) {
-  const e = U(si).id;
+  const e = _(si).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function $r(t) {
@@ -885,7 +886,7 @@ const Gt = [
 function oi(t, { layout: e, layoutId: n }) {
   return gt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!se[t] || t === "opacity");
 }
-const _ = (t) => !!(t && t.getVelocity), Kr = {
+const U = (t) => !!(t && t.getVelocity), Kr = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
@@ -902,7 +903,7 @@ function Xr(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0
   }
   return e && !t.z && (r += "translateZ(0)"), r = r.trim(), i ? r = i(t, s ? "" : r) : n && s && (r = "none"), r;
 }
-const ri = (t) => (e) => typeof e == "string" && e.startsWith(t), ai = ri("--"), Oe = ri("var(--"), Qr = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, Zr = (t, e) => e && typeof t == "number" ? e.transform(t) : t, lt = (t, e, n) => Math.min(Math.max(n, t), e), yt = {
+const ri = (t) => (e) => typeof e == "string" && e.startsWith(t), ai = ri("--"), Fe = ri("var(--"), Qr = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, Zr = (t, e) => e && typeof t == "number" ? e.transform(t) : t, lt = (t, e, n) => Math.min(Math.max(n, t), e), yt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
@@ -912,7 +913,7 @@ const ri = (t) => (e) => typeof e == "string" && e.startsWith(t), ai = ri("--"),
 }, Xt = {
   ...yt,
   default: 1
-}, Ft = (t) => Math.round(t * 1e5) / 1e5, ye = /(-)?([\d]*\.?[\d])+/g, li = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, Jr = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+}, jt = (t) => Math.round(t * 1e5) / 1e5, ye = /(-)?([\d]*\.?[\d])+/g, li = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, Jr = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
 function $t(t) {
   return typeof t == "string";
 }
@@ -920,7 +921,7 @@ const Ht = (t) => ({
   test: (e) => $t(e) && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), st = Ht("deg"), K = Ht("%"), w = Ht("px"), ta = Ht("vh"), ea = Ht("vw"), jn = {
+}), st = Ht("deg"), K = Ht("%"), T = Ht("px"), ta = Ht("vh"), ea = Ht("vw"), On = {
   ...K,
   parse: (t) => K.parse(t) / 100,
   transform: (t) => K.transform(t * 100)
@@ -929,38 +930,38 @@ const Ht = (t) => ({
   transform: Math.round
 }, ci = {
   // Border props
-  borderWidth: w,
-  borderTopWidth: w,
-  borderRightWidth: w,
-  borderBottomWidth: w,
-  borderLeftWidth: w,
-  borderRadius: w,
-  radius: w,
-  borderTopLeftRadius: w,
-  borderTopRightRadius: w,
-  borderBottomRightRadius: w,
-  borderBottomLeftRadius: w,
+  borderWidth: T,
+  borderTopWidth: T,
+  borderRightWidth: T,
+  borderBottomWidth: T,
+  borderLeftWidth: T,
+  borderRadius: T,
+  radius: T,
+  borderTopLeftRadius: T,
+  borderTopRightRadius: T,
+  borderBottomRightRadius: T,
+  borderBottomLeftRadius: T,
   // Positioning props
-  width: w,
-  maxWidth: w,
-  height: w,
-  maxHeight: w,
-  size: w,
-  top: w,
-  right: w,
-  bottom: w,
-  left: w,
+  width: T,
+  maxWidth: T,
+  height: T,
+  maxHeight: T,
+  size: T,
+  top: T,
+  right: T,
+  bottom: T,
+  left: T,
   // Spacing props
-  padding: w,
-  paddingTop: w,
-  paddingRight: w,
-  paddingBottom: w,
-  paddingLeft: w,
-  margin: w,
-  marginTop: w,
-  marginRight: w,
-  marginBottom: w,
-  marginLeft: w,
+  padding: T,
+  paddingTop: T,
+  paddingRight: T,
+  paddingBottom: T,
+  paddingLeft: T,
+  margin: T,
+  marginTop: T,
+  marginRight: T,
+  marginBottom: T,
+  marginLeft: T,
   // Transform props
   rotate: st,
   rotateX: st,
@@ -973,19 +974,19 @@ const Ht = (t) => ({
   skew: st,
   skewX: st,
   skewY: st,
-  distance: w,
-  translateX: w,
-  translateY: w,
-  translateZ: w,
-  x: w,
-  y: w,
-  z: w,
-  perspective: w,
-  transformPerspective: w,
+  distance: T,
+  translateX: T,
+  translateY: T,
+  translateZ: T,
+  x: T,
+  y: T,
+  z: T,
+  perspective: T,
+  transformPerspective: T,
   opacity: It,
-  originX: jn,
-  originY: jn,
-  originZ: w,
+  originX: On,
+  originY: On,
+  originZ: T,
   // Misc
   zIndex: Nn,
   // SVG
@@ -1023,7 +1024,7 @@ const un = () => ({
 });
 function ui(t, e, n) {
   for (const s in e)
-    !_(e[s]) && !oi(s, n) && (t[s] = e[s]);
+    !U(e[s]) && !oi(s, n) && (t[s] = e[s]);
 }
 function na({ transformTemplate: t }, e, n) {
   return he(() => {
@@ -1090,11 +1091,11 @@ function aa(t, e, n) {
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
-function Un(t, e, n) {
-  return typeof t == "string" ? t : w.transform(e + n * t);
+function _n(t, e, n) {
+  return typeof t == "string" ? t : T.transform(e + n * t);
 }
 function la(t, e, n) {
-  const s = Un(e, t.x, t.width), i = Un(n, t.y, t.height);
+  const s = _n(e, t.x, t.width), i = _n(n, t.y, t.height);
   return `${s} ${i}`;
 }
 const ca = {
@@ -1107,8 +1108,8 @@ const ca = {
 function ha(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
   const r = i ? ca : ua;
-  t[r.offset] = w.transform(-s);
-  const o = w.transform(e), a = w.transform(n);
+  t[r.offset] = T.transform(-s);
+  const o = T.transform(e), a = T.transform(n);
   t[r.array] = `${o} ${a}`;
 }
 function hn(t, {
@@ -1155,7 +1156,7 @@ function da(t = !1) {
       ...aa(s, typeof n == "string", t),
       ...l,
       ref: i
-    }, { children: h } = s, f = he(() => _(h) ? h.get() : h, [h]);
+    }, { children: h } = s, f = he(() => U(h) ? h.get() : h, [h]);
     return Gs(n, {
       ...u,
       children: f
@@ -1200,13 +1201,13 @@ function pi(t, e, n, s) {
 function dn(t, e) {
   const { style: n } = t, s = {};
   for (const i in n)
-    (_(n[i]) || e.style && _(e.style[i]) || oi(i, t)) && (s[i] = n[i]);
+    (U(n[i]) || e.style && U(e.style[i]) || oi(i, t)) && (s[i] = n[i]);
   return s;
 }
 function gi(t, e) {
   const n = dn(t, e);
   for (const s in t)
-    if (_(t[s]) || _(e[s])) {
+    if (U(t[s]) || U(e[s])) {
       const i = Gt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
       n[i] = t[s];
     }
@@ -1221,7 +1222,7 @@ function ma(t) {
 }
 const oe = (t) => Array.isArray(t), pa = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), ga = (t) => oe(t) ? t[t.length - 1] || 0 : t;
 function ee(t) {
-  const e = _(t) ? t.get() : t;
+  const e = U(t) ? t.get() : t;
   return pa(e) ? e.toValue() : e;
 }
 function ya({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }, s, i, r) {
@@ -1232,7 +1233,7 @@ function ya({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }
   return n && (o.mount = (a) => n(s, a, o)), o;
 }
 const yi = (t) => (e, n) => {
-  const s = U(de), i = U(sn), r = () => ya(t, e, s, i);
+  const s = _(de), i = _(sn), r = () => ya(t, e, s, i);
   return n ? r() : ma(r);
 };
 function va(t, e, n, s) {
@@ -1262,8 +1263,8 @@ function va(t, e, n, s) {
       i[y] = p[y];
   }), i;
 }
-const k = (t) => t;
-class _n {
+const E = (t) => t;
+class Un {
   constructor() {
     this.order = [], this.scheduled = /* @__PURE__ */ new Set();
   }
@@ -1280,7 +1281,7 @@ class _n {
   }
 }
 function xa(t) {
-  let e = new _n(), n = new _n(), s = 0, i = !1, r = !1;
+  let e = new Un(), n = new Un(), s = 0, i = !1, r = !1;
   const o = /* @__PURE__ */ new WeakSet(), a = {
     /**
      * Schedule a process to run on the next frame.
@@ -1321,7 +1322,7 @@ const Qt = [
   "render",
   "postRender"
 ], ba = 40;
-function wa(t, e) {
+function Ta(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
@@ -1338,7 +1339,7 @@ function wa(t, e) {
     return h[f] = (m, p = !1, v = !1) => (n || l(), d.schedule(m, p, v)), h;
   }, {}), cancel: (h) => Qt.forEach((f) => r[f].cancel(h)), state: i, steps: r };
 }
-const { schedule: V, cancel: et, state: F, steps: Pe } = wa(typeof requestAnimationFrame < "u" ? requestAnimationFrame : k, !0), Ta = {
+const { schedule: V, cancel: et, state: j, steps: we } = Ta(typeof requestAnimationFrame < "u" ? requestAnimationFrame : E, !0), Pa = {
   useVisualState: yi({
     scrapeMotionValuesFromProps: gi,
     createRenderState: fi,
@@ -1359,7 +1360,7 @@ const { schedule: V, cancel: et, state: F, steps: Pe } = wa(typeof requestAnimat
       });
     }
   })
-}, Pa = {
+}, wa = {
   useVisualState: yi({
     scrapeMotionValuesFromProps: dn,
     createRenderState: un
@@ -1367,7 +1368,7 @@ const { schedule: V, cancel: et, state: F, steps: Pe } = wa(typeof requestAnimat
 };
 function Aa(t, { forwardMotionProps: e = !1 }, n, s) {
   return {
-    ...ln(t) ? Ta : Pa,
+    ...ln(t) ? Pa : wa,
     preloadedFeatures: n,
     useRender: da(e),
     createVisualElement: s,
@@ -1415,7 +1416,7 @@ function bi(t) {
   }
   return e;
 }
-function wi() {
+function Ti() {
   const t = bi(!0);
   return t ? (t(), !1) : !0;
 }
@@ -1428,7 +1429,7 @@ class ut {
 }
 function Gn(t, e) {
   const n = "pointer" + (e ? "enter" : "leave"), s = "onHover" + (e ? "Start" : "End"), i = (r, o) => {
-    if (r.pointerType === "touch" || wi())
+    if (r.pointerType === "touch" || Ti())
       return;
     const a = t.getProps();
     t.animationState && a.whileHover && t.animationState.setActive("whileHover", e), a[s] && V.update(() => a[s](r, o));
@@ -1466,7 +1467,7 @@ class Ma extends ut {
   unmount() {
   }
 }
-const Ti = (t, e) => e ? t === e ? !0 : Ti(t, e.parentElement) : !1;
+const Pi = (t, e) => e ? t === e ? !0 : Pi(t, e.parentElement) : !1;
 function Ae(t, e) {
   if (!e)
     return;
@@ -1475,7 +1476,7 @@ function Ae(t, e) {
 }
 class Da extends ut {
   constructor() {
-    super(...arguments), this.removeStartListeners = k, this.removeEndListeners = k, this.removeAccessibleListeners = k, this.startPointerPress = (e, n) => {
+    super(...arguments), this.removeStartListeners = E, this.removeEndListeners = E, this.removeAccessibleListeners = E, this.startPointerPress = (e, n) => {
       if (this.isPressing)
         return;
       this.removeEndListeners();
@@ -1484,7 +1485,7 @@ class Da extends ut {
           return;
         const { onTap: c, onTapCancel: u, globalTapTarget: h } = this.node.getProps();
         V.update(() => {
-          !h && !Ti(this.node.current, a.target) ? u && u(a, l) : c && c(a, l);
+          !h && !Pi(this.node.current, a.target) ? u && u(a, l) : c && c(a, l);
         });
       }, { passive: !(s.onTap || s.onPointerUp) }), o = J(window, "pointercancel", (a, l) => this.cancelPress(a, l), { passive: !(s.onTapCancel || s.onPointerCancel) });
       this.removeEndListeners = rt(r, o), this.startPress(e, n);
@@ -1513,7 +1514,7 @@ class Da extends ut {
     i && this.node.animationState && this.node.animationState.setActive("whileTap", !0), s && V.update(() => s(e, n));
   }
   checkPressEnd() {
-    return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !wi();
+    return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !Ti();
   }
   cancelPress(e, n) {
     if (!this.checkPressEnd())
@@ -1529,22 +1530,22 @@ class Da extends ut {
     this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
   }
 }
-const je = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), Ra = (t) => {
-  const e = je.get(t.target);
+const Oe = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), Ra = (t) => {
+  const e = Oe.get(t.target);
   e && e(t);
-}, La = (t) => {
+}, ka = (t) => {
   t.forEach(Ra);
 };
-function Ea({ root: t, ...e }) {
+function La({ root: t, ...e }) {
   const n = t || document;
   Se.has(n) || Se.set(n, {});
   const s = Se.get(n), i = JSON.stringify(e);
-  return s[i] || (s[i] = new IntersectionObserver(La, { root: t, ...e })), s[i];
+  return s[i] || (s[i] = new IntersectionObserver(ka, { root: t, ...e })), s[i];
 }
-function ka(t, e, n) {
-  const s = Ea(e);
-  return je.set(t, n), s.observe(t), () => {
-    je.delete(t), s.unobserve(t);
+function Ea(t, e, n) {
+  const s = La(e);
+  return Oe.set(t, n), s.observe(t), () => {
+    Oe.delete(t), s.unobserve(t);
   };
 }
 const Ba = {
@@ -1569,7 +1570,7 @@ class Ia extends ut {
       const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
       f && f(l);
     };
-    return ka(this.node.current, o, a);
+    return Ea(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -1578,15 +1579,15 @@ class Ia extends ut {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Fa(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(ja(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Fa({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function ja({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Oa = {
+const Fa = {
   inView: {
     Feature: Ia
   },
@@ -1600,7 +1601,7 @@ const Oa = {
     Feature: Ca
   }
 };
-function Pi(t, e) {
+function wi(t, e) {
   if (!Array.isArray(e))
     return !1;
   const n = e.length;
@@ -1611,7 +1612,7 @@ function Pi(t, e) {
       return !1;
   return !0;
 }
-function ja(t) {
+function Oa(t) {
   const e = {};
   return t.values.forEach((n, s) => e[s] = n.get()), e;
 }
@@ -1621,16 +1622,16 @@ function Na(t) {
 }
 function xe(t, e, n) {
   const s = t.getProps();
-  return mn(s, e, n !== void 0 ? n : s.custom, ja(t), Na(t));
+  return mn(s, e, n !== void 0 ? n : s.custom, Oa(t), Na(t));
 }
-let qt = k, q = k;
+let qt = E, q = E;
 process.env.NODE_ENV !== "production" && (qt = (t, e) => {
   !t && typeof console < "u" && console.warn(e);
 }, q = (t, e) => {
   if (!t)
     throw new Error(e);
 });
-const at = (t) => t * 1e3, tt = (t) => t / 1e3, Ua = {
+const at = (t) => t * 1e3, tt = (t) => t / 1e3, _a = {
   current: !1
 }, Ai = (t) => Array.isArray(t) && typeof t[0] == "number";
 function Si(t) {
@@ -1651,7 +1652,7 @@ function Ci(t) {
   if (t)
     return Ai(t) ? Bt(t) : Array.isArray(t) ? t.map(Ci) : Vi[t];
 }
-function _a(t, e, n, { delay: s = 0, duration: i, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
+function Ua(t, e, n, { delay: s = 0, duration: i, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
   const c = { [e]: n };
   l && (c.offset = l);
   const u = Ci(a);
@@ -1678,21 +1679,21 @@ function $a(t, e, n, s, i) {
 }
 function Kt(t, e, n, s) {
   if (t === e && n === s)
-    return k;
+    return E;
   const i = (r) => $a(r, 0, 1, t, n);
   return (r) => r === 0 || r === 1 ? r : Mi(i(r), e, s);
 }
-const Ha = Kt(0.42, 0, 1, 1), qa = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1), Ka = (t) => Array.isArray(t) && typeof t[0] != "number", Ri = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Li = (t) => (e) => 1 - t(1 - e), pn = (t) => 1 - Math.sin(Math.acos(t)), Ei = Li(pn), Ya = Ri(pn), ki = Kt(0.33, 1.53, 0.69, 0.99), gn = Li(ki), Xa = Ri(gn), Qa = (t) => (t *= 2) < 1 ? 0.5 * gn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), $n = {
-  linear: k,
+const Ha = Kt(0.42, 0, 1, 1), qa = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1), Ka = (t) => Array.isArray(t) && typeof t[0] != "number", Ri = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ki = (t) => (e) => 1 - t(1 - e), pn = (t) => 1 - Math.sin(Math.acos(t)), Li = ki(pn), Ya = Ri(pn), Ei = Kt(0.33, 1.53, 0.69, 0.99), gn = ki(Ei), Xa = Ri(gn), Qa = (t) => (t *= 2) < 1 ? 0.5 * gn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), $n = {
+  linear: E,
   easeIn: Ha,
   easeInOut: Di,
   easeOut: qa,
   circIn: pn,
   circInOut: Ya,
-  circOut: Ei,
+  circOut: Li,
   backIn: gn,
   backInOut: Xa,
-  backOut: ki,
+  backOut: Ei,
   anticipate: Qa
 }, Hn = (t) => {
   if (Array.isArray(t)) {
@@ -1718,7 +1719,7 @@ const Ha = Kt(0.42, 0, 1, 1), qa = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1),
 }, pt = {
   test: yn("rgb", "red"),
   parse: Bi("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Ve.transform(t) + ", " + Ve.transform(e) + ", " + Ve.transform(n) + ", " + Ft(It.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Ve.transform(t) + ", " + Ve.transform(e) + ", " + Ve.transform(n) + ", " + jt(It.transform(s)) + ")"
 };
 function Ja(t) {
   let e = "", n = "", s = "", i = "";
@@ -1733,15 +1734,15 @@ const Ne = {
   test: yn("#"),
   parse: Ja,
   transform: pt.transform
-}, Tt = {
+}, Pt = {
   test: yn("hsl", "hue"),
   parse: Bi("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + K.transform(Ft(e)) + ", " + K.transform(Ft(n)) + ", " + Ft(It.transform(s)) + ")"
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + K.transform(jt(e)) + ", " + K.transform(jt(n)) + ", " + jt(It.transform(s)) + ")"
 }, N = {
-  test: (t) => pt.test(t) || Ne.test(t) || Tt.test(t),
-  parse: (t) => pt.test(t) ? pt.parse(t) : Tt.test(t) ? Tt.parse(t) : Ne.parse(t),
-  transform: (t) => $t(t) ? t : t.hasOwnProperty("red") ? pt.transform(t) : Tt.transform(t)
-}, L = (t, e, n) => -n * t + n * e + t;
+  test: (t) => pt.test(t) || Ne.test(t) || Pt.test(t),
+  parse: (t) => pt.test(t) ? pt.parse(t) : Pt.test(t) ? Pt.parse(t) : Ne.parse(t),
+  transform: (t) => $t(t) ? t : t.hasOwnProperty("red") ? pt.transform(t) : Pt.transform(t)
+}, k = (t, e, n) => -n * t + n * e + t;
 function Ce(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
@@ -1764,32 +1765,32 @@ function tl({ hue: t, saturation: e, lightness: n, alpha: s }) {
 const Me = (t, e, n) => {
   const s = t * t;
   return Math.sqrt(Math.max(0, n * (e * e - s) + s));
-}, el = [Ne, pt, Tt], nl = (t) => el.find((e) => e.test(t));
+}, el = [Ne, pt, Pt], nl = (t) => el.find((e) => e.test(t));
 function qn(t) {
   const e = nl(t);
   q(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`);
   let n = e.parse(t);
-  return e === Tt && (n = tl(n)), n;
+  return e === Pt && (n = tl(n)), n;
 }
 const Ii = (t, e) => {
   const n = qn(t), s = qn(e), i = { ...n };
-  return (r) => (i.red = Me(n.red, s.red, r), i.green = Me(n.green, s.green, r), i.blue = Me(n.blue, s.blue, r), i.alpha = L(n.alpha, s.alpha, r), pt.transform(i));
+  return (r) => (i.red = Me(n.red, s.red, r), i.green = Me(n.green, s.green, r), i.blue = Me(n.blue, s.blue, r), i.alpha = k(n.alpha, s.alpha, r), pt.transform(i));
 };
 function sl(t) {
   var e, n;
   return isNaN(t) && $t(t) && (((e = t.match(ye)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(li)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const Fi = {
+const ji = {
   regex: Qr,
   countKey: "Vars",
   token: "${v}",
-  parse: k
-}, Oi = {
+  parse: E
+}, Fi = {
   regex: li,
   countKey: "Colors",
   token: "${c}",
   parse: N.parse
-}, ji = {
+}, Oi = {
   regex: ye,
   countKey: "Numbers",
   token: "${n}",
@@ -1808,33 +1809,33 @@ function re(t) {
     numColors: 0,
     numNumbers: 0
   };
-  return n.value.includes("var(--") && De(n, Fi), De(n, Oi), De(n, ji), n;
+  return n.value.includes("var(--") && De(n, ji), De(n, Fi), De(n, Oi), n;
 }
 function Ni(t) {
   return re(t).values;
 }
-function Ui(t) {
+function _i(t) {
   const { values: e, numColors: n, numVars: s, tokenised: i } = re(t), r = e.length;
   return (o) => {
     let a = i;
     for (let l = 0; l < r; l++)
-      l < s ? a = a.replace(Fi.token, o[l]) : l < s + n ? a = a.replace(Oi.token, N.transform(o[l])) : a = a.replace(ji.token, Ft(o[l]));
+      l < s ? a = a.replace(ji.token, o[l]) : l < s + n ? a = a.replace(Fi.token, N.transform(o[l])) : a = a.replace(Oi.token, jt(o[l]));
     return a;
   };
 }
 const il = (t) => typeof t == "number" ? 0 : t;
 function ol(t) {
   const e = Ni(t);
-  return Ui(t)(e.map(il));
+  return _i(t)(e.map(il));
 }
 const ct = {
   test: sl,
   parse: Ni,
-  createTransformer: Ui,
+  createTransformer: _i,
   getAnimatableNone: ol
-}, _i = (t, e) => (n) => `${n > 0 ? e : t}`;
+}, Ui = (t, e) => (n) => `${n > 0 ? e : t}`;
 function zi(t, e) {
-  return typeof t == "number" ? (n) => L(t, e, n) : N.test(t) ? Ii(t, e) : t.startsWith("var(") ? _i(t, e) : Gi(t, e);
+  return typeof t == "number" ? (n) => k(t, e, n) : N.test(t) ? Ii(t, e) : t.startsWith("var(") ? Ui(t, e) : Gi(t, e);
 }
 const Wi = (t, e) => {
   const n = [...t], s = n.length, i = t.map((r, o) => zi(r, e[o]));
@@ -1854,11 +1855,11 @@ const Wi = (t, e) => {
   };
 }, Gi = (t, e) => {
   const n = ct.createTransformer(e), s = re(t), i = re(e);
-  return s.numVars === i.numVars && s.numColors === i.numColors && s.numNumbers >= i.numNumbers ? rt(Wi(s.values, i.values), n) : (qt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), _i(t, e));
+  return s.numVars === i.numVars && s.numColors === i.numColors && s.numNumbers >= i.numNumbers ? rt(Wi(s.values, i.values), n) : (qt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ui(t, e));
 }, zt = (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
-}, Kn = (t, e) => (n) => L(t, e, n);
+}, Kn = (t, e) => (n) => k(t, e, n);
 function al(t) {
   return typeof t == "number" ? Kn : typeof t == "string" ? N.test(t) ? Ii : Gi : Array.isArray(t) ? Wi : typeof t == "object" ? rl : Kn;
 }
@@ -1867,7 +1868,7 @@ function ll(t, e, n) {
   for (let o = 0; o < r; o++) {
     let a = i(t[o], t[o + 1]);
     if (e) {
-      const l = Array.isArray(e) ? e[o] || k : e;
+      const l = Array.isArray(e) ? e[o] || E : e;
       a = rt(l, a);
     }
     s.push(a);
@@ -1893,7 +1894,7 @@ function cl(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = zt(0, e, s);
-    t.push(L(n, 1, i));
+    t.push(k(n, 1, i));
   }
 }
 function ul(t) {
@@ -1937,10 +1938,10 @@ function yl({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: s = 1
   qt(t <= at(Yn), "Spring duration must be 10 seconds or less");
   let o = 1 - e;
   o = lt(pl, gl, o), t = lt(ml, Yn, tt(t)), o < 1 ? (i = (c) => {
-    const u = c * o, h = u * t, f = u - n, d = Ue(c, o), m = Math.exp(-h);
+    const u = c * o, h = u * t, f = u - n, d = _e(c, o), m = Math.exp(-h);
     return Re - f / d * m;
   }, r = (c) => {
-    const h = c * o * t, f = h * n + n, d = Math.pow(o, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), p = Ue(Math.pow(c, 2), o);
+    const h = c * o * t, f = h * n + n, d = Math.pow(o, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), p = _e(Math.pow(c, 2), o);
     return (-i(c) + Re > 0 ? -1 : 1) * ((f - d) * m) / p;
   }) : (i = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
@@ -1972,14 +1973,14 @@ function xl(t, e, n) {
     s = s - t(s) / e(s);
   return s;
 }
-function Ue(t, e) {
+function _e(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const bl = ["duration", "bounce"], wl = ["stiffness", "damping", "mass"];
+const bl = ["duration", "bounce"], Tl = ["stiffness", "damping", "mass"];
 function Xn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Tl(t) {
+function Pl(t) {
   let e = {
     velocity: 0,
     stiffness: 100,
@@ -1988,7 +1989,7 @@ function Tl(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Xn(t, wl) && Xn(t, bl)) {
+  if (!Xn(t, Tl) && Xn(t, bl)) {
     const n = yl(t);
     e = {
       ...e,
@@ -1999,25 +2000,25 @@ function Tl(t) {
   return e;
 }
 function Ki({ keyframes: t, restDelta: e, restSpeed: n, ...s }) {
-  const i = t[0], r = t[t.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: c, duration: u, velocity: h, isResolvedFromDuration: f } = Tl({
+  const i = t[0], r = t[t.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: c, duration: u, velocity: h, isResolvedFromDuration: f } = Pl({
     ...s,
     velocity: -tt(s.velocity || 0)
   }), d = h || 0, m = l / (2 * Math.sqrt(a * c)), p = r - i, v = tt(Math.sqrt(a / c)), b = Math.abs(p) < 5;
   n || (n = b ? 0.01 : 2), e || (e = b ? 5e-3 : 0.5);
   let y;
   if (m < 1) {
-    const g = Ue(v, m);
+    const g = _e(v, m);
     y = (x) => {
-      const P = Math.exp(-m * v * x);
-      return r - P * ((d + m * v * p) / g * Math.sin(g * x) + p * Math.cos(g * x));
+      const w = Math.exp(-m * v * x);
+      return r - w * ((d + m * v * p) / g * Math.sin(g * x) + p * Math.cos(g * x));
     };
   } else if (m === 1)
     y = (g) => r - Math.exp(-v * g) * (p + (d + v * p) * g);
   else {
     const g = v * Math.sqrt(m * m - 1);
     y = (x) => {
-      const P = Math.exp(-m * v * x), S = Math.min(g * x, 300);
-      return r - P * ((d + m * v * p) * Math.sinh(S) + g * p * Math.cosh(S)) / g;
+      const w = Math.exp(-m * v * x), S = Math.min(g * x, 300);
+      return r - w * ((d + m * v * p) * Math.sinh(S) + g * p * Math.cosh(S)) / g;
     };
   }
   return {
@@ -2027,9 +2028,9 @@ function Ki({ keyframes: t, restDelta: e, restSpeed: n, ...s }) {
       if (f)
         o.done = g >= u;
       else {
-        let P = d;
-        g !== 0 && (m < 1 ? P = qi(y, g, x) : P = 0);
-        const S = Math.abs(P) <= n, C = Math.abs(r - x) <= e;
+        let w = d;
+        g !== 0 && (m < 1 ? w = qi(y, g, x) : w = 0);
+        const S = Math.abs(w) <= n, C = Math.abs(r - x) <= e;
         o.done = S && C;
       }
       return o.value = o.done ? r : x, o;
@@ -2045,12 +2046,12 @@ function Qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   const v = h + p, b = o === void 0 ? v : o(v);
   b !== v && (p = b - h);
   const y = (A) => -p * Math.exp(-A / s), g = (A) => b + y(A), x = (A) => {
-    const E = y(A), Y = g(A);
-    f.done = Math.abs(E) <= c, f.value = f.done ? b : Y;
+    const L = y(A), Y = g(A);
+    f.done = Math.abs(L) <= c, f.value = f.done ? b : Y;
   };
-  let P, S;
+  let w, S;
   const C = (A) => {
-    d(f.value) && (P = A, S = Ki({
+    d(f.value) && (w = A, S = Ki({
       keyframes: [f.value, m(f.value)],
       velocity: qi(g, A, f.value),
       damping: i,
@@ -2062,12 +2063,12 @@ function Qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   return C(0), {
     calculatedDuration: null,
     next: (A) => {
-      let E = !1;
-      return !S && P === void 0 && (E = !0, x(A), C(A)), P !== void 0 && A > P ? S.next(A - P) : (!E && x(A), f);
+      let L = !1;
+      return !S && w === void 0 && (L = !0, x(A), C(A)), w !== void 0 && A > w ? S.next(A - w) : (!L && x(A), f);
     }
   };
 }
-const Pl = (t) => {
+const wl = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: () => V.update(e, !0),
@@ -2076,7 +2077,7 @@ const Pl = (t) => {
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => F.isProcessing ? F.timestamp : performance.now()
+    now: () => j.isProcessing ? j.timestamp : performance.now()
   };
 }, Zn = 2e4;
 function Jn(t) {
@@ -2094,7 +2095,7 @@ const Al = {
   keyframes: ae,
   spring: Ki
 };
-function le({ autoplay: t = !0, delay: e = 0, driver: n = Pl, keyframes: s, type: i = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: u, onUpdate: h, ...f }) {
+function le({ autoplay: t = !0, delay: e = 0, driver: n = wl, keyframes: s, type: i = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: u, onUpdate: h, ...f }) {
   let d = 1, m = !1, p, v;
   const b = () => {
     v = new Promise((M) => {
@@ -2108,41 +2109,41 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = Pl, keyframes: s, type
   g !== ae && typeof s[0] != "number" && (process.env.NODE_ENV !== "production" && q(s.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${s}`), x = $i([0, 100], s, {
     clamp: !1
   }), s = [0, 100]);
-  const P = g({ ...f, keyframes: s });
+  const w = g({ ...f, keyframes: s });
   let S;
   a === "mirror" && (S = g({
     ...f,
     keyframes: [...s].reverse(),
     velocity: -(f.velocity || 0)
   }));
-  let C = "idle", A = null, E = null, Y = null;
-  P.calculatedDuration === null && r && (P.calculatedDuration = Jn(P));
-  const { calculatedDuration: vt } = P;
+  let C = "idle", A = null, L = null, Y = null;
+  w.calculatedDuration === null && r && (w.calculatedDuration = Jn(w));
+  const { calculatedDuration: vt } = w;
   let H = 1 / 0, X = 1 / 0;
   vt !== null && (H = vt + o, X = H * (r + 1) - o);
-  let j = 0;
+  let O = 0;
   const xt = (M) => {
-    if (E === null)
+    if (L === null)
       return;
-    d > 0 && (E = Math.min(E, M)), d < 0 && (E = Math.min(M - X / d, E)), A !== null ? j = A : j = Math.round(M - E) * d;
-    const Rt = j - e * (d >= 0 ? 1 : -1), Cn = d >= 0 ? Rt < 0 : Rt > X;
-    j = Math.max(Rt, 0), C === "finished" && A === null && (j = X);
-    let Mn = j, Dn = P;
+    d > 0 && (L = Math.min(L, M)), d < 0 && (L = Math.min(M - X / d, L)), A !== null ? O = A : O = Math.round(M - L) * d;
+    const Rt = O - e * (d >= 0 ? 1 : -1), Cn = d >= 0 ? Rt < 0 : Rt > X;
+    O = Math.max(Rt, 0), C === "finished" && A === null && (O = X);
+    let Mn = O, Dn = w;
     if (r) {
-      const be = Math.min(j, X) / H;
+      const be = Math.min(O, X) / H;
       let Yt = Math.floor(be), ht = be % 1;
       !ht && be >= 1 && (ht = 1), ht === 1 && Yt--, Yt = Math.min(Yt, r + 1), !!(Yt % 2) && (a === "reverse" ? (ht = 1 - ht, o && (ht -= o / H)) : a === "mirror" && (Dn = S)), Mn = lt(0, 1, ht) * H;
     }
-    const Lt = Cn ? { done: !1, value: s[0] } : Dn.next(Mn);
-    x && (Lt.value = x(Lt.value));
-    let { done: Rn } = Lt;
-    !Cn && vt !== null && (Rn = d >= 0 ? j >= X : j <= 0);
-    const Po = A === null && (C === "finished" || C === "running" && Rn);
-    return h && h(Lt.value), Po && Dt(), Lt;
+    const kt = Cn ? { done: !1, value: s[0] } : Dn.next(Mn);
+    x && (kt.value = x(kt.value));
+    let { done: Rn } = kt;
+    !Cn && vt !== null && (Rn = d >= 0 ? O >= X : O <= 0);
+    const wo = A === null && (C === "finished" || C === "running" && Rn);
+    return h && h(kt.value), wo && Dt(), kt;
   }, I = () => {
     y && y.stop(), y = void 0;
   }, nt = () => {
-    C = "idle", I(), p(), b(), E = Y = null;
+    C = "idle", I(), p(), b(), L = Y = null;
   }, Dt = () => {
     C = "finished", u && u(), I(), p();
   }, bt = () => {
@@ -2150,7 +2151,7 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = Pl, keyframes: s, type
       return;
     y || (y = n(xt));
     const M = y.now();
-    l && l(), A !== null ? E = M - A : (!E || C === "finished") && (E = M), C === "finished" && b(), Y = E, A = null, C = "running", y.start();
+    l && l(), A !== null ? L = M - A : (!L || C === "finished") && (L = M), C === "finished" && b(), Y = L, A = null, C = "running", y.start();
   };
   t && bt();
   const Vn = {
@@ -2158,27 +2159,27 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = Pl, keyframes: s, type
       return v.then(M, Rt);
     },
     get time() {
-      return tt(j);
+      return tt(O);
     },
     set time(M) {
-      M = at(M), j = M, A !== null || !y || d === 0 ? A = M : E = y.now() - M / d;
+      M = at(M), O = M, A !== null || !y || d === 0 ? A = M : L = y.now() - M / d;
     },
     get duration() {
-      const M = P.calculatedDuration === null ? Jn(P) : P.calculatedDuration;
+      const M = w.calculatedDuration === null ? Jn(w) : w.calculatedDuration;
       return tt(M);
     },
     get speed() {
       return d;
     },
     set speed(M) {
-      M === d || !y || (d = M, Vn.time = tt(j));
+      M === d || !y || (d = M, Vn.time = tt(O));
     },
     get state() {
       return C;
     },
     play: bt,
     pause: () => {
-      C = "paused", A = j;
+      C = "paused", A = O;
     },
     stop: () => {
       m = !0, C !== "idle" && (C = "idle", c && c(), nt());
@@ -2189,7 +2190,7 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = Pl, keyframes: s, type
     complete: () => {
       C = "finished";
     },
-    sample: (M) => (E = 0, xt(M))
+    sample: (M) => (L = 0, xt(M))
   };
   return Vn;
 }
@@ -2222,13 +2223,13 @@ function Rl(t, e, { onUpdate: n, onComplete: s, ...i }) {
       delay: 0
     });
     let x = { done: !1, value: h[0] };
-    const P = [];
+    const w = [];
     let S = 0;
     for (; !x.done && S < Ml; )
-      x = g.sample(S), P.push(x.value), S += Zt;
-    m = void 0, h = P, f = S - Zt, d = "linear";
+      x = g.sample(S), w.push(x.value), S += Zt;
+    m = void 0, h = w, f = S - Zt, d = "linear";
   }
-  const p = _a(t.owner.current, e, h, {
+  const p = Ua(t.owner.current, e, h, {
     ...i,
     duration: f,
     /**
@@ -2253,7 +2254,7 @@ function Rl(t, e, { onUpdate: n, onComplete: s, ...i }) {
       return l.then(g, x);
     },
     attachTimeline(g) {
-      return p.timeline = g, p.onfinish = null, k;
+      return p.timeline = g, p.onfinish = null, E;
     },
     get time() {
       return tt(p.currentTime || 0);
@@ -2293,17 +2294,17 @@ function Rl(t, e, { onUpdate: n, onComplete: s, ...i }) {
     cancel: b
   };
 }
-function Ll({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
+function kl({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
   const i = () => (n && n(t[t.length - 1]), s && s(), {
     time: 0,
     speed: 1,
     duration: 0,
-    play: k,
-    pause: k,
-    stop: k,
+    play: E,
+    pause: E,
+    stop: E,
     then: (r) => (r(), Promise.resolve()),
-    cancel: k,
-    complete: k
+    cancel: E,
+    complete: E
   });
   return e ? le({
     keyframes: [0, 1],
@@ -2312,12 +2313,12 @@ function Ll({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
     onComplete: i
   }) : i();
 }
-const El = {
+const Ll = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, kl = (t) => ({
+}, El = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
@@ -2329,10 +2330,10 @@ const El = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Fl = (t, { keyframes: e }) => e.length > 2 ? Bl : gt.has(t) ? t.startsWith("scale") ? kl(e[1]) : El : Il, _e = (t, e) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+}, jl = (t, { keyframes: e }) => e.length > 2 ? Bl : gt.has(t) ? t.startsWith("scale") ? El(e[1]) : Ll : Il, Ue = (t, e) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
 (ct.test(e) || e === "0") && // And it contains numbers and/or colors
-!e.startsWith("url(")), Ol = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function jl(t) {
+!e.startsWith("url(")), Fl = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Ol(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -2340,16 +2341,16 @@ function jl(t) {
   if (!s)
     return t;
   const i = n.replace(s, "");
-  let r = Ol.has(e) ? 1 : 0;
+  let r = Fl.has(e) ? 1 : 0;
   return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
 const Nl = /([a-z-]*)\(.*?\)/g, ze = {
   ...ct,
   getAnimatableNone: (t) => {
     const e = t.match(Nl);
-    return e ? e.map(jl).join(" ") : t;
+    return e ? e.map(Ol).join(" ") : t;
   }
-}, Ul = {
+}, _l = {
   ...ci,
   // Color props
   color: N,
@@ -2365,27 +2366,27 @@ const Nl = /([a-z-]*)\(.*?\)/g, ze = {
   borderLeftColor: N,
   filter: ze,
   WebkitFilter: ze
-}, vn = (t) => Ul[t];
+}, vn = (t) => _l[t];
 function Yi(t, e) {
   let n = vn(t);
   return n !== ze && (n = ct), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Xi = (t) => /^0[^.\s]+$/.test(t);
-function _l(t) {
+function Ul(t) {
   if (typeof t == "number")
     return t === 0;
   if (t !== null)
     return t === "none" || t === "0" || Xi(t);
 }
 function zl(t, e, n, s) {
-  const i = _e(e, n);
+  const i = Ue(e, n);
   let r;
   Array.isArray(n) ? r = [...n] : r = [null, n];
   const o = s.from !== void 0 ? s.from : t.get();
   let a;
   const l = [];
   for (let c = 0; c < r.length; c++)
-    r[c] === null && (r[c] = c === 0 ? o : r[c - 1]), _l(r[c]) && l.push(c), typeof r[c] == "string" && r[c] !== "none" && r[c] !== "0" && (a = r[c]);
+    r[c] === null && (r[c] = c === 0 ? o : r[c - 1]), Ul(r[c]) && l.push(c), typeof r[c] == "string" && r[c] !== "none" && r[c] !== "0" && (a = r[c]);
   if (i && l.length && a)
     for (let c = 0; c < l.length; c++) {
       const u = l[c];
@@ -2405,7 +2406,7 @@ const Gl = {
   const r = xn(s, t) || {}, o = r.delay || s.delay || 0;
   let { elapsed: a = 0 } = s;
   a = a - at(o);
-  const l = zl(e, t, n, r), c = l[0], u = l[l.length - 1], h = _e(t, c), f = _e(t, u);
+  const l = zl(e, t, n, r), c = l[0], u = l[l.length - 1], h = Ue(t, c), f = Ue(t, u);
   qt(h === f, `You are trying to animate ${t} 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 d = {
     keyframes: l,
@@ -2422,9 +2423,9 @@ const Gl = {
   };
   if (Wl(r) || (d = {
     ...d,
-    ...Fl(t, d)
-  }), d.duration && (d.duration = at(d.duration)), d.repeatDelay && (d.repeatDelay = at(d.repeatDelay)), !h || !f || Ua.current || r.type === !1 || Gl.skipAnimations)
-    return Ll(d);
+    ...jl(t, d)
+  }), d.duration && (d.duration = at(d.duration)), d.repeatDelay && (d.repeatDelay = at(d.repeatDelay)), !h || !f || _a.current || r.type === !1 || Gl.skipAnimations)
+    return kl(d);
   if (
     /**
      * If this is a handoff animation, the optimised animation will be running via
@@ -2444,22 +2445,22 @@ const Gl = {
   return le(d);
 };
 function ce(t) {
-  return !!(_(t) && t.add);
+  return !!(U(t) && t.add);
 }
 const Qi = (t) => /^\-?\d*\.?\d+$/.test(t);
-function wn(t, e) {
+function Tn(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function Tn(t, e) {
+function Pn(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
-class Pn {
+class wn {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return wn(this.subscriptions, e), () => Tn(this.subscriptions, e);
+    return Tn(this.subscriptions, e), () => Pn(this.subscriptions, e);
   }
   notify(e, n, s) {
     const i = this.subscriptions.length;
@@ -2496,7 +2497,7 @@ class Hl {
   constructor(e, n = {}) {
     this.version = "10.18.0", this.timeDelta = 0, this.lastUpdated = 0, this.canTrackVelocity = !1, this.events = {}, this.updateAndNotify = (s, i = !0) => {
       this.prev = this.current, this.current = s;
-      const { delta: r, timestamp: o } = F;
+      const { delta: r, timestamp: o } = j;
       this.lastUpdated !== o && (this.timeDelta = r, this.lastUpdated = o, V.postRender(this.scheduleVelocityCheck)), this.prev !== this.current && this.events.change && this.events.change.notify(this.current), this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()), i && this.events.renderRequest && this.events.renderRequest.notify(this.current);
     }, this.scheduleVelocityCheck = () => V.postRender(this.velocityCheck), this.velocityCheck = ({ timestamp: s }) => {
       s !== this.lastUpdated && (this.prev = this.current, this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()));
@@ -2546,7 +2547,7 @@ class Hl {
     return process.env.NODE_ENV !== "production" && An(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, n) {
-    this.events[e] || (this.events[e] = new Pn());
+    this.events[e] || (this.events[e] = new wn());
     const s = this.events[e].add(n);
     return e === "change" ? () => {
       s(), V.read(() => {
@@ -2680,7 +2681,7 @@ function Vt(t, e) {
 const Zi = (t) => (e) => e.test(t), ql = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Ji = [yt, w, K, st, ea, ta, ql], Et = (t) => Ji.find(Zi(t)), Kl = [...Ji, N, ct], Yl = (t) => Kl.find(Zi(t));
+}, Ji = [yt, T, K, st, ea, ta, ql], Lt = (t) => Ji.find(Zi(t)), Kl = [...Ji, N, ct], Yl = (t) => Kl.find(Zi(t));
 function Xl(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Vt(n));
 }
@@ -2827,34 +2828,34 @@ function cc(t) {
     const u = t.getProps(), h = t.getVariantContext(!0) || {}, f = [], d = /* @__PURE__ */ new Set();
     let m = {}, p = 1 / 0;
     for (let b = 0; b < ac; b++) {
-      const y = rc[b], g = n[y], x = u[y] !== void 0 ? u[y] : h[y], P = Ut(x), S = y === c ? g.isActive : null;
+      const y = rc[b], g = n[y], x = u[y] !== void 0 ? u[y] : h[y], w = _t(x), S = y === c ? g.isActive : null;
       S === !1 && (p = b);
-      let C = x === h[y] && x !== u[y] && P;
+      let C = x === h[y] && x !== u[y] && w;
       if (C && s && t.manuallyAnimateOnMount && (C = !1), g.protectedKeys = { ...m }, // If it isn't active and hasn't *just* been set as inactive
       !g.isActive && S === null || // If we didn't and don't have any defined prop for this animation type
       !x && !g.prevProp || // Or if the prop doesn't define an animation
       pe(x) || typeof x == "boolean")
         continue;
-      let E = uc(g.prevProp, x) || // If we're making this variant active, we want to always make it active
-      y === c && g.isActive && !C && P || // If we removed a higher-priority variant (i is in reverse order)
-      b > p && P, Y = !1;
+      let L = uc(g.prevProp, x) || // If we're making this variant active, we want to always make it active
+      y === c && g.isActive && !C && w || // If we removed a higher-priority variant (i is in reverse order)
+      b > p && w, Y = !1;
       const vt = Array.isArray(x) ? x : [x];
       let H = vt.reduce(i, {});
       S === !1 && (H = {});
-      const { prevResolvedValues: X = {} } = g, j = {
+      const { prevResolvedValues: X = {} } = g, O = {
         ...X,
         ...H
       }, xt = (I) => {
-        E = !0, d.has(I) && (Y = !0, d.delete(I)), g.needsAnimating[I] = !0;
+        L = !0, d.has(I) && (Y = !0, d.delete(I)), g.needsAnimating[I] = !0;
       };
-      for (const I in j) {
+      for (const I in O) {
         const nt = H[I], Dt = X[I];
         if (m.hasOwnProperty(I))
           continue;
         let bt = !1;
-        oe(nt) && oe(Dt) ? bt = !Pi(nt, Dt) : bt = nt !== Dt, bt ? nt !== void 0 ? xt(I) : d.add(I) : nt !== void 0 && d.has(I) ? xt(I) : g.protectedKeys[I] = !0;
+        oe(nt) && oe(Dt) ? bt = !wi(nt, Dt) : bt = nt !== Dt, bt ? nt !== void 0 ? xt(I) : d.add(I) : nt !== void 0 && d.has(I) ? xt(I) : g.protectedKeys[I] = !0;
       }
-      g.prevProp = x, g.prevResolvedValues = H, g.isActive && (m = { ...m, ...H }), s && t.blockInitialAnimation && (E = !1), E && (!C || Y) && f.push(...vt.map((I) => ({
+      g.prevProp = x, g.prevResolvedValues = H, g.isActive && (m = { ...m, ...H }), s && t.blockInitialAnimation && (L = !1), L && (!C || Y) && f.push(...vt.map((I) => ({
         animation: I,
         options: { type: y, ...l }
       })));
@@ -2890,7 +2891,7 @@ function cc(t) {
   };
 }
 function uc(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !Pi(e, t) : !1;
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !wi(e, t) : !1;
 }
 function ft(t = !1) {
   return {
@@ -2975,29 +2976,29 @@ class eo {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const h = Ee(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, d = gc(h.offset, { x: 0, y: 0 }) >= 3;
+      const h = Le(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, d = gc(h.offset, { x: 0, y: 0 }) >= 3;
       if (!f && !d)
         return;
-      const { point: m } = h, { timestamp: p } = F;
+      const { point: m } = h, { timestamp: p } = j;
       this.history.push({ ...m, timestamp: p });
       const { onStart: v, onMove: b } = this.handlers;
       f || (v && v(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), b && b(this.lastMoveEvent, h);
     }, this.handlePointerMove = (h, f) => {
-      this.lastMoveEvent = h, this.lastMoveEventInfo = Le(f, this.transformPagePoint), V.update(this.updatePoint, !0);
+      this.lastMoveEvent = h, this.lastMoveEventInfo = ke(f, this.transformPagePoint), V.update(this.updatePoint, !0);
     }, this.handlePointerUp = (h, f) => {
       this.end();
       const { onEnd: d, onSessionEnd: m, resumeAnimation: p } = this.handlers;
       if (this.dragSnapToOrigin && p && p(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const v = Ee(h.type === "pointercancel" ? this.lastMoveEventInfo : Le(f, this.transformPagePoint), this.history);
+      const v = Le(h.type === "pointercancel" ? this.lastMoveEventInfo : ke(f, this.transformPagePoint), this.history);
       this.startEvent && d && d(h, v), m && m(h, v);
     }, !vi(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = s, this.contextWindow = i || window;
-    const o = ve(e), a = Le(o, this.transformPagePoint), { point: l } = a, { timestamp: c } = F;
+    const o = ve(e), a = ke(o, this.transformPagePoint), { point: l } = a, { timestamp: c } = j;
     this.history = [{ ...l, timestamp: c }];
     const { onSessionStart: u } = n;
-    u && u(e, Ee(a, this.history)), this.removeListeners = rt(J(this.contextWindow, "pointermove", this.handlePointerMove), J(this.contextWindow, "pointerup", this.handlePointerUp), J(this.contextWindow, "pointercancel", this.handlePointerUp));
+    u && u(e, Le(a, this.history)), this.removeListeners = rt(J(this.contextWindow, "pointermove", this.handlePointerMove), J(this.contextWindow, "pointerup", this.handlePointerUp), J(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -3006,13 +3007,13 @@ class eo {
     this.removeListeners && this.removeListeners(), et(this.updatePoint);
   }
 }
-function Le(t, e) {
+function ke(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function ns(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function Ee({ point: t }, e) {
+function Le({ point: t }, e) {
   return {
     point: t,
     delta: ns(t, no(e)),
@@ -3044,32 +3045,32 @@ function vc(t, e) {
   };
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
-function z(t) {
+function W(t) {
   return t.max - t.min;
 }
 function Ge(t, e = 0, n = 0.01) {
   return Math.abs(t - e) <= n;
 }
 function ss(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = L(e.min, e.max, t.origin), t.scale = z(n) / z(e), (Ge(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = L(n.min, n.max, t.origin) - t.originPoint, (Ge(t.translate) || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = k(e.min, e.max, t.origin), t.scale = W(n) / W(e), (Ge(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = k(n.min, n.max, t.origin) - t.originPoint, (Ge(t.translate) || isNaN(t.translate)) && (t.translate = 0);
 }
-function Ot(t, e, n, s) {
+function Ft(t, e, n, s) {
   ss(t.x, e.x, n.x, s ? s.originX : void 0), ss(t.y, e.y, n.y, s ? s.originY : void 0);
 }
 function is(t, e, n) {
-  t.min = n.min + e.min, t.max = t.min + z(e);
+  t.min = n.min + e.min, t.max = t.min + W(e);
 }
 function xc(t, e, n) {
   is(t.x, e.x, n.x), is(t.y, e.y, n.y);
 }
 function os(t, e, n) {
-  t.min = e.min - n.min, t.max = t.min + z(e);
+  t.min = e.min - n.min, t.max = t.min + W(e);
 }
-function jt(t, e, n) {
+function Ot(t, e, n) {
   os(t.x, e.x, n.x), os(t.y, e.y, n.y);
 }
 function bc(t, { min: e, max: n }, s) {
-  return e !== void 0 && t < e ? t = s ? L(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? L(n, t, s.max) : Math.min(t, n)), t;
+  return e !== void 0 && t < e ? t = s ? k(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? k(n, t, s.max) : Math.min(t, n)), t;
 }
 function rs(t, e, n) {
   return {
@@ -3077,7 +3078,7 @@ function rs(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function wc(t, { top: e, left: n, bottom: s, right: i }) {
+function Tc(t, { top: e, left: n, bottom: s, right: i }) {
   return {
     x: rs(t.x, n, i),
     y: rs(t.y, e, s)
@@ -3087,15 +3088,15 @@ function as(t, e) {
   let n = e.min - t.min, s = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, s] = [s, n]), { min: n, max: s };
 }
-function Tc(t, e) {
+function Pc(t, e) {
   return {
     x: as(t.x, e.x),
     y: as(t.y, e.y)
   };
 }
-function Pc(t, e) {
+function wc(t, e) {
   let n = 0.5;
-  const s = z(t), i = z(e);
+  const s = W(t), i = W(e);
   return i > s ? n = zt(e.min, e.max - s, t.min) : s > i && (n = zt(t.min, t.max - i, e.min)), lt(0, 1, n);
 }
 function Ac(t, e) {
@@ -3123,14 +3124,14 @@ const us = () => ({
   scale: 1,
   origin: 0,
   originPoint: 0
-}), Pt = () => ({
+}), wt = () => ({
   x: us(),
   y: us()
 }), hs = () => ({ min: 0, max: 0 }), B = () => ({
   x: hs(),
   y: hs()
 });
-function G(t) {
+function $(t) {
   return [t("x"), t("y")];
 }
 function so({ top: t, left: e, right: n, bottom: s }) {
@@ -3153,11 +3154,11 @@ function Cc(t, e) {
     right: s.x
   };
 }
-function ke(t) {
+function Ee(t) {
   return t === void 0 || t === 1;
 }
 function He({ scale: t, scaleX: e, scaleY: n }) {
-  return !ke(t) || !ke(e) || !ke(n);
+  return !Ee(t) || !Ee(e) || !Ee(n);
 }
 function dt(t) {
   return He(t) || io(t) || t.z || t.rotate || t.rotateX || t.rotateY;
@@ -3204,7 +3205,7 @@ function it(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
 function ps(t, e, [n, s, i]) {
-  const r = e[i] !== void 0 ? e[i] : 0.5, o = L(t.min, t.max, r);
+  const r = e[i] !== void 0 ? e[i] : 0.5, o = k(t.min, t.max, r);
   qe(t, e[n], e[s], o, e.scale);
 }
 const Dc = ["x", "scaleX", "originX"], Rc = ["y", "scaleY", "originY"];
@@ -3214,12 +3215,12 @@ function At(t, e) {
 function ro(t, e) {
   return so(Cc(t.getBoundingClientRect(), e));
 }
-function Lc(t, e, n) {
+function kc(t, e, n) {
   const s = ro(t, n), { scroll: i } = e;
   return i && (it(s.x, i.offset.x), it(s.y, i.offset.y)), s;
 }
-const ao = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ec = /* @__PURE__ */ new WeakMap();
-class kc {
+const ao = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Lc = /* @__PURE__ */ new WeakMap();
+class Ec {
   constructor(e) {
     this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = B(), this.visualElement = e;
   }
@@ -3234,13 +3235,13 @@ class kc {
       const { drag: f, dragPropagation: d, onDragStart: m } = this.getProps();
       if (f && !d && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = bi(f), !this.openGlobalLock))
         return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), G((v) => {
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), $((v) => {
         let b = this.getAxisMotionValue(v).get() || 0;
         if (K.test(b)) {
           const { projection: y } = this.visualElement;
           if (y && y.layout) {
             const g = y.layout.layoutBox[v];
-            g && (b = z(g) * (parseFloat(b) / 100));
+            g && (b = W(g) * (parseFloat(b) / 100));
           }
         }
         this.originPoint[v] = b;
@@ -3257,7 +3258,7 @@ class kc {
         return;
       }
       this.updateAxis("x", h.point, v), this.updateAxis("y", h.point, v), this.visualElement.render(), p && p(u, h);
-    }, a = (u, h) => this.stop(u, h), l = () => G((u) => {
+    }, a = (u, h) => this.stop(u, h), l = () => $((u) => {
       var h;
       return this.getAnimationState(u) === "paused" && ((h = this.getAxisMotionValue(u).animation) === null || h === void 0 ? void 0 : h.play());
     }), { dragSnapToOrigin: c } = this.getProps();
@@ -3300,21 +3301,21 @@ class kc {
   resolveConstraints() {
     var e;
     const { dragConstraints: n, dragElastic: s } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (e = this.visualElement.projection) === null || e === void 0 ? void 0 : e.layout, r = this.constraints;
-    n && wt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = wc(i.layoutBox, n) : this.constraints = !1, this.elastic = Sc(s), r !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && G((o) => {
+    n && Tt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = Tc(i.layoutBox, n) : this.constraints = !1, this.elastic = Sc(s), r !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && $((o) => {
       this.getAxisMotionValue(o) && (this.constraints[o] = Ac(i.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: e, onMeasureDragConstraints: n } = this.getProps();
-    if (!e || !wt(e))
+    if (!e || !Tt(e))
       return !1;
     const s = e.current;
     q(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const r = Lc(s, i.root, this.visualElement.getTransformPagePoint());
-    let o = Tc(i.layout.layoutBox, r);
+    const r = kc(s, i.root, this.visualElement.getTransformPagePoint());
+    let o = Pc(i.layout.layoutBox, r);
     if (n) {
       const a = n(Vc(o));
       this.hasMutatedConstraints = !!a, a && (o = so(a));
@@ -3322,7 +3323,7 @@ class kc {
     return o;
   }
   startAnimation(e) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: r, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = G((u) => {
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: r, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = $((u) => {
       if (!Jt(u, n, this.currentDirection))
         return;
       let h = l && l[u] || {};
@@ -3347,10 +3348,10 @@ class kc {
     return s.start(bn(e, s, 0, n));
   }
   stopAnimation() {
-    G((e) => this.getAxisMotionValue(e).stop());
+    $((e) => this.getAxisMotionValue(e).stop());
   }
   pauseAnimation() {
-    G((e) => {
+    $((e) => {
       var n;
       return (n = this.getAxisMotionValue(e).animation) === null || n === void 0 ? void 0 : n.pause();
     });
@@ -3370,14 +3371,14 @@ class kc {
     return i || this.visualElement.getValue(e, (s.initial ? s.initial[e] : void 0) || 0);
   }
   snapToCursor(e) {
-    G((n) => {
+    $((n) => {
       const { drag: s } = this.getProps();
       if (!Jt(n, s, this.currentDirection))
         return;
       const { projection: i } = this.visualElement, r = this.getAxisMotionValue(n);
       if (i && i.layout) {
         const { min: o, max: a } = i.layout.layoutBox[n];
-        r.set(e[n] - L(o, a, 0.5));
+        r.set(e[n] - k(o, a, 0.5));
       }
     });
   }
@@ -3390,39 +3391,39 @@ class kc {
     if (!this.visualElement.current)
       return;
     const { drag: e, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
-    if (!wt(n) || !s || !this.constraints)
+    if (!Tt(n) || !s || !this.constraints)
       return;
     this.stopAnimation();
     const i = { x: 0, y: 0 };
-    G((o) => {
+    $((o) => {
       const a = this.getAxisMotionValue(o);
       if (a) {
         const l = a.get();
-        i[o] = Pc({ min: l, max: l }, this.constraints[o]);
+        i[o] = wc({ min: l, max: l }, this.constraints[o]);
       }
     });
     const { transformTemplate: r } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = r ? r({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), G((o) => {
+    this.visualElement.current.style.transform = r ? r({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), $((o) => {
       if (!Jt(o, e, null))
         return;
       const a = this.getAxisMotionValue(o), { min: l, max: c } = this.constraints[o];
-      a.set(L(l, c, i[o]));
+      a.set(k(l, c, i[o]));
     });
   }
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Ec.set(this.visualElement, this);
+    Lc.set(this.visualElement, this);
     const e = this.visualElement.current, n = J(e, "pointerdown", (l) => {
       const { drag: c, dragListener: u = !0 } = this.getProps();
       c && u && this.start(l);
     }), s = () => {
       const { dragConstraints: l } = this.getProps();
-      wt(l) && (this.constraints = this.resolveRefConstraints());
+      Tt(l) && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, r = i.addEventListener("measure", s);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), s();
     const o = Z(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
-      this.isDragging && c && (G((u) => {
+      this.isDragging && c && ($((u) => {
         const h = this.getAxisMotionValue(u);
         h && (this.originPoint[u] += l[u].translate, h.set(h.get() + l[u].translate));
       }), this.visualElement.render());
@@ -3453,11 +3454,11 @@ function Bc(t, e = 10) {
 }
 class Ic extends ut {
   constructor(e) {
-    super(e), this.removeGroupControls = k, this.removeListeners = k, this.controls = new kc(e);
+    super(e), this.removeGroupControls = E, this.removeListeners = E, this.controls = new Ec(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
-    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || k;
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || E;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -3466,9 +3467,9 @@ class Ic extends ut {
 const gs = (t) => (e, n) => {
   t && V.update(() => t(e, n));
 };
-class Fc extends ut {
+class jc extends ut {
   constructor() {
-    super(...arguments), this.removePointerDownListener = k;
+    super(...arguments), this.removePointerDownListener = E;
   }
   onPointerDown(e) {
     this.session = new eo(e, this.createPanHandlers(), {
@@ -3497,8 +3498,8 @@ class Fc extends ut {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-function Oc() {
-  const t = U(sn);
+function Fc() {
+  const t = _(sn);
   if (t === null)
     return [!0, null];
   const { isPresent: e, onExitComplete: n, register: s } = t, i = Mo();
@@ -3519,26 +3520,26 @@ const ne = {
 function ys(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
-const kt = {
+const Et = {
   correct: (t, e) => {
     if (!e.target)
       return t;
     if (typeof t == "string")
-      if (w.test(t))
+      if (T.test(t))
         t = parseFloat(t);
       else
         return t;
     const n = ys(t, e.target.x), s = ys(t, e.target.y);
     return `${n}% ${s}%`;
   }
-}, jc = {
+}, Oc = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
     const s = t, i = ct.parse(t);
     if (i.length > 5)
       return s;
     const r = ct.createTransformer(t), o = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
     i[0 + o] /= a, i[1 + o] /= l;
-    const c = L(a, l, 0.5);
+    const c = k(a, l, 0.5);
     return typeof i[2 + o] == "number" && (i[2 + o] /= c), typeof i[3 + o] == "number" && (i[3 + o] /= c), r(i);
   }
 };
@@ -3550,7 +3551,7 @@ class Nc extends zs.Component {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s, layoutId: i } = this.props, { projection: r } = e;
-    qr(Uc), r && (n.group && n.group.add(r), s && s.register && i && s.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
+    qr(_c), r && (n.group && n.group.add(r), s && s.register && i && s.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), r.setOptions({
       ...r.options,
@@ -3583,12 +3584,12 @@ class Nc extends zs.Component {
   }
 }
 function lo(t) {
-  const [e, n] = Oc(), s = U(si);
-  return zs.createElement(Nc, { ...t, layoutGroup: s, switchLayoutGroup: U(ii), isPresent: e, safeToRemove: n });
+  const [e, n] = Fc(), s = _(si);
+  return zs.createElement(Nc, { ...t, layoutGroup: s, switchLayoutGroup: _(ii), isPresent: e, safeToRemove: n });
 }
-const Uc = {
+const _c = {
   borderRadius: {
-    ...kt,
+    ...Et,
     applyTo: [
       "borderTopLeftRadius",
       "borderTopRightRadius",
@@ -3596,56 +3597,56 @@ const Uc = {
       "borderBottomRightRadius"
     ]
   },
-  borderTopLeftRadius: kt,
-  borderTopRightRadius: kt,
-  borderBottomLeftRadius: kt,
-  borderBottomRightRadius: kt,
-  boxShadow: jc
-}, co = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], _c = co.length, vs = (t) => typeof t == "string" ? parseFloat(t) : t, xs = (t) => typeof t == "number" || w.test(t);
+  borderTopLeftRadius: Et,
+  borderTopRightRadius: Et,
+  borderBottomLeftRadius: Et,
+  borderBottomRightRadius: Et,
+  boxShadow: Oc
+}, co = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Uc = co.length, vs = (t) => typeof t == "string" ? parseFloat(t) : t, xs = (t) => typeof t == "number" || T.test(t);
 function zc(t, e, n, s, i, r) {
-  i ? (t.opacity = L(
+  i ? (t.opacity = k(
     0,
     // TODO Reinstate this if only child
     n.opacity !== void 0 ? n.opacity : 1,
     Wc(s)
-  ), t.opacityExit = L(e.opacity !== void 0 ? e.opacity : 1, 0, Gc(s))) : r && (t.opacity = L(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, s));
-  for (let o = 0; o < _c; o++) {
+  ), t.opacityExit = k(e.opacity !== void 0 ? e.opacity : 1, 0, Gc(s))) : r && (t.opacity = k(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, s));
+  for (let o = 0; o < Uc; o++) {
     const a = `border${co[o]}Radius`;
     let l = bs(e, a), c = bs(n, a);
     if (l === void 0 && c === void 0)
       continue;
-    l || (l = 0), c || (c = 0), l === 0 || c === 0 || xs(l) === xs(c) ? (t[a] = Math.max(L(vs(l), vs(c), s), 0), (K.test(c) || K.test(l)) && (t[a] += "%")) : t[a] = c;
+    l || (l = 0), c || (c = 0), l === 0 || c === 0 || xs(l) === xs(c) ? (t[a] = Math.max(k(vs(l), vs(c), s), 0), (K.test(c) || K.test(l)) && (t[a] += "%")) : t[a] = c;
   }
-  (e.rotate || n.rotate) && (t.rotate = L(e.rotate || 0, n.rotate || 0, s));
+  (e.rotate || n.rotate) && (t.rotate = k(e.rotate || 0, n.rotate || 0, s));
 }
 function bs(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const Wc = uo(0, 0.5, Ei), Gc = uo(0.5, 0.95, k);
+const Wc = uo(0, 0.5, Li), Gc = uo(0.5, 0.95, E);
 function uo(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(zt(t, e, s));
 }
-function ws(t, e) {
+function Ts(t, e) {
   t.min = e.min, t.max = e.max;
 }
-function W(t, e) {
-  ws(t.x, e.x), ws(t.y, e.y);
+function G(t, e) {
+  Ts(t.x, e.x), Ts(t.y, e.y);
 }
-function Ts(t, e, n, s, i) {
+function Ps(t, e, n, s, i) {
   return t -= e, t = ue(t, 1 / n, s), i !== void 0 && (t = ue(t, 1 / i, s)), t;
 }
 function $c(t, e = 0, n = 1, s = 0.5, i, r = t, o = t) {
-  if (K.test(e) && (e = parseFloat(e), e = L(o.min, o.max, e / 100) - o.min), typeof e != "number")
+  if (K.test(e) && (e = parseFloat(e), e = k(o.min, o.max, e / 100) - o.min), typeof e != "number")
     return;
-  let a = L(r.min, r.max, s);
-  t === r && (a -= e), t.min = Ts(t.min, e, n, a, i), t.max = Ts(t.max, e, n, a, i);
+  let a = k(r.min, r.max, s);
+  t === r && (a -= e), t.min = Ps(t.min, e, n, a, i), t.max = Ps(t.max, e, n, a, i);
 }
-function Ps(t, e, [n, s, i], r, o) {
+function ws(t, e, [n, s, i], r, o) {
   $c(t, e[n], e[s], e[i], e.scale, r, o);
 }
 const Hc = ["x", "scaleX", "originX"], qc = ["y", "scaleY", "originY"];
 function As(t, e, n, s) {
-  Ps(t.x, e, Hc, n ? n.x : void 0, s ? s.x : void 0), Ps(t.y, e, qc, n ? n.y : void 0, s ? s.y : void 0);
+  ws(t.x, e, Hc, n ? n.x : void 0, s ? s.x : void 0), ws(t.y, e, qc, n ? n.y : void 0, s ? s.y : void 0);
 }
 function Ss(t) {
   return t.translate === 0 && t.scale === 1;
@@ -3660,17 +3661,17 @@ function fo(t, e) {
   return Math.round(t.x.min) === Math.round(e.x.min) && Math.round(t.x.max) === Math.round(e.x.max) && Math.round(t.y.min) === Math.round(e.y.min) && Math.round(t.y.max) === Math.round(e.y.max);
 }
 function Vs(t) {
-  return z(t.x) / z(t.y);
+  return W(t.x) / W(t.y);
 }
 class Yc {
   constructor() {
     this.members = [];
   }
   add(e) {
-    wn(this.members, e), e.scheduleRender();
+    Tn(this.members, e), e.scheduleRender();
   }
   remove(e) {
-    if (Tn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+    if (Pn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
       const n = this.members[this.members.length - 1];
       n && this.promote(n);
     }
@@ -3732,10 +3733,10 @@ class Qc {
     this.children = [], this.isDirty = !1;
   }
   add(e) {
-    wn(this.children, e), this.isDirty = !0;
+    Tn(this.children, e), this.isDirty = !0;
   }
   remove(e) {
-    Tn(this.children, e), this.isDirty = !0;
+    Pn(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
     this.isDirty && this.children.sort(Xc), this.isDirty = !1, this.children.forEach(e);
@@ -3755,7 +3756,7 @@ function tu(t) {
   return t instanceof SVGElement && t.tagName !== "svg";
 }
 function eu(t, e, n) {
-  const s = _(t) ? t : Vt(t);
+  const s = U(t) ? t : Vt(t);
   return s.start(bn("", s, e, n)), s.animation;
 }
 const Ms = ["", "X", "Y", "Z"], nu = { visibility: "hidden" }, Ds = 1e3;
@@ -3779,7 +3780,7 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.root === this && (this.nodes = new Qc());
     }
     addEventListener(o, a) {
-      return this.eventHandlers.has(o) || this.eventHandlers.set(o, new Pn()), this.eventHandlers.get(o).add(a);
+      return this.eventHandlers.has(o) || this.eventHandlers.set(o, new wn()), this.eventHandlers.get(o).add(a);
     }
     notifyListeners(o, ...a) {
       const l = this.eventHandlers.get(o);
@@ -3800,7 +3801,7 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         let h;
         const f = () => this.root.updateBlockedByResize = !1;
         t(o, () => {
-          this.root.updateBlockedByResize = !0, h && h(), h = Zc(f, 250), ne.hasAnimatedSinceResize && (ne.hasAnimatedSinceResize = !1, this.nodes.forEach(Ls));
+          this.root.updateBlockedByResize = !0, h && h(), h = Zc(f, 250), ne.hasAnimatedSinceResize && (ne.hasAnimatedSinceResize = !1, this.nodes.forEach(ks));
         });
       }
       l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: f, hasRelativeTargetChanged: d, layout: m }) => {
@@ -3818,7 +3819,7 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x);
         } else
-          f || Ls(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+          f || ks(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = m;
       });
     }
@@ -3873,7 +3874,7 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       this.isUpdating || this.nodes.forEach(cu), this.isUpdating = !1, this.nodes.forEach(uu), this.nodes.forEach(iu), this.nodes.forEach(ou), this.clearAllSnapshots();
       const a = performance.now();
-      F.delta = lt(0, 1e3 / 60, a - F.timestamp), F.timestamp = a, F.isProcessing = !0, Pe.update.process(F), Pe.preRender.process(F), Pe.render.process(F), F.isProcessing = !1;
+      j.delta = lt(0, 1e3 / 60, a - j.timestamp), j.timestamp = a, j.isProcessing = !0, we.update.process(j), we.preRender.process(j), we.render.process(j), j.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, queueMicrotask(() => this.update()));
@@ -3941,12 +3942,12 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     removeElementScroll(o) {
       const a = B();
-      W(a, o);
+      G(a, o);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l], { scroll: u, options: h } = c;
         if (c !== this.root && u && h.layoutScroll) {
           if (u.isRoot) {
-            W(a, o);
+            G(a, o);
             const { scroll: f } = this.root;
             f && (it(a.x, -f.offset.x), it(a.y, -f.offset.y));
           }
@@ -3957,7 +3958,7 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     applyTransform(o, a = !1) {
       const l = B();
-      W(l, o);
+      G(l, o);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
         !a && u.options.layoutScroll && u.scroll && u !== u.root && At(l, {
@@ -3969,14 +3970,14 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     removeTransform(o) {
       const a = B();
-      W(a, o);
+      G(a, o);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !dt(c.latestValues))
           continue;
         He(c.latestValues) && c.updateSnapshot();
         const u = B(), h = c.measurePageBox();
-        W(u, h), As(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
+        G(u, h), As(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return dt(this.latestValues) && As(a, this.latestValues), a;
     }
@@ -3994,7 +3995,7 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== F.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== j.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(o = !1) {
       var a;
@@ -4005,15 +4006,15 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       const { layout: h, layoutId: f } = this.options;
       if (!(!this.layout || !(h || f))) {
-        if (this.resolvedRelativeTargetAt = F.timestamp, !this.targetDelta && !this.relativeTarget) {
+        if (this.resolvedRelativeTargetAt = j.timestamp, !this.targetDelta && !this.relativeTarget) {
           const d = this.getClosestProjectingParent();
-          d && d.layout && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = B(), this.relativeTargetOrigin = B(), jt(this.relativeTargetOrigin, this.layout.layoutBox, d.layout.layoutBox), W(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          d && d.layout && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = B(), this.relativeTargetOrigin = B(), Ot(this.relativeTargetOrigin, this.layout.layoutBox, d.layout.layoutBox), G(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = B(), this.targetWithTransforms = B()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), xc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : W(this.target, this.layout.layoutBox), oo(this.target, this.targetDelta)) : W(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = B(), this.targetWithTransforms = B()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), xc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : G(this.target, this.layout.layoutBox), oo(this.target, this.targetDelta)) : G(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const d = this.getClosestProjectingParent();
-            d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = B(), this.relativeTargetOrigin = B(), jt(this.relativeTargetOrigin, this.target, d.target), W(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = B(), this.relativeTargetOrigin = B(), Ot(this.relativeTargetOrigin, this.target, d.target), G(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           mt.resolvedTargetDeltas++;
         }
@@ -4030,22 +4031,22 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       var o;
       const a = this.getLead(), l = !!this.resumingFrom || this !== a;
       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 === F.timestamp && (c = !1), c)
+      if ((this.isProjectionDirty || !((o = this.parent) === null || o === void 0) && o.isProjectionDirty) && (c = !1), l && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === j.timestamp && (c = !1), c)
         return;
       const { layout: u, layoutId: h } = 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 || h))
         return;
-      W(this.layoutCorrected, this.layout.layoutBox);
+      G(this.layoutCorrected, this.layout.layoutBox);
       const f = this.treeScale.x, d = this.treeScale.y;
       Mc(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox);
       const { target: m } = a;
       if (!m) {
-        this.projectionTransform && (this.projectionDelta = Pt(), this.projectionTransform = "none", this.scheduleRender());
+        this.projectionTransform && (this.projectionDelta = wt(), this.projectionTransform = "none", this.scheduleRender());
         return;
       }
-      this.projectionDelta || (this.projectionDelta = Pt(), this.projectionDeltaWithTransform = Pt());
+      this.projectionDelta || (this.projectionDelta = wt(), this.projectionDeltaWithTransform = wt());
       const p = this.projectionTransform;
-      Ot(this.projectionDelta, this.layoutCorrected, m, this.latestValues), this.projectionTransform = Cs(this.projectionDelta, this.treeScale), (this.projectionTransform !== p || this.treeScale.x !== f || this.treeScale.y !== d) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", m)), mt.recalculatedProjection++;
+      Ft(this.projectionDelta, this.layoutCorrected, m, this.latestValues), this.projectionTransform = Cs(this.projectionDelta, this.treeScale), (this.projectionTransform !== p || this.treeScale.x !== f || this.treeScale.y !== d) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", m)), mt.recalculatedProjection++;
     }
     hide() {
       this.isVisible = !1;
@@ -4061,14 +4062,14 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
     }
     setAnimationOrigin(o, a = !1) {
-      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = Pt();
+      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = wt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
       const f = B(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, p = d !== m, v = this.getStack(), b = !v || v.members.length <= 1, y = !!(p && !b && this.options.crossfade === !0 && !this.path.some(gu));
       this.animationProgress = 0;
       let g;
       this.mixTargetDelta = (x) => {
-        const P = x / 1e3;
-        Es(h.x, o.x, P), Es(h.y, o.y, P), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (jt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), pu(this.relativeTarget, this.relativeTargetOrigin, f, P), g && Kc(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = B()), W(g, this.relativeTarget)), p && (this.animationValues = u, zc(u, c, this.latestValues, P, y, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
+        const w = x / 1e3;
+        Ls(h.x, o.x, w), Ls(h.y, o.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ot(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), pu(this.relativeTarget, this.relativeTargetOrigin, f, w), g && Kc(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = B()), G(g, this.relativeTarget)), p && (this.animationValues = u, zc(u, c, this.latestValues, w, y, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
@@ -4098,12 +4099,12 @@ function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(!a || !l || !c)) {
         if (this !== o && this.layout && c && po(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
           l = this.target || B();
-          const h = z(this.layout.layoutBox.x);
+          const h = W(this.layout.layoutBox.x);
           l.x.min = o.target.x.min, l.x.max = l.x.min + h;
-          const f = z(this.layout.layoutBox.y);
+          const f = W(this.layout.layoutBox.y);
           l.y.min = o.target.y.min, l.y.max = l.y.min + f;
         }
-        W(a, l), At(a, u), Ot(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
+        G(a, l), At(a, u), Ft(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(o, a) {
@@ -4212,17 +4213,17 @@ function ou(t) {
   const n = ((e = t.resumeFrom) === null || e === void 0 ? void 0 : e.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && n && t.hasListeners("didUpdate")) {
     const { layoutBox: s, measuredBox: i } = t.layout, { animationType: r } = t.options, o = n.source !== t.layout.source;
-    r === "size" ? G((h) => {
-      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = z(f);
+    r === "size" ? $((h) => {
+      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = W(f);
       f.min = s[h].min, f.max = f.min + d;
-    }) : po(r, n.layoutBox, s) && G((h) => {
-      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = z(s[h]);
+    }) : po(r, n.layoutBox, s) && $((h) => {
+      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = W(s[h]);
       f.max = f.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + d);
     });
-    const a = Pt();
-    Ot(a, s, n.layoutBox);
-    const l = Pt();
-    o ? Ot(l, t.applyTransform(i, !0), n.measuredBox) : Ot(l, s, n.layoutBox);
+    const a = wt();
+    Ft(a, s, n.layoutBox);
+    const l = wt();
+    o ? Ft(l, t.applyTransform(i, !0), n.measuredBox) : Ft(l, s, n.layoutBox);
     const c = !ho(a);
     let u = !1;
     if (!t.resumeFrom) {
@@ -4231,9 +4232,9 @@ function ou(t) {
         const { snapshot: f, layout: d } = h;
         if (f && d) {
           const m = B();
-          jt(m, n.layoutBox, f.layoutBox);
+          Ot(m, n.layoutBox, f.layoutBox);
           const p = B();
-          jt(p, s, d.layoutBox), fo(m, p) || (u = !0), h.options.layoutRoot && (t.relativeTarget = p, t.relativeTargetOrigin = m, t.relativeParent = h);
+          Ot(p, s, d.layoutBox), fo(m, p) || (u = !0), h.options.layoutRoot && (t.relativeTarget = p, t.relativeTargetOrigin = m, t.relativeParent = h);
         }
       }
     }
@@ -4270,7 +4271,7 @@ function uu(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function Ls(t) {
+function ks(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
 function hu(t) {
@@ -4285,14 +4286,14 @@ function du(t) {
 function mu(t) {
   t.removeLeadSnapshot();
 }
-function Es(t, e, n) {
-  t.translate = L(e.translate, 0, n), t.scale = L(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
+function Ls(t, e, n) {
+  t.translate = k(e.translate, 0, n), t.scale = k(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function ks(t, e, n, s) {
-  t.min = L(e.min, n.min, s), t.max = L(e.max, n.max, s);
+function Es(t, e, n, s) {
+  t.min = k(e.min, n.min, s), t.max = k(e.max, n.max, s);
 }
 function pu(t, e, n, s) {
-  ks(t.x, e.x, n.x, s), ks(t.y, e.y, n.y, s);
+  Es(t.x, e.x, n.x, s), Es(t.y, e.y, n.y, s);
 }
 function gu(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
@@ -4300,12 +4301,12 @@ function gu(t) {
 const yu = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, Bs = (t) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(t), Is = Bs("applewebkit/") && !Bs("chrome/") ? Math.round : k;
-function Fs(t) {
+}, Bs = (t) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(t), Is = Bs("applewebkit/") && !Bs("chrome/") ? Math.round : E;
+function js(t) {
   t.min = Is(t.min), t.max = Is(t.max);
 }
 function vu(t) {
-  Fs(t.x), Fs(t.y);
+  js(t.x), js(t.y);
 }
 function po(t, e, n) {
   return t === "position" || t === "preserve-aspect" && !Ge(Vs(e), Vs(n), 0.2);
@@ -4337,25 +4338,25 @@ const xu = mo({
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
 }), bu = {
   pan: {
-    Feature: Fc
+    Feature: jc
   },
   drag: {
     Feature: Ic,
     ProjectionNode: go,
     MeasureLayout: lo
   }
-}, wu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
-function Tu(t) {
-  const e = wu.exec(t);
+}, Tu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
+function Pu(t) {
+  const e = Tu.exec(t);
   if (!e)
     return [,];
   const [, n, s] = e;
   return [n, s];
 }
-const Pu = 4;
+const wu = 4;
 function Ke(t, e, n = 1) {
-  q(n <= Pu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
-  const [s, i] = Tu(t);
+  q(n <= wu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
+  const [s, i] = Pu(t);
   if (!s)
     return;
   const r = window.getComputedStyle(e).getPropertyValue(s);
@@ -4363,7 +4364,7 @@ function Ke(t, e, n = 1) {
     const o = r.trim();
     return Qi(o) ? parseFloat(o) : o;
   } else
-    return Oe(i) ? Ke(i, e, n + 1) : i;
+    return Fe(i) ? Ke(i, e, n + 1) : i;
 }
 function Au(t, { ...e }, n) {
   const s = t.current;
@@ -4371,14 +4372,14 @@ function Au(t, { ...e }, n) {
     return { target: e, transitionEnd: n };
   n && (n = { ...n }), t.values.forEach((i) => {
     const r = i.get();
-    if (!Oe(r))
+    if (!Fe(r))
       return;
     const o = Ke(r, s);
     o && i.set(o);
   });
   for (const i in e) {
     const r = e[i];
-    if (!Oe(r))
+    if (!Fe(r))
       continue;
     const o = Ke(r, s);
     o && (e[i] = o, n || (n = {}), n[i] === void 0 && (n[i] = r));
@@ -4396,15 +4397,15 @@ const Su = /* @__PURE__ */ new Set([
   "y",
   "translateX",
   "translateY"
-]), yo = (t) => Su.has(t), Vu = (t) => Object.keys(t).some(yo), te = (t) => t === yt || t === w, Os = (t, e) => parseFloat(t.split(", ")[e]), js = (t, e) => (n, { transform: s }) => {
+]), yo = (t) => Su.has(t), Vu = (t) => Object.keys(t).some(yo), te = (t) => t === yt || t === T, Fs = (t, e) => parseFloat(t.split(", ")[e]), Os = (t, e) => (n, { transform: s }) => {
   if (s === "none" || !s)
     return 0;
   const i = s.match(/^matrix3d\((.+)\)$/);
   if (i)
-    return Os(i[1], e);
+    return Fs(i[1], e);
   {
     const r = s.match(/^matrix\((.+)\)$/);
-    return r ? Os(r[1], t) : 0;
+    return r ? Fs(r[1], t) : 0;
   }
 }, Cu = /* @__PURE__ */ new Set(["x", "y", "z"]), Mu = Gt.filter((t) => !Cu.has(t));
 function Du(t) {
@@ -4423,8 +4424,8 @@ const Ct = {
   bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
   right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: js(4, 13),
-  y: js(5, 14)
+  x: Os(4, 13),
+  y: Os(5, 14)
 };
 Ct.translateX = Ct.x;
 Ct.translateY = Ct.y;
@@ -4438,7 +4439,7 @@ const Ru = (t, e, n) => {
     const u = e.getValue(c);
     u && u.jump(a[c]), t[c] = Ct[c](l, r);
   }), t;
-}, Lu = (t, e, n = {}, s = {}) => {
+}, ku = (t, e, n = {}, s = {}) => {
   e = { ...e }, s = { ...s };
   const i = Object.keys(e).filter(yo);
   let r = [], o = !1;
@@ -4447,20 +4448,20 @@ const Ru = (t, e, n) => {
     const c = t.getValue(l);
     if (!t.hasValue(l))
       return;
-    let u = n[l], h = Et(u);
+    let u = n[l], h = Lt(u);
     const f = e[l];
     let d;
     if (oe(f)) {
       const m = f.length, p = f[0] === null ? 1 : 0;
-      u = f[p], h = Et(u);
+      u = f[p], h = Lt(u);
       for (let v = p; v < m && f[v] !== null; v++)
-        d ? q(Et(f[v]) === d, "All keyframes must be of the same type") : (d = Et(f[v]), q(d === h || te(h) && te(d), "Keyframes must be of the same dimension as the current value"));
+        d ? q(Lt(f[v]) === d, "All keyframes must be of the same type") : (d = Lt(f[v]), q(d === h || te(h) && te(d), "Keyframes must be of the same dimension as the current value"));
     } else
-      d = Et(f);
+      d = Lt(f);
     if (h !== d)
       if (te(h) && te(d)) {
         const m = c.get();
-        typeof m == "string" && c.set(parseFloat(m)), typeof f == "string" ? e[l] = parseFloat(f) : Array.isArray(f) && d === w && (e[l] = f.map(parseFloat));
+        typeof m == "string" && c.set(parseFloat(m)), typeof f == "string" ? e[l] = parseFloat(f) : Array.isArray(f) && d === T && (e[l] = f.map(parseFloat));
       } else
         h != null && h.transform && (d != null && d.transform) && (u === 0 || f === 0) ? u === 0 ? c.set(d.transform(u)) : e[l] = h.transform(f) : (o || (r = Du(t), o = !0), a.push(l), s[l] = s[l] !== void 0 ? s[l] : e[l], c.jump(f));
   }), a.length) {
@@ -4471,12 +4472,12 @@ const Ru = (t, e, n) => {
   } else
     return { target: e, transitionEnd: s };
 };
-function Eu(t, e, n, s) {
-  return Vu(e) ? Lu(t, e, n, s) : { target: e, transitionEnd: s };
+function Lu(t, e, n, s) {
+  return Vu(e) ? ku(t, e, n, s) : { target: e, transitionEnd: s };
 }
-const ku = (t, e, n, s) => {
+const Eu = (t, e, n, s) => {
   const i = Au(t, e, s);
-  return e = i.target, s = i.transitionEnd, Eu(t, e, n, s);
+  return e = i.target, s = i.transitionEnd, Lu(t, e, n, s);
 }, Ye = { current: null }, vo = { current: !1 };
 function Bu() {
   if (vo.current = !0, !!me)
@@ -4490,9 +4491,9 @@ function Iu(t, e, n) {
   const { willChange: s } = e;
   for (const i in e) {
     const r = e[i], o = n[i];
-    if (_(r))
+    if (U(r))
       t.addValue(i, r), ce(s) && s.add(i), process.env.NODE_ENV === "development" && An(r.version === "10.18.0", `Attempting to mix Framer Motion versions ${r.version} with 10.18.0 may not work as expected.`);
-    else if (_(o))
+    else if (U(o))
       t.addValue(i, Vt(r, { owner: t })), ce(s) && s.remove(i);
     else if (o !== r)
       if (t.hasValue(i)) {
@@ -4507,7 +4508,7 @@ function Iu(t, e, n) {
     e[i] === void 0 && t.removeValue(i);
   return e;
 }
-const Ns = /* @__PURE__ */ new WeakMap(), xo = Object.keys(_t), Fu = xo.length, Us = [
+const Ns = /* @__PURE__ */ new WeakMap(), xo = Object.keys(Ut), ju = xo.length, _s = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -4515,8 +4516,8 @@ const Ns = /* @__PURE__ */ new WeakMap(), xo = Object.keys(_t), Fu = xo.length,
   "LayoutMeasure",
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
-], Ou = an.length;
-class ju {
+], Fu = an.length;
+class Ou {
   constructor({ parent: e, props: n, presenceContext: s, reducedMotionConfig: i, visualState: r }, o = {}) {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
@@ -4526,7 +4527,7 @@ class ju {
     const { willChange: c, ...u } = this.scrapeMotionValuesFromProps(n, {});
     for (const h in u) {
       const f = u[h];
-      a[h] !== void 0 && _(f) && (f.set(a[h], !1), ce(c) && c.add(h));
+      a[h] !== void 0 && U(f) && (f.set(a[h], !1), ce(c) && c.add(h));
     }
   }
   /**
@@ -4567,8 +4568,8 @@ class ju {
       const l = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
       n.ignoreStrict ? qt(!1, l) : q(!1, l);
     }
-    for (let l = 0; l < Fu; l++) {
-      const c = xo[l], { isEnabled: u, Feature: h, ProjectionNode: f, MeasureLayout: d } = _t[c];
+    for (let l = 0; l < ju; l++) {
+      const c = xo[l], { isEnabled: u, Feature: h, ProjectionNode: f, MeasureLayout: d } = Ut[c];
       f && (o = f), u(n) && (!this.features[c] && h && (this.features[c] = new h(this)), d && (a = d));
     }
     if ((this.type === "html" || this.type === "svg") && !this.projection && o) {
@@ -4577,7 +4578,7 @@ class ju {
       this.projection.setOptions({
         layoutId: l,
         layout: c,
-        alwaysMeasureLayout: !!u || h && wt(h),
+        alwaysMeasureLayout: !!u || h && Tt(h),
         visualElement: this,
         scheduleRender: () => this.scheduleRender(),
         /**
@@ -4634,8 +4635,8 @@ class ju {
    */
   update(e, n) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < Us.length; s++) {
-      const i = Us[s];
+    for (let s = 0; s < _s.length; s++) {
+      const i = _s[s];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const r = e["on" + i];
       r && (this.propEventSubscriptions[i] = this.on(i, r));
@@ -4671,9 +4672,9 @@ class ju {
       return this.props.initial !== void 0 && (s.initial = this.props.initial), s;
     }
     const n = {};
-    for (let s = 0; s < Ou; s++) {
+    for (let s = 0; s < Fu; s++) {
       const i = an[s], r = this.props[i];
-      (Ut(r) || r === !1) && (n[i] = r);
+      (_t(r) || r === !1) && (n[i] = r);
     }
     return n;
   }
@@ -4737,16 +4738,16 @@ class ju {
     if (s && i !== void 0)
       return i;
     const r = this.getBaseTargetFromProps(this.props, e);
-    return r !== void 0 && !_(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
+    return r !== void 0 && !U(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
-    return this.events[e] || (this.events[e] = new Pn()), this.events[e].add(n);
+    return this.events[e] || (this.events[e] = new wn()), this.events[e].add(n);
   }
   notify(e, ...n) {
     this.events[e] && this.events[e].notify(...n);
   }
 }
-class bo extends ju {
+class bo extends Ou {
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
   }
@@ -4760,7 +4761,7 @@ class bo extends ju {
     let o = tc(s, e || {}, this);
     if (i && (n && (n = i(n)), s && (s = i(s)), o && (o = i(o))), r) {
       Zl(this, s, o);
-      const a = ku(this, s, o, n);
+      const a = Eu(this, s, o, n);
       n = a.transitionEnd, s = a.target;
     }
     return {
@@ -4773,7 +4774,7 @@ class bo extends ju {
 function Nu(t) {
   return window.getComputedStyle(t);
 }
-class Uu extends bo {
+class _u extends bo {
   constructor() {
     super(...arguments), this.type = "html";
   }
@@ -4798,7 +4799,7 @@ class Uu extends bo {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    _(e) && (this.childSubscription = e.on("change", (n) => {
+    U(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -4806,7 +4807,7 @@ class Uu extends bo {
     di(e, n, s, i);
   }
 }
-class _u extends bo {
+class Uu extends bo {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1;
   }
@@ -4836,28 +4837,28 @@ class _u extends bo {
     this.isSVGTag = fn(e.tagName), super.mount(e);
   }
 }
-const zu = (t, e) => ln(t) ? new _u(e, { enableHardwareAcceleration: !1 }) : new Uu(e, { enableHardwareAcceleration: !0 }), Wu = {
+const zu = (t, e) => ln(t) ? new Uu(e, { enableHardwareAcceleration: !1 }) : new _u(e, { enableHardwareAcceleration: !0 }), Wu = {
   layout: {
     ProjectionNode: go,
     MeasureLayout: lo
   }
 }, Gu = {
   ...pc,
-  ...Oa,
+  ...Fa,
   ...bu,
   ...Wu
 }, Sn = /* @__PURE__ */ $r((t, e) => Aa(t, e, Gu, zu));
-function _s(t) {
+function Us(t) {
   for (; t.startsWith("/"); )
     t = t.slice(1);
   return t;
 }
-function wo(t, e, n = []) {
+function To(t, e, n = []) {
   for (const s of t) {
-    if (console.log(s.path, e, s.path === e), _s(s.path || "") === _s(e))
+    if (console.log(s.path, e, s.path === e), Us(s.path || "") === Us(e))
       return [...n, s];
     if (s.children) {
-      const i = wo(s.children, e, [...n, s]);
+      const i = To(s.children, e, [...n, s]);
       if (i)
         return i;
     }
@@ -4865,7 +4866,7 @@ function wo(t, e, n = []) {
   return null;
 }
 function $u(t) {
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ P(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4874,7 +4875,7 @@ function $u(t) {
       fill: "none",
       viewBox: "0 0 18 20",
       ...t,
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ P(
         "path",
         {
           fill: "#E01B00",
@@ -4887,14 +4888,14 @@ function $u(t) {
   );
 }
 function ih(t) {
-  return /* @__PURE__ */ T(Hu, { ...t });
+  return /* @__PURE__ */ P(Hu, { ...t });
 }
 function Hu(t) {
   const { baseUrl: e, menuPath: n } = t;
   console.log("baseUrl:", e);
-  const s = Uo();
+  const s = _o();
   console.log("location:", s);
-  const [i, r] = ot([]), [o, a] = ot(!1), l = (wo(i, s.pathname) || []).filter((y) => y.parentKey !== 0), [c, u] = ot({}), h = (y) => {
+  const [i, r] = ot([]), [o, a] = ot(!1), l = (To(i, s.pathname) || []).filter((y) => y.parentKey !== 0), [c, u] = ot({}), h = (y) => {
     u({
       ...c,
       [y]: !c[y]
@@ -4908,16 +4909,16 @@ function Hu(t) {
     (async () => {
       const g = e + (n || "/global-menu-config/api/v1/menu-items/user"), x = await zo.get(g, {
         withCredentials: !0
-      }).then((S) => S.data), P = {};
+      }).then((S) => S.data), w = {};
       x.forEach((S) => {
-        S.children && (P[S.id] = !0);
-      }), u(P), r(x.map((S) => ({ ...S, parentKey: 0 })));
+        S.children && (w[S.id] = !0);
+      }), u(w), r(x.map((S) => ({ ...S, parentKey: 0 })));
     })();
   }, [e, n]);
   const [d, m] = ot(!1), p = () => {
-    window.location.href = `${e}/authentication/logout?callbackUrl=${window.location.origin}`;
+    window.location.href = `${e}/authentication/logout?callbackUrl=${window.location.href}`;
   }, v = o ? "collapsed" : "expanded", b = (y) => `${y} ${v}`;
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ F(
     Sn.nav,
     {
       initial: { width: "18rem" },
@@ -4925,18 +4926,18 @@ function Hu(t) {
       transition: { duration: 0.3 },
       className: b("side-bar"),
       children: [
-        /* @__PURE__ */ T("div", { className: "h-[8px]" }),
-        /* @__PURE__ */ T("div", { className: b("side-bar__toggle-btn"), children: /* @__PURE__ */ T("button", { className: "icon-btn", onClick: f, children: o ? /* @__PURE__ */ T(Zs, {}) : /* @__PURE__ */ T(Qs, {}) }) }),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ P("div", { className: "h-[8px]" }),
+        /* @__PURE__ */ P("div", { className: b("side-bar__toggle-btn"), children: /* @__PURE__ */ P("button", { className: "icon-btn", onClick: f, children: o ? /* @__PURE__ */ P(Zs, {}) : /* @__PURE__ */ P(Qs, {}) }) }),
+        /* @__PURE__ */ P(
           "div",
           {
             id: "menu-items",
             className: b("mt-6 overflow-y-auto overflow-x-hidden flex-1"),
-            children: i.map((y) => /* @__PURE__ */ T(
-              To,
+            children: i.map((y) => /* @__PURE__ */ P(
+              Po,
               {
                 item: y,
-                isActive: (x) => l.some((P) => P.id === x),
+                isActive: (x) => l.some((w) => w.id === x),
                 isCollapsed: o,
                 expanded: (x) => c[x],
                 toggleExpand: h
@@ -4945,19 +4946,19 @@ function Hu(t) {
             ))
           }
         ),
-        /* @__PURE__ */ O("div", { className: "w-full mt-10 mb-10", children: [
-          /* @__PURE__ */ O(
+        /* @__PURE__ */ F("div", { className: "w-full mt-10 mb-10", children: [
+          /* @__PURE__ */ F(
             "button",
             {
               className: b("side-bar__logout-btn"),
               onClick: () => m(!0),
               children: [
-                /* @__PURE__ */ T($u, {}),
-                /* @__PURE__ */ T("span", { className: `ml-3 ${o ? "hidden" : ""}`, children: "Logout" })
+                /* @__PURE__ */ P($u, {}),
+                /* @__PURE__ */ P("span", { className: `ml-3 ${o ? "hidden" : ""}`, children: "Logout" })
               ]
             }
           ),
-          /* @__PURE__ */ T(
+          /* @__PURE__ */ P(
             $s,
             {
               isOpen: d,
@@ -4970,18 +4971,18 @@ function Hu(t) {
     }
   );
 }
-function To({ item: t, level: e = 0, ...n }) {
+function Po({ item: t, level: e = 0, ...n }) {
   var v;
   const { isActive: s, isCollapsed: i, expanded: r, toggleExpand: o } = n, a = `level-${e}`, l = i ? "collapsed" : "expanded", c = s(t.id) ? "active" : "", u = (b, y = a) => `${b} ${y} ${l} ${c}`, h = !!((v = t.children) != null && v.length), [f, d] = ot(!1), m = St();
   function p(b) {
-    var P;
+    var w;
     const { level: y, hovered: g, parentRef: x } = b;
-    return !h || i && y >= 2 && !g ? null : /* @__PURE__ */ T(
+    return !h || i && y >= 2 && !g ? null : /* @__PURE__ */ P(
       qu,
       {
         parentRef: x,
         onlyChild: !i || i && y < 2,
-        children: /* @__PURE__ */ T(
+        children: /* @__PURE__ */ P(
           Sn.div,
           {
             className: u("menu-item__dropdown", `level-${y}`),
@@ -4990,14 +4991,14 @@ function To({ item: t, level: e = 0, ...n }) {
               height: i || r(t.id) ? "auto" : 0
             },
             transition: { duration: 0.2 },
-            children: (P = t.children) == null ? void 0 : P.map((S) => /* @__PURE__ */ Gs(To, { ...n, key: S.id, item: S, level: y }))
+            children: (w = t.children) == null ? void 0 : w.map((S) => /* @__PURE__ */ Gs(Po, { ...n, key: S.id, item: S, level: y }))
           },
           +i
         )
       }
     );
   }
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ F(
     "div",
     {
       ref: m,
@@ -5005,8 +5006,8 @@ function To({ item: t, level: e = 0, ...n }) {
       onMouseEnter: () => i && d(!0),
       onMouseLeave: () => i && d(!1),
       children: [
-        /* @__PURE__ */ O(
-          _o,
+        /* @__PURE__ */ F(
+          Uo,
           {
             to: h ? "#" : t.path || "#",
             style: {
@@ -5017,7 +5018,7 @@ function To({ item: t, level: e = 0, ...n }) {
               h && !i && o(t.id);
             },
             children: [
-              e !== 0 && /* @__PURE__ */ T("div", { className: u("menu-item__icon"), children: /* @__PURE__ */ T(
+              e !== 0 && /* @__PURE__ */ P("div", { className: u("menu-item__icon"), children: /* @__PURE__ */ P(
                 "img",
                 {
                   src: t.icon || "/",
@@ -5025,8 +5026,8 @@ function To({ item: t, level: e = 0, ...n }) {
                   style: { height: 24, maxHeight: 24 }
                 }
               ) }),
-              /* @__PURE__ */ T("span", { className: u("menu-item__label"), children: t.name }),
-              h && /* @__PURE__ */ T("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ T(
+              /* @__PURE__ */ P("span", { className: u("menu-item__label"), children: t.name }),
+              h && /* @__PURE__ */ P("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ P(
                 Xs,
                 {
                   className: u(
@@ -5055,7 +5056,7 @@ function qu(t) {
       });
     }
   }, [n]), s ? e : No(
-    /* @__PURE__ */ T(
+    /* @__PURE__ */ P(
       Sn.div,
       {
         style: {