@ukpc-lib/react 0.0.3 → 0.0.4

package/dist/components/index.js

@@ -1,12 +1,12 @@
 import "../index.css";
 import Xe, { jsxs as I, jsx as T, Fragment as Ao } from "react/jsx-runtime";
-import * as _ from "react";
-import zs, { useState as ot, useRef as St, useEffect as Wt, createContext as Mt, useLayoutEffect as Ws, useContext as N, useInsertionEffect as So, useCallback as Vo, useMemo as he, forwardRef as Co, createElement as $s, useId as Mo } from "react";
-import { g as Do, a as _o, s as Ro, c as jt, u as Lo, _ as Eo, b as Be, d as ko, P as D, e as Bo, C as Io, r as Fo, f as Oo } from "../styled-f324a192.js";
+import * as R from "react";
+import zs, { useState as ot, useRef as St, useEffect as Wt, createContext as Mt, useLayoutEffect as Ws, useContext as N, useInsertionEffect as So, useCallback as Vo, useMemo as fe, forwardRef as Co, createElement as $s, useId as Mo } from "react";
+import { g as Do, a as Ro, s as _o, c as jt, u as Lo, _ as Eo, b as Be, d as ko, P as D, e as Bo, C as Io, r as Fo, f as Oo } from "../styled-f324a192.js";
 import { createPortal as jo } from "react-dom";
 import { BrowserRouter as No, useLocation as Uo, Link as zo } from "react-router-dom";
 import Wo from "axios";
-const $o = "_container_de8pp_1", Go = "_fixed_de8pp_1", Ho = "_relative_de8pp_1", qo = "_flex_de8pp_1", Ko = "_hidden_de8pp_1", Yo = "_shadow_de8pp_1", Xo = "_filter_de8pp_1", Qo = "_transition_de8pp_1", Zo = "_avartarDropdownMenu_de8pp_9", Jo = "_navbar_de8pp_13", tr = "_userContainer_de8pp_25", er = "_userFullName_de8pp_29", nr = "_userAvatar_de8pp_33", G = {
+const $o = "_container_de8pp_1", Go = "_fixed_de8pp_1", Ho = "_relative_de8pp_1", qo = "_flex_de8pp_1", Ko = "_hidden_de8pp_1", Yo = "_filter_de8pp_1", Xo = "_transition_de8pp_1", Qo = "_avartarDropdownMenu_de8pp_9", Zo = "_navbar_de8pp_13", Jo = "_userContainer_de8pp_25", tr = "_userFullName_de8pp_29", er = "_userAvatar_de8pp_33", G = {
   container: $o,
   fixed: Go,
   relative: Ho,
@@ -31,19 +31,18 @@ const $o = "_container_de8pp_1", Go = "_fixed_de8pp_1", Ho = "_relative_de8pp_1"
   "bg-gray-100": "_bg-gray-100_de8pp_1",
   "text-sm": "_text-sm_de8pp_1",
   "text-white": "_text-white_de8pp_1",
-  shadow: Yo,
-  filter: Xo,
-  transition: Qo,
+  filter: Yo,
+  transition: Xo,
   "avatar-dropdown-item": "_avatar-dropdown-item_de8pp_5",
-  avartarDropdownMenu: Zo,
-  navbar: Jo,
+  avartarDropdownMenu: Qo,
+  navbar: Zo,
   "navbar-container": "_navbar-container_de8pp_17",
   "right-side-container": "_right-side-container_de8pp_21",
-  userContainer: tr,
-  userFullName: er,
-  userAvatar: nr
+  userContainer: Jo,
+  userFullName: tr,
+  userAvatar: er
 };
-function sr() {
+function nr() {
   return /* @__PURE__ */ I(
     "svg",
     {
@@ -80,7 +79,7 @@ function sr() {
     }
   );
 }
-function ir() {
+function sr() {
   return /* @__PURE__ */ I(
     "svg",
     {
@@ -135,16 +134,16 @@ function ir() {
     }
   );
 }
-const or = "data:image/png;base64,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", rr = "_container_14n48_1", ar = "_fixed_14n48_1", lr = "_relative_14n48_1", cr = "_flex_14n48_1", ur = "_hidden_14n48_1", hr = "_shadow_14n48_1", fr = "_filter_14n48_1", dr = "_transition_14n48_1", Q = {
-  container: rr,
-  fixed: ar,
-  relative: lr,
+const ir = "data:image/png;base64,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", or = "_container_14n48_1", rr = "_fixed_14n48_1", ar = "_relative_14n48_1", lr = "_flex_14n48_1", cr = "_hidden_14n48_1", ur = "_filter_14n48_1", fr = "_transition_14n48_1", Q = {
+  container: or,
+  fixed: rr,
+  relative: ar,
   "mb-10": "_mb-10_14n48_1",
   "ml-3": "_ml-3_14n48_1",
   "mt-10": "_mt-10_14n48_1",
   "mt-6": "_mt-6_14n48_1",
-  flex: cr,
-  hidden: ur,
+  flex: lr,
+  hidden: cr,
   "h-[70px]": "_h-[70px]_14n48_1",
   "h-[8px]": "_h-[8px]_14n48_1",
   "h-screen": "_h-screen_14n48_1",
@@ -160,9 +159,8 @@ const or = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAArCAYAAAADgWq5AA
   "bg-gray-100": "_bg-gray-100_14n48_1",
   "text-sm": "_text-sm_14n48_1",
   "text-white": "_text-white_14n48_1",
-  shadow: hr,
-  filter: fr,
-  transition: dr,
+  filter: ur,
+  transition: fr,
   "modal-overlay": "_modal-overlay_14n48_5",
   "modal-title": "_modal-title_14n48_9",
   "modal-footer": "_modal-footer_14n48_13",
@@ -205,7 +203,7 @@ function Gs({
     }
   );
 }
-function vh({
+function yf({
   logo: t,
   user: e,
   baseUrl: n
@@ -222,14 +220,14 @@ function vh({
             children: `${e == null ? void 0 : e.firstName} ${e == null ? void 0 : e.lastName}`
           }
         ),
-        /* @__PURE__ */ T(pr, { baseUrl: n, avatarUrl: e == null ? void 0 : e.avatarUrl })
+        /* @__PURE__ */ T(hr, { baseUrl: n, avatarUrl: e == null ? void 0 : e.avatarUrl })
       ] }),
-      /* @__PURE__ */ T("span", { className: G["cursor-pointer"], children: /* @__PURE__ */ T(sr, {}) }),
-      /* @__PURE__ */ T("span", { className: G["cursor-pointer"], children: /* @__PURE__ */ T(ir, {}) })
+      /* @__PURE__ */ T("span", { className: G["cursor-pointer"], children: /* @__PURE__ */ T(nr, {}) }),
+      /* @__PURE__ */ T("span", { className: G["cursor-pointer"], children: /* @__PURE__ */ T(sr, {}) })
     ] })
   ] }) });
 }
