@gearbox-protocol/ui-kit 4.5.2 → 4.6.1

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/link/link.js

@@ -1,5 +1,5 @@
-import { jsxs as t, jsx as n, Fragment as g } from "react/jsx-runtime";
-import { IconExternal as b } from "@gearbox-protocol/static";
+import { jsxs as t, jsx as n, Fragment as b } from "react/jsx-runtime";
+import { IconExternal as g } from "@gearbox-protocol/static";
 import { cva as h } from "class-variance-authority";
 import { BaseLink as v } from "../base-link/base-link.js";
 import { cn as k } from "../../utils/cn.js";
@@ -27,15 +27,15 @@ function L({
   children: e,
   href: d,
   target: f,
-  variant: o = "default",
+  variant: s = "default",
   size: w = "default",
   color: u = "main",
-  external: s = !1,
+  external: o = !1,
   asChild: N = !1,
   leadingIcon: c,
-  ..._
+  ...x
 }) {
-  const a = s ? /* @__PURE__ */ n("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ n(b, { size: 14 }) }) : null, p = c ? /* @__PURE__ */ n("span", { className: "icon-wrap-start -mt-px pr-1.5 leading-none", children: c }) : null, i = p ? (
+  const a = o ? /* @__PURE__ */ n("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ n(g, { size: 14 }) }) : null, p = c ? /* @__PURE__ */ n("span", { className: "icon-wrap-start -mt-px pr-1.5 leading-none", children: c }) : null, i = p ? (
     // A leading icon takes the flex row unconditionally: the string arm below
     // exists only to glue the trailing icon to the last word, and it has no
     // say over what sits before the first one.
@@ -44,12 +44,12 @@ function L({
       /* @__PURE__ */ n("span", { className: "content-wrap", children: e }),
       a
     ] })
-  ) : s && typeof e == "string" ? (() => {
-    const r = e.trimEnd().lastIndexOf(" "), l = r === -1 ? "" : e.slice(0, r + 1), x = r === -1 ? e : e.slice(r + 1);
-    return /* @__PURE__ */ t(g, { children: [
+  ) : o && typeof e == "string" ? (() => {
+    const r = e.trimEnd().lastIndexOf(" "), l = r === -1 ? "" : e.slice(0, r + 1), _ = r === -1 ? e : e.slice(r + 1);
+    return /* @__PURE__ */ t(b, { children: [
       l ? /* @__PURE__ */ n("span", { className: "content-wrap", children: l }) : null,
       /* @__PURE__ */ t("span", { className: "inline-flex items-center whitespace-nowrap", children: [
-        /* @__PURE__ */ n("span", { className: "content-wrap", children: x }),
+        /* @__PURE__ */ n("span", { className: "pb-px", children: /* @__PURE__ */ n("span", { className: "content-wrap", children: _ }) }),
         a
       ] })
     ] });
@@ -72,12 +72,12 @@ function L({
     {
       href: d,
       target: f,
-      external: s,
-      variant: o === "underlined" ? "default" : o,
+      external: o,
+      variant: s === "underlined" ? "default" : s,
       size: w,
       color: u,
-      className: k(y({ variant: o }), m),
-      ..._,
+      className: k(y({ variant: s }), m),
+      ...x,
       children: N ? /* @__PURE__ */ n("span", { children: i }) : i
     }
   );