@gearbox-protocol/ui-kit 4.0.0-next.72 → 4.0.0-next.76

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(n,s,t){return n==="7d"?t:s}function m(n){const s=l.bpsToPercent(n),t=`${Math.abs(s).toFixed(2)}%`;return s<0?`−${t}`:t}function f({title:n,chip:s,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:n}),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:s})]}),e.jsx("div",{className:"flex flex-col gap-3",children:r})]})}function p({label:n,value:s,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:n}),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:s}),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"),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;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../apy-breakdown-body/apy-breakdown-body.cjs"),l=require("../../no-value/no-value.cjs"),m=require("../../points-icon/points-icon.cjs"),k=require("../../token-icon/token-icon.cjs"),r=require("../../typed-intl/index.cjs"),p=require("../../../utils/internal/apy-breakdown.cjs"),t=require("./constants.cjs");function u({data:s,period:a}){const d=s?p.totalApyOf(s):void 0,i=s?.organicApy,c=s?p.tokenRewardsOf(s):[],y=s?p.pointProgramsOf(s):[];return e.jsxs(o.ApyBreakdownBody,{testId:t.PoolApyBreakdownCardTest.root,title:e.jsx(r.FormattedMessageTyped,{messageId:o.periodMessageId(a,"components.poolApyBreakdownCard.title","components.poolApyBreakdownCard.title7d")}),chip:d==null?e.jsx(l.NoValue,{reason:a}):o.formatBreakdownRate(d),chipPositive:(d??0)>0,chipTestId:t.PoolApyBreakdownCardTest.net,children:[e.jsx(o.ApyBreakdownRow,{valueTestId:t.PoolApyBreakdownCardTest.value,label:e.jsx(r.FormattedMessageTyped,{messageId:o.periodMessageId(a,"components.poolApyBreakdownCard.organicApy","components.poolApyBreakdownCard.organicApy7d")}),value:i==null?e.jsx(l.NoValue,{reason:a}):o.formatBreakdownRate(i)}),c.length>0?c.map(n=>e.jsx(o.ApyBreakdownRow,{valueTestId:t.PoolApyBreakdownCardTest.value,label:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{children:e.jsx(r.FormattedMessageTyped,{messageId:o.periodMessageId(a,"components.poolApyBreakdownCard.tokenIncentiveApy","components.poolApyBreakdownCard.tokenIncentiveApy7d"),values:{symbol:n.token.symbol}})}),e.jsx(k.TokenIcon,{token:n.token,symbol:n.token.symbol,size:16,className:"shrink-0"})]}),value:o.formatBreakdownRate(n.supplyApr??0)},`incentive-${n.token.address}`)):e.jsx(o.ApyBreakdownRow,{valueTestId:t.PoolApyBreakdownCardTest.value,label:e.jsx(r.FormattedMessageTyped,{messageId:o.periodMessageId(a,"components.poolApyBreakdownCard.incentiveApy","components.poolApyBreakdownCard.incentiveApy7d")}),value:s==null?e.jsx(l.NoValue,{reason:a}):o.formatBreakdownRate(0)}),y.length>0?e.jsxs(e.Fragment,{children:[e.jsx(o.ApyBreakdownDivider,{}),y.map(n=>e.jsx(o.ApyBreakdownRow,{valueTestId:t.PoolApyBreakdownCardTest.points,label:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{children:e.jsx(r.FormattedMessageTyped,{messageId:"components.yieldBreakdown.programPoints",values:{name:n.name}})}),e.jsx(m.PointsIcon,{reward:{name:n.name,type:n.id},size:16,className:"shrink-0"})]}),value:n.multiplier!=null?`${n.multiplier}×`:o.BREAKDOWN_DASH},n.id))]}):null]})}exports.PoolApyBreakdownCardTest=t.PoolApyBreakdownCardTest;exports.PoolApyBreakdownCard=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../apy-breakdown-body/apy-breakdown-body.cjs"),l=require("../../no-value/no-value.cjs"),m=require("../../points-icon/points-icon.cjs"),k=require("../../token-icon/token-icon.cjs"),r=require("../../typed-intl/index.cjs"),p=require("../../../utils/internal/apy-breakdown.cjs"),t=require("./constants.cjs");function u({data:s,period:a}){const d=s?p.totalApyOf(s):void 0,i=s?.organicApy,c=s?p.tokenRewardsOf(s):[],y=s?p.pointProgramsOf(s):[];return e.jsxs(o.ApyBreakdownBody,{testId:t.PoolApyBreakdownCardTest.root,title:e.jsx(r.FormattedMessageTyped,{messageId:o.periodMessageId(a,"components.poolApyBreakdownCard.title","components.poolApyBreakdownCard.title7d")}),chip:d==null?e.jsx(l.NoValue,{reason:a}):o.formatBreakdownRate(d,!0),chipPositive:(d??0)>0,chipTestId:t.PoolApyBreakdownCardTest.net,children:[e.jsx(o.ApyBreakdownRow,{valueTestId:t.PoolApyBreakdownCardTest.value,label:e.jsx(r.FormattedMessageTyped,{messageId:o.periodMessageId(a,"components.poolApyBreakdownCard.organicApy","components.poolApyBreakdownCard.organicApy7d")}),value:i==null?e.jsx(l.NoValue,{reason:a}):o.formatBreakdownRate(i)}),c.length>0?c.map(n=>e.jsx(o.ApyBreakdownRow,{valueTestId:t.PoolApyBreakdownCardTest.value,label:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{children:e.jsx(r.FormattedMessageTyped,{messageId:o.periodMessageId(a,"components.poolApyBreakdownCard.tokenIncentiveApy","components.poolApyBreakdownCard.tokenIncentiveApy7d"),values:{symbol:n.token.symbol}})}),e.jsx(k.TokenIcon,{token:n.token,symbol:n.token.symbol,size:16,className:"shrink-0"})]}),value:o.formatBreakdownRate(n.supplyApr??0)},`incentive-${n.token.address}`)):e.jsx(o.ApyBreakdownRow,{valueTestId:t.PoolApyBreakdownCardTest.value,label:e.jsx(r.FormattedMessageTyped,{messageId:o.periodMessageId(a,"components.poolApyBreakdownCard.incentiveApy","components.poolApyBreakdownCard.incentiveApy7d")}),value:s==null?e.jsx(l.NoValue,{reason:a}):o.formatBreakdownRate(0)}),y.length>0?e.jsxs(e.Fragment,{children:[e.jsx(o.ApyBreakdownDivider,{}),y.map(n=>e.jsx(o.ApyBreakdownRow,{valueTestId:t.PoolApyBreakdownCardTest.points,label:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{children:e.jsx(r.FormattedMessageTyped,{messageId:"components.yieldBreakdown.programPoints",values:{name:n.name}})}),e.jsx(m.PointsIcon,{reward:{name:n.name,type:n.id},size:16,className:"shrink-0"})]}),value:n.multiplier!=null?`${n.multiplier}×`:o.BREAKDOWN_DASH},n.id))]}):null]})}exports.PoolApyBreakdownCardTest=t.PoolApyBreakdownCardTest;exports.PoolApyBreakdownCard=u;

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),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"),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=_;

