@gearbox-protocol/permissionless-ui 1.23.0 → 1.23.1

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

@@ -1,16 +1,16 @@
-import { jsxs as Y, jsx as S } from "react/jsx-runtime";
-import { createChart as yt } from "lightweight-charts";
+import { jsxs as _, jsx as y } from "react/jsx-runtime";
+import { createChart as Rt } from "lightweight-charts";
 import * as ot from "react";
-import { useRef as C, useState as ut, useEffect as O } from "react";
-import { useIsMobile as Rt } from "../../hooks/use-media-query.js";
+import { useRef as x, useState as ut, useEffect as E } from "react";
+import { useIsMobile as wt } from "../../hooks/use-media-query.js";
 import { cn as mt } from "../../utils/cn.js";
-import { resolveCSSColor as ft, generateColorsFromBase as rt } from "../../utils/colors.js";
-import { getDefaultOptions as dt, getDefaultSeries as wt, getDefaultVerticalLine as Vt } from "./default-config.js";
-import { getXFormatter as gt, createAdaptiveYAxisFormatter as Lt } from "./formatters.js";
-import { GraphCurrentValue as Pt } from "./graph-current-value.js";
-import { GraphTooltip as Mt } from "./graph-tooltip.js";
-import { VertLine as At } from "./plugins/vertical-line.js";
-const $ = [
+import { hslToHex as Vt, generateColorsFromBase as $, resolveCSSColor as ft } from "../../utils/colors.js";
+import { getDefaultOptions as gt, getDefaultSeries as Lt, getDefaultVerticalLine as Pt } from "./default-config.js";
+import { getXFormatter as dt, createAdaptiveYAxisFormatter as Mt } from "./formatters.js";
+import { GraphCurrentValue as Nt } from "./graph-current-value.js";
+import { GraphTooltip as At } from "./graph-tooltip.js";
+import { VertLine as Ft } from "./plugins/vertical-line.js";
+const rt = [
   {
     line: "#02c39a",
     top: "rgba(2, 195, 154, 0.56)",
@@ -21,16 +21,16 @@ const $ = [
     top: "rgba(59, 130, 246, 0.56)",
     bottom: "rgba(59, 130, 246, 0.04)"
   },
-  {
-    line: "#f59e0b",
-    top: "rgba(245, 158, 11, 0.56)",
-    bottom: "rgba(245, 158, 11, 0.04)"
-  },
   {
     line: "#ef4444",
     top: "rgba(239, 68, 68, 0.56)",
     bottom: "rgba(239, 68, 68, 0.04)"
   },
+  {
+    line: "#f59e0b",
+    top: "rgba(245, 158, 11, 0.56)",
+    bottom: "rgba(245, 158, 11, 0.04)"
+  },
   {
     line: "#8b5cf6",
     top: "rgba(139, 92, 246, 0.56)",
@@ -41,109 +41,170 @@ const $ = [
     top: "rgba(236, 72, 153, 0.56)",
     bottom: "rgba(236, 72, 153, 0.04)"
   },
+  {
+    line: "#06b6d4",
+    top: "rgba(6, 182, 212, 0.56)",
+    bottom: "rgba(6, 182, 212, 0.04)"
+  },
+  {
+    line: "#0ea5e9",
+    top: "rgba(14, 165, 233, 0.56)",
+    bottom: "rgba(14, 165, 233, 0.04)"
+  },
+  {
+    line: "#6366f1",
+    top: "rgba(99, 102, 241, 0.56)",
+    bottom: "rgba(99, 102, 241, 0.04)"
+  },
+  {
+    line: "#d946ef",
+    top: "rgba(217, 70, 239, 0.56)",
+    bottom: "rgba(217, 70, 239, 0.04)"
+  },
   {
     line: "#10b981",
     top: "rgba(16, 185, 129, 0.56)",
     bottom: "rgba(16, 185, 129, 0.04)"
   },
   {
-    line: "#06b6d4",
-    top: "rgba(6, 182, 212, 0.56)",
-    bottom: "rgba(6, 182, 212, 0.04)"
+    line: "#ea580c",
+    top: "rgba(234, 88, 12, 0.56)",
+    bottom: "rgba(234, 88, 12, 0.04)"
+  },
+  {
+    line: "#84cc16",
+    top: "rgba(132, 204, 22, 0.56)",
+    bottom: "rgba(132, 204, 22, 0.04)"
+  },
+  {
+    line: "#0d9488",
+    top: "rgba(13, 148, 136, 0.56)",
+    bottom: "rgba(13, 148, 136, 0.04)"
+  },
+  {
+    line: "#eab308",
+    top: "rgba(234, 179, 8, 0.56)",
+    bottom: "rgba(234, 179, 8, 0.04)"
+  },
+  {
+    line: "#f43f5e",
+    top: "rgba(244, 63, 94, 0.56)",
+    bottom: "rgba(244, 63, 94, 0.04)"
+  },
+  {
+    line: "#d97706",
+    top: "rgba(217, 119, 6, 0.56)",
+    bottom: "rgba(217, 119, 6, 0.04)"
+  },
+  {
+    line: "#64748b",
+    top: "rgba(100, 116, 139, 0.56)",
+    bottom: "rgba(100, 116, 139, 0.04)"
+  },
+  {
+    line: "#475569",
+    top: "rgba(71, 85, 105, 0.56)",
+    bottom: "rgba(71, 85, 105, 0.04)"
   }
-];
-function Yt({
-  series: o,
-  className: H,
-  showLegend: w = !1,
-  onUnselectSeries: q,
-  xMeasureUnit: V = "time",
-  yMeasureUnit: D = "token",
-  optionsOverrides: E,
-  verticalLineOptions: j,
+], Tt = 137.5;
+function bt(t) {
+  if (t < rt.length)
+    return rt[t];
+  const v = (t - rt.length) * Tt % 360, k = Vt(v, 70, 50), { topColor: C, bottomColor: N } = $(k);
+  return { line: k, top: C, bottom: N };
+}
+function qt({
+  series: t,
+  className: G,
+  showLegend: v = !1,
+  onUnselectSeries: k,
+  xMeasureUnit: C = "time",
+  yMeasureUnit: N = "token",
+  optionsOverrides: j,
+  verticalLineOptions: B,
   currentValueDecimals: nt
 }) {
-  const x = C(null), b = C(/* @__PURE__ */ new Map()), W = C(!1), X = C(/* @__PURE__ */ new Set()), at = C(0), lt = C(!0), Z = C(
+  const R = x(null), h = x(/* @__PURE__ */ new Map()), q = x(!1), W = x(/* @__PURE__ */ new Set()), at = x(0), lt = x(!0), X = x(
     null
-  ), ht = C(null), A = C(null), _ = C(null), k = Rt(), L = ot.useMemo(() => o.flatMap((e) => e.data), [o]), pt = ot.useMemo(() => {
-    if (o.length > 0) {
-      const e = o[o.length - 1];
-      if (e.data.length > 0)
-        return e.data[e.data.length - 1];
+  ), pt = x(null), A = x(null), Z = x(null), O = wt(), L = ot.useMemo(() => t.flatMap((o) => o.data), [t]), ht = ot.useMemo(() => {
+    if (t.length > 0) {
+      const o = t[t.length - 1];
+      if (o.data.length > 0)
+        return o.data[o.data.length - 1];
     }
-  }, [o]), [it, J] = ut(() => {
-    if (!pt) return;
-    const e = /* @__PURE__ */ new Map();
-    for (const r of o)
-      r.data.length > 0 && e.set(r.label, r.data[r.data.length - 1]);
-    return e;
+  }, [t]), [it, J] = ut(() => {
+    if (!ht) return;
+    const o = /* @__PURE__ */ new Map();
+    for (const r of t)
+      r.data.length > 0 && o.set(r.label, r.data[r.data.length - 1]);
+    return o;
   }), [st, P] = ut(null);
-  O(() => {
-    const e = () => {
-      if (x.current && A.current) {
-        const g = A.current.clientWidth, a = A.current.clientHeight;
-        x.current.resize(g, a), x.current.timeScale().fitContent();
+  E(() => {
+    const o = () => {
+      if (R.current && A.current) {
+        const d = A.current.clientWidth, a = A.current.clientHeight;
+        R.current.resize(d, a), R.current.timeScale().fitContent();
       }
-    }, r = A.current, l = r ? new ResizeObserver(e) : null;
+    }, r = A.current, l = r ? new ResizeObserver(o) : null;
     return r && l?.observe(r), () => {
       r && l?.unobserve(r);
     };
-  }, []), O(() => {
-    if (!_.current || W.current) return;
-    const e = dt(), r = ft(
+  }, []), E(() => {
+    if (!Z.current || q.current) return;
+    const o = gt(), r = ft(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
-    ), l = yt(_.current, {
-      ...e,
+    ), l = Rt(Z.current, {
+      ...o,
       rightPriceScale: {
-        ...e.rightPriceScale || {},
-        visible: !k,
+        ...o.rightPriceScale || {},
+        visible: !O,
         textColor: r
       },
-      ...E
+      ...j
     });
-    return x.current = l, W.current = !0, () => {
-      l.remove(), x.current = null, W.current = !1, b.current.clear();
+    return R.current = l, q.current = !0, () => {
+      l.remove(), R.current = null, q.current = !1, h.current.clear();
     };
-  }, [k, E]), O(() => {
-    const e = x.current;
-    if (!e || o.length === 0) return;
-    const r = V === "time" ? gt(V, L) : gt(V), l = L.map((t) => t.value), {
-      formatter: g,
+  }, [O, j]), E(() => {
+    const o = R.current;
+    if (!o || t.length === 0) return;
+    const r = C === "time" ? dt(C, L) : dt(C), l = L.map((e) => e.value), {
+      formatter: d,
       updateVisibleRange: a,
       updateLastValues: f
-    } = Lt(l);
-    Z.current = a, ht.current = f;
-    const h = o.filter((t) => t.data.length > 0).map((t) => t.data[t.data.length - 1].value);
-    f(h);
-    const v = dt();
-    e.applyOptions({
+    } = Mt(l);
+    X.current = a, pt.current = f;
+    const b = t.filter((e) => e.data.length > 0).map((e) => e.data[e.data.length - 1].value);
+    f(b);
+    const S = gt();
+    o.applyOptions({
       localization: {
-        ...v.localization || {},
+        ...S.localization || {},
         timeFormatter: r ? (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          ((t) => r(parseFloat(t), void 0))
+          ((e) => r(parseFloat(e), void 0))
         ) : void 0
       },
       timeScale: {
-        ...v.timeScale || {},
+        ...S.timeScale || {},
         tickMarkFormatter: r ? (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          ((t) => r(parseFloat(t), void 0))
+          ((e) => r(parseFloat(e), void 0))
         ) : void 0,
         minBarSpacing: 0
       }
     });
-    const M = (L.length > 0 ? Math.min(...L.map((t) => t.value)) : 0) < 0, y = L.some((t) => t.value === 0), d = !M && y, i = o.length > 1, u = i || k, s = ft(
+    const M = (L.length > 0 ? Math.min(...L.map((e) => e.value)) : 0) < 0, w = L.some((e) => e.value === 0), g = !M && w, i = t.length > 1, u = i || O, s = ft(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
-    e.applyOptions({
+    o.applyOptions({
       rightPriceScale: {
-        ...v.rightPriceScale || {},
+        ...S.rightPriceScale || {},
         visible: !u,
         textColor: s,
-        ...d && {
+        ...g && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -151,85 +212,85 @@ function Yt({
         }
       }
     });
-    const m = new Set(b.current.keys()), R = new Set(o.map((t) => t.label));
-    for (const t of m)
-      if (!R.has(t)) {
-        const n = b.current.get(t);
-        n && (e.removeSeries(n), b.current.delete(t));
+    const m = new Set(h.current.keys()), V = new Set(t.map((e) => e.label));
+    for (const e of m)
+      if (!V.has(e)) {
+        const n = h.current.get(e);
+        n && (o.removeSeries(n), h.current.delete(e));
       }
-    const F = wt(), B = [];
-    let I = 0;
-    for (let t = 0; t < o.length; t++) {
-      const n = o[t], tt = $[t % $.length], G = n.color || tt.line;
-      let N, T;
+    const F = Lt(), H = [];
+    let z = 0;
+    for (let e = 0; e < t.length; e++) {
+      const n = t[e], tt = bt(e), Y = n.color || tt.line;
+      let T, I;
       if (n.color)
         if (n.topColor && n.bottomColor)
-          N = n.topColor, T = n.bottomColor;
+          T = n.topColor, I = n.bottomColor;
         else if (n.topColor) {
-          const c = rt(G);
-          N = n.topColor, T = c.bottomColor;
+          const c = $(Y);
+          T = n.topColor, I = c.bottomColor;
         } else if (n.bottomColor)
-          N = rt(G).topColor, T = n.bottomColor;
+          T = $(Y).topColor, I = n.bottomColor;
         else {
-          const c = rt(G);
-          N = c.topColor, T = c.bottomColor;
+          const c = $(Y);
+          T = c.topColor, I = c.bottomColor;
         }
       else
-        N = n.topColor || tt.top, T = n.bottomColor || tt.bottom;
+        T = n.topColor || tt.top, I = n.bottomColor || tt.bottom;
       if (n.data.length === 0) {
-        const c = b.current.get(n.label);
-        c && (e.removeSeries(c), b.current.delete(n.label));
+        const c = h.current.get(n.label);
+        c && (o.removeSeries(c), h.current.delete(n.label));
         continue;
       }
-      const Ct = (n.data.length > 0 ? Math.min(...n.data.map((c) => c.value)) : 0) < 0, St = n.data.some((c) => c.value === 0), xt = !Ct && St, et = i ? I === 0 ? "right" : `scale-${I}` : "right";
-      i && B.push({
+      const St = (n.data.length > 0 ? Math.min(...n.data.map((c) => c.value)) : 0) < 0, xt = n.data.some((c) => c.value === 0), yt = !St && xt, et = i ? z === 0 ? "right" : `scale-${z}` : "right";
+      i && H.push({
         priceScaleId: et || "right",
-        shouldPreventNegativeAxis: xt,
-        seriesIndex: I
+        shouldPreventNegativeAxis: yt,
+        seriesIndex: z
       });
-      let z = b.current.get(n.label);
-      z ? (z.applyOptions({
-        lineColor: G,
-        topColor: N,
-        bottomColor: T,
+      let D = h.current.get(n.label);
+      D ? (D.applyOptions({
+        lineColor: Y,
+        topColor: T,
+        bottomColor: I,
         priceScaleId: et,
         priceFormat: {
           type: "custom",
-          formatter: g
+          formatter: d
         }
-      }), z.setData(
+      }), D.setData(
         n.data.map((c) => ({
           ...c,
           time: c.time
         }))
-      )) : (z = e.addAreaSeries({
+      )) : (D = o.addAreaSeries({
         ...F,
-        lineColor: G,
-        topColor: N,
-        bottomColor: T,
+        lineColor: Y,
+        topColor: T,
+        bottomColor: I,
         priceScaleId: et,
         priceFormat: {
           type: "custom",
-          formatter: g
+          formatter: d
         }
-      }), z.setData(
+      }), D.setData(
         n.data.map((c) => ({
           ...c,
           time: c.time
         }))
-      ), b.current.set(n.label, z)), I++;
+      ), h.current.set(n.label, D)), z++;
     }
-    if (i && B.length > 0)
-      for (const t of B)
+    if (i && H.length > 0)
+      for (const e of H)
         try {
-          const n = e.priceScale(t.priceScaleId);
+          const n = o.priceScale(e.priceScaleId);
           n && n.applyOptions({
             visible: !1,
             autoScale: !0,
             scaleMargins: {
               top: 0.1,
               bottom: 0.1,
-              ...t.shouldPreventNegativeAxis && {
+              ...e.shouldPreventNegativeAxis && {
                 top: 0.3,
                 bottom: 0
               }
@@ -242,20 +303,20 @@ function Yt({
           });
         } catch (n) {
           console.warn(
-            `Failed to configure price scale ${t.priceScaleId} for series ${t.seriesIndex}:`,
+            `Failed to configure price scale ${e.priceScaleId} for series ${e.seriesIndex}:`,
             n
           );
         }
     else if (!i)
       try {
-        const t = e.priceScale("right");
-        t && t.applyOptions({
-          visible: !k,
+        const e = o.priceScale("right");
+        e && e.applyOptions({
+          visible: !O,
           autoScale: !0,
           scaleMargins: {
             top: 0.1,
             bottom: 0.1,
-            ...d && {
+            ...g && {
               top: 0.3,
               bottom: 0
             }
@@ -268,50 +329,50 @@ function Yt({
         });
       } catch {
       }
-    const Q = new Set(o.map((t) => t.label)), bt = Q.size !== X.current.size || [...Q].some((t) => !X.current.has(t)), vt = L.length !== at.current;
-    (lt.current || bt || vt || k) && (e.timeScale().fitContent(), lt.current = !1), X.current = Q, at.current = L.length;
+    const Q = new Set(t.map((e) => e.label)), vt = Q.size !== W.current.size || [...Q].some((e) => !W.current.has(e)), Ct = L.length !== at.current;
+    (lt.current || vt || Ct || O) && (o.timeScale().fitContent(), lt.current = !1), W.current = Q, at.current = L.length;
     const U = /* @__PURE__ */ new Map();
-    for (const t of o)
-      t.data.length > 0 && U.set(t.label, t.data[t.data.length - 1]);
+    for (const e of t)
+      e.data.length > 0 && U.set(e.label, e.data[e.data.length - 1]);
     J(U.size > 0 ? U : void 0);
-  }, [o, L, V, D, k]), O(() => {
-    const e = x.current;
-    if (!e || o.length === 0) return;
-    const r = o.length === 1;
+  }, [t, L, C, N, O]), E(() => {
+    const o = R.current;
+    if (!o || t.length === 0) return;
+    const r = t.length === 1;
     let l;
-    for (const a of o)
+    for (const a of t)
       if (a.data.length > 0) {
         l = a.data[a.data.length - 1].time;
         break;
       }
     if (!l) return;
-    const g = (a) => {
-      const { time: f = l, seriesData: h, point: v } = a || {}, p = Array.from(b.current.values());
-      if (!v || !f) {
-        const d = /* @__PURE__ */ new Map();
-        for (const i of o)
-          i.data.length > 0 && d.set(i.label, i.data[i.data.length - 1]);
-        if (J(d.size > 0 ? d : void 0), r)
+    const d = (a) => {
+      const { time: f = l, seriesData: b, point: S } = a || {}, p = Array.from(h.current.values());
+      if (!S || !f) {
+        const g = /* @__PURE__ */ new Map();
+        for (const i of t)
+          i.data.length > 0 && g.set(i.label, i.data[i.data.length - 1]);
+        if (J(g.size > 0 ? g : void 0), r)
           P(null);
         else if (p[0] && l) {
-          const u = e.timeScale().timeToCoordinate(l), s = o[0];
+          const u = o.timeScale().timeToCoordinate(l), s = t[0];
           if (s.data.length > 0) {
-            const m = s.data[s.data.length - 1].value, R = p[0].priceToCoordinate(m);
-            u !== null && R !== null && P({ x: u, y: R });
+            const m = s.data[s.data.length - 1].value, V = p[0].priceToCoordinate(m);
+            u !== null && V !== null && P({ x: u, y: V });
           }
         }
         return;
       }
       const M = /* @__PURE__ */ new Map();
-      let y;
-      for (let d = 0; d < o.length; d++) {
-        const i = o[d], u = p[d];
+      let w;
+      for (let g = 0; g < t.length; g++) {
+        const i = t[g], u = p[g];
         if (!u) continue;
-        const s = h?.get(u), m = s && "value" in s ? s.value : void 0, R = i.data[i.data.length - 1], F = m !== void 0 ? m : R?.value ?? 0;
-        d === 0 && (y = F), M.set(i.label, { value: F, time: f });
+        const s = b?.get(u), m = s && "value" in s ? s.value : void 0, V = i.data[i.data.length - 1], F = m !== void 0 ? m : V?.value ?? 0;
+        g === 0 && (w = F), M.set(i.label, { value: F, time: f });
       }
-      if (J(M), y !== void 0 && p[0]) {
-        const i = e.timeScale().timeToCoordinate(f), u = p[0].priceToCoordinate(y);
+      if (J(M), w !== void 0 && p[0]) {
+        const i = o.timeScale().timeToCoordinate(f), u = p[0].priceToCoordinate(w);
         if (i !== null && u !== null) {
           const s = A.current;
           if (s) {
@@ -319,8 +380,8 @@ function Yt({
               ".LightweightChart"
             );
             if (m) {
-              const R = m.getBoundingClientRect(), F = s.getBoundingClientRect(), B = i + (R.left - F.left), I = u + (R.top - F.top);
-              P({ x: B, y: I });
+              const V = m.getBoundingClientRect(), F = s.getBoundingClientRect(), H = i + (V.left - F.left), z = u + (V.top - F.top);
+              P({ x: H, y: z });
             } else
               P({ x: i, y: u });
           } else
@@ -330,105 +391,105 @@ function Yt({
       } else
         P(null);
     };
-    return e.subscribeCrosshairMove(g), r || requestAnimationFrame(() => {
-      const a = Array.from(b.current.values());
-      if (a[0] && l && o[0]?.data.length > 0) {
-        const h = e.timeScale().timeToCoordinate(l), v = o[0].data[o[0].data.length - 1].value, p = a[0].priceToCoordinate(v);
-        h !== null && p !== null && P({ x: h, y: p });
+    return o.subscribeCrosshairMove(d), r || requestAnimationFrame(() => {
+      const a = Array.from(h.current.values());
+      if (a[0] && l && t[0]?.data.length > 0) {
+        const b = o.timeScale().timeToCoordinate(l), S = t[0].data[t[0].data.length - 1].value, p = a[0].priceToCoordinate(S);
+        b !== null && p !== null && P({ x: b, y: p });
       }
     }), () => {
-      e.unsubscribeCrosshairMove(g);
+      o.unsubscribeCrosshairMove(d);
     };
-  }, [o]), O(() => {
-    const e = x.current;
-    if (!e || o.length === 0) return;
-    const r = e.timeScale(), l = Math.max(...o.map((a) => a.data.length)), g = () => {
+  }, [t]), E(() => {
+    const o = R.current;
+    if (!o || t.length === 0) return;
+    const r = o.timeScale(), l = Math.max(...t.map((a) => a.data.length)), d = () => {
       if (l === 0) return;
       const a = r.getVisibleLogicalRange();
       if (!a) return;
       const f = {
         from: 0,
         to: l - 1
-      }, h = typeof a.from == "number" ? a.from : 0, v = typeof a.to == "number" ? a.to : l - 1;
-      if (Z.current) {
-        const d = Math.max(0, Math.floor(h)), i = Math.min(l - 1, Math.ceil(v)), u = [];
-        for (const s of o)
-          for (let m = d; m <= i && m < s.data.length; m++)
+      }, b = typeof a.from == "number" ? a.from : 0, S = typeof a.to == "number" ? a.to : l - 1;
+      if (X.current) {
+        const g = Math.max(0, Math.floor(b)), i = Math.min(l - 1, Math.ceil(S)), u = [];
+        for (const s of t)
+          for (let m = g; m <= i && m < s.data.length; m++)
             u.push(s.data[m].value);
-        u.length > 0 && Z.current(u);
+        u.length > 0 && X.current(u);
       }
       const p = 0.01;
       let M = !1;
-      const y = { ...a };
-      h < f.from - p && (y.from = f.from, M = !0), v > f.to + p && (y.to = f.to, M = !0), M && r.setVisibleLogicalRange(y);
+      const w = { ...a };
+      b < f.from - p && (w.from = f.from, M = !0), S > f.to + p && (w.to = f.to, M = !0), M && r.setVisibleLogicalRange(w);
     };
-    return r.subscribeVisibleLogicalRangeChange(g), () => {
+    return r.subscribeVisibleLogicalRangeChange(d), () => {
       r.unsubscribeVisibleLogicalRangeChange(
-        g
+        d
       );
     };
-  }, [o]), O(() => {
-    const e = x.current, r = Array.from(b.current.values()), l = [];
-    if (e && r.length > 0 && j) {
-      const g = Vt(), a = r[0];
-      for (const f of j) {
-        const h = new At(e, a, f.xCoordinate, {
-          ...g,
+  }, [t]), E(() => {
+    const o = R.current, r = Array.from(h.current.values()), l = [];
+    if (o && r.length > 0 && B) {
+      const d = Pt(), a = r[0];
+      for (const f of B) {
+        const b = new Ft(o, a, f.xCoordinate, {
+          ...d,
           ...f.options || {}
         });
-        a.attachPrimitive(h), l.push(h);
+        a.attachPrimitive(b), l.push(b);
       }
     }
     return () => {
       if (r.length > 0) {
-        const g = r[0];
+        const d = r[0];
         for (const a of l)
-          g.detachPrimitive(a);
+          d.detachPrimitive(a);
       }
     };
-  }, [j]);
-  const K = o.length === 1, ct = ot.useMemo(() => {
-    if (K && o.length > 0) {
-      const e = o[0];
-      if (e.data.length > 0)
-        return e.data[e.data.length - 1];
+  }, [B]);
+  const K = t.length === 1, ct = ot.useMemo(() => {
+    if (K && t.length > 0) {
+      const o = t[0];
+      if (o.data.length > 0)
+        return o.data[o.data.length - 1];
     }
-  }, [K, o]);
-  return /* @__PURE__ */ Y(
+  }, [K, t]);
+  return /* @__PURE__ */ _(
     "div",
     {
       ref: A,
       className: mt(
         "relative z-[1] w-full h-full overflow-hidden p-0",
-        H
+        G
       ),
       children: [
-        K && ct && /* @__PURE__ */ S(
-          Pt,
+        K && ct && /* @__PURE__ */ y(
+          Nt,
           {
             point: ct,
-            xMeasureUnit: V,
-            yMeasureUnit: D,
+            xMeasureUnit: C,
+            yMeasureUnit: N,
             decimals: nt
           }
         ),
-        it && st && /* @__PURE__ */ S(
-          Mt,
+        it && st && /* @__PURE__ */ y(
+          At,
           {
             points: it,
-            xMeasureUnit: V,
-            yMeasureUnit: D,
-            series: o,
+            xMeasureUnit: C,
+            yMeasureUnit: N,
+            series: t,
             position: st,
             containerRef: A,
             decimals: nt
           }
         ),
-        w && /* @__PURE__ */ S(Ft, { series: o, onUnselect: q }),
-        /* @__PURE__ */ S(
+        v && /* @__PURE__ */ y(It, { series: t, onUnselect: k }),
+        /* @__PURE__ */ y(
           "div",
           {
-            ref: _,
+            ref: Z,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -436,41 +497,41 @@ function Yt({
     }
   );
 }
-function Ft({
-  series: o,
-  onUnselect: H
+function It({
+  series: t,
+  onUnselect: G
 }) {
-  return /* @__PURE__ */ S("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: o.map((w, q) => {
-    const V = $[q % $.length], D = w.color || V.line, E = w.data.length === 0;
-    return /* @__PURE__ */ Y(
+  return /* @__PURE__ */ y("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: t.map((v, k) => {
+    const C = bt(k), N = v.color || C.line, j = v.data.length === 0;
+    return /* @__PURE__ */ _(
       "div",
       {
         className: mt(
           "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
-          E && "opacity-50"
+          j && "opacity-50"
         ),
         children: [
-          /* @__PURE__ */ S(
+          /* @__PURE__ */ y(
             "div",
             {
               className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: D }
+              style: { backgroundColor: N }
             }
           ),
-          /* @__PURE__ */ Y("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
-            w.label,
-            E && " (no data)"
+          /* @__PURE__ */ _("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
+            v.label,
+            j && " (no data)"
           ] }),
-          H && /* @__PURE__ */ S(
+          G && /* @__PURE__ */ y(
             "button",
             {
               type: "button",
-              onClick: (j) => {
-                j.stopPropagation(), H(w.label);
+              onClick: (B) => {
+                B.stopPropagation(), G(v.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 ${w.label}`,
-              children: /* @__PURE__ */ Y(
+              "aria-label": `Remove ${v.label}`,
+              children: /* @__PURE__ */ _(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -485,9 +546,9 @@ function Ft({
                   className: "text-muted-foreground hover:text-foreground",
                   "aria-hidden": "true",
                   children: [
-                    /* @__PURE__ */ S("title", { children: "Close" }),
-                    /* @__PURE__ */ S("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                    /* @__PURE__ */ S("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                    /* @__PURE__ */ y("title", { children: "Close" }),
+                    /* @__PURE__ */ y("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                    /* @__PURE__ */ y("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                   ]
                 }
               )
@@ -495,11 +556,12 @@ function Ft({
           )
         ]
       },
-      w.label
+      v.label
     );
   }) });
 }
 export {
-  $ as DEFAULT_SERIES_COLORS,
-  Yt as Graph
+  rt as DEFAULT_SERIES_COLORS,
+  qt as Graph,
+  bt as getSeriesColorPalette
 };