@gearbox-protocol/ui-kit 4.0.0-next.63 → 4.0.0-next.65

package/dist/esm/components/base/leverage-input/leverage-input.js

@@ -8,59 +8,59 @@ import { TextButton as O } from "../../text-button/text-button.js";
 import { SimpleTooltip as R } from "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
 import { useIntlTyped as _, FormattedMessageTyped as b } from "../../typed-intl/index.js";
-import { cn as B } from "../../../utils/cn.js";
-import { formatLeverage as T } from "../../../utils/format-leverage.js";
+import { cn as A } from "../../../utils/cn.js";
+import { formatLeverageExact as T } from "../../../utils/format-leverage.js";
 import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import { LeverageInputTest as l } from "./constants.js";
-const o = 100, D = 10, P = {
+const n = 100, B = 10, D = 10, P = {
   sm: "text-[14px] mb-[14px]",
   default: "text-body mb-[18px]",
   md: "text-lg mb-[22px]",
   lg: "text-[21px] mb-[22px]"
 };
 function z({
-  title: n,
+  title: r,
   children: a,
-  size: r = "default"
+  size: o = "default"
 }) {
   return /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ t("div", { className: B("font-medium text-foreground", P[r]), children: n }),
+    /* @__PURE__ */ t("div", { className: A("font-medium text-foreground", P[o]), children: r }),
     a !== void 0 && /* @__PURE__ */ t("div", { children: a })
   ] });
 }
 function re({
-  value: n,
+  value: r,
   onChange: a,
-  max: r,
+  max: o,
   min: m = 1,
-  title: d,
-  hint: c,
+  title: c,
+  hint: d,
   reset: i,
-  colorIntervals: N,
-  colorIntervalLabel: E,
-  size: w = "sm"
+  colorIntervals: E,
+  colorIntervalLabel: N,
+  size: S = "sm"
 }) {
-  const S = _(), L = V(), p = N ?? [], C = E ?? (p.length > 0 ? S.formatMessage({
+  const w = _(), L = V(), p = E ?? [], C = N ?? (p.length > 0 ? w.formatMessage({
     messageId: "components.leverageInput.available"
-  }) : void 0), [M, u] = h(void 0), [f, x] = h(""), g = M ?? n, v = (e) => {
-    a(A(e, m, r)), u(void 0);
+  }) : void 0), [M, u] = h(void 0), [f, x] = h(""), g = M ?? r, v = (e) => {
+    a(G(e, m, o)), u(void 0);
   }, k = () => {
     const e = Number.parseFloat(f.replace(",", "."));
     Number.isFinite(e) && v(e);
   }, y = p.map((e) => ({
     ...e,
-    start: e.start * o,
-    end: e.end * o
+    start: e.start * n,
+    end: e.end * n
   }));
   return /* @__PURE__ */ t("div", { "data-testid": l.root, children: /* @__PURE__ */ t(
     z,
     {
-      size: w,
+      size: S,
       title: /* @__PURE__ */ s(I, { direction: "row", align: "center", justify: "between", gap: "sm", children: [
         /* @__PURE__ */ s("span", { className: "font-normal", children: [
-          d !== void 0 ? L(d) : /* @__PURE__ */ t(b, { messageId: "components.leverageInput.label" }),
-          c ? /* @__PURE__ */ t("span", { className: "text-muted-foreground ml-1", children: c }) : null
+          c !== void 0 ? L(c) : /* @__PURE__ */ t(b, { messageId: "components.leverageInput.label" }),
+          d ? /* @__PURE__ */ t("span", { className: "text-muted-foreground ml-1", children: d }) : null
         ] }),
         /* @__PURE__ */ s(I, { direction: "row", align: "center", gap: "sm", children: [
           /* @__PURE__ */ t("div", { className: "flex w-[90px] flex-row flex-nowrap items-center", children: /* @__PURE__ */ t(
@@ -74,7 +74,7 @@ function re({
               },
               "data-testid": l.value,
               onEditModeChange: (e) => {
-                e && x(T(n));
+                e && x(T(r));
               },
               onChange: (e) => x(e.target.value),
               onSubmit: k
@@ -105,23 +105,23 @@ function re({
       children: /* @__PURE__ */ t(
         F,
         {
-          from: m * o,
-          to: r * o,
-          precision: o,
-          value: g * o,
+          from: m * n,
+          to: o * n,
+          precision: B,
+          value: g * n,
           colorIntervals: y,
           colorIntervalLabel: C,
-          markerStep: r > D ? 200 : 100,
+          markerStep: o > D ? 200 : 100,
           "data-testid": l.slider,
-          onChangeValue: (e) => u(e / o),
-          onSubmitValue: (e) => v(e / o)
+          onChangeValue: (e) => u(e / n),
+          onSubmitValue: (e) => v(e / n)
         }
       )
     }
   ) });
 }
-function A(n, a, r) {
-  return Math.min(Math.max(n, a), r);
+function G(r, a, o) {
+  return Math.min(Math.max(r, a), o);
 }
 export {
   re as LeverageInput,

package/dist/esm/components/base/leverage-preset-chips/leverage-preset-chips.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as m } from "react/jsx-runtime";
-import { formatChipLeverage as g } from "./format-chip-leverage.js";
-import { SegmentedTabs as d } from "../segmented-tabs/segmented-tabs.js";
-import { FormattedMessageTyped as l } from "../../typed-intl/index.js";
+import { SegmentedTabs as g } from "../segmented-tabs/segmented-tabs.js";
+import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
+import { formatLeverage as l } from "../../../utils/format-leverage.js";
 import { LeveragePresetChipsTest as s } from "./constants.js";
 function u({
   options: e,
@@ -16,13 +16,13 @@ function u({
       className: "flex items-center gap-2",
       "data-testid": s.root,
       children: [
-        /* @__PURE__ */ m("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ m(l, { messageId: "components.leveragePresetChips.label" }) }),
+        /* @__PURE__ */ m("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ m(d, { messageId: "components.leveragePresetChips.label" }) }),
         /* @__PURE__ */ m(
-          d,
+          g,
           {
             items: e.map((t) => ({
               id: String(t),
-              item: `${g(t)}×`,
+              item: `${l(t)}×`,
               testId: s.chip
             })),
             activeTab: i,

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

@@ -1,11 +1,11 @@
 import { jsxs as A, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { calcNetStrategyApy as x, calcEffectiveBorrowApy as D } from "@gearbox-protocol/sdk/onchain";
-import { ApyBreakdownBody as P, formatBreakdownRate as i, ApyBreakdownRow as v, periodMessageId as k, ApyBreakdownDivider as q, BREAKDOWN_DASH as O } from "../apy-breakdown-body/apy-breakdown-body.js";
-import { NoValue as b } from "../../no-value/no-value.js";
-import { PointsIcon as S } from "../../points-icon/points-icon.js";
-import { TokenIcon as L } from "../../token-icon/token-icon.js";
+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 { formatLeverage as p } from "../../../utils/format-leverage.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) {
@@ -16,28 +16,28 @@ function z(m) {
     liquidationThreshold: r
   };
 }
-function Q({
+function U({
   data: m,
   leverage: t,
   showFormula: d = !1,
   period: r
 }) {
-  const a = z(m), l = a && m.collateralApyAvg7D ? m.collateralApyAvg7D : void 0, f = a !== null && l !== void 0, g = f && a && l ? {
-    organicApy: x(
+  const a = z(m), l = a && m.collateralApyAvg7D ? m.collateralApyAvg7D : void 0, b = a !== null && l !== void 0, g = b && a && l ? {
+    organicApy: R(
       a,
       l.organicApy,
       t
     ),
-    totalApy: x(
+    totalApy: R(
       a,
       l.totalApy ?? l.organicApy,
       t
     ),
     ...l.rewards ? { rewards: l.rewards } : {}
-  } : null, c = f && a ? D(a, t) : null, u = g === null ? null : M(g), I = u === null || c === null ? null : u + c, N = l ? $(l) : [], B = l ? j(l) : [], T = N.map((o) => ({
+  } : 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, R = a && c !== null && t > 0 ? (c - a.borrowApy * (t - 1)) / t : void 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,
     {
@@ -45,15 +45,15 @@ function Q({
       title: /* @__PURE__ */ e(
         s,
         {
-          messageId: k(
+          messageId: f(
             r,
             "components.yieldBreakdown.titleNetAtLeverage",
             "components.yieldBreakdown.titleNetAtLeverage7d"
           ),
-          values: { leverage: p(t) }
+          values: { leverage: E(t) }
         }
       ),
-      chip: u === null ? /* @__PURE__ */ e(b, { reason: r }) : i(u),
+      chip: u === null ? /* @__PURE__ */ e(k, { reason: r }) : i(u),
       chipPositive: (u ?? 0) > 0,
       chipTestId: n.net,
       children: [
@@ -66,20 +66,20 @@ function Q({
             label: /* @__PURE__ */ e(
               s,
               {
-                messageId: k(
+                messageId: f(
                   r,
                   "components.yieldBreakdown.collateralApy",
                   "components.yieldBreakdown.collateralApy7d"
                 )
               }
             ),
-            value: y === null ? /* @__PURE__ */ e(b, { reason: r }) : i(y),
+            value: y === null ? /* @__PURE__ */ e(k, { reason: r }) : i(y),
             subtext: d && h !== void 0 ? /* @__PURE__ */ e(
               s,
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
-                  leverage: p(t),
+                  leverage: c(t),
                   base: i(h)
                 }
               }
@@ -100,7 +100,7 @@ function Q({
                 }
               ) }),
               /* @__PURE__ */ e(
-                L,
+                S,
                 {
                   token: o.token,
                   symbol: o.token.symbol,
@@ -115,7 +115,7 @@ function Q({
               {
                 messageId: "components.strategyApyBreakdownCard.formula",
                 values: {
-                  leverage: p(t),
+                  leverage: c(t),
                   base: i(o.supplyApr ?? 0)
                 }
               }
@@ -133,24 +133,24 @@ function Q({
             label: /* @__PURE__ */ e(
               s,
               {
-                messageId: k(
+                messageId: f(
                   r,
                   "components.yieldBreakdown.borrowRate",
                   "components.yieldBreakdown.borrowRate7d"
                 )
               }
             ),
-            value: c === null ? /* @__PURE__ */ e(b, { reason: r }) : i(-c),
-            subtext: d && a && R !== void 0 ? /* @__PURE__ */ e(
+            value: p === null ? /* @__PURE__ */ e(k, { reason: r }) : i(-p),
+            subtext: d && a && x !== void 0 ? /* @__PURE__ */ e(
               s,
               {
                 messageId: "components.strategyApyBreakdownCard.borrowFormula",
                 values: {
-                  leverage: p(t),
+                  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 + R),
+                  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.
@@ -176,7 +176,7 @@ function Q({
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  S,
+                  O,
                   {
                     reward: { name: o.name, type: o.id },
                     size: 16,
@@ -184,14 +184,14 @@ function Q({
                   }
                 )
               ] }),
-              value: o.multiplier != null ? `${p(o.multiplier * t)}×` : O,
+              value: o.multiplier != null ? `${c(o.multiplier * t)}×` : L,
               subtext: d && o.multiplier != null ? /* @__PURE__ */ e(
                 s,
                 {
                   messageId: "components.strategyApyBreakdownCard.formula",
                   values: {
-                    leverage: p(t),
-                    base: p(o.multiplier)
+                    leverage: c(t),
+                    base: c(o.multiplier)
                   }
                 }
               ) : void 0
@@ -204,6 +204,6 @@ function Q({
   );
 }
 export {
-  Q as StrategyApyBreakdownCard,
+  U as StrategyApyBreakdownCard,
   n as StrategyApyBreakdownCardTest
 };