@gearbox-protocol/ui-kit 3.14.0-next.34 → 3.14.0-next.35

package/dist/esm/components/composites/tx-preview/operations/OperationsCard.js

@@ -50,6 +50,7 @@ import "../../../input/input.js";
 import "../../../with-title/with-title.js";
 import "../../../smart-number-input/balance-indicator.js";
 import "../../../smart-number-input/smart-number-input.js";
+import "../../credit-account-history/credit-account-history.js";
 import "../../../table/grid-table.js";
 import "../../../token-symbol/token-symbol.js";
 import "../../../typography/typography.js";
@@ -181,7 +182,7 @@ function l(o) {
       return o.operation;
   }
 }
-function Ct({
+function Pt({
   sdk: o,
   transaction: r,
   wallet: i
@@ -189,6 +190,6 @@ function Ct({
   return n(r) ? /* @__PURE__ */ t(m, { value: "operations", title: l(r), children: /* @__PURE__ */ t(e, { sdk: o, operation: r, wallet: i }) }) : null;
 }
 export {
-  Ct as OperationsCard,
+  Pt as OperationsCard,
   n as hasOperationView
 };

package/dist/esm/components/composites/tx-preview/operations/PoolDepositView.js

@@ -50,6 +50,7 @@ import "../../../input/input.js";
 import "../../../with-title/with-title.js";
 import "../../../smart-number-input/balance-indicator.js";
 import "../../../smart-number-input/smart-number-input.js";
+import "../../credit-account-history/credit-account-history.js";
 import "../../../table/grid-table.js";
 import "../../../token-symbol/token-symbol.js";
 import "../../../typography/typography.js";
@@ -171,7 +172,7 @@ import { TransferList as u } from "../components/TransferList.js";
 import { buildPoolOperationLabels as v } from "../utils/addressLabels.js";
 import { resolveToken as m } from "../utils/poolTokenInfo.js";
 import { PoolRow as b } from "./PoolRow.js";
-function Vt({
+function Dt({
   sdk: t,
   operation: r,
   wallet: i
@@ -199,5 +200,5 @@ function Vt({
   ] });
 }
 export {
-  Vt as PoolDepositView
+  Dt as PoolDepositView
 };

package/dist/esm/components/composites/tx-preview/operations/PoolWithdrawView.js

@@ -49,6 +49,7 @@ import "../../../input/input.js";
 import "../../../with-title/with-title.js";
 import "../../../smart-number-input/balance-indicator.js";
 import "../../../smart-number-input/smart-number-input.js";
+import "../../credit-account-history/credit-account-history.js";
 import "../../../table/grid-table.js";
 import "../../../token-symbol/token-symbol.js";
 import "../../../typography/typography.js";
@@ -171,7 +172,7 @@ import { TransferList as d } from "../components/TransferList.js";
 import { buildPoolOperationLabels as w } from "../utils/addressLabels.js";
 import { resolveToken as p } from "../utils/poolTokenInfo.js";
 import { PoolRow as c } from "./PoolRow.js";
-function gm({
+function km({
   sdk: m,
   operation: r,
   wallet: e
@@ -193,5 +194,5 @@ function gm({
   ] });
 }
 export {
-  gm as PoolWithdrawView
+  km as PoolWithdrawView
 };

package/dist/esm/components/composites/tx-preview/state-change/BalanceChangeGroup.js

@@ -49,6 +49,7 @@ import "../../../input/input.js";
 import "../../../with-title/with-title.js";
 import "../../../smart-number-input/balance-indicator.js";
 import "../../../smart-number-input/smart-number-input.js";
+import "../../credit-account-history/credit-account-history.js";
 import "../../../table/grid-table.js";
 import "../../../token-symbol/token-symbol.js";
 import "../../../typography/typography.js";
@@ -168,7 +169,7 @@ import "../../../with-filter-button/with-filter-button.js";
 import { getAddressLabel as a } from "../components/addressLabel.js";
 import { SectionDivider as l } from "../components/SectionDivider.js";
 import { BalanceChangeRow as n } from "./BalanceChangeRow.js";
-function vi({
+function ji({
   sdk: m,
   group: o,
   labels: p
@@ -180,5 +181,5 @@ function vi({
   ] });
 }
 export {
-  vi as BalanceChangeGroup
+  ji as BalanceChangeGroup
 };

package/dist/esm/components/composites/tx-preview/state-change/StateChangeCard.js

@@ -51,6 +51,7 @@ import "../../../input/input.js";
 import "../../../with-title/with-title.js";
 import "../../../smart-number-input/balance-indicator.js";
 import "../../../smart-number-input/smart-number-input.js";
+import "../../credit-account-history/credit-account-history.js";
 import "../../../table/grid-table.js";
 import "../../../token-symbol/token-symbol.js";
 import "../../../typography/typography.js";
@@ -170,7 +171,7 @@ import "../../../with-filter-button/with-filter-button.js";
 import { CollapsibleCard as p } from "../components/CollapsibleCard.js";
 import { PoolStateChangeCard as f } from "./PoolStateChangeCard.js";
 const m = "state-change", e = "State changes", h = "Transaction will revert";
-function xo({
+function Ao({
   sdk: n,
   data: o,
   simulation: t,
@@ -195,5 +196,5 @@ function xo({
   ) }) : null;
 }
 export {
-  xo as StateChangeCard
+  Ao as StateChangeCard
 };

package/dist/esm/components/compound-apy/compound-apy.js

@@ -53,6 +53,7 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../composites/credit-account-history/credit-account-history.js";
 import "../table/grid-table.js";
 import { getSymbolOrIcon as R } from "../token-symbol/token-symbol.js";
 import "../typography/typography.js";
@@ -174,7 +175,7 @@ function O(r, m) {
   const n = r?.symbol || m;
   return n === "GEAR" ? { icon: Z("/logo/logo_symbol.png") } : R(r) || n;
 }
-function Kr({
+function Qr({
   totalAPY: r,
   totalAPYLoading: m,
   baseAPY: n,
@@ -276,6 +277,6 @@ function Kr({
   ) : v();
 }
 export {
-  Kr as CompoundAPY,
+  Qr as CompoundAPY,
   O as getRewardTokenSymbol
 };

package/dist/esm/components/detailed-page-title/detailed-page-title.js

@@ -48,6 +48,7 @@ import "../input/input.js";
 import "../with-title/with-title.js";
 import "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
+import "../composites/credit-account-history/credit-account-history.js";
 import "../table/grid-table.js";
 import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
 import "../typography/typography.js";

package/dist/esm/components/graph/formatters.js

@@ -1,12 +1,12 @@
 import { TickMarkType as g } from "lightweight-charts";
 import { DateTime as S } from "luxon";
-import { isBelowDisplayThreshold as x, FORMAT_CONSTANTS as X, toSignificantDigits as k, formatNumberWithSuffix as L } from "../../utils/format-number.js";
-const { MIN_DISPLAY_THRESHOLD: h, MAX_EXPONENTIAL_THRESHOLD: I } = X, P = (t, e, o = "full") => {
+import { isBelowDisplayThreshold as x, FORMAT_CONSTANTS as X, toSignificantDigits as L, formatNumberWithSuffix as k } from "../../utils/format-number.js";
+const { MIN_DISPLAY_THRESHOLD: M, MAX_EXPONENTIAL_THRESHOLD: I } = X, P = (t, e, o = "full") => {
   if (x(t))
-    return e ? `<${h}${e}` : `<${h}`;
+    return e ? `<${M}${e}` : `<${M}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const r = L(t, {
+  const r = k(t, {
     maxExponentialThreshold: I,
     minimumFractionDigits: 0,
     maximumFractionDigits: o === "short" ? 1 : 0,
@@ -16,34 +16,34 @@ const { MIN_DISPLAY_THRESHOLD: h, MAX_EXPONENTIAL_THRESHOLD: I } = X, P = (t, e,
   return e ? `${r}${e}` : r;
 }, U = 2, p = (t, e) => {
   if (x(t))
-    return e ? `<${h}${e}` : `<${h}`;
+    return e ? `<${M}${e}` : `<${M}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const o = k(t, U);
+  const o = L(t, U);
   return e ? `${o}${e}` : o;
 }, C = 4, w = (t) => {
   if (x(t))
-    return `<${h}`;
+    return `<${M}`;
   if (t === 0)
     return "0";
   const e = Math.round(t), o = Math.abs(t - e);
-  return o > 0 && o < 0.01 ? t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "") : k(t, C);
+  return o > 0 && o < 0.01 ? t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "") : L(t, C);
 }, G = (t, e) => {
   if (x(t))
-    return e ? `<${h} ${e}` : `<${h}`;
+    return e ? `<${M} ${e}` : `<${M}`;
   if (t === 0)
     return e ? `0 ${e}` : "0";
-  const o = Number.isInteger(t), r = Math.abs(t), s = o && r >= 1e3, i = Math.round(t), a = Math.abs(t - i);
-  if (a > 0 && a < 0.01 && !s) {
+  const o = Number.isInteger(t), r = Math.abs(t), i = o && r >= 1e3, s = Math.round(t), a = Math.abs(t - s);
+  if (a > 0 && a < 0.01 && !i) {
     const $ = t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "");
     return e ? `${$} ${e}` : $;
   }
-  const F = L(t, {
+  const F = k(t, {
     maxExponentialThreshold: I,
     minimumFractionDigits: o ? 0 : 2,
-    maximumFractionDigits: s ? 1 : o ? 0 : 2,
-    format: s ? "short" : "full",
-    adaptiveDecimals: s
+    maximumFractionDigits: i ? 1 : o ? 0 : 2,
+    format: i ? "short" : "full",
+    adaptiveDecimals: i
   });
   return e ? `${F} ${e}` : F;
 }, N = {
@@ -55,41 +55,41 @@ const { MIN_DISPLAY_THRESHOLD: h, MAX_EXPONENTIAL_THRESHOLD: I } = X, P = (t, e,
 function Z(t, e, o = 4) {
   if (t === 0)
     return e ? `0 ${e}` : "0";
-  const r = e && Math.abs(t) >= 1e3 ? 0 : o, s = t.toLocaleString("en-US", {
+  const r = e && Math.abs(t) >= 1e3 ? 0 : o, i = t.toLocaleString("en-US", {
     minimumFractionDigits: 0,
     maximumFractionDigits: r
   });
-  return e ? `${s} ${e}` : s;
+  return e ? `${i} ${e}` : i;
 }
 function v(t, e, o) {
   const r = o?.yScaleMin;
-  let s = t.length > 0 ? Math.min(...t) : 0, i = t.length > 0 ? Math.max(...t) : 0, a = [];
+  let i = t.length > 0 ? Math.min(...t) : 0, s = t.length > 0 ? Math.max(...t) : 0, a = [];
   const u = () => {
-    const n = (s + i) / 2;
+    const n = (i + s) / 2;
     let c = 1, m = "";
     return n >= 1e9 ? (c = 1e9, m = "B") : n >= 1e6 ? (c = 1e6, m = "M") : n >= 1e3 && (c = 1e3, m = "K"), { scale: c, suffix: m };
   }, F = 8, $ = 0.02;
   let A = 0;
   const E = (n, c, m, d) => {
-    const M = (c > 1 ? n / c : n).toLocaleString("en-US", {
+    const h = (c > 1 ? n / c : n).toLocaleString("en-US", {
       minimumFractionDigits: 0,
       maximumFractionDigits: d,
       useGrouping: !1
     });
-    return c > 1 ? `${M}${m}` : M;
+    return c > 1 ? `${h}${m}` : h;
   }, R = (n, c, m) => {
     for (let d = 0; d <= F; d++) {
       const l = /* @__PURE__ */ new Set();
-      let M = !0;
+      let h = !0;
       for (const D of n) {
         const f = E(D, c, m, d);
         if (l.has(f)) {
-          M = !1;
+          h = !1;
           break;
         }
         l.add(f);
       }
-      if (M) return d;
+      if (h) return d;
     }
     return F;
   }, O = (n) => {
@@ -101,13 +101,13 @@ function v(t, e, o) {
   return {
     formatter: (n) => O(n),
     tickmarksFormatter: (n) => {
-      const { scale: c, suffix: m } = u(), d = i - s, l = d > 0 ? a.filter(
+      const { scale: c, suffix: m } = u(), d = s - i, l = d > 0 ? a.filter(
         (f) => Math.abs(f) >= d * $
-      ) : a, M = n.filter(
+      ) : a, h = n.filter(
         (f) => f !== 0 && !(r !== void 0 && f < r)
       );
       A = R(
-        [...M, ...l],
+        [...h, ...l],
         c,
         m
       );
@@ -119,54 +119,55 @@ function v(t, e, o) {
       });
     },
     updateVisibleRange: (n) => {
-      n.length > 0 && (s = Math.min(...n), i = Math.max(...n));
+      n.length > 0 && (i = Math.min(...n), s = Math.max(...n));
     },
     updateLastValues: (n) => {
       a = [...n];
     }
   };
 }
-const H = (t) => S.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), Y = (t) => S.fromSeconds(Number(t)).toFormat("HH:mm"), b = (t, e) => p(Number(t), e), _ = {
+const H = (t) => S.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), Y = (t) => S.fromSeconds(Number(t)).toFormat("HH:mm"), V = (t, e) => p(Number(t), e), _ = {
   time: H,
-  "%": b
+  "%": V
 };
-function V(t) {
+function W(t) {
   const e = /* @__PURE__ */ new Map();
-  return (o, r, s) => {
-    const i = S.fromSeconds(Number(o));
+  return (o, r, i) => {
+    const s = S.fromSeconds(Number(o));
     let a;
     if (t === 0)
-      a = i.toFormat("HH:mm");
+      a = s.toFormat("HH:mm");
     else
       switch (r) {
         case g.Year:
-          a = i.toFormat("yyyy");
+          a = s.toFormat("yyyy");
           break;
+        // Month boundaries (1st of a month) are reported as `Month` ticks by
+        // lightweight-charts. Render them the same way as regular day ticks so
+        // the axis reads uniformly ("01 Jul") instead of a stray "Jul 2026".
         case g.Month:
-          a = i.toFormat("MMM yy");
-          break;
         case g.DayOfMonth:
-          a = t > 365 ? i.toFormat("dd MMM yy") : i.toFormat("dd MMM");
+          a = t > 365 ? s.toFormat("dd MMM yyyy") : s.toFormat("dd MMM");
           break;
         case g.Time:
         case g.TimeWithSeconds:
-          a = i.toFormat("HH:mm");
+          a = s.toFormat("HH:mm");
           break;
         default:
-          a = i.toFormat("dd MMM");
+          a = s.toFormat("dd MMM");
       }
     let u = e.get(r);
     return u || (u = /* @__PURE__ */ new Set(), e.set(r, u)), u.has(a) ? " " : (u.add(a), a);
   };
 }
-const W = (t, e) => {
+const b = (t, e) => {
   if (t === "time" && e && e.length > 0) {
-    const r = S.fromSeconds(Number(e[0].time)), s = S.fromSeconds(
+    const r = S.fromSeconds(Number(e[0].time)), i = S.fromSeconds(
       Number(e[e.length - 1].time)
-    ), i = r.hasSame(s, "day"), a = i ? 0 : Math.ceil(s.diff(r, "days").days);
+    ), s = r.hasSame(i, "day"), a = s ? 0 : Math.ceil(i.diff(r, "days").days);
     return {
-      timeFormatter: i ? Y : H,
-      tickMarkFormatter: V(a)
+      timeFormatter: s ? Y : H,
+      tickMarkFormatter: W(a)
     };
   }
   const o = _[t] || _.time;
@@ -174,11 +175,11 @@ const W = (t, e) => {
     timeFormatter: o,
     tickMarkFormatter: (r) => o(r, void 0)
   };
-}, tt = (t, e) => W(t, e).timeFormatter;
+}, tt = (t, e) => b(t, e).timeFormatter;
 export {
   v as createAdaptiveYAxisFormatter,
   Z as formatExactValue,
   tt as getXFormatter,
-  W as getXFormatters,
+  b as getXFormatters,
   J as getYFormatter
 };