@gearbox-protocol/ui-kit 2.1.0-next.1 → 3.0.1

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

@@ -1,22 +1,22 @@
-import { jsxs as j, jsx as h } from "react/jsx-runtime";
-import { createChart as It, CrosshairMode as zt, AreaSeries as $t } from "lightweight-charts";
+import { jsxs as X, jsx as h } from "react/jsx-runtime";
+import { createChart as At, CrosshairMode as It, AreaSeries as zt } from "lightweight-charts";
 import * as lt from "react";
-import { useRef as M, useState as it, useEffect as D } from "react";
-import { useIsMobile as Dt } from "../../hooks/use-media-query.js";
+import { useRef as z, useState as it, useEffect as E } from "react";
+import { useIsMobile as $t } from "../../hooks/use-media-query.js";
 import { cn as ut } from "../../utils/cn.js";
-import { resolveCSSColor as wt, generateColorsFromBase as q, hslToHex as Et } from "../../utils/colors.js";
-import { getDefaultOptions as Rt, getDefaultSeries as Gt, getDefaultVerticalLine as Ot } from "./default-config.js";
-import { getXFormatters as yt, createAdaptiveYAxisFormatter as Bt, formatExactValue as st } from "./formatters.js";
-import { GraphCurrentValue as Yt } from "./graph-current-value.js";
-import { GraphTooltip as Ht } from "./graph-tooltip.js";
+import { resolveCSSColor as wt, generateColorsFromBase as K, hslToHex as Dt } from "../../utils/colors.js";
+import { getDefaultOptions as Rt, getDefaultSeries as Et, getDefaultVerticalLine as Gt } from "./default-config.js";
+import { getXFormatters as Vt, createAdaptiveYAxisFormatter as Bt, formatExactValue as st } from "./formatters.js";
+import { GraphCurrentValue as Ot } from "./graph-current-value.js";
+import { GraphTooltip as Yt } from "./graph-tooltip.js";
 import { VertLine as jt } from "./plugins/vertical-line.js";
