@wick-charts/react 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,8 +1,8 @@
-import { createContext as ye, useContext as Gt, useRef as et, useLayoutEffect as it, useEffect as j, useState as Rt, Children as Ye, isValidElement as _e, useMemo as dt, useSyncExternalStore as Tt } from "react";
+import { createContext as ye, useContext as Nt, useRef as et, useLayoutEffect as it, useEffect as j, useState as Rt, Children as Ye, isValidElement as _e, useMemo as dt, useSyncExternalStore as Tt } from "react";
 import { jsx as S, jsxs as F, Fragment as Dt } from "react/jsx-runtime";
 var Ue = Object.defineProperty, xe = (r) => {
   throw TypeError(r);
-}, Ee = (r, t, i) => t in r ? Ue(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i, w = (r, t, i) => Ee(r, typeof t != "symbol" ? t + "" : t, i), Nt = (r, t, i) => t.has(r) || xe("Cannot " + i), c = (r, t, i) => (Nt(r, t, "read from private field"), i ? i.call(r) : t.get(r)), L = (r, t, i) => t.has(r) ? xe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, i), R = (r, t, i, e) => (Nt(r, t, "write to private field"), t.set(r, i), i), Ft = (r, t, i) => (Nt(r, t, "access private method"), i), ne = (r, t, i, e) => ({
+}, Ee = (r, t, i) => t in r ? Ue(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i, w = (r, t, i) => Ee(r, typeof t != "symbol" ? t + "" : t, i), jt = (r, t, i) => t.has(r) || xe("Cannot " + i), c = (r, t, i) => (jt(r, t, "read from private field"), i ? i.call(r) : t.get(r)), L = (r, t, i) => t.has(r) ? xe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, i), R = (r, t, i, e) => (jt(r, t, "write to private field"), t.set(r, i), i), Ft = (r, t, i) => (jt(r, t, "access private method"), i), le = (r, t, i, e) => ({
   set _(a) {
     R(r, t, a);
   },
@@ -30,13 +30,13 @@ class Bt {
     this.listeners.clear();
   }
 }
-function le(r, t, i) {
+function ce(r, t, i) {
   const e = document.createElement("canvas");
   return e.style.position = "absolute", e.style.inset = "0", e.style.width = "100%", e.style.height = "100%", e.style.display = "block", e.style.zIndex = String(t), r.appendChild(e), e;
 }
 class Oe extends Bt {
   constructor(t) {
-    super(), w(this, "mainCanvas"), w(this, "mainCtx"), w(this, "overlayCanvas"), w(this, "overlayCtx"), w(this, "resizeObserver"), w(this, "_size"), w(this, "supportsDevicePixelContentBox", !1), this.mainCanvas = le(t, 0), this.overlayCanvas = le(t, 1), this.mainCtx = this.mainCanvas.getContext("2d", { alpha: !0 }), this.overlayCtx = this.overlayCanvas.getContext("2d", { alpha: !0 });
+    super(), w(this, "mainCanvas"), w(this, "mainCtx"), w(this, "overlayCanvas"), w(this, "overlayCtx"), w(this, "resizeObserver"), w(this, "_size"), w(this, "supportsDevicePixelContentBox", !1), this.mainCanvas = ce(t, 0), this.overlayCanvas = ce(t, 1), this.mainCtx = this.mainCanvas.getContext("2d", { alpha: !0 }), this.overlayCtx = this.overlayCanvas.getContext("2d", { alpha: !0 });
     const i = window.devicePixelRatio || 1;
     this._size = {
       media: { width: 0, height: 0 },
@@ -147,10 +147,10 @@ function Xe(r, t, i, e, a) {
   }
   o.stroke(), o.setLineDash([]);
 }
-function ce(r, t, i) {
+function he(r, t, i) {
   return r + (t - r) * i;
 }
-function Et(r, t, i) {
+function Ot(r, t, i) {
   let e = 0, a = r.length - 1;
   for (; e <= a; ) {
     const o = e + a >>> 1, s = i(r[o]);
@@ -160,7 +160,7 @@ function Et(r, t, i) {
   }
   return e;
 }
-class jt extends Bt {
+class Jt extends Bt {
   constructor() {
     super(...arguments), w(this, "data", []), w(this, "_visible", !0), w(this, "cachedRange", null), w(this, "cachedResult", []);
   }
@@ -195,7 +195,7 @@ class jt extends Bt {
   getVisibleData(t, i) {
     if (this.data.length === 0) return [];
     if (this.cachedRange && this.cachedRange.from === t && this.cachedRange.to === i) return this.cachedResult;
-    const e = Math.max(0, Et(this.data, t, (o) => o.time) - 1), a = Math.min(this.data.length, Et(this.data, i, (o) => o.time) + 1);
+    const e = Math.max(0, Ot(this.data, t, (o) => o.time) - 1), a = Math.min(this.data.length, Ot(this.data, i, (o) => o.time) + 1);
     return this.cachedResult = this.data.slice(e, a), this.cachedRange = { from: t, to: i }, this.cachedResult;
   }
   first() {
@@ -212,7 +212,7 @@ class jt extends Bt {
   }
   findNearest(t, i) {
     if (this.data.length === 0) return null;
-    const e = Et(this.data, t, (s) => s.time);
+    const e = Ot(this.data, t, (s) => s.time);
     let a = null, o = i;
     for (let s = Math.max(0, e - 1); s <= Math.min(this.data.length - 1, e + 1); s++) {
       const n = Math.abs(this.data[s].time - t);
@@ -305,7 +305,7 @@ class je extends Bt {
     this.canvas.removeEventListener("wheel", this.onWheel), this.canvas.removeEventListener("mousedown", this.onMouseDown), this.canvas.removeEventListener("mousemove", this.onMouseMove), this.canvas.removeEventListener("mouseup", this.onMouseUp), this.canvas.removeEventListener("mouseleave", this.onMouseLeave), this.canvas.removeEventListener("dblclick", this.onDblClick), this.canvas.removeEventListener("touchstart", this.onTouchStart), this.canvas.removeEventListener("touchmove", this.onTouchMove), this.canvas.removeEventListener("touchend", this.onTouchEnd), this.removeAllListeners();
   }
 }
-class he {
+class de {
   constructor(t) {
     w(this, "dirty", !1), w(this, "rafId", null), w(this, "callback"), w(this, "render", (i) => {
       this.dirty = !1, this.rafId = null, this.callback(i);
@@ -319,14 +319,14 @@ class he {
   }
 }
 const ut = 6e4, ct = 36e5, st = 864e5;
-function de(r) {
+function At(r) {
   return r instanceof Date ? r.getTime() : r;
 }
 function Je(r) {
-  return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
+  return r.length === 0 || !r.some((t) => t.time instanceof Date) ? r : r.map((t) => ({ ...t, time: At(t.time) }));
 }
 function Ke(r) {
-  return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
+  return r.length === 0 || !r.some((t) => t.time instanceof Date) ? r : r.map((t) => ({ ...t, time: At(t.time) }));
 }
 function qe(r) {
   if (r.length < 2) return st;
@@ -335,7 +335,7 @@ function qe(r) {
     t.push(r[i] - r[i - 1]);
   return t.sort((i, e) => i - e), t[Math.floor(t.length / 2)];
 }
-function At(r, t) {
+function It(r, t) {
   const i = new Date(r);
   return t >= st ? i.toLocaleDateString("en-US", { month: "short", day: "numeric" }) : t >= ct ? i.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: !1 }) : i.toLocaleTimeString("en-US", {
     hour: "2-digit",
@@ -397,7 +397,7 @@ class ti {
     return this.width;
   }
 }
-const Ot = [
+const $t = [
   1e-4,
   2e-4,
   5e-4,
@@ -450,8 +450,8 @@ class ei {
   niceTickValues() {
     if (this.max <= this.min) return [];
     const t = (this.max - this.min) / this.height * 50;
-    let i = Ot[Ot.length - 1];
-    for (const o of Ot)
+    let i = $t[$t.length - 1];
+    for (const o of $t)
       if (o >= t) {
         i = o;
         break;
@@ -480,7 +480,7 @@ const ii = {
 };
 class Z {
   constructor(t, i) {
-    w(this, "stores"), w(this, "options"), this.stores = Array.from({ length: t }, () => new jt()), this.options = { ...ii, ...i };
+    w(this, "stores"), w(this, "options"), this.stores = Array.from({ length: t }, () => new Jt()), this.options = { ...ii, ...i };
   }
   /** For chart compatibility — returns first store */
   get store() {
@@ -675,7 +675,7 @@ function ri(r, t, i, e) {
   return a.push(r[r.length - 1]), a;
 }
 const fe = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map(), pe = /* @__PURE__ */ new Map();
-function Jt(r) {
+function Kt(r) {
   return [parseInt(r.slice(1, 3), 16), parseInt(r.slice(3, 5), 16), parseInt(r.slice(5, 7), 16)];
 }
 function Ce(r, t, i) {
@@ -687,14 +687,14 @@ function bt(r, t) {
   const i = r + t;
   let e = fe.get(i);
   if (e) return e;
-  const [a, o, s] = Jt(r);
+  const [a, o, s] = Kt(r);
   return e = `rgba(${a}, ${o}, ${s}, ${t})`, fe.set(i, e), e;
 }
 function ai(r, t) {
   const i = r + t;
   let e = ge.get(i);
   if (e) return e;
-  const [a, o, s] = Jt(r);
+  const [a, o, s] = Kt(r);
   return e = Ce(
     Math.min(255, Math.round(a + (255 - a) * t)),
     Math.min(255, Math.round(o + (255 - o) * t)),
@@ -705,7 +705,7 @@ function si(r, t) {
   const i = r + t;
   let e = pe.get(i);
   if (e) return e;
-  const [a, o, s] = Jt(r);
+  const [a, o, s] = Kt(r);
   return e = Ce(
     Math.max(0, Math.round(a * (1 - t))),
     Math.max(0, Math.round(o * (1 - t))),
@@ -719,7 +719,7 @@ const ni = {
   wickDownColor: "#ef5350",
   bodyWidthRatio: 0.6
 };
-class $t {
+class Xt {
   constructor(t, i) {
     w(this, "store"), w(this, "options"), this.store = t, this.options = { ...ni, ...i };
   }
@@ -801,7 +801,7 @@ const li = {
 };
 class G {
   constructor(t, i) {
-    w(this, "stores"), w(this, "options"), w(this, "areaGradientCache", /* @__PURE__ */ new Map()), this.stores = Array.from({ length: t }, () => new jt()), this.options = { ...li, ...i };
+    w(this, "stores"), w(this, "options"), w(this, "areaGradientCache", /* @__PURE__ */ new Map()), this.stores = Array.from({ length: t }, () => new Jt()), this.options = { ...li, ...i };
   }
   get store() {
     return this.stores[0];
@@ -932,13 +932,7 @@ class G {
         const s = this.stores[o].last();
         if (!s) continue;
         const n = this.options.colors[o % this.options.colors.length];
-        this.drawPulse(
-          t,
-          i.timeToBitmapX(s.time),
-          e.valueToBitmapY(s.value),
-          n,
-          a
-        );
+        this.drawPulse(t, i.timeToBitmapX(s.time), e.valueToBitmapY(s.value), n, a);
       }
   }
   drawPulse(t, i, e, a, o) {
@@ -1174,7 +1168,7 @@ class gi extends Bt {
   /** Called by the render loop before each frame. Returns true if still animating. */
   tick(t) {
     if (!this._animating) return !1;
-    const i = t - this.animStartTime, e = Math.min(1, i / this.animDuration), a = 1 - (1 - e) ** 3, o = ce(this.animFrom.from, this.animTo.from, a), s = ce(this.animFrom.to, this.animTo.to, a);
+    const i = t - this.animStartTime, e = Math.min(1, i / this.animDuration), a = 1 - (1 - e) ** 3, o = he(this.animFrom.from, this.animTo.from, a), s = he(this.animFrom.to, this.animTo.to, a);
     return s > o && this.applyRange(o, s), e >= 1 && (this._animating = !1), this._animating;
   }
   /** Set the Y-axis range. Adds pixel-based padding unless a side has a fixed (explicit) bound. */
@@ -1224,11 +1218,11 @@ class gi extends Bt {
   }
 }
 let pi = 0;
-var Y, B, V, ft, wt, M, W, St, N, ot, $, tt, Xt, gt, at, kt, ht, pt, Mt, Wt, K, q, mt;
+var Y, B, V, ft, wt, M, W, St, N, ot, $, tt, Ht, gt, at, kt, ht, pt, Mt, Wt, K, q, mt;
 class mi extends Bt {
   constructor(t, i) {
     var e, a, o;
-    super(), L(this, pt), L(this, Y), L(this, B), L(this, V), L(this, ft), w(this, "timeScale"), w(this, "yScale"), L(this, wt), L(this, M, []), L(this, W), L(this, St), L(this, N, 6e4), L(this, ot, null), L(this, $, {}), L(this, tt, null), L(this, Xt, !1), L(this, gt, {}), L(this, at, 0), L(this, kt, !1), L(this, ht, !1), L(this, Wt, 0), L(this, K, 0), L(this, q, 0), L(this, mt, !1), i != null && i.axis && (R(this, gt, i.axis), R(this, $, { min: (e = i.axis.y) == null ? void 0 : e.min, max: (a = i.axis.y) == null ? void 0 : a.max })), R(this, W, (i == null ? void 0 : i.theme) ?? fi), R(this, St, (i == null ? void 0 : i.grid) !== !1), R(this, Y, new Oe(t)), R(this, B, new gi({ padding: i == null ? void 0 : i.padding })), this.timeScale = new ti(), this.yScale = new ei(), R(this, V, new he(() => this.renderMain())), R(this, ft, new he(() => this.renderOverlay()));
+    super(), L(this, pt), L(this, Y), L(this, B), L(this, V), L(this, ft), w(this, "timeScale"), w(this, "yScale"), L(this, wt), L(this, M, []), L(this, W), L(this, St), L(this, N, 6e4), L(this, ot, null), L(this, $, {}), L(this, tt, null), L(this, Ht, !1), L(this, gt, {}), L(this, at, 0), L(this, kt, !1), L(this, ht, !1), L(this, Wt, 0), L(this, K, 0), L(this, q, 0), L(this, mt, !1), i != null && i.axis && (R(this, gt, i.axis), R(this, $, { min: (e = i.axis.y) == null ? void 0 : e.min, max: (a = i.axis.y) == null ? void 0 : a.max })), R(this, W, (i == null ? void 0 : i.theme) ?? fi), R(this, St, (i == null ? void 0 : i.grid) !== !1), R(this, Y, new Oe(t)), R(this, B, new gi({ padding: i == null ? void 0 : i.padding })), this.timeScale = new ti(), this.yScale = new ei(), R(this, V, new de(() => this.renderMain())), R(this, ft, new de(() => this.renderOverlay()));
     const s = (i == null ? void 0 : i.interactive) !== !1;
     R(this, wt, s ? new je(c(this, Y).canvas, c(this, B), this.timeScale, this.yScale) : null), c(this, B).on("change", () => {
       this.syncScales(), c(this, V).markDirty(), this.emit("viewportChange");
@@ -1248,7 +1242,7 @@ class mi extends Bt {
   }
   /** Add a candlestick (OHLC) series and return its unique ID. */
   addCandlestickSeries(t) {
-    const i = new jt(), e = new $t(i, {
+    const i = new Jt(), e = new Xt(i, {
       upColor: c(this, W).candlestick.upColor,
       downColor: c(this, W).candlestick.downColor,
       wickUpColor: c(this, W).candlestick.wickUpColor,
@@ -1342,20 +1336,20 @@ class mi extends Bt {
   appendData(t, i) {
     const e = c(this, M).find((o) => o.id === t);
     if (!(e != null && e.store)) return;
-    const a = { ...i, time: de(i.time) };
+    const a = { ...i, time: At(i.time) };
     e.store.append(a);
   }
   /** Update the last data point of a series in place (e.g. live candle update). */
   updateData(t, i) {
     const e = c(this, M).find((o) => o.id === t);
     if (!(e != null && e.store)) return;
-    const a = { ...i, time: de(i.time) };
+    const a = { ...i, time: At(i.time) };
     e.store.updateLast(a);
   }
   /** Update visual options (color, width, etc.) for an existing series. */
   updateSeriesOptions(t, i) {
     const e = c(this, M).find((a) => a.id === t);
-    e && ((e.renderer instanceof $t || e.renderer instanceof G || e.renderer instanceof Z || e.renderer instanceof lt) && e.renderer.updateOptions(i), "label" in i && typeof i.label == "string" && (e.label = i.label), c(this, V).markDirty());
+    e && ((e.renderer instanceof Xt || e.renderer instanceof G || e.renderer instanceof Z || e.renderer instanceof lt) && e.renderer.updateOptions(i), "label" in i && typeof i.label == "string" && (e.label = i.label), c(this, V).markDirty());
   }
   /**
    * Batch multiple updates: suppress recomputes until `fn` returns.
@@ -1371,11 +1365,11 @@ class mi extends Bt {
   }
   /** @deprecated Use {@link batch} instead. */
   beginUpdate() {
-    ne(this, at)._++;
+    le(this, at)._++;
   }
   /** @deprecated Use {@link batch} instead. */
   endUpdate() {
-    --ne(this, at)._ <= 0 && (R(this, at, 0), c(this, kt) ? (R(this, kt, !1), R(this, ht, !1), this.onDataChanged()) : c(this, ht) && (R(this, ht, !1), this.updateYRange(!0), c(this, V).markDirty()));
+    --le(this, at)._ <= 0 && (R(this, at, 0), c(this, kt) ? (R(this, kt, !1), R(this, ht, !1), this.onDataChanged()) : c(this, ht) && (R(this, ht, !1), this.updateYRange(!0), c(this, V).markDirty()));
   }
   /** Show or hide a series. Hidden series are not rendered and excluded from Y-range. */
   setSeriesVisible(t, i) {
@@ -1551,7 +1545,7 @@ class mi extends Bt {
     const i = c(this, W).line.color;
     R(this, W, t);
     for (const e of c(this, M))
-      e.renderer instanceof $t ? e.renderer.updateOptions({
+      e.renderer instanceof Xt ? e.renderer.updateOptions({
         upColor: t.candlestick.upColor,
         downColor: t.candlestick.downColor,
         wickUpColor: t.candlestick.wickUpColor,
@@ -1605,7 +1599,7 @@ class mi extends Bt {
   }
   /** Notify chart that a YLabel is present (affects right padding). */
   setYLabel(t) {
-    R(this, Xt, t), this.updateViewportPadding();
+    R(this, Ht, t), this.updateViewportPadding();
   }
   updatePieHover(t) {
     const i = c(this, Y).size;
@@ -1839,7 +1833,7 @@ class mi extends Bt {
     }
   }
 }
-Y = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), ft = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), Xt = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), pt = /* @__PURE__ */ new WeakSet(), /**
+Y = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), ft = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), Ht = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), pt = /* @__PURE__ */ new WeakSet(), /**
 * Return a series ID: use the provided hint if it's non-empty and not already taken,
 * otherwise generate a new auto ID. Auto-generated IDs never collide with each other
 * or with user-provided IDs because they use a monotonically increasing counter.
@@ -1915,7 +1909,7 @@ function bi(r) {
 }
 function I(r) {
   var t, i, e, a, o, s, n, l, h, d, g, f, p, m, b, u, v, y, x, C, T, k, D, z, _, P, X, H, Q;
-  const { background: U, name: nt = "Custom", description: E, fontUrl: O = null } = r, A = bi(U), Te = A ? "#d1d4dc" : "#24292f", De = A ? "#787b86" : "#8b949e", oe = A ? "#26a69a" : "#2da44e", re = A ? "#ef5350" : "#cf222e", Be = A ? "#2962ff" : "#0969da", ze = A ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Fe = A ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", ae = A ? Lt(U, 0.1) : me(U, 0.05), Pe = A ? yt(U, 0.92) : yt(U, 0.95), Le = A ? yt(Lt(U, 0.15), 0.6) : "rgba(200,200,200,0.5)", We = Yt, Ut = ((t = r.candlestick) == null ? void 0 : t.upColor) ?? oe, zt = ((i = r.candlestick) == null ? void 0 : i.downColor) ?? re, vt = ((e = r.line) == null ? void 0 : e.color) ?? Be, se = ((a = r.tooltip) == null ? void 0 : a.textColor) ?? Te, Ae = ((o = r.axis) == null ? void 0 : o.textColor) ?? De, Ie = ((s = r.typography) == null ? void 0 : s.fontFamily) ?? We, Ve = {
+  const { background: U, name: nt = "Custom", description: E, fontUrl: O = null } = r, A = bi(U), Te = A ? "#d1d4dc" : "#24292f", De = A ? "#787b86" : "#8b949e", re = A ? "#26a69a" : "#2da44e", ae = A ? "#ef5350" : "#cf222e", Be = A ? "#2962ff" : "#0969da", ze = A ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Fe = A ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", se = A ? Lt(U, 0.1) : me(U, 0.05), Pe = A ? yt(U, 0.92) : yt(U, 0.95), Le = A ? yt(Lt(U, 0.15), 0.6) : "rgba(200,200,200,0.5)", We = _t, Et = ((t = r.candlestick) == null ? void 0 : t.upColor) ?? re, zt = ((i = r.candlestick) == null ? void 0 : i.downColor) ?? ae, vt = ((e = r.line) == null ? void 0 : e.color) ?? Be, ne = ((a = r.tooltip) == null ? void 0 : a.textColor) ?? Te, Ae = ((o = r.axis) == null ? void 0 : o.textColor) ?? De, Ie = ((s = r.typography) == null ? void 0 : s.fontFamily) ?? We, Ve = {
     background: U,
     chartGradient: r.chartGradient ?? (A ? [Lt(U, 0.04), me(U, 0.06)] : [Lt(U, 0.06), U]),
     typography: {
@@ -1930,9 +1924,9 @@ function I(r) {
       style: ((p = r.grid) == null ? void 0 : p.style) ?? "dashed"
     },
     candlestick: {
-      upColor: Ut,
+      upColor: Et,
       downColor: zt,
-      wickUpColor: ((m = r.candlestick) == null ? void 0 : m.wickUpColor) ?? Ut,
+      wickUpColor: ((m = r.candlestick) == null ? void 0 : m.wickUpColor) ?? Et,
       wickDownColor: ((b = r.candlestick) == null ? void 0 : b.wickDownColor) ?? zt
     },
     line: {
@@ -1941,26 +1935,26 @@ function I(r) {
       areaTopColor: ((v = r.line) == null ? void 0 : v.areaTopColor) ?? yt(vt, 0.08),
       areaBottomColor: ((y = r.line) == null ? void 0 : y.areaBottomColor) ?? yt(vt, 0.01)
     },
-    seriesColors: r.seriesColors ?? [vt, oe, re],
+    seriesColors: r.seriesColors ?? [vt, re, ae],
     bands: {
       upper: ((x = r.bands) == null ? void 0 : x.upper) ?? vt,
       lower: ((C = r.bands) == null ? void 0 : C.lower) ?? zt
     },
     crosshair: {
       color: ((T = r.crosshair) == null ? void 0 : T.color) ?? Fe,
-      labelBackground: ((k = r.crosshair) == null ? void 0 : k.labelBackground) ?? ae,
-      labelTextColor: ((D = r.crosshair) == null ? void 0 : D.labelTextColor) ?? se
+      labelBackground: ((k = r.crosshair) == null ? void 0 : k.labelBackground) ?? se,
+      labelTextColor: ((D = r.crosshair) == null ? void 0 : D.labelTextColor) ?? ne
     },
     axis: { textColor: Ae },
     yLabel: {
-      upBackground: ((z = r.yLabel) == null ? void 0 : z.upBackground) ?? Ut,
+      upBackground: ((z = r.yLabel) == null ? void 0 : z.upBackground) ?? Et,
       downBackground: ((_ = r.yLabel) == null ? void 0 : _.downBackground) ?? zt,
-      neutralBackground: ((P = r.yLabel) == null ? void 0 : P.neutralBackground) ?? ae,
+      neutralBackground: ((P = r.yLabel) == null ? void 0 : P.neutralBackground) ?? se,
       textColor: ((X = r.yLabel) == null ? void 0 : X.textColor) ?? "#ffffff"
     },
     tooltip: {
       background: ((H = r.tooltip) == null ? void 0 : H.background) ?? Pe,
-      textColor: se,
+      textColor: ne,
       borderColor: ((Q = r.tooltip) == null ? void 0 : Q.borderColor) ?? Le
     }
   };
@@ -1980,7 +1974,7 @@ function me(r, t) {
   const i = Math.max(0, Math.round(parseInt(r.slice(1, 3), 16) * (1 - t))), e = Math.max(0, Math.round(parseInt(r.slice(3, 5), 16) * (1 - t))), a = Math.max(0, Math.round(parseInt(r.slice(5, 7), 16) * (1 - t)));
   return `#${i.toString(16).padStart(2, "0")}${e.toString(16).padStart(2, "0")}${a.toString(16).padStart(2, "0")}`;
 }
-const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap", Yt = "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif", Kt = "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap", we = "'Roboto Mono', monospace", Se = "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap", vi = "'IBM Plex Mono', monospace", yi = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap", qt = "'Fira Code', monospace", Qt = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap", ke = "'Source Code Pro', monospace", Me = "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap", xi = "'Space Mono', monospace", Ci = "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap", Zt = "'Plus Jakarta Sans', sans-serif", te = "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap", wi = "'Caveat', 'Comic Sans MS', cursive", Si = "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap", ki = I({
+const Vt = "'JetBrains Mono', 'Fira Code', monospace", Yt = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap", _t = "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif", qt = "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap", we = "'Roboto Mono', monospace", Se = "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap", vi = "'IBM Plex Mono', monospace", yi = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap", Qt = "'Fira Code', monospace", Zt = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap", ke = "'Source Code Pro', monospace", Me = "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap", xi = "'Space Mono', monospace", Ci = "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap", te = "'Plus Jakarta Sans', sans-serif", ee = "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap", wi = "'Caveat', 'Comic Sans MS', cursive", Si = "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap", ki = I({
   name: "Andromeda",
   description: "Deep space purples and cosmic blues",
   background: "#23262e",
@@ -2028,8 +2022,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(92,103,115,0.4)", labelBackground: "#2a3040" },
   axis: { textColor: "#5c6773" },
   tooltip: { background: "rgba(31,36,48,0.92)", textColor: "#cbccc6", borderColor: "rgba(42,48,60,0.6)" },
-  typography: { fontFamily: Yt },
-  fontUrl: Kt
+  typography: { fontFamily: _t },
+  fontUrl: qt
 }), Ri = I({
   name: "Catppuccin",
   description: "Pastel tones on a mocha base",
@@ -2053,8 +2047,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(108,112,134,0.4)", labelBackground: "#313244" },
   axis: { textColor: "#6c7086" },
   tooltip: { background: "rgba(30,30,46,0.92)", textColor: "#cdd6f4", borderColor: "rgba(49,50,68,0.6)" },
-  typography: { fontFamily: Yt },
-  fontUrl: Kt
+  typography: { fontFamily: _t },
+  fontUrl: qt
 }), Ti = I({
   name: "Dracula",
   description: "Classic dark with vibrant highlights",
@@ -2078,8 +2072,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(98,114,164,0.4)", labelBackground: "#44475a" },
   axis: { textColor: "#6272a4" },
   tooltip: { background: "rgba(40,42,54,0.92)", textColor: "#f8f8f2", borderColor: "rgba(68,71,90,0.6)" },
-  typography: { fontFamily: qt },
-  fontUrl: Qt
+  typography: { fontFamily: Qt },
+  fontUrl: Zt
 }), Di = I({
   name: "GitHub Light",
   description: "Clean and familiar, GitHub-inspired",
@@ -2129,8 +2123,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(146,131,116,0.4)", labelBackground: "#3c3836" },
   axis: { textColor: "#928374" },
   tooltip: { background: "rgba(40,40,40,0.92)", textColor: "#ebdbb2", borderColor: "rgba(60,56,54,0.6)" },
-  typography: { fontFamily: It },
-  fontUrl: Vt
+  typography: { fontFamily: Vt },
+  fontUrl: Yt
 }), zi = {
   name: "Handwritten",
   description: "Sketch-style with a personal touch",
@@ -2243,8 +2237,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   axis: { textColor: "#9a88a0" },
   crosshair: { color: "rgba(150,130,155,0.2)", labelBackground: "#ebe4e8" },
   tooltip: { background: "rgba(245,240,244,0.95)", textColor: "#3a3050", borderColor: "rgba(150,130,155,0.25)" },
-  typography: { fontFamily: Zt },
-  fontUrl: te,
+  typography: { fontFamily: te },
+  fontUrl: ee,
   chartGradient: ["#f8f4f7", "#f5f0f4"]
 }), Ai = I({
   name: "Love",
@@ -2270,8 +2264,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(180,140,155,0.3)", labelBackground: "#f0dce2" },
   axis: { textColor: "#b08898" },
   tooltip: { background: "rgba(253,242,244,0.95)", textColor: "#4a3040", borderColor: "rgba(200,160,175,0.35)" },
-  typography: { fontFamily: Yt },
-  fontUrl: Kt
+  typography: { fontFamily: _t },
+  fontUrl: qt
 }), Ii = I({
   name: "Material Palenight",
   description: "Material Design in moonlit hues",
@@ -2371,8 +2365,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(114,112,114,0.4)", labelBackground: "#403e42" },
   axis: { textColor: "#727072" },
   tooltip: { background: "rgba(45,42,46,0.92)", textColor: "#fcfcfa", borderColor: "rgba(64,60,62,0.6)" },
-  typography: { fontFamily: qt },
-  fontUrl: Qt
+  typography: { fontFamily: Qt },
+  fontUrl: Zt
 }), Oi = I({
   name: "Night Owl",
   description: "Crafted for late-night coding",
@@ -2396,8 +2390,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(99,119,119,0.4)", labelBackground: "#1d3b53" },
   axis: { textColor: "#495a5a" },
   tooltip: { background: "rgba(1,22,39,0.92)", textColor: "#d6deeb", borderColor: "rgba(31,52,72,0.6)" },
-  typography: { fontFamily: It },
-  fontUrl: Vt
+  typography: { fontFamily: Vt },
+  fontUrl: Yt
 }), $i = I({
   name: "One Dark Pro",
   description: "Atom editor's iconic dark palette",
@@ -2421,8 +2415,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(99,110,123,0.4)", labelBackground: "#3e4451" },
   axis: { textColor: "#5c6370" },
   tooltip: { background: "rgba(40,44,52,0.92)", textColor: "#abb2bf", borderColor: "rgba(59,64,72,0.6)" },
-  typography: { fontFamily: It },
-  fontUrl: Vt
+  typography: { fontFamily: Vt },
+  fontUrl: Yt
 }), Xi = I({
   name: "Panda",
   description: "Playful neons on charcoal",
@@ -2446,8 +2440,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(117,117,117,0.4)", labelBackground: "#3a3a3c" },
   axis: { textColor: "#757575" },
   tooltip: { background: "rgba(41,42,43,0.92)", textColor: "#e6e6e6", borderColor: "rgba(58,58,60,0.6)" },
-  typography: { fontFamily: qt },
-  fontUrl: Qt
+  typography: { fontFamily: Qt },
+  fontUrl: Zt
 }), Hi = I({
   name: "Peach Cream",
   background: "#fef6f0",
@@ -2470,8 +2464,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   axis: { textColor: "#b09080" },
   crosshair: { color: "rgba(180,140,120,0.2)", labelBackground: "#f0e4d8" },
   tooltip: { background: "rgba(254,246,240,0.95)", textColor: "#4a3028", borderColor: "rgba(180,140,120,0.25)" },
-  typography: { fontFamily: Zt },
-  fontUrl: te,
+  typography: { fontFamily: te },
+  fontUrl: ee,
   chartGradient: ["#fff8f2", "#fef6f0"]
 }), Gi = I({
   name: "Quiet Light",
@@ -2496,8 +2490,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(170,170,170,0.3)", labelBackground: "#e8e8e8" },
   axis: { textColor: "#aaaaaa" },
   tooltip: { background: "rgba(245,245,245,0.95)", textColor: "#333333", borderColor: "rgba(200,200,200,0.5)" },
-  typography: { fontFamily: Zt },
-  fontUrl: te
+  typography: { fontFamily: te },
+  fontUrl: ee
 }), Ni = I({
   name: "Rosé Pine Dawn",
   description: "Dawn-inspired warm neutrals",
@@ -2572,8 +2566,8 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
   crosshair: { color: "rgba(147,161,161,0.3)", labelBackground: "#eee8d5" },
   axis: { textColor: "#93a1a1" },
   tooltip: { background: "rgba(253,246,227,0.95)", textColor: "#586e75", borderColor: "rgba(238,232,213,0.6)" },
-  typography: { fontFamily: It },
-  fontUrl: Vt
+  typography: { fontFamily: Vt },
+  fontUrl: Yt
 }), be = {
   Dracula: Ti,
   "One Dark Pro": $i,
@@ -2601,9 +2595,9 @@ const It = "'JetBrains Mono', 'Fira Code', monospace", Vt = "https://fonts.googl
 function xo(r) {
   return (be[r] ?? be["One Dark Pro"]).theme;
 }
-const Ht = ye(null);
+const Gt = ye(null);
 function J() {
-  const r = Gt(Ht);
+  const r = Nt(Gt);
   if (!r)
     throw new Error("useChartInstance must be used within <ChartContainer>");
   return r;
@@ -2661,15 +2655,15 @@ function Co({ data: r, options: t, id: i, onSeriesId: e }) {
     t == null ? void 0 : t.candleGradient
   ]), null;
 }
-const ee = ye(null), ve = ee.Provider;
+const ie = ye(null), ve = ie.Provider;
 function qi() {
-  const r = Gt(ee);
+  const r = Nt(ie);
   if (!r)
     throw new Error("useTheme must be used within <ThemeProvider>");
   return r;
 }
 function Qi() {
-  return Gt(ee);
+  return Nt(ie);
 }
 function Zi({ items: r, position: t = "bottom", mode: i = "toggle" }) {
   const e = J(), a = qi(), [o, s] = Rt(/* @__PURE__ */ new Set()), [, n] = Rt(0);
@@ -2836,7 +2830,7 @@ function to({ children: r, theme: t, axis: i, padding: e, gradient: a = !0, inte
               minHeight: 0,
               overflow: "hidden"
             },
-            children: b && /* @__PURE__ */ S(Ht.Provider, { value: b, children: /* @__PURE__ */ S(ve, { value: d ?? b.getTheme(), children: /* @__PURE__ */ S(
+            children: b && /* @__PURE__ */ S(Gt.Provider, { value: b, children: /* @__PURE__ */ S(ve, { value: d ?? b.getTheme(), children: /* @__PURE__ */ S(
               "div",
               {
                 style: {
@@ -2850,7 +2844,7 @@ function to({ children: r, theme: t, axis: i, padding: e, gradient: a = !0, inte
             ) }) })
           }
         ),
-        b && u && /* @__PURE__ */ S(Ht.Provider, { value: b, children: /* @__PURE__ */ S(ve, { value: d ?? b.getTheme(), children: u }) })
+        b && u && /* @__PURE__ */ S(Gt.Provider, { value: b, children: /* @__PURE__ */ S(ve, { value: d ?? b.getTheme(), children: u }) })
       ]
     }
   );
@@ -2893,7 +2887,7 @@ function wo({ data: r, options: t, id: i, onSeriesId: e }) {
     o.current && a.setPieData(o.current, r);
   }, [a, r]), null;
 }
-function _t(r, t, i) {
+function Ut(r, t, i) {
   const e = Array.isArray(t) ? t : [t];
   return {
     subscribe: (a) => {
@@ -2906,11 +2900,11 @@ function _t(r, t, i) {
   };
 }
 function io(r) {
-  const t = dt(() => _t(r, ["viewportChange", "dataUpdate", "seriesChange"], () => r.getVisibleRange()), [r]);
+  const t = dt(() => Ut(r, ["viewportChange", "dataUpdate", "seriesChange"], () => r.getVisibleRange()), [r]);
   return Tt(t.subscribe, t.getSnapshot);
 }
 function oo(r) {
-  const t = dt(() => _t(r, ["viewportChange", "dataUpdate", "seriesChange"], () => r.getYRange()), [r]);
+  const t = dt(() => Ut(r, ["viewportChange", "dataUpdate", "seriesChange"], () => r.getYRange()), [r]);
   return Tt(t.subscribe, t.getSnapshot);
 }
 function ro(r, t) {
@@ -2936,17 +2930,17 @@ function ro(r, t) {
 }
 function ao(r, t) {
   const i = dt(
-    () => _t(r, "dataUpdate", () => r.getPreviousClose(t)),
+    () => Ut(r, "dataUpdate", () => r.getPreviousClose(t)),
     [r, t]
   );
   return Tt(i.subscribe, i.getSnapshot);
 }
-function ie(r) {
-  const t = dt(() => _t(r, "crosshairMove", () => r.getCrosshairPosition()), [r]);
+function oe(r) {
+  const t = dt(() => Ut(r, "crosshairMove", () => r.getCrosshairPosition()), [r]);
   return Tt(t.subscribe, t.getSnapshot);
 }
 function So() {
-  const r = J(), t = ie(r);
+  const r = J(), t = oe(r);
   if (!t) return null;
   const i = r.getTheme(), e = r.getDataInterval(), a = {
     background: i.crosshair.labelBackground,
@@ -2982,7 +2976,7 @@ function So() {
           transform: "translateX(-50%)",
           ...a
         },
-        children: At(t.time, e)
+        children: It(t.time, e)
       }
     )
   ] });
@@ -3125,7 +3119,7 @@ function ko({ seriesId: r, format: t = "value" }) {
   );
 }
 function Mo({ seriesId: r }) {
-  const t = J(), i = ie(t), e = t.getPieHoverInfo(r);
+  const t = J(), i = oe(t), e = t.getPieHoverInfo(r);
   if (!e || !i) return null;
   const a = t.getTheme(), o = t.getMediaSize(), s = 160, n = 70, l = 16, h = 16, d = i.mediaX + l + s > o.width ? i.mediaX - l - s : i.mediaX + l, g = i.mediaY + h + n > o.height ? i.mediaY - h - n : i.mediaY + h;
   return /* @__PURE__ */ F(
@@ -3380,7 +3374,7 @@ function To() {
               transition: "opacity 0.3s ease",
               willChange: "opacity"
             },
-            children: At(d, a)
+            children: It(d, a)
           },
           d
         );
@@ -3395,7 +3389,7 @@ function po(r, t) {
   });
 }
 function Do({ seriesId: r, sort: t = "none", showLegend: i, legend: e }) {
-  const a = i ?? e ?? !0, o = J(), s = ie(o), n = r ? [r] : o.getSeriesIds(), [, l] = Rt(0);
+  const a = i ?? e ?? !0, o = J(), s = oe(o), n = r ? [r] : o.getSeriesIds(), [, l] = Rt(0);
   j(() => {
     const u = () => l((v) => v + 1);
     return o.on("dataUpdate", u), () => o.off("dataUpdate", u);
@@ -3468,7 +3462,7 @@ function Do({ seriesId: r, sort: t = "none", showLegend: i, legend: e }) {
           transition: "opacity 0.2s ease"
         },
         children: [
-          /* @__PURE__ */ S("span", { style: { color: f.axis.textColor, marginRight: 2 }, children: At(b, p) }),
+          /* @__PURE__ */ S("span", { style: { color: f.axis.textColor, marginRight: 2 }, children: It(b, p) }),
           g.map((u) => {
             if ("open" in u.data) {
               const x = u.data, T = x.close >= x.open ? f.candlestick.upColor : f.candlestick.downColor;
@@ -3583,7 +3577,7 @@ function mo({
             children: [
               Qe(y),
               " ",
-              At(y, s)
+              It(y, s)
             ]
           }
         ),
@@ -3775,7 +3769,7 @@ export {
   qe as detectInterval,
   Ti as dracula,
   Qe as formatDate,
-  At as formatTime,
+  It as formatTime,
   Di as githubLight,
   Bi as gruvbox,
   zi as handwritten,
@@ -3788,7 +3782,7 @@ export {
   Ui as mintBreeze,
   Ei as monokaiPro,
   Oi as nightOwl,
-  de as normalizeTime,
+  At as normalizeTime,
   $i as oneDarkPro,
   Xi as panda,
   Hi as peachCream,
@@ -3798,7 +3792,7 @@ export {
   Ji as solarizedLight,
   be as themes,
   J as useChartInstance,
-  ie as useCrosshairPosition,
+  oe as useCrosshairPosition,
   ro as useLastYValue,
   ao as usePreviousClose,
   qi as useTheme,