@gearbox-protocol/ui-kit 4.5.1 → 4.6.0

package/dist/esm/components/graph/graph.js

@@ -206,7 +206,7 @@ function oo({
   disableZoom: ke = !1,
   hideDefaultTooltip: be = !1
 }) {
-  const I = H(null), N = H(/* @__PURE__ */ new Map()), Se = H(!1), Le = H(!0), Me = H([]), ce = H(0), B = H(null), ve = H(null), De = H(null), R = gt(), ue = _e.useMemo(() => e.flatMap((t) => t.data), [e]), et = _e.useMemo(() => {
+  const I = H(null), V = H(/* @__PURE__ */ new Map()), Se = H(!1), Le = H(!0), Me = H([]), ce = H(0), B = H(null), ve = H(null), De = H(null), R = gt(), ue = _e.useMemo(() => e.flatMap((t) => t.data), [e]), et = _e.useMemo(() => {
     if (e.length > 0) {
       const t = e[e.length - 1];
       if (t.data.length > 0)
@@ -267,7 +267,7 @@ function oo({
       ce.current = 0;
     }
     return nt((l) => l + 1), () => {
-      r.remove(), I.current = null, Se.current = !1, N.current.clear();
+      r.remove(), I.current = null, Se.current = !1, V.current.clear();
     };
   }, [R]), W(() => {
     const t = I.current;
@@ -312,21 +312,21 @@ function oo({
         o
       ])
     ), m = (i, o, d) => {
-      const { formatter: k, tickmarksFormatter: L, updateVisibleRange: E } = xt(i, o, {
+      const { formatter: L, tickmarksFormatter: N, updateVisibleRange: E } = xt(i, o, {
         yScaleMin: r
       });
-      return { formatter: k, tickmarksFormatter: L, updateVisibleRange: E, labels: d };
+      return { formatter: L, tickmarksFormatter: N, updateVisibleRange: E, labels: d };
     }, p = [];
     if (z)
       for (const i of ["left", "right"]) {
         const o = /* @__PURE__ */ new Set(), d = [];
-        let k = u;
-        for (const L of e)
-          if (L.data.length !== 0 && a.get(L.label) === i) {
-            o.size === 0 && L.yMeasureUnit && (k = L.yMeasureUnit), o.add(L.label);
-            for (const E of L.data) d.push(E.value);
+        let L = u;
+        for (const N of e)
+          if (N.data.length !== 0 && a.get(N.label) === i) {
+            o.size === 0 && N.yMeasureUnit && (L = N.yMeasureUnit), o.add(N.label);
+            for (const E of N.data) d.push(E.value);
           }
-        o.size > 0 && p.push(m(d, k, o));
+        o.size > 0 && p.push(m(d, L, o));
       }
     else {
       const i = ue.map((d) => d.value), o = new Set(
@@ -357,7 +357,7 @@ function oo({
         minBarSpacing: 0
       }
     });
-    const v = !z && e.length > 1 && !K, X = z ? R : e.length > 1 && !K || R, V = ne(
+    const v = !z && e.length > 1 && !K, X = z ? R : e.length > 1 && !K || R, k = ne(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
     );
@@ -369,20 +369,20 @@ function oo({
         ...x.leftPriceScale || {},
         ...S?.leftPriceScale,
         visible: z && !R,
-        textColor: V
+        textColor: k
       },
       rightPriceScale: {
         ...x.rightPriceScale || {},
         ...S?.rightPriceScale,
         visible: z ? !R : !X,
-        textColor: V
+        textColor: k
       }
     });
-    const O = new Set(N.current.keys()), $ = new Set(e.map(ie));
+    const O = new Set(V.current.keys()), $ = new Set(e.map(ie));
     for (const i of O)
       if (!$.has(i)) {
-        const o = N.current.get(i);
-        o && (t.removeSeries(o), N.current.delete(i));
+        const o = V.current.get(i);
+        o && (t.removeSeries(o), V.current.delete(i));
       }
     const g = St(), M = [];
     let T = 0;
@@ -403,25 +403,25 @@ function oo({
         Number.isFinite(i.priceTop) && d.push(i.priceTop), Number.isFinite(i.priceBottom) && d.push(i.priceBottom), C.set(o, d);
       }
     for (let i = 0; i < e.length; i++) {
-      const o = e[i], d = ie(o), k = Oe(i), L = o.lineColor ?? o.color ?? k.line;
+      const o = e[i], d = ie(o), L = Oe(i), N = o.lineColor ?? o.color ?? L.line;
       let E, q;
       if (o.lineColor ?? o.color)
         if (o.topColor && o.bottomColor)
           E = o.topColor, q = o.bottomColor;
         else if (o.topColor) {
-          const b = Pe(L);
+          const b = Pe(N);
           E = o.topColor, q = b.bottomColor;
         } else if (o.bottomColor)
-          E = Pe(L).topColor, q = o.bottomColor;
+          E = Pe(N).topColor, q = o.bottomColor;
         else {
-          const b = Pe(L);
+          const b = Pe(N);
           E = b.topColor, q = b.bottomColor;
         }
       else
-        E = o.topColor || k.top, q = o.bottomColor || k.bottom;
+        E = o.topColor || L.top, q = o.bottomColor || L.bottom;
       if (o.data.length === 0) {
-        const b = N.current.get(d);
-        b && (t.removeSeries(b), N.current.delete(d));
+        const b = V.current.get(d);
+        b && (t.removeSeries(b), V.current.delete(d));
         continue;
       }
       const fe = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, de = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, it = fe < 0, lt = o.data.some((b) => b.value === 0), st = !it && lt, Xe = Tt(de - fe), $e = z ? o.priceScaleId ?? (T === 0 ? "left" : "right") : K || !v || T === 0 ? "right" : `scale-${T}`;
@@ -457,11 +457,12 @@ function oo({
         }
         return w;
       }, Ge = y.get(o.label) ?? p[0], je = Ge.formatter, ut = Ge.tickmarksFormatter, xe = {
-        lineColor: L,
+        lineColor: N,
         topColor: E,
         bottomColor: q,
         priceScaleId: $e,
         ...o.seriesType === "line" && {
+          color: N,
           lineStyle: o.lineStyle ?? le.Solid
         },
         priceFormat: {
@@ -474,7 +475,7 @@ function oo({
         },
         autoscaleInfoProvider: ct
       }, He = o.seriesType === "line";
-      let A = N.current.get(d);
+      let A = V.current.get(d);
       const te = o.data.map((b) => ({
         ...b,
         time: b.time
@@ -485,13 +486,13 @@ function oo({
           j.push({ time: we });
         te.unshift(...j);
       }
-      A && A.seriesType() !== (He ? "Line" : "Area") && (t.removeSeries(A), N.current.delete(d), A = void 0), A ? (A.applyOptions(xe), A.setData(te)) : (He ? A = t.addSeries(dt, {
+      A && A.seriesType() !== (He ? "Line" : "Area") && (t.removeSeries(A), V.current.delete(d), A = void 0), A ? (A.applyOptions(xe), A.setData(te)) : (He ? A = t.addSeries(dt, {
         ...g,
         ...xe
       }) : A = t.addSeries(mt, {
         ...g,
         ...xe
-      }), A.setData(te), N.current.set(d, A)), T++;
+      }), A.setData(te), V.current.set(d, A)), T++;
     }
     if (z)
       try {
@@ -502,7 +503,7 @@ function oo({
           alignLabels: !0,
           entireTextOnly: !1,
           tickMarkDensity: pe,
-          textColor: V,
+          textColor: k,
           ...S?.rightPriceScale
         };
         i?.applyOptions(d), o?.applyOptions(d);
@@ -522,7 +523,7 @@ function oo({
             alignLabels: !0,
             entireTextOnly: !1,
             tickMarkDensity: pe,
-            textColor: V
+            textColor: k
           });
         } catch (o) {
           console.warn(
@@ -543,7 +544,7 @@ function oo({
           alignLabels: !0,
           entireTextOnly: !1,
           tickMarkDensity: pe,
-          textColor: V,
+          textColor: k,
           ...S?.rightPriceScale
         });
       } catch {
@@ -558,29 +559,29 @@ function oo({
       const i = ue.map((d) => Number(d.time)).filter((d) => Number.isFinite(d)), o = new Set(i).size - 1;
       if (o >= 0) {
         const d = () => {
-          const k = t.timeScale();
+          const L = t.timeScale();
           if (h !== "time") {
-            k.applyOptions({
+            L.applyOptions({
               fixLeftEdge: !0,
               fixRightEdge: !0
-            }), k.setVisibleLogicalRange({ from: 0, to: o });
+            }), L.setVisibleLogicalRange({ from: 0, to: o });
             return;
           }
-          const L = z && !R, E = z ? !R : !X, q = !L, fe = !E;
-          k.applyOptions({
+          const N = z && !R, E = z ? !R : !X, q = !N, fe = !E;
+          L.applyOptions({
             fixLeftEdge: !q,
             fixRightEdge: !fe
           }), Z = requestAnimationFrame(() => {
             const de = Vt({
               lastIndex: o,
-              width: k.width(),
+              width: L.width(),
               padLeft: q,
               padRight: fe
             });
             try {
-              de && k.setVisibleLogicalRange(de);
+              de && L.setVisibleLogicalRange(de);
             } catch {
-              k.fitContent();
+              L.fitContent();
             }
           });
         };
@@ -627,7 +628,7 @@ function oo({
       }
     if (!r) return;
     const l = (a) => {
-      const { time: m = r, seriesData: p, point: y } = a || {}, x = e[0], v = x ? N.current.get(ie(x)) : void 0;
+      const { time: m = r, seriesData: p, point: y } = a || {}, x = e[0], v = x ? V.current.get(ie(x)) : void 0;
       if (!y || !m) {
         const $ = /* @__PURE__ */ new Map();
         for (const g of e)
@@ -644,9 +645,9 @@ function oo({
         return;
       }
       const X = /* @__PURE__ */ new Map();
-      let V, O = v;
+      let k, O = v;
       for (let $ = 0; $ < e.length; $++) {
-        const g = e[$], M = N.current.get(ie(g));
+        const g = e[$], M = V.current.get(ie(g));
         if (!M) continue;
         const T = p?.get(M), G = T && "value" in T ? T.value : void 0;
         let C;
@@ -660,10 +661,10 @@ function oo({
           if (Number(m) < Z) continue;
           C = At(g.data, Number(m));
         }
-        Number.isNaN(C) || (V === void 0 && (V = C, O = M), X.set(g.label, { value: C, time: m }));
+        Number.isNaN(C) || (k === void 0 && (k = C, O = M), X.set(g.label, { value: C, time: m }));
       }
-      if (Ce(X), V !== void 0 && O) {
-        const g = t.timeScale().timeToCoordinate(m), M = O.priceToCoordinate(V);
+      if (Ce(X), k !== void 0 && O) {
+        const g = t.timeScale().timeToCoordinate(m), M = O.priceToCoordinate(k);
         if (g !== null && M !== null) {
           const T = B.current;
           if (T) {
@@ -683,7 +684,7 @@ function oo({
         Q(null);
     };
     return t.subscribeCrosshairMove(l), R && t.subscribeClick(l), !s && !K && !be && requestAnimationFrame(() => {
-      const a = e[0], m = a ? N.current.get(ie(a)) : void 0;
+      const a = e[0], m = a ? V.current.get(ie(a)) : void 0;
       if (m && r && a.data.length > 0) {
         const y = t.timeScale().timeToCoordinate(r), x = a.data[a.data.length - 1].value, v = m.priceToCoordinate(x);
         y !== null && v !== null && Q({ x: y, y: v });
@@ -705,8 +706,8 @@ function oo({
         for (const v of e)
           if (y.labels.has(v.label))
             for (const X of v.data) {
-              const V = Number(X.time);
-              V >= m && V <= p && x.push(X.value);
+              const k = Number(X.time);
+              k >= m && k <= p && x.push(X.value);
             }
         x.length > 0 && y.updateVisibleRange(x);
       }
@@ -717,7 +718,7 @@ function oo({
       );
     };
   }, [e]), W(() => {
-    const t = I.current, s = Array.from(N.current.values()), r = [];
+    const t = I.current, s = Array.from(V.current.values()), r = [];
     if (t && s.length > 0 && P) {
       const l = vt(), a = s[0];
       for (const m of P) {
@@ -755,7 +756,7 @@ function oo({
       for (const l of D) {
         if (!Number.isFinite(l.price)) continue;
         const a = Qe(
-          N.current,
+          V.current,
           e,
           l.seriesLabel
         );
@@ -797,7 +798,7 @@ function oo({
       const s = "rgba(239, 68, 68, 0.12)";
       for (const r of F) {
         const l = Qe(
-          N.current,
+          V.current,
           e,
           r.seriesLabel
         );
@@ -899,7 +900,7 @@ function oo({
                 se
               ), p = l.tooltipText ?? "";
               if (!(a || m || p)) return null;
-              const x = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", v = l.labelTextColor ?? "hsl(var(--foreground))", X = `${String(t.xCoordinate)}-${a}-${p}`, V = zt(
+              const x = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", v = l.labelTextColor ?? "hsl(var(--foreground))", X = `${String(t.xCoordinate)}-${a}-${p}`, k = zt(
                 r,
                 tt,
                 ot[s]
@@ -915,7 +916,7 @@ function oo({
                     p && "pointer-events-auto cursor-default"
                   ),
                   style: {
-                    ...V,
+                    ...k,
                     backgroundColor: x,
                     color: v
                   },

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;

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

@@ -7,6 +7,8 @@ export interface PoolApyBreakdownCardProps {
     readonly data?: ApyBreakdown;
     /** When `"7d"`, labels carry the averaging-window suffix. */
     readonly period?: "7d";
+    /** Leaves the campaign links out, where the breakdown sits in a list. */
+    readonly hideRewardLinks?: boolean;
 }
 /**
  * How a pool's net APY is arrived at: base yield plus incentives.
@@ -15,4 +17,4 @@ export interface PoolApyBreakdownCardProps {
  * that row is still shown as Incentive APY at 0%. Points sit under a divider
  * when present; they are not addends.
  */
-export declare function PoolApyBreakdownCard({ data, period, }: PoolApyBreakdownCardProps): React.ReactElement;
+export declare function PoolApyBreakdownCard({ data, period, hideRewardLinks, }: PoolApyBreakdownCardProps): React.ReactElement;

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

@@ -24,6 +24,8 @@ export interface StrategyApyBreakdownCardProps {
     readonly showFormula?: boolean;
     /** When `"7d"`, labels carry the averaging-window suffix. */
     readonly period?: "7d";
+    /** Leaves the campaign links out, where the breakdown sits in a list. */
+    readonly hideRewardLinks?: boolean;
 }
 /**
  * How a strategy's net APY is arrived at: collateral yield on the leveraged
@@ -42,4 +44,4 @@ export interface StrategyApyBreakdownCardProps {
  * remainder, so the column adds up to the chip even when each reward rounds
  * its own way.
  */
-export declare function StrategyApyBreakdownCard({ data, leverage, showFormula, period, }: StrategyApyBreakdownCardProps): React.ReactElement;
+export declare function StrategyApyBreakdownCard({ data, leverage, showFormula, period, hideRewardLinks, }: StrategyApyBreakdownCardProps): React.ReactElement;

package/dist/types/components/compound-apy/compound-apy.d.ts

@@ -35,6 +35,8 @@ export interface CompoundAPYProps {
     tooltip?: boolean;
     /** When `"7d"`, tooltip labels carry the averaging-window suffix. */
     period?: "7d";
+    /** Forwarded to {@link YieldBreakdownTooltip}. */
+    hideRewardLinks?: boolean;
     className?: string;
 }
 /**
@@ -43,4 +45,4 @@ export interface CompoundAPYProps {
  * No `tokensList`, no external APY, no 7D history, no "soon" points state.
  * For the legacy percent-based API see {@link CompoundAPYLegacy}.
  */
-export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, quotaRate, decimals, tooltip, period, className, }: CompoundAPYProps): import("react").JSX.Element;
+export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, quotaRate, decimals, tooltip, period, hideRewardLinks, className, }: CompoundAPYProps): import("react").JSX.Element;

package/dist/types/components/yield-breakdown-tooltip/yield-breakdown.d.ts

@@ -26,6 +26,8 @@ export interface YieldBreakdownTooltipProps {
     quotaRate?: Bps;
     /** When `"7d"`, labels carry the averaging-window suffix. */
     period?: "7d";
+    /** Leaves the campaign links out, where the breakdown sits in a list. */
+    hideRewardLinks?: boolean;
     children?: React.ReactNode;
     className?: string;
     /** Controlled open state. Specs pass it because jsdom has no hover. */
@@ -35,4 +37,4 @@ export interface YieldBreakdownTooltipProps {
  * Earn APY tooltip — a pool hands {@link PoolApyBreakdownCard}; a strategy
  * (positions list) still itemises unlevered collateral, borrow and rewards.
  */
-export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, quotaRate, period, children, className, open, }: YieldBreakdownTooltipProps): React.JSX.Element;
+export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, quotaRate, period, hideRewardLinks, children, className, open, }: YieldBreakdownTooltipProps): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.5.1",
+  "version": "4.6.0",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -110,7 +110,7 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "16.0.0",
+    "@gearbox-protocol/sdk": "17.5.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",