@gardenfi/garden-book 0.2.15 → 0.2.17

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 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 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,7 +2386,7 @@ function f0() {
     }
   };
 }
-const h0 = /* @__PURE__ */ K9(f0), L1 = (...e) => h0(R9(e)), J6 = () => {
+const h0 = /* @__PURE__ */ K9(f0), v1 = (...e) => h0(R9(e)), J6 = () => {
   const [e, t] = S1(!1);
   return H1(() => {
     t(!0);
@@ -2841,7 +2841,7 @@ const h0 = /* @__PURE__ */ K9(f0), L1 = (...e) => h0(R9(e)), J6 = () => {
       "button",
       {
         ref: c,
-        className: L1(
+        className: v1(
           "gf-transition-colors gf-duration-300",
           i,
           o5({
@@ -2940,7 +2940,7 @@ const h0 = /* @__PURE__ */ K9(f0), L1 = (...e) => h0(R9(e)), J6 = () => {
   return /* @__PURE__ */ a(
     e,
     {
-      className: L1(
+      className: v1(
         s5({
           size: t,
           weight: n,
@@ -2969,7 +2969,7 @@ const h0 = /* @__PURE__ */ K9(f0), L1 = (...e) => h0(R9(e)), J6 = () => {
   className: t,
   children: n,
   ...r
-}) => /* @__PURE__ */ a("div", { ...r, className: L1(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: L1(f7({ open: e, size: t, className: r })),
+    className: v1(f7({ open: e, size: t, className: r })),
     ...i,
     children: n
   }
@@ -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: L1("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: L1(
+    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: L1("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 })
   }
@@ -9203,7 +9203,7 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
   return /* @__PURE__ */ E(
     "div",
     {
-      className: L1("gf-relative gf-flex gf-items-center gf-h-5 gf-w-[38px]", n),
+      className: v1("gf-relative gf-flex gf-items-center gf-h-5 gf-w-[38px]", n),
       style: c,
       ...o,
       children: [
@@ -9211,7 +9211,7 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
           "img",
           {
             src: e,
-            className: L1("gf-absolute gf-left-0 gf-z-30 gf-h-5", r),
+            className: v1("gf-absolute gf-left-0 gf-z-30 gf-h-5", r),
             style: u
           }
         ),
@@ -9219,7 +9219,7 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
           "img",
           {
             src: t,
-            className: L1("gf-absolute gf-right-0 gf-z-20 gf-h-5", r),
+            className: v1("gf-absolute gf-right-0 gf-z-20 gf-h-5", r),
             style: u
           }
         )
@@ -9236,7 +9236,7 @@ const fu = ({ children: e, className: t, ...n }) => /* @__PURE__ */ a(
 }) => /* @__PURE__ */ a(
   "div",
   {
-    className: L1(
+    className: v1(
       "gf-flex gf-text-left gf-cursor-pointer gf-w-max",
       r
     ),
@@ -9267,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 H1(() => {
-    i && d.current && (d.current.scrollTop = 0);
+    i && f.current && (f.current.scrollTop = 0);
   }, [i]), H1(() => {
-    const g = d.current, w = f.current;
-    if (!g || !w) return;
-    h();
-    const C = new ResizeObserver(() => {
-      h();
+    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: L1(
+      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
             }
@@ -9514,7 +9515,7 @@ 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 : V1, !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;
 }
@@ -9954,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);
   }
@@ -10397,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,
@@ -11134,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;
@@ -11443,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);
@@ -11459,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));
@@ -11996,7 +11997,7 @@ 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();
@@ -12087,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: {
@@ -12258,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) {
@@ -12272,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 = {
@@ -12407,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));
@@ -12532,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;
@@ -12543,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;
         }
@@ -12568,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))
@@ -13080,7 +13081,7 @@ const Ps = {
 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,
@@ -13089,7 +13090,7 @@ 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);
   });
@@ -13157,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) {
@@ -13200,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);
@@ -13215,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);
@@ -13324,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];
     }
@@ -13348,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) {
@@ -13517,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(() => {
@@ -13599,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
@@ -13630,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)) {
@@ -13679,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) {
@@ -13816,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
@@ -13840,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);
@@ -13891,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}`);
     }));
   }
@@ -13955,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)
@@ -14035,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))
@@ -14051,7 +14052,7 @@ 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);
     H1(() => t.on("change", r), []);
@@ -14201,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 {
@@ -14272,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) => {
@@ -14475,7 +14476,7 @@ const Ya = ({
     }, [s, t]), /* @__PURE__ */ a("div", { ref: s, children: /* @__PURE__ */ a(
       "span",
       {
-        className: L1(
+        className: v1(
           "gf-flex gf-h-5 gf-items-center gf-justify-start gf-overflow-hidden gf-pr-0.5",
           n
         ),
@@ -14608,6 +14609,11 @@ const ot = ({
         link: `${f}/blog`,
         isExternal: !0
       },
+      routes: {
+        title: "Routes",
+        link: `${f}/routes`,
+        isExternal: !0
+      },
       faq: {
         title: "FAQs",
         link: `${f}/faq`,
@@ -14627,6 +14633,11 @@ const ot = ({
         title: "Audits",
         link: "https://github.com/gardenfi/audits",
         isExternal: !0
+      },
+      Governance: {
+        title: "Governance",
+        link: "https://docs.garden.finance/home/governance",
+        isExternal: !0
       }
     },
     Developers: {
@@ -14644,6 +14655,11 @@ const ot = ({
         title: "SDK",
         link: "https://docs.garden.finance/developers/sdk/overview",
         isExternal: !0
+      },
+      security: {
+        title: "Security",
+        link: `${f}/security`,
+        isExternal: !0
       }
     }
   }, g = {
@@ -14765,7 +14781,7 @@ const ot = ({
   return /* @__PURE__ */ E(
     "footer",
     {
-      className: L1(
+      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"
@@ -14958,8 +14974,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 - _;
@@ -14969,8 +14985,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) {
@@ -14979,8 +14995,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(_);
         }
@@ -15020,11 +15036,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;
@@ -15034,24 +15050,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());
@@ -15380,7 +15396,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);
@@ -15440,16 +15456,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++) {
@@ -15459,20 +15475,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");
@@ -15690,11 +15706,11 @@ const G2 = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%
   const d = () => {
     u(G2);
   };
-  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: [
+  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: L1(o, `${s ? "" : "gf-filter gf-blur-md"}`),
+        className: v1(o, `${s ? "" : "gf-filter gf-blur-md"}`),
         children: /* @__PURE__ */ a(
           qa.LazyLoadImage,
           {
@@ -15742,7 +15758,7 @@ const G2 = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%20viewBox='0%
   description: n,
   chipContent: r,
   logo: i
-}) => /* @__PURE__ */ E("div", { className: L1(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 }),