@gearbox-protocol/ui-kit 4.0.0-next.77 → 4.0.0-next.78

package/dist/cjs/components/base/apy-breakdown-body/apy-breakdown-body.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../utils/cn.cjs"),l=require("../../../utils/internal/bps-to-percent.cjs"),c="—",u="400px";function x(s,n,t){return s==="7d"?t:n}function m(s,n=!1){const t=l.bpsToPercent(s),d=`${Math.abs(t).toFixed(2)}%`;return n&&t<0?`−${d}`:d}function f({title:s,chip:n,chipPositive:t=!1,chipTestId:d,children:r,testId:a}){return e.jsxs("div",{className:"flex w-full min-w-0 flex-col gap-4 rounded-xl border border-border bg-card p-4","data-testid":a,children:[e.jsxs("div",{className:"flex min-h-6 items-center justify-between gap-3",children:[e.jsx("span",{className:"min-w-0 text-base font-semibold leading-5 text-foreground",children:s}),e.jsx("span",{className:o.cn("shrink-0 rounded-md px-2 py-0.5 text-sm font-semibold tabular-nums",t?"bg-success/20 text-success":"bg-muted text-muted-foreground"),"data-testid":d,children:n})]}),e.jsx("div",{className:"flex flex-col gap-3",children:r})]})}function p({label:s,value:n,subtext:t,muted:d=!1,testId:r,valueTestId:a,captionTestId:i}){return e.jsxs("div",{className:"flex items-start justify-between gap-3","data-testid":r,children:[e.jsx("span",{className:o.cn("min-w-0 text-sm font-semibold leading-5",d?"text-muted-foreground":"text-foreground"),children:s}),e.jsxs("span",{className:"flex shrink-0 flex-col items-end",children:[e.jsx("span",{className:o.cn("text-sm font-semibold leading-5 tabular-nums",d?"text-muted-foreground":"text-foreground"),"data-testid":a,children:n}),t!=null?e.jsx("span",{className:"text-xs leading-4 text-muted-foreground","data-testid":i,children:t}):null]})]})}function g(){return e.jsx("div",{className:"h-px w-full bg-divider"})}exports.APY_BREAKDOWN_TOOLTIP_WIDTH=u;exports.ApyBreakdownBody=f;exports.ApyBreakdownDivider=g;exports.ApyBreakdownRow=p;exports.BREAKDOWN_DASH=c;exports.formatBreakdownRate=m;exports.periodMessageId=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../utils/cn.cjs"),i=require("../../../utils/internal/bps-to-percent.cjs"),c="—",u="400px";function x(t,n,s){return t==="7d"?s:n}function m(t,n=!1){const s=i.bpsToPercent(t),a=`${Math.abs(s).toFixed(2)}%`;return n&&s<0?`−${a}`:a}function f(t){return Number(Math.abs(i.bpsToPercent(t)).toFixed(2))}function p({title:t,chip:n,chipPositive:s=!1,chipTestId:a,children:r,testId:d}){return e.jsxs("div",{className:"flex w-full min-w-0 flex-col gap-4 rounded-xl border border-border bg-card p-4","data-testid":d,children:[e.jsxs("div",{className:"flex min-h-6 items-center justify-between gap-3",children:[e.jsx("span",{className:"min-w-0 text-base font-semibold leading-5 text-foreground",children:t}),e.jsx("span",{className:o.cn("shrink-0 rounded-md px-2 py-0.5 text-sm font-semibold tabular-nums",s?"bg-success/20 text-success":"bg-muted text-muted-foreground"),"data-testid":a,children:n})]}),e.jsx("div",{className:"flex flex-col gap-3",children:r})]})}function b({label:t,value:n,subtext:s,muted:a=!1,testId:r,valueTestId:d,captionTestId:l}){return e.jsxs("div",{className:"flex items-start justify-between gap-3","data-testid":r,children:[e.jsx("span",{className:o.cn("min-w-0 text-sm font-semibold leading-5",a?"text-muted-foreground":"text-foreground"),children:t}),e.jsxs("span",{className:"flex shrink-0 flex-col items-end",children:[e.jsx("span",{className:o.cn("text-sm font-semibold leading-5 tabular-nums",a?"text-muted-foreground":"text-foreground"),"data-testid":d,children:n}),s!=null?e.jsx("span",{className:"text-xs leading-4 text-muted-foreground","data-testid":l,children:s}):null]})]})}function g(){return e.jsx("div",{className:"h-px w-full bg-divider"})}exports.APY_BREAKDOWN_TOOLTIP_WIDTH=u;exports.ApyBreakdownBody=p;exports.ApyBreakdownDivider=g;exports.ApyBreakdownRow=b;exports.BREAKDOWN_DASH=c;exports.breakdownRateValue=f;exports.formatBreakdownRate=m;exports.periodMessageId=x;

