@gardenfi/garden-book 0.2.14 → 0.2.16

package/dist/ui.es.js

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as be, jsxs as E } from "react/jsx-runtime";
 import * as M from "react";
-import B, { useState as S1, useEffect as M1, forwardRef as p3, useMemo as ae, useLayoutEffect as j6, useRef as D1, createContext as Ue, useContext as x1, useId as g3, useCallback as U6, Component as S9, useInsertionEffect as $6, Fragment as W6, createElement as T9, Children as P9, isValidElement as E9, useImperativeHandle as k9 } from "react";
+import B, { useState as S1, useEffect as H1, forwardRef as p3, useMemo as ae, useLayoutEffect as j6, useRef as D1, createContext as Ue, useContext as L1, useId as g3, useCallback as U6, Component as S9, useInsertionEffect as $6, Fragment as W6, createElement as T9, Children as P9, isValidElement as E9, useImperativeHandle as k9 } from "react";
 import * as Z9 from "react-dom";
 import A9 from "react-dom";
 function z6(e) {
@@ -2386,9 +2386,9 @@ function f0() {
     }
   };
 }
-const h0 = /* @__PURE__ */ K9(f0), H1 = (...e) => h0(R9(e)), J6 = () => {
+const h0 = /* @__PURE__ */ K9(f0), v1 = (...e) => h0(R9(e)), J6 = () => {
   const [e, t] = S1(!1);
-  return M1(() => {
+  return H1(() => {
     t(!0);
   }, []), e;
 }, i2 = ({ children: e, fallback: t = null }) => J6() ? /* @__PURE__ */ a(be, { children: e }) : /* @__PURE__ */ a(be, { children: t }), C0 = ({
@@ -2398,7 +2398,7 @@ const h0 = /* @__PURE__ */ K9(f0), H1 = (...e) => h0(R9(e)), J6 = () => {
   style: r
 }) => {
   const [i, o] = S1(null);
-  return M1(() => {
+  return H1(() => {
     import("./index.es-BsweaPuE.js").then((s) => {
       o(() => s.default);
     });
@@ -2841,7 +2841,7 @@ const h0 = /* @__PURE__ */ K9(f0), H1 = (...e) => h0(R9(e)), J6 = () => {
       "button",
       {
         ref: c,
-        className: H1(
+        className: v1(
           "gf-transition-colors gf-duration-300",
           i,
           o5({
@@ -2940,7 +2940,7 @@ const h0 = /* @__PURE__ */ K9(f0), H1 = (...e) => h0(R9(e)), J6 = () => {
   return /* @__PURE__ */ a(
     e,
     {
-      className: H1(
+      className: v1(
         s5({
           size: t,
           weight: n,
@@ -2969,7 +2969,7 @@ const h0 = /* @__PURE__ */ K9(f0), H1 = (...e) => h0(R9(e)), J6 = () => {
   className: t,
   children: n,
   ...r
-}) => /* @__PURE__ */ a("div", { ...r, className: H1(S0({ level: e }), t), children: n });
+}) => /* @__PURE__ */ a("div", { ...r, className: v1(S0({ level: e }), t), children: n });
 var oe = function() {
   return oe = Object.assign || function(t) {
     for (var n, r = 1, i = arguments.length; r < i; r++) {
@@ -3482,7 +3482,7 @@ const f7 = $e(
   o2,
   {
     level: "medium",
-    className: H1(f7({ open: e, size: t, className: r })),
+    className: v1(f7({ open: e, size: t, className: r })),
     ...i,
     children: n
   }
@@ -3503,7 +3503,7 @@ const f7 = $e(
   }
 ), C7 = ({ open: e, onClose: t, disableScrollLock: n, children: r }) => {
   const [i, o] = S1(!1);
-  M1(() => {
+  H1(() => {
     e && o(!0);
   }, [e]);
   const s = (l) => {
@@ -4475,7 +4475,7 @@ function Zn() {
 function b3(e) {
   return typeof window < "u" && window.navigator != null ? e.test(window.navigator.platform) : void 0;
 }
-const Mr = 24, Hr = typeof window < "u" ? j6 : M1;
+const Mr = 24, Hr = typeof window < "u" ? j6 : H1;
 function b5(...e) {
   return (...t) => {
     for (let n of e)
@@ -4962,7 +4962,7 @@ function Nn({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: i, sn
         document.body.style.pointerEvents = "auto";
       }), b || (document.body.style.pointerEvents = "auto");
     }
-  }), [j, Y] = B.useState(!1), [Q, X] = B.useState(!1), [c1, d1] = B.useState(!1), o1 = B.useRef(null), s1 = B.useRef(null), y1 = B.useRef(null), G1 = B.useRef(null), N1 = B.useRef(null), P1 = B.useRef(!1), R1 = B.useRef(null), O1 = B.useRef(0), h1 = B.useRef(!1), T1 = B.useRef(!k), w1 = B.useRef(0), G = B.useRef(null), Vt = B.useRef(((_ = G.current) == null ? void 0 : _.getBoundingClientRect().height) || 0), Mt = B.useRef(((W = G.current) == null ? void 0 : W.getBoundingClientRect().width) || 0), Ve = B.useRef(0), Me = B.useCallback((b) => {
+  }), [j, Y] = B.useState(!1), [Q, X] = B.useState(!1), [c1, d1] = B.useState(!1), o1 = B.useRef(null), s1 = B.useRef(null), w1 = B.useRef(null), G1 = B.useRef(null), N1 = B.useRef(null), P1 = B.useRef(!1), R1 = B.useRef(null), O1 = B.useRef(0), h1 = B.useRef(!1), T1 = B.useRef(!k), b1 = B.useRef(0), G = B.useRef(null), Vt = B.useRef(((_ = G.current) == null ? void 0 : _.getBoundingClientRect().height) || 0), Mt = B.useRef(((W = G.current) == null ? void 0 : W.getBoundingClientRect().width) || 0), Ve = B.useRef(0), Me = B.useCallback((b) => {
     o && b === he.length - 1 && (s1.current = /* @__PURE__ */ new Date());
   }, []), { activeSnapPoint: Xe, activeSnapPointIndex: F1, setActiveSnapPoint: qe, onRelease: ee, snapPointsOffset: he, onDrag: Ht, shouldFade: Qe, getPercentageDragged: w2 } = Ir({
     snapPoints: o,
@@ -4992,7 +4992,7 @@ function Nn({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: i, sn
   }
   function St(b) {
     var v, L;
-    !d && !o || G.current && !G.current.contains(b.target) || (Vt.current = ((v = G.current) == null ? void 0 : v.getBoundingClientRect().height) || 0, Mt.current = ((L = G.current) == null ? void 0 : L.getBoundingClientRect().width) || 0, X(!0), y1.current = /* @__PURE__ */ new Date(), Zn() && window.addEventListener("touchend", () => P1.current = !1, {
+    !d && !o || G.current && !G.current.contains(b.target) || (Vt.current = ((v = G.current) == null ? void 0 : v.getBoundingClientRect().height) || 0, Mt.current = ((L = G.current) == null ? void 0 : L.getBoundingClientRect().width) || 0, X(!0), w1.current = /* @__PURE__ */ new Date(), Zn() && window.addEventListener("touchend", () => P1.current = !1, {
       once: !0
     }), b.target.setPointerCapture(b.pointerId), O1.current = g1(S) ? b.pageY : b.pageX);
   }
@@ -5080,11 +5080,11 @@ function Nn({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: i, sn
         const n1 = G.current.getBoundingClientRect().height || 0, J = n1 > F * 0.8;
         Ve.current || (Ve.current = n1);
         const t1 = G.current.getBoundingClientRect().top;
-        if (Math.abs(w1.current - z) > 60 && (h1.current = !h1.current), o && o.length > 0 && he && F1) {
+        if (Math.abs(b1.current - z) > 60 && (h1.current = !h1.current), o && o.length > 0 && he && F1) {
           const a1 = he[F1] || 0;
           z += a1;
         }
-        if (w1.current = z, n1 > R || h1.current) {
+        if (b1.current = z, n1 > R || h1.current) {
           const a1 = G.current.getBoundingClientRect().height;
           let i1 = a1;
           a1 > R && (i1 = R - (J ? t1 : Q2)), C ? G.current.style.height = `${a1 - Math.max(z, 0)}px` : G.current.style.height = `${Math.max(i1, R - t1)}px`;
@@ -5137,8 +5137,8 @@ function Nn({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: i, sn
     if (!Q || !G.current) return;
     G.current.classList.remove(A2), P1.current = !1, X(!1), G1.current = /* @__PURE__ */ new Date();
     const v = Bt(G.current, S);
-    if (!b || !Tt(b.target, !1) || !v || Number.isNaN(v) || y1.current === null) return;
-    const L = G1.current.getTime() - y1.current.getTime(), A = O1.current - (g1(S) ? b.pageY : b.pageX), R = Math.abs(A) / L;
+    if (!b || !Tt(b.target, !1) || !v || Number.isNaN(v) || w1.current === null) return;
+    const L = G1.current.getTime() - w1.current.getTime(), A = O1.current - (g1(S) ? b.pageY : b.pageX), R = Math.abs(A) / L;
     if (R > 0.05 && (d1(!0), setTimeout(() => {
       d1(!1);
     }, 200)), o) {
@@ -5452,7 +5452,7 @@ const It = {
     /* @__PURE__ */ a("div", { className: "gf-mx-auto gf-mb-3 gf-h-1 gf-w-[60px] gf-rounded-full gf-bg-white/30" }),
     /* @__PURE__ */ a("div", { className: "gf-scrollbar-hide gf-flex gf-max-h-[90vh] gf-flex-col gf-gap-5 gf-overflow-y-scroll", children: e })
   ] }) })
-] }) }), al = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a("div", { ...n, className: H1("gf-p-6 gf-rounded-2xl gf-w-fit", t), children: e }), ll = (e) => /* @__PURE__ */ a(
+] }) }), al = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a("div", { ...n, className: v1("gf-p-6 gf-rounded-2xl gf-w-fit", t), children: e }), ll = (e) => /* @__PURE__ */ a(
   "svg",
   {
     width: "12",
@@ -9173,7 +9173,7 @@ const It = {
 ), du = ({ checked: e, color: t, ...n }) => /* @__PURE__ */ a("div", { ...n, children: e ? /* @__PURE__ */ a(Qr, { className: "gf-cursor-pointer", color: t }) : /* @__PURE__ */ a(Jr, { className: "gf-cursor-pointer" }) }), Y1 = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
   "div",
   {
-    className: H1(
+    className: v1(
       "gf-flex gf-items-center gf-rounded-full gf-text-dark-grey gf-font-medium gf-w-max gf-bg-white gf-gap-x-2",
       t
     ),
@@ -9187,7 +9187,7 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
   o2,
   {
     level: "medium",
-    className: H1("gf-px-4 gf-py-3 gf-rounded-3xl gf-w-max", t),
+    className: v1("gf-px-4 gf-py-3 gf-rounded-3xl gf-w-max", t),
     ...n,
     children: /* @__PURE__ */ a(E1, { size: "h3", weight: "bold", children: e })
   }
@@ -9199,26 +9199,28 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
   iconSize: i = 20,
   ...o
 }) => {
-  const l = t && t !== e ? Math.round(i * 1.9) : i;
+  const l = t && t !== e ? Math.round(i * 1.9) : i, c = n ? void 0 : { width: l }, u = r ? void 0 : { width: i, height: i };
   return /* @__PURE__ */ E(
     "div",
     {
-      className: `gf-relative gf-flex gf-items-center ${n}`,
-      style: { width: l },
+      className: v1("gf-relative gf-flex gf-items-center gf-h-5 gf-w-[38px]", n),
+      style: c,
       ...o,
       children: [
         /* @__PURE__ */ a(
           "img",
           {
             src: e,
-            className: H1(`gf-absolute gf-left-0 gf-z-30 !gf-h-[${i}px] !gf-w-[${i}px]`, r)
+            className: v1("gf-absolute gf-left-0 gf-z-30 gf-h-5", r),
+            style: u
           }
         ),
         t && t !== e && /* @__PURE__ */ a(
           "img",
           {
             src: t,
-            className: H1(`gf-absolute gf-right-0 gf-z-20 !gf-h-[${i}px] !gf-w-[${i}px]`, r)
+            className: v1("gf-absolute gf-right-0 gf-z-20 gf-h-5", r),
+            style: u
           }
         )
       ]
@@ -9234,7 +9236,7 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
 }) => /* @__PURE__ */ a(
   "div",
   {
-    className: H1(
+    className: v1(
       "gf-flex gf-text-left gf-cursor-pointer gf-w-max",
       r
     ),
@@ -9265,58 +9267,59 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
   height: n,
   gradientHeight: r = 24,
   onClose: i = !1,
-  ...o
+  gradientClassName: o,
+  ...s
 }) => {
-  const [s, l] = S1(!0), [c, u] = S1(!0), d = D1(null), f = D1(null), h = () => {
-    if (d.current) {
-      const { scrollTop: g, scrollHeight: w, clientHeight: C } = d.current;
-      l(g + C < w), u(g > 0);
+  const [l, c] = S1(!0), [u, d] = S1(!0), f = D1(null), h = D1(null), g = () => {
+    if (f.current) {
+      const { scrollTop: w, scrollHeight: C, clientHeight: y } = f.current;
+      c(w + y < C), d(w > 0);
     }
   };
-  return M1(() => {
-    i && d.current && (d.current.scrollTop = 0);
-  }, [i]), M1(() => {
-    const g = d.current, w = f.current;
-    if (!g || !w) return;
-    h();
-    const C = new ResizeObserver(() => {
-      h();
+  return H1(() => {
+    i && f.current && (f.current.scrollTop = 0);
+  }, [i]), H1(() => {
+    const w = f.current, C = h.current;
+    if (!w || !C) return;
+    g();
+    const y = new ResizeObserver(() => {
+      g();
     });
-    return C.observe(g), C.observe(w), () => {
-      C.disconnect();
+    return y.observe(w), y.observe(C), () => {
+      y.disconnect();
     };
   }, []), /* @__PURE__ */ E(
     "div",
     {
-      className: H1(
+      className: v1(
         "gf-w-full gf-bg-white gf-relative gf-overflow-hidden",
         t
       ),
       style: { height: typeof n == "number" ? `${n}px` : n },
-      ...o,
+      ...s,
       children: [
         /* @__PURE__ */ a(
           "div",
           {
             className: "gf-h-full gf-w-full gf-overflow-auto gf-no-scrollbar",
-            onScroll: h,
-            ref: d,
-            children: /* @__PURE__ */ a("div", { ref: f, children: e })
+            onScroll: g,
+            ref: f,
+            children: /* @__PURE__ */ a("div", { ref: h, children: e })
           }
         ),
-        c && /* @__PURE__ */ a(
+        u && /* @__PURE__ */ a(
           "div",
           {
-            className: " gf-w-full gf-absolute gf-top-0 gf-left-0 gf-z-40 gf-bg-gradient-to-b gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none",
+            className: v1("gf-w-full gf-absolute gf-top-0 gf-left-0 gf-z-40 gf-bg-gradient-to-b gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none", o),
             style: {
               height: typeof r == "number" ? `${r}px` : r
             }
           }
         ),
-        s && /* @__PURE__ */ a(
+        l && /* @__PURE__ */ a(
           "div",
           {
-            className: " gf-w-full gf-absolute gf-bottom-0 gf-left-0 gf-z-40 gf-bg-gradient-to-t gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none",
+            className: v1("gf-w-full gf-absolute gf-bottom-0 gf-left-0 gf-z-40 gf-bg-gradient-to-t gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none", o),
             style: {
               height: typeof r == "number" ? `${r}px` : r
             }
@@ -9439,7 +9442,7 @@ function f2(e, { repeat: t, repeatType: n = "loop" }, r) {
   const i = e.filter(g8), o = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !o || r === void 0 ? i[o] : r;
 }
-const L1 = (e) => e;
+const V1 = (e) => e;
 function m8(e) {
   let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = !1, i = !1;
   const o = /* @__PURE__ */ new WeakSet();
@@ -9512,11 +9515,11 @@ function Wn(e, t) {
       s[Nt[H]].cancel(m);
   }, state: i, steps: s };
 }
-const { schedule: r1, cancel: z1, state: b1, steps: D2 } = Wn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : L1, !0), zn = (e) => /^0[^.\s]+$/u.test(e);
+const { schedule: r1, cancel: z1, state: x1, steps: D2 } = Wn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : V1, !0), zn = (e) => /^0[^.\s]+$/u.test(e);
 function y8(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || zn(e) : !0;
 }
-let Ge = L1, B1 = L1;
+let Ge = V1, B1 = V1;
 process.env.NODE_ENV !== "production" && (Ge = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
 }, B1 = (e, t) => {
@@ -9723,7 +9726,7 @@ const n3 = {
   test: /* @__PURE__ */ P3("hsl", "hue"),
   parse: /* @__PURE__ */ t4("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + $1.transform(ut(t)) + ", " + $1.transform(ut(n)) + ", " + ut(ct.transform(r)) + ")"
-}, V1 = {
+}, M1 = {
   test: (e) => ye.test(e) || n3.test(e) || Ae.test(e),
   parse: (e) => ye.test(e) ? ye.parse(e) : Ae.test(e) ? Ae.parse(e) : n3.parse(e),
   transform: (e) => bt(e) ? e : e.hasOwnProperty("red") ? ye.transform(e) : Ae.transform(e)
@@ -9740,7 +9743,7 @@ function vt(e) {
     var: []
   }, i = [];
   let o = 0;
-  const l = t.replace(F8, (c) => (V1.test(c) ? (r.color.push(o), i.push(r4), n.push(V1.parse(c))) : c.startsWith(N8) ? (r.var.push(o), i.push(I8), n.push(c)) : (r.number.push(o), i.push(n4), n.push(parseFloat(c))), ++o, k5)).split(k5);
+  const l = t.replace(F8, (c) => (M1.test(c) ? (r.color.push(o), i.push(r4), n.push(M1.parse(c))) : c.startsWith(N8) ? (r.var.push(o), i.push(I8), n.push(c)) : (r.number.push(o), i.push(n4), n.push(parseFloat(c))), ++o, k5)).split(k5);
   return { values: n, split: l, indexes: r, types: i };
 }
 function i4(e) {
@@ -9753,7 +9756,7 @@ function o4(e) {
     for (let s = 0; s < r; s++)
       if (o += t[s], i[s] !== void 0) {
         const l = n[s];
-        l === n4 ? o += ut(i[s]) : l === r4 ? o += V1.transform(i[s]) : o += i[s];
+        l === n4 ? o += ut(i[s]) : l === r4 ? o += M1.transform(i[s]) : o += i[s];
       }
     return o;
   };
@@ -9859,17 +9862,17 @@ const z8 = /\b([a-z-]*)\(.*?\)/gu, r3 = {
 }, G8 = {
   ...E3,
   // Color props
-  color: V1,
-  backgroundColor: V1,
-  outlineColor: V1,
-  fill: V1,
-  stroke: V1,
+  color: M1,
+  backgroundColor: M1,
+  outlineColor: M1,
+  fill: M1,
+  stroke: M1,
   // Border props
-  borderColor: V1,
-  borderTopColor: V1,
-  borderRightColor: V1,
-  borderBottomColor: V1,
-  borderLeftColor: V1,
+  borderColor: M1,
+  borderTopColor: M1,
+  borderRightColor: M1,
+  borderBottomColor: M1,
+  borderLeftColor: M1,
   filter: r3,
   WebkitFilter: r3
 }, k3 = (e) => G8[e];
@@ -9952,7 +9955,7 @@ function X8() {
   Gt = void 0;
 }
 const W1 = {
-  now: () => (Gt === void 0 && W1.set(b1.isProcessing || p8.useManualTiming ? b1.timestamp : performance.now()), Gt),
+  now: () => (Gt === void 0 && W1.set(x1.isProcessing || p8.useManualTiming ? x1.timestamp : performance.now()), Gt),
   set: (e) => {
     Gt = e, queueMicrotask(X8);
   }
@@ -10203,12 +10206,12 @@ function fi(e, t, n, r, i) {
 }
 function Ye(e, t, n, r) {
   if (e === t && n === r)
-    return L1;
+    return V1;
   const i = (o) => fi(o, 0, 1, e, n);
   return (o) => o === 0 || o === 1 ? o : f4(i(o), t, r);
 }
 const hi = /* @__PURE__ */ Ye(0.42, 0, 1, 1), Ci = /* @__PURE__ */ Ye(0, 0, 0.58, 1), h4 = /* @__PURE__ */ Ye(0.42, 0, 0.58, 1), C4 = (e) => Array.isArray(e) && typeof e[0] != "number", p4 = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, g4 = (e) => (t) => 1 - e(1 - t), A3 = (e) => 1 - Math.sin(Math.acos(e)), m4 = g4(A3), pi = p4(A3), v4 = /* @__PURE__ */ Ye(0.33, 1.53, 0.69, 0.99), D3 = /* @__PURE__ */ g4(v4), gi = /* @__PURE__ */ p4(D3), mi = (e) => (e *= 2) < 1 ? 0.5 * D3(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), _5 = {
-  linear: L1,
+  linear: V1,
   easeIn: hi,
   easeInOut: h4,
   easeOut: Ci,
@@ -10278,7 +10281,7 @@ function Li(e, t) {
   return (n) => u1(e, t, n);
 }
 function R3(e) {
-  return typeof e == "number" ? Li : typeof e == "string" ? H3(e) ? Qt : V1.test(e) ? I5 : Hi : Array.isArray(e) ? y4 : typeof e == "object" ? V1.test(e) ? I5 : Vi : Qt;
+  return typeof e == "number" ? Li : typeof e == "string" ? H3(e) ? Qt : M1.test(e) ? I5 : Hi : Array.isArray(e) ? y4 : typeof e == "object" ? M1.test(e) ? I5 : Vi : Qt;
 }
 function y4(e, t) {
   const n = [...e], r = n.length, i = e.map((o, s) => R3(o)(o, t[s]));
@@ -10319,7 +10322,7 @@ function Si(e, t, n) {
   for (let s = 0; s < o; s++) {
     let l = i(e[s], e[s + 1]);
     if (t) {
-      const c = Array.isArray(t) ? t[s] || L1 : t;
+      const c = Array.isArray(t) ? t[s] || V1 : t;
       l = q1(c, l);
     }
     r.push(l);
@@ -10395,7 +10398,7 @@ const Ei = (e) => {
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => b1.isProcessing ? b1.timestamp : W1.now()
+    now: () => x1.isProcessing ? x1.timestamp : W1.now()
   };
 }, ki = {
   decay: O5,
@@ -10678,11 +10681,11 @@ class N5 extends c4 {
     else {
       const { resolved: n } = this;
       if (!n)
-        return L1;
+        return V1;
       const { animation: r } = n;
       r.timeline = t, r.onfinish = null;
     }
-    return L1;
+    return V1;
   }
   play() {
     if (this.isStopped)
@@ -11132,9 +11135,9 @@ class Gi extends P4 {
     this.set(this.output.length ? this.output.join(", ") : "auto");
   }
 }
-const v1 = (e) => !!(e && e.getVelocity);
+const y1 = (e) => !!(e && e.getVelocity);
 function Ki(e) {
-  return !!(v1(e) && e.add);
+  return !!(y1(e) && e.add);
 }
 function l3(e, t) {
   var n;
@@ -11441,7 +11444,7 @@ class R4 {
       const f = N2(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, g = uo(f.offset, { x: 0, y: 0 }) >= 3;
       if (!h && !g)
         return;
-      const { point: w } = f, { timestamp: C } = b1;
+      const { point: w } = f, { timestamp: C } = x1;
       this.history.push({ ...w, timestamp: C });
       const { onStart: y, onMove: m } = this.handlers;
       h || (y && y(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), m && m(this.lastMoveEvent, f);
@@ -11457,7 +11460,7 @@ class R4 {
     }, !D4(t))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = r, this.contextWindow = i || window;
-    const s = p2(t), l = I2(s, this.transformPagePoint), { point: c } = l, { timestamp: u } = b1;
+    const s = p2(t), l = I2(s, this.transformPagePoint), { point: c } = l, { timestamp: u } = x1;
     this.history = [{ ...c, timestamp: u }];
     const { onSessionStart: d } = n;
     d && d(t, N2(l, this.history)), this.removeListeners = q1(Q1(this.contextWindow, "pointermove", this.handlePointerMove), Q1(this.contextWindow, "pointerup", this.handlePointerUp), Q1(this.contextWindow, "pointercancel", this.handlePointerUp));
@@ -11948,11 +11951,11 @@ function Zo(e, t = 10) {
 }
 class Ao extends fe {
   constructor(t) {
-    super(t), this.removeGroupControls = L1, this.removeListeners = L1, this.controls = new ko(t);
+    super(t), this.removeGroupControls = V1, this.removeListeners = V1, this.controls = new ko(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || L1;
+    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || V1;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -11963,7 +11966,7 @@ const a6 = (e) => (t, n) => {
 };
 class Do extends fe {
   constructor() {
-    super(...arguments), this.removePointerDownListener = L1;
+    super(...arguments), this.removePointerDownListener = V1;
   }
   onPointerDown(t) {
     this.session = new R4(t, this.createPanHandlers(), {
@@ -11994,11 +11997,11 @@ class Do extends fe {
 }
 const g2 = Ue(null);
 function Ro() {
-  const e = x1(g2);
+  const e = L1(g2);
   if (e === null)
     return [!0, null];
   const { isPresent: t, onExitComplete: n, register: r } = e, i = g3();
-  M1(() => r(i), []);
+  H1(() => r(i), []);
   const o = U6(() => n && n(i), [i, n]);
   return !t && n ? [!1, o] : [!0];
 }
@@ -12085,8 +12088,8 @@ class Bo extends S9 {
   }
 }
 function K4(e) {
-  const [t, n] = Ro(), r = x1(j3);
-  return a(Bo, { ...e, layoutGroup: r, switchLayoutGroup: x1(G4), isPresent: t, safeToRemove: n });
+  const [t, n] = Ro(), r = L1(j3);
+  return a(Bo, { ...e, layoutGroup: r, switchLayoutGroup: L1(G4), isPresent: t, safeToRemove: n });
 }
 const Io = {
   borderRadius: {
@@ -12123,7 +12126,7 @@ function Fo(e, t, n, r, i, o) {
 function d6(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const jo = /* @__PURE__ */ X4(0, 0.5, m4), Uo = /* @__PURE__ */ X4(0.5, 0.95, L1);
+const jo = /* @__PURE__ */ X4(0, 0.5, m4), Uo = /* @__PURE__ */ X4(0.5, 0.95, V1);
 function X4(e, t, n) {
   return (r) => r < e ? 0 : r > t ? 1 : n(Ne(e, t, r));
 }
@@ -12256,7 +12259,7 @@ class qo {
   }
 }
 function Yt(e) {
-  const t = v1(e) ? e.get() : e;
+  const t = y1(e) ? e.get() : e;
   return Fi(t) ? t.toValue() : t;
 }
 function Qo(e, t) {
@@ -12270,7 +12273,7 @@ function J4(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
 function $3(e, t, n) {
-  const r = v1(e) ? e : Fe(e);
+  const r = y1(e) ? e : Fe(e);
   return r.start(I3("", r, t, n)), r.animation;
 }
 const me = {
@@ -12405,7 +12408,7 @@ function t9({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       }
       this.isUpdating || this.nodes.forEach(ss), this.isUpdating = !1, this.nodes.forEach(as), this.nodes.forEach(ts), this.nodes.forEach(ns), this.clearAllSnapshots();
       const l = W1.now();
-      b1.delta = le(0, 1e3 / 60, l - b1.timestamp), b1.timestamp = l, b1.isProcessing = !0, D2.update.process(b1), D2.preRender.process(b1), D2.render.process(b1), b1.isProcessing = !1;
+      x1.delta = le(0, 1e3 / 60, l - x1.timestamp), x1.timestamp = l, x1.isProcessing = !0, D2.update.process(x1), D2.preRender.process(x1), D2.render.process(x1), x1.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, U3.read(this.scheduleUpdate));
@@ -12530,7 +12533,7 @@ function t9({ 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 !== b1.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== x1.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(s = !1) {
       var l;
@@ -12541,7 +12544,7 @@ function t9({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       const { layout: f, layoutId: h } = this.options;
       if (!(!this.layout || !(f || h))) {
-        if (this.resolvedRelativeTargetAt = b1.timestamp, !this.targetDelta && !this.relativeTarget) {
+        if (this.resolvedRelativeTargetAt = x1.timestamp, !this.targetDelta && !this.relativeTarget) {
           const g = this.getClosestProjectingParent();
           g && g.layout && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = p1(), this.relativeTargetOrigin = p1(), ht(this.relativeTargetOrigin, this.layout.layoutBox, g.layout.layoutBox), Z1(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
@@ -12566,7 +12569,7 @@ function t9({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       var s;
       const l = this.getLead(), c = !!this.resumingFrom || this !== l;
       let u = !0;
-      if ((this.isProjectionDirty || !((s = this.parent) === null || s === void 0) && s.isProjectionDirty) && (u = !1), c && (this.isSharedProjectionDirty || this.isTransformDirty) && (u = !1), this.resolvedRelativeTargetAt === b1.timestamp && (u = !1), u)
+      if ((this.isProjectionDirty || !((s = this.parent) === null || s === void 0) && s.isProjectionDirty) && (u = !1), c && (this.isSharedProjectionDirty || this.isTransformDirty) && (u = !1), this.resolvedRelativeTargetAt === x1.timestamp && (u = !1), u)
         return;
       const { layout: d, layoutId: f } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(d || f))
@@ -12837,7 +12840,7 @@ function hs(e) {
 const Cs = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, S6 = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), T6 = S6("applewebkit/") && !S6("chrome/") ? Math.round : L1;
+}, S6 = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), T6 = S6("applewebkit/") && !S6("chrome/") ? Math.round : V1;
 function P6(e) {
   e.min = T6(e.min), e.max = T6(e.max);
 }
@@ -12937,7 +12940,7 @@ function W2(e, t) {
 }
 class bs extends fe {
   constructor() {
-    super(...arguments), this.removeStartListeners = L1, this.removeEndListeners = L1, this.removeAccessibleListeners = L1, this.startPointerPress = (t, n) => {
+    super(...arguments), this.removeStartListeners = V1, this.removeEndListeners = V1, this.removeAccessibleListeners = V1, this.startPointerPress = (t, n) => {
       if (this.isPressing)
         return;
       this.removeEndListeners();
@@ -13074,11 +13077,11 @@ const Ps = {
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), v2 = Ue({}), W3 = typeof window < "u", z3 = W3 ? j6 : M1, o9 = Ue({ strict: !1 });
+}), v2 = Ue({}), W3 = typeof window < "u", z3 = W3 ? j6 : H1, o9 = Ue({ strict: !1 });
 let k6 = !1;
 function ks(e, t, n, r, i) {
   var o;
-  const { visualElement: s } = x1(v2), l = x1(o9), c = x1(g2), u = x1(m2).reducedMotion, d = D1();
+  const { visualElement: s } = L1(v2), l = L1(o9), c = L1(g2), u = L1(m2).reducedMotion, d = D1();
   r = r || l.renderer, !d.current && r && (d.current = r(e, {
     visualState: t,
     parent: s,
@@ -13087,14 +13090,14 @@ function ks(e, t, n, r, i) {
     blockInitialAnimation: c ? c.initial === !1 : !1,
     reducedMotionConfig: u
   }));
-  const f = d.current, h = x1(G4);
+  const f = d.current, h = L1(G4);
   f && !f.projection && i && (f.type === "html" || f.type === "svg") && As(d.current, n, i, h), $6(() => {
     f && f.update(n, c);
   });
   const g = n[E4], w = D1(!!g && !window.MotionHandoffIsComplete && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, g)));
   return z3(() => {
     f && (f.updateFeatures(), U3.render(f.render), w.current && f.animationState && f.animationState.animateChanges());
-  }), M1(() => {
+  }), H1(() => {
     f && (!w.current && f.animationState && f.animationState.animateChanges(), w.current = !1, k6 || (k6 = !0, queueMicrotask(Zs)));
   }), f;
 }
@@ -13155,7 +13158,7 @@ function Rs(e, t) {
   return e.inherit !== !1 ? t : {};
 }
 function Os(e) {
-  const { initial: t, animate: n } = Rs(e, x1(v2));
+  const { initial: t, animate: n } = Rs(e, L1(v2));
   return ae(() => ({ initial: t, animate: n }), [Z6(t), Z6(n)]);
 }
 function Z6(e) {
@@ -13198,7 +13201,7 @@ function Is({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
   function o(l, c) {
     let u;
     const d = {
-      ...x1(m2),
+      ...L1(m2),
       ...l,
       layoutId: Ns(l)
     }, { isStatic: f } = d, h = Os(l), g = r(l, f);
@@ -13213,11 +13216,11 @@ function Is({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
   return s[Bs] = i, s;
 }
 function Ns({ layoutId: e }) {
-  const t = x1(j3).id;
+  const t = L1(j3).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function Fs(e, t) {
-  const n = x1(o9).strict;
+  const n = L1(o9).strict;
   if (process.env.NODE_ENV !== "production" && t && n) {
     const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     e.ignoreStrict ? Ge(!1, r) : B1(!1, r);
@@ -13322,13 +13325,13 @@ function K3(e, t, n) {
   var r;
   const { style: i } = e, o = {};
   for (const s in i)
-    (v1(i[s]) || t.style && v1(t.style[s]) || d9(s, e) || ((r = n == null ? void 0 : n.getValue(s)) === null || r === void 0 ? void 0 : r.liveStyle) !== void 0) && (o[s] = i[s]);
+    (y1(i[s]) || t.style && y1(t.style[s]) || d9(s, e) || ((r = n == null ? void 0 : n.getValue(s)) === null || r === void 0 ? void 0 : r.liveStyle) !== void 0) && (o[s] = i[s]);
   return n && i && typeof i.willChange == "string" && (n.applyWillChange = !1), o;
 }
 function f9(e, t, n) {
   const r = K3(e, t, n);
   for (const i in e)
-    if (v1(e[i]) || v1(t[i])) {
+    if (y1(e[i]) || y1(t[i])) {
       const o = wt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       r[o] = e[i];
     }
@@ -13346,7 +13349,7 @@ function $s({ applyWillChange: e = !1, scrapeMotionValuesFromProps: t, createRen
   return r && (c.mount = (u) => r(i, u, c)), c;
 }
 const h9 = (e) => (t, n) => {
-  const r = x1(v2), i = x1(g2), o = () => $s(e, t, r, i, n);
+  const r = L1(v2), i = L1(g2), o = () => $s(e, t, r, i, n);
   return n ? o() : Le(o);
 };
 function Ws(e, t) {
@@ -13515,7 +13518,7 @@ const Q3 = (e) => typeof e == "string" && e.toLowerCase() === "svg", ea = {
 };
 function g9(e, t, n) {
   for (const r in t)
-    !v1(t[r]) && !d9(r, n) && (e[r] = t[r]);
+    !y1(t[r]) && !d9(r, n) && (e[r] = t[r]);
 }
 function na({ transformTemplate: e }, t) {
   return ae(() => {
@@ -13597,7 +13600,7 @@ function la(e, t, n, r) {
 }
 function ca(e = !1) {
   return (n, r, i, { latestValues: o }, s) => {
-    const c = (G3(n) ? la : ia)(r, o, s, n), u = aa(r, typeof n == "string", e), d = n !== W6 ? { ...u, ...c, ref: i } : {}, { children: f } = r, h = ae(() => v1(f) ? f.get() : f, [f]);
+    const c = (G3(n) ? la : ia)(r, o, s, n), u = aa(r, typeof n == "string", e), d = n !== W6 ? { ...u, ...c, ref: i } : {}, { children: f } = r, h = ae(() => y1(f) ? f.get() : f, [f]);
     return T9(n, {
       ...d,
       children: h
@@ -13628,9 +13631,9 @@ function da() {
 function fa(e, t, n) {
   for (const r in t) {
     const i = t[r], o = n[r];
-    if (v1(i))
+    if (y1(i))
       e.addValue(r, i), process.env.NODE_ENV === "development" && u2(i.version === "11.5.6", `Attempting to mix Framer Motion versions ${i.version} with 11.5.6 may not work as expected.`);
-    else if (v1(o))
+    else if (y1(o))
       e.addValue(r, Fe(i, { owner: e }));
     else if (o !== i)
       if (e.hasValue(r)) {
@@ -13645,7 +13648,7 @@ function fa(e, t, n) {
     t[r] === void 0 && e.removeValue(r);
   return t;
 }
-const yt = /* @__PURE__ */ new WeakMap(), ha = [...Qn, V1, ce], Ca = (e) => ha.find(qn(e)), O6 = [
+const yt = /* @__PURE__ */ new WeakMap(), ha = [...Qn, M1, ce], Ca = (e) => ha.find(qn(e)), O6 = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -13677,7 +13680,7 @@ class pa {
     const { willChange: d, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const h in f) {
       const g = f[h];
-      c[h] !== void 0 && v1(g) && g.set(c[h], !1);
+      c[h] !== void 0 && y1(g) && g.set(c[h], !1);
     }
   }
   mount(t) {
@@ -13814,7 +13817,7 @@ class pa {
   readValue(t, n) {
     var r;
     let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : (r = this.getBaseTargetFromProps(this.props, t)) !== null && r !== void 0 ? r : this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (Gn(i) || zn(i)) ? i = parseFloat(i) : !Ca(i) && ce.test(n) && (i = s4(t, n)), this.setBaseTarget(t, v1(i) ? i.get() : i)), v1(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (Gn(i) || zn(i)) ? i = parseFloat(i) : !Ca(i) && ce.test(n) && (i = s4(t, n)), this.setBaseTarget(t, y1(i) ? i.get() : i)), y1(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -13838,7 +13841,7 @@ class pa {
     if (r && i !== void 0)
       return i;
     const o = this.getBaseTargetFromProps(this.props, t);
-    return o !== void 0 && !v1(o) ? o : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
+    return o !== void 0 && !y1(o) ? o : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
     return this.events[t] || (this.events[t] = new N3()), this.events[t].add(n);
@@ -13889,7 +13892,7 @@ class w9 extends y9 {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    v1(t) && (this.childSubscription = t.on("change", (n) => {
+    y1(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -13953,7 +13956,7 @@ function wa({ children: e, isPresent: t }) {
     height: 0,
     top: 0,
     left: 0
-  }), { nonce: o } = x1(m2);
+  }), { nonce: o } = L1(m2);
   return $6(() => {
     const { width: s, height: l, top: c, left: u } = i.current;
     if (t || !r.current || !s || !l)
@@ -14033,7 +14036,7 @@ const La = ({ children: e, exitBeforeEnter: t, custom: n, initial: r = !0, onExi
     return;
   }
   process.env.NODE_ENV !== "production" && s === "wait" && w.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: m } = x1(j3);
+  const { forceRender: m } = L1(j3);
   return a(be, { children: w.map((H) => {
     const x = Ut(H), S = l === w || c.includes(x), k = () => {
       if (f.has(x))
@@ -14049,10 +14052,10 @@ const La = ({ children: e, exitBeforeEnter: t, custom: n, initial: r = !0, onExi
   }) });
 };
 function x9(e) {
-  const t = Le(() => Fe(e)), { isStatic: n } = x1(m2);
+  const t = Le(() => Fe(e)), { isStatic: n } = L1(m2);
   if (n) {
     const [, r] = S1(e);
-    M1(() => t.on("change", r), []);
+    H1(() => t.on("change", r), []);
   }
   return t;
 }
@@ -14103,7 +14106,7 @@ function V9(e, t, n) {
   return Array.from(e || []);
 }
 function Pa(e) {
-  return M1(() => () => e(), []);
+  return H1(() => () => e(), []);
 }
 function Ea(e) {
   return typeof e == "object" && !Array.isArray(e);
@@ -14199,7 +14202,7 @@ function Ia(e, { defaultTransition: t = {}, ...n } = {}, r) {
       const Q = N.length - P.length;
       Q > 0 && x4(N, Q), P.length === 1 && P.unshift(null), Oa(k, P, _, N, j, Y), m = Math.max(e1 + W, m), f = Math.max(Y, f);
     };
-    if (v1(w)) {
+    if (y1(w)) {
       const x = N6(w, s);
       H(C, y, F6("default", x));
     } else {
@@ -14270,7 +14273,7 @@ function Wa(e, t, n) {
   const r = [];
   return Ia(e, t, n).forEach(({ keyframes: o, transition: s }, l) => {
     let c;
-    v1(l) ? c = $3(l, o.default, s.default) : c = M9(l, o, s), r.push(c);
+    y1(l) ? c = $3(l, o.default, s.default) : c = M9(l, o, s), r.push(c);
   }), new B3(r);
 }
 const za = (e) => {
@@ -14317,7 +14320,7 @@ const Ya = ({
   const [r] = S1(
     "https://garden-bucket-cdn.s3.eu-central-1.amazonaws.com/flowers_bg.mp4"
   ), [i, o] = S1("initial"), s = D1(null), l = D1(null), c = x9(45), u = Ta(c, (d) => `${d}% center`);
-  return M1(() => {
+  return H1(() => {
     if (t)
       o("visible");
     else {
@@ -14458,9 +14461,9 @@ const Ya = ({
     return k9(i, () => ({
       startAnimation: c,
       stopAnimation: u
-    })), M1(() => {
+    })), H1(() => {
       t ? c() : u();
-    }, [t]), M1(() => {
+    }, [t]), H1(() => {
       const d = () => {
         t || c();
       }, f = () => {
@@ -14473,7 +14476,7 @@ const Ya = ({
     }, [s, t]), /* @__PURE__ */ a("div", { ref: s, children: /* @__PURE__ */ a(
       "span",
       {
-        className: H1(
+        className: v1(
           "gf-flex gf-h-5 gf-items-center gf-justify-start gf-overflow-hidden gf-pr-0.5",
           n
         ),
@@ -14579,7 +14582,7 @@ const ot = ({
   const [i, o] = S1(!1), [s, l] = S1(
     null
   ), c = J6(), u = D1(null);
-  M1(() => () => {
+  H1(() => () => {
     u.current && clearTimeout(u.current);
   }, []);
   const d = t && t === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", f = "https://garden.finance", h = {
@@ -14676,7 +14679,7 @@ const ot = ({
       isExternal: !0
     },
     btcTocbBtc: {
-      title: "BTC to cbBtc",
+      title: "BTC to cbBTC",
       link: f + "/routes/bridge-btc-to-cbbtc-base",
       chain: "Base",
       isExternal: !0
@@ -14706,9 +14709,9 @@ const ot = ({
       isExternal: !0
     },
     cbBtcBaseTocbBtcSolana: {
-      title: " to cbBtc",
+      title: " to cbBTC",
       link: f + "/routes/bridge-cbbtc-base-to-cbbtc-solana",
-      inputAsset: "cbBtc",
+      inputAsset: "cbBTC",
       inputChain: "Base",
       chain: "Solana",
       isExternal: !0
@@ -14763,7 +14766,7 @@ const ot = ({
   return /* @__PURE__ */ E(
     "footer",
     {
-      className: H1(
+      className: v1(
         "gf-z-10 gf-relative gf-mx-auto gf-flex gf-w-full gf-flex-col gf-items-center gf-justify-center gf-bg-white gf-px-6 gf-pb-10 gf-pt-20 md:gf-px-10",
         e,
         i ? "gf-text-white" : "gf-text-dark-grey"
@@ -14956,8 +14959,8 @@ var H9 = { exports: {} };
       var P, D, N, U, I, _, W = 0, e1 = !1, q = !1, j = !0;
       if (typeof k != "function") throw new TypeError("Expected a function");
       function Y(o1) {
-        var s1 = P, y1 = D;
-        return P = D = void 0, W = o1, U = k.apply(y1, s1);
+        var s1 = P, w1 = D;
+        return P = D = void 0, W = o1, U = k.apply(w1, s1);
       }
       function Q(o1) {
         var s1 = o1 - _;
@@ -14967,8 +14970,8 @@ var H9 = { exports: {} };
         var o1 = H();
         if (Q(o1)) return c1(o1);
         I = setTimeout(X, function(s1) {
-          var y1 = O - (s1 - _);
-          return q ? m(y1, N - (s1 - W)) : y1;
+          var w1 = O - (s1 - _);
+          return q ? m(w1, N - (s1 - W)) : w1;
         }(o1));
       }
       function c1(o1) {
@@ -14977,8 +14980,8 @@ var H9 = { exports: {} };
       function d1() {
         var o1 = H(), s1 = Q(o1);
         if (P = arguments, D = this, _ = o1, s1) {
-          if (I === void 0) return function(y1) {
-            return W = y1, I = setTimeout(X, O), e1 ? Y(y1) : U;
+          if (I === void 0) return function(w1) {
+            return W = w1, I = setTimeout(X, O), e1 ? Y(w1) : U;
           }(_);
           if (q) return I = setTimeout(X, O), Y(_);
         }
@@ -15018,11 +15021,11 @@ var H9 = { exports: {} };
       var U = !0, I = !0;
       if (typeof P != "function") throw new TypeError(l);
       return O(N) && (U = "leading" in N ? !!N.leading : U, I = "trailing" in N ? !!N.trailing : I), function(_, W, e1) {
-        var q, j, Y, Q, X, c1, d1 = 0, o1 = !1, s1 = !1, y1 = !0;
+        var q, j, Y, Q, X, c1, d1 = 0, o1 = !1, s1 = !1, w1 = !0;
         if (typeof _ != "function") throw new TypeError(l);
         function G1(h1) {
-          var T1 = q, w1 = j;
-          return q = j = void 0, d1 = h1, Q = _.apply(w1, T1);
+          var T1 = q, b1 = j;
+          return q = j = void 0, d1 = h1, Q = _.apply(b1, T1);
         }
         function N1(h1) {
           var T1 = h1 - c1;
@@ -15032,24 +15035,24 @@ var H9 = { exports: {} };
           var h1 = k();
           if (N1(h1)) return R1(h1);
           X = setTimeout(P1, function(T1) {
-            var w1 = W - (T1 - c1);
-            return s1 ? S(w1, Y - (T1 - d1)) : w1;
+            var b1 = W - (T1 - c1);
+            return s1 ? S(b1, Y - (T1 - d1)) : b1;
           }(h1));
         }
         function R1(h1) {
-          return X = void 0, y1 && q ? G1(h1) : (q = j = void 0, Q);
+          return X = void 0, w1 && q ? G1(h1) : (q = j = void 0, Q);
         }
         function O1() {
           var h1 = k(), T1 = N1(h1);
           if (q = arguments, j = this, c1 = h1, T1) {
-            if (X === void 0) return function(w1) {
-              return d1 = w1, X = setTimeout(P1, W), o1 ? G1(w1) : Q;
+            if (X === void 0) return function(b1) {
+              return d1 = b1, X = setTimeout(P1, W), o1 ? G1(b1) : Q;
             }(c1);
             if (s1) return X = setTimeout(P1, W), G1(c1);
           }
           return X === void 0 && (X = setTimeout(P1, W)), Q;
         }
-        return W = Z(W) || 0, O(e1) && (o1 = !!e1.leading, Y = (s1 = "maxWait" in e1) ? x(Z(e1.maxWait) || 0, W) : Y, y1 = "trailing" in e1 ? !!e1.trailing : y1), O1.cancel = function() {
+        return W = Z(W) || 0, O(e1) && (o1 = !!e1.leading, Y = (s1 = "maxWait" in e1) ? x(Z(e1.maxWait) || 0, W) : Y, w1 = "trailing" in e1 ? !!e1.trailing : w1), O1.cancel = function() {
           X !== void 0 && clearTimeout(X), d1 = 0, q = c1 = j = X = void 0;
         }, O1.flush = function() {
           return X === void 0 ? Q : R1(k());
@@ -15378,7 +15381,7 @@ var H9 = { exports: {} };
         return p && typeof Symbol == "function" && p.constructor === Symbol && p !== Symbol.prototype ? "symbol" : typeof p;
       }, s1(T);
     }
-    function y1(T, p) {
+    function w1(T, p) {
       for (var V = 0; V < p.length; V++) {
         var b = p[V];
         b.enumerable = b.enumerable || !1, b.configurable = !0, "value" in b && (b.writable = !0), Object.defineProperty(T, G1(b.key), b);
@@ -15438,16 +15441,16 @@ var H9 = { exports: {} };
         v.prototype = Object.create(L && L.prototype, { constructor: { value: v, writable: !0, configurable: !0 } }), Object.defineProperty(v, "prototype", { writable: !1 }), L && O1(v, L);
       }(p, T), V = p, (b = [{ key: "render", value: function() {
         return o().createElement(S, this.props);
-      } }]) && y1(V.prototype, b), Object.defineProperty(V, "prototype", { writable: !1 }), V;
+      } }]) && w1(V.prototype, b), Object.defineProperty(V, "prototype", { writable: !1 }), V;
       var V, b;
     }(o().Component);
     const T1 = o1(h1);
-    function w1(T) {
-      return w1 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(p) {
+    function b1(T) {
+      return b1 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(p) {
         return typeof p;
       } : function(p) {
         return p && typeof Symbol == "function" && p.constructor === Symbol && p !== Symbol.prototype ? "symbol" : typeof p;
-      }, w1(T);
+      }, b1(T);
     }
     function G(T, p) {
       for (var V = 0; V < p.length; V++) {
@@ -15457,20 +15460,20 @@ var H9 = { exports: {} };
     }
     function Vt(T) {
       var p = function(V, b) {
-        if (w1(V) != "object" || !V) return V;
+        if (b1(V) != "object" || !V) return V;
         var v = V[Symbol.toPrimitive];
         if (v !== void 0) {
           var L = v.call(V, "string");
-          if (w1(L) != "object") return L;
+          if (b1(L) != "object") return L;
           throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return String(V);
       }(T);
-      return w1(p) == "symbol" ? p : p + "";
+      return b1(p) == "symbol" ? p : p + "";
     }
     function Mt(T, p, V) {
       return p = Me(p), function(b, v) {
-        if (v && (w1(v) == "object" || typeof v == "function")) return v;
+        if (v && (b1(v) == "object" || typeof v == "function")) return v;
         if (v !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
         return function(L) {
           if (L === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -15682,17 +15685,17 @@ const G2 = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%
   thumbnailClassName: o
 }) => {
   const [s, l] = S1(!1), [c, u] = S1(e ?? G2);
-  M1(() => {
+  H1(() => {
     u(e ?? G2);
   }, [e]);
   const d = () => {
     u(G2);
   };
-  return /* @__PURE__ */ a(o2, { level: "semi-dark", className: "gf-rounded-2xl h-full", children: /* @__PURE__ */ E("div", { className: H1(i, "gf-overflow-hidden gf-rounded-2xl"), children: [
+  return /* @__PURE__ */ a(o2, { level: "semi-dark", className: "gf-rounded-2xl h-full", children: /* @__PURE__ */ E("div", { className: v1(i, "gf-overflow-hidden gf-rounded-2xl"), children: [
     /* @__PURE__ */ a(
       "div",
       {
-        className: H1(o, `${s ? "" : "gf-filter gf-blur-md"}`),
+        className: v1(o, `${s ? "" : "gf-filter gf-blur-md"}`),
         children: /* @__PURE__ */ a(
           qa.LazyLoadImage,
           {
@@ -15740,7 +15743,7 @@ const G2 = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%
   description: n,
   chipContent: r,
   logo: i
-}) => /* @__PURE__ */ E("div", { className: H1(Qa({ variant: e })), children: [
+}) => /* @__PURE__ */ E("div", { className: v1(Qa({ variant: e })), children: [
   /* @__PURE__ */ E("div", { className: "gf-flex gf-justify-between gf-items-center gf-mb-4", children: [
     /* @__PURE__ */ E(Y1, { className: "gf-cursor-pointer gf-px-2 gf-py-1", children: [
       /* @__PURE__ */ a(Y1.Logo, { children: i }),