@contentmunch/contentmunch-ui 1.1.16 → 1.1.18

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import gi, { useState as J, Fragment as p, useRef as fe, useCallback as Ve, useEffect as Ce, 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 Q, useId as co, createElement as uo, useInsertionEffect as ji, forwardRef as ho, Component as fo } from "react";
 var at = { exports: {} }, $e = {};
 /**
  * @license React
@@ -134,7 +134,7 @@ function mo() {
     }
     function l(v, V) {
       function L() {
-        Y || (Y = !0, console.error(
+        X || (X = !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
         ));
@@ -200,7 +200,7 @@ function mo() {
         var De = Object.keys(V).filter(function(ao) {
           return ao !== "key";
         });
-        K = 0 < De.length ? "{key: someKey, " + De.join(": ..., ") + ": ...}" : "{key: someKey}", X[G + K] || (De = 0 < De.length ? "{" + De.join(": ..., ") + ": ...}" : "{}", console.error(
+        K = 0 < De.length ? "{key: someKey, " + De.join(": ..., ") + ": ...}" : "{key: someKey}", q[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,7 +211,7 @@ React keys must be passed directly to JSX without using spread:
           G,
           De,
           G
-        ), X[G + K] = !0);
+        ), q[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 = {};
@@ -243,10 +243,10 @@ React keys must be passed directly to JSX without using spread:
         return v();
       }
     };
-    var Y, $ = {}, Ee = f["react-stack-bottom-frame"].bind(
+    var X, $ = {}, Ee = f["react-stack-bottom-frame"].bind(
       f,
       a
-    )(), F = W(i(a)), X = {};
+    )(), O = W(i(a)), q = {};
     Ke.Fragment = g, Ke.jsx = function(v, V, L, K, me) {
       var le = 1e4 > D.recentlyCreatedOwnerStacks++;
       return u(
@@ -257,7 +257,7 @@ React keys must be passed directly to JSX without using spread:
         K,
         me,
         le ? Error("react-stack-top-frame") : Ee,
-        le ? W(i(v)) : F
+        le ? W(i(v)) : O
       );
     }, Ke.jsxs = function(v, V, L, K, me) {
       var le = 1e4 > D.recentlyCreatedOwnerStacks++;
@@ -269,7 +269,7 @@ React keys must be passed directly to JSX without using spread:
         K,
         me,
         le ? Error("react-stack-top-frame") : Ee,
-        le ? W(i(v)) : F
+        le ? W(i(v)) : O
       );
     };
   }()), Ke;
@@ -279,8 +279,8 @@ function xo() {
   return Jn || (Jn = 1, process.env.NODE_ENV === "production" ? at.exports = po() : at.exports = mo()), at.exports;
 }
 var s = xo();
-const Sh = ({ variant: e, collapsed: t, children: n }) => {
-  const { folds: i } = n, [r, a] = J(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 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;
@@ -321,9 +321,6 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   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 = {
-  // Navigation & Movement (Anything related to direction, traversal, layout movement)
-  // Actions & Controls (Generic system actions and state changes)
-  // Content & Creation
   "align-center": /* @__PURE__ */ s.jsxs(p, { children: [
     /* @__PURE__ */ s.jsx("line", { x1: "18", y1: "10", x2: "6", y2: "10" }),
     /* @__PURE__ */ s.jsx("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
@@ -739,10 +736,42 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     /* @__PURE__ */ s.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "8" }),
     /* @__PURE__ */ s.jsx("circle", { cx: "12", cy: "12", r: "10" })
   ] }),
+  equals: /* @__PURE__ */ s.jsxs(p, { children: [
+    /* @__PURE__ */ s.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "8", y1: "10", x2: "16", y2: "10" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "8", y1: "14", x2: "16", y2: "14" })
+  ] }),
   disc: /* @__PURE__ */ s.jsxs(p, { children: [
     /* @__PURE__ */ s.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ s.jsx("circle", { cx: "12", cy: "12", r: "3" })
   ] }),
+  quiz: /* @__PURE__ */ s.jsxs(p, { children: [
+    /* @__PURE__ */ s.jsx(
+      "path",
+      {
+        d: "M12 2a7.5 7.5 0 0 0-4.8 13.263C8.19 16.089 9 17.21 9 18.5h6c0-1.29.81-2.411 1.8-3.238A7.5 7.5 0 0 0 12 2Z"
+      }
+    ),
+    /* @__PURE__ */ s.jsx("path", { d: "M15 18.5H9v2a1.5 1.5 0 0 0 1.5 1.5h3a1.5 1.5 0 0 0 1.5-1.5z" }),
+    /* @__PURE__ */ s.jsx("path", { d: "M10 8c0-1.013.895-2 2-2s2 .82 2 1.833c0 .365-.116.705-.317.991C13.085 9.676 12 10.488 12 11.5" }),
+    /* @__PURE__ */ s.jsx("path", { d: "M11.992 14h.009" })
+  ] }),
+  ai: /* @__PURE__ */ s.jsxs(p, { children: [
+    /* @__PURE__ */ s.jsx(
+      "path",
+      {
+        d: "M15.5 22v-.5c0-1.105.932-2 1.922-2.489c.963-.476 1.772-1.26 1.875-2.18L19.5 15l2-1l-2.5-3.75a8.25 8.25 0 1 0-13 6.746m0 0V22m0-5.004c.75.53 1.594.937 2.5 1.194"
+      }
+    ),
+    /* @__PURE__ */ s.jsx("path", { d: "M11.308 12L9.847 7.479A.72.72 0 0 0 9.154 7a.72.72 0 0 0-.693.479L7 12m7-5v5m-6.462-1.5h3.231" })
+  ] }),
+  "flash-card": /* @__PURE__ */ s.jsxs(p, { children: [
+    /* @__PURE__ */ s.jsx("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }),
+    /* @__PURE__ */ s.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", ry: "1" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "7", y1: "10", x2: "17", y2: "10" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "7", y1: "14", x2: "17", y2: "14" }),
+    /* @__PURE__ */ s.jsx("line", { x1: "7", y1: "18", x2: "17", y2: "18" })
+  ] }),
   target: /* @__PURE__ */ s.jsxs(p, { children: [
     /* @__PURE__ */ s.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ s.jsx("circle", { cx: "12", cy: "12", r: "6" }),
@@ -1336,7 +1365,7 @@ const Sh = ({ 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" })
   ] })
-}, I = ({ color: e, name: t, size: n = "small", weight: i = 2, onClick: r, iconString: a, orientation: o = "left", children: l }) => {
+}, F = ({ 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 }) : "",
@@ -1357,7 +1386,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     ),
     l && o === "left" && /* @__PURE__ */ s.jsx("span", { className: "content-right", children: l })
   ] });