package/dist/cjs/components/yield-breakdown-tooltip/yield-breakdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../base/apy-breakdown-body/apy-breakdown-body.cjs"),B=require("../base/pool-apy-breakdown-card/pool-apy-breakdown-card.cjs"),g=require("../points-icon/points-icon.cjs"),x=require("../token-icon/token-icon.cjs"),l=require("../typed-intl/index.cjs"),j=require("../../utils/format-leverage.cjs"),w=require("../../utils/internal/apy-breakdown.cjs"),A=require("./yield-breakdown-tooltip.cjs");function v({supplyApy:a,maxLeverage:r,collateralApy:m,borrowApy:d,quotaRate:i,period:s,children:t,className:p,open:y}){const c=r!==void 0&&r>0;return e.jsx(A.ApyBreakdownTooltip,{placement:"bottom",title:e.jsx("span",{className:p,children:t}),triggerClassName:p,open:y,children:c?e.jsx(_,{supplyApy:a,maxLeverage:r,collateralApy:m,borrowApy:d,quotaRate:i,period:s}):e.jsx(B.PoolApyBreakdownCard,{data:a,period:s})})}function _({supplyApy:a,maxLeverage:r,collateralApy:m,borrowApy:d,quotaRate:i,period:s}){const t=m,p=t?w.tokenRewardsOf(t):[],y=w.pointProgramsOf(a),c=w.totalApyOf(a),u=d!=null||i!=null?-((d??0)+(i??0)):void 0,k=y.filter(o=>o.multiplier!=null);return e.jsxs(n.ApyBreakdownBody,{title:e.jsx(l.FormattedMessageTyped,{messageId:n.periodMessageId(s,"components.yieldBreakdown.titleNetAtLeverage","components.yieldBreakdown.titleNetAtLeverage7d"),values:{leverage:j.formatLeverage(r)}}),chip:n.formatBreakdownRate(c),chipPositive:c>0,children:[t?.organicApy!=null?e.jsx(n.ApyBreakdownRow,{muted:t.organicApy<0,label:e.jsx(l.FormattedMessageTyped,{messageId:n.periodMessageId(s,"components.yieldBreakdown.collateralApy","components.yieldBreakdown.collateralApy7d")}),value:n.formatBreakdownRate(t.organicApy)}):null,p.map(o=>o.supplyApr==null?null:e.jsx(n.ApyBreakdownRow,{muted:o.supplyApr<0,label:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{children:e.jsx(l.FormattedMessageTyped,{messageId:"components.apyParts.extraAPY",values:{symbol:o.token.symbol}})}),e.jsx(x.TokenIcon,{token:o.token,size:20})]}),value:n.formatBreakdownRate(o.supplyApr)},`incentive-${o.token.address}-${o.supplyApr}`)),u!=null?e.jsx(n.ApyBreakdownRow,{muted:u<0,label:e.jsx(l.FormattedMessageTyped,{messageId:n.periodMessageId(s,"components.yieldBreakdown.borrowRate","components.yieldBreakdown.borrowRate7d")}),value:n.formatBreakdownRate(u)}):null,k.length>0?e.jsxs(e.Fragment,{children:[e.jsx(n.ApyBreakdownDivider,{}),k.map(o=>e.jsx(n.ApyBreakdownRow,{label:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{children:e.jsx(l.FormattedMessageTyped,{messageId:"components.yieldBreakdown.programPoints",values:{name:o.name}})}),e.jsx(g.PointsIcon,{reward:{name:o.name,type:o.id},size:20})]}),value:`${o.multiplier}×`},`points-${o.id}`))]}):null]})}exports.YieldBreakdownTooltip=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../base/apy-breakdown-body/apy-breakdown-body.cjs"),B=require("../base/pool-apy-breakdown-card/pool-apy-breakdown-card.cjs"),g=require("../points-icon/points-icon.cjs"),x=require("../token-icon/token-icon.cjs"),l=require("../typed-intl/index.cjs"),j=require("../../utils/format-leverage.cjs"),u=require("../../utils/internal/apy-breakdown.cjs"),A=require("./yield-breakdown-tooltip.cjs");function v({supplyApy:a,maxLeverage:r,collateralApy:m,borrowApy:d,quotaRate:i,period:s,children:t,className:p,open:y}){const c=r!==void 0&&r>0;return e.jsx(A.ApyBreakdownTooltip,{placement:"bottom",title:e.jsx("span",{className:p,children:t}),triggerClassName:p,open:y,children:c?e.jsx(_,{supplyApy:a,maxLeverage:r,collateralApy:m,borrowApy:d,quotaRate:i,period:s}):e.jsx(B.PoolApyBreakdownCard,{data:a,period:s})})}function _({supplyApy:a,maxLeverage:r,collateralApy:m,borrowApy:d,quotaRate:i,period:s}){const t=m,p=t?u.tokenRewardsOf(t):[],y=u.pointProgramsOf(a),c=u.totalApyOf(a),w=d!=null||i!=null?(d??0)+(i??0):void 0,k=y.filter(o=>o.multiplier!=null);return e.jsxs(n.ApyBreakdownBody,{title:e.jsx(l.FormattedMessageTyped,{messageId:n.periodMessageId(s,"components.yieldBreakdown.titleNetAtLeverage","components.yieldBreakdown.titleNetAtLeverage7d"),values:{leverage:j.formatLeverage(r)}}),chip:n.formatBreakdownRate(c,!0),chipPositive:c>0,children:[t?.organicApy!=null?e.jsx(n.ApyBreakdownRow,{muted:t.organicApy<0,label:e.jsx(l.FormattedMessageTyped,{messageId:n.periodMessageId(s,"components.yieldBreakdown.collateralApy","components.yieldBreakdown.collateralApy7d")}),value:n.formatBreakdownRate(t.organicApy)}):null,p.map(o=>o.supplyApr==null?null:e.jsx(n.ApyBreakdownRow,{muted:o.supplyApr<0,label:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{children:e.jsx(l.FormattedMessageTyped,{messageId:"components.apyParts.extraAPY",values:{symbol:o.token.symbol}})}),e.jsx(x.TokenIcon,{token:o.token,size:20})]}),value:n.formatBreakdownRate(o.supplyApr)},`incentive-${o.token.address}-${o.supplyApr}`)),w!=null?e.jsx(n.ApyBreakdownRow,{muted:!0,label:e.jsx(l.FormattedMessageTyped,{messageId:n.periodMessageId(s,"components.yieldBreakdown.borrowRate","components.yieldBreakdown.borrowRate7d")}),value:n.formatBreakdownRate(w)}):null,k.length>0?e.jsxs(e.Fragment,{children:[e.jsx(n.ApyBreakdownDivider,{}),k.map(o=>e.jsx(n.ApyBreakdownRow,{label:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{children:e.jsx(l.FormattedMessageTyped,{messageId:"components.yieldBreakdown.programPoints",values:{name:o.name}})}),e.jsx(g.PointsIcon,{reward:{name:o.name,type:o.id},size:20})]}),value:`${o.multiplier}×`},`points-${o.id}`))]}):null]})}exports.YieldBreakdownTooltip=v;

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

