@gearbox-protocol/ui-kit 3.4.0 → 3.5.0

package/dist/esm/components/composites/pool-table/columns.js

@@ -0,0 +1,248 @@
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { AssetsListCell as w } from "../../assets-list-cell/assets-list-cell.js";
+import { CompoundAPY as y } from "../../compound-apy/compound-apy.js";
+import { Description as s } from "../../description/description.js";
+import { NetworkIcon as P } from "../../network-icon/network-icon.js";
+import { PercentIndicator as b } from "../../percent-indicator/percent-indicator.js";
+import { PoolAPYTooltip as T } from "../../pool-apy-tooltip/pool-apy-tooltip.js";
+import { PoolIndicatorIcon as k } from "../../pool-indicator-icon/pool-indicator-icon.js";
+import { PoolPointsIndicator as A } from "../../pool-points-indicator/pool-points-indicator.js";
+import { Skeleton as m } from "../../skeleton/skeleton.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import { percentageTemplate as C, formatMoney as u } from "../../../utils/format-money.js";
+import { tokenTemplate as h } from "../../../utils/templates.js";
+import "luxon";
+import "../../../utils/z-index.js";
+import { TokenSymbol as x } from "../../token-symbol/token-symbol.js";
+function N({ ctx: e }) {
+  const { pool: l, underlyingToken: r, points: t, apy: o, isMobile: n } = e, d = n ? 20 : 24, c = /* @__PURE__ */ i(x, { token: r, size: d });
+  return t && t.length > 0 && o ? /* @__PURE__ */ i(
+    T,
+    {
+      totalAPY: o.totalAPY,
+      baseAPY: o.baseAPY,
+      extraAPY: o.extraAPY,
+      points: t,
+      tokensList: e.tokensList,
+      children: /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(k, { size: d, children: c }) })
+    }
+  ) : l.hasPoints ? /* @__PURE__ */ i(A, { size: d, children: c }) : c;
+}
+function Y(e) {
+  const l = e.underlyingToken?.title ?? e.underlyingToken?.symbol ?? "", r = e.pool.version;
+  return r && r >= 300 && r < 310 ? `${l} v${Math.floor(r / 100)}` : l;
+}
+function v({
+  ctx: e,
+  renderDescription: l,
+  getPoolName: r
+}) {
+  const { pool: t } = e, o = r ? r(e) : Y(e);
+  return /* @__PURE__ */ a("div", { className: "grid grid-cols-[auto_1fr] gap-x-3", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-3 shrink-0 leading-0", children: [
+      t.network && /* @__PURE__ */ i(
+        P,
+        {
+          network: t.network,
+          isTest: !1,
+          size: 14,
+          showTooltip: !0
+        }
+      ),
+      /* @__PURE__ */ i(N, { ctx: e })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "flex md:flex-col min-w-0 overflow-hidden items-center md:items-start gap-2 md:gap-0", children: [
+      /* @__PURE__ */ i("span", { className: "truncate max-w-full", children: o }),
+      l && /* @__PURE__ */ i(s, { className: "min-w-0 text-xs", children: l(e) })
+    ] })
+  ] });
+}
+function D({ ctx: e }) {
+  const { pool: l, underlyingToken: r, loading: t } = e;
+  return /* @__PURE__ */ a("div", { className: "flex flex-col items-start md:items-end", children: [
+    /* @__PURE__ */ i(m, { loading: !!t, width: 60, children: u(l.expectedLiquidityInUSD ?? 0) }),
+    /* @__PURE__ */ i(s, { children: h(
+      l.expectedLiquidity,
+      r
+    ) })
+  ] });
+}
+function B({ ctx: e }) {
+  const { pool: l, underlyingToken: r, loading: t } = e;
+  return /* @__PURE__ */ a("div", { className: "flex flex-col items-start md:items-end", children: [
+    /* @__PURE__ */ i(m, { loading: !!t, width: 60, children: u(l.totalBorrowedInUSD ?? 0) }),
+    /* @__PURE__ */ i(s, { children: h(
+      l.totalBorrowed,
+      r
+    ) })
+  ] });
+}
+function S({ ctx: e }) {
+  const { pool: l, loading: r, underlyingToken: t } = e, o = t?.decimals ?? 18, n = l.poolTokenSymbol != null ? {
+    title: l.poolTokenSymbol,
+    decimals: o
+  } : t;
+  return /* @__PURE__ */ a("div", { className: "flex flex-col items-start md:items-end", children: [
+    /* @__PURE__ */ i(m, { loading: !!r, width: 60, children: u(l.userBalanceInUSD ?? 0) }),
+    l.userBalance !== void 0 && n && /* @__PURE__ */ i(s, { children: h(l.userBalance, n) })
+  ] });
+}
+function z(e, l) {
+  const r = e.pool.collateralTokens, { tokensList: t, isMobile: o } = e;
+  return !r?.length || !t ? null : /* @__PURE__ */ i(
+    w,
+    {
+      maxAssets: l,
+      tokensList: t,
+      balances: r.map((n) => ({ token: n })),
+      iconSize: o ? 20 : 24,
+      options: { mode: "cascade" }
+    }
+  );
+}
+function Z(e) {
+  return {
+    id: "pool",
+    header: e?.header ?? "Pool",
+    width: e?.width ?? "186px",
+    align: "left",
+    className: "pl-4",
+    cell: (l) => /* @__PURE__ */ i(
+      v,
+      {
+        ctx: l,
+        renderDescription: e?.renderDescription,
+        getPoolName: e?.getPoolName
+      }
+    ),
+    mobileTitle: e?.header ?? "Pool"
+  };
+}
+function ee(e) {
+  return {
+    id: "supply",
+    header: e?.header ?? "Supply",
+    width: e?.width ?? "1fr",
+    align: "right",
+    hideOnMedium: e?.hideOnMedium,
+    sort: e?.sortField !== void 0 ? { field: e.sortField, defaultDirection: "desc" } : { field: "supply", defaultDirection: "desc" },
+    cell: (l) => /* @__PURE__ */ i(D, { ctx: l }),
+    mobileTitle: e?.header ?? "Supply"
+  };
+}
+function le(e) {
+  return {
+    id: "supplyApy",
+    header: e?.header ?? "Supply APY",
+    headerTip: e?.headerTip,
+    width: e?.width ?? "1.25fr",
+    align: "right",
+    sort: e?.sortField !== void 0 ? { field: e.sortField, defaultDirection: "desc" } : { field: "apy", defaultDirection: "desc" },
+    cell: (l) => {
+      const { apy: r, loading: t, points: o, tokensList: n } = l, {
+        totalAPY: d = 0,
+        baseAPY: c = [],
+        extraAPY: f = [],
+        externalAPY: p,
+        apy7DAgo: g
+      } = r ?? {};
+      return /* @__PURE__ */ i(m, { width: 60, loading: !!t, children: /* @__PURE__ */ i(
+        y,
+        {
+          totalAPY: d,
+          totalAPYLoading: !!t,
+          baseAPY: c,
+          extraAPY: f,
+          points: o,
+          apy7DAgo: g,
+          tokensList: n,
+          externalAPY: p
+        }
+      ) });
+    },
+    mobileTitle: e?.header ?? "Supply APY"
+  };
+}
+function re(e) {
+  return {
+    id: "borrowed",
+    header: e?.header ?? "Borrowed",
+    width: e?.width ?? "1.15fr",
+    align: "right",
+    cell: (l) => /* @__PURE__ */ i(B, { ctx: l }),
+    mobileTitle: e?.header ?? "Borrowed"
+  };
+}
+function ie(e) {
+  return {
+    id: "borrowApy",
+    header: e?.header ?? "Borrow APY",
+    headerTip: e?.headerTip,
+    width: e?.width ?? "150px",
+    align: "right",
+    cell: (l) => {
+      const r = l.pool.borrowAPY ?? e?.getBorrowRate?.(l.pool) ?? 0;
+      return /* @__PURE__ */ i("div", { className: "flex justify-start md:justify-end", children: C(r) });
+    },
+    mobileTitle: e?.header ?? "Borrow APY"
+  };
+}
+function te(e) {
+  return {
+    id: "utilization",
+    header: e?.header ?? "Utilization",
+    width: e?.width ?? "150px",
+    align: "right",
+    className: "pr-4",
+    sort: e?.sortField !== void 0 ? { field: e.sortField, defaultDirection: "desc" } : { field: "utilization", defaultDirection: "desc" },
+    cell: (l) => {
+      const r = l.pool.utilization ?? 0;
+      return /* @__PURE__ */ i("div", { className: "flex justify-start md:justify-end", children: /* @__PURE__ */ i(b, { percent: r }) });
+    },
+    mobileTitle: e?.header ?? "Utilization"
+  };
+}
+function oe(e) {
+  const l = e?.maxAssets ?? 5, r = (t) => z(t, l);
+  return {
+    id: "collateral",
+    header: e?.header ?? "Collateral",
+    width: e?.width ?? "148px",
+    align: e?.align ?? "left",
+    gapBefore: e?.gapBefore ?? "md",
+    cell: e?.cell ?? r,
+    mobileCell: e?.mobileCell ?? e?.cell ?? r,
+    mobileTitle: e?.header ?? "Collateral"
+  };
+}
+function ne(e) {
+  return {
+    id: "balance",
+    header: e?.header ?? "Your Balance",
+    width: e?.width ?? "1.15fr",
+    align: "right",
+    className: e?.className ?? "pr-4",
+    headerClassName: e?.headerClassName ?? "pr-4",
+    sort: e?.sortField !== void 0 ? { field: e.sortField, defaultDirection: "desc" } : { field: "balance", defaultDirection: "desc" },
+    cell: e?.cell ?? ((l) => /* @__PURE__ */ i(S, { ctx: l })),
+    mobileTitle: e?.header ?? "Your Balance"
+  };
+}
+function ae(e) {
+  return e;
+}
+export {
+  ne as balanceColumn,
+  ie as borrowApyColumn,
+  re as borrowedColumn,
+  oe as collateralColumn,
+  ae as customColumn,
+  Z as poolColumn,
+  le as supplyApyColumn,
+  ee as supplyColumn,
+  te as utilizationColumn
+};