-function Wt(e, v, m) {
-  const A = e.labelText ?? "", f = e.value, S = f === void 0 ? "" : typeof f == "number" ? v === "$" ? `$${st(f, void 0, m)}` : v === "%" ? `${st(f, void 0, m)}%` : st(
+function Ht(e, v, m) {
+  const F = e.labelText ?? "", f = e.value, w = f === void 0 ? "" : typeof f == "number" ? v === "$" ? `$${st(f, void 0, m)}` : v === "%" ? `${st(f, void 0, m)}%` : st(
     f,
     v !== "none" && v !== "%" && v !== "$" ? v : void 0,
     m
   ) : String(f);
-  return { labelText: A, valueStr: S };
+  return { labelText: F, valueStr: w };
 }
 const ct = [
   // 0  green (emerald)
@@ -133,63 +133,60 @@ const ct = [
     top: "rgba(71, 85, 105, 0.56)",
     bottom: "rgba(71, 85, 105, 0.04)"
   }
-], _t = 137.5;
-function Vt(e) {
+], Wt = 137.5;
+function yt(e) {
   if (e < ct.length)
     return ct[e];
-  const m = (e - ct.length) * _t % 360, A = Et(m, 70, 50), { topColor: f, bottomColor: S } = q(A);
-  return { line: A, top: f, bottom: S };
+  const m = (e - ct.length) * Wt % 360, F = Dt(m, 70, 50), { topColor: f, bottomColor: w } = K(F);
+  return { line: F, top: f, bottom: w };
 }
-function se({
+function ie({
   series: e,
   className: v,
   showLegend: m = !1,
-  onUnselectSeries: A,
+  onUnselectSeries: F,
   xMeasureUnit: f = "time",
-  yMeasureUnit: S = "token",
-  optionsOverrides: Y,
+  yMeasureUnit: w = "token",
+  optionsOverrides: W,
   verticalLineOptions: C,
-  currentValueDecimals: Z,
-  useSharedPriceScale: V = !1,
+  currentValueDecimals: J,
+  useSharedPriceScale: k = !1,
   showCurrentValue: kt = !0,
-  graphTitle: K,
+  graphTitle: Q,
   yScaleMin: ft,
-  yScaleMinMultiple: dt
+  yScaleMinMultiple: gt
 }) {
-  const k = M(null), w = M(/* @__PURE__ */ new Map()), J = M(!1), gt = M(!0), Q = M(
+  const N = z(null), R = z(/* @__PURE__ */ new Map()), U = z(!1), mt = z(!0), tt = z(
     null
-  ), Nt = M(null), $ = M(null), U = M(null), W = M(null), y = Dt(), I = lt.useMemo(() => e.flatMap((t) => t.data), [e]), Pt = lt.useMemo(() => {
+  ), Nt = z(null), $ = z(null), et = z(null), y = $t(), M = lt.useMemo(() => e.flatMap((t) => t.data), [e]), Lt = lt.useMemo(() => {
     if (e.length > 0) {
       const t = e[e.length - 1];
       if (t.data.length > 0)
         return t.data[t.data.length - 1];
     }
-  }, [e]), [mt, tt] = it(() => {
-    if (!Pt) return;
+  }, [e]), [dt, ot] = it(() => {
+    if (!Lt) return;
     const t = /* @__PURE__ */ new Map();
     for (const a of e)
       a.data.length > 0 && t.set(a.label, a.data[a.data.length - 1]);
     return t;
-  }), [bt, z] = it(null), [ht, pt] = it([]);
-  D(() => {
+  }), [bt, A] = it(null), [ht, pt] = it([]);
+  E(() => {
     const t = () => {
-      try {
-        if (k.current && $.current) {
-          const l = $.current.clientWidth, s = $.current.clientHeight;
-          k.current.resize(l, s);
-        }
-      } catch {
+      if (N.current && $.current) {
+        const l = $.current.clientWidth, s = $.current.clientHeight;
+        N.current.resize(l, s);
       }
     }, a = $.current, r = a ? new ResizeObserver(t) : null;
-    return W.current = r, a && r?.observe(a), () => {
-      a && r?.unobserve(a), r?.disconnect(), W.current = null;
+    return a && r?.observe(a), () => {
+      a && r?.unobserve(a);
     };
-  }, []), D(() => {
-    if (!U.current || J.current) return;
+  }, []), E(() => {
+    if (!et.current || U.current) return;
     const t = Rt(), a = wt(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
-    ), r = It(U.current, {
+    ), r = At(et.current, {
       ...t,
       rightPriceScale: {
         ...t.rightPriceScale || {},
@@ -199,32 +196,32 @@ function se({
       ...y && {
         crosshair: {
           ...t.crosshair,
-          mode: zt.Magnet
+          mode: It.Magnet
         }
       },
-      ...Y
+      ...W
     });
-    return k.current = r, J.current = !0, () => {
-      W.current?.disconnect(), W.current = null, r.remove(), k.current = null, J.current = !1, w.current.clear();
+    return N.current = r, U.current = !0, () => {
+      r.remove(), N.current = null, U.current = !1, R.current.clear();
     };
-  }, [y, Y]), D(() => {
-    const t = k.current;
+  }, [y, W]), E(() => {
+    const t = N.current;
     if (!t || e.length === 0) return;
-    const r = e.filter((o) => o.data.length > 0).length <= 1 ? ft : dt, l = f === "time" ? yt(f, I) : yt(f), s = I.map((o) => o.value), {
+    const r = e.filter((o) => o.data.length > 0).length <= 1 ? ft : gt, l = f === "time" ? Vt(f, M) : Vt(f), s = M.map((o) => o.value), {
       formatter: c,
       tickmarksFormatter: u,
-      updateVisibleRange: N,
-      updateLastValues: d
-    } = Bt(s, S, {
+      updateVisibleRange: L,
+      updateLastValues: g
+    } = Bt(s, w, {
       yScaleMin: r
     });
-    Q.current = N, Nt.current = d;
+    tt.current = L, Nt.current = g;
     const P = e.filter((o) => o.data.length > 0).map((o) => o.data[o.data.length - 1].value);
-    d(P);
-    const L = Rt();
+    g(P);
+    const T = Rt();
     t.applyOptions({
       localization: {
-        ...L.localization || {},
+        ...T.localization || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
         timeFormatter: (o) => (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
@@ -232,21 +229,21 @@ function se({
         )
       },
       timeScale: {
-        ...L.timeScale || {},
+        ...T.timeScale || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
         tickMarkFormatter: l.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const g = (I.length > 0 ? Math.min(...I.map((o) => o.value)) : 0) < 0, x = I.some((o) => o.value === 0), b = !g && x, p = e.length > 1 && !V, T = e.length > 1 && !V || y, F = wt(
+    const d = (M.length > 0 ? Math.min(...M.map((o) => o.value)) : 0) < 0, x = M.some((o) => o.value === 0), b = !d && x, p = e.length > 1 && !k, S = e.length > 1 && !k || y, I = wt(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
     t.applyOptions({
       rightPriceScale: {
-        ...L.rightPriceScale || {},
-        visible: !T,
-        textColor: F,
+        ...T.rightPriceScale || {},
+        visible: !S,
+        textColor: I,
         ...b && {
           scaleMargins: {
             top: 0.3,
@@ -255,46 +252,46 @@ function se({
         }
       }
     });
-    const et = new Set(w.current.keys()), ot = new Set(e.map((o) => o.label));
-    for (const o of et)
-      if (!ot.has(o)) {
-        const n = w.current.get(o);
-        n && (t.removeSeries(n), w.current.delete(o));
+    const D = new Set(R.current.keys()), G = new Set(e.map((o) => o.label));
+    for (const o of D)
+      if (!G.has(o)) {
+        const n = R.current.get(o);
+        n && (t.removeSeries(n), R.current.delete(o));
       }
-    const Lt = Gt(), rt = [];
-    let X = 0;
+    const B = Et(), rt = [];
+    let Z = 0;
     for (let o = 0; o < e.length; o++) {
-      const n = e[o], H = Vt(o), E = n.lineColor ?? n.color ?? H.line;
-      let G, O;
+      const n = e[o], _ = yt(o), O = n.lineColor ?? n.color ?? _.line;
+      let Y, j;
       if (n.lineColor ?? n.color)
         if (n.topColor && n.bottomColor)
-          G = n.topColor, O = n.bottomColor;
+          Y = n.topColor, j = n.bottomColor;
         else if (n.topColor) {
-          const i = q(E);
-          G = n.topColor, O = i.bottomColor;
+          const i = K(O);
+          Y = n.topColor, j = i.bottomColor;
         } else if (n.bottomColor)
-          G = q(E).topColor, O = n.bottomColor;
+          Y = K(O).topColor, j = n.bottomColor;
         else {
-          const i = q(E);
-          G = i.topColor, O = i.bottomColor;
+          const i = K(O);
+          Y = i.topColor, j = i.bottomColor;
         }
       else
-        G = n.topColor || H.top, O = n.bottomColor || H.bottom;
+        Y = n.topColor || _.top, j = n.bottomColor || _.bottom;
       if (n.data.length === 0) {
-        const i = w.current.get(n.label);
-        i && (t.removeSeries(i), w.current.delete(n.label));
+        const i = R.current.get(n.label);
+        i && (t.removeSeries(i), R.current.delete(n.label));
         continue;
       }
-      const Tt = (n.data.length > 0 ? Math.min(...n.data.map((i) => i.value)) : 0) < 0, Ft = n.data.some((i) => i.value === 0), Mt = !Tt && Ft, Ct = V || !p || X === 0 ? "right" : `scale-${X}`;
+      const Pt = (n.data.length > 0 ? Math.min(...n.data.map((i) => i.value)) : 0) < 0, Tt = n.data.some((i) => i.value === 0), Ft = !Pt && Tt, Ct = k || !p || Z === 0 ? "right" : `scale-${Z}`;
       p && rt.push({
         priceScaleId: Ct || "right",
-        shouldPreventNegativeAxis: Mt,
-        seriesIndex: X
+        shouldPreventNegativeAxis: Ft,
+        seriesIndex: Z
       });
-      const xt = (V || !p) && r !== void 0 && typeof r == "number", St = {
-        lineColor: E,
-        topColor: G,
-        bottomColor: O,
+      const xt = (k || !p) && r !== void 0 && typeof r == "number", St = {
+        lineColor: O,
+        topColor: Y,
+        bottomColor: j,
         priceScaleId: Ct,
         priceFormat: {
           type: "custom",
@@ -308,27 +305,27 @@ function se({
           if (!xt) return i();
           const at = i();
           if (at?.priceRange) {
-            const At = r;
-            at.priceRange.minValue = At;
+            const Mt = r;
+            at.priceRange.minValue = Mt;
           }
           return at;
         }
       };
-      let B = w.current.get(n.label);
-      B ? (B.applyOptions(St), B.setData(
+      let H = R.current.get(n.label);
+      H ? (H.applyOptions(St), H.setData(
         n.data.map((i) => ({
           ...i,
           time: i.time
         }))
-      )) : (B = t.addSeries($t, {
-        ...Lt,
+      )) : (H = t.addSeries(zt, {
+        ...B,
         ...St
-      }), B.setData(
+      }), H.setData(
         n.data.map((i) => ({
           ...i,
           time: i.time
         }))
-      ), w.current.set(n.label, B)), X++;
+      ), R.current.set(n.label, H)), Z++;
     }
     if (p && rt.length > 0)
       for (const o of rt)
@@ -349,7 +346,7 @@ function se({
             borderVisible: !0,
             borderColor: "rgba(224, 227, 235, 0.1)",
             entireTextOnly: !1,
-            textColor: F
+            textColor: I
           });
         } catch (n) {
           console.warn(
@@ -375,34 +372,34 @@ function se({
           borderVisible: !0,
           borderColor: "rgba(224, 227, 235, 0.1)",
           entireTextOnly: !1,
-          textColor: F
+          textColor: I
         });
       } catch {
       }
-    if (r !== void 0 && !y && (V || !p) && t.applyOptions({
+    if (r !== void 0 && !y && (k || !p) && t.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
-    }), I.length > 0) {
-      const o = I.map((E) => Number(E.time)), n = Math.min(...o), H = Math.max(...o);
-      t.timeScale().setVisibleRange({ from: n, to: H });
+    }), M.length > 0) {
+      const o = M.map((O) => Number(O.time)), n = Math.min(...o), _ = Math.max(...o);
+      t.timeScale().setVisibleRange({ from: n, to: _ });
     }
-    gt.current && (gt.current = !1);
+    mt.current && (mt.current = !1);
     const nt = /* @__PURE__ */ new Map();
     for (const o of e)
       o.data.length > 0 && nt.set(o.label, o.data[o.data.length - 1]);
-    tt(nt.size > 0 ? nt : void 0);
+    ot(nt.size > 0 ? nt : void 0);
   }, [
     e,
-    I,
+    M,
     f,
-    S,
+    w,
     y,
-    V,
+    k,
     ft,
-    dt
-  ]), D(() => {
-    const t = k.current;
+    gt
+  ]), E(() => {
+    const t = N.current;
     if (!t || e.length === 0) return;
     const a = e.length === 1;
     let r;
@@ -413,83 +410,96 @@ function se({
       }
     if (!r) return;
     const l = (s) => {
-      const { time: c = r, seriesData: u, point: N } = s || {}, d = Array.from(w.current.values());
-      if (!N || !c) {
-        const R = /* @__PURE__ */ new Map();
-        for (const g of e)
-          g.data.length > 0 && R.set(g.label, g.data[g.data.length - 1]);
-        if (tt(R.size > 0 ? R : void 0), a || V)
-          z(null);
-        else if (d[0] && r) {
+      const { time: c = r, seriesData: u, point: L } = s || {}, g = Array.from(R.current.values());
+      if (!L || !c) {
+        const V = /* @__PURE__ */ new Map();
+        for (const d of e)
+          d.data.length > 0 && V.set(d.label, d.data[d.data.length - 1]);
+        if (ot(V.size > 0 ? V : void 0), a || k)
+          A(null);
+        else if (g[0] && r) {
           const x = t.timeScale().timeToCoordinate(r), b = e[0];
           if (b.data.length > 0) {
-            const p = b.data[b.data.length - 1].value, T = d[0].priceToCoordinate(p);
-            x !== null && T !== null && z({ x, y: T });
+            const p = b.data[b.data.length - 1].value, S = g[0].priceToCoordinate(p);
+            x !== null && S !== null && A({ x, y: S });
           }
         }
         return;
       }
       const P = /* @__PURE__ */ new Map();
-      let L;
-      for (let R = 0; R < e.length; R++) {
-        const g = e[R], x = d[R];
+      let T;
+      for (let V = 0; V < e.length; V++) {
+        const d = e[V], x = g[V];
         if (!x) continue;
-        const b = u?.get(x), p = b && "value" in b ? b.value : void 0, T = g.data[g.data.length - 1], F = p !== void 0 ? p : T?.value ?? 0;
-        R === 0 && (L = F), P.set(g.label, { value: F, time: c });
+        const b = u?.get(x), p = b && "value" in b ? b.value : void 0;
+        let S;
+        if (p !== void 0)
+          S = p;
+        else {
+          const I = Number(c), D = d.data;
+          let G = 0;
+          for (let B = D.length - 1; B >= 0; B--)
+            if (Number(D[B].time) <= I) {
+              G = D[B].value;
+              break;
+            }
+          S = G;
+        }
+        V === 0 && (T = S), P.set(d.label, { value: S, time: c });
       }
-      if (tt(P), L !== void 0 && d[0]) {
-        const g = t.timeScale().timeToCoordinate(c), x = d[0].priceToCoordinate(L);
-        if (g !== null && x !== null) {
+      if (ot(P), T !== void 0 && g[0]) {
+        const d = t.timeScale().timeToCoordinate(c), x = g[0].priceToCoordinate(T);
+        if (d !== null && x !== null) {
           const b = $.current;
           if (b) {
             const p = b.querySelector(
               ".LightweightChart"
             );
             if (p) {
-              const T = p.getBoundingClientRect(), F = b.getBoundingClientRect(), et = g + (T.left - F.left), ot = x + (T.top - F.top);
-              z({ x: et, y: ot });
+              const S = p.getBoundingClientRect(), I = b.getBoundingClientRect(), D = d + (S.left - I.left), G = x + (S.top - I.top);
+              A({ x: D, y: G });
             } else
-              z({ x: g, y: x });
+              A({ x: d, y: x });
           } else
-            z({ x: g, y: x });
+            A({ x: d, y: x });
         } else
-          z(null);
+          A(null);
       } else
-        z(null);
+        A(null);
     };
-    return t.subscribeCrosshairMove(l), y && t.subscribeClick(l), !a && !V && requestAnimationFrame(() => {
-      const s = Array.from(w.current.values());
+    return t.subscribeCrosshairMove(l), y && t.subscribeClick(l), !a && !k && requestAnimationFrame(() => {
+      const s = Array.from(R.current.values());
       if (s[0] && r && e[0]?.data.length > 0) {
-        const u = t.timeScale().timeToCoordinate(r), N = e[0].data[e[0].data.length - 1].value, d = s[0].priceToCoordinate(N);
-        u !== null && d !== null && z({ x: u, y: d });
+        const u = t.timeScale().timeToCoordinate(r), L = e[0].data[e[0].data.length - 1].value, g = s[0].priceToCoordinate(L);
+        u !== null && g !== null && A({ x: u, y: g });
       }
     }), () => {
       t.unsubscribeCrosshairMove(l), y && t.unsubscribeClick(l);
     };
-  }, [e, V, y]), D(() => {
-    const t = k.current;
+  }, [e, k, y]), E(() => {
+    const t = N.current;
     if (!t || e.length === 0) return;
     const a = t.timeScale(), r = () => {
-      if (!Q.current) return;
+      if (!tt.current) return;
       const l = a.getVisibleRange();
       if (!l) return;
       const s = Number(l.from), c = Number(l.to), u = [];
-      for (const N of e)
-        for (const d of N.data) {
-          const P = Number(d.time);
-          P >= s && P <= c && u.push(d.value);
+      for (const L of e)
+        for (const g of L.data) {
+          const P = Number(g.time);
+          P >= s && P <= c && u.push(g.value);
         }
-      u.length > 0 && Q.current(u);
+      u.length > 0 && tt.current(u);
     };
     return a.subscribeVisibleLogicalRangeChange(r), () => {
       a.unsubscribeVisibleLogicalRangeChange(
         r
       );
     };
-  }, [e]), D(() => {
-    const t = k.current, a = Array.from(w.current.values()), r = [];
+  }, [e]), E(() => {
+    const t = N.current, a = Array.from(R.current.values()), r = [];
     if (t && a.length > 0 && C) {
-      const l = Ot(), s = a[0];
+      const l = Gt(), s = a[0];
       for (const c of C) {
         const u = new jt(t, s, c.xCoordinate, {
           ...l,
@@ -505,8 +515,8 @@ function se({
           l.detachPrimitive(s);
       }
     };
-  }, [C]), D(() => {
-    const t = k.current;
+  }, [C]), E(() => {
+    const t = N.current;
     if (!t || !C?.length) {
       pt([]);
       return;
@@ -523,14 +533,14 @@ function se({
       r.unsubscribeVisibleLogicalRangeChange(l);
     };
   }, [C]);
-  const _ = e.length === 1, vt = lt.useMemo(() => {
-    if (_ && e.length > 0) {
+  const q = e.length === 1, vt = lt.useMemo(() => {
+    if (q && e.length > 0) {
       const t = e[0];
       if (t.data.length > 0)
         return t.data[t.data.length - 1];
     }
-  }, [_, e]);
-  return /* @__PURE__ */ j(
+  }, [q, e]);
+  return /* @__PURE__ */ X(
     "div",
     {
       ref: $,
@@ -539,28 +549,28 @@ function se({
         v
       ),
       children: [
-        K != null && K !== !1 && _ ? /* @__PURE__ */ h("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ h("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: K }) }) : kt && _ && vt && /* @__PURE__ */ h(
-          Yt,
+        Q != null && Q !== !1 && q ? /* @__PURE__ */ h("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ h("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: Q }) }) : kt && q && vt && /* @__PURE__ */ h(
+          Ot,
           {
             point: vt,
             xMeasureUnit: f,
-            yMeasureUnit: S,
-            decimals: Z
+            yMeasureUnit: w,
+            decimals: J
           }
         ),
-        mt && bt && /* @__PURE__ */ h(
-          Ht,
+        dt && bt && /* @__PURE__ */ h(
+          Yt,
           {
-            points: mt,
+            points: dt,
             xMeasureUnit: f,
-            yMeasureUnit: S,
+            yMeasureUnit: w,
             series: e,
             position: bt,
             containerRef: $,
-            decimals: Z
+            decimals: J
           }
         ),
-        m && /* @__PURE__ */ h(Xt, { series: e, onUnselect: A }),
+        m && /* @__PURE__ */ h(_t, { series: e, onUnselect: F }),
         C && C.length > 0 && ht.length === C.length && /* @__PURE__ */ h(
           "div",
           {
@@ -569,21 +579,21 @@ function se({
             children: C.map((t, a) => {
               const r = ht[a], l = t.options ?? {}, s = l.showLabel !== !1;
               if (r === null || !s) return null;
-              const { labelText: c, valueStr: u } = Wt(
+              const { labelText: c, valueStr: u } = Ht(
                 l,
-                S,
-                Z
+                w,
+                J
               );
               if (!(c || u)) return null;
-              const d = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", P = l.labelTextColor ?? "hsl(var(--foreground))", L = `${String(t.xCoordinate)}-${c}`;
-              return /* @__PURE__ */ j(
+              const g = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", P = l.labelTextColor ?? "hsl(var(--foreground))", T = `${String(t.xCoordinate)}-${c}`;
+              return /* @__PURE__ */ X(
                 "div",
                 {
                   className: "absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
                   style: {
                     left: r,
                     transform: "translateX(-50%)",
-                    backgroundColor: d,
+                    backgroundColor: g,
                     color: P
                   },
                   children: [
@@ -591,7 +601,7 @@ function se({
                     u && /* @__PURE__ */ h("span", { className: ut("block", c && "mt-0.5"), children: u })
                   ]
                 },
-                L
+                T
               );
             })
           }
@@ -599,7 +609,7 @@ function se({
         /* @__PURE__ */ h(
           "div",
           {
-            ref: U,
+            ref: et,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -607,30 +617,30 @@ function se({
     }
   );
 }
-function Xt({
+function _t({
   series: e,
   onUnselect: v
 }) {
-  return /* @__PURE__ */ h("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: e.map((m, A) => {
-    const f = Vt(A), S = (m.lineColor ?? m.color) || f.line, Y = m.data.length === 0;
-    return /* @__PURE__ */ j(
+  return /* @__PURE__ */ h("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: e.map((m, F) => {
+    const f = yt(F), w = (m.lineColor ?? m.color) || f.line, W = m.data.length === 0;
+    return /* @__PURE__ */ X(
       "div",
       {
         className: ut(
           "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
-          Y && "opacity-50"
+          W && "opacity-50"
         ),
         children: [
           /* @__PURE__ */ h(
             "div",
             {
               className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: S }
+              style: { backgroundColor: w }
             }
           ),
-          /* @__PURE__ */ j("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
+          /* @__PURE__ */ X("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
             m.label,
-            Y && " (no data)"
+            W && " (no data)"
           ] }),
           v && /* @__PURE__ */ h(
             "button",
@@ -641,7 +651,7 @@ function Xt({
               },
               className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer",
               "aria-label": `Remove ${m.label}`,
-              children: /* @__PURE__ */ j(
+              children: /* @__PURE__ */ X(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -672,7 +682,7 @@ function Xt({
 }
 export {
   ct as DEFAULT_SERIES_COLORS,
-  se as Graph,
-  Vt as getSeriesColorPalette,
-  Wt as getVerticalLineTooltipContent
+  ie as Graph,
+  yt as getSeriesColorPalette,
+  Ht as getVerticalLineTooltipContent
 };