@contentmunch/contentmunch-ui 1.1.24 → 1.1.25

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 Q, useId as co, createElement as uo, useInsertionEffect as ji, forwardRef as ho, Component as fo } from "react";
+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";
 var at = { exports: {} }, $e = {};
 /**
  * @license React
@@ -44,149 +44,149 @@ var Ke = {};
 var Zn;
 function mo() {
   return Zn || (Zn = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(v) {
-      if (v == null) return null;
-      if (typeof v == "function")
-        return v.$$typeof === P ? null : v.displayName || v.name || null;
-      if (typeof v == "string") return v;
-      switch (v) {
+    function e(j) {
+      if (j == null) return null;
+      if (typeof j == "function")
+        return j.$$typeof === T ? null : j.displayName || j.name || null;
+      if (typeof j == "string") return j;
+      switch (j) {
         case g:
           return "Fragment";
-        case y:
+        case w:
           return "Profiler";
-        case j:
+        case y:
           return "StrictMode";
         case S:
           return "Suspense";
         case E:
           return "SuspenseList";
-        case C:
+        case O:
           return "Activity";
       }
-      if (typeof v == "object")
-        switch (typeof v.tag == "number" && console.error(
+      if (typeof j == "object")
+        switch (typeof j.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), v.$$typeof) {
+        ), j.$$typeof) {
           case x:
             return "Portal";
-          case w:
-            return (v.displayName || "Context") + ".Provider";
           case b:
-            return (v._context.displayName || "Context") + ".Consumer";
-          case T:
-            var V = v.render;
-            return v = v.displayName, v || (v = V.displayName || V.name || "", v = v !== "" ? "ForwardRef(" + v + ")" : "ForwardRef"), v;
-          case R:
-            return V = v.displayName || null, V !== null ? V : e(v.type) || "Memo";
+            return (j.displayName || "Context") + ".Provider";
+          case v:
+            return (j._context.displayName || "Context") + ".Consumer";
           case M:
-            V = v._payload, v = v._init;
+            var V = j.render;
+            return j = j.displayName, j || (j = V.displayName || V.name || "", j = j !== "" ? "ForwardRef(" + j + ")" : "ForwardRef"), j;
+          case k:
+            return V = j.displayName || null, V !== null ? V : e(j.type) || "Memo";
+          case P:
+            V = j._payload, j = j._init;
             try {
-              return e(v(V));
+              return e(j(V));
             } catch {
             }
         }
       return null;
     }
-    function t(v) {
-      return "" + v;
+    function t(j) {
+      return "" + j;
     }
-    function n(v) {
+    function n(j) {
       try {
-        t(v);
+        t(j);
         var V = !1;
       } catch {
         V = !0;
       }
       if (V) {
         V = console;
-        var L = V.error, K = typeof Symbol == "function" && Symbol.toStringTag && v[Symbol.toStringTag] || v.constructor.name || "Object";
-        return L.call(
+        var R = V.error, K = 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
-        ), t(v);
+        ), t(j);
       }
     }
-    function i(v) {
-      if (v === g) return "<>";
-      if (typeof v == "object" && v !== null && v.$$typeof === M)
+    function i(j) {
+      if (j === g) return "<>";
+      if (typeof j == "object" && j !== null && j.$$typeof === P)
         return "<...>";
       try {
-        var V = e(v);
+        var V = e(j);
         return V ? "<" + V + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var v = D.A;
-      return v === null ? null : v.getOwner();
+      var j = C.A;
+      return j === null ? null : j.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function o(v) {
-      if (z.call(v, "key")) {
-        var V = Object.getOwnPropertyDescriptor(v, "key").get;
+    function o(j) {
+      if (F.call(j, "key")) {
+        var V = Object.getOwnPropertyDescriptor(j, "key").get;
         if (V && V.isReactWarning) return !1;
       }
-      return v.key !== void 0;
+      return j.key !== void 0;
     }
-    function l(v, V) {
-      function L() {
-        X || (X = !0, console.error(
+    function l(j, V) {
+      function R() {
+        Q || (Q = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           V
         ));
       }
-      L.isReactWarning = !0, Object.defineProperty(v, "key", {
-        get: L,
+      R.isReactWarning = !0, Object.defineProperty(j, "key", {
+        get: R,
         configurable: !0
       });
     }
     function c() {
-      var v = e(this.type);
-      return $[v] || ($[v] = !0, console.error(
+      var j = e(this.type);
+      return q[j] || (q[j] = !0, console.error(
         "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."
-      )), v = this.props.ref, v !== void 0 ? v : null;
+      )), j = this.props.ref, j !== void 0 ? j : null;
     }
-    function h(v, V, L, K, me, le, Rt, Lt) {
-      return L = le.ref, v = {
+    function h(j, V, R, K, me, le, Rt, Lt) {
+      return R = le.ref, j = {
         $$typeof: m,
-        type: v,
+        type: j,
         key: V,
         props: le,
         _owner: me
-      }, (L !== void 0 ? L : null) !== null ? Object.defineProperty(v, "ref", {
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(j, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(v, "ref", { enumerable: !1, value: null }), v._store = {}, Object.defineProperty(v._store, "validated", {
+      }) : Object.defineProperty(j, "ref", { enumerable: !1, value: null }), j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(v, "_debugInfo", {
+      }), Object.defineProperty(j, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(v, "_debugStack", {
+      }), Object.defineProperty(j, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Rt
-      }), Object.defineProperty(v, "_debugTask", {
+      }), Object.defineProperty(j, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Lt
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     }
-    function u(v, V, L, K, me, le, Rt, Lt) {
+    function u(j, V, R, K, me, le, Rt, Lt) {
       var G = V.children;
       if (G !== void 0)
         if (K)
-          if (ie(G)) {
+          if (X(G)) {
             for (K = 0; K < G.length; K++)
               d(G[K]);
             Object.freeze && Object.freeze(G);
@@ -195,12 +195,12 @@ function mo() {
               "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);
-      if (z.call(V, "key")) {
-        G = e(v);
+      if (F.call(V, "key")) {
+        G = e(j);
         var De = Object.keys(V).filter(function(ao) {
           return ao !== "key";
         });
-        K = 0 < De.length ? "{key: someKey, " + De.join(": ..., ") + ": ...}" : "{key: someKey}", q[G + K] || (De = 0 < De.length ? "{" + De.join(": ..., ") + ": ...}" : "{}", console.error(
+        K = 0 < De.length ? "{key: someKey, " + De.join(": ..., ") + ": ...}" : "{key: someKey}", _[G + K] || (De = 0 < De.length ? "{" + De.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,65 +211,65 @@ React keys must be passed directly to JSX without using spread:
           G,
           De,
           G
-        ), q[G + K] = !0);
+        ), _[G + K] = !0);
       }
-      if (G = null, L !== void 0 && (n(L), G = "" + L), o(V) && (n(V.key), G = "" + V.key), "key" in V) {
-        L = {};
+      if (G = null, R !== void 0 && (n(R), G = "" + R), o(V) && (n(V.key), G = "" + V.key), "key" in V) {
+        R = {};
         for (var Nt in V)
-          Nt !== "key" && (L[Nt] = V[Nt]);
-      } else L = V;
+          Nt !== "key" && (R[Nt] = V[Nt]);
+      } else R = V;
       return G && l(
-        L,
-        typeof v == "function" ? v.displayName || v.name || "Unknown" : v
+        R,
+        typeof j == "function" ? j.displayName || j.name || "Unknown" : j
       ), h(
-        v,
+        j,
         G,
         le,
         me,
         r(),
-        L,
+        R,
         Rt,
         Lt
       );
     }
-    function d(v) {
-      typeof v == "object" && v !== null && v.$$typeof === m && v._store && (v._store.validated = 1);
+    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"), j = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), w = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), D = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ie = Array.isArray, W = 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"), 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() {
       return null;
     };
     f = {
-      "react-stack-bottom-frame": function(v) {
-        return v();
+      "react-stack-bottom-frame": function(j) {
+        return j();
       }
     };
-    var X, $ = {}, Ee = f["react-stack-bottom-frame"].bind(
+    var Q, q = {}, Ee = f["react-stack-bottom-frame"].bind(
       f,
       a
-    )(), O = W(i(a)), q = {};
-    Ke.Fragment = g, Ke.jsx = function(v, V, L, K, me) {
-      var le = 1e4 > D.recentlyCreatedOwnerStacks++;
+    )(), I = $(i(a)), _ = {};
+    Ke.Fragment = g, Ke.jsx = function(j, V, R, K, me) {
+      var le = 1e4 > C.recentlyCreatedOwnerStacks++;
       return u(
-        v,
+        j,
         V,
-        L,
+        R,
         !1,
         K,
         me,
         le ? Error("react-stack-top-frame") : Ee,
-        le ? W(i(v)) : O
+        le ? $(i(j)) : I
       );
-    }, Ke.jsxs = function(v, V, L, K, me) {
-      var le = 1e4 > D.recentlyCreatedOwnerStacks++;
+    }, Ke.jsxs = function(j, V, R, K, me) {
+      var le = 1e4 > C.recentlyCreatedOwnerStacks++;
       return u(
-        v,
+        j,
         V,
-        L,
+        R,
         !0,
         K,
         me,
         le ? Error("react-stack-top-frame") : Ee,
-        le ? W(i(v)) : O
+        le ? $(i(j)) : I
       );
     };
   }()), Ke;
@@ -279,45 +279,49 @@ function xo() {
   return Jn || (Jn = 1, process.env.NODE_ENV === "production" ? at.exports = po() : at.exports = mo()), at.exports;
 }
 var s = xo();
-const Ah = ({ variant: e, collapsed: t, children: n }) => {
-  const { folds: i } = n, [r, a] = Y(t ? -1 : 0), o = (u) => u === r ? "fold active" : "fold", l = (u) => "fold-button" + (e ? " fold-button--" + e : "") + (i[u].foldColor ? " fold-button--primary fold-button--" + i[u].foldColor : ""), c = (u) => {
-    const d = u.which.toString(), f = u.ctrlKey && d.match(/33|34/);
-    if (d.match(/38|40/) || f) {
-      const m = d.match(/34|40/) ? 1 : -1, x = i.length, g = (r + x + m) % x;
-      a(g);
+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 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;
+      o(w);
     } else
-      d === "36" && a(0), d === "35" && a(i.length - 1);
-    u.preventDefault();
-  }, h = (u) => {
-    a(r === u ? -1 : u);
-  };
-  return /* @__PURE__ */ s.jsx("div", { className: "muncher-accordion", children: i.map(
-    (u, d) => /* @__PURE__ */ s.jsxs(
+      m === "36" && o(0), m === "35" && o(r.length - 1);
+    f.preventDefault();
+  }, u = (f) => {
+    o(a === f ? -1 : f);
+  }, d = "muncher-accordion" + (n ? " " + n : "");
+  return /* @__PURE__ */ s.jsx("div", { className: d, children: r.map(
+    (f, m) => /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: o(d),
-        "aria-expanded": r === d,
+        className: l(m),
+        "aria-expanded": a === m,
         children: [
           /* @__PURE__ */ s.jsx(
             "button",
             {
-              className: l(d),
-              onKeyDown: c,
-              onClick: () => h(d),
-              children: /* @__PURE__ */ s.jsx("span", { children: u.heading })
+              className: c(m),
+              onKeyDown: h,
+              onClick: () => u(m),
+              children: /* @__PURE__ */ s.jsx("span", { children: f.heading })
             }
           ),
-          /* @__PURE__ */ s.jsx("section", { className: "fold-content", children: u.body })
+          /* @__PURE__ */ s.jsx("section", { className: "fold-content", children: f.body })
         ]
       },
-      "muncher-accordion-fold-" + d
+      "muncher-accordion-fold-" + m
     )
   ) });
 }, yo = ({
   show: e = !1,
-  backdropClickHandler: t,
-  ...n
-}) => e ? /* @__PURE__ */ s.jsx("div", { className: "muncher-backdrop", onClick: t, ...n }) : null, go = ({ variant: e, rounded: t, border: n, children: i, ...r }) => {
+  className: t,
+  backdropClickHandler: n,
+  ...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 }) => {
   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 = {
@@ -1365,7 +1369,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
     /* @__PURE__ */ s.jsx("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" }),
     /* @__PURE__ */ s.jsx("text", { x: "6", y: "14", fontSize: "6", fontFamily: "'Lucida Grande', sans-serif", children: "360" })
   ] })
