@gardenfi/garden-book 0.2.13 → 0.2.15

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 H1, 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 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 * as Z9 from "react-dom";
 import A9 from "react-dom";
 function z6(e) {
@@ -2386,9 +2386,9 @@ function f0() {
     }
   };
 }
-const h0 = /* @__PURE__ */ K9(f0), T1 = (...e) => h0(R9(e)), J6 = () => {
-  const [e, t] = H1(!1);
-  return M1(() => {
+const h0 = /* @__PURE__ */ K9(f0), L1 = (...e) => h0(R9(e)), J6 = () => {
+  const [e, t] = S1(!1);
+  return H1(() => {
     t(!0);
   }, []), e;
 }, i2 = ({ children: e, fallback: t = null }) => J6() ? /* @__PURE__ */ a(be, { children: e }) : /* @__PURE__ */ a(be, { children: t }), C0 = ({
@@ -2397,8 +2397,8 @@ const h0 = /* @__PURE__ */ K9(f0), T1 = (...e) => h0(R9(e)), J6 = () => {
   autoplay: n = !0,
   style: r
 }) => {
-  const [i, o] = H1(null);
-  return M1(() => {
+  const [i, o] = S1(null);
+  return H1(() => {
     import("./index.es-BsweaPuE.js").then((s) => {
       o(() => s.default);
     });
@@ -2841,7 +2841,7 @@ const h0 = /* @__PURE__ */ K9(f0), T1 = (...e) => h0(R9(e)), J6 = () => {
       "button",
       {
         ref: c,
-        className: T1(
+        className: L1(
           "gf-transition-colors gf-duration-300",
           i,
           o5({
@@ -2940,7 +2940,7 @@ const h0 = /* @__PURE__ */ K9(f0), T1 = (...e) => h0(R9(e)), J6 = () => {
   return /* @__PURE__ */ a(
     e,
     {
-      className: T1(
+      className: L1(
         s5({
           size: t,
           weight: n,
@@ -2969,7 +2969,7 @@ const h0 = /* @__PURE__ */ K9(f0), T1 = (...e) => h0(R9(e)), J6 = () => {
   className: t,
   children: n,
   ...r
-}) => /* @__PURE__ */ a("div", { ...r, className: T1(S0({ level: e }), t), children: n });
+}) => /* @__PURE__ */ a("div", { ...r, className: L1(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++) {
@@ -2997,7 +2997,7 @@ function x2(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function Z0(e, t) {
-  var n = H1(function() {
+  var n = S1(function() {
     return {
       // value
       value: e,
@@ -3482,7 +3482,7 @@ const f7 = $e(
   o2,
   {
     level: "medium",
-    className: T1(f7({ open: e, size: t, className: r })),
+    className: L1(f7({ open: e, size: t, className: r })),
     ...i,
     children: n
   }
@@ -3502,8 +3502,8 @@ const f7 = $e(
     }
   }
 ), C7 = ({ open: e, onClose: t, disableScrollLock: n, children: r }) => {
-  const [i, o] = H1(!1);
-  M1(() => {
+  const [i, o] = S1(!1);
+  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), S1 = 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), 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) => {
     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,
@@ -5066,7 +5066,7 @@ function Nn({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: i, sn
   }
   B.useEffect(() => {
     window.requestAnimationFrame(() => {
-      S1.current = !0;
+      T1.current = !0;
     });
   }, []), B.useEffect(() => {
     var b;
@@ -5227,7 +5227,7 @@ function Nn({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: i, sn
       onRelease: b2,
       onDrag: Pt,
       dismissible: d,
-      shouldAnimate: S1,
+      shouldAnimate: T1,
       handleOnly: f,
       isOpen: e1,
       isDragging: Q,
@@ -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: T1("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: L1("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: T1(
+    className: L1(
       "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: T1("gf-px-4 gf-py-3 gf-rounded-3xl gf-w-max", t),
+    className: L1("gf-px-4 gf-py-3 gf-rounded-3xl gf-w-max", t),
     ...n,
     children: /* @__PURE__ */ a(E1, { size: "h3", weight: "bold", children: e })
   }
@@ -9196,30 +9196,37 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
   chainLogo: t,
   className: n,
   iconStyle: r,
-  ...i
-}) => /* @__PURE__ */ E(
-  "div",
-  {
-    className: `gf-relative gf-flex gf-h-5 gf-items-center gf-justify-between  ${t && t !== e ? "gf-w-[36px]" : "gf-w-5"} ${n ?? ""}`,
-    ...i,
-    children: [
-      /* @__PURE__ */ a(
-        "img",
-        {
-          src: e,
-          className: `gf-absolute gf-left-0 gf-z-30 gf-h-5 gf-w-5 ${r ?? ""}`
-        }
-      ),
-      t && t !== e && /* @__PURE__ */ a(
-        "img",
-        {
-          src: t,
-          className: `gf-absolute gf-right-0 gf-z-20 gf-h-5 gf-w-5 ${r ?? ""}`
-        }
-      )
-    ]
-  }
-), hu = ({
+  iconSize: i = 20,
+  ...o
+}) => {
+  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: L1("gf-relative gf-flex gf-items-center gf-h-5 gf-w-[38px]", n),
+      style: c,
+      ...o,
+      children: [
+        /* @__PURE__ */ a(
+          "img",
+          {
+            src: e,
+            className: L1("gf-absolute gf-left-0 gf-z-30 gf-h-5", r),
+            style: u
+          }
+        ),
+        t && t !== e && /* @__PURE__ */ a(
+          "img",
+          {
+            src: t,
+            className: L1("gf-absolute gf-right-0 gf-z-20 gf-h-5", r),
+            style: u
+          }
+        )
+      ]
+    }
+  );
+}, hu = ({
   symbol: e,
   tokenLogo: t,
   chainLogo: n,
@@ -9229,7 +9236,7 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
 }) => /* @__PURE__ */ a(
   "div",
   {
-    className: T1(
+    className: L1(
       "gf-flex gf-text-left gf-cursor-pointer gf-w-max",
       r
     ),
@@ -9262,15 +9269,15 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
   onClose: i = !1,
   ...o
 }) => {
-  const [s, l] = H1(!0), [c, u] = H1(!0), d = D1(null), f = D1(null), h = () => {
+  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);
     }
   };
-  return M1(() => {
+  return H1(() => {
     i && d.current && (d.current.scrollTop = 0);
-  }, [i]), M1(() => {
+  }, [i]), H1(() => {
     const g = d.current, w = f.current;
     if (!g || !w) return;
     h();
@@ -9283,7 +9290,7 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
   }, []), /* @__PURE__ */ E(
     "div",
     {
-      className: T1(
+      className: L1(
         "gf-w-full gf-bg-white gf-relative gf-overflow-hidden",
         t
       ),
@@ -9434,7 +9441,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();
@@ -9507,11 +9514,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: b1, 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) => {
@@ -9718,7 +9725,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)
@@ -9735,7 +9742,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) {
@@ -9748,7 +9755,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;
   };
@@ -9854,17 +9861,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];
@@ -10198,12 +10205,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,
@@ -10273,7 +10280,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]));
@@ -10314,7 +10321,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);
@@ -10673,11 +10680,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)
@@ -11943,11 +11950,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();
@@ -11958,7 +11965,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(), {
@@ -11993,7 +12000,7 @@ function Ro() {
   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];
 }
@@ -12118,7 +12125,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));
 }
@@ -12832,7 +12839,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);
 }
@@ -12932,7 +12939,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();
@@ -13069,7 +13076,7 @@ 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;
@@ -13089,7 +13096,7 @@ function ks(e, t, n, r, i) {
   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;
 }
@@ -13640,7 +13647,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",
@@ -14009,7 +14016,7 @@ function _6(e) {
 }
 const La = ({ children: e, exitBeforeEnter: t, custom: n, initial: r = !0, onExitComplete: i, presenceAffectsLayout: o = !0, mode: s = "sync" }) => {
   B1(!t, "Replace exitBeforeEnter with mode='wait'");
-  const l = ae(() => _6(e), [e]), c = l.map(Ut), u = D1(!0), d = D1(l), f = Le(() => /* @__PURE__ */ new Map()), [h, g] = H1(l), [w, C] = H1(l);
+  const l = ae(() => _6(e), [e]), c = l.map(Ut), u = D1(!0), d = D1(l), f = Le(() => /* @__PURE__ */ new Map()), [h, g] = S1(l), [w, C] = S1(l);
   z3(() => {
     u.current = !1, d.current = l;
     for (let H = 0; H < w.length; H++) {
@@ -14046,8 +14053,8 @@ const La = ({ children: e, exitBeforeEnter: t, custom: n, initial: r = !0, onExi
 function x9(e) {
   const t = Le(() => Fe(e)), { isStatic: n } = x1(m2);
   if (n) {
-    const [, r] = H1(e);
-    M1(() => t.on("change", r), []);
+    const [, r] = S1(e);
+    H1(() => t.on("change", r), []);
   }
   return t;
 }
@@ -14098,7 +14105,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);
@@ -14309,10 +14316,10 @@ const Ya = ({
   isLogoHovered: t,
   maskUrl: n
 }) => {
-  const [r] = H1(
+  const [r] = S1(
     "https://garden-bucket-cdn.s3.eu-central-1.amazonaws.com/flowers_bg.mp4"
-  ), [i, o] = H1("initial"), s = D1(null), l = D1(null), c = x9(45), u = Ta(c, (d) => `${d}% center`);
-  return M1(() => {
+  ), [i, o] = S1("initial"), s = D1(null), l = D1(null), c = x9(45), u = Ta(c, (d) => `${d}% center`);
+  return H1(() => {
     if (t)
       o("visible");
     else {
@@ -14453,9 +14460,9 @@ const Ya = ({
     return k9(i, () => ({
       startAnimation: c,
       stopAnimation: u
-    })), M1(() => {
+    })), H1(() => {
       t ? c() : u();
-    }, [t]), M1(() => {
+    }, [t]), H1(() => {
       const d = () => {
         t || c();
       }, f = () => {
@@ -14468,7 +14475,7 @@ const Ya = ({
     }, [s, t]), /* @__PURE__ */ a("div", { ref: s, children: /* @__PURE__ */ a(
       "span",
       {
-        className: T1(
+        className: L1(
           "gf-flex gf-h-5 gf-items-center gf-justify-start gf-overflow-hidden gf-pr-0.5",
           n
         ),
@@ -14571,10 +14578,10 @@ const ot = ({
   maskUrl: n = Xa,
   ...r
 }) => {
-  const [i, o] = H1(!1), [s, l] = H1(
+  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 = {
@@ -14671,7 +14678,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
@@ -14701,9 +14708,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
@@ -14758,7 +14765,7 @@ const ot = ({
   return /* @__PURE__ */ E(
     "footer",
     {
-      className: T1(
+      className: L1(
         "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"
@@ -15016,27 +15023,27 @@ var H9 = { exports: {} };
         var q, j, Y, Q, X, c1, d1 = 0, o1 = !1, s1 = !1, y1 = !0;
         if (typeof _ != "function") throw new TypeError(l);
         function G1(h1) {
-          var S1 = q, w1 = j;
-          return q = j = void 0, d1 = h1, Q = _.apply(w1, S1);
+          var T1 = q, w1 = j;
+          return q = j = void 0, d1 = h1, Q = _.apply(w1, T1);
         }
         function N1(h1) {
-          var S1 = h1 - c1;
-          return c1 === void 0 || S1 >= W || S1 < 0 || s1 && h1 - d1 >= Y;
+          var T1 = h1 - c1;
+          return c1 === void 0 || T1 >= W || T1 < 0 || s1 && h1 - d1 >= Y;
         }
         function P1() {
           var h1 = k();
           if (N1(h1)) return R1(h1);
-          X = setTimeout(P1, function(S1) {
-            var w1 = W - (S1 - c1);
-            return s1 ? S(w1, Y - (S1 - d1)) : w1;
+          X = setTimeout(P1, function(T1) {
+            var w1 = W - (T1 - c1);
+            return s1 ? S(w1, Y - (T1 - d1)) : w1;
           }(h1));
         }
         function R1(h1) {
           return X = void 0, y1 && q ? G1(h1) : (q = j = void 0, Q);
         }
         function O1() {
-          var h1 = k(), S1 = N1(h1);
-          if (q = arguments, j = this, c1 = h1, S1) {
+          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;
             }(c1);
@@ -15436,7 +15443,7 @@ var H9 = { exports: {} };
       } }]) && y1(V.prototype, b), Object.defineProperty(V, "prototype", { writable: !1 }), V;
       var V, b;
     }(o().Component);
-    const S1 = o1(h1);
+    const T1 = o1(h1);
     function w1(T) {
       return w1 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(p) {
         return typeof p;
@@ -15512,7 +15519,7 @@ var H9 = { exports: {} };
       } }, { key: "render", value: function() {
         if (this.state.visible) return this.props.children;
         var v = this.props, L = v.className, A = v.delayMethod, R = v.delayTime, F = v.height, z = v.placeholder, n1 = v.scrollPosition, J = v.style, t1 = v.threshold, a1 = v.useIntersectionObserver, i1 = v.width;
-        return this.isScrollTracked || a1 && l() ? o().createElement(S, { className: L, height: F, onVisible: this.onVisible, placeholder: z, scrollPosition: n1, style: J, threshold: t1, useIntersectionObserver: a1, width: i1 }) : o().createElement(S1, { className: L, delayMethod: A, delayTime: R, height: F, onVisible: this.onVisible, placeholder: z, style: J, threshold: t1, width: i1 });
+        return this.isScrollTracked || a1 && l() ? o().createElement(S, { className: L, height: F, onVisible: this.onVisible, placeholder: z, scrollPosition: n1, style: J, threshold: t1, useIntersectionObserver: a1, width: i1 }) : o().createElement(T1, { className: L, delayMethod: A, delayTime: R, height: F, onVisible: this.onVisible, placeholder: z, style: J, threshold: t1, width: i1 });
       } }]) && G(V.prototype, b), Object.defineProperty(V, "prototype", { writable: !1 }), V;
       var V, b;
     }(o().Component);
@@ -15676,18 +15683,18 @@ const G2 = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%
   className: i,
   thumbnailClassName: o
 }) => {
-  const [s, l] = H1(!1), [c, u] = H1(e ?? G2);
-  M1(() => {
+  const [s, l] = S1(!1), [c, u] = S1(e ?? G2);
+  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: T1(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: L1(i, "gf-overflow-hidden gf-rounded-2xl"), children: [
     /* @__PURE__ */ a(
       "div",
       {
-        className: T1(o, `${s ? "" : "gf-filter gf-blur-md"}`),
+        className: L1(o, `${s ? "" : "gf-filter gf-blur-md"}`),
         children: /* @__PURE__ */ a(
           qa.LazyLoadImage,
           {
@@ -15735,7 +15742,7 @@ const G2 = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%
   description: n,
   chipContent: r,
   logo: i
-}) => /* @__PURE__ */ E("div", { className: T1(Qa({ variant: e })), children: [
+}) => /* @__PURE__ */ E("div", { className: L1(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 }),