@gearbox-protocol/ui-kit 4.0.0-next.17 → 4.0.0-next.18

package/dist/esm/index.js

@@ -292,29 +292,29 @@ import { searchInString as Yd } from "./utils/search.js";
 import { createTokenSearchFilter as Jd, searchInToken as $d } from "./utils/search-in-token.js";
 import { shortSHA as og } from "./utils/short-sha.js";
 import { isLongString as tg, shortenString as ag } from "./utils/shorten-string.js";
-import { strategyApyPartsAtLeverage as ng, strategyNetApyAtLeverage as pg, strategyQuotaRate as mg } from "./utils/strategy-apy.js";
-import { negativeTokenTemplate as fg, tokenTemplate as sg, tokenTemplateNumber as xg, tokenTemplateString as Tg } from "./utils/templates.js";
-import { getTokenIcon as gg, parseShareTokenUnderlying as cg } from "./utils/token-icon-source.js";
-import { TTL_CONSTANTS as Sg, getTTLZones as Cg, ttlFromTimestamp as Ag, ttlLeft as bg, ttlLeftHuman as Pg } from "./utils/ttl.js";
-import { openInNewWindow as Lg } from "./utils/window.js";
-import { Z_INDEX as hg, Z_INDEX_VALUES as kg } from "./utils/z-index.js";
-import { AmountInputTest as Vg } from "./components/base/amount-input/constants.js";
-import { DetailedPageTitleTest as Fg } from "./components/base/detailed-page-title/constants.js";
-import { DetailsViewTest as yg } from "./components/base/details-view/constants.js";
-import { HistoryChartTest as Eg } from "./components/base/history-chart/constants.js";
-import { InfoListTest as Hg } from "./components/base/info-list/constants.js";
-import { LeverageInputTest as Ng } from "./components/base/leverage-input/constants.js";
-import { ManagePaneTest as Gg } from "./components/base/manage-pane/constants.js";
-import { PageTitleTest as Ug } from "./components/base/page-title/constants.js";
-import { ReviewButtonTest as Zg } from "./components/base/review-button/constants.js";
-import { SectionHeadingTest as zg } from "./components/base/section-heading/constants.js";
-import { SegmentedTabsTest as Qg } from "./components/base/segmented-tabs/constants.js";
-import { StackTest as jg } from "./components/base/stack/constants.js";
-import { StatBadgeTest as $g } from "./components/base/stat-badge/constants.js";
-import { StickyBarTest as oc } from "./components/base/sticky-bar/constants.js";
-import { TabberTest as tc } from "./components/base/tabber/constants.js";
-import { TokenAmountTest as ic } from "./components/base/token-amount/constants.js";
-import { BaseTableLineTest as pc, BaseTableTest as mc } from "./components/base-table/constants.js";
+import { strategyApyPartsAtLeverage as ng, strategyNetApyAtLeverage as pg } from "./utils/strategy-apy.js";
+import { negativeTokenTemplate as lg, tokenTemplate as fg, tokenTemplateNumber as sg, tokenTemplateString as xg } from "./utils/templates.js";
+import { getTokenIcon as dg, parseShareTokenUnderlying as gg } from "./utils/token-icon-source.js";
+import { TTL_CONSTANTS as ug, getTTLZones as Sg, ttlFromTimestamp as Cg, ttlLeft as Ag, ttlLeftHuman as bg } from "./utils/ttl.js";
+import { openInNewWindow as Dg } from "./utils/window.js";
+import { Z_INDEX as Bg, Z_INDEX_VALUES as hg } from "./utils/z-index.js";
+import { AmountInputTest as Ig } from "./components/base/amount-input/constants.js";
+import { DetailedPageTitleTest as wg } from "./components/base/detailed-page-title/constants.js";
+import { DetailsViewTest as Mg } from "./components/base/details-view/constants.js";
+import { HistoryChartTest as Rg } from "./components/base/history-chart/constants.js";
+import { InfoListTest as vg } from "./components/base/info-list/constants.js";
+import { LeverageInputTest as _g } from "./components/base/leverage-input/constants.js";
+import { ManagePaneTest as Og } from "./components/base/manage-pane/constants.js";
+import { PageTitleTest as Wg } from "./components/base/page-title/constants.js";
+import { ReviewButtonTest as qg } from "./components/base/review-button/constants.js";
+import { SectionHeadingTest as Xg } from "./components/base/section-heading/constants.js";
+import { SegmentedTabsTest as Kg } from "./components/base/segmented-tabs/constants.js";
+import { StackTest as Yg } from "./components/base/stack/constants.js";
+import { StatBadgeTest as Jg } from "./components/base/stat-badge/constants.js";
+import { StickyBarTest as ec } from "./components/base/sticky-bar/constants.js";
+import { TabberTest as rc } from "./components/base/tabber/constants.js";
+import { TokenAmountTest as ac } from "./components/base/token-amount/constants.js";
+import { BaseTableLineTest as nc, BaseTableTest as pc } from "./components/base-table/constants.js";
 export {
   Wo as Accordion,
   Uo as AccordionContent,
@@ -336,7 +336,7 @@ export {
   yt as AllocationWheel,
   Ht as AllocationWheelTest,
   r as AmountInput,
-  Vg as AmountInputTest,
+  Ig as AmountInputTest,
   fr as AppBar,
   sr as AppBarCenter,
   xr as AppBarCenterContent,
@@ -358,8 +358,8 @@ export {
   wr as BaseLink,
   Mr as BaseTable,
   Rr as BaseTableLine,
-  pc as BaseTableLineTest,
-  mc as BaseTableTest,
+  nc as BaseTableLineTest,
+  pc as BaseTableTest,
   wm as BlockedRegionDialog,
   n as BorrowRateBlock,
   m as BorrowRateBlockTest,
@@ -400,11 +400,11 @@ export {
   d as DetailedPageTitle,
   Na as DetailedPageTitleCopyButton,
   Ga as DetailedPageTitleExplorerDropdown,
-  Fg as DetailedPageTitleTest,
+  wg as DetailedPageTitleTest,
   A as DetailsView,
   b as DetailsViewLeftPane,
   P as DetailsViewManagePane,
-  yg as DetailsViewTest,
+  Mg as DetailsViewTest,
   Za as Dialog,
   Qa as DialogContainer,
   ja as DialogContent,
@@ -487,12 +487,12 @@ export {
   mp as HelpTip,
   lp as HelpTipIcon,
   I as HistoryChart,
-  Eg as HistoryChartTest,
+  Rg as HistoryChartTest,
   dp as IconButton,
   am as InfiniteScrollWrapper,
   w as InfoLine,
   F as InfoList,
-  Hg as InfoListTest,
+  vg as InfoListTest,
   E as InfoPortalOut,
   v as InfoPortalProvider,
   M as InfoSectionTitle,
@@ -506,7 +506,7 @@ export {
   Em as LegalAgreementPanel,
   vm as LegalAgreementPanelTest,
   _ as LeverageInput,
-  Ng as LeverageInputTest,
+  _g as LeverageInputTest,
   W as LeveragePresetChips,
   O as LeveragePresetChipsTest,
   vo as LeverageValue,
@@ -524,7 +524,7 @@ export {
   ee as ManagePaneMessage,
   oe as ManagePaneTab,
   re as ManagePaneTabDropdown,
-  Gg as ManagePaneTest,
+  Og as ManagePaneTest,
   Ua as Modal,
   ne as MoreAccordion,
   ae as MoreAccordionTest,
@@ -540,7 +540,7 @@ export {
   Ti as OneFieldDialog,
   xe as PageHeadProvider,
   Te as PageTitle,
-  Ug as PageTitleTest,
+  Wg as PageTitleTest,
   Lo as PnlValue,
   gl as PointsIcon,
   y as PointsInfoLine,
@@ -566,7 +566,7 @@ export {
   Ll as RWA_POOL_ROW_HOVER_WRAPPER_CLASS,
   nt as RangeButtons,
   De as ReviewButton,
-  Zg as ReviewButtonTest,
+  qg as ReviewButtonTest,
   Cl as RoundedImage,
   ke as SEGMENTED_TABS_INACTIVE_BUTTON_CLASS,
   Re as SPACE_HEIGHT,
@@ -575,10 +575,10 @@ export {
   hl as SdkStatusPillTest,
   Ml as SearchLine,
   Be as SectionHeading,
-  zg as SectionHeadingTest,
+  Xg as SectionHeadingTest,
   Hl as SegmentedControl,
   Ie as SegmentedTabs,
-  Qg as SegmentedTabsTest,
+  Kg as SegmentedTabsTest,
   Ol as Select,
   Gl as SelectContent,
   Wl as SelectGroup,
@@ -611,14 +611,14 @@ export {
   Ef as SpinnerOverlay,
   Nf as SplitList,
   He as Stack,
-  jg as StackTest,
+  Yg as StackTest,
   Ne as StatBadge,
   Oe as StatBadgeGrid,
-  $g as StatBadgeTest,
+  Jg as StatBadgeTest,
   Zf as StatusBars,
   Gf as StatusDot,
   We as StickyBar,
-  oc as StickyBarTest,
+  ec as StickyBarTest,
   Xe as StrategyApyBreakdownCard,
   qe as StrategyApyBreakdownCardTest,
   kt as StyledButton,
@@ -627,13 +627,13 @@ export {
   kf as THEME_COLOR_MAP,
   If as THUMB_HALF,
   Vf as THUMB_SIZE,
-  Sg as TTL_CONSTANTS,
+  ug as TTL_CONSTANTS,
   mt as TabButton,
   zf as TabControl,
   Kf as TabItem,
   Ke as Tabber,
   Qe as TabberSection,
-  tc as TabberTest,
+  rc as TabberTest,
   Ss as Table,
   Cs as TableBody,
   As as TableCaption,
@@ -662,7 +662,7 @@ export {
   mo as TitleMeta,
   no as TitleMetaTest,
   fo as TokenAmount,
-  ic as TokenAmountTest,
+  ac as TokenAmountTest,
   Ho as TokenBigint,
   $s as TokenIcon,
   go as TokenPairSymbol,
@@ -702,8 +702,8 @@ export {
   yl as WithSearchLine,
   wx as WithTitle,
   Mx as YieldBreakdownTooltip,
-  hg as Z_INDEX,
-  kg as Z_INDEX_VALUES,
+  Bg as Z_INDEX,
+  hg as Z_INDEX_VALUES,
   Ko as alertBadgeVariants,
   Ld as allLoaded,
   zr as backButtonVariants,
@@ -791,9 +791,9 @@ export {
   Hn as getSeriesColorPalette,
   Qx as getSortForField,
   Yx as getSortForFields,
-  Cg as getTTLZones,
+  Sg as getTTLZones,
   Ff as getThumbInBoundsOffset,
-  gg as getTokenIcon,
+  dg as getTokenIcon,
   _n as getVerticalLineLabelStyle,
   Nn as getVerticalLineTooltipContent,
   wn as getXFormatter,
@@ -828,12 +828,12 @@ export {
   Pd as leveragePresets,
   Bd as loadingProgress,
   Lf as makeMarkerPoints,
-  fg as negativeTokenTemplate,
+  lg as negativeTokenTemplate,
   jx as nextMultiSortState,
-  Lg as openInNewWindow,
+  Dg as openInNewWindow,
   Hx as paddingVariants,
   Nd as parseInputToBN,
-  cg as parseShareTokenUnderlying,
+  gg as parseShareTokenUnderlying,
   Od as parseSmallNumber,
   md as percentTemplate,
   ld as percentageTemplate,
@@ -866,7 +866,6 @@ export {
   Wf as statusDotVariants,
   ng as strategyApyPartsAtLeverage,
   pg as strategyNetApyAtLeverage,
-  mg as strategyQuotaRate,
   Ur as subscribeBreakpoints,
   hs as tableCellVariants,
   ks as tableHeadVariants,
@@ -875,17 +874,17 @@ export {
   js as tipCardVariants,
   ud as toSignificantDigits,
   IT as tokenRewardsOf,
-  sg as tokenTemplate,
-  xg as tokenTemplateNumber,
-  Tg as tokenTemplateString,
+  fg as tokenTemplate,
+  sg as tokenTemplateNumber,
+  xg as tokenTemplateString,
   VT as totalApyOf,
   aa as transactionConfirmDialogShellVariants,
   ia as transactionConfirmModalContainerVariants,
   na as transactionConfirmPreviewScrollVariants,
   pa as transactionConfirmShellContentVariants,
-  Ag as ttlFromTimestamp,
-  bg as ttlLeft,
-  Pg as ttlLeftHuman,
+  Cg as ttlFromTimestamp,
+  Ag as ttlLeft,
+  bg as ttlLeftHuman,
   bx as typographyVariants,
   qr as useBreakpointContext,
   Gx as useCheckboxSelect,

package/dist/esm/utils/index.js

@@ -8,9 +8,9 @@ import { generateColorsFromBase as h, getCSSVariable as A, hexToRgba as v, hslTo
 import { copyToClipboard as N } from "./copy.js";
 import { convertPercent as I, formatBytecodeSize as k, formatBytecodeVersion as C, formatTimestamp as w, shortenHash as F, significantTrunc as D } from "./format.js";
 import { formatAssetAmount as V } from "./format-asset-amount.js";
-import { formatLeverage as B } from "./format-leverage.js";
+import { formatLeverage as M } from "./format-leverage.js";
 import { formatCompactPercent as _, formatMoney as E, formatMoneyAmount as H, formatPercentAmount as W, percentTemplate as Z, percentageTemplate as z } from "./format-money.js";
-import { FORMAT_CONSTANTS as X, formatNumberWithSuffix as q, formatPrice as Q, getAdaptiveDecimals as j, isBelowDisplayThreshold as G, isEffectivelyZero as J, toSignificantDigits as K } from "./format-number.js";
+import { FORMAT_CONSTANTS as X, formatNumberWithSuffix as q, formatPrice as j, getAdaptiveDecimals as G, isBelowDisplayThreshold as J, isEffectivelyZero as K, toSignificantDigits as Q } from "./format-number.js";
 import { slippageTemplate as $ } from "./format-slippage.js";
 import { formatChipLeverage as oe, leveragePresets as re } from "./leverage-presets.js";
 import { allLoaded as ae, loadingProgress as me, round5 as ne } from "./loading.js";
@@ -22,19 +22,19 @@ import { getAvailableRanges as Ne } from "./ranges.js";
 import { extractTextFromLabel as Ie, serializeValue as ke } from "./react.js";
 import { searchInString as we } from "./search.js";
 import { createTokenSearchFilter as De, searchInToken as Oe } from "./search-in-token.js";
-import { shortSHA as Re } from "./short-sha.js";
-import { isLongString as Me, shortenString as _e } from "./shorten-string.js";
-import { strategyApyPartsAtLeverage as He, strategyNetApyAtLeverage as We, strategyQuotaRate as Ze } from "./strategy-apy.js";
-import { negativeTokenTemplate as Ue, tokenTemplate as Xe, tokenTemplateNumber as qe, tokenTemplateString as Qe } from "./templates.js";
+import { shortSHA as Be } from "./short-sha.js";
+import { isLongString as Re, shortenString as _e } from "./shorten-string.js";
+import { strategyApyPartsAtLeverage as He, strategyNetApyAtLeverage as We } from "./strategy-apy.js";
+import { negativeTokenTemplate as ze, tokenTemplate as Ue, tokenTemplateNumber as Xe, tokenTemplateString as qe } from "./templates.js";
 import { getTokenIcon as Ge, parseShareTokenUnderlying as Je } from "./token-icon-source.js";
-import { TTL_CONSTANTS as Ye, getTTLZones as $e, ttlFromTimestamp as eo, ttlLeft as oo, ttlLeftHuman as ro } from "./ttl.js";
-import { openInNewWindow as ao } from "./window.js";
-import { Z_INDEX as no, Z_INDEX_VALUES as po } from "./z-index.js";
+import { TTL_CONSTANTS as Qe, getTTLZones as Ye, ttlFromTimestamp as $e, ttlLeft as eo, ttlLeftHuman as oo } from "./ttl.js";
+import { openInNewWindow as to } from "./window.js";
+import { Z_INDEX as mo, Z_INDEX_VALUES as no } from "./z-index.js";
 export {
   X as FORMAT_CONSTANTS,
-  Ye as TTL_CONSTANTS,
-  no as Z_INDEX,
-  po as Z_INDEX_VALUES,
+  Qe as TTL_CONSTANTS,
+  mo as Z_INDEX,
+  no as Z_INDEX_VALUES,
   ae as allLoaded,
   s as bnToInputView,
   de as bnToLiquidationPriceView,
@@ -53,33 +53,33 @@ export {
   C as formatBytecodeVersion,
   oe as formatChipLeverage,
   _ as formatCompactPercent,
-  B as formatLeverage,
+  M as formatLeverage,
   E as formatMoney,
   H as formatMoneyAmount,
   q as formatNumberWithSuffix,
   W as formatPercentAmount,
-  Q as formatPrice,
+  j as formatPrice,
   w as formatTimestamp,
   se as formatWithDecimals,
   le as formatWithoutDecimals,
   h as generateColorsFromBase,
   r as generateId,
-  j as getAdaptiveDecimals,
+  G as getAdaptiveDecimals,
   Ne as getAvailableRanges,
   A as getCSSVariable,
   ce as getNetworkIcon,
-  $e as getTTLZones,
+  Ye as getTTLZones,
   Ge as getTokenIcon,
   v as hexToRgba,
   y as hslToHex,
-  G as isBelowDisplayThreshold,
-  J as isEffectivelyZero,
-  Me as isLongString,
+  J as isBelowDisplayThreshold,
+  K as isEffectivelyZero,
+  Re as isLongString,
   ue as isPositiveFloat,
   re as leveragePresets,
   me as loadingProgress,
-  Ue as negativeTokenTemplate,
-  ao as openInNewWindow,
+  ze as negativeTokenTemplate,
+  to as openInNewWindow,
   he as parseInputToBN,
   Je as parseShareTokenUnderlying,
   Ae as parseSmallNumber,
@@ -94,7 +94,7 @@ export {
   Oe as searchInToken,
   Pe as selectPluralString,
   ke as serializeValue,
-  Re as shortSHA,
+  Be as shortSHA,
   F as shortenHash,
   _e as shortenString,
   D as significantTrunc,
@@ -102,16 +102,15 @@ export {
   xe as splitInterval,
   He as strategyApyPartsAtLeverage,
   We as strategyNetApyAtLeverage,
-  Ze as strategyQuotaRate,
-  K as toSignificantDigits,
+  Q as toSignificantDigits,
   p as tokenRewardsOf,
-  Xe as tokenTemplate,
-  qe as tokenTemplateNumber,
-  Qe as tokenTemplateString,
+  Ue as tokenTemplate,
+  Xe as tokenTemplateNumber,
+  qe as tokenTemplateString,
   i as totalApyOf,
-  eo as ttlFromTimestamp,
-  oo as ttlLeft,
-  ro as ttlLeftHuman,
+  $e as ttlFromTimestamp,
+  eo as ttlLeft,
+  oo as ttlLeftHuman,
   t as useFormFieldIds,
   Te as validateMinMax
 };

package/dist/esm/utils/strategy-apy.js

@@ -1,41 +1,51 @@
-function e({
-  additionalBorrowApy: o = 0,
-  maxLeverage: t
-}) {
-  return t != null && t > 0 ? o / t : 0;
+import { calcEffectiveBorrowApy as o, calcNetStrategyApy as u } from "@gearbox-protocol/sdk";
+function f(t, e, r) {
+  switch (r) {
+    case "min":
+      return Math.max(t - 1, 0);
+    case "aggressive":
+      return 1.05 * Math.max(t - 1, 0);
+    default:
+      return t * e / 1e4;
+  }
 }
-function i({
-  leverage: o,
-  maxLeverage: t,
-  borrowApy: r = 0,
-  additionalBorrowApy: u = 0
+function m({
+  leverage: t,
+  borrowApy: e = 0,
+  quotaRate: r = 0,
+  liquidationThreshold: s = 0,
+  quotaMode: a = "safe"
 }) {
-  const n = Math.max(o - 1, 0), s = r * n, a = e({ additionalBorrowApy: u, maxLeverage: t }), c = a * o;
+  const c = {
+    borrowApy: e,
+    quotaRate: r,
+    liquidationThreshold: s
+  }, n = Math.max(t - 1, 0), i = f(t, s, a);
   return {
     debtMultiplier: n,
-    borrowCost: s,
-    quotaRate: a,
-    quotaCost: c,
-    totalCost: s + c
+    quotaMultiplier: i,
+    borrowCost: e * n,
+    quotaRate: r,
+    quotaCost: r * i,
+    totalCost: o(c, t, a)
   };
 }
-function y({
-  collateralApy: o,
-  leverage: t,
-  maxLeverage: r,
-  borrowApy: u,
-  additionalBorrowApy: n
+function l({
+  collateralApy: t,
+  leverage: e,
+  borrowApy: r = 0,
+  quotaRate: s = 0,
+  liquidationThreshold: a = 0,
+  quotaMode: c = "safe"
 }) {
-  const { totalCost: s } = i({
-    leverage: t,
-    maxLeverage: r,
-    borrowApy: u,
-    additionalBorrowApy: n
-  });
-  return o * t - s;
+  return u(
+    { borrowApy: r, quotaRate: s, liquidationThreshold: a },
+    t,
+    e,
+    c
+  );
 }
 export {
-  i as strategyApyPartsAtLeverage,
-  y as strategyNetApyAtLeverage,
-  e as strategyQuotaRate
+  m as strategyApyPartsAtLeverage,
+  l as strategyNetApyAtLeverage
 };

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

@@ -1,22 +1,16 @@
-import { ApyBreakdown, Bps, Leverage } from '@gearbox-protocol/sdk/model';
+import { ApyBreakdown, Leverage } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
+import { StrategyApyRates } from '../../../utils/strategy-apy';
 import { StrategyApyBreakdownCardTest } from './constants';
 export { StrategyApyBreakdownCardTest };
-export interface StrategyApyBreakdownData {
+export interface StrategyApyBreakdownData extends StrategyApyRates {
     readonly collateralApy?: ApyBreakdown;
-    readonly borrowApy?: Bps;
-    readonly additionalBorrowApy?: Bps;
+    /** Leverage the card falls back to when the toolbar names none. */
     readonly maxLeverage?: Leverage;
     /**
-     * SDK net at {@link maxLeverage}. Used for the net chip when the selected
-     * leverage is max, so the chip matches the Max APY badge instead of a
-     * client-side reconstruction.
-     */
-    readonly maxLeverageApy?: ApyBreakdown;
-    /**
-     * SDK net at the displayed {@link StrategyApyBreakdownCardProps.leverage}
-     * (e.g. a position's `netApy`). Preferred over both `maxLeverageApy` and
-     * the reconstructed formula.
+     * Net rate the caller already knows — a position's own `netApy`. Preferred
+     * over the rows' arithmetic, which answers for the strategy rather than for
+     * one account inside it.
      */
     readonly netApy?: ApyBreakdown;
 }

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

@@ -17,7 +17,7 @@ export interface CompoundAPYProps {
     /** Strategy base borrow cost in bps. */
     borrowApy?: Bps;
     /** Strategy additional (quota) borrow cost in bps. */
-    additionalBorrowApy?: Bps;
+    quotaRate?: Bps;
     /**
      * Number of decimal places for the total APY string.
      * @default 2
@@ -31,4 +31,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, additionalBorrowApy, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;
+export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, quotaRate, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;

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

@@ -18,8 +18,8 @@ export interface YieldBreakdownTooltipProps {
     collateralApy?: ApyBreakdown;
     /** Strategy base borrow cost in bps (shown as a negative rate). */
     borrowApy?: Bps;
-    /** Strategy additional (quota) borrow cost in bps (folded into Borrow Rate). */
-    additionalBorrowApy?: Bps;
+    /** Strategy quota rate in bps, at 1x (folded into Borrow Rate). */
+    quotaRate?: Bps;
     children?: React.ReactNode;
     className?: string;
 }
@@ -27,4 +27,4 @@ export interface YieldBreakdownTooltipProps {
  * Earn APY tooltip — strategy (`Net APY at Nx Leverage`) and pool
  * (`Overall APY`) layouts from SDK `ApyBreakdown`.
  */
-export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, additionalBorrowApy, children, className, }: YieldBreakdownTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function YieldBreakdownTooltip({ supplyApy, maxLeverage, collateralApy, borrowApy, quotaRate, children, className, }: YieldBreakdownTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/utils/strategy-apy.d.ts

@@ -1,37 +1,40 @@
+import { QuotaMode, StrategyRateInputs } from '@gearbox-protocol/sdk';
 import { Bps, Leverage } from '@gearbox-protocol/sdk/model';
 /**
- * Quota rate at 1x. `additionalBorrowApy` from the SDK is already scaled to
- * {@link maxLeverage} (`quotaRate × (1 + feeInterest) × maxLeverage`).
+ * The rates a strategy's cost of credit is made of — the SDK's own
+ * `StrategyRateInputs`, spelled the same way so a caller hands over the fields
+ * of a `StrategyOpportunity` rather than a translation of them.
+ *
+ * Optional only because a card may be rendered before its strategy has loaded;
+ * the SDK requires all three, and so does the arithmetic.
  */
-export declare function strategyQuotaRate({ additionalBorrowApy, maxLeverage, }: {
-    readonly additionalBorrowApy?: Bps;
-    readonly maxLeverage?: Leverage;
-}): Bps;
+export type StrategyApyRates = Readonly<Partial<StrategyRateInputs>> & {
+    /** How much quota the position quotes; the SDK's `"safe"` unless told. */
+    readonly quotaMode?: QuotaMode;
+};
 /**
- * Borrow + quota cost of a strategy at leverage `l`, in bps.
+ * Borrow and quota cost of a strategy at one leverage, split so each can have
+ * its own row.
  *
- * `cost = borrowApy × max(l − 1, 0) + quotaRate × l`
+ * `totalCost` comes from `calcEffectiveBorrowApy` rather than from adding the
+ * two parts up here: the SDK rounds once, at the end, and a card whose rows
+ * sum to something other than its own total is the bug this replaced.
  */
-export declare function strategyApyPartsAtLeverage({ leverage, maxLeverage, borrowApy, additionalBorrowApy, }: {
+export declare function strategyApyPartsAtLeverage({ leverage, borrowApy, quotaRate, liquidationThreshold, quotaMode, }: StrategyApyRates & {
     readonly leverage: Leverage;
-    readonly maxLeverage?: Leverage;
-    readonly borrowApy?: Bps;
-    readonly additionalBorrowApy?: Bps;
 }): {
     readonly debtMultiplier: number;
+    readonly quotaMultiplier: number;
     readonly borrowCost: Bps;
     readonly quotaRate: Bps;
     readonly quotaCost: Bps;
     readonly totalCost: Bps;
 };
 /**
- * Net strategy APY at leverage `l`, in bps:
- * `collateralApy × l − cost(l)`.
+ * Net strategy APY at one leverage, straight from the SDK — the same call the
+ * app makes for the badge beside this card, so the two cannot disagree.
  */
-export declare function strategyNetApyAtLeverage({ collateralApy, leverage, maxLeverage, borrowApy, additionalBorrowApy, }: {
+export declare function strategyNetApyAtLeverage({ collateralApy, leverage, borrowApy, quotaRate, liquidationThreshold, quotaMode, }: StrategyApyRates & {
     readonly collateralApy: Bps;
     readonly leverage: Leverage;
-    readonly maxLeverage?: Leverage;
-    readonly borrowApy?: Bps;
-    readonly additionalBorrowApy?: Bps;
 }): Bps;

package/package.json

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