@gearbox-protocol/ui-kit 4.0.0-next.47 → 4.0.0-next.49

package/dist/esm/components/fadeout-loading/fadeout-loading.js

@@ -1,15 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import * as s from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const d = s.forwardRef(
-  ({ className: t, loading: o, duration: a = 100, children: r, style: i, ...m }, p) => /* @__PURE__ */ e(
+  ({ className: t, loading: o, duration: a = 100, children: r, style: i, ...m }, e) => /* @__PURE__ */ p(
     "span",
     {
-      ref: p,
+      ref: e,
       className: n(t),
       style: {
         opacity: o ? 0.5 : 1,

package/dist/esm/components/formatted-number/formatted-number.js

@@ -1,13 +1,11 @@
 import { jsx as n, jsxs as i, Fragment as o } from "react/jsx-runtime";
 import { SimpleTooltip as g } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-function k({
+function S({
   value: t,
   decimalPartLength: r = 4,
   hideZerosIfMore: p = 3,
@@ -54,5 +52,5 @@ function x({ zeroPart: t, repeats: r }) {
   ] });
 }
 export {
-  k as FormattedNumberString
+  S as FormattedNumberString
 };

package/dist/esm/components/graph/default-config.js

@@ -1,22 +1,17 @@
 import { resolveCSSColor as o } from "../../utils/colors.js";
-const l = {
+const r = {
   topColor: "rgba(76, 175, 80, 0.56)",
   bottomColor: "rgba(76, 175, 80, 0.04)",
   lineColor: "#02c39a",
   lineWidth: 2,
   lastValueVisible: !1,
   priceLineVisible: !1
-}, b = {
-  showLabel: !0,
-  color: "#02c39a",
-  labelBackgroundColor: "#02c39a",
-  width: 2
-}, t = 'Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', e = 14, i = 5, n = Math.ceil(e / 2) + 2, c = e + 6, u = 40;
-function g() {
-  const r = o(
+}, a = 'Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', l = 14, t = 5, n = Math.ceil(l / 2) + 2, b = l + 6, c = 40;
+function u() {
+  const e = o(
     "hsl(var(--muted-foreground))",
     "rgb(163, 163, 163)"
-  ), a = o("hsl(var(--card))", "rgb(24, 24, 24)");
+  ), i = o("hsl(var(--card))", "rgb(24, 24, 24)");
   return {
     timeScale: {
       borderVisible: !0,
@@ -35,8 +30,8 @@ function g() {
       borderVisible: !0,
       borderColor: "rgba(224, 227, 235, 0.1)",
       entireTextOnly: !1,
-      tickMarkDensity: i,
-      textColor: r
+      tickMarkDensity: t,
+      textColor: e
     },
     rightPriceScale: {
       visible: !0,
@@ -45,16 +40,16 @@ function g() {
       borderVisible: !0,
       borderColor: "rgba(224, 227, 235, 0.1)",
       entireTextOnly: !1,
-      tickMarkDensity: i,
-      textColor: r
+      tickMarkDensity: t,
+      textColor: e
     },
     layout: {
       background: {
-        color: a
+        color: i
       },
-      textColor: r,
-      fontSize: e,
-      fontFamily: t
+      textColor: e,
+      fontSize: l,
+      fontFamily: a
     },
     crosshair: {
       horzLine: {
@@ -84,77 +79,28 @@ function f() {
   return {
     topColor: "rgba(76, 175, 80, 0.56)",
     bottomColor: "rgba(76, 175, 80, 0.04)",
-    lineColor: l.lineColor,
+    lineColor: r.lineColor,
     lineWidth: 2,
     lastValueVisible: !1,
     priceLineVisible: !1
   };
 }
-function d() {
+function g() {
   return {
     showLabel: !0,
-    color: l.lineColor,
-    labelBackgroundColor: l.lineColor,
+    color: r.lineColor,
+    labelBackgroundColor: r.lineColor,
     width: 2
   };
 }
-const L = {
-  timeScale: {
-    borderVisible: !0,
-    borderColor: "rgba(224, 227, 235, 0.1)",
-    visible: !0,
-    fixLeftEdge: !0,
-    fixRightEdge: !0
-  },
-  rightPriceScale: {
-    visible: !0,
-    autoScale: !0,
-    alignLabels: !0,
-    borderVisible: !0,
-    borderColor: "rgba(224, 227, 235, 0.1)",
-    entireTextOnly: !1
-  },
-  layout: {
-    background: {
-      color: "transparent"
-    },
-    textColor: "rgb(163, 163, 163)",
-    fontSize: e,
-    fontFamily: t
-  },
-  crosshair: {
-    horzLine: {
-      width: 2,
-      color: "rgba(224, 227, 235, 0.1)",
-      style: 0,
-      labelVisible: !1
-    },
-    vertLine: {
-      width: 2,
-      color: "rgba(224, 227, 235, 0.1)",
-      style: 0,
-      labelVisible: !1
-    }
-  },
-  grid: {
-    vertLines: {
-      visible: !1
-    },
-    horzLines: {
-      visible: !1
-    }
-  }
-};
 export {
   n as AXIS_EDGE_LABEL_PADDING_PX,
-  e as AXIS_FONT_SIZE,
-  i as AXIS_TICK_MARK_DENSITY,
-  u as AXIS_TIME_EDGE_PADDING_PX,
-  c as AXIS_TOP_LABEL_PADDING_PX,
-  l as DEFAULT_AREA_SERIES,
-  L as DEFAULT_OPTIONS,
-  b as DEFAULT_VERTICAL_LINE,
-  g as getDefaultOptions,
+  l as AXIS_FONT_SIZE,
+  t as AXIS_TICK_MARK_DENSITY,
+  c as AXIS_TIME_EDGE_PADDING_PX,
+  b as AXIS_TOP_LABEL_PADDING_PX,
+  r as DEFAULT_AREA_SERIES,
+  u as getDefaultOptions,
   f as getDefaultSeries,
-  d as getDefaultVerticalLine
+  g as getDefaultVerticalLine
 };

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

@@ -1,190 +1,146 @@
-import { TickMarkType as S } from "lightweight-charts";
-import { DateTime as D } from "luxon";
-import { isBelowDisplayThreshold as T, FORMAT_CONSTANTS as U, toSignificantDigits as N, formatNumberWithSuffix as I } from "../../utils/format-number.js";
-const { MIN_DISPLAY_THRESHOLD: h, MAX_EXPONENTIAL_THRESHOLD: L } = U, O = (t, e, n = "full") => {
-  if (T(t))
-    return e ? `<${h}${e}` : `<${h}`;
+import { TickMarkType as l } from "lightweight-charts";
+import { DateTime as F } from "luxon";
+import { isBelowDisplayThreshold as H, FORMAT_CONSTANTS as E, toSignificantDigits as L } from "../../utils/format-number.js";
+const { MIN_DISPLAY_THRESHOLD: k, MAX_EXPONENTIAL_THRESHOLD: B } = E, _ = 2, R = (t, e) => {
+  if (H(t))
+    return e ? `<${k}${e}` : `<${k}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const r = I(t, {
-    maxExponentialThreshold: L,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: n === "short" ? 1 : 0,
-    format: n,
-    adaptiveDecimals: n === "short"
-  });
-  return e ? `${r}${e}` : r;
-}, X = 2, H = (t, e) => {
-  if (T(t))
-    return e ? `<${h}${e}` : `<${h}`;
-  if (t === 0)
-    return e ? `0${e}` : "0";
-  const n = N(t, X);
-  return e ? `${n}${e}` : n;
-}, P = 4, w = (t) => {
-  if (T(t))
-    return `<${h}`;
-  if (t === 0)
-    return "0";
-  const e = Math.round(t), n = Math.abs(t - e);
-  return n > 0 && n < 0.01 ? t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "") : N(t, P);
-}, C = (t, e) => {
-  if (T(t))
-    return e ? `<${h} ${e}` : `<${h}`;
-  if (t === 0)
-    return e ? `0 ${e}` : "0";
-  const n = Number.isInteger(t), r = Math.abs(t), c = n && r >= 1e3, s = Math.round(t), i = Math.abs(t - s);
-  if (i > 0 && i < 0.01 && !c) {
-    const F = t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "");
-    return e ? `${F} ${e}` : F;
-  }
-  const M = I(t, {
-    maxExponentialThreshold: L,
-    minimumFractionDigits: n ? 0 : 2,
-    maximumFractionDigits: c ? 1 : n ? 0 : 2,
-    format: c ? "short" : "full",
-    adaptiveDecimals: c
-  });
-  return e ? `${M} ${e}` : M;
-}, A = {
-  "%": H,
-  $: O,
-  token: C,
-  none: w
-}, Z = (t) => A[t] || A.token;
-function V(t, e, n = 4) {
+  const s = L(t, _);
+  return e ? `${s}${e}` : s;
+};
+function G(t, e, s = 4) {
   if (t === 0)
     return e ? `0 ${e}` : "0";
-  const r = e && Math.abs(t) >= 1e3 ? 0 : n, c = t.toLocaleString("en-US", {
+  const n = e && Math.abs(t) >= 1e3 ? 0 : s, f = t.toLocaleString("en-US", {
     minimumFractionDigits: 0,
-    maximumFractionDigits: r
+    maximumFractionDigits: n
   });
-  return e ? `${c} ${e}` : c;
+  return e ? `${f} ${e}` : f;
 }
-function x(t, e) {
+function D(t, e) {
   return !t || e === "none" || e === "token" ? t : e === "$" ? `$${t}` : e === "%" ? `${t}%` : `${t} ${e}`;
 }
-function Y(t) {
+function X(t) {
   return t.includes("/");
 }
-function l(t) {
-  return Y(t) ? "none" : t;
+function T(t) {
+  return X(t) ? "none" : t;
 }
-function b(t, e, n) {
-  const r = n?.yScaleMin;
-  let c = t.length > 0 ? Math.min(...t) : 0, s = t.length > 0 ? Math.max(...t) : 0;
-  const i = () => {
-    const o = (c + s) / 2;
-    let a = 1, m = "";
-    return o >= 1e9 ? (a = 1e9, m = "B") : o >= 1e6 ? (a = 1e6, m = "M") : o >= 1e3 && (a = 1e3, m = "K"), { scale: a, suffix: m };
+function W(t, e, s) {
+  const n = s?.yScaleMin;
+  let f = t.length > 0 ? Math.min(...t) : 0, m = t.length > 0 ? Math.max(...t) : 0;
+  const a = () => {
+    const r = (f + m) / 2;
+    let o = 1, i = "";
+    return r >= 1e9 ? (o = 1e9, i = "B") : r >= 1e6 ? (o = 1e6, i = "M") : r >= 1e3 && (o = 1e3, i = "K"), { scale: o, suffix: i };
   }, u = 8;
-  let M = 0;
-  const F = (o, a, m, d) => {
-    const f = (a > 1 ? o / a : o).toLocaleString("en-US", {
+  let h = 0;
+  const g = (r, o, i, d) => {
+    const c = (o > 1 ? r / o : r).toLocaleString("en-US", {
       minimumFractionDigits: 0,
       maximumFractionDigits: d,
       useGrouping: !1
     });
-    return a > 1 ? `${f}${m}` : f;
-  }, p = (o, a, m) => {
+    return o > 1 ? `${c}${i}` : c;
+  }, y = (r, o, i) => {
     for (let d = 0; d <= u; d++) {
-      const $ = /* @__PURE__ */ new Set();
-      let f = !0;
-      for (const g of o) {
-        const k = F(g, a, m, d);
-        if ($.has(k)) {
-          f = !1;
+      const M = /* @__PURE__ */ new Set();
+      let c = !0;
+      for (const S of r) {
+        const $ = g(S, o, i, d);
+        if (M.has($)) {
+          c = !1;
           break;
         }
-        $.add(k);
+        M.add($);
       }
-      if (f) return d;
+      if (c) return d;
     }
     return u;
-  }, R = (o) => {
-    if (r !== void 0 && o < r) return "";
-    if (o === 0) return x("0", l(e));
-    const { scale: a, suffix: m } = i();
-    return x(
-      F(o, a, m, M),
-      l(e)
+  }, A = (r) => {
+    if (n !== void 0 && r < n) return "";
+    if (r === 0) return D("0", T(e));
+    const { scale: o, suffix: i } = a();
+    return D(
+      g(r, o, i, h),
+      T(e)
     );
   };
   return {
-    formatter: (o) => R(o),
-    tickmarksFormatter: (o) => {
-      const { scale: a, suffix: m } = i(), d = o.filter(
-        (f) => f !== 0 && !(r !== void 0 && f < r)
+    formatter: (r) => A(r),
+    tickmarksFormatter: (r) => {
+      const { scale: o, suffix: i } = a(), d = r.filter(
+        (c) => c !== 0 && !(n !== void 0 && c < n)
       );
-      M = p(d, a, m);
-      const $ = /* @__PURE__ */ new Set();
-      return o.map((f) => {
-        if (r !== void 0 && f < r) return "";
-        const g = f === 0 ? "0" : F(f, a, m, M);
-        return !g || $.has(g) ? "" : ($.add(g), x(g, l(e)));
+      h = y(d, o, i);
+      const M = /* @__PURE__ */ new Set();
+      return r.map((c) => {
+        if (n !== void 0 && c < n) return "";
+        const S = c === 0 ? "0" : g(c, o, i, h);
+        return !S || M.has(S) ? "" : (M.add(S), D(S, T(e)));
       });
     },
-    updateVisibleRange: (o) => {
-      o.length > 0 && (c = Math.min(...o), s = Math.max(...o));
+    updateVisibleRange: (r) => {
+      r.length > 0 && (f = Math.min(...r), m = Math.max(...r));
     }
   };
 }
-const _ = (t) => D.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), G = (t) => D.fromSeconds(Number(t)).toFormat("HH:mm"), W = (t, e) => H(Number(t), e), E = {
-  time: _,
-  "%": W
+const N = (t) => F.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), O = (t) => F.fromSeconds(Number(t)).toFormat("HH:mm"), P = (t, e) => R(Number(t), e), x = {
+  time: N,
+  "%": P
 };
-function q(t) {
+function U(t) {
   const e = /* @__PURE__ */ new Map();
-  return (n, r, c) => {
-    const s = D.fromSeconds(Number(n));
-    let i;
+  return (s, n, f) => {
+    const m = F.fromSeconds(Number(s));
+    let a;
     if (t === 0)
-      i = s.toFormat("HH:mm");
+      a = m.toFormat("HH:mm");
     else
-      switch (r) {
-        case S.Year:
-          i = s.toFormat("yyyy");
+      switch (n) {
+        case l.Year:
+          a = m.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 S.Month:
-        case S.DayOfMonth:
-          i = t > 365 ? s.toFormat("dd MMM yyyy") : s.toFormat("dd MMM");
+        case l.Month:
+        case l.DayOfMonth:
+          a = t > 365 ? m.toFormat("dd MMM yyyy") : m.toFormat("dd MMM");
           break;
-        case S.Time:
-        case S.TimeWithSeconds:
-          i = s.toFormat("HH:mm");
+        case l.Time:
+        case l.TimeWithSeconds:
+          a = m.toFormat("HH:mm");
           break;
         default:
-          i = s.toFormat("dd MMM");
+          a = m.toFormat("dd MMM");
       }
-    let u = e.get(r);
-    return u || (u = /* @__PURE__ */ new Set(), e.set(r, u)), u.has(i) ? " " : (u.add(i), i);
+    let u = e.get(n);
+    return u || (u = /* @__PURE__ */ new Set(), e.set(n, u)), u.has(a) ? " " : (u.add(a), a);
   };
 }
-const B = (t, e) => {
+const w = (t, e) => {
   if (t === "time" && e && e.length > 0) {
-    const r = D.fromSeconds(Number(e[0].time)), c = D.fromSeconds(
+    const n = F.fromSeconds(Number(e[0].time)), f = F.fromSeconds(
       Number(e[e.length - 1].time)
-    ), s = r.hasSame(c, "day"), i = s ? 0 : Math.ceil(c.diff(r, "days").days);
+    ), m = n.hasSame(f, "day"), a = m ? 0 : Math.ceil(f.diff(n, "days").days);
     return {
-      timeFormatter: s ? G : _,
-      tickMarkFormatter: q(i)
+      timeFormatter: m ? O : N,
+      tickMarkFormatter: U(a)
     };
   }
-  const n = E[t] || E.time;
+  const s = x[t] || x.time;
   return {
-    timeFormatter: n,
-    tickMarkFormatter: (r) => n(r, t)
+    timeFormatter: s,
+    tickMarkFormatter: (n) => s(n, t)
   };
-}, v = (t, e) => B(t, e).timeFormatter;
+}, p = (t, e) => w(t, e).timeFormatter;
 export {
-  b as createAdaptiveYAxisFormatter,
-  V as formatExactValue,
-  v as getXFormatter,
-  B as getXFormatters,
-  Z as getYFormatter,
-  Y as isRatioUnit,
-  x as withYAxisUnit
+  W as createAdaptiveYAxisFormatter,
+  G as formatExactValue,
+  p as getXFormatter,
+  w as getXFormatters,
+  X as isRatioUnit,
+  D as withYAxisUnit
 };