@contentmunch/contentmunch-ui 1.1.27 → 1.1.28

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import gi, { useState as Y, Fragment as p, useRef as fe, useCallback as Ce, useEffect as je, useMemo as Oe, createContext as ze, useLayoutEffect as lo, useContext as ee, useId as co, createElement as uo, useInsertionEffect as ji, forwardRef as ho, Component as fo } from "react";
+import gi, { useState as $, Fragment as p, useRef as fe, useCallback as Ce, useEffect as je, useMemo as Ie, createContext as ze, useLayoutEffect as co, useContext as ee, useId as uo, createElement as ho, useInsertionEffect as ji, forwardRef as fo, Component as po } from "react";
 var at = { exports: {} }, $e = {};
 /**
  * @license React
@@ -10,7 +10,7 @@ var at = { exports: {} }, $e = {};
  * LICENSE file in the root directory of this source tree.
  */
 var qn;
-function po() {
+function mo() {
   if (qn) return $e;
   qn = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
@@ -42,7 +42,7 @@ var Ke = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Zn;
-function mo() {
+function xo() {
   return Zn || (Zn = 1, process.env.NODE_ENV !== "production" && function() {
     function e(j) {
       if (j == null) return null;
@@ -60,7 +60,7 @@ function mo() {
           return "Suspense";
         case E:
           return "SuspenseList";
-        case O:
+        case I:
           return "Activity";
       }
       if (typeof j == "object")
@@ -76,7 +76,7 @@ function mo() {
           case M:
             var V = j.render;
             return j = j.displayName, j || (j = V.displayName || V.name || "", j = j !== "" ? "ForwardRef(" + j + ")" : "ForwardRef"), j;
-          case k:
+          case D:
             return V = j.displayName || null, V !== null ? V : e(j.type) || "Memo";
           case P:
             V = j._payload, j = j._init;
@@ -99,11 +99,11 @@ function mo() {
       }
       if (V) {
         V = console;
-        var R = V.error, K = typeof Symbol == "function" && Symbol.toStringTag && j[Symbol.toStringTag] || j.constructor.name || "Object";
+        var R = V.error, G = typeof Symbol == "function" && Symbol.toStringTag && j[Symbol.toStringTag] || j.constructor.name || "Object";
         return R.call(
           V,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          K
+          G
         ), t(j);
       }
     }
@@ -150,7 +150,7 @@ function mo() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), j = this.props.ref, j !== void 0 ? j : null;
     }
-    function h(j, V, R, K, me, le, Rt, Lt) {
+    function h(j, V, R, G, me, le, Rt, Lt) {
       return R = le.ref, j = {
         $$typeof: m,
         type: j,
@@ -182,48 +182,48 @@ function mo() {
         value: Lt
       }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     }
-    function u(j, V, R, K, me, le, Rt, Lt) {
-      var G = V.children;
-      if (G !== void 0)
-        if (K)
-          if (X(G)) {
-            for (K = 0; K < G.length; K++)
-              d(G[K]);
-            Object.freeze && Object.freeze(G);
+    function u(j, V, R, G, me, le, Rt, Lt) {
+      var Y = V.children;
+      if (Y !== void 0)
+        if (G)
+          if (X(Y)) {
+            for (G = 0; G < Y.length; G++)
+              d(Y[G]);
+            Object.freeze && Object.freeze(Y);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else d(G);
+        else d(Y);
       if (F.call(V, "key")) {
-        G = e(j);
-        var De = Object.keys(V).filter(function(ao) {
-          return ao !== "key";
+        Y = e(j);
+        var ke = Object.keys(V).filter(function(lo) {
+          return lo !== "key";
         });
-        K = 0 < De.length ? "{key: someKey, " + De.join(": ..., ") + ": ...}" : "{key: someKey}", _[G + K] || (De = 0 < De.length ? "{" + De.join(": ..., ") + ": ...}" : "{}", console.error(
+        G = 0 < ke.length ? "{key: someKey, " + ke.join(": ..., ") + ": ...}" : "{key: someKey}", _[Y + G] || (ke = 0 < ke.length ? "{" + ke.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          K,
           G,
-          De,
-          G
-        ), _[G + K] = !0);
+          Y,
+          ke,
+          Y
+        ), _[Y + G] = !0);
       }
-      if (G = null, R !== void 0 && (n(R), G = "" + R), o(V) && (n(V.key), G = "" + V.key), "key" in V) {
+      if (Y = null, R !== void 0 && (n(R), Y = "" + R), o(V) && (n(V.key), Y = "" + V.key), "key" in V) {
         R = {};
         for (var Nt in V)
           Nt !== "key" && (R[Nt] = V[Nt]);
       } else R = V;
-      return G && l(
+      return Y && l(
         R,
         typeof j == "function" ? j.displayName || j.name || "Unknown" : j
       ), h(
         j,
-        G,
+        Y,
         le,
         me,
         r(),
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function d(j) {
       typeof j == "object" && j !== null && j.$$typeof === m && j._store && (j._store.validated = 1);
     }
-    var f = gi, m = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), b = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), C = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, X = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var f = gi, m = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), b = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), C = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, X = Array.isArray, K = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -246,41 +246,41 @@ React keys must be passed directly to JSX without using spread:
     var Q, q = {}, Ee = f["react-stack-bottom-frame"].bind(
       f,
       a
-    )(), I = $(i(a)), _ = {};
-    Ke.Fragment = g, Ke.jsx = function(j, V, R, K, me) {
+    )(), O = K(i(a)), _ = {};
+    Ke.Fragment = g, Ke.jsx = function(j, V, R, G, me) {
       var le = 1e4 > C.recentlyCreatedOwnerStacks++;
       return u(
         j,
         V,
         R,
         !1,
-        K,
+        G,
         me,
         le ? Error("react-stack-top-frame") : Ee,
-        le ? $(i(j)) : I
+        le ? K(i(j)) : O
       );
-    }, Ke.jsxs = function(j, V, R, K, me) {
+    }, Ke.jsxs = function(j, V, R, G, me) {
       var le = 1e4 > C.recentlyCreatedOwnerStacks++;
       return u(
         j,
         V,
         R,
         !0,
-        K,
+        G,
         me,
         le ? Error("react-stack-top-frame") : Ee,
-        le ? $(i(j)) : I
+        le ? K(i(j)) : O
       );
     };
   }()), Ke;
 }
 var Jn;
-function xo() {
-  return Jn || (Jn = 1, process.env.NODE_ENV === "production" ? at.exports = po() : at.exports = mo()), at.exports;
+function yo() {
+  return Jn || (Jn = 1, process.env.NODE_ENV === "production" ? at.exports = mo() : at.exports = xo()), at.exports;
 }
-var s = xo();
+var s = yo();
 const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
-  const { folds: r } = i, [a, o] = Y(t ? -1 : 0), l = (f) => f === a ? "fold active" : "fold", c = (f) => "fold-button" + (e ? " fold-button--" + e : "") + (r[f].foldColor ? " fold-button--primary fold-button--" + r[f].foldColor : ""), h = (f) => {
+  const { folds: r } = i, [a, o] = $(t ? -1 : 0), l = (f) => f === a ? "fold active" : "fold", c = (f) => "fold-button" + (e ? " fold-button--" + e : "") + (r[f].foldColor ? " fold-button--primary fold-button--" + r[f].foldColor : ""), h = (f) => {
     const m = f.which.toString(), x = f.ctrlKey && m.match(/33|34/);
     if (m.match(/38|40/) || x) {
       const g = m.match(/34|40/) ? 1 : -1, y = r.length, w = (a + y + g) % y;
@@ -313,7 +313,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
       "muncher-accordion-fold-" + m
     )
   ) });
-}, yo = ({
+}, go = ({
   show: e = !1,
   className: t,
   backdropClickHandler: n,
@@ -321,7 +321,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
 }) => {
   const r = "muncher-backdrop" + (t ? " " + t : "");
   return e ? /* @__PURE__ */ s.jsx("div", { className: r, onClick: n, ...i }) : null;
-}, go = ({ variant: e, rounded: t, border: n, children: i, ...r }) => {
+}, jo = ({ variant: e, rounded: t, border: n, children: i, ...r }) => {
   const a = "muncher-badge" + (e ? " muncher-badge--" + e : "") + (t ? " muncher-badge--rounded" : "") + (n ? " muncher-badge--border" : "");
   return /* @__PURE__ */ s.jsx("div", { className: a, ...r, children: i });
 }, lt = {
@@ -1413,7 +1413,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     ...r,
     children: [
       /* @__PURE__ */ s.jsx(N, { name: t }),
-      n === "" ? "" : /* @__PURE__ */ s.jsx(go, { variant: e, children: n })
+      n === "" ? "" : /* @__PURE__ */ s.jsx(jo, { variant: e, children: n })
     ]
   }
 ), ne = ({
@@ -1448,7 +1448,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
       children: f
     }
   );
-}, jo = ({
+}, vo = ({
   variant: e,
   size: t = "medium",
   title: n,
@@ -1482,8 +1482,8 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     };
   }, [b, v]);
   const M = () => {
-    var k;
-    const S = (k = y.current) == null ? void 0 : k.offsetLeft, E = window.innerWidth;
+    var D;
+    const S = (D = y.current) == null ? void 0 : D.offsetLeft, E = window.innerWidth;
     if (S) {
       if (S < 100) return "muncher-dropdown--content";
       if (E - S < 150) return "muncher-dropdown--content drop-left";
@@ -1550,15 +1550,15 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     }
   ),
   /* @__PURE__ */ s.jsx("div", { className: "muncher-dropdown-nav--content", children: o })
-] }), vo = (e) => {
+] }), wo = (e) => {
   navigator.clipboard.writeText(e);
-}, wo = ({
+}, bo = ({
   text: e,
   variant: t = "secondary",
   size: n = "small"
 }) => {
-  const [i, r] = Y(), [a, o] = Y("copy"), [l, c] = Y("copy link"), h = () => {
-    vo(e), r("green"), o("check"), c("copied!"), setTimeout(function() {
+  const [i, r] = $(), [a, o] = $("copy"), [l, c] = $("copy link"), h = () => {
+    wo(e), r("green"), o("check"), c("copied!"), setTimeout(function() {
       r(""), o("copy");
     }, 2e3);
   };
@@ -1577,9 +1577,9 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
   size: t = "medium",
   title: n
 }) => {
-  const [i, r] = Y(!1);
+  const [i, r] = $(!1);
   return /* @__PURE__ */ s.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ s.jsxs(
-    jo,
+    vo,
     {
       title: "Share to Social Media",
       showContent: i,
@@ -1615,11 +1615,11 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
             children: /* @__PURE__ */ s.jsx(N, { name: "mail" })
           }
         ) }),
-        /* @__PURE__ */ s.jsx(wo, { text: window.location.href })
+        /* @__PURE__ */ s.jsx(bo, { text: window.location.href })
       ]
     }
   ) });