-}, Ah = ({
+}, Ph = ({
   variant: e = "primary",
   icon: t = "bell",
   text: n,
@@ -1370,11 +1399,11 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     onClick: i,
     ...r,
     children: [
-      /* @__PURE__ */ s.jsx(I, { name: t }),
+      /* @__PURE__ */ s.jsx(F, { name: t }),
       n === "" ? "" : /* @__PURE__ */ s.jsx(go, { variant: e, children: n })
     ]
   }
-), ne = ({
+), te = ({
   type: e = "button",
   variant: t,
   size: n = "medium",
@@ -1425,12 +1454,12 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
 }) => {
   const j = fe(null), y = (S) => {
     S.preventDefault(), h && h(S), f && f(!0);
-  }, b = Ve(() => {
+  }, b = Ce(() => {
     f(!1), u && u();
-  }, [u, f]), w = Ve((S) => {
+  }, [u, f]), w = Ce((S) => {
     S.keyCode === 27 && b();
   }, [b]);
-  Ce(() => {
+  je(() => {
     const S = (E) => {
       j && j.current && E.target instanceof HTMLElement && !j.current.contains(E.target) && b();
     };
@@ -1460,7 +1489,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   };
   return /* @__PURE__ */ s.jsxs("div", { className: "muncher-dropdown", ref: j, children: [
     /* @__PURE__ */ s.jsxs(
-      ne,
+      te,
       {
         onMouseDown: y,
         title: n,
@@ -1484,7 +1513,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     ),
     d ? /* @__PURE__ */ s.jsx("div", { className: T(), children: x }) : ""
   ] });
-}, Ph = ({
+}, Vh = ({
   title: e,
   active: t,
   disabled: n,
@@ -1495,7 +1524,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   ...l
 }) => /* @__PURE__ */ s.jsxs("div", { className: `muncher-dropdown-nav ${a ? "drop-left" : ""}`, children: [
   /* @__PURE__ */ s.jsx(
-    ne,
+    te,
     {
       type: "nav",
       title: e,
@@ -1514,27 +1543,27 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   variant: t = "secondary",
   size: n = "small"
 }) => {
-  const [i, r] = J(), [a, o] = J("copy"), [l, c] = J("copy link"), h = () => {
+  const [i, r] = Y(), [a, o] = Y("copy"), [l, c] = Y("copy link"), h = () => {
     vo(e), r("green"), o("check"), c("copied!"), setTimeout(function() {
       r(""), o("copy");
     }, 2e3);
   };
   return /* @__PURE__ */ s.jsx(
-    ne,
+    te,
     {
       size: n,
       variant: t,
       title: l,
       onClick: h,
-      children: /* @__PURE__ */ s.jsx(I, { name: a, color: i })
+      children: /* @__PURE__ */ s.jsx(F, { name: a, color: i })
     }
   );
-}, Vh = ({
+}, Ch = ({
   variant: e = "secondary",
   size: t = "medium",
   title: n
 }) => {
-  const [i, r] = J(!1);
+  const [i, r] = Y(!1);
   return /* @__PURE__ */ s.jsx("div", { className: "muncher-share", children: /* @__PURE__ */ s.jsxs(
     jo,
     {
@@ -1543,33 +1572,33 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
       setShowContent: r,
       variant: e,
       size: t,
-      element: /* @__PURE__ */ s.jsx(I, { name: "share", orientation: "right", children: "Share" }),
+      element: /* @__PURE__ */ s.jsx(F, { name: "share", orientation: "right", children: "Share" }),
       children: [
-        /* @__PURE__ */ s.jsx(ne, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx(te, { 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(I, { name: "twitter" })
+            children: /* @__PURE__ */ s.jsx(F, { name: "twitter" })
           }
         ) }),
-        /* @__PURE__ */ s.jsx(ne, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx(te, { 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(I, { name: "facebook" })
+            children: /* @__PURE__ */ s.jsx(F, { name: "facebook" })
           }
         ) }),
-        /* @__PURE__ */ s.jsx(ne, { size: "small", variant: e, children: /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx(te, { 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(I, { name: "mail" })
+            children: /* @__PURE__ */ s.jsx(F, { name: "mail" })
           }
         ) }),
         /* @__PURE__ */ s.jsx(wo, { text: window.location.href })
@@ -1590,7 +1619,7 @@ const Sh = ({ 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(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(I, { name: "download", children: a || "Download" }) }) }) });
+  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" }) }) }) });
 }, To = ({
   variant: e = "transparent",
   size: t = "small",
@@ -1601,9 +1630,9 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   onClick: o,
   children: l
 }) => {
-  const [c, h] = J(!1), u = () => !r || r && !c ? i ? /* @__PURE__ */ s.jsx(I, { name: "sort-asc" }) : /* @__PURE__ */ s.jsx(I, { name: "sort-desc" }) : i ? /* @__PURE__ */ s.jsx(I, { name: "sort-desc" }) : /* @__PURE__ */ s.jsx(I, { name: "sort-asc" });
+  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" });
   return /* @__PURE__ */ s.jsxs(
-    ne,
+    te,
     {
       variant: e,
       size: t,
@@ -1648,14 +1677,14 @@ const Sh = ({ 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(
-        ne,
+        te,
         {
           onClick: o,
           disabled: i,
           size: "small",
           variant: r,
           title: e === "left" ? "Navigate Left" : "Navigate Right",
-          children: /* @__PURE__ */ s.jsx(I, { name: l(), size: t, weight: n })
+          children: /* @__PURE__ */ s.jsx(F, { name: l(), size: t, weight: n })
         }
       )
     }
@@ -1663,7 +1692,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
 }, nt = ({ label: e, onClick: t, id: n, required: i = !1 }) => /* @__PURE__ */ s.jsxs("label", { htmlFor: n, onClick: t, children: [
   e,
   i ? /* @__PURE__ */ s.jsx("span", { className: "required", children: "*" }) : ""
-] }), Ch = ({
+] }), Eh = ({
   name: e,
   required: t = !1,
   onChange: n,
@@ -1671,7 +1700,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   label: r,
   ...a
 }) => {
-  const [o, l] = J(i || !1);
+  const [o, l] = Y(i || !1);
   return /* @__PURE__ */ s.jsx("div", { className: "muncher-input--div", children: /* @__PURE__ */ s.jsxs("div", { className: "muncher-checkbox", children: [
     /* @__PURE__ */ s.jsx(
       "input",
@@ -1723,7 +1752,7 @@ const Sh = ({ 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(I, { name: "upload" }),
+      /* @__PURE__ */ s.jsx(F, { name: "upload" }),
       " ",
       t || "Upload CSV",
       r ? /* @__PURE__ */ s.jsx("span", { className: "required", children: " *" }) : "",
@@ -1744,7 +1773,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     c && c !== "" ? /* @__PURE__ */ s.jsx("p", { className: "text-danger", children: c }) : "",
     h && h !== "" ? /* @__PURE__ */ s.jsx("p", { className: "text-success", children: h }) : ""
   ] }) });
-}, Eh = ({
+}, Dh = ({
   name: e,
   label: t,
   variant: n = "secondary",
@@ -1757,7 +1786,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   maxFiles: h,
   ...u
 }) => {
-  const [d, f] = J(""), [m, x] = J(""), 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, j = "muncher-button" + (n ? " muncher-button--" + n : "") + (i ? " muncher-button--" + i : "") + (a ? " muncher-button--active" : ""), y = (w) => {
     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(", "));
@@ -1767,7 +1796,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   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(I, { name: "image" }),
+        /* @__PURE__ */ s.jsx(F, { name: "image" }),
         " ",
         t,
         r ? /* @__PURE__ */ s.jsx("span", { className: "required", children: " *" }) : ""
@@ -1788,7 +1817,7 @@ const Sh = ({ 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(I, { name: "alert", children: l }) }) : ""
+    b() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(F, { name: "alert", children: l }) }) : ""
   ] });
 }, So = ({
   name: e,
@@ -1824,9 +1853,9 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     u !== "side" ? M() : "",
     /* @__PURE__ */ s.jsxs("div", { className: "muncher-input-element", children: [
       u === "side" ? M() : "",
-      r ? /* @__PURE__ */ s.jsx(I, { name: r }) : "",
+      r ? /* @__PURE__ */ s.jsx(F, { name: r }) : "",
       a ? /* @__PURE__ */ s.jsxs("span", { className: "muncher-icon-hover", children: [
-        /* @__PURE__ */ s.jsx(I, { name: a, onClick: o }),
+        /* @__PURE__ */ s.jsx(F, { name: a, onClick: o }),
         " "
       ] }) : "",
       /* @__PURE__ */ s.jsxs("div", { className: "muncher-input-wrapper", children: [
@@ -1855,9 +1884,9 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
         T ? /* @__PURE__ */ s.jsx(vi, { size: "tiny" }) : ""
       ] })
     ] }),
-    E() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(I, { name: "alert", children: f }) }) : ""
+    E() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(F, { name: "alert", children: f }) }) : ""
   ] });
-}, Dh = ({ 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: [
+}, 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(
     "input",
     {
@@ -1914,9 +1943,9 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
         ]
       }
     ) }),
-    h() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(I, { name: "alert", children: a }) }) : ""
+    h() ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-error-message", children: /* @__PURE__ */ s.jsx(F, { name: "alert", children: a }) }) : ""
   ] });
-}, kh = ({
+}, Rh = ({
   name: e,
   label: t,
   required: n,
@@ -1929,7 +1958,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   value: h,
   ...u
 }) => {
-  const [d, f] = J(h), m = (x) => {
+  const [d, f] = Y(h), m = (x) => {
     f(x.target.value), c && c(x);
   };
   return /* @__PURE__ */ s.jsxs("div", { className: "muncher-input--div", children: [
@@ -1956,7 +1985,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
       " characters left"
     ] })
   ] });
-}, Rh = ({
+}, Lh = ({
   name: e = "query",
   focus: t = !1,
   inputPlaceHolder: n,
@@ -1975,12 +2004,12 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
 }) => {
   const g = fe(null), j = (w) => {
     a(!0), i(w.target.value);
-  }, y = Ve(() => {
+  }, y = Ce(() => {
     a(!1);
-  }, [a]), b = Ve((w) => {
+  }, [a]), b = Ce((w) => {
     w.keyCode === 27 && y();
   }, [y]);
-  return Ce(() => {
+  return je(() => {
     const w = (T) => {
       if (g && g !== null) {
         const S = g.current;
@@ -2010,8 +2039,8 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     ),
     r ? /* @__PURE__ */ s.jsx("div", { className: "muncher-input-drop-down--content", children: x }) : ""
   ] });
-}, Lh = ({ children: e }) => /* @__PURE__ */ s.jsx("ul", { className: "muncher-ul", children: e }), Nh = ({ 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(
-  I,
+}, 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,
   {
     name: t,
     weight: n,
@@ -2019,13 +2048,13 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     color: r,
     children: a
   }
-) }), Fh = ({ show: e = !1, setShow: t, children: n, ...i }) => {
-  const r = Ve((a) => {
+) }), Oh = ({ show: e = !1, setShow: t, children: n, ...i }) => {
+  const r = Ce((a) => {
     a.keyCode === 27 && t(!1);
   }, [t]);
-  return Ce(() => (document.addEventListener("keydown", r, !1), () => {
+  return je(() => (document.addEventListener("keydown", r, !1), () => {
     document.removeEventListener("keydown", r, !1);
-  }), [r]), Ce(() => {
+  }), [r]), je(() => {
     e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset";
   }, [e]), /* @__PURE__ */ s.jsxs(gi.Fragment, { children: [
     /* @__PURE__ */ s.jsx(yo, { show: e, backdropClickHandler: () => t(!1) }),
@@ -2042,16 +2071,16 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
       }
     )
   ] });
-}, Oh = ({ showHoverEffect: e, onClick: t, children: n }) => {
+}, Ih = ({ showHoverEffect: e, onClick: t, children: n }) => {
   const i = () => e ? "muncher-paper muncher-paper-hover" : "muncher-paper";
   return /* @__PURE__ */ s.jsx("section", { className: i(), onClick: t, children: n });
-}, Ih = ({ 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(I, { name: "close" }) }),
+}, 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.jsxs("div", { className: "content", children: [
     " ",
     t
   ] })
-] }), Bh = ({ value: e, max: t, label: n }) => {
+] }), zh = ({ value: e, max: t, label: n }) => {
   const i = () => {
     const r = Math.round(e / t * 100) + "%";
     return n ? n + " " + r : r;
@@ -2060,11 +2089,11 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     /* @__PURE__ */ s.jsx("label", { htmlFor: "progress", children: i() }),
     /* @__PURE__ */ s.jsx("progress", { id: "progress", value: e, max: t, children: i() })
   ] });
