@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.62

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

@@ -1,25 +1,26 @@
 import { jsxs as U, jsx as w } from "react/jsx-runtime";
-import { createChart as ht, CrosshairMode as gt, LineStyle as ie, LineSeries as pt, AreaSeries as dt } from "lightweight-charts";
-import * as we from "react";
-import { useRef as K, useState as oe, useEffect as G, useLayoutEffect as mt } from "react";
-import { useIsMobile as bt } from "../../hooks/use-media-query.js";
-import { cn as O } from "../../utils/cn.js";
-import { hslToHex as St, generateColorsFromBase as de, resolveCSSColor as re } from "../../utils/colors.js";
-import { AXIS_TIME_EDGE_PADDING_PX as vt, getDefaultOptions as Ze, getDefaultSeries as Ct, AXIS_TICK_MARK_DENSITY as pe, getDefaultVerticalLine as yt, AXIS_FONT_SIZE as xt, AXIS_EDGE_LABEL_PADDING_PX as qe, AXIS_TOP_LABEL_PADDING_PX as Oe } from "./default-config.js";
-import { formatExactValue as Pe, isRatioUnit as _t, getXFormatters as Je, createAdaptiveYAxisFormatter as wt } from "./formatters.js";
-import { GraphCurrentValue as Pt } from "./graph-current-value.js";
-import { GraphTooltip as Tt } from "./graph-tooltip.js";
-import { VertLine as Rt } from "./plugins/vertical-line.js";
-import { pickMinMove as Nt, niceAxisRange as Vt } from "./y-axis-scale.js";
+import { createChart as ft, CrosshairMode as ht, LineStyle as ie, LineSeries as dt, AreaSeries as pt } from "lightweight-charts";
+import * as _e from "react";
+import { useRef as K, useState as oe, useEffect as W, useLayoutEffect as mt } from "react";
+import { resolveCSSColor as re, generateColorsFromBase as we } from "./colors.js";
+import { useIsMobile as gt } from "../../hooks/use-media-query.js";
+import { cn as J } from "../../utils/cn.js";
+import { AXIS_TIME_EDGE_PADDING_PX as bt, getDefaultOptions as Ke, getDefaultSeries as St, AXIS_TICK_MARK_DENSITY as pe, getDefaultVerticalLine as vt, AXIS_FONT_SIZE as Ct, AXIS_EDGE_LABEL_PADDING_PX as Ze, AXIS_TOP_LABEL_PADDING_PX as qe } from "./default-config.js";
+import { formatExactValue as Pe, isRatioUnit as yt, getXFormatters as Je, createAdaptiveYAxisFormatter as xt } from "./formatters.js";
+import { GraphCurrentValue as _t } from "./graph-current-value.js";
+import { GraphTooltip as wt } from "./graph-tooltip.js";
+import { VertLine as Pt } from "./plugins/vertical-line.js";
+import { getSeriesColorPalette as Ye } from "./series-palette.js";
+import { pickMinMove as Tt, niceAxisRange as Rt } from "./y-axis-scale.js";
 function ne(e) {
   return e.id ?? e.label;
 }
