@gearbox-protocol/ui-kit 4.0.0-next.22 → 4.0.0-next.24

package/dist/esm/components/composites/pool-assets-table/pool-assets-table-row.js

@@ -1,36 +1,36 @@
-import { jsx as e, jsxs as m, Fragment as N } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as A } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk";
 import "clsx";
 import "tailwind-merge";
 import "sonner";
-import { formatMoney as y } from "../../../utils/format-money.js";
+import { formatMoney as N } from "../../../utils/format-money.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import "../../points-icon/points-icon.js";
-import { UtilizationValue as C } from "../../base/values/scalars.js";
+import { UtilizationValue as y } from "../../base/values/scalars.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
-import { FormattedMessageTyped as a } from "../../typed-intl/index.js";
-import { AllocationWheel as S } from "../../collateral-allocation-tooltip/allocation-wheel.js";
+import { FormattedMessageTyped as m } from "../../typed-intl/index.js";
+import { AllocationWheel as C } from "../../collateral-allocation-tooltip/allocation-wheel.js";
 import "@fortawesome/free-solid-svg-icons";
 import "../../icons/fa-icon.js";
 import "../../token-icon/token-icon.js";
 import "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
-import { NameCell as L } from "../../name-cell/name-cell.js";
-import { ShortString as b } from "../../short-string/short-string.js";
+import { NameCell as S } from "../../name-cell/name-cell.js";
+import { ShortString as U } from "../../short-string/short-string.js";
 import "react-intl";
 import "../../buttons/button/button.js";
-import { GridTableRow as U, GridTableCell as o } from "../../table/grid-table.js";
+import { GridTableRow as k, GridTableCell as o } from "../../table/grid-table.js";
 import "../../skeleton/skeleton.js";
 import "../../table/table.js";
-import { TableLineSm as k, TableCellSm as n } from "../../table/table-sm.js";
-import { TokenSymbol as w } from "../../token-symbol/token-symbol.js";
+import { TableLineSm as w, TableCellSm as a } from "../../table/table-sm.js";
+import { TokenSymbol as L } from "../../token-symbol/token-symbol.js";
 import { TokenTemplate as v } from "../../token-template/token-template.js";
 import { VerticalIndicator as I } from "../../vertical-indicator/vertical-indicator.js";