-}, zh = ({ variant: e, size: t, style: n }) => {
+}, Hh = ({ variant: e, size: t, style: n }) => {
   const i = "muncher-hr" + (e ? " muncher-hr--" + e : "") + (t ? " muncher-hr--" + t : "") + (n ? " muncher-hr--" + n : "");
   return /* @__PURE__ */ s.jsx("hr", { className: i });
-}, Hh = ({ sliderItems: e, navButtonSize: t = "large", navButtonWeight: n = 2, variant: i, navIcon: r, navButtonPlacement: a = "inside" }) => {
-  const [o, l] = J(0), [c, h] = J(0), u = () => e.length > 1 && o > 0 ? /* @__PURE__ */ s.jsx(
+}, _h = ({ sliderItems: e, navButtonSize: t = "large", navButtonWeight: n = 2, variant: i, navIcon: r, navButtonPlacement: a = "inside" }) => {
+  const [o, l] = Y(0), [c, h] = Y(0), u = () => e.length > 1 && o > 0 ? /* @__PURE__ */ s.jsx(
     Qn,
     {
       direction: "left",
@@ -2108,7 +2137,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     ] }),
     a === "outside" ? d() : ""
   ] });
-}, _h = ({
+}, Uh = ({
   min: e,
   max: t,
   minValue: n,
@@ -2156,7 +2185,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
       /* @__PURE__ */ s.jsx("div", { className: "slider-max", children: h(t) })
     ] })
   ] });
-}, Uh = ({
+}, Wh = ({
   min: e,
   max: t,
   value: n,
@@ -2188,7 +2217,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
       /* @__PURE__ */ s.jsx("div", { className: "slider-max", children: a(t) })
     ] })
   ] });
-}, Wh = ({ isFeatured: e, onClick: t }) => /* @__PURE__ */ s.jsx("span", { className: "span-featured", children: /* @__PURE__ */ s.jsx("span", { className: e ? "featured-star" : "un-featured-star", onClick: t }) }), $h = ({ rating: e, color: t, size: n, ...i }) => {
+}, $h = ({ isFeatured: e, onClick: t }) => /* @__PURE__ */ s.jsx("span", { className: "span-featured", children: /* @__PURE__ */ s.jsx("span", { className: e ? "featured-star" : "un-featured-star", onClick: t }) }), Kh = ({ rating: e, color: t, size: n, ...i }) => {
   const r = {
     "--r": e
   }, a = () => {
@@ -2196,15 +2225,15 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     return t && (o += " star-" + t), n && (o += " star-" + n), o;
   };
   return /* @__PURE__ */ s.jsx("span", { className: a(), style: r, ...i });
-}, Kh = ({ handleTabSelected: e, children: t }) => {
-  const [n, i] = J(0), { tabs: r } = t, a = (o) => {
+}, Gh = ({ handleTabSelected: e, children: t }) => {
+  const [n, i] = Y(0), { tabs: r } = t, a = (o) => {
     i(o), e && e(o);
   };
   return /* @__PURE__ */ s.jsxs("section", { className: "muncher-tabs", children: [
     /* @__PURE__ */ s.jsx("header", { children: r.map(
       (o, l) => /* @__PURE__ */ s.jsxs("div", { className: "muncher-tab-header--item", children: [
         /* @__PURE__ */ s.jsx(
-          ne,
+          te,
           {
             variant: "transparent",
             active: n === l,
@@ -2230,7 +2259,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
       )
     )
   ] });
-}, Gh = ({
+}, Yh = ({
   fileName: e,
   defaultPageSize: t = 50,
   skeleton: n,
@@ -2245,7 +2274,7 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
   footer: d,
   children: f
 }) => {
-  const { header: m, rows: x } = f, [g, j] = J(r ?? { index: 0 }), [y, b] = J({ num: 0, size: t }), w = (M) => {
+  const { header: m, rows: x } = f, [g, j] = Y(r ?? { index: 0 }), [y, b] = Y({ num: 0, size: t }), w = (M) => {
     j(
       (C) => C.index === M ? { ...C, desc: !C.desc } : { index: M }
     );
@@ -2253,8 +2282,8 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
     var P;
     const M = [...x], C = (P = m[g.index]) == null ? void 0 : P.sort;
     return C ? M.sort(C) : M.sort((D, z) => {
-      var Y, $, Ee, F;
-      const ie = (($ = (Y = D[g.index]) == null ? void 0 : Y.value) == null ? void 0 : $.toString().toLowerCase()) ?? "", W = ((F = (Ee = z[g.index]) == null ? void 0 : Ee.value) == null ? void 0 : F.toString().toLowerCase()) ?? "";
+      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(
@@ -2343,35 +2372,35 @@ const Sh = ({ variant: e, collapsed: t, children: n }) => {
         ] }),
         /* @__PURE__ */ s.jsxs("div", { className: "right", children: [
           /* @__PURE__ */ s.jsx(
-            ne,
+            te,
             {
               variant: "transparent",
               disabled: y.num === 0,
               size: "small",
               onClick: () => b({ ...y, num: y.num - 1 }),
-              children: /* @__PURE__ */ s.jsx(I, { name: "chevron-left" })
+              children: /* @__PURE__ */ s.jsx(F, { name: "chevron-left" })
             }
           ),
           /* @__PURE__ */ s.jsx(
-            ne,
+            te,
             {
               variant: "transparent",
               disabled: (y.num + 1) * y.size >= x.length,
               size: "small",
               onClick: () => b({ ...y, num: y.num + 1 }),
-              children: /* @__PURE__ */ s.jsx(I, { name: "chevron-right" })
+              children: /* @__PURE__ */ s.jsx(F, { name: "chevron-right" })
             }
           )
         ] })
       ] })
     ] })
   ] });
-}, Yh = ({ children: e }) => /* @__PURE__ */ s.jsx("div", { className: "muncher-card", children: e }), wi = ze({});
+}, Xh = ({ children: e }) => /* @__PURE__ */ s.jsx("div", { className: "muncher-card", children: e }), wi = ze({});
 function Po(e) {
   const t = fe(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const Vo = typeof window < "u", Co = Vo ? lo : Ce, Tn = /* @__PURE__ */ ze(null);
+const Vo = typeof window < "u", Co = Vo ? lo : je, Tn = /* @__PURE__ */ ze(null);
 function Mn(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -2393,7 +2422,7 @@ typeof process < "u" && ((yi = process.env) == null ? void 0 : yi.NODE_ENV) !==
   if (!e)
     throw new Error(Zt(t, n));
 });
-const je = {}, bi = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+const ve = {}, bi = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
 function Ti(e) {
   return typeof e == "object" && e !== null;
 }
@@ -2432,7 +2461,7 @@ class Sn {
     this.subscriptions.length = 0;
   }
 }
-const ee = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, te = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+const ee = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, ne = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
 function Ai(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
@@ -2540,7 +2569,7 @@ function Oi(e, t) {
     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 = je.useManualTiming, T = w ? r.timestamp : performance.now();
+    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 = () => {
     n = !0, i = !0, r.isProcessing || e(g);
@@ -2553,13 +2582,13 @@ function Oi(e, t) {
       o[ct[T]].cancel(w);
   }, state: r, steps: o };
 }
-const { schedule: k, cancel: ve, state: _, steps: Ft } = /* @__PURE__ */ Oi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : se, !0);
+const { schedule: k, cancel: we, state: _, steps: Ft } = /* @__PURE__ */ Oi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : se, !0);
 let ft;
 function zo() {
   ft = void 0;
 }
