@gearbox-protocol/ui-kit 4.5.2 → 4.6.0

package/dist/esm/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.js

@@ -1,129 +1,133 @@
-import { jsxs as w, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { calcNetStrategyApy as M, calcEffectiveBorrowApy as q } from "@gearbox-protocol/sdk/onchain";
-import { breakdownRateValue as P, ApyBreakdownBody as O, formatBreakdownRate as m, ApyBreakdownRow as b, periodMessageId as k, ApyBreakdownDivider as S, BREAKDOWN_DASH as E } from "../apy-breakdown-body/apy-breakdown-body.js";
-import { NoValue as g } from "../../no-value/no-value.js";
-import { PointsIcon as j } from "../../points-icon/points-icon.js";
-import { TokenIcon as z } from "../../token-icon/token-icon.js";
+import { jsxs as y, jsx as o, Fragment as q } from "react/jsx-runtime";
+import { calcNetStrategyApy as M, calcEffectiveBorrowApy as O } from "@gearbox-protocol/sdk/onchain";
+import { breakdownRateValue as P, ApyBreakdownBody as S, formatBreakdownRate as m, ApyBreakdownRow as k, periodMessageId as g, RewardLinks as E, ApyBreakdownDivider as j, BREAKDOWN_DASH as z } from "../apy-breakdown-body/apy-breakdown-body.js";
+import { NoValue as I } from "../../no-value/no-value.js";
+import { PointsIcon as F } from "../../points-icon/points-icon.js";
+import { TokenIcon as V } from "../../token-icon/token-icon.js";
 import { FormattedMessageTyped as i } from "../../typed-intl/index.js";
-import { formatLeverageExact as p, formatLeverage as F } from "../../../utils/format-leverage.js";
-import { totalApyOf as V, positiveTokenRewardsOf as H, pointProgramsOf as K } from "../../../utils/internal/apy-breakdown.js";
-import { StrategyApyBreakdownCardTest as l } from "./constants.js";
-function W(c) {
-  const { borrowApyAvg7D: o, quotaRateAvg7D: r, liquidationThreshold: n } = c;
-  return o === void 0 || r === void 0 ? null : {
-    borrowApy: o,
+import { formatLeverageExact as p, formatLeverage as H } from "../../../utils/format-leverage.js";
+import { totalApyOf as K, positiveTokenRewardsOf as W, pointProgramsOf as Y } from "../../../utils/internal/apy-breakdown.js";
+import { StrategyApyBreakdownCardTest as n } from "./constants.js";
+function _(c) {
+  const { borrowApyAvg7D: e, quotaRateAvg7D: r, liquidationThreshold: a } = c;
+  return e === void 0 || r === void 0 ? null : {
+    borrowApy: e,
     quotaRate: r,
-    liquidationThreshold: n
+    liquidationThreshold: a
   };
 }
-function Y(c, o, r) {
-  const n = P(c), a = r - o * n;
-  return a > 0 && o > 0 ? n + Math.ceil(a / o * 100) / 100 : n;
+function G(c, e, r) {
+  const a = P(c), v = r - e * a;
+  return v > 0 && e > 0 ? a + Math.ceil(v / e * 100) / 100 : a;
 }
-function ao({
+function le({
   data: c,
-  leverage: o,
+  leverage: e,
   showFormula: r = !1,
-  period: n
+  period: a,
+  hideRewardLinks: v = !1
 }) {
-  const a = W(c), s = a && c.collateralApyAvg7D ? c.collateralApyAvg7D : void 0, I = a !== null && s !== void 0, B = I && a && s ? {
+  const l = _(c), s = l && c.collateralApyAvg7D ? c.collateralApyAvg7D : void 0, B = l !== null && s !== void 0, h = B && l && s ? {
     organicApy: M(
-      a,
+      l,
       s.organicApy,
-      o
+      e
     ),
     totalApy: M(
-      a,
+      l,
       s.totalApy ?? s.organicApy,
-      o
+      e
     ),
     ...s.rewards ? { rewards: s.rewards } : {}
-  } : null, d = I && a ? q(a, o) : null, u = B === null ? null : V(B), h = u === null || d === null ? null : u + d, L = s ? H(s) : [], R = s ? K(s) : [], T = L.map((t) => ({
+  } : null, d = B && l ? O(l, e) : null, u = h === null ? null : K(h), R = u === null || d === null ? null : u + d, $ = s ? W(s) : [], x = s ? Y(s) : [], T = $.map((t) => ({
     reward: t,
-    value: Math.round(o * (t.supplyApr ?? 0))
-  })), y = h === null ? null : h - T.reduce((t, f) => t + f.value, 0), x = y !== null && o > 0 ? y / o : void 0, N = a && d !== null && o > 0 ? (d - a.borrowApy * (o - 1)) / o : void 0, C = Number(p(o)), v = d === null ? void 0 : P(d), A = a && N !== void 0 && v !== void 0 ? Y(
-    a.borrowApy + N,
-    C,
-    v
-  ) : void 0, D = A !== void 0 && v !== void 0 ? C * A - v : void 0;
-  return /* @__PURE__ */ w(
-    O,
+    value: Math.round(e * (t.supplyApr ?? 0))
+  })), A = R === null ? null : R - T.reduce((t, b) => t + b.value, 0), N = A !== null && e > 0 ? A / e : void 0, C = l && d !== null && e > 0 ? (d - l.borrowApy * (e - 1)) / e : void 0, D = Number(p(e)), w = d === null ? void 0 : P(d), f = l && C !== void 0 && w !== void 0 ? G(
+    l.borrowApy + C,
+    D,
+    w
+  ) : void 0, L = f !== void 0 && w !== void 0 ? D * f - w : void 0;
+  return /* @__PURE__ */ y(
+    S,
     {
-      testId: l.root,
-      title: /* @__PURE__ */ e(
+      testId: n.root,
+      title: /* @__PURE__ */ o(
         i,
         {
-          messageId: k(
-            n,
+          messageId: g(
+            a,
             "components.yieldBreakdown.titleNetAtLeverage",
             "components.yieldBreakdown.titleNetAtLeverage7d"
           ),
-          values: { leverage: F(o) }
+          values: { leverage: H(e) }
         }
       ),
-      chip: u === null ? /* @__PURE__ */ e(g, { reason: n }) : m(u, !0),
+      chip: u === null ? /* @__PURE__ */ o(I, { reason: a }) : m(u, !0),
       chipPositive: (u ?? 0) > 0,
-      chipTestId: l.net,
+      chipTestId: n.net,
       children: [
-        /* @__PURE__ */ e(
-          b,
+        /* @__PURE__ */ o(
+          k,
           {
-            testId: l.collateral,
-            valueTestId: l.value,
-            captionTestId: l.caption,
-            label: /* @__PURE__ */ e(
+            testId: n.collateral,
+            valueTestId: n.value,
+            captionTestId: n.caption,
+            label: /* @__PURE__ */ o(
               i,
               {
-                messageId: k(
-                  n,
+                messageId: g(
+                  a,
                   "components.yieldBreakdown.collateralApy",
                   "components.yieldBreakdown.collateralApy7d"
                 )
               }
             ),
-            value: y === null ? /* @__PURE__ */ e(g, { reason: n }) : m(y),
-            subtext: r && x !== void 0 ? /* @__PURE__ */ e(
+            value: A === null ? /* @__PURE__ */ o(I, { reason: a }) : m(A),
+            subtext: r && N !== void 0 ? /* @__PURE__ */ o(
               i,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
-                  leverage: p(o),
-                  base: m(x)
+                  leverage: p(e),
+                  base: m(N)
                 }
               }
             ) : void 0
           }
         ),
-        T.map(({ reward: t, value: f }) => /* @__PURE__ */ e(
-          b,
+        T.map(({ reward: t, value: b }) => /* @__PURE__ */ o(
+          k,
           {
-            valueTestId: l.value,
-            captionTestId: l.caption,
-            label: /* @__PURE__ */ w("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-                i,
-                {
-                  messageId: "components.apyParts.extraAPY",
-                  values: { symbol: t.token.symbol }
-                }
-              ) }),
-              /* @__PURE__ */ e(
-                z,
-                {
-                  token: t.token,
-                  symbol: t.token.symbol,
-                  size: 16,
-                  className: "shrink-0"
-                }
-              )
+            valueTestId: n.value,
+            captionTestId: n.caption,
+            label: /* @__PURE__ */ y("span", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ y("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
+                  i,
+                  {
+                    messageId: "components.apyParts.extraAPY",
+                    values: { symbol: t.token.symbol }
+                  }
+                ) }),
+                /* @__PURE__ */ o(
+                  V,
+                  {
+                    token: t.token,
+                    symbol: t.token.symbol,
+                    size: 16,
+                    className: "shrink-0"
+                  }
+                )
+              ] }),
+              v ? null : /* @__PURE__ */ o(E, { links: t.links })
             ] }),
-            value: m(f),
-            subtext: r ? /* @__PURE__ */ e(
+            value: m(b),
+            subtext: r ? /* @__PURE__ */ o(
               i,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
-                  leverage: p(o),
+                  leverage: p(e),
                   base: m(t.supplyApr ?? 0)
                 }
               }
@@ -131,54 +135,54 @@ function ao({
           },
           `incentive-${t.token.address}-${t.supplyApr ?? 0}`
         )),
-        /* @__PURE__ */ e(
-          b,
+        /* @__PURE__ */ o(
+          k,
           {
             muted: !0,
-            testId: l.borrow,
-            valueTestId: l.value,
-            captionTestId: l.caption,
-            label: /* @__PURE__ */ e(
+            testId: n.borrow,
+            valueTestId: n.value,
+            captionTestId: n.caption,
+            label: /* @__PURE__ */ o(
               i,
               {
-                messageId: k(
-                  n,
+                messageId: g(
+                  a,
                   "components.yieldBreakdown.borrowRate",
                   "components.yieldBreakdown.borrowRate7d"
                 )
               }
             ),
-            value: d === null ? /* @__PURE__ */ e(g, { reason: n }) : m(d),
-            subtext: r && A !== void 0 && D !== void 0 ? /* @__PURE__ */ e(
+            value: d === null ? /* @__PURE__ */ o(I, { reason: a }) : m(d),
+            subtext: r && f !== void 0 && L !== void 0 ? /* @__PURE__ */ o(
               i,
               {
                 messageId: "components.strategyApyBreakdownCard.borrowFormula",
                 values: {
-                  leverage: p(o),
-                  totalRate: `${A.toFixed(2)}%`,
-                  borrowRate: `${Math.abs(D).toFixed(2)}%`
+                  leverage: p(e),
+                  totalRate: `${f.toFixed(2)}%`,
+                  borrowRate: `${Math.abs(L).toFixed(2)}%`
                 }
               }
             ) : void 0
           }
         ),
-        R.length > 0 ? /* @__PURE__ */ w($, { children: [
-          /* @__PURE__ */ e(S, {}),
-          R.map((t) => /* @__PURE__ */ e(
-            b,
+        x.length > 0 ? /* @__PURE__ */ y(q, { children: [
+          /* @__PURE__ */ o(j, {}),
+          x.map((t) => /* @__PURE__ */ o(
+            k,
             {
-              valueTestId: l.points,
-              captionTestId: l.caption,
-              label: /* @__PURE__ */ w("span", { className: "inline-flex items-center gap-1.5", children: [
-                /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+              valueTestId: n.points,
+              captionTestId: n.caption,
+              label: /* @__PURE__ */ y("span", { className: "inline-flex items-center gap-1.5", children: [
+                /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
                   i,
                   {
                     messageId: "components.yieldBreakdown.programPoints",
                     values: { name: t.name }
                   }
                 ) }),
-                /* @__PURE__ */ e(
-                  j,
+                /* @__PURE__ */ o(
+                  F,
                   {
                     reward: { name: t.name, type: t.id },
                     size: 16,
@@ -186,13 +190,13 @@ function ao({
                   }
                 )
               ] }),
-              value: t.multiplier != null ? `${p(t.multiplier * o)}×` : E,
-              subtext: r && t.multiplier != null ? /* @__PURE__ */ e(
+              value: t.multiplier != null ? `${p(t.multiplier * e)}×` : z,
+              subtext: r && t.multiplier != null ? /* @__PURE__ */ o(
                 i,
                 {
                   messageId: "components.strategyApyBreakdownCard.formula",
                   values: {
-                    leverage: p(o),
+                    leverage: p(e),
                     base: p(t.multiplier)
                   }
                 }
@@ -206,6 +210,6 @@ function ao({
   );
 }
 export {
-  ao as StrategyApyBreakdownCard,
-  l as StrategyApyBreakdownCardTest
+  le as StrategyApyBreakdownCard,
+  n as StrategyApyBreakdownCardTest
 };

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

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useId as v } from "react";
-import { NoValue as x } from "../no-value/no-value.js";
-import { YieldBreakdownTooltip as C } from "../yield-breakdown-tooltip/yield-breakdown.js";
-import { cn as I } from "../../utils/cn.js";
+import { useId as x } from "react";
+import { NoValue as C } from "../no-value/no-value.js";
+import { YieldBreakdownTooltip as I } from "../yield-breakdown-tooltip/yield-breakdown.js";
+import { cn as k } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { formatCompactPercent as k } from "../../utils/internal/format-percent.js";
+import { formatCompactPercent as P } from "../../utils/internal/format-percent.js";
 import "../../utils/z-index.js";
-import { totalApyOf as P, positiveTokenRewardsOf as A, pointProgramsOf as O } from "../../utils/internal/apy-breakdown.js";
-import { bpsToPercent as F } from "../../utils/internal/bps-to-percent.js";
+import { totalApyOf as A, positiveTokenRewardsOf as O, pointProgramsOf as F } from "../../utils/internal/apy-breakdown.js";
+import { bpsToPercent as N } from "../../utils/internal/bps-to-percent.js";
 const l = 14;
-function N() {
-  const t = `additional-incentives-${v().replace(/:/g, "")}`;
+function T() {
+  const t = `additional-incentives-${x().replace(/:/g, "")}`;
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -60,9 +60,9 @@ function N() {
   );
 }
 function c(t) {
-  return t == null ? !1 : A(t).length > 0 || O(t).length > 0;
+  return t == null ? !1 : O(t).length > 0 || F(t).length > 0;
 }
-function V({
+function Z({
   apy: t,
   maxLeverage: p,
   collateralApy: r,
@@ -71,19 +71,20 @@ function V({
   decimals: a = 2,
   tooltip: f = !0,
   period: h,
+  hideRewardLinks: u,
   className: o
 }) {
   if (!t)
-    return /* @__PURE__ */ e(x, {});
-  const i = P(t), u = c(t) || c(r), g = f && i >= 1, s = () => {
-    const w = k(F(i), a);
-    return /* @__PURE__ */ n("div", { className: I("inline-flex items-center gap-1.5", o), children: [
-      /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: w }),
-      u ? /* @__PURE__ */ e(N, {}) : null
+    return /* @__PURE__ */ e(C, {});
+  const i = A(t), g = c(t) || c(r), w = f && i >= 1, s = () => {
+    const v = P(N(i), a);
+    return /* @__PURE__ */ n("div", { className: k("inline-flex items-center gap-1.5", o), children: [
+      /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: v }),
+      g ? /* @__PURE__ */ e(T, {}) : null
     ] });
   };
-  return g ? /* @__PURE__ */ e(
-    C,
+  return w ? /* @__PURE__ */ e(
+    I,
     {
       supplyApy: t,
       maxLeverage: p,
@@ -91,11 +92,12 @@ function V({
       borrowApy: d,
       quotaRate: m,
       period: h,
+      hideRewardLinks: u,
       className: o,
       children: s()
     }
   ) : s();
 }
 export {
-  V as CompoundAPY
+  Z as CompoundAPY
 };

package/dist/esm/components/yield-breakdown-tooltip/yield-breakdown.js

@@ -1,140 +1,153 @@
-import { jsx as e, jsxs as p, Fragment as B } from "react/jsx-runtime";
-import { ApyBreakdownBody as A, formatBreakdownRate as c, ApyBreakdownRow as u, periodMessageId as w, ApyBreakdownDivider as v } from "../base/apy-breakdown-body/apy-breakdown-body.js";
-import { PoolApyBreakdownCard as h } from "../base/pool-apy-breakdown-card/pool-apy-breakdown-card.js";
-import { PointsIcon as b } from "../points-icon/points-icon.js";
-import { TokenIcon as I } from "../token-icon/token-icon.js";
-import { FormattedMessageTyped as a } from "../typed-intl/index.js";
-import { formatLeverage as P } from "../../utils/format-leverage.js";
-import { tokenRewardsOf as R, pointProgramsOf as T, totalApyOf as x } from "../../utils/internal/apy-breakdown.js";
-import { ApyBreakdownTooltip as N } from "./yield-breakdown-tooltip.js";
-function E({
-  supplyApy: l,
-  maxLeverage: r,
-  collateralApy: y,
-  borrowApy: s,
-  quotaRate: i,
-  period: t,
+import { jsx as e, jsxs as r, Fragment as A } from "react/jsx-runtime";
+import { ApyBreakdownBody as v, formatBreakdownRate as u, ApyBreakdownRow as y, periodMessageId as f, RewardLinks as h, ApyBreakdownDivider as b } from "../base/apy-breakdown-body/apy-breakdown-body.js";
+import { PoolApyBreakdownCard as I } from "../base/pool-apy-breakdown-card/pool-apy-breakdown-card.js";
+import { PointsIcon as P } from "../points-icon/points-icon.js";
+import { TokenIcon as x } from "../token-icon/token-icon.js";
+import { FormattedMessageTyped as s } from "../typed-intl/index.js";
+import { formatLeverage as N } from "../../utils/format-leverage.js";
+import { tokenRewardsOf as R, pointProgramsOf as T, totalApyOf as $ } from "../../utils/internal/apy-breakdown.js";
+import { ApyBreakdownTooltip as O } from "./yield-breakdown-tooltip.js";
+function H({
+  supplyApy: t,
+  maxLeverage: a,
+  collateralApy: g,
+  borrowApy: i,
+  quotaRate: d,
+  period: l,
+  hideRewardLinks: m = !1,
   children: n,
-  className: d,
-  open: g
+  className: p,
+  open: k
 }) {
-  const m = r !== void 0 && r > 0;
+  const c = a !== void 0 && a > 0;
   return /* @__PURE__ */ e(
-    N,
+    O,
     {
       placement: "bottom",
-      title: /* @__PURE__ */ e("span", { className: d, children: n }),
-      triggerClassName: d,
-      open: g,
-      children: m ? /* @__PURE__ */ e(
-        $,
+      title: /* @__PURE__ */ e("span", { className: p, children: n }),
+      triggerClassName: p,
+      open: k,
+      children: c ? /* @__PURE__ */ e(
+        S,
         {
-          supplyApy: l,
-          maxLeverage: r,
-          collateralApy: y,
-          borrowApy: s,
-          quotaRate: i,
-          period: t
+          supplyApy: t,
+          maxLeverage: a,
+          collateralApy: g,
+          borrowApy: i,
+          quotaRate: d,
+          period: l,
+          hideRewardLinks: m
         }
-      ) : /* @__PURE__ */ e(h, { data: l, period: t })
+      ) : /* @__PURE__ */ e(
+        I,
+        {
+          data: t,
+          period: l,
+          hideRewardLinks: m
+        }
+      )
     }
   );
 }
-function $({
-  supplyApy: l,
-  maxLeverage: r,
-  collateralApy: y,
-  borrowApy: s,
-  quotaRate: i,
-  period: t
+function S({
+  supplyApy: t,
+  maxLeverage: a,
+  collateralApy: g,
+  borrowApy: i,
+  quotaRate: d,
+  period: l,
+  hideRewardLinks: m
 }) {
-  const n = y, d = n ? R(n) : [], g = T(l), m = x(l), k = s != null || i != null ? (s ?? 0) + (i ?? 0) : void 0, f = g.filter((o) => o.multiplier != null);
-  return /* @__PURE__ */ p(
-    A,
+  const n = g, p = n ? R(n) : [], k = T(t), c = $(t), w = i != null || d != null ? (i ?? 0) + (d ?? 0) : void 0, B = k.filter((o) => o.multiplier != null);
+  return /* @__PURE__ */ r(
+    v,
     {
       title: /* @__PURE__ */ e(
-        a,
+        s,
         {
-          messageId: w(
-            t,
+          messageId: f(
+            l,
             "components.yieldBreakdown.titleNetAtLeverage",
             "components.yieldBreakdown.titleNetAtLeverage7d"
           ),
-          values: { leverage: P(r) }
+          values: { leverage: N(a) }
         }
       ),
-      chip: c(m, !0),
-      chipPositive: m > 0,
+      chip: u(c, !0),
+      chipPositive: c > 0,
       children: [
         n?.organicApy != null ? /* @__PURE__ */ e(
-          u,
+          y,
           {
             muted: n.organicApy < 0,
             label: /* @__PURE__ */ e(
-              a,
+              s,
               {
-                messageId: w(
-                  t,
+                messageId: f(
+                  l,
                   "components.yieldBreakdown.collateralApy",
                   "components.yieldBreakdown.collateralApy7d"
                 )
               }
             ),
-            value: c(n.organicApy)
+            value: u(n.organicApy)
           }
         ) : null,
-        d.map(
+        p.map(
           (o) => o.supplyApr == null ? null : /* @__PURE__ */ e(
-            u,
+            y,
             {
               muted: o.supplyApr < 0,
-              label: /* @__PURE__ */ p("span", { className: "inline-flex items-center gap-1.5", children: [
-                /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-                  a,
-                  {
-                    messageId: "components.apyParts.extraAPY",
-                    values: { symbol: o.token.symbol }
-                  }
-                ) }),
-                /* @__PURE__ */ e(I, { token: o.token, size: 20 })
+              label: /* @__PURE__ */ r("span", { className: "flex flex-col gap-0.5", children: [
+                /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+                    s,
+                    {
+                      messageId: "components.apyParts.extraAPY",
+                      values: { symbol: o.token.symbol }
+                    }
+                  ) }),
+                  /* @__PURE__ */ e(x, { token: o.token, size: 20 })
+                ] }),
+                m ? null : /* @__PURE__ */ e(h, { links: o.links })
               ] }),
-              value: c(o.supplyApr)
+              value: u(o.supplyApr)
             },
             `incentive-${o.token.address}-${o.supplyApr}`
           )
         ),
-        k != null ? /* @__PURE__ */ e(
-          u,
+        w != null ? /* @__PURE__ */ e(
+          y,
           {
             muted: !0,
             label: /* @__PURE__ */ e(
-              a,
+              s,
               {
-                messageId: w(
-                  t,
+                messageId: f(
+                  l,
                   "components.yieldBreakdown.borrowRate",
                   "components.yieldBreakdown.borrowRate7d"
                 )
               }
             ),
-            value: c(k)
+            value: u(w)
           }
         ) : null,
-        f.length > 0 ? /* @__PURE__ */ p(B, { children: [
-          /* @__PURE__ */ e(v, {}),
-          f.map((o) => /* @__PURE__ */ e(
-            u,
+        B.length > 0 ? /* @__PURE__ */ r(A, { children: [
+          /* @__PURE__ */ e(b, {}),
+          B.map((o) => /* @__PURE__ */ e(
+            y,
             {
-              label: /* @__PURE__ */ p("span", { className: "inline-flex items-center gap-1.5", children: [
+              label: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5", children: [
                 /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-                  a,
+                  s,
                   {
                     messageId: "components.yieldBreakdown.programPoints",
                     values: { name: o.name }
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  b,
+                  P,
                   {
                     reward: {
                       name: o.name,
@@ -154,5 +167,5 @@ function $({
   );
 }
 export {
-  E as YieldBreakdownTooltip
+  H as YieldBreakdownTooltip
 };

package/dist/types/components/base/apy-breakdown-body/apy-breakdown-body.d.ts

@@ -44,4 +44,9 @@ export interface ApyBreakdownRowProps {
     readonly captionTestId?: string;
 }
 export declare function ApyBreakdownRow({ label, value, subtext, muted, testId, valueTestId, captionTestId, }: ApyBreakdownRowProps): React.ReactElement;
+export interface RewardLinksProps {
+    readonly links?: readonly string[];
+}
+/** "merkl.xyz ↗" under an incentive row, one link per campaign page. */
+export declare function RewardLinks({ links, }: RewardLinksProps): React.ReactElement | null;
 export declare function ApyBreakdownDivider(): React.ReactElement;