package/dist/cjs/components/base/apy-breakdown-body/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./apy-breakdown-body.cjs");exports.APY_BREAKDOWN_TOOLTIP_WIDTH=e.APY_BREAKDOWN_TOOLTIP_WIDTH;exports.ApyBreakdownBody=e.ApyBreakdownBody;exports.ApyBreakdownDivider=e.ApyBreakdownDivider;exports.ApyBreakdownRow=e.ApyBreakdownRow;exports.BREAKDOWN_DASH=e.BREAKDOWN_DASH;exports.formatBreakdownRate=e.formatBreakdownRate;exports.periodMessageId=e.periodMessageId;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./apy-breakdown-body.cjs");exports.APY_BREAKDOWN_TOOLTIP_WIDTH=e.APY_BREAKDOWN_TOOLTIP_WIDTH;exports.ApyBreakdownBody=e.ApyBreakdownBody;exports.ApyBreakdownDivider=e.ApyBreakdownDivider;exports.ApyBreakdownRow=e.ApyBreakdownRow;exports.BREAKDOWN_DASH=e.BREAKDOWN_DASH;exports.breakdownRateValue=e.breakdownRateValue;exports.formatBreakdownRate=e.formatBreakdownRate;exports.periodMessageId=e.periodMessageId;

package/dist/cjs/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.cjs

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

package/dist/esm/components/base/apy-breakdown-body/apy-breakdown-body.js

@@ -1,77 +1,80 @@
-import { jsxs as a, jsx as d } from "react/jsx-runtime";
-import { cn as l } from "../../../utils/cn.js";
-import { bpsToPercent as c } from "../../../utils/internal/bps-to-percent.js";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { cn as i } from "../../../utils/cn.js";
+import { bpsToPercent as l } from "../../../utils/internal/bps-to-percent.js";
 const x = "—", p = "400px";