-const q = {
-  now: () => (ft === void 0 && q.set(_.isProcessing || je.useManualTiming ? _.timestamp : performance.now()), ft),
+const Z = {
+  now: () => (ft === void 0 && Z.set(_.isProcessing || ve.useManualTiming ? _.timestamp : performance.now()), ft),
   set: (e) => {
     ft = e, queueMicrotask(zo);
   }
@@ -2594,7 +2623,7 @@ const Wo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, $o = (e) => de(0, 255, e), Ot = {
   ..._e,
   transform: (e) => Math.round($o(e))
-}, Me = {
+}, Se = {
   test: /* @__PURE__ */ Dn("rgb", "red"),
   parse: /* @__PURE__ */ zi("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: i = 1 }) => "rgba(" + Ot.transform(e) + ", " + Ot.transform(t) + ", " + Ot.transform(n) + ", " + Xe(Qe.transform(i)) + ")"
@@ -2611,7 +2640,7 @@ function Ko(e) {
 const Jt = {
   test: /* @__PURE__ */ Dn("#"),
   parse: Ko,
-  transform: Me.transform
+  transform: Se.transform
 }, rt = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
@@ -2625,9 +2654,9 @@ const Jt = {
   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 = {
-  test: (e) => Me.test(e) || Jt.test(e) || Re.test(e),
-  parse: (e) => Me.test(e) ? Me.parse(e) : Re.test(e) ? Re.parse(e) : Jt.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Me.transform(e) : Re.transform(e),
+  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);
@@ -2702,7 +2731,7 @@ function wt(e, t) {
 const N = (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, Me, Re], aa = (e) => oa.find((t) => t.test(e));
+}, oa = [Jt, Se, Re], aa = (e) => oa.find((t) => t.test(e));
 function os(e) {
   const t = aa(e);
   if (He(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !t)
@@ -2715,7 +2744,7 @@ 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), Me.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 = N(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;
@@ -2763,12 +2792,12 @@ const fa = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => k.update(t, n),
-    stop: () => ve(t),
+    stop: () => we(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => _.isProcessing ? _.timestamp : q.now()
+    now: () => _.isProcessing ? _.timestamp : Z.now()
   };
 }, Ki = (e, t, n = 10) => {
   let i = "";
@@ -2790,10 +2819,10 @@ function pa(e, t = 100, n) {
   return {
     type: "keyframes",
     ease: (a) => i.next(r * a).value / t,
-    duration: /* @__PURE__ */ te(r)
+    duration: /* @__PURE__ */ ne(r)
   };
 }
-const O = {
+const I = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -2833,11 +2862,11 @@ function xa(e, t, n) {
   return i;
 }
 const ls = 1e-3;
-function ya({ duration: e = O.duration, bounce: t = O.bounce, velocity: n = O.velocity, mass: i = O.mass }) {
+function ya({ duration: e = I.duration, bounce: t = I.bounce, velocity: n = I.velocity, mass: i = I.mass }) {
   let r, a;
-  He(e <= /* @__PURE__ */ ee(O.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  He(e <= /* @__PURE__ */ ee(I.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - t;
-  o = de(O.minDamping, O.maxDamping, o), e = de(O.minDuration, O.maxDuration, /* @__PURE__ */ te(e)), o < 1 ? (r = (h) => {
+  o = de(I.minDamping, I.maxDamping, o), e = de(I.minDuration, I.maxDuration, /* @__PURE__ */ ne(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) => {
@@ -2853,8 +2882,8 @@ function ya({ duration: e = O.duration, bounce: t = O.bounce, velocity: n = O.ve
   const l = 5 / e, c = xa(r, a, l);
   if (e = /* @__PURE__ */ ee(e), isNaN(c))
     return {
-      stiffness: O.stiffness,
-      damping: O.damping,
+      stiffness: I.stiffness,
+      damping: I.damping,
       duration: e
     };
   {
@@ -2872,10 +2901,10 @@ function cs(e, t) {
 }
 function va(e) {
   let t = {
-    velocity: O.velocity,
-    stiffness: O.stiffness,
-    damping: O.damping,
-    mass: O.mass,
+    velocity: I.velocity,
+    stiffness: I.stiffness,
+    damping: I.damping,
+    mass: I.mass,
     isResolvedFromDuration: !1,
     ...e
   };
@@ -2884,7 +2913,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: O.mass,
+        mass: I.mass,
         stiffness: r,
         damping: a
       };
@@ -2893,12 +2922,12 @@ function va(e) {
       t = {
         ...t,
         ...n,
-        mass: O.mass
+        mass: I.mass
       }, t.isResolvedFromDuration = !0;
     }
   return t;
 }
-function Tt(e = O.visualDuration, t = O.bounce) {
+function Tt(e = I.visualDuration, t = I.bounce) {
   const n = typeof e != "object" ? {
     visualDuration: e,
     keyframes: [0, 1],
@@ -2907,9 +2936,9 @@ function Tt(e = O.visualDuration, t = O.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__ */ te(n.velocity || 0)
-  }), x = f || 0, g = h / (2 * Math.sqrt(c * u)), j = o - a, y = /* @__PURE__ */ te(Math.sqrt(c / u)), b = Math.abs(j) < 5;
-  i || (i = b ? O.restSpeed.granular : O.restSpeed.default), r || (r = b ? O.restDelta.granular : O.restDelta.default);
+    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;
   if (g < 1)
     S = en(y, g), E = (x + g * y * j) / S, w = (P) => {
@@ -2923,13 +2952,13 @@ function Tt(e = O.visualDuration, t = O.bounce) {
   } else {
     const P = y * Math.sqrt(g * g - 1);
     w = (W) => {
-      const Y = Math.exp(-g * y * W), $ = Math.min(P * W, 300);
-      return o - Y * ((x + g * y * j) * Math.sinh($) + P * j * Math.cosh($)) / P;
+      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 D = (x + g * y * j) / P, z = g * y * D - j * P, ie = g * y * j - D * P;
     T = (W) => {
-      const Y = Math.exp(-g * y * W), $ = Math.min(P * W, 300);
-      return Y * (z * Math.sinh($) + ie * Math.cosh($));
+      const X = Math.exp(-g * y * W), $ = Math.min(P * W, 300);
+      return X * (z * Math.sinh($) + ie * Math.cosh($));
     };
   }
   const C = {
@@ -2937,8 +2966,8 @@ function Tt(e = O.visualDuration, t = O.bounce) {
     velocity: (P) => /* @__PURE__ */ ee(T(P)),
     next: (P) => {
       if (!m && g < 1) {
-        const z = Math.exp(-g * y * P), ie = Math.sin(S * P), W = Math.cos(S * P), Y = o - z * (E * ie + j * W), $ = /* @__PURE__ */ ee(z * (R * ie + M * W));
-        return l.done = Math.abs($) <= i && Math.abs(o - Y) <= r, l.value = l.done ? o : Y, l;
+        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 D = w(P);
       if (m)
@@ -3000,7 +3029,7 @@ function tn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: i = 3
   };
 }
 function ba(e, t, n) {
-  const i = [], r = n || je.mix || $i, a = e.length - 1;
+  const i = [], r = n || ve.mix || $i, a = e.length - 1;
   for (let o = 0; o < a; o++) {
     let l = r(e[o], e[o + 1]);
     if (t) {
@@ -3113,7 +3142,7 @@ class Mt extends Ln {
     }, this.stop = () => {
       var i, r;
       const { motionValue: n } = this.options;
-      n && n.updatedAt !== q.now() && this.tick(q.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (r = (i = this.options).onStop) == null || r.call(i));
+      n && n.updatedAt !== Z.now() && this.tick(Z.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (r = (i = this.options).onStop) == null || r.call(i));
     }, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause();
   }
   initAnimation() {
@@ -3166,14 +3195,14 @@ class Mt extends Ln {
     return this.finished.then(t, n);
   }
   get duration() {
-    return /* @__PURE__ */ te(this.calculatedDuration);
+    return /* @__PURE__ */ ne(this.calculatedDuration);
   }
   get iterationDuration() {
     const { delay: t = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ te(t);
+    return this.duration + /* @__PURE__ */ ne(t);
   }
   get time() {
-    return /* @__PURE__ */ te(this.currentTime);
+    return /* @__PURE__ */ ne(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));
@@ -3197,7 +3226,7 @@ class Mt extends Ln {
   }
   set speed(t) {
     const n = this.playbackSpeed !== t;
-    n && this.driver && this.updateTime(q.now()), this.playbackSpeed = t, n && this.driver && (this.time = /* @__PURE__ */ te(this.currentTime));
+    n && this.driver && this.updateTime(Z.now()), this.playbackSpeed = t, n && this.driver && (this.time = /* @__PURE__ */ ne(this.currentTime));
   }
   play() {
     var r, a;
@@ -3209,7 +3238,7 @@ class Mt extends Ln {
     this.state === "finished" ? (this.updateFinished(), this.startTime = i) : this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime || (this.startTime = n ?? i), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
   }
   pause() {
-    this.state = "paused", this.updateTime(q.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(Z.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -3240,8 +3269,8 @@ function Da(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const Se = (e) => e * 180 / Math.PI, nn = (e) => {
-  const t = Se(Math.atan2(e[1], e[0]));
+const Ae = (e) => e * 180 / Math.PI, nn = (e) => {
+  const t = Ae(Math.atan2(e[1], e[0]));
   return sn(t);
 }, ka = {
   x: 4,
@@ -3253,8 +3282,8 @@ const Se = (e) => e * 180 / Math.PI, nn = (e) => {
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
   rotate: nn,
   rotateZ: nn,
-  skewX: (e) => Se(Math.atan(e[1])),
-  skewY: (e) => Se(Math.atan(e[2])),
+  skewX: (e) => Ae(Math.atan(e[1])),
+  skewY: (e) => Ae(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
 }, sn = (e) => (e = e % 360, e < 0 && (e += 360), e), us = nn, hs = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), ds = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Ra = {
   x: 12,
@@ -3266,12 +3295,12 @@ const Se = (e) => e * 180 / Math.PI, nn = (e) => {
   scaleX: hs,
   scaleY: ds,
   scale: (e) => (hs(e) + ds(e)) / 2,
-  rotateX: (e) => sn(Se(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => sn(Se(Math.atan2(-e[2], e[0]))),
+  rotateX: (e) => sn(Ae(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => sn(Ae(Math.atan2(-e[2], e[0]))),
   rotateZ: us,
   rotate: us,
-  skewX: (e) => Se(Math.atan(e[4])),
-  skewY: (e) => Se(Math.atan(e[1])),
+  skewX: (e) => Ae(Math.atan(e[4])),
+  skewY: (e) => Ae(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
 function rn(e) {
@@ -3346,11 +3375,11 @@ const ge = {
 };
 ge.translateX = ge.x;
 ge.translateY = ge.y;
-const Ae = /* @__PURE__ */ new Set();
+const Pe = /* @__PURE__ */ new Set();
 let an = !1, ln = !1, cn = !1;
 function Xi() {
   if (ln) {
-    const e = Array.from(Ae).filter((i) => i.needsMeasurement), t = new Set(e.map((i) => i.element)), n = /* @__PURE__ */ new Map();
+    const e = Array.from(Pe).filter((i) => i.needsMeasurement), t = new Set(e.map((i) => i.element)), n = /* @__PURE__ */ new Map();
     t.forEach((i) => {
       const r = Ia(i);
       r.length && (n.set(i, r), i.render());
@@ -3365,10 +3394,10 @@ function Xi() {
       i.suspendedScrollY !== void 0 && window.scrollTo(0, i.suspendedScrollY);
     });
   }
-  ln = !1, an = !1, Ae.forEach((e) => e.complete(cn)), Ae.clear();
+  ln = !1, an = !1, Pe.forEach((e) => e.complete(cn)), Pe.clear();
 }
 function qi() {
-  Ae.forEach((e) => {
+  Pe.forEach((e) => {
     e.readKeyframes(), e.needsMeasurement && (ln = !0);
   });
 }
@@ -3380,7 +3409,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 ? (Ae.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, k.read(qi), k.resolveKeyframes(Xi))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: i, motionValue: r } = this;
@@ -3405,10 +3434,10 @@ class Nn {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Ae.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Pe.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (Ae.delete(this), this.state = "pending");
+    this.state === "scheduled" && (Pe.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
@@ -3526,14 +3555,14 @@ 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__ */ te(Number(t));
+    return /* @__PURE__ */ ne(Number(t));
   }
   get iterationDuration() {
     const { delay: t = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ te(t);
+    return this.duration + /* @__PURE__ */ ne(t);
   }
   get time() {
-    return /* @__PURE__ */ te(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ ne(Number(this.animation.currentTime) || 0);
   }
   set time(t) {
     const n = this.finishedTime !== null;
@@ -3601,7 +3630,7 @@ class Ga extends nr {
     const l = new Mt({
       ...o,
       autoplay: !1
-    }), c = Math.max(zt, q.now() - this.startTime), h = de(0, zt, c - zt), u = l.sample(c).value, { name: d } = this.options;
+    }), c = Math.max(zt, Z.now() - this.startTime), h = de(0, zt, c - zt), u = l.sample(c).value, { name: d } = this.options;
     a && d && Zi(a, d, u), n.setWithVelocity(l.sample(Math.max(0, c - h)).value, u, h), l.stop();
   }
 }
@@ -3678,7 +3707,7 @@ class nl extends Ln {
     super(), this.stop = () => {
       var g, j;
       this._animation && (this._animation.stop(), (g = this.stopTimeline) == null || g.call(this)), (j = this.keyframeResolver) == null || j.cancel();
-    }, this.createdAt = q.now();
+    }, this.createdAt = Z.now();
     const f = {
       autoplay: t,
       delay: n,
@@ -3697,9 +3726,9 @@ class nl extends Ln {
     var y, b;
     this.keyframeResolver = void 0;
     const { name: a, type: o, velocity: l, delay: c, isHandoff: h, onUpdate: u } = i;
-    this.resolvedAt = q.now();
+    this.resolvedAt = Z.now();
     let d = !0;
-    Xa(t, a, o, l) || (d = !1, (je.instantAnimations || !c) && (u == null || u(Ct(t, i, n))), t[0] = t[t.length - 1], un(i), i.repeat = 0);
+    Xa(t, a, o, l) || (d = !1, (ve.instantAnimations || !c) && (u == null || u(Ct(t, i, n))), t[0] = t[t.length - 1], un(i), i.repeat = 0);
     const m = {
       startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > tl ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -3871,7 +3900,7 @@ const On = (e, t, n, i = {}, r, a) => (o) => {
   };
   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);
   let d = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (un(u), u.delay === 0 && (d = !0)), (je.instantAnimations || je.skipAnimations || r != null && r.shouldSkipAnimations) && (d = !0, un(u), u.delay = 0), u.allowFlatten = !l.type && !l.ease, d && !a && t.get() !== void 0) {
+  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(() => {
@@ -3899,7 +3928,7 @@ function In(e, t, n, i) {
   }
   return t;
 }
-function Pe(e, t, n) {
+function Ve(e, t, n) {
   const i = e.getProps();
   return In(i, t, n !== void 0 ? n : i.custom, e);
 }
@@ -3922,14 +3951,14 @@ class pl {
   constructor(t, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
       var a;
-      const r = q.now();
+      const r = Z.now();
       if (this.updatedAt !== r && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && ((a = this.events.change) == null || a.notify(this.current), this.dependents))
         for (const o of this.dependents)
           o.dirty();
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = q.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = fl(this.current));
+    this.current = t, this.updatedAt = Z.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = fl(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -4058,7 +4087,7 @@ class pl {
    * @public
    */
   getVelocity() {
-    const t = q.now();
+    const t = Z.now();
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ys)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, ys);
@@ -4125,7 +4154,7 @@ function xl(e) {
   return hn(e) ? e[e.length - 1] || 0 : e;
 }
 function yl(e, t) {
-  const n = Pe(e, t);
+  const n = Ve(e, t);
   let { transitionEnd: i = {}, transition: r = {}, ...a } = n || {};
   a = { ...a, ...i };
   for (const o in a) {
@@ -4141,8 +4170,8 @@ function dn(e, t) {
   const n = e.getValue("willChange");
   if (gl(n))
     return n.add(t);
-  if (!n && je.WillChange) {
-    const i = new je.WillChange("auto");
+  if (!n && ve.WillChange) {
+    const i = new ve.WillChange("auto");
     e.addValue("willChange", i), i.add(t);
   }
 }
@@ -4200,7 +4229,7 @@ function hr(e, t, { delay: n = 0, transitionOverride: i, type: r } = {}) {
 }
 function fn(e, t, n = {}) {
   var c;
-  const i = Pe(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
+  const i = Ve(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
   let { transition: r = e.getDefaultTransition() || {} } = i || {};
   n.transitionOverride && (r = n.transitionOverride);
   const a = i ? () => Promise.all(hr(e, i, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (h = 0) => {
@@ -4231,7 +4260,7 @@ function bl(e, t, n = {}) {
   } else if (typeof t == "string")
     i = fn(e, t, n);
   else {
-    const r = typeof t == "function" ? Pe(e, t, n.custom) : t;
+    const r = typeof t == "function" ? Ve(e, t, n.custom) : t;
     i = Promise.all(hr(e, r, n));
   }
   return i.then(() => {
@@ -4740,7 +4769,7 @@ class oc {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Nn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const m = q.now();
+      const m = Z.now();
       this.renderScheduledAt < m && (this.renderScheduledAt = m, k.render(this.render, !1, !0));
     };
     const { latestValues: h, renderState: u } = l;
@@ -4760,7 +4789,7 @@ class oc {
   }
   unmount() {
     var t;
-    this.projection && this.projection.unmount(), ve(this.notifyUpdate), ve(this.render), this.valueSubscriptions.forEach((n) => n()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (t = this.parent) == null || t.removeChild(this);
+    this.projection && this.projection.unmount(), we(this.notifyUpdate), we(this.render), this.valueSubscriptions.forEach((n) => n()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (t = this.parent) == null || t.removeChild(this);
     for (const n in this.events)
       this.events[n].clear();
     for (const n in this.features) {
@@ -4968,7 +4997,7 @@ class Sr extends oc {
     }));
   }
 }
-class we {
+class be {
   constructor(t) {
     this.isMounted = !1, this.node = t;
   }
@@ -5001,7 +5030,7 @@ function _t(e) {
 function yn({ scale: e, scaleX: t, scaleY: n }) {
   return !_t(e) || !_t(t) || !_t(n);
 }
-function Te(e) {
+function Me(e) {
   return yn(e) || Pr(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
 }
 function Pr(e) {
@@ -5034,7 +5063,7 @@ function cc(e, t, n, i = !1) {
   for (let c = 0; c < r; c++) {
     a = n[c], o = a.projectionDelta;
     const { visualElement: h } = a.options;
-    h && h.props.style && h.props.style.display === "contents" || (i && a.options.layoutScroll && a.scroll && a !== a.root && (ue(e.x, -a.scroll.offset.x), ue(e.y, -a.scroll.offset.y)), o && (t.x *= o.x.scale, t.y *= o.y.scale, Vr(e, o)), i && Te(a.latestValues) && yt(e, a.latestValues, (l = a.layout) == null ? void 0 : l.layoutBox));
+    h && h.props.style && h.props.style.display === "contents" || (i && a.options.layoutScroll && a.scroll && a !== a.root && (ue(e.x, -a.scroll.offset.x), ue(e.y, -a.scroll.offset.y)), o && (t.x *= o.x.scale, t.y *= o.y.scale, Vr(e, o)), i && Me(a.latestValues) && yt(e, a.latestValues, (l = a.layout) == null ? void 0 : l.layoutBox));
   }
   t.x < Es && t.x > Cs && (t.x = 1), t.y < Es && t.y > Cs && (t.y = 1);
 }
@@ -5338,7 +5367,7 @@ function Pc(e) {
   let t = Ac(e), n = Ls(), i = !0, r = !1;
   const a = (h) => (u, d) => {
     var m;
-    const f = Pe(e, d, h === "exit" ? (m = e.presenceContext) == null ? void 0 : m.custom : void 0);
+    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 };
@@ -5377,39 +5406,39 @@ function Pc(e) {
       const { prevResolvedValues: ie = {} } = w, W = {
         ...ie,
         ...z
-      }, Y = (F) => {
-        C = !0, m.has(F) && (P = !0, m.delete(F)), w.needsAnimating[F] = !0;
-        const X = e.getValue(F);
-        X && (X.liveStyle = !1);
+      }, 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);
       };
-      for (const F in W) {
-        const X = z[F], v = ie[F];
-        if (x.hasOwnProperty(F))
+      for (const O in W) {
+        const q = z[O], v = ie[O];
+        if (x.hasOwnProperty(O))
           continue;
         let V = !1;
-        hn(X) && hn(v) ? V = !Or(X, v) : V = X !== v, V ? X != null ? Y(F) : m.add(F) : X !== void 0 && m.has(F) ? Y(F) : w.protectedKeys[F] = !0;
+        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;
       }
       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((F) => {
-        const X = { type: b };
-        if (typeof F == "string" && (i || r) && !$ && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: v } = e, V = Pe(v, F);
+      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 || {};
-            X.delay = rr(v.enteringChildren, e, L);
+            q.delay = rr(v.enteringChildren, e, L);
           }
         }
         return {
-          animation: F,
-          options: X
+          animation: O,
+          options: q
         };
       }));
     }
     if (m.size) {
       const y = {};
       if (typeof u.initial != "boolean") {
-        const b = Pe(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        const b = Ve(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
         b && b.transition && (y.transition = b.transition);
       }
       m.forEach((b) => {
@@ -5446,7 +5475,7 @@ function Pc(e) {
 function Vc(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !Or(t, e) : !1;
 }
-function be(e = !1) {
+function Te(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -5456,13 +5485,13 @@ function be(e = !1) {
 }
 function Ls() {
   return {
-    animate: be(!0),
-    whileInView: be(),
-    whileHover: be(),
-    whileTap: be(),
-    whileDrag: be(),
-    whileFocus: be(),
-    exit: be()
+    animate: Te(!0),
+    whileInView: Te(),
+    whileHover: Te(),
+    whileTap: Te(),
+    whileDrag: Te(),
+    whileFocus: Te(),
+    exit: Te()
   };
 }
 function vn(e, t) {
@@ -5475,28 +5504,28 @@ function Ns(e, t) {
   e.translate = t.translate, e.scale = t.scale, e.originPoint = t.originPoint, e.origin = t.origin;
 }
 const Ir = 1e-4, Cc = 1 - Ir, Ec = 1 + Ir, Br = 0.01, Dc = 0 - Br, kc = 0 + Br;
-function Z(e) {
+function J(e) {
   return e.max - e.min;
 }
 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 = Z(n) / Z(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 = 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);
 }
 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;
-  e.min = r + t.min, e.max = e.min + Z(t);
+  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;
-  e.min = t.min - r, e.max = e.min + Z(t);
+  e.min = t.min - r, e.max = e.min + J(t);
 }
 function Pt(e, t, n, i) {
   Is(e.x, t.x, n.x, i == null ? void 0 : i.x), Is(e.y, t.y, n.y, i == null ? void 0 : i.y);
@@ -5536,7 +5565,7 @@ function Hr(e, t) {
   return Ws(e.x, t.x) && Ws(e.y, t.y);
 }
 function $s(e) {
-  return Z(e.x) / Z(e.y);
+  return J(e.x) / J(e.y);
 }
 function Ks(e, t) {
   return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
@@ -5601,11 +5630,11 @@ class Kc {
   }
 }
 function Gc(e, t) {
-  const n = q.now(), i = ({ timestamp: r }) => {
+  const n = Z.now(), i = ({ timestamp: r }) => {
     const a = r - n;
-    a >= t && (ve(i), e(a - t));
+    a >= t && (we(i), e(a - t));
   };
-  return k.setup(i, !0), () => ve(i);
+  return k.setup(i, !0), () => we(i);
 }
 function gt(e) {
   return U(e) ? e.get() : e;
@@ -5756,7 +5785,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     unmount() {
       this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
       const o = this.getStack();
-      o && o.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), ve(this.updateProjection);
+      o && o.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), we(this.updateProjection);
     }
     // only on the root
     blockUpdate() {
@@ -5808,7 +5837,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       }
       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 = q.now();
+      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;
     }
     didUpdate() {
@@ -5829,7 +5858,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
      * Update measurements
      */
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !Z(this.snapshot.measuredBox.x) && !Z(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !J(this.snapshot.measuredBox.x) && !J(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -5859,7 +5888,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!r)
         return;
       const o = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, l = this.projectionDelta && !zr(this.projectionDelta), c = this.getTransformTemplate(), h = c ? c(this.latestValues, "") : void 0, u = h !== this.prevTransformTemplateValue;
-      o && this.instance && (l || Te(this.latestValues) || u) && (r(this.instance, h), this.shouldResetTransform = !1, this.scheduleRender());
+      o && this.instance && (l || Me(this.latestValues) || u) && (r(this.instance, h), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(o = !0) {
       const l = this.measurePageBox();
@@ -5901,9 +5930,9 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       re(h, o);
       for (let f = 0; f < this.path.length; f++) {
         const m = this.path[f];
-        !l && m.options.layoutScroll && m.scroll && m !== m.root && (ue(h.x, -m.scroll.offset.x), ue(h.y, -m.scroll.offset.y)), Te(m.latestValues) && yt(h, m.latestValues, (u = m.layout) == null ? void 0 : u.layoutBox);
+        !l && m.options.layoutScroll && m.scroll && m !== m.root && (ue(h.x, -m.scroll.offset.x), ue(h.y, -m.scroll.offset.y)), Me(m.latestValues) && yt(h, m.latestValues, (u = m.layout) == null ? void 0 : u.layoutBox);
       }
-      return Te(this.latestValues) && yt(h, this.latestValues, (d = this.layout) == null ? void 0 : d.layoutBox), h;
+      return Me(this.latestValues) && yt(h, this.latestValues, (d = this.layout) == null ? void 0 : d.layoutBox), h;
     }
     removeTransform(o) {
       var c;
@@ -5911,12 +5940,12 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       re(l, o);
       for (let h = 0; h < this.path.length; h++) {
         const u = this.path[h];
-        if (!Te(u.latestValues))
+        if (!Me(u.latestValues))
           continue;
         let d;
         u.instance && (yn(u.latestValues) && u.updateSnapshot(), d = H(), re(d, u.measurePageBox())), Hs(l, u.latestValues, (c = u.snapshot) == null ? void 0 : c.layoutBox, d);
       }
-      return Te(this.latestValues) && Hs(l, this.latestValues), l;
+      return Me(this.latestValues) && Hs(l, this.latestValues), l;
     }
     setTargetDelta(o) {
       this.targetDelta = o, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -6010,7 +6039,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     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 && (ve(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 = k.update(() => {
         jt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Be(0)), this.motionValue.jump(0, !1), this.currentAnimation = Wc(this.motionValue, [0, 1e3], {
           ...o,
           velocity: 0,
@@ -6040,9 +6069,9 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!l || !c || !h)) {
         if (this !== o && this.layout && h && Kr(this.options.animationType, this.layout.layoutBox, h.layoutBox)) {
           c = this.target || H();
-          const d = Z(this.layout.layoutBox.x);
+          const d = J(this.layout.layoutBox.x);
           c.x.min = o.target.x.min, c.x.max = c.x.min + d;
-          const f = Z(this.layout.layoutBox.y);
+          const f = J(this.layout.layoutBox.y);
           c.y.min = o.target.y.min, c.y.max = c.y.min + f;
         }
         re(l, c), yt(l, u), qe(this.projectionDeltaWithTransform, this.layoutCorrected, l, u);
@@ -6114,7 +6143,7 @@ function $r({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
       const h = this.getLead();
       if (!this.projectionDelta || !this.layout || !h.target) {
-        this.options.layoutId && (o.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, o.pointerEvents = gt(l == null ? void 0 : l.pointerEvents) || ""), this.hasProjected && !Te(this.latestValues) && (o.transform = c ? c({}, "") : "none", this.hasProjected = !1);
+        this.options.layoutId && (o.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, o.pointerEvents = gt(l == null ? void 0 : l.pointerEvents) || ""), this.hasProjected && !Me(this.latestValues) && (o.transform = c ? c({}, "") : "none", this.hasProjected = !1);
         return;
       }
       o.visibility = "";
@@ -6159,14 +6188,14 @@ function Jc(e) {
     const { layoutBox: i, measuredBox: r } = e.layout, { animationType: a } = e.options, o = t.source !== e.layout.source;
     if (a === "size")
       ce((d) => {
-        const f = o ? t.measuredBox[d] : t.layoutBox[d], m = Z(f);
+        const f = o ? t.measuredBox[d] : t.layoutBox[d], m = J(f);
         f.min = i[d].min, f.max = f.min + m;
       });
     else if (a === "x" || a === "y") {
       const d = a === "x" ? "y" : "x";
       vn(o ? t.measuredBox[d] : t.layoutBox[d], i[d]);
     } else Kr(a, t.layoutBox, i) && ce((d) => {
-      const f = o ? t.measuredBox[d] : t.layoutBox[d], m = Z(i[d]);
+      const f = o ? t.measuredBox[d] : t.layoutBox[d], m = J(i[d]);
       f.max = f.min + m, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[d].max = e.relativeTarget[d].min + m);
     });
     const l = Fe();
@@ -6308,11 +6337,11 @@ function mu(e = !0) {
   if (t === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: i, register: r } = t, a = co();
-  Ce(() => {
+  je(() => {
     if (e)
       return r(a);
   }, [e]);
-  const o = Ve(() => e && i && i(a), [a, i, e]);
+  const o = Ce(() => e && i && i(a), [a, i, e]);
   return !n && i ? [!1, o] : [!0];
 }
 const Xr = ze({ strict: !1 }), ii = {
@@ -6576,7 +6605,7 @@ function Lu(e, t, n) {
     i.current = n;
   });
   const r = fe(null);
-  return Ve((a) => {
+  return Ce((a) => {
     var l;
     a && ((l = e.onMount) == null || l.call(e, a));
     const o = i.current;
@@ -6615,7 +6644,7 @@ function Nu(e, t, n, i, r, a) {
   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)));
   return Co(() => {
     m.current = !0, x && (j.current = !0, window.MotionIsMounted = !0, x.updateFeatures(), x.scheduleRenderMicrotask(), b.current && x.animationState && x.animationState.animateChanges());
-  }), Ce(() => {
+  }), je(() => {
     x && (!b.current && x.animationState && x.animationState.animateChanges(), b.current && (queueMicrotask(() => {
       var S;
       (S = window.MotionHandoffMarkAsComplete) == null || S.call(window, y);
@@ -6706,7 +6735,7 @@ function zu(e, t) {
 const Hu = (e, t) => t.isSVG ?? Xn(e) ? new bc(t) : new xc(t, {
   allowProjection: e !== p
 });
-class _u extends we {
+class _u extends be {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
@@ -6735,7 +6764,7 @@ class _u extends we {
   }
 }
 let Uu = 0;
-class Wu extends we {
+class Wu extends be {
   constructor() {
     super(...arguments), this.id = Uu++, this.isExitComplete = !1;
   }
@@ -6750,7 +6779,7 @@ class Wu extends we {
       if (this.isExitComplete) {
         const { initial: o, custom: l } = this.node.getProps();
         if (typeof o == "string") {
-          const c = Pe(this.node, o, l);
+          const c = Ve(this.node, o, l);
           if (c) {
             const { transition: h, transitionEnd: u, ...d } = c;
             for (const f in d)
@@ -6878,7 +6907,7 @@ class io {
     this.handlers = t;
   }
   end() {
-    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), ve(this.updatePoint);
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), we(this.updatePoint);
   }
 }
 function ht(e, t) {
@@ -6911,7 +6940,7 @@ function Xu(e, t) {
   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__ */ te(r.timestamp - i.timestamp);
+  const a = /* @__PURE__ */ ne(r.timestamp - i.timestamp);
   if (a === 0)
     return { x: 0, y: 0 };
   const o = {
@@ -6947,7 +6976,7 @@ function Ju(e, t) {
 }
 function Qu(e, t) {
   let n = 0.5;
-  const i = Z(e), r = Z(t);
+  const i = J(e), r = J(t);
   return r > i ? n = /* @__PURE__ */ Je(t.min, t.max - i, e.min) : i > r && (n = /* @__PURE__ */ Je(e.min, e.max - r, t.min)), de(0, 1, n);
 }
 function eh(e, t) {
@@ -6991,7 +7020,7 @@ class sh {
           const { projection: w } = this.visualElement;
           if (w && w.layout) {
             const T = w.layout.layoutBox[y];
-            T && (b = Z(T) * (parseFloat(b) / 100));
+            T && (b = J(T) * (parseFloat(b) / 100));
           }
         }
         this.originPoint[y] = b;
@@ -7230,7 +7259,7 @@ function rh(e, t = 10) {
   let n = null;
   return Math.abs(e.y) > t ? n = "y" : Math.abs(e.x) > t && (n = "x"), n;
 }
-class oh extends we {
+class oh extends be {
   constructor(t) {
     super(t), this.removeGroupControls = se, this.removeListeners = se, this.controls = new sh(t);
   }
@@ -7249,7 +7278,7 @@ class oh extends we {
 const Yt = (e) => (t, n) => {
   e && k.update(() => e(t, n), !1, !0);
 };
-class ah extends we {
+class ah extends be {
   constructor() {
     super(...arguments), this.removePointerDownListener = se;
   }
@@ -7345,7 +7374,7 @@ function mi(e, t, n) {
   const r = "onHover" + n, a = i[r];
   a && k.postRender(() => a(t, ot(t)));
 }
-class uh extends we {
+class uh extends be {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = Ol(t, (n, i) => (mi(this.node, i, "Start"), (r) => mi(this.node, r, "End"))));
@@ -7353,7 +7382,7 @@ class uh extends we {
   unmount() {
   }
 }
-class hh extends we {
+class hh extends be {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -7383,7 +7412,7 @@ function xi(e, t, n) {
   const r = "onTap" + (n === "End" ? "" : n), a = i[r];
   a && k.postRender(() => a(t, ot(t)));
 }
-class dh extends we {
+class dh extends be {
   mount() {
     const { current: t } = this.node;
     if (!t)
@@ -7419,7 +7448,7 @@ const yh = {
   some: 0,
   all: 1
 };
-class gh extends we {
+class gh extends be {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -7480,7 +7509,7 @@ const vh = {
   ...vh,
   ...ch,
   ...wh
-}, Th = /* @__PURE__ */ zu(bh, Hu), qh = ({ flipped: e, setFlipped: t, front: n, back: i }) => /* @__PURE__ */ s.jsxs(
+}, Th = /* @__PURE__ */ zu(bh, Hu), Zh = ({ flipped: e, setFlipped: t, front: n, back: i }) => /* @__PURE__ */ s.jsxs(
   Th.div,
   {
     className: `muncher-flippable-card  ${e ? "flipped" : ""}`,
@@ -7491,46 +7520,66 @@ const vh = {
       /* @__PURE__ */ s.jsx("div", { className: "muncher-flippable-card-face back", children: i })
     ]
   }
-);
+), Mh = () => {
+  const [e, t] = Y({
+    isTop: !0,
+    isBottom: !1
+  });
+  return je(() => {
+    const n = () => {
+      const i = window.scrollY, r = window.innerHeight, a = document.documentElement.scrollHeight, o = i < 50, l = i + r >= a - 50;
+      t({ isTop: o, isBottom: l });
+    };
+    return window.addEventListener("scroll", n), n(), () => window.removeEventListener("scroll", n);
+  }, []), e;
+}, Jh = ({ variant: e = "tertiary" }) => {
+  const { isBottom: t } = Mh(), n = () => window.scrollTo({ top: 0, behavior: "smooth" }), i = () => window.scrollTo({
+    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" }) }) });
+};
 export {
-  Sh as Accordion,
+  Ah as Accordion,
   yo as Backdrop,
   go as Badge,
-  ne as Button,
-  Yh as Card,
-  Ch as Checkbox,
+  te as Button,
+  Xh as Card,
+  Eh as Checkbox,
   wo as CopyButton,
   bo as CsvButton,
   Mo as CsvInput,
   jo as DropdownButton,
-  Ph as DropdownNavButton,
-  Wh as Featured,
-  qh as FlippableCard,
-  zh as Hr,
-  I as Icon,
-  Ah as IconBadge,
-  Eh as ImageInput,
+  Vh as DropdownNavButton,
+  $h as Featured,
+  Zh as FlippableCard,
+  Hh as Hr,
+  F as Icon,
+  Ph as IconBadge,
+  Dh as ImageInput,
   So as Input,
-  Hh as ItemSlider,
+  _h as ItemSlider,
   nt as Label,
-  Nh as Li,
-  Fh as Modal,
+  Fh as Li,
+  Oh as Modal,
   Qn as NavigateButton,
-  Oh as Paper,
-  Ih as Pill,
-  Bh as Progress,
-  Dh as Radio,
-  _h as RangeSlider,
+  Ih as Paper,
+  Bh as Pill,
+  zh as Progress,
+  kh as Radio,
+  Uh as RangeSlider,
+  Jh as ScrollFab,
   Ao as Select,
-  Vh as ShareButton,
-  Uh as Slider,
+  Ch as ShareButton,
+  Wh as Slider,
   To as SortButton,
   vi as Spinner,
-  $h as Star,
-  Gh as Table,
-  Kh as Tabs,
-  Rh as TextInputDropdown,
-  kh as Textarea,
-  Lh as Ul,
-  vo as copyToClipboard
+  Kh as Star,
+  Yh as Table,
+  Gh as Tabs,
+  Lh as TextInputDropdown,
+  Rh as Textarea,
+  Nh as Ul,
+  vo as copyToClipboard,
+  Mh as useScrollPosition
 };