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

package/dist/ui.es.js

@@ -10859,8 +10859,8 @@ const v = "5.7.4", fr = 60, ip = 0, op = 120, w = 64, h = 64, nm = "loading spin
     size: {
       h1: "gf-text-[32px] gf-leading-10",
       h2: "gf-text-xl gf-leading-5",
-      h3: "gf-text-base gf-leading-4",
-      h4: "gf-text-sm gf-leading-4",
+      h3: "gf-text-base gf-leading-5",
+      h4: "gf-text-sm gf-leading-5",
       h5: "gf-text-xs gf-leading-4",
       h6: "gf-text-[10px] gf-leading-3"
     },
@@ -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,69 +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, {}) })
           ]
         }
       )
     ] })
   }
-), AssetChainLogos = ({
-  tokenLogo: e,
-  chainLogo: t,
-  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"}`,
-      n
-    ),
-    ...s,
-    children: [
-      /* @__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 = ({
   children: e,
   className: t,
@@ -22259,7 +22237,6 @@ export {
   ArrowSouthWestIcon,
   ArrowSyncIcon,
   ArrowUpwardIcon,
-  AssetChainLogos,
   BTCLogo,
   BlogCard,
   BlogIcon,
@@ -22353,6 +22330,7 @@ export {
   ThorswapIcon,
   TimerIcon,
   TokenInfo,
+  TokenNetworkLogos,
   TraderJoe,
   TrailOfBits,
   TrustWallet,