package/dist/esm/components/composites/pool-table/index.js

@@ -0,0 +1,14 @@
+import { balanceColumn as u, borrowApyColumn as m, borrowedColumn as n, collateralColumn as p, customColumn as r, poolColumn as C, supplyApyColumn as a, supplyColumn as e, utilizationColumn as t } from "./columns.js";
+import { PoolTable as y } from "./pool-table.js";
+export {
+  y as PoolTable,
+  u as balanceColumn,
+  m as borrowApyColumn,
+  n as borrowedColumn,
+  p as collateralColumn,
+  r as customColumn,
+  C as poolColumn,
+  a as supplyApyColumn,
+  e as supplyColumn,
+  t as utilizationColumn
+};

package/dist/esm/components/composites/pool-table/pool-table-backend-contract.types.js

@@ -0,0 +1 @@
+

package/dist/esm/components/composites/pool-table/pool-table.js

@@ -0,0 +1,190 @@
+import { jsx as l, Fragment as G, jsxs as C } from "react/jsx-runtime";
+import * as b from "react";
+import { HeadCell as D } from "../../head-cell/head-cell.js";
+import { HelpTip as $ } from "../../help-tip/help-tip.js";
+import { GridLoadingLine as A } from "../../table/grid-loading-line.js";
+import { GridTable as E, GridTableHeader as F, GridTableBody as X, GridTableRow as k, GridTableHead as q, GridTableCell as P } from "../../table/grid-table.js";
+import { TableLoaderGuard as J } from "../../table/table-loader-guard.js";
+import { TableLineSm as K, TableCellSm as Q } from "../../table/table-sm.js";
+import "@gearbox-protocol/sdk/common-utils";
+import "@gearbox-protocol/sdk";
+import { useIsMobile as U, useIsMedium as V } from "../../../hooks/use-media-query.js";
+import { cn as T } from "../../../utils/cn.js";
+function j({
+  last: e,
+  className: n,
+  ...d
+}) {
+  return /* @__PURE__ */ l(
+    k,
+    {
+      className: T(e && "*:after:hidden", n),
+      ...d
+    }
+  );
+}
+function W({
+  columns: e,
+  sort: n,
+  isMedium: d
+}) {
+  return /* @__PURE__ */ l(k, { noHover: !0, height: "35px", children: e.map((i) => {
+    if (i.hideOnMedium && d) return null;
+    const s = i.sort, a = s && n ? {
+      direction: n.state?.field === s.field ? n.state.sort : null,
+      onSort: () => n.set(s.field, s.defaultDirection ?? "desc")
+    } : void 0, p = typeof i.header == "function" ? i.header(a) : i.header;
+    return /* @__PURE__ */ l(
+      q,
+      {
+        justify: i.align === "right" ? "end" : i.align === "center" ? "center" : "start",
+        size: "sm",
+        gapBefore: i.gapBefore,
+        className: T(i.className, i.headerClassName),
+        children: a ? /* @__PURE__ */ C(G, { children: [
+          /* @__PURE__ */ l(
+            D,
+            {
+              title: p,
+              sortDirection: a.direction ?? void 0,
+              onSort: a.onSort
+            }
+          ),
+          i.headerTip && /* @__PURE__ */ l($, { className: "ml-1.5", children: i.headerTip })
+        ] }) : /* @__PURE__ */ C(G, { children: [
+          p,
+          i.headerTip && /* @__PURE__ */ l($, { className: "ml-1.5", children: i.headerTip })
+        ] })
+      },
+      i.id
+    );
+  }) });
+}
+function Y({
+  row: e,
+  columns: n,
+  last: d,
+  rowHeight: i,
+  isSmall: s,
+  isMedium: a,
+  mobileColumnsXs: p,
+  mobileColumnsMd: h
+}) {
+  const f = b.useMemo(
+    () => ({
+      pool: e.pool,
+      tokensList: e.tokensList,
+      underlyingToken: e.tokensList?.[e.pool.underlyingToken],
+      apy: e.apy,
+      points: e.points,
+      loading: e.loading,
+      chainId: e.chainId,
+      isMobile: s
+    }),
+    [e, s]
+  ), N = a ? n.filter((r) => !r.hideOnMedium) : n;
+  if (s) {
+    const r = n.filter((t) => !t.hideOnMobile), [c, ...M] = r, u = (t) => t.mobileCell ? t.mobileCell(f) : t.cell(f);
+    return /* @__PURE__ */ l(j, { last: d, href: e.href, children: /* @__PURE__ */ l(P, { span: "full", size: "sm", className: "px-3 py-0!", children: /* @__PURE__ */ l(
+      K,
+      {
+        title: c ? u(c) : void 0,
+        columnsXs: p,
+        columnsMd: h,
+        className: "w-full",
+        children: M.map((t) => /* @__PURE__ */ l(Q, { title: t.mobileTitle, children: u(t) }, t.id))
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ l(j, { last: d, href: e.href, height: `${i}px`, children: N.map((r) => /* @__PURE__ */ l(
+    P,
+    {
+      textAlign: r.align ?? "left",
+      size: "sm",
+      gapBefore: r.gapBefore,
+      className: r.className,
+      children: r.cell(f)
+    },
+    r.id
+  )) });
+}
+function oe({
+  columns: e,
+  rows: n,
+  loading: d = !1,
+  partialLoading: i = !1,
+  error: s,
+  emptyContent: a,
+  skeletonRows: p = 5,
+  rowHeight: h = 75,
+  size: f = "lg",
+  mobileColumnsXs: N = 3,
+  mobileColumnsMd: r = 3,
+  className: c,
+  wrapperClassName: M,
+  sort: u
+}) {
+  const t = U(), g = V(), m = b.useMemo(
+    () => g ? e.filter((o) => !o.hideOnMedium) : e,
+    [e, g]
+  ), I = b.useMemo(() => t ? "1fr" : m.map((o) => o.width ?? "1fr").join(" "), [t, m]), v = b.useMemo(() => {
+    const o = m.map((H, O) => {
+      const L = H.gapBefore;
+      if (!L || L === "none") return null;
+      const z = L === "md" ? "pl-10" : "pl-5";
+      return `[&:nth-child(${O + 1})]:${z}`;
+    }).filter(Boolean).join(" "), y = m[m.length - 1]?.className?.includes("pr-4") ? "last:pr-4" : "";
+    return T("px-1 py-2 first:pl-4", y, o);
+  }, [m]), x = d || !n, R = !x && n && n.length === 0, B = i && !x;
+  return s ? null : R && a ? /* @__PURE__ */ l(G, { children: a }) : /* @__PURE__ */ C(
+    E,
+    {
+      cols: I,
+      gap: 0,
+      size: f,
+      wrapperClassName: T("overflow-visible", M),
+      className: c,
+      children: [
+        !t && /* @__PURE__ */ l(F, { children: /* @__PURE__ */ l(W, { columns: e, sort: u, isMedium: g }) }),
+        /* @__PURE__ */ l(
+          J,
+          {
+            showGuard: x,
+            rows: p,
+            columns: t ? 1 : m.length,
+            height: `${h}px`,
+            cellClassName: t ? "px-1 py-2 first:pl-4 last:pr-4" : v,
+            children: /* @__PURE__ */ C(X, { children: [
+              n?.map((o, S, y) => /* @__PURE__ */ l(
+                Y,
+                {
+                  row: o,
+                  columns: e,
+                  last: S === y.length - 1 && !B,
+                  rowHeight: h,
+                  isSmall: t,
+                  isMedium: g,
+                  mobileColumnsXs: N,
+                  mobileColumnsMd: r
+                },
+                `${o.chainId}-${o.pool.address}`
+              )),
+              B && /* @__PURE__ */ l(
+                A,
+                {
+                  height: `${h}px`,
+                  columns: m.length,
+                  cellClassName: v,
+                  last: !0
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  oe as PoolTable
+};

package/dist/esm/components/composites/pool-table/types.js

@@ -0,0 +1 @@
+

package/dist/esm/components/compound-apy/compound-apy.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { IconInfo as V } from "@gearbox-protocol/static";
+import { IconInfo as $ } from "@gearbox-protocol/static";
 import * as y from "react";
-import { PointsIcon as $ } from "../points-icon/points-icon.js";
-import { PoolAPYTooltip as M } from "../pool-apy-tooltip/pool-apy-tooltip.js";
-import { TokenIcon as N } from "../token-icon/token-icon.js";
-import { formatPercentAmount as T } from "../../utils/format-money.js";
-import { getStatic as j } from "../../utils/static.js";
+import { PointsIcon as M } from "../points-icon/points-icon.js";
+import { PoolAPYTooltip as N } from "../pool-apy-tooltip/pool-apy-tooltip.js";
+import { TokenIcon as j } from "../token-icon/token-icon.js";
+import { formatPercentAmount as I } from "../../utils/format-money.js";
+import { getStatic as L } from "../../utils/static.js";
 import "../accordion/accordion.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../icons/fa-icon.js";
@@ -52,9 +52,16 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../description/description.js";
+import "../rounded-image/rounded-image.js";
+import "../progress/progress.js";
+import "../pool-indicator-icon/pool-indicator-icon.js";
+import "../skeleton/skeleton.js";
+import { getSymbolOrIcon as C } from "../token-symbol/token-symbol.js";
+import "../help-tip/help-tip.js";
+import "../table/grid-table.js";
 import "../confirm-menu/confirm-menu.js";
 import "../currency-button/currency-button.js";
-import "../description/description.js";
 import "../detailed-apy/detailed-apy.js";
 import "../detailed-page-title/detailed-page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
@@ -99,7 +106,6 @@ import "../filter/variants.js";
 import "../graph/formatters.js";
 import "lightweight-charts";
 import "../graph/graph-view.js";
-import "../help-tip/help-tip.js";
 import "../health-factor/health-factor.js";
 import "../horizontal-indicator/horizontal-indicator.js";
 import "../icon-button/icon-button.js";
@@ -113,12 +119,10 @@ import "../layout/main-aside-layout/main-aside-layout.js";
 import "../page-title/page-title.js";
 import "../layout/social-icons/social-icons.js";
 import "../link/link.js";
-import { getSymbolOrIcon as L } from "../token-symbol/token-symbol.js";
 import "../../utils/reactochart-compat.js";
 import "../status-elements/status-elements.js";
 import "../text-button/text-button.js";
 import "../loader/loader.js";
-import "../skeleton/skeleton.js";
 import "../loading/loading.js";
 import "../loading-bar/loading-bar.js";
 import "react-markdown";
@@ -128,11 +132,8 @@ import "../navbar/navbar-indicator-context.js";
 import "../app-bar/app-bar.js";
 import "../navitem/navitem.js";
 import "../simple-dropdown/simple-dropdown.js";
-import "../progress/progress.js";
-import "../pool-indicator-icon/pool-indicator-icon.js";
 import "../progress-bar/progress-bar.js";
 import "../radio-group/radio-group.js";
-import "../rounded-image/rounded-image.js";
 import "../search-bar/search-bar.js";
 import "../segmented-control/segmented-control.js";
 import "../select/select.js";
@@ -150,7 +151,6 @@ import "../stat-badge/stat-badge.js";
 import "../status-dot/status-dot.js";
 import "../stepper/stepper.js";
 import "../switch/switch.js";
-import "../table/grid-table.js";
 import "../table/table.js";
 import "../table/grid-table-loader.js";
 import "../textarea/textarea.js";
@@ -162,21 +162,21 @@ import "../typography/typography.js";
 import "../vertical-indicator/vertical-indicator.js";
 import "../vertical-list/vertical-list.js";
 import "../with-filter-button/with-filter-button.js";
-function C(i, p) {
+function G(i, p) {
   const e = i?.symbol || p;
-  return e === "GEAR" ? { icon: j("/logo/logo_symbol.png") } : L(i) || e;
+  return e === "GEAR" ? { icon: L("/logo/logo_symbol.png") } : C(i) || e;
 }
-function Wr({
+function _r({
   totalAPY: i,
   totalAPYLoading: p,
   baseAPY: e,
   extraAPY: u,
   externalAPY: o,
   points: n,
-  apy7DAgo: I,
+  apy7DAgo: R,
   tokensList: g,
   decimals: w = 2,
-  className: R
+  className: z
 }) {
   const a = y.useMemo(() => {
     if (o)
@@ -184,18 +184,18 @@ function Wr({
         ...o,
         value: o.value ?? o.apy ?? 0
       };
-  }, [o]), s = y.useMemo(() => u.filter((d) => (d.apy || 0) > 0), [u]), b = () => {
-    const d = s.length > 0, E = a && !p && a.totalValue > 0 && a.totalValue !== i, S = n && n.length > 0, k = `${[
-      T(i, w),
-      ...E ? [T(a.totalValue, w)] : []
-    ].join("-")}%`, x = Math.max(s.length, 0), v = n?.filter((t) => t.reward) ?? [], l = x + v.length;
-    return /* @__PURE__ */ h("div", { className: R, children: [
+  }, [o]), s = y.useMemo(() => u.filter((d) => (d.apy || 0) > 0), [u]), b = !p && i >= 1e-3, x = () => {
+    const d = s.length > 0, S = a && !p && a.totalValue > 0 && a.totalValue !== i, k = n && n.length > 0, V = `${[
+      I(i, w),
+      ...S ? [I(a.totalValue, w)] : []
+    ].join("-")}%`, T = Math.max(s.length, 0), v = n?.filter((t) => t.reward) ?? [], l = T + v.length;
+    return /* @__PURE__ */ h("div", { className: z, children: [
       /* @__PURE__ */ h("span", { className: "inline-flex items-center", children: [
-        k,
-        /* @__PURE__ */ r("span", { className: "ml-1.5 leading-[0] text-gray-70", children: /* @__PURE__ */ r(V, { size: 14 }) })
+        V,
+        b && /* @__PURE__ */ r("span", { className: "ml-1.5 leading-[0] text-gray-70", children: /* @__PURE__ */ r($, { size: 14 }) })
       ] }),
       /* @__PURE__ */ r("div", {}),
-      (d || S) && /* @__PURE__ */ h("span", { className: "relative inline-flex", children: [
+      (d || k) && /* @__PURE__ */ h("span", { className: "relative inline-flex", children: [
         s.map((t, m) => {
           const c = g?.[t.rewardToken], f = m === l - 1;
           return /* @__PURE__ */ r(
@@ -206,9 +206,9 @@ function Wr({
                 marginRight: f ? 0 : -7
               },
               children: /* @__PURE__ */ r(
-                N,
+                j,
                 {
-                  symbol: C(c, t.rewardTokenSymbol),
+                  symbol: G(c, t.rewardTokenSymbol),
                   size: 14,
                   style: {
                     margin: t.rewardTokenSymbol === "GEAR" ? "-3px 0 0 0" : "0"
@@ -220,7 +220,7 @@ function Wr({
           );
         }),
         v.map((t, m) => {
-          const c = m + x, f = c === l - 1;
+          const c = m + T, f = c === l - 1;
           return /* @__PURE__ */ r(
             "span",
             {
@@ -229,7 +229,7 @@ function Wr({
                 marginRight: f ? 0 : -7
               },
               children: /* @__PURE__ */ r(
-                $,
+                M,
                 {
                   reward: {
                     name: t.reward?.name || t.name,
@@ -244,7 +244,7 @@ function Wr({
         })
       ] })
     ] });
-  }, z = y.useMemo(() => {
+  }, E = y.useMemo(() => {
     if (o)
       return {
         totalValue: o.totalValue,
@@ -253,21 +253,21 @@ function Wr({
         tooltip: o.tooltip
       };
   }, [o]);
-  return !p && i >= 1e-3 ? /* @__PURE__ */ r(
-    M,
+  return b ? /* @__PURE__ */ r(
+    N,
     {
       baseAPY: e,
       extraAPY: s,
       totalAPY: i,
-      externalAPY: z,
+      externalAPY: E,
       points: n,
-      apy7DAgo: I,
+      apy7DAgo: R,
       tokensList: g,
-      children: b()
+      children: x()
     }
-  ) : b();
+  ) : x();
 }
 export {
-  Wr as CompoundAPY,
-  C as getRewardTokenSymbol
+  _r as CompoundAPY,
+  G as getRewardTokenSymbol
 };