@gardenfi/garden-book 0.1.100-beta.7 → 0.1.100-beta.8

package/dist/ui.es.js

@@ -16470,6 +16470,32 @@ const InfoBadge = ({ children: e, className: t, ...i }) => /* @__PURE__ */ jsx(
     ...i,
     children: /* @__PURE__ */ jsx(Typography, { size: "h3", weight: "bold", children: e })
   }
+), TokenNetworkLogos = ({
+  tokenLogo: e,
+  chainLogo: t,
+  ...i
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: `gf-relative gf-flex gf-h-5 gf-items-center gf-justify-between  ${t && t !== e ? "gf-w-[36px]" : "gf-w-5"}`,
+    ...i,
+    children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: e,
+          className: "gf-absolute gf-left-0 gf-z-30 gf-h-5 gf-w-5 gf-rounded-full"
+        }
+      ),
+      t && t !== e && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: t,
+          className: "gf-absolute gf-right-0 gf-z-20 gf-h-5 gf-w-5 gf-rounded-full"
+        }
+      )
+    ]
+  }
 ), TokenInfo = ({
   symbol: e,
   tokenLogo: t,
@@ -16489,58 +16515,21 @@ const InfoBadge = ({ children: e, className: t, ...i }) => /* @__PURE__ */ jsx(
       /* @__PURE__ */ jsxs(
         "div",
         {
-          className: `gf-flex gf-items-center ${i ? "" : "gf-gap-1"}`,
+          className: "gf-flex gf-items-center gf-gap-1",
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-items-center", children: [
-              typeof t == "string" ? /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: t,
-                  alt: "token logo",
-                  className: "gf-w-5 gf-h-5 gf-z-20 gf-rounded-full"
-                }
-              ) : t,
-              i && (typeof i == "string" ? /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: i,
-                  alt: "chain logo",
-                  className: "gf-w-5 gf-h-5 -gf-translate-x-1 gf-z-10 gf-rounded-full"
-                }
-              ) : i)
-            ] }),
+            /* @__PURE__ */ jsx(
+              TokenNetworkLogos,
+              {
+                tokenLogo: t || "",
+                chainLogo: i || ""
+              }
+            ),
             /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(KeyboardDownIcon, {}) })
           ]
         }
       )
     ] })
   }
-), TokenNetworkLogos = ({
-  tokenLogo: e,
-  chainLogo: t,
-  ...i
-}) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: `gf-relative gf-flex gf-h-5 gf-items-center gf-justify-between ${t ? "gf-w-[36px]" : "gf-w-5"}`,
-    ...i,
-    children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: e,
-          className: "gf-absolute gf-left-0 gf-z-30 gf-h-5 gf-w-5 gf-rounded-full"
-        }
-      ),
-      t && t !== e && /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: t,
-          className: "gf-absolute gf-right-0 gf-z-20 gf-h-5 gf-w-5 gf-rounded-full"
-        }
-      )
-    ]
-  }
 ), GradientScroll = ({
   children: e,
   className: t,