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

package/dist/esm/components/graph/graph-tooltip.js

@@ -1,8 +1,8 @@
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useRef as k, useState as F, useEffect as S } from "react";
 import { cn as z } from "../../utils/cn.js";
-import { getXFormatter as A, formatExactValue as x } from "./formatters.js";
-import { getSeriesColorPalette as B } from "./graph.js";
+import { getXFormatter as A, isRatioUnit as B, formatExactValue as x } from "./formatters.js";
+import { getSeriesColorPalette as E } from "./graph.js";
 function M({
   points: d,
   series: v,
@@ -36,7 +36,7 @@ function M({
     const y = p + 8;
     e - y < l ? e = t.y + 20 : e = t.y - y, a({ x: n, y: e });
   }, [t, b]);
-  const P = f ? {
+  const R = f ? {
     left: `${f.x}px`,
     top: `${f.y}px`,
     transform: "translate(-50%, 0)"
@@ -44,7 +44,7 @@ function M({
   } : {};
   if (d.size === 0)
     return null;
-  const R = Array.from(d.values())[0], j = C(R.time, g);
+  const P = Array.from(d.values())[0], j = C(P.time, g);
   return /* @__PURE__ */ m(
     "div",
     {
@@ -53,13 +53,13 @@ function M({
         "absolute z-[100] pointer-events-none whitespace-nowrap",
         $
       ),
-      style: P,
+      style: R,
       children: /* @__PURE__ */ h("div", { className: "bg-background/90 backdrop-blur-sm rounded border border-border p-1.5 sm:p-2 space-y-1 sm:space-y-1.5", children: [
         /* @__PURE__ */ m("div", { className: "text-xs sm:text-sm font-medium text-muted-foreground mb-0.5 sm:mb-1 whitespace-nowrap", children: j }),
         v.map((r, c) => {
           const o = d.get(r.label);
           if (!o) return null;
-          const i = B(c), n = (r.lineColor ?? r.color) || i.line, e = r.yMeasureUnit || N, s = e !== "%" && e !== "$" && e !== "none" ? e : void 0, p = e === "$" ? `$${x(o.value, void 0, u)}` : e === "%" ? `${x(o.value, void 0, u)}%` : x(o.value, s, u);
+          const i = E(c), n = (r.lineColor ?? r.color) || i.line, e = r.yMeasureUnit || N, s = e !== "%" && e !== "$" && e !== "none" && !B(e) ? e : void 0, p = e === "$" ? `$${x(o.value, void 0, u)}` : e === "%" ? `${x(o.value, void 0, u)}%` : x(o.value, s, u);
           return /* @__PURE__ */ h(
             "div",
             {