-function g(t, n, e) {
-  return t === "7d" ? e : n;
+function b(e, n, t) {
+  return e === "7d" ? t : n;
 }
-function b(t, n = !1) {
-  const e = c(t), s = `${Math.abs(e).toFixed(2)}%`;
-  return n && e < 0 ? `−${s}` : s;
+function g(e, n = !1) {
+  const t = l(e), s = `${Math.abs(t).toFixed(2)}%`;
+  return n && t < 0 ? `−${s}` : s;
 }
-function h({
-  title: t,
+function h(e) {
+  return Number(Math.abs(l(e)).toFixed(2));
+}
+function N({
+  title: e,
   chip: n,
-  chipPositive: e = !1,
+  chipPositive: t = !1,
   chipTestId: s,
   children: r,
   testId: o
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ d(
     "div",
     {
       className: "flex w-full min-w-0 flex-col gap-4 rounded-xl border border-border bg-card p-4",
       "data-testid": o,
       children: [
-        /* @__PURE__ */ a("div", { className: "flex min-h-6 items-center justify-between gap-3", children: [
-          /* @__PURE__ */ d("span", { className: "min-w-0 text-base font-semibold leading-5 text-foreground", children: t }),
-          /* @__PURE__ */ d(
+        /* @__PURE__ */ d("div", { className: "flex min-h-6 items-center justify-between gap-3", children: [
+          /* @__PURE__ */ a("span", { className: "min-w-0 text-base font-semibold leading-5 text-foreground", children: e }),
+          /* @__PURE__ */ a(
             "span",
             {
-              className: l(
+              className: i(
                 "shrink-0 rounded-md px-2 py-0.5 text-sm font-semibold tabular-nums",
-                e ? "bg-success/20 text-success" : "bg-muted text-muted-foreground"
+                t ? "bg-success/20 text-success" : "bg-muted text-muted-foreground"
               ),
               "data-testid": s,
               children: n
             }
           )
         ] }),
-        /* @__PURE__ */ d("div", { className: "flex flex-col gap-3", children: r })
+        /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: r })
       ]
     }
   );
 }
-function N({
-  label: t,
+function w({
+  label: e,
   value: n,
-  subtext: e,
+  subtext: t,
   muted: s = !1,
   testId: r,
   valueTestId: o,
-  captionTestId: i
+  captionTestId: c
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ d(
     "div",
     {
       className: "flex items-start justify-between gap-3",
       "data-testid": r,
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ a(
           "span",
           {
-            className: l(
+            className: i(
               "min-w-0 text-sm font-semibold leading-5",
               s ? "text-muted-foreground" : "text-foreground"
             ),
-            children: t
+            children: e
           }
         ),
-        /* @__PURE__ */ a("span", { className: "flex shrink-0 flex-col items-end", children: [
-          /* @__PURE__ */ d(
+        /* @__PURE__ */ d("span", { className: "flex shrink-0 flex-col items-end", children: [
+          /* @__PURE__ */ a(
             "span",
             {
-              className: l(
+              className: i(
                 "text-sm font-semibold leading-5 tabular-nums",
                 s ? "text-muted-foreground" : "text-foreground"
               ),
@@ -79,12 +82,12 @@ function N({
               children: n
             }
           ),
-          e != null ? /* @__PURE__ */ d(
+          t != null ? /* @__PURE__ */ a(
             "span",
             {
               className: "text-xs leading-4 text-muted-foreground",
-              "data-testid": i,
-              children: e
+              "data-testid": c,
+              children: t
             }
           ) : null
         ] })
@@ -92,15 +95,16 @@ function N({
     }
   );
 }
-function w() {
-  return /* @__PURE__ */ d("div", { className: "h-px w-full bg-divider" });
+function y() {
+  return /* @__PURE__ */ a("div", { className: "h-px w-full bg-divider" });
 }
 export {
   p as APY_BREAKDOWN_TOOLTIP_WIDTH,
-  h as ApyBreakdownBody,
-  w as ApyBreakdownDivider,
-  N as ApyBreakdownRow,
+  N as ApyBreakdownBody,
+  y as ApyBreakdownDivider,
+  w as ApyBreakdownRow,
   x as BREAKDOWN_DASH,
-  b as formatBreakdownRate,
-  g as periodMessageId
+  h as breakdownRateValue,
+  g as formatBreakdownRate,
+  b as periodMessageId
 };

package/dist/esm/components/base/apy-breakdown-body/index.js

@@ -1,10 +1,11 @@
-import { APY_BREAKDOWN_TOOLTIP_WIDTH as r, ApyBreakdownBody as d, ApyBreakdownDivider as a, ApyBreakdownRow as A, BREAKDOWN_DASH as B, formatBreakdownRate as p, periodMessageId as w } from "./apy-breakdown-body.js";
+import { APY_BREAKDOWN_TOOLTIP_WIDTH as a, ApyBreakdownBody as r, ApyBreakdownDivider as d, ApyBreakdownRow as A, BREAKDOWN_DASH as B, breakdownRateValue as w, formatBreakdownRate as k, periodMessageId as n } from "./apy-breakdown-body.js";
 export {
-  r as APY_BREAKDOWN_TOOLTIP_WIDTH,
-  d as ApyBreakdownBody,
-  a as ApyBreakdownDivider,
+  a as APY_BREAKDOWN_TOOLTIP_WIDTH,
+  r as ApyBreakdownBody,
+  d as ApyBreakdownDivider,
   A as ApyBreakdownRow,
   B as BREAKDOWN_DASH,
-  p as formatBreakdownRate,
-  w as periodMessageId
+  w as breakdownRateValue,
+  k as formatBreakdownRate,
+  n as periodMessageId
 };

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

@@ -1,199 +1,204 @@
-import { jsxs as A, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { calcNetStrategyApy as R, calcEffectiveBorrowApy as D } from "@gearbox-protocol/sdk/onchain";
-import { ApyBreakdownBody as P, formatBreakdownRate as i, ApyBreakdownRow as v, periodMessageId as f, ApyBreakdownDivider as q, BREAKDOWN_DASH as L } from "../apy-breakdown-body/apy-breakdown-body.js";
-import { NoValue as k } from "../../no-value/no-value.js";
-import { PointsIcon as O } from "../../points-icon/points-icon.js";
-import { TokenIcon as S } from "../../token-icon/token-icon.js";
-import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
-import { formatLeverageExact as c, formatLeverage as E } from "../../../utils/format-leverage.js";
-import { totalApyOf as M, positiveTokenRewardsOf as $, pointProgramsOf as j } from "../../../utils/internal/apy-breakdown.js";
-import { StrategyApyBreakdownCardTest as n } from "./constants.js";
-function z(m) {
-  const { borrowApyAvg7D: t, quotaRateAvg7D: d, liquidationThreshold: r } = m;
-  return t === void 0 || d === void 0 ? null : {
-    borrowApy: t,
-    quotaRate: d,
-    liquidationThreshold: r
+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 { 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,
+    quotaRate: r,
+    liquidationThreshold: n
   };
 }
-function U({
-  data: m,
-  leverage: t,
-  showFormula: d = !1,
-  period: r
+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 ao({
+  data: c,
+  leverage: o,
+  showFormula: r = !1,
+  period: n
 }) {
-  const a = z(m), l = a && m.collateralApyAvg7D ? m.collateralApyAvg7D : void 0, b = a !== null && l !== void 0, g = b && a && l ? {
-    organicApy: R(
+  const a = W(c), s = a && c.collateralApyAvg7D ? c.collateralApyAvg7D : void 0, I = a !== null && s !== void 0, B = I && a && s ? {
+    organicApy: M(
       a,
-      l.organicApy,
-      t
+      s.organicApy,
+      o
     ),
-    totalApy: R(
+    totalApy: M(
       a,
-      l.totalApy ?? l.organicApy,
-      t
+      s.totalApy ?? s.organicApy,
+      o
     ),
-    ...l.rewards ? { rewards: l.rewards } : {}
-  } : null, p = b && a ? D(a, t) : null, u = g === null ? null : M(g), I = u === null || p === null ? null : u + p, N = l ? $(l) : [], B = l ? j(l) : [], T = N.map((o) => ({
-    reward: o,
-    value: Math.round(t * (o.supplyApr ?? 0))
-  })), y = I === null ? null : I - T.reduce((o, w) => o + w.value, 0), h = y !== null && t > 0 ? y / t : void 0, x = a && p !== null && t > 0 ? (p - a.borrowApy * (t - 1)) / t : void 0;
-  return /* @__PURE__ */ A(
-    P,
+    ...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) => ({
+    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,
     {
-      testId: n.root,
+      testId: l.root,
       title: /* @__PURE__ */ e(
-        s,
+        i,
         {
-          messageId: f(
-            r,
+          messageId: k(
+            n,
             "components.yieldBreakdown.titleNetAtLeverage",
             "components.yieldBreakdown.titleNetAtLeverage7d"
           ),
-          values: { leverage: E(t) }
+          values: { leverage: F(o) }
         }
       ),
-      chip: u === null ? /* @__PURE__ */ e(k, { reason: r }) : i(u, !0),
+      chip: u === null ? /* @__PURE__ */ e(g, { reason: n }) : m(u, !0),
       chipPositive: (u ?? 0) > 0,
-      chipTestId: n.net,
+      chipTestId: l.net,
       children: [
         /* @__PURE__ */ e(
-          v,
+          b,
           {
-            testId: n.collateral,
-            valueTestId: n.value,
-            captionTestId: n.caption,
+            testId: l.collateral,
+            valueTestId: l.value,
+            captionTestId: l.caption,
             label: /* @__PURE__ */ e(
-              s,
+              i,
               {
-                messageId: f(
-                  r,
+                messageId: k(
+                  n,
                   "components.yieldBreakdown.collateralApy",
                   "components.yieldBreakdown.collateralApy7d"
                 )
               }
             ),
-            value: y === null ? /* @__PURE__ */ e(k, { reason: r }) : i(y),
-            subtext: d && h !== void 0 ? /* @__PURE__ */ e(
-              s,
+            value: y === null ? /* @__PURE__ */ e(g, { reason: n }) : m(y),
+            subtext: r && x !== void 0 ? /* @__PURE__ */ e(
+              i,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
-                  leverage: c(t),
-                  base: i(h)
+                  leverage: p(o),
+                  base: m(x)
                 }
               }
             ) : void 0
           }
         ),
-        T.map(({ reward: o, value: w }) => /* @__PURE__ */ e(
-          v,
+        T.map(({ reward: t, value: f }) => /* @__PURE__ */ e(
+          b,
           {
-            valueTestId: n.value,
-            captionTestId: n.caption,
-            label: /* @__PURE__ */ A("span", { className: "inline-flex items-center gap-1.5", children: [
+            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(
-                s,
+                i,
                 {
                   messageId: "components.apyParts.extraAPY",
-                  values: { symbol: o.token.symbol }
+                  values: { symbol: t.token.symbol }
                 }
               ) }),
               /* @__PURE__ */ e(
-                S,
+                z,
                 {
-                  token: o.token,
-                  symbol: o.token.symbol,
+                  token: t.token,
+                  symbol: t.token.symbol,
                   size: 16,
                   className: "shrink-0"
                 }
               )
             ] }),
-            value: i(w),
-            subtext: d ? /* @__PURE__ */ e(
-              s,
+            value: m(f),
+            subtext: r ? /* @__PURE__ */ e(
+              i,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
-                  leverage: c(t),
-                  base: i(o.supplyApr ?? 0)
+                  leverage: p(o),
+                  base: m(t.supplyApr ?? 0)
                 }
               }
             ) : void 0
           },
-          `incentive-${o.token.address}-${o.supplyApr ?? 0}`
+          `incentive-${t.token.address}-${t.supplyApr ?? 0}`
         )),
         /* @__PURE__ */ e(
-          v,
+          b,
           {
             muted: !0,
-            testId: n.borrow,
-            valueTestId: n.value,
-            captionTestId: n.caption,
+            testId: l.borrow,
+            valueTestId: l.value,
+            captionTestId: l.caption,
             label: /* @__PURE__ */ e(
-              s,
+              i,
               {
-                messageId: f(
-                  r,
+                messageId: k(
+                  n,
                   "components.yieldBreakdown.borrowRate",
                   "components.yieldBreakdown.borrowRate7d"
                 )
               }
             ),
-            value: p === null ? /* @__PURE__ */ e(k, { reason: r }) : i(p),
-            subtext: d && a && x !== void 0 ? /* @__PURE__ */ e(
-              s,
+            value: d === null ? /* @__PURE__ */ e(g, { reason: n }) : m(d),
+            subtext: r && A !== void 0 && D !== void 0 ? /* @__PURE__ */ e(
+              i,
               {
                 messageId: "components.strategyApyBreakdownCard.borrowFormula",
                 values: {
-                  leverage: c(t),
-                  // What the position is charged per unit of itself: base
-                  // interest plus the quota, added before either is rounded, so
-                  // the caption is not the sum of two figures it also printed.
-                  totalRate: i(a.borrowApy + x),
-                  borrowRate: i(a.borrowApy)
+                  leverage: p(o),
+                  totalRate: `${A.toFixed(2)}%`,
+                  borrowRate: `${Math.abs(D).toFixed(2)}%`
                 }
               }
             ) : void 0
           }
         ),
-        B.length > 0 ? /* @__PURE__ */ A(C, { children: [
-          /* @__PURE__ */ e(q, {}),
-          B.map((o) => /* @__PURE__ */ e(
-            v,
+        R.length > 0 ? /* @__PURE__ */ w($, { children: [
+          /* @__PURE__ */ e(S, {}),
+          R.map((t) => /* @__PURE__ */ e(
+            b,
             {
-              valueTestId: n.points,
-              captionTestId: n.caption,
-              label: /* @__PURE__ */ A("span", { className: "inline-flex items-center gap-1.5", children: [
+              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(
-                  s,
+                  i,
                   {
                     messageId: "components.yieldBreakdown.programPoints",
-                    values: { name: o.name }
+                    values: { name: t.name }
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  O,
+                  j,
                   {
-                    reward: { name: o.name, type: o.id },
+                    reward: { name: t.name, type: t.id },
                     size: 16,
                     className: "shrink-0"
                   }
                 )
               ] }),
-              value: o.multiplier != null ? `${c(o.multiplier * t)}×` : L,
-              subtext: d && o.multiplier != null ? /* @__PURE__ */ e(
-                s,
+              value: t.multiplier != null ? `${p(t.multiplier * o)}×` : E,
+              subtext: r && t.multiplier != null ? /* @__PURE__ */ e(
+                i,
                 {
                   messageId: "components.strategyApyBreakdownCard.formula",
                   values: {
-                    leverage: c(t),
-                    base: c(o.multiplier)
+                    leverage: p(o),
+                    base: p(t.multiplier)
                   }
                 }
               ) : void 0
             },
-            o.id
+            t.id
           ))
         ] }) : null
       ]
@@ -201,6 +206,6 @@ function U({
   );
 }
 export {
-  U as StrategyApyBreakdownCard,
-  n as StrategyApyBreakdownCardTest
+  ao as StrategyApyBreakdownCard,
+  l as StrategyApyBreakdownCardTest
 };

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

@@ -12,10 +12,11 @@ export declare function periodMessageId(period: "7d" | undefined, base: LocaleKe
  * uses above 1000%. A breakdown is read by adding it up, and `1.2K%` carries
  * three significant figures — enough to make a correct column look wrong.
  *
- * `signed` is for the net chip, the one figure whose direction is not already
- * stated by the row it sits on.
+ * `signed` is for the net chip: every row states its direction in its label.
  */
 export declare function formatBreakdownRate(value: Bps, signed?: boolean): string;
+/** The percent a row prints, so a caption can be built to add up to it. */
+export declare function breakdownRateValue(value: Bps): number;
 export interface ApyBreakdownBodyProps {
     /** Heading to the left of the chip — "Net APY (7d)" and the like. */
     readonly title: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.77",
+  "version": "4.0.0-next.78",
   "description": "Internal UI components",
   "repository": {
     "type": "git",