@@ -1,19 +1,19 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { cn as i } from "../../../utils/cn.js";
+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";
 const x = "—", p = "400px";
-function g(n, t, e) {
-  return n === "7d" ? e : t;
+function g(t, n, e) {
+  return t === "7d" ? e : n;
 }
-function b(n) {
-  const t = c(n), e = `${Math.abs(t).toFixed(2)}%`;
-  return t < 0 ? `−${e}` : e;
+function b(t, n = !1) {
+  const e = c(t), s = `${Math.abs(e).toFixed(2)}%`;
+  return n && e < 0 ? `−${s}` : s;
 }
 function h({
-  title: n,
-  chip: t,
+  title: t,
+  chip: n,
   chipPositive: e = !1,
-  chipTestId: d,
+  chipTestId: s,
   children: r,
   testId: o
 }) {
@@ -24,32 +24,32 @@ function h({
       "data-testid": o,
       children: [
         /* @__PURE__ */ a("div", { className: "flex min-h-6 items-center justify-between gap-3", children: [
-          /* @__PURE__ */ s("span", { className: "min-w-0 text-base font-semibold leading-5 text-foreground", children: n }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ d("span", { className: "min-w-0 text-base font-semibold leading-5 text-foreground", children: t }),
+          /* @__PURE__ */ d(
             "span",
             {
-              className: i(
+              className: l(
                 "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"
               ),
-              "data-testid": d,
-              children: t
+              "data-testid": s,
+              children: n
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-3", children: r })
+        /* @__PURE__ */ d("div", { className: "flex flex-col gap-3", children: r })
       ]
     }
   );
 }
 function N({
-  label: n,
-  value: t,
+  label: t,
+  value: n,
   subtext: e,
-  muted: d = !1,
+  muted: s = !1,
   testId: r,
   valueTestId: o,
-  captionTestId: l
+  captionTestId: i
 }) {
   return /* @__PURE__ */ a(
     "div",
@@ -57,33 +57,33 @@ function N({
       className: "flex items-start justify-between gap-3",
       "data-testid": r,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ d(
           "span",
           {
-            className: i(
+            className: l(
               "min-w-0 text-sm font-semibold leading-5",
-              d ? "text-muted-foreground" : "text-foreground"
+              s ? "text-muted-foreground" : "text-foreground"
             ),
-            children: n
+            children: t
           }
         ),
         /* @__PURE__ */ a("span", { className: "flex shrink-0 flex-col items-end", children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ d(
             "span",
             {
-              className: i(
+              className: l(
                 "text-sm font-semibold leading-5 tabular-nums",
-                d ? "text-muted-foreground" : "text-foreground"
+                s ? "text-muted-foreground" : "text-foreground"
               ),
               "data-testid": o,
-              children: t
+              children: n
             }
           ),
-          e != null ? /* @__PURE__ */ s(
+          e != null ? /* @__PURE__ */ d(
             "span",
             {
               className: "text-xs leading-4 text-muted-foreground",
-              "data-testid": l,
+              "data-testid": i,
               children: e
             }
           ) : null
@@ -93,7 +93,7 @@ function N({
   );
 }
 function w() {
-  return /* @__PURE__ */ s("div", { className: "h-px w-full bg-divider" });
+  return /* @__PURE__ */ d("div", { className: "h-px w-full bg-divider" });
 }
 export {
   p as APY_BREAKDOWN_TOOLTIP_WIDTH,

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

@@ -25,7 +25,7 @@ function D({
           )
         }
       ),
-      chip: m == null ? /* @__PURE__ */ e(d, { reason: s }) : t(m),
+      chip: m == null ? /* @__PURE__ */ e(d, { reason: s }) : t(m, !0),
       chipPositive: (m ?? 0) > 0,
       chipTestId: a.net,
       children: [

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

@@ -53,7 +53,7 @@ function U({
           values: { leverage: E(t) }
         }
       ),
-      chip: u === null ? /* @__PURE__ */ e(k, { reason: r }) : i(u),
+      chip: u === null ? /* @__PURE__ */ e(k, { reason: r }) : i(u, !0),
       chipPositive: (u ?? 0) > 0,
       chipTestId: n.net,
       children: [
@@ -140,7 +140,7 @@ function U({
                 )
               }
             ),
-            value: p === null ? /* @__PURE__ */ e(k, { reason: r }) : i(-p),
+            value: p === null ? /* @__PURE__ */ e(k, { reason: r }) : i(p),
             subtext: d && a && x !== void 0 ? /* @__PURE__ */ e(
               s,
               {
@@ -151,9 +151,6 @@ function U({
                   // 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),
-                  // Magnitudes, not signed rates: the row above already carries
-                  // the minus, and `− −0.88%` reads as arithmetic to decode
-                  // rather than a cost to understand.
                   borrowRate: i(a.borrowApy)
                 }
               }

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

@@ -1,5 +1,5 @@
 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 k, ApyBreakdownDivider as v } from "../base/apy-breakdown-body/apy-breakdown-body.js";
+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";
@@ -48,14 +48,14 @@ function $({
   quotaRate: i,
   period: t
 }) {
-  const n = y, d = n ? R(n) : [], g = T(l), m = x(l), w = s != null || i != null ? -((s ?? 0) + (i ?? 0)) : void 0, f = g.filter((o) => o.multiplier != null);
+  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,
     {
       title: /* @__PURE__ */ e(
         a,
         {
-          messageId: k(
+          messageId: w(
             t,
             "components.yieldBreakdown.titleNetAtLeverage",
             "components.yieldBreakdown.titleNetAtLeverage7d"
@@ -63,7 +63,7 @@ function $({
           values: { leverage: P(r) }
         }
       ),
-      chip: c(m),
+      chip: c(m, !0),
       chipPositive: m > 0,
       children: [
         n?.organicApy != null ? /* @__PURE__ */ e(
@@ -73,7 +73,7 @@ function $({
             label: /* @__PURE__ */ e(
               a,
               {
-                messageId: k(
+                messageId: w(
                   t,
                   "components.yieldBreakdown.collateralApy",
                   "components.yieldBreakdown.collateralApy7d"
@@ -103,21 +103,21 @@ function $({
             `incentive-${o.token.address}-${o.supplyApr}`
           )
         ),
-        w != null ? /* @__PURE__ */ e(
+        k != null ? /* @__PURE__ */ e(
           u,
           {
-            muted: w < 0,
+            muted: !0,
             label: /* @__PURE__ */ e(
               a,
               {
-                messageId: k(
+                messageId: w(
                   t,
                   "components.yieldBreakdown.borrowRate",
                   "components.yieldBreakdown.borrowRate7d"
                 )
               }
             ),
-            value: c(w)
+            value: c(k)
           }
         ) : null,
         f.length > 0 ? /* @__PURE__ */ p(B, { children: [

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

@@ -6,13 +6,16 @@ export declare const BREAKDOWN_DASH = "\u2014";
 export declare const APY_BREAKDOWN_TOOLTIP_WIDTH = "400px";
 export declare function periodMessageId(period: "7d" | undefined, base: LocaleKeys, with7d: LocaleKeys): LocaleKeys;
 /**
- * A rate as the rows write it: two decimals, and a real minus sign.
+ * A rate as the rows write it: two decimals, magnitude only.
  *
  * Two decimals at every scale, unlike the compact form the rest of the kit
  * 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.
  */
-export declare function formatBreakdownRate(value: Bps): string;
+export declare function formatBreakdownRate(value: Bps, signed?: boolean): string;
 export interface ApyBreakdownBodyProps {
     /** Heading to the left of the chip — "Net APY (7d)" and the like. */
     readonly title: React.ReactNode;

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

@@ -20,7 +20,7 @@ export interface YieldBreakdownTooltipProps {
      * to {@link supplyApy} when omitted.
      */
     collateralApy?: ApyBreakdown;
-    /** Strategy base borrow cost in bps (shown as a negative rate). */
+    /** Strategy base borrow cost in bps (the row prints its magnitude). */
     borrowApy?: Bps;
     /** Strategy quota rate in bps, at 1x (folded into Borrow Rate). */
     quotaRate?: Bps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.72",
+  "version": "4.0.0-next.76",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -162,7 +162,7 @@
       "biome check --no-errors-on-unmatched --write"
     ]
   },
-  "packageManager": "pnpm@10.4.1+sha512.c753b6c3ad7afa13af388fa6d808035a008e30ea9993f58c6663e2bc5ff21679aa834db094987129aa4d488b86df57f7b634981b2f827cdcacc698cc0cfb88af",
+  "packageManager": "pnpm@12.3.1",
   "browserslist": [
     ">0.3%",
     "not dead",
@@ -171,15 +171,5 @@
     "Firefox >= 80",
     "Safari >= 13",
     "Edge >= 80"
-  ],
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "bufferutil",
-      "esbuild",
-      "keccak",
-      "secp256k1",
-      "sharp",
-      "utf-8-validate"
-    ]
-  }
+  ]
 }