@gardenfi/garden-book 0.1.94 → 0.1.96

package/dist/ui.es.js

@@ -14550,6 +14550,40 @@ const Drawer = {
       }
     )
   }
+), ArrowSyncIcon = (e) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "14",
+    height: "12",
+    viewBox: "0 0 14 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...e,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M3.76656 11.7692L0.664062 8.66667L3.76656 5.56417L4.4794 6.26667L2.5794 8.16667H12.6641V9.16667H2.5794L4.4794 11.0667L3.76656 11.7692ZM10.2282 6.43584L9.5154 5.73334L11.4154 3.83334H1.33073V2.83334H11.4154L9.5154 0.933335L10.2282 0.230835L13.3307 3.33334L10.2282 6.43584Z",
+        fill: "#554B6A"
+      }
+    )
+  }
+), HubIcon = (e) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...e,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M3 12C2.58333 12 2.22917 11.8478 1.9375 11.5435C1.64583 11.2391 1.5 10.8696 1.5 10.4348C1.5 10 1.64583 9.63043 1.9375 9.32609C2.22917 9.02174 2.58333 8.86957 3 8.86957C3.11667 8.86957 3.225 8.88261 3.325 8.9087C3.425 8.93478 3.52083 8.96956 3.6125 9.01304L4.325 8.08696C4.09167 7.81739 3.92917 7.51304 3.8375 7.17391C3.74583 6.83478 3.725 6.49565 3.775 6.15652L2.7625 5.80435C2.62083 6.02174 2.44167 6.19565 2.225 6.32609C2.00833 6.45652 1.76667 6.52174 1.5 6.52174C1.08333 6.52174 0.729167 6.36957 0.4375 6.06522C0.145833 5.76087 0 5.3913 0 4.95652C0 4.52174 0.145833 4.15217 0.4375 3.84783C0.729167 3.54348 1.08333 3.3913 1.5 3.3913C1.91667 3.3913 2.27083 3.54348 2.5625 3.84783C2.85417 4.15217 3 4.52174 3 4.95652V5.06087L4.0125 5.42609C4.17917 5.11304 4.40208 4.84783 4.68125 4.63043C4.96042 4.41304 5.275 4.27391 5.625 4.21304V3.07826C5.3 2.98261 5.03125 2.79783 4.81875 2.52391C4.60625 2.25 4.5 1.93043 4.5 1.56522C4.5 1.13043 4.64583 0.76087 4.9375 0.456522C5.22917 0.152174 5.58333 0 6 0C6.41667 0 6.77083 0.152174 7.0625 0.456522C7.35417 0.76087 7.5 1.13043 7.5 1.56522C7.5 1.93043 7.39167 2.25 7.175 2.52391C6.95833 2.79783 6.69167 2.98261 6.375 3.07826V4.21304C6.725 4.27391 7.03958 4.41304 7.31875 4.63043C7.59792 4.84783 7.82083 5.11304 7.9875 5.42609L9 5.06087V4.95652C9 4.52174 9.14583 4.15217 9.4375 3.84783C9.72917 3.54348 10.0833 3.3913 10.5 3.3913C10.9167 3.3913 11.2708 3.54348 11.5625 3.84783C11.8542 4.15217 12 4.52174 12 4.95652C12 5.3913 11.8542 5.76087 11.5625 6.06522C11.2708 6.36957 10.9167 6.52174 10.5 6.52174C10.2333 6.52174 9.98958 6.45652 9.76875 6.32609C9.54792 6.19565 9.37083 6.02174 9.2375 5.80435L8.225 6.15652C8.275 6.49565 8.25417 6.83261 8.1625 7.16739C8.07083 7.50217 7.90833 7.8087 7.675 8.08696L8.3875 9C8.47917 8.95652 8.575 8.92391 8.675 8.90217C8.775 8.88043 8.88333 8.86957 9 8.86957C9.41667 8.86957 9.77083 9.02174 10.0625 9.32609C10.3542 9.63043 10.5 10 10.5 10.4348C10.5 10.8696 10.3542 11.2391 10.0625 11.5435C9.77083 11.8478 9.41667 12 9 12C8.58333 12 8.22917 11.8478 7.9375 11.5435C7.64583 11.2391 7.5 10.8696 7.5 10.4348C7.5 10.2609 7.52708 10.0935 7.58125 9.93261C7.63542 9.77174 7.70833 9.62609 7.8 9.49565L7.0875 8.56957C6.74583 8.76957 6.38125 8.86957 5.99375 8.86957C5.60625 8.86957 5.24167 8.76957 4.9 8.56957L4.2 9.49565C4.29167 9.62609 4.36458 9.77174 4.41875 9.93261C4.47292 10.0935 4.5 10.2609 4.5 10.4348C4.5 10.8696 4.35417 11.2391 4.0625 11.5435C3.77083 11.8478 3.41667 12 3 12ZM1.5 5.47826C1.64167 5.47826 1.76042 5.42826 1.85625 5.32826C1.95208 5.22826 2 5.10435 2 4.95652C2 4.8087 1.95208 4.68478 1.85625 4.58478C1.76042 4.48478 1.64167 4.43478 1.5 4.43478C1.35833 4.43478 1.23958 4.48478 1.14375 4.58478C1.04792 4.68478 1 4.8087 1 4.95652C1 5.10435 1.04792 5.22826 1.14375 5.32826C1.23958 5.42826 1.35833 5.47826 1.5 5.47826ZM3 10.9565C3.14167 10.9565 3.26042 10.9065 3.35625 10.8065C3.45208 10.7065 3.5 10.5826 3.5 10.4348C3.5 10.287 3.45208 10.163 3.35625 10.063C3.26042 9.96304 3.14167 9.91304 3 9.91304C2.85833 9.91304 2.73958 9.96304 2.64375 10.063C2.54792 10.163 2.5 10.287 2.5 10.4348C2.5 10.5826 2.54792 10.7065 2.64375 10.8065C2.73958 10.9065 2.85833 10.9565 3 10.9565ZM6 2.08696C6.14167 2.08696 6.26042 2.03696 6.35625 1.93696C6.45208 1.83696 6.5 1.71304 6.5 1.56522C6.5 1.41739 6.45208 1.29348 6.35625 1.19348C6.26042 1.09348 6.14167 1.04348 6 1.04348C5.85833 1.04348 5.73958 1.09348 5.64375 1.19348C5.54792 1.29348 5.5 1.41739 5.5 1.56522C5.5 1.71304 5.54792 1.83696 5.64375 1.93696C5.73958 2.03696 5.85833 2.08696 6 2.08696ZM6 7.82609C6.35 7.82609 6.64583 7.7 6.8875 7.44783C7.12917 7.19565 7.25 6.88696 7.25 6.52174C7.25 6.15652 7.12917 5.84783 6.8875 5.59565C6.64583 5.34348 6.35 5.21739 6 5.21739C5.65 5.21739 5.35417 5.34348 5.1125 5.59565C4.87083 5.84783 4.75 6.15652 4.75 6.52174C4.75 6.88696 4.87083 7.19565 5.1125 7.44783C5.35417 7.7 5.65 7.82609 6 7.82609ZM9 10.9565C9.14167 10.9565 9.26042 10.9065 9.35625 10.8065C9.45208 10.7065 9.5 10.5826 9.5 10.4348C9.5 10.287 9.45208 10.163 9.35625 10.063C9.26042 9.96304 9.14167 9.91304 9 9.91304C8.85833 9.91304 8.73958 9.96304 8.64375 10.063C8.54792 10.163 8.5 10.287 8.5 10.4348C8.5 10.5826 8.54792 10.7065 8.64375 10.8065C8.73958 10.9065 8.85833 10.9565 9 10.9565ZM10.5 5.47826C10.6417 5.47826 10.7604 5.42826 10.8562 5.32826C10.9521 5.22826 11 5.10435 11 4.95652C11 4.8087 10.9521 4.68478 10.8562 4.58478C10.7604 4.48478 10.6417 4.43478 10.5 4.43478C10.3583 4.43478 10.2396 4.48478 10.1437 4.58478C10.0479 4.68478 10 4.8087 10 4.95652C10 5.10435 10.0479 5.22826 10.1437 5.32826C10.2396 5.42826 10.3583 5.47826 10.5 5.47826Z",
+        fill: "#554B6A"
+      }
+    )
+  }
 ), ArbitrumLogo = (e) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -16171,19 +16205,38 @@ const InfoBadge = ({ children: e, className: t, ...i }) => /* @__PURE__ */ jsx(
 ), AssetChainLogos = ({
   tokenLogo: e,
   chainLogo: t,
-  className: i,
-  ...n
+  iconStyles: i,
+  className: n,
+  ...s
 }) => /* @__PURE__ */ jsxs(
   "div",
   {
     className: cn(
       `gf-relative gf-flex gf-items-center gf-justify-between gf-h-5 ${t ? "gf-w-[36px]" : "gf-w-5"}`,
-      i
+      n
     ),
-    ...n,
+    ...s,
     children: [
-      /* @__PURE__ */ jsx("img", { src: e, className: "gf-absolute gf-left-0 gf-w-5 gf-h-5 gf-z-30 gf-rounded-full" }),
-      t ? /* @__PURE__ */ jsx("img", { src: t, className: "gf-absolute gf-right-0 gf-w-5 gf-h-5 gf-z-20 gf-rounded-full" }) : null
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: e,
+          className: cn(
+            "gf-absolute gf-left-0 gf-w-5 gf-h-5 gf-z-30 gf-rounded-full",
+            i
+          )
+        }
+      ),
+      t ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: t,
+          className: cn(
+            "gf-absolute gf-right-0 gf-w-5 gf-h-5 gf-z-20 gf-rounded-full",
+            i
+          )
+        }
+      ) : null
     ]
   }
 ), GradientScroll = ({
@@ -17151,7 +17204,7 @@ const placeholderUrl = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%2
   date: i,
   title: n,
   className: s,
-  description: a
+  thumbnailClassName: a
 }) => {
   const [o, l] = useState(!1), [c, f] = useState(e ?? placeholderUrl);
   useEffect(() => {
@@ -17160,81 +17213,39 @@ const placeholderUrl = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%2
   const u = () => {
     f(placeholderUrl);
   };
-  return /* @__PURE__ */ jsx(
-    Opacity,
-    {
-      level: "semi-dark",
-      className: "gf-rounded-2xl gf-relative gf-w-[328px] sm:gf-w-fit md:gf-w-[792px]",
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            s,
-            "gf-overflow-hidden gf-p-3 sm:gf-p-5 gf-flex gf-flex-col  gf-justify-between"
-          ),
-          children: /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "gf-grid gf-grid-cols-[auto,auto] gf-grid-rows-[auto_auto] "
-              ),
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-flex-col sm:gf-pr-4 sm:gf-justify-between sm:gf-h-fit sm:gf-flex-row gf-gap-2 sm:gf-col-start-1 sm:gf-row-start-2 gf-w-full gf-pt-1.5 sm:gf-pt-6 gf-col-start-1 gf-row-start-1", children: [
-                  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                    Typography,
-                    {
-                      size: "h5",
-                      weight: "medium",
-                      className: "gf-bg-rose gf-px-3 gf-py-1 gf-rounded-full",
-                      children: t
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(
-                    Typography,
-                    {
-                      size: "h5",
-                      weight: "medium",
-                      className: "gf-px-3 gf-py-1 !gf-text-[#817A90]",
-                      children: i
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: `gf-col-start-2 gf-row-start-1 gf-row-end-2  gf-justify-self-end sm:gf-row-span-2 ${o ? "" : "gf-filter gf-blur-md"}`,
-                    children: /* @__PURE__ */ jsx(
-                      buildExports.LazyLoadImage,
-                      {
-                        alt: n,
-                        effect: "blur",
-                        src: c,
-                        onLoad: () => l(!0),
-                        onError: u,
-                        className: " gf-rounded-lg gf-h-[68px] gf-w-[120px] sm:gf-w-[234px] sm:gf-h-[132px] gf-object-cover"
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-flex-col gf-gap-2 sm:gf-pr-4  gf-pt-[2px] gf-col-start-1 gf-row-start-2 gf-col-span-2 sm:gf-col-start-1 sm:gf-row-start-1 sm:gf-col-span-1 gf-justify-items-end", children: [
-                  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { size: "h3", weight: "bold", className: "gf-h-6 sm:gf-text-xl", children: n }) }),
-                  a && /* @__PURE__ */ jsx(
-                    Typography,
-                    {
-                      size: "h4",
-                      weight: "medium",
-                      className: " !gf-text-[#817A90] gf-line-clamp-2 gf-overflow-hidden gf-leading-6 sm:gf-leading-5 sm:gf-pr-4",
-                      children: a
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ jsx(Opacity, { level: "semi-dark", className: "gf-rounded-2xl h-full", children: /* @__PURE__ */ jsxs("div", { className: cn(s, "gf-overflow-hidden gf-rounded-2xl"), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(a, `${o ? "" : "gf-filter gf-blur-md"}`),
+        children: /* @__PURE__ */ jsx(
+          buildExports.LazyLoadImage,
+          {
+            alt: n,
+            effect: "blur",
+            src: c,
+            onLoad: () => l(!0),
+            onError: u
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "gf-px-4 gf-pt-4 gf-pb-5 gf-md:px-5 gf-md:pb-11", children: [
+      /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-justify-between gf-mb-3", children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            size: "h5",
+            weight: "medium",
+            className: "gf-bg-rose gf-px-3 gf-py-1 gf-rounded-full",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { size: "h5", weight: "medium", className: "gf-px-3 gf-py-1", children: i })
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { size: "h3", weight: "bold", children: n })
+    ] })
+  ] }) });
 }, questCardStyles = cva(
   ["gf-w-full gf-max-w-96 gf-p-4 gf-pb-5 md:gf-p-6 md:gf-pb-8 gf-rounded-2xl"],
   {
@@ -21926,6 +21937,7 @@ export {
   ArrowRightIcon,
   ArrowSouthEastIcon,
   ArrowSouthWestIcon,
+  ArrowSyncIcon,
   ArrowUpwardIcon,
   AssetChainLogos,
   BTCLogo,
@@ -21965,6 +21977,7 @@ export {
   GardenStrokeIcon,
   GasStationIcon,
   GradientScroll,
+  HubIcon,
   InfinityIcon,
   InfoBadge,
   InfoIcon,