@gardenfi/garden-book 0.3.0-beta.2 → 0.3.1

package/dist/DataTable/DataTable.d.ts

@@ -4,14 +4,10 @@ export type DataTableColumn<T> = {
     key: string;
     header: string;
     align?: "left" | "right";
-    /** Tailwind width class (e.g. "gf-w-1/4"). Applies to the desktop column. */
     width?: string;
     cell: (row: T) => ReactNode;
-    /** Enables a clickable sort arrow in the column header. */
     sortable?: boolean;
-    /** Current sort direction for this column. null = unsorted (neutral icon). */
     sortDir?: "asc" | "desc" | null;
-    /** Called when the user clicks the column header to sort. */
     onSort?: () => void;
 };
 export type DataTableBodyState = "loading" | "error" | "empty" | "data";
@@ -21,7 +17,6 @@ export type DataTableError = {
 };
 export type DataTableProps<T> = {
     title?: string;
-    /** Optional content rendered to the right of the title (e.g. filter dropdowns). */
     headerActions?: ReactNode;
     rows: T[];
     columns: DataTableColumn<T>[];
@@ -31,20 +26,16 @@ export type DataTableProps<T> = {
     minWidth?: number;
     emptyTitle?: string;
     emptyDescription?: string;
-    /** Custom card renderer for the mobile view (<md). Falls back to label/value columns. */
     renderMobileCard?: (row: T, index: number) => ReactNode;
     renderExpanded?: (row: T, index: number) => ReactNode;
-    /** Called when a non-expandable row is clicked. Ignored when `renderExpanded` is set. */
     onRowClick?: (row: T, index: number) => void;
     loading?: boolean;
     skeletonRowCount?: number;
     error?: DataTableError | null;
     onRetry?: () => void;
-    /** Extra content rendered below the table (e.g. pagination). */
     footer?: ReactNode;
     oddRowColor?: string;
     evenRowColor?: string;
-    /** Defaults to `evenRowColor`. */
     headerBgColor?: string;
 };
 export declare const DataTable: <T>({ title, headerActions, rows, columns, getKey, emptyMessage, emptyMinHeight, minWidth, emptyTitle, emptyDescription, renderMobileCard, renderExpanded, onRowClick, loading, skeletonRowCount, error, onRetry, footer, oddRowColor, evenRowColor, headerBgColor, }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/DataTable/index.js

@@ -1,22 +1,22 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useState as R, useRef as ee, Fragment as te } from "react";
 import { motion as b, AnimatePresence as ae } from "framer-motion";
 import { Typography as c } from "../Typography/index.js";
 import { cn as h } from "../utils/index.js";
 import { Table as re, TableHeader as ie, TableRow as T, TableHead as H, TableBody as ne, TableCell as x } from "./Table.js";
-import { useAnimatedTable as fe } from "./useAnimatedTable.js";
+import { useAnimatedTable as le } from "./useAnimatedTable.js";
 import { ErrorStateContent as O } from "../ErrorState/index.js";
 import { EmptyStateContent as U } from "../EmptyState/index.js";
-import { CardList as le } from "../CardList/index.js";
-import ge from "../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
-import se from "../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
+import { CardList as fe } from "../CardList/index.js";
+import se from "../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
+import ge from "../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
 import oe from "../node_modules/lucide-react/dist/esm/icons/arrow-up-down.js";
 import de from "../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 const he = b(T), Te = ({
   title: p,
   headerActions: N,
   rows: m,
-  columns: l,
+  columns: f,
   getKey: v,
   emptyMessage: j,
   emptyMinHeight: w = "40dvh",
@@ -25,23 +25,23 @@ const he = b(T), Te = ({
   emptyDescription: z,
   renderMobileCard: L,
   renderExpanded: y,
-  onRowClick: g,
+  onRowClick: s,
   loading: k = !1,
   skeletonRowCount: C = 6,
-  error: s = null,
+  error: g = null,
   onRetry: I,
   footer: A,
   oddRowColor: _ = "#f5f8fa",
   evenRowColor: B = "#ebf0f5",
   headerBgColor: q
 }) => {
-  const r = !!y, J = m.length === 0, o = k ? "loading" : s ? "error" : J ? "empty" : "data", [M, Q] = R(null), D = (t) => Q((a) => a === t ? null : t), V = `${o}-${m.length}`, { wrapperRef: W, animatedKeys: S, wasPreloaded: X, skeletonCount: Y } = fe(k, m.length, C, V), K = ee(null);
+  const r = !!y, J = m.length === 0, o = k ? "loading" : g ? "error" : J ? "empty" : "data", [M, Q] = R(null), D = (t) => Q((a) => a === t ? null : t), V = `${o}-${m.length}`, { wrapperRef: W, animatedKeys: S, wasPreloaded: X, skeletonCount: Y } = le(k, m.length, C, V), K = ee(null);
   o === "data" && K.current === "loading" && m.forEach((t, a) => S.current.add(v(t, a))), K.current = o;
   const $ = q ?? B, E = (t) => ({
     backgroundColor: t % 2 === 0 ? _ : B
-  }), Z = l.length + (r ? 1 : 0);
-  return /* @__PURE__ */ f("div", { className: "gf-w-full gf-overflow-hidden gf-rounded-2xl gf-bg-white/30 gf-flex gf-flex-col [overflow-anchor:none]", children: [
-    (p || N) && /* @__PURE__ */ f(
+  }), Z = f.length + (r ? 1 : 0);
+  return /* @__PURE__ */ l("div", { className: "gf-w-full gf-overflow-hidden gf-rounded-2xl gf-bg-white/70 gf-flex gf-flex-col [overflow-anchor:none]", children: [
+    (p || N) && /* @__PURE__ */ l(
       "div",
       {
         className: "gf-flex gf-items-center gf-justify-between gf-gap-3 gf-px-6 gf-py-4",
@@ -53,27 +53,27 @@ const he = b(T), Te = ({
       }
     ),
     /* @__PURE__ */ e("div", { className: "md:gf-hidden", children: /* @__PURE__ */ e(
-      le,
+      fe,
       {
         rows: m,
-        columns: l,
+        columns: f,
         getKey: v,
         emptyMinHeight: w,
         loading: k,
         skeletonRowCount: Math.max(3, Math.floor(C / 2)),
-        error: s ? /* @__PURE__ */ e(
+        error: g ? /* @__PURE__ */ e(
           O,
           {
-            status: s.status,
-            message: s.message,
+            status: g.status,
+            message: g.message,
             onRetry: I
           }
         ) : void 0,
         empty: u ? /* @__PURE__ */ e(U, { title: u, description: z }) : /* @__PURE__ */ e(c, { size: "h5", weight: "regular", className: "gf-text-midGrey", children: j }),
         renderCard: L,
         renderExpanded: y,
-        onRowClick: g,
-        className: p && "gf-rounded-none"
+        onRowClick: s,
+        className: p ? "gf-rounded-none" : void 0
       }
     ) }),
     /* @__PURE__ */ e(
@@ -81,18 +81,18 @@ const he = b(T), Te = ({
       {
         ref: W,
         className: "gf-hidden md:gf-block gf-overflow-x-auto gf-overflow-y-hidden gf-no-scrollbar @container",
-        children: /* @__PURE__ */ f(re, { className: "gf-table-fixed", style: { minWidth: F }, children: [
-          /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ f(T, { style: { backgroundColor: $ }, children: [
-            l.map((t, a) => /* @__PURE__ */ e(
+        children: /* @__PURE__ */ l(re, { className: "gf-table-fixed", style: { minWidth: F }, children: [
+          /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ l(T, { style: { backgroundColor: $ }, children: [
+            f.map((t, a) => /* @__PURE__ */ e(
               H,
               {
                 className: h(
                   t.width,
                   a === 0 && "gf-pl-6",
-                  !r && a === l.length - 1 && "gf-pr-6",
+                  !r && a === f.length - 1 && "gf-pr-6",
                   t.align === "right" && "gf-text-right"
                 ),
-                children: t.sortable ? /* @__PURE__ */ f(
+                children: t.sortable ? /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
@@ -103,7 +103,7 @@ const he = b(T), Te = ({
                     ),
                     children: [
                       /* @__PURE__ */ e(c, { size: "h5", weight: "regular", children: t.header }),
-                      t.sortDir === "asc" ? /* @__PURE__ */ e(ge, { className: "gf-h-3 gf-w-3 gf-text-primaryIris gf-shrink-0" }) : t.sortDir === "desc" ? /* @__PURE__ */ e(se, { className: "gf-h-3 gf-w-3 gf-text-primaryIris gf-shrink-0" }) : /* @__PURE__ */ e(oe, { className: "gf-h-3 gf-w-3 gf-text-midGrey gf-shrink-0" })
+                      t.sortDir === "asc" ? /* @__PURE__ */ e(se, { className: "gf-h-3 gf-w-3 gf-text-primaryIris gf-shrink-0" }) : t.sortDir === "desc" ? /* @__PURE__ */ e(ge, { className: "gf-h-3 gf-w-3 gf-text-primaryIris gf-shrink-0" }) : /* @__PURE__ */ e(oe, { className: "gf-h-3 gf-w-3 gf-text-midGrey gf-shrink-0" })
                     ]
                   }
                 ) : /* @__PURE__ */ e(c, { size: "h5", weight: "regular", children: t.header })
@@ -112,19 +112,19 @@ const he = b(T), Te = ({
             )),
             r && /* @__PURE__ */ e(H, { className: "gf-w-12 gf-pl-0 gf-pr-6", "aria-hidden": !0 })
           ] }) }),
-          /* @__PURE__ */ f(ne, { children: [
-            o === "loading" && Array.from({ length: Y }).map((t, a) => /* @__PURE__ */ f(
+          /* @__PURE__ */ l(ne, { children: [
+            o === "loading" && Array.from({ length: Y }).map((t, a) => /* @__PURE__ */ l(
               T,
               {
                 className: "gf-h-[42px] gf-pointer-events-none",
                 style: E(a),
                 children: [
-                  l.map((n, d) => /* @__PURE__ */ e(
+                  f.map((n, d) => /* @__PURE__ */ e(
                     x,
                     {
                       className: h(
                         d === 0 && "gf-pl-6",
-                        !r && d === l.length - 1 && "gf-pr-6",
+                        !r && d === f.length - 1 && "gf-pr-6",
                         n.align === "right" && "gf-text-right"
                       ),
                       children: /* @__PURE__ */ e(
@@ -146,34 +146,34 @@ const he = b(T), Te = ({
             )),
             o === "data" && m.map((t, a) => {
               const n = v(t, a), d = r && M === n, G = !X.current && !S.current.has(n);
-              return G && S.current.add(n), /* @__PURE__ */ f(te, { children: [
-                /* @__PURE__ */ f(
+              return G && S.current.add(n), /* @__PURE__ */ l(te, { children: [
+                /* @__PURE__ */ l(
                   he,
                   {
                     className: h(
                       "gf-h-[42px]",
-                      (r || g) && "gf-cursor-pointer gf-transition-colors hover:!gf-bg-white/70"
+                      (r || s) && "gf-cursor-pointer gf-transition-colors hover:!gf-bg-white/70"
                     ),
                     style: E(a),
                     initial: G ? { opacity: 0 } : !1,
                     animate: { opacity: 1 },
                     transition: { duration: 0.15, ease: [0.4, 0, 0.2, 1] },
-                    onClick: r ? () => D(n) : g ? () => g(t, a) : void 0,
-                    role: r || g ? "button" : void 0,
-                    tabIndex: r || g ? 0 : void 0,
+                    onClick: r ? () => D(n) : s ? () => s(t, a) : void 0,
+                    role: r || s ? "button" : void 0,
+                    tabIndex: r || s ? 0 : void 0,
                     onKeyDown: r ? (i) => {
                       (i.key === "Enter" || i.key === " ") && (i.preventDefault(), D(n));
-                    } : g ? (i) => {
-                      (i.key === "Enter" || i.key === " ") && (i.preventDefault(), g(t, a));
+                    } : s ? (i) => {
+                      (i.key === "Enter" || i.key === " ") && (i.preventDefault(), s(t, a));
                     } : void 0,
                     "aria-expanded": r ? d : void 0,
                     children: [
-                      l.map((i, P) => /* @__PURE__ */ e(
+                      f.map((i, P) => /* @__PURE__ */ e(
                         x,
                         {
                           className: h(
                             P === 0 && "gf-pl-6",
-                            !r && P === l.length - 1 && "gf-pr-6",
+                            !r && P === f.length - 1 && "gf-pr-6",
                             i.align === "right" && "gf-text-right"
                           ),
                           children: /* @__PURE__ */ e(c, { size: "h5", weight: "medium", as: "span", children: i.cell(t) })
@@ -232,16 +232,16 @@ const he = b(T), Te = ({
         ] })
       }
     ),
-    o === "error" && s && /* @__PURE__ */ e(
+    o === "error" && g && /* @__PURE__ */ e(
       "div",
       {
-        className: "gf-flex gf-items-center gf-justify-center gf-w-full gf-bg-white/50",
+        className: "gf-flex gf-items-center gf-justify-center gf-w-full",
         style: { minHeight: w },
         children: /* @__PURE__ */ e(
           O,
           {
-            status: s.status,
-            message: s.message,
+            status: g.status,
+            message: g.message,
             onRetry: I
           }
         )
@@ -250,7 +250,7 @@ const he = b(T), Te = ({
     o === "empty" && /* @__PURE__ */ e(
       "div",
       {
-        className: "gf-flex gf-items-center gf-justify-center gf-w-full gf-bg-white/50",
+        className: "gf-flex gf-items-center gf-justify-center gf-w-full",
         style: { minHeight: w },
         children: u ? /* @__PURE__ */ e(
           U,

package/dist/Footer/index.js

@@ -4,9 +4,9 @@ import { GardenIcon as y } from "../Logo/GardenIcon.js";
 import { CopyrightsIcon as A } from "../Icons/CopyrightsIcon.js";
 import { DiscordIcon as U } from "../Icons/DiscordIcon.js";
 import { XIcon as D } from "../Icons/XIcon.js";
-import { YoutubeIcon as I } from "../Icons/YoutubeIcon.js";
-import { cn as R } from "../utils/index.js";
-import { FooterBackgroundAnimation as L } from "./FooterBackgroundAnimation.js";
+import { YoutubeIcon as L } from "../Icons/YoutubeIcon.js";
+import { cn as I } from "../utils/index.js";
+import { FooterBackgroundAnimation as R } from "./FooterBackgroundAnimation.js";
 import { FooterLinks as n } from "./FooterLink.js";
 import j from "../assets/maskRect.svg.js";
 import { useClientOnly as _ } from "../hooks/useClientOnly.js";
@@ -29,7 +29,7 @@ const $ = {
   S(() => () => {
     r.current && clearTimeout(r.current);
   }, []);
-  const a = s && s === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = "https://garden.finance", k = {
+  const a = s && s === "testnet" ? "https://testnet.garden.finance" : "https://app.garden.finance", e = "https://garden.finance", C = {
     Products: {
       swap: {
         title: "Swap",
@@ -101,7 +101,7 @@ const $ = {
         isExternal: !0
       }
     }
-  }, C = {
+  }, k = {
     btcToSol: {
       title: "BTC to SOL",
       link: e + "/routes/bridge-btc-to-sol",
@@ -218,12 +218,18 @@ const $ = {
       inputChain: "Ethereum",
       chain: "Base",
       isExternal: !0
+    },
+    btcToLtc: {
+      title: "BTC to LTC",
+      link: e + "/routes/bridge-btc-to-ltc",
+      isExternal: !0,
+      chain: "Litecoin"
     }
-  }, o = { ...$, ...x }, { Products: E, Resources: u, Developers: B } = k;
+  }, o = { ...$, ...x }, { Products: E, Resources: u, Developers: B } = C;
   return /* @__PURE__ */ i(
     "footer",
     {
-      className: R(
+      className: I(
         "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",
         m,
         l ? "gf-text-white" : "gf-text-dark-grey"
@@ -268,7 +274,7 @@ const $ = {
                   }
                 ),
                 /* @__PURE__ */ t(
-                  I,
+                  L,
                   {
                     onClick: () => {
                       f && window.open(o.youtube, "_blank");
@@ -293,7 +299,7 @@ const $ = {
                   n,
                   {
                     title: "Routes",
-                    links: C,
+                    links: k,
                     hoveredIndex: w,
                     onHover: T,
                     className: "gf-flex gf-w-full gf-max-w-[400px] gf-flex-col gf-gap-3 md:gf-w-fit",
@@ -384,7 +390,7 @@ const $ = {
           ] })
         ] }),
         /* @__PURE__ */ t(
-          L,
+          R,
           {
             isMobile: !1,
             isLogoHovered: l,

package/dist/InfoTooltip/InfoTooltip.d.ts

@@ -2,21 +2,11 @@ import { ReactNode } from 'react';
 
 type Side = "top" | "right" | "bottom" | "left";
 export type InfoTooltipProps = {
-    /** The element that opens the tooltip on hover/focus. */
     trigger: ReactNode;
-    /** Tooltip body — typically a short description and a few label/value rows. */
     children: ReactNode;
     side?: Side;
     delayDuration?: number;
     className?: string;
 };
-/**
- * Dashboard-standard rich tooltip — white pill with a soft drop-shadow and a
- * rotated rounded-square notch. Radix's `Arrow` primitive handles positioning
- * so the notch always points at the trigger, even after collision flips/shifts.
- * Notch offset adapts to Radix's actual rendered side (read from `data-side`),
- * so collision-flipped tooltips stay aligned. Collides against `<main>` so it
- * never extends over the sidebar.
- */
 export declare const InfoTooltip: ({ trigger, children, side, delayDuration, className, }: InfoTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/InfoTooltip/index.js

@@ -1,81 +1,89 @@
-import { jsx as f, jsxs as m } from "react/jsx-runtime";
-import { useState as u, useEffect as d, useRef as b } from "react";
-import { Provider as h, Root as x, Trigger as v, Content as y } from "../node_modules/@radix-ui/react-tooltip/dist/index.js";
-import { cn as p } from "../utils/index.js";
-const w = {
-  top: "gf-left-1/2 -gf-ml-1.5 -gf-bottom-1",
-  bottom: "gf-left-1/2 -gf-ml-1.5 -gf-top-1",
-  left: "gf-top-1/2 -gf-mt-1.5 -gf-right-1",
-  right: "gf-top-1/2 -gf-mt-1.5 -gf-left-1"
-}, O = ({ side: r, className: i, children: a, collisionBoundary: g }) => {
-  const n = b(null), [c, l] = u(r);
-  return d(() => {
-    const t = n.current;
-    if (!t) return;
-    const o = () => {
-      const s = t.getAttribute("data-side");
-      s && l(s);
-    };
-    o();
-    const e = new MutationObserver(o);
-    return e.observe(t, { attributes: !0, attributeFilter: ["data-side"] }), () => e.disconnect();
-  }, []), /* @__PURE__ */ m(
-    y,
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { AnimatePresence as d, motion as h } from "framer-motion";
+import { useState as b, useRef as y } from "react";
+import { cn as T } from "../utils/index.js";
+const e = 10, I = {
+  top: { position: "absolute", bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: `${e}px`, zIndex: 50 },
+  bottom: { position: "absolute", top: "100%", left: "50%", transform: "translateX(-50%)", marginTop: `${e}px`, zIndex: 50 },
+  left: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: `${e}px`, zIndex: 50 },
+  right: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: `${e}px`, zIndex: 50 }
+}, v = {
+  top: { position: "absolute", bottom: -5, left: "50%", transform: "translateX(-50%) rotate(45deg)" },
+  bottom: { position: "absolute", top: -5, left: "50%", transform: "translateX(-50%) rotate(45deg)" },
+  left: { position: "absolute", right: -5, top: "50%", transform: "translateY(-50%) rotate(45deg)" },
+  right: { position: "absolute", left: -5, top: "50%", transform: "translateY(-50%) rotate(45deg)" }
+}, l = {
+  top: { y: 6 },
+  bottom: { y: -6 },
+  left: { x: 6 },
+  right: { x: -6 }
+}, N = ({
+  trigger: p,
+  children: f,
+  side: t = "top",
+  delayDuration: m = 150,
+  className: g
+}) => {
+  const [c, r] = b(!1), a = y(null), n = () => {
+    a.current = setTimeout(() => r(!0), m);
+  }, i = () => {
+    a.current && clearTimeout(a.current), r(!1);
+  };
+  return /* @__PURE__ */ s(
+    "div",
     {
-      ref: n,
-      side: r,
-      sideOffset: 10,
-      collisionPadding: 12,
-      collisionBoundary: g ?? void 0,
-      className: p(
-        "gf-relative gf-max-w-[260px] gf-rounded-2xl gf-bg-white gf-px-4 gf-py-3 gf-border-0 gf-overflow-visible",
-        "gf-shadow-[0_4px_12px_-4px_rgba(85,75,106,0.14)]",
-        "gf-text-primaryIris",
-        i
-      ),
+      className: "gf-relative gf-inline-flex gf-items-center",
+      onMouseEnter: n,
+      onMouseLeave: i,
+      onFocus: n,
+      onBlur: i,
+      onTouchStart: (x) => {
+        x.stopPropagation(), r((u) => !u);
+      },
       children: [
-        a,
-        /* @__PURE__ */ f(
-          "span",
+        p,
+        /* @__PURE__ */ o(d, { children: c && /* @__PURE__ */ o("div", { style: I[t], children: /* @__PURE__ */ s(
+          h.div,
           {
-            "aria-hidden": !0,
-            className: p(
-              "gf-absolute gf-block gf-h-3 gf-w-3 gf-rotate-45 gf-rounded-[3px] gf-bg-white",
-              w[c]
-            )
+            initial: { opacity: 0, scale: 0.92, ...l[t] },
+            animate: { opacity: 1, scale: 1, x: 0, y: 0 },
+            exit: { opacity: 0, scale: 0.92, ...l[t] },
+            transition: { duration: 0.15, ease: "easeInOut" },
+            style: { position: "relative" },
+            children: [
+              /* @__PURE__ */ o(
+                "div",
+                {
+                  "aria-hidden": !0,
+                  style: {
+                    ...v[t],
+                    width: 12,
+                    height: 12,
+                    borderRadius: 3,
+                    backgroundColor: "white",
+                    boxShadow: "0 4px 12px -4px rgba(85,75,106,0.14)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ o(
+                "div",
+                {
+                  className: T(
+                    "gf-w-max gf-max-w-[220px] gf-rounded-2xl gf-bg-white gf-px-4 gf-py-3",
+                    "gf-shadow-[0_4px_12px_-4px_rgba(85,75,106,0.14)]",
+                    "gf-text-primaryIris gf-text-xs",
+                    g
+                  ),
+                  children: f
+                }
+              )
+            ]
           }
-        )
+        ) }) })
       ]
     }
   );
-}, B = ({
-  trigger: r,
-  children: i,
-  side: a = "top",
-  delayDuration: g = 150,
-  className: n
-}) => {
-  const [c, l] = u(null), [t, o] = u(!1);
-  return d(() => {
-    l(document.querySelector("main"));
-  }, []), d(() => {
-    if (!t) return;
-    const e = () => o(!1);
-    return document.addEventListener("touchstart", e, { passive: !0 }), () => document.removeEventListener("touchstart", e);
-  }, [t]), /* @__PURE__ */ f(h, { delayDuration: g, children: /* @__PURE__ */ m(x, { open: t, onOpenChange: o, children: [
-    /* @__PURE__ */ f(
-      v,
-      {
-        asChild: !0,
-        onTouchStart: (e) => {
-          e.stopPropagation(), o((s) => !s);
-        },
-        children: r
-      }
-    ),
-    /* @__PURE__ */ f(O, { side: a, className: n, collisionBoundary: c, children: i })
-  ] }) });
 };
 export {
-  B as InfoTooltip
+  N as InfoTooltip
 };

package/dist/Logo/Code4renaLogo.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type SvgProps = React.SVGProps<SVGSVGElement>;
+export declare const Code4renaLogo: React.FC<SvgProps>;
+export {};

package/dist/Logo/Code4renaLogo.js

@@ -0,0 +1,45 @@
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+const e = (l) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "32",
+    height: "32",
+    viewBox: "0 0 224 220",
+    ...l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M223.791 131.053L210.241 65.6732C211.461 71.5832 205.411 78.7032 198.531 84.3532C198.091 84.7532 197.621 85.1432 197.111 85.5532L191.621 89.8932C170.011 106.893 135.751 132.373 126.081 137.673C125.441 138.043 124.801 138.393 124.151 138.713C124.011 138.783 123.871 138.843 123.731 138.913C123.221 139.163 122.721 139.403 122.211 139.633C122.081 139.693 121.951 139.733 121.831 139.793C121.311 140.013 120.781 140.233 120.261 140.423C120.171 140.453 120.071 140.483 119.981 140.523C119.421 140.723 118.861 140.913 118.301 141.073C118.241 141.093 118.181 141.103 118.121 141.123C117.521 141.293 116.931 141.443 116.341 141.573C116.311 141.573 116.281 141.583 116.261 141.593C115.641 141.733 115.011 141.843 114.401 141.933C114.401 141.933 114.391 141.933 114.381 141.933C113.101 142.113 111.831 142.193 110.581 142.173V219.993C118.281 219.793 125.791 217.643 132.411 213.743C142.361 208.263 168.841 187.203 199.871 162.233L212.041 152.453C220.131 145.993 224.011 139.583 223.921 132.823C223.951 132.223 223.921 131.623 223.821 131.033L223.791 131.053Z",
+          fill: "#908aad"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M13.7511 65.8332C13.7511 65.8332 13.7511 65.8232 13.7511 65.8132L13.7311 65.9332C13.7311 65.9332 13.7511 65.8632 13.7611 65.8332H13.7511Z",
+          fill: "#6e6889"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M97.6411 137.773C97.6411 137.773 23.8911 83.4332 22.4111 82.3332C14.9611 76.5432 12.9211 71.2932 13.4711 67.1632L0.191068 132.103C0.0510678 132.823 -0.00893219 133.553 0.00106781 134.283C0.241068 143.493 8.15107 149.943 9.96107 151.293L89.9111 212.723C95.8911 217.193 103.181 219.563 110.651 219.473V142.193C106.081 142.143 101.681 140.733 97.6411 137.783V137.773Z",
+          fill: "#6e6889"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M206.191 60.1633C206.051 60.0633 205.921 59.9533 205.791 59.8433C203.281 57.7333 153.721 23.9333 124.401 3.97327C120.531 1.31327 115.911 -0.0767307 111.191 0.00326935C106.481 0.0832693 101.911 1.63327 98.1211 4.42327L94.5311 7.11327C88.3111 11.7533 76.7611 20.3533 62.8211 30.2033C46.8411 41.5133 32.1511 51.3533 19.0711 59.1533C13.5211 62.4633 8.38106 71.4133 22.4011 82.3233C23.8811 83.4233 97.6311 137.763 97.6311 137.763C106.101 143.953 116.121 143.403 126.061 137.673C135.741 132.363 170.001 106.893 191.601 89.8933L197.091 85.5533C197.601 85.1433 198.071 84.7433 198.511 84.3533C207.741 76.7733 215.481 66.5433 206.171 60.1533L206.191 60.1633Z",
+          fill: "#b0abc8"
+        }
+      )
+    ]
+  }
+);
+export {
+  e as Code4renaLogo
+};

package/dist/Logo/index.d.ts

@@ -35,3 +35,4 @@ export { GardenLogoMarkDark } from './GardenLogoMarkDark';
 export { GardenLogoMarkLight } from './GardenLogoMarkLight';
 export { GardenLogoDark } from './GardenLogoDark';
 export { GardenLogoLight } from './GardenLogoLight';
+export { Code4renaLogo } from './Code4renaLogo';

package/dist/Logo/index.js

@@ -3,9 +3,9 @@ import { BTCLogo as m } from "./BTCLogo.js";
 import { CatalogLogo as p } from "./CatalogLogo.js";
 import { Coinbase as a } from "./Coinbase.js";
 import { EthereumLogo as g } from "./EthereumLogo.js";
-import { GardenExplorer as l } from "./GardenExplorer.js";
+import { GardenExplorer as L } from "./GardenExplorer.js";
 import { GardenFullLogo as G } from "./GardenFullLogo.js";
-import { GardenLogo as c } from "./GardenLogo.js";
+import { GardenLogo as C } from "./GardenLogo.js";
 import { GardenLogoText as T } from "./GardenLogoText.js";
 import { GardenStrokeIcon as D } from "./GardenStrokeIcon.js";
 import { GMXLogo as I } from "./GMXLogo.js";
@@ -30,16 +30,18 @@ import { GardenIcon as mo } from "./GardenIcon.js";
 import { GardenIconOutline as po } from "./GardenIconOutline.js";
 import { NFTIcon as ao } from "./NFTIcon.js";
 import { GardenExplorerAlt as go } from "./GardenExplorerAlt.js";
-import { GardenDocs as Lo } from "./GardenDocs.js";
+import { GardenDocs as lo } from "./GardenDocs.js";
 import { GardenLogoMarkDark as io } from "./GardenLogoMarkDark.js";
-import { GardenLogoMarkLight as Co } from "./GardenLogoMarkLight.js";
+import { GardenLogoMarkLight as co } from "./GardenLogoMarkLight.js";
 import { GardenLogoDark as ko } from "./GardenLogoDark.js";
 import { GardenLogoLight as uo } from "./GardenLogoLight.js";
+import { Code4renaLogo as ho } from "./Code4renaLogo.js";
 export {
   e as ArbitrumLogo,
   m as BTCLogo,
   q as Camelot,
   p as CatalogLogo,
+  ho as Code4renaLogo,
   a as Coinbase,
   v as DLCBTC,
   V as Debridge,
@@ -47,17 +49,17 @@ export {
   g as EthereumLogo,
   H as GMX,
   I as GMXLogo,
-  Lo as GardenDocs,
-  l as GardenExplorer,
+  lo as GardenDocs,
+  L as GardenExplorer,
   go as GardenExplorerAlt,
   G as GardenFullLogo,
   mo as GardenIcon,
   po as GardenIconOutline,
-  c as GardenLogo,
+  C as GardenLogo,
   ko as GardenLogoDark,
   uo as GardenLogoLight,
   io as GardenLogoMarkDark,
-  Co as GardenLogoMarkLight,
+  co as GardenLogoMarkLight,
   T as GardenLogoText,
   D as GardenStrokeIcon,
   ao as NFTIcon,