-function pr({
+function hr({
   avatarUrl: t,
   baseUrl: e
 }) {
@@ -250,7 +248,7 @@ function pr({
           onClick: () => s((c) => !c),
           alt: "user avatar",
           className: G.userAvatar,
-          src: t || or
+          src: t || ir
         }
       ),
       n && /* @__PURE__ */ T("div", { ref: a, className: G.avartarDropdownMenu, children: /* @__PURE__ */ I("ul", { children: [
@@ -285,13 +283,13 @@ var Qe = {}, Hs = { exports: {} };
   t.exports = e, t.exports.__esModule = !0, t.exports.default = t.exports;
 })(Hs);
 var Ze = Hs.exports, we = {};
-function mr(...t) {
+function dr(...t) {
   return t.reduce((e, n) => n == null ? e : function(...i) {
     e.apply(this, i), n.apply(this, i);
   }, () => {
   });
 }
-function gr(t, e = 166) {
+function pr(t, e = 166) {
   let n;
   function s(...i) {
     const r = () => {
@@ -303,15 +301,15 @@ function gr(t, e = 166) {
     clearTimeout(n);
   }, s;
 }
-function yr(t, e) {
+function mr(t, e) {
   return process.env.NODE_ENV === "production" ? () => null : (n, s, i, r, o) => {
     const a = i || "<<anonymous>>", l = o || s;
     return typeof n[s] < "u" ? new Error(`The ${r} \`${l}\` of \`${a}\` is deprecated. ${e}`) : null;
   };
 }
-function vr(t, e) {
+function gr(t, e) {
   var n, s;
-  return /* @__PURE__ */ _.isValidElement(t) && e.indexOf(
+  return /* @__PURE__ */ R.isValidElement(t) && e.indexOf(
     // For server components `muiName` is avaialble in element.type._payload.value.muiName
     // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
     // eslint-disable-next-line no-underscore-dangle
@@ -321,35 +319,35 @@ function vr(t, e) {
 function qs(t) {
   return t && t.ownerDocument || document;
 }
-function xr(t) {
+function yr(t) {
   return qs(t).defaultView || window;
 }
 function Ks(t, e) {
   typeof t == "function" ? t(e) : t && (t.current = e);
 }
-const br = typeof window < "u" ? _.useLayoutEffect : _.useEffect, Ys = br;
-let Rn = 0;
-function wr(t) {
-  const [e, n] = _.useState(t), s = t || e;
-  return _.useEffect(() => {
-    e == null && (Rn += 1, n(`mui-${Rn}`));
+const vr = typeof window < "u" ? R.useLayoutEffect : R.useEffect, Ys = vr;
+let _n = 0;
+function xr(t) {
+  const [e, n] = R.useState(t), s = t || e;
+  return R.useEffect(() => {
+    e == null && (_n += 1, n(`mui-${_n}`));
   }, [e]), s;
 }
-const Ln = _["useId".toString()];
-function Tr(t) {
+const Ln = R["useId".toString()];
+function br(t) {
   if (Ln !== void 0) {
     const e = Ln();
     return t ?? e;
   }
-  return wr(t);
+  return xr(t);
 }
-function Pr(t, e, n, s, i) {
+function wr(t, e, n, s, i) {
   if (process.env.NODE_ENV === "production")
     return null;
   const r = i || e;
   return typeof t[e] < "u" ? new Error(`The prop \`${r}\` is not supported. Please remove it.`) : null;
 }
-function Ar({
+function Tr({
   controlled: t,
   default: e,
   name: n,
@@ -357,43 +355,43 @@ function Ar({
 }) {
   const {
     current: i
-  } = _.useRef(t !== void 0), [r, o] = _.useState(e), a = i ? t : r;
+  } = R.useRef(t !== void 0), [r, o] = R.useState(e), a = i ? t : r;
   if (process.env.NODE_ENV !== "production") {
-    _.useEffect(() => {
+    R.useEffect(() => {
       i !== (t !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${s} state of ${n} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
     }, [s, n, t]);
     const {
       current: c
-    } = _.useRef(e);
-    _.useEffect(() => {
+    } = R.useRef(e);
+    R.useEffect(() => {
       !i && c !== e && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
 `));
     }, [JSON.stringify(e)]);
   }
-  const l = _.useCallback((c) => {
+  const l = R.useCallback((c) => {
     i || o(c);
   }, []);
   return [a, l];
 }
-function Sr(t) {
-  const e = _.useRef(t);
+function Pr(t) {
+  const e = R.useRef(t);
   return Ys(() => {
     e.current = t;
-  }), _.useRef((...n) => (
+  }), R.useRef((...n) => (
     // @ts-expect-error hide `this`
     (0, e.current)(...n)
   )).current;
 }
-function Vr(...t) {
-  return _.useMemo(() => t.every((e) => e == null) ? null : (e) => {
+function Ar(...t) {
+  return R.useMemo(() => t.every((e) => e == null) ? null : (e) => {
     t.forEach((n) => {
       Ks(n, e);
     });
   }, t);
 }
-let fe = !0, Ie = !1, En;
-const Cr = {
+let he = !0, Ie = !1, En;
+const Sr = {
   text: !0,
   search: !0,
   url: !0,
@@ -408,26 +406,26 @@ const Cr = {
   datetime: !0,
   "datetime-local": !0
 };
-function Mr(t) {
+function Vr(t) {
   const {
     type: e,
     tagName: n
   } = t;
-  return !!(n === "INPUT" && Cr[e] && !t.readOnly || n === "TEXTAREA" && !t.readOnly || t.isContentEditable);
+  return !!(n === "INPUT" && Sr[e] && !t.readOnly || n === "TEXTAREA" && !t.readOnly || t.isContentEditable);
 }
-function Dr(t) {
-  t.metaKey || t.altKey || t.ctrlKey || (fe = !0);
+function Cr(t) {
+  t.metaKey || t.altKey || t.ctrlKey || (he = !0);
 }
 function Te() {
-  fe = !1;
+  he = !1;
 }
-function _r() {
-  this.visibilityState === "hidden" && Ie && (fe = !0);
+function Mr() {
+  this.visibilityState === "hidden" && Ie && (he = !0);
 }
-function Rr(t) {
-  t.addEventListener("keydown", Dr, !0), t.addEventListener("mousedown", Te, !0), t.addEventListener("pointerdown", Te, !0), t.addEventListener("touchstart", Te, !0), t.addEventListener("visibilitychange", _r, !0);
+function Dr(t) {
+  t.addEventListener("keydown", Cr, !0), t.addEventListener("mousedown", Te, !0), t.addEventListener("pointerdown", Te, !0), t.addEventListener("touchstart", Te, !0), t.addEventListener("visibilitychange", Mr, !0);
 }
-function Lr(t) {
+function Rr(t) {
   const {
     target: e
   } = t;
@@ -435,19 +433,19 @@ function Lr(t) {
     return e.matches(":focus-visible");
   } catch {
   }
-  return fe || Mr(e);
+  return he || Vr(e);
 }
-function Er() {
-  const t = _.useCallback((i) => {
-    i != null && Rr(i.ownerDocument);
-  }, []), e = _.useRef(!1);
+function _r() {
+  const t = R.useCallback((i) => {
+    i != null && Dr(i.ownerDocument);
+  }, []), e = R.useRef(!1);
   function n() {
     return e.current ? (Ie = !0, window.clearTimeout(En), En = window.setTimeout(() => {
       Ie = !1;
     }, 100), e.current = !1, !0) : !1;
   }
   function s(i) {
-    return Lr(i) ? (e.current = !0, !0) : !1;
+    return Rr(i) ? (e.current = !0, !0) : !1;
   }
   return {
     isFocusVisibleRef: e,
@@ -456,11 +454,11 @@ function Er() {
     ref: t
   };
 }
-function kr(t) {
+function Lr(t) {
   return Do("MuiSvgIcon", t);
 }
-_o("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const Br = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], Ir = (t) => {
+Ro("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const Er = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], kr = (t) => {
   const {
     color: e,
     fontSize: n,
@@ -468,8 +466,8 @@ const Br = ["children", "className", "color", "component", "fontSize", "htmlColo
   } = t, i = {
     root: ["root", e !== "inherit" && `color${jt(e)}`, `fontSize${jt(n)}`]
   };
-  return Bo(i, kr, s);
-}, Fr = Ro("svg", {
+  return Bo(i, Lr, s);
+}, Br = _o("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (t, e) => {
@@ -482,7 +480,7 @@ const Br = ["children", "className", "color", "component", "fontSize", "htmlColo
   theme: t,
   ownerState: e
 }) => {
-  var n, s, i, r, o, a, l, c, u, h, f, d, p;
+  var n, s, i, r, o, a, l, c, u, f, h, d, p;
   return {
     userSelect: "none",
     width: "1em",
@@ -502,13 +500,13 @@ const Br = ["children", "className", "color", "component", "fontSize", "htmlColo
       large: ((c = t.typography) == null || (u = c.pxToRem) == null ? void 0 : u.call(c, 35)) || "2.1875rem"
     }[e.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (h = (f = (t.vars || t).palette) == null || (f = f[e.color]) == null ? void 0 : f.main) != null ? h : {
+    color: (f = (h = (t.vars || t).palette) == null || (h = h[e.color]) == null ? void 0 : h.main) != null ? f : {
       action: (d = (t.vars || t).palette) == null || (d = d.action) == null ? void 0 : d.active,
       disabled: (p = (t.vars || t).palette) == null || (p = p.action) == null ? void 0 : p.disabled,
       inherit: void 0
     }[e.color]
   };
-}), Je = /* @__PURE__ */ _.forwardRef(function(e, n) {
+}), Je = /* @__PURE__ */ R.forwardRef(function(e, n) {
   const s = Lo({
     props: e,
     name: "MuiSvgIcon"
@@ -520,31 +518,31 @@ const Br = ["children", "className", "color", "component", "fontSize", "htmlColo
     fontSize: l = "medium",
     htmlColor: c,
     inheritViewBox: u = !1,
-    titleAccess: h,
-    viewBox: f = "0 0 24 24"
-  } = s, d = Eo(s, Br), p = /* @__PURE__ */ _.isValidElement(i) && i.type === "svg", m = Be({}, s, {
+    titleAccess: f,
+    viewBox: h = "0 0 24 24"
+  } = s, d = Eo(s, Er), p = /* @__PURE__ */ R.isValidElement(i) && i.type === "svg", m = Be({}, s, {
     color: o,
     component: a,
     fontSize: l,
     instanceFontSize: e.fontSize,
     inheritViewBox: u,
-    viewBox: f,
+    viewBox: h,
     hasSvgAsChild: p
   }), v = {};
-  u || (v.viewBox = f);
-  const b = Ir(m);
-  return /* @__PURE__ */ I(Fr, Be({
+  u || (v.viewBox = h);
+  const b = kr(m);
+  return /* @__PURE__ */ I(Br, Be({
     as: a,
     className: ko(b.root, r),
     focusable: "false",
     color: c,
-    "aria-hidden": h ? void 0 : !0,
-    role: h ? "img" : void 0,
+    "aria-hidden": f ? void 0 : !0,
+    role: f ? "img" : void 0,
     ref: n
   }, v, d, p && i.props, {
     ownerState: m,
-    children: [p ? i.props.children : i, h ? /* @__PURE__ */ T("title", {
-      children: h
+    children: [p ? i.props.children : i, f ? /* @__PURE__ */ T("title", {
+      children: f
     }) : null]
   }));
 });
@@ -622,7 +620,7 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
 });
 Je.muiName = "SvgIcon";
 const kn = Je;
-function Or(t, e) {
+function Ir(t, e) {
   function n(s, i) {
     return /* @__PURE__ */ T(kn, Be({
       "data-testid": `${e}Icon`,
@@ -631,34 +629,34 @@ function Or(t, e) {
       children: t
     }));
   }
-  return process.env.NODE_ENV !== "production" && (n.displayName = `${e}Icon`), n.muiName = kn.muiName, /* @__PURE__ */ _.memo(/* @__PURE__ */ _.forwardRef(n));
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${e}Icon`), n.muiName = kn.muiName, /* @__PURE__ */ R.memo(/* @__PURE__ */ R.forwardRef(n));
 }
-const jr = {
+const Fr = {
   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(`
 `)), Io.configure(t);
   }
-}, Nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   capitalize: jt,
-  createChainedFunction: mr,
-  createSvgIcon: Or,
-  debounce: gr,
-  deprecatedPropType: yr,
-  isMuiElement: vr,
+  createChainedFunction: dr,
+  createSvgIcon: Ir,
+  debounce: pr,
+  deprecatedPropType: mr,
+  isMuiElement: gr,
   ownerDocument: qs,
-  ownerWindow: xr,
+  ownerWindow: yr,
   requirePropFactory: Fo,
   setRef: Ks,
-  unstable_ClassNameGenerator: jr,
+  unstable_ClassNameGenerator: Fr,
   unstable_useEnhancedEffect: Ys,
-  unstable_useId: Tr,
-  unsupportedProp: Pr,
-  useControlled: Ar,
-  useEventCallback: Sr,
-  useForkRef: Vr,
-  useIsFocusVisible: Er
-}, Symbol.toStringTag, { value: "Module" })), Ur = /* @__PURE__ */ Oo(Nr);
+  unstable_useId: br,
+  unsupportedProp: wr,
+  useControlled: Tr,
+  useEventCallback: Pr,
+  useForkRef: Ar,
+  useIsFocusVisible: _r
+}, Symbol.toStringTag, { value: "Module" })), jr = /* @__PURE__ */ Oo(Or);
 var Bn;
 function tn() {
   return Bn || (Bn = 1, function(t) {
@@ -671,39 +669,39 @@ function tn() {
         return e.createSvgIcon;
       }
     });
-    var e = Ur;
+    var e = jr;
   }(we)), we;
 }
-var zr = Ze;
+var Nr = Ze;
 Object.defineProperty(Qe, "__esModule", {
   value: !0
 });
-var Xs = Qe.default = void 0, Wr = zr(tn()), $r = Xe;
-Xs = Qe.default = (0, Wr.default)(/* @__PURE__ */ (0, $r.jsx)("path", {
+var Xs = Qe.default = void 0, Ur = Nr(tn()), zr = Xe;
+Xs = Qe.default = (0, Ur.default)(/* @__PURE__ */ (0, zr.jsx)("path", {
   d: "m10 17 5-5-5-5z"
 }), "ArrowRight");
-var en = {}, Gr = Ze;
+var en = {}, Wr = Ze;
 Object.defineProperty(en, "__esModule", {
   value: !0
 });
-var Qs = en.default = void 0, Hr = Gr(tn()), qr = Xe;
-Qs = en.default = (0, Hr.default)(/* @__PURE__ */ (0, qr.jsx)("path", {
+var Qs = en.default = void 0, $r = Wr(tn()), Gr = Xe;
+Qs = en.default = (0, $r.default)(/* @__PURE__ */ (0, Gr.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 = {}, Kr = Ze;
+var nn = {}, Hr = Ze;
 Object.defineProperty(nn, "__esModule", {
   value: !0
 });
-var Zs = nn.default = void 0, Yr = Kr(tn()), Xr = Xe;
-Zs = nn.default = (0, Yr.default)(/* @__PURE__ */ (0, Xr.jsx)("path", {
+var Zs = nn.default = void 0, qr = Hr(tn()), Kr = Xe;
+Zs = nn.default = (0, qr.default)(/* @__PURE__ */ (0, Kr.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), pe = typeof document < "u", Qr = pe ? Ws : Wt, ti = Mt({ strict: !1 }), on = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Zr = "framerAppearId", ei = "data-" + on(Zr);
-function Jr(t, e, n, s) {
+}), de = Mt({}), sn = Mt(null), pe = typeof document < "u", Yr = pe ? Ws : Wt, ti = Mt({ strict: !1 }), on = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Xr = "framerAppearId", ei = "data-" + on(Xr);
+function Qr(t, e, n, s) {
   const { visualElement: i } = N(de), r = N(ti), o = N(sn), a = N(Js).reducedMotion, l = St();
   s = s || r.renderer, !l.current && s && (l.current = s(t, {
     visualState: e,
@@ -718,7 +716,7 @@ function Jr(t, e, n, s) {
     c && c.update(n, o);
   });
   const u = St(!!(n[ei] && !window.HandoffComplete));
-  return Qr(() => {
+  return Yr(() => {
     c && (c.render(), u.current && c.animationState && c.animationState.animateChanges());
   }), Wt(() => {
     c && (c.updateFeatures(), !u.current && c.animationState && c.animationState.animateChanges(), u.current && (u.current = !1, window.HandoffComplete = !0));
@@ -727,7 +725,7 @@ function Jr(t, e, n, s) {
 function wt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function ta(t, e, n) {
+function Zr(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));
@@ -761,7 +759,7 @@ function ge(t) {
 function ni(t) {
   return !!(ge(t) || t.variants);
 }
-function ea(t, e) {
+function Jr(t, e) {
   if (ge(t)) {
     const { initial: n, animate: s } = t;
     return {
@@ -771,9 +769,9 @@ function ea(t, e) {
   }
   return t.inherit !== !1 ? e : {};
 }
-function na(t) {
-  const { initial: e, animate: n } = ea(t, N(de));
-  return he(() => ({ initial: e, animate: n }), [In(e), In(n)]);
+function ta(t) {
+  const { initial: e, animate: n } = Jr(t, N(de));
+  return fe(() => ({ initial: e, animate: n }), [In(e), In(n)]);
 }
 function In(t) {
   return Array.isArray(t) ? t.join(" ") : t;
@@ -802,27 +800,27 @@ for (const t in Fn)
   Ut[t] = {
     isEnabled: (e) => Fn[t].some((n) => !!e[n])
   };
-function sa(t) {
+function ea(t) {
   for (const e in t)
     Ut[e] = {
       ...Ut[e],
       ...t[e]
     };
 }
-const si = Mt({}), ii = Mt({}), ia = Symbol.for("motionComponentSymbol");
-function oa({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
-  t && sa(t);
+const si = Mt({}), ii = Mt({}), na = Symbol.for("motionComponentSymbol");
+function sa({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
+  t && ea(t);
   function r(a, l) {
     let c;
     const u = {
       ...N(Js),
       ...a,
-      layoutId: ra(a)
-    }, { isStatic: h } = u, f = na(a), d = s(a, h);
-    if (!h && pe) {
-      f.visualElement = Jr(i, d, u, e);
+      layoutId: ia(a)
+    }, { isStatic: f } = u, h = ta(a), d = s(a, f);
+    if (!f && pe) {
+      h.visualElement = Qr(i, d, u, e);
       const p = N(ii), m = N(ti).strict;
-      f.visualElement && (c = f.visualElement.loadFeatures(
+      h.visualElement && (c = h.visualElement.loadFeatures(
         // Note: Pass the full new combined props to correctly re-render dynamic feature components.
         u,
         m,
@@ -830,23 +828,23 @@ function oa({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
         p
       ));
     }
-    return _.createElement(
+    return R.createElement(
       de.Provider,
-      { value: f },
-      c && f.visualElement ? _.createElement(c, { visualElement: f.visualElement, ...u }) : null,
-      n(i, a, ta(d, f.visualElement, l), d, h, f.visualElement)
+      { value: h },
+      c && h.visualElement ? R.createElement(c, { visualElement: h.visualElement, ...u }) : null,
+      n(i, a, Zr(d, h.visualElement, l), d, f, h.visualElement)
     );
   }
   const o = Co(r);
-  return o[ia] = i, o;
+  return o[na] = i, o;
 }
-function ra({ layoutId: t }) {
+function ia({ layoutId: t }) {
   const e = N(si).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function aa(t) {
+function oa(t) {
   function e(s, i = {}) {
-    return oa(t(s, i));
+    return sa(t(s, i));
   }
   if (typeof Proxy > "u")
     return e;
@@ -860,7 +858,7 @@ function aa(t) {
     get: (s, i) => (n.has(i) || n.set(i, e(i)), n.get(i))
   });
 }
-const la = [
+const ra = [
   "animate",
   "circle",
   "defs",
@@ -900,7 +898,7 @@ function ln(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(la.indexOf(t) > -1 || /**
+      !!(ra.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/.test(t))
@@ -908,7 +906,7 @@ function ln(t) {
   );
 }
 const se = {};
-function ca(t) {
+function aa(t) {
   Object.assign(se, t);
 }
 const $t = [
@@ -933,24 +931,24 @@ const $t = [
 function oi(t, { layout: e, layoutId: n }) {
   return gt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!se[t] || t === "opacity");
 }
-const U = (t) => !!(t && t.getVelocity), ua = {
+const U = (t) => !!(t && t.getVelocity), la = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, ha = $t.length;
-function fa(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0 }, s, i) {
+}, ca = $t.length;
+function ua(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0 }, s, i) {
   let r = "";
-  for (let o = 0; o < ha; o++) {
+  for (let o = 0; o < ca; o++) {
     const a = $t[o];
     if (t[a] !== void 0) {
-      const l = ua[a] || a;
+      const l = la[a] || a;
       r += `${l}(${t[a]}) `;
     }
   }
   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("--"), Fe = ri("var(--"), da = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, pa = (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(--"), fa = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, ha = (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
@@ -960,7 +958,7 @@ const ri = (t) => (e) => typeof e == "string" && e.startsWith(t), ai = ri("--"),
 }, Xt = {
   ...yt,
   default: 1
-}, It = (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, ma = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+}, It = (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, da = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
 function Gt(t) {
   return typeof t == "string";
 }
@@ -968,7 +966,7 @@ const Ht = (t) => ({
   test: (e) => Gt(e) && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), st = Ht("deg"), K = Ht("%"), w = Ht("px"), ga = Ht("vh"), ya = Ht("vw"), On = {
+}), st = Ht("deg"), K = Ht("%"), w = Ht("px"), pa = Ht("vh"), ma = Ht("vw"), On = {
   ...K,
   parse: (t) => K.parse(t) / 100,
   transform: (t) => K.transform(t * 100)
@@ -1044,23 +1042,23 @@ const Ht = (t) => ({
 function cn(t, e, n, s) {
   const { style: i, vars: r, transform: o, transformOrigin: a } = t;
   let l = !1, c = !1, u = !0;
-  for (const h in e) {
-    const f = e[h];
-    if (ai(h)) {
-      r[h] = f;
+  for (const f in e) {
+    const h = e[f];
+    if (ai(f)) {
+      r[f] = h;
       continue;
     }
-    const d = ci[h], p = pa(f, d);
-    if (gt.has(h)) {
-      if (l = !0, o[h] = p, !u)
+    const d = ci[f], p = ha(h, d);
+    if (gt.has(f)) {
+      if (l = !0, o[f] = p, !u)
         continue;
-      f !== (d.default || 0) && (u = !1);
+      h !== (d.default || 0) && (u = !1);
     } else
-      h.startsWith("origin") ? (c = !0, a[h] = p) : i[h] = p;
+      f.startsWith("origin") ? (c = !0, a[f] = p) : i[f] = p;
   }
-  if (e.transform || (l || s ? i.transform = fa(t.transform, n, u, s) : i.transform && (i.transform = "none")), c) {
-    const { originX: h = "50%", originY: f = "50%", originZ: d = 0 } = a;
-    i.transformOrigin = `${h} ${f} ${d}`;
+  if (e.transform || (l || s ? i.transform = ua(t.transform, n, u, s) : i.transform && (i.transform = "none")), c) {
+    const { originX: f = "50%", originY: h = "50%", originZ: d = 0 } = a;
+    i.transformOrigin = `${f} ${h} ${d}`;
   }
 }
 const un = () => ({
@@ -1073,21 +1071,21 @@ function ui(t, e, n) {
   for (const s in e)
     !U(e[s]) && !oi(s, n) && (t[s] = e[s]);
 }
-function va({ transformTemplate: t }, e, n) {
-  return he(() => {
+function ga({ transformTemplate: t }, e, n) {
+  return fe(() => {
     const s = un();
     return cn(s, e, { enableHardwareAcceleration: !n }, t), Object.assign({}, s.vars, s.style);
   }, [e]);
 }
-function xa(t, e, n) {
+function ya(t, e, n) {
   const s = t.style || {}, i = {};
-  return ui(i, s, t), Object.assign(i, va(t, e, n)), t.transformValues ? t.transformValues(i) : i;
+  return ui(i, s, t), Object.assign(i, ga(t, e, n)), t.transformValues ? t.transformValues(i) : i;
 }
-function ba(t, e, n) {
-  const s = {}, i = xa(t, e, n);
+function va(t, e, n) {
+  const s = {}, i = ya(t, e, n);
   return t.drag && t.dragListener !== !1 && (s.draggable = !1, i.userSelect = i.WebkitUserSelect = i.WebkitTouchCallout = "none", i.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (s.tabIndex = 0), s.style = i, s;
 }
-const wa = /* @__PURE__ */ new Set([
+const xa = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -1121,45 +1119,45 @@ const wa = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function ie(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || wa.has(t);
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || xa.has(t);
 }
-let hi = (t) => !ie(t);
-function Ta(t) {
-  t && (hi = (e) => e.startsWith("on") ? !ie(e) : t(e));
+let fi = (t) => !ie(t);
+function ba(t) {
+  t && (fi = (e) => e.startsWith("on") ? !ie(e) : t(e));
 }
 try {
-  Ta(require("@emotion/is-prop-valid").default);
+  ba(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Pa(t, e, n) {
+function wa(t, e, n) {
   const s = {};
   for (const i in t)
-    i === "values" && typeof t.values == "object" || (hi(i) || n === !0 && ie(i) || !e && !ie(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof t.values == "object" || (fi(i) || n === !0 && ie(i) || !e && !ie(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
 function Nn(t, e, n) {
   return typeof t == "string" ? t : w.transform(e + n * t);
 }
-function Aa(t, e, n) {
+function Ta(t, e, n) {
   const s = Nn(e, t.x, t.width), i = Nn(n, t.y, t.height);
   return `${s} ${i}`;
 }
-const Sa = {
+const Pa = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Va = {
+}, Aa = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Ca(t, e, n = 1, s = 0, i = !0) {
+function Sa(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
-  const r = i ? Sa : Va;
+  const r = i ? Pa : Aa;
   t[r.offset] = w.transform(-s);
   const o = w.transform(e), a = w.transform(n);
   t[r.array] = `${o} ${a}`;
 }
-function hn(t, {
+function fn(t, {
   attrX: e,
   attrY: n,
   attrScale: s,
@@ -1170,23 +1168,23 @@ function hn(t, {
   pathOffset: l = 0,
   // This is object creation, which we try to avoid per-frame.
   ...c
-}, u, h, f) {
-  if (cn(t, c, u, f), h) {
+}, u, f, h) {
+  if (cn(t, c, u, h), f) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
   t.attrs = t.style, t.style = {};
   const { attrs: d, style: p, dimensions: m } = t;
-  d.transform && (m && (p.transform = d.transform), delete d.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = Aa(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), e !== void 0 && (d.x = e), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), o !== void 0 && Ca(d, o, a, l, !1);
+  d.transform && (m && (p.transform = d.transform), delete d.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = Ta(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), e !== void 0 && (d.x = e), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), o !== void 0 && Sa(d, o, a, l, !1);
 }
-const fi = () => ({
+const hi = () => ({
   ...un(),
   attrs: {}
-}), fn = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function Ma(t, e, n, s) {
-  const i = he(() => {
-    const r = fi();
-    return hn(r, e, { enableHardwareAcceleration: !1 }, fn(s), t.transformTemplate), {
+}), hn = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function Va(t, e, n, s) {
+  const i = fe(() => {
+    const r = hi();
+    return fn(r, e, { enableHardwareAcceleration: !1 }, hn(s), t.transformTemplate), {
       ...r.attrs,
       style: { ...r.style }
     };
@@ -1197,16 +1195,16 @@ function Ma(t, e, n, s) {
   }
   return i;
 }
-function Da(t = !1) {
+function Ca(t = !1) {
   return (n, s, i, { latestValues: r }, o) => {
-    const l = (ln(n) ? Ma : ba)(s, r, o, n), u = {
-      ...Pa(s, typeof n == "string", t),
+    const l = (ln(n) ? Va : va)(s, r, o, n), u = {
+      ...wa(s, typeof n == "string", t),
       ...l,
       ref: i
-    }, { children: h } = s, f = he(() => U(h) ? h.get() : h, [h]);
+    }, { children: f } = s, h = fe(() => U(f) ? f.get() : f, [f]);
     return $s(n, {
       ...u,
-      children: f
+      children: h
     });
   };
 }
@@ -1263,37 +1261,37 @@ function gi(t, e) {
 function pn(t, e, n, s = {}, i = {}) {
   return typeof e == "function" && (e = e(n !== void 0 ? n : t.custom, s, i)), typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function" && (e = e(n !== void 0 ? n : t.custom, s, i)), e;
 }
-function _a(t) {
+function Ma(t) {
   const e = St(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const oe = (t) => Array.isArray(t), Ra = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), La = (t) => oe(t) ? t[t.length - 1] || 0 : t;
+const oe = (t) => Array.isArray(t), Da = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), Ra = (t) => oe(t) ? t[t.length - 1] || 0 : t;
 function ee(t) {
   const e = U(t) ? t.get() : t;
-  return Ra(e) ? e.toValue() : e;
+  return Da(e) ? e.toValue() : e;
 }
-function Ea({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }, s, i, r) {
+function _a({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }, s, i, r) {
   const o = {
-    latestValues: ka(s, i, r, t),
+    latestValues: La(s, i, r, t),
     renderState: e()
   };
   return n && (o.mount = (a) => n(s, a, o)), o;
 }
 const yi = (t) => (e, n) => {
-  const s = N(de), i = N(sn), r = () => Ea(t, e, s, i);
-  return n ? r() : _a(r);
+  const s = N(de), i = N(sn), r = () => _a(t, e, s, i);
+  return n ? r() : Ma(r);
 };
-function ka(t, e, n, s) {
+function La(t, e, n, s) {
   const i = {}, r = s(t, {});
-  for (const f in r)
-    i[f] = ee(r[f]);
+  for (const h in r)
+    i[h] = ee(r[h]);
   let { initial: o, animate: a } = t;
   const l = ge(t), c = ni(t);
   e && c && !l && t.inherit !== !1 && (o === void 0 && (o = e.initial), a === void 0 && (a = e.animate));
   let u = n ? n.initial === !1 : !1;
   u = u || o === !1;
-  const h = u ? a : o;
-  return h && typeof h != "boolean" && !me(h) && (Array.isArray(h) ? h : [h]).forEach((d) => {
+  const f = u ? a : o;
+  return f && typeof f != "boolean" && !me(f) && (Array.isArray(f) ? f : [f]).forEach((d) => {
     const p = pn(t, d);
     if (!p)
       return;
@@ -1327,15 +1325,15 @@ class Un {
     this.order.length = 0, this.scheduled.clear();
   }
 }
-function Ba(t) {
+function Ea(t) {
   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.
      */
     schedule: (l, c = !1, u = !1) => {
-      const h = u && i, f = h ? e : n;
-      return c && o.add(l), f.add(l) && h && i && (s = e.order.length), l;
+      const f = u && i, h = f ? e : n;
+      return c && o.add(l), h.add(l) && f && i && (s = e.order.length), l;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -1368,28 +1366,28 @@ const Qt = [
   "preRender",
   "render",
   "postRender"
-], Ia = 40;
-function Fa(t, e) {
+], ka = 40;
+function Ba(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = Qt.reduce((h, f) => (h[f] = Ba(() => n = !0), h), {}), o = (h) => r[h].process(i), a = () => {
-    const h = performance.now();
-    n = !1, i.delta = s ? 1e3 / 60 : Math.max(Math.min(h - i.timestamp, Ia), 1), i.timestamp = h, i.isProcessing = !0, Qt.forEach(o), i.isProcessing = !1, n && e && (s = !1, t(a));
+  }, r = Qt.reduce((f, h) => (f[h] = Ea(() => n = !0), f), {}), o = (f) => r[f].process(i), a = () => {
+    const f = performance.now();
+    n = !1, i.delta = s ? 1e3 / 60 : Math.max(Math.min(f - i.timestamp, ka), 1), i.timestamp = f, i.isProcessing = !0, Qt.forEach(o), i.isProcessing = !1, n && e && (s = !1, t(a));
   }, l = () => {
     n = !0, s = !0, i.isProcessing || t(a);
   };
-  return { schedule: Qt.reduce((h, f) => {
-    const d = r[f];
-    return h[f] = (p, m = !1, v = !1) => (n || l(), d.schedule(p, m, v)), h;
-  }, {}), cancel: (h) => Qt.forEach((f) => r[f].cancel(h)), state: i, steps: r };
+  return { schedule: Qt.reduce((f, h) => {
+    const d = r[h];
+    return f[h] = (p, m = !1, v = !1) => (n || l(), d.schedule(p, m, v)), f;
+  }, {}), cancel: (f) => Qt.forEach((h) => r[h].cancel(f)), state: i, steps: r };
 }
-const { schedule: V, cancel: et, state: F, steps: Pe } = Fa(typeof requestAnimationFrame < "u" ? requestAnimationFrame : E, !0), Oa = {
+const { schedule: V, cancel: et, state: F, steps: Pe } = Ba(typeof requestAnimationFrame < "u" ? requestAnimationFrame : E, !0), Ia = {
   useVisualState: yi({
     scrapeMotionValuesFromProps: gi,
-    createRenderState: fi,
+    createRenderState: hi,
     onMount: (t, e, { renderState: n, latestValues: s }) => {
       V.read(() => {
         try {
@@ -1403,21 +1401,21 @@ const { schedule: V, cancel: et, state: F, steps: Pe } = Fa(typeof requestAnimat
           };
         }
       }), V.render(() => {
-        hn(n, s, { enableHardwareAcceleration: !1 }, fn(e.tagName), t.transformTemplate), mi(e, n);
+        fn(n, s, { enableHardwareAcceleration: !1 }, hn(e.tagName), t.transformTemplate), mi(e, n);
       });
     }
   })
-}, ja = {
+}, Fa = {
   useVisualState: yi({
     scrapeMotionValuesFromProps: dn,
     createRenderState: un
   })
 };
-function Na(t, { forwardMotionProps: e = !1 }, n, s) {
+function Oa(t, { forwardMotionProps: e = !1 }, n, s) {
   return {
-    ...ln(t) ? Oa : ja,
+    ...ln(t) ? Ia : Fa,
     preloadedFeatures: n,
-    useRender: Da(e),
+    useRender: Ca(e),
     createVisualElement: s,
     Component: t
   };
@@ -1434,11 +1432,11 @@ function ve(t, e = "page") {
     }
   };
 }
-const Ua = (t) => (e) => vi(e) && t(e, ve(e));
+const ja = (t) => (e) => vi(e) && t(e, ve(e));
 function J(t, e, n, s) {
-  return Z(t, e, Ua(n), s);
+  return Z(t, e, ja(n), s);
 }
-const za = (t, e) => (n) => e(t(n)), rt = (...t) => t.reduce(za);
+const Na = (t, e) => (n) => e(t(n)), rt = (...t) => t.reduce(Na);
 function xi(t) {
   let e = null;
   return () => {
@@ -1485,14 +1483,14 @@ function $n(t, e) {
     passive: !t.getProps()[s]
   });
 }
-class Wa extends ut {
+class Ua extends ut {
   mount() {
     this.unmount = rt($n(this.node, !0), $n(this.node, !1));
   }
   unmount() {
   }
 }
-class $a extends ut {
+class za extends ut {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -1521,7 +1519,7 @@ function Ae(t, e) {
   const n = new PointerEvent("pointer" + t);
   e(n, ve(n));
 }
-class Ga extends ut {
+class Wa extends ut {
   constructor() {
     super(...arguments), this.removeStartListeners = E, this.removeEndListeners = E, this.removeAccessibleListeners = E, this.startPointerPress = (e, n) => {
       if (this.isPressing)
@@ -1530,9 +1528,9 @@ class Ga extends ut {
       const s = this.node.getProps(), r = J(window, "pointerup", (a, l) => {
         if (!this.checkPressEnd())
           return;
-        const { onTap: c, onTapCancel: u, globalTapTarget: h } = this.node.getProps();
+        const { onTap: c, onTapCancel: u, globalTapTarget: f } = this.node.getProps();
         V.update(() => {
-          !h && !Ti(this.node.current, a.target) ? u && u(a, l) : c && c(a, l);
+          !f && !Ti(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);
@@ -1577,29 +1575,29 @@ class Ga extends ut {
     this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
   }
 }
-const Oe = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), Ha = (t) => {
+const Oe = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), $a = (t) => {
   const e = Oe.get(t.target);
   e && e(t);
-}, qa = (t) => {
-  t.forEach(Ha);
+}, Ga = (t) => {
+  t.forEach($a);
 };
-function Ka({ root: t, ...e }) {
+function Ha({ 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(qa, { root: t, ...e })), s[i];
+  return s[i] || (s[i] = new IntersectionObserver(Ga, { root: t, ...e })), s[i];
 }
-function Ya(t, e, n) {
-  const s = Ka(e);
+function qa(t, e, n) {
+  const s = Ha(e);
   return Oe.set(t, n), s.observe(t), () => {
     Oe.delete(t), s.unobserve(t);
   };
 }
-const Xa = {
+const Ka = {
   some: 0,
   all: 1
 };
-class Qa extends ut {
+class Ya extends ut {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -1608,16 +1606,16 @@ class Qa extends ut {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: r } = e, o = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof i == "number" ? i : Xa[i]
+      threshold: typeof i == "number" ? i : Ka[i]
     }, a = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, r && !c && this.hasEnteredView))
         return;
       c && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", c);
-      const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
-      f && f(l);
+      const { onViewportEnter: u, onViewportLeave: f } = this.node.getProps(), h = c ? u : f;
+      h && h(l);
     };
-    return Ya(this.node.current, o, a);
+    return qa(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -1626,26 +1624,26 @@ class Qa extends ut {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Za(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(Xa(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Za({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Xa({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Ja = {
+const Qa = {
   inView: {
-    Feature: Qa
+    Feature: Ya
   },
   tap: {
-    Feature: Ga
+    Feature: Wa
   },
   focus: {
-    Feature: $a
+    Feature: za
   },
   hover: {
-    Feature: Wa
+    Feature: Ua
   }
 };
 function Pi(t, e) {
@@ -1659,17 +1657,17 @@ function Pi(t, e) {
       return !1;
   return !0;
 }
-function tl(t) {
+function Za(t) {
   const e = {};
   return t.values.forEach((n, s) => e[s] = n.get()), e;
 }
-function el(t) {
+function Ja(t) {
   const e = {};
   return t.values.forEach((n, s) => e[s] = n.getVelocity()), e;
 }
 function xe(t, e, n) {
   const s = t.getProps();
-  return pn(s, e, n !== void 0 ? n : s.custom, tl(t), el(t));
+  return pn(s, e, n !== void 0 ? n : s.custom, Za(t), Ja(t));
 }
 let qt = E, q = E;
 process.env.NODE_ENV !== "production" && (qt = (t, e) => {
@@ -1678,7 +1676,7 @@ process.env.NODE_ENV !== "production" && (qt = (t, e) => {
   if (!t)
     throw new Error(e);
 });
-const at = (t) => t * 1e3, tt = (t) => t / 1e3, nl = {
+const at = (t) => t * 1e3, tt = (t) => t / 1e3, tl = {
   current: !1
 }, Ai = (t) => Array.isArray(t) && typeof t[0] == "number";
 function Si(t) {
@@ -1699,7 +1697,7 @@ function Ci(t) {
   if (t)
     return Ai(t) ? kt(t) : Array.isArray(t) ? t.map(Ci) : Vi[t];
 }
-function sl(t, e, n, { delay: s = 0, duration: i, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
+function el(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);
@@ -1712,36 +1710,36 @@ function sl(t, e, n, { delay: s = 0, duration: i, repeat: r = 0, repeatType: o =
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-function il(t, { repeat: e, repeatType: n = "loop" }) {
+function nl(t, { repeat: e, repeatType: n = "loop" }) {
   const s = e && n !== "loop" && e % 2 === 1 ? 0 : t.length - 1;
   return t[s];
 }
-const Mi = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, ol = 1e-7, rl = 12;
-function al(t, e, n, s, i) {
+const Mi = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, sl = 1e-7, il = 12;
+function ol(t, e, n, s, i) {
   let r, o, a = 0;
   do
     o = e + (n - e) / 2, r = Mi(o, s, i) - t, r > 0 ? n = o : e = o;
-  while (Math.abs(r) > ol && ++a < rl);
+  while (Math.abs(r) > sl && ++a < il);
   return o;
 }
 function Kt(t, e, n, s) {
   if (t === e && n === s)
     return E;
-  const i = (r) => al(r, 0, 1, t, n);
+  const i = (r) => ol(r, 0, 1, t, n);
   return (r) => r === 0 || r === 1 ? r : Mi(i(r), e, s);
 }
-const ll = Kt(0.42, 0, 1, 1), cl = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1), ul = (t) => Array.isArray(t) && typeof t[0] != "number", _i = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Ri = (t) => (e) => 1 - t(1 - e), mn = (t) => 1 - Math.sin(Math.acos(t)), Li = Ri(mn), hl = _i(mn), Ei = Kt(0.33, 1.53, 0.69, 0.99), gn = Ri(Ei), fl = _i(gn), dl = (t) => (t *= 2) < 1 ? 0.5 * gn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Gn = {
+const rl = Kt(0.42, 0, 1, 1), al = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1), ll = (t) => Array.isArray(t) && typeof t[0] != "number", Ri = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, _i = (t) => (e) => 1 - t(1 - e), mn = (t) => 1 - Math.sin(Math.acos(t)), Li = _i(mn), cl = Ri(mn), Ei = Kt(0.33, 1.53, 0.69, 0.99), gn = _i(Ei), ul = Ri(gn), fl = (t) => (t *= 2) < 1 ? 0.5 * gn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Gn = {
   linear: E,
-  easeIn: ll,
+  easeIn: rl,
   easeInOut: Di,
-  easeOut: cl,
+  easeOut: al,
   circIn: mn,
-  circInOut: hl,
+  circInOut: cl,
   circOut: Li,
   backIn: gn,
-  backInOut: fl,
+  backInOut: ul,
   backOut: Ei,
-  anticipate: dl
+  anticipate: fl
 }, Hn = (t) => {
   if (Array.isArray(t)) {
     q(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
@@ -1750,7 +1748,7 @@ const ll = Kt(0.42, 0, 1, 1), cl = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1),
   } else if (typeof t == "string")
     return q(Gn[t] !== void 0, `Invalid easing type '${t}'`), Gn[t];
   return t;
-}, yn = (t, e) => (n) => !!(Gt(n) && ma.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), ki = (t, e, n) => (s) => {
+}, yn = (t, e) => (n) => !!(Gt(n) && da.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), ki = (t, e, n) => (s) => {
   if (!Gt(s))
     return s;
   const [i, r, o, a] = s.match(ye);
@@ -1760,15 +1758,15 @@ const ll = Kt(0.42, 0, 1, 1), cl = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, pl = (t) => lt(0, 255, t), Ve = {
+}, hl = (t) => lt(0, 255, t), Ve = {
   ...yt,
-  transform: (t) => Math.round(pl(t))
+  transform: (t) => Math.round(hl(t))
 }, mt = {
   test: yn("rgb", "red"),
   parse: ki("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Ve.transform(t) + ", " + Ve.transform(e) + ", " + Ve.transform(n) + ", " + It(Bt.transform(s)) + ")"
 };
-function ml(t) {
+function dl(t) {
   let e = "", n = "", s = "", i = "";
   return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), s = t.substring(5, 7), i = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), s = t.substring(3, 4), i = t.substring(4, 5), e += e, n += n, s += s, i += i), {
     red: parseInt(e, 16),
@@ -1779,7 +1777,7 @@ function ml(t) {
 }
 const je = {
   test: yn("#"),
-  parse: ml,
+  parse: dl,
   transform: mt.transform
 }, Tt = {
   test: yn("hsl", "hue"),
@@ -1789,11 +1787,11 @@ const je = {
   test: (t) => mt.test(t) || je.test(t) || Tt.test(t),
   parse: (t) => mt.test(t) ? mt.parse(t) : Tt.test(t) ? Tt.parse(t) : je.parse(t),
   transform: (t) => Gt(t) ? t : t.hasOwnProperty("red") ? mt.transform(t) : Tt.transform(t)
-}, R = (t, e, n) => -n * t + n * e + t;
+}, _ = (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;
 }
-function gl({ hue: t, saturation: e, lightness: n, alpha: s }) {
+function pl({ hue: t, saturation: e, lightness: n, alpha: s }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
   if (!e)
@@ -1812,23 +1810,23 @@ function gl({ 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));
-}, yl = [je, mt, Tt], vl = (t) => yl.find((e) => e.test(t));
+}, ml = [je, mt, Tt], gl = (t) => ml.find((e) => e.test(t));
 function qn(t) {
-  const e = vl(t);
+  const e = gl(t);
   q(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`);
   let n = e.parse(t);
-  return e === Tt && (n = gl(n)), n;
+  return e === Tt && (n = pl(n)), n;
 }
 const Bi = (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 = R(n.alpha, s.alpha, r), mt.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 = _(n.alpha, s.alpha, r), mt.transform(i));
 };
-function xl(t) {
+function yl(t) {
   var e, n;
   return isNaN(t) && Gt(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 Ii = {
-  regex: da,
+  regex: fa,
   countKey: "Vars",
   token: "${v}",
   parse: E
@@ -1870,19 +1868,19 @@ function Ni(t) {
     return a;
   };
 }
-const bl = (t) => typeof t == "number" ? 0 : t;
-function wl(t) {
+const vl = (t) => typeof t == "number" ? 0 : t;
+function xl(t) {
   const e = ji(t);
-  return Ni(t)(e.map(bl));
+  return Ni(t)(e.map(vl));
 }
 const ct = {
-  test: xl,
+  test: yl,
   parse: ji,
   createTransformer: Ni,
-  getAnimatableNone: wl
+  getAnimatableNone: xl
 }, Ui = (t, e) => (n) => `${n > 0 ? e : t}`;
 function zi(t, e) {
-  return typeof t == "number" ? (n) => R(t, e, n) : j.test(t) ? Bi(t, e) : t.startsWith("var(") ? Ui(t, e) : $i(t, e);
+  return typeof t == "number" ? (n) => _(t, e, n) : j.test(t) ? Bi(t, e) : t.startsWith("var(") ? Ui(t, e) : $i(t, e);
 }
 const Wi = (t, e) => {
   const n = [...t], s = n.length, i = t.map((r, o) => zi(r, e[o]));
@@ -1891,7 +1889,7 @@ const Wi = (t, e) => {
       n[o] = i[o](r);
     return n;
   };
-}, Tl = (t, e) => {
+}, bl = (t, e) => {
   const n = { ...t, ...e }, s = {};
   for (const i in n)
     t[i] !== void 0 && e[i] !== void 0 && (s[i] = zi(t[i], e[i]));
@@ -1906,12 +1904,12 @@ const Wi = (t, e) => {
 }, zt = (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
-}, Kn = (t, e) => (n) => R(t, e, n);
-function Pl(t) {
-  return typeof t == "number" ? Kn : typeof t == "string" ? j.test(t) ? Bi : $i : Array.isArray(t) ? Wi : typeof t == "object" ? Tl : Kn;
+}, Kn = (t, e) => (n) => _(t, e, n);
+function wl(t) {
+  return typeof t == "number" ? Kn : typeof t == "string" ? j.test(t) ? Bi : $i : Array.isArray(t) ? Wi : typeof t == "object" ? bl : Kn;
 }
-function Al(t, e, n) {
-  const s = [], i = n || Pl(t[0]), r = t.length - 1;
+function Tl(t, e, n) {
+  const s = [], i = n || wl(t[0]), r = t.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(t[o], t[o + 1]);
     if (e) {
@@ -1927,44 +1925,44 @@ function Gi(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   if (q(r === e.length, "Both input and output ranges must be the same length"), r === 1)
     return () => e[0];
   t[0] > t[r - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const o = Al(e, s, i), a = o.length, l = (c) => {
+  const o = Tl(e, s, i), a = o.length, l = (c) => {
     let u = 0;
     if (a > 1)
       for (; u < t.length - 2 && !(c < t[u + 1]); u++)
         ;
-    const h = zt(t[u], t[u + 1], c);
-    return o[u](h);
+    const f = zt(t[u], t[u + 1], c);
+    return o[u](f);
   };
   return n ? (c) => l(lt(t[0], t[r - 1], c)) : l;
 }
-function Sl(t, e) {
+function Pl(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = zt(0, e, s);
-    t.push(R(n, 1, i));
+    t.push(_(n, 1, i));
   }
 }
-function Vl(t) {
+function Al(t) {
   const e = [0];
-  return Sl(e, t.length - 1), e;
+  return Pl(e, t.length - 1), e;
 }
-function Cl(t, e) {
+function Sl(t, e) {
   return t.map((n) => n * e);
 }
-function Ml(t, e) {
+function Vl(t, e) {
   return t.map(() => e || Di).splice(0, t.length - 1);
 }
 function ae({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = ul(s) ? s.map(Hn) : Hn(s), r = {
+  const i = ll(s) ? s.map(Hn) : Hn(s), r = {
     done: !1,
     value: e[0]
-  }, o = Cl(
+  }, o = Sl(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === e.length ? n : Vl(e),
+    n && n.length === e.length ? n : Al(e),
     t
   ), a = Gi(o, e, {
-    ease: Array.isArray(i) ? i : Ml(e, i)
+    ease: Array.isArray(i) ? i : Vl(e, i)
   });
   return {
     calculatedDuration: t,
@@ -1974,30 +1972,30 @@ function ae({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }
 function Hi(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const Dl = 5;
+const Cl = 5;
 function qi(t, e, n) {
-  const s = Math.max(e - Dl, 0);
+  const s = Math.max(e - Cl, 0);
   return Hi(n - t(s), e - s);
 }
-const _e = 1e-3, _l = 0.01, Yn = 10, Rl = 0.05, Ll = 1;
-function El({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: s = 1 }) {
+const Re = 1e-3, Ml = 0.01, Yn = 10, Dl = 0.05, Rl = 1;
+function _l({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: s = 1 }) {
   let i, r;
   qt(t <= at(Yn), "Spring duration must be 10 seconds or less");
   let o = 1 - e;
-  o = lt(Rl, Ll, o), t = lt(_l, Yn, tt(t)), o < 1 ? (i = (c) => {
-    const u = c * o, h = u * t, f = u - n, d = Ne(c, o), p = Math.exp(-h);
-    return _e - f / d * p;
+  o = lt(Dl, Rl, o), t = lt(Ml, Yn, tt(t)), o < 1 ? (i = (c) => {
+    const u = c * o, f = u * t, h = u - n, d = Ne(c, o), p = Math.exp(-f);
+    return Re - h / d * p;
   }, r = (c) => {
-    const h = c * o * t, f = h * n + n, d = Math.pow(o, 2) * Math.pow(c, 2) * t, p = Math.exp(-h), m = Ne(Math.pow(c, 2), o);
-    return (-i(c) + _e > 0 ? -1 : 1) * ((f - d) * p) / m;
+    const f = c * o * t, h = f * n + n, d = Math.pow(o, 2) * Math.pow(c, 2) * t, p = Math.exp(-f), m = Ne(Math.pow(c, 2), o);
+    return (-i(c) + Re > 0 ? -1 : 1) * ((h - d) * p) / m;
   }) : (i = (c) => {
-    const u = Math.exp(-c * t), h = (c - n) * t + 1;
-    return -_e + u * h;
+    const u = Math.exp(-c * t), f = (c - n) * t + 1;
+    return -Re + u * f;
   }, r = (c) => {
-    const u = Math.exp(-c * t), h = (n - c) * (t * t);
-    return u * h;
+    const u = Math.exp(-c * t), f = (n - c) * (t * t);
+    return u * f;
   });
-  const a = 5 / t, l = Bl(i, r, a);
+  const a = 5 / t, l = El(i, r, a);
   if (t = at(t), isNaN(l))
     return {
       stiffness: 100,
@@ -2013,21 +2011,21 @@ function El({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: s = 1
     };
   }
 }
-const kl = 12;
-function Bl(t, e, n) {
+const Ll = 12;
+function El(t, e, n) {
   let s = n;
-  for (let i = 1; i < kl; i++)
+  for (let i = 1; i < Ll; i++)
     s = s - t(s) / e(s);
   return s;
 }
 function Ne(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Il = ["duration", "bounce"], Fl = ["stiffness", "damping", "mass"];
+const kl = ["duration", "bounce"], Bl = ["stiffness", "damping", "mass"];
 function Xn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Ol(t) {
+function Il(t) {
   let e = {
     velocity: 0,
     stiffness: 100,
@@ -2036,8 +2034,8 @@ function Ol(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Xn(t, Fl) && Xn(t, Il)) {
-    const n = El(t);
+  if (!Xn(t, Bl) && Xn(t, kl)) {
+    const n = _l(t);
     e = {
       ...e,
       ...n,
@@ -2047,10 +2045,10 @@ function Ol(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 } = Ol({
+  const i = t[0], r = t[t.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: c, duration: u, velocity: f, isResolvedFromDuration: h } = Il({
     ...s,
     velocity: -tt(s.velocity || 0)
-  }), d = h || 0, p = l / (2 * Math.sqrt(a * c)), m = r - i, v = tt(Math.sqrt(a / c)), b = Math.abs(m) < 5;
+  }), d = f || 0, p = l / (2 * Math.sqrt(a * c)), m = r - i, v = tt(Math.sqrt(a / c)), b = Math.abs(m) < 5;
   n || (n = b ? 0.01 : 2), e || (e = b ? 5e-3 : 0.5);
   let y;
   if (p < 1) {
@@ -2069,10 +2067,10 @@ function Ki({ keyframes: t, restDelta: e, restSpeed: n, ...s }) {
     };
   }
   return {
-    calculatedDuration: f && u || null,
+    calculatedDuration: h && u || null,
     next: (g) => {
       const x = y(g);
-      if (f)
+      if (h)
         o.done = g >= u;
       else {
         let P = d;
@@ -2085,22 +2083,22 @@ function Ki({ keyframes: t, restDelta: e, restSpeed: n, ...s }) {
   };
 }
 function Qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
-  const h = t[0], f = {
+  const f = t[0], h = {
     done: !1,
-    value: h
+    value: f
   }, d = (A) => a !== void 0 && A < a || l !== void 0 && A > l, p = (A) => a === void 0 ? l : l === void 0 || Math.abs(a - A) < Math.abs(l - A) ? a : l;
   let m = n * e;
-  const v = h + m, b = o === void 0 ? v : o(v);
-  b !== v && (m = b - h);
+  const v = f + m, b = o === void 0 ? v : o(v);
+  b !== v && (m = b - f);
   const y = (A) => -m * Math.exp(-A / s), g = (A) => b + y(A), x = (A) => {
     const L = y(A), Y = g(A);
-    f.done = Math.abs(L) <= c, f.value = f.done ? b : Y;
+    h.done = Math.abs(L) <= c, h.value = h.done ? b : Y;
   };
   let P, S;
   const C = (A) => {
-    d(f.value) && (P = A, S = Ki({
-      keyframes: [f.value, p(f.value)],
-      velocity: qi(g, A, f.value),
+    d(h.value) && (P = A, S = Ki({
+      keyframes: [h.value, p(h.value)],
+      velocity: qi(g, A, h.value),
       damping: i,
       stiffness: r,
       restDelta: c,
@@ -2111,11 +2109,11 @@ function Qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
     calculatedDuration: null,
     next: (A) => {
       let L = !1;
-      return !S && P === void 0 && (L = !0, x(A), C(A)), P !== void 0 && A > P ? S.next(A - P) : (!L && x(A), f);
+      return !S && P === void 0 && (L = !0, x(A), C(A)), P !== void 0 && A > P ? S.next(A - P) : (!L && x(A), h);
     }
   };
 }
-const jl = (t) => {
+const Fl = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: () => V.update(e, !0),
@@ -2135,14 +2133,14 @@ function Jn(t) {
     e += n, s = t.next(e);
   return e >= Zn ? 1 / 0 : e;
 }
-const Nl = {
+const Ol = {
   decay: Qn,
   inertia: Qn,
   tween: ae,
   keyframes: ae,
   spring: Ki
 };
-function le({ autoplay: t = !0, delay: e = 0, driver: n = jl, 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 = Fl, keyframes: s, type: i = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: u, onUpdate: f, ...h }) {
   let d = 1, p = !1, m, v;
   const b = () => {
     v = new Promise((M) => {
@@ -2151,17 +2149,17 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = jl, keyframes: s, type
   };
   b();
   let y;
-  const g = Nl[i] || ae;
+  const g = Ol[i] || ae;
   let x;
   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 = Gi([0, 100], s, {
     clamp: !1
   }), s = [0, 100]);
-  const P = g({ ...f, keyframes: s });
+  const P = g({ ...h, keyframes: s });
   let S;
   a === "mirror" && (S = g({
-    ...f,
+    ...h,
     keyframes: [...s].reverse(),
-    velocity: -(f.velocity || 0)
+    velocity: -(h.velocity || 0)
   }));
   let C = "idle", A = null, L = null, Y = null;
   P.calculatedDuration === null && r && (P.calculatedDuration = Jn(P));
@@ -2173,20 +2171,20 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = jl, keyframes: s, type
     if (L === null)
       return;
     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 _t = O - e * (d >= 0 ? 1 : -1), Cn = d >= 0 ? _t < 0 : _t > X;
-    O = Math.max(_t, 0), C === "finished" && A === null && (O = X);
+    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 = P;
     if (r) {
       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;
+      let Yt = Math.floor(be), ft = be % 1;
+      !ft && be >= 1 && (ft = 1), ft === 1 && Yt--, Yt = Math.min(Yt, r + 1), !!(Yt % 2) && (a === "reverse" ? (ft = 1 - ft, o && (ft -= o / H)) : a === "mirror" && (Dn = S)), Mn = lt(0, 1, ft) * H;
     }
-    const Rt = Cn ? { done: !1, value: s[0] } : Dn.next(Mn);
-    x && (Rt.value = x(Rt.value));
-    let { done: _n } = Rt;
-    !Cn && vt !== null && (_n = d >= 0 ? O >= X : O <= 0);
-    const Po = A === null && (C === "finished" || C === "running" && _n);
-    return h && h(Rt.value), Po && Dt(), Rt;
+    const _t = Cn ? { done: !1, value: s[0] } : Dn.next(Mn);
+    x && (_t.value = x(_t.value));
+    let { done: Rn } = _t;
+    !Cn && vt !== null && (Rn = d >= 0 ? O >= X : O <= 0);
+    const Po = A === null && (C === "finished" || C === "running" && Rn);
+    return f && f(_t.value), Po && Dt(), _t;
   }, B = () => {
     y && y.stop(), y = void 0;
   }, nt = () => {
@@ -2202,8 +2200,8 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = jl, keyframes: s, type
   };
   t && bt();
   const Vn = {
-    then(M, _t) {
-      return v.then(M, _t);
+    then(M, Rt) {
+      return v.then(M, Rt);
     },
     get time() {
       return tt(O);
@@ -2241,19 +2239,19 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = jl, keyframes: s, type
   };
   return Vn;
 }
-function Ul(t) {
+function jl(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const zl = Ul(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Wl = /* @__PURE__ */ new Set([
+const Nl = jl(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Ul = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform",
   "backgroundColor"
-]), Zt = 10, $l = 2e4, Gl = (t, e) => e.type === "spring" || t === "backgroundColor" || !Si(e.ease);
-function Hl(t, e, { onUpdate: n, onComplete: s, ...i }) {
-  if (!(zl() && Wl.has(e) && !i.repeatDelay && i.repeatType !== "mirror" && i.damping !== 0 && i.type !== "inertia"))
+]), Zt = 10, zl = 2e4, Wl = (t, e) => e.type === "spring" || t === "backgroundColor" || !Si(e.ease);
+function $l(t, e, { onUpdate: n, onComplete: s, ...i }) {
+  if (!(Nl() && Ul.has(e) && !i.repeatDelay && i.repeatType !== "mirror" && i.damping !== 0 && i.type !== "inertia"))
     return !1;
   let o = !1, a, l, c = !1;
   const u = () => {
@@ -2262,23 +2260,23 @@ function Hl(t, e, { onUpdate: n, onComplete: s, ...i }) {
     });
   };
   u();
-  let { keyframes: h, duration: f = 300, ease: d, times: p } = i;
-  if (Gl(e, i)) {
+  let { keyframes: f, duration: h = 300, ease: d, times: p } = i;
+  if (Wl(e, i)) {
     const g = le({
       ...i,
       repeat: 0,
       delay: 0
     });
-    let x = { done: !1, value: h[0] };
+    let x = { done: !1, value: f[0] };
     const P = [];
     let S = 0;
-    for (; !x.done && S < $l; )
+    for (; !x.done && S < zl; )
       x = g.sample(S), P.push(x.value), S += Zt;
-    p = void 0, h = P, f = S - Zt, d = "linear";
+    p = void 0, f = P, h = S - Zt, d = "linear";
   }
-  const m = sl(t.owner.current, e, h, {
+  const m = el(t.owner.current, e, f, {
     ...i,
-    duration: f,
+    duration: h,
     /**
      * This function is currently not called if ease is provided
      * as a function so the cast is safe.
@@ -2295,7 +2293,7 @@ function Hl(t, e, { onUpdate: n, onComplete: s, ...i }) {
     c = !0, V.update(v), a(), u();
   };
   return m.onfinish = () => {
-    c || (t.set(il(h, i)), s && s(), b());
+    c || (t.set(nl(f, i)), s && s(), b());
   }, {
     then(g, x) {
       return l.then(g, x);
@@ -2316,7 +2314,7 @@ function Hl(t, e, { onUpdate: n, onComplete: s, ...i }) {
       m.playbackRate = g;
     },
     get duration() {
-      return tt(f);
+      return tt(h);
     },
     play: () => {
       o || (m.play(), et(v));
@@ -2341,7 +2339,7 @@ function Hl(t, e, { onUpdate: n, onComplete: s, ...i }) {
     cancel: b
   };
 }
-function ql({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
+function Gl({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
   const i = () => (n && n(t[t.length - 1]), s && s(), {
     time: 0,
     speed: 1,
@@ -2360,27 +2358,27 @@ function ql({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
     onComplete: i
   }) : i();
 }
-const Kl = {
+const Hl = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Yl = (t) => ({
+}, ql = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Xl = {
+}), Kl = {
   type: "keyframes",
   duration: 0.8
-}, Ql = {
+}, Yl = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Zl = (t, { keyframes: e }) => e.length > 2 ? Xl : gt.has(t) ? t.startsWith("scale") ? Yl(e[1]) : Kl : Ql, Ue = (t, e) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+}, Xl = (t, { keyframes: e }) => e.length > 2 ? Kl : gt.has(t) ? t.startsWith("scale") ? ql(e[1]) : Hl : Yl, 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(")), Jl = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function tc(t) {
+!e.startsWith("url(")), Ql = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Zl(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -2388,16 +2386,16 @@ function tc(t) {
   if (!s)
     return t;
   const i = n.replace(s, "");
-  let r = Jl.has(e) ? 1 : 0;
+  let r = Ql.has(e) ? 1 : 0;
   return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
-const ec = /([a-z-]*)\(.*?\)/g, ze = {
+const Jl = /([a-z-]*)\(.*?\)/g, ze = {
   ...ct,
   getAnimatableNone: (t) => {
-    const e = t.match(ec);
-    return e ? e.map(tc).join(" ") : t;
+    const e = t.match(Jl);
+    return e ? e.map(Zl).join(" ") : t;
   }
-}, nc = {
+}, tc = {
   ...ci,
   // Color props
   color: j,
@@ -2413,19 +2411,19 @@ const ec = /([a-z-]*)\(.*?\)/g, ze = {
   borderLeftColor: j,
   filter: ze,
   WebkitFilter: ze
-}, vn = (t) => nc[t];
+}, vn = (t) => tc[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 sc(t) {
+function ec(t) {
   if (typeof t == "number")
     return t === 0;
   if (t !== null)
     return t === "none" || t === "0" || Xi(t);
 }
-function ic(t, e, n, s) {
+function nc(t, e, n, s) {
   const i = Ue(e, n);
   let r;
   Array.isArray(n) ? r = [...n] : r = [null, n];
@@ -2433,7 +2431,7 @@ function ic(t, e, n, s) {
   let a;
   const l = [];
   for (let c = 0; c < r.length; c++)
-    r[c] === null && (r[c] = c === 0 ? o : r[c - 1]), sc(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]), ec(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];
@@ -2441,20 +2439,20 @@ function ic(t, e, n, s) {
     }
   return r;
 }
-function oc({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
+function sc({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
 function xn(t, e) {
   return t[e] || t.default || t;
 }
-const rc = {
+const ic = {
   skipAnimations: !1
 }, bn = (t, e, n, s = {}) => (i) => {
   const r = xn(s, t) || {}, o = r.delay || s.delay || 0;
   let { elapsed: a = 0 } = s;
   a = a - at(o);
-  const l = ic(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.`);
+  const l = nc(e, t, n, r), c = l[0], u = l[l.length - 1], f = Ue(t, c), h = Ue(t, u);
+  qt(f === h, `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,
     velocity: e.getVelocity(),
@@ -2468,11 +2466,11 @@ const rc = {
       i(), r.onComplete && r.onComplete();
     }
   };
-  if (oc(r) || (d = {
+  if (sc(r) || (d = {
     ...d,
-    ...Zl(t, d)
-  }), d.duration && (d.duration = at(d.duration)), d.repeatDelay && (d.repeatDelay = at(d.repeatDelay)), !h || !f || nl.current || r.type === !1 || rc.skipAnimations)
-    return ql(d);
+    ...Xl(t, d)
+  }), d.duration && (d.duration = at(d.duration)), d.repeatDelay && (d.repeatDelay = at(d.repeatDelay)), !f || !h || tl.current || r.type === !1 || ic.skipAnimations)
+    return Gl(d);
   if (
     /**
      * If this is a handoff animation, the optimised animation will be running via
@@ -2485,7 +2483,7 @@ const rc = {
      */
     !e.owner.getProps().onUpdate
   ) {
-    const p = Hl(e, t, d);
+    const p = $l(e, t, d);
     if (p)
       return p;
   }
@@ -2531,8 +2529,8 @@ const ts = /* @__PURE__ */ new Set();
 function An(t, e, n) {
   t || ts.has(e) || (console.warn(e), n && console.warn(n), ts.add(e));
 }
-const ac = (t) => !isNaN(parseFloat(t));
-class lc {
+const oc = (t) => !isNaN(parseFloat(t));
+class rc {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -2548,7 +2546,7 @@ class lc {
       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()));
-    }, this.hasAnimated = !1, this.prev = this.current = e, this.canTrackVelocity = ac(this.current), this.owner = n.owner;
+    }, this.hasAnimated = !1, this.prev = this.current = e, this.canTrackVelocity = oc(this.current), this.owner = n.owner;
   }
   /**
    * Adds a function that will be notified when the `MotionValue` is updated.
@@ -2723,41 +2721,41 @@ class lc {
   }
 }
 function Vt(t, e) {
-  return new lc(t, e);
+  return new rc(t, e);
 }
-const Zi = (t) => (e) => e.test(t), cc = {
+const Zi = (t) => (e) => e.test(t), ac = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Ji = [yt, w, K, st, ya, ga, cc], Lt = (t) => Ji.find(Zi(t)), uc = [...Ji, j, ct], hc = (t) => uc.find(Zi(t));
-function fc(t, e, n) {
+}, Ji = [yt, w, K, st, ma, pa, ac], Lt = (t) => Ji.find(Zi(t)), lc = [...Ji, j, ct], cc = (t) => lc.find(Zi(t));
+function uc(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Vt(n));
 }
-function dc(t, e) {
+function fc(t, e) {
   const n = xe(t, e);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n ? t.makeTargetAnimatable(n, !1) : {};
   r = { ...r, ...s };
   for (const o in r) {
-    const a = La(r[o]);
-    fc(t, o, a);
+    const a = Ra(r[o]);
+    uc(t, o, a);
   }
 }
-function pc(t, e, n) {
+function hc(t, e, n) {
   var s, i;
   const r = Object.keys(e).filter((a) => !t.hasValue(a)), o = r.length;
   if (o)
     for (let a = 0; a < o; a++) {
       const l = r[a], c = e[l];
       let u = null;
-      Array.isArray(c) && (u = c[0]), u === null && (u = (i = (s = n[l]) !== null && s !== void 0 ? s : t.readValue(l)) !== null && i !== void 0 ? i : e[l]), u != null && (typeof u == "string" && (Qi(u) || Xi(u)) ? u = parseFloat(u) : !hc(u) && ct.test(c) && (u = Yi(l, c)), t.addValue(l, Vt(u, { owner: t })), n[l] === void 0 && (n[l] = u), u !== null && t.setBaseTarget(l, u));
+      Array.isArray(c) && (u = c[0]), u === null && (u = (i = (s = n[l]) !== null && s !== void 0 ? s : t.readValue(l)) !== null && i !== void 0 ? i : e[l]), u != null && (typeof u == "string" && (Qi(u) || Xi(u)) ? u = parseFloat(u) : !cc(u) && ct.test(c) && (u = Yi(l, c)), t.addValue(l, Vt(u, { owner: t })), n[l] === void 0 && (n[l] = u), u !== null && t.setBaseTarget(l, u));
     }
 }
-function mc(t, e) {
+function dc(t, e) {
   return e ? (e[t] || e.default || e).from : void 0;
 }
-function gc(t, e, n) {
+function pc(t, e, n) {
   const s = {};
   for (const i in t) {
-    const r = mc(i, e);
+    const r = dc(i, e);
     if (r !== void 0)
       s[i] = r;
     else {
@@ -2767,11 +2765,11 @@ function gc(t, e, n) {
   }
   return s;
 }
-function yc({ protectedKeys: t, needsAnimating: e }, n) {
+function mc({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
-function vc(t, e) {
+function gc(t, e) {
   const n = t.get();
   if (Array.isArray(e)) {
     for (let s = 0; s < e.length; s++)
@@ -2785,31 +2783,31 @@ function to(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   const l = t.getValue("willChange");
   s && (r = s);
   const c = [], u = i && t.animationState && t.animationState.getState()[i];
-  for (const h in a) {
-    const f = t.getValue(h), d = a[h];
-    if (!f || d === void 0 || u && yc(u, h))
+  for (const f in a) {
+    const h = t.getValue(f), d = a[f];
+    if (!h || d === void 0 || u && mc(u, f))
       continue;
     const p = {
       delay: n,
       elapsed: 0,
-      ...xn(r || {}, h)
+      ...xn(r || {}, f)
     };
     if (window.HandoffAppearAnimations) {
       const b = t.getProps()[ei];
       if (b) {
-        const y = window.HandoffAppearAnimations(b, h, f, V);
+        const y = window.HandoffAppearAnimations(b, f, h, V);
         y !== null && (p.elapsed = y, p.isHandoff = !0);
       }
     }
-    let m = !p.isHandoff && !vc(f, d);
-    if (p.type === "spring" && (f.getVelocity() || p.velocity) && (m = !1), f.animation && (m = !1), m)
+    let m = !p.isHandoff && !gc(h, d);
+    if (p.type === "spring" && (h.getVelocity() || p.velocity) && (m = !1), h.animation && (m = !1), m)
       continue;
-    f.start(bn(h, f, d, t.shouldReduceMotion && gt.has(h) ? { type: !1 } : p));
-    const v = f.animation;
-    ce(l) && (l.add(h), v.then(() => l.remove(h))), c.push(v);
+    h.start(bn(f, h, d, t.shouldReduceMotion && gt.has(f) ? { type: !1 } : p));
+    const v = h.animation;
+    ce(l) && (l.add(f), v.then(() => l.remove(f))), c.push(v);
   }
   return o && Promise.all(c).then(() => {
-    o && dc(t, o);
+    o && fc(t, o);
   }), c;
 }
 function We(t, e, n = {}) {
@@ -2817,8 +2815,8 @@ function We(t, e, n = {}) {
   let { transition: i = t.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (i = n.transitionOverride);
   const r = s ? () => Promise.all(to(t, s, n)) : () => Promise.resolve(), o = t.variantChildren && t.variantChildren.size ? (l = 0) => {
-    const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = i;
-    return xc(t, e, c + l, u, h, n);
+    const { delayChildren: c = 0, staggerChildren: u, staggerDirection: f } = i;
+    return yc(t, e, c + l, u, f, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [l, c] = a === "beforeChildren" ? [r, o] : [o, r];
@@ -2826,19 +2824,19 @@ function We(t, e, n = {}) {
   } else
     return Promise.all([r(), o(n.delay)]);
 }
-function xc(t, e, n = 0, s = 0, i = 1, r) {
+function yc(t, e, n = 0, s = 0, i = 1, r) {
   const o = [], a = (t.variantChildren.size - 1) * s, l = i === 1 ? (c = 0) => c * s : (c = 0) => a - c * s;
-  return Array.from(t.variantChildren).sort(bc).forEach((c, u) => {
+  return Array.from(t.variantChildren).sort(vc).forEach((c, u) => {
     c.notify("AnimationStart", e), o.push(We(c, e, {
       ...r,
       delay: n + l(u)
     }).then(() => c.notify("AnimationComplete", e)));
   }), Promise.all(o);
 }
-function bc(t, e) {
+function vc(t, e) {
   return t.sortNodePosition(e);
 }
-function wc(t, e, n = {}) {
+function xc(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
@@ -2852,19 +2850,19 @@ function wc(t, e, n = {}) {
   }
   return s.then(() => t.notify("AnimationComplete", e));
 }
-const Tc = [...rn].reverse(), Pc = rn.length;
-function Ac(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: s }) => wc(t, n, s)));
+const bc = [...rn].reverse(), wc = rn.length;
+function Tc(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: s }) => xc(t, n, s)));
 }
-function Sc(t) {
-  let e = Ac(t);
-  const n = Cc();
+function Pc(t) {
+  let e = Tc(t);
+  const n = Sc();
   let s = !0;
   const i = (l, c) => {
     const u = xe(t, c);
     if (u) {
-      const { transition: h, transitionEnd: f, ...d } = u;
-      l = { ...l, ...d, ...f };
+      const { transition: f, transitionEnd: h, ...d } = u;
+      l = { ...l, ...d, ...h };
     }
     return l;
   };
@@ -2872,18 +2870,18 @@ function Sc(t) {
     e = l(t);
   }
   function o(l, c) {
-    const u = t.getProps(), h = t.getVariantContext(!0) || {}, f = [], d = /* @__PURE__ */ new Set();
+    const u = t.getProps(), f = t.getVariantContext(!0) || {}, h = [], d = /* @__PURE__ */ new Set();
     let p = {}, m = 1 / 0;
-    for (let b = 0; b < Pc; b++) {
-      const y = Tc[b], g = n[y], x = u[y] !== void 0 ? u[y] : h[y], P = Nt(x), S = y === c ? g.isActive : null;
+    for (let b = 0; b < wc; b++) {
+      const y = bc[b], g = n[y], x = u[y] !== void 0 ? u[y] : f[y], P = Nt(x), S = y === c ? g.isActive : null;
       S === !1 && (m = b);
-      let C = x === h[y] && x !== u[y] && P;
+      let C = x === f[y] && x !== u[y] && P;
       if (C && s && t.manuallyAnimateOnMount && (C = !1), g.protectedKeys = { ...p }, // 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
       me(x) || typeof x == "boolean")
         continue;
-      let L = Vc(g.prevProp, x) || // If we're making this variant active, we want to always make it active
+      let L = Ac(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 > m && P, Y = !1;
       const vt = Array.isArray(x) ? x : [x];
@@ -2902,7 +2900,7 @@ function Sc(t) {
         let bt = !1;
         oe(nt) && oe(Dt) ? bt = !Pi(nt, Dt) : bt = nt !== Dt, bt ? nt !== void 0 ? xt(B) : d.add(B) : nt !== void 0 && d.has(B) ? xt(B) : g.protectedKeys[B] = !0;
       }
-      g.prevProp = x, g.prevResolvedValues = H, g.isActive && (p = { ...p, ...H }), s && t.blockInitialAnimation && (L = !1), L && (!C || Y) && f.push(...vt.map((B) => ({
+      g.prevProp = x, g.prevResolvedValues = H, g.isActive && (p = { ...p, ...H }), s && t.blockInitialAnimation && (L = !1), L && (!C || Y) && h.push(...vt.map((B) => ({
         animation: B,
         options: { type: y, ...l }
       })));
@@ -2912,23 +2910,23 @@ function Sc(t) {
       d.forEach((y) => {
         const g = t.getBaseTarget(y);
         g !== void 0 && (b[y] = g);
-      }), f.push({ animation: b });
+      }), h.push({ animation: b });
     }
-    let v = !!f.length;
-    return s && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (v = !1), s = !1, v ? e(f) : Promise.resolve();
+    let v = !!h.length;
+    return s && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (v = !1), s = !1, v ? e(h) : Promise.resolve();
   }
   function a(l, c, u) {
-    var h;
+    var f;
     if (n[l].isActive === c)
       return Promise.resolve();
-    (h = t.variantChildren) === null || h === void 0 || h.forEach((d) => {
+    (f = t.variantChildren) === null || f === void 0 || f.forEach((d) => {
       var p;
       return (p = d.animationState) === null || p === void 0 ? void 0 : p.setActive(l, c);
     }), n[l].isActive = c;
-    const f = o(u, l);
+    const h = o(u, l);
     for (const d in n)
       n[d].protectedKeys = {};
-    return f;
+    return h;
   }
   return {
     animateChanges: o,
@@ -2937,10 +2935,10 @@ function Sc(t) {
     getState: () => n
   };
 }
-function Vc(t, e) {
+function Ac(t, e) {
   return typeof e == "string" ? e !== t : Array.isArray(e) ? !Pi(e, t) : !1;
 }
-function ft(t = !1) {
+function ht(t = !1) {
   return {
     isActive: t,
     protectedKeys: {},
@@ -2948,25 +2946,25 @@ function ft(t = !1) {
     prevResolvedValues: {}
   };
 }
-function Cc() {
+function Sc() {
   return {
-    animate: ft(!0),
-    whileInView: ft(),
-    whileHover: ft(),
-    whileTap: ft(),
-    whileDrag: ft(),
-    whileFocus: ft(),
-    exit: ft()
+    animate: ht(!0),
+    whileInView: ht(),
+    whileHover: ht(),
+    whileTap: ht(),
+    whileDrag: ht(),
+    whileFocus: ht(),
+    exit: ht()
   };
 }
-class Mc extends ut {
+class Vc extends ut {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
    * so people can optionally code split it out using the `m` component.
    */
   constructor(e) {
-    super(e), e.animationState || (e.animationState = Sc(e));
+    super(e), e.animationState || (e.animationState = Pc(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
@@ -2985,10 +2983,10 @@ class Mc extends ut {
   unmount() {
   }
 }
-let Dc = 0;
-class _c extends ut {
+let Cc = 0;
+class Mc extends ut {
   constructor() {
-    super(...arguments), this.id = Dc++;
+    super(...arguments), this.id = Cc++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -3006,15 +3004,15 @@ class _c extends ut {
   unmount() {
   }
 }
-const Rc = {
+const Dc = {
   animation: {
-    Feature: Mc
+    Feature: Vc
   },
   exit: {
-    Feature: _c
+    Feature: Mc
   }
 }, es = (t, e) => Math.abs(t - e);
-function Lc(t, e) {
+function Rc(t, e) {
   const n = es(t.x, e.x), s = es(t.y, e.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
@@ -3023,26 +3021,26 @@ 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 = Le(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, d = Lc(h.offset, { x: 0, y: 0 }) >= 3;
-      if (!f && !d)
+      const f = Le(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, d = Rc(f.offset, { x: 0, y: 0 }) >= 3;
+      if (!h && !d)
         return;
-      const { point: p } = h, { timestamp: m } = F;
+      const { point: p } = f, { timestamp: m } = F;
       this.history.push({ ...p, timestamp: m });
       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 = Re(f, this.transformPagePoint), V.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (h, f) => {
+      h || (v && v(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), b && b(this.lastMoveEvent, f);
+    }, this.handlePointerMove = (f, h) => {
+      this.lastMoveEvent = f, this.lastMoveEventInfo = _e(h, this.transformPagePoint), V.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (f, h) => {
       this.end();
       const { onEnd: d, onSessionEnd: p, resumeAnimation: m } = this.handlers;
       if (this.dragSnapToOrigin && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const v = Le(h.type === "pointercancel" ? this.lastMoveEventInfo : Re(f, this.transformPagePoint), this.history);
-      this.startEvent && d && d(h, v), p && p(h, v);
+      const v = Le(f.type === "pointercancel" ? this.lastMoveEventInfo : _e(h, this.transformPagePoint), this.history);
+      this.startEvent && d && d(f, v), p && p(f, v);
     }, !vi(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = s, this.contextWindow = i || window;
-    const o = ve(e), a = Re(o, this.transformPagePoint), { point: l } = a, { timestamp: c } = F;
+    const o = ve(e), a = _e(o, this.transformPagePoint), { point: l } = a, { timestamp: c } = F;
     this.history = [{ ...l, timestamp: c }];
     const { onSessionStart: u } = n;
     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));
@@ -3054,7 +3052,7 @@ class eo {
     this.removeListeners && this.removeListeners(), et(this.updatePoint);
   }
 }
-function Re(t, e) {
+function _e(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function ns(t, e) {
@@ -3064,17 +3062,17 @@ function Le({ point: t }, e) {
   return {
     point: t,
     delta: ns(t, no(e)),
-    offset: ns(t, Ec(e)),
-    velocity: kc(e, 0.1)
+    offset: ns(t, _c(e)),
+    velocity: Lc(e, 0.1)
   };
 }
-function Ec(t) {
+function _c(t) {
   return t[0];
 }
 function no(t) {
   return t[t.length - 1];
 }
-function kc(t, e) {
+function Lc(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, s = null;
@@ -3099,7 +3097,7 @@ function $e(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 = R(e.min, e.max, t.origin), t.scale = z(n) / z(e), ($e(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = R(n.min, n.max, t.origin) - t.originPoint, ($e(t.translate) || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = _(e.min, e.max, t.origin), t.scale = z(n) / z(e), ($e(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = _(n.min, n.max, t.origin) - t.originPoint, ($e(t.translate) || isNaN(t.translate)) && (t.translate = 0);
 }
 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);
@@ -3107,7 +3105,7 @@ function Ft(t, e, n, s) {
 function is(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + z(e);
 }
-function Bc(t, e, n) {
+function Ec(t, e, n) {
   is(t.x, e.x, n.x), is(t.y, e.y, n.y);
 }
 function os(t, e, n) {
@@ -3116,8 +3114,8 @@ function os(t, e, n) {
 function Ot(t, e, n) {
   os(t.x, e.x, n.x), os(t.y, e.y, n.y);
 }
-function Ic(t, { min: e, max: n }, s) {
-  return e !== void 0 && t < e ? t = s ? R(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? R(n, t, s.max) : Math.min(t, n)), t;
+function kc(t, { min: e, max: n }, s) {
+  return e !== void 0 && t < e ? t = s ? _(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? _(n, t, s.max) : Math.min(t, n)), t;
 }
 function rs(t, e, n) {
   return {
@@ -3125,7 +3123,7 @@ function rs(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function Fc(t, { top: e, left: n, bottom: s, right: i }) {
+function Bc(t, { top: e, left: n, bottom: s, right: i }) {
   return {
     x: rs(t.x, n, i),
     y: rs(t.y, e, s)
@@ -3135,23 +3133,23 @@ 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 Oc(t, e) {
+function Ic(t, e) {
   return {
     x: as(t.x, e.x),
     y: as(t.y, e.y)
   };
 }
-function jc(t, e) {
+function Fc(t, e) {
   let n = 0.5;
   const s = z(t), i = z(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 Nc(t, e) {
+function Oc(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
 const Ge = 0.35;
-function Uc(t = Ge) {
+function jc(t = Ge) {
   return t === !1 ? t = 0 : t === !0 && (t = Ge), {
     x: ls(t, "left", "right"),
     y: ls(t, "top", "bottom")
@@ -3174,9 +3172,9 @@ const us = () => ({
 }), Pt = () => ({
   x: us(),
   y: us()
-}), hs = () => ({ min: 0, max: 0 }), k = () => ({
-  x: hs(),
-  y: hs()
+}), fs = () => ({ min: 0, max: 0 }), k = () => ({
+  x: fs(),
+  y: fs()
 });
 function $(t) {
   return [t("x"), t("y")];
@@ -3187,10 +3185,10 @@ function so({ top: t, left: e, right: n, bottom: s }) {
     y: { min: t, max: s }
   };
 }
-function zc({ x: t, y: e }) {
+function Nc({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function Wc(t, e) {
+function Uc(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), s = e({ x: t.right, y: t.bottom });
@@ -3211,9 +3209,9 @@ function dt(t) {
   return He(t) || io(t) || t.z || t.rotate || t.rotateX || t.rotateY;
 }
 function io(t) {
-  return fs(t.x) || fs(t.y);
+  return hs(t.x) || hs(t.y);
 }
-function fs(t) {
+function hs(t) {
   return t && t !== "0%";
 }
 function ue(t, e, n) {
@@ -3229,7 +3227,7 @@ function qe(t, e = 0, n = 1, s, i) {
 function oo(t, { x: e, y: n }) {
   qe(t.x, e.translate, e.scale, e.originPoint), qe(t.y, n.translate, n.scale, n.originPoint);
 }
-function $c(t, e, n, s = !1) {
+function zc(t, e, n, s = !1) {
   const i = n.length;
   if (!i)
     return;
@@ -3252,22 +3250,22 @@ function it(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
 function ms(t, e, [n, s, i]) {
-  const r = e[i] !== void 0 ? e[i] : 0.5, o = R(t.min, t.max, r);
+  const r = e[i] !== void 0 ? e[i] : 0.5, o = _(t.min, t.max, r);
   qe(t, e[n], e[s], o, e.scale);
 }
-const Gc = ["x", "scaleX", "originX"], Hc = ["y", "scaleY", "originY"];
+const Wc = ["x", "scaleX", "originX"], $c = ["y", "scaleY", "originY"];
 function At(t, e) {
-  ms(t.x, e, Gc), ms(t.y, e, Hc);
+  ms(t.x, e, Wc), ms(t.y, e, $c);
 }
 function ro(t, e) {
-  return so(Wc(t.getBoundingClientRect(), e));
+  return so(Uc(t.getBoundingClientRect(), e));
 }
-function qc(t, e, n) {
+function Gc(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, Kc = /* @__PURE__ */ new WeakMap();
-class Yc {
+const ao = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Hc = /* @__PURE__ */ new WeakMap();
+class qc {
   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 = k(), this.visualElement = e;
   }
@@ -3276,11 +3274,11 @@ class Yc {
     if (s && s.isPresent === !1)
       return;
     const i = (u) => {
-      const { dragSnapToOrigin: h } = this.getProps();
-      h ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(ve(u, "page").point);
-    }, r = (u, h) => {
-      const { drag: f, dragPropagation: d, onDragStart: p } = this.getProps();
-      if (f && !d && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = bi(f), !this.openGlobalLock))
+      const { dragSnapToOrigin: f } = this.getProps();
+      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(ve(u, "page").point);
+    }, r = (u, f) => {
+      const { drag: h, dragPropagation: d, onDragStart: p } = this.getProps();
+      if (h && !d && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = bi(h), !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), $((v) => {
         let b = this.getAxisMotionValue(v).get() || 0;
@@ -3292,22 +3290,22 @@ class Yc {
           }
         }
         this.originPoint[v] = b;
-      }), p && V.update(() => p(u, h), !1, !0);
+      }), p && V.update(() => p(u, f), !1, !0);
       const { animationState: m } = this.visualElement;
       m && m.setActive("whileDrag", !0);
-    }, o = (u, h) => {
-      const { dragPropagation: f, dragDirectionLock: d, onDirectionLock: p, onDrag: m } = this.getProps();
-      if (!f && !this.openGlobalLock)
+    }, o = (u, f) => {
+      const { dragPropagation: h, dragDirectionLock: d, onDirectionLock: p, onDrag: m } = this.getProps();
+      if (!h && !this.openGlobalLock)
         return;
-      const { offset: v } = h;
+      const { offset: v } = f;
       if (d && this.currentDirection === null) {
-        this.currentDirection = Xc(v), this.currentDirection !== null && p && p(this.currentDirection);
+        this.currentDirection = Kc(v), this.currentDirection !== null && p && p(this.currentDirection);
         return;
       }
-      this.updateAxis("x", h.point, v), this.updateAxis("y", h.point, v), this.visualElement.render(), m && m(u, h);
-    }, 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());
+      this.updateAxis("x", f.point, v), this.updateAxis("y", f.point, v), this.visualElement.render(), m && m(u, f);
+    }, a = (u, f) => this.stop(u, f), l = () => $((u) => {
+      var f;
+      return this.getAnimationState(u) === "paused" && ((f = this.getAxisMotionValue(u).animation) === null || f === void 0 ? void 0 : f.play());
     }), { dragSnapToOrigin: c } = this.getProps();
     this.panSession = new eo(e, {
       onSessionStart: i,
@@ -3343,13 +3341,13 @@ class Yc {
       return;
     const r = this.getAxisMotionValue(e);
     let o = this.originPoint[e] + s[e];
-    this.constraints && this.constraints[e] && (o = Ic(o, this.constraints[e], this.elastic[e])), r.set(o);
+    this.constraints && this.constraints[e] && (o = kc(o, this.constraints[e], this.elastic[e])), r.set(o);
   }
   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 = Fc(i.layoutBox, n) : this.constraints = !1, this.elastic = Uc(s), r !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && $((o) => {
-      this.getAxisMotionValue(o) && (this.constraints[o] = Nc(i.layoutBox[o], this.constraints[o]));
+    n && wt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = Bc(i.layoutBox, n) : this.constraints = !1, this.elastic = jc(s), r !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && $((o) => {
+      this.getAxisMotionValue(o) && (this.constraints[o] = Oc(i.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
@@ -3361,10 +3359,10 @@ class Yc {
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const r = qc(s, i.root, this.visualElement.getTransformPagePoint());
-    let o = Oc(i.layout.layoutBox, r);
+    const r = Gc(s, i.root, this.visualElement.getTransformPagePoint());
+    let o = Ic(i.layout.layoutBox, r);
     if (n) {
-      const a = n(zc(o));
+      const a = n(Nc(o));
       this.hasMutatedConstraints = !!a, a && (o = so(a));
     }
     return o;
@@ -3373,18 +3371,18 @@ class Yc {
     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] || {};
-      o && (h = { min: 0, max: 0 });
-      const f = i ? 200 : 1e6, d = i ? 40 : 1e7, p = {
+      let f = l && l[u] || {};
+      o && (f = { min: 0, max: 0 });
+      const h = i ? 200 : 1e6, d = i ? 40 : 1e7, p = {
         type: "inertia",
         velocity: s ? e[u] : 0,
-        bounceStiffness: f,
+        bounceStiffness: h,
         bounceDamping: d,
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10,
         ...r,
-        ...h
+        ...f
       };
       return this.startAxisValueAnimation(u, p);
     });
@@ -3425,7 +3423,7 @@ class Yc {
       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] - R(o, a, 0.5));
+        r.set(e[n] - _(o, a, 0.5));
       }
     });
   }
@@ -3446,7 +3444,7 @@ class Yc {
       const a = this.getAxisMotionValue(o);
       if (a) {
         const l = a.get();
-        i[o] = jc({ min: l, max: l }, this.constraints[o]);
+        i[o] = Fc({ min: l, max: l }, this.constraints[o]);
       }
     });
     const { transformTemplate: r } = this.visualElement.getProps();
@@ -3454,13 +3452,13 @@ class Yc {
       if (!Jt(o, e, null))
         return;
       const a = this.getAxisMotionValue(o), { min: l, max: c } = this.constraints[o];
-      a.set(R(l, c, i[o]));
+      a.set(_(l, c, i[o]));
     });
   }
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Kc.set(this.visualElement, this);
+    Hc.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);
@@ -3471,8 +3469,8 @@ class Yc {
     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 && ($((u) => {
-        const h = this.getAxisMotionValue(u);
-        h && (this.originPoint[u] += l[u].translate, h.set(h.get() + l[u].translate));
+        const f = this.getAxisMotionValue(u);
+        f && (this.originPoint[u] += l[u].translate, f.set(f.get() + l[u].translate));
       }), this.visualElement.render());
     });
     return () => {
@@ -3495,13 +3493,13 @@ class Yc {
 function Jt(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function Xc(t, e = 10) {
+function Kc(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class Qc extends ut {
+class Yc extends ut {
   constructor(e) {
-    super(e), this.removeGroupControls = E, this.removeListeners = E, this.controls = new Yc(e);
+    super(e), this.removeGroupControls = E, this.removeListeners = E, this.controls = new qc(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -3514,7 +3512,7 @@ class Qc extends ut {
 const gs = (t) => (e, n) => {
   t && V.update(() => t(e, n));
 };
-class Zc extends ut {
+class Xc extends ut {
   constructor() {
     super(...arguments), this.removePointerDownListener = E;
   }
@@ -3545,7 +3543,7 @@ class Zc extends ut {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-function Jc() {
+function Qc() {
   const t = N(sn);
   if (t === null)
     return [!0, null];
@@ -3579,18 +3577,18 @@ const Et = {
     const n = ys(t, e.target.x), s = ys(t, e.target.y);
     return `${n}% ${s}%`;
   }
-}, tu = {
+}, Zc = {
   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 = R(a, l, 0.5);
+    const c = _(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);
   }
 };
-class eu extends zs.Component {
+class Jc extends zs.Component {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -3598,7 +3596,7 @@ class eu extends zs.Component {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s, layoutId: i } = this.props, { projection: r } = e;
-    ca(nu), r && (n.group && n.group.add(r), s && s.register && i && s.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
+    aa(tu), 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,
@@ -3631,10 +3629,10 @@ class eu extends zs.Component {
   }
 }
 function lo(t) {
-  const [e, n] = Jc(), s = N(si);
-  return zs.createElement(eu, { ...t, layoutGroup: s, switchLayoutGroup: N(ii), isPresent: e, safeToRemove: n });
+  const [e, n] = Qc(), s = N(si);
+  return zs.createElement(Jc, { ...t, layoutGroup: s, switchLayoutGroup: N(ii), isPresent: e, safeToRemove: n });
 }
-const nu = {
+const tu = {
   borderRadius: {
     ...Et,
     applyTo: [
@@ -3648,28 +3646,28 @@ const nu = {
   borderTopRightRadius: Et,
   borderBottomLeftRadius: Et,
   borderBottomRightRadius: Et,
-  boxShadow: tu
-}, co = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], su = co.length, vs = (t) => typeof t == "string" ? parseFloat(t) : t, xs = (t) => typeof t == "number" || w.test(t);
-function iu(t, e, n, s, i, r) {
-  i ? (t.opacity = R(
+  boxShadow: Zc
+}, co = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], eu = co.length, vs = (t) => typeof t == "string" ? parseFloat(t) : t, xs = (t) => typeof t == "number" || w.test(t);
+function nu(t, e, n, s, i, r) {
+  i ? (t.opacity = _(
     0,
     // TODO Reinstate this if only child
     n.opacity !== void 0 ? n.opacity : 1,
-    ou(s)
-  ), t.opacityExit = R(e.opacity !== void 0 ? e.opacity : 1, 0, ru(s))) : r && (t.opacity = R(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, s));
-  for (let o = 0; o < su; o++) {
+    su(s)
+  ), t.opacityExit = _(e.opacity !== void 0 ? e.opacity : 1, 0, iu(s))) : r && (t.opacity = _(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, s));
+  for (let o = 0; o < eu; 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(R(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(_(vs(l), vs(c), s), 0), (K.test(c) || K.test(l)) && (t[a] += "%")) : t[a] = c;
   }
-  (e.rotate || n.rotate) && (t.rotate = R(e.rotate || 0, n.rotate || 0, s));
+  (e.rotate || n.rotate) && (t.rotate = _(e.rotate || 0, n.rotate || 0, s));
 }
 function bs(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const ou = uo(0, 0.5, Li), ru = uo(0.5, 0.95, E);
+const su = uo(0, 0.5, Li), iu = uo(0.5, 0.95, E);
 function uo(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(zt(t, e, s));
 }
@@ -3682,35 +3680,35 @@ function W(t, e) {
 function Ts(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 au(t, e = 0, n = 1, s = 0.5, i, r = t, o = t) {
-  if (K.test(e) && (e = parseFloat(e), e = R(o.min, o.max, e / 100) - o.min), typeof e != "number")
+function ou(t, e = 0, n = 1, s = 0.5, i, r = t, o = t) {
+  if (K.test(e) && (e = parseFloat(e), e = _(o.min, o.max, e / 100) - o.min), typeof e != "number")
     return;
-  let a = R(r.min, r.max, s);
+  let a = _(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);
 }
 function Ps(t, e, [n, s, i], r, o) {
-  au(t, e[n], e[s], e[i], e.scale, r, o);
+  ou(t, e[n], e[s], e[i], e.scale, r, o);
 }
-const lu = ["x", "scaleX", "originX"], cu = ["y", "scaleY", "originY"];
+const ru = ["x", "scaleX", "originX"], au = ["y", "scaleY", "originY"];
 function As(t, e, n, s) {
-  Ps(t.x, e, lu, n ? n.x : void 0, s ? s.x : void 0), Ps(t.y, e, cu, n ? n.y : void 0, s ? s.y : void 0);
+  Ps(t.x, e, ru, n ? n.x : void 0, s ? s.x : void 0), Ps(t.y, e, au, n ? n.y : void 0, s ? s.y : void 0);
 }
 function Ss(t) {
   return t.translate === 0 && t.scale === 1;
 }
-function ho(t) {
+function fo(t) {
   return Ss(t.x) && Ss(t.y);
 }
-function uu(t, e) {
+function lu(t, e) {
   return t.x.min === e.x.min && t.x.max === e.x.max && t.y.min === e.y.min && t.y.max === e.y.max;
 }
-function fo(t, e) {
+function ho(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);
 }
-class hu {
+class cu {
   constructor() {
     this.members = [];
   }
@@ -3774,8 +3772,8 @@ function Cs(t, e, n) {
   const o = t.x.scale * e.x, a = t.y.scale * e.y;
   return (o !== 1 || a !== 1) && (s += `scale(${o}, ${a})`), s || "none";
 }
-const fu = (t, e) => t.depth - e.depth;
-class du {
+const uu = (t, e) => t.depth - e.depth;
+class fu {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -3786,28 +3784,28 @@ class du {
     Tn(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(fu), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(uu), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function pu(t, e) {
+function hu(t, e) {
   const n = performance.now(), s = ({ timestamp: i }) => {
     const r = i - n;
     r >= e && (et(s), t(r - e));
   };
   return V.read(s, !0), () => et(s);
 }
-function mu(t) {
+function du(t) {
   window.MotionDebug && window.MotionDebug.record(t);
 }
-function gu(t) {
+function pu(t) {
   return t instanceof SVGElement && t.tagName !== "svg";
 }
-function yu(t, e, n) {
+function mu(t, e, n) {
   const s = U(t) ? t : Vt(t);
   return s.start(bn("", s, e, n)), s.animation;
 }
-const Ms = ["", "X", "Y", "Z"], vu = { visibility: "hidden" }, Ds = 1e3;
-let xu = 0;
+const Ms = ["", "X", "Y", "Z"], gu = { visibility: "hidden" }, Ds = 1e3;
+let yu = 0;
 const pt = {
   type: "projectionFrame",
   totalNodes: 0,
@@ -3817,14 +3815,14 @@ const pt = {
 function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
   return class {
     constructor(o = {}, a = e == null ? void 0 : e()) {
-      this.id = xu++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = yu++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, pt.totalNodes = pt.resolvedTargetDeltas = pt.recalculatedProjection = 0, this.nodes.forEach(Tu), this.nodes.forEach(Cu), this.nodes.forEach(Mu), this.nodes.forEach(Pu), mu(pt);
+        this.projectionUpdateScheduled = !1, pt.totalNodes = pt.resolvedTargetDeltas = pt.recalculatedProjection = 0, this.nodes.forEach(bu), this.nodes.forEach(Su), this.nodes.forEach(Vu), this.nodes.forEach(wu), du(pt);
       }, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = o, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new du());
+      this.root === this && (this.nodes = new fu());
     }
     addEventListener(o, a) {
       return this.eventHandlers.has(o) || this.eventHandlers.set(o, new Pn()), this.eventHandlers.get(o).add(a);
@@ -3842,23 +3840,23 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(o, a = this.root.hasTreeAnimated) {
       if (this.instance)
         return;
-      this.isSVG = gu(o), this.instance = o;
+      this.isSVG = pu(o), this.instance = o;
       const { layoutId: l, layout: c, visualElement: u } = this.options;
       if (u && !u.current && u.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), a && (c || l) && (this.isLayoutDirty = !0), t) {
-        let h;
-        const f = () => this.root.updateBlockedByResize = !1;
+        let f;
+        const h = () => this.root.updateBlockedByResize = !1;
         t(o, () => {
-          this.root.updateBlockedByResize = !0, h && h(), h = pu(f, 250), ne.hasAnimatedSinceResize && (ne.hasAnimatedSinceResize = !1, this.nodes.forEach(Rs));
+          this.root.updateBlockedByResize = !0, f && f(), f = hu(h, 250), ne.hasAnimatedSinceResize && (ne.hasAnimatedSinceResize = !1, this.nodes.forEach(_s));
         });
       }
-      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: f, hasRelativeTargetChanged: d, layout: p }) => {
+      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: f, hasLayoutChanged: h, hasRelativeTargetChanged: d, layout: p }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || Eu, { onLayoutAnimationStart: v, onLayoutAnimationComplete: b } = u.getProps(), y = !this.targetLayout || !fo(this.targetLayout, p) || d, g = !f && d;
-        if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || g || f && (y || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(h, g);
+        const m = this.options.transition || u.getDefaultTransition() || _u, { onLayoutAnimationStart: v, onLayoutAnimationComplete: b } = u.getProps(), y = !this.targetLayout || !ho(this.targetLayout, p) || d, g = !h && d;
+        if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || g || h && (y || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(f, g);
           const x = {
             ...xn(m, "layout"),
             onPlay: v,
@@ -3866,7 +3864,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x);
         } else
-          f || Rs(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+          h || _s(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = p;
       });
     }
@@ -3890,7 +3888,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Du), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Cu), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: o } = this.options;
@@ -3905,8 +3903,8 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
-        const h = this.path[u];
-        h.shouldResetTransform = !0, h.updateScroll("snapshot"), h.options.layoutRoot && h.willUpdate(!1);
+        const f = this.path[u];
+        f.shouldResetTransform = !0, f.updateScroll("snapshot"), f.options.layoutRoot && f.willUpdate(!1);
       }
       const { layoutId: a, layout: l } = this.options;
       if (a === void 0 && !l)
@@ -3916,10 +3914,10 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(_s);
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Rs);
         return;
       }
-      this.isUpdating || this.nodes.forEach(Su), this.isUpdating = !1, this.nodes.forEach(Vu), this.nodes.forEach(bu), this.nodes.forEach(wu), this.clearAllSnapshots();
+      this.isUpdating || this.nodes.forEach(Pu), this.isUpdating = !1, this.nodes.forEach(Au), this.nodes.forEach(vu), this.nodes.forEach(xu), 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;
     }
@@ -3927,7 +3925,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.updateScheduled || (this.updateScheduled = !0, queueMicrotask(() => this.update()));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(Au), this.sharedNodes.forEach(_u);
+      this.nodes.forEach(Tu), this.sharedNodes.forEach(Mu);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, V.preRender(this.updateProjection, !1, !0));
@@ -3966,13 +3964,13 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     resetTransform() {
       if (!i)
         return;
-      const o = this.isLayoutDirty || this.shouldResetTransform, a = this.projectionDelta && !ho(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
+      const o = this.isLayoutDirty || this.shouldResetTransform, a = this.projectionDelta && !fo(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
       o && (a || dt(this.latestValues) || u) && (i(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(o = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return o && (l = this.removeTransform(l)), ku(l), {
+      return o && (l = this.removeTransform(l)), Lu(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3991,12 +3989,12 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const a = k();
       W(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) {
+        const c = this.path[l], { scroll: u, options: f } = c;
+        if (c !== this.root && u && f.layoutScroll) {
           if (u.isRoot) {
             W(a, o);
-            const { scroll: f } = this.root;
-            f && (it(a.x, -f.offset.x), it(a.y, -f.offset.y));
+            const { scroll: h } = this.root;
+            h && (it(a.x, -h.offset.x), it(a.y, -h.offset.y));
           }
           it(a.x, u.offset.x), it(a.y, u.offset.y);
         }
@@ -4023,8 +4021,8 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         if (!c.instance || !dt(c.latestValues))
           continue;
         He(c.latestValues) && c.updateSnapshot();
-        const u = k(), h = c.measurePageBox();
-        W(u, h), As(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
+        const u = k(), f = c.measurePageBox();
+        W(u, f), As(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return dt(this.latestValues) && As(a, this.latestValues), a;
     }
@@ -4051,14 +4049,14 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const c = !!this.resumingFrom || this !== l;
       if (!(o || c && this.isSharedProjectionDirty || this.isProjectionDirty || !((a = this.parent) === null || a === void 0) && a.isProjectionDirty || this.attemptToResolveRelativeTarget))
         return;
-      const { layout: h, layoutId: f } = this.options;
-      if (!(!this.layout || !(h || f))) {
+      const { layout: f, layoutId: h } = this.options;
+      if (!(!this.layout || !(f || h))) {
         if (this.resolvedRelativeTargetAt = F.timestamp, !this.targetDelta && !this.relativeTarget) {
           const d = this.getClosestProjectingParent();
           d && d.layout && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = k(), this.relativeTargetOrigin = k(), Ot(this.relativeTargetOrigin, this.layout.layoutBox, d.layout.layoutBox), W(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = k(), this.targetWithTransforms = k()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Bc(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 = k(), this.targetWithTransforms = k()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Ec(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) {
             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 = k(), this.relativeTargetOrigin = k(), Ot(this.relativeTargetOrigin, this.target, d.target), W(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -4080,12 +4078,12 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let c = !0;
       if ((this.isProjectionDirty || !((o = this.parent) === null || o === void 0) && o.isProjectionDirty) && (c = !1), l && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === F.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))
+      const { layout: u, layoutId: f } = 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 || f))
         return;
       W(this.layoutCorrected, this.layout.layoutBox);
-      const f = this.treeScale.x, d = this.treeScale.y;
-      $c(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 h = this.treeScale.x, d = this.treeScale.y;
+      zc(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: p } = a;
       if (!p) {
         this.projectionTransform && (this.projectionDelta = Pt(), this.projectionTransform = "none", this.scheduleRender());
@@ -4093,7 +4091,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       this.projectionDelta || (this.projectionDelta = Pt(), this.projectionDeltaWithTransform = Pt());
       const m = this.projectionTransform;
-      Ft(this.projectionDelta, this.layoutCorrected, p, this.latestValues), this.projectionTransform = Cs(this.projectionDelta, this.treeScale), (this.projectionTransform !== m || this.treeScale.x !== f || this.treeScale.y !== d) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p)), pt.recalculatedProjection++;
+      Ft(this.projectionDelta, this.layoutCorrected, p, this.latestValues), this.projectionTransform = Cs(this.projectionDelta, this.treeScale), (this.projectionTransform !== m || this.treeScale.x !== h || this.treeScale.y !== d) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p)), pt.recalculatedProjection++;
     }
     hide() {
       this.isVisible = !1;
@@ -4109,19 +4107,19 @@ function po({ 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 }, f = Pt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = k(), d = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = d !== p, v = this.getStack(), b = !v || v.members.length <= 1, y = !!(m && !b && this.options.crossfade === !0 && !this.path.some(Lu));
+      const h = k(), d = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = d !== p, v = this.getStack(), b = !v || v.members.length <= 1, y = !!(m && !b && this.options.crossfade === !0 && !this.path.some(Ru));
       this.animationProgress = 0;
       let g;
       this.mixTargetDelta = (x) => {
         const P = x / 1e3;
-        Ls(h.x, o.x, P), Ls(h.y, o.y, P), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ot(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Ru(this.relativeTarget, this.relativeTargetOrigin, f, P), g && uu(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = k()), W(g, this.relativeTarget)), m && (this.animationValues = u, iu(u, c, this.latestValues, P, y, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
+        Ls(f.x, o.x, P), Ls(f.y, o.y, P), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Ot(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Du(this.relativeTarget, this.relativeTargetOrigin, h, P), g && lu(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = k()), W(g, this.relativeTarget)), m && (this.animationValues = u, nu(u, c, this.latestValues, P, y, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
       this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (et(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = V.update(() => {
-        ne.hasAnimatedSinceResize = !0, this.currentAnimation = yu(0, Ds, {
+        ne.hasAnimatedSinceResize = !0, this.currentAnimation = mu(0, Ds, {
           ...o,
           onUpdate: (a) => {
             this.mixTargetDelta(a), o.onUpdate && o.onUpdate(a);
@@ -4146,16 +4144,16 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(!a || !l || !c)) {
         if (this !== o && this.layout && c && mo(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
           l = this.target || k();
-          const h = z(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);
-          l.y.min = o.target.y.min, l.y.max = l.y.min + f;
+          const f = z(this.layout.layoutBox.x);
+          l.x.min = o.target.x.min, l.x.max = l.x.min + f;
+          const h = z(this.layout.layoutBox.y);
+          l.y.min = o.target.y.min, l.y.max = l.y.min + h;
         }
         W(a, l), At(a, u), Ft(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(o, a) {
-      this.sharedNodes.has(o) || this.sharedNodes.set(o, new hu()), this.sharedNodes.get(o).add(a);
+      this.sharedNodes.has(o) || this.sharedNodes.set(o, new cu()), this.sharedNodes.get(o).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -4199,8 +4197,8 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       const c = {};
       for (let u = 0; u < Ms.length; u++) {
-        const h = "rotate" + Ms[u];
-        l[h] && (c[h] = l[h], o.setStaticValue(h, 0));
+        const f = "rotate" + Ms[u];
+        l[f] && (c[f] = l[f], o.setStaticValue(f, 0));
       }
       o.render();
       for (const u in c)
@@ -4212,25 +4210,25 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!this.instance || this.isSVG)
         return;
       if (!this.isVisible)
-        return vu;
+        return gu;
       const c = {
         visibility: ""
       }, u = this.getTransformTemplate();
       if (this.needsReset)
         return this.needsReset = !1, c.opacity = "", c.pointerEvents = ee(o == null ? void 0 : o.pointerEvents) || "", c.transform = u ? u(this.latestValues, "") : "none", c;
-      const h = this.getLead();
-      if (!this.projectionDelta || !this.layout || !h.target) {
+      const f = this.getLead();
+      if (!this.projectionDelta || !this.layout || !f.target) {
         const m = {};
         return this.options.layoutId && (m.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, m.pointerEvents = ee(o == null ? void 0 : o.pointerEvents) || ""), this.hasProjected && !dt(this.latestValues) && (m.transform = u ? u({}, "") : "none", this.hasProjected = !1), m;
       }
-      const f = h.animationValues || h.latestValues;
-      this.applyTransformsToTarget(), c.transform = Cs(this.projectionDeltaWithTransform, this.treeScale, f), u && (c.transform = u(f, c.transform));
+      const h = f.animationValues || f.latestValues;
+      this.applyTransformsToTarget(), c.transform = Cs(this.projectionDeltaWithTransform, this.treeScale, h), u && (c.transform = u(h, c.transform));
       const { x: d, y: p } = this.projectionDelta;
-      c.transformOrigin = `${d.origin * 100}% ${p.origin * 100}% 0`, h.animationValues ? c.opacity = h === this ? (l = (a = f.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : f.opacityExit : c.opacity = h === this ? f.opacity !== void 0 ? f.opacity : "" : f.opacityExit !== void 0 ? f.opacityExit : 0;
+      c.transformOrigin = `${d.origin * 100}% ${p.origin * 100}% 0`, f.animationValues ? c.opacity = f === this ? (l = (a = h.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : h.opacityExit : c.opacity = f === this ? h.opacity !== void 0 ? h.opacity : "" : h.opacityExit !== void 0 ? h.opacityExit : 0;
       for (const m in se) {
-        if (f[m] === void 0)
+        if (h[m] === void 0)
           continue;
-        const { correct: v, applyTo: b } = se[m], y = c.transform === "none" ? f[m] : v(f[m], h);
+        const { correct: v, applyTo: b } = se[m], y = c.transform === "none" ? h[m] : v(h[m], f);
         if (b) {
           const g = b.length;
           for (let x = 0; x < g; x++)
@@ -4238,7 +4236,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         } else
           c[m] = y;
       }
-      return this.options.layoutId && (c.pointerEvents = h === this ? ee(o == null ? void 0 : o.pointerEvents) || "" : "none"), c;
+      return this.options.layoutId && (c.pointerEvents = f === this ? ee(o == null ? void 0 : o.pointerEvents) || "" : "none"), c;
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4248,40 +4246,40 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.root.nodes.forEach((o) => {
         var a;
         return (a = o.currentAnimation) === null || a === void 0 ? void 0 : a.stop();
-      }), this.root.nodes.forEach(_s), this.root.sharedNodes.clear();
+      }), this.root.nodes.forEach(Rs), this.root.sharedNodes.clear();
     }
   };
 }
-function bu(t) {
+function vu(t) {
   t.updateLayout();
 }
-function wu(t) {
+function xu(t) {
   var e;
   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" ? $((h) => {
-      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = z(f);
-      f.min = s[h].min, f.max = f.min + d;
-    }) : mo(r, n.layoutBox, s) && $((h) => {
-      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = z(s[h]);
-      f.max = f.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + d);
+    r === "size" ? $((f) => {
+      const h = o ? n.measuredBox[f] : n.layoutBox[f], d = z(h);
+      h.min = s[f].min, h.max = h.min + d;
+    }) : mo(r, n.layoutBox, s) && $((f) => {
+      const h = o ? n.measuredBox[f] : n.layoutBox[f], d = z(s[f]);
+      h.max = h.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[f].max = t.relativeTarget[f].min + d);
     });
     const a = Pt();
     Ft(a, s, n.layoutBox);
     const l = Pt();
     o ? Ft(l, t.applyTransform(i, !0), n.measuredBox) : Ft(l, s, n.layoutBox);
-    const c = !ho(a);
+    const c = !fo(a);
     let u = !1;
     if (!t.resumeFrom) {
-      const h = t.getClosestProjectingParent();
-      if (h && !h.resumeFrom) {
-        const { snapshot: f, layout: d } = h;
-        if (f && d) {
+      const f = t.getClosestProjectingParent();
+      if (f && !f.resumeFrom) {
+        const { snapshot: h, layout: d } = f;
+        if (h && d) {
           const p = k();
-          Ot(p, n.layoutBox, f.layoutBox);
+          Ot(p, n.layoutBox, h.layoutBox);
           const m = k();
-          Ot(m, s, d.layoutBox), fo(p, m) || (u = !0), h.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = h);
+          Ot(m, s, d.layoutBox), ho(p, m) || (u = !0), f.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = f);
         }
       }
     }
@@ -4299,66 +4297,66 @@ function wu(t) {
   }
   t.options.transition = void 0;
 }
-function Tu(t) {
+function bu(t) {
   pt.totalNodes++, t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function Pu(t) {
+function wu(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function Au(t) {
+function Tu(t) {
   t.clearSnapshot();
 }
-function _s(t) {
+function Rs(t) {
   t.clearMeasurements();
 }
-function Su(t) {
+function Pu(t) {
   t.isLayoutDirty = !1;
 }
-function Vu(t) {
+function Au(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function Rs(t) {
+function _s(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function Cu(t) {
+function Su(t) {
   t.resolveTargetDelta();
 }
-function Mu(t) {
+function Vu(t) {
   t.calcProjection();
 }
-function Du(t) {
+function Cu(t) {
   t.resetRotation();
 }
-function _u(t) {
+function Mu(t) {
   t.removeLeadSnapshot();
 }
 function Ls(t, e, n) {
-  t.translate = R(e.translate, 0, n), t.scale = R(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
+  t.translate = _(e.translate, 0, n), t.scale = _(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
 function Es(t, e, n, s) {
-  t.min = R(e.min, n.min, s), t.max = R(e.max, n.max, s);
+  t.min = _(e.min, n.min, s), t.max = _(e.max, n.max, s);
 }
-function Ru(t, e, n, s) {
+function Du(t, e, n, s) {
   Es(t.x, e.x, n.x, s), Es(t.y, e.y, n.y, s);
 }
-function Lu(t) {
+function Ru(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const Eu = {
+const _u = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, ks = (t) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(t), Bs = ks("applewebkit/") && !ks("chrome/") ? Math.round : E;
 function Is(t) {
   t.min = Bs(t.min), t.max = Bs(t.max);
 }
-function ku(t) {
+function Lu(t) {
   Is(t.x), Is(t.y);
 }
 function mo(t, e, n) {
   return t === "position" || t === "preserve-aspect" && !$e(Vs(e), Vs(n), 0.2);
 }
-const Bu = po({
+const Eu = po({
   attachResizeListener: (t, e) => Z(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -4374,7 +4372,7 @@ const Bu = po({
   }),
   defaultParent: () => {
     if (!ke.current) {
-      const t = new Bu({});
+      const t = new Eu({});
       t.mount(window), t.setOptions({ layoutScroll: !0 }), ke.current = t;
     }
     return ke.current;
@@ -4383,27 +4381,27 @@ const Bu = po({
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), Iu = {
+}), ku = {
   pan: {
-    Feature: Zc
+    Feature: Xc
   },
   drag: {
-    Feature: Qc,
+    Feature: Yc,
     ProjectionNode: go,
     MeasureLayout: lo
   }
-}, Fu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
-function Ou(t) {
-  const e = Fu.exec(t);
+}, Bu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
+function Iu(t) {
+  const e = Bu.exec(t);
   if (!e)
     return [,];
   const [, n, s] = e;
   return [n, s];
 }
-const ju = 4;
+const Fu = 4;
 function Ke(t, e, n = 1) {
-  q(n <= ju, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
-  const [s, i] = Ou(t);
+  q(n <= Fu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
+  const [s, i] = Iu(t);
   if (!s)
     return;
   const r = window.getComputedStyle(e).getPropertyValue(s);
@@ -4413,7 +4411,7 @@ function Ke(t, e, n = 1) {
   } else
     return Fe(i) ? Ke(i, e, n + 1) : i;
 }
-function Nu(t, { ...e }, n) {
+function Ou(t, { ...e }, n) {
   const s = t.current;
   if (!(s instanceof Element))
     return { target: e, transitionEnd: n };
@@ -4433,7 +4431,7 @@ function Nu(t, { ...e }, n) {
   }
   return { target: e, transitionEnd: n };
 }
-const Uu = /* @__PURE__ */ new Set([
+const ju = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -4444,7 +4442,7 @@ const Uu = /* @__PURE__ */ new Set([
   "y",
   "translateX",
   "translateY"
-]), yo = (t) => Uu.has(t), zu = (t) => Object.keys(t).some(yo), te = (t) => t === yt || t === w, Fs = (t, e) => parseFloat(t.split(", ")[e]), Os = (t, e) => (n, { transform: s }) => {
+]), yo = (t) => ju.has(t), Nu = (t) => Object.keys(t).some(yo), te = (t) => t === yt || t === w, Fs = (t, e) => parseFloat(t.split(", ")[e]), Os = (t, e) => (n, { transform: s }) => {
   if (s === "none" || !s)
     return 0;
   const i = s.match(/^matrix3d\((.+)\)$/);
@@ -4454,10 +4452,10 @@ const Uu = /* @__PURE__ */ new Set([
     const r = s.match(/^matrix\((.+)\)$/);
     return r ? Fs(r[1], t) : 0;
   }
-}, Wu = /* @__PURE__ */ new Set(["x", "y", "z"]), $u = $t.filter((t) => !Wu.has(t));
-function Gu(t) {
+}, Uu = /* @__PURE__ */ new Set(["x", "y", "z"]), zu = $t.filter((t) => !Uu.has(t));
+function Wu(t) {
   const e = [];
-  return $u.forEach((n) => {
+  return zu.forEach((n) => {
     const s = t.getValue(n);
     s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), e.length && t.render(), e;
@@ -4476,7 +4474,7 @@ const Ct = {
 };
 Ct.translateX = Ct.x;
 Ct.translateY = Ct.y;
-const Hu = (t, e, n) => {
+const $u = (t, e, n) => {
   const s = e.measureViewportBox(), i = e.current, r = getComputedStyle(i), { display: o } = r, a = {};
   o === "none" && e.setStaticValue("display", t.display || "block"), n.forEach((c) => {
     a[c] = Ct[c](s, r);
@@ -4486,7 +4484,7 @@ const Hu = (t, e, n) => {
     const u = e.getValue(c);
     u && u.jump(a[c]), t[c] = Ct[c](l, r);
   }), t;
-}, qu = (t, e, n = {}, s = {}) => {
+}, Gu = (t, e, n = {}, s = {}) => {
   e = { ...e }, s = { ...s };
   const i = Object.keys(e).filter(yo);
   let r = [], o = !1;
@@ -4495,38 +4493,38 @@ const Hu = (t, e, n) => {
     const c = t.getValue(l);
     if (!t.hasValue(l))
       return;
-    let u = n[l], h = Lt(u);
-    const f = e[l];
+    let u = n[l], f = Lt(u);
+    const h = e[l];
     let d;
-    if (oe(f)) {
-      const p = f.length, m = f[0] === null ? 1 : 0;
-      u = f[m], h = Lt(u);
-      for (let v = m; v < p && f[v] !== null; v++)
-        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"));
+    if (oe(h)) {
+      const p = h.length, m = h[0] === null ? 1 : 0;
+      u = h[m], f = Lt(u);
+      for (let v = m; v < p && h[v] !== null; v++)
+        d ? q(Lt(h[v]) === d, "All keyframes must be of the same type") : (d = Lt(h[v]), q(d === f || te(f) && te(d), "Keyframes must be of the same dimension as the current value"));
     } else
-      d = Lt(f);
-    if (h !== d)
-      if (te(h) && te(d)) {
+      d = Lt(h);
+    if (f !== d)
+      if (te(f) && te(d)) {
         const p = c.get();
-        typeof p == "string" && c.set(parseFloat(p)), typeof f == "string" ? e[l] = parseFloat(f) : Array.isArray(f) && d === w && (e[l] = f.map(parseFloat));
+        typeof p == "string" && c.set(parseFloat(p)), typeof h == "string" ? e[l] = parseFloat(h) : Array.isArray(h) && d === w && (e[l] = h.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 = Gu(t), o = !0), a.push(l), s[l] = s[l] !== void 0 ? s[l] : e[l], c.jump(f));
+        f != null && f.transform && (d != null && d.transform) && (u === 0 || h === 0) ? u === 0 ? c.set(d.transform(u)) : e[l] = f.transform(h) : (o || (r = Wu(t), o = !0), a.push(l), s[l] = s[l] !== void 0 ? s[l] : e[l], c.jump(h));
   }), a.length) {
-    const l = a.indexOf("height") >= 0 ? window.pageYOffset : null, c = Hu(e, t, a);
-    return r.length && r.forEach(([u, h]) => {
-      t.getValue(u).set(h);
+    const l = a.indexOf("height") >= 0 ? window.pageYOffset : null, c = $u(e, t, a);
+    return r.length && r.forEach(([u, f]) => {
+      t.getValue(u).set(f);
     }), t.render(), pe && l !== null && window.scrollTo({ top: l }), { target: c, transitionEnd: s };
   } else
     return { target: e, transitionEnd: s };
 };
-function Ku(t, e, n, s) {
-  return zu(e) ? qu(t, e, n, s) : { target: e, transitionEnd: s };
+function Hu(t, e, n, s) {
+  return Nu(e) ? Gu(t, e, n, s) : { target: e, transitionEnd: s };
 }
-const Yu = (t, e, n, s) => {
-  const i = Nu(t, e, s);
-  return e = i.target, s = i.transitionEnd, Ku(t, e, n, s);
+const qu = (t, e, n, s) => {
+  const i = Ou(t, e, s);
+  return e = i.target, s = i.transitionEnd, Hu(t, e, n, s);
 }, Ye = { current: null }, vo = { current: !1 };
-function Xu() {
+function Ku() {
   if (vo.current = !0, !!pe)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ye.current = t.matches;
@@ -4534,7 +4532,7 @@ function Xu() {
     } else
       Ye.current = !1;
 }
-function Qu(t, e, n) {
+function Yu(t, e, n) {
   const { willChange: s } = e;
   for (const i in e) {
     const r = e[i], o = n[i];
@@ -4555,7 +4553,7 @@ function Qu(t, e, n) {
     e[i] === void 0 && t.removeValue(i);
   return e;
 }
-const js = /* @__PURE__ */ new WeakMap(), xo = Object.keys(Ut), Zu = xo.length, Ns = [
+const js = /* @__PURE__ */ new WeakMap(), xo = Object.keys(Ut), Xu = xo.length, Ns = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -4563,8 +4561,8 @@ const js = /* @__PURE__ */ new WeakMap(), xo = Object.keys(Ut), Zu = xo.length,
   "LayoutMeasure",
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
-], Ju = an.length;
-class th {
+], Qu = an.length;
+class Zu {
   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));
@@ -4572,9 +4570,9 @@ class th {
     const { latestValues: a, renderState: l } = r;
     this.latestValues = a, this.baseTarget = { ...a }, this.initialValues = n.initial ? { ...a } : {}, this.renderState = l, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = o, this.isControllingVariants = ge(n), this.isVariantNode = ni(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: c, ...u } = this.scrapeMotionValuesFromProps(n, {});
-    for (const h in u) {
-      const f = u[h];
-      a[h] !== void 0 && U(f) && (f.set(a[h], !1), ce(c) && c.add(h));
+    for (const f in u) {
+      const h = u[f];
+      a[f] !== void 0 && U(h) && (h.set(a[f], !1), ce(c) && c.add(f));
     }
   }
   /**
@@ -4588,7 +4586,7 @@ class th {
     return {};
   }
   mount(e) {
-    this.current = e, js.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), vo.current || Xu(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Ye.current, process.env.NODE_ENV !== "production" && An(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = e, js.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), vo.current || Ku(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Ye.current, process.env.NODE_ENV !== "production" && An(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     js.delete(this.current), this.projection && this.projection.unmount(), et(this.notifyUpdate), et(this.render), this.valueSubscriptions.forEach((e) => e()), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -4615,17 +4613,17 @@ class th {
       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 < Zu; 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));
+    for (let l = 0; l < Xu; l++) {
+      const c = xo[l], { isEnabled: u, Feature: f, ProjectionNode: h, MeasureLayout: d } = Ut[c];
+      h && (o = h), u(n) && (!this.features[c] && f && (this.features[c] = new f(this)), d && (a = d));
     }
     if ((this.type === "html" || this.type === "svg") && !this.projection && o) {
       this.projection = new o(this.latestValues, this.parent && this.parent.projection);
-      const { layoutId: l, layout: c, drag: u, dragConstraints: h, layoutScroll: f, layoutRoot: d } = n;
+      const { layoutId: l, layout: c, drag: u, dragConstraints: f, layoutScroll: h, layoutRoot: d } = n;
       this.projection.setOptions({
         layoutId: l,
         layout: c,
-        alwaysMeasureLayout: !!u || h && wt(h),
+        alwaysMeasureLayout: !!u || f && wt(f),
         visualElement: this,
         scheduleRender: () => this.scheduleRender(),
         /**
@@ -4637,7 +4635,7 @@ class th {
          */
         animationType: typeof c == "string" ? c : "both",
         initialPromotionConfig: r,
-        layoutScroll: f,
+        layoutScroll: h,
         layoutRoot: d
       });
     }
@@ -4688,7 +4686,7 @@ class th {
       const r = e["on" + i];
       r && (this.propEventSubscriptions[i] = this.on(i, r));
     }
-    this.prevMotionValues = Qu(this, this.scrapeMotionValuesFromProps(e, this.prevProps), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Yu(this, this.scrapeMotionValuesFromProps(e, this.prevProps), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -4719,7 +4717,7 @@ class th {
       return this.props.initial !== void 0 && (s.initial = this.props.initial), s;
     }
     const n = {};
-    for (let s = 0; s < Ju; s++) {
+    for (let s = 0; s < Qu; s++) {
       const i = an[s], r = this.props[i];
       (Nt(r) || r === !1) && (n[i] = r);
     }
@@ -4794,7 +4792,7 @@ class th {
     this.events[e] && this.events[e].notify(...n);
   }
 }
-class bo extends th {
+class bo extends Zu {
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
   }
@@ -4805,10 +4803,10 @@ class bo extends th {
     delete n[e], delete s[e];
   }
   makeTargetAnimatableFromInstance({ transition: e, transitionEnd: n, ...s }, { transformValues: i }, r) {
-    let o = gc(s, e || {}, this);
+    let o = pc(s, e || {}, this);
     if (i && (n && (n = i(n)), s && (s = i(s)), o && (o = i(o))), r) {
-      pc(this, s, o);
-      const a = Yu(this, s, o, n);
+      hc(this, s, o);
+      const a = qu(this, s, o, n);
       n = a.transitionEnd, s = a.target;
     }
     return {
@@ -4818,10 +4816,10 @@ class bo extends th {
     };
   }
 }
-function eh(t) {
+function Ju(t) {
   return window.getComputedStyle(t);
 }
-class nh extends bo {
+class tf extends bo {
   constructor() {
     super(...arguments), this.type = "html";
   }
@@ -4830,7 +4828,7 @@ class nh extends bo {
       const s = vn(n);
       return s && s.default || 0;
     } else {
-      const s = eh(e), i = (ai(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Ju(e), i = (ai(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -4854,7 +4852,7 @@ class nh extends bo {
     di(e, n, s, i);
   }
 }
-class sh extends bo {
+class ef extends bo {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1;
   }
@@ -4875,26 +4873,26 @@ class sh extends bo {
     return gi(e, n);
   }
   build(e, n, s, i) {
-    hn(e, n, s, this.isSVGTag, i.transformTemplate);
+    fn(e, n, s, this.isSVGTag, i.transformTemplate);
   }
   renderInstance(e, n, s, i) {
     mi(e, n, s, i);
   }
   mount(e) {
-    this.isSVGTag = fn(e.tagName), super.mount(e);
+    this.isSVGTag = hn(e.tagName), super.mount(e);
   }
 }
-const ih = (t, e) => ln(t) ? new sh(e, { enableHardwareAcceleration: !1 }) : new nh(e, { enableHardwareAcceleration: !0 }), oh = {
+const nf = (t, e) => ln(t) ? new ef(e, { enableHardwareAcceleration: !1 }) : new tf(e, { enableHardwareAcceleration: !0 }), sf = {
   layout: {
     ProjectionNode: go,
     MeasureLayout: lo
   }
-}, rh = {
-  ...Rc,
-  ...Ja,
-  ...Iu,
-  ...oh
-}, Sn = /* @__PURE__ */ aa((t, e) => Na(t, e, rh, ih));
+}, of = {
+  ...Dc,
+  ...Qa,
+  ...ku,
+  ...sf
+}, Sn = /* @__PURE__ */ oa((t, e) => Oa(t, e, of, nf));
 function Us(t) {
   for (; t.startsWith("/"); )
     t = t.slice(1);
@@ -4912,7 +4910,7 @@ function wo(t, e, n = []) {
   }
   return null;
 }
-function ah(t) {
+function rf(t) {
   return /* @__PURE__ */ T(
     "svg",
     {
@@ -4934,22 +4932,22 @@ function ah(t) {
     }
   );
 }
-function bh(t) {
-  return /* @__PURE__ */ T(No, { children: /* @__PURE__ */ T(lh, { ...t }) });
+function xf(t) {
+  return /* @__PURE__ */ T(No, { children: /* @__PURE__ */ T(af, { ...t }) });
 }
-function lh(t) {
+function af(t) {
   const { baseUrl: e, menuPath: n } = t;
   console.log("baseUrl:", e);
   const s = Uo();
   console.log("location:", s);
-  const [i, r] = ot([]), [o, a] = ot(!0), l = (wo(i, s.pathname) || []).filter((y) => y.parentKey !== 0), [c, u] = ot({}), h = (y) => {
+  const [i, r] = ot([]), [o, a] = ot(!0), l = (wo(i, s.pathname) || []).filter((y) => y.parentKey !== 0), [c, u] = ot({}), f = (y) => {
     u({
       ...c,
       [y]: !c[y]
     });
   };
   console.log("matchPaths:", l);
-  const f = () => {
+  const h = () => {
     a(!o);
   };
   Wt(() => {
@@ -4974,7 +4972,7 @@ function lh(t) {
       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("div", { className: b("side-bar__toggle-btn"), children: /* @__PURE__ */ T("button", { className: "icon-btn", onClick: h, children: o ? /* @__PURE__ */ T(Zs, {}) : /* @__PURE__ */ T(Qs, {}) }) }),
         /* @__PURE__ */ T(
           "div",
           {
@@ -4987,7 +4985,7 @@ function lh(t) {
                 isActive: (x) => l.some((P) => P.id === x),
                 isCollapsed: o,
                 expanded: (x) => c[x],
-                toggleExpand: h
+                toggleExpand: f
               },
               y.id
             ))
@@ -5000,7 +4998,7 @@ function lh(t) {
               className: b("side-bar__logout-btn"),
               onClick: () => p(!0),
               children: [
-                /* @__PURE__ */ T(ah, {}),
+                /* @__PURE__ */ T(rf, {}),
                 /* @__PURE__ */ T("span", { className: `ml-3 ${o ? "hidden" : ""}`, children: "Logout" })
               ]
             }
@@ -5020,12 +5018,12 @@ function lh(t) {
 }
 function To({ 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), p = St();
+  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}`, f = !!((v = t.children) != null && v.length), [h, d] = ot(!1), p = St();
   function m(b) {
     var P;
     const { level: y, hovered: g, parentRef: x } = b;
-    return !h || i && y >= 2 && !g ? null : /* @__PURE__ */ T(
-      ch,
+    return !f || i && y >= 2 && !g ? null : /* @__PURE__ */ T(
+      lf,
       {
         parentRef: x,
         onlyChild: !i || i && y < 2,
@@ -5056,13 +5054,13 @@ function To({ item: t, level: e = 0, ...n }) {
         /* @__PURE__ */ I(
           zo,
           {
-            to: h ? "#" : t.path || "#",
+            to: f ? "#" : t.path || "#",
             style: {
               paddingLeft: `${i ? "0.5rem" : `${e * 1}rem`}`
             },
             className: u("menu-item__link"),
             onClick: () => {
-              h && !i && o(t.id);
+              f && !i && o(t.id);
             },
             children: [
               e !== 0 && /* @__PURE__ */ T("div", { className: u("menu-item__icon"), children: /* @__PURE__ */ T(
@@ -5078,7 +5076,7 @@ function To({ item: t, level: e = 0, ...n }) {
                 " ",
                 t.name
               ] }),
-              h && /* @__PURE__ */ T("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ T(
+              f && /* @__PURE__ */ T("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ T(
                 Xs,
                 {
                   className: u(
@@ -5090,13 +5088,13 @@ function To({ item: t, level: e = 0, ...n }) {
             ]
           }
         ),
-        m({ level: e + 1, hovered: f, parentRef: p })
+        m({ level: e + 1, hovered: h, parentRef: p })
       ]
     },
     t.id
   );
 }
-function ch(t) {
+function lf(t) {
   const { children: e, parentRef: n, onlyChild: s } = t, [i, r] = ot({ top: 0, left: 0 });
   return Ws(() => {
     if (n.current) {
@@ -5122,6 +5120,6 @@ function ch(t) {
   );
 }
 export {
-  bh as GlobalMenu,
-  vh as TopBar
+  xf as GlobalMenu,
+  yf as TopBar
 };