-import { PoolAssetsTableTest as p } from "./constants.js";
+import { PoolAssetsTableTest as n } from "./constants.js";
 function P(i, t) {
   if (t !== 0n)
     return Number(i * 10000n / t);
@@ -41,29 +41,28 @@ function j(i, t) {
 function ue({
   asset: i,
   underlyingToken: t,
-  last: x,
-  isCompact: c,
-  totalUsed: T,
-  colorIndex: z
+  last: b,
+  isCompact: p,
+  totalUsed: x,
+  colorIndex: T
 }) {
-  const { token: r, limit: s, used: l } = i, A = c ? 40 : 21, d = j(l.value, T), u = () => /* @__PURE__ */ e(
-    L,
+  const { token: c, limit: r, used: l } = i, z = p ? 40 : 21, d = j(l.value, x), u = () => /* @__PURE__ */ e(
+    S,
     {
-      leading: /* @__PURE__ */ e(w, { size: 32, token: r }),
-      title: /* @__PURE__ */ e(b, { maxLength: A, children: r.symbol }),
-      subtitle: /* @__PURE__ */ e(b, { maxLength: 20, children: r.name })
+      leading: /* @__PURE__ */ e(L, { size: 32, token: c }),
+      title: /* @__PURE__ */ e(U, { maxLength: z, children: c.symbol })
     }
-  ), h = () => /* @__PURE__ */ m(
+  ), h = () => /* @__PURE__ */ s(
     "div",
     {
       className: "flex items-center justify-end gap-2",
-      "data-testid": p.exposureCell,
+      "data-testid": n.exposureCell,
       children: [
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             share: d,
-            colorIndex: z,
+            colorIndex: T,
             idle: d === 0
           }
         ),
@@ -80,30 +79,30 @@ function ue({
                 value: l.value
               }
             ),
-            valueDescription: l.valueUsd === null ? "—" : y(l.valueUsd)
+            valueDescription: l.valueUsd === null ? "—" : N(l.valueUsd)
           }
         )
       ]
     }
-  ), f = () => /* @__PURE__ */ e("div", { "data-testid": p.capCell, children: s.value === 0n ? /* @__PURE__ */ e("span", { children: "—" }) : /* @__PURE__ */ e(
+  ), f = () => /* @__PURE__ */ e("div", { "data-testid": n.capCell, children: r.value === 0n ? /* @__PURE__ */ e("span", { children: "—" }) : /* @__PURE__ */ e(
     v,
     {
       decimalPartLength: 2,
       precision: 2,
       showSymbol: !1,
       token: t,
-      value: s.value
+      value: r.value
     }
-  ) }), g = () => /* @__PURE__ */ e("div", { "data-testid": p.capUtilizationCell, children: /* @__PURE__ */ e(C, { data: P(l.value, s.value) }) });
+  ) }), g = () => /* @__PURE__ */ e("div", { "data-testid": n.capUtilizationCell, children: /* @__PURE__ */ e(y, { data: P(l.value, r.value) }) });
   return /* @__PURE__ */ e(
-    U,
+    k,
     {
-      last: x,
+      last: b,
       height: "auto",
       className: "cursor-default",
       style: { minHeight: "75px" },
-      children: c ? /* @__PURE__ */ e(o, { className: "px-3 py-0!", size: "sm", span: "full", children: /* @__PURE__ */ m(
-        k,
+      children: p ? /* @__PURE__ */ e(o, { className: "px-3 py-0!", size: "sm", span: "full", children: /* @__PURE__ */ s(
+        w,
         {
           className: "w-full",
           columns: 3,
@@ -111,29 +110,29 @@ function ue({
           title: u(),
           children: [
             /* @__PURE__ */ e(
-              n,
+              a,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.exposure" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.exposure" }),
                 children: h()
               }
             ),
             /* @__PURE__ */ e(
-              n,
+              a,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.cap" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.cap" }),
                 children: f()
               }
             ),
             /* @__PURE__ */ e(
-              n,
+              a,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.capUtilization" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.capUtilization" }),
                 children: g()
               }
             )
           ]
         }
-      ) }) : /* @__PURE__ */ m(N, { children: [
+      ) }) : /* @__PURE__ */ s(A, { children: [
         /* @__PURE__ */ e(o, { className: "pl-4", size: "sm", textAlign: "left", children: u() }),
         /* @__PURE__ */ e(o, { size: "sm", textAlign: "right", children: h() }),
         /* @__PURE__ */ e(o, { size: "sm", textAlign: "right", children: f() }),

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

@@ -1,20 +1,22 @@
 import { resolveCSSColor as o } from "../../utils/colors.js";
-const e = {
+const l = {
   topColor: "rgba(76, 175, 80, 0.56)",
   bottomColor: "rgba(76, 175, 80, 0.04)",
   lineColor: "#02c39a",
-  lineWidth: 2
-}, s = {
+  lineWidth: 2,
+  lastValueVisible: !1,
+  priceLineVisible: !1
+}, b = {
   showLabel: !0,
   color: "#02c39a",
   labelBackgroundColor: "#02c39a",
   width: 2
-}, l = 'Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', t = 14;
-function b() {
+}, 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(
     "hsl(var(--muted-foreground))",
     "rgb(163, 163, 163)"
-  ), i = o("hsl(var(--card))", "rgb(24, 24, 24)");
+  ), a = o("hsl(var(--card))", "rgb(24, 24, 24)");
   return {
     timeScale: {
       borderVisible: !0,
@@ -26,6 +28,16 @@ function b() {
       // and legend appears). Avoids range shrinking to a few days.
       lockVisibleTimeRangeOnResize: !0
     },
+    leftPriceScale: {
+      visible: !1,
+      autoScale: !0,
+      alignLabels: !0,
+      borderVisible: !0,
+      borderColor: "rgba(224, 227, 235, 0.1)",
+      entireTextOnly: !1,
+      tickMarkDensity: i,
+      textColor: r
+    },
     rightPriceScale: {
       visible: !0,
       autoScale: !0,
@@ -33,15 +45,16 @@ function b() {
       borderVisible: !0,
       borderColor: "rgba(224, 227, 235, 0.1)",
       entireTextOnly: !1,
+      tickMarkDensity: i,
       textColor: r
     },
     layout: {
       background: {
-        color: i
+        color: a
       },
       textColor: r,
-      fontSize: t,
-      fontFamily: l
+      fontSize: e,
+      fontFamily: t
     },
     crosshair: {
       horzLine: {
@@ -67,23 +80,25 @@ function b() {
     }
   };
 }
-function n() {
+function f() {
   return {
     topColor: "rgba(76, 175, 80, 0.56)",
     bottomColor: "rgba(76, 175, 80, 0.04)",
-    lineColor: e.lineColor,
-    lineWidth: 2
+    lineColor: l.lineColor,
+    lineWidth: 2,
+    lastValueVisible: !1,
+    priceLineVisible: !1
   };
 }
-function c() {
+function d() {
   return {
     showLabel: !0,
-    color: e.lineColor,
-    labelBackgroundColor: e.lineColor,
+    color: l.lineColor,
+    labelBackgroundColor: l.lineColor,
     width: 2
   };
 }
-const u = {
+const L = {
   timeScale: {
     borderVisible: !0,
     borderColor: "rgba(224, 227, 235, 0.1)",
@@ -104,8 +119,8 @@ const u = {
       color: "transparent"
     },
     textColor: "rgb(163, 163, 163)",
-    fontSize: t,
-    fontFamily: l
+    fontSize: e,
+    fontFamily: t
   },
   crosshair: {
     horzLine: {
@@ -131,10 +146,15 @@ const u = {
   }
 };
 export {
-  e as DEFAULT_AREA_SERIES,
-  u as DEFAULT_OPTIONS,
-  s as DEFAULT_VERTICAL_LINE,
-  b as getDefaultOptions,
-  n as getDefaultSeries,
-  c as getDefaultVerticalLine
+  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,
+  f as getDefaultSeries,
+  d as getDefaultVerticalLine
 };

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

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

package/dist/esm/components/graph/graph-current-value.js

@@ -1,28 +1,28 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
-import { cn as i } from "../../utils/cn.js";
-import { getXFormatter as c, formatExactValue as r } from "./formatters.js";
-function u({
-  point: e,
+import { jsxs as x, jsx as l } from "react/jsx-runtime";
+import { cn as a } from "../../utils/cn.js";
+import { getXFormatter as c, isRatioUnit as f, formatExactValue as r } from "./formatters.js";
+function w({
+  point: o,
   xMeasureUnit: m,
   yMeasureUnit: t,
   className: s,
-  decimals: o
+  decimals: e
 }) {
-  const d = c(m)(e.time, m), n = t !== "%" && t !== "$" && t !== "none" ? t : void 0, x = t === "$" ? `$${r(e.value, void 0, o)}` : t === "%" ? `${r(e.value, void 0, o)}%` : r(e.value, n, o);
-  return /* @__PURE__ */ a(
+  const d = c(m)(o.time, m), i = t !== "%" && t !== "$" && t !== "none" && !f(t) ? t : void 0, n = t === "$" ? `$${r(o.value, void 0, e)}` : t === "%" ? `${r(o.value, void 0, e)}%` : r(o.value, i, e);
+  return /* @__PURE__ */ x(
     "div",
     {
-      className: i(
+      className: a(
         "absolute top-2 left-2 right-2 z-[100] pointer-events-none",
         s
       ),
       children: [
-        /* @__PURE__ */ l("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: x }),
+        /* @__PURE__ */ l("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: n }),
         /* @__PURE__ */ l("div", { className: "text-xs sm:text-sm font-medium text-muted-foreground whitespace-nowrap overflow-hidden text-ellipsis mt-0.5", children: d })
       ]
     }
   );
 }
 export {
-  u as GraphCurrentValue
+  w as GraphCurrentValue
 };