-}, bo = ({
+}, To = ({
   header: e,
   data: t,
   filename: n,
@@ -1634,7 +1634,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
 ` + t.map((u) => u.join(",")).join(`
 `));
   return /* @__PURE__ */ s.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ s.jsx(ne, { variant: i, size: r, active: o, disabled: l, rounded: c, children: /* @__PURE__ */ s.jsx("a", { href: h, download: n + ".csv", children: /* @__PURE__ */ s.jsx(N, { name: "download", children: a || "Download" }) }) }) });
-}, To = ({
+}, Mo = ({
   variant: e = "transparent",
   size: t = "small",
   title: n,
@@ -1644,7 +1644,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
   onClick: o,
   children: l
 }) => {
-  const [c, h] = Y(!1), u = () => !r || r && !c ? i ? /* @__PURE__ */ s.jsx(N, { name: "sort-asc" }) : /* @__PURE__ */ s.jsx(N, { name: "sort-desc" }) : i ? /* @__PURE__ */ s.jsx(N, { name: "sort-desc" }) : /* @__PURE__ */ s.jsx(N, { name: "sort-asc" });
+  const [c, h] = $(!1), u = () => !r || r && !c ? i ? /* @__PURE__ */ s.jsx(N, { name: "sort-asc" }) : /* @__PURE__ */ s.jsx(N, { name: "sort-desc" }) : i ? /* @__PURE__ */ s.jsx(N, { name: "sort-desc" }) : /* @__PURE__ */ s.jsx(N, { name: "sort-asc" });
   return /* @__PURE__ */ s.jsxs(
     ne,
     {
@@ -1714,7 +1714,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
   label: r,
   ...a
 }) => {
-  const [o, l] = Y(i || !1);
+  const [o, l] = $(i || !1);
   return /* @__PURE__ */ s.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ s.jsxs("div", { className: "muncher-checkbox", children: [
     /* @__PURE__ */ s.jsx(
       "input",
@@ -1748,7 +1748,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     className: e ? "muncher-spinner muncher-spinner-" + e : "muncher-spinner",
     ...t
   }
-), Mo = ({
+), So = ({
   name: e,
   label: t,
   variant: n = "secondary",
@@ -1787,7 +1787,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     c && c !== "" ? /* @__PURE__ */ s.jsx("p", { className: "text-danger", children: c }) : "",
     h && h !== "" ? /* @__PURE__ */ s.jsx("p", { className: "text-success", children: h }) : ""
   ] }) });
-}, Dh = ({
+}, kh = ({
   name: e,
   label: t,
   variant: n = "secondary",
@@ -1800,7 +1800,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
   maxFiles: h,
   ...u
 }) => {
-  const [d, f] = Y(""), [m, x] = Y(""), g = h || 3, y = "muncher-button" + (n ? " muncher-button--" + n : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), w = (b) => {
+  const [d, f] = $(""), [m, x] = $(""), g = h || 3, y = "muncher-button" + (n ? " muncher-button--" + n : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), w = (b) => {
     if (c) {
       let M = Array.from(b.currentTarget.files);
       M.length > g && (M = M.slice(0, g), x("Only first " + g + " files included")), o(M), f(M.map((S) => S.name).join(", "));
@@ -1833,7 +1833,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     m !== "" ? /* @__PURE__ */ s.jsx("p", { className: "text-danger", children: m }) : "",
     v() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(N, { name: "alert", children: l }) }) : ""
   ] });
-}, So = ({
+}, wi = ({
   name: e,
   label: t,
   required: n,
@@ -1857,10 +1857,10 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
   displayLoader: M,
   ...S
 }) => {
-  const E = () => f && f !== "", k = () => {
+  const E = () => f && f !== "", D = () => {
     let T = "muncher-input";
     return (r || a) && (T += " muncher-input-icon"), E() && (T += " muncher-input-error"), u === "side" && (T += " muncher-label-side"), T;
-  }, P = () => t ? /* @__PURE__ */ s.jsx(nt, { label: t, required: n, id: e }) : "", O = (T) => {
+  }, P = () => t ? /* @__PURE__ */ s.jsx(nt, { label: t, required: n, id: e }) : "", I = (T) => {
     T.key === "Enter" && b && b(), d && d(T);
   };
   return /* @__PURE__ */ s.jsxs("div", { className: "muncher-input--div", children: [
@@ -1877,7 +1877,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
           "input",
           {
             id: e,
-            className: k(),
+            className: D(),
             name: e,
             autoFocus: m,
             value: w,
@@ -1888,7 +1888,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
             required: n,
             readOnly: i,
             list: c,
-            onKeyDown: O,
+            onKeyDown: I,
             onBlur: h,
             step: y,
             maxLength: v,
@@ -1900,7 +1900,27 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     ] }),
     E() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(N, { name: "alert", children: f }) }) : ""
   ] });
-}, kh = ({ name: e, required: t = !1, onChange: n, checked: i = !1, label: r, ...a }) => /* @__PURE__ */ s.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ s.jsxs("div", { className: "muncher-radio", children: [
+}, Dh = ({ name: e, label: t, required: n, placeholder: i, onChange: r, value: a, error: o, labelPosition: l }) => {
+  const [c, h] = $(!1), u = () => {
+    h((d) => !d);
+  };
+  return /* @__PURE__ */ s.jsx(
+    wi,
+    {
+      label: t,
+      name: e,
+      type: c ? "text" : "password",
+      hoverIcon: c ? "eye" : "eye-off",
+      value: a,
+      required: n,
+      placeholder: i,
+      onChange: r,
+      error: o,
+      labelPosition: l,
+      onHoverIconClick: u
+    }
+  );
+}, Rh = ({ name: e, required: t = !1, onChange: n, checked: i = !1, label: r, ...a }) => /* @__PURE__ */ s.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ s.jsxs("div", { className: "muncher-radio", children: [
   /* @__PURE__ */ s.jsx(
     "input",
     {
@@ -1959,7 +1979,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     ) }),
     h() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(N, { name: "alert", children: a }) }) : ""
   ] });
-}, Rh = ({
+}, Lh = ({
   name: e,
   label: t,
   required: n,
@@ -1972,7 +1992,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
   value: h,
   ...u
 }) => {
-  const [d, f] = Y(h), m = (x) => {
+  const [d, f] = $(h), m = (x) => {
     f(x.target.value), c && c(x);
   };
   return /* @__PURE__ */ s.jsxs("div", { className: "muncher-input--div", children: [
@@ -1999,7 +2019,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
       " characters left"
     ] })
   ] });
-}, Lh = ({
+}, Nh = ({
   name: e = "query",
   focus: t = !1,
   inputPlaceHolder: n,
@@ -2035,7 +2055,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     };
   }, [v, w]), /* @__PURE__ */ s.jsxs("div", { className: "muncher-input-drop-down", ref: g, children: [
     /* @__PURE__ */ s.jsx(
-      So,
+      wi,
       {
         focus: t,
         placeholder: n,
@@ -2053,7 +2073,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     ),
     r ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-drop-down--content", children: x }) : ""
   ] });
-}, Nh = ({ children: e }) => /* @__PURE__ */ s.jsx("ul", { className: "muncher-ul", children: e }), Fh = ({ isFeatured: e, bulletIcon: t = "arrow-right", bulletWeight: n = 2, bulletSize: i = "small", bulletColor: r, children: a }) => /* @__PURE__ */ s.jsx("li", { className: e ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ s.jsx(
+}, Fh = ({ children: e }) => /* @__PURE__ */ s.jsx("ul", { className: "muncher-ul", children: e }), Ih = ({ isFeatured: e, bulletIcon: t = "arrow-right", bulletWeight: n = 2, bulletSize: i = "small", bulletColor: r, children: a }) => /* @__PURE__ */ s.jsx("li", { className: e ? "muncher-li featured" : "muncher-li", children: /* @__PURE__ */ s.jsx(
   N,
   {
     name: t,
@@ -2071,7 +2091,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
   }), [r]), je(() => {
     e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset";
   }, [e]), /* @__PURE__ */ s.jsxs(gi.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(yo, { show: e, backdropClickHandler: () => t(!1) }),
+    /* @__PURE__ */ s.jsx(go, { show: e, backdropClickHandler: () => t(!1) }),
     /* @__PURE__ */ s.jsx(
       "div",
       {
@@ -2085,16 +2105,16 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
       }
     )
   ] });
-}, Ih = ({ showHoverEffect: e, onClick: t, children: n }) => {
+}, Bh = ({ showHoverEffect: e, onClick: t, children: n }) => {
   const i = () => e ? "muncher-paper muncher-paper-hover" : "muncher-paper";
   return /* @__PURE__ */ s.jsx("section", { className: i(), onClick: t, children: n });
-}, Bh = ({ pillCloseHandler: e, children: t, ...n }) => /* @__PURE__ */ s.jsxs("div", { className: "muncher-pill", ...n, children: [
+}, zh = ({ pillCloseHandler: e, children: t, ...n }) => /* @__PURE__ */ s.jsxs("div", { className: "muncher-pill", ...n, children: [
   /* @__PURE__ */ s.jsx("div", { className: "close", onClick: e, children: /* @__PURE__ */ s.jsx(N, { name: "close" }) }),
   /* @__PURE__ */ s.jsxs("div", { className: "content", children: [
     " ",
     t
   ] })
-] }), zh = ({ value: e, max: t, label: n }) => {
+] }), Hh = ({ value: e, max: t, label: n }) => {
   const i = () => {
     const r = Math.round(e / t * 100) + "%";
     return n ? n + " " + r : r;
@@ -2103,11 +2123,11 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     /* @__PURE__ */ s.jsx("label", { htmlFor: "progress", children: i() }),
     /* @__PURE__ */ s.jsx("progress", { id: "progress", value: e, max: t, children: i() })
   ] });
-}, Hh = ({ variant: e, size: t, style: n }) => {
+}, _h = ({ variant: e, size: t, style: n }) => {
   const i = "muncher-hr" + (e ? " muncher-hr--" + e : "") + (t ? " muncher-hr--" + t : "") + (n ? " muncher-hr--" + n : "");
   return /* @__PURE__ */ s.jsx("hr", { className: i });
-}, _h = ({ sliderItems: e, navButtonSize: t = "large", navButtonWeight: n = 2, variant: i, navIcon: r, navButtonPlacement: a = "inside" }) => {
-  const [o, l] = Y(0), [c, h] = Y(0), u = () => e.length > 1 && o > 0 ? /* @__PURE__ */ s.jsx(
+}, Uh = ({ sliderItems: e, navButtonSize: t = "large", navButtonWeight: n = 2, variant: i, navIcon: r, navButtonPlacement: a = "inside" }) => {
+  const [o, l] = $(0), [c, h] = $(0), u = () => e.length > 1 && o > 0 ? /* @__PURE__ */ s.jsx(
     Qn,
     {
       direction: "left",
@@ -2151,7 +2171,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     ] }),
     a === "outside" ? d() : ""
   ] });
-}, Uh = ({
+}, Wh = ({
   min: e,
   max: t,
   minValue: n,
@@ -2199,7 +2219,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
       /* @__PURE__ */ s.jsx("div", { className: "slider-max", children: h(t) })
     ] })
   ] });
-}, Wh = ({
+}, $h = ({
   min: e,
   max: t,
   value: n,
@@ -2231,7 +2251,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
       /* @__PURE__ */ s.jsx("div", { className: "slider-max", children: a(t) })
     ] })
   ] });
-}, $h = ({ isFeatured: e, onClick: t }) => /* @__PURE__ */ s.jsx("span", { className: "span-featured", children: /* @__PURE__ */ s.jsx("span", { className: e ? "featured-star" : "un-featured-star", onClick: t }) }), Kh = ({ rating: e, color: t, size: n, ...i }) => {
+}, Kh = ({ isFeatured: e, onClick: t }) => /* @__PURE__ */ s.jsx("span", { className: "span-featured", children: /* @__PURE__ */ s.jsx("span", { className: e ? "featured-star" : "un-featured-star", onClick: t }) }), Gh = ({ rating: e, color: t, size: n, ...i }) => {
   const r = {
     "--r": e
   }, a = () => {
@@ -2239,8 +2259,8 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     return t && (o += " star-" + t), n && (o += " star-" + n), o;
   };
   return /* @__PURE__ */ s.jsx("span", { className: a(), style: r, ...i });
-}, Gh = ({ handleTabSelected: e, children: t }) => {
-  const [n, i] = Y(0), { tabs: r } = t, a = (o) => {
+}, Yh = ({ handleTabSelected: e, children: t }) => {
+  const [n, i] = $(0), { tabs: r } = t, a = (o) => {
     i(o), e && e(o);
   };
   return /* @__PURE__ */ s.jsxs("section", { className: "muncher-tabs", children: [
@@ -2273,7 +2293,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
       )
     )
   ] });
-}, Yh = ({
+}, Xh = ({
   fileName: e,
   defaultPageSize: t = 50,
   skeleton: n,
@@ -2289,28 +2309,28 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
   footer: f,
   children: m
 }) => {
-  const { header: x, rows: g } = m, [y, w] = Y(r ?? { index: -1 }), [v, b] = Y({ num: 0, size: t }), M = (T) => {
+  const { header: x, rows: g } = m, [y, w] = $(r ?? { index: -1 }), [v, b] = $({ num: 0, size: t }), M = (T) => {
     w(
       (C) => C.index === T ? { ...C, desc: !C.desc } : { index: T }
     );
-  }, S = Oe(() => {
+  }, S = Ie(() => {
     var F;
     const T = [...g];
     if (y.index < 0)
       return T;
     const C = (F = x[y.index]) == null ? void 0 : F.sort;
-    return C ? T.sort(C) : T.sort((X, $) => {
-      var Ee, I, _, j;
-      const Q = ((I = (Ee = X[y.index]) == null ? void 0 : Ee.value) == null ? void 0 : I.toString().toLowerCase()) ?? "", q = ((j = (_ = $[y.index]) == null ? void 0 : _.value) == null ? void 0 : j.toString().toLowerCase()) ?? "";
+    return C ? T.sort(C) : T.sort((X, K) => {
+      var Ee, O, _, j;
+      const Q = ((O = (Ee = X[y.index]) == null ? void 0 : Ee.value) == null ? void 0 : O.toString().toLowerCase()) ?? "", q = ((j = (_ = K[y.index]) == null ? void 0 : _.value) == null ? void 0 : j.toString().toLowerCase()) ?? "";
       return Q.localeCompare(q);
     }), y.desc ? T.reverse() : T;
-  }, [g, y, x]), E = Oe(
+  }, [g, y, x]), E = Ie(
     () => S.slice(v.num * v.size, (v.num + 1) * v.size),
     [S, v]
-  ), k = x.filter((T) => !T.csvExclude).map((T) => typeof T.name == "string" ? T.name : ""), P = g.map(
+  ), D = x.filter((T) => !T.csvExclude).map((T) => typeof T.name == "string" ? T.name : ""), P = g.map(
     (T) => T.filter((C, F) => !x[F].csvExclude).map((C) => C.csv ?? C.value ?? "")
-  ), O = "muncher-table" + (a ? " " + a : "");
-  return /* @__PURE__ */ s.jsxs("section", { className: O, children: [
+  ), I = "muncher-table" + (a ? " " + a : "");
+  return /* @__PURE__ */ s.jsxs("section", { className: I, children: [
     /* @__PURE__ */ s.jsx("div", { className: "row head", children: x.map(
       (T, C) => T.visibility === "hidden" ? null : /* @__PURE__ */ s.jsx(
         "div",
@@ -2318,7 +2338,7 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
           title: T.title,
           className: T.visibility ? "col main" : "col",
           children: typeof T.name == "string" ? /* @__PURE__ */ s.jsx("div", { className: "sort-button", children: /* @__PURE__ */ s.jsx(
-            To,
+            Mo,
             {
               onClick: () => M(C),
               active: y.index === C,
@@ -2344,17 +2364,17 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
     /* @__PURE__ */ s.jsxs("div", { className: "row-footer", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "row-footer-buttons", children: [
         !o && /* @__PURE__ */ s.jsx(
-          bo,
+          To,
           {
             filename: e ?? "download",
             variant: "secondary",
             title: "Download",
-            header: k,
+            header: D,
             data: P
           }
         ),
         l && /* @__PURE__ */ s.jsx(
-          Mo,
+          So,
           {
             name: "csv-input-file",
             handleOnChange: i,
@@ -2413,12 +2433,12 @@ const Ah = ({ variant: e, collapsed: t, className: n, children: i }) => {
       ] })
     ] })
   ] });
-}, Xh = ({ children: e }) => /* @__PURE__ */ s.jsx("div", { className: "muncher-card", children: e }), wi = ze({});
+}, qh = ({ children: e }) => /* @__PURE__ */ s.jsx("div", { className: "muncher-card", children: e }), bi = ze({});
 function Po(e) {
   const t = fe(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const Vo = typeof window < "u", Co = Vo ? lo : je, Tn = /* @__PURE__ */ ze(null);
+const Vo = typeof window < "u", Co = Vo ? co : je, Tn = /* @__PURE__ */ ze(null);
 function Mn(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -2440,13 +2460,13 @@ typeof process < "u" && ((yi = process.env) == null ? void 0 : yi.NODE_ENV) !==
   if (!e)
     throw new Error(Zt(t, n));
 });
-const ve = {}, bi = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function Ti(e) {
+const ve = {}, Ti = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+function Mi(e) {
   return typeof e == "object" && e !== null;
 }
-const Mi = (e) => /^0[^.\s]+$/u.test(e);
+const Si = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
-function Si(e) {
+function Ai(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
@@ -2480,45 +2500,45 @@ class Sn {
   }
 }
 const te = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, se = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function Ai(e, t) {
+function Pi(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
 const es = /* @__PURE__ */ new Set();
 function An(e, t, n) {
   e || es.has(t) || (console.warn(Zt(t, n)), es.add(t));
 }
-const Pi = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Do = 1e-7, ko = 12;
+const Vi = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, ko = 1e-7, Do = 12;
 function Ro(e, t, n, i, r) {
   let a, o, l = 0;
   do
-    o = t + (n - t) / 2, a = Pi(o, i, r) - e, a > 0 ? n = o : t = o;
-  while (Math.abs(a) > Do && ++l < ko);
+    o = t + (n - t) / 2, a = Vi(o, i, r) - e, a > 0 ? n = o : t = o;
+  while (Math.abs(a) > ko && ++l < Do);
   return o;
 }
 function it(e, t, n, i) {
   if (e === t && n === i)
     return ie;
   const r = (a) => Ro(a, 0, 1, e, n);
-  return (a) => a === 0 || a === 1 ? a : Pi(r(a), t, i);
+  return (a) => a === 0 || a === 1 ? a : Vi(r(a), t, i);
 }
-const Vi = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Ci = (e) => (t) => 1 - e(1 - t), Ei = /* @__PURE__ */ it(0.33, 1.53, 0.69, 0.99), Pn = /* @__PURE__ */ Ci(Ei), Di = /* @__PURE__ */ Vi(Pn), ki = (e) => e >= 1 ? 1 : (e *= 2) < 1 ? 0.5 * Pn(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Vn = (e) => 1 - Math.sin(Math.acos(e)), Ri = Ci(Vn), Li = Vi(Vn), Lo = /* @__PURE__ */ it(0.42, 0, 1, 1), No = /* @__PURE__ */ it(0, 0, 0.58, 1), Ni = /* @__PURE__ */ it(0.42, 0, 0.58, 1), Fo = (e) => Array.isArray(e) && typeof e[0] != "number", Fi = (e) => Array.isArray(e) && typeof e[0] == "number", ts = {
+const Ci = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Ei = (e) => (t) => 1 - e(1 - t), ki = /* @__PURE__ */ it(0.33, 1.53, 0.69, 0.99), Pn = /* @__PURE__ */ Ei(ki), Di = /* @__PURE__ */ Ci(Pn), Ri = (e) => e >= 1 ? 1 : (e *= 2) < 1 ? 0.5 * Pn(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Vn = (e) => 1 - Math.sin(Math.acos(e)), Li = Ei(Vn), Ni = Ci(Vn), Lo = /* @__PURE__ */ it(0.42, 0, 1, 1), No = /* @__PURE__ */ it(0, 0, 0.58, 1), Fi = /* @__PURE__ */ it(0.42, 0, 0.58, 1), Fo = (e) => Array.isArray(e) && typeof e[0] != "number", Ii = (e) => Array.isArray(e) && typeof e[0] == "number", ts = {
   linear: ie,
   easeIn: Lo,
-  easeInOut: Ni,
+  easeInOut: Fi,
   easeOut: No,
   circIn: Vn,
-  circInOut: Li,
-  circOut: Ri,
+  circInOut: Ni,
+  circOut: Li,
   backIn: Pn,
   backInOut: Di,
-  backOut: Ei,
-  anticipate: ki
-}, Oo = (e) => typeof e == "string", ns = (e) => {
-  if (Fi(e)) {
+  backOut: ki,
+  anticipate: Ri
+}, Io = (e) => typeof e == "string", ns = (e) => {
+  if (Ii(e)) {
     pe(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [t, n, i, r] = e;
     return it(t, n, i, r);
-  } else if (Oo(e))
+  } else if (Io(e))
     return pe(ts[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), ts[e];
   return e;
 }, ct = [
@@ -2539,7 +2559,7 @@ const Vi = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Ci
   "postRender"
   // Compute
 ];
-function Io(e, t) {
+function Oo(e, t) {
   let n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), r = !1, a = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let l = {
@@ -2586,7 +2606,7 @@ function Oi(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, a = () => n = !0, o = ct.reduce((b, M) => (b[M] = Io(a), b), {}), { setup: l, read: c, resolveKeyframes: h, preUpdate: u, update: d, preRender: f, render: m, postRender: x } = o, g = () => {
+  }, a = () => n = !0, o = ct.reduce((b, M) => (b[M] = Oo(a), b), {}), { setup: l, read: c, resolveKeyframes: h, preUpdate: u, update: d, preRender: f, render: m, postRender: x } = o, g = () => {
     const b = ve.useManualTiming, M = b ? r.timestamp : performance.now();
     n = !1, b || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(M - r.timestamp, Bo), 1)), r.timestamp = M, r.isProcessing = !0, l.process(r), c.process(r), h.process(r), u.process(r), d.process(r), f.process(r), m.process(r), x.process(r), r.isProcessing = !1, n && t && (i = !1, e(g));
   }, y = () => {
@@ -2594,13 +2614,13 @@ function Oi(e, t) {
   };
   return { schedule: ct.reduce((b, M) => {
     const S = o[M];
-    return b[M] = (E, k = !1, P = !1) => (n || y(), S.schedule(E, k, P)), b;
+    return b[M] = (E, D = !1, P = !1) => (n || y(), S.schedule(E, D, P)), b;
   }, {}), cancel: (b) => {
     for (let M = 0; M < ct.length; M++)
       o[ct[M]].cancel(b);
   }, state: r, steps: o };
 }
-const { schedule: D, cancel: we, state: U, steps: Ft } = /* @__PURE__ */ Oi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ie, !0);
+const { schedule: k, cancel: we, state: U, steps: Ft } = /* @__PURE__ */ Oi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ie, !0);
 let ft;
 function zo() {
   ft = void 0;
@@ -2610,7 +2630,7 @@ const Z = {
   set: (e) => {
     ft = e, queueMicrotask(zo);
   }
-}, Ii = (e) => (t) => typeof t == "string" && t.startsWith(e), Bi = /* @__PURE__ */ Ii("--"), Ho = /* @__PURE__ */ Ii("var(--"), Cn = (e) => Ho(e) ? _o.test(e.split("/*")[0].trim()) : !1, _o = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+}, Bi = (e) => (t) => typeof t == "string" && t.startsWith(e), zi = /* @__PURE__ */ Bi("--"), Ho = /* @__PURE__ */ Bi("var(--"), Cn = (e) => Ho(e) ? _o.test(e.split("/*")[0].trim()) : !1, _o = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function ss(e) {
   return typeof e != "string" ? !1 : e.split("/*")[0].includes("var(--");
 }
@@ -2628,7 +2648,7 @@ const _e = {
 function Uo(e) {
   return e == null;
 }
-const Wo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Dn = (e, t) => (n) => !!(typeof n == "string" && Wo.test(n) && n.startsWith(e) || t && !Uo(n) && Object.prototype.hasOwnProperty.call(n, t)), zi = (e, t, n) => (i) => {
+const Wo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, kn = (e, t) => (n) => !!(typeof n == "string" && Wo.test(n) && n.startsWith(e) || t && !Uo(n) && Object.prototype.hasOwnProperty.call(n, t)), Hi = (e, t, n) => (i) => {
   if (typeof i != "string")
     return i;
   const [r, a, o, l] = i.match(En);
@@ -2638,13 +2658,13 @@ const Wo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: l !== void 0 ? parseFloat(l) : 1
   };
-}, $o = (e) => de(0, 255, e), Ot = {
+}, $o = (e) => de(0, 255, e), It = {
   ..._e,
   transform: (e) => Math.round($o(e))
 }, Se = {
-  test: /* @__PURE__ */ Dn("rgb", "red"),
-  parse: /* @__PURE__ */ zi("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: i = 1 }) => "rgba(" + Ot.transform(e) + ", " + Ot.transform(t) + ", " + Ot.transform(n) + ", " + Xe(Qe.transform(i)) + ")"
+  test: /* @__PURE__ */ kn("rgb", "red"),
+  parse: /* @__PURE__ */ Hi("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: i = 1 }) => "rgba(" + It.transform(e) + ", " + It.transform(t) + ", " + It.transform(n) + ", " + Xe(Qe.transform(i)) + ")"
 };
 function Ko(e) {
   let t = "", n = "", i = "", r = "";
@@ -2656,7 +2676,7 @@ function Ko(e) {
   };
 }
 const Jt = {
-  test: /* @__PURE__ */ Dn("#"),
+  test: /* @__PURE__ */ kn("#"),
   parse: Ko,
   transform: Se.transform
 }, rt = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
@@ -2668,8 +2688,8 @@ const Jt = {
   parse: (e) => he.parse(e) / 100,
   transform: (e) => he.transform(e * 100)
 }, Re = {
-  test: /* @__PURE__ */ Dn("hsl", "hue"),
-  parse: /* @__PURE__ */ zi("hue", "saturation", "lightness"),
+  test: /* @__PURE__ */ kn("hsl", "hue"),
+  parse: /* @__PURE__ */ Hi("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(e) + ", " + he.transform(Xe(t)) + ", " + he.transform(Xe(n)) + ", " + Xe(Qe.transform(i)) + ")"
 }, z = {
   test: (e) => Se.test(e) || Jt.test(e) || Re.test(e),
@@ -2684,39 +2704,39 @@ function qo(e) {
   var t, n;
   return isNaN(e) && typeof e == "string" && (((t = e.match(En)) == null ? void 0 : t.length) || 0) + (((n = e.match(Xo)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Hi = "number", _i = "color", Zo = "var", Jo = "var(", rs = "${}", Qo = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function Ie(e) {
+const _i = "number", Ui = "color", Zo = "var", Jo = "var(", rs = "${}", Qo = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function Oe(e) {
   const t = e.toString(), n = [], i = {
     color: [],
     number: [],
     var: []
   }, r = [];
   let a = 0;
-  const l = t.replace(Qo, (c) => (z.test(c) ? (i.color.push(a), r.push(_i), n.push(z.parse(c))) : c.startsWith(Jo) ? (i.var.push(a), r.push(Zo), n.push(c)) : (i.number.push(a), r.push(Hi), n.push(parseFloat(c))), ++a, rs)).split(rs);
+  const l = t.replace(Qo, (c) => (z.test(c) ? (i.color.push(a), r.push(Ui), n.push(z.parse(c))) : c.startsWith(Jo) ? (i.var.push(a), r.push(Zo), n.push(c)) : (i.number.push(a), r.push(_i), n.push(parseFloat(c))), ++a, rs)).split(rs);
   return { values: n, split: l, indexes: i, types: r };
 }
 function ea(e) {
-  return Ie(e).values;
+  return Oe(e).values;
 }
-function Ui({ split: e, types: t }) {
+function Wi({ split: e, types: t }) {
   const n = e.length;
   return (i) => {
     let r = "";
     for (let a = 0; a < n; a++)
       if (r += e[a], i[a] !== void 0) {
         const o = t[a];
-        o === Hi ? r += Xe(i[a]) : o === _i ? r += z.transform(i[a]) : r += i[a];
+        o === _i ? r += Xe(i[a]) : o === Ui ? r += z.transform(i[a]) : r += i[a];
       }
     return r;
   };
 }
 function ta(e) {
-  return Ui(Ie(e));
+  return Wi(Oe(e));
 }
 const na = (e) => typeof e == "number" ? 0 : z.test(e) ? z.getAnimatableNone(e) : e, sa = (e, t) => typeof e == "number" ? t != null && t.trim().endsWith("/") ? e : 0 : na(e);
 function ia(e) {
-  const t = Ie(e);
-  return Ui(t)(t.values.map((i, r) => sa(i, t.split[r])));
+  const t = Oe(e);
+  return Wi(t)(t.values.map((i, r) => sa(i, t.split[r])));
 }
 const ae = {
   test: qo,
@@ -2724,7 +2744,7 @@ const ae = {
   createTransformer: ta,
   getAnimatableNone: ia
 };
-function It(e, t, n) {
+function Ot(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
 function ra({ hue: e, saturation: t, lightness: n, alpha: i }) {
@@ -2734,7 +2754,7 @@ function ra({ hue: e, saturation: t, lightness: n, alpha: i }) {
     r = a = o = n;
   else {
     const l = n < 0.5 ? n * (1 + t) : n + t - n * t, c = 2 * n - l;
-    r = It(c, l, e + 1 / 3), a = It(c, l, e), o = It(c, l, e - 1 / 3);
+    r = Ot(c, l, e + 1 / 3), a = Ot(c, l, e), o = Ot(c, l, e - 1 / 3);
   }
   return {
     red: Math.round(r * 255),
@@ -2770,11 +2790,11 @@ function la(e, t) {
 function ca(e, t) {
   return (n) => L(e, t, n);
 }
-function kn(e) {
-  return typeof e == "number" ? ca : typeof e == "string" ? Cn(e) ? wt : z.test(e) ? as : da : Array.isArray(e) ? Wi : typeof e == "object" ? z.test(e) ? as : ua : wt;
+function Dn(e) {
+  return typeof e == "number" ? ca : typeof e == "string" ? Cn(e) ? wt : z.test(e) ? as : da : Array.isArray(e) ? $i : typeof e == "object" ? z.test(e) ? as : ua : wt;
 }
-function Wi(e, t) {
-  const n = [...e], i = n.length, r = e.map((a, o) => kn(a)(a, t[o]));
+function $i(e, t) {
+  const n = [...e], i = n.length, r = e.map((a, o) => Dn(a)(a, t[o]));
   return (a) => {
     for (let o = 0; o < i; o++)
       n[o] = r[o](a);
@@ -2784,7 +2804,7 @@ function Wi(e, t) {
 function ua(e, t) {
   const n = { ...e, ...t }, i = {};
   for (const r in n)
-    e[r] !== void 0 && t[r] !== void 0 && (i[r] = kn(e[r])(e[r], t[r]));
+    e[r] !== void 0 && t[r] !== void 0 && (i[r] = Dn(e[r])(e[r], t[r]));
   return (r) => {
     for (const a in i)
       n[a] = i[a](r);
@@ -2800,16 +2820,16 @@ function ha(e, t) {
   return n;
 }
 const da = (e, t) => {
-  const n = ae.createTransformer(t), i = Ie(e), r = Ie(t);
-  return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? Qt.has(e) && !r.values.length || Qt.has(t) && !i.values.length ? la(e, t) : st(Wi(ha(i, r), r.values), n) : (He(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), wt(e, t));
+  const n = ae.createTransformer(t), i = Oe(e), r = Oe(t);
+  return i.indexes.var.length === r.indexes.var.length && i.indexes.color.length === r.indexes.color.length && i.indexes.number.length >= r.indexes.number.length ? Qt.has(e) && !r.values.length || Qt.has(t) && !i.values.length ? la(e, t) : st($i(ha(i, r), r.values), n) : (He(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), wt(e, t));
 };
-function $i(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? L(e, t, n) : kn(e)(e, t);
+function Ki(e, t, n) {
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? L(e, t, n) : Dn(e)(e, t);
 }
 const fa = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: (n = !0) => D.update(t, n),
+    start: (n = !0) => k.update(t, n),
     stop: () => we(t),
     /**
      * If we're processing this frame we can use the
@@ -2817,7 +2837,7 @@ const fa = (e) => {
      */
     now: () => U.isProcessing ? U.timestamp : Z.now()
   };
-}, Ki = (e, t, n = 10) => {
+}, Gi = (e, t, n = 10) => {
   let i = "";
   const r = Math.max(Math.round(t / n), 2);
   for (let a = 0; a < r; a++)
@@ -2957,34 +2977,34 @@ function Tt(e = B.visualDuration, t = B.bounce) {
     velocity: -/* @__PURE__ */ se(n.velocity || 0)
   }), x = f || 0, g = h / (2 * Math.sqrt(c * u)), y = o - a, w = /* @__PURE__ */ se(Math.sqrt(c / u)), v = Math.abs(y) < 5;
   i || (i = v ? B.restSpeed.granular : B.restSpeed.default), r || (r = v ? B.restDelta.granular : B.restDelta.default);
-  let b, M, S, E, k, P;
+  let b, M, S, E, D, P;
   if (g < 1)
     S = en(w, g), E = (x + g * w * y) / S, b = (T) => {
       const C = Math.exp(-g * w * T);
       return o - C * (E * Math.sin(S * T) + y * Math.cos(S * T));
-    }, k = g * w * E + y * S, P = g * w * y - E * S, M = (T) => Math.exp(-g * w * T) * (k * Math.sin(S * T) + P * Math.cos(S * T));
+    }, D = g * w * E + y * S, P = g * w * y - E * S, M = (T) => Math.exp(-g * w * T) * (D * Math.sin(S * T) + P * Math.cos(S * T));
   else if (g === 1) {
     b = (C) => o - Math.exp(-w * C) * (y + (x + w * y) * C);
     const T = x + w * y;
     M = (C) => Math.exp(-w * C) * (w * T * C - x);
   } else {
     const T = w * Math.sqrt(g * g - 1);
-    b = ($) => {
-      const Q = Math.exp(-g * w * $), q = Math.min(T * $, 300);
+    b = (K) => {
+      const Q = Math.exp(-g * w * K), q = Math.min(T * K, 300);
       return o - Q * ((x + g * w * y) * Math.sinh(q) + T * y * Math.cosh(q)) / T;
     };
     const C = (x + g * w * y) / T, F = g * w * C - y * T, X = g * w * y - C * T;
-    M = ($) => {
-      const Q = Math.exp(-g * w * $), q = Math.min(T * $, 300);
+    M = (K) => {
+      const Q = Math.exp(-g * w * K), q = Math.min(T * K, 300);
       return Q * (F * Math.sinh(q) + X * Math.cosh(q));
     };
   }
-  const O = {
+  const I = {
     calculatedDuration: m && d || null,
     velocity: (T) => /* @__PURE__ */ te(M(T)),
     next: (T) => {
       if (!m && g < 1) {
-        const F = Math.exp(-g * w * T), X = Math.sin(S * T), $ = Math.cos(S * T), Q = o - F * (E * X + y * $), q = /* @__PURE__ */ te(F * (k * X + P * $));
+        const F = Math.exp(-g * w * T), X = Math.sin(S * T), K = Math.cos(S * T), Q = o - F * (E * X + y * K), q = /* @__PURE__ */ te(F * (D * X + P * K));
         return l.done = Math.abs(q) <= i && Math.abs(o - Q) <= r, l.value = l.done ? o : Q, l;
       }
       const C = b(T);
@@ -2997,22 +3017,22 @@ function Tt(e = B.visualDuration, t = B.bounce) {
       return l.value = l.done ? o : C, l;
     },
     toString: () => {
-      const T = Math.min(Rn(O), bt), C = Ki((F) => O.next(T * F).value, T, 30);
+      const T = Math.min(Rn(I), bt), C = Gi((F) => I.next(T * F).value, T, 30);
       return T + "ms " + C;
     },
     toTransition: () => {
     }
   };
-  return O;
+  return I;
 }
 Tt.applyToOptions = (e) => {
   const t = pa(e, 100, Tt);
   return e.ease = t.ease, e.duration = /* @__PURE__ */ te(t.duration), e.type = "keyframes", e;
 };
 const wa = 5;
-function Gi(e, t, n) {
+function Yi(e, t, n) {
   const i = Math.max(t - wa, 0);
-  return Ai(n - e(i), t - i);
+  return Pi(n - e(i), t - i);
 }
 function tn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: i = 325, bounceDamping: r = 10, bounceStiffness: a = 500, modifyTarget: o, min: l, max: c, restDelta: h = 0.5, restSpeed: u }) {
   const d = e[0], f = {
@@ -3023,14 +3043,14 @@ function tn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: i = 3
   const y = d + g, w = o === void 0 ? y : o(y);
   w !== y && (g = w - d);
   const v = (P) => -g * Math.exp(-P / i), b = (P) => w + v(P), M = (P) => {
-    const O = v(P), T = b(P);
-    f.done = Math.abs(O) <= h, f.value = f.done ? w : T;
+    const I = v(P), T = b(P);
+    f.done = Math.abs(I) <= h, f.value = f.done ? w : T;
   };
   let S, E;
-  const k = (P) => {
+  const D = (P) => {
     m(f.value) && (S = P, E = Tt({
       keyframes: [f.value, x(f.value)],
-      velocity: Gi(b, P, f.value),
+      velocity: Yi(b, P, f.value),
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: a,
@@ -3038,16 +3058,16 @@ function tn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: i = 3
       restSpeed: u
     }));
   };
-  return k(0), {
+  return D(0), {
     calculatedDuration: null,
     next: (P) => {
-      let O = !1;
-      return !E && S === void 0 && (O = !0, M(P), k(P)), S !== void 0 && P >= S ? E.next(P - S) : (!O && M(P), f);
+      let I = !1;
+      return !E && S === void 0 && (I = !0, M(P), D(P)), S !== void 0 && P >= S ? E.next(P - S) : (!I && M(P), f);
     }
   };
 }
 function ba(e, t, n) {
-  const i = [], r = n || ve.mix || $i, a = e.length - 1;
+  const i = [], r = n || ve.mix || Ki, a = e.length - 1;
   for (let o = 0; o < a; o++) {
     let l = r(e[o], e[o + 1]);
     if (t) {
@@ -3093,7 +3113,7 @@ function Aa(e, t) {
   return e.map((n) => n * t);
 }
 function Pa(e, t) {
-  return e.map(() => t || Ni).splice(0, e.length - 1);
+  return e.map(() => t || Fi).splice(0, e.length - 1);
 }
 function Le({ duration: e = 300, keyframes: t, times: n, ease: i = "easeInOut" }) {
   const r = Fo(i) ? i.map(ns) : ns(i), a = {
@@ -3124,7 +3144,7 @@ const Ca = {
   keyframes: Le,
   spring: Tt
 };
-function Yi(e) {
+function Xi(e) {
   typeof e.type == "string" && (e.type = Ca[e.type]);
 }
 class Ln {
@@ -3165,11 +3185,11 @@ class Mt extends Ln {
   }
   initAnimation() {
     const { options: t } = this;
-    Yi(t);
+    Xi(t);
     const { type: n = Le, repeat: i = 0, repeatDelay: r = 0, repeatType: a, velocity: o = 0 } = t;
     let { keyframes: l } = t;
     const c = n || Le;
-    process.env.NODE_ENV !== "production" && c !== Le && pe(l.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${l}`, "spring-two-frames"), c !== Le && typeof l[0] != "number" && (this.mixKeyframes = st(Ea, $i(l[0], l[1])), l = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== Le && pe(l.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${l}`, "spring-two-frames"), c !== Le && typeof l[0] != "number" && (this.mixKeyframes = st(Ea, Ki(l[0], l[1])), l = [0, 100]);
     const h = c({ ...t, keyframes: l });
     a === "mirror" && (this.mirroredGenerator = c({
       ...t,
@@ -3194,15 +3214,15 @@ class Mt extends Ln {
     let b = this.currentTime, M = i;
     if (d) {
       const P = Math.min(this.currentTime, r) / l;
-      let O = Math.floor(P), T = P % 1;
-      !T && P >= 1 && (T = 1), T === 1 && O--, O = Math.min(O, d + 1), !!(O % 2) && (f === "reverse" ? (T = 1 - T, m && (T -= m / l)) : f === "mirror" && (M = o)), b = de(0, 1, T) * l;
+      let I = Math.floor(P), T = P % 1;
+      !T && P >= 1 && (T = 1), T === 1 && I--, I = Math.min(I, d + 1), !!(I % 2) && (f === "reverse" ? (T = 1 - T, m && (T -= m / l)) : f === "mirror" && (M = o)), b = de(0, 1, T) * l;
     }
     let S;
     v ? (this.delayState.value = u[0], S = this.delayState) : S = M.next(b), a && !v && (S.value = a(S.value));
     let { done: E } = S;
     !v && c !== null && (E = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
-    const k = this.holdTime === null && (this.state === "finished" || this.state === "running" && E);
-    return k && x !== tn && (S.value = Ct(u, this.options, y, this.speed)), g && g(S.value), k && this.finish(), S;
+    const D = this.holdTime === null && (this.state === "finished" || this.state === "running" && E);
+    return D && x !== tn && (S.value = Ct(u, this.options, y, this.speed)), g && g(S.value), D && this.finish(), S;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -3237,7 +3257,7 @@ class Mt extends Ln {
     if (this.generator.velocity)
       return this.generator.velocity(t);
     const n = this.generator.next(t).value;
-    return Gi((i) => this.generator.next(i).value, t, n);
+    return Yi((i) => this.generator.next(i).value, t, n);
   }
   get speed() {
     return this.playbackSpeed;
@@ -3283,14 +3303,14 @@ class Mt extends Ln {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), t.observe(this);
   }
 }
-function Da(e) {
+function ka(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
 const Ae = (e) => e * 180 / Math.PI, nn = (e) => {
   const t = Ae(Math.atan2(e[1], e[0]));
   return sn(t);
-}, ka = {
+}, Da = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -3333,7 +3353,7 @@ function on(e, t) {
     i = Ra, r = n;
   else {
     const l = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    i = ka, r = l;
+    i = Da, r = l;
   }
   if (!r)
     return rn(t);
@@ -3365,10 +3385,10 @@ const Ue = [
   "skew",
   "skewX",
   "skewY"
-], We = new Set(Ue), fs = (e) => e === _e || e === A, Fa = /* @__PURE__ */ new Set(["x", "y", "z"]), Oa = Ue.filter((e) => !Fa.has(e));
-function Ia(e) {
+], We = new Set(Ue), fs = (e) => e === _e || e === A, Fa = /* @__PURE__ */ new Set(["x", "y", "z"]), Ia = Ue.filter((e) => !Fa.has(e));
+function Oa(e) {
   const t = [];
-  return Oa.forEach((n) => {
+  return Ia.forEach((n) => {
     const i = e.getValue(n);
     i !== void 0 && (t.push([n, i.get()]), i.set(n.startsWith("scale") ? 1 : 0));
   }), t;
@@ -3395,11 +3415,11 @@ ge.translateX = ge.x;
 ge.translateY = ge.y;
 const Pe = /* @__PURE__ */ new Set();
 let an = !1, ln = !1, cn = !1;
-function Xi() {
+function qi() {
   if (ln) {
     const e = Array.from(Pe).filter((i) => i.needsMeasurement), t = new Set(e.map((i) => i.element)), n = /* @__PURE__ */ new Map();
     t.forEach((i) => {
-      const r = Ia(i);
+      const r = Oa(i);
       r.length && (n.set(i, r), i.render());
     }), e.forEach((i) => i.measureInitialState()), t.forEach((i) => {
       i.render();
@@ -3414,20 +3434,20 @@ function Xi() {
   }
   ln = !1, an = !1, Pe.forEach((e) => e.complete(cn)), Pe.clear();
 }
-function qi() {
+function Zi() {
   Pe.forEach((e) => {
     e.readKeyframes(), e.needsMeasurement && (ln = !0);
   });
 }
 function Ba() {
-  cn = !0, qi(), Xi(), cn = !1;
+  cn = !0, Zi(), qi(), cn = !1;
 }
 class Nn {
   constructor(t, n, i, r, a, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = i, this.motionValue = r, this.element = a, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Pe.add(this), an || (an = !0, D.read(qi), D.resolveKeyframes(Xi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Pe.add(this), an || (an = !0, k.read(Zi), k.resolveKeyframes(qi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: i, motionValue: r } = this;
@@ -3441,7 +3461,7 @@ class Nn {
       }
       t[0] === void 0 && (t[0] = o), r && a === void 0 && r.set(t[0]);
     }
-    Da(t);
+    ka(t);
   }
   setFinalKeyframe() {
   }
@@ -3462,15 +3482,15 @@ class Nn {
   }
 }
 const za = (e) => e.startsWith("--");
-function Zi(e, t, n) {
+function Ji(e, t, n) {
   za(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
 const Ha = {};
-function Ji(e, t) {
-  const n = /* @__PURE__ */ Si(e);
+function Qi(e, t) {
+  const n = /* @__PURE__ */ Ai(e);
   return () => Ha[t] ?? n();
 }
-const _a = /* @__PURE__ */ Ji(() => window.ScrollTimeline !== void 0, "scrollTimeline"), Qi = /* @__PURE__ */ Ji(() => {
+const _a = /* @__PURE__ */ Qi(() => window.ScrollTimeline !== void 0, "scrollTimeline"), er = /* @__PURE__ */ Qi(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -3488,16 +3508,16 @@ const _a = /* @__PURE__ */ Ji(() => window.ScrollTimeline !== void 0, "scrollTim
   backIn: /* @__PURE__ */ Ye([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ Ye([0.33, 1.53, 0.69, 0.99])
 };
-function er(e, t) {
+function tr(e, t) {
   if (e)
-    return typeof e == "function" ? Qi() ? Ki(e, t) : "ease-out" : Fi(e) ? Ye(e) : Array.isArray(e) ? e.map((n) => er(n, t) || ps.easeOut) : ps[e];
+    return typeof e == "function" ? er() ? Gi(e, t) : "ease-out" : Ii(e) ? Ye(e) : Array.isArray(e) ? e.map((n) => tr(n, t) || ps.easeOut) : ps[e];
 }
 function Ua(e, t, n, { delay: i = 0, duration: r = 300, repeat: a = 0, repeatType: o = "loop", ease: l = "easeOut", times: c } = {}, h = void 0) {
   const u = {
     [t]: n
   };
   c && (u.offset = c);
-  const d = er(l, r);
+  const d = tr(l, r);
   Array.isArray(d) && (u.easing = d);
   const f = {
     delay: i,
@@ -3509,13 +3529,13 @@ function Ua(e, t, n, { delay: i = 0, duration: r = 300, repeat: a = 0, repeatTyp
   };
   return h && (f.pseudoElement = h), e.animate(u, f);
 }
-function tr(e) {
+function nr(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
 function Wa({ type: e, ...t }) {
-  return tr(e) && Qi() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+  return nr(e) && er() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class nr extends Ln {
+class sr extends Ln {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !t)
       return;
@@ -3525,7 +3545,7 @@ class nr extends Ln {
     this.animation = Ua(n, i, r, h, a), h.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !a) {
         const u = Ct(r, this.options, l, this.speed);
-        this.updateMotionValue && this.updateMotionValue(u), Zi(n, i, u), this.animation.cancel();
+        this.updateMotionValue && this.updateMotionValue(u), Ji(n, i, u), this.animation.cancel();
       }
       c == null || c(), this.notifyFinished();
     };
@@ -3613,21 +3633,21 @@ class nr extends Ln {
     return this.allowFlatten && ((a = this.animation.effect) == null || a.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && _a() ? (this.animation.timeline = t, n && (this.animation.rangeStart = n), i && (this.animation.rangeEnd = i), ie) : r(this);
   }
 }
-const sr = {
-  anticipate: ki,
+const ir = {
+  anticipate: Ri,
   backInOut: Di,
-  circInOut: Li
+  circInOut: Ni
 };
 function $a(e) {
-  return e in sr;
+  return e in ir;
 }
 function Ka(e) {
-  typeof e.ease == "string" && $a(e.ease) && (e.ease = sr[e.ease]);
+  typeof e.ease == "string" && $a(e.ease) && (e.ease = ir[e.ease]);
 }
 const zt = 10;
-class Ga extends nr {
+class Ga extends sr {
   constructor(t) {
-    Ka(t), Yi(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
+    Ka(t), Xi(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -3649,7 +3669,7 @@ class Ga extends nr {
       ...o,
       autoplay: !1
     }), c = Math.max(zt, Z.now() - this.startTime), h = de(0, zt, c - zt), u = l.sample(c).value, { name: d } = this.options;
-    a && d && Zi(a, d, u), n.setWithVelocity(l.sample(Math.max(0, c - h)).value, u, h), l.stop();
+    a && d && Ji(a, d, u), n.setWithVelocity(l.sample(Math.max(0, c - h)).value, u, h), l.stop();
   }
 }
 const ms = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
@@ -3670,12 +3690,12 @@ function Xa(e, t, n, i) {
   if (t === "display" || t === "visibility")
     return !0;
   const a = e[e.length - 1], o = ms(r, t), l = ms(a, t);
-  return He(o === l, `You are trying to animate ${t} from "${r}" to "${a}". "${o ? a : r}" is not an animatable value.`, "value-not-animatable"), !o || !l ? !1 : Ya(e) || (n === "spring" || tr(n)) && i;
+  return He(o === l, `You are trying to animate ${t} from "${r}" to "${a}". "${o ? a : r}" is not an animatable value.`, "value-not-animatable"), !o || !l ? !1 : Ya(e) || (n === "spring" || nr(n)) && i;
 }
 function un(e) {
   e.duration = 0, e.type = "keyframes";
 }
-const ir = /* @__PURE__ */ new Set([
+const rr = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -3701,7 +3721,7 @@ const Ja = /* @__PURE__ */ new Set([
   "borderRightColor",
   "borderBottomColor",
   "borderLeftColor"
-]), Qa = /* @__PURE__ */ Si(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+]), Qa = /* @__PURE__ */ Ai(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function el(e) {
   var d;
   const { motionValue: t, name: n, repeatDelay: i, repeatType: r, damping: a, type: o, keyframes: l } = e;
@@ -3712,7 +3732,7 @@ function el(e) {
    * Force WAAPI for color properties with browser-only color formats
    * (oklch, oklab, lab, lch, etc.) that the JS animation path can't parse.
    */
-  (ir.has(n) || Ja.has(n) && Za(l)) && (n !== "transform" || !u) && /**
+  (rr.has(n) || Ja.has(n) && Za(l)) && (n !== "transform" || !u) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
@@ -3821,7 +3841,7 @@ class nl extends Ln {
     this._animation && this.animation.cancel(), (t = this.keyframeResolver) == null || t.cancel();
   }
 }
-function rr(e, t, n, i = 0, r = 1) {
+function or(e, t, n, i = 0, r = 1) {
   const a = Array.from(e).sort((h, u) => h.sortNodePosition(u)).indexOf(t), o = e.size, l = (o - 1) * i;
   return typeof n == "function" ? n(a, o) : r === 1 ? a * i : l - a * i;
 }
@@ -3837,7 +3857,7 @@ function il(e) {
   return [`--${n ?? i}`, r];
 }
 const rl = 4;
-function or(e, t, n = 1) {
+function ar(e, t, n = 1) {
   pe(n <= rl, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [i, r] = il(e);
   if (!i)
@@ -3845,9 +3865,9 @@ function or(e, t, n = 1) {
   const a = window.getComputedStyle(t).getPropertyValue(i);
   if (a) {
     const o = a.trim();
-    return bi(o) ? parseFloat(o) : o;
+    return Ti(o) ? parseFloat(o) : o;
   }
-  return Cn(r) ? or(r, t, n + 1) : r;
+  return Cn(r) ? ar(r, t, n + 1) : r;
 }
 const ol = {
   type: "spring",
@@ -3867,7 +3887,7 @@ const ol = {
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
 }, ul = (e, { keyframes: t }) => t.length > 2 ? ll : We.has(e) ? e.startsWith("scale") ? al(t[1]) : ol : cl;
-function ar(e, t) {
+function lr(e, t) {
   if (e != null && e.inherit && t) {
     const { inherit: n, ...i } = e;
     return { ...t, ...i };
@@ -3876,7 +3896,7 @@ function ar(e, t) {
 }
 function Fn(e, t) {
   const n = (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
-  return n !== e ? ar(n, e) : n;
+  return n !== e ? lr(n, e) : n;
 }
 const hl = /* @__PURE__ */ new Set([
   "when",
@@ -3896,7 +3916,7 @@ function dl(e) {
       return !0;
   return !1;
 }
-const On = (e, t, n, i = {}, r, a) => (o) => {
+const In = (e, t, n, i = {}, r, a) => (o) => {
   const l = Fn(i, e) || {}, c = l.delay || i.delay || 0;
   let { elapsed: h = 0 } = i;
   h = h - /* @__PURE__ */ te(c);
@@ -3921,7 +3941,7 @@ const On = (e, t, n, i = {}, r, a) => (o) => {
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (un(u), u.delay === 0 && (d = !0)), (ve.instantAnimations || ve.skipAnimations || r != null && r.shouldSkipAnimations) && (d = !0, un(u), u.delay = 0), u.allowFlatten = !l.type && !l.ease, d && !a && t.get() !== void 0) {
     const f = Ct(u.keyframes, l);
     if (f !== void 0) {
-      D.update(() => {
+      k.update(() => {
         u.onUpdate(f), u.onComplete();
       });
       return;
@@ -3935,7 +3955,7 @@ function xs(e) {
     t[0][i] = n.get(), t[1][i] = n.getVelocity();
   }), t;
 }
-function In(e, t, n, i) {
+function On(e, t, n, i) {
   if (typeof t == "function") {
     const [r, a] = xs(i);
     t = t(n !== void 0 ? n : e.custom, r, a);
@@ -3948,9 +3968,9 @@ function In(e, t, n, i) {
 }
 function Ve(e, t, n) {
   const i = e.getProps();
-  return In(i, t, n !== void 0 ? n : i.custom, e);
+  return On(i, t, n !== void 0 ? n : i.custom, e);
 }
-const lr = /* @__PURE__ */ new Set([
+const cr = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -4028,7 +4048,7 @@ class pl {
     this.events[t] || (this.events[t] = new Sn());
     const i = this.events[t].add(n);
     return t === "change" ? () => {
-      i(), D.read(() => {
+      i(), k.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : i;
@@ -4109,7 +4129,7 @@ class pl {
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ys)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, ys);
-    return Ai(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    return Pi(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -4196,18 +4216,18 @@ function dn(e, t) {
 function Bn(e) {
   return e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`);
 }
-const jl = "framerAppearId", cr = "data-" + Bn(jl);
-function ur(e) {
-  return e.props[cr];
+const jl = "framerAppearId", ur = "data-" + Bn(jl);
+function hr(e) {
+  return e.props[ur];
 }
 function vl({ protectedKeys: e, needsAnimating: t }, n) {
   const i = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, i;
 }
-function hr(e, t, { delay: n = 0, transitionOverride: i, type: r } = {}) {
+function dr(e, t, { delay: n = 0, transitionOverride: i, type: r } = {}) {
   let { transition: a, transitionEnd: o, ...l } = t;
   const c = e.getDefaultTransition();
-  a = a ? ar(a, c) : c;
+  a = a ? lr(a, c) : c;
   const h = a == null ? void 0 : a.reduceMotion;
   i && (a = i);
   const u = [], d = r && e.animationState && e.animationState.getState()[r];
@@ -4220,25 +4240,25 @@ function hr(e, t, { delay: n = 0, transitionOverride: i, type: r } = {}) {
       ...Fn(a || {}, f)
     }, y = m.get();
     if (y !== void 0 && !m.isAnimating() && !Array.isArray(x) && x === y && !g.velocity) {
-      D.update(() => m.set(x));
+      k.update(() => m.set(x));
       continue;
     }
     let w = !1;
     if (window.MotionHandoffAnimation) {
-      const M = ur(e);
+      const M = hr(e);
       if (M) {
-        const S = window.MotionHandoffAnimation(M, f, D);
+        const S = window.MotionHandoffAnimation(M, f, k);
         S !== null && (g.startTime = S, w = !0);
       }
     }
     dn(e, f);
     const v = h ?? e.shouldReduceMotion;
-    m.start(On(f, m, x, v && lr.has(f) ? { type: !1 } : g, e, w));
+    m.start(In(f, m, x, v && cr.has(f) ? { type: !1 } : g, e, w));
     const b = m.animation;
     b && u.push(b);
   }
   if (o) {
-    const f = () => D.update(() => {
+    const f = () => k.update(() => {
       o && yl(e, o);
     });
     u.length ? Promise.all(u).then(f) : f();
@@ -4250,7 +4270,7 @@ function fn(e, t, n = {}) {
   const i = Ve(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
   let { transition: r = e.getDefaultTransition() || {} } = i || {};
   n.transitionOverride && (r = n.transitionOverride);
-  const a = i ? () => Promise.all(hr(e, i, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (h = 0) => {
+  const a = i ? () => Promise.all(dr(e, i, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (h = 0) => {
     const { delayChildren: u = 0, staggerChildren: d, staggerDirection: f } = r;
     return wl(e, t, h, u, d, f, n);
   } : () => Promise.resolve(), { when: l } = r;
@@ -4265,7 +4285,7 @@ function wl(e, t, n = 0, i = 0, r = 0, a = 1, o) {
   for (const c of e.variantChildren)
     c.notify("AnimationStart", t), l.push(fn(c, t, {
       ...o,
-      delay: n + (typeof i == "function" ? 0 : i) + rr(e.variantChildren, c, i, r, a)
+      delay: n + (typeof i == "function" ? 0 : i) + or(e.variantChildren, c, i, r, a)
     }).then(() => c.notify("AnimationComplete", t)));
   return Promise.all(l);
 }
@@ -4279,7 +4299,7 @@ function bl(e, t, n = {}) {
     i = fn(e, t, n);
   else {
     const r = typeof t == "function" ? Ve(e, t, n.custom) : t;
-    i = Promise.all(hr(e, r, n));
+    i = Promise.all(dr(e, r, n));
   }
   return i.then(() => {
     e.notify("AnimationComplete", t);
@@ -4288,9 +4308,9 @@ function bl(e, t, n = {}) {
 const Tl = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, dr = (e) => (t) => t.test(e), fr = [_e, A, he, xe, Yo, Go, Tl], gs = (e) => fr.find(dr(e));
+}, fr = (e) => (t) => t.test(e), pr = [_e, A, he, xe, Yo, Go, Tl], gs = (e) => pr.find(fr(e));
 function Ml(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Mi(e) : !0;
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Si(e) : !0;
 }
 const Sl = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Al(e) {
@@ -4424,21 +4444,21 @@ const Pl = /\b([a-z-]*)\(.*?\)/gu, pn = {
   WebkitFilter: pn,
   mask: mn,
   WebkitMask: mn
-}, pr = (e) => Cl[e], El = /* @__PURE__ */ new Set([pn, mn]);
-function mr(e, t) {
-  let n = pr(e);
+}, mr = (e) => Cl[e], El = /* @__PURE__ */ new Set([pn, mn]);
+function xr(e, t) {
+  let n = mr(e);
   return El.has(n) || (n = ae), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
-const Dl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function kl(e, t, n) {
+const kl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Dl(e, t, n) {
   let i = 0, r;
   for (; i < e.length && !r; ) {
     const a = e[i];
-    typeof a == "string" && !Dl.has(a) && Ie(a).values.length && (r = e[i]), i++;
+    typeof a == "string" && !kl.has(a) && Oe(a).values.length && (r = e[i]), i++;
   }
   if (r && n)
     for (const a of t)
-      e[a] = mr(n, r);
+      e[a] = xr(n, r);
 }
 class Rl extends Nn {
   constructor(t, n, i, r, a) {
@@ -4452,11 +4472,11 @@ class Rl extends Nn {
     for (let u = 0; u < t.length; u++) {
       let d = t[u];
       if (typeof d == "string" && (d = d.trim(), Cn(d))) {
-        const f = or(d, n.current);
+        const f = ar(d, n.current);
         f !== void 0 && (t[u] = f), u === t.length - 1 && (this.finalKeyframe = d);
       }
     }
-    if (this.resolveNoneKeyframes(), !lr.has(i) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !cr.has(i) || t.length !== 2)
       return;
     const [r, a] = t, o = gs(r), l = gs(a), c = ss(r), h = ss(a);
     if (c !== h && ge[i]) {
@@ -4475,7 +4495,7 @@ class Rl extends Nn {
     const { unresolvedKeyframes: t, name: n } = this, i = [];
     for (let r = 0; r < t.length; r++)
       (t[r] === null || Ml(t[r])) && i.push(r);
-    i.length && kl(t, i, n);
+    i.length && Dl(t, i, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: i } = this;
@@ -4498,7 +4518,7 @@ class Rl extends Nn {
     }), this.resolveNoneKeyframes();
   }
 }
-function xr(e, t, n) {
+function yr(e, t, n) {
   if (e == null)
     return [];
   if (e instanceof EventTarget)
@@ -4510,15 +4530,15 @@ function xr(e, t, n) {
   }
   return Array.from(e).filter((i) => i != null);
 }
-const yr = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
+const gr = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
 function Ll(e) {
-  return Ti(e) && "offsetHeight" in e && !("ownerSVGElement" in e);
+  return Mi(e) && "offsetHeight" in e && !("ownerSVGElement" in e);
 }
 const { schedule: Hn } = /* @__PURE__ */ Oi(queueMicrotask, !1), oe = {
   x: !1,
   y: !1
 };
-function gr() {
+function jr() {
   return oe.x || oe.y;
 }
 function Nl(e) {
@@ -4528,8 +4548,8 @@ function Nl(e) {
     oe.x = oe.y = !1;
   });
 }
-function jr(e, t) {
-  const n = xr(e), i = new AbortController(), r = {
+function vr(e, t) {
+  const n = yr(e), i = new AbortController(), r = {
     passive: !0,
     ...t,
     signal: i.signal
@@ -4537,10 +4557,10 @@ function jr(e, t) {
   return [n, r, () => i.abort()];
 }
 function Fl(e) {
-  return !(e.pointerType === "touch" || gr());
+  return !(e.pointerType === "touch" || jr());
 }
-function Ol(e, t, n = {}) {
-  const [i, r, a] = jr(e, n);
+function Il(e, t, n = {}) {
+  const [i, r, a] = vr(e, n);
   return i.forEach((o) => {
     let l = !1, c = !1, h;
     const u = () => {
@@ -4569,7 +4589,7 @@ function Ol(e, t, n = {}) {
     o.addEventListener("pointerenter", g, r), o.addEventListener("pointerdown", m, r);
   }), a;
 }
-const vr = (e, t) => t ? e === t ? !0 : vr(e, t.parentElement) : !1, _n = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Il = /* @__PURE__ */ new Set([
+const wr = (e, t) => t ? e === t ? !0 : wr(e, t.parentElement) : !1, _n = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Ol = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -4577,7 +4597,7 @@ const vr = (e, t) => t ? e === t ? !0 : vr(e, t.parentElement) : !1, _n = (e) =>
   "A"
 ]);
 function Bl(e) {
-  return Il.has(e.tagName) || e.isContentEditable === !0;
+  return Ol.has(e.tagName) || e.isContentEditable === !0;
 }
 const zl = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
 function Hl(e) {
@@ -4608,11 +4628,11 @@ const _l = (e, t) => {
   n.addEventListener("keydown", i, t), n.addEventListener("blur", () => n.removeEventListener("keydown", i), t);
 };
 function ws(e) {
-  return _n(e) && !gr();
+  return _n(e) && !jr();
 }
 const bs = /* @__PURE__ */ new WeakSet();
 function Ul(e, t, n = {}) {
-  const [i, r, a] = jr(e, n), o = (l) => {
+  const [i, r, a] = vr(e, n), o = (l) => {
     const c = l.currentTarget;
     if (!ws(l) || bs.has(l))
       return;
@@ -4620,7 +4640,7 @@ function Ul(e, t, n = {}) {
     const h = t(c, l), u = (m, x) => {
       window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), pt.has(c) && pt.delete(c), ws(m) && typeof h == "function" && h(m, { success: x });
     }, d = (m) => {
-      u(m, c === window || c === document || n.useGlobalTarget || vr(c, m.target));
+      u(m, c === window || c === document || n.useGlobalTarget || wr(c, m.target));
     }, f = (m) => {
       u(m, !1);
     };
@@ -4631,11 +4651,11 @@ function Ul(e, t, n = {}) {
   }), a;
 }
 function Un(e) {
-  return Ti(e) && "ownerSVGElement" in e;
+  return Mi(e) && "ownerSVGElement" in e;
 }
 const mt = /* @__PURE__ */ new WeakMap();
 let ye;
-const wr = (e, t, n) => (i, r) => r && r[0] ? r[0][e + "Size"] : Un(i) && "getBBox" in i ? i.getBBox()[t] : i[n], Wl = /* @__PURE__ */ wr("inline", "width", "offsetWidth"), $l = /* @__PURE__ */ wr("block", "height", "offsetHeight");
+const br = (e, t, n) => (i, r) => r && r[0] ? r[0][e + "Size"] : Un(i) && "getBBox" in i ? i.getBBox()[t] : i[n], Wl = /* @__PURE__ */ br("inline", "width", "offsetWidth"), $l = /* @__PURE__ */ br("block", "height", "offsetHeight");
 function Kl({ target: e, borderBoxSize: t }) {
   var n;
   (n = mt.get(e)) == null || n.forEach((i) => {
@@ -4657,7 +4677,7 @@ function Yl() {
 }
 function Xl(e, t) {
   ye || Yl();
-  const n = xr(e);
+  const n = yr(e);
   return n.forEach((i) => {
     let r = mt.get(i);
     r || (r = /* @__PURE__ */ new Set(), mt.set(i, r)), r.add(t), ye == null || ye.observe(i);
@@ -4694,7 +4714,7 @@ function Ts(e, t) {
 function Jl(e) {
   return Un(e) && e.tagName === "svg";
 }
-const Ql = [...fr, z, ae], ec = (e) => Ql.find(dr(e)), Ms = () => ({
+const Ql = [...pr, z, ae], ec = (e) => Ql.find(fr(e)), Ms = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -4721,11 +4741,11 @@ const Wn = [
   "whileDrag",
   "exit"
 ], $n = ["initial", ...Wn];
-function Dt(e) {
+function kt(e) {
   return Et(e.animate) || $n.some((t) => et(e[t]));
 }
-function br(e) {
-  return !!(Dt(e) || e.variants);
+function Tr(e) {
+  return !!(kt(e) || e.variants);
 }
 function nc(e, t, n) {
   for (const i in t) {
@@ -4747,9 +4767,9 @@ function nc(e, t, n) {
     t[i] === void 0 && e.removeValue(i);
   return t;
 }
-const xn = { current: null }, Tr = { current: !1 }, sc = typeof window < "u";
+const xn = { current: null }, Mr = { current: !1 }, sc = typeof window < "u";
 function ic() {
-  if (Tr.current = !0, !!sc)
+  if (Mr.current = !0, !!sc)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => xn.current = e.matches;
       e.addEventListener("change", t), t();
@@ -4766,7 +4786,7 @@ const As = [
   "LayoutAnimationComplete"
 ];
 let St = {};
-function Mr(e) {
+function Sr(e) {
   St = e;
 }
 function rc() {
@@ -4788,10 +4808,10 @@ class oc {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const m = Z.now();
-      this.renderScheduledAt < m && (this.renderScheduledAt = m, D.render(this.render, !1, !0));
+      this.renderScheduledAt < m && (this.renderScheduledAt = m, k.render(this.render, !1, !0));
     };
     const { latestValues: h, renderState: u } = l;
-    this.latestValues = h, this.baseTarget = { ...h }, this.initialValues = n.initial ? { ...h } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.skipAnimationsConfig = a, this.options = c, this.blockInitialAnimation = !!o, this.isControllingVariants = Dt(n), this.isVariantNode = br(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    this.latestValues = h, this.baseTarget = { ...h }, this.initialValues = n.initial ? { ...h } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.skipAnimationsConfig = a, this.options = c, this.blockInitialAnimation = !!o, this.isControllingVariants = kt(n), this.isVariantNode = Tr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: d, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const m in f) {
       const x = f[m];
@@ -4803,7 +4823,7 @@ class oc {
     if (this.hasBeenMounted)
       for (const r in this.initialValues)
         (n = this.values.get(r)) == null || n.jump(this.initialValues[r]), this.latestValues[r] = this.initialValues[r];
-    this.current = t, tc.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((r, a) => this.bindToMotionValue(a, r)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Tr.current || ic(), this.shouldReduceMotion = xn.current), process.env.NODE_ENV !== "production" && An(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, (i = this.parent) == null || i.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
+    this.current = t, tc.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((r, a) => this.bindToMotionValue(a, r)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Mr.current || ic(), this.shouldReduceMotion = xn.current), process.env.NODE_ENV !== "production" && An(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, (i = this.parent) == null || i.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
   }
   unmount() {
     var t;
@@ -4823,8 +4843,8 @@ class oc {
     this.children.delete(t), this.enteringChildren && this.enteringChildren.delete(t);
   }
   bindToMotionValue(t, n) {
-    if (this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)(), n.accelerate && ir.has(t) && this.current instanceof HTMLElement) {
-      const { factory: o, keyframes: l, times: c, ease: h, duration: u } = n.accelerate, d = new nr({
+    if (this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)(), n.accelerate && rr.has(t) && this.current instanceof HTMLElement) {
+      const { factory: o, keyframes: l, times: c, ease: h, duration: u } = n.accelerate, d = new sr({
         element: this.current,
         name: t,
         keyframes: l,
@@ -4840,7 +4860,7 @@ class oc {
     const i = We.has(t);
     i && this.onBindTransform && this.onBindTransform();
     const r = n.on("change", (o) => {
-      this.latestValues[t] = o, this.props.onUpdate && D.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[t] = o, this.props.onUpdate && k.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
     });
     let a;
     typeof window < "u" && window.MotionCheckAppearSync && (a = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
@@ -4957,7 +4977,7 @@ class oc {
    */
   readValue(t, n) {
     let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (bi(i) || Mi(i)) ? i = parseFloat(i) : !ec(i) && ae.test(n) && (i = mr(t, n)), this.setBaseTarget(t, W(i) ? i.get() : i)), W(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (Ti(i) || Si(i)) ? i = parseFloat(i) : !ec(i) && ae.test(n) && (i = xr(t, n)), this.setBaseTarget(t, W(i) ? i.get() : i)), W(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -4975,7 +4995,7 @@ class oc {
     const { initial: n } = this.props;
     let i;
     if (typeof n == "string" || typeof n == "object") {
-      const o = In(this.props, n, (a = this.presenceContext) == null ? void 0 : a.custom);
+      const o = On(this.props, n, (a = this.presenceContext) == null ? void 0 : a.custom);
       o && (i = o[t]);
     }
     if (n && i !== void 0)
@@ -4993,7 +5013,7 @@ class oc {
     Hn.render(this.render);
   }
 }
-class Sr extends oc {
+class Ar extends oc {
   constructor() {
     super(...arguments), this.KeyframeResolver = Rl;
   }
@@ -5022,7 +5042,7 @@ class be {
   update() {
   }
 }
-function Ar({ top: e, left: t, right: n, bottom: i }) {
+function Pr({ top: e, left: t, right: n, bottom: i }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: i }
@@ -5049,9 +5069,9 @@ function yn({ scale: e, scaleX: t, scaleY: n }) {
   return !_t(e) || !_t(t) || !_t(n);
 }
 function Me(e) {
-  return yn(e) || Pr(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
+  return yn(e) || Vr(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
 }
-function Pr(e) {
+function Vr(e) {
   return Ps(e.x) || Ps(e.y);
 }
 function Ps(e) {
@@ -5067,7 +5087,7 @@ function Vs(e, t, n, i, r) {
 function gn(e, t = 0, n = 1, i, r) {
   e.min = Vs(e.min, t, n, i, r), e.max = Vs(e.max, t, n, i, r);
 }
-function Vr(e, { x: t, y: n }) {
+function Cr(e, { x: t, y: n }) {
   gn(e.x, t.translate, t.scale, t.originPoint), gn(e.y, n.translate, n.scale, n.originPoint);
 }
 const Cs = 0.999999999999, Es = 1.0000000000001;
@@ -5081,29 +5101,29 @@ function cc(e, t, n, i = !1) {
   for (let c = 0; c < r; c++) {
     a = n[c], o = a.projectionDelta;
     const { visualElement: h } = a.options;
-    h && h.props.style && h.props.style.display === "contents" || (i && a.options.layoutScroll && a.scroll && a !== a.root && (ue(e.x, -a.scroll.offset.x), ue(e.y, -a.scroll.offset.y)), o && (t.x *= o.x.scale, t.y *= o.y.scale, Vr(e, o)), i && Me(a.latestValues) && yt(e, a.latestValues, (l = a.layout) == null ? void 0 : l.layoutBox));
+    h && h.props.style && h.props.style.display === "contents" || (i && a.options.layoutScroll && a.scroll && a !== a.root && (ue(e.x, -a.scroll.offset.x), ue(e.y, -a.scroll.offset.y)), o && (t.x *= o.x.scale, t.y *= o.y.scale, Cr(e, o)), i && Me(a.latestValues) && yt(e, a.latestValues, (l = a.layout) == null ? void 0 : l.layoutBox));
   }
   t.x < Es && t.x > Cs && (t.x = 1), t.y < Es && t.y > Cs && (t.y = 1);
 }
 function ue(e, t) {
   e.min += t, e.max += t;
 }
-function Ds(e, t, n, i, r = 0.5) {
+function ks(e, t, n, i, r = 0.5) {
   const a = L(e.min, e.max, r);
   gn(e, t, n, a, i);
 }
-function ks(e, t) {
+function Ds(e, t) {
   return typeof e == "string" ? parseFloat(e) / 100 * (t.max - t.min) : e;
 }
 function yt(e, t, n) {
   const i = n ?? e;
-  Ds(e.x, ks(t.x, i.x), t.scaleX, t.scale, t.originX), Ds(e.y, ks(t.y, i.y), t.scaleY, t.scale, t.originY);
+  ks(e.x, Ds(t.x, i.x), t.scaleX, t.scale, t.originX), ks(e.y, Ds(t.y, i.y), t.scaleY, t.scale, t.originY);
 }
-function Cr(e, t) {
-  return Ar(lc(e.getBoundingClientRect(), t));
+function Er(e, t) {
+  return Pr(lc(e.getBoundingClientRect(), t));
 }
 function uc(e, t, n) {
-  const i = Cr(e, n), { scroll: r } = t;
+  const i = Er(e, n), { scroll: r } = t;
   return r && (ue(i.x, r.offset.x), ue(i.y, r.offset.y)), i;
 }
 const hc = {
@@ -5126,7 +5146,7 @@ function fc(e, t, n) {
       c = o.startsWith("scale") ? h === 1 : h === 0;
     }
     if (!c || n) {
-      const h = yr(l, zn[o]);
+      const h = gr(l, zn[o]);
       if (!c) {
         r = !1;
         const u = hc[o] || o;
@@ -5145,11 +5165,11 @@ function Kn(e, t, n) {
     if (We.has(c)) {
       o = !0;
       continue;
-    } else if (Bi(c)) {
+    } else if (zi(c)) {
       r[c] = h;
       continue;
     } else {
-      const u = yr(h, zn[c]);
+      const u = gr(h, zn[c]);
       c.startsWith("origin") ? (l = !0, a[c] = u) : i[c] = u;
     }
   }
@@ -5158,7 +5178,7 @@ function Kn(e, t, n) {
     i.transformOrigin = `${c} ${h} ${u}`;
   }
 }
-function Er(e, { style: t, vars: n }, i, r) {
+function kr(e, { style: t, vars: n }, i, r) {
   const a = e.style;
   let o;
   for (o in t)
@@ -5223,21 +5243,21 @@ function Gn(e, t, n) {
 function mc(e) {
   return window.getComputedStyle(e);
 }
-class xc extends Sr {
+class xc extends Ar {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Er;
+    super(...arguments), this.type = "html", this.renderInstance = kr;
   }
   readValueFromInstance(t, n) {
     var i;
     if (We.has(n))
       return (i = this.projection) != null && i.isProjecting ? rn(n) : La(t, n);
     {
-      const r = mc(t), a = (Bi(n) ? r.getPropertyValue(n) : r[n]) || 0;
+      const r = mc(t), a = (zi(n) ? r.getPropertyValue(n) : r[n]) || 0;
       return typeof a == "string" ? a.trim() : a;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return Cr(t, n);
+    return Er(t, n);
   }
   build(t, n, i) {
     Kn(t, n, i.transformTemplate);
@@ -5264,7 +5284,7 @@ const vc = [
   "offsetRotate",
   "offsetAnchor"
 ];
-function kr(e, {
+function Rr(e, {
   attrX: t,
   attrY: n,
   attrScale: i,
@@ -5285,7 +5305,7 @@ function kr(e, {
     d[m] !== void 0 && (f[m] = d[m], delete d[m]);
   t !== void 0 && (d.x = t), n !== void 0 && (d.y = n), i !== void 0 && (d.scale = i), r !== void 0 && jc(d, r, a, o, !1);
 }
-const Rr = /* @__PURE__ */ new Set([
+const Lr = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -5309,13 +5329,13 @@ const Rr = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), Lr = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+]), Nr = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function wc(e, t, n, i) {
-  Er(e, t, void 0, i);
+  kr(e, t, void 0, i);
   for (const r in t.attrs)
-    e.setAttribute(Rr.has(r) ? r : Bn(r), t.attrs[r]);
+    e.setAttribute(Lr.has(r) ? r : Bn(r), t.attrs[r]);
 }
-function Nr(e, t, n) {
+function Fr(e, t, n) {
   const i = Gn(e, t, n);
   for (const r in e)
     if (W(e[r]) || W(t[r])) {
@@ -5324,7 +5344,7 @@ function Nr(e, t, n) {
     }
   return i;
 }
-class bc extends Sr {
+class bc extends Ar {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = H;
   }
@@ -5333,30 +5353,30 @@ class bc extends Sr {
   }
   readValueFromInstance(t, n) {
     if (We.has(n)) {
-      const i = pr(n);
+      const i = mr(n);
       return i && i.default || 0;
     }
-    return n = Rr.has(n) ? n : Bn(n), t.getAttribute(n);
+    return n = Lr.has(n) ? n : Bn(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, i) {
-    return Nr(t, n, i);
+    return Fr(t, n, i);
   }
   build(t, n, i) {
-    kr(t, n, this.isSVGTag, i.transformTemplate, i.style);
+    Rr(t, n, this.isSVGTag, i.transformTemplate, i.style);
   }
   renderInstance(t, n, i, r) {
     wc(t, n, i, r);
   }
   mount(t) {
-    this.isSVGTag = Lr(t.tagName), super.mount(t);
+    this.isSVGTag = Nr(t.tagName), super.mount(t);
   }
 }
 const Tc = $n.length;
-function Fr(e) {
+function Ir(e) {
   if (!e)
     return;
   if (!e.isControllingVariants) {
-    const n = e.parent ? Fr(e.parent) || {} : {};
+    const n = e.parent ? Ir(e.parent) || {} : {};
     return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
   const t = {};
@@ -5396,13 +5416,13 @@ function Pc(e) {
     t = h(e);
   }
   function l(h) {
-    const { props: u } = e, d = Fr(e.parent) || {}, f = [], m = /* @__PURE__ */ new Set();
+    const { props: u } = e, d = Ir(e.parent) || {}, f = [], m = /* @__PURE__ */ new Set();
     let x = {}, g = 1 / 0;
     for (let w = 0; w < Sc; w++) {
       const v = Mc[w], b = n[v], M = u[v] !== void 0 ? u[v] : d[v], S = et(M), E = v === h ? b.isActive : null;
       E === !1 && (g = w);
-      let k = M === d[v] && M !== u[v] && S;
-      if (k && (i || r) && e.manuallyAnimateOnMount && (k = !1), b.protectedKeys = { ...x }, // If it isn't active and hasn't *just* been set as inactive
+      let D = M === d[v] && M !== u[v] && S;
+      if (D && (i || r) && e.manuallyAnimateOnMount && (D = !1), b.protectedKeys = { ...x }, // If it isn't active and hasn't *just* been set as inactive
       !b.isActive && E === null || // If we didn't and don't have any defined prop for this animation type
       !M && !b.prevProp || // Or if the prop doesn't define an animation
       Et(M) || typeof M == "boolean")
@@ -5415,40 +5435,40 @@ function Pc(e) {
         continue;
       }
       const P = Vc(b.prevProp, M);
-      let O = P || // If we're making this variant active, we want to always make it active
-      v === h && b.isActive && !k && S || // If we removed a higher-priority variant (i is in reverse order)
+      let I = P || // If we're making this variant active, we want to always make it active
+      v === h && b.isActive && !D && S || // If we removed a higher-priority variant (i is in reverse order)
       w > g && S, T = !1;
       const C = Array.isArray(M) ? M : [M];
       let F = C.reduce(a(v), {});
       E === !1 && (F = {});
-      const { prevResolvedValues: X = {} } = b, $ = {
+      const { prevResolvedValues: X = {} } = b, K = {
         ...X,
         ...F
-      }, Q = (I) => {
-        O = !0, m.has(I) && (T = !0, m.delete(I)), b.needsAnimating[I] = !0;
-        const _ = e.getValue(I);
+      }, Q = (O) => {
+        I = !0, m.has(O) && (T = !0, m.delete(O)), b.needsAnimating[O] = !0;
+        const _ = e.getValue(O);
         _ && (_.liveStyle = !1);
       };
-      for (const I in $) {
-        const _ = F[I], j = X[I];
-        if (x.hasOwnProperty(I))
+      for (const O in K) {
+        const _ = F[O], j = X[O];
+        if (x.hasOwnProperty(O))
           continue;
         let V = !1;
-        hn(_) && hn(j) ? V = !Or(_, j) : V = _ !== j, V ? _ != null ? Q(I) : m.add(I) : _ !== void 0 && m.has(I) ? Q(I) : b.protectedKeys[I] = !0;
+        hn(_) && hn(j) ? V = !Or(_, j) : V = _ !== j, V ? _ != null ? Q(O) : m.add(O) : _ !== void 0 && m.has(O) ? Q(O) : b.protectedKeys[O] = !0;
       }
-      b.prevProp = M, b.prevResolvedValues = F, b.isActive && (x = { ...x, ...F }), (i || r) && e.blockInitialAnimation && (O = !1);
-      const q = k && P;
-      O && (!q || T) && f.push(...C.map((I) => {
+      b.prevProp = M, b.prevResolvedValues = F, b.isActive && (x = { ...x, ...F }), (i || r) && e.blockInitialAnimation && (I = !1);
+      const q = D && P;
+      I && (!q || T) && f.push(...C.map((O) => {
         const _ = { type: v };
-        if (typeof I == "string" && (i || r) && !q && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: j } = e, V = Ve(j, I);
+        if (typeof O == "string" && (i || r) && !q && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: j } = e, V = Ve(j, O);
           if (j.enteringChildren && V) {
             const { delayChildren: R } = V.transition || {};
-            _.delay = rr(j.enteringChildren, e, R);
+            _.delay = or(j.enteringChildren, e, R);
           }
         }
         return {
-          animation: I,
+          animation: O,
           options: _
         };
       }));
@@ -5521,7 +5541,7 @@ function re(e, t) {
 function Ns(e, t) {
   e.translate = t.translate, e.scale = t.scale, e.originPoint = t.originPoint, e.origin = t.origin;
 }
-const Ir = 1e-4, Cc = 1 - Ir, Ec = 1 + Ir, Br = 0.01, Dc = 0 - Br, kc = 0 + Br;
+const Br = 1e-4, Cc = 1 - Br, Ec = 1 + Br, zr = 0.01, kc = 0 - zr, Dc = 0 + zr;
 function J(e) {
   return e.max - e.min;
 }
@@ -5529,24 +5549,24 @@ function Rc(e, t, n) {
   return Math.abs(e - t) <= n;
 }
 function Fs(e, t, n, i = 0.5) {
-  e.origin = i, e.originPoint = L(t.min, t.max, e.origin), e.scale = J(n) / J(t), e.translate = L(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Cc && e.scale <= Ec || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Dc && e.translate <= kc || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = i, e.originPoint = L(t.min, t.max, e.origin), e.scale = J(n) / J(t), e.translate = L(n.min, n.max, e.origin) - e.originPoint, (e.scale >= Cc && e.scale <= Ec || isNaN(e.scale)) && (e.scale = 1), (e.translate >= kc && e.translate <= Dc || isNaN(e.translate)) && (e.translate = 0);
 }
 function qe(e, t, n, i) {
   Fs(e.x, t.x, n.x, i ? i.originX : void 0), Fs(e.y, t.y, n.y, i ? i.originY : void 0);
 }
-function Os(e, t, n, i = 0) {
+function Is(e, t, n, i = 0) {
   const r = i ? L(n.min, n.max, i) : n.min;
   e.min = r + t.min, e.max = e.min + J(t);
 }
 function Lc(e, t, n, i) {
-  Os(e.x, t.x, n.x, i == null ? void 0 : i.x), Os(e.y, t.y, n.y, i == null ? void 0 : i.y);
+  Is(e.x, t.x, n.x, i == null ? void 0 : i.x), Is(e.y, t.y, n.y, i == null ? void 0 : i.y);
 }
-function Is(e, t, n, i = 0) {
+function Os(e, t, n, i = 0) {
   const r = i ? L(n.min, n.max, i) : n.min;
   e.min = t.min - r, e.max = e.min + J(t);
 }
 function Pt(e, t, n, i) {
-  Is(e.x, t.x, n.x, i == null ? void 0 : i.x), Is(e.y, t.y, n.y, i == null ? void 0 : i.y);
+  Os(e.x, t.x, n.x, i == null ? void 0 : i.x), Os(e.y, t.y, n.y, i == null ? void 0 : i.y);
 }
 function Bs(e, t, n, i, r) {
   return e -= t, e = At(e, 1 / n, i), r !== void 0 && (e = At(e, 1 / r, i)), e;
@@ -5560,26 +5580,26 @@ function Nc(e, t = 0, n = 1, i = 0.5, r, a = e, o = e) {
 function zs(e, t, [n, i, r], a, o) {
   Nc(e, t[n], t[i], t[r], t.scale, a, o);
 }
-const Fc = ["x", "scaleX", "originX"], Oc = ["y", "scaleY", "originY"];
+const Fc = ["x", "scaleX", "originX"], Ic = ["y", "scaleY", "originY"];
 function Hs(e, t, n, i) {
-  zs(e.x, t, Fc, n ? n.x : void 0, i ? i.x : void 0), zs(e.y, t, Oc, n ? n.y : void 0, i ? i.y : void 0);
+  zs(e.x, t, Fc, n ? n.x : void 0, i ? i.x : void 0), zs(e.y, t, Ic, n ? n.y : void 0, i ? i.y : void 0);
 }
 function _s(e) {
   return e.translate === 0 && e.scale === 1;
 }
-function zr(e) {
+function Hr(e) {
   return _s(e.x) && _s(e.y);
 }
 function Us(e, t) {
   return e.min === t.min && e.max === t.max;
 }
-function Ic(e, t) {
+function Oc(e, t) {
   return Us(e.x, t.x) && Us(e.y, t.y);
 }
 function Ws(e, t) {
   return Math.round(e.min) === Math.round(t.min) && Math.round(e.max) === Math.round(t.max);
 }
-function Hr(e, t) {
+function _r(e, t) {
   return Ws(e.x, t.x) && Ws(e.y, t.y);
 }
 function $s(e) {
@@ -5601,16 +5621,16 @@ function Bc(e, t, n) {
   const l = e.x.scale * t.x, c = e.y.scale * t.y;
   return (l !== 1 || c !== 1) && (i += `scale(${l}, ${c})`), i || "none";
 }
-const _r = [
+const Ur = [
   "borderTopLeftRadius",
   "borderTopRightRadius",
   "borderBottomLeftRadius",
   "borderBottomRightRadius"
-], zc = _r.length, Gs = (e) => typeof e == "string" ? parseFloat(e) : e, Ys = (e) => typeof e == "number" || A.test(e);
+], zc = Ur.length, Gs = (e) => typeof e == "string" ? parseFloat(e) : e, Ys = (e) => typeof e == "number" || A.test(e);
 function Hc(e, t, n, i, r, a) {
   r ? (e.opacity = L(0, n.opacity ?? 1, _c(i)), e.opacityExit = L(t.opacity ?? 1, 0, Uc(i))) : a && (e.opacity = L(t.opacity ?? 1, n.opacity ?? 1, i));
   for (let o = 0; o < zc; o++) {
-    const l = _r[o];
+    const l = Ur[o];
     let c = Xs(t, l), h = Xs(n, l);
     if (c === void 0 && h === void 0)
       continue;
@@ -5621,13 +5641,13 @@ function Hc(e, t, n, i, r, a) {
 function Xs(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const _c = /* @__PURE__ */ Ur(0, 0.5, Ri), Uc = /* @__PURE__ */ Ur(0.5, 0.95, ie);
-function Ur(e, t, n) {
+const _c = /* @__PURE__ */ Wr(0, 0.5, Li), Uc = /* @__PURE__ */ Wr(0.5, 0.95, ie);
+function Wr(e, t, n) {
   return (i) => i < e ? 0 : i > t ? 1 : n(/* @__PURE__ */ Je(e, t, i));
 }
 function Wc(e, t, n) {
   const i = W(e) ? e : Be(e);
-  return i.start(On("", i, t, n)), i.animation;
+  return i.start(In("", i, t, n)), i.animation;
 }
 function tt(e, t, n, i = { passive: !0 }) {
   return e.addEventListener(t, n, i), () => e.removeEventListener(t, n);
@@ -5652,7 +5672,7 @@ function Gc(e, t) {
     const a = r - n;
     a >= t && (we(i), e(a - t));
   };
-  return D.setup(i, !0), () => we(i);
+  return k.setup(i, !0), () => we(i);
 }
 function gt(e) {
   return W(e) ? e.get() : e;
@@ -5727,21 +5747,21 @@ function Wt(e, t, n, i) {
   const { latestValues: r } = t;
   r[e] && (n[e] = r[e], t.setStaticValue(e, 0), i && (i[e] = 0));
 }
-function Wr(e) {
+function $r(e) {
   if (e.hasCheckedOptimisedAppear = !0, e.root === e)
     return;
   const { visualElement: t } = e.options;
   if (!t)
     return;
-  const n = ur(t);
+  const n = hr(t);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: r, layoutId: a } = e.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", D, !(r || a));
+    window.MotionCancelOptimisedAnimation(n, "transform", k, !(r || a));
   }
   const { parent: i } = e;
-  i && !i.hasCheckedOptimisedAppear && Wr(i);
+  i && !i.hasCheckedOptimisedAppear && $r(i);
 }
-function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: i, resetTransform: r }) {
+function Kr({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: i, resetTransform: r }) {
   return class {
     constructor(o = {}, l = t == null ? void 0 : t()) {
       this.id = qc++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
@@ -5774,7 +5794,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (h && !h.current && h.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (c || l) && (this.isLayoutDirty = !0), e) {
         let u, d = 0;
         const f = () => this.root.updateBlockedByResize = !1;
-        D.read(() => {
+        k.read(() => {
           d = window.innerWidth;
         }), e(o, () => {
           const m = window.innerWidth;
@@ -5786,7 +5806,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const x = this.options.transition || h.getDefaultTransition() || hu, { onLayoutAnimationStart: g, onLayoutAnimationComplete: y } = h.getProps(), w = !this.targetLayout || !Hr(this.targetLayout, m), v = !d && f;
+        const x = this.options.transition || h.getDefaultTransition() || hu, { onLayoutAnimationStart: g, onLayoutAnimationComplete: y } = h.getProps(), w = !this.targetLayout || !_r(this.targetLayout, m), v = !d && f;
         if (this.options.layoutRoot || this.resumeFrom || v || d && (w || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const b = {
@@ -5831,7 +5851,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Wr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && $r(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
@@ -5865,10 +5885,10 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.nodes.forEach(tu), this.sharedNodes.forEach(lu);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, D.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, k.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      D.postRender(() => {
+      k.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -5905,7 +5925,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     resetTransform() {
       if (!r)
         return;
-      const o = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, l = this.projectionDelta && !zr(this.projectionDelta), c = this.getTransformTemplate(), h = c ? c(this.latestValues, "") : void 0, u = h !== this.prevTransformTemplateValue;
+      const o = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, l = this.projectionDelta && !Hr(this.projectionDelta), c = this.getTransformTemplate(), h = c ? c(this.latestValues, "") : void 0, u = h !== this.prevTransformTemplateValue;
       o && this.instance && (l || Me(this.latestValues) || u) && (r(this.instance, h), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(o = !0) {
@@ -5993,10 +6013,10 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       this.resolvedRelativeTargetAt = U.timestamp;
       const f = this.getClosestProjectingParent();
-      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = H(), this.targetWithTransforms = H()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Lc(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : re(this.target, this.layout.layoutBox), Vr(this.target, this.targetDelta)) : re(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
+      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = H(), this.targetWithTransforms = H()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Lc(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : re(this.target, this.layout.layoutBox), Cr(this.target, this.targetDelta)) : re(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
-      if (!(!this.parent || yn(this.parent.latestValues) || Pr(this.parent.latestValues)))
+      if (!(!this.parent || yn(this.parent.latestValues) || Vr(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
@@ -6052,12 +6072,12 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let b;
       this.mixTargetDelta = (M) => {
         const S = M / 1e3;
-        Qs(d.x, o.x, S), Qs(d.y, o.y, S), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Pt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), cu(this.relativeTarget, this.relativeTargetOrigin, f, S), b && Ic(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = H()), re(b, this.relativeTarget)), g && (this.animationValues = u, Hc(u, h, this.latestValues, S, v, w)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = S;
+        Qs(d.x, o.x, S), Qs(d.y, o.y, S), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Pt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), cu(this.relativeTarget, this.relativeTargetOrigin, f, S), b && Oc(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = H()), re(b, this.relativeTarget)), g && (this.animationValues = u, Hc(u, h, this.latestValues, S, v, w)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = S;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
       var l, c, h;
-      this.notifyListeners("animationStart"), (l = this.currentAnimation) == null || l.stop(), (h = (c = this.resumingFrom) == null ? void 0 : c.currentAnimation) == null || h.stop(), this.pendingAnimation && (we(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = D.update(() => {
+      this.notifyListeners("animationStart"), (l = this.currentAnimation) == null || l.stop(), (h = (c = this.resumingFrom) == null ? void 0 : c.currentAnimation) == null || h.stop(), this.pendingAnimation && (we(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = k.update(() => {
         jt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Be(0)), this.motionValue.jump(0, !1), this.currentAnimation = Wc(this.motionValue, [0, 1e3], {
           ...o,
           velocity: 0,
@@ -6085,7 +6105,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const o = this.getLead();
       let { targetWithTransforms: l, target: c, layout: h, latestValues: u } = o;
       if (!(!l || !c || !h)) {
-        if (this !== o && this.layout && h && Kr(this.options.animationType, this.layout.layoutBox, h.layoutBox)) {
+        if (this !== o && this.layout && h && Gr(this.options.animationType, this.layout.layoutBox, h.layoutBox)) {
           c = this.target || H();
           const d = J(this.layout.layoutBox.x);
           c.x.min = o.target.x.min, c.x.max = c.x.min + d;
@@ -6212,7 +6232,7 @@ function Jc(e) {
     else if (a === "x" || a === "y") {
       const d = a === "x" ? "y" : "x";
       vn(o ? t.measuredBox[d] : t.layoutBox[d], i[d]);
-    } else Kr(a, t.layoutBox, i) && ce((d) => {
+    } else Gr(a, t.layoutBox, i) && ce((d) => {
       const f = o ? t.measuredBox[d] : t.layoutBox[d], m = J(i[d]);
       f.max = f.min + m, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[d].max = e.relativeTarget[d].min + m);
     });
@@ -6220,7 +6240,7 @@ function Jc(e) {
     qe(l, i, t.layoutBox);
     const c = Fe();
     o ? qe(c, e.applyTransform(r, !0), t.measuredBox) : qe(c, i, t.layoutBox);
-    const h = !zr(l);
+    const h = !Hr(l);
     let u = !1;
     if (!e.resumeFrom) {
       const d = e.getClosestProjectingParent();
@@ -6230,7 +6250,7 @@ function Jc(e) {
           const x = e.options.layoutAnchor || void 0, g = H();
           Pt(g, t.layoutBox, f.layoutBox, x);
           const y = H();
-          Pt(y, i, m.layoutBox, x), Hr(g, y) || (u = !0), d.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = g, e.relativeParent = d);
+          Pt(y, i, m.layoutBox, x), _r(g, y) || (u = !0), d.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = g, e.relativeParent = d);
         }
       }
     }
@@ -6310,14 +6330,14 @@ function si(e) {
 function du(e) {
   si(e.x), si(e.y);
 }
-function Kr(e, t, n) {
+function Gr(e, t, n) {
   return e === "position" || e === "preserve-aspect" && !Rc($s(t), $s(n), 0.2);
 }
 function fu(e) {
   var t;
   return e !== e.root && ((t = e.scroll) == null ? void 0 : t.wasRoot);
 }
-const pu = $r({
+const pu = Kr({
   attachResizeListener: (e, t) => tt(e, "resize", t),
   measureScroll: () => {
     var e, t;
@@ -6329,7 +6349,7 @@ const pu = $r({
   checkIsScrollRoot: () => !0
 }), $t = {
   current: void 0
-}, Gr = $r({
+}, Yr = Kr({
   measureScroll: (e) => ({
     x: e.scrollLeft,
     y: e.scrollTop
@@ -6345,7 +6365,7 @@ const pu = $r({
     e.style.transform = t !== void 0 ? t : "none";
   },
   checkIsScrollRoot: (e) => window.getComputedStyle(e).position === "fixed"
-}), Yr = ze({
+}), Xr = ze({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
@@ -6354,7 +6374,7 @@ function mu(e = !0) {
   const t = ee(Tn);
   if (t === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: i, register: r } = t, a = co();
+  const { isPresent: n, onExitComplete: i, register: r } = t, a = uo();
   je(() => {
     if (e)
       return r(a);
@@ -6362,7 +6382,7 @@ function mu(e = !0) {
   const o = Ce(() => e && i && i(a), [a, i, e]);
   return !n && i ? [!1, o] : [!0];
 }
-const Xr = ze({ strict: !1 }), ii = {
+const qr = ze({ strict: !1 }), ii = {
   animation: [
     "animate",
     "variants",
@@ -6391,19 +6411,19 @@ function xu() {
     e[t] = {
       isEnabled: (n) => ii[t].some((i) => !!n[i])
     };
-  Mr(e), ri = !0;
+  Sr(e), ri = !0;
 }
-function qr() {
+function Zr() {
   return xu(), rc();
 }
 function yu(e) {
-  const t = qr();
+  const t = Zr();
   for (const n in e)
     t[n] = {
       ...t[n],
       ...e[n]
     };
-  Mr(t);
+  Sr(t);
 }
 const gu = /* @__PURE__ */ new Set([
   "animate",
@@ -6441,9 +6461,9 @@ const gu = /* @__PURE__ */ new Set([
 function Vt(e) {
   return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || gu.has(e);
 }
-let Zr = (e) => !Vt(e);
+let Jr = (e) => !Vt(e);
 function ju(e) {
-  typeof e == "function" && (Zr = (t) => t.startsWith("on") ? !Vt(t) : e(t));
+  typeof e == "function" && (Jr = (t) => t.startsWith("on") ? !Vt(t) : e(t));
 }
 try {
   ju(require("@emotion/is-prop-valid").default);
@@ -6452,13 +6472,13 @@ try {
 function vu(e, t, n) {
   const i = {};
   for (const r in e)
-    r === "values" && typeof e.values == "object" || W(e[r]) || (Zr(r) || n === !0 && Vt(r) || !t && !Vt(r) || // If trying to use native HTML drag events, forward drag listeners
+    r === "values" && typeof e.values == "object" || W(e[r]) || (Jr(r) || n === !0 && Vt(r) || !t && !Vt(r) || // If trying to use native HTML drag events, forward drag listeners
     e.draggable && r.startsWith("onDrag")) && (i[r] = e[r]);
   return i;
 }
-const kt = /* @__PURE__ */ ze({});
+const Dt = /* @__PURE__ */ ze({});
 function wu(e, t) {
-  if (Dt(e)) {
+  if (kt(e)) {
     const { initial: n, animate: i } = e;
     return {
       initial: n === !1 || et(n) ? n : void 0,
@@ -6468,8 +6488,8 @@ function wu(e, t) {
   return e.inherit !== !1 ? t : {};
 }
 function bu(e) {
-  const { initial: t, animate: n } = wu(e, ee(kt));
-  return Oe(() => ({ initial: t, animate: n }), [oi(t), oi(n)]);
+  const { initial: t, animate: n } = wu(e, ee(Dt));
+  return Ie(() => ({ initial: t, animate: n }), [oi(t), oi(n)]);
 }
 function oi(e) {
   return Array.isArray(e) ? e.join(" ") : e;
@@ -6480,39 +6500,39 @@ const Yn = () => ({
   transformOrigin: {},
   vars: {}
 });
-function Jr(e, t, n) {
+function Qr(e, t, n) {
   for (const i in t)
     !W(t[i]) && !Dr(i, n) && (e[i] = t[i]);
 }
 function Tu({ transformTemplate: e }, t) {
-  return Oe(() => {
+  return Ie(() => {
     const n = Yn();
     return Kn(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
 function Mu(e, t) {
   const n = e.style || {}, i = {};
-  return Jr(i, n, e), Object.assign(i, Tu(e, t)), i;
+  return Qr(i, n, e), Object.assign(i, Tu(e, t)), i;
 }
 function Su(e, t) {
   const n = {}, i = Mu(e, t);
   return e.drag && e.dragListener !== !1 && (n.draggable = !1, i.userSelect = i.WebkitUserSelect = i.WebkitTouchCallout = "none", i.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = i, n;
 }
-const Qr = () => ({
+const eo = () => ({
   ...Yn(),
   attrs: {}
 });
 function Au(e, t, n, i) {
-  const r = Oe(() => {
-    const a = Qr();
-    return kr(a, t, Lr(i), e.transformTemplate, e.style), {
+  const r = Ie(() => {
+    const a = eo();
+    return Rr(a, t, Nr(i), e.transformTemplate, e.style), {
       ...a.attrs,
       style: { ...a.style }
     };
   }, [t]);
   if (e.style) {
     const a = {};
-    Jr(a, e.style, e), r.style = { ...a, ...r.style };
+    Qr(a, e.style, e), r.style = { ...a, ...r.style };
   }
   return r;
 }
@@ -6564,8 +6584,8 @@ function Xn(e) {
   );
 }
 function Vu(e, t, n, { latestValues: i }, r, a = !1, o) {
-  const c = (o ?? Xn(e) ? Au : Su)(t, i, r, e), h = vu(t, typeof e == "string", a), u = e !== p ? { ...h, ...c, ref: n } : {}, { children: d } = t, f = Oe(() => W(d) ? d.get() : d, [d]);
-  return uo(e, {
+  const c = (o ?? Xn(e) ? Au : Su)(t, i, r, e), h = vu(t, typeof e == "string", a), u = e !== p ? { ...h, ...c, ref: n } : {}, { children: d } = t, f = Ie(() => W(d) ? d.get() : d, [d]);
+  return ho(e, {
     ...u,
     children: f
   });
@@ -6581,7 +6601,7 @@ function Eu(e, t, n, i) {
   for (const f in a)
     r[f] = gt(a[f]);
   let { initial: o, animate: l } = e;
-  const c = Dt(e), h = br(e);
+  const c = kt(e), h = Tr(e);
   t && h && !c && e.inherit !== !1 && (o === void 0 && (o = t.initial), l === void 0 && (l = t.animate));
   let u = n ? n.initial === !1 : !1;
   u = u || o === !1;
@@ -6589,7 +6609,7 @@ function Eu(e, t, n, i) {
   if (d && typeof d != "boolean" && !Et(d)) {
     const f = Array.isArray(d) ? d : [d];
     for (let m = 0; m < f.length; m++) {
-      const x = In(e, f[m]);
+      const x = On(e, f[m]);
       if (x) {
         const { transitionEnd: g, transition: y, ...w } = x;
         for (const v in w) {
@@ -6607,15 +6627,15 @@ function Eu(e, t, n, i) {
   }
   return r;
 }
-const eo = (e) => (t, n) => {
-  const i = ee(kt), r = ee(Tn), a = () => Cu(e, t, i, r);
+const to = (e) => (t, n) => {
+  const i = ee(Dt), r = ee(Tn), a = () => Cu(e, t, i, r);
   return n ? a() : Po(a);
-}, Du = /* @__PURE__ */ eo({
+}, ku = /* @__PURE__ */ to({
   scrapeMotionValuesFromProps: Gn,
   createRenderState: Yn
-}), ku = /* @__PURE__ */ eo({
-  scrapeMotionValuesFromProps: Nr,
-  createRenderState: Qr
+}), Du = /* @__PURE__ */ to({
+  scrapeMotionValuesFromProps: Fr,
+  createRenderState: eo
 }), Ru = Symbol.for("motionComponentSymbol");
 function Lu(e, t, n) {
   const i = fe(n);
@@ -6636,13 +6656,13 @@ function Lu(e, t, n) {
     t && (a ? t.mount(a) : t.unmount());
   }, [t]);
 }
-const to = ze({});
-function ke(e) {
+const no = ze({});
+function De(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
 function Nu(e, t, n, i, r, a) {
   var b, M;
-  const { visualElement: o } = ee(kt), l = ee(Xr), c = ee(Tn), h = ee(Yr), u = h.reducedMotion, d = h.skipAnimations, f = fe(null), m = fe(!1);
+  const { visualElement: o } = ee(Dt), l = ee(qr), c = ee(Tn), h = ee(Xr), u = h.reducedMotion, d = h.skipAnimations, f = fe(null), m = fe(!1);
   i = i || l.renderer, !f.current && i && (f.current = i(e, {
     visualState: t,
     parent: o,
@@ -6653,13 +6673,13 @@ function Nu(e, t, n, i, r, a) {
     skipAnimations: d,
     isSVG: a
   }), m.current && f.current && (f.current.manuallyAnimateOnMount = !0));
-  const x = f.current, g = ee(to);
+  const x = f.current, g = ee(no);
   x && !x.projection && r && (x.type === "html" || x.type === "svg") && Fu(f.current, n, r, g);
   const y = fe(!1);
   ji(() => {
     x && y.current && x.update(n, c);
   });
-  const w = n[cr], v = fe(!!w && typeof window < "u" && !((b = window.MotionHandoffIsComplete) != null && b.call(window, w)) && ((M = window.MotionHasOptimisedAnimation) == null ? void 0 : M.call(window, w)));
+  const w = n[ur], v = fe(!!w && typeof window < "u" && !((b = window.MotionHandoffIsComplete) != null && b.call(window, w)) && ((M = window.MotionHasOptimisedAnimation) == null ? void 0 : M.call(window, w)));
   return Co(() => {
     m.current = !0, x && (y.current = !0, window.MotionIsMounted = !0, x.updateFeatures(), x.scheduleRenderMicrotask(), v.current && x.animationState && x.animationState.animateChanges());
   }), je(() => {
@@ -6671,10 +6691,10 @@ function Nu(e, t, n, i, r, a) {
 }
 function Fu(e, t, n, i) {
   const { layoutId: r, layout: a, drag: o, dragConstraints: l, layoutScroll: c, layoutRoot: h, layoutAnchor: u, layoutCrossfade: d } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : no(e.parent)), e.projection.setOptions({
+  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : so(e.parent)), e.projection.setOptions({
     layoutId: r,
     layout: a,
-    alwaysMeasureLayout: !!o || l && ke(l),
+    alwaysMeasureLayout: !!o || l && De(l),
     visualElement: e,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -6691,44 +6711,44 @@ function Fu(e, t, n, i) {
     layoutAnchor: u
   });
 }
-function no(e) {
+function so(e) {
   if (e)
-    return e.options.allowProjection !== !1 ? e.projection : no(e.parent);
+    return e.options.allowProjection !== !1 ? e.projection : so(e.parent);
 }
 function Kt(e, { forwardMotionProps: t = !1, type: n } = {}, i, r) {
   i && yu(i);
-  const a = n ? n === "svg" : Xn(e), o = a ? ku : Du;
+  const a = n ? n === "svg" : Xn(e), o = a ? Du : ku;
   function l(h, u) {
     let d;
     const f = {
-      ...ee(Yr),
+      ...ee(Xr),
       ...h,
-      layoutId: Ou(h)
+      layoutId: Iu(h)
     }, { isStatic: m } = f, x = bu(h), g = o(h, m);
     if (!m && typeof window < "u") {
-      Iu(f, i);
+      Ou(f, i);
       const y = Bu(f);
       d = y.MeasureLayout, x.visualElement = Nu(e, g, f, r, y.ProjectionNode, a);
     }
-    return s.jsxs(kt.Provider, { value: x, children: [d && x.visualElement ? s.jsx(d, { visualElement: x.visualElement, ...f }) : null, Vu(e, h, Lu(g, x.visualElement, u), g, m, t, a)] });
+    return s.jsxs(Dt.Provider, { value: x, children: [d && x.visualElement ? s.jsx(d, { visualElement: x.visualElement, ...f }) : null, Vu(e, h, Lu(g, x.visualElement, u), g, m, t, a)] });
   }
   l.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
-  const c = ho(l);
+  const c = fo(l);
   return c[Ru] = e, c;
 }
-function Ou({ layoutId: e }) {
-  const t = ee(wi).id;
+function Iu({ layoutId: e }) {
+  const t = ee(bi).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
-function Iu(e, t) {
-  const n = ee(Xr).strict;
+function Ou(e, t) {
+  const n = ee(qr).strict;
   if (process.env.NODE_ENV !== "production" && t && n) {
     const i = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     e.ignoreStrict ? He(!1, i, "lazy-strict-mode") : pe(!1, i, "lazy-strict-mode");
   }
 }
 function Bu(e) {
-  const t = qr(), { drag: n, layout: i } = t;
+  const t = Zr(), { drag: n, layout: i } = t;
   if (!n && !i)
     return {};
   const r = { ...n, ...i };
@@ -6842,13 +6862,13 @@ const Ku = (e) => (t) => _n(t) && e(t, ot(t));
 function Ze(e, t, n, i) {
   return tt(e, t, Ku(n), i);
 }
-const so = ({ current: e }) => e ? e.ownerDocument.defaultView : null, ai = (e, t) => Math.abs(e - t);
+const io = ({ current: e }) => e ? e.ownerDocument.defaultView : null, ai = (e, t) => Math.abs(e - t);
 function Gu(e, t) {
   const n = ai(e.x, t.x), i = ai(e.y, t.y);
   return Math.sqrt(n ** 2 + i ** 2);
 }
 const li = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class io {
+class ro {
   constructor(t, n, { transformPagePoint: i, contextWindow: r = window, dragSnapToOrigin: a = !1, distanceThreshold: o = 3, element: l } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (m) => {
       this.handleScroll(m.target);
@@ -6866,7 +6886,7 @@ class io {
       const { onStart: v, onMove: b } = this.handlers;
       x || (v && v(this.lastMoveEvent, m), this.startEvent = this.lastMoveEvent), b && b(this.lastMoveEvent, m);
     }, this.handlePointerMove = (m, x) => {
-      this.lastMoveEvent = m, this.lastRawMoveEventInfo = x, this.lastMoveEventInfo = ht(x, this.transformPagePoint), D.update(this.updatePoint, !0);
+      this.lastMoveEvent = m, this.lastRawMoveEventInfo = x, this.lastMoveEventInfo = ht(x, this.transformPagePoint), k.update(this.updatePoint, !0);
     }, this.handlePointerUp = (m, x) => {
       this.end();
       const { onEnd: g, onSessionEnd: y, resumeAnimation: w } = this.handlers;
@@ -6919,7 +6939,7 @@ class io {
       x: t.scrollLeft,
       y: t.scrollTop
     }, a = { x: r.x - n.x, y: r.y - n.y };
-    a.x === 0 && a.y === 0 || (i ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += a.x, this.lastMoveEventInfo.point.y += a.y) : this.history.length > 0 && (this.history[0].x -= a.x, this.history[0].y -= a.y), this.scrollPositions.set(t, r), D.update(this.updatePoint, !0));
+    a.x === 0 && a.y === 0 || (i ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += a.x, this.lastMoveEventInfo.point.y += a.y) : this.history.length > 0 && (this.history[0].x -= a.x, this.history[0].y -= a.y), this.scrollPositions.set(t, r), k.update(this.updatePoint, !0));
   }
   updateHandlers(t) {
     this.handlers = t;
@@ -6937,7 +6957,7 @@ function ci(e, t) {
 function Gt({ point: e }, t) {
   return {
     point: e,
-    delta: ci(e, ro(t)),
+    delta: ci(e, oo(t)),
     offset: ci(e, Yu(t)),
     velocity: Xu(t, 0.1)
   };
@@ -6945,14 +6965,14 @@ function Gt({ point: e }, t) {
 function Yu(e) {
   return e[0];
 }
-function ro(e) {
+function oo(e) {
   return e[e.length - 1];
 }
 function Xu(e, t) {
   if (e.length < 2)
     return { x: 0, y: 0 };
   let n = e.length - 1, i = null;
-  const r = ro(e);
+  const r = oo(e);
   for (; n >= 0 && (i = e[n], !(r.timestamp - i.timestamp > /* @__PURE__ */ te(t))); )
     n--;
   if (!i)
@@ -7042,7 +7062,7 @@ class sh {
           }
         }
         this.originPoint[w] = v;
-      }), g && D.update(() => g(d, f), !1, !0), dn(this.visualElement, "transform");
+      }), g && k.update(() => g(d, f), !1, !0), dn(this.visualElement, "transform");
       const { animationState: y } = this.visualElement;
       y && y.setActive("whileDrag", !0);
     }, l = (d, f) => {
@@ -7055,14 +7075,14 @@ class sh {
         this.currentDirection = rh(w), this.currentDirection !== null && g && g(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, w), this.updateAxis("y", f.point, w), this.visualElement.render(), y && D.update(() => y(d, f), !1, !0);
+      this.updateAxis("x", f.point, w), this.updateAxis("y", f.point, w), this.visualElement.render(), y && k.update(() => y(d, f), !1, !0);
     }, c = (d, f) => {
       this.latestPointerEvent = d, this.latestPanInfo = f, this.stop(d, f), this.latestPointerEvent = null, this.latestPanInfo = null;
     }, h = () => {
       const { dragSnapToOrigin: d } = this.getProps();
       (d || this.constraints) && this.startAnimation({ x: 0, y: 0 });
     }, { dragSnapToOrigin: u } = this.getProps();
-    this.panSession = new io(t, {
+    this.panSession = new ro(t, {
       onSessionStart: a,
       onStart: o,
       onMove: l,
@@ -7072,7 +7092,7 @@ class sh {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: u,
       distanceThreshold: i,
-      contextWindow: so(this.visualElement),
+      contextWindow: io(this.visualElement),
       element: this.visualElement.current
     });
   }
@@ -7086,7 +7106,7 @@ class sh {
     const { velocity: o } = r;
     this.startAnimation(o);
     const { onDragEnd: l } = this.getProps();
-    l && D.postRender(() => l(i, r));
+    l && k.postRender(() => l(i, r));
   }
   /**
    * @internal
@@ -7118,13 +7138,13 @@ class sh {
   resolveConstraints() {
     var a;
     const { dragConstraints: t, dragElastic: n } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (a = this.visualElement.projection) == null ? void 0 : a.layout, r = this.constraints;
-    t && ke(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && i ? this.constraints = Zu(i.layoutBox, t) : this.constraints = !1, this.elastic = th(n), r !== this.constraints && !ke(t) && i && this.constraints && !this.hasMutatedConstraints && ce((o) => {
+    t && De(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && i ? this.constraints = Zu(i.layoutBox, t) : this.constraints = !1, this.elastic = th(n), r !== this.constraints && !De(t) && i && this.constraints && !this.hasMutatedConstraints && ce((o) => {
       this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = eh(i.layoutBox[o], this.constraints[o]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
-    if (!t || !ke(t))
+    if (!t || !De(t))
       return !1;
     const i = t.current;
     pe(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
@@ -7135,7 +7155,7 @@ class sh {
     let o = Ju(r.layout.layoutBox, a);
     if (n) {
       const l = n(ac(o));
-      this.hasMutatedConstraints = !!l, l && (o = Ar(l));
+      this.hasMutatedConstraints = !!l, l && (o = Pr(l));
     }
     return o;
   }
@@ -7162,7 +7182,7 @@ class sh {
   }
   startAxisValueAnimation(t, n) {
     const i = this.getAxisMotionValue(t);
-    return dn(this.visualElement, t), i.start(On(t, i, 0, n, this.visualElement, !1));
+    return dn(this.visualElement, t), i.start(In(t, i, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     ce((t) => this.getAxisMotionValue(t).stop());
@@ -7198,7 +7218,7 @@ class sh {
     if (!this.visualElement.current)
       return;
     const { drag: t, dragConstraints: n } = this.getProps(), { projection: i } = this.visualElement;
-    if (!ke(n) || !i || !this.constraints)
+    if (!De(n) || !i || !this.constraints)
       return;
     this.stopAnimation();
     const r = { x: 0, y: 0 };
@@ -7228,9 +7248,9 @@ class sh {
     let i;
     const r = () => {
       const { dragConstraints: h } = this.getProps();
-      ke(h) && h.current && (this.constraints = this.resolveRefConstraints(), i || (i = ih(t, h.current, () => this.scalePositionWithinConstraints())));
+      De(h) && h.current && (this.constraints = this.resolveRefConstraints(), i || (i = ih(t, h.current, () => this.scalePositionWithinConstraints())));
     }, { projection: a } = this.visualElement, o = a.addEventListener("measure", r);
-    a && !a.layout && (a.root && a.root.updateScroll(), a.updateLayout()), D.read(r);
+    a && !a.layout && (a.root && a.root.updateScroll(), a.updateLayout()), k.read(r);
     const l = tt(window, "resize", () => this.scalePositionWithinConstraints()), c = a.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: u }) => {
       this.isDragging && u && (ce((d) => {
         const f = this.getAxisMotionValue(d);
@@ -7294,16 +7314,16 @@ class oh extends be {
   }
 }
 const Yt = (e) => (t, n) => {
-  e && D.update(() => e(t, n), !1, !0);
+  e && k.update(() => e(t, n), !1, !0);
 };
 class ah extends be {
   constructor() {
     super(...arguments), this.removePointerDownListener = ie;
   }
   onPointerDown(t) {
-    this.session = new io(t, this.createPanHandlers(), {
+    this.session = new ro(t, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: so(this.node)
+      contextWindow: io(this.node)
     });
   }
   createPanHandlers() {
@@ -7313,7 +7333,7 @@ class ah extends be {
       onStart: Yt(n),
       onMove: Yt(i),
       onEnd: (a, o) => {
-        delete this.session, r && D.postRender(() => r(a, o));
+        delete this.session, r && k.postRender(() => r(a, o));
       }
     };
   }
@@ -7328,7 +7348,7 @@ class ah extends be {
   }
 }
 let Xt = !1;
-class lh extends fo {
+class lh extends po {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -7349,7 +7369,7 @@ class lh extends fo {
     return o && (o.isPresent = a, t.layoutDependency !== n && o.setOptions({
       ...o.options,
       layoutDependency: n
-    }), Xt = !0, r || t.layoutDependency !== n || n === void 0 || t.isPresent !== a ? o.willUpdate() : this.safeToRemove(), t.isPresent !== a && (a ? o.promote() : o.relegate() || D.postRender(() => {
+    }), Xt = !0, r || t.layoutDependency !== n || n === void 0 || t.isPresent !== a ? o.willUpdate() : this.safeToRemove(), t.isPresent !== a && (a ? o.promote() : o.relegate() || k.postRender(() => {
       const l = o.getStack();
       (!l || !l.members.length) && this.safeToRemove();
     }))), null;
@@ -7372,9 +7392,9 @@ class lh extends fo {
     return null;
   }
 }
-function oo(e) {
-  const [t, n] = mu(), i = ee(wi);
-  return s.jsx(lh, { ...e, layoutGroup: i, switchLayoutGroup: ee(to), isPresent: t, safeToRemove: n });
+function ao(e) {
+  const [t, n] = mu(), i = ee(bi);
+  return s.jsx(lh, { ...e, layoutGroup: i, switchLayoutGroup: ee(no), isPresent: t, safeToRemove: n });
 }
 const ch = {
   pan: {
@@ -7382,20 +7402,20 @@ const ch = {
   },
   drag: {
     Feature: oh,
-    ProjectionNode: Gr,
-    MeasureLayout: oo
+    ProjectionNode: Yr,
+    MeasureLayout: ao
   }
 };
 function mi(e, t, n) {
   const { props: i } = e;
   e.animationState && i.whileHover && e.animationState.setActive("whileHover", n === "Start");
   const r = "onHover" + n, a = i[r];
-  a && D.postRender(() => a(t, ot(t)));
+  a && k.postRender(() => a(t, ot(t)));
 }
 class uh extends be {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Ol(t, (n, i) => (mi(this.node, i, "Start"), (r) => mi(this.node, r, "End"))));
+    t && (this.unmount = Il(t, (n, i) => (mi(this.node, i, "Start"), (r) => mi(this.node, r, "End"))));
   }
   unmount() {
   }
@@ -7428,7 +7448,7 @@ function xi(e, t, n) {
     return;
   e.animationState && i.whileTap && e.animationState.setActive("whileTap", n === "Start");
   const r = "onTap" + (n === "End" ? "" : n), a = i[r];
-  a && D.postRender(() => a(t, ot(t)));
+  a && k.postRender(() => a(t, ot(t)));
 }
 class dh extends be {
   mount() {
@@ -7519,15 +7539,15 @@ const vh = {
   }
 }, wh = {
   layout: {
-    ProjectionNode: Gr,
-    MeasureLayout: oo
+    ProjectionNode: Yr,
+    MeasureLayout: ao
   }
 }, bh = {
   ...$u,
   ...vh,
   ...ch,
   ...wh
-}, Th = /* @__PURE__ */ zu(bh, Hu), Zh = ({ flipped: e, setFlipped: t, front: n, back: i }) => /* @__PURE__ */ s.jsxs(
+}, Th = /* @__PURE__ */ zu(bh, Hu), Jh = ({ flipped: e, setFlipped: t, front: n, back: i }) => /* @__PURE__ */ s.jsxs(
   Th.div,
   {
     className: `muncher-flippable-card  ${e ? "flipped" : ""}`,
@@ -7539,7 +7559,7 @@ const vh = {
     ]
   }
 ), Mh = () => {
-  const [e, t] = Y({
+  const [e, t] = $({
     isTop: !0,
     isBottom: !1
   });
@@ -7550,7 +7570,7 @@ const vh = {
     };
     return window.addEventListener("scroll", n), n(), () => window.removeEventListener("scroll", n);
   }, []), e;
-}, Jh = ({ variant: e = "tertiary" }) => {
+}, Qh = ({ variant: e = "tertiary" }) => {
   const { isBottom: t } = Mh(), n = () => window.scrollTo({ top: 0, behavior: "smooth" }), i = () => window.scrollTo({
     top: document.documentElement.scrollHeight,
     behavior: "smooth"
@@ -7559,45 +7579,46 @@ const vh = {
 };
 export {
   Ah as Accordion,
-  yo as Backdrop,
-  go as Badge,
+  go as Backdrop,
+  jo as Badge,
   ne as Button,
-  Xh as Card,
+  qh as Card,
   Eh as Checkbox,
-  wo as CopyButton,
-  bo as CsvButton,
-  Mo as CsvInput,
-  jo as DropdownButton,
+  bo as CopyButton,
+  To as CsvButton,
+  So as CsvInput,
+  vo as DropdownButton,
   Vh as DropdownNavButton,
-  $h as Featured,
-  Zh as FlippableCard,
-  Hh as Hr,
+  Kh as Featured,
+  Jh as FlippableCard,
+  _h as Hr,
   N as Icon,
   Ph as IconBadge,
-  Dh as ImageInput,
-  So as Input,
-  _h as ItemSlider,
+  kh as ImageInput,
+  wi as Input,
+  Uh as ItemSlider,
   nt as Label,
-  Fh as Li,
+  Ih as Li,
   Oh as Modal,
   Qn as NavigateButton,
-  Ih as Paper,
-  Bh as Pill,
-  zh as Progress,
-  kh as Radio,
-  Uh as RangeSlider,
-  Jh as ScrollFab,
+  Bh as Paper,
+  Dh as PasswordInput,
+  zh as Pill,
+  Hh as Progress,
+  Rh as Radio,
+  Wh as RangeSlider,
+  Qh as ScrollFab,
   Ao as Select,
   Ch as ShareButton,
-  Wh as Slider,
-  To as SortButton,
+  $h as Slider,
+  Mo as SortButton,
   vi as Spinner,
-  Kh as Star,
-  Yh as Table,
-  Gh as Tabs,
-  Lh as TextInputDropdown,
-  Rh as Textarea,
-  Nh as Ul,
-  vo as copyToClipboard,
+  Gh as Star,
+  Xh as Table,
+  Yh as Tabs,
+  Nh as TextInputDropdown,
+  Lh as Textarea,
+  Fh as Ul,
+  wo as copyToClipboard,
   Mh as useScrollPosition
 };