@ukpc-lib/react 0.0.4 → 0.0.5

package/dist/components/index.js

@@ -1,49 +1,25 @@
 import "../index.css";
-import Xe, { jsxs as I, jsx as T, Fragment as Ao } from "react/jsx-runtime";
+import Xe, { jsxs as O, jsx as T, Fragment as Ao } from "react/jsx-runtime";
 import * as R from "react";
-import zs, { useState as ot, useRef as St, useEffect as Wt, createContext as Mt, useLayoutEffect as Ws, useContext as 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 = "_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,
-  "mb-10": "_mb-10_de8pp_1",
-  "ml-3": "_ml-3_de8pp_1",
-  "mt-10": "_mt-10_de8pp_1",
-  "mt-6": "_mt-6_de8pp_1",
-  flex: qo,
-  hidden: Ko,
-  "h-[70px]": "_h-[70px]_de8pp_1",
-  "h-[8px]": "_h-[8px]_de8pp_1",
-  "h-screen": "_h-screen_de8pp_1",
-  "min-h-[1000px]": "_min-h-[1000px]_de8pp_1",
-  "w-full": "_w-full_de8pp_1",
-  "flex-1": "_flex-1_de8pp_1",
-  "cursor-pointer": "_cursor-pointer_de8pp_1",
-  "flex-col": "_flex-col_de8pp_1",
-  "overflow-auto": "_overflow-auto_de8pp_1",
-  "overflow-hidden": "_overflow-hidden_de8pp_1",
-  "overflow-y-auto": "_overflow-y-auto_de8pp_1",
-  "overflow-x-hidden": "_overflow-x-hidden_de8pp_1",
-  "bg-gray-100": "_bg-gray-100_de8pp_1",
-  "text-sm": "_text-sm_de8pp_1",
-  "text-white": "_text-white_de8pp_1",
-  filter: Yo,
-  transition: Xo,
-  "avatar-dropdown-item": "_avatar-dropdown-item_de8pp_5",
-  avartarDropdownMenu: Qo,
-  navbar: Zo,
-  "navbar-container": "_navbar-container_de8pp_17",
-  "right-side-container": "_right-side-container_de8pp_21",
-  userContainer: Jo,
-  userFullName: tr,
-  userAvatar: er
+import zs, { useState as ot, useRef as St, useEffect as Wt, createContext as Mt, useLayoutEffect as Ws, useContext as U, useInsertionEffect as So, useCallback as Vo, useMemo as he, forwardRef as Co, createElement as Gs, useId as Mo } from "react";
+import { g as Do, a as Ro, s as Lo, c as Nt, u as Eo, _ as ko, b as Ie, d as Bo, P as D, e as Io, C as Fo, r as Oo, f as jo } from "../styled-f324a192.js";
+import { createPortal as No } from "react-dom";
+import { useLocation as Uo, Link as _o } from "react-router-dom";
+import zo from "axios";
+const Wo = "_avartarDropdownMenu_zliwx_13", Go = "_navbar_zliwx_25", $o = "_userContainer_zliwx_53", Ho = "_userFullName_zliwx_59", qo = "_userAvatar_zliwx_66", Ko = "_relative_zliwx_74", $ = {
+  "avatar-dropdown-item": "_avatar-dropdown-item_zliwx_1",
+  avartarDropdownMenu: Wo,
+  navbar: Go,
+  "navbar-container": "_navbar-container_zliwx_36",
+  "right-side-container": "_right-side-container_zliwx_44",
+  userContainer: $o,
+  userFullName: Ho,
+  userAvatar: qo,
+  relative: Ko,
+  "cursor-pointer": "_cursor-pointer_zliwx_78"
 };
-function nr() {
-  return /* @__PURE__ */ I(
+function Yo() {
+  return /* @__PURE__ */ O(
     "svg",
     {
       width: "24",
@@ -79,8 +55,8 @@ function nr() {
     }
   );
 }
-function sr() {
-  return /* @__PURE__ */ I(
+function Xo() {
+  return /* @__PURE__ */ O(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -134,41 +110,17 @@ function sr() {
     }
   );
 }
-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: lr,
-  hidden: cr,
-  "h-[70px]": "_h-[70px]_14n48_1",
-  "h-[8px]": "_h-[8px]_14n48_1",
-  "h-screen": "_h-screen_14n48_1",
-  "min-h-[1000px]": "_min-h-[1000px]_14n48_1",
-  "w-full": "_w-full_14n48_1",
-  "flex-1": "_flex-1_14n48_1",
-  "cursor-pointer": "_cursor-pointer_14n48_1",
-  "flex-col": "_flex-col_14n48_1",
-  "overflow-auto": "_overflow-auto_14n48_1",
-  "overflow-hidden": "_overflow-hidden_14n48_1",
-  "overflow-y-auto": "_overflow-y-auto_14n48_1",
-  "overflow-x-hidden": "_overflow-x-hidden_14n48_1",
-  "bg-gray-100": "_bg-gray-100_14n48_1",
-  "text-sm": "_text-sm_14n48_1",
-  "text-white": "_text-white_14n48_1",
-  filter: ur,
-  transition: fr,
-  "modal-overlay": "_modal-overlay_14n48_5",
-  "modal-title": "_modal-title_14n48_9",
-  "modal-footer": "_modal-footer_14n48_13",
-  "modal-container": "_modal-container_14n48_17",
-  "modal-button": "_modal-button_14n48_35",
-  "confirm-btn": "_confirm-btn_14n48_43"
+const Qo = "data:image/png;base64,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", Q = {
+  "modal-overlay": "_modal-overlay_10n3k_1",
+  "modal-title": "_modal-title_10n3k_12",
+  "modal-footer": "_modal-footer_10n3k_19",
+  "modal-container": "_modal-container_10n3k_25",
+  "modal-button": "_modal-button_10n3k_43",
+  "confirm-btn": "_confirm-btn_10n3k_51",
+  "text-white": "_text-white_10n3k_55",
+  "text-sm": "_text-sm_10n3k_59"
 };
-function Gs({
+function $s({
   isOpen: t,
   onClose: e,
   onConfirm: n
@@ -185,10 +137,10 @@ function Gs({
       onClick: s,
       className: Q["modal-overlay"],
       id: "modal-wrapper",
-      children: /* @__PURE__ */ I("div", { className: Q["modal-container"], children: [
+      children: /* @__PURE__ */ O("div", { className: Q["modal-container"], children: [
         /* @__PURE__ */ T("h3", { className: Q["modal-title"], children: "Log out" }),
         /* @__PURE__ */ T("p", { className: Q["text-sm"], children: "Are you sure want to log out?" }),
-        /* @__PURE__ */ I("div", { className: Q["modal-footer"], children: [
+        /* @__PURE__ */ O("div", { className: Q["modal-footer"], children: [
           /* @__PURE__ */ T("button", { className: Q["modal-button"], onClick: e, children: "Cancel" }),
           /* @__PURE__ */ T(
             "button",
@@ -203,31 +155,33 @@ function Gs({
     }
   );
 }
-function yf({
+function nh({
   logo: t,
   user: e,
-  baseUrl: n
+  baseUrl: n,
+  style: s,
+  classNames: i = ""
 }) {
-  const s = t || "/public/assets/icons/logo-header.png";
-  return /* @__PURE__ */ T("nav", { className: G.navbar, children: /* @__PURE__ */ I("div", { className: G["navbar-container"], children: [
-    /* @__PURE__ */ T("img", { src: s, alt: "logo-header" }),
-    /* @__PURE__ */ I("div", { className: G["right-side-container"], children: [
-      /* @__PURE__ */ I("div", { className: G.userContainer, children: [
+  const r = t || "/public/assets/icons/logo-header.png";
+  return /* @__PURE__ */ T("nav", { className: `${$.navbar} ${i}`, style: s, children: /* @__PURE__ */ O("div", { className: $["navbar-container"], children: [
+    /* @__PURE__ */ T("img", { src: r, alt: "logo-header" }),
+    /* @__PURE__ */ O("div", { className: $["right-side-container"], children: [
+      /* @__PURE__ */ O("div", { className: $.userContainer, children: [
         /* @__PURE__ */ T(
           "p",
           {
-            className: G.userFullName,
+            className: $.userFullName,
             children: `${e == null ? void 0 : e.firstName} ${e == null ? void 0 : e.lastName}`
           }
         ),
-        /* @__PURE__ */ T(hr, { baseUrl: n, avatarUrl: e == null ? void 0 : e.avatarUrl })
+        /* @__PURE__ */ T(Zo, { baseUrl: n, avatarUrl: e == null ? void 0 : e.avatarUrl })
       ] }),
-      /* @__PURE__ */ T("span", { className: G["cursor-pointer"], children: /* @__PURE__ */ T(nr, {}) }),
-      /* @__PURE__ */ T("span", { className: G["cursor-pointer"], children: /* @__PURE__ */ T(sr, {}) })
+      /* @__PURE__ */ T("span", { className: $["cursor-pointer"], children: /* @__PURE__ */ T(Yo, {}) }),
+      /* @__PURE__ */ T("span", { className: $["cursor-pointer"], children: /* @__PURE__ */ T(Xo, {}) })
     ] })
   ] }) });
 }
-function hr({
+function Zo({
   avatarUrl: t,
   baseUrl: e
 }) {
@@ -239,32 +193,32 @@ function hr({
       u.target !== a.current && u.target !== o.current && s(!1);
     }
     return window.addEventListener("click", c), () => window.removeEventListener("click", c);
-  }, []), /* @__PURE__ */ I(Ao, { children: [
-    /* @__PURE__ */ I("div", { className: G.relative, children: [
+  }, []), /* @__PURE__ */ O(Ao, { children: [
+    /* @__PURE__ */ O("div", { className: $.relative, children: [
       /* @__PURE__ */ T(
         "img",
         {
           ref: o,
           onClick: () => s((c) => !c),
           alt: "user avatar",
-          className: G.userAvatar,
-          src: t || ir
+          className: $.userAvatar,
+          src: t || Qo
         }
       ),
-      n && /* @__PURE__ */ T("div", { ref: a, className: G.avartarDropdownMenu, children: /* @__PURE__ */ I("ul", { children: [
-        /* @__PURE__ */ T("li", { className: G["avatar-dropdown-item"], children: "Profile" }),
+      n && /* @__PURE__ */ T("div", { ref: a, className: $.avartarDropdownMenu, children: /* @__PURE__ */ O("ul", { children: [
+        /* @__PURE__ */ T("li", { className: $["avatar-dropdown-item"], children: "Profile" }),
         /* @__PURE__ */ T(
           "li",
           {
             onClick: () => r(!0),
-            className: G["avatar-dropdown-item"],
+            className: $["avatar-dropdown-item"],
             children: "Logout"
           }
         )
       ] }) })
     ] }),
     /* @__PURE__ */ T(
-      Gs,
+      $s,
       {
         isOpen: i,
         onClose: () => r(!1),
@@ -283,13 +237,13 @@ var Qe = {}, Hs = { exports: {} };
   t.exports = e, t.exports.__esModule = !0, t.exports.default = t.exports;
 })(Hs);
 var Ze = Hs.exports, we = {};
-function dr(...t) {
+function Jo(...t) {
   return t.reduce((e, n) => n == null ? e : function(...i) {
     e.apply(this, i), n.apply(this, i);
   }, () => {
   });
 }
-function pr(t, e = 166) {
+function tr(t, e = 166) {
   let n;
   function s(...i) {
     const r = () => {
@@ -301,13 +255,13 @@ function pr(t, e = 166) {
     clearTimeout(n);
   }, s;
 }
-function mr(t, e) {
+function er(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 gr(t, e) {
+function nr(t, e) {
   var n, s;
   return /* @__PURE__ */ R.isValidElement(t) && e.indexOf(
     // For server components `muiName` is avaialble in element.type._payload.value.muiName
@@ -319,35 +273,35 @@ function gr(t, e) {
 function qs(t) {
   return t && t.ownerDocument || document;
 }
-function yr(t) {
+function sr(t) {
   return qs(t).defaultView || window;
 }
 function Ks(t, e) {
   typeof t == "function" ? t(e) : t && (t.current = e);
 }
-const vr = typeof window < "u" ? R.useLayoutEffect : R.useEffect, Ys = vr;
-let _n = 0;
-function xr(t) {
+const ir = typeof window < "u" ? R.useLayoutEffect : R.useEffect, Ys = ir;
+let Ln = 0;
+function or(t) {
   const [e, n] = R.useState(t), s = t || e;
   return R.useEffect(() => {
-    e == null && (_n += 1, n(`mui-${_n}`));
+    e == null && (Ln += 1, n(`mui-${Ln}`));
   }, [e]), s;
 }
-const Ln = R["useId".toString()];
-function br(t) {
-  if (Ln !== void 0) {
-    const e = Ln();
+const En = R["useId".toString()];
+function rr(t) {
+  if (En !== void 0) {
+    const e = En();
     return t ?? e;
   }
-  return xr(t);
+  return or(t);
 }
-function wr(t, e, n, s, i) {
+function ar(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 Tr({
+function lr({
   controlled: t,
   default: e,
   name: n,
@@ -374,7 +328,7 @@ function Tr({
   }, []);
   return [a, l];
 }
-function Pr(t) {
+function cr(t) {
   const e = R.useRef(t);
   return Ys(() => {
     e.current = t;
@@ -383,15 +337,15 @@ function Pr(t) {
     (0, e.current)(...n)
   )).current;
 }
-function Ar(...t) {
+function ur(...t) {
   return R.useMemo(() => t.every((e) => e == null) ? null : (e) => {
     t.forEach((n) => {
       Ks(n, e);
     });
   }, t);
 }
-let he = !0, Ie = !1, En;
-const Sr = {
+let fe = !0, Fe = !1, kn;
+const hr = {
   text: !0,
   search: !0,
   url: !0,
@@ -406,26 +360,26 @@ const Sr = {
   datetime: !0,
   "datetime-local": !0
 };
-function Vr(t) {
+function fr(t) {
   const {
     type: e,
     tagName: n
   } = t;
-  return !!(n === "INPUT" && Sr[e] && !t.readOnly || n === "TEXTAREA" && !t.readOnly || t.isContentEditable);
+  return !!(n === "INPUT" && hr[e] && !t.readOnly || n === "TEXTAREA" && !t.readOnly || t.isContentEditable);
 }
-function Cr(t) {
-  t.metaKey || t.altKey || t.ctrlKey || (he = !0);
+function dr(t) {
+  t.metaKey || t.altKey || t.ctrlKey || (fe = !0);
 }
 function Te() {
-  he = !1;
+  fe = !1;
 }
-function Mr() {
-  this.visibilityState === "hidden" && Ie && (he = !0);
+function mr() {
+  this.visibilityState === "hidden" && Fe && (fe = !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 pr(t) {
+  t.addEventListener("keydown", dr, !0), t.addEventListener("mousedown", Te, !0), t.addEventListener("pointerdown", Te, !0), t.addEventListener("touchstart", Te, !0), t.addEventListener("visibilitychange", mr, !0);
 }
-function Rr(t) {
+function gr(t) {
   const {
     target: e
   } = t;
@@ -433,19 +387,19 @@ function Rr(t) {
     return e.matches(":focus-visible");
   } catch {
   }
-  return he || Vr(e);
+  return fe || fr(e);
 }
-function _r() {
+function yr() {
   const t = R.useCallback((i) => {
-    i != null && Dr(i.ownerDocument);
+    i != null && pr(i.ownerDocument);
   }, []), e = R.useRef(!1);
   function n() {
-    return e.current ? (Ie = !0, window.clearTimeout(En), En = window.setTimeout(() => {
-      Ie = !1;
+    return e.current ? (Fe = !0, window.clearTimeout(kn), kn = window.setTimeout(() => {
+      Fe = !1;
     }, 100), e.current = !1, !0) : !1;
   }
   function s(i) {
-    return Rr(i) ? (e.current = !0, !0) : !1;
+    return gr(i) ? (e.current = !0, !0) : !1;
   }
   return {
     isFocusVisibleRef: e,
@@ -454,33 +408,33 @@ function _r() {
     ref: t
   };
 }
-function Lr(t) {
+function vr(t) {
   return Do("MuiSvgIcon", 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 xr = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], br = (t) => {
   const {
     color: e,
     fontSize: n,
     classes: s
   } = t, i = {
-    root: ["root", e !== "inherit" && `color${jt(e)}`, `fontSize${jt(n)}`]
+    root: ["root", e !== "inherit" && `color${Nt(e)}`, `fontSize${Nt(n)}`]
   };
-  return Bo(i, Lr, s);
-}, Br = _o("svg", {
+  return Io(i, vr, s);
+}, wr = Lo("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (t, e) => {
     const {
       ownerState: n
     } = t;
-    return [e.root, n.color !== "inherit" && e[`color${jt(n.color)}`], e[`fontSize${jt(n.fontSize)}`]];
+    return [e.root, n.color !== "inherit" && e[`color${Nt(n.color)}`], e[`fontSize${Nt(n.fontSize)}`]];
   }
 })(({
   theme: t,
   ownerState: e
 }) => {
-  var n, s, i, r, o, a, l, c, u, f, h, d, p;
+  var n, s, i, r, o, a, l, c, u, h, f, d, m;
   return {
     userSelect: "none",
     width: "1em",
@@ -500,14 +454,14 @@ const Er = ["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: (f = (h = (t.vars || t).palette) == null || (h = h[e.color]) == null ? void 0 : h.main) != null ? f : {
+    color: (h = (f = (t.vars || t).palette) == null || (f = f[e.color]) == null ? void 0 : f.main) != null ? h : {
       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,
+      disabled: (m = (t.vars || t).palette) == null || (m = m.action) == null ? void 0 : m.disabled,
       inherit: void 0
     }[e.color]
   };
 }), Je = /* @__PURE__ */ R.forwardRef(function(e, n) {
-  const s = Lo({
+  const s = Eo({
     props: e,
     name: "MuiSvgIcon"
   }), {
@@ -518,31 +472,31 @@ const Er = ["children", "className", "color", "component", "fontSize", "htmlColo
     fontSize: l = "medium",
     htmlColor: c,
     inheritViewBox: u = !1,
-    titleAccess: f,
-    viewBox: h = "0 0 24 24"
-  } = s, d = Eo(s, Er), p = /* @__PURE__ */ R.isValidElement(i) && i.type === "svg", m = Be({}, s, {
+    titleAccess: h,
+    viewBox: f = "0 0 24 24"
+  } = s, d = ko(s, xr), m = /* @__PURE__ */ R.isValidElement(i) && i.type === "svg", p = Ie({}, s, {
     color: o,
     component: a,
     fontSize: l,
     instanceFontSize: e.fontSize,
     inheritViewBox: u,
-    viewBox: h,
-    hasSvgAsChild: p
+    viewBox: f,
+    hasSvgAsChild: m
   }), v = {};
-  u || (v.viewBox = h);
-  const b = kr(m);
-  return /* @__PURE__ */ I(Br, Be({
+  u || (v.viewBox = f);
+  const b = br(p);
+  return /* @__PURE__ */ O(wr, Ie({
     as: a,
-    className: ko(b.root, r),
+    className: Bo(b.root, r),
     focusable: "false",
     color: c,
-    "aria-hidden": f ? void 0 : !0,
-    role: f ? "img" : void 0,
+    "aria-hidden": h ? void 0 : !0,
+    role: h ? "img" : void 0,
     ref: n
-  }, v, d, p && i.props, {
-    ownerState: m,
-    children: [p ? i.props.children : i, f ? /* @__PURE__ */ T("title", {
-      children: f
+  }, v, d, m && i.props, {
+    ownerState: p,
+    children: [m ? i.props.children : i, h ? /* @__PURE__ */ T("title", {
+      children: h
     }) : null]
   }));
 });
@@ -619,47 +573,47 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
   viewBox: D.string
 });
 Je.muiName = "SvgIcon";
-const kn = Je;
-function Ir(t, e) {
+const Bn = Je;
+function Tr(t, e) {
   function n(s, i) {
-    return /* @__PURE__ */ T(kn, Be({
+    return /* @__PURE__ */ T(Bn, Ie({
       "data-testid": `${e}Icon`,
       ref: i
     }, s, {
       children: t
     }));
   }
-  return process.env.NODE_ENV !== "production" && (n.displayName = `${e}Icon`), n.muiName = kn.muiName, /* @__PURE__ */ R.memo(/* @__PURE__ */ R.forwardRef(n));
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${e}Icon`), n.muiName = Bn.muiName, /* @__PURE__ */ R.memo(/* @__PURE__ */ R.forwardRef(n));
 }
-const Fr = {
+const Pr = {
   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);
+`)), Fo.configure(t);
   }
-}, Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  capitalize: jt,
-  createChainedFunction: dr,
-  createSvgIcon: Ir,
-  debounce: pr,
-  deprecatedPropType: mr,
-  isMuiElement: gr,
+  capitalize: Nt,
+  createChainedFunction: Jo,
+  createSvgIcon: Tr,
+  debounce: tr,
+  deprecatedPropType: er,
+  isMuiElement: nr,
   ownerDocument: qs,
-  ownerWindow: yr,
-  requirePropFactory: Fo,
+  ownerWindow: sr,
+  requirePropFactory: Oo,
   setRef: Ks,
-  unstable_ClassNameGenerator: Fr,
+  unstable_ClassNameGenerator: Pr,
   unstable_useEnhancedEffect: Ys,
-  unstable_useId: br,
-  unsupportedProp: wr,
-  useControlled: Tr,
-  useEventCallback: Pr,
-  useForkRef: Ar,
-  useIsFocusVisible: _r
-}, Symbol.toStringTag, { value: "Module" })), jr = /* @__PURE__ */ Oo(Or);
-var Bn;
+  unstable_useId: rr,
+  unsupportedProp: ar,
+  useControlled: lr,
+  useEventCallback: cr,
+  useForkRef: ur,
+  useIsFocusVisible: yr
+}, Symbol.toStringTag, { value: "Module" })), Sr = /* @__PURE__ */ jo(Ar);
+var In;
 function tn() {
-  return Bn || (Bn = 1, function(t) {
+  return In || (In = 1, function(t) {
     "use client";
     Object.defineProperty(t, "__esModule", {
       value: !0
@@ -669,40 +623,40 @@ function tn() {
         return e.createSvgIcon;
       }
     });
-    var e = jr;
+    var e = Sr;
   }(we)), we;
 }
-var Nr = Ze;
+var Vr = Ze;
 Object.defineProperty(Qe, "__esModule", {
   value: !0
 });
-var Xs = Qe.default = void 0, Ur = Nr(tn()), zr = Xe;
-Xs = Qe.default = (0, Ur.default)(/* @__PURE__ */ (0, zr.jsx)("path", {
+var Xs = Qe.default = void 0, Cr = Vr(tn()), Mr = Xe;
+Xs = Qe.default = (0, Cr.default)(/* @__PURE__ */ (0, Mr.jsx)("path", {
   d: "m10 17 5-5-5-5z"
 }), "ArrowRight");
-var en = {}, Wr = Ze;
+var en = {}, Dr = Ze;
 Object.defineProperty(en, "__esModule", {
   value: !0
 });
-var Qs = en.default = void 0, $r = Wr(tn()), Gr = Xe;
-Qs = en.default = (0, $r.default)(/* @__PURE__ */ (0, Gr.jsx)("path", {
+var Qs = en.default = void 0, Rr = Dr(tn()), Lr = Xe;
+Qs = en.default = (0, Rr.default)(/* @__PURE__ */ (0, Lr.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 = {}, Hr = Ze;
+var nn = {}, Er = Ze;
 Object.defineProperty(nn, "__esModule", {
   value: !0
 });
-var Zs = nn.default = void 0, qr = Hr(tn()), Kr = Xe;
-Zs = nn.default = (0, qr.default)(/* @__PURE__ */ (0, Kr.jsx)("path", {
+var Zs = nn.default = void 0, kr = Er(tn()), Br = Xe;
+Zs = nn.default = (0, kr.default)(/* @__PURE__ */ (0, Br.jsx)("path", {
   d: "M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1m0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1M3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1"
 }), "MenuRounded");
 const Js = Mt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
-}), de = Mt({}), sn = Mt(null), 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();
+}), de = Mt({}), sn = Mt(null), me = typeof document < "u", Ir = me ? Ws : Wt, ti = Mt({ strict: !1 }), on = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Fr = "framerAppearId", ei = "data-" + on(Fr);
+function Or(t, e, n, s) {
+  const { visualElement: i } = U(de), r = U(ti), o = U(sn), a = U(Js).reducedMotion, l = St();
   s = s || r.renderer, !l.current && s && (l.current = s(t, {
     visualState: e,
     parent: i,
@@ -716,7 +670,7 @@ function Qr(t, e, n, s) {
     c && c.update(n, o);
   });
   const u = St(!!(n[ei] && !window.HandoffComplete));
-  return Yr(() => {
+  return Ir(() => {
     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));
@@ -725,7 +679,7 @@ function Qr(t, e, n, s) {
 function wt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function Zr(t, e, n) {
+function jr(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));
@@ -738,10 +692,10 @@ function Zr(t, e, n) {
     [e]
   );
 }
-function Nt(t) {
+function Ut(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-function me(t) {
+function pe(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
 const rn = [
@@ -754,29 +708,29 @@ const rn = [
   "exit"
 ], an = ["initial", ...rn];
 function ge(t) {
-  return me(t.animate) || an.some((e) => Nt(t[e]));
+  return pe(t.animate) || an.some((e) => Ut(t[e]));
 }
 function ni(t) {
   return !!(ge(t) || t.variants);
 }
-function Jr(t, e) {
+function Nr(t, e) {
   if (ge(t)) {
     const { initial: n, animate: s } = t;
     return {
-      initial: n === !1 || Nt(n) ? n : void 0,
-      animate: Nt(s) ? s : void 0
+      initial: n === !1 || Ut(n) ? n : void 0,
+      animate: Ut(s) ? s : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
 }
-function ta(t) {
-  const { initial: e, animate: n } = Jr(t, N(de));
-  return fe(() => ({ initial: e, animate: n }), [In(e), In(n)]);
+function Ur(t) {
+  const { initial: e, animate: n } = Nr(t, U(de));
+  return he(() => ({ initial: e, animate: n }), [Fn(e), Fn(n)]);
 }
-function In(t) {
+function Fn(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Fn = {
+const On = {
   animation: [
     "animate",
     "variants",
@@ -795,56 +749,56 @@ const Fn = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, Ut = {};
-for (const t in Fn)
-  Ut[t] = {
-    isEnabled: (e) => Fn[t].some((n) => !!e[n])
+}, _t = {};
+for (const t in On)
+  _t[t] = {
+    isEnabled: (e) => On[t].some((n) => !!e[n])
   };
-function ea(t) {
+function _r(t) {
   for (const e in t)
-    Ut[e] = {
-      ...Ut[e],
+    _t[e] = {
+      ..._t[e],
       ...t[e]
     };
 }
-const si = Mt({}), ii = Mt({}), na = Symbol.for("motionComponentSymbol");
-function sa({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
-  t && ea(t);
+const si = Mt({}), ii = Mt({}), zr = Symbol.for("motionComponentSymbol");
+function Wr({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
+  t && _r(t);
   function r(a, l) {
     let c;
     const u = {
-      ...N(Js),
+      ...U(Js),
       ...a,
-      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;
-      h.visualElement && (c = h.visualElement.loadFeatures(
+      layoutId: Gr(a)
+    }, { isStatic: h } = u, f = Ur(a), d = s(a, h);
+    if (!h && me) {
+      f.visualElement = Or(i, d, u, e);
+      const m = U(ii), p = U(ti).strict;
+      f.visualElement && (c = f.visualElement.loadFeatures(
         // Note: Pass the full new combined props to correctly re-render dynamic feature components.
         u,
-        m,
+        p,
         t,
-        p
+        m
       ));
     }
     return R.createElement(
       de.Provider,
-      { 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)
+      { value: f },
+      c && f.visualElement ? R.createElement(c, { visualElement: f.visualElement, ...u }) : null,
+      n(i, a, jr(d, f.visualElement, l), d, h, f.visualElement)
     );
   }
   const o = Co(r);
-  return o[na] = i, o;
+  return o[zr] = i, o;
 }
-function ia({ layoutId: t }) {
-  const e = N(si).id;
+function Gr({ layoutId: t }) {
+  const e = U(si).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function oa(t) {
+function $r(t) {
   function e(s, i = {}) {
-    return sa(t(s, i));
+    return Wr(t(s, i));
   }
   if (typeof Proxy > "u")
     return e;
@@ -858,7 +812,7 @@ function oa(t) {
     get: (s, i) => (n.has(i) || n.set(i, e(i)), n.get(i))
   });
 }
-const ra = [
+const Hr = [
   "animate",
   "circle",
   "defs",
@@ -898,7 +852,7 @@ function ln(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(ra.indexOf(t) > -1 || /**
+      !!(Hr.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/.test(t))
@@ -906,10 +860,10 @@ function ln(t) {
   );
 }
 const se = {};
-function aa(t) {
+function qr(t) {
   Object.assign(se, t);
 }
-const $t = [
+const Gt = [
   "transformPerspective",
   "x",
   "y",
@@ -927,50 +881,50 @@ const $t = [
   "skew",
   "skewX",
   "skewY"
-], gt = new Set($t);
+], gt = new Set(Gt);
 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), la = {
+const _ = (t) => !!(t && t.getVelocity), Kr = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, ca = $t.length;
-function ua(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0 }, s, i) {
+}, Yr = Gt.length;
+function Xr(t, { enableHardwareAcceleration: e = !0, allowTransformNone: n = !0 }, s, i) {
   let r = "";
-  for (let o = 0; o < ca; o++) {
-    const a = $t[o];
+  for (let o = 0; o < Yr; o++) {
+    const a = Gt[o];
     if (t[a] !== void 0) {
-      const l = la[a] || a;
+      const l = Kr[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(--"), 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 = {
+const ri = (t) => (e) => typeof e == "string" && e.startsWith(t), ai = ri("--"), Oe = ri("var(--"), Qr = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, Zr = (t, e) => e && typeof t == "number" ? e.transform(t) : t, lt = (t, e, n) => Math.min(Math.max(n, t), e), yt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, Bt = {
+}, It = {
   ...yt,
   transform: (t) => lt(0, 1, t)
 }, 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, da = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
-function Gt(t) {
+}, Ft = (t) => Math.round(t * 1e5) / 1e5, ye = /(-)?([\d]*\.?[\d])+/g, li = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, Jr = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+function $t(t) {
   return typeof t == "string";
 }
 const Ht = (t) => ({
-  test: (e) => Gt(e) && e.endsWith(t) && e.split(" ").length === 1,
+  test: (e) => $t(e) && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), st = Ht("deg"), K = Ht("%"), w = Ht("px"), pa = Ht("vh"), ma = Ht("vw"), On = {
+}), st = Ht("deg"), K = Ht("%"), w = Ht("px"), ta = Ht("vh"), ea = Ht("vw"), jn = {
   ...K,
   parse: (t) => K.parse(t) / 100,
   transform: (t) => K.transform(t * 100)
-}, jn = {
+}, Nn = {
   ...yt,
   transform: Math.round
 }, ci = {
@@ -1028,37 +982,37 @@ const Ht = (t) => ({
   z: w,
   perspective: w,
   transformPerspective: w,
-  opacity: Bt,
-  originX: On,
-  originY: On,
+  opacity: It,
+  originX: jn,
+  originY: jn,
   originZ: w,
   // Misc
-  zIndex: jn,
+  zIndex: Nn,
   // SVG
-  fillOpacity: Bt,
-  strokeOpacity: Bt,
-  numOctaves: jn
+  fillOpacity: It,
+  strokeOpacity: It,
+  numOctaves: Nn
 };
 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 f in e) {
-    const h = e[f];
-    if (ai(f)) {
-      r[f] = h;
+  for (const h in e) {
+    const f = e[h];
+    if (ai(h)) {
+      r[h] = f;
       continue;
     }
-    const d = ci[f], p = ha(h, d);
-    if (gt.has(f)) {
-      if (l = !0, o[f] = p, !u)
+    const d = ci[h], m = Zr(f, d);
+    if (gt.has(h)) {
+      if (l = !0, o[h] = m, !u)
         continue;
-      h !== (d.default || 0) && (u = !1);
+      f !== (d.default || 0) && (u = !1);
     } else
-      f.startsWith("origin") ? (c = !0, a[f] = p) : i[f] = p;
+      h.startsWith("origin") ? (c = !0, a[h] = m) : i[h] = m;
   }
-  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}`;
+  if (e.transform || (l || s ? i.transform = Xr(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}`;
   }
 }
 const un = () => ({
@@ -1069,23 +1023,23 @@ const un = () => ({
 });
 function ui(t, e, n) {
   for (const s in e)
-    !U(e[s]) && !oi(s, n) && (t[s] = e[s]);
+    !_(e[s]) && !oi(s, n) && (t[s] = e[s]);
 }
-function ga({ transformTemplate: t }, e, n) {
-  return fe(() => {
+function na({ transformTemplate: t }, e, n) {
+  return he(() => {
     const s = un();
     return cn(s, e, { enableHardwareAcceleration: !n }, t), Object.assign({}, s.vars, s.style);
   }, [e]);
 }
-function ya(t, e, n) {
+function sa(t, e, n) {
   const s = t.style || {}, i = {};
-  return ui(i, s, t), Object.assign(i, ga(t, e, n)), t.transformValues ? t.transformValues(i) : i;
+  return ui(i, s, t), Object.assign(i, na(t, e, n)), t.transformValues ? t.transformValues(i) : i;
 }
-function va(t, e, n) {
-  const s = {}, i = ya(t, e, n);
+function ia(t, e, n) {
+  const s = {}, i = sa(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 xa = /* @__PURE__ */ new Set([
+const oa = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -1119,45 +1073,45 @@ const xa = /* @__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") || xa.has(t);
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || oa.has(t);
 }
-let fi = (t) => !ie(t);
-function ba(t) {
-  t && (fi = (e) => e.startsWith("on") ? !ie(e) : t(e));
+let hi = (t) => !ie(t);
+function ra(t) {
+  t && (hi = (e) => e.startsWith("on") ? !ie(e) : t(e));
 }
 try {
-  ba(require("@emotion/is-prop-valid").default);
+  ra(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function wa(t, e, n) {
+function aa(t, e, n) {
   const s = {};
   for (const i in t)
-    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
+    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
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
-function Nn(t, e, n) {
+function Un(t, e, n) {
   return typeof t == "string" ? t : w.transform(e + n * t);
 }
-function Ta(t, e, n) {
-  const s = Nn(e, t.x, t.width), i = Nn(n, t.y, t.height);
+function la(t, e, n) {
+  const s = Un(e, t.x, t.width), i = Un(n, t.y, t.height);
   return `${s} ${i}`;
 }
-const Pa = {
+const ca = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Aa = {
+}, ua = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Sa(t, e, n = 1, s = 0, i = !0) {
+function ha(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
-  const r = i ? Pa : Aa;
+  const r = i ? ca : ua;
   t[r.offset] = w.transform(-s);
   const o = w.transform(e), a = w.transform(n);
   t[r.array] = `${o} ${a}`;
 }
-function fn(t, {
+function hn(t, {
   attrX: e,
   attrY: n,
   attrScale: s,
@@ -1168,23 +1122,23 @@ function fn(t, {
   pathOffset: l = 0,
   // This is object creation, which we try to avoid per-frame.
   ...c
-}, u, f, h) {
-  if (cn(t, c, u, h), f) {
+}, u, h, f) {
+  if (cn(t, c, u, f), h) {
     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 = 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 { attrs: d, style: m, dimensions: p } = t;
+  d.transform && (p && (m.transform = d.transform), delete d.transform), p && (i !== void 0 || r !== void 0 || m.transform) && (m.transformOrigin = la(p, 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 && ha(d, o, a, l, !1);
 }
-const hi = () => ({
+const fi = () => ({
   ...un(),
   attrs: {}
-}), 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), {
+}), fn = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function fa(t, e, n, s) {
+  const i = he(() => {
+    const r = fi();
+    return hn(r, e, { enableHardwareAcceleration: !1 }, fn(s), t.transformTemplate), {
       ...r.attrs,
       style: { ...r.style }
     };
@@ -1195,16 +1149,16 @@ function Va(t, e, n, s) {
   }
   return i;
 }
-function Ca(t = !1) {
+function da(t = !1) {
   return (n, s, i, { latestValues: r }, o) => {
-    const l = (ln(n) ? Va : va)(s, r, o, n), u = {
-      ...wa(s, typeof n == "string", t),
+    const l = (ln(n) ? fa : ia)(s, r, o, n), u = {
+      ...aa(s, typeof n == "string", t),
       ...l,
       ref: i
-    }, { children: f } = s, h = fe(() => U(f) ? f.get() : f, [f]);
-    return $s(n, {
+    }, { children: h } = s, f = he(() => _(h) ? h.get() : h, [h]);
+    return Gs(n, {
       ...u,
-      children: h
+      children: f
     });
   };
 }
@@ -1213,7 +1167,7 @@ function di(t, { style: e, vars: n }, s, i) {
   for (const r in n)
     t.style.setProperty(r, n[r]);
 }
-const pi = /* @__PURE__ */ new Set([
+const mi = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -1238,64 +1192,64 @@ const pi = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function mi(t, e, n, s) {
+function pi(t, e, n, s) {
   di(t, e, void 0, s);
   for (const i in e.attrs)
-    t.setAttribute(pi.has(i) ? i : on(i), e.attrs[i]);
+    t.setAttribute(mi.has(i) ? i : on(i), e.attrs[i]);
 }
 function dn(t, e) {
   const { style: n } = t, s = {};
   for (const i in n)
-    (U(n[i]) || e.style && U(e.style[i]) || oi(i, t)) && (s[i] = n[i]);
+    (_(n[i]) || e.style && _(e.style[i]) || oi(i, t)) && (s[i] = n[i]);
   return s;
 }
 function gi(t, e) {
   const n = dn(t, e);
   for (const s in t)
-    if (U(t[s]) || U(e[s])) {
-      const i = $t.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
+    if (_(t[s]) || _(e[s])) {
+      const i = Gt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
       n[i] = t[s];
     }
   return n;
 }
-function pn(t, e, n, s = {}, i = {}) {
+function mn(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 Ma(t) {
+function ma(t) {
   const e = St(null);
   return e.current === null && (e.current = t()), e.current;
 }
-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;
+const oe = (t) => Array.isArray(t), pa = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), ga = (t) => oe(t) ? t[t.length - 1] || 0 : t;
 function ee(t) {
-  const e = U(t) ? t.get() : t;
-  return Da(e) ? e.toValue() : e;
+  const e = _(t) ? t.get() : t;
+  return pa(e) ? e.toValue() : e;
 }
-function _a({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }, s, i, r) {
+function ya({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: n }, s, i, r) {
   const o = {
-    latestValues: La(s, i, r, t),
+    latestValues: va(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 = () => _a(t, e, s, i);
-  return n ? r() : Ma(r);
+  const s = U(de), i = U(sn), r = () => ya(t, e, s, i);
+  return n ? r() : ma(r);
 };
-function La(t, e, n, s) {
+function va(t, e, n, s) {
   const i = {}, r = s(t, {});
-  for (const h in r)
-    i[h] = ee(r[h]);
+  for (const f in r)
+    i[f] = ee(r[f]);
   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 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)
+  const h = u ? a : o;
+  return h && typeof h != "boolean" && !pe(h) && (Array.isArray(h) ? h : [h]).forEach((d) => {
+    const m = mn(t, d);
+    if (!m)
       return;
-    const { transitionEnd: m, transition: v, ...b } = p;
+    const { transitionEnd: p, transition: v, ...b } = m;
     for (const y in b) {
       let g = b[y];
       if (Array.isArray(g)) {
@@ -1304,12 +1258,12 @@ function La(t, e, n, s) {
       }
       g !== null && (i[y] = g);
     }
-    for (const y in m)
-      i[y] = m[y];
+    for (const y in p)
+      i[y] = p[y];
   }), i;
 }
-const E = (t) => t;
-class Un {
+const k = (t) => t;
+class _n {
   constructor() {
     this.order = [], this.scheduled = /* @__PURE__ */ new Set();
   }
@@ -1325,15 +1279,15 @@ class Un {
     this.order.length = 0, this.scheduled.clear();
   }
 }
-function Ea(t) {
-  let e = new Un(), n = new Un(), s = 0, i = !1, r = !1;
+function xa(t) {
+  let e = new _n(), n = new _n(), 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 f = u && i, h = f ? e : n;
-      return c && o.add(l), h.add(l) && f && i && (s = e.order.length), l;
+      const h = u && i, f = h ? e : n;
+      return c && o.add(l), f.add(l) && h && i && (s = e.order.length), l;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -1366,28 +1320,28 @@ const Qt = [
   "preRender",
   "render",
   "postRender"
-], ka = 40;
-function Ba(t, e) {
+], ba = 40;
+function wa(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, 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));
+  }, r = Qt.reduce((h, f) => (h[f] = xa(() => 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, ba), 1), i.timestamp = h, 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((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 };
+  return { schedule: Qt.reduce((h, f) => {
+    const d = r[f];
+    return h[f] = (m, p = !1, v = !1) => (n || l(), d.schedule(m, p, v)), h;
+  }, {}), cancel: (h) => Qt.forEach((f) => r[f].cancel(h)), state: i, steps: r };
 }
-const { schedule: V, cancel: et, state: F, steps: Pe } = Ba(typeof requestAnimationFrame < "u" ? requestAnimationFrame : E, !0), Ia = {
+const { schedule: V, cancel: et, state: F, steps: Pe } = wa(typeof requestAnimationFrame < "u" ? requestAnimationFrame : k, !0), Ta = {
   useVisualState: yi({
     scrapeMotionValuesFromProps: gi,
-    createRenderState: hi,
+    createRenderState: fi,
     onMount: (t, e, { renderState: n, latestValues: s }) => {
       V.read(() => {
         try {
@@ -1401,21 +1355,21 @@ const { schedule: V, cancel: et, state: F, steps: Pe } = Ba(typeof requestAnimat
           };
         }
       }), V.render(() => {
-        fn(n, s, { enableHardwareAcceleration: !1 }, hn(e.tagName), t.transformTemplate), mi(e, n);
+        hn(n, s, { enableHardwareAcceleration: !1 }, fn(e.tagName), t.transformTemplate), pi(e, n);
       });
     }
   })
-}, Fa = {
+}, Pa = {
   useVisualState: yi({
     scrapeMotionValuesFromProps: dn,
     createRenderState: un
   })
 };
-function Oa(t, { forwardMotionProps: e = !1 }, n, s) {
+function Aa(t, { forwardMotionProps: e = !1 }, n, s) {
   return {
-    ...ln(t) ? Ia : Fa,
+    ...ln(t) ? Ta : Pa,
     preloadedFeatures: n,
-    useRender: Ca(e),
+    useRender: da(e),
     createVisualElement: s,
     Component: t
   };
@@ -1432,11 +1386,11 @@ function ve(t, e = "page") {
     }
   };
 }
-const ja = (t) => (e) => vi(e) && t(e, ve(e));
+const Sa = (t) => (e) => vi(e) && t(e, ve(e));
 function J(t, e, n, s) {
-  return Z(t, e, ja(n), s);
+  return Z(t, e, Sa(n), s);
 }
-const Na = (t, e) => (n) => e(t(n)), rt = (...t) => t.reduce(Na);
+const Va = (t, e) => (n) => e(t(n)), rt = (...t) => t.reduce(Va);
 function xi(t) {
   let e = null;
   return () => {
@@ -1472,7 +1426,7 @@ class ut {
   update() {
   }
 }
-function $n(t, e) {
+function Gn(t, e) {
   const n = "pointer" + (e ? "enter" : "leave"), s = "onHover" + (e ? "Start" : "End"), i = (r, o) => {
     if (r.pointerType === "touch" || wi())
       return;
@@ -1483,14 +1437,14 @@ function $n(t, e) {
     passive: !t.getProps()[s]
   });
 }
-class Ua extends ut {
+class Ca extends ut {
   mount() {
-    this.unmount = rt($n(this.node, !0), $n(this.node, !1));
+    this.unmount = rt(Gn(this.node, !0), Gn(this.node, !1));
   }
   unmount() {
   }
 }
-class za extends ut {
+class Ma extends ut {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -1519,18 +1473,18 @@ function Ae(t, e) {
   const n = new PointerEvent("pointer" + t);
   e(n, ve(n));
 }
-class Wa extends ut {
+class Da extends ut {
   constructor() {
-    super(...arguments), this.removeStartListeners = E, this.removeEndListeners = E, this.removeAccessibleListeners = E, this.startPointerPress = (e, n) => {
+    super(...arguments), this.removeStartListeners = k, this.removeEndListeners = k, this.removeAccessibleListeners = k, this.startPointerPress = (e, n) => {
       if (this.isPressing)
         return;
       this.removeEndListeners();
       const s = this.node.getProps(), r = J(window, "pointerup", (a, l) => {
         if (!this.checkPressEnd())
           return;
-        const { onTap: c, onTapCancel: u, globalTapTarget: f } = this.node.getProps();
+        const { onTap: c, onTapCancel: u, globalTapTarget: h } = this.node.getProps();
         V.update(() => {
-          !f && !Ti(this.node.current, a.target) ? u && u(a, l) : c && c(a, l);
+          !h && !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);
@@ -1575,29 +1529,29 @@ class Wa extends ut {
     this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
   }
 }
-const Oe = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), $a = (t) => {
-  const e = Oe.get(t.target);
+const je = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), Ra = (t) => {
+  const e = je.get(t.target);
   e && e(t);
-}, Ga = (t) => {
-  t.forEach($a);
+}, La = (t) => {
+  t.forEach(Ra);
 };
-function Ha({ root: t, ...e }) {
+function Ea({ 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(Ga, { root: t, ...e })), s[i];
+  return s[i] || (s[i] = new IntersectionObserver(La, { root: t, ...e })), s[i];
 }
-function qa(t, e, n) {
-  const s = Ha(e);
-  return Oe.set(t, n), s.observe(t), () => {
-    Oe.delete(t), s.unobserve(t);
+function ka(t, e, n) {
+  const s = Ea(e);
+  return je.set(t, n), s.observe(t), () => {
+    je.delete(t), s.unobserve(t);
   };
 }
-const Ka = {
+const Ba = {
   some: 0,
   all: 1
 };
-class Ya extends ut {
+class Ia extends ut {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -1606,16 +1560,16 @@ class Ya 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 : Ka[i]
+      threshold: typeof i == "number" ? i : Ba[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: f } = this.node.getProps(), h = c ? u : f;
-      h && h(l);
+      const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
+      f && f(l);
     };
-    return qa(this.node.current, o, a);
+    return ka(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -1624,26 +1578,26 @@ class Ya extends ut {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Xa(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(Fa(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Xa({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Fa({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Qa = {
+const Oa = {
   inView: {
-    Feature: Ya
+    Feature: Ia
   },
   tap: {
-    Feature: Wa
+    Feature: Da
   },
   focus: {
-    Feature: za
+    Feature: Ma
   },
   hover: {
-    Feature: Ua
+    Feature: Ca
   }
 };
 function Pi(t, e) {
@@ -1657,47 +1611,47 @@ function Pi(t, e) {
       return !1;
   return !0;
 }
-function Za(t) {
+function ja(t) {
   const e = {};
   return t.values.forEach((n, s) => e[s] = n.get()), e;
 }
-function Ja(t) {
+function Na(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, Za(t), Ja(t));
+  return mn(s, e, n !== void 0 ? n : s.custom, ja(t), Na(t));
 }
-let qt = E, q = E;
+let qt = k, q = k;
 process.env.NODE_ENV !== "production" && (qt = (t, e) => {
   !t && typeof console < "u" && console.warn(e);
 }, q = (t, e) => {
   if (!t)
     throw new Error(e);
 });
-const at = (t) => t * 1e3, tt = (t) => t / 1e3, tl = {
+const at = (t) => t * 1e3, tt = (t) => t / 1e3, Ua = {
   current: !1
 }, Ai = (t) => Array.isArray(t) && typeof t[0] == "number";
 function Si(t) {
   return !!(!t || typeof t == "string" && Vi[t] || Ai(t) || Array.isArray(t) && t.every(Si));
 }
-const kt = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Vi = {
+const Bt = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Vi = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: kt([0, 0.65, 0.55, 1]),
-  circOut: kt([0.55, 0, 1, 0.45]),
-  backIn: kt([0.31, 0.01, 0.66, -0.59]),
-  backOut: kt([0.33, 1.53, 0.69, 0.99])
+  circIn: Bt([0, 0.65, 0.55, 1]),
+  circOut: Bt([0.55, 0, 1, 0.45]),
+  backIn: Bt([0.31, 0.01, 0.66, -0.59]),
+  backOut: Bt([0.33, 1.53, 0.69, 0.99])
 };
 function Ci(t) {
   if (t)
-    return Ai(t) ? kt(t) : Array.isArray(t) ? t.map(Ci) : Vi[t];
+    return Ai(t) ? Bt(t) : Array.isArray(t) ? t.map(Ci) : Vi[t];
 }
-function el(t, e, n, { delay: s = 0, duration: i, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
+function _a(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);
@@ -1710,46 +1664,46 @@ function el(t, e, n, { delay: s = 0, duration: i, repeat: r = 0, repeatType: o =
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-function nl(t, { repeat: e, repeatType: n = "loop" }) {
+function za(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, sl = 1e-7, il = 12;
-function ol(t, e, n, s, i) {
+const Mi = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Wa = 1e-7, Ga = 12;
+function $a(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) > sl && ++a < il);
+  while (Math.abs(r) > Wa && ++a < Ga);
   return o;
 }
 function Kt(t, e, n, s) {
   if (t === e && n === s)
-    return E;
-  const i = (r) => ol(r, 0, 1, t, n);
+    return k;
+  const i = (r) => $a(r, 0, 1, t, n);
   return (r) => r === 0 || r === 1 ? r : Mi(i(r), e, s);
 }
-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: rl,
+const Ha = Kt(0.42, 0, 1, 1), qa = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1), Ka = (t) => Array.isArray(t) && typeof t[0] != "number", Ri = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Li = (t) => (e) => 1 - t(1 - e), pn = (t) => 1 - Math.sin(Math.acos(t)), Ei = Li(pn), Ya = Ri(pn), ki = Kt(0.33, 1.53, 0.69, 0.99), gn = Li(ki), Xa = Ri(gn), Qa = (t) => (t *= 2) < 1 ? 0.5 * gn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), $n = {
+  linear: k,
+  easeIn: Ha,
   easeInOut: Di,
-  easeOut: al,
-  circIn: mn,
-  circInOut: cl,
-  circOut: Li,
+  easeOut: qa,
+  circIn: pn,
+  circInOut: Ya,
+  circOut: Ei,
   backIn: gn,
-  backInOut: ul,
-  backOut: Ei,
-  anticipate: fl
+  backInOut: Xa,
+  backOut: ki,
+  anticipate: Qa
 }, Hn = (t) => {
   if (Array.isArray(t)) {
     q(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, n, s, i] = t;
     return Kt(e, n, s, i);
   } else if (typeof t == "string")
-    return q(Gn[t] !== void 0, `Invalid easing type '${t}'`), Gn[t];
+    return q($n[t] !== void 0, `Invalid easing type '${t}'`), $n[t];
   return t;
-}, 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))
+}, yn = (t, e) => (n) => !!($t(n) && Jr.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), Bi = (t, e, n) => (s) => {
+  if (!$t(s))
     return s;
   const [i, r, o, a] = s.match(ye);
   return {
@@ -1758,15 +1712,15 @@ const rl = Kt(0.42, 0, 1, 1), al = Kt(0, 0, 0.58, 1), Di = Kt(0.42, 0, 0.58, 1),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, hl = (t) => lt(0, 255, t), Ve = {
+}, Za = (t) => lt(0, 255, t), Ve = {
   ...yt,
-  transform: (t) => Math.round(hl(t))
-}, mt = {
+  transform: (t) => Math.round(Za(t))
+}, pt = {
   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)) + ")"
+  parse: Bi("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Ve.transform(t) + ", " + Ve.transform(e) + ", " + Ve.transform(n) + ", " + Ft(It.transform(s)) + ")"
 };
-function dl(t) {
+function Ja(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),
@@ -1775,23 +1729,23 @@ function dl(t) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const je = {
+const Ne = {
   test: yn("#"),
-  parse: dl,
-  transform: mt.transform
+  parse: Ja,
+  transform: pt.transform
 }, Tt = {
   test: yn("hsl", "hue"),
-  parse: ki("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + K.transform(It(e)) + ", " + K.transform(It(n)) + ", " + It(Bt.transform(s)) + ")"
-}, j = {
-  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)
-}, _ = (t, e, n) => -n * t + n * e + t;
+  parse: Bi("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + K.transform(Ft(e)) + ", " + K.transform(Ft(n)) + ", " + Ft(It.transform(s)) + ")"
+}, N = {
+  test: (t) => pt.test(t) || Ne.test(t) || Tt.test(t),
+  parse: (t) => pt.test(t) ? pt.parse(t) : Tt.test(t) ? Tt.parse(t) : Ne.parse(t),
+  transform: (t) => $t(t) ? t : t.hasOwnProperty("red") ? pt.transform(t) : Tt.transform(t)
+}, L = (t, e, n) => -n * t + n * e + t;
 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 pl({ hue: t, saturation: e, lightness: n, alpha: s }) {
+function tl({ hue: t, saturation: e, lightness: n, alpha: s }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
   if (!e)
@@ -1810,32 +1764,32 @@ function pl({ 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));
-}, ml = [je, mt, Tt], gl = (t) => ml.find((e) => e.test(t));
+}, el = [Ne, pt, Tt], nl = (t) => el.find((e) => e.test(t));
 function qn(t) {
-  const e = gl(t);
+  const e = nl(t);
   q(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`);
   let n = e.parse(t);
-  return e === Tt && (n = pl(n)), n;
+  return e === Tt && (n = tl(n)), n;
 }
-const Bi = (t, e) => {
+const Ii = (t, e) => {
   const n = qn(t), s = qn(e), i = { ...n };
-  return (r) => (i.red = Me(n.red, s.red, r), i.green = Me(n.green, s.green, r), i.blue = Me(n.blue, s.blue, r), i.alpha = _(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 = L(n.alpha, s.alpha, r), pt.transform(i));
 };
-function yl(t) {
+function sl(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;
+  return isNaN(t) && $t(t) && (((e = t.match(ye)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(li)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const Ii = {
-  regex: fa,
+const Fi = {
+  regex: Qr,
   countKey: "Vars",
   token: "${v}",
-  parse: E
-}, Fi = {
+  parse: k
+}, Oi = {
   regex: li,
   countKey: "Colors",
   token: "${c}",
-  parse: j.parse
-}, Oi = {
+  parse: N.parse
+}, ji = {
   regex: ye,
   countKey: "Numbers",
   token: "${n}",
@@ -1854,33 +1808,33 @@ function re(t) {
     numColors: 0,
     numNumbers: 0
   };
-  return n.value.includes("var(--") && De(n, Ii), De(n, Fi), De(n, Oi), n;
+  return n.value.includes("var(--") && De(n, Fi), De(n, Oi), De(n, ji), n;
 }
-function ji(t) {
+function Ni(t) {
   return re(t).values;
 }
-function Ni(t) {
+function Ui(t) {
   const { values: e, numColors: n, numVars: s, tokenised: i } = re(t), r = e.length;
   return (o) => {
     let a = i;
     for (let l = 0; l < r; l++)
-      l < s ? a = a.replace(Ii.token, o[l]) : l < s + n ? a = a.replace(Fi.token, j.transform(o[l])) : a = a.replace(Oi.token, It(o[l]));
+      l < s ? a = a.replace(Fi.token, o[l]) : l < s + n ? a = a.replace(Oi.token, N.transform(o[l])) : a = a.replace(ji.token, Ft(o[l]));
     return a;
   };
 }
-const vl = (t) => typeof t == "number" ? 0 : t;
-function xl(t) {
-  const e = ji(t);
-  return Ni(t)(e.map(vl));
+const il = (t) => typeof t == "number" ? 0 : t;
+function ol(t) {
+  const e = Ni(t);
+  return Ui(t)(e.map(il));
 }
 const ct = {
-  test: yl,
-  parse: ji,
-  createTransformer: Ni,
-  getAnimatableNone: xl
-}, Ui = (t, e) => (n) => `${n > 0 ? e : t}`;
+  test: sl,
+  parse: Ni,
+  createTransformer: Ui,
+  getAnimatableNone: ol
+}, _i = (t, e) => (n) => `${n > 0 ? e : t}`;
 function zi(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);
+  return typeof t == "number" ? (n) => L(t, e, n) : N.test(t) ? Ii(t, e) : t.startsWith("var(") ? _i(t, e) : Gi(t, e);
 }
 const Wi = (t, e) => {
   const n = [...t], s = n.length, i = t.map((r, o) => zi(r, e[o]));
@@ -1889,7 +1843,7 @@ const Wi = (t, e) => {
       n[o] = i[o](r);
     return n;
   };
-}, bl = (t, e) => {
+}, rl = (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]));
@@ -1898,71 +1852,71 @@ const Wi = (t, e) => {
       n[r] = s[r](i);
     return n;
   };
-}, $i = (t, e) => {
+}, Gi = (t, e) => {
   const n = ct.createTransformer(e), s = re(t), i = re(e);
-  return s.numVars === i.numVars && s.numColors === i.numColors && s.numNumbers >= i.numNumbers ? rt(Wi(s.values, i.values), n) : (qt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ui(t, e));
+  return s.numVars === i.numVars && s.numColors === i.numColors && s.numNumbers >= i.numNumbers ? rt(Wi(s.values, i.values), n) : (qt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), _i(t, e));
 }, zt = (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
-}, 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;
+}, Kn = (t, e) => (n) => L(t, e, n);
+function al(t) {
+  return typeof t == "number" ? Kn : typeof t == "string" ? N.test(t) ? Ii : Gi : Array.isArray(t) ? Wi : typeof t == "object" ? rl : Kn;
 }
-function Tl(t, e, n) {
-  const s = [], i = n || wl(t[0]), r = t.length - 1;
+function ll(t, e, n) {
+  const s = [], i = n || al(t[0]), r = t.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(t[o], t[o + 1]);
     if (e) {
-      const l = Array.isArray(e) ? e[o] || E : e;
+      const l = Array.isArray(e) ? e[o] || k : e;
       a = rt(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function Gi(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function $i(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = t.length;
   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 = Tl(e, s, i), a = o.length, l = (c) => {
+  const o = ll(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 f = zt(t[u], t[u + 1], c);
-    return o[u](f);
+    const h = zt(t[u], t[u + 1], c);
+    return o[u](h);
   };
   return n ? (c) => l(lt(t[0], t[r - 1], c)) : l;
 }
-function Pl(t, e) {
+function cl(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = zt(0, e, s);
-    t.push(_(n, 1, i));
+    t.push(L(n, 1, i));
   }
 }
-function Al(t) {
+function ul(t) {
   const e = [0];
-  return Pl(e, t.length - 1), e;
+  return cl(e, t.length - 1), e;
 }
-function Sl(t, e) {
+function hl(t, e) {
   return t.map((n) => n * e);
 }
-function Vl(t, e) {
+function fl(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 = ll(s) ? s.map(Hn) : Hn(s), r = {
+  const i = Ka(s) ? s.map(Hn) : Hn(s), r = {
     done: !1,
     value: e[0]
-  }, o = Sl(
+  }, o = hl(
     // 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 : Al(e),
+    n && n.length === e.length ? n : ul(e),
     t
-  ), a = Gi(o, e, {
-    ease: Array.isArray(i) ? i : Vl(e, i)
+  ), a = $i(o, e, {
+    ease: Array.isArray(i) ? i : fl(e, i)
   });
   return {
     calculatedDuration: t,
@@ -1972,30 +1926,30 @@ function ae({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }
 function Hi(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const Cl = 5;
+const dl = 5;
 function qi(t, e, n) {
-  const s = Math.max(e - Cl, 0);
+  const s = Math.max(e - dl, 0);
   return Hi(n - t(s), e - s);
 }
-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 }) {
+const Re = 1e-3, ml = 0.01, Yn = 10, pl = 0.05, gl = 1;
+function yl({ 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(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;
+  o = lt(pl, gl, o), t = lt(ml, Yn, tt(t)), o < 1 ? (i = (c) => {
+    const u = c * o, h = u * t, f = u - n, d = Ue(c, o), m = Math.exp(-h);
+    return Re - f / d * m;
   }, r = (c) => {
-    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;
+    const h = c * o * t, f = h * n + n, d = Math.pow(o, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), p = Ue(Math.pow(c, 2), o);
+    return (-i(c) + Re > 0 ? -1 : 1) * ((f - d) * m) / p;
   }) : (i = (c) => {
-    const u = Math.exp(-c * t), f = (c - n) * t + 1;
-    return -Re + u * f;
+    const u = Math.exp(-c * t), h = (c - n) * t + 1;
+    return -Re + u * h;
   }, r = (c) => {
-    const u = Math.exp(-c * t), f = (n - c) * (t * t);
-    return u * f;
+    const u = Math.exp(-c * t), h = (n - c) * (t * t);
+    return u * h;
   });
-  const a = 5 / t, l = El(i, r, a);
+  const a = 5 / t, l = xl(i, r, a);
   if (t = at(t), isNaN(l))
     return {
       stiffness: 100,
@@ -2011,21 +1965,21 @@ function _l({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: s = 1
     };
   }
 }
-const Ll = 12;
-function El(t, e, n) {
+const vl = 12;
+function xl(t, e, n) {
   let s = n;
-  for (let i = 1; i < Ll; i++)
+  for (let i = 1; i < vl; i++)
     s = s - t(s) / e(s);
   return s;
 }
-function Ne(t, e) {
+function Ue(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const kl = ["duration", "bounce"], Bl = ["stiffness", "damping", "mass"];
+const bl = ["duration", "bounce"], wl = ["stiffness", "damping", "mass"];
 function Xn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Il(t) {
+function Tl(t) {
   let e = {
     velocity: 0,
     stiffness: 100,
@@ -2034,8 +1988,8 @@ function Il(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Xn(t, Bl) && Xn(t, kl)) {
-    const n = _l(t);
+  if (!Xn(t, wl) && Xn(t, bl)) {
+    const n = yl(t);
     e = {
       ...e,
       ...n,
@@ -2045,36 +1999,36 @@ function Il(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: f, isResolvedFromDuration: h } = Il({
+  const i = t[0], r = t[t.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: c, duration: u, velocity: h, isResolvedFromDuration: f } = Tl({
     ...s,
     velocity: -tt(s.velocity || 0)
-  }), d = f || 0, p = l / (2 * Math.sqrt(a * c)), m = r - i, v = tt(Math.sqrt(a / c)), b = Math.abs(m) < 5;
+  }), d = h || 0, m = l / (2 * Math.sqrt(a * c)), p = r - i, v = tt(Math.sqrt(a / c)), b = Math.abs(p) < 5;
   n || (n = b ? 0.01 : 2), e || (e = b ? 5e-3 : 0.5);
   let y;
-  if (p < 1) {
-    const g = Ne(v, p);
+  if (m < 1) {
+    const g = Ue(v, m);
     y = (x) => {
-      const P = Math.exp(-p * v * x);
-      return r - P * ((d + p * v * m) / g * Math.sin(g * x) + m * Math.cos(g * x));
+      const P = Math.exp(-m * v * x);
+      return r - P * ((d + m * v * p) / g * Math.sin(g * x) + p * Math.cos(g * x));
     };
-  } else if (p === 1)
-    y = (g) => r - Math.exp(-v * g) * (m + (d + v * m) * g);
+  } else if (m === 1)
+    y = (g) => r - Math.exp(-v * g) * (p + (d + v * p) * g);
   else {
-    const g = v * Math.sqrt(p * p - 1);
+    const g = v * Math.sqrt(m * m - 1);
     y = (x) => {
-      const P = Math.exp(-p * v * x), S = Math.min(g * x, 300);
-      return r - P * ((d + p * v * m) * Math.sinh(S) + g * m * Math.cosh(S)) / g;
+      const P = Math.exp(-m * v * x), S = Math.min(g * x, 300);
+      return r - P * ((d + m * v * p) * Math.sinh(S) + g * p * Math.cosh(S)) / g;
     };
   }
   return {
-    calculatedDuration: h && u || null,
+    calculatedDuration: f && u || null,
     next: (g) => {
       const x = y(g);
-      if (h)
+      if (f)
         o.done = g >= u;
       else {
         let P = d;
-        g !== 0 && (p < 1 ? P = qi(y, g, x) : P = 0);
+        g !== 0 && (m < 1 ? P = qi(y, g, x) : P = 0);
         const S = Math.abs(P) <= n, C = Math.abs(r - x) <= e;
         o.done = S && C;
       }
@@ -2083,22 +2037,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 f = t[0], h = {
+  const h = t[0], f = {
     done: !1,
-    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 = 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);
-    h.done = Math.abs(L) <= c, h.value = h.done ? b : Y;
+    value: h
+  }, d = (A) => a !== void 0 && A < a || l !== void 0 && A > l, m = (A) => a === void 0 ? l : l === void 0 || Math.abs(a - A) < Math.abs(l - A) ? a : l;
+  let p = n * e;
+  const v = h + p, b = o === void 0 ? v : o(v);
+  b !== v && (p = b - h);
+  const y = (A) => -p * Math.exp(-A / s), g = (A) => b + y(A), x = (A) => {
+    const E = y(A), Y = g(A);
+    f.done = Math.abs(E) <= c, f.value = f.done ? b : Y;
   };
   let P, S;
   const C = (A) => {
-    d(h.value) && (P = A, S = Ki({
-      keyframes: [h.value, p(h.value)],
-      velocity: qi(g, A, h.value),
+    d(f.value) && (P = A, S = Ki({
+      keyframes: [f.value, m(f.value)],
+      velocity: qi(g, A, f.value),
       damping: i,
       stiffness: r,
       restDelta: c,
@@ -2108,12 +2062,12 @@ function Qn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   return C(0), {
     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), h);
+      let E = !1;
+      return !S && P === void 0 && (E = !0, x(A), C(A)), P !== void 0 && A > P ? S.next(A - P) : (!E && x(A), f);
     }
   };
 }
-const Fl = (t) => {
+const Pl = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: () => V.update(e, !0),
@@ -2133,70 +2087,70 @@ function Jn(t) {
     e += n, s = t.next(e);
   return e >= Zn ? 1 / 0 : e;
 }
-const Ol = {
+const Al = {
   decay: Qn,
   inertia: Qn,
   tween: ae,
   keyframes: ae,
   spring: Ki
 };
-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;
+function le({ autoplay: t = !0, delay: e = 0, driver: n = Pl, keyframes: s, type: i = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: a = "loop", onPlay: l, onStop: c, onComplete: u, onUpdate: h, ...f }) {
+  let d = 1, m = !1, p, v;
   const b = () => {
     v = new Promise((M) => {
-      m = M;
+      p = M;
     });
   };
   b();
   let y;
-  const g = Ol[i] || ae;
+  const g = Al[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, {
+  g !== ae && typeof s[0] != "number" && (process.env.NODE_ENV !== "production" && q(s.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${s}`), x = $i([0, 100], s, {
     clamp: !1
   }), s = [0, 100]);
-  const P = g({ ...h, keyframes: s });
+  const P = g({ ...f, keyframes: s });
   let S;
   a === "mirror" && (S = g({
-    ...h,
+    ...f,
     keyframes: [...s].reverse(),
-    velocity: -(h.velocity || 0)
+    velocity: -(f.velocity || 0)
   }));
-  let C = "idle", A = null, L = null, Y = null;
+  let C = "idle", A = null, E = null, Y = null;
   P.calculatedDuration === null && r && (P.calculatedDuration = Jn(P));
   const { calculatedDuration: vt } = P;
   let H = 1 / 0, X = 1 / 0;
   vt !== null && (H = vt + o, X = H * (r + 1) - o);
-  let O = 0;
+  let j = 0;
   const xt = (M) => {
-    if (L === null)
+    if (E === 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 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;
+    d > 0 && (E = Math.min(E, M)), d < 0 && (E = Math.min(M - X / d, E)), A !== null ? j = A : j = Math.round(M - E) * d;
+    const Rt = j - e * (d >= 0 ? 1 : -1), Cn = d >= 0 ? Rt < 0 : Rt > X;
+    j = Math.max(Rt, 0), C === "finished" && A === null && (j = X);
+    let Mn = j, Dn = P;
     if (r) {
-      const be = Math.min(O, X) / 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 be = Math.min(j, X) / H;
+      let Yt = Math.floor(be), ht = be % 1;
+      !ht && be >= 1 && (ht = 1), ht === 1 && Yt--, Yt = Math.min(Yt, r + 1), !!(Yt % 2) && (a === "reverse" ? (ht = 1 - ht, o && (ht -= o / H)) : a === "mirror" && (Dn = S)), Mn = lt(0, 1, ht) * H;
     }
-    const _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 Lt = Cn ? { done: !1, value: s[0] } : Dn.next(Mn);
+    x && (Lt.value = x(Lt.value));
+    let { done: Rn } = Lt;
+    !Cn && vt !== null && (Rn = d >= 0 ? j >= X : j <= 0);
     const Po = A === null && (C === "finished" || C === "running" && Rn);
-    return f && f(_t.value), Po && Dt(), _t;
-  }, B = () => {
+    return h && h(Lt.value), Po && Dt(), Lt;
+  }, I = () => {
     y && y.stop(), y = void 0;
   }, nt = () => {
-    C = "idle", B(), m(), b(), L = Y = null;
+    C = "idle", I(), p(), b(), E = Y = null;
   }, Dt = () => {
-    C = "finished", u && u(), B(), m();
+    C = "finished", u && u(), I(), p();
   }, bt = () => {
-    if (p)
+    if (m)
       return;
     y || (y = n(xt));
     const M = y.now();
-    l && l(), A !== null ? L = M - A : (!L || C === "finished") && (L = M), C === "finished" && b(), Y = L, A = null, C = "running", y.start();
+    l && l(), A !== null ? E = M - A : (!E || C === "finished") && (E = M), C === "finished" && b(), Y = E, A = null, C = "running", y.start();
   };
   t && bt();
   const Vn = {
@@ -2204,10 +2158,10 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = Fl, keyframes: s, type
       return v.then(M, Rt);
     },
     get time() {
-      return tt(O);
+      return tt(j);
     },
     set time(M) {
-      M = at(M), O = M, A !== null || !y || d === 0 ? A = M : L = y.now() - M / d;
+      M = at(M), j = M, A !== null || !y || d === 0 ? A = M : E = y.now() - M / d;
     },
     get duration() {
       const M = P.calculatedDuration === null ? Jn(P) : P.calculatedDuration;
@@ -2217,17 +2171,17 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = Fl, keyframes: s, type
       return d;
     },
     set speed(M) {
-      M === d || !y || (d = M, Vn.time = tt(O));
+      M === d || !y || (d = M, Vn.time = tt(j));
     },
     get state() {
       return C;
     },
     play: bt,
     pause: () => {
-      C = "paused", A = O;
+      C = "paused", A = j;
     },
     stop: () => {
-      p = !0, C !== "idle" && (C = "idle", c && c(), nt());
+      m = !0, C !== "idle" && (C = "idle", c && c(), nt());
     },
     cancel: () => {
       Y !== null && xt(Y), nt();
@@ -2235,23 +2189,23 @@ function le({ autoplay: t = !0, delay: e = 0, driver: n = Fl, keyframes: s, type
     complete: () => {
       C = "finished";
     },
-    sample: (M) => (L = 0, xt(M))
+    sample: (M) => (E = 0, xt(M))
   };
   return Vn;
 }
-function jl(t) {
+function Sl(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const Nl = jl(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Ul = /* @__PURE__ */ new Set([
+const Vl = Sl(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Cl = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform",
   "backgroundColor"
-]), 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"))
+]), Zt = 10, Ml = 2e4, Dl = (t, e) => e.type === "spring" || t === "backgroundColor" || !Si(e.ease);
+function Rl(t, e, { onUpdate: n, onComplete: s, ...i }) {
+  if (!(Vl() && Cl.has(e) && !i.repeatDelay && i.repeatType !== "mirror" && i.damping !== 0 && i.type !== "inertia"))
     return !1;
   let o = !1, a, l, c = !1;
   const u = () => {
@@ -2260,23 +2214,23 @@ function $l(t, e, { onUpdate: n, onComplete: s, ...i }) {
     });
   };
   u();
-  let { keyframes: f, duration: h = 300, ease: d, times: p } = i;
-  if (Wl(e, i)) {
+  let { keyframes: h, duration: f = 300, ease: d, times: m } = i;
+  if (Dl(e, i)) {
     const g = le({
       ...i,
       repeat: 0,
       delay: 0
     });
-    let x = { done: !1, value: f[0] };
+    let x = { done: !1, value: h[0] };
     const P = [];
     let S = 0;
-    for (; !x.done && S < zl; )
+    for (; !x.done && S < Ml; )
       x = g.sample(S), P.push(x.value), S += Zt;
-    p = void 0, f = P, h = S - Zt, d = "linear";
+    m = void 0, h = P, f = S - Zt, d = "linear";
   }
-  const m = el(t.owner.current, e, f, {
+  const p = _a(t.owner.current, e, h, {
     ...i,
-    duration: h,
+    duration: f,
     /**
      * This function is currently not called if ease is provided
      * as a function so the cast is safe.
@@ -2286,44 +2240,44 @@ function $l(t, e, { onUpdate: n, onComplete: s, ...i }) {
      * support the upcoming `linear()` easing function.
      */
     ease: d,
-    times: p
+    times: m
   }), v = () => {
-    c = !1, m.cancel();
+    c = !1, p.cancel();
   }, b = () => {
     c = !0, V.update(v), a(), u();
   };
-  return m.onfinish = () => {
-    c || (t.set(nl(f, i)), s && s(), b());
+  return p.onfinish = () => {
+    c || (t.set(za(h, i)), s && s(), b());
   }, {
     then(g, x) {
       return l.then(g, x);
     },
     attachTimeline(g) {
-      return m.timeline = g, m.onfinish = null, E;
+      return p.timeline = g, p.onfinish = null, k;
     },
     get time() {
-      return tt(m.currentTime || 0);
+      return tt(p.currentTime || 0);
     },
     set time(g) {
-      m.currentTime = at(g);
+      p.currentTime = at(g);
     },
     get speed() {
-      return m.playbackRate;
+      return p.playbackRate;
     },
     set speed(g) {
-      m.playbackRate = g;
+      p.playbackRate = g;
     },
     get duration() {
-      return tt(h);
+      return tt(f);
     },
     play: () => {
-      o || (m.play(), et(v));
+      o || (p.play(), et(v));
     },
-    pause: () => m.pause(),
+    pause: () => p.pause(),
     stop: () => {
-      if (o = !0, m.playState === "idle")
+      if (o = !0, p.playState === "idle")
         return;
-      const { currentTime: g } = m;
+      const { currentTime: g } = p;
       if (g) {
         const x = le({
           ...i,
@@ -2334,22 +2288,22 @@ function $l(t, e, { onUpdate: n, onComplete: s, ...i }) {
       b();
     },
     complete: () => {
-      c || m.finish();
+      c || p.finish();
     },
     cancel: b
   };
 }
-function Gl({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
+function Ll({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
   const i = () => (n && n(t[t.length - 1]), s && s(), {
     time: 0,
     speed: 1,
     duration: 0,
-    play: E,
-    pause: E,
-    stop: E,
+    play: k,
+    pause: k,
+    stop: k,
     then: (r) => (r(), Promise.resolve()),
-    cancel: E,
-    complete: E
+    cancel: k,
+    complete: k
   });
   return e ? le({
     keyframes: [0, 1],
@@ -2358,27 +2312,27 @@ function Gl({ keyframes: t, delay: e, onUpdate: n, onComplete: s }) {
     onComplete: i
   }) : i();
 }
-const Hl = {
+const El = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, ql = (t) => ({
+}, kl = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Kl = {
+}), Bl = {
   type: "keyframes",
   duration: 0.8
-}, Yl = {
+}, Il = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, 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
+}, Fl = (t, { keyframes: e }) => e.length > 2 ? Bl : gt.has(t) ? t.startsWith("scale") ? kl(e[1]) : El : Il, _e = (t, e) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
 (ct.test(e) || e === "0") && // And it contains numbers and/or colors
-!e.startsWith("url(")), Ql = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Zl(t) {
+!e.startsWith("url(")), Ol = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function jl(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -2386,52 +2340,52 @@ function Zl(t) {
   if (!s)
     return t;
   const i = n.replace(s, "");
-  let r = Ql.has(e) ? 1 : 0;
+  let r = Ol.has(e) ? 1 : 0;
   return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
-const Jl = /([a-z-]*)\(.*?\)/g, ze = {
+const Nl = /([a-z-]*)\(.*?\)/g, ze = {
   ...ct,
   getAnimatableNone: (t) => {
-    const e = t.match(Jl);
-    return e ? e.map(Zl).join(" ") : t;
+    const e = t.match(Nl);
+    return e ? e.map(jl).join(" ") : t;
   }
-}, tc = {
+}, Ul = {
   ...ci,
   // Color props
-  color: j,
-  backgroundColor: j,
-  outlineColor: j,
-  fill: j,
-  stroke: j,
+  color: N,
+  backgroundColor: N,
+  outlineColor: N,
+  fill: N,
+  stroke: N,
   // Border props
-  borderColor: j,
-  borderTopColor: j,
-  borderRightColor: j,
-  borderBottomColor: j,
-  borderLeftColor: j,
+  borderColor: N,
+  borderTopColor: N,
+  borderRightColor: N,
+  borderBottomColor: N,
+  borderLeftColor: N,
   filter: ze,
   WebkitFilter: ze
-}, vn = (t) => tc[t];
+}, vn = (t) => Ul[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 ec(t) {
+function _l(t) {
   if (typeof t == "number")
     return t === 0;
   if (t !== null)
     return t === "none" || t === "0" || Xi(t);
 }
-function nc(t, e, n, s) {
-  const i = Ue(e, n);
+function zl(t, e, n, s) {
+  const i = _e(e, n);
   let r;
   Array.isArray(n) ? r = [...n] : r = [null, n];
   const o = s.from !== void 0 ? s.from : t.get();
   let a;
   const l = [];
   for (let c = 0; c < r.length; c++)
-    r[c] === null && (r[c] = c === 0 ? o : r[c - 1]), ec(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]), _l(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];
@@ -2439,38 +2393,38 @@ function nc(t, e, n, s) {
     }
   return r;
 }
-function sc({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
+function Wl({ 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 ic = {
+const Gl = {
   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 = 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.`);
+  const l = zl(e, t, n, r), c = l[0], u = l[l.length - 1], h = _e(t, c), f = _e(t, u);
+  qt(h === f, `You are trying to animate ${t} from "${c}" to "${u}". ${c} is not an animatable value - to enable this animation set ${c} to a value animatable to ${u} via the \`style\` property.`);
   let d = {
     keyframes: l,
     velocity: e.getVelocity(),
     ease: "easeOut",
     ...r,
     delay: -a,
-    onUpdate: (p) => {
-      e.set(p), r.onUpdate && r.onUpdate(p);
+    onUpdate: (m) => {
+      e.set(m), r.onUpdate && r.onUpdate(m);
     },
     onComplete: () => {
       i(), r.onComplete && r.onComplete();
     }
   };
-  if (sc(r) || (d = {
+  if (Wl(r) || (d = {
     ...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);
+    ...Fl(t, d)
+  }), d.duration && (d.duration = at(d.duration)), d.repeatDelay && (d.repeatDelay = at(d.repeatDelay)), !h || !f || Ua.current || r.type === !1 || Gl.skipAnimations)
+    return Ll(d);
   if (
     /**
      * If this is a handoff animation, the optimised animation will be running via
@@ -2483,14 +2437,14 @@ const ic = {
      */
     !e.owner.getProps().onUpdate
   ) {
-    const p = $l(e, t, d);
-    if (p)
-      return p;
+    const m = Rl(e, t, d);
+    if (m)
+      return m;
   }
   return le(d);
 };
 function ce(t) {
-  return !!(U(t) && t.add);
+  return !!(_(t) && t.add);
 }
 const Qi = (t) => /^\-?\d*\.?\d+$/.test(t);
 function wn(t, e) {
@@ -2529,8 +2483,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 oc = (t) => !isNaN(parseFloat(t));
-class rc {
+const $l = (t) => !isNaN(parseFloat(t));
+class Hl {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -2546,7 +2500,7 @@ class rc {
       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 = oc(this.current), this.owner = n.owner;
+    }, this.hasAnimated = !1, this.prev = this.current = e, this.canTrackVelocity = $l(this.current), this.owner = n.owner;
   }
   /**
    * Adds a function that will be notified when the `MotionValue` is updated.
@@ -2721,41 +2675,41 @@ class rc {
   }
 }
 function Vt(t, e) {
-  return new rc(t, e);
+  return new Hl(t, e);
 }
-const Zi = (t) => (e) => e.test(t), ac = {
+const Zi = (t) => (e) => e.test(t), ql = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, 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) {
+}, Ji = [yt, w, K, st, ea, ta, ql], Et = (t) => Ji.find(Zi(t)), Kl = [...Ji, N, ct], Yl = (t) => Kl.find(Zi(t));
+function Xl(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Vt(n));
 }
-function fc(t, e) {
+function Ql(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 = Ra(r[o]);
-    uc(t, o, a);
+    const a = ga(r[o]);
+    Xl(t, o, a);
   }
 }
-function hc(t, e, n) {
+function Zl(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) : !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));
+      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) : !Yl(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 dc(t, e) {
+function Jl(t, e) {
   return e ? (e[t] || e.default || e).from : void 0;
 }
-function pc(t, e, n) {
+function tc(t, e, n) {
   const s = {};
   for (const i in t) {
-    const r = dc(i, e);
+    const r = Jl(i, e);
     if (r !== void 0)
       s[i] = r;
     else {
@@ -2765,11 +2719,11 @@ function pc(t, e, n) {
   }
   return s;
 }
-function mc({ protectedKeys: t, needsAnimating: e }, n) {
+function ec({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, s;
 }
-function gc(t, e) {
+function nc(t, e) {
   const n = t.get();
   if (Array.isArray(e)) {
     for (let s = 0; s < e.length; s++)
@@ -2783,31 +2737,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 f in a) {
-    const h = t.getValue(f), d = a[f];
-    if (!h || d === void 0 || u && mc(u, f))
+  for (const h in a) {
+    const f = t.getValue(h), d = a[h];
+    if (!f || d === void 0 || u && ec(u, h))
       continue;
-    const p = {
+    const m = {
       delay: n,
       elapsed: 0,
-      ...xn(r || {}, f)
+      ...xn(r || {}, h)
     };
     if (window.HandoffAppearAnimations) {
       const b = t.getProps()[ei];
       if (b) {
-        const y = window.HandoffAppearAnimations(b, f, h, V);
-        y !== null && (p.elapsed = y, p.isHandoff = !0);
+        const y = window.HandoffAppearAnimations(b, h, f, V);
+        y !== null && (m.elapsed = y, m.isHandoff = !0);
       }
     }
-    let m = !p.isHandoff && !gc(h, d);
-    if (p.type === "spring" && (h.getVelocity() || p.velocity) && (m = !1), h.animation && (m = !1), m)
+    let p = !m.isHandoff && !nc(f, d);
+    if (m.type === "spring" && (f.getVelocity() || m.velocity) && (p = !1), f.animation && (p = !1), p)
       continue;
-    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);
+    f.start(bn(h, f, d, t.shouldReduceMotion && gt.has(h) ? { type: !1 } : m));
+    const v = f.animation;
+    ce(l) && (l.add(h), v.then(() => l.remove(h))), c.push(v);
   }
   return o && Promise.all(c).then(() => {
-    o && fc(t, o);
+    o && Ql(t, o);
   }), c;
 }
 function We(t, e, n = {}) {
@@ -2815,8 +2769,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: f } = i;
-    return yc(t, e, c + l, u, f, n);
+    const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = i;
+    return sc(t, e, c + l, u, h, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [l, c] = a === "beforeChildren" ? [r, o] : [o, r];
@@ -2824,19 +2778,19 @@ function We(t, e, n = {}) {
   } else
     return Promise.all([r(), o(n.delay)]);
 }
-function yc(t, e, n = 0, s = 0, i = 1, r) {
+function sc(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(vc).forEach((c, u) => {
+  return Array.from(t.variantChildren).sort(ic).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 vc(t, e) {
+function ic(t, e) {
   return t.sortNodePosition(e);
 }
-function xc(t, e, n = {}) {
+function oc(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
@@ -2850,19 +2804,19 @@ function xc(t, e, n = {}) {
   }
   return s.then(() => t.notify("AnimationComplete", e));
 }
-const bc = [...rn].reverse(), wc = rn.length;
-function Tc(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: s }) => xc(t, n, s)));
+const rc = [...rn].reverse(), ac = rn.length;
+function lc(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: s }) => oc(t, n, s)));
 }
-function Pc(t) {
-  let e = Tc(t);
-  const n = Sc();
+function cc(t) {
+  let e = lc(t);
+  const n = hc();
   let s = !0;
   const i = (l, c) => {
     const u = xe(t, c);
     if (u) {
-      const { transition: f, transitionEnd: h, ...d } = u;
-      l = { ...l, ...d, ...h };
+      const { transition: h, transitionEnd: f, ...d } = u;
+      l = { ...l, ...d, ...f };
     }
     return l;
   };
@@ -2870,38 +2824,38 @@ function Pc(t) {
     e = l(t);
   }
   function o(l, c) {
-    const u = t.getProps(), f = t.getVariantContext(!0) || {}, h = [], d = /* @__PURE__ */ new Set();
-    let p = {}, m = 1 / 0;
-    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 === 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
+    const u = t.getProps(), h = t.getVariantContext(!0) || {}, f = [], d = /* @__PURE__ */ new Set();
+    let m = {}, p = 1 / 0;
+    for (let b = 0; b < ac; b++) {
+      const y = rc[b], g = n[y], x = u[y] !== void 0 ? u[y] : h[y], P = Ut(x), S = y === c ? g.isActive : null;
+      S === !1 && (p = b);
+      let C = x === h[y] && x !== u[y] && P;
+      if (C && s && t.manuallyAnimateOnMount && (C = !1), g.protectedKeys = { ...m }, // If it isn't active and hasn't *just* been set as inactive
       !g.isActive && S === null || // If we didn't and don't have any defined prop for this animation type
       !x && !g.prevProp || // Or if the prop doesn't define an animation
-      me(x) || typeof x == "boolean")
+      pe(x) || typeof x == "boolean")
         continue;
-      let L = Ac(g.prevProp, x) || // If we're making this variant active, we want to always make it active
+      let E = uc(g.prevProp, x) || // If we're making this variant active, we want to always make it active
       y === c && g.isActive && !C && P || // If we removed a higher-priority variant (i is in reverse order)
-      b > m && P, Y = !1;
+      b > p && P, Y = !1;
       const vt = Array.isArray(x) ? x : [x];
       let H = vt.reduce(i, {});
       S === !1 && (H = {});
-      const { prevResolvedValues: X = {} } = g, O = {
+      const { prevResolvedValues: X = {} } = g, j = {
         ...X,
         ...H
-      }, xt = (B) => {
-        L = !0, d.has(B) && (Y = !0, d.delete(B)), g.needsAnimating[B] = !0;
+      }, xt = (I) => {
+        E = !0, d.has(I) && (Y = !0, d.delete(I)), g.needsAnimating[I] = !0;
       };
-      for (const B in O) {
-        const nt = H[B], Dt = X[B];
-        if (p.hasOwnProperty(B))
+      for (const I in j) {
+        const nt = H[I], Dt = X[I];
+        if (m.hasOwnProperty(I))
           continue;
         let bt = !1;
-        oe(nt) && oe(Dt) ? bt = !Pi(nt, Dt) : bt = nt !== Dt, bt ? nt !== void 0 ? xt(B) : d.add(B) : nt !== void 0 && d.has(B) ? xt(B) : g.protectedKeys[B] = !0;
+        oe(nt) && oe(Dt) ? bt = !Pi(nt, Dt) : bt = nt !== Dt, bt ? nt !== void 0 ? xt(I) : d.add(I) : nt !== void 0 && d.has(I) ? xt(I) : g.protectedKeys[I] = !0;
       }
-      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,
+      g.prevProp = x, g.prevResolvedValues = H, g.isActive && (m = { ...m, ...H }), s && t.blockInitialAnimation && (E = !1), E && (!C || Y) && f.push(...vt.map((I) => ({
+        animation: I,
         options: { type: y, ...l }
       })));
     }
@@ -2910,23 +2864,23 @@ function Pc(t) {
       d.forEach((y) => {
         const g = t.getBaseTarget(y);
         g !== void 0 && (b[y] = g);
-      }), h.push({ animation: b });
+      }), f.push({ animation: b });
     }
-    let v = !!h.length;
-    return s && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (v = !1), s = !1, v ? e(h) : Promise.resolve();
+    let v = !!f.length;
+    return s && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (v = !1), s = !1, v ? e(f) : Promise.resolve();
   }
   function a(l, c, u) {
-    var f;
+    var h;
     if (n[l].isActive === c)
       return Promise.resolve();
-    (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);
+    (h = t.variantChildren) === null || h === void 0 || h.forEach((d) => {
+      var m;
+      return (m = d.animationState) === null || m === void 0 ? void 0 : m.setActive(l, c);
     }), n[l].isActive = c;
-    const h = o(u, l);
+    const f = o(u, l);
     for (const d in n)
       n[d].protectedKeys = {};
-    return h;
+    return f;
   }
   return {
     animateChanges: o,
@@ -2935,10 +2889,10 @@ function Pc(t) {
     getState: () => n
   };
 }
-function Ac(t, e) {
+function uc(t, e) {
   return typeof e == "string" ? e !== t : Array.isArray(e) ? !Pi(e, t) : !1;
 }
-function ht(t = !1) {
+function ft(t = !1) {
   return {
     isActive: t,
     protectedKeys: {},
@@ -2946,29 +2900,29 @@ function ht(t = !1) {
     prevResolvedValues: {}
   };
 }
-function Sc() {
+function hc() {
   return {
-    animate: ht(!0),
-    whileInView: ht(),
-    whileHover: ht(),
-    whileTap: ht(),
-    whileDrag: ht(),
-    whileFocus: ht(),
-    exit: ht()
+    animate: ft(!0),
+    whileInView: ft(),
+    whileHover: ft(),
+    whileTap: ft(),
+    whileDrag: ft(),
+    whileFocus: ft(),
+    exit: ft()
   };
 }
-class Vc extends ut {
+class fc 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 = Pc(e));
+    super(e), e.animationState || (e.animationState = cc(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    this.unmount(), me(e) && (this.unmount = e.subscribe(this.node));
+    this.unmount(), pe(e) && (this.unmount = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -2983,10 +2937,10 @@ class Vc extends ut {
   unmount() {
   }
 }
-let Cc = 0;
-class Mc extends ut {
+let dc = 0;
+class mc extends ut {
   constructor() {
-    super(...arguments), this.id = Cc++;
+    super(...arguments), this.id = dc++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -3004,15 +2958,15 @@ class Mc extends ut {
   unmount() {
   }
 }
-const Dc = {
+const pc = {
   animation: {
-    Feature: Vc
+    Feature: fc
   },
   exit: {
-    Feature: Mc
+    Feature: mc
   }
 }, es = (t, e) => Math.abs(t - e);
-function Rc(t, e) {
+function gc(t, e) {
   const n = es(t.x, e.x), s = es(t.y, e.y);
   return Math.sqrt(n ** 2 + s ** 2);
 }
@@ -3021,29 +2975,29 @@ class eo {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const f = Le(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, d = Rc(f.offset, { x: 0, y: 0 }) >= 3;
-      if (!h && !d)
+      const h = Ee(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, d = gc(h.offset, { x: 0, y: 0 }) >= 3;
+      if (!f && !d)
         return;
-      const { point: p } = f, { timestamp: m } = F;
-      this.history.push({ ...p, timestamp: m });
+      const { point: m } = h, { timestamp: p } = F;
+      this.history.push({ ...m, timestamp: p });
       const { onStart: v, onMove: b } = this.handlers;
-      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) => {
+      f || (v && v(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), b && b(this.lastMoveEvent, h);
+    }, this.handlePointerMove = (h, f) => {
+      this.lastMoveEvent = h, this.lastMoveEventInfo = Le(f, this.transformPagePoint), V.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (h, f) => {
       this.end();
-      const { onEnd: d, onSessionEnd: p, resumeAnimation: m } = this.handlers;
-      if (this.dragSnapToOrigin && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: d, onSessionEnd: m, resumeAnimation: p } = this.handlers;
+      if (this.dragSnapToOrigin && p && p(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const v = Le(f.type === "pointercancel" ? this.lastMoveEventInfo : _e(h, this.transformPagePoint), this.history);
-      this.startEvent && d && d(f, v), p && p(f, v);
+      const v = Ee(h.type === "pointercancel" ? this.lastMoveEventInfo : Le(f, this.transformPagePoint), this.history);
+      this.startEvent && d && d(h, v), m && m(h, v);
     }, !vi(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = s, this.contextWindow = i || window;
-    const o = ve(e), a = _e(o, this.transformPagePoint), { point: l } = a, { timestamp: c } = F;
+    const o = ve(e), a = Le(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));
+    u && u(e, Ee(a, this.history)), this.removeListeners = rt(J(this.contextWindow, "pointermove", this.handlePointerMove), J(this.contextWindow, "pointerup", this.handlePointerUp), J(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -3052,27 +3006,27 @@ class eo {
     this.removeListeners && this.removeListeners(), et(this.updatePoint);
   }
 }
-function _e(t, e) {
+function Le(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function ns(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function Le({ point: t }, e) {
+function Ee({ point: t }, e) {
   return {
     point: t,
     delta: ns(t, no(e)),
-    offset: ns(t, _c(e)),
-    velocity: Lc(e, 0.1)
+    offset: ns(t, yc(e)),
+    velocity: vc(e, 0.1)
   };
 }
-function _c(t) {
+function yc(t) {
   return t[0];
 }
 function no(t) {
   return t[t.length - 1];
 }
-function Lc(t, e) {
+function vc(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, s = null;
@@ -3093,29 +3047,29 @@ function Lc(t, e) {
 function z(t) {
   return t.max - t.min;
 }
-function $e(t, e = 0, n = 0.01) {
+function Ge(t, e = 0, n = 0.01) {
   return Math.abs(t - e) <= n;
 }
 function ss(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = _(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);
+  t.origin = s, t.originPoint = L(e.min, e.max, t.origin), t.scale = z(n) / z(e), (Ge(t.scale, 1, 1e-4) || isNaN(t.scale)) && (t.scale = 1), t.translate = L(n.min, n.max, t.origin) - t.originPoint, (Ge(t.translate) || isNaN(t.translate)) && (t.translate = 0);
 }
-function Ft(t, e, n, s) {
+function Ot(t, e, n, s) {
   ss(t.x, e.x, n.x, s ? s.originX : void 0), ss(t.y, e.y, n.y, s ? s.originY : void 0);
 }
 function is(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + z(e);
 }
-function Ec(t, e, n) {
+function xc(t, e, n) {
   is(t.x, e.x, n.x), is(t.y, e.y, n.y);
 }
 function os(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + z(e);
 }
-function Ot(t, e, n) {
+function jt(t, e, n) {
   os(t.x, e.x, n.x), os(t.y, e.y, n.y);
 }
-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 bc(t, { min: e, max: n }, s) {
+  return e !== void 0 && t < e ? t = s ? L(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? L(n, t, s.max) : Math.min(t, n)), t;
 }
 function rs(t, e, n) {
   return {
@@ -3123,7 +3077,7 @@ function rs(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function Bc(t, { top: e, left: n, bottom: s, right: i }) {
+function wc(t, { top: e, left: n, bottom: s, right: i }) {
   return {
     x: rs(t.x, n, i),
     y: rs(t.y, e, s)
@@ -3133,24 +3087,24 @@ 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 Ic(t, e) {
+function Tc(t, e) {
   return {
     x: as(t.x, e.x),
     y: as(t.y, e.y)
   };
 }
-function Fc(t, e) {
+function Pc(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 Oc(t, e) {
+function Ac(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 jc(t = Ge) {
-  return t === !1 ? t = 0 : t === !0 && (t = Ge), {
+const $e = 0.35;
+function Sc(t = $e) {
+  return t === !1 ? t = 0 : t === !0 && (t = $e), {
     x: ls(t, "left", "right"),
     y: ls(t, "top", "bottom")
   };
@@ -3172,11 +3126,11 @@ const us = () => ({
 }), Pt = () => ({
   x: us(),
   y: us()
-}), fs = () => ({ min: 0, max: 0 }), k = () => ({
-  x: fs(),
-  y: fs()
+}), hs = () => ({ min: 0, max: 0 }), B = () => ({
+  x: hs(),
+  y: hs()
 });
-function $(t) {
+function G(t) {
   return [t("x"), t("y")];
 }
 function so({ top: t, left: e, right: n, bottom: s }) {
@@ -3185,10 +3139,10 @@ function so({ top: t, left: e, right: n, bottom: s }) {
     y: { min: t, max: s }
   };
 }
-function Nc({ x: t, y: e }) {
+function Vc({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function Uc(t, e) {
+function Cc(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), s = e({ x: t.right, y: t.bottom });
@@ -3199,19 +3153,19 @@ function Uc(t, e) {
     right: s.x
   };
 }
-function Ee(t) {
+function ke(t) {
   return t === void 0 || t === 1;
 }
 function He({ scale: t, scaleX: e, scaleY: n }) {
-  return !Ee(t) || !Ee(e) || !Ee(n);
+  return !ke(t) || !ke(e) || !ke(n);
 }
 function dt(t) {
   return He(t) || io(t) || t.z || t.rotate || t.rotateX || t.rotateY;
 }
 function io(t) {
-  return hs(t.x) || hs(t.y);
+  return fs(t.x) || fs(t.y);
 }
-function hs(t) {
+function fs(t) {
   return t && t !== "0%";
 }
 function ue(t, e, n) {
@@ -3227,7 +3181,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 zc(t, e, n, s = !1) {
+function Mc(t, e, n, s = !1) {
   const i = n.length;
   if (!i)
     return;
@@ -3241,46 +3195,46 @@ function zc(t, e, n, s = !1) {
       y: -r.scroll.offset.y
     }), o && (e.x *= o.x.scale, e.y *= o.y.scale, oo(t, o)), s && dt(r.latestValues) && At(t, r.latestValues));
   }
-  e.x = ps(e.x), e.y = ps(e.y);
+  e.x = ms(e.x), e.y = ms(e.y);
 }
-function ps(t) {
+function ms(t) {
   return Number.isInteger(t) || t > 1.0000000000001 || t < 0.999999999999 ? t : 1;
 }
 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 = _(t.min, t.max, r);
+function ps(t, e, [n, s, i]) {
+  const r = e[i] !== void 0 ? e[i] : 0.5, o = L(t.min, t.max, r);
   qe(t, e[n], e[s], o, e.scale);
 }
-const Wc = ["x", "scaleX", "originX"], $c = ["y", "scaleY", "originY"];
+const Dc = ["x", "scaleX", "originX"], Rc = ["y", "scaleY", "originY"];
 function At(t, e) {
-  ms(t.x, e, Wc), ms(t.y, e, $c);
+  ps(t.x, e, Dc), ps(t.y, e, Rc);
 }
 function ro(t, e) {
-  return so(Uc(t.getBoundingClientRect(), e));
+  return so(Cc(t.getBoundingClientRect(), e));
 }
-function Gc(t, e, n) {
+function Lc(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, Hc = /* @__PURE__ */ new WeakMap();
-class qc {
+const ao = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ec = /* @__PURE__ */ new WeakMap();
+class kc {
   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;
+    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = B(), this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1 } = {}) {
     const { presenceContext: s } = this.visualElement;
     if (s && s.isPresent === !1)
       return;
     const i = (u) => {
-      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))
+      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: m } = this.getProps();
+      if (f && !d && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = bi(f), !this.openGlobalLock))
         return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), $((v) => {
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), G((v) => {
         let b = this.getAxisMotionValue(v).get() || 0;
         if (K.test(b)) {
           const { projection: y } = this.visualElement;
@@ -3290,22 +3244,22 @@ class qc {
           }
         }
         this.originPoint[v] = b;
-      }), p && V.update(() => p(u, f), !1, !0);
-      const { animationState: m } = this.visualElement;
-      m && m.setActive("whileDrag", !0);
-    }, o = (u, f) => {
-      const { dragPropagation: h, dragDirectionLock: d, onDirectionLock: p, onDrag: m } = this.getProps();
-      if (!h && !this.openGlobalLock)
+      }), m && V.update(() => m(u, h), !1, !0);
+      const { animationState: p } = this.visualElement;
+      p && p.setActive("whileDrag", !0);
+    }, o = (u, h) => {
+      const { dragPropagation: f, dragDirectionLock: d, onDirectionLock: m, onDrag: p } = this.getProps();
+      if (!f && !this.openGlobalLock)
         return;
-      const { offset: v } = f;
+      const { offset: v } = h;
       if (d && this.currentDirection === null) {
-        this.currentDirection = Kc(v), this.currentDirection !== null && p && p(this.currentDirection);
+        this.currentDirection = Bc(v), this.currentDirection !== null && m && m(this.currentDirection);
         return;
       }
-      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());
+      this.updateAxis("x", h.point, v), this.updateAxis("y", h.point, v), this.visualElement.render(), p && p(u, h);
+    }, a = (u, h) => this.stop(u, h), l = () => G((u) => {
+      var h;
+      return this.getAnimationState(u) === "paused" && ((h = this.getAxisMotionValue(u).animation) === null || h === void 0 ? void 0 : h.play());
     }), { dragSnapToOrigin: c } = this.getProps();
     this.panSession = new eo(e, {
       onSessionStart: i,
@@ -3341,13 +3295,13 @@ class qc {
       return;
     const r = this.getAxisMotionValue(e);
     let o = this.originPoint[e] + s[e];
-    this.constraints && this.constraints[e] && (o = kc(o, this.constraints[e], this.elastic[e])), r.set(o);
+    this.constraints && this.constraints[e] && (o = bc(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 = 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]));
+    n && wt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && i ? this.constraints = wc(i.layoutBox, n) : this.constraints = !1, this.elastic = Sc(s), r !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && G((o) => {
+      this.getAxisMotionValue(o) && (this.constraints[o] = Ac(i.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
@@ -3359,32 +3313,32 @@ class qc {
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
-    const r = Gc(s, i.root, this.visualElement.getTransformPagePoint());
-    let o = Ic(i.layout.layoutBox, r);
+    const r = Lc(s, i.root, this.visualElement.getTransformPagePoint());
+    let o = Tc(i.layout.layoutBox, r);
     if (n) {
-      const a = n(Nc(o));
+      const a = n(Vc(o));
       this.hasMutatedConstraints = !!a, a && (o = so(a));
     }
     return o;
   }
   startAnimation(e) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: r, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = $((u) => {
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: r, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = G((u) => {
       if (!Jt(u, n, this.currentDirection))
         return;
-      let f = l && l[u] || {};
-      o && (f = { min: 0, max: 0 });
-      const h = i ? 200 : 1e6, d = i ? 40 : 1e7, p = {
+      let h = l && l[u] || {};
+      o && (h = { min: 0, max: 0 });
+      const f = i ? 200 : 1e6, d = i ? 40 : 1e7, m = {
         type: "inertia",
         velocity: s ? e[u] : 0,
-        bounceStiffness: h,
+        bounceStiffness: f,
         bounceDamping: d,
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10,
         ...r,
-        ...f
+        ...h
       };
-      return this.startAxisValueAnimation(u, p);
+      return this.startAxisValueAnimation(u, m);
     });
     return Promise.all(c).then(a);
   }
@@ -3393,10 +3347,10 @@ class qc {
     return s.start(bn(e, s, 0, n));
   }
   stopAnimation() {
-    $((e) => this.getAxisMotionValue(e).stop());
+    G((e) => this.getAxisMotionValue(e).stop());
   }
   pauseAnimation() {
-    $((e) => {
+    G((e) => {
       var n;
       return (n = this.getAxisMotionValue(e).animation) === null || n === void 0 ? void 0 : n.pause();
     });
@@ -3416,14 +3370,14 @@ class qc {
     return i || this.visualElement.getValue(e, (s.initial ? s.initial[e] : void 0) || 0);
   }
   snapToCursor(e) {
-    $((n) => {
+    G((n) => {
       const { drag: s } = this.getProps();
       if (!Jt(n, s, this.currentDirection))
         return;
       const { projection: i } = this.visualElement, r = this.getAxisMotionValue(n);
       if (i && i.layout) {
         const { min: o, max: a } = i.layout.layoutBox[n];
-        r.set(e[n] - _(o, a, 0.5));
+        r.set(e[n] - L(o, a, 0.5));
       }
     });
   }
@@ -3440,25 +3394,25 @@ class qc {
       return;
     this.stopAnimation();
     const i = { x: 0, y: 0 };
-    $((o) => {
+    G((o) => {
       const a = this.getAxisMotionValue(o);
       if (a) {
         const l = a.get();
-        i[o] = Fc({ min: l, max: l }, this.constraints[o]);
+        i[o] = Pc({ min: l, max: l }, this.constraints[o]);
       }
     });
     const { transformTemplate: r } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = r ? r({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), $((o) => {
+    this.visualElement.current.style.transform = r ? r({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), G((o) => {
       if (!Jt(o, e, null))
         return;
       const a = this.getAxisMotionValue(o), { min: l, max: c } = this.constraints[o];
-      a.set(_(l, c, i[o]));
+      a.set(L(l, c, i[o]));
     });
   }
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Hc.set(this.visualElement, this);
+    Ec.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);
@@ -3468,9 +3422,9 @@ class qc {
     }, { projection: i } = this.visualElement, r = i.addEventListener("measure", s);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), s();
     const o = Z(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
-      this.isDragging && c && ($((u) => {
-        const f = this.getAxisMotionValue(u);
-        f && (this.originPoint[u] += l[u].translate, f.set(f.get() + l[u].translate));
+      this.isDragging && c && (G((u) => {
+        const h = this.getAxisMotionValue(u);
+        h && (this.originPoint[u] += l[u].translate, h.set(h.get() + l[u].translate));
       }), this.visualElement.render());
     });
     return () => {
@@ -3478,7 +3432,7 @@ class qc {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: r = !1, dragElastic: o = Ge, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: r = !1, dragElastic: o = $e, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -3493,17 +3447,17 @@ class qc {
 function Jt(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function Kc(t, e = 10) {
+function Bc(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class Yc extends ut {
+class Ic extends ut {
   constructor(e) {
-    super(e), this.removeGroupControls = E, this.removeListeners = E, this.controls = new qc(e);
+    super(e), this.removeGroupControls = k, this.removeListeners = k, this.controls = new kc(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
-    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || E;
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || k;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -3512,9 +3466,9 @@ class Yc extends ut {
 const gs = (t) => (e, n) => {
   t && V.update(() => t(e, n));
 };
-class Xc extends ut {
+class Fc extends ut {
   constructor() {
-    super(...arguments), this.removePointerDownListener = E;
+    super(...arguments), this.removePointerDownListener = k;
   }
   onPointerDown(e) {
     this.session = new eo(e, this.createPanHandlers(), {
@@ -3543,8 +3497,8 @@ class Xc extends ut {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-function Qc() {
-  const t = N(sn);
+function Oc() {
+  const t = U(sn);
   if (t === null)
     return [!0, null];
   const { isPresent: e, onExitComplete: n, register: s } = t, i = Mo();
@@ -3565,7 +3519,7 @@ const ne = {
 function ys(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
-const Et = {
+const kt = {
   correct: (t, e) => {
     if (!e.target)
       return t;
@@ -3577,18 +3531,18 @@ const Et = {
     const n = ys(t, e.target.x), s = ys(t, e.target.y);
     return `${n}% ${s}%`;
   }
-}, Zc = {
+}, jc = {
   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 = _(a, l, 0.5);
+    const c = L(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 Jc extends zs.Component {
+class Nc extends zs.Component {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -3596,7 +3550,7 @@ class Jc extends zs.Component {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: s, layoutId: i } = this.props, { projection: r } = e;
-    aa(tu), r && (n.group && n.group.add(r), s && s.register && i && s.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
+    qr(Uc), 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,
@@ -3629,12 +3583,12 @@ class Jc extends zs.Component {
   }
 }
 function lo(t) {
-  const [e, n] = Qc(), s = N(si);
-  return zs.createElement(Jc, { ...t, layoutGroup: s, switchLayoutGroup: N(ii), isPresent: e, safeToRemove: n });
+  const [e, n] = Oc(), s = U(si);
+  return zs.createElement(Nc, { ...t, layoutGroup: s, switchLayoutGroup: U(ii), isPresent: e, safeToRemove: n });
 }
-const tu = {
+const Uc = {
   borderRadius: {
-    ...Et,
+    ...kt,
     applyTo: [
       "borderTopLeftRadius",
       "borderTopRightRadius",
@@ -3642,32 +3596,32 @@ const tu = {
       "borderBottomRightRadius"
     ]
   },
-  borderTopLeftRadius: Et,
-  borderTopRightRadius: Et,
-  borderBottomLeftRadius: Et,
-  borderBottomRightRadius: Et,
-  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 = _(
+  borderTopLeftRadius: kt,
+  borderTopRightRadius: kt,
+  borderBottomLeftRadius: kt,
+  borderBottomRightRadius: kt,
+  boxShadow: jc
+}, co = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], _c = co.length, vs = (t) => typeof t == "string" ? parseFloat(t) : t, xs = (t) => typeof t == "number" || w.test(t);
+function zc(t, e, n, s, i, r) {
+  i ? (t.opacity = L(
     0,
     // TODO Reinstate this if only child
     n.opacity !== void 0 ? n.opacity : 1,
-    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++) {
+    Wc(s)
+  ), t.opacityExit = L(e.opacity !== void 0 ? e.opacity : 1, 0, Gc(s))) : r && (t.opacity = L(e.opacity !== void 0 ? e.opacity : 1, n.opacity !== void 0 ? n.opacity : 1, s));
+  for (let o = 0; o < _c; o++) {
     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(_(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(L(vs(l), vs(c), s), 0), (K.test(c) || K.test(l)) && (t[a] += "%")) : t[a] = c;
   }
-  (e.rotate || n.rotate) && (t.rotate = _(e.rotate || 0, n.rotate || 0, s));
+  (e.rotate || n.rotate) && (t.rotate = L(e.rotate || 0, n.rotate || 0, s));
 }
 function bs(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const su = uo(0, 0.5, Li), iu = uo(0.5, 0.95, E);
+const Wc = uo(0, 0.5, Ei), Gc = uo(0.5, 0.95, k);
 function uo(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(zt(t, e, s));
 }
@@ -3680,35 +3634,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 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")
+function $c(t, e = 0, n = 1, s = 0.5, i, r = t, o = t) {
+  if (K.test(e) && (e = parseFloat(e), e = L(o.min, o.max, e / 100) - o.min), typeof e != "number")
     return;
-  let a = _(r.min, r.max, s);
+  let a = L(r.min, r.max, s);
   t === r && (a -= e), t.min = Ts(t.min, e, n, a, i), t.max = Ts(t.max, e, n, a, i);
 }
 function Ps(t, e, [n, s, i], r, o) {
-  ou(t, e[n], e[s], e[i], e.scale, r, o);
+  $c(t, e[n], e[s], e[i], e.scale, r, o);
 }
-const ru = ["x", "scaleX", "originX"], au = ["y", "scaleY", "originY"];
+const Hc = ["x", "scaleX", "originX"], qc = ["y", "scaleY", "originY"];
 function As(t, e, n, s) {
-  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);
+  Ps(t.x, e, Hc, n ? n.x : void 0, s ? s.x : void 0), Ps(t.y, e, qc, n ? n.y : void 0, s ? s.y : void 0);
 }
 function Ss(t) {
   return t.translate === 0 && t.scale === 1;
 }
-function fo(t) {
+function ho(t) {
   return Ss(t.x) && Ss(t.y);
 }
-function lu(t, e) {
+function Kc(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 ho(t, e) {
+function fo(t, e) {
   return Math.round(t.x.min) === Math.round(e.x.min) && Math.round(t.x.max) === Math.round(e.x.max) && Math.round(t.y.min) === Math.round(e.y.min) && Math.round(t.y.max) === Math.round(e.y.max);
 }
 function Vs(t) {
   return z(t.x) / z(t.y);
 }
-class cu {
+class Yc {
   constructor() {
     this.members = [];
   }
@@ -3772,8 +3726,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 uu = (t, e) => t.depth - e.depth;
-class fu {
+const Xc = (t, e) => t.depth - e.depth;
+class Qc {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -3784,45 +3738,45 @@ class fu {
     Tn(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(uu), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(Xc), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function hu(t, e) {
+function Zc(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 du(t) {
+function Jc(t) {
   window.MotionDebug && window.MotionDebug.record(t);
 }
-function pu(t) {
+function tu(t) {
   return t instanceof SVGElement && t.tagName !== "svg";
 }
-function mu(t, e, n) {
-  const s = U(t) ? t : Vt(t);
+function eu(t, e, n) {
+  const s = _(t) ? t : Vt(t);
   return s.start(bn("", s, e, n)), s.animation;
 }
-const Ms = ["", "X", "Y", "Z"], gu = { visibility: "hidden" }, Ds = 1e3;
-let yu = 0;
-const pt = {
+const Ms = ["", "X", "Y", "Z"], nu = { visibility: "hidden" }, Ds = 1e3;
+let su = 0;
+const mt = {
   type: "projectionFrame",
   totalNodes: 0,
   resolvedTargetDeltas: 0,
   recalculatedProjection: 0
 };
-function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
+function mo({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: s, resetTransform: i }) {
   return class {
     constructor(o = {}, a = e == null ? void 0 : e()) {
-      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.id = su++, 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(bu), this.nodes.forEach(Su), this.nodes.forEach(Vu), this.nodes.forEach(wu), du(pt);
+        this.projectionUpdateScheduled = !1, mt.totalNodes = mt.resolvedTargetDeltas = mt.recalculatedProjection = 0, this.nodes.forEach(ru), this.nodes.forEach(hu), this.nodes.forEach(fu), this.nodes.forEach(au), Jc(mt);
       }, 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 fu());
+      this.root === this && (this.nodes = new Qc());
     }
     addEventListener(o, a) {
       return this.eventHandlers.has(o) || this.eventHandlers.set(o, new Pn()), this.eventHandlers.get(o).add(a);
@@ -3840,32 +3794,32 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(o, a = this.root.hasTreeAnimated) {
       if (this.instance)
         return;
-      this.isSVG = pu(o), this.instance = o;
+      this.isSVG = tu(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 f;
-        const h = () => this.root.updateBlockedByResize = !1;
+        let h;
+        const f = () => this.root.updateBlockedByResize = !1;
         t(o, () => {
-          this.root.updateBlockedByResize = !0, f && f(), f = hu(h, 250), ne.hasAnimatedSinceResize && (ne.hasAnimatedSinceResize = !1, this.nodes.forEach(_s));
+          this.root.updateBlockedByResize = !0, h && h(), h = Zc(f, 250), ne.hasAnimatedSinceResize && (ne.hasAnimatedSinceResize = !1, this.nodes.forEach(Ls));
         });
       }
-      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: f, hasLayoutChanged: h, hasRelativeTargetChanged: d, layout: p }) => {
+      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: f, hasRelativeTargetChanged: d, layout: m }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        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 p = this.options.transition || u.getDefaultTransition() || yu, { onLayoutAnimationStart: v, onLayoutAnimationComplete: b } = u.getProps(), y = !this.targetLayout || !fo(this.targetLayout, m) || 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 x = {
-            ...xn(m, "layout"),
+            ...xn(p, "layout"),
             onPlay: v,
             onComplete: b
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x);
         } else
-          h || _s(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
-        this.targetLayout = p;
+          f || Ls(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+        this.targetLayout = m;
       });
     }
     unmount() {
@@ -3888,7 +3842,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(Cu), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(du), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: o } = this.options;
@@ -3903,8 +3857,8 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
-        const f = this.path[u];
-        f.shouldResetTransform = !0, f.updateScroll("snapshot"), f.options.layoutRoot && f.willUpdate(!1);
+        const h = this.path[u];
+        h.shouldResetTransform = !0, h.updateScroll("snapshot"), h.options.layoutRoot && h.willUpdate(!1);
       }
       const { layoutId: a, layout: l } = this.options;
       if (a === void 0 && !l)
@@ -3917,7 +3871,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Rs);
         return;
       }
-      this.isUpdating || this.nodes.forEach(Pu), this.isUpdating = !1, this.nodes.forEach(Au), this.nodes.forEach(vu), this.nodes.forEach(xu), this.clearAllSnapshots();
+      this.isUpdating || this.nodes.forEach(cu), this.isUpdating = !1, this.nodes.forEach(uu), this.nodes.forEach(iu), this.nodes.forEach(ou), this.clearAllSnapshots();
       const a = performance.now();
       F.delta = lt(0, 1e3 / 60, a - F.timestamp), F.timestamp = a, F.isProcessing = !0, Pe.update.process(F), Pe.preRender.process(F), Pe.render.process(F), F.isProcessing = !1;
     }
@@ -3925,7 +3879,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.updateScheduled || (this.updateScheduled = !0, queueMicrotask(() => this.update()));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(Tu), this.sharedNodes.forEach(Mu);
+      this.nodes.forEach(lu), this.sharedNodes.forEach(mu);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, V.preRender(this.updateProjection, !1, !0));
@@ -3948,7 +3902,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         for (let l = 0; l < this.path.length; l++)
           this.path[l].updateScroll();
       const o = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = k(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = B(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: a } = this.options;
       a && a.notify("LayoutMeasure", this.layout.layoutBox, o ? o.layoutBox : void 0);
     }
@@ -3964,13 +3918,13 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     resetTransform() {
       if (!i)
         return;
-      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;
+      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;
       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)), Lu(l), {
+      return o && (l = this.removeTransform(l)), vu(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3981,20 +3935,20 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measurePageBox() {
       const { visualElement: o } = this.options;
       if (!o)
-        return k();
+        return B();
       const a = o.measureViewportBox(), { scroll: l } = this.root;
       return l && (it(a.x, l.offset.x), it(a.y, l.offset.y)), a;
     }
     removeElementScroll(o) {
-      const a = k();
+      const a = B();
       W(a, o);
       for (let l = 0; l < this.path.length; l++) {
-        const c = this.path[l], { scroll: u, options: f } = c;
-        if (c !== this.root && u && f.layoutScroll) {
+        const c = this.path[l], { scroll: u, options: h } = c;
+        if (c !== this.root && u && h.layoutScroll) {
           if (u.isRoot) {
             W(a, o);
-            const { scroll: h } = this.root;
-            h && (it(a.x, -h.offset.x), it(a.y, -h.offset.y));
+            const { scroll: f } = this.root;
+            f && (it(a.x, -f.offset.x), it(a.y, -f.offset.y));
           }
           it(a.x, u.offset.x), it(a.y, u.offset.y);
         }
@@ -4002,7 +3956,7 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return a;
     }
     applyTransform(o, a = !1) {
-      const l = k();
+      const l = B();
       W(l, o);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
@@ -4014,15 +3968,15 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return dt(this.latestValues) && At(l, this.latestValues), l;
     }
     removeTransform(o) {
-      const a = k();
+      const a = B();
       W(a, o);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !dt(c.latestValues))
           continue;
         He(c.latestValues) && c.updateSnapshot();
-        const u = k(), f = c.measurePageBox();
-        W(u, f), As(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
+        const u = B(), h = c.measurePageBox();
+        W(u, h), As(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return dt(this.latestValues) && As(a, this.latestValues), a;
     }
@@ -4049,19 +4003,19 @@ 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: f, layoutId: h } = this.options;
-      if (!(!this.layout || !(f || h))) {
+      const { layout: h, layoutId: f } = this.options;
+      if (!(!this.layout || !(h || f))) {
         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;
+          d && d.layout && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = B(), this.relativeTargetOrigin = B(), jt(this.relativeTargetOrigin, this.layout.layoutBox, d.layout.layoutBox), W(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         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(), 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) {
+          if (this.target || (this.target = B(), this.targetWithTransforms = B()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), xc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : W(this.target, this.layout.layoutBox), oo(this.target, this.targetDelta)) : W(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             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;
+            d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? (this.relativeParent = d, this.forceRelativeParentToResolveTarget(), this.relativeTarget = B(), this.relativeTargetOrigin = B(), jt(this.relativeTargetOrigin, this.target, d.target), W(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
-          pt.resolvedTargetDeltas++;
+          mt.resolvedTargetDeltas++;
         }
       }
     }
@@ -4078,20 +4032,20 @@ 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: 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))
+      const { layout: u, layoutId: h } = this.options;
+      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || h))
         return;
       W(this.layoutCorrected, this.layout.layoutBox);
-      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) {
+      const f = this.treeScale.x, d = this.treeScale.y;
+      Mc(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox);
+      const { target: m } = a;
+      if (!m) {
         this.projectionTransform && (this.projectionDelta = Pt(), this.projectionTransform = "none", this.scheduleRender());
         return;
       }
       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 !== h || this.treeScale.y !== d) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p)), pt.recalculatedProjection++;
+      const p = this.projectionTransform;
+      Ot(this.projectionDelta, this.layoutCorrected, m, this.latestValues), this.projectionTransform = Cs(this.projectionDelta, this.treeScale), (this.projectionTransform !== p || this.treeScale.x !== f || this.treeScale.y !== d) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", m)), mt.recalculatedProjection++;
     }
     hide() {
       this.isVisible = !1;
@@ -4107,19 +4061,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 }, f = Pt();
+      const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = Pt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      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));
+      const f = B(), d = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, p = d !== m, v = this.getStack(), b = !v || v.members.length <= 1, y = !!(p && !b && this.options.crossfade === !0 && !this.path.some(gu));
       this.animationProgress = 0;
       let g;
       this.mixTargetDelta = (x) => {
         const P = x / 1e3;
-        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;
+        Es(h.x, o.x, P), Es(h.y, o.y, P), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (jt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), pu(this.relativeTarget, this.relativeTargetOrigin, f, P), g && Kc(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = B()), W(g, this.relativeTarget)), p && (this.animationValues = u, zc(u, c, this.latestValues, P, y, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
       }, 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 = mu(0, Ds, {
+        ne.hasAnimatedSinceResize = !0, this.currentAnimation = eu(0, Ds, {
           ...o,
           onUpdate: (a) => {
             this.mixTargetDelta(a), o.onUpdate && o.onUpdate(a);
@@ -4142,18 +4096,18 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const o = this.getLead();
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = o;
       if (!(!a || !l || !c)) {
-        if (this !== o && this.layout && c && mo(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
-          l = this.target || k();
-          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;
+        if (this !== o && this.layout && c && po(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
+          l = this.target || B();
+          const h = z(this.layout.layoutBox.x);
+          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;
         }
-        W(a, l), At(a, u), Ft(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
+        W(a, l), At(a, u), Ot(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(o, a) {
-      this.sharedNodes.has(o) || this.sharedNodes.set(o, new cu()), this.sharedNodes.get(o).add(a);
+      this.sharedNodes.has(o) || this.sharedNodes.set(o, new Yc()), this.sharedNodes.get(o).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -4197,8 +4151,8 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       const c = {};
       for (let u = 0; u < Ms.length; u++) {
-        const f = "rotate" + Ms[u];
-        l[f] && (c[f] = l[f], o.setStaticValue(f, 0));
+        const h = "rotate" + Ms[u];
+        l[h] && (c[h] = l[h], o.setStaticValue(h, 0));
       }
       o.render();
       for (const u in c)
@@ -4210,33 +4164,33 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!this.instance || this.isSVG)
         return;
       if (!this.isVisible)
-        return gu;
+        return nu;
       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 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 h = this.getLead();
+      if (!this.projectionDelta || !this.layout || !h.target) {
+        const p = {};
+        return this.options.layoutId && (p.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, p.pointerEvents = ee(o == null ? void 0 : o.pointerEvents) || ""), this.hasProjected && !dt(this.latestValues) && (p.transform = u ? u({}, "") : "none", this.hasProjected = !1), p;
       }
-      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`, 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 (h[m] === void 0)
+      const f = h.animationValues || h.latestValues;
+      this.applyTransformsToTarget(), c.transform = Cs(this.projectionDeltaWithTransform, this.treeScale, f), u && (c.transform = u(f, c.transform));
+      const { x: d, y: m } = this.projectionDelta;
+      c.transformOrigin = `${d.origin * 100}% ${m.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;
+      for (const p in se) {
+        if (f[p] === void 0)
           continue;
-        const { correct: v, applyTo: b } = se[m], y = c.transform === "none" ? h[m] : v(h[m], f);
+        const { correct: v, applyTo: b } = se[p], y = c.transform === "none" ? f[p] : v(f[p], h);
         if (b) {
           const g = b.length;
           for (let x = 0; x < g; x++)
             c[b[x]] = y;
         } else
-          c[m] = y;
+          c[p] = y;
       }
-      return this.options.layoutId && (c.pointerEvents = f === this ? ee(o == null ? void 0 : o.pointerEvents) || "" : "none"), c;
+      return this.options.layoutId && (c.pointerEvents = h === this ? ee(o == null ? void 0 : o.pointerEvents) || "" : "none"), c;
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4250,36 +4204,36 @@ function po({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
   };
 }
-function vu(t) {
+function iu(t) {
   t.updateLayout();
 }
-function xu(t) {
+function ou(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" ? $((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);
+    r === "size" ? G((h) => {
+      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = z(f);
+      f.min = s[h].min, f.max = f.min + d;
+    }) : po(r, n.layoutBox, s) && G((h) => {
+      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = z(s[h]);
+      f.max = f.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + d);
     });
     const a = Pt();
-    Ft(a, s, n.layoutBox);
+    Ot(a, s, n.layoutBox);
     const l = Pt();
-    o ? Ft(l, t.applyTransform(i, !0), n.measuredBox) : Ft(l, s, n.layoutBox);
-    const c = !fo(a);
+    o ? Ot(l, t.applyTransform(i, !0), n.measuredBox) : Ot(l, s, n.layoutBox);
+    const c = !ho(a);
     let u = !1;
     if (!t.resumeFrom) {
-      const f = t.getClosestProjectingParent();
-      if (f && !f.resumeFrom) {
-        const { snapshot: h, layout: d } = f;
-        if (h && d) {
-          const p = k();
-          Ot(p, n.layoutBox, h.layoutBox);
-          const m = k();
-          Ot(m, s, d.layoutBox), ho(p, m) || (u = !0), f.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = f);
+      const h = t.getClosestProjectingParent();
+      if (h && !h.resumeFrom) {
+        const { snapshot: f, layout: d } = h;
+        if (f && d) {
+          const m = B();
+          jt(m, n.layoutBox, f.layoutBox);
+          const p = B();
+          jt(p, s, d.layoutBox), fo(m, p) || (u = !0), h.options.layoutRoot && (t.relativeTarget = p, t.relativeTargetOrigin = m, t.relativeParent = h);
         }
       }
     }
@@ -4297,111 +4251,111 @@ function xu(t) {
   }
   t.options.transition = void 0;
 }
-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 ru(t) {
+  mt.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 wu(t) {
+function au(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function Tu(t) {
+function lu(t) {
   t.clearSnapshot();
 }
 function Rs(t) {
   t.clearMeasurements();
 }
-function Pu(t) {
+function cu(t) {
   t.isLayoutDirty = !1;
 }
-function Au(t) {
+function uu(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function _s(t) {
+function Ls(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function Su(t) {
+function hu(t) {
   t.resolveTargetDelta();
 }
-function Vu(t) {
+function fu(t) {
   t.calcProjection();
 }
-function Cu(t) {
+function du(t) {
   t.resetRotation();
 }
-function Mu(t) {
+function mu(t) {
   t.removeLeadSnapshot();
 }
-function Ls(t, e, n) {
-  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) {
+  t.translate = L(e.translate, 0, n), t.scale = L(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function Es(t, e, n, s) {
-  t.min = _(e.min, n.min, s), t.max = _(e.max, n.max, s);
+function ks(t, e, n, s) {
+  t.min = L(e.min, n.min, s), t.max = L(e.max, n.max, s);
 }
-function Du(t, e, n, s) {
-  Es(t.x, e.x, n.x, s), Es(t.y, e.y, n.y, s);
+function pu(t, e, n, s) {
+  ks(t.x, e.x, n.x, s), ks(t.y, e.y, n.y, s);
 }
-function Ru(t) {
+function gu(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const _u = {
+const yu = {
   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);
+}, Bs = (t) => typeof navigator < "u" && navigator.userAgent.toLowerCase().includes(t), Is = Bs("applewebkit/") && !Bs("chrome/") ? Math.round : k;
+function Fs(t) {
+  t.min = Is(t.min), t.max = Is(t.max);
 }
-function Lu(t) {
-  Is(t.x), Is(t.y);
+function vu(t) {
+  Fs(t.x), Fs(t.y);
 }
-function mo(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !$e(Vs(e), Vs(n), 0.2);
+function po(t, e, n) {
+  return t === "position" || t === "preserve-aspect" && !Ge(Vs(e), Vs(n), 0.2);
 }
-const Eu = po({
+const xu = mo({
   attachResizeListener: (t, e) => Z(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
   }),
   checkIsScrollRoot: () => !0
-}), ke = {
+}), Be = {
   current: void 0
-}, go = po({
+}, go = mo({
   measureScroll: (t) => ({
     x: t.scrollLeft,
     y: t.scrollTop
   }),
   defaultParent: () => {
-    if (!ke.current) {
-      const t = new Eu({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), ke.current = t;
+    if (!Be.current) {
+      const t = new xu({});
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), Be.current = t;
     }
-    return ke.current;
+    return Be.current;
   },
   resetTransform: (t, e) => {
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), ku = {
+}), bu = {
   pan: {
-    Feature: Xc
+    Feature: Fc
   },
   drag: {
-    Feature: Yc,
+    Feature: Ic,
     ProjectionNode: go,
     MeasureLayout: lo
   }
-}, Bu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
-function Iu(t) {
-  const e = Bu.exec(t);
+}, wu = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;
+function Tu(t) {
+  const e = wu.exec(t);
   if (!e)
     return [,];
   const [, n, s] = e;
   return [n, s];
 }
-const Fu = 4;
+const Pu = 4;
 function Ke(t, e, n = 1) {
-  q(n <= Fu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
-  const [s, i] = Iu(t);
+  q(n <= Pu, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
+  const [s, i] = Tu(t);
   if (!s)
     return;
   const r = window.getComputedStyle(e).getPropertyValue(s);
@@ -4409,29 +4363,29 @@ function Ke(t, e, n = 1) {
     const o = r.trim();
     return Qi(o) ? parseFloat(o) : o;
   } else
-    return Fe(i) ? Ke(i, e, n + 1) : i;
+    return Oe(i) ? Ke(i, e, n + 1) : i;
 }
-function Ou(t, { ...e }, n) {
+function Au(t, { ...e }, n) {
   const s = t.current;
   if (!(s instanceof Element))
     return { target: e, transitionEnd: n };
   n && (n = { ...n }), t.values.forEach((i) => {
     const r = i.get();
-    if (!Fe(r))
+    if (!Oe(r))
       return;
     const o = Ke(r, s);
     o && i.set(o);
   });
   for (const i in e) {
     const r = e[i];
-    if (!Fe(r))
+    if (!Oe(r))
       continue;
     const o = Ke(r, s);
     o && (e[i] = o, n || (n = {}), n[i] === void 0 && (n[i] = r));
   }
   return { target: e, transitionEnd: n };
 }
-const ju = /* @__PURE__ */ new Set([
+const Su = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -4442,20 +4396,20 @@ const ju = /* @__PURE__ */ new Set([
   "y",
   "translateX",
   "translateY"
-]), 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 }) => {
+]), yo = (t) => Su.has(t), Vu = (t) => Object.keys(t).some(yo), te = (t) => t === yt || t === w, Os = (t, e) => parseFloat(t.split(", ")[e]), js = (t, e) => (n, { transform: s }) => {
   if (s === "none" || !s)
     return 0;
   const i = s.match(/^matrix3d\((.+)\)$/);
   if (i)
-    return Fs(i[1], e);
+    return Os(i[1], e);
   {
     const r = s.match(/^matrix\((.+)\)$/);
-    return r ? Fs(r[1], t) : 0;
+    return r ? Os(r[1], t) : 0;
   }
-}, Uu = /* @__PURE__ */ new Set(["x", "y", "z"]), zu = $t.filter((t) => !Uu.has(t));
-function Wu(t) {
+}, Cu = /* @__PURE__ */ new Set(["x", "y", "z"]), Mu = Gt.filter((t) => !Cu.has(t));
+function Du(t) {
   const e = [];
-  return zu.forEach((n) => {
+  return Mu.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;
@@ -4469,12 +4423,12 @@ const Ct = {
   bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
   right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: Os(4, 13),
-  y: Os(5, 14)
+  x: js(4, 13),
+  y: js(5, 14)
 };
 Ct.translateX = Ct.x;
 Ct.translateY = Ct.y;
-const $u = (t, e, n) => {
+const Ru = (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);
@@ -4484,7 +4438,7 @@ const $u = (t, e, n) => {
     const u = e.getValue(c);
     u && u.jump(a[c]), t[c] = Ct[c](l, r);
   }), t;
-}, Gu = (t, e, n = {}, s = {}) => {
+}, Lu = (t, e, n = {}, s = {}) => {
   e = { ...e }, s = { ...s };
   const i = Object.keys(e).filter(yo);
   let r = [], o = !1;
@@ -4493,52 +4447,52 @@ const $u = (t, e, n) => {
     const c = t.getValue(l);
     if (!t.hasValue(l))
       return;
-    let u = n[l], f = Lt(u);
-    const h = e[l];
+    let u = n[l], h = Et(u);
+    const f = e[l];
     let d;
-    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"));
+    if (oe(f)) {
+      const m = f.length, p = f[0] === null ? 1 : 0;
+      u = f[p], h = Et(u);
+      for (let v = p; v < m && f[v] !== null; v++)
+        d ? q(Et(f[v]) === d, "All keyframes must be of the same type") : (d = Et(f[v]), q(d === h || te(h) && te(d), "Keyframes must be of the same dimension as the current value"));
     } else
-      d = Lt(h);
-    if (f !== d)
-      if (te(f) && te(d)) {
-        const p = c.get();
-        typeof p == "string" && c.set(parseFloat(p)), typeof h == "string" ? e[l] = parseFloat(h) : Array.isArray(h) && d === w && (e[l] = h.map(parseFloat));
+      d = Et(f);
+    if (h !== d)
+      if (te(h) && te(d)) {
+        const m = c.get();
+        typeof m == "string" && c.set(parseFloat(m)), typeof f == "string" ? e[l] = parseFloat(f) : Array.isArray(f) && d === w && (e[l] = f.map(parseFloat));
       } else
-        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));
+        h != null && h.transform && (d != null && d.transform) && (u === 0 || f === 0) ? u === 0 ? c.set(d.transform(u)) : e[l] = h.transform(f) : (o || (r = Du(t), o = !0), a.push(l), s[l] = s[l] !== void 0 ? s[l] : e[l], c.jump(f));
   }), a.length) {
-    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 };
+    const l = a.indexOf("height") >= 0 ? window.pageYOffset : null, c = Ru(e, t, a);
+    return r.length && r.forEach(([u, h]) => {
+      t.getValue(u).set(h);
+    }), t.render(), me && l !== null && window.scrollTo({ top: l }), { target: c, transitionEnd: s };
   } else
     return { target: e, transitionEnd: s };
 };
-function Hu(t, e, n, s) {
-  return Nu(e) ? Gu(t, e, n, s) : { target: e, transitionEnd: s };
+function Eu(t, e, n, s) {
+  return Vu(e) ? Lu(t, e, n, s) : { target: e, transitionEnd: 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);
+const ku = (t, e, n, s) => {
+  const i = Au(t, e, s);
+  return e = i.target, s = i.transitionEnd, Eu(t, e, n, s);
 }, Ye = { current: null }, vo = { current: !1 };
-function Ku() {
-  if (vo.current = !0, !!pe)
+function Bu() {
+  if (vo.current = !0, !!me)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ye.current = t.matches;
       t.addListener(e), e();
     } else
       Ye.current = !1;
 }
-function Yu(t, e, n) {
+function Iu(t, e, n) {
   const { willChange: s } = e;
   for (const i in e) {
     const r = e[i], o = n[i];
-    if (U(r))
+    if (_(r))
       t.addValue(i, r), ce(s) && s.add(i), process.env.NODE_ENV === "development" && An(r.version === "10.18.0", `Attempting to mix Framer Motion versions ${r.version} with 10.18.0 may not work as expected.`);
-    else if (U(o))
+    else if (_(o))
       t.addValue(i, Vt(r, { owner: t })), ce(s) && s.remove(i);
     else if (o !== r)
       if (t.hasValue(i)) {
@@ -4553,7 +4507,7 @@ function Yu(t, e, n) {
     e[i] === void 0 && t.removeValue(i);
   return e;
 }
-const js = /* @__PURE__ */ new WeakMap(), xo = Object.keys(Ut), Xu = xo.length, Ns = [
+const Ns = /* @__PURE__ */ new WeakMap(), xo = Object.keys(_t), Fu = xo.length, Us = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -4561,8 +4515,8 @@ const js = /* @__PURE__ */ new WeakMap(), xo = Object.keys(Ut), Xu = xo.length,
   "LayoutMeasure",
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
-], Qu = an.length;
-class Zu {
+], Ou = an.length;
+class ju {
   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));
@@ -4570,9 +4524,9 @@ class Zu {
     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 f in u) {
-      const h = u[f];
-      a[f] !== void 0 && U(h) && (h.set(a[f], !1), ce(c) && c.add(f));
+    for (const h in u) {
+      const f = u[h];
+      a[h] !== void 0 && _(f) && (f.set(a[h], !1), ce(c) && c.add(h));
     }
   }
   /**
@@ -4586,10 +4540,10 @@ class Zu {
     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 || 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);
+    this.current = e, Ns.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 || Bu(), 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);
+    Ns.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);
     for (const e in this.events)
       this.events[e].clear();
     for (const e in this.features)
@@ -4613,17 +4567,17 @@ class Zu {
       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 < 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));
+    for (let l = 0; l < Fu; l++) {
+      const c = xo[l], { isEnabled: u, Feature: h, ProjectionNode: f, MeasureLayout: d } = _t[c];
+      f && (o = f), u(n) && (!this.features[c] && h && (this.features[c] = new h(this)), d && (a = d));
     }
     if ((this.type === "html" || this.type === "svg") && !this.projection && o) {
       this.projection = new o(this.latestValues, this.parent && this.parent.projection);
-      const { layoutId: l, layout: c, drag: u, dragConstraints: f, layoutScroll: h, layoutRoot: d } = n;
+      const { layoutId: l, layout: c, drag: u, dragConstraints: h, layoutScroll: f, layoutRoot: d } = n;
       this.projection.setOptions({
         layoutId: l,
         layout: c,
-        alwaysMeasureLayout: !!u || f && wt(f),
+        alwaysMeasureLayout: !!u || h && wt(h),
         visualElement: this,
         scheduleRender: () => this.scheduleRender(),
         /**
@@ -4635,7 +4589,7 @@ class Zu {
          */
         animationType: typeof c == "string" ? c : "both",
         initialPromotionConfig: r,
-        layoutScroll: h,
+        layoutScroll: f,
         layoutRoot: d
       });
     }
@@ -4656,7 +4610,7 @@ class Zu {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : k();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : B();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -4680,13 +4634,13 @@ class Zu {
    */
   update(e, n) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < Ns.length; s++) {
-      const i = Ns[s];
+    for (let s = 0; s < Us.length; s++) {
+      const i = Us[s];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
       const r = e["on" + i];
       r && (this.propEventSubscriptions[i] = this.on(i, r));
     }
-    this.prevMotionValues = Yu(this, this.scrapeMotionValuesFromProps(e, this.prevProps), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Iu(this, this.scrapeMotionValuesFromProps(e, this.prevProps), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -4717,9 +4671,9 @@ class Zu {
       return this.props.initial !== void 0 && (s.initial = this.props.initial), s;
     }
     const n = {};
-    for (let s = 0; s < Qu; s++) {
+    for (let s = 0; s < Ou; s++) {
       const i = an[s], r = this.props[i];
-      (Nt(r) || r === !1) && (n[i] = r);
+      (Ut(r) || r === !1) && (n[i] = r);
     }
     return n;
   }
@@ -4779,11 +4733,11 @@ class Zu {
    */
   getBaseTarget(e) {
     var n;
-    const { initial: s } = this.props, i = typeof s == "string" || typeof s == "object" ? (n = pn(this.props, s)) === null || n === void 0 ? void 0 : n[e] : void 0;
+    const { initial: s } = this.props, i = typeof s == "string" || typeof s == "object" ? (n = mn(this.props, s)) === null || n === void 0 ? void 0 : n[e] : void 0;
     if (s && i !== void 0)
       return i;
     const r = this.getBaseTargetFromProps(this.props, e);
-    return r !== void 0 && !U(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
+    return r !== void 0 && !_(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
     return this.events[e] || (this.events[e] = new Pn()), this.events[e].add(n);
@@ -4792,7 +4746,7 @@ class Zu {
     this.events[e] && this.events[e].notify(...n);
   }
 }
-class bo extends Zu {
+class bo extends ju {
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
   }
@@ -4803,10 +4757,10 @@ class bo extends Zu {
     delete n[e], delete s[e];
   }
   makeTargetAnimatableFromInstance({ transition: e, transitionEnd: n, ...s }, { transformValues: i }, r) {
-    let o = pc(s, e || {}, this);
+    let o = tc(s, e || {}, this);
     if (i && (n && (n = i(n)), s && (s = i(s)), o && (o = i(o))), r) {
-      hc(this, s, o);
-      const a = qu(this, s, o, n);
+      Zl(this, s, o);
+      const a = ku(this, s, o, n);
       n = a.transitionEnd, s = a.target;
     }
     return {
@@ -4816,10 +4770,10 @@ class bo extends Zu {
     };
   }
 }
-function Ju(t) {
+function Nu(t) {
   return window.getComputedStyle(t);
 }
-class tf extends bo {
+class Uu extends bo {
   constructor() {
     super(...arguments), this.type = "html";
   }
@@ -4828,7 +4782,7 @@ class tf extends bo {
       const s = vn(n);
       return s && s.default || 0;
     } else {
-      const s = Ju(e), i = (ai(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Nu(e), i = (ai(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
@@ -4844,7 +4798,7 @@ class tf extends bo {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    U(e) && (this.childSubscription = e.on("change", (n) => {
+    _(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -4852,7 +4806,7 @@ class tf extends bo {
     di(e, n, s, i);
   }
 }
-class ef extends bo {
+class _u extends bo {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1;
   }
@@ -4864,43 +4818,43 @@ class ef extends bo {
       const s = vn(n);
       return s && s.default || 0;
     }
-    return n = pi.has(n) ? n : on(n), e.getAttribute(n);
+    return n = mi.has(n) ? n : on(n), e.getAttribute(n);
   }
   measureInstanceViewportBox() {
-    return k();
+    return B();
   }
   scrapeMotionValuesFromProps(e, n) {
     return gi(e, n);
   }
   build(e, n, s, i) {
-    fn(e, n, s, this.isSVGTag, i.transformTemplate);
+    hn(e, n, s, this.isSVGTag, i.transformTemplate);
   }
   renderInstance(e, n, s, i) {
-    mi(e, n, s, i);
+    pi(e, n, s, i);
   }
   mount(e) {
-    this.isSVGTag = hn(e.tagName), super.mount(e);
+    this.isSVGTag = fn(e.tagName), super.mount(e);
   }
 }
-const nf = (t, e) => ln(t) ? new ef(e, { enableHardwareAcceleration: !1 }) : new tf(e, { enableHardwareAcceleration: !0 }), sf = {
+const zu = (t, e) => ln(t) ? new _u(e, { enableHardwareAcceleration: !1 }) : new Uu(e, { enableHardwareAcceleration: !0 }), Wu = {
   layout: {
     ProjectionNode: go,
     MeasureLayout: lo
   }
-}, of = {
-  ...Dc,
-  ...Qa,
-  ...ku,
-  ...sf
-}, Sn = /* @__PURE__ */ oa((t, e) => Oa(t, e, of, nf));
-function Us(t) {
+}, Gu = {
+  ...pc,
+  ...Oa,
+  ...bu,
+  ...Wu
+}, Sn = /* @__PURE__ */ $r((t, e) => Aa(t, e, Gu, zu));
+function _s(t) {
   for (; t.startsWith("/"); )
     t = t.slice(1);
   return t;
 }
 function wo(t, e, n = []) {
   for (const s of t) {
-    if (console.log(s.path, e, s.path === e), Us(s.path || "") === Us(e))
+    if (console.log(s.path, e, s.path === e), _s(s.path || "") === _s(e))
       return [...n, s];
     if (s.children) {
       const i = wo(s.children, e, [...n, s]);
@@ -4910,7 +4864,7 @@ function wo(t, e, n = []) {
   }
   return null;
 }
-function rf(t) {
+function $u(t) {
   return /* @__PURE__ */ T(
     "svg",
     {
@@ -4932,27 +4886,27 @@ function rf(t) {
     }
   );
 }
-function xf(t) {
-  return /* @__PURE__ */ T(No, { children: /* @__PURE__ */ T(af, { ...t }) });
+function ih(t) {
+  return /* @__PURE__ */ T(Hu, { ...t });
 }
-function af(t) {
+function Hu(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({}), f = (y) => {
+  const [i, r] = ot([]), [o, a] = ot(!1), l = (wo(i, s.pathname) || []).filter((y) => y.parentKey !== 0), [c, u] = ot({}), h = (y) => {
     u({
       ...c,
       [y]: !c[y]
     });
   };
   console.log("matchPaths:", l);
-  const h = () => {
+  const f = () => {
     a(!o);
   };
   Wt(() => {
     (async () => {
-      const g = e + (n || "/global-menu-config/api/v1/menu-items"), x = await Wo.get(g, {
+      const g = e + (n || "/global-menu-config/api/v1/menu-items/user"), x = await zo.get(g, {
         withCredentials: !0
       }).then((S) => S.data), P = {};
       x.forEach((S) => {
@@ -4960,10 +4914,10 @@ function af(t) {
       }), u(P), r(x.map((S) => ({ ...S, parentKey: 0 })));
     })();
   }, [e, n]);
-  const [d, p] = ot(!1), m = () => {
+  const [d, m] = ot(!1), p = () => {
     window.location.href = `${e}/authentication/logout?callbackUrl=${window.location.origin}`;
   }, v = o ? "collapsed" : "expanded", b = (y) => `${y} ${v}`;
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ O(
     Sn.nav,
     {
       initial: { width: "18rem" },
@@ -4972,12 +4926,12 @@ function af(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: h, 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: f, children: o ? /* @__PURE__ */ T(Zs, {}) : /* @__PURE__ */ T(Qs, {}) }) }),
         /* @__PURE__ */ T(
           "div",
           {
             id: "menu-items",
-            className: "mt-6 overflow-y-auto overflow-x-hidden flex-1",
+            className: b("mt-6 overflow-y-auto overflow-x-hidden flex-1"),
             children: i.map((y) => /* @__PURE__ */ T(
               To,
               {
@@ -4985,30 +4939,30 @@ function af(t) {
                 isActive: (x) => l.some((P) => P.id === x),
                 isCollapsed: o,
                 expanded: (x) => c[x],
-                toggleExpand: f
+                toggleExpand: h
               },
               y.id
             ))
           }
         ),
-        /* @__PURE__ */ I("div", { className: "w-full mt-10 mb-10", children: [
-          /* @__PURE__ */ I(
+        /* @__PURE__ */ O("div", { className: "w-full mt-10 mb-10", children: [
+          /* @__PURE__ */ O(
             "button",
             {
               className: b("side-bar__logout-btn"),
-              onClick: () => p(!0),
+              onClick: () => m(!0),
               children: [
-                /* @__PURE__ */ T(rf, {}),
+                /* @__PURE__ */ T($u, {}),
                 /* @__PURE__ */ T("span", { className: `ml-3 ${o ? "hidden" : ""}`, children: "Logout" })
               ]
             }
           ),
           /* @__PURE__ */ T(
-            Gs,
+            $s,
             {
               isOpen: d,
-              onClose: () => p(!1),
-              onConfirm: m
+              onClose: () => m(!1),
+              onConfirm: p
             }
           )
         ] })
@@ -5018,12 +4972,12 @@ function af(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}`, f = !!((v = t.children) != null && v.length), [h, d] = ot(!1), p = St();
-  function m(b) {
+  const { isActive: s, isCollapsed: i, expanded: r, toggleExpand: o } = n, a = `level-${e}`, l = i ? "collapsed" : "expanded", c = s(t.id) ? "active" : "", u = (b, y = a) => `${b} ${y} ${l} ${c}`, h = !!((v = t.children) != null && v.length), [f, d] = ot(!1), m = St();
+  function p(b) {
     var P;
     const { level: y, hovered: g, parentRef: x } = b;
-    return !f || i && y >= 2 && !g ? null : /* @__PURE__ */ T(
-      lf,
+    return !h || i && y >= 2 && !g ? null : /* @__PURE__ */ T(
+      qu,
       {
         parentRef: x,
         onlyChild: !i || i && y < 2,
@@ -5036,31 +4990,31 @@ function To({ item: t, level: e = 0, ...n }) {
               height: i || r(t.id) ? "auto" : 0
             },
             transition: { duration: 0.2 },
-            children: (P = t.children) == null ? void 0 : P.map((S) => /* @__PURE__ */ $s(To, { ...n, key: S.id, item: S, level: y }))
+            children: (P = t.children) == null ? void 0 : P.map((S) => /* @__PURE__ */ Gs(To, { ...n, key: S.id, item: S, level: y }))
           },
           +i
         )
       }
     );
   }
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ O(
     "div",
     {
-      ref: p,
+      ref: m,
       className: u("menu-item__wrapper"),
       onMouseEnter: () => i && d(!0),
       onMouseLeave: () => i && d(!1),
       children: [
-        /* @__PURE__ */ I(
-          zo,
+        /* @__PURE__ */ O(
+          _o,
           {
-            to: f ? "#" : t.path || "#",
+            to: h ? "#" : t.path || "#",
             style: {
               paddingLeft: `${i ? "0.5rem" : `${e * 1}rem`}`
             },
             className: u("menu-item__link"),
             onClick: () => {
-              f && !i && o(t.id);
+              h && !i && o(t.id);
             },
             children: [
               e !== 0 && /* @__PURE__ */ T("div", { className: u("menu-item__icon"), children: /* @__PURE__ */ T(
@@ -5071,12 +5025,8 @@ function To({ item: t, level: e = 0, ...n }) {
                   style: { height: 24, maxHeight: 24 }
                 }
               ) }),
-              /* @__PURE__ */ I("span", { className: u("menu-item__label"), children: [
-                e,
-                " ",
-                t.name
-              ] }),
-              f && /* @__PURE__ */ T("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ T(
+              /* @__PURE__ */ T("span", { className: u("menu-item__label"), children: t.name }),
+              h && /* @__PURE__ */ T("div", { className: u("menu-item__icon-arrow__wrapper"), children: /* @__PURE__ */ T(
                 Xs,
                 {
                   className: u(
@@ -5088,13 +5038,13 @@ function To({ item: t, level: e = 0, ...n }) {
             ]
           }
         ),
-        m({ level: e + 1, hovered: h, parentRef: p })
+        p({ level: e + 1, hovered: f, parentRef: m })
       ]
     },
     t.id
   );
 }
-function lf(t) {
+function qu(t) {
   const { children: e, parentRef: n, onlyChild: s } = t, [i, r] = ot({ top: 0, left: 0 });
   return Ws(() => {
     if (n.current) {
@@ -5104,7 +5054,7 @@ function lf(t) {
         left: o.left + o.width
       });
     }
-  }, [n]), s ? e : jo(
+  }, [n]), s ? e : No(
     /* @__PURE__ */ T(
       Sn.div,
       {
@@ -5120,6 +5070,6 @@ function lf(t) {
   );
 }
 export {
-  xf as GlobalMenu,
-  yf as TopBar
+  ih as GlobalMenu,
+  nh as TopBar
 };