-}, F = ({ color: e, name: t, size: n = "small", weight: i = 2, onClick: r, iconString: a, orientation: o = "left", children: l }) => {
+}, N = ({ color: e, name: t, size: n = "small", weight: i = 2, onClick: r, iconString: a, orientation: o = "left", children: l }) => {
   const c = `muncher-icon--${n}`, h = t ? lt[t] : a && a in lt ? lt[a] : (process.env.NODE_ENV === "development" && console.warn("Unknown icon:", a), lt.muncher);
   return /* @__PURE__ */ s.jsxs("span", { className: "muncher-icon", children: [
     l && o && o === "right" ? /* @__PURE__ */ s.jsx("span", { className: "content-left", children: l }) : "",
@@ -1399,11 +1403,11 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
     onClick: i,
     ...r,
     children: [
-      /* @__PURE__ */ s.jsx(F, { name: t }),
+      /* @__PURE__ */ s.jsx(N, { name: t }),
       n === "" ? "" : /* @__PURE__ */ s.jsx(go, { variant: e, children: n })
     ]
   }
-), te = ({
+), ne = ({
   type: e = "button",
   variant: t,
   size: n = "medium",
@@ -1411,27 +1415,28 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   active: r,
   disabled: a,
   rounded: o,
-  onClick: l,
-  onMouseDown: c,
-  onMouseEnter: h,
-  onMouseLeave: u,
-  children: d,
-  ...f
+  className: l,
+  onClick: c,
+  onMouseDown: h,
+  onMouseEnter: u,
+  onMouseLeave: d,
+  children: f,
+  ...m
 }) => {
-  const m = "muncher-button" + (e && e === "nav" ? " muncher-button--nav" : "") + (t ? " muncher-button--" + t : "") + (n ? " muncher-button--" + n : "") + (r ? " muncher-button--active" : "") + (o ? " muncher-button--rounded" : "");
+  const x = "muncher-button" + (e && e === "nav" ? " muncher-button--nav" : "") + (t ? " muncher-button--" + t : "") + (n ? " muncher-button--" + n : "") + (r ? " muncher-button--active" : "") + (o ? " muncher-button--rounded" : "") + (l ? " " + l : "");
   return /* @__PURE__ */ s.jsx(
     "button",
     {
       type: e && e !== "nav" ? e : "button",
-      className: m,
+      className: x,
       disabled: !!a,
       title: i,
-      onClick: l,
-      onMouseDown: c,
-      onMouseEnter: h,
-      onMouseLeave: u,
-      ...f,
-      children: d
+      onClick: c,
+      onMouseDown: h,
+      onMouseEnter: u,
+      onMouseLeave: d,
+      ...m,
+      children: f
     }
   );
 }, jo = ({
@@ -1452,30 +1457,30 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   children: x,
   ...g
 }) => {
-  const j = fe(null), y = (S) => {
+  const y = fe(null), w = (S) => {
     S.preventDefault(), h && h(S), f && f(!0);
-  }, b = Ce(() => {
+  }, v = Ce(() => {
     f(!1), u && u();
-  }, [u, f]), w = Ce((S) => {
-    S.keyCode === 27 && b();
-  }, [b]);
+  }, [u, f]), b = Ce((S) => {
+    S.keyCode === 27 && v();
+  }, [v]);
   je(() => {
     const S = (E) => {
-      j && j.current && E.target instanceof HTMLElement && !j.current.contains(E.target) && b();
+      y && y.current && E.target instanceof HTMLElement && !y.current.contains(E.target) && v();
     };
-    return document.addEventListener("keydown", w, !1), document.addEventListener("mousedown", S), () => {
-      document.removeEventListener("keydown", w, !1);
+    return document.addEventListener("keydown", b, !1), document.addEventListener("mousedown", S), () => {
+      document.removeEventListener("keydown", b, !1);
     };
-  }, [w, b]);
-  const T = () => {
-    var R;
-    const S = (R = j.current) == null ? void 0 : R.offsetLeft, E = window.innerWidth;
+  }, [b, v]);
+  const M = () => {
+    var k;
+    const S = (k = y.current) == null ? void 0 : k.offsetLeft, E = window.innerWidth;
     if (S) {
       if (S < 100) return "muncher-dropdown--content";
       if (E - S < 150) return "muncher-dropdown--content drop-left";
       if (E - S < 250) {
-        const M = Math.round((E - S) / E * 100);
-        if (M > 40 || M < 60) return "muncher-dropdown--content drop-middle";
+        const P = Math.round((E - S) / E * 100);
+        if (P > 40 || P < 60) return "muncher-dropdown--content drop-middle";
       }
     }
     switch (c) {
@@ -1487,11 +1492,11 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
         return "muncher-dropdown--content";
     }
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: "muncher-dropdown", ref: j, children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: "muncher-dropdown", ref: y, children: [
     /* @__PURE__ */ s.jsxs(
-      te,
+      ne,
       {
-        onMouseDown: y,
+        onMouseDown: w,
         title: n,
         disabled: r,
         rounded: l,
@@ -1511,7 +1516,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
         ]
       }
     ),
-    d ? /* @__PURE__ */ s.jsx("div", { className: T(), children: x }) : ""
+    d ? /* @__PURE__ */ s.jsx("div", { className: M(), children: x }) : ""
   ] });
 }, Vh = ({
   title: e,
@@ -1524,7 +1529,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   ...l
 }) => /* @__PURE__ */ s.jsxs("div", { className: `muncher-dropdown-nav ${a ? "drop-left" : ""}`, children: [
   /* @__PURE__ */ s.jsx(
-    te,
+    ne,
     {
       type: "nav",
       title: e,
@@ -1549,13 +1554,13 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
     }, 2e3);
   };
   return /* @__PURE__ */ s.jsx(
-    te,
+    ne,
     {
       size: n,
       variant: t,
       title: l,
       onClick: h,
-      children: /* @__PURE__ */ s.jsx(F, { name: a, color: i })
+      children: /* @__PURE__ */ s.jsx(N, { name: a, color: i })
     }
   );
 }, Ch = ({
@@ -1572,33 +1577,33 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
       setShowContent: r,
       variant: e,
       size: t,
-      element: /* @__PURE__ */ s.jsx(F, { name: "share", orientation: "right", children: "Share" }),
+      element: /* @__PURE__ */ s.jsx(N, { name: "share", orientation: "right", children: "Share" }),
       children: [
-        /* @__PURE__ */ s.jsx(te, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx(ne, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
           "a",
           {
             href: "https://twitter.com/share?url=" + window.location.href + "&text=" + n,
             target: "_blank",
             title: "Share link to Twitter",
-            children: /* @__PURE__ */ s.jsx(F, { name: "twitter" })
+            children: /* @__PURE__ */ s.jsx(N, { name: "twitter" })
           }
         ) }),
-        /* @__PURE__ */ s.jsx(te, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx(ne, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
           "a",
           {
             href: "https://www.facebook.com/sharer/sharer.php?u=" + window.location.href,
             target: "_blank",
             title: "Share link to Facebook",
-            children: /* @__PURE__ */ s.jsx(F, { name: "facebook" })
+            children: /* @__PURE__ */ s.jsx(N, { name: "facebook" })
           }
         ) }),
-        /* @__PURE__ */ s.jsx(te, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx(ne, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
           "a",
           {
             href: "mailto:?subject=" + n + "&body=" + window.location.href,
             target: "_blank",
             title: "share link by Email",
-            children: /* @__PURE__ */ s.jsx(F, { name: "mail" })
+            children: /* @__PURE__ */ s.jsx(N, { name: "mail" })
           }
         ) }),
         /* @__PURE__ */ s.jsx(wo, { text: window.location.href })
@@ -1619,7 +1624,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   const h = encodeURI("data:text/csv;charset=utf-8," + e.join(",") + `
 ` + t.map((u) => u.join(",")).join(`
 `));
-  return /* @__PURE__ */ s.jsx("div", { className: "muncher-csv", children: /* @__PURE__ */ s.jsx(te, { variant: i, size: r, active: o, disabled: l, rounded: c, children: /* @__PURE__ */ s.jsx("a", { href: h, download: n + ".csv", children: /* @__PURE__ */ s.jsx(F, { name: "download", children: a || "Download" }) }) }) });
+  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 = ({
   variant: e = "transparent",
   size: t = "small",
@@ -1630,9 +1635,9 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   onClick: o,
   children: l
 }) => {
-  const [c, h] = Y(!1), u = () => !r || r && !c ? i ? /* @__PURE__ */ s.jsx(F, { name: "sort-asc" }) : /* @__PURE__ */ s.jsx(F, { name: "sort-desc" }) : i ? /* @__PURE__ */ s.jsx(F, { name: "sort-desc" }) : /* @__PURE__ */ s.jsx(F, { name: "sort-asc" });
+  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" });
   return /* @__PURE__ */ s.jsxs(
-    te,
+    ne,
     {
       variant: e,
       size: t,
@@ -1677,14 +1682,14 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
     {
       className: e === "left" ? "muncher-button--navigate muncher-button--navigate-left" : "muncher-button--navigate muncher-button--navigate-right",
       children: /* @__PURE__ */ s.jsx(
-        te,
+        ne,
         {
           onClick: o,
           disabled: i,
           size: "small",
           variant: r,
           title: e === "left" ? "Navigate Left" : "Navigate Right",
-          children: /* @__PURE__ */ s.jsx(F, { name: l(), size: t, weight: n })
+          children: /* @__PURE__ */ s.jsx(N, { name: l(), size: t, weight: n })
         }
       )
     }
@@ -1752,7 +1757,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   };
   return /* @__PURE__ */ s.jsx("div", { className: "muncher-file-input--div", children: /* @__PURE__ */ s.jsxs("div", { className: "file-input-element", children: [
     /* @__PURE__ */ s.jsxs("label", { htmlFor: e, className: d, children: [
-      /* @__PURE__ */ s.jsx(F, { name: "upload" }),
+      /* @__PURE__ */ s.jsx(N, { name: "upload" }),
       " ",
       t || "Upload CSV",
       r ? /* @__PURE__ */ s.jsx("span", { className: "required", children: " *" }) : "",
@@ -1786,17 +1791,17 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   maxFiles: h,
   ...u
 }) => {
-  const [d, f] = Y(""), [m, x] = Y(""), g = h || 3, j = "muncher-button" + (n ? " muncher-button--" + n : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), y = (w) => {
+  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) => {
     if (c) {
-      let T = Array.from(w.currentTarget.files);
-      T.length > g && (T = T.slice(0, g), x("Only first " + g + " files included")), o(T), f(T.map((S) => S.name).join(", "));
+      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(", "));
     } else
-      o(Array.from(w.currentTarget.files[0])), f(w.currentTarget.files[0].name);
-  }, b = () => l && l !== "";
+      o(Array.from(b.currentTarget.files[0])), f(b.currentTarget.files[0].name);
+  }, v = () => l && l !== "";
   return /* @__PURE__ */ s.jsxs("div", { className: "muncher-file-input--div", children: [
     /* @__PURE__ */ s.jsxs("div", { className: "file-input-element", children: [
-      /* @__PURE__ */ s.jsxs("label", { htmlFor: e, className: j, children: [
-        /* @__PURE__ */ s.jsx(F, { name: "image" }),
+      /* @__PURE__ */ s.jsxs("label", { htmlFor: e, className: y, children: [
+        /* @__PURE__ */ s.jsx(N, { name: "image" }),
         " ",
         t,
         r ? /* @__PURE__ */ s.jsx("span", { className: "required", children: " *" }) : ""
@@ -1809,7 +1814,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
           type: "file",
           className: "muncher-file-input",
           name: e,
-          onChange: y,
+          onChange: w,
           multiple: c,
           accept: "image/*",
           ...u
@@ -1817,7 +1822,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
       )
     ] }),
     m !== "" ? /* @__PURE__ */ s.jsx("p", { className: "text-danger", children: m }) : "",
-    b() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(F, { name: "alert", children: l }) }) : ""
+    v() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(N, { name: "alert", children: l }) }) : ""
   ] });
 }, So = ({
   name: e,
@@ -1836,26 +1841,26 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   focus: m = !1,
   placeholder: x,
   onChange: g,
-  step: j,
-  value: y,
-  maxLength: b,
-  onEnterPress: w,
-  displayLoader: T,
+  step: y,
+  value: w,
+  maxLength: v,
+  onEnterPress: b,
+  displayLoader: M,
   ...S
 }) => {
-  const E = () => f && f !== "", R = () => {
-    let P = "muncher-input";
-    return (r || a) && (P += " muncher-input-icon"), E() && (P += " muncher-input-error"), u === "side" && (P += " muncher-label-side"), P;
-  }, M = () => t ? /* @__PURE__ */ s.jsx(nt, { label: t, required: n, id: e }) : "", C = (P) => {
-    P.key === "Enter" && w && w(), d && d(P);
+  const E = () => f && f !== "", k = () => {
+    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) => {
+    T.key === "Enter" && b && b(), d && d(T);
   };
   return /* @__PURE__ */ s.jsxs("div", { className: "muncher-input--div", children: [
-    u !== "side" ? M() : "",
+    u !== "side" ? P() : "",
     /* @__PURE__ */ s.jsxs("div", { className: "muncher-input-element", children: [
-      u === "side" ? M() : "",
-      r ? /* @__PURE__ */ s.jsx(F, { name: r }) : "",
+      u === "side" ? P() : "",
+      r ? /* @__PURE__ */ s.jsx(N, { name: r }) : "",
       a ? /* @__PURE__ */ s.jsxs("span", { className: "muncher-icon-hover", children: [
-        /* @__PURE__ */ s.jsx(F, { name: a, onClick: o }),
+        /* @__PURE__ */ s.jsx(N, { name: a, onClick: o }),
         " "
       ] }) : "",
       /* @__PURE__ */ s.jsxs("div", { className: "muncher-input-wrapper", children: [
@@ -1863,10 +1868,10 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
           "input",
           {
             id: e,
-            className: R(),
+            className: k(),
             name: e,
             autoFocus: m,
-            value: y,
+            value: w,
             type: l || "text",
             autoComplete: "off",
             placeholder: x,
@@ -1874,17 +1879,17 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
             required: n,
             readOnly: i,
             list: c,
-            onKeyDown: C,
+            onKeyDown: O,
             onBlur: h,
-            step: j,
-            maxLength: b,
+            step: y,
+            maxLength: v,
             ...S
           }
         ),
-        T ? /* @__PURE__ */ s.jsx(vi, { size: "tiny" }) : ""
+        M ? /* @__PURE__ */ s.jsx(vi, { size: "tiny" }) : ""
       ] })
     ] }),
-    E() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(F, { name: "alert", children: f }) }) : ""
+    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: [
   /* @__PURE__ */ s.jsx(
@@ -1943,7 +1948,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
         ]
       }
     ) }),
-    h() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(F, { name: "alert", children: a }) }) : ""
+    h() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(N, { name: "alert", children: a }) }) : ""
   ] });
 }, Rh = ({
   name: e,
@@ -2002,31 +2007,31 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   displayLoader: m,
   children: x
 }) => {
-  const g = fe(null), j = (w) => {
-    a(!0), i(w.target.value);
-  }, y = Ce(() => {
+  const g = fe(null), y = (b) => {
+    a(!0), i(b.target.value);
+  }, w = Ce(() => {
     a(!1);
-  }, [a]), b = Ce((w) => {
-    w.keyCode === 27 && y();
-  }, [y]);
+  }, [a]), v = Ce((b) => {
+    b.keyCode === 27 && w();
+  }, [w]);
   return je(() => {
-    const w = (T) => {
+    const b = (M) => {
       if (g && g !== null) {
         const S = g.current;
-        S && !S.contains(T.target) && y();
+        S && !S.contains(M.target) && w();
       }
     };
-    return document.addEventListener("keydown", b, !1), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", b, !1);
+    return document.addEventListener("keydown", v, !1), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", v, !1);
     };
-  }, [b, y]), /* @__PURE__ */ s.jsxs("div", { className: "muncher-input-drop-down", ref: g, children: [
+  }, [v, w]), /* @__PURE__ */ s.jsxs("div", { className: "muncher-input-drop-down", ref: g, children: [
     /* @__PURE__ */ s.jsx(
       So,
       {
         focus: t,
         placeholder: n,
         name: e,
-        onChange: j,
+        onChange: y,
         onEnterPress: d,
         list: f,
         displayLoader: m,
@@ -2040,7 +2045,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
     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(
-  F,
+  N,
   {
     name: t,
     weight: n,
@@ -2075,7 +2080,7 @@ const Ah = ({ variant: e, collapsed: 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: [
-  /* @__PURE__ */ s.jsx("div", { className: "close", onClick: e, children: /* @__PURE__ */ s.jsx(F, { name: "close" }) }),
+  /* @__PURE__ */ s.jsx("div", { className: "close", onClick: e, children: /* @__PURE__ */ s.jsx(N, { name: "close" }) }),
   /* @__PURE__ */ s.jsxs("div", { className: "content", children: [
     " ",
     t
@@ -2233,7 +2238,7 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
     /* @__PURE__ */ s.jsx("header", { children: r.map(
       (o, l) => /* @__PURE__ */ s.jsxs("div", { className: "muncher-tab-header--item", children: [
         /* @__PURE__ */ s.jsx(
-          te,
+          ne,
           {
             variant: "transparent",
             active: n === l,
@@ -2265,91 +2270,92 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
   skeleton: n,
   handleOnUpload: i,
   sortBy: r,
-  excludeDownload: a,
-  includeUpload: o,
-  isUploading: l,
-  uploadWarningMessage: c,
-  uploadSuccessMessage: h,
-  excludePagination: u,
-  footer: d,
-  children: f
+  className: a,
+  excludeDownload: o,
+  includeUpload: l,
+  isUploading: c,
+  uploadWarningMessage: h,
+  uploadSuccessMessage: u,
+  excludePagination: d,
+  footer: f,
+  children: m
 }) => {
-  const { header: m, rows: x } = f, [g, j] = Y(r ?? { index: -1 }), [y, b] = Y({ num: 0, size: t }), w = (M) => {
-    j(
-      (C) => C.index === M ? { ...C, desc: !C.desc } : { index: M }
+  const { header: x, rows: g } = m, [y, w] = Y(r ?? { index: -1 }), [v, b] = Y({ num: 0, size: t }), M = (T) => {
+    w(
+      (C) => C.index === T ? { ...C, desc: !C.desc } : { index: T }
     );
-  }, T = Oe(() => {
-    var P;
-    const M = [...x];
-    if (g.index < 0)
-      return M;
-    const C = (P = m[g.index]) == null ? void 0 : P.sort;
-    return C ? M.sort(C) : M.sort((D, z) => {
-      var X, $, Ee, O;
-      const ie = (($ = (X = D[g.index]) == null ? void 0 : X.value) == null ? void 0 : $.toString().toLowerCase()) ?? "", W = ((O = (Ee = z[g.index]) == null ? void 0 : Ee.value) == null ? void 0 : O.toString().toLowerCase()) ?? "";
-      return ie.localeCompare(W);
-    }), g.desc ? M.reverse() : M;
-  }, [x, g, m]), S = Oe(
-    () => T.slice(y.num * y.size, (y.num + 1) * y.size),
-    [T, y]
-  ), E = m.filter((M) => !M.csvExclude).map((M) => typeof M.name == "string" ? M.name : ""), R = x.map(
-    (M) => M.filter((C, P) => !m[P].csvExclude).map((C) => C.csv ?? C.value ?? "")
-  );
-  return /* @__PURE__ */ s.jsxs("section", { className: "muncher-table", children: [
-    /* @__PURE__ */ s.jsx("div", { className: "row head", children: m.map(
-      (M, C) => M.visibility === "hidden" ? null : /* @__PURE__ */ s.jsx(
+  }, S = Oe(() => {
+    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 Q.localeCompare(q);
+    }), y.desc ? T.reverse() : T;
+  }, [g, y, x]), E = Oe(
+    () => 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(
+    (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: [
+    /* @__PURE__ */ s.jsx("div", { className: "row head", children: x.map(
+      (T, C) => T.visibility === "hidden" ? null : /* @__PURE__ */ s.jsx(
         "div",
         {
-          title: M.title,
-          className: M.visibility ? "col main" : "col",
-          children: typeof M.name == "string" ? /* @__PURE__ */ s.jsx("div", { className: "sort-button", children: /* @__PURE__ */ s.jsx(
+          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,
             {
-              onClick: () => w(C),
-              active: g.index === C,
-              sortAsc: !g.desc,
-              children: M.name
+              onClick: () => M(C),
+              active: y.index === C,
+              sortAsc: !y.desc,
+              children: T.name
             }
-          ) }) : M.name
+          ) }) : T.name
         },
         `row-head-${C}`
       )
     ) }),
-    n || S.map((M, C) => /* @__PURE__ */ s.jsx("div", { className: "row", children: M.map(
-      (P, D) => m[D].visibility === "hidden" ? null : /* @__PURE__ */ s.jsx(
+    n || E.map((T, C) => /* @__PURE__ */ s.jsx("div", { className: "row", children: T.map(
+      (F, X) => x[X].visibility === "hidden" ? null : /* @__PURE__ */ s.jsx(
         "div",
         {
-          className: m[D].visibility ? "col main" : "col",
-          children: P.content
+          className: x[X].visibility ? "col main" : "col",
+          children: F.content
         },
-        `row-col-${C}-${D}`
+        `row-col-${C}-${X}`
       )
     ) }, `row-${C}`)),
-    d ?? null,
+    f ?? null,
     /* @__PURE__ */ s.jsxs("div", { className: "row-footer", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "row-footer-buttons", children: [
-        !a && /* @__PURE__ */ s.jsx(
+        !o && /* @__PURE__ */ s.jsx(
           bo,
           {
             filename: e ?? "download",
             variant: "secondary",
             title: "Download",
-            header: E,
-            data: R
+            header: k,
+            data: P
           }
         ),
-        o && /* @__PURE__ */ s.jsx(
+        l && /* @__PURE__ */ s.jsx(
           Mo,
           {
             name: "csv-input-file",
             handleOnChange: i,
-            isUploading: l,
-            warningMessage: c,
-            successMessage: h
+            isUploading: c,
+            warningMessage: h,
+            successMessage: u
           }
         )
       ] }),
-      !u && /* @__PURE__ */ s.jsxs("div", { className: "pagination", children: [
+      !d && /* @__PURE__ */ s.jsxs("div", { className: "pagination", children: [
         /* @__PURE__ */ s.jsxs("div", { className: "left", children: [
           "Rows:",
           /* @__PURE__ */ s.jsx(
@@ -2361,37 +2367,37 @@ const Ah = ({ variant: e, collapsed: t, children: n }) => {
                 { label: "50", value: "50" },
                 { label: "100", value: "100" }
               ],
-              value: String(y.size),
-              onChange: (M) => b({ num: 0, size: parseInt(M.target.value, 10) })
+              value: String(v.size),
+              onChange: (T) => b({ num: 0, size: parseInt(T.target.value, 10) })
             }
           )
         ] }),
         /* @__PURE__ */ s.jsxs("div", { className: "center", children: [
-          y.num * y.size + 1,
+          v.num * v.size + 1,
           " -",
-          Math.min((y.num + 1) * y.size, x.length),
+          Math.min((v.num + 1) * v.size, g.length),
           " of ",
-          x.length
+          g.length
         ] }),
         /* @__PURE__ */ s.jsxs("div", { className: "right", children: [
           /* @__PURE__ */ s.jsx(
-            te,
+            ne,
             {
               variant: "transparent",
-              disabled: y.num === 0,
+              disabled: v.num === 0,
               size: "small",
-              onClick: () => b({ ...y, num: y.num - 1 }),
-              children: /* @__PURE__ */ s.jsx(F, { name: "chevron-left" })
+              onClick: () => b({ ...v, num: v.num - 1 }),
+              children: /* @__PURE__ */ s.jsx(N, { name: "chevron-left" })
             }
           ),
           /* @__PURE__ */ s.jsx(
-            te,
+            ne,
             {
               variant: "transparent",
-              disabled: (y.num + 1) * y.size >= x.length,
+              disabled: (v.num + 1) * v.size >= g.length,
               size: "small",
-              onClick: () => b({ ...y, num: y.num + 1 }),
-              children: /* @__PURE__ */ s.jsx(F, { name: "chevron-right" })
+              onClick: () => b({ ...v, num: v.num + 1 }),
+              children: /* @__PURE__ */ s.jsx(N, { name: "chevron-right" })
             }
           )
         ] })
@@ -2435,7 +2441,7 @@ function Si(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const se = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Eo = (e, t) => (n) => t(e(n)), st = (...e) => e.reduce(Eo), Je = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const ie = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Eo = (e, t) => (n) => t(e(n)), st = (...e) => e.reduce(Eo), Je = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const i = t - e;
   return i === 0 ? 1 : (n - e) / i;
 };
@@ -2464,7 +2470,7 @@ class Sn {
     this.subscriptions.length = 0;
   }
 }
-const ee = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, ne = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+const te = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, se = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
 function Ai(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
@@ -2482,12 +2488,12 @@ function Ro(e, t, n, i, r) {
 }
 function it(e, t, n, i) {
   if (e === t && n === i)
-    return se;
+    return ie;
   const r = (a) => Ro(a, 0, 1, e, n);
   return (a) => a === 0 || a === 1 ? a : Pi(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 = {
-  linear: se,
+  linear: ie,
   easeIn: Lo,
   easeInOut: Ni,
   easeOut: No,
@@ -2571,27 +2577,27 @@ function Oi(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, a = () => n = !0, o = ct.reduce((w, T) => (w[T] = Io(a), w), {}), { setup: l, read: c, resolveKeyframes: h, preUpdate: u, update: d, preRender: f, render: m, postRender: x } = o, g = () => {
-    const w = ve.useManualTiming, T = w ? r.timestamp : performance.now();
-    n = !1, w || (r.delta = i ? 1e3 / 60 : Math.max(Math.min(T - r.timestamp, Bo), 1)), r.timestamp = T, 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));
-  }, j = () => {
+  }, 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 = () => {
+    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 = () => {
     n = !0, i = !0, r.isProcessing || e(g);
   };
-  return { schedule: ct.reduce((w, T) => {
-    const S = o[T];
-    return w[T] = (E, R = !1, M = !1) => (n || j(), S.schedule(E, R, M)), w;
-  }, {}), cancel: (w) => {
-    for (let T = 0; T < ct.length; T++)
-      o[ct[T]].cancel(w);
+  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;
+  }, {}), cancel: (b) => {
+    for (let M = 0; M < ct.length; M++)
+      o[ct[M]].cancel(b);
   }, state: r, steps: o };
 }
-const { schedule: k, cancel: we, state: _, steps: Ft } = /* @__PURE__ */ Oi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : se, !0);
+const { schedule: D, cancel: we, state: U, steps: Ft } = /* @__PURE__ */ Oi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ie, !0);
 let ft;
 function zo() {
   ft = void 0;
 }
 const Z = {
-  now: () => (ft === void 0 && Z.set(_.isProcessing || ve.useManualTiming ? _.timestamp : performance.now()), ft),
+  now: () => (ft === void 0 && Z.set(U.isProcessing || ve.useManualTiming ? U.timestamp : performance.now()), ft),
   set: (e) => {
     ft = e, queueMicrotask(zo);
   }
@@ -2656,13 +2662,13 @@ const Jt = {
   test: /* @__PURE__ */ Dn("hsl", "hue"),
   parse: /* @__PURE__ */ zi("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)) + ")"
-}, B = {
+}, z = {
   test: (e) => Se.test(e) || Jt.test(e) || Re.test(e),
   parse: (e) => Se.test(e) ? Se.parse(e) : Re.test(e) ? Re.parse(e) : Jt.parse(e),
   transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Se.transform(e) : Re.transform(e),
   getAnimatableNone: (e) => {
-    const t = B.parse(e);
-    return t.alpha = 0, B.transform(t);
+    const t = z.parse(e);
+    return t.alpha = 0, z.transform(t);
   }
 }, Xo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function qo(e) {
@@ -2677,7 +2683,7 @@ function Ie(e) {
     var: []
   }, r = [];
   let a = 0;
-  const l = t.replace(Qo, (c) => (B.test(c) ? (i.color.push(a), r.push(_i), n.push(B.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(_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);
   return { values: n, split: l, indexes: i, types: r };
 }
 function ea(e) {
@@ -2690,7 +2696,7 @@ function Ui({ split: e, types: t }) {
     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 += B.transform(i[a]) : r += i[a];
+        o === Hi ? r += Xe(i[a]) : o === _i ? r += z.transform(i[a]) : r += i[a];
       }
     return r;
   };
@@ -2698,7 +2704,7 @@ function Ui({ split: e, types: t }) {
 function ta(e) {
   return Ui(Ie(e));
 }
-const na = (e) => typeof e == "number" ? 0 : B.test(e) ? B.getAnimatableNone(e) : e, sa = (e, t) => typeof e == "number" ? t != null && t.trim().endsWith("/") ? e : 0 : na(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])));
@@ -2731,7 +2737,7 @@ function ra({ hue: e, saturation: t, lightness: n, alpha: i }) {
 function wt(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const N = (e, t, n) => e + (t - e) * n, Bt = (e, t, n) => {
+const L = (e, t, n) => e + (t - e) * n, Bt = (e, t, n) => {
   const i = e * e, r = n * (t * t - i) + i;
   return r < 0 ? 0 : Math.sqrt(r);
 }, oa = [Jt, Se, Re], aa = (e) => oa.find((t) => t.test(e));
@@ -2747,16 +2753,16 @@ const as = (e, t) => {
   if (!n || !i)
     return wt(e, t);
   const r = { ...n };
-  return (a) => (r.red = Bt(n.red, i.red, a), r.green = Bt(n.green, i.green, a), r.blue = Bt(n.blue, i.blue, a), r.alpha = N(n.alpha, i.alpha, a), Se.transform(r));
+  return (a) => (r.red = Bt(n.red, i.red, a), r.green = Bt(n.green, i.green, a), r.blue = Bt(n.blue, i.blue, a), r.alpha = L(n.alpha, i.alpha, a), Se.transform(r));
 }, Qt = /* @__PURE__ */ new Set(["none", "hidden"]);
 function la(e, t) {
   return Qt.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
 function ca(e, t) {
-  return (n) => N(e, t, n);
+  return (n) => L(e, t, n);
 }
 function kn(e) {
-  return typeof e == "number" ? ca : typeof e == "string" ? Cn(e) ? wt : B.test(e) ? as : da : Array.isArray(e) ? Wi : typeof e == "object" ? B.test(e) ? as : ua : wt;
+  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 Wi(e, t) {
   const n = [...e], i = n.length, r = e.map((a, o) => kn(a)(a, t[o]));
@@ -2789,18 +2795,18 @@ const da = (e, 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));
 };
 function $i(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? N(e, t, n) : kn(e)(e, t);
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? L(e, t, n) : kn(e)(e, t);
 }
 const fa = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: (n = !0) => k.update(t, n),
+    start: (n = !0) => D.update(t, n),
     stop: () => we(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => _.isProcessing ? _.timestamp : Z.now()
+    now: () => U.isProcessing ? U.timestamp : Z.now()
   };
 }, Ki = (e, t, n = 10) => {
   let i = "";
@@ -2822,10 +2828,10 @@ function pa(e, t = 100, n) {
   return {
     type: "keyframes",
     ease: (a) => i.next(r * a).value / t,
-    duration: /* @__PURE__ */ ne(r)
+    duration: /* @__PURE__ */ se(r)
   };
 }
-const I = {
+const B = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -2865,11 +2871,11 @@ function xa(e, t, n) {
   return i;
 }
 const ls = 1e-3;
-function ya({ duration: e = I.duration, bounce: t = I.bounce, velocity: n = I.velocity, mass: i = I.mass }) {
+function ya({ duration: e = B.duration, bounce: t = B.bounce, velocity: n = B.velocity, mass: i = B.mass }) {
   let r, a;
-  He(e <= /* @__PURE__ */ ee(I.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  He(e <= /* @__PURE__ */ te(B.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - t;
-  o = de(I.minDamping, I.maxDamping, o), e = de(I.minDuration, I.maxDuration, /* @__PURE__ */ ne(e)), o < 1 ? (r = (h) => {
+  o = de(B.minDamping, B.maxDamping, o), e = de(B.minDuration, B.maxDuration, /* @__PURE__ */ se(e)), o < 1 ? (r = (h) => {
     const u = h * o, d = u * e, f = u - n, m = en(h, o), x = Math.exp(-d);
     return ls - f / m * x;
   }, a = (h) => {
@@ -2883,10 +2889,10 @@ function ya({ duration: e = I.duration, bounce: t = I.bounce, velocity: n = I.ve
     return u * d;
   });
   const l = 5 / e, c = xa(r, a, l);
-  if (e = /* @__PURE__ */ ee(e), isNaN(c))
+  if (e = /* @__PURE__ */ te(e), isNaN(c))
     return {
-      stiffness: I.stiffness,
-      damping: I.damping,
+      stiffness: B.stiffness,
+      damping: B.damping,
       duration: e
     };
   {
@@ -2904,10 +2910,10 @@ function cs(e, t) {
 }
 function va(e) {
   let t = {
-    velocity: I.velocity,
-    stiffness: I.stiffness,
-    damping: I.damping,
-    mass: I.mass,
+    velocity: B.velocity,
+    stiffness: B.stiffness,
+    damping: B.damping,
+    mass: B.mass,
     isResolvedFromDuration: !1,
     ...e
   };
@@ -2916,7 +2922,7 @@ function va(e) {
       const n = e.visualDuration, i = 2 * Math.PI / (n * 1.2), r = i * i, a = 2 * de(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
       t = {
         ...t,
-        mass: I.mass,
+        mass: B.mass,
         stiffness: r,
         damping: a
       };
@@ -2925,12 +2931,12 @@ function va(e) {
       t = {
         ...t,
         ...n,
-        mass: I.mass
+        mass: B.mass
       }, t.isResolvedFromDuration = !0;
     }
   return t;
 }
-function Tt(e = I.visualDuration, t = I.bounce) {
+function Tt(e = B.visualDuration, t = B.bounce) {
   const n = typeof e != "object" ? {
     visualDuration: e,
     keyframes: [0, 1],
@@ -2939,60 +2945,60 @@ function Tt(e = I.visualDuration, t = I.bounce) {
   let { restSpeed: i, restDelta: r } = n;
   const a = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], l = { done: !1, value: a }, { stiffness: c, damping: h, mass: u, duration: d, velocity: f, isResolvedFromDuration: m } = va({
     ...n,
-    velocity: -/* @__PURE__ */ ne(n.velocity || 0)
-  }), x = f || 0, g = h / (2 * Math.sqrt(c * u)), j = o - a, y = /* @__PURE__ */ ne(Math.sqrt(c / u)), b = Math.abs(j) < 5;
-  i || (i = b ? I.restSpeed.granular : I.restSpeed.default), r || (r = b ? I.restDelta.granular : I.restDelta.default);
-  let w, T, S, E, R, M;
+    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;
   if (g < 1)
-    S = en(y, g), E = (x + g * y * j) / S, w = (P) => {
-      const D = Math.exp(-g * y * P);
-      return o - D * (E * Math.sin(S * P) + j * Math.cos(S * P));
-    }, R = g * y * E + j * S, M = g * y * j - E * S, T = (P) => Math.exp(-g * y * P) * (R * Math.sin(S * P) + M * Math.cos(S * P));
+    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));
   else if (g === 1) {
-    w = (D) => o - Math.exp(-y * D) * (j + (x + y * j) * D);
-    const P = x + y * j;
-    T = (D) => Math.exp(-y * D) * (y * P * D - x);
+    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 P = y * Math.sqrt(g * g - 1);
-    w = (W) => {
-      const X = Math.exp(-g * y * W), $ = Math.min(P * W, 300);
-      return o - X * ((x + g * y * j) * Math.sinh($) + P * j * Math.cosh($)) / P;
+    const T = w * Math.sqrt(g * g - 1);
+    b = ($) => {
+      const Q = Math.exp(-g * w * $), q = Math.min(T * $, 300);
+      return o - Q * ((x + g * w * y) * Math.sinh(q) + T * y * Math.cosh(q)) / T;
     };
-    const D = (x + g * y * j) / P, z = g * y * D - j * P, ie = g * y * j - D * P;
-    T = (W) => {
-      const X = Math.exp(-g * y * W), $ = Math.min(P * W, 300);
-      return X * (z * Math.sinh($) + ie * Math.cosh($));
+    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);
+      return Q * (F * Math.sinh(q) + X * Math.cosh(q));
     };
   }
-  const C = {
+  const O = {
     calculatedDuration: m && d || null,
-    velocity: (P) => /* @__PURE__ */ ee(T(P)),
-    next: (P) => {
+    velocity: (T) => /* @__PURE__ */ te(M(T)),
+    next: (T) => {
       if (!m && g < 1) {
-        const z = Math.exp(-g * y * P), ie = Math.sin(S * P), W = Math.cos(S * P), X = o - z * (E * ie + j * W), $ = /* @__PURE__ */ ee(z * (R * ie + M * W));
-        return l.done = Math.abs($) <= i && Math.abs(o - X) <= r, l.value = l.done ? o : X, l;
+        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 * $));
+        return l.done = Math.abs(q) <= i && Math.abs(o - Q) <= r, l.value = l.done ? o : Q, l;
       }
-      const D = w(P);
+      const C = b(T);
       if (m)
-        l.done = P >= d;
+        l.done = T >= d;
       else {
-        const z = /* @__PURE__ */ ee(T(P));
-        l.done = Math.abs(z) <= i && Math.abs(o - D) <= r;
+        const F = /* @__PURE__ */ te(M(T));
+        l.done = Math.abs(F) <= i && Math.abs(o - C) <= r;
       }
-      return l.value = l.done ? o : D, l;
+      return l.value = l.done ? o : C, l;
     },
     toString: () => {
-      const P = Math.min(Rn(C), bt), D = Ki((z) => C.next(P * z).value, P, 30);
-      return P + "ms " + D;
+      const T = Math.min(Rn(O), bt), C = Ki((F) => O.next(T * F).value, T, 30);
+      return T + "ms " + C;
     },
     toTransition: () => {
     }
   };
-  return C;
+  return O;
 }
 Tt.applyToOptions = (e) => {
   const t = pa(e, 100, Tt);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ ee(t.duration), e.type = "keyframes", e;
+  return e.ease = t.ease, e.duration = /* @__PURE__ */ te(t.duration), e.type = "keyframes", e;
 };
 const wa = 5;
 function Gi(e, t, n) {
@@ -3003,19 +3009,19 @@ function tn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: i = 3
   const d = e[0], f = {
     done: !1,
     value: d
-  }, m = (M) => l !== void 0 && M < l || c !== void 0 && M > c, x = (M) => l === void 0 ? c : c === void 0 || Math.abs(l - M) < Math.abs(c - M) ? l : c;
+  }, m = (P) => l !== void 0 && P < l || c !== void 0 && P > c, x = (P) => l === void 0 ? c : c === void 0 || Math.abs(l - P) < Math.abs(c - P) ? l : c;
   let g = n * t;
-  const j = d + g, y = o === void 0 ? j : o(j);
-  y !== j && (g = y - d);
-  const b = (M) => -g * Math.exp(-M / i), w = (M) => y + b(M), T = (M) => {
-    const C = b(M), P = w(M);
-    f.done = Math.abs(C) <= h, f.value = f.done ? y : P;
+  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;
   };
   let S, E;
-  const R = (M) => {
-    m(f.value) && (S = M, E = Tt({
+  const k = (P) => {
+    m(f.value) && (S = P, E = Tt({
       keyframes: [f.value, x(f.value)],
-      velocity: Gi(w, M, f.value),
+      velocity: Gi(b, P, f.value),
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: a,
@@ -3023,11 +3029,11 @@ function tn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: i = 3
       restSpeed: u
     }));
   };
-  return R(0), {
+  return k(0), {
     calculatedDuration: null,
-    next: (M) => {
-      let C = !1;
-      return !E && S === void 0 && (C = !0, T(M), R(M)), S !== void 0 && M >= S ? E.next(M - S) : (!C && T(M), f);
+    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);
     }
   };
 }
@@ -3036,7 +3042,7 @@ function ba(e, t, n) {
   for (let o = 0; o < a; o++) {
     let l = r(e[o], e[o + 1]);
     if (t) {
-      const c = Array.isArray(t) ? t[o] || se : t;
+      const c = Array.isArray(t) ? t[o] || ie : t;
       l = st(c, l);
     }
     i.push(l);
@@ -3067,7 +3073,7 @@ function Ma(e, t) {
   const n = e[e.length - 1];
   for (let i = 1; i <= t; i++) {
     const r = /* @__PURE__ */ Je(0, t, i);
-    e.push(N(n, 1, r));
+    e.push(L(n, 1, r));
   }
 }
 function Sa(e) {
@@ -3172,22 +3178,22 @@ class Mt extends Ln {
     const { generator: i, totalDuration: r, mixKeyframes: a, mirroredGenerator: o, resolvedDuration: l, calculatedDuration: c } = this;
     if (this.startTime === null)
       return i.next(0);
-    const { delay: h = 0, keyframes: u, repeat: d, repeatType: f, repeatDelay: m, type: x, onUpdate: g, finalKeyframe: j } = this.options;
+    const { delay: h = 0, keyframes: u, repeat: d, repeatType: f, repeatDelay: m, type: x, onUpdate: g, finalKeyframe: y } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
-    const y = this.currentTime - h * (this.playbackSpeed >= 0 ? 1 : -1), b = this.playbackSpeed >= 0 ? y < 0 : y > r;
-    this.currentTime = Math.max(y, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
-    let w = this.currentTime, T = i;
+    const w = this.currentTime - h * (this.playbackSpeed >= 0 ? 1 : -1), v = this.playbackSpeed >= 0 ? w < 0 : w > r;
+    this.currentTime = Math.max(w, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
+    let b = this.currentTime, M = i;
     if (d) {
-      const M = Math.min(this.currentTime, r) / l;
-      let C = Math.floor(M), P = M % 1;
-      !P && M >= 1 && (P = 1), P === 1 && C--, C = Math.min(C, d + 1), !!(C % 2) && (f === "reverse" ? (P = 1 - P, m && (P -= m / l)) : f === "mirror" && (T = o)), w = de(0, 1, P) * l;
+      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 S;
-    b ? (this.delayState.value = u[0], S = this.delayState) : S = T.next(w), a && !b && (S.value = a(S.value));
+    v ? (this.delayState.value = u[0], S = this.delayState) : S = M.next(b), a && !v && (S.value = a(S.value));
     let { done: E } = S;
-    !b && c !== null && (E = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
-    const R = this.holdTime === null && (this.state === "finished" || this.state === "running" && E);
-    return R && x !== tn && (S.value = Ct(u, this.options, j, this.speed)), g && g(S.value), R && this.finish(), 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;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -3198,17 +3204,17 @@ class Mt extends Ln {
     return this.finished.then(t, n);
   }
   get duration() {
-    return /* @__PURE__ */ ne(this.calculatedDuration);
+    return /* @__PURE__ */ se(this.calculatedDuration);
   }
   get iterationDuration() {
     const { delay: t = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ ne(t);
+    return this.duration + /* @__PURE__ */ se(t);
   }
   get time() {
-    return /* @__PURE__ */ ne(this.currentTime);
+    return /* @__PURE__ */ se(this.currentTime);
   }
   set time(t) {
-    t = /* @__PURE__ */ ee(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), this.driver ? this.driver.start(!1) : (this.startTime = 0, this.state = "paused", this.holdTime = t, this.tick(t));
+    t = /* @__PURE__ */ te(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), this.driver ? this.driver.start(!1) : (this.startTime = 0, this.state = "paused", this.holdTime = t, this.tick(t));
   }
   /**
    * Returns the generator's velocity at the current time in units/second.
@@ -3229,7 +3235,7 @@ class Mt extends Ln {
   }
   set speed(t) {
     const n = this.playbackSpeed !== t;
-    n && this.driver && this.updateTime(Z.now()), this.playbackSpeed = t, n && this.driver && (this.time = /* @__PURE__ */ ne(this.currentTime));
+    n && this.driver && this.updateTime(Z.now()), this.playbackSpeed = t, n && this.driver && (this.time = /* @__PURE__ */ se(this.currentTime));
   }
   play() {
     var r, a;
@@ -3412,7 +3418,7 @@ class Nn {
     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, k.read(qi), k.resolveKeyframes(Xi))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Pe.add(this), an || (an = !0, D.read(qi), D.resolveKeyframes(Xi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: i, motionValue: r } = this;
@@ -3558,18 +3564,18 @@ class nr extends Ln {
   get duration() {
     var n, i;
     const t = ((i = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : i.call(n).duration) || 0;
-    return /* @__PURE__ */ ne(Number(t));
+    return /* @__PURE__ */ se(Number(t));
   }
   get iterationDuration() {
     const { delay: t = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ ne(t);
+    return this.duration + /* @__PURE__ */ se(t);
   }
   get time() {
-    return /* @__PURE__ */ ne(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ se(Number(this.animation.currentTime) || 0);
   }
   set time(t) {
     const n = this.finishedTime !== null;
-    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ ee(t), n && this.animation.pause();
+    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ te(t), n && this.animation.pause();
   }
   /**
    * The playback speed of the animation.
@@ -3595,7 +3601,7 @@ class nr extends Ln {
    */
   attachTimeline({ timeline: t, rangeStart: n, rangeEnd: i, observe: r }) {
     var a;
-    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), se) : r(this);
+    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 = {
@@ -3708,8 +3714,8 @@ class nl extends Ln {
   constructor({ autoplay: t = !0, delay: n = 0, type: i = "keyframes", repeat: r = 0, repeatDelay: a = 0, repeatType: o = "loop", keyframes: l, name: c, motionValue: h, element: u, ...d }) {
     var x;
     super(), this.stop = () => {
-      var g, j;
-      this._animation && (this._animation.stop(), (g = this.stopTimeline) == null || g.call(this)), (j = this.keyframeResolver) == null || j.cancel();
+      var g, y;
+      this._animation && (this._animation.stop(), (g = this.stopTimeline) == null || g.call(this)), (y = this.keyframeResolver) == null || y.cancel();
     }, this.createdAt = Z.now();
     const f = {
       autoplay: t,
@@ -3723,10 +3729,10 @@ class nl extends Ln {
       element: u,
       ...d
     }, m = (u == null ? void 0 : u.KeyframeResolver) || Nn;
-    this.keyframeResolver = new m(l, (g, j, y) => this.onKeyframesResolved(g, j, f, !y), c, h, u), (x = this.keyframeResolver) == null || x.scheduleResolve();
+    this.keyframeResolver = new m(l, (g, y, w) => this.onKeyframesResolved(g, y, f, !w), c, h, u), (x = this.keyframeResolver) == null || x.scheduleResolve();
   }
   onKeyframesResolved(t, n, i, r) {
-    var y, b;
+    var w, v;
     this.keyframeResolver = void 0;
     const { name: a, type: o, velocity: l, delay: c, isHandoff: h, onUpdate: u } = i;
     this.resolvedAt = Z.now();
@@ -3737,22 +3743,22 @@ class nl extends Ln {
       finalKeyframe: n,
       ...i,
       keyframes: t
-    }, x = d && !h && el(m), g = (b = (y = m.motionValue) == null ? void 0 : y.owner) == null ? void 0 : b.current;
-    let j;
+    }, x = d && !h && el(m), g = (v = (w = m.motionValue) == null ? void 0 : w.owner) == null ? void 0 : v.current;
+    let y;
     if (x)
       try {
-        j = new Ga({
+        y = new Ga({
           ...m,
           element: g
         });
       } catch {
-        j = new Mt(m);
+        y = new Mt(m);
       }
     else
-      j = new Mt(m);
-    j.finished.then(() => {
+      y = new Mt(m);
+    y.finished.then(() => {
       this.notifyFinished();
-    }).catch(se), this.pendingTimeline && (this.stopTimeline = j.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = j;
+    }).catch(ie), this.pendingTimeline && (this.stopTimeline = y.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = y;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -3884,7 +3890,7 @@ function dl(e) {
 const On = (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__ */ ee(c);
+  h = h - /* @__PURE__ */ te(c);
   const u = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -3901,12 +3907,12 @@ const On = (e, t, n, i = {}, r, a) => (o) => {
     motionValue: t,
     element: a ? void 0 : r
   };
-  dl(l) || Object.assign(u, ul(e, u)), u.duration && (u.duration = /* @__PURE__ */ ee(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ ee(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  dl(l) || Object.assign(u, ul(e, u)), u.duration && (u.duration = /* @__PURE__ */ te(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ te(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let d = !1;
   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) {
-      k.update(() => {
+      D.update(() => {
         u.onUpdate(f), u.onComplete();
       });
       return;
@@ -4013,7 +4019,7 @@ class pl {
     this.events[t] || (this.events[t] = new Sn());
     const i = this.events[t].add(n);
     return t === "change" ? () => {
-      i(), k.read(() => {
+      i(), D.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : i;
@@ -4165,9 +4171,9 @@ function yl(e, t) {
     ml(e, o, l);
   }
 }
-const U = (e) => !!(e && e.getVelocity);
+const W = (e) => !!(e && e.getVelocity);
 function gl(e) {
-  return !!(U(e) && e.add);
+  return !!(W(e) && e.add);
 }
 function dn(e, t) {
   const n = e.getValue("willChange");
@@ -4203,27 +4209,27 @@ function hr(e, t, { delay: n = 0, transitionOverride: i, type: r } = {}) {
     const g = {
       delay: n,
       ...Fn(a || {}, f)
-    }, j = m.get();
-    if (j !== void 0 && !m.isAnimating() && !Array.isArray(x) && x === j && !g.velocity) {
-      k.update(() => m.set(x));
+    }, y = m.get();
+    if (y !== void 0 && !m.isAnimating() && !Array.isArray(x) && x === y && !g.velocity) {
+      D.update(() => m.set(x));
       continue;
     }
-    let y = !1;
+    let w = !1;
     if (window.MotionHandoffAnimation) {
-      const T = ur(e);
-      if (T) {
-        const S = window.MotionHandoffAnimation(T, f, k);
-        S !== null && (g.startTime = S, y = !0);
+      const M = ur(e);
+      if (M) {
+        const S = window.MotionHandoffAnimation(M, f, D);
+        S !== null && (g.startTime = S, w = !0);
       }
     }
     dn(e, f);
-    const b = h ?? e.shouldReduceMotion;
-    m.start(On(f, m, x, b && lr.has(f) ? { type: !1 } : g, e, y));
-    const w = m.animation;
-    w && u.push(w);
+    const v = h ?? e.shouldReduceMotion;
+    m.start(On(f, m, x, v && lr.has(f) ? { type: !1 } : g, e, w));
+    const b = m.animation;
+    b && u.push(b);
   }
   if (o) {
-    const f = () => k.update(() => {
+    const f = () => D.update(() => {
       o && yl(e, o);
     });
     u.length ? Promise.all(u).then(f) : f();
@@ -4394,17 +4400,17 @@ const Pl = /\b([a-z-]*)\(.*?\)/gu, pn = {
 }, Cl = {
   ...zn,
   // Color props
-  color: B,
-  backgroundColor: B,
-  outlineColor: B,
-  fill: B,
-  stroke: B,
+  color: z,
+  backgroundColor: z,
+  outlineColor: z,
+  fill: z,
+  stroke: z,
   // Border props
-  borderColor: B,
-  borderTopColor: B,
-  borderRightColor: B,
-  borderBottomColor: B,
-  borderLeftColor: B,
+  borderColor: z,
+  borderTopColor: z,
+  borderRightColor: z,
+  borderBottomColor: z,
+  borderLeftColor: z,
   filter: pn,
   WebkitFilter: pn,
   mask: mn,
@@ -4530,26 +4536,26 @@ function Ol(e, t, n = {}) {
     let l = !1, c = !1, h;
     const u = () => {
       o.removeEventListener("pointerleave", x);
-    }, d = (j) => {
-      h && (h(j), h = void 0), u();
-    }, f = (j) => {
-      l = !1, window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f), c && (c = !1, d(j));
+    }, d = (y) => {
+      h && (h(y), h = void 0), u();
+    }, f = (y) => {
+      l = !1, window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f), c && (c = !1, d(y));
     }, m = () => {
       l = !0, window.addEventListener("pointerup", f, r), window.addEventListener("pointercancel", f, r);
-    }, x = (j) => {
-      if (j.pointerType !== "touch") {
+    }, x = (y) => {
+      if (y.pointerType !== "touch") {
         if (l) {
           c = !0;
           return;
         }
-        d(j);
+        d(y);
       }
-    }, g = (j) => {
-      if (!Fl(j))
+    }, g = (y) => {
+      if (!Fl(y))
         return;
       c = !1;
-      const y = t(o, j);
-      typeof y == "function" && (h = y, o.addEventListener("pointerleave", x, r));
+      const w = t(o, y);
+      typeof w == "function" && (h = w, o.addEventListener("pointerleave", x, r));
     };
     o.addEventListener("pointerenter", g, r), o.addEventListener("pointerdown", m, r);
   }), a;
@@ -4679,7 +4685,7 @@ function Ts(e, t) {
 function Jl(e) {
   return Un(e) && e.tagName === "svg";
 }
-const Ql = [...fr, B, ae], ec = (e) => Ql.find(dr(e)), Ms = () => ({
+const Ql = [...fr, z, ae], ec = (e) => Ql.find(dr(e)), Ms = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -4715,9 +4721,9 @@ function br(e) {
 function nc(e, t, n) {
   for (const i in t) {
     const r = t[i], a = n[i];
-    if (U(r))
+    if (W(r))
       e.addValue(i, r);
-    else if (U(a))
+    else if (W(a))
       e.addValue(i, Be(r, { owner: e }));
     else if (a !== r)
       if (e.hasValue(i)) {
@@ -4773,14 +4779,14 @@ 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, k.render(this.render, !1, !0));
+      this.renderScheduledAt < m && (this.renderScheduledAt = m, D.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);
     const { willChange: d, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const m in f) {
       const x = f[m];
-      h[m] !== void 0 && U(x) && x.set(h[m]);
+      h[m] !== void 0 && W(x) && x.set(h[m]);
     }
   }
   mount(t) {
@@ -4815,7 +4821,7 @@ class oc {
         keyframes: l,
         times: c,
         ease: h,
-        duration: /* @__PURE__ */ ee(u)
+        duration: /* @__PURE__ */ te(u)
       }), f = o(d);
       this.valueSubscriptions.set(t, () => {
         f(), d.cancel();
@@ -4825,7 +4831,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 && k.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[t] = o, this.props.onUpdate && D.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, () => {
@@ -4942,7 +4948,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, U(i) ? i.get() : i)), U(i) ? i.get() : i;
+    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;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -4966,7 +4972,7 @@ class oc {
     if (n && i !== void 0)
       return i;
     const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !U(r) ? r : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
+    return r !== void 0 && !W(r) ? r : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
     return this.events[t] || (this.events[t] = new Sn()), this.events[t].add(n);
@@ -4995,7 +5001,7 @@ class Sr extends oc {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    U(t) && (this.childSubscription = t.on("change", (n) => {
+    W(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -5074,7 +5080,7 @@ function ue(e, t) {
   e.min += t, e.max += t;
 }
 function Ds(e, t, n, i, r = 0.5) {
-  const a = N(e.min, e.max, r);
+  const a = L(e.min, e.max, r);
   gn(e, t, n, a, i);
 }
 function ks(e, t) {
@@ -5174,7 +5180,7 @@ const Ge = {
       return i;
     const a = ae.createTransformer(e), o = typeof r[0] != "number" ? 1 : 0, l = n.x.scale * t.x, c = n.y.scale * t.y;
     r[0 + o] /= l, r[1 + o] /= c;
-    const h = N(l, c, 0.5);
+    const h = L(l, c, 0.5);
     return typeof r[2 + o] == "number" && (r[2 + o] /= h), typeof r[3 + o] == "number" && (r[3 + o] /= h), a(r);
   }
 }, jn = {
@@ -5202,7 +5208,7 @@ function Gn(e, t, n) {
   if (!i)
     return a;
   for (const l in i)
-    (U(i[l]) || r && U(r[l]) || Dr(l, e) || ((o = n == null ? void 0 : n.getValue(l)) == null ? void 0 : o.liveStyle) !== void 0) && (a[l] = i[l]);
+    (W(i[l]) || r && W(r[l]) || Dr(l, e) || ((o = n == null ? void 0 : n.getValue(l)) == null ? void 0 : o.liveStyle) !== void 0) && (a[l] = i[l]);
   return a;
 }
 function mc(e) {
@@ -5303,7 +5309,7 @@ function wc(e, t, n, i) {
 function Nr(e, t, n) {
   const i = Gn(e, t, n);
   for (const r in e)
-    if (U(e[r]) || U(t[r])) {
+    if (W(e[r]) || W(t[r])) {
       const a = Ue.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
       i[a] = e[r];
     }
@@ -5372,8 +5378,8 @@ function Pc(e) {
     var m;
     const f = Ve(e, d, h === "exit" ? (m = e.presenceContext) == null ? void 0 : m.custom : void 0);
     if (f) {
-      const { transition: x, transitionEnd: g, ...j } = f;
-      u = { ...u, ...j, ...g };
+      const { transition: x, transitionEnd: g, ...y } = f;
+      u = { ...u, ...y, ...g };
     }
     return u;
   };
@@ -5383,74 +5389,74 @@ function Pc(e) {
   function l(h) {
     const { props: u } = e, d = Fr(e.parent) || {}, f = [], m = /* @__PURE__ */ new Set();
     let x = {}, g = 1 / 0;
-    for (let y = 0; y < Sc; y++) {
-      const b = Mc[y], w = n[b], T = u[b] !== void 0 ? u[b] : d[b], S = et(T), E = b === h ? w.isActive : null;
-      E === !1 && (g = y);
-      let R = T === d[b] && T !== u[b] && S;
-      if (R && (i || r) && e.manuallyAnimateOnMount && (R = !1), w.protectedKeys = { ...x }, // If it isn't active and hasn't *just* been set as inactive
-      !w.isActive && E === null || // If we didn't and don't have any defined prop for this animation type
-      !T && !w.prevProp || // Or if the prop doesn't define an animation
-      Et(T) || typeof T == "boolean")
+    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
+      !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")
         continue;
-      if (b === "exit" && w.isActive && E !== !0) {
-        w.prevResolvedValues && (x = {
+      if (v === "exit" && b.isActive && E !== !0) {
+        b.prevResolvedValues && (x = {
           ...x,
-          ...w.prevResolvedValues
+          ...b.prevResolvedValues
         });
         continue;
       }
-      const M = Vc(w.prevProp, T);
-      let C = M || // If we're making this variant active, we want to always make it active
-      b === h && w.isActive && !R && S || // If we removed a higher-priority variant (i is in reverse order)
-      y > g && S, P = !1;
-      const D = Array.isArray(T) ? T : [T];
-      let z = D.reduce(a(b), {});
-      E === !1 && (z = {});
-      const { prevResolvedValues: ie = {} } = w, W = {
-        ...ie,
-        ...z
-      }, X = (O) => {
-        C = !0, m.has(O) && (P = !0, m.delete(O)), w.needsAnimating[O] = !0;
-        const q = e.getValue(O);
-        q && (q.liveStyle = !1);
+      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)
+      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, $ = {
+        ...X,
+        ...F
+      }, Q = (I) => {
+        O = !0, m.has(I) && (T = !0, m.delete(I)), b.needsAnimating[I] = !0;
+        const _ = e.getValue(I);
+        _ && (_.liveStyle = !1);
       };
-      for (const O in W) {
-        const q = z[O], v = ie[O];
-        if (x.hasOwnProperty(O))
+      for (const I in $) {
+        const _ = F[I], j = X[I];
+        if (x.hasOwnProperty(I))
           continue;
         let V = !1;
-        hn(q) && hn(v) ? V = !Or(q, v) : V = q !== v, V ? q != null ? X(O) : m.add(O) : q !== void 0 && m.has(O) ? X(O) : w.protectedKeys[O] = !0;
+        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;
       }
-      w.prevProp = T, w.prevResolvedValues = z, w.isActive && (x = { ...x, ...z }), (i || r) && e.blockInitialAnimation && (C = !1);
-      const $ = R && M;
-      C && (!$ || P) && f.push(...D.map((O) => {
-        const q = { type: b };
-        if (typeof O == "string" && (i || r) && !$ && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: v } = e, V = Ve(v, O);
-          if (v.enteringChildren && V) {
-            const { delayChildren: L } = V.transition || {};
-            q.delay = rr(v.enteringChildren, e, L);
+      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) => {
+        const _ = { type: v };
+        if (typeof I == "string" && (i || r) && !q && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: j } = e, V = Ve(j, I);
+          if (j.enteringChildren && V) {
+            const { delayChildren: R } = V.transition || {};
+            _.delay = rr(j.enteringChildren, e, R);
           }
         }
         return {
-          animation: O,
-          options: q
+          animation: I,
+          options: _
         };
       }));
     }
     if (m.size) {
-      const y = {};
+      const w = {};
       if (typeof u.initial != "boolean") {
-        const b = Ve(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        b && b.transition && (y.transition = b.transition);
+        const v = Ve(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        v && v.transition && (w.transition = v.transition);
       }
-      m.forEach((b) => {
-        const w = e.getBaseTarget(b), T = e.getValue(b);
-        T && (T.liveStyle = !0), y[b] = w ?? null;
-      }), f.push({ animation: y });
+      m.forEach((v) => {
+        const b = e.getBaseTarget(v), M = e.getValue(v);
+        M && (M.liveStyle = !0), w[v] = b ?? null;
+      }), f.push({ animation: w });
     }
-    let j = !!f.length;
-    return i && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (j = !1), i = !1, r = !1, j ? t(f) : Promise.resolve();
+    let y = !!f.length;
+    return i && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (y = !1), i = !1, r = !1, y ? t(f) : Promise.resolve();
   }
   function c(h, u) {
     var f;
@@ -5514,20 +5520,20 @@ function Rc(e, t, n) {
   return Math.abs(e - t) <= n;
 }
 function Fs(e, t, n, i = 0.5) {
-  e.origin = i, e.originPoint = N(t.min, t.max, e.origin), e.scale = J(n) / J(t), e.translate = N(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 >= Dc && e.translate <= kc || 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) {
-  const r = i ? N(n.min, n.max, i) : n.min;
+  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);
 }
 function Is(e, t, n, i = 0) {
-  const r = i ? N(n.min, n.max, i) : n.min;
+  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) {
@@ -5537,9 +5543,9 @@ 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;
 }
 function Nc(e, t = 0, n = 1, i = 0.5, r, a = e, o = e) {
-  if (he.test(t) && (t = parseFloat(t), t = N(o.min, o.max, t / 100) - o.min), typeof t != "number")
+  if (he.test(t) && (t = parseFloat(t), t = L(o.min, o.max, t / 100) - o.min), typeof t != "number")
     return;
-  let l = N(a.min, a.max, i);
+  let l = L(a.min, a.max, i);
   e === a && (l -= t), e.min = Bs(e.min, t, n, l, r), e.max = Bs(e.max, t, n, l, r);
 }
 function zs(e, t, [n, i, r], a, o) {
@@ -5593,25 +5599,25 @@ const _r = [
   "borderBottomRightRadius"
 ], zc = _r.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 = N(0, n.opacity ?? 1, _c(i)), e.opacityExit = N(t.opacity ?? 1, 0, Uc(i))) : a && (e.opacity = N(t.opacity ?? 1, n.opacity ?? 1, i));
+  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];
     let c = Xs(t, l), h = Xs(n, l);
     if (c === void 0 && h === void 0)
       continue;
-    c || (c = 0), h || (h = 0), c === 0 || h === 0 || Ys(c) === Ys(h) ? (e[l] = Math.max(N(Gs(c), Gs(h), i), 0), (he.test(h) || he.test(c)) && (e[l] += "%")) : e[l] = h;
+    c || (c = 0), h || (h = 0), c === 0 || h === 0 || Ys(c) === Ys(h) ? (e[l] = Math.max(L(Gs(c), Gs(h), i), 0), (he.test(h) || he.test(c)) && (e[l] += "%")) : e[l] = h;
   }
-  (t.rotate || n.rotate) && (e.rotate = N(t.rotate || 0, n.rotate || 0, i));
+  (t.rotate || n.rotate) && (e.rotate = L(t.rotate || 0, n.rotate || 0, i));
 }
 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, se);
+const _c = /* @__PURE__ */ Ur(0, 0.5, Ri), Uc = /* @__PURE__ */ Ur(0.5, 0.95, ie);
 function Ur(e, t, n) {
   return (i) => i < e ? 0 : i > t ? 1 : n(/* @__PURE__ */ Je(e, t, i));
 }
 function Wc(e, t, n) {
-  const i = U(e) ? e : Be(e);
+  const i = W(e) ? e : Be(e);
   return i.start(On("", i, t, n)), i.animation;
 }
 function tt(e, t, n, i = { passive: !0 }) {
@@ -5637,10 +5643,10 @@ function Gc(e, t) {
     const a = r - n;
     a >= t && (we(i), e(a - t));
   };
-  return k.setup(i, !0), () => we(i);
+  return D.setup(i, !0), () => we(i);
 }
 function gt(e) {
-  return U(e) ? e.get() : e;
+  return W(e) ? e.get() : e;
 }
 class Yc {
   constructor() {
@@ -5721,7 +5727,7 @@ function Wr(e) {
   const n = ur(t);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: r, layoutId: a } = e.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", k, !(r || a));
+    window.MotionCancelOptimisedAnimation(n, "transform", D, !(r || a));
   }
   const { parent: i } = e;
   i && !i.hasCheckedOptimisedAppear && Wr(i);
@@ -5759,7 +5765,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;
-        k.read(() => {
+        D.read(() => {
           d = window.innerWidth;
         }), e(o, () => {
           const m = window.innerWidth;
@@ -5771,15 +5777,15 @@ 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: j } = h.getProps(), y = !this.targetLayout || !Hr(this.targetLayout, m), b = !d && f;
-        if (this.options.layoutRoot || this.resumeFrom || b || d && (y || !this.currentAnimation)) {
+        const x = this.options.transition || h.getDefaultTransition() || hu, { onLayoutAnimationStart: g, onLayoutAnimationComplete: y } = h.getProps(), w = !this.targetLayout || !Hr(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 w = {
+          const b = {
             ...Fn(x, "layout"),
             onPlay: g,
-            onComplete: j
+            onComplete: y
           };
-          (h.shouldReduceMotion || this.options.layoutRoot) && (w.delay = 0, w.type = !1), this.startAnimation(w), this.setAnimationOrigin(u, b);
+          (h.shouldReduceMotion || this.options.layoutRoot) && (b.delay = 0, b.type = !1), this.startAnimation(b), this.setAnimationOrigin(u, v);
         } else
           d || Js(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = m;
@@ -5841,7 +5847,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(su), this.nodes.forEach(iu), this.nodes.forEach(Zc), this.nodes.forEach(Jc)) : this.nodes.forEach(Zs), this.clearAllSnapshots();
       const l = Z.now();
-      _.delta = de(0, 1e3 / 60, l - _.timestamp), _.timestamp = l, _.isProcessing = !0, Ft.update.process(_), Ft.preRender.process(_), Ft.render.process(_), _.isProcessing = !1;
+      U.delta = de(0, 1e3 / 60, l - U.timestamp), U.timestamp = l, U.isProcessing = !0, Ft.update.process(U), Ft.preRender.process(U), Ft.render.process(U), U.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, Hn.read(this.scheduleUpdate));
@@ -5850,10 +5856,10 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.nodes.forEach(tu), this.sharedNodes.forEach(lu);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, k.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, D.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      k.postRender(() => {
+      D.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -5964,7 +5970,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== _.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== U.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(o = !1) {
       var m;
@@ -5976,7 +5982,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const { layout: u, layoutId: d } = this.options;
       if (!this.layout || !(u || d))
         return;
-      this.resolvedRelativeTargetAt = _.timestamp;
+      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));
     }
@@ -5997,7 +6003,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       var x;
       const o = this.getLead(), l = !!this.resumingFrom || this !== o;
       let c = !0;
-      if ((this.isProjectionDirty || (x = this.parent) != null && x.isProjectionDirty) && (c = !1), l && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === _.timestamp && (c = !1), c)
+      if ((this.isProjectionDirty || (x = this.parent) != null && x.isProjectionDirty) && (c = !1), l && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === U.timestamp && (c = !1), c)
         return;
       const { layout: h, layoutId: u } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(h || u))
@@ -6032,17 +6038,17 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(o, l = !1) {
       const c = this.snapshot, h = c ? c.latestValues : {}, u = { ...this.latestValues }, d = Fe();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !l;
-      const f = H(), m = c ? c.source : void 0, x = this.layout ? this.layout.source : void 0, g = m !== x, j = this.getStack(), y = !j || j.members.length <= 1, b = !!(g && !y && this.options.crossfade === !0 && !this.path.some(uu));
+      const f = H(), m = c ? c.source : void 0, x = this.layout ? this.layout.source : void 0, g = m !== x, y = this.getStack(), w = !y || y.members.length <= 1, v = !!(g && !w && this.options.crossfade === !0 && !this.path.some(uu));
       this.animationProgress = 0;
-      let w;
-      this.mixTargetDelta = (T) => {
-        const S = T / 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), w && Ic(this.relativeTarget, w) && (this.isProjectionDirty = !1), w || (w = H()), re(w, this.relativeTarget)), g && (this.animationValues = u, Hc(u, h, this.latestValues, S, b, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = S;
+      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;
       }, 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 = k.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 = D.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,
@@ -6159,13 +6165,13 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       for (const x in jn) {
         if (u[x] === void 0)
           continue;
-        const { correct: g, applyTo: j, isCSSVariable: y } = jn[x], b = d === "none" ? u[x] : g(u[x], h);
-        if (j) {
-          const w = j.length;
-          for (let T = 0; T < w; T++)
-            o[j[T]] = b;
+        const { correct: g, applyTo: y, isCSSVariable: w } = jn[x], v = d === "none" ? u[x] : g(u[x], h);
+        if (y) {
+          const b = y.length;
+          for (let M = 0; M < b; M++)
+            o[y[M]] = v;
         } else
-          y ? this.options.visualElement.renderState.vars[x] = b : o[x] = b;
+          w ? this.options.visualElement.renderState.vars[x] = v : o[x] = v;
       }
       this.options.layoutId && (o.pointerEvents = h === this ? gt(l == null ? void 0 : l.pointerEvents) || "" : "none");
     }
@@ -6214,8 +6220,8 @@ function Jc(e) {
         if (f && m) {
           const x = e.options.layoutAnchor || void 0, g = H();
           Pt(g, t.layoutBox, f.layoutBox, x);
-          const j = H();
-          Pt(j, i, m.layoutBox, x), Hr(g, j) || (u = !0), d.options.layoutRoot && (e.relativeTarget = j, e.relativeTargetOrigin = g, e.relativeParent = d);
+          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);
         }
       }
     }
@@ -6274,10 +6280,10 @@ function lu(e) {
   e.removeLeadSnapshot();
 }
 function Qs(e, t, n) {
-  e.translate = N(t.translate, 0, n), e.scale = N(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
+  e.translate = L(t.translate, 0, n), e.scale = L(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
 }
 function ei(e, t, n, i) {
-  e.min = N(t.min, n.min, i), e.max = N(t.max, n.max, i);
+  e.min = L(t.min, n.min, i), e.max = L(t.max, n.max, i);
 }
 function cu(e, t, n, i) {
   ei(e.x, t.x, n.x, i), ei(e.y, t.y, n.y, i);
@@ -6288,7 +6294,7 @@ function uu(e) {
 const hu = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, ti = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), ni = ti("applewebkit/") && !ti("chrome/") ? Math.round : se;
+}, ti = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), ni = ti("applewebkit/") && !ti("chrome/") ? Math.round : ie;
 function si(e) {
   e.min = ni(e.min), e.max = ni(e.max);
 }
@@ -6336,7 +6342,7 @@ const pu = $r({
   reducedMotion: "never"
 });
 function mu(e = !0) {
-  const t = Q(Tn);
+  const t = ee(Tn);
   if (t === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: i, register: r } = t, a = co();
@@ -6437,7 +6443,7 @@ try {
 function vu(e, t, n) {
   const i = {};
   for (const r in e)
-    r === "values" && typeof e.values == "object" || U(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]) || (Zr(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;
 }
@@ -6453,7 +6459,7 @@ function wu(e, t) {
   return e.inherit !== !1 ? t : {};
 }
 function bu(e) {
-  const { initial: t, animate: n } = wu(e, Q(kt));
+  const { initial: t, animate: n } = wu(e, ee(kt));
   return Oe(() => ({ initial: t, animate: n }), [oi(t), oi(n)]);
 }
 function oi(e) {
@@ -6467,7 +6473,7 @@ const Yn = () => ({
 });
 function Jr(e, t, n) {
   for (const i in t)
-    !U(t[i]) && !Dr(i, n) && (e[i] = t[i]);
+    !W(t[i]) && !Dr(i, n) && (e[i] = t[i]);
 }
 function Tu({ transformTemplate: e }, t) {
   return Oe(() => {
@@ -6549,7 +6555,7 @@ 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(() => U(d) ? d.get() : d, [d]);
+  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, {
     ...u,
     children: f
@@ -6576,24 +6582,24 @@ function Eu(e, t, n, i) {
     for (let m = 0; m < f.length; m++) {
       const x = In(e, f[m]);
       if (x) {
-        const { transitionEnd: g, transition: j, ...y } = x;
-        for (const b in y) {
-          let w = y[b];
-          if (Array.isArray(w)) {
-            const T = u ? w.length - 1 : 0;
-            w = w[T];
+        const { transitionEnd: g, transition: y, ...w } = x;
+        for (const v in w) {
+          let b = w[v];
+          if (Array.isArray(b)) {
+            const M = u ? b.length - 1 : 0;
+            b = b[M];
           }
-          w !== null && (r[b] = w);
+          b !== null && (r[v] = b);
         }
-        for (const b in g)
-          r[b] = g[b];
+        for (const v in g)
+          r[v] = g[v];
       }
     }
   }
   return r;
 }
 const eo = (e) => (t, n) => {
-  const i = Q(kt), r = Q(Tn), a = () => Cu(e, t, i, r);
+  const i = ee(kt), r = ee(Tn), a = () => Cu(e, t, i, r);
   return n ? a() : Po(a);
 }, Du = /* @__PURE__ */ eo({
   scrapeMotionValuesFromProps: Gn,
@@ -6626,8 +6632,8 @@ function ke(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
 function Nu(e, t, n, i, r, a) {
-  var w, T;
-  const { visualElement: o } = Q(kt), l = Q(Xr), c = Q(Tn), h = Q(Yr), u = h.reducedMotion, d = h.skipAnimations, f = fe(null), m = fe(!1);
+  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);
   i = i || l.renderer, !f.current && i && (f.current = i(e, {
     visualState: t,
     parent: o,
@@ -6638,20 +6644,20 @@ 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 = Q(to);
+  const x = f.current, g = ee(to);
   x && !x.projection && r && (x.type === "html" || x.type === "svg") && Fu(f.current, n, r, g);
-  const j = fe(!1);
+  const y = fe(!1);
   ji(() => {
-    x && j.current && x.update(n, c);
+    x && y.current && x.update(n, c);
   });
-  const y = n[cr], b = fe(!!y && typeof window < "u" && !((w = window.MotionHandoffIsComplete) != null && w.call(window, y)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, y)));
+  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)));
   return Co(() => {
-    m.current = !0, x && (j.current = !0, window.MotionIsMounted = !0, x.updateFeatures(), x.scheduleRenderMicrotask(), b.current && x.animationState && x.animationState.animateChanges());
+    m.current = !0, x && (y.current = !0, window.MotionIsMounted = !0, x.updateFeatures(), x.scheduleRenderMicrotask(), v.current && x.animationState && x.animationState.animateChanges());
   }), je(() => {
-    x && (!b.current && x.animationState && x.animationState.animateChanges(), b.current && (queueMicrotask(() => {
+    x && (!v.current && x.animationState && x.animationState.animateChanges(), v.current && (queueMicrotask(() => {
       var S;
-      (S = window.MotionHandoffMarkAsComplete) == null || S.call(window, y);
-    }), b.current = !1), x.enteringChildren = void 0);
+      (S = window.MotionHandoffMarkAsComplete) == null || S.call(window, w);
+    }), v.current = !1), x.enteringChildren = void 0);
   }), x;
 }
 function Fu(e, t, n, i) {
@@ -6686,14 +6692,14 @@ function Kt(e, { forwardMotionProps: t = !1, type: n } = {}, i, r) {
   function l(h, u) {
     let d;
     const f = {
-      ...Q(Yr),
+      ...ee(Yr),
       ...h,
       layoutId: Ou(h)
     }, { isStatic: m } = f, x = bu(h), g = o(h, m);
     if (!m && typeof window < "u") {
       Iu(f, i);
-      const j = Bu(f);
-      d = j.MeasureLayout, x.visualElement = Nu(e, g, f, r, j.ProjectionNode, a);
+      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)] });
   }
@@ -6702,11 +6708,11 @@ function Kt(e, { forwardMotionProps: t = !1, type: n } = {}, i, r) {
   return c[Ru] = e, c;
 }
 function Ou({ layoutId: e }) {
-  const t = Q(wi).id;
+  const t = ee(wi).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function Iu(e, t) {
-  const n = Q(Xr).strict;
+  const n = ee(Xr).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");
@@ -6846,23 +6852,23 @@ class io {
       const m = Gt(this.lastMoveEventInfo, this.history), x = this.startEvent !== null, g = Gu(m.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!x && !g)
         return;
-      const { point: j } = m, { timestamp: y } = _;
-      this.history.push({ ...j, timestamp: y });
-      const { onStart: b, onMove: w } = this.handlers;
-      x || (b && b(this.lastMoveEvent, m), this.startEvent = this.lastMoveEvent), w && w(this.lastMoveEvent, m);
+      const { point: y } = m, { timestamp: w } = U;
+      this.history.push({ ...y, timestamp: w });
+      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), k.update(this.updatePoint, !0);
+      this.lastMoveEvent = m, this.lastRawMoveEventInfo = x, this.lastMoveEventInfo = ht(x, this.transformPagePoint), D.update(this.updatePoint, !0);
     }, this.handlePointerUp = (m, x) => {
       this.end();
-      const { onEnd: g, onSessionEnd: j, resumeAnimation: y } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && y && y(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: g, onSessionEnd: y, resumeAnimation: w } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && w && w(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const b = Gt(m.type === "pointercancel" ? this.lastMoveEventInfo : ht(x, this.transformPagePoint), this.history);
-      this.startEvent && g && g(m, b), j && j(m, b);
+      const v = Gt(m.type === "pointercancel" ? this.lastMoveEventInfo : ht(x, this.transformPagePoint), this.history);
+      this.startEvent && g && g(m, v), y && y(m, v);
     }, !_n(t))
       return;
     this.dragSnapToOrigin = a, this.handlers = n, this.transformPagePoint = i, this.distanceThreshold = o, this.contextWindow = r || window;
-    const c = ot(t), h = ht(c, this.transformPagePoint), { point: u } = h, { timestamp: d } = _;
+    const c = ot(t), h = ht(c, this.transformPagePoint), { point: u } = h, { timestamp: d } = U;
     this.history = [{ ...u, timestamp: d }];
     const { onSessionStart: f } = n;
     f && f(t, Gt(h, this.history)), this.removeListeners = st(Ze(this.contextWindow, "pointermove", this.handlePointerMove), Ze(this.contextWindow, "pointerup", this.handlePointerUp), Ze(this.contextWindow, "pointercancel", this.handlePointerUp)), l && this.startScrollTracking(l);
@@ -6904,7 +6910,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), k.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), D.update(this.updatePoint, !0));
   }
   updateHandlers(t) {
     this.handlers = t;
@@ -6938,12 +6944,12 @@ function Xu(e, t) {
     return { x: 0, y: 0 };
   let n = e.length - 1, i = null;
   const r = ro(e);
-  for (; n >= 0 && (i = e[n], !(r.timestamp - i.timestamp > /* @__PURE__ */ ee(t))); )
+  for (; n >= 0 && (i = e[n], !(r.timestamp - i.timestamp > /* @__PURE__ */ te(t))); )
     n--;
   if (!i)
     return { x: 0, y: 0 };
-  i === e[0] && e.length > 2 && r.timestamp - i.timestamp > /* @__PURE__ */ ee(t) * 2 && (i = e[1]);
-  const a = /* @__PURE__ */ ne(r.timestamp - i.timestamp);
+  i === e[0] && e.length > 2 && r.timestamp - i.timestamp > /* @__PURE__ */ te(t) * 2 && (i = e[1]);
+  const a = /* @__PURE__ */ se(r.timestamp - i.timestamp);
   if (a === 0)
     return { x: 0, y: 0 };
   const o = {
@@ -6953,7 +6959,7 @@ function Xu(e, t) {
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
 function qu(e, { min: t, max: n }, i) {
-  return t !== void 0 && e < t ? e = i ? N(t, e, i.min) : Math.max(e, t) : n !== void 0 && e > n && (e = i ? N(n, e, i.max) : Math.min(e, n)), e;
+  return t !== void 0 && e < t ? e = i ? L(t, e, i.min) : Math.max(e, t) : n !== void 0 && e > n && (e = i ? L(n, e, i.max) : Math.min(e, n)), e;
 }
 function ui(e, t, n) {
   return {
@@ -7017,30 +7023,30 @@ class sh {
       const { drag: m, dragPropagation: x, onDragStart: g } = this.getProps();
       if (m && !x && (this.openDragLock && this.openDragLock(), this.openDragLock = Nl(m), !this.openDragLock))
         return;
-      this.latestPointerEvent = d, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), ce((y) => {
-        let b = this.getAxisMotionValue(y).get() || 0;
-        if (he.test(b)) {
-          const { projection: w } = this.visualElement;
-          if (w && w.layout) {
-            const T = w.layout.layoutBox[y];
-            T && (b = J(T) * (parseFloat(b) / 100));
+      this.latestPointerEvent = d, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), ce((w) => {
+        let v = this.getAxisMotionValue(w).get() || 0;
+        if (he.test(v)) {
+          const { projection: b } = this.visualElement;
+          if (b && b.layout) {
+            const M = b.layout.layoutBox[w];
+            M && (v = J(M) * (parseFloat(v) / 100));
           }
         }
-        this.originPoint[y] = b;
-      }), g && k.update(() => g(d, f), !1, !0), dn(this.visualElement, "transform");
-      const { animationState: j } = this.visualElement;
-      j && j.setActive("whileDrag", !0);
+        this.originPoint[w] = v;
+      }), g && D.update(() => g(d, f), !1, !0), dn(this.visualElement, "transform");
+      const { animationState: y } = this.visualElement;
+      y && y.setActive("whileDrag", !0);
     }, l = (d, f) => {
       this.latestPointerEvent = d, this.latestPanInfo = f;
-      const { dragPropagation: m, dragDirectionLock: x, onDirectionLock: g, onDrag: j } = this.getProps();
+      const { dragPropagation: m, dragDirectionLock: x, onDirectionLock: g, onDrag: y } = this.getProps();
       if (!m && !this.openDragLock)
         return;
-      const { offset: y } = f;
+      const { offset: w } = f;
       if (x && this.currentDirection === null) {
-        this.currentDirection = rh(y), this.currentDirection !== null && g && g(this.currentDirection);
+        this.currentDirection = rh(w), this.currentDirection !== null && g && g(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, y), this.updateAxis("y", f.point, y), this.visualElement.render(), j && k.update(() => j(d, f), !1, !0);
+      this.updateAxis("x", f.point, w), this.updateAxis("y", f.point, w), this.visualElement.render(), y && D.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 = () => {
@@ -7071,7 +7077,7 @@ class sh {
     const { velocity: o } = r;
     this.startAnimation(o);
     const { onDragEnd: l } = this.getProps();
-    l && k.postRender(() => l(i, r));
+    l && D.postRender(() => l(i, r));
   }
   /**
    * @internal
@@ -7170,7 +7176,7 @@ class sh {
       const { projection: r } = this.visualElement, a = this.getAxisMotionValue(n);
       if (r && r.layout) {
         const { min: o, max: l } = r.layout.layoutBox[n], c = a.get() || 0;
-        a.set(t[n] - N(o, l, 0.5) + c);
+        a.set(t[n] - L(o, l, 0.5) + c);
       }
     });
   }
@@ -7199,7 +7205,7 @@ class sh {
       if (!dt(o, t, null))
         return;
       const l = this.getAxisMotionValue(o), { min: c, max: h } = this.constraints[o];
-      l.set(N(c, h, r[o]));
+      l.set(L(c, h, r[o]));
     }), this.visualElement.render();
   }
   addListeners() {
@@ -7215,7 +7221,7 @@ class sh {
       const { dragConstraints: h } = this.getProps();
       ke(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()), k.read(r);
+    a && !a.layout && (a.root && a.root.updateScroll(), a.updateLayout()), D.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);
@@ -7264,11 +7270,11 @@ function rh(e, t = 10) {
 }
 class oh extends be {
   constructor(t) {
-    super(t), this.removeGroupControls = se, this.removeListeners = se, this.controls = new sh(t);
+    super(t), this.removeGroupControls = ie, this.removeListeners = ie, this.controls = new sh(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || se;
+    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || ie;
   }
   update() {
     const { dragControls: t } = this.node.getProps(), { dragControls: n } = this.node.prevProps || {};
@@ -7279,11 +7285,11 @@ class oh extends be {
   }
 }
 const Yt = (e) => (t, n) => {
-  e && k.update(() => e(t, n), !1, !0);
+  e && D.update(() => e(t, n), !1, !0);
 };
 class ah extends be {
   constructor() {
-    super(...arguments), this.removePointerDownListener = se;
+    super(...arguments), this.removePointerDownListener = ie;
   }
   onPointerDown(t) {
     this.session = new io(t, this.createPanHandlers(), {
@@ -7298,7 +7304,7 @@ class ah extends be {
       onStart: Yt(n),
       onMove: Yt(i),
       onEnd: (a, o) => {
-        delete this.session, r && k.postRender(() => r(a, o));
+        delete this.session, r && D.postRender(() => r(a, o));
       }
     };
   }
@@ -7334,7 +7340,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() || k.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() || D.postRender(() => {
       const l = o.getStack();
       (!l || !l.members.length) && this.safeToRemove();
     }))), null;
@@ -7358,8 +7364,8 @@ class lh extends fo {
   }
 }
 function oo(e) {
-  const [t, n] = mu(), i = Q(wi);
-  return s.jsx(lh, { ...e, layoutGroup: i, switchLayoutGroup: Q(to), isPresent: t, safeToRemove: n });
+  const [t, n] = mu(), i = ee(wi);
+  return s.jsx(lh, { ...e, layoutGroup: i, switchLayoutGroup: ee(to), isPresent: t, safeToRemove: n });
 }
 const ch = {
   pan: {
@@ -7375,7 +7381,7 @@ 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 && k.postRender(() => a(t, ot(t)));
+  a && D.postRender(() => a(t, ot(t)));
 }
 class uh extends be {
   mount() {
@@ -7413,7 +7419,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 && k.postRender(() => a(t, ot(t)));
+  a && D.postRender(() => a(t, ot(t)));
 }
 class dh extends be {
   mount() {
@@ -7540,13 +7546,13 @@ const vh = {
     top: document.documentElement.scrollHeight,
     behavior: "smooth"
   }), r = t ? "up" : "down";
-  return /* @__PURE__ */ s.jsx("div", { className: "muncher-fab-container", children: /* @__PURE__ */ s.jsx(te, { variant: e, onClick: r === "up" ? n : i, rounded: !0, children: r === "up" ? /* @__PURE__ */ s.jsx(F, { name: "arrow-up" }) : /* @__PURE__ */ s.jsx(F, { name: "arrow-down" }) }) });
+  return /* @__PURE__ */ s.jsx("div", { className: "muncher-fab-container", children: /* @__PURE__ */ s.jsx(ne, { variant: e, onClick: r === "up" ? n : i, rounded: !0, children: r === "up" ? /* @__PURE__ */ s.jsx(N, { name: "arrow-up" }) : /* @__PURE__ */ s.jsx(N, { name: "arrow-down" }) }) });
 };
 export {
   Ah as Accordion,
   yo as Backdrop,
   go as Badge,
-  te as Button,
+  ne as Button,
   Xh as Card,
   Eh as Checkbox,
   wo as CopyButton,
@@ -7557,7 +7563,7 @@ export {
   $h as Featured,
   Zh as FlippableCard,
   Hh as Hr,
-  F as Icon,
+  N as Icon,
   Ph as IconBadge,
   Dh as ImageInput,
   So as Input,