@gearbox-protocol/ui-kit 4.0.0-next.3 → 4.0.0-next.5

package/dist/esm/locale/en.json.js

@@ -6,6 +6,8 @@ const e = {
   "errors.tooManyRequests": "Too many requests",
   "errors.incorrectAddress": "Incorrect address",
   "components.errorMessage.oops": "Oops...",
+  "components.networkIndicator.title": "Network",
+  "components.infiniteScrollWrapper.showMore": "Show more",
   "components.alertModal.ok": "Ok",
   "components.footer.privacy": "Privacy Notice",
   "components.footer.terms": "Terms of Service",
@@ -67,19 +69,18 @@ const e = {
   "components.apyParts.totalAPY": "Overall APY",
   "components.apyParts.points": "{symbol} Incentive",
   "components.apyParts.points.condition.crossDeposit": "For cross-chain deposits made via Omni",
-  "components.yieldBreakdown.title": "Yield Breakdown",
-  "components.yieldBreakdown.atLeverage": "at {leverage}× leverage",
-  "components.yieldBreakdown.baseYield": "Base Yield",
-  "components.yieldBreakdown.incentiveYield": "Incentive Yield",
+  "components.yieldBreakdown.titleNetAtLeverage": "Net APY at {leverage}× Leverage",
+  "components.yieldBreakdown.collateralApy": "Collateral APY",
+  "components.yieldBreakdown.incentive": "Incentive",
   "components.yieldBreakdown.borrowRate": "Borrow Rate",
-  "components.yieldBreakdown.baseRate": "Base Rate",
-  "components.yieldBreakdown.additionalRate": "Additional Rate",
-  "components.yieldBreakdown.netYield": "Net Yield",
+  "components.yieldBreakdown.programPoints": "{name} Points",
   "components.yieldBreakdown.points": "Points",
   "components.openCopyButtons.copy": "Copy to clipboard",
-  "components.poolAssetsTable.asset": "Asset",
+  "components.poolAssetsTable.asset": "Name",
   "components.poolAssetsTable.rate": "Effective rate",
-  "components.poolAssetsTable.limits": "Limits Usage",
+  "components.poolAssetsTable.exposure": "Exposure",
+  "components.poolAssetsTable.cap": "Cap",
+  "components.poolAssetsTable.capUtilization": "Cap utilization",
   "components.poolAssetsTable.usage": "{amount} of {total}",
   "components.poolAssetsTable.head.name": "Credit Manager",
   "components.poolAssetsTable.head.currentDebt": "Current Debt",
@@ -162,23 +163,25 @@ const e = {
   "components.timeToLiquidationBlock.tip": "Time to liquidation estimates how long the account can stay open if prices remain constant and no yield is earned—only accounting for borrow interest accrual.",
   "components.historyChart.error": "Couldn't load chart data",
   "components.historyChart.empty": "No data",
-  "components.positionTypeBadge.pool": "Lender",
+  "components.positionTypeBadge.pool": "LP",
   "components.positionTypeBadge.strategy": "Strategy",
   "components.positionTypeBadge.liquidation": "Liquidation",
+  "components.positionStatusBadge.active": "Active",
+  "components.positionStatusBadge.repaid": "Repaid",
   "components.titleMeta.unknownCurator": "Curator",
   "components.moreAccordion.more": "More details",
   "components.moreAccordion.less": "Less details",
   "components.poolApyBreakdownCard.title": "APY Breakdown",
-  "components.poolApyBreakdownCard.apy1d": "APY 24H",
-  "components.poolApyBreakdownCard.apy7d": "APY 7d",
-  "components.poolApyBreakdownCard.apy30d": "APY 30d",
-  "components.strategyApyBreakdownCard.title": "APY Breakdown",
-  "components.strategyApyBreakdownCard.formula": "How strategy APY is calculated: Collateral APY x Leverage - Base borrow rate x (Leverage - 1) - Additional borrow rate x Leverage x 1.05",
+  "components.poolApyBreakdownCard.organicApy": "Pool organic APY",
+  "components.poolApyBreakdownCard.incentiveApy": "Incentive APY",
+  "components.strategyApyBreakdownCard.titleAtLeverage": "APY at {leverage}× Leverage",
   "components.strategyApyBreakdownCard.collateralApy": "Collateral APY",
-  "components.strategyApyBreakdownCard.baseBorrowRate": "Base borrow rate",
-  "components.strategyApyBreakdownCard.additionalBorrowRate": "Additional borrow rate",
+  "components.strategyApyBreakdownCard.incentiveApy": "Incentive APY",
+  "components.strategyApyBreakdownCard.borrowRate": "Borrow Rate",
+  "components.strategyApyBreakdownCard.formula": "{base} × {leverage} Lev.",
+  "components.leveragePresetChips.label": "Leverage:",
   "components.liquidationParamsTable.lt": "Liquidation threshold",
-  "components.liquidationParamsTable.penalty": "Liquidation penalty",
+  "components.liquidationParamsTable.penalty": "Liquidation discount",
   "components.liquidationParamsTable.premium": "Liquidation premium",
   "components.liquidationParamsTable.fee": "Liquidation fee",
   "components.borrowRateBlock.label": "Borrow rate",

package/dist/esm/utils/format-leverage.js

@@ -0,0 +1,6 @@
+function r(e) {
+  return (Math.round(e * 100) / 100).toFixed(2);
+}
+export {
+  r as formatLeverage
+};

package/dist/esm/utils/format-money.js

@@ -1,32 +1,49 @@
-import { formatBN as M, WAD_DECIMALS_POW as $, PERCENTAGE_FACTOR as A } from "@gearbox-protocol/sdk";
-import { BigIntMath as g } from "@gearbox-protocol/sdk/common-utils";
+import { formatBN as b, WAD_DECIMALS_POW as g, PERCENTAGE_FACTOR as h } from "@gearbox-protocol/sdk";
+import { BigIntMath as E } from "@gearbox-protocol/sdk/common-utils";
 import "react";
-import { bnToInputView as h } from "./bn-to-input-view.js";
+import { bnToInputView as x } from "./bn-to-input-view.js";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
 import "react/jsx-runtime";
 import "luxon";
 import "./z-index.js";
-const _ = 10000000000000000n;
+const A = 10000000000000000n;
 function F(t) {
   return BigInt(t.toFixed(18).replace(".", ""));
 }
-function U(t, r) {
-  const n = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", s = typeof t == "number" ? F(Math.abs(t)) : g.abs(t), u = s < _ && s > 0n, f = u ? "0.01" : M(s, $, r), o = `${n}$${f}`;
+function V(t, e) {
+  const r = typeof t == "number" && t < 0 || typeof t == "bigint" && t < 0n ? "-" : "", f = typeof t == "number" ? F(Math.abs(t)) : E.abs(t), u = f < A && f > 0n, a = u ? "0.01" : b(f, g, e), o = `${r}$${a}`;
   return u ? `< ${o}` : o;
 }
-const O = 1e4;
-function l(t, r, i = !0) {
-  const n = typeof t == "number" ? t : Number(t);
-  return Number.isNaN(n) || n === void 0 || n === null ? "0" : n === 0 ? 0 : i && n > O ? n.toExponential(r) : n.toFixed(r);
+const C = 1e3, P = [
+  { div: 1e12, suffix: "T" },
+  { div: 1e9, suffix: "B" },
+  { div: 1e6, suffix: "M" },
+  { div: 1e3, suffix: "K" }
+];
+function _(t) {
+  return t.replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "");
 }
-function V(t, r = 2) {
-  return `${l(t, r)}%`;
+function d(t, e) {
+  for (const { div: i, suffix: r } of P)
+    if (t >= i)
+      return `${_((t / i).toFixed(e))}${r}`;
+  return t.toFixed(e);
 }
-function W(t, r = 2) {
-  const i = Number(t) / Number(A);
-  return `${l(i, r)}%`;
+function B(t, e = 2) {
+  return !Number.isFinite(t) || t === 0 ? "0%" : `${t < 0 ? "-" : ""}${d(Math.abs(t), e)}%`;
+}
+function D(t, e, i = !0) {
+  const r = typeof t == "number" ? t : Number(t);
+  return Number.isNaN(r) || r === void 0 || r === null ? "0" : r === 0 ? 0 : i && Math.abs(r) >= C ? `${r < 0 ? "-" : ""}${d(Math.abs(r), e)}` : r.toFixed(e);
+}
+function W(t, e = 2) {
+  return B(t, e);
+}
+function w(t, e = 2) {
+  const i = Number(t) / Number(h);
+  return `${D(i, e)}%`;
 }
 const c = {
   minimumFractionDigits: 2,
@@ -36,42 +53,43 @@ const c = {
   minExponentialThreshold: 1e-4,
   maxExponentialThreshold: 1e6,
   locale: "en-US"
-}, X = ({
+}, Y = ({
   amount: t,
-  format: r = "full",
+  format: e = "full",
   maximumFractionDigits: i = c.maximumFractionDigits,
-  minimumFractionDigits: n = c.minimumFractionDigits,
-  decimalPrecision: s = c.decimalPrecision,
+  minimumFractionDigits: r = c.minimumFractionDigits,
+  decimalPrecision: f = c.decimalPrecision,
   minDecimalThreshold: u = c.minDecimalThreshold,
-  minExponentialThreshold: f = c.minExponentialThreshold,
+  minExponentialThreshold: a = c.minExponentialThreshold,
   maxExponentialThreshold: o = c.maxExponentialThreshold,
-  locale: N = c.locale
+  locale: l = c.locale
 }) => {
-  const m = typeof t == "bigint" ? Number(h(t, 8)) : t, e = Math.abs(m);
-  if (r === "short") {
-    const T = m < 0 ? "-" : "", a = (p, d) => {
-      const b = p >= 100 ? 0 : i, E = p.toFixed(b).replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "");
-      return `${T}${E}${d}`;
+  const s = typeof t == "bigint" ? Number(x(t, 8)) : t, n = Math.abs(s);
+  if (e === "short") {
+    const T = s < 0 ? "-" : "", m = (p, N) => {
+      const $ = p >= 100 ? 0 : i, M = p.toFixed($).replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "");
+      return `${T}${M}${N}`;
     };
-    if (e >= 1e9 && e <= o)
-      return a(e / 1e9, "B");
-    if (e >= 1e6 && e <= o)
-      return a(e / 1e6, "M");
-    if (e >= 1e3 && e <= o)
-      return a(e / 1e3, "K");
-    if (e > o)
-      return a(e / o, "M+");
+    if (n >= 1e9 && n <= o)
+      return m(n / 1e9, "B");
+    if (n >= 1e6 && n <= o)
+      return m(n / 1e6, "M");
+    if (n >= 1e3 && n <= o)
+      return m(n / 1e3, "K");
+    if (n > o)
+      return m(n / o, "M+");
   }
-  return e > o && r === "full" ? `${(m / c.maxExponentialThreshold).toFixed(n)}M` : e < f && e > 0 ? m.toFixed(Math.max(10, i)) : e < u && e > 0 ? m.toPrecision(s) : m.toLocaleString(N, {
-    minimumFractionDigits: n,
+  return n > o && e === "full" ? `${(s / c.maxExponentialThreshold).toFixed(r)}M` : n < a && n > 0 ? s.toFixed(Math.max(10, i)) : n < u && n > 0 ? s.toPrecision(f) : s.toLocaleString(l, {
+    minimumFractionDigits: r,
     maximumFractionDigits: i
   });
 };
 export {
   c as DEFAULT_FORMAT_MONEY_CONSTANTS,
-  U as formatMoney,
-  X as formatMoneyAmount,
-  l as formatPercentAmount,
-  V as percentTemplate,
-  W as percentageTemplate
+  B as formatCompactPercent,
+  V as formatMoney,
+  Y as formatMoneyAmount,
+  D as formatPercentAmount,
+  W as percentTemplate,
+  w as percentageTemplate
 };

package/dist/esm/utils/index.js

@@ -1,107 +1,113 @@
 import { generateId as r, useFormFieldIds as t } from "./a11y.js";
 import { pointProgramsOf as m, positiveTokenRewardsOf as n, tokenRewardsOf as i, totalApyOf as p } from "./apy-breakdown.js";
 import { bnToInputView as l } from "./bn-to-input-view.js";
-import { bnToPrettyView as T } from "./bn-to-pretty-view.js";
+import { bnToPrettyView as x } from "./bn-to-pretty-view.js";
 import { bpsToPercent as c } from "./bps.js";
 import { cn as S, cn as d } from "./cn.js";
-import { generateColorsFromBase as h, getCSSVariable as b, hexToRgba as A, hslToHex as I, resolveCSSColor as N } from "./colors.js";
-import { copyToClipboard as P } from "./copy.js";
-import { convertPercent as y, formatBytecodeSize as w, formatBytecodeVersion as L, formatTimestamp as C, shortenHash as F, significantTrunc as D } from "./format.js";
+import { generateColorsFromBase as h, getCSSVariable as v, hexToRgba as P, hslToHex as b, resolveCSSColor as A } from "./colors.js";
+import { copyToClipboard as N } from "./copy.js";
+import { convertPercent as L, formatBytecodeSize as y, 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 { formatMoney as M, formatMoneyAmount as R, formatPercentAmount as _, percentTemplate as E, percentageTemplate as H } from "./format-money.js";
-import { FORMAT_CONSTANTS as Z, formatNumberWithSuffix as z, formatPrice as U, getAdaptiveDecimals as X, isBelowDisplayThreshold as q, isEffectivelyZero as j, toSignificantDigits as G } from "./format-number.js";
-import { slippageTemplate as K } from "./format-slippage.js";
-import { allLoaded as Y, loadingProgress as $, round5 as ee } from "./loading.js";
-import { decimalsToStep as re, findClosestPoint as te, formatWithDecimals as ae, formatWithoutDecimals as me, splitInterval as ne, validateMinMax as ie } from "./math.js";
-import { getNetworkIcon as fe } from "./network-icons.js";
-import { bnToLiquidationPriceView as se, isPositiveFloat as Te, parseInputToBN as xe, parseSmallNumber as ce } from "./parse-input-to-bn.js";
-import { pluralize as Se, selectPluralString as de } from "./plural.js";
-import { getAvailableRanges as he } from "./ranges.js";
-import { extractTextFromLabel as Ae, serializeValue as Ie } from "./react.js";
-import { searchInString as ke } from "./search.js";
-import { createTokenSearchFilter as ve, searchInToken as ye } from "./search-in-token.js";
-import { shortSHA as Le } from "./short-sha.js";
-import { isLongString as Fe, shortenString as De } from "./shorten-string.js";
-import { negativeTokenTemplate as Ve, tokenTemplate as Be, tokenTemplateNumber as Me, tokenTemplateString as Re } from "./templates.js";
-import { getTokenIcon as Ee, parseShareTokenUnderlying as He } from "./token-icon-source.js";
-import { TTL_CONSTANTS as Ze, getTTLZones as ze, ttlFromTimestamp as Ue, ttlLeft as Xe, ttlLeftHuman as qe } from "./ttl.js";
-import { openInNewWindow as Ge } from "./window.js";
-import { Z_INDEX as Ke, Z_INDEX_VALUES as Qe } from "./z-index.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 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";
+import { decimalsToStep as pe, findClosestPoint as fe, formatWithDecimals as le, formatWithoutDecimals as se, splitInterval as xe, validateMinMax as Te } from "./math.js";
+import { getNetworkIcon as ge } from "./network-icons.js";
+import { bnToLiquidationPriceView as de, isPositiveFloat as ue, parseInputToBN as he, parseSmallNumber as ve } from "./parse-input-to-bn.js";
+import { pluralize as be, selectPluralString as Ae } from "./plural.js";
+import { getAvailableRanges as Ne } from "./ranges.js";
+import { extractTextFromLabel as Le, serializeValue as ye } 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 Be } from "./short-sha.js";
+import { isLongString as Re, shortenString as _e } from "./shorten-string.js";
+import { negativeTokenTemplate as He, tokenTemplate as We, tokenTemplateNumber as Ze, tokenTemplateString as ze } from "./templates.js";
+import { getTokenIcon as Xe, parseShareTokenUnderlying as qe } from "./token-icon-source.js";
+import { TTL_CONSTANTS as Ge, getTTLZones as Je, ttlFromTimestamp as Ke, ttlLeft as Qe, ttlLeftHuman as Ye } from "./ttl.js";
+import { openInNewWindow as eo } from "./window.js";
+import { Z_INDEX as ro, Z_INDEX_VALUES as to } from "./z-index.js";
 export {
-  Z as FORMAT_CONSTANTS,
-  Ze as TTL_CONSTANTS,
-  Ke as Z_INDEX,
-  Qe as Z_INDEX_VALUES,
-  Y as allLoaded,
+  X as FORMAT_CONSTANTS,
+  Ge as TTL_CONSTANTS,
+  ro as Z_INDEX,
+  to as Z_INDEX_VALUES,
+  ae as allLoaded,
   l as bnToInputView,
-  se as bnToLiquidationPriceView,
-  T as bnToPrettyView,
+  de as bnToLiquidationPriceView,
+  x as bnToPrettyView,
   c as bpsToPercent,
   S as cn,
-  y as convertPercent,
-  P as copyToClipboard,
-  ve as createTokenSearchFilter,
-  re as decimalsToStep,
+  L as convertPercent,
+  N as copyToClipboard,
+  De as createTokenSearchFilter,
+  pe as decimalsToStep,
   d as default,
-  Ae as extractTextFromLabel,
-  te as findClosestPoint,
+  Le as extractTextFromLabel,
+  fe as findClosestPoint,
   V as formatAssetAmount,
-  w as formatBytecodeSize,
-  L as formatBytecodeVersion,
-  M as formatMoney,
-  R as formatMoneyAmount,
-  z as formatNumberWithSuffix,
-  _ as formatPercentAmount,
-  U as formatPrice,
-  C as formatTimestamp,
-  ae as formatWithDecimals,
-  me as formatWithoutDecimals,
+  y as formatBytecodeSize,
+  C as formatBytecodeVersion,
+  oe as formatChipLeverage,
+  _ as formatCompactPercent,
+  M as formatLeverage,
+  E as formatMoney,
+  H as formatMoneyAmount,
+  q as formatNumberWithSuffix,
+  W as formatPercentAmount,
+  j as formatPrice,
+  w as formatTimestamp,
+  le as formatWithDecimals,
+  se as formatWithoutDecimals,
   h as generateColorsFromBase,
   r as generateId,
-  X as getAdaptiveDecimals,
-  he as getAvailableRanges,
-  b as getCSSVariable,
-  fe as getNetworkIcon,
-  ze as getTTLZones,
-  Ee as getTokenIcon,
-  A as hexToRgba,
-  I as hslToHex,
-  q as isBelowDisplayThreshold,
-  j as isEffectivelyZero,
-  Fe as isLongString,
-  Te as isPositiveFloat,
-  $ as loadingProgress,
-  Ve as negativeTokenTemplate,
-  Ge as openInNewWindow,
-  xe as parseInputToBN,
-  He as parseShareTokenUnderlying,
-  ce as parseSmallNumber,
-  E as percentTemplate,
-  H as percentageTemplate,
-  Se as pluralize,
+  G as getAdaptiveDecimals,
+  Ne as getAvailableRanges,
+  v as getCSSVariable,
+  ge as getNetworkIcon,
+  Je as getTTLZones,
+  Xe as getTokenIcon,
+  P as hexToRgba,
+  b as hslToHex,
+  J as isBelowDisplayThreshold,
+  K as isEffectivelyZero,
+  Re as isLongString,
+  ue as isPositiveFloat,
+  re as leveragePresets,
+  me as loadingProgress,
+  He as negativeTokenTemplate,
+  eo as openInNewWindow,
+  he as parseInputToBN,
+  qe as parseShareTokenUnderlying,
+  ve as parseSmallNumber,
+  Z as percentTemplate,
+  z as percentageTemplate,
+  be as pluralize,
   m as pointProgramsOf,
   n as positiveTokenRewardsOf,
-  N as resolveCSSColor,
-  ee as round5,
-  ke as searchInString,
-  ye as searchInToken,
-  de as selectPluralString,
-  Ie as serializeValue,
-  Le as shortSHA,
+  A as resolveCSSColor,
+  ne as round5,
+  we as searchInString,
+  Oe as searchInToken,
+  Ae as selectPluralString,
+  ye as serializeValue,
+  Be as shortSHA,
   F as shortenHash,
-  De as shortenString,
+  _e as shortenString,
   D as significantTrunc,
-  K as slippageTemplate,
-  ne as splitInterval,
-  G as toSignificantDigits,
+  $ as slippageTemplate,
+  xe as splitInterval,
+  Q as toSignificantDigits,
   i as tokenRewardsOf,
-  Be as tokenTemplate,
-  Me as tokenTemplateNumber,
-  Re as tokenTemplateString,
+  We as tokenTemplate,
+  Ze as tokenTemplateNumber,
+  ze as tokenTemplateString,
   p as totalApyOf,
-  Ue as ttlFromTimestamp,
-  Xe as ttlLeft,
-  qe as ttlLeftHuman,
+  Ke as ttlFromTimestamp,
+  Qe as ttlLeft,
+  Ye as ttlLeftHuman,
   t as useFormFieldIds,
-  ie as validateMinMax
+  Te as validateMinMax
 };

package/dist/esm/utils/leverage-presets.js

@@ -0,0 +1,13 @@
+function n(e) {
+  const r = (t) => Math.round(t * 2) / 2;
+  return [
+    .../* @__PURE__ */ new Set([r(1 + 0.3 * (e - 1)), r(1 + 0.7 * (e - 1)), e])
+  ];
+}
+function o(e) {
+  return e.toFixed(2).replace(/\.?0+$/, "");
+}
+export {
+  o as formatChipLeverage,
+  n as leveragePresets
+};