@gearbox-protocol/ui-kit 3.13.1 → 3.14.0-next.1

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

@@ -1,30 +1,30 @@
-import { jsxs as Z, jsx as p } from "react/jsx-runtime";
-import { createChart as Ot, CrosshairMode as Yt, AreaSeries as Gt } from "lightweight-charts";
-import * as ut from "react";
-import { useRef as M, useState as ft, useEffect as O } from "react";
-import { useIsMobile as Bt } from "../../hooks/use-media-query.js";
-import { cn as mt } from "../../utils/cn.js";
-import { resolveCSSColor as kt, generateColorsFromBase as U, hslToHex as jt } from "../../utils/colors.js";
-import { getDefaultOptions as Pt, getDefaultSeries as Ht, getDefaultVerticalLine as _t } from "./default-config.js";
-import { getXFormatters as Lt, createAdaptiveYAxisFormatter as Wt, formatExactValue as dt } from "./formatters.js";
-import { GraphCurrentValue as Xt } from "./graph-current-value.js";
-import { GraphTooltip as qt } from "./graph-tooltip.js";
-import { VertLine as Zt } from "./plugins/vertical-line.js";
-function Kt(e, C, u) {
-  const T = e.labelText ?? "", g = e.value, N = g === void 0 ? "" : typeof g == "number" ? C === "$" ? `$${dt(g, void 0, u)}` : C === "%" ? `${dt(g, void 0, u)}%` : dt(
+import { jsxs as K, jsx as p } from "react/jsx-runtime";
+import { createChart as We, CrosshairMode as Ye, AreaSeries as Ge } from "lightweight-charts";
+import * as fe from "react";
+import { useRef as L, useState as de, useEffect as $ } from "react";
+import { useIsMobile as Be } from "../../hooks/use-media-query.js";
+import { cn as he } from "../../utils/cn.js";
+import { resolveCSSColor as Me, generateColorsFromBase as ee, hslToHex as je } from "../../utils/colors.js";
+import { getDefaultOptions as Pe, getDefaultSeries as He, getDefaultVerticalLine as _e } from "./default-config.js";
+import { getXFormatters as Te, createAdaptiveYAxisFormatter as Xe, formatExactValue as ge } from "./formatters.js";
+import { GraphCurrentValue as qe } from "./graph-current-value.js";
+import { GraphTooltip as Ke } from "./graph-tooltip.js";
+import { VertLine as Je } from "./plugins/vertical-line.js";
+function Qe(t, v, u) {
+  const D = t.labelText ?? "", g = t.value, N = g === void 0 ? "" : typeof g == "number" ? v === "$" ? `$${ge(g, void 0, u)}` : v === "%" ? `${ge(g, void 0, u)}%` : ge(
     g,
-    C !== "none" && C !== "%" && C !== "$" ? C : void 0,
+    v !== "none" && v !== "%" && v !== "$" ? v : void 0,
     u
   ) : String(g);
-  return { labelText: T, valueStr: N };
+  return { labelText: D, valueStr: N };
 }
-function Jt(e, C) {
-  for (let u = e.length - 1; u >= 0; u--)
-    if (Number(e[u].time) <= C)
-      return e[u].value;
+function Ze(t, v) {
+  for (let u = t.length - 1; u >= 0; u--)
+    if (Number(t[u].time) <= v)
+      return t[u].value;
   return 0;
 }
-const gt = [
+const me = [
   // 0  green (emerald)
   {
     line: "#02c39a",
@@ -139,99 +139,145 @@ const gt = [
     top: "rgba(71, 85, 105, 0.56)",
     bottom: "rgba(71, 85, 105, 0.04)"
   }
-], Qt = 137.5;
-function It(e) {
-  if (e < gt.length)
-    return gt[e];
-  const u = (e - gt.length) * Qt % 360, T = jt(u, 70, 50), { topColor: g, bottomColor: N } = U(T);
-  return { line: T, top: g, bottom: N };
+], Ue = 137.5;
+function Le(t) {
+  if (t < me.length)
+    return me[t];
+  const u = (t - me.length) * Ue % 360, D = je(u, 70, 50), { topColor: g, bottomColor: N } = ee(D);
+  return { line: D, top: g, bottom: N };
 }
-function me({
-  series: e,
-  className: C,
+function ht({
+  series: t,
+  className: v,
   showLegend: u = !1,
-  onUnselectSeries: T,
+  onUnselectSeries: D,
   xMeasureUnit: g = "time",
   yMeasureUnit: N = "token",
-  optionsOverrides: W,
+  optionsOverrides: _,
   verticalLineOptions: x,
-  currentValueDecimals: tt,
-  useSharedPriceScale: k = !1,
-  showCurrentValue: Mt = !0,
-  graphTitle: et,
-  yScaleMin: bt,
-  yScaleMinMultiple: ht,
-  visibleTimeFrom: $
+  currentValueDecimals: te,
+  useSharedPriceScale: M = !1,
+  showCurrentValue: De = !0,
+  graphTitle: oe,
+  yScaleMin: be,
+  yScaleMinMultiple: pe,
+  visibleTimeFrom: E,
+  disableZoom: J = !1
 }) {
-  const P = M(null), w = M(/* @__PURE__ */ new Map()), ot = M(!1), pt = M(!0), rt = M(
+  const R = L(null), w = L(/* @__PURE__ */ new Map()), re = L(!1), ve = L(!0), ne = L(
     null
-  ), Tt = M(null), E = M(null), nt = M(null), K = M(null), R = Bt(), A = ut.useMemo(() => e.flatMap((t) => t.data), [e]), At = ut.useMemo(() => {
-    if (e.length > 0) {
-      const t = e[e.length - 1];
-      if (t.data.length > 0)
-        return t.data[t.data.length - 1];
+  ), Ie = L(null), O = L(null), ae = L(null), Q = L(null), V = Be(), I = fe.useMemo(() => t.flatMap((e) => e.data), [t]), ze = fe.useMemo(() => {
+    if (t.length > 0) {
+      const e = t[t.length - 1];
+      if (e.data.length > 0)
+        return e.data[e.data.length - 1];
     }
-  }, [e]), [Ct, at] = ft(() => {
-    if (!At) 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;
-  }), [vt, F] = ft(null), [xt, St] = ft([]);
-  O(() => {
-    const t = () => {
+  }, [t]), [Ce, le] = de(() => {
+    if (!ze) return;
+    const e = /* @__PURE__ */ new Map();
+    for (const a of t)
+      a.data.length > 0 && e.set(a.label, a.data[a.data.length - 1]);
+    return e;
+  }), [xe, z] = de(null), [Se, Ne] = de([]);
+  $(() => {
+    const e = () => {
       try {
-        if (P.current && E.current) {
-          const l = E.current.clientWidth, s = E.current.clientHeight;
-          P.current.resize(l, s);
+        if (R.current && O.current) {
+          const l = O.current.clientWidth, i = O.current.clientHeight;
+          R.current.resize(l, i);
         }
       } catch {
       }
-    }, a = E.current, r = a ? new ResizeObserver(t) : null;
-    return K.current = r, a && r?.observe(a), () => {
-      a && r?.unobserve(a), r?.disconnect(), K.current = null;
+    }, a = O.current, r = a ? new ResizeObserver(e) : null;
+    return Q.current = r, a && r?.observe(a), () => {
+      a && r?.unobserve(a), r?.disconnect(), Q.current = null;
     };
-  }, []), O(() => {
-    if (!nt.current || ot.current) return;
-    const t = Pt(), a = kt(
+  }, []), $(() => {
+    if (!ae.current || re.current) return;
+    const e = Pe(), a = Me(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
-    ), r = Ot(nt.current, {
-      ...t,
+    ), r = J ? {
+      handleScale: {
+        mouseWheel: !1,
+        pinch: !1,
+        axisPressedMouseMove: !1,
+        axisDoubleClickReset: !1
+      },
+      handleScroll: {
+        mouseWheel: !1,
+        pressedMouseMove: !1,
+        horzTouchDrag: !1,
+        vertTouchDrag: !1
+      }
+    } : {}, l = We(ae.current, {
+      ...e,
       rightPriceScale: {
-        ...t.rightPriceScale || {},
-        visible: !R,
+        ...e.rightPriceScale || {},
+        visible: !V,
         textColor: a
       },
-      ...R && {
+      ...V && {
         crosshair: {
-          ...t.crosshair,
-          mode: Yt.Magnet
+          ...e.crosshair,
+          mode: Ye.Magnet
         }
       },
-      ...W
+      ...r,
+      ..._
     });
-    return P.current = r, ot.current = !0, () => {
-      K.current?.disconnect(), K.current = null, r.remove(), P.current = null, ot.current = !1, w.current.clear();
+    return R.current = l, re.current = !0, () => {
+      Q.current?.disconnect(), Q.current = null, l.remove(), R.current = null, re.current = !1, w.current.clear();
     };
-  }, [R, W]), O(() => {
-    const t = P.current;
-    if (!t || e.length === 0) return;
-    const r = e.filter((o) => o.data.length > 0).length <= 1 ? bt : ht, l = g === "time" ? Lt(g, A) : Lt(g), s = A.map((o) => o.value), {
+  }, [V, _, J]), $(() => {
+    const e = R.current;
+    e && e.applyOptions(
+      J ? {
+        handleScale: {
+          mouseWheel: !1,
+          pinch: !1,
+          axisPressedMouseMove: !1,
+          axisDoubleClickReset: !1
+        },
+        handleScroll: {
+          mouseWheel: !1,
+          pressedMouseMove: !1,
+          horzTouchDrag: !1,
+          vertTouchDrag: !1
+        }
+      } : {
+        handleScale: {
+          mouseWheel: !0,
+          pinch: !0,
+          axisPressedMouseMove: !0,
+          axisDoubleClickReset: !0
+        },
+        handleScroll: {
+          mouseWheel: !0,
+          pressedMouseMove: !0,
+          horzTouchDrag: !0,
+          vertTouchDrag: !0
+        }
+      }
+    );
+  }, [J]), $(() => {
+    const e = R.current;
+    if (!e || t.length === 0) return;
+    const r = t.filter((o) => o.data.length > 0).length <= 1 ? be : pe, l = g === "time" ? Te(g, I) : Te(g), i = I.map((o) => o.value), {
       formatter: c,
       tickmarksFormatter: f,
-      updateVisibleRange: L,
+      updateVisibleRange: P,
       updateLastValues: m
-    } = Wt(s, N, {
+    } = Xe(i, N, {
       yScaleMin: r
     });
-    rt.current = L, Tt.current = m;
-    const I = e.filter((o) => o.data.length > 0).map((o) => o.data[o.data.length - 1].value);
-    m(I);
-    const V = Pt();
-    t.applyOptions({
+    ne.current = P, Ie.current = m;
+    const T = t.filter((o) => o.data.length > 0).map((o) => o.data[o.data.length - 1].value);
+    m(T);
+    const k = Pe();
+    e.applyOptions({
       localization: {
-        ...V.localization || {},
+        ...k.localization || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
         timeFormatter: (o) => (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
@@ -239,22 +285,22 @@ function me({
         )
       },
       timeScale: {
-        ...V.timeScale || {},
+        ...k.timeScale || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
         tickMarkFormatter: l.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const d = (A.length > 0 ? Math.min(...A.map((o) => o.value)) : 0) < 0, S = A.some((o) => o.value === 0), b = !d && S, v = e.length > 1 && !k, h = e.length > 1 && !k || R, z = kt(
+    const d = (I.length > 0 ? Math.min(...I.map((o) => o.value)) : 0) < 0, S = I.some((o) => o.value === 0), h = !d && S, C = t.length > 1 && !M, b = t.length > 1 && !M || V, A = Me(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
-    t.applyOptions({
+    e.applyOptions({
       rightPriceScale: {
-        ...V.rightPriceScale || {},
-        visible: !h,
-        textColor: z,
-        ...b && {
+        ...k.rightPriceScale || {},
+        visible: !b,
+        textColor: A,
+        ...h && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -262,85 +308,85 @@ function me({
         }
       }
     });
-    const X = new Set(w.current.keys()), lt = new Set(e.map((o) => o.label));
+    const X = new Set(w.current.keys()), se = new Set(t.map((o) => o.label));
     for (const o of X)
-      if (!lt.has(o)) {
+      if (!se.has(o)) {
         const n = w.current.get(o);
-        n && (t.removeSeries(n), w.current.delete(o));
+        n && (e.removeSeries(n), w.current.delete(o));
       }
-    const Ft = Ht(), it = [];
-    let Q = 0;
-    for (let o = 0; o < e.length; o++) {
-      const n = e[o], q = It(o), Y = n.lineColor ?? n.color ?? q.line;
-      let D, G;
+    const Ae = He(), ie = [];
+    let U = 0;
+    for (let o = 0; o < t.length; o++) {
+      const n = t[o], q = Le(o), W = n.lineColor ?? n.color ?? q.line;
+      let F, Y;
       if (n.lineColor ?? n.color)
         if (n.topColor && n.bottomColor)
-          D = n.topColor, G = n.bottomColor;
+          F = n.topColor, Y = n.bottomColor;
         else if (n.topColor) {
-          const i = U(Y);
-          D = n.topColor, G = i.bottomColor;
+          const s = ee(W);
+          F = n.topColor, Y = s.bottomColor;
         } else if (n.bottomColor)
-          D = U(Y).topColor, G = n.bottomColor;
+          F = ee(W).topColor, Y = n.bottomColor;
         else {
-          const i = U(Y);
-          D = i.topColor, G = i.bottomColor;
+          const s = ee(W);
+          F = s.topColor, Y = s.bottomColor;
         }
       else
-        D = n.topColor || q.top, G = n.bottomColor || q.bottom;
+        F = n.topColor || q.top, Y = n.bottomColor || q.bottom;
       if (n.data.length === 0) {
-        const i = w.current.get(n.label);
-        i && (t.removeSeries(i), w.current.delete(n.label));
+        const s = w.current.get(n.label);
+        s && (e.removeSeries(s), w.current.delete(n.label));
         continue;
       }
-      const zt = (n.data.length > 0 ? Math.min(...n.data.map((i) => i.value)) : 0) < 0, Dt = n.data.some((i) => i.value === 0), $t = !zt && Dt, wt = k || !v || Q === 0 ? "right" : `scale-${Q}`;
-      v && it.push({
-        priceScaleId: wt || "right",
-        shouldPreventNegativeAxis: $t,
-        seriesIndex: Q
+      const Fe = (n.data.length > 0 ? Math.min(...n.data.map((s) => s.value)) : 0) < 0, $e = n.data.some((s) => s.value === 0), Ee = !Fe && $e, Re = M || !C || U === 0 ? "right" : `scale-${U}`;
+      C && ie.push({
+        priceScaleId: Re || "right",
+        shouldPreventNegativeAxis: Ee,
+        seriesIndex: U
       });
-      const Rt = (k || !v) && r !== void 0 && typeof r == "number", Vt = {
-        lineColor: Y,
-        topColor: D,
-        bottomColor: G,
-        priceScaleId: wt,
+      const Ve = (M || !C) && r !== void 0 && typeof r == "number", ke = {
+        lineColor: W,
+        topColor: F,
+        bottomColor: Y,
+        priceScaleId: Re,
         priceFormat: {
           type: "custom",
           minMove: 0.01,
-          formatter: Rt && typeof r == "number" ? (i) => c(
-            i < r ? r : i
+          formatter: Ve && typeof r == "number" ? (s) => c(
+            s < r ? r : s
           ) : c,
           tickmarksFormatter: f
         },
-        autoscaleInfoProvider: (i) => {
-          if (!Rt) return i();
-          const H = i();
-          if (H?.priceRange) {
-            const _ = r;
-            H.priceRange.minValue = _;
+        autoscaleInfoProvider: (s) => {
+          if (!Ve) return s();
+          const j = s();
+          if (j?.priceRange) {
+            const H = r;
+            j.priceRange.minValue = H;
           }
-          return H;
+          return j;
         }
       };
-      let B = w.current.get(n.label);
-      const j = n.data.map((i) => ({
-        ...i,
-        time: i.time
+      let G = w.current.get(n.label);
+      const B = n.data.map((s) => ({
+        ...s,
+        time: s.time
       }));
-      if ($ !== void 0 && j.length > 0 && Number(j[0].time) > $) {
-        const i = Number(j[0].time), H = i - $, _ = 86400, Et = H > 180 * _ ? 7 * _ : H > 30 * _ ? _ : 6 * 3600, yt = [];
-        for (let ct = $; ct < i; ct += Et)
-          yt.push({ time: ct });
-        j.unshift(...yt);
+      if (E !== void 0 && B.length > 0 && Number(B[0].time) > E) {
+        const s = Number(B[0].time), j = s - E, H = 86400, Oe = j > 180 * H ? 7 * H : j > 30 * H ? H : 6 * 3600, ye = [];
+        for (let ue = E; ue < s; ue += Oe)
+          ye.push({ time: ue });
+        B.unshift(...ye);
       }
-      B ? (B.applyOptions(Vt), B.setData(j)) : (B = t.addSeries(Gt, {
-        ...Ft,
-        ...Vt
-      }), B.setData(j), w.current.set(n.label, B)), Q++;
+      G ? (G.applyOptions(ke), G.setData(B)) : (G = e.addSeries(Ge, {
+        ...Ae,
+        ...ke
+      }), G.setData(B), w.current.set(n.label, G)), U++;
     }
-    if (v && it.length > 0)
-      for (const o of it)
+    if (C && ie.length > 0)
+      for (const o of ie)
         try {
-          const n = t.priceScale(o.priceScaleId);
+          const n = e.priceScale(o.priceScaleId);
           n && n.applyOptions({
             visible: !1,
             autoScale: !0,
@@ -356,7 +402,7 @@ function me({
             borderVisible: !0,
             borderColor: "rgba(224, 227, 235, 0.1)",
             entireTextOnly: !1,
-            textColor: z
+            textColor: A
           });
         } catch (n) {
           console.warn(
@@ -364,17 +410,17 @@ function me({
             n
           );
         }
-    else if (!v)
+    else if (!C)
       try {
-        const o = t.priceScale("right");
+        const o = e.priceScale("right");
         o && o.applyOptions({
-          visible: !R,
+          visible: !V,
           autoScale: !0,
           scaleMargins: {
             top: 0.1,
             // No bottom margin when yScaleMin is set so the scale doesn't extend below the minimum (avoids negative labels like -10M)
-            bottom: r !== void 0 || b ? 0 : 0.1,
-            ...b && {
+            bottom: r !== void 0 || h ? 0 : 0.1,
+            ...h && {
               top: 0.3
             }
           },
@@ -382,217 +428,217 @@ function me({
           borderVisible: !0,
           borderColor: "rgba(224, 227, 235, 0.1)",
           entireTextOnly: !1,
-          textColor: z
+          textColor: A
         });
       } catch {
       }
-    if (r !== void 0 && !R && (k || !v) && t.applyOptions({
+    if (r !== void 0 && !V && (M || !C) && e.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
-    }), A.length > 0) {
-      const o = A.map((D) => Number(D.time)), n = Math.min(...o), q = $ !== void 0 ? Math.min($, n) : n, Y = Math.max(...o);
-      t.timeScale().setVisibleRange({ from: q, to: Y });
+    }), I.length > 0) {
+      const o = I.map((F) => Number(F.time)), n = Math.min(...o), q = E !== void 0 ? Math.min(E, n) : n, W = Math.max(...o);
+      e.timeScale().setVisibleRange({ from: q, to: W });
     }
-    pt.current && (pt.current = !1);
-    const st = /* @__PURE__ */ new Map();
-    for (const o of e)
-      o.data.length > 0 && st.set(o.label, o.data[o.data.length - 1]);
-    at(st.size > 0 ? st : void 0);
+    ve.current && (ve.current = !1);
+    const ce = /* @__PURE__ */ new Map();
+    for (const o of t)
+      o.data.length > 0 && ce.set(o.label, o.data[o.data.length - 1]);
+    le(ce.size > 0 ? ce : void 0);
   }, [
-    e,
-    A,
+    t,
+    I,
     g,
     N,
-    R,
-    k,
-    bt,
-    ht,
-    $
-  ]), O(() => {
-    const t = P.current;
-    if (!t || e.length === 0) return;
-    const a = e.length === 1;
+    V,
+    M,
+    be,
+    pe,
+    E
+  ]), $(() => {
+    const e = R.current;
+    if (!e || t.length === 0) return;
+    const a = t.length === 1;
     let r;
-    for (const s of e)
-      if (s.data.length > 0) {
-        r = s.data[s.data.length - 1].time;
+    for (const i of t)
+      if (i.data.length > 0) {
+        r = i.data[i.data.length - 1].time;
         break;
       }
     if (!r) return;
-    const l = (s) => {
-      const { time: c = r, seriesData: f, point: L } = s || {}, m = Array.from(w.current.values());
-      if (!L || !c) {
+    const l = (i) => {
+      const { time: c = r, seriesData: f, point: P } = i || {}, m = Array.from(w.current.values());
+      if (!P || !c) {
         const y = /* @__PURE__ */ new Map();
-        for (const d of e)
+        for (const d of t)
           d.data.length > 0 && y.set(d.label, d.data[d.data.length - 1]);
-        if (at(y.size > 0 ? y : void 0), a || k)
-          F(null);
+        if (le(y.size > 0 ? y : void 0), a || M)
+          z(null);
         else if (m[0] && r) {
-          const S = t.timeScale().timeToCoordinate(r), b = e[0];
-          if (b.data.length > 0) {
-            const v = b.data[b.data.length - 1].value, h = m[0].priceToCoordinate(v);
-            S !== null && h !== null && F({ x: S, y: h });
+          const S = e.timeScale().timeToCoordinate(r), h = t[0];
+          if (h.data.length > 0) {
+            const C = h.data[h.data.length - 1].value, b = m[0].priceToCoordinate(C);
+            S !== null && b !== null && z({ x: S, y: b });
           }
         }
         return;
       }
-      const I = /* @__PURE__ */ new Map();
-      let V;
-      for (let y = 0; y < e.length; y++) {
-        const d = e[y], S = m[y];
+      const T = /* @__PURE__ */ new Map();
+      let k;
+      for (let y = 0; y < t.length; y++) {
+        const d = t[y], S = m[y];
         if (!S) continue;
-        const b = f?.get(S), v = b && "value" in b ? b.value : void 0;
-        let h;
-        if (v !== void 0)
-          h = v;
+        const h = f?.get(S), C = h && "value" in h ? h.value : void 0;
+        let b;
+        if (C !== void 0)
+          b = C;
         else if (a) {
-          const z = Number(c), X = d.data.length > 0 ? Number(d.data[0].time) : Number.POSITIVE_INFINITY;
-          z < X ? h = Number.NaN : h = d.data[d.data.length - 1]?.value ?? 0;
+          const A = Number(c), X = d.data.length > 0 ? Number(d.data[0].time) : Number.POSITIVE_INFINITY;
+          A < X ? b = Number.NaN : b = d.data[d.data.length - 1]?.value ?? 0;
         } else
-          h = Jt(d.data, Number(c));
-        Number.isNaN(h) || (V === void 0 && (V = h), I.set(d.label, { value: h, time: c }));
+          b = Ze(d.data, Number(c));
+        Number.isNaN(b) || (k === void 0 && (k = b), T.set(d.label, { value: b, time: c }));
       }
-      if (at(I), V !== void 0 && m[0]) {
-        const d = t.timeScale().timeToCoordinate(c), S = m[0].priceToCoordinate(V);
+      if (le(T), k !== void 0 && m[0]) {
+        const d = e.timeScale().timeToCoordinate(c), S = m[0].priceToCoordinate(k);
         if (d !== null && S !== null) {
-          const b = E.current;
-          if (b) {
-            const v = b.querySelector(
+          const h = O.current;
+          if (h) {
+            const C = h.querySelector(
               ".LightweightChart"
             );
-            if (v) {
-              const h = v.getBoundingClientRect(), z = b.getBoundingClientRect(), X = d + (h.left - z.left), lt = S + (h.top - z.top);
-              F({ x: X, y: lt });
+            if (C) {
+              const b = C.getBoundingClientRect(), A = h.getBoundingClientRect(), X = d + (b.left - A.left), se = S + (b.top - A.top);
+              z({ x: X, y: se });
             } else
-              F({ x: d, y: S });
+              z({ x: d, y: S });
           } else
-            F({ x: d, y: S });
+            z({ x: d, y: S });
         } else
-          F(null);
+          z(null);
       } else
-        F(null);
+        z(null);
     };
-    return t.subscribeCrosshairMove(l), R && t.subscribeClick(l), !a && !k && requestAnimationFrame(() => {
-      const s = Array.from(w.current.values());
-      if (s[0] && r && e[0]?.data.length > 0) {
-        const f = t.timeScale().timeToCoordinate(r), L = e[0].data[e[0].data.length - 1].value, m = s[0].priceToCoordinate(L);
-        f !== null && m !== null && F({ x: f, y: m });
+    return e.subscribeCrosshairMove(l), V && e.subscribeClick(l), !a && !M && requestAnimationFrame(() => {
+      const i = Array.from(w.current.values());
+      if (i[0] && r && t[0]?.data.length > 0) {
+        const f = e.timeScale().timeToCoordinate(r), P = t[0].data[t[0].data.length - 1].value, m = i[0].priceToCoordinate(P);
+        f !== null && m !== null && z({ x: f, y: m });
       }
     }), () => {
-      t.unsubscribeCrosshairMove(l), R && t.unsubscribeClick(l);
+      e.unsubscribeCrosshairMove(l), V && e.unsubscribeClick(l);
     };
-  }, [e, k, R]), O(() => {
-    const t = P.current;
-    if (!t || e.length === 0) return;
-    const a = t.timeScale(), r = () => {
-      if (!rt.current) return;
+  }, [t, M, V]), $(() => {
+    const e = R.current;
+    if (!e || t.length === 0) return;
+    const a = e.timeScale(), r = () => {
+      if (!ne.current) return;
       const l = a.getVisibleRange();
       if (!l) return;
-      const s = Number(l.from), c = Number(l.to), f = [];
-      for (const L of e)
-        for (const m of L.data) {
-          const I = Number(m.time);
-          I >= s && I <= c && f.push(m.value);
+      const i = Number(l.from), c = Number(l.to), f = [];
+      for (const P of t)
+        for (const m of P.data) {
+          const T = Number(m.time);
+          T >= i && T <= c && f.push(m.value);
         }
-      f.length > 0 && rt.current(f);
+      f.length > 0 && ne.current(f);
     };
     return a.subscribeVisibleLogicalRangeChange(r), () => {
       a.unsubscribeVisibleLogicalRangeChange(
         r
       );
     };
-  }, [e]), O(() => {
-    const t = P.current, a = Array.from(w.current.values()), r = [];
-    if (t && a.length > 0 && x) {
-      const l = _t(), s = a[0];
+  }, [t]), $(() => {
+    const e = R.current, a = Array.from(w.current.values()), r = [];
+    if (e && a.length > 0 && x) {
+      const l = _e(), i = a[0];
       for (const c of x) {
-        const f = new Zt(t, s, c.xCoordinate, {
+        const f = new Je(e, i, c.xCoordinate, {
           ...l,
           ...c.options || {}
         });
-        s.attachPrimitive(f), r.push(f);
+        i.attachPrimitive(f), r.push(f);
       }
     }
     return () => {
       if (a.length > 0) {
         const l = a[0];
-        for (const s of r)
-          l.detachPrimitive(s);
+        for (const i of r)
+          l.detachPrimitive(i);
       }
     };
-  }, [x]), O(() => {
-    const t = P.current;
-    if (!t || !x?.length) {
-      St([]);
+  }, [x, t]), $(() => {
+    const e = R.current;
+    if (!e || !x?.length) {
+      Ne([]);
       return;
     }
     const a = () => {
-      const s = t.timeScale(), c = x.map((f) => s.timeToCoordinate(f.xCoordinate) ?? null);
-      St(c);
+      const i = e.timeScale(), c = x.map((f) => i.timeToCoordinate(f.xCoordinate) ?? null);
+      Ne(c);
     };
     a();
-    const r = t.timeScale(), l = () => {
+    const r = e.timeScale(), l = () => {
       a();
     };
     return r.subscribeVisibleLogicalRangeChange(l), () => {
       r.unsubscribeVisibleLogicalRangeChange(l);
     };
-  }, [x]);
-  const J = e.length === 1, Nt = ut.useMemo(() => {
-    if (J && e.length > 0) {
-      const t = e[0];
-      if (t.data.length > 0)
-        return t.data[t.data.length - 1];
+  }, [x, t]);
+  const Z = t.length === 1, we = fe.useMemo(() => {
+    if (Z && t.length > 0) {
+      const e = t[0];
+      if (e.data.length > 0)
+        return e.data[e.data.length - 1];
     }
-  }, [J, e]);
-  return /* @__PURE__ */ Z(
+  }, [Z, t]);
+  return /* @__PURE__ */ K(
     "div",
     {
-      ref: E,
-      className: mt(
+      ref: O,
+      className: he(
         "relative z-[1] w-full h-full overflow-hidden p-0",
-        C
+        v
       ),
       children: [
-        et != null && et !== !1 && J ? /* @__PURE__ */ p("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ p("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: et }) }) : Mt && J && Nt && /* @__PURE__ */ p(
-          Xt,
+        oe != null && oe !== !1 && Z ? /* @__PURE__ */ p("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ p("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: oe }) }) : De && Z && we && /* @__PURE__ */ p(
+          qe,
           {
-            point: Nt,
+            point: we,
             xMeasureUnit: g,
             yMeasureUnit: N,
-            decimals: tt
+            decimals: te
           }
         ),
-        Ct && vt && /* @__PURE__ */ p(
-          qt,
+        Ce && xe && /* @__PURE__ */ p(
+          Ke,
           {
-            points: Ct,
+            points: Ce,
             xMeasureUnit: g,
             yMeasureUnit: N,
-            series: e,
-            position: vt,
-            containerRef: E,
-            decimals: tt
+            series: t,
+            position: xe,
+            containerRef: O,
+            decimals: te
           }
         ),
-        u && /* @__PURE__ */ p(Ut, { series: e, onUnselect: T }),
-        x && x.length > 0 && xt.length === x.length && /* @__PURE__ */ p(
+        u && /* @__PURE__ */ p(et, { series: t, onUnselect: D }),
+        x && x.length > 0 && Se.length === x.length && /* @__PURE__ */ p(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
             "aria-hidden": !0,
-            children: x.map((t, a) => {
-              const r = xt[a], l = t.options ?? {}, s = l.showLabel !== !1;
-              if (r === null || !s) return null;
-              const { labelText: c, valueStr: f } = Kt(
+            children: x.map((e, a) => {
+              const r = Se[a], l = e.options ?? {}, i = l.showLabel !== !1;
+              if (r === null || !i) return null;
+              const { labelText: c, valueStr: f } = Qe(
                 l,
                 N,
-                tt
+                te
               );
               if (!(c || f)) return null;
-              const m = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", I = l.labelTextColor ?? "hsl(var(--foreground))", V = `${String(t.xCoordinate)}-${c}`;
-              return /* @__PURE__ */ Z(
+              const m = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", T = l.labelTextColor ?? "hsl(var(--foreground))", k = `${String(e.xCoordinate)}-${c}`;
+              return /* @__PURE__ */ K(
                 "div",
                 {
                   className: "absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
@@ -600,14 +646,14 @@ function me({
                     left: r,
                     transform: "translateX(-50%)",
                     backgroundColor: m,
-                    color: I
+                    color: T
                   },
                   children: [
                     c && /* @__PURE__ */ p("span", { className: "block", children: c }),
-                    f && /* @__PURE__ */ p("span", { className: mt("block", c && "mt-0.5"), children: f })
+                    f && /* @__PURE__ */ p("span", { className: he("block", c && "mt-0.5"), children: f })
                   ]
                 },
-                V
+                k
               );
             })
           }
@@ -615,7 +661,7 @@ function me({
         /* @__PURE__ */ p(
           "div",
           {
-            ref: nt,
+            ref: ae,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -623,18 +669,18 @@ function me({
     }
   );
 }
-function Ut({
-  series: e,
-  onUnselect: C
+function et({
+  series: t,
+  onUnselect: v
 }) {
-  return /* @__PURE__ */ p("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: e.map((u, T) => {
-    const g = It(T), N = (u.lineColor ?? u.color) || g.line, W = u.data.length === 0;
-    return /* @__PURE__ */ Z(
+  return /* @__PURE__ */ p("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: t.map((u, D) => {
+    const g = Le(D), N = (u.lineColor ?? u.color) || g.line, _ = u.data.length === 0;
+    return /* @__PURE__ */ K(
       "div",
       {
-        className: mt(
+        className: he(
           "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
-          W && "opacity-50"
+          _ && "opacity-50"
         ),
         children: [
           /* @__PURE__ */ p(
@@ -644,20 +690,20 @@ function Ut({
               style: { backgroundColor: N }
             }
           ),
-          /* @__PURE__ */ Z("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
+          /* @__PURE__ */ K("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
             u.label,
-            W && " (no data)"
+            _ && " (no data)"
           ] }),
-          C && /* @__PURE__ */ p(
+          v && /* @__PURE__ */ p(
             "button",
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), C(u.label);
+                x.stopPropagation(), v(u.label);
               },
               className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer",
               "aria-label": `Remove ${u.label}`,
-              children: /* @__PURE__ */ Z(
+              children: /* @__PURE__ */ K(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -687,9 +733,9 @@ function Ut({
   }) });
 }
 export {
-  gt as DEFAULT_SERIES_COLORS,
-  me as Graph,
-  It as getSeriesColorPalette,
-  Jt as getStepForwardValue,
-  Kt as getVerticalLineTooltipContent
+  me as DEFAULT_SERIES_COLORS,
+  ht as Graph,
+  Le as getSeriesColorPalette,
+  Ze as getStepForwardValue,
+  Qe as getVerticalLineTooltipContent
 };