-function kt({
+function Nt({
   lastIndex: e,
   width: i,
   padLeft: c,
   padRight: f,
-  paddingPx: h = vt
+  paddingPx: h = bt
 }) {
   if (e < 0) return null;
   const u = (c || f) && i > 0 ? h * Math.max(e, 1) / i : 0;
@@ -36,7 +37,7 @@ function Qe(e, i, c) {
   const h = i.find((u) => u.id === c || u.label === c);
   return h ? e.get(ne(h)) : void 0;
 }
-class Lt {
+class Vt {
   _yTop;
   _yBottom;
   _color;
@@ -50,7 +51,7 @@ class Lt {
     });
   }
 }
-class Mt {
+class kt {
   _source;
   _yTop = null;
   _yBottom = null;
@@ -66,17 +67,17 @@ class Mt {
     return "bottom";
   }
   renderer() {
-    return new Lt(this._yTop, this._yBottom, this._source.color);
+    return new Vt(this._yTop, this._yBottom, this._source.color);
   }
 }
-class Dt {
+class Lt {
   series;
   priceTop;
   priceBottom;
   color;
   _paneViews;
   constructor(i, c, f, h) {
-    this.series = i, this.priceTop = c, this.priceBottom = f, this.color = h, this._paneViews = [new Mt(this)];
+    this.series = i, this.priceTop = c, this.priceBottom = f, this.color = h, this._paneViews = [new kt(this)];
   }
   updateAllViews() {
     for (const i of this._paneViews) i.update();
@@ -85,7 +86,7 @@ class Dt {
     return this._paneViews;
   }
 }
-function It(e, i) {
+function Mt(e, i) {
   switch (e) {
     case ie.Dotted:
       return [i, i];
@@ -99,7 +100,7 @@ function It(e, i) {
       return [];
   }
 }
-class Et {
+class Dt {
   _y;
   _color;
   _lineWidth;
@@ -111,11 +112,11 @@ class Et {
     i.useBitmapCoordinateSpace((c) => {
       if (this._y === null) return;
       const f = c.context, h = c.verticalPixelRatio, u = Math.max(1, Math.round(this._lineWidth * h)), S = Math.round(this._y * h);
-      f.save(), f.strokeStyle = this._color, f.lineWidth = u, f.setLineDash(It(this._lineStyle, u)), f.beginPath(), f.moveTo(0, S), f.lineTo(c.bitmapSize.width, S), f.stroke(), f.restore();
+      f.save(), f.strokeStyle = this._color, f.lineWidth = u, f.setLineDash(Mt(this._lineStyle, u)), f.beginPath(), f.moveTo(0, S), f.lineTo(c.bitmapSize.width, S), f.stroke(), f.restore();
     });
   }
 }
-class Bt {
+class It {
   _source;
   _y = null;
   constructor(i) {
@@ -134,7 +135,7 @@ class Bt {
     return "top";
   }
   renderer() {
-    return new Et(
+    return new Dt(
       this._y,
       this._source.color,
       this._source.lineWidth,
@@ -142,7 +143,7 @@ class Bt {
     );
   }
 }
-class Ft {
+class Bt {
   series;
   price;
   color;
@@ -150,7 +151,7 @@ class Ft {
   lineStyle;
   _paneViews;
   constructor(i, c, f, h, u) {
-    this.series = i, this.price = c, this.color = f, this.lineWidth = h, this.lineStyle = u, this._paneViews = [new Bt(this)];
+    this.series = i, this.price = c, this.color = f, this.lineWidth = h, this.lineStyle = u, this._paneViews = [new It(this)];
   }
   updateAllViews() {
     for (const i of this._paneViews) i.update();
@@ -159,151 +160,29 @@ class Ft {
     return this._paneViews;
   }
 }
-function zt(e, i, c) {
+function Et(e, i, c) {
   const f = e.labelText ?? "", h = e.value, u = h === void 0 ? "" : typeof h == "number" ? i === "$" ? `$${Pe(h, void 0, c)}` : i === "%" ? `${Pe(h, void 0, c)}%` : Pe(
     h,
-    i !== "none" && i !== "%" && i !== "$" && !_t(i) ? i : void 0,
+    i !== "none" && i !== "%" && i !== "$" && !yt(i) ? i : void 0,
     c
   ) : String(h);
   return { labelText: f, valueStr: u };
 }
-const Ye = 4;
-function At(e, i, c) {
+const Oe = 4;
+function Ft(e, i, c) {
   const f = { left: e, transform: "translateX(-50%)" };
   if (i <= 0 || !c || c <= 0)
     return f;
-  const h = c / 2, u = Ye + h, S = i - Ye - h;
+  const h = c / 2, u = Oe + h, S = i - Oe - h;
   return S < u ? { left: i / 2, transform: "translateX(-50%)" } : { left: Math.min(Math.max(e, u), S), transform: "translateX(-50%)" };
 }
-function Gt(e, i) {
+function zt(e, i) {
   for (let c = e.length - 1; c >= 0; c--)
     if (Number(e[c].time) <= i)
       return e[c].value;
   return 0;
 }
-const Te = [
-  // 0  green (emerald)
-  {
-    line: "#02c39a",
-    top: "rgba(2, 195, 154, 0.56)",
-    bottom: "rgba(2, 195, 154, 0.04)"
-  },
-  // 1  blue
-  {
-    line: "#3b82f6",
-    top: "rgba(59, 130, 246, 0.56)",
-    bottom: "rgba(59, 130, 246, 0.04)"
-  },
-  // 2  red
-  {
-    line: "#ef4444",
-    top: "rgba(239, 68, 68, 0.56)",
-    bottom: "rgba(239, 68, 68, 0.04)"
-  },
-  // 3  amber
-  {
-    line: "#f59e0b",
-    top: "rgba(245, 158, 11, 0.56)",
-    bottom: "rgba(245, 158, 11, 0.04)"
-  },
-  // 4  violet
-  {
-    line: "#8b5cf6",
-    top: "rgba(139, 92, 246, 0.56)",
-    bottom: "rgba(139, 92, 246, 0.04)"
-  },
-  // 5  pink
-  {
-    line: "#ec4899",
-    top: "rgba(236, 72, 153, 0.56)",
-    bottom: "rgba(236, 72, 153, 0.04)"
-  },
-  // 6  cyan
-  {
-    line: "#06b6d4",
-    top: "rgba(6, 182, 212, 0.56)",
-    bottom: "rgba(6, 182, 212, 0.04)"
-  },
-  // 7  orange
-  {
-    line: "#ea580c",
-    top: "rgba(234, 88, 12, 0.56)",
-    bottom: "rgba(234, 88, 12, 0.04)"
-  },
-  // 8  lime
-  {
-    line: "#84cc16",
-    top: "rgba(132, 204, 22, 0.56)",
-    bottom: "rgba(132, 204, 22, 0.04)"
-  },
-  // 9  fuchsia
-  {
-    line: "#d946ef",
-    top: "rgba(217, 70, 239, 0.56)",
-    bottom: "rgba(217, 70, 239, 0.04)"
-  },
-  // 10 sky
-  {
-    line: "#0ea5e9",
-    top: "rgba(14, 165, 233, 0.56)",
-    bottom: "rgba(14, 165, 233, 0.04)"
-  },
-  // 11 teal
-  {
-    line: "#14b8a6",
-    top: "rgba(20, 184, 166, 0.56)",
-    bottom: "rgba(20, 184, 166, 0.04)"
-  },
-  // 12 yellow
-  {
-    line: "#eab308",
-    top: "rgba(234, 179, 8, 0.56)",
-    bottom: "rgba(234, 179, 8, 0.04)"
-  },
-  // 13 rose
-  {
-    line: "#f43f5e",
-    top: "rgba(244, 63, 94, 0.56)",
-    bottom: "rgba(244, 63, 94, 0.04)"
-  },
-  // 14 indigo
-  {
-    line: "#6366f1",
-    top: "rgba(99, 102, 241, 0.56)",
-    bottom: "rgba(99, 102, 241, 0.04)"
-  },
-  // 15 emerald
-  {
-    line: "#10b981",
-    top: "rgba(16, 185, 129, 0.56)",
-    bottom: "rgba(16, 185, 129, 0.04)"
-  },
-  // 16 warm-gray
-  {
-    line: "#78716c",
-    top: "rgba(120, 113, 108, 0.56)",
-    bottom: "rgba(120, 113, 108, 0.04)"
-  },
-  // 17 slate
-  {
-    line: "#64748b",
-    top: "rgba(100, 116, 139, 0.56)",
-    bottom: "rgba(100, 116, 139, 0.04)"
-  },
-  // 18 dark-slate
-  {
-    line: "#475569",
-    top: "rgba(71, 85, 105, 0.56)",
-    bottom: "rgba(71, 85, 105, 0.04)"
-  }
-], Wt = 137.5;
-function Ue(e) {
-  if (e < Te.length)
-    return Te[e];
-  const c = (e - Te.length) * Wt % 360, f = St(c, 70, 50), { topColor: h, bottomColor: u } = de(f);
-  return { line: f, top: h, bottom: u };
-}
-function ro({
+function to({
   series: e,
   className: i,
   showLegend: c = !1,
@@ -317,84 +196,84 @@ function ro({
   currentValueDecimals: le,
   useSharedPriceScale: Z = !1,
   dualYAxis: I = !1,
-  defaultVisiblePriceScaleId: Re = "right",
-  leftPriceScaleTitle: Ne,
-  rightPriceScaleTitle: $t,
-  showCurrentValue: et = !0,
+  defaultVisiblePriceScaleId: Te = "right",
+  leftPriceScaleTitle: Re,
+  rightPriceScaleTitle: Wt,
+  showCurrentValue: Ue = !0,
   graphTitle: me,
-  yScaleMin: Ve,
-  yScaleMinMultiple: ke,
-  visibleTimeFrom: ae,
-  disableZoom: Le = !1,
-  hideDefaultTooltip: be = !1
+  yScaleMin: Ne,
+  yScaleMinMultiple: Ve,
+  visibleTimeFrom: se,
+  disableZoom: ke = !1,
+  hideDefaultTooltip: ge = !1
 }) {
-  const E = K(null), N = K(/* @__PURE__ */ new Map()), Se = K(!1), Me = K(!0), De = K([]), se = K(0), B = K(null), ve = K(null), Ie = K(null), T = bt(), ce = we.useMemo(() => e.flatMap((t) => t.data), [e]), tt = we.useMemo(() => {
+  const B = K(null), N = K(/* @__PURE__ */ new Map()), be = K(!1), Le = K(!0), Me = K([]), ae = K(0), E = K(null), Se = K(null), De = K(null), T = gt(), ce = _e.useMemo(() => e.flatMap((t) => t.data), [e]), et = _e.useMemo(() => {
     if (e.length > 0) {
       const t = e[e.length - 1];
       if (t.data.length > 0)
         return t.data[t.data.length - 1];
     }
-  }, [e]), [Ee, Ce] = oe(() => {
-    if (!tt) return;
+  }, [e]), [Ie, ve] = oe(() => {
+    if (!et) 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]);
+    for (const s of e)
+      s.data.length > 0 && t.set(s.label, s.data[s.data.length - 1]);
     return t;
-  }), [Be, J] = oe(null), [Fe, ze] = oe([]), [ot, Ae] = oe(0), Ge = K(/* @__PURE__ */ new Map()), [rt, nt] = oe({}), [Q, it] = oe(0);
-  G(() => {
+  }), [Be, Q] = oe(null), [Ee, Fe] = oe([]), [tt, ze] = oe(0), Ae = K(/* @__PURE__ */ new Map()), [ot, rt] = oe({}), [O, nt] = oe(0);
+  W(() => {
     const t = () => {
       try {
-        if (B.current && Ae(B.current.clientWidth), E.current && B.current) {
-          const l = B.current.clientWidth, s = B.current.clientHeight;
-          E.current.resize(l, s);
+        if (E.current && ze(E.current.clientWidth), B.current && E.current) {
+          const l = E.current.clientWidth, a = E.current.clientHeight;
+          B.current.resize(l, a);
           try {
-            se.current = E.current.paneSize().height;
+            ae.current = B.current.paneSize().height;
           } catch {
           }
         }
       } catch {
       }
-    }, a = B.current, r = a ? new ResizeObserver(t) : null;
-    return Ie.current = r, a && r?.observe(a), () => {
-      a && r?.unobserve(a), r?.disconnect(), Ie.current = null;
+    }, s = E.current, r = s ? new ResizeObserver(t) : null;
+    return De.current = r, s && r?.observe(s), () => {
+      s && r?.unobserve(s), r?.disconnect(), De.current = null;
     };
-  }, []), G(() => {
-    if (!ve.current || Se.current) return;
-    const t = Ze(), a = re(
+  }, []), W(() => {
+    if (!Se.current || be.current) return;
+    const t = Ke(), s = re(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
-    ), r = ht(ve.current, {
+    ), r = ft(Se.current, {
       ...t,
       leftPriceScale: {
         ...t.leftPriceScale || {},
         visible: !1,
-        textColor: a
+        textColor: s
       },
       rightPriceScale: {
         ...t.rightPriceScale || {},
         visible: !T,
-        textColor: a
+        textColor: s
       },
       ...T && {
         crosshair: {
           ...t.crosshair,
-          mode: gt.Magnet
+          mode: ht.Magnet
         }
       }
     });
-    E.current = r, Se.current = !0;
+    B.current = r, be.current = !0;
     try {
-      se.current = r.paneSize().height;
+      ae.current = r.paneSize().height;
     } catch {
-      se.current = 0;
+      ae.current = 0;
     }
-    return it((l) => l + 1), () => {
-      r.remove(), E.current = null, Se.current = !1, N.current.clear();
+    return nt((l) => l + 1), () => {
+      r.remove(), B.current = null, be.current = !1, N.current.clear();
     };
-  }, [T]), G(() => {
-    const t = E.current;
+  }, [T]), W(() => {
+    const t = B.current;
     t && t.applyOptions(
-      Le ? {
+      ke ? {
         handleScale: {
           mouseWheel: !1,
           pinch: !1,
@@ -422,50 +301,50 @@ function ro({
         }
       }
     );
-  }, [Q, Le]), G(() => {
-    const t = E.current;
+  }, [O, ke]), W(() => {
+    const t = B.current;
     !t || !S || t.applyOptions(S);
-  }, [Q, S]), G(() => {
-    const t = E.current;
+  }, [O, S]), W(() => {
+    const t = B.current;
     if (!t || e.length === 0) return;
-    const r = e.filter((n) => n.data.length > 0).length <= 1 ? Ve : ke, l = h === "time" ? Je(h, ce) : Je(h), s = /* @__PURE__ */ new Map();
+    const r = e.filter((n) => n.data.length > 0).length <= 1 ? Ne : Ve, l = h === "time" ? Je(h, ce) : Je(h), a = /* @__PURE__ */ new Map();
     {
       let n = 0;
       for (const o of e)
-        o.data.length !== 0 && (s.set(
+        o.data.length !== 0 && (a.set(
           o.label,
           o.priceScaleId ?? (n === 0 ? "left" : "right")
         ), n++);
     }
-    const p = (n, o, g) => {
-      const { formatter: L, tickmarksFormatter: k, updateVisibleRange: F } = wt(n, o, {
+    const p = (n, o, d) => {
+      const { formatter: L, tickmarksFormatter: k, updateVisibleRange: F } = xt(n, o, {
         yScaleMin: r
       });
-      return { formatter: L, tickmarksFormatter: k, updateVisibleRange: F, labels: g };
-    }, d = [];
+      return { formatter: L, tickmarksFormatter: k, updateVisibleRange: F, labels: d };
+    }, m = [];
     if (I)
       for (const n of ["left", "right"]) {
-        const o = /* @__PURE__ */ new Set(), g = [];
+        const o = /* @__PURE__ */ new Set(), d = [];
         let L = u;
         for (const k of e)
-          if (k.data.length !== 0 && s.get(k.label) === n) {
+          if (k.data.length !== 0 && a.get(k.label) === n) {
             o.size === 0 && k.yMeasureUnit && (L = k.yMeasureUnit), o.add(k.label);
-            for (const F of k.data) g.push(F.value);
+            for (const F of k.data) d.push(F.value);
           }
-        o.size > 0 && d.push(p(g, L, o));
+        o.size > 0 && m.push(p(d, L, o));
       }
     else {
-      const n = ce.map((g) => g.value), o = new Set(
-        e.filter((g) => g.data.length > 0).map((g) => g.label)
+      const n = ce.map((d) => d.value), o = new Set(
+        e.filter((d) => d.data.length > 0).map((d) => d.label)
       );
-      d.push(p(n, u, o));
+      m.push(p(n, u, o));
     }
-    De.current = d;
+    Me.current = m;
     const y = /* @__PURE__ */ new Map();
-    for (const n of d)
+    for (const n of m)
       for (const o of n.labels)
         y.set(o, n);
-    const x = Ze();
+    const x = Ke();
     t.applyOptions({
       localization: {
         ...x.localization || {},
@@ -483,109 +362,109 @@ function ro({
         minBarSpacing: 0
       }
     });
-    const v = !I && e.length > 1 && !Z, W = I ? T : e.length > 1 && !Z || T, V = re(
+    const v = !I && e.length > 1 && !Z, X = I ? T : e.length > 1 && !Z || T, V = re(
       "hsl(var(--muted-foreground))",
       "rgb(163, 163, 163)"
     );
     t.applyOptions({
       ...I && {
-        defaultVisiblePriceScaleId: Re
+        defaultVisiblePriceScaleId: Te
       },
       leftPriceScale: {
         ...x.leftPriceScale || {},
         ...S?.leftPriceScale,
         visible: I && !T,
         textColor: V,
-        ...I && Ne && {
+        ...I && Re && {
           // lightweight-charts uses scale margins; title shown via localization if needed
         }
       },
       rightPriceScale: {
         ...x.rightPriceScale || {},
         ...S?.rightPriceScale,
-        visible: I ? !T : !W,
+        visible: I ? !T : !X,
         textColor: V
       }
     });
-    const Y = new Set(N.current.keys()), X = new Set(e.map(ne));
+    const Y = new Set(N.current.keys()), $ = new Set(e.map(ne));
     for (const n of Y)
-      if (!X.has(n)) {
+      if (!$.has(n)) {
         const o = N.current.get(n);
         o && (t.removeSeries(o), N.current.delete(n));
       }
-    const m = Ct(), M = [];
+    const g = St(), M = [];
     let R = 0;
-    const $ = e.find((n) => n.data.length > 0), C = /* @__PURE__ */ new Map();
+    const G = e.find((n) => n.data.length > 0), C = /* @__PURE__ */ new Map();
     if (D && D.length > 0)
       for (const n of D) {
         if (!Number.isFinite(n.price)) continue;
-        const o = n.seriesLabel ?? $?.label;
+        const o = n.seriesLabel ?? G?.label;
         if (!o) continue;
-        const g = C.get(o) ?? [];
-        g.push(n.price), C.set(o, g);
+        const d = C.get(o) ?? [];
+        d.push(n.price), C.set(o, d);
       }
     if (z && z.length > 0)
       for (const n of z) {
-        const o = n.seriesLabel ?? $?.label;
+        const o = n.seriesLabel ?? G?.label;
         if (!o) continue;
-        const g = C.get(o) ?? [];
-        Number.isFinite(n.priceTop) && g.push(n.priceTop), Number.isFinite(n.priceBottom) && g.push(n.priceBottom), C.set(o, g);
+        const d = C.get(o) ?? [];
+        Number.isFinite(n.priceTop) && d.push(n.priceTop), Number.isFinite(n.priceBottom) && d.push(n.priceBottom), C.set(o, d);
       }
     for (let n = 0; n < e.length; n++) {
-      const o = e[n], g = ne(o), L = Ue(n), k = o.lineColor ?? o.color ?? L.line;
+      const o = e[n], d = ne(o), L = Ye(n), k = o.lineColor ?? o.color ?? L.line;
       let F, q;
       if (o.lineColor ?? o.color)
         if (o.topColor && o.bottomColor)
           F = o.topColor, q = o.bottomColor;
         else if (o.topColor) {
-          const b = de(k);
+          const b = we(k);
           F = o.topColor, q = b.bottomColor;
         } else if (o.bottomColor)
-          F = de(k).topColor, q = o.bottomColor;
+          F = we(k).topColor, q = o.bottomColor;
         else {
-          const b = de(k);
+          const b = we(k);
           F = b.topColor, q = b.bottomColor;
         }
       else
         F = o.topColor || L.top, q = o.bottomColor || L.bottom;
       if (o.data.length === 0) {
-        const b = N.current.get(g);
-        b && (t.removeSeries(b), N.current.delete(g));
+        const b = N.current.get(d);
+        b && (t.removeSeries(b), N.current.delete(d));
         continue;
       }
-      const ue = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, he = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, lt = ue < 0, at = o.data.some((b) => b.value === 0), st = !lt && at, Xe = Nt(he - ue), $e = I ? o.priceScaleId ?? (R === 0 ? "left" : "right") : Z || !v || R === 0 ? "right" : `scale-${R}`;
+      const ue = o.data.length > 0 ? Math.min(...o.data.map((b) => b.value)) : 0, he = o.data.length > 0 ? Math.max(...o.data.map((b) => b.value)) : 0, it = ue < 0, lt = o.data.some((b) => b.value === 0), st = !it && lt, Xe = Tt(he - ue), $e = I ? o.priceScaleId ?? (R === 0 ? "left" : "right") : Z || !v || R === 0 ? "right" : `scale-${R}`;
       v && M.push({
         priceScaleId: $e || "right",
         seriesIndex: R
       });
-      const ye = (Z || !v) && r !== void 0 && typeof r == "number", ct = C.get(o.label) ?? [], ut = (b) => {
+      const Ce = (Z || !v) && r !== void 0 && typeof r == "number", at = C.get(o.label) ?? [], ct = (b) => {
         const _ = b();
         if (_?.priceRange) {
-          ye && (_.priceRange.minValue = r);
-          for (const j of ct)
-            j < _.priceRange.minValue && (_.priceRange.minValue = j), j > _.priceRange.maxValue && (_.priceRange.maxValue = j);
-          const te = ye ? r : st && _.priceRange.minValue >= 0 ? 0 : void 0, ge = se.current > 0 ? se.current : B.current?.clientHeight ?? 0;
-          if (ge > 0) {
-            const j = Vt({
+          Ce && (_.priceRange.minValue = r);
+          for (const H of at)
+            H < _.priceRange.minValue && (_.priceRange.minValue = H), H > _.priceRange.maxValue && (_.priceRange.maxValue = H);
+          const te = Ce ? r : st && _.priceRange.minValue >= 0 ? 0 : void 0, de = ae.current > 0 ? ae.current : E.current?.clientHeight ?? 0;
+          if (de > 0) {
+            const H = Rt({
               min: _.priceRange.minValue,
               max: _.priceRange.maxValue,
               floor: te,
-              scaleHeightPx: ge,
-              fontSizePx: xt,
+              scaleHeightPx: de,
+              fontSizePx: Ct,
               tickMarkDensity: pe,
               minMove: Xe,
-              edgePaddingPx: qe,
-              edgePaddingTopPx: Oe
+              edgePaddingPx: Ze,
+              edgePaddingTopPx: qe
             });
-            _.priceRange.minValue = j.min, _.priceRange.maxValue = j.max;
+            _.priceRange.minValue = H.min, _.priceRange.maxValue = H.max;
           }
           _.margins = {
-            above: Oe,
-            below: qe
+            above: qe,
+            below: Ze
           };
         }
         return _;
-      }, He = y.get(o.label) ?? d[0], je = He.formatter, ft = He.tickmarksFormatter, xe = {
+      }, Ge = y.get(o.label) ?? m[0], je = Ge.formatter, ut = Ge.tickmarksFormatter, ye = {
         lineColor: k,
         topColor: F,
         bottomColor: q,
@@ -596,35 +475,35 @@ function ro({
         priceFormat: {
           type: "custom",
           minMove: Xe,
-          formatter: ye && typeof r == "number" ? (b) => je(
+          formatter: Ce && typeof r == "number" ? (b) => je(
             b < r ? r : b
           ) : je,
-          tickmarksFormatter: ft
+          tickmarksFormatter: ut
         },
-        autoscaleInfoProvider: ut
-      }, Ke = o.seriesType === "line";
-      let A = N.current.get(g);
+        autoscaleInfoProvider: ct
+      }, He = o.seriesType === "line";
+      let A = N.current.get(d);
       const ee = o.data.map((b) => ({
         ...b,
         time: b.time
       }));
-      if (ae !== void 0 && ee.length > 0 && Number(ee[0].time) > ae) {
-        const b = Number(ee[0].time), _ = b - ae, te = 86400, ge = _ > 180 * te ? 7 * te : _ > 30 * te ? te : 6 * 3600, j = [];
-        for (let _e = ae; _e < b; _e += ge)
-          j.push({ time: _e });
-        ee.unshift(...j);
+      if (se !== void 0 && ee.length > 0 && Number(ee[0].time) > se) {
+        const b = Number(ee[0].time), _ = b - se, te = 86400, de = _ > 180 * te ? 7 * te : _ > 30 * te ? te : 6 * 3600, H = [];
+        for (let xe = se; xe < b; xe += de)
+          H.push({ time: xe });
+        ee.unshift(...H);
       }
-      A && A.seriesType() !== (Ke ? "Line" : "Area") && (t.removeSeries(A), N.current.delete(g), A = void 0), A ? (A.applyOptions(xe), A.setData(ee)) : (Ke ? A = t.addSeries(pt, {
-        ...m,
-        ...xe
-      }) : A = t.addSeries(dt, {
-        ...m,
-        ...xe
-      }), A.setData(ee), N.current.set(g, A)), R++;
+      A && A.seriesType() !== (He ? "Line" : "Area") && (t.removeSeries(A), N.current.delete(d), A = void 0), A ? (A.applyOptions(ye), A.setData(ee)) : (He ? A = t.addSeries(dt, {
+        ...g,
+        ...ye
+      }) : A = t.addSeries(pt, {
+        ...g,
+        ...ye
+      }), A.setData(ee), N.current.set(d, A)), R++;
     }
     if (I)
       try {
-        const n = t.priceScale("left"), o = t.priceScale("right"), g = {
+        const n = t.priceScale("left"), o = t.priceScale("right"), d = {
           visible: !T,
           autoScale: !0,
           scaleMargins: { top: 0, bottom: 0 },
@@ -634,7 +513,7 @@ function ro({
           textColor: V,
           ...S?.rightPriceScale
         };
-        n?.applyOptions(g), o?.applyOptions(g);
+        n?.applyOptions(d), o?.applyOptions(d);
       } catch {
       }
     else if (v && M.length > 0)
@@ -682,9 +561,9 @@ function ro({
         vertTouchDrag: !1
       }
     }), ce.length > 0) {
-      const n = ce.map((g) => Number(g.time)).filter((g) => Number.isFinite(g)), o = new Set(n).size - 1;
+      const n = ce.map((d) => Number(d.time)).filter((d) => Number.isFinite(d)), o = new Set(n).size - 1;
       if (o >= 0) {
-        const g = () => {
+        const d = () => {
           const L = t.timeScale();
           if (h !== "time") {
             L.applyOptions({
@@ -693,12 +572,12 @@ function ro({
             }), L.setVisibleLogicalRange({ from: 0, to: o });
             return;
           }
-          const k = I && !T, F = I ? !T : !W, q = !k, ue = !F;
+          const k = I && !T, F = I ? !T : !X, q = !k, ue = !F;
           L.applyOptions({
             fixLeftEdge: !q,
             fixRightEdge: !ue
           });
-          const he = kt({
+          const he = Nt({
             lastIndex: o,
             width: L.width(),
             padLeft: q,
@@ -707,22 +586,22 @@ function ro({
           he && L.setVisibleLogicalRange(he);
         };
         try {
-          g();
+          d();
         } catch {
           try {
-            t.timeScale().fitContent(), g();
+            t.timeScale().fitContent(), d();
           } catch {
           }
         }
       }
     }
-    Me.current && (Me.current = !1), S && t.applyOptions(S);
-    const H = /* @__PURE__ */ new Map();
+    Le.current && (Le.current = !1), S && t.applyOptions(S);
+    const j = /* @__PURE__ */ new Map();
     for (const n of e)
-      n.data.length > 0 && H.set(n.label, n.data[n.data.length - 1]);
-    Ce(H.size > 0 ? H : void 0);
+      n.data.length > 0 && j.set(n.label, n.data[n.data.length - 1]);
+    ve(j.size > 0 ? j : void 0);
   }, [
-    Q,
+    O,
     e,
     ce,
     h,
@@ -730,141 +609,141 @@ function ro({
     T,
     Z,
     I,
+    Te,
     Re,
     Ne,
     Ve,
-    ke,
-    ae,
+    se,
     D,
     z,
     S
-  ]), G(() => {
-    const t = E.current;
+  ]), W(() => {
+    const t = B.current;
     if (!t || e.length === 0) return;
-    const a = e.length === 1;
+    const s = e.length === 1;
     let r;
-    for (const s of e)
-      if (s.data.length > 0) {
-        r = s.data[s.data.length - 1].time;
+    for (const a of e)
+      if (a.data.length > 0) {
+        r = a.data[a.data.length - 1].time;
         break;
       }
     if (!r) return;
-    const l = (s) => {
-      const { time: p = r, seriesData: d, point: y } = s || {}, x = e[0], v = x ? N.current.get(ne(x)) : void 0;
+    const l = (a) => {
+      const { time: p = r, seriesData: m, point: y } = a || {}, x = e[0], v = x ? N.current.get(ne(x)) : void 0;
       if (!y || !p) {
-        const X = /* @__PURE__ */ new Map();
-        for (const m of e)
-          m.data.length > 0 && X.set(m.label, m.data[m.data.length - 1]);
-        if (Ce(X.size > 0 ? X : void 0), a || Z || be)
-          J(null);
+        const $ = /* @__PURE__ */ new Map();
+        for (const g of e)
+          g.data.length > 0 && $.set(g.label, g.data[g.data.length - 1]);
+        if (ve($.size > 0 ? $ : void 0), s || Z || ge)
+          Q(null);
         else if (v && r) {
-          const m = e[0];
-          if (m && m.data.length > 0) {
-            const R = t.timeScale().timeToCoordinate(r), $ = m.data[m.data.length - 1].value, C = v.priceToCoordinate($);
-            R !== null && C !== null && J({ x: R, y: C });
+          const g = e[0];
+          if (g && g.data.length > 0) {
+            const R = t.timeScale().timeToCoordinate(r), G = g.data[g.data.length - 1].value, C = v.priceToCoordinate(G);
+            R !== null && C !== null && Q({ x: R, y: C });
           }
         }
         return;
       }
-      const W = /* @__PURE__ */ new Map();
+      const X = /* @__PURE__ */ new Map();
       let V, Y = v;
-      for (let X = 0; X < e.length; X++) {
-        const m = e[X], M = N.current.get(ne(m));
+      for (let $ = 0; $ < e.length; $++) {
+        const g = e[$], M = N.current.get(ne(g));
         if (!M) continue;
-        const R = d?.get(M), $ = R && "value" in R ? R.value : void 0;
+        const R = m?.get(M), G = R && "value" in R ? R.value : void 0;
         let C;
-        if ($ !== void 0)
-          C = $;
-        else if (a) {
-          const H = Number(p), n = m.data.length > 0 ? Number(m.data[0].time) : Number.POSITIVE_INFINITY;
-          H < n ? C = Number.NaN : C = m.data[m.data.length - 1]?.value ?? 0;
+        if (G !== void 0)
+          C = G;
+        else if (s) {
+          const j = Number(p), n = g.data.length > 0 ? Number(g.data[0].time) : Number.POSITIVE_INFINITY;
+          j < n ? C = Number.NaN : C = g.data[g.data.length - 1]?.value ?? 0;
         } else {
-          const H = m.data.length > 0 ? Number(m.data[0].time) : Number.POSITIVE_INFINITY;
-          if (Number(p) < H) continue;
-          C = Gt(m.data, Number(p));
+          const j = g.data.length > 0 ? Number(g.data[0].time) : Number.POSITIVE_INFINITY;
+          if (Number(p) < j) continue;
+          C = zt(g.data, Number(p));
         }
-        Number.isNaN(C) || (V === void 0 && (V = C, Y = M), W.set(m.label, { value: C, time: p }));
+        Number.isNaN(C) || (V === void 0 && (V = C, Y = M), X.set(g.label, { value: C, time: p }));
       }
-      if (Ce(W), V !== void 0 && Y) {
-        const m = t.timeScale().timeToCoordinate(p), M = Y.priceToCoordinate(V);
-        if (m !== null && M !== null) {
-          const R = B.current;
+      if (ve(X), V !== void 0 && Y) {
+        const g = t.timeScale().timeToCoordinate(p), M = Y.priceToCoordinate(V);
+        if (g !== null && M !== null) {
+          const R = E.current;
           if (R) {
-            const $ = R.querySelector(
+            const G = R.querySelector(
               ".LightweightChart"
             );
-            if ($) {
-              const C = $.getBoundingClientRect(), H = R.getBoundingClientRect(), n = m + (C.left - H.left), o = M + (C.top - H.top);
-              J({ x: n, y: o });
+            if (G) {
+              const C = G.getBoundingClientRect(), j = R.getBoundingClientRect(), n = g + (C.left - j.left), o = M + (C.top - j.top);
+              Q({ x: n, y: o });
             } else
-              J({ x: m, y: M });
+              Q({ x: g, y: M });
           } else
-            J({ x: m, y: M });
+            Q({ x: g, y: M });
         } else
-          J(null);
+          Q(null);
       } else
-        J(null);
+        Q(null);
     };
-    return t.subscribeCrosshairMove(l), T && t.subscribeClick(l), !a && !Z && !be && requestAnimationFrame(() => {
-      const s = e[0], p = s ? N.current.get(ne(s)) : void 0;
-      if (p && r && s.data.length > 0) {
-        const y = t.timeScale().timeToCoordinate(r), x = s.data[s.data.length - 1].value, v = p.priceToCoordinate(x);
-        y !== null && v !== null && J({ x: y, y: v });
+    return t.subscribeCrosshairMove(l), T && t.subscribeClick(l), !s && !Z && !ge && requestAnimationFrame(() => {
+      const a = e[0], p = a ? N.current.get(ne(a)) : void 0;
+      if (p && r && a.data.length > 0) {
+        const y = t.timeScale().timeToCoordinate(r), x = a.data[a.data.length - 1].value, v = p.priceToCoordinate(x);
+        y !== null && v !== null && Q({ x: y, y: v });
       }
     }), () => {
       t.unsubscribeCrosshairMove(l), T && t.unsubscribeClick(l);
     };
-  }, [e, Z, T, be]), G(() => {
-    const t = E.current;
+  }, [e, Z, T, ge]), W(() => {
+    const t = B.current;
     if (!t || e.length === 0) return;
-    const a = t.timeScale(), r = () => {
-      const l = De.current;
+    const s = t.timeScale(), r = () => {
+      const l = Me.current;
       if (l.length === 0) return;
-      const s = a.getVisibleRange();
-      if (!s) return;
-      const p = Number(s.from), d = Number(s.to);
+      const a = s.getVisibleRange();
+      if (!a) return;
+      const p = Number(a.from), m = Number(a.to);
       for (const y of l) {
         const x = [];
         for (const v of e)
           if (y.labels.has(v.label))
-            for (const W of v.data) {
-              const V = Number(W.time);
-              V >= p && V <= d && x.push(W.value);
+            for (const X of v.data) {
+              const V = Number(X.time);
+              V >= p && V <= m && x.push(X.value);
             }
         x.length > 0 && y.updateVisibleRange(x);
       }
     };
-    return a.subscribeVisibleLogicalRangeChange(r), () => {
-      a.unsubscribeVisibleLogicalRangeChange(
+    return s.subscribeVisibleLogicalRangeChange(r), () => {
+      s.unsubscribeVisibleLogicalRangeChange(
         r
       );
     };
-  }, [e]), G(() => {
-    const t = E.current, a = Array.from(N.current.values()), r = [];
-    if (t && a.length > 0 && P) {
-      const l = yt(), s = a[0];
+  }, [e]), W(() => {
+    const t = B.current, s = Array.from(N.current.values()), r = [];
+    if (t && s.length > 0 && P) {
+      const l = vt(), a = s[0];
       for (const p of P) {
-        const d = {
+        const m = {
           ...l,
           ...p.options || {}
         };
-        d.color && (d.color = re(d.color, d.color));
-        const y = new Rt(t, s, p.xCoordinate, d);
-        s.attachPrimitive(y), r.push(y);
+        m.color && (m.color = re(m.color, m.color));
+        const y = new Pt(t, a, p.xCoordinate, m);
+        a.attachPrimitive(y), r.push(y);
       }
     }
     return () => {
-      if (a.length > 0) {
-        const l = a[0];
-        for (const s of r)
+      if (s.length > 0) {
+        const l = s[0];
+        for (const a of r)
           try {
-            l.detachPrimitive(s);
+            l.detachPrimitive(a);
           } catch {
           }
       }
     };
-  }, [P, e, Q]), G(() => {
-    const t = [], a = [];
+  }, [P, e, O]), W(() => {
+    const t = [], s = [];
     if (D && D.length > 0) {
       const r = re(
         "hsl(var(--destructive))",
@@ -872,33 +751,33 @@ function ro({
       );
       for (const l of D) {
         if (!Number.isFinite(l.price)) continue;
-        const s = Qe(
+        const a = Qe(
           N.current,
           e,
           l.seriesLabel
         );
-        if (!s) continue;
-        const p = l.color ? re(l.color, l.color) : r, d = l.lineWidth ?? 1, y = l.lineStyle ?? ie.Dashed, x = s.createPriceLine({
+        if (!a) continue;
+        const p = l.color ? re(l.color, l.color) : r, m = l.lineWidth ?? 1, y = l.lineStyle ?? ie.Dashed, x = a.createPriceLine({
           price: l.price,
           color: p,
-          lineWidth: d,
+          lineWidth: m,
           lineStyle: y,
           axisLabelVisible: l.axisLabelVisible ?? !0,
           title: l.title ?? ""
         });
-        t.push({ series: s, line: x });
-        const v = new Ft(
-          s,
+        t.push({ series: a, line: x });
+        const v = new Bt(
+          a,
           l.price,
           p,
-          d,
+          m,
           y
         );
-        s.attachPrimitive(v), a.push({ series: s, primitive: v });
+        a.attachPrimitive(v), s.push({ series: a, primitive: v });
       }
     }
     return () => {
-      for (const { series: r, primitive: l } of a)
+      for (const { series: r, primitive: l } of s)
         try {
           r.detachPrimitive(l);
         } catch {
@@ -909,10 +788,10 @@ function ro({
         } catch {
         }
     };
-  }, [D, e, Q]), G(() => {
+  }, [D, e, O]), W(() => {
     const t = [];
     if (z && z.length > 0) {
-      const a = "rgba(239, 68, 68, 0.12)";
+      const s = "rgba(239, 68, 68, 0.12)";
       for (const r of z) {
         const l = Qe(
           N.current,
@@ -920,52 +799,52 @@ function ro({
           r.seriesLabel
         );
         if (!l) continue;
-        const s = r.color ? re(r.color, a) : a, p = new Dt(
+        const a = r.color ? re(r.color, s) : s, p = new Lt(
           l,
           r.priceTop,
           r.priceBottom,
-          s
+          a
         );
         l.attachPrimitive(p), t.push({ series: l, zone: p });
       }
     }
     return () => {
-      for (const { series: a, zone: r } of t)
+      for (const { series: s, zone: r } of t)
         try {
-          a.detachPrimitive(r);
+          s.detachPrimitive(r);
         } catch {
         }
     };
-  }, [z, e, Q]), G(() => {
-    const t = E.current;
+  }, [z, e, O]), W(() => {
+    const t = B.current;
     if (!t || !P?.length) {
-      ze([]);
+      Fe([]);
       return;
     }
-    const a = () => {
-      const s = t.timeScale(), p = P.map((d) => s.timeToCoordinate(d.xCoordinate) ?? null);
-      ze(p), B.current && Ae(B.current.clientWidth);
+    const s = () => {
+      const a = t.timeScale(), p = P.map((m) => a.timeToCoordinate(m.xCoordinate) ?? null);
+      Fe(p), E.current && ze(E.current.clientWidth);
     };
-    a();
+    s();
     const r = t.timeScale(), l = () => {
-      a();
+      s();
     };
     return r.subscribeVisibleLogicalRangeChange(l), () => {
       r.unsubscribeVisibleLogicalRangeChange(l);
     };
-  }, [P, e, Q]), mt(() => {
-    nt((t) => {
-      const a = {};
+  }, [P, e, O]), mt(() => {
+    rt((t) => {
+      const s = {};
       let r = !1;
-      for (const [l, s] of Ge.current) {
-        if (!s) continue;
-        const p = s.offsetWidth;
-        a[l] = p, t[l] !== p && (r = !0);
+      for (const [l, a] of Ae.current) {
+        if (!a) continue;
+        const p = a.offsetWidth;
+        s[l] = p, t[l] !== p && (r = !0);
       }
-      return Object.keys(t).length !== Object.keys(a).length && (r = !0), r ? a : t;
+      return Object.keys(t).length !== Object.keys(s).length && (r = !0), r ? s : t;
     });
   });
-  const fe = e.length === 1, We = we.useMemo(() => {
+  const fe = e.length === 1, We = _e.useMemo(() => {
     if (fe && e.length > 0) {
       const t = e[0];
       if (t.data.length > 0)
@@ -975,14 +854,14 @@ function ro({
   return /* @__PURE__ */ U(
     "div",
     {
-      ref: B,
-      className: O(
+      ref: E,
+      className: J(
         "relative z-[1] w-full h-full overflow-hidden p-0",
         i
       ),
       children: [
-        me != null && me !== !1 && fe ? /* @__PURE__ */ w("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ w("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: me }) }) : et && fe && We && /* @__PURE__ */ w(
-          Pt,
+        me != null && me !== !1 && fe ? /* @__PURE__ */ w("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ w("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: me }) }) : Ue && fe && We && /* @__PURE__ */ w(
+          _t,
           {
             point: We,
             xMeasureUnit: h,
@@ -990,47 +869,47 @@ function ro({
             decimals: le
           }
         ),
-        Ee && Be && /* @__PURE__ */ w(
-          Tt,
+        Ie && Be && /* @__PURE__ */ w(
+          wt,
           {
-            points: Ee,
+            points: Ie,
             xMeasureUnit: h,
             yMeasureUnit: u,
             series: e,
             position: Be,
-            containerRef: B,
+            containerRef: E,
             decimals: le
           }
         ),
-        c && /* @__PURE__ */ w(Xt, { series: e, onUnselect: f }),
-        P && P.length > 0 && Fe.length === P.length && /* @__PURE__ */ w(
+        c && /* @__PURE__ */ w(At, { series: e, onUnselect: f }),
+        P && P.length > 0 && Ee.length === P.length && /* @__PURE__ */ w(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
             "aria-hidden": !0,
-            children: P.map((t, a) => {
-              const r = Fe[a], l = t.options ?? {};
+            children: P.map((t, s) => {
+              const r = Ee[s], l = t.options ?? {};
               if (r === null) return null;
-              const { labelText: s, valueStr: p } = zt(
+              const { labelText: a, valueStr: p } = Et(
                 l,
                 u,
                 le
-              ), d = l.tooltipText ?? "";
-              if (!(s || p || d)) return null;
-              const x = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", v = l.labelTextColor ?? "hsl(var(--foreground))", W = `${String(t.xCoordinate)}-${s}-${d}`, V = At(
+              ), m = l.tooltipText ?? "";
+              if (!(a || p || m)) return null;
+              const x = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", v = l.labelTextColor ?? "hsl(var(--foreground))", X = `${String(t.xCoordinate)}-${a}-${m}`, V = Ft(
                 r,
-                ot,
-                rt[a]
+                tt,
+                ot[s]
               );
               return /* @__PURE__ */ U(
                 "div",
                 {
                   ref: (Y) => {
-                    Ge.current.set(a, Y);
+                    Ae.current.set(s, Y);
                   },
-                  className: O(
+                  className: J(
                     "group absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
-                    d && "pointer-events-auto cursor-default"
+                    m && "pointer-events-auto cursor-default"
                   ),
                   style: {
                     ...V,
@@ -1038,19 +917,19 @@ function ro({
                     color: v
                   },
                   children: [
-                    s && /* @__PURE__ */ w("span", { className: "block", children: s }),
-                    p && /* @__PURE__ */ w("span", { className: O("block", s && "mt-0.5"), children: p }),
-                    d && /* @__PURE__ */ w(
+                    a && /* @__PURE__ */ w("span", { className: "block", children: a }),
+                    p && /* @__PURE__ */ w("span", { className: J("block", a && "mt-0.5"), children: p }),
+                    m && /* @__PURE__ */ w(
                       "span",
                       {
                         className: "pointer-events-none absolute right-0 top-full z-10 mt-1 hidden w-[280px] whitespace-normal rounded border border-border bg-popover px-2.5 py-1.5 text-left leading-snug text-popover-foreground shadow-md group-hover:block",
                         role: "tooltip",
-                        children: d
+                        children: m
                       }
                     )
                   ]
                 },
-                W
+                X
               );
             })
           }
@@ -1058,7 +937,7 @@ function ro({
         /* @__PURE__ */ w(
           "div",
           {
-            ref: ve,
+            ref: Se,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -1066,7 +945,7 @@ function ro({
     }
   );
 }
-function Xt({
+function At({
   series: e,
   markers: i,
   onUnselect: c,
@@ -1076,17 +955,17 @@ function Xt({
   return /* @__PURE__ */ U(
     "div",
     {
-      className: O(
+      className: J(
         "flex flex-wrap",
         f ? "items-center justify-center gap-6" : "absolute top-0 left-2 z-[10] gap-2"
       ),
       children: [
         e.map((u, S) => {
-          const P = Ue(S), D = (u.lineColor ?? u.color) || P.line, z = !h && u.data.length === 0;
+          const P = Ye(S), D = (u.lineColor ?? u.color) || P.line, z = !h && u.data.length === 0;
           return /* @__PURE__ */ U(
             "div",
             {
-              className: O(
+              className: J(
                 "flex shrink-0 items-center gap-1.5",
                 !f && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
                 z && "opacity-50"
@@ -1095,7 +974,7 @@ function Xt({
                 /* @__PURE__ */ w(
                   "div",
                   {
-                    className: O(
+                    className: J(
                       "shrink-0",
                       f ? "size-2 rounded-full" : "h-3 w-3 rounded-sm"
                     ),
@@ -1105,7 +984,7 @@ function Xt({
                 /* @__PURE__ */ U(
                   "span",
                   {
-                    className: O(
+                    className: J(
                       "font-medium text-foreground",
                       f ? "text-sm" : "text-[10px] sm:text-xs"
                     ),
@@ -1155,7 +1034,7 @@ function Xt({
         i?.map((u) => /* @__PURE__ */ U(
           "div",
           {
-            className: O(
+            className: J(
               "flex shrink-0 items-center gap-1.5",
               !f && "px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border"
             ),
@@ -1170,7 +1049,7 @@ function Xt({
               /* @__PURE__ */ w(
                 "span",
                 {
-                  className: O(
+                  className: J(
                     "font-medium text-foreground",
                     f ? "text-sm" : "text-[10px] sm:text-xs"
                   ),
@@ -1186,14 +1065,12 @@ function Xt({
   );
 }
 export {
-  Te as DEFAULT_SERIES_COLORS,
-  ro as Graph,
-  Xt as GraphLegend,
-  Ye as VERTICAL_LINE_LABEL_EDGE_PADDING,
-  Ue as getSeriesColorPalette,
-  Gt as getStepForwardValue,
-  At as getVerticalLineLabelStyle,
-  zt as getVerticalLineTooltipContent,
+  to as Graph,
+  At as GraphLegend,
+  Oe as VERTICAL_LINE_LABEL_EDGE_PADDING,
+  zt as getStepForwardValue,
+  Ft as getVerticalLineLabelStyle,
+  Et as getVerticalLineTooltipContent,
   ne as seriesIdentity,
-  kt as visibleLogicalRangeFor
+  Nt as visibleLogicalRangeFor
 };