@abdullahjaswal/tickyr-charts 0.1.0

package/dist/react-COTigUl0.js

@@ -0,0 +1,4561 @@
+import { r as e, t } from "./chunk-BmowowmI.js";
+import { A as n, B as r, Ct as i, Dt as a, Et as o, F as s, Fn as c, G as l, H as u, Ht as d, I as f, In as p, L as m, M as h, Mn as g, N as _, Nt as v, P as y, R as b, St as x, Tn as S, Tt as C, U as w, V as T, W as E, Y as D, Yt as O, at as k, ct as A, dn as j, dt as M, fn as N, ft as P, j as F, jt as I, k as L, kn as R, kt as z, lt as B, ot as V, pn as H, q as U, qt as W, st as G, ut as K, wn as ee, wt as te, z as ne } from "./accessibility-B-2UbONR.js";
+import * as q from "react";
+import { Fragment as re, jsx as J, jsxs as Y } from "react/jsx-runtime";
+var ie = /* @__PURE__ */ t(((t2) => {
+  var n2 = e("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  t2.c = function(e2) {
+    return n2.H.useMemoCache(e2);
+  };
+})), X = /* @__PURE__ */ t(((t2) => {
+  process.env.NODE_ENV !== "production" && (function() {
+    var n2 = e("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    t2.c = function(e2) {
+      var t3 = n2.H;
+      return t3 === null && console.error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."), t3.useMemoCache(e2);
+    };
+  })();
+})), Z = (/* @__PURE__ */ t(((e2, t2) => {
+  process.env.NODE_ENV === "production" ? t2.exports = ie() : t2.exports = X();
+})))(), Q = Object.freeze({
+  theme: "inherit",
+  palette: "Monochrome",
+  locale: "USA",
+  timeZone: void 0,
+  visualStyle: "Fill",
+  outlineFillColor: "auto",
+  outlineFillOpacity: 15,
+  cornerRadius: 3,
+  borderWidth: 1.4,
+  accents: false,
+  osTheme: "light",
+  appTheme: "light"
+}), ae = q.createContext(Q);
+ae.displayName = "ChartsContext";
+function oe(e2) {
+  let t2 = (0, Z.c)(19), n2, r2;
+  t2[0] === e2.palettes ? (n2 = t2[1], r2 = t2[2]) : (n2 = () => {
+    if (e2.palettes !== void 0) for (let t3 of e2.palettes) R(t3);
+  }, r2 = [e2.palettes], t2[0] = e2.palettes, t2[1] = n2, t2[2] = r2), q.useEffect(n2, r2);
+  let i2 = e2.theme ?? Q.theme, a2 = e2.palette ?? Q.palette, o2 = e2.locale ?? Q.locale, s2 = e2.visualStyle ?? Q.visualStyle, c2 = e2.outlineFillColor ?? Q.outlineFillColor, l2 = e2.outlineFillOpacity ?? Q.outlineFillOpacity, u2 = e2.cornerRadius ?? Q.cornerRadius, d2 = e2.borderWidth ?? Q.borderWidth, f2 = e2.accents ?? Q.accents, p2 = e2.osTheme ?? Q.osTheme, m2 = e2.appTheme ?? Q.appTheme, h2;
+  t2[3] !== e2.timeZone || t2[4] !== f2 || t2[5] !== p2 || t2[6] !== m2 || t2[7] !== i2 || t2[8] !== a2 || t2[9] !== o2 || t2[10] !== s2 || t2[11] !== c2 || t2[12] !== l2 || t2[13] !== u2 || t2[14] !== d2 ? (h2 = {
+    theme: i2,
+    palette: a2,
+    locale: o2,
+    timeZone: e2.timeZone,
+    visualStyle: s2,
+    outlineFillColor: c2,
+    outlineFillOpacity: l2,
+    cornerRadius: u2,
+    borderWidth: d2,
+    accents: f2,
+    osTheme: p2,
+    appTheme: m2
+  }, t2[3] = e2.timeZone, t2[4] = f2, t2[5] = p2, t2[6] = m2, t2[7] = i2, t2[8] = a2, t2[9] = o2, t2[10] = s2, t2[11] = c2, t2[12] = l2, t2[13] = u2, t2[14] = d2, t2[15] = h2) : h2 = t2[15];
+  let g2 = h2, _2;
+  return t2[16] !== e2.children || t2[17] !== g2 ? (_2 = /* @__PURE__ */ J(ae.Provider, {
+    value: g2,
+    children: e2.children
+  }), t2[16] = e2.children, t2[17] = g2, t2[18] = _2) : _2 = t2[18], _2;
+}
+function $() {
+  return q.useContext(ae);
+}
+function se(e2) {
+  let t2 = (0, Z.c)(4), n2 = $(), r2 = e2 ?? n2.theme, i2;
+  return t2[0] !== n2.appTheme || t2[1] !== n2.osTheme || t2[2] !== r2 ? (i2 = H(r2, n2.appTheme, n2.osTheme), t2[0] = n2.appTheme, t2[1] = n2.osTheme, t2[2] = r2, t2[3] = i2) : i2 = t2[3], i2;
+}
+function ce(e2) {
+  return {
+    length: 0,
+    capacity: e2,
+    times: new Float64Array(e2),
+    opens: new Float64Array(e2),
+    highs: new Float64Array(e2),
+    lows: new Float64Array(e2),
+    closes: new Float64Array(e2),
+    volumes: new Float64Array(e2)
+  };
+}
+function le(e2) {
+  let t2 = e2.length;
+  for (let n2 = 1; n2 < t2; n2++) e2.times[n2 - 1] = e2.times[n2], e2.opens[n2 - 1] = e2.opens[n2], e2.highs[n2 - 1] = e2.highs[n2], e2.lows[n2 - 1] = e2.lows[n2], e2.closes[n2 - 1] = e2.closes[n2], e2.volumes[n2 - 1] = e2.volumes[n2];
+  e2.length = t2 - 1;
+}
+function ue(e2, t2, n2, r2) {
+  if (t2.kind === C.NoEvent) return;
+  if (t2.kind === C.MutateLast) {
+    if (e2.length === 0) return;
+    let t3 = e2.length - 1;
+    n2 > e2.highs[t3] && (e2.highs[t3] = n2), n2 < e2.lows[t3] && (e2.lows[t3] = n2), e2.closes[t3] = n2, e2.volumes[t3] = e2.volumes[t3] + r2;
+    return;
+  }
+  e2.length >= e2.capacity && le(e2);
+  let i2 = e2.length;
+  e2.times[i2] = t2.bucketStartMs, e2.opens[i2] = n2, e2.highs[i2] = n2, e2.lows[i2] = n2, e2.closes[i2] = n2, e2.volumes[i2] = r2, e2.length = i2 + 1;
+}
+function de(e2) {
+  let t2 = e2.capacity ?? 5e3, n2 = q.useRef(ce(t2)), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(o()), s2 = q.useRef([]), [c2, l2] = q.useState(false), [u2, d2] = q.useState(0);
+  q.useEffect(() => {
+    let o2 = false;
+    return (async () => {
+      let c3 = await te(e2.market);
+      if (o2) {
+        c3.free();
+        return;
+      }
+      i2.current = c3;
+      let u3 = await x({
+        timeframeMinutes: e2.timeframeMinutes,
+        capacity: t2,
+        market: c3,
+        minPriceRaw: e2.minPriceRaw,
+        maxPriceRaw: e2.maxPriceRaw,
+        maxVolumeRaw: e2.maxVolumeRaw
+      });
+      if (o2) {
+        u3.free(), c3.free();
+        return;
+      }
+      if (r2.current = u3, e2.anomalyPolicy !== void 0) {
+        let t3 = e2.anomalyPolicy;
+        u3.setAnomalyPolicy(t3.maxRelativePriceJump ?? -1, t3.rejectZeroVolumeTrade ?? false, t3.clockSkewToleranceMs ?? -1, t3.maxGapMs ?? -1);
+      }
+      e2.onAudit !== void 0 && u3.setAuditCallback(e2.onAudit), e2.onTelemetry !== void 0 && u3.setTelemetryCallback(e2.onTelemetry);
+      let f3 = s2.current;
+      if (f3.length > 0) {
+        let e3 = n2.current, t3 = a2.current;
+        for (let n3 = 0; n3 < f3.length; n3++) {
+          let [r3, i3, a3] = f3[n3];
+          try {
+            u3.pushTick(r3, i3, a3, t3), ue(e3, t3, i3, a3);
+          } catch {
+          }
+        }
+        f3.length = 0;
+      }
+      l2(true), d2((e3) => e3 + 1);
+    })(), () => {
+      o2 = true;
+      let e3 = r2.current;
+      e3 !== null && (e3.free(), r2.current = null);
+      let t3 = i2.current;
+      t3 !== null && (t3.free(), i2.current = null);
+    };
+  }, [
+    e2.market,
+    e2.timeframeMinutes,
+    t2,
+    e2.minPriceRaw,
+    e2.maxPriceRaw,
+    e2.maxVolumeRaw,
+    e2.anomalyPolicy,
+    e2.onAudit,
+    e2.onTelemetry
+  ]);
+  let f2 = q.useCallback((e3, t3, i3) => {
+    let o2 = r2.current;
+    if (o2 === null) {
+      s2.current.push([
+        e3,
+        t3,
+        i3
+      ]);
+      return;
+    }
+    let c3 = a2.current;
+    o2.pushTick(e3, t3, i3, c3), ue(n2.current, c3, t3, i3), d2((e4) => e4 + 1);
+  }, []), p2 = q.useCallback(() => {
+    let e3 = r2.current;
+    e3 !== null && e3.reset(), n2.current.length = 0, s2.current.length = 0, d2((e4) => e4 + 1);
+  }, []);
+  return {
+    candles: q.useMemo(() => {
+      let e3 = n2.current, t3 = e3.length;
+      return {
+        times: e3.times.subarray(0, t3),
+        opens: e3.opens.subarray(0, t3),
+        highs: e3.highs.subarray(0, t3),
+        lows: e3.lows.subarray(0, t3),
+        closes: e3.closes.subarray(0, t3),
+        volumes: e3.volumes.subarray(0, t3)
+      };
+    }, [u2]),
+    length: n2.current.length,
+    pushTick: f2,
+    reset: p2,
+    ready: c2
+  };
+}
+var fe = q.createContext(null);
+function pe() {
+  return q.useContext(fe);
+}
+function me(e2) {
+  let t2 = q.useRef(null);
+  t2.current === null && (t2.current = A());
+  let n2 = t2.current, [r2, i2] = q.useState(0);
+  q.useEffect(() => n2.subscribe(() => i2((e3) => e3 + 1)), [n2]);
+  let a2 = q.useMemo(() => B({
+    syncDomain: e2.syncDomain,
+    syncPanZoom: e2.syncPanZoom,
+    syncCrosshair: e2.syncCrosshair,
+    syncYScale: e2.syncYScale,
+    referencePoint: e2.referencePoint,
+    syncSelection: e2.syncSelection,
+    syncTooltip: e2.syncTooltip,
+    brush: e2.brush,
+    navigator: e2.navigator
+  }), [
+    e2.syncDomain,
+    e2.syncPanZoom,
+    e2.syncCrosshair,
+    e2.syncYScale,
+    e2.referencePoint,
+    e2.syncSelection,
+    e2.syncTooltip,
+    e2.brush,
+    e2.navigator
+  ]), o2 = q.useRef(null), s2 = q.useRef(null);
+  q.useEffect(() => {
+    n2.selectedTime !== o2.current && (o2.current = n2.selectedTime, e2.onSelectionChange?.(n2.selectedTime)), n2.brush !== s2.current && (s2.current = n2.brush, e2.onBrushChange?.(n2.brush));
+  }, [
+    r2,
+    e2.onSelectionChange,
+    e2.onBrushChange,
+    n2,
+    e2
+  ]);
+  let c2 = q.useMemo(() => ({
+    options: a2,
+    state: n2,
+    version: r2
+  }), [
+    a2,
+    n2,
+    r2
+  ]);
+  return /* @__PURE__ */ J(fe.Provider, {
+    value: c2,
+    children: e2.children
+  });
+}
+var he = 12, ge = 140, _e = 56;
+function ve(e2) {
+  return e2 === "light" ? {
+    bg: "rgb(255, 255, 255)",
+    fg: "rgb(20, 22, 26)",
+    subtleFg: "rgba(20, 22, 26, 0.56)",
+    border: "rgba(15, 18, 23, 0.08)",
+    shadow: "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)"
+  } : {
+    bg: "rgb(34, 36, 42)",
+    fg: "rgb(240, 242, 246)",
+    subtleFg: "rgba(240, 242, 246, 0.62)",
+    border: "rgba(255, 255, 255, 0.08)",
+    shadow: "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)"
+  };
+}
+function ye(e2) {
+  let t2 = (0, Z.c)(58), { t: n2, seriesValues: r2, pointerX: i2, pointerY: a2, containerWidth: o2, containerHeight: s2, theme: c2, formatter: l2 } = e2, u2;
+  t2[0] === c2 ? u2 = t2[1] : (u2 = ve(c2), t2[0] = c2, t2[1] = u2);
+  let d2 = u2, f2, p2, m2, h2, g2, _2;
+  if (t2[2] !== d2.bg || t2[3] !== d2.border || t2[4] !== d2.fg || t2[5] !== d2.shadow || t2[6] !== d2.subtleFg || t2[7] !== s2 || t2[8] !== o2 || t2[9] !== l2 || t2[10] !== i2 || t2[11] !== a2 || t2[12] !== r2 || t2[13] !== n2) {
+    let e3 = r2.filter(be), c3 = i2 > o2 - ge, u3 = a2 > s2 - _e, v3;
+    t2[20] !== s2 || t2[21] !== o2 || t2[22] !== i2 || t2[23] !== a2 || t2[24] !== u3 || t2[25] !== c3 ? (v3 = c3 ? { right: `${o2 - i2 + he}px` } : { left: `${i2 + he}px` }, u3 ? v3.bottom = `${s2 - a2 + he}px` : v3.top = `${a2 + he}px`, t2[20] = s2, t2[21] = o2, t2[22] = i2, t2[23] = a2, t2[24] = u3, t2[25] = c3, t2[26] = v3) : v3 = t2[26];
+    let y3 = `1px solid ${d2.border}`;
+    t2[27] !== d2.bg || t2[28] !== d2.fg || t2[29] !== d2.shadow || t2[30] !== v3 || t2[31] !== y3 ? (m2 = {
+      position: "absolute",
+      ...v3,
+      pointerEvents: "none",
+      background: d2.bg,
+      color: d2.fg,
+      padding: "8px 11px",
+      borderRadius: 6,
+      border: y3,
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      lineHeight: 1.35,
+      whiteSpace: "nowrap",
+      boxShadow: d2.shadow,
+      zIndex: 1
+    }, t2[27] = d2.bg, t2[28] = d2.fg, t2[29] = d2.shadow, t2[30] = v3, t2[31] = y3, t2[32] = m2) : m2 = t2[32], h2 = "status", g2 = "polite";
+    let b2;
+    t2[33] === d2.subtleFg ? b2 = t2[34] : (b2 = {
+      color: d2.subtleFg,
+      fontSize: 10.5,
+      letterSpacing: "0.02em",
+      textTransform: "uppercase",
+      fontWeight: 500,
+      marginBottom: 2
+    }, t2[33] = d2.subtleFg, t2[34] = b2);
+    let x2;
+    t2[35] !== l2 || t2[36] !== n2 ? (x2 = l2.formatDate(n2), t2[35] = l2, t2[36] = n2, t2[37] = x2) : x2 = t2[37];
+    let S2;
+    t2[38] !== l2 || t2[39] !== n2 ? (S2 = l2.formatTime(n2), t2[38] = l2, t2[39] = n2, t2[40] = S2) : S2 = t2[40], t2[41] !== S2 || t2[42] !== b2 || t2[43] !== x2 ? (_2 = /* @__PURE__ */ Y("div", {
+      style: b2,
+      children: [
+        x2,
+        " ",
+        S2
+      ]
+    }), t2[41] = S2, t2[42] = b2, t2[43] = x2, t2[44] = _2) : _2 = t2[44], t2[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f2 = {
+      display: "flex",
+      flexDirection: "column",
+      gap: 3
+    }, t2[45] = f2) : f2 = t2[45];
+    let C2;
+    t2[46] !== d2.subtleFg || t2[47] !== l2 ? (C2 = (e4) => /* @__PURE__ */ Y("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 7,
+        fontVariantNumeric: "tabular-nums"
+      },
+      children: [
+        /* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            width: 9,
+            height: 9,
+            borderRadius: 2,
+            background: e4.color,
+            display: "inline-block",
+            flex: "0 0 auto"
+          }
+        }),
+        /* @__PURE__ */ J("span", {
+          style: {
+            color: d2.subtleFg,
+            fontWeight: 500
+          },
+          children: e4.label
+        }),
+        /* @__PURE__ */ J("span", {
+          style: {
+            marginLeft: "auto",
+            fontWeight: 600
+          },
+          children: l2.formatPrice(e4.value)
+        })
+      ]
+    }, e4.id), t2[46] = d2.subtleFg, t2[47] = l2, t2[48] = C2) : C2 = t2[48], p2 = e3.map(C2), t2[2] = d2.bg, t2[3] = d2.border, t2[4] = d2.fg, t2[5] = d2.shadow, t2[6] = d2.subtleFg, t2[7] = s2, t2[8] = o2, t2[9] = l2, t2[10] = i2, t2[11] = a2, t2[12] = r2, t2[13] = n2, t2[14] = f2, t2[15] = p2, t2[16] = m2, t2[17] = h2, t2[18] = g2, t2[19] = _2;
+  } else f2 = t2[14], p2 = t2[15], m2 = t2[16], h2 = t2[17], g2 = t2[18], _2 = t2[19];
+  let v2;
+  t2[49] !== f2 || t2[50] !== p2 ? (v2 = /* @__PURE__ */ J("div", {
+    style: f2,
+    children: p2
+  }), t2[49] = f2, t2[50] = p2, t2[51] = v2) : v2 = t2[51];
+  let y2;
+  return t2[52] !== m2 || t2[53] !== h2 || t2[54] !== g2 || t2[55] !== _2 || t2[56] !== v2 ? (y2 = /* @__PURE__ */ Y("div", {
+    style: m2,
+    role: h2,
+    "aria-live": g2,
+    children: [_2, v2]
+  }), t2[52] = m2, t2[53] = h2, t2[54] = g2, t2[55] = _2, t2[56] = v2, t2[57] = y2) : y2 = t2[57], y2;
+}
+function be(e2) {
+  return !Number.isNaN(e2.value);
+}
+var xe = "12px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
+function Se(e2) {
+  let t2 = (0, Z.c)(21), n2 = e2.theme === "dark", r2 = n2 ? "rgb(34,36,42)" : "rgb(255,255,255)", i2 = n2 ? "rgba(255,255,255,0.94)" : "rgba(0,0,0,0.92)", a2 = n2 ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.08)", o2 = `${e2.pointerX + 12}px`, s2 = `${e2.pointerY + 12}px`, c2 = `1px solid ${a2}`, l2 = n2 ? "0 4px 14px rgba(0,0,0,0.5)" : "0 4px 14px rgba(0,0,0,0.12)", u2;
+  t2[0] !== r2 || t2[1] !== i2 || t2[2] !== o2 || t2[3] !== s2 || t2[4] !== c2 || t2[5] !== l2 ? (u2 = {
+    position: "absolute",
+    left: o2,
+    top: s2,
+    pointerEvents: "none",
+    background: r2,
+    color: i2,
+    border: c2,
+    borderRadius: 6,
+    padding: "6px 10px",
+    fontSize: 11,
+    fontFamily: xe,
+    fontVariantNumeric: "tabular-nums",
+    boxShadow: l2
+  }, t2[0] = r2, t2[1] = i2, t2[2] = o2, t2[3] = s2, t2[4] = c2, t2[5] = l2, t2[6] = u2) : u2 = t2[6];
+  let d2;
+  t2[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d2 = {
+    fontWeight: 600,
+    textTransform: "uppercase",
+    fontSize: 10,
+    letterSpacing: "0.06em",
+    opacity: 0.7
+  }, t2[7] = d2) : d2 = t2[7];
+  let f2 = e2.kind === "high" ? "High" : "Low", p2;
+  t2[8] === f2 ? p2 = t2[9] : (p2 = /* @__PURE__ */ J("div", {
+    style: d2,
+    children: f2
+  }), t2[8] = f2, t2[9] = p2);
+  let m2;
+  t2[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m2 = { fontWeight: 600 }, t2[10] = m2) : m2 = t2[10];
+  let h2;
+  t2[11] !== e2.formatter || t2[12] !== e2.price ? (h2 = e2.formatter.formatPrice(e2.price), t2[11] = e2.formatter, t2[12] = e2.price, t2[13] = h2) : h2 = t2[13];
+  let g2;
+  t2[14] !== e2.barIdx || t2[15] !== h2 ? (g2 = /* @__PURE__ */ Y("div", {
+    style: m2,
+    children: [
+      h2,
+      " \xB7 bar #",
+      e2.barIdx
+    ]
+  }), t2[14] = e2.barIdx, t2[15] = h2, t2[16] = g2) : g2 = t2[16];
+  let _2;
+  return t2[17] !== g2 || t2[18] !== u2 || t2[19] !== p2 ? (_2 = /* @__PURE__ */ Y("div", {
+    style: u2,
+    children: [p2, g2]
+  }), t2[17] = g2, t2[18] = u2, t2[19] = p2, t2[20] = _2) : _2 = t2[20], _2;
+}
+function Ce(e2, t2) {
+  return e2 === false ? null : typeof e2 == "function" ? e2(t2) : /* @__PURE__ */ J(Se, { ...t2 });
+}
+function we(e2, t2) {
+  return e2 === false ? null : typeof e2 == "function" ? e2(t2) : /* @__PURE__ */ J(ye, { ...t2 });
+}
+var Te = q.forwardRef(function(e2, t2) {
+  let n2 = $(), r2 = q.useRef(null), a2 = q.useRef(null), o2 = q.useRef(null), s2 = q.useRef(null);
+  q.useImperativeHandle(t2, () => ({ onTick: (e3, t3, n3 = 0) => {
+    s2.current?.onTick(e3, t3, n3);
+  } }), []);
+  let [c2, u2] = q.useState(null), [d2, f2] = q.useState(null), [p2, m2] = q.useState(null), [h2, g2] = q.useState("live"), [_2, v2] = q.useState(false), [y2, b2] = q.useState([]), x2 = q.useMemo(() => ({
+    theme: n2.theme,
+    palette: n2.palette,
+    locale: n2.locale,
+    timeZone: n2.timeZone,
+    visualStyle: n2.visualStyle,
+    outlineFillColor: n2.outlineFillColor,
+    outlineFillOpacity: n2.outlineFillOpacity,
+    cornerRadius: n2.cornerRadius,
+    borderWidth: n2.borderWidth,
+    accents: n2.accents,
+    osTheme: n2.osTheme,
+    appTheme: n2.appTheme
+  }), [
+    n2.theme,
+    n2.palette,
+    n2.locale,
+    n2.timeZone,
+    n2.visualStyle,
+    n2.outlineFillColor,
+    n2.outlineFillOpacity,
+    n2.cornerRadius,
+    n2.borderWidth,
+    n2.accents,
+    n2.osTheme,
+    n2.appTheme
+  ]);
+  q.useEffect(() => {
+    l();
+  }, []), q.useEffect(() => {
+    let t3 = a2.current;
+    if (t3 === null) return;
+    let n3 = new w({
+      container: r2.current,
+      staticCanvas: t3,
+      dynamicCanvas: o2.current,
+      initialProps: e2,
+      initialProvider: x2,
+      onContextChange: u2,
+      onHoverChange: f2,
+      onExtremeHoverChange: m2,
+      onLiveStateChange: g2,
+      onReducedMotionChange: v2,
+      onResolvedIndicatorsChange: b2
+    });
+    return s2.current = n3, () => {
+      s2.current = null, n3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    s2.current?.update(e2, x2);
+  });
+  let C2 = pe();
+  q.useEffect(() => {
+    C2 !== null && C2.options.syncCrosshair && C2.state.setCrosshairTime(d2 === null ? null : d2.t);
+  }, [C2, d2]), q.useEffect(() => {
+    C2 !== null && C2.options.syncCrosshair && d2 === null && s2.current?.applyExternalCrosshair(C2.state.crosshairTime);
+  }, [
+    C2,
+    C2?.version,
+    d2
+  ]);
+  let T2 = q.useCallback((e3) => {
+    s2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), D2 = q.useCallback(() => {
+    s2.current?.handlePointerLeave();
+  }, []), O2 = q.useCallback((e3) => {
+    C2 === null || !C2.options.syncSelection || d2 === null || C2.state.setSelectedTime(d2.t);
+  }, [C2, d2]), k2 = e2.width ?? 800, A2 = e2.height ?? 300, j2 = e2.sparkline === true || e2.sparkline !== false && k2 < 150, N2 = e2.ariaLabel ?? c2?.ariaLabel ?? "Line chart", P2 = q.useMemo(() => {
+    if (d2 === null || c2 === null) return [];
+    let t3 = [], { personalization: n3, series: r3, secondarySeriesList: a3, stackedLayout: o3, primaryColorOverride: s3 } = c2, l2 = n3.palette[n3.theme], u3 = ee(S(n3.palette, n3.theme), l2, r3.length > 0 && i(r3.values, r3.length - 1) >= i(r3.values, 0)), f3 = s3 ?? M(u3);
+    t3.push({
+      id: e2.series?.[0]?.id ?? "primary",
+      label: e2.series?.[0]?.label ?? e2.series?.[0]?.id ?? "Price",
+      color: f3,
+      value: d2.value
+    });
+    for (let n4 = 0; n4 < a3.length; n4++) {
+      let r4 = a3[n4], s4 = e2.series?.[n4 + 1], c3 = r4.ingested.length > 0 ? K(r4.ingested.times, d2.t) : -1, l3 = o3 === null ? r4.ingested.values : o3.tops[n4 + 1], u4 = c3 >= 0 ? i(l3, c3) : NaN;
+      t3.push({
+        id: s4?.id ?? `series-${n4 + 1}`,
+        label: s4?.label ?? s4?.id ?? `Series ${n4 + 2}`,
+        color: r4.color,
+        value: u4
+      });
+    }
+    if (o3 === null && d2.idx >= 0 && d2.idx < r3.length) for (let e3 = 0; e3 < y2.length; e3++) {
+      let n4 = y2[e3];
+      if (n4.kind === "single") {
+        let r4 = "";
+        switch (n4.spec.type) {
+          case "sma":
+            r4 = `SMA(${n4.spec.period})`;
+            break;
+          case "ema":
+            r4 = `EMA(${n4.spec.period})`;
+            break;
+          case "wma":
+            r4 = `WMA(${n4.spec.period})`;
+            break;
+        }
+        if (r4 === "") continue;
+        t3.push({
+          id: `${r4}-${e3}`,
+          label: r4,
+          color: n4.color,
+          value: i(n4.values, d2.idx)
+        });
+      } else {
+        let r4 = n4.spec.period, a4 = n4.spec.multiplier;
+        t3.push({
+          id: `bb-upper-${e3}`,
+          label: `BB Upper(${r4}, ${a4})`,
+          color: n4.color,
+          value: i(n4.upper, d2.idx)
+        }), t3.push({
+          id: `bb-mid-${e3}`,
+          label: `BB Mid(${r4}, ${a4})`,
+          color: n4.color,
+          value: i(n4.middle, d2.idx)
+        }), t3.push({
+          id: `bb-lower-${e3}`,
+          label: `BB Lower(${r4}, ${a4})`,
+          color: n4.color,
+          value: i(n4.lower, d2.idx)
+        });
+      }
+    }
+    return t3;
+  }, [
+    d2,
+    c2,
+    e2.series,
+    y2
+  ]), F2 = d2 === null || c2 === null ? null : we(e2.tooltip, {
+    t: d2.t,
+    value: d2.value,
+    idx: d2.idx,
+    seriesValues: P2,
+    pointerX: d2.pointerX,
+    pointerY: d2.pointerY,
+    containerWidth: k2,
+    containerHeight: A2,
+    theme: c2.personalization.theme,
+    palette: c2.personalization.palette,
+    locale: c2.resolvedLocaleBase,
+    timeZone: c2.resolvedTimeZone,
+    formatter: c2.formatter
+  }), I2 = p2 === null || c2 === null ? null : Ce(e2.extremeTooltip, {
+    kind: p2.kind,
+    barIdx: p2.idx,
+    price: p2.price,
+    t: p2.t,
+    pointerX: p2.pointerX,
+    pointerY: p2.pointerY,
+    containerWidth: k2,
+    containerHeight: A2,
+    theme: c2.personalization.theme,
+    palette: c2.personalization.palette,
+    locale: c2.resolvedLocaleBase,
+    timeZone: c2.resolvedTimeZone,
+    formatter: c2.formatter
+  }), L2 = h2 !== "live", R2 = c2 !== null && L2 && (c2.personalization.staleVisualization === "desaturate-pulse" || c2.personalization.staleVisualization === "desaturate-pulse + banner"), z2 = c2 !== null && L2 && (c2.personalization.staleVisualization === "banner" || c2.personalization.staleVisualization === "desaturate-pulse + banner"), B2 = {
+    position: "absolute",
+    inset: 0,
+    width: "100%",
+    height: "100%"
+  }, V2 = R2 ? {
+    filter: "saturate(0.5)",
+    ..._2 ? { opacity: 0.9 } : { animation: "tickyr-stale-pulse 1.2s ease-in-out infinite" }
+  } : {}, H2 = {
+    ...B2,
+    ...V2
+  }, U2 = {
+    ...B2,
+    pointerEvents: "none",
+    ...V2
+  }, W2 = c2 === null ? null : c2.personalization.palette[c2.personalization.theme], G2 = W2 === null ? "" : M(W2.warn, 1), te2 = e2.chartBgColor ?? (c2?.personalization.theme === "dark" ? "#0c0d0e" : "#fafafa"), ne2 = h2 === "disconnected" ? "Connection lost" : "Live data paused", re2 = e2.staleBanner === false, ie2 = null;
+  if (z2 && !re2 && c2 !== null) if (typeof e2.staleBanner == "function") {
+    let t3 = e2.staleBanner({
+      state: h2,
+      liveSince: e2.liveSince,
+      theme: c2.personalization.theme,
+      palette: c2.personalization.palette
+    });
+    ie2 = /* @__PURE__ */ J("div", {
+      style: {
+        position: "absolute",
+        top: 8,
+        left: "50%",
+        transform: "translate(-50%, 0)",
+        pointerEvents: "none",
+        zIndex: 2,
+        ..._2 ? {} : { animation: "tickyr-stale-banner-in 0.3s ease-out" }
+      },
+      "aria-live": "polite",
+      children: t3
+    });
+  } else ie2 = /* @__PURE__ */ Y("div", {
+    style: {
+      position: "absolute",
+      top: 8,
+      left: "50%",
+      transform: "translate(-50%, 0)",
+      background: G2,
+      color: te2,
+      padding: "5px 12px",
+      borderRadius: 999,
+      fontSize: 11,
+      fontWeight: 600,
+      fontFamily: E,
+      letterSpacing: "0.02em",
+      whiteSpace: "nowrap",
+      pointerEvents: "none",
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 6,
+      boxShadow: c2.personalization.theme === "dark" ? "0 2px 8px rgba(0,0,0,0.4)" : "0 2px 8px rgba(0,0,0,0.15)",
+      zIndex: 2,
+      ..._2 ? {} : { animation: "tickyr-stale-banner-in 0.3s ease-out" }
+    },
+    "aria-live": "polite",
+    children: [/* @__PURE__ */ J("span", {
+      "aria-hidden": "true",
+      style: {
+        fontSize: 12,
+        lineHeight: 1
+      },
+      children: "\u23F8"
+    }), /* @__PURE__ */ J("span", { children: ne2 })]
+  });
+  let X2 = typeof e2.connectionIndicator == "function" ? e2.connectionIndicator : void 0, Z2 = null;
+  if (c2 !== null) {
+    let t3 = c2.personalization, n3 = t3.connectionIndicator;
+    if (X2 !== void 0 || n3 !== "off") {
+      let r3 = t3.legendPosition, i2 = r3 === "top-left" || r3 === "bottom-left", a3 = {
+        position: "absolute",
+        pointerEvents: "none",
+        zIndex: 3,
+        ...r3 === "top-left" || r3 === "top-right" ? { top: 4 } : { bottom: 4 },
+        ...i2 ? { left: 4 } : { right: 4 }
+      };
+      if (X2 !== void 0) Z2 = /* @__PURE__ */ J("div", {
+        style: a3,
+        children: X2({
+          state: h2,
+          liveSince: e2.liveSince,
+          position: r3,
+          theme: t3.theme,
+          palette: t3.palette
+        })
+      });
+      else {
+        let e3 = t3.palette[t3.theme], r4 = M(h2 === "live" ? e3.up : h2 === "stale" ? e3.warn : e3.down, 1), i3 = t3.theme === "dark" ? "#0c0d0e" : "#fafafa", o3 = h2 === "live" ? "live" : h2 === "stale" ? "stale" : "offline", s3 = t3.visualStyle === "Outline", c3 = n3 === "dot";
+        Z2 = /* @__PURE__ */ Y("div", {
+          style: {
+            ...a3,
+            display: "inline-flex",
+            alignItems: "center",
+            gap: c3 ? 5 : 0,
+            padding: c3 ? "0 7px" : "0 10px",
+            height: c3 ? 18 : 22,
+            borderRadius: 999,
+            fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+            fontSize: 10,
+            fontWeight: 600,
+            ...s3 ? {
+              background: i3,
+              color: r4,
+              border: `${c3 ? 1 : 1.4}px solid ${r4}`
+            } : {
+              background: r4,
+              color: i3,
+              border: "none"
+            },
+            ...h2 !== "live" && !_2 ? { animation: "tickyr-stale-pulse 1s ease-in-out infinite" } : {}
+          },
+          "aria-live": "polite",
+          role: "status",
+          children: [c3 && /* @__PURE__ */ J("span", {
+            "aria-hidden": "true",
+            style: {
+              width: 6,
+              height: 6,
+              borderRadius: 999,
+              background: s3 ? r4 : i3
+            }
+          }), /* @__PURE__ */ J("span", { children: o3 })]
+        });
+      }
+    }
+  }
+  let Q2 = null;
+  if (c2 !== null && c2.personalization.legend !== "off") {
+    let t3 = c2.personalization, n3 = t3.palette[t3.theme], r3 = [];
+    if (e2.series !== void 0 && e2.series.length > 0) {
+      let t4 = e2.series[0], i2 = n3.categorical[0];
+      r3.push({
+        id: t4.id,
+        label: t4.label ?? t4.id,
+        color: t4.color ?? M(i2)
+      });
+    }
+    for (let t4 = 0; t4 < c2.secondarySeriesList.length; t4++) {
+      let n4 = c2.secondarySeriesList[t4], i2 = e2.series?.[t4 + 1];
+      r3.push({
+        id: i2?.id ?? `series-${t4 + 1}`,
+        label: i2?.label ?? i2?.id ?? `Series ${t4 + 2}`,
+        color: n4.color
+      });
+    }
+    for (let e3 = 0; e3 < y2.length; e3++) {
+      let t4 = y2[e3], n4;
+      switch (t4.spec.type) {
+        case "sma":
+          n4 = `SMA(${t4.spec.period})`;
+          break;
+        case "ema":
+          n4 = `EMA(${t4.spec.period})`;
+          break;
+        case "wma":
+          n4 = `WMA(${t4.spec.period})`;
+          break;
+        case "bollinger":
+          n4 = `BB(${t4.spec.period}, ${t4.spec.multiplier})`;
+          break;
+      }
+      r3.push({
+        id: `${t4.spec.type}-${e3}`,
+        label: n4,
+        color: t4.color
+      });
+    }
+    if (r3.length > 0) {
+      let e3 = t3.legendPosition === "top-left" || t3.legendPosition === "bottom-left", i2 = t3.legendPosition === "top-left" || t3.legendPosition === "top-right", a3 = t3.connectionIndicator !== "off" || X2 !== void 0, o3 = i2 && a3 ? 30 : 4, s3 = t3.legend !== "on-hover" || d2 !== null || p2 !== null, c3 = t3.theme === "dark" ? "rgba(20,21,23,0.78)" : "rgba(250,250,250,0.78)", l2 = M(n3.neutral, 0.92);
+      Q2 = /* @__PURE__ */ J("div", {
+        style: {
+          position: "absolute",
+          zIndex: 2,
+          pointerEvents: "none",
+          display: "flex",
+          flexWrap: "wrap",
+          alignItems: "center",
+          gap: 8,
+          padding: "5px 9px",
+          borderRadius: 6,
+          background: c3,
+          backdropFilter: "blur(2px)",
+          font: `500 11px/1.1 ${E}`,
+          letterSpacing: "0.01em",
+          color: l2,
+          transition: "opacity 0.15s ease-out",
+          opacity: +!!s3,
+          ...i2 ? { top: o3 } : { bottom: o3 },
+          ...e3 ? { left: 4 } : { right: 4 }
+        },
+        "aria-label": "Legend",
+        children: r3.map((e4) => /* @__PURE__ */ Y("span", {
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 5
+          },
+          children: [/* @__PURE__ */ J("span", {
+            "aria-hidden": "true",
+            style: {
+              width: 10,
+              height: 10,
+              borderRadius: 2,
+              background: e4.color,
+              display: "inline-block",
+              flex: "0 0 auto"
+            }
+          }), /* @__PURE__ */ J("span", { children: e4.label })]
+        }, e4.id))
+      });
+    }
+  }
+  return j2 ? /* @__PURE__ */ J("canvas", {
+    ref: a2,
+    role: "img",
+    "aria-label": N2,
+    style: {
+      width: `${k2}px`,
+      height: `${A2}px`,
+      display: "block"
+    }
+  }) : /* @__PURE__ */ Y("div", {
+    ref: r2,
+    role: "img",
+    "aria-label": N2,
+    onPointerMove: T2,
+    onPointerLeave: D2,
+    onClick: O2,
+    style: {
+      position: "relative",
+      width: `${k2}px`,
+      height: `${A2}px`,
+      display: "block"
+    },
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: a2,
+        "aria-hidden": "true",
+        style: H2
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: o2,
+        "aria-hidden": "true",
+        style: U2
+      }),
+      Z2,
+      ie2,
+      Q2,
+      F2,
+      I2
+    ]
+  });
+}), Ee = "min", De = "flat", Oe = 0.6;
+function ke(e2) {
+  let t2 = (0, Z.c)(36), n2, r2, i2, a2, o2, s2, c2;
+  t2[0] === e2 ? (n2 = t2[1], r2 = t2[2], i2 = t2[3], a2 = t2[4], o2 = t2[5], s2 = t2[6], c2 = t2[7]) : ({ baseline: a2, fillType: o2, fillOpacity: s2, thresholdFill: c2, stacked: i2, ariaLabel: n2, ...r2 } = e2, t2[0] = e2, t2[1] = n2, t2[2] = r2, t2[3] = i2, t2[4] = a2, t2[5] = o2, t2[6] = s2, t2[7] = c2);
+  let l2 = a2 === void 0 ? Ee : a2, u2 = o2 === void 0 ? De : o2, d2 = s2 === void 0 ? Oe : s2, f2 = i2 === true ? "additive" : i2 === "normalized" ? "normalized" : false, p2 = $(), m2 = e2.theme ?? p2.theme, h2 = e2.palette ?? p2.palette, g2 = e2.visualStyle ?? p2.visualStyle, _2;
+  t2[8] !== p2.appTheme || t2[9] !== p2.osTheme || t2[10] !== m2 || t2[11] !== h2 || t2[12] !== g2 ? (_2 = N({
+    theme: m2,
+    palette: h2,
+    osTheme: p2.osTheme,
+    appTheme: p2.appTheme,
+    visualStyle: g2
+  }), t2[8] = p2.appTheme, t2[9] = p2.osTheme, t2[10] = m2, t2[11] = h2, t2[12] = g2, t2[13] = _2) : _2 = t2[13];
+  let v2 = _2, y2 = v2.palette[v2.theme], b2;
+  bb0: {
+    if (c2 === false || c2 === void 0) {
+      b2 = void 0;
+      break bb0;
+    }
+    let e3;
+    t2[14] === c2 ? e3 = t2[15] : (e3 = c2 === true ? {} : c2, t2[14] = c2, t2[15] = e3);
+    let n3 = e3, r3;
+    t2[16] !== n3.aboveColor || t2[17] !== y2 ? (r3 = n3.aboveColor ?? M(y2.up), t2[16] = n3.aboveColor, t2[17] = y2, t2[18] = r3) : r3 = t2[18];
+    let i3 = r3, a3;
+    t2[19] !== n3.belowColor || t2[20] !== y2 ? (a3 = n3.belowColor ?? M(y2.down), t2[19] = n3.belowColor, t2[20] = y2, t2[21] = a3) : a3 = t2[21];
+    let o3 = a3, s3;
+    t2[22] !== i3 || t2[23] !== o3 || t2[24] !== n3.value ? (s3 = {
+      value: n3.value,
+      aboveColor: i3,
+      belowColor: o3
+    }, t2[22] = i3, t2[23] = o3, t2[24] = n3.value, t2[25] = s3) : s3 = t2[25], b2 = s3;
+  }
+  let x2 = b2, S2;
+  t2[26] !== l2 || t2[27] !== d2 || t2[28] !== u2 || t2[29] !== f2 || t2[30] !== x2 ? (S2 = {
+    baseline: l2,
+    fillType: u2,
+    fillOpacity: d2
+  }, x2 !== void 0 && (S2.threshold = x2), f2 !== false && (S2.stacked = f2), t2[26] = l2, t2[27] = d2, t2[28] = u2, t2[29] = f2, t2[30] = x2, t2[31] = S2) : S2 = t2[31];
+  let C2 = S2, w2 = n2 ?? "Area chart", T2;
+  return t2[32] !== C2 || t2[33] !== r2 || t2[34] !== w2 ? (T2 = /* @__PURE__ */ J(Te, {
+    ...r2,
+    ariaLabel: w2,
+    areaFill: C2
+  }), t2[32] = C2, t2[33] = r2, t2[34] = w2, t2[35] = T2) : T2 = t2[35], T2;
+}
+function Ae(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), a2 = q.useRef(null), o2 = q.useRef(null), [s2, c2] = q.useState(null), [l2, u2] = q.useState(null), d2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let i2 = new T({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: a2.current,
+      initialProps: e2,
+      initialProvider: d2,
+      onContextChange: c2,
+      onHoverChange: u2
+    });
+    return o2.current = i2, () => {
+      o2.current = null, i2.dispose();
+    };
+  }, []), q.useEffect(() => {
+    o2.current?.update(e2, d2);
+  });
+  let f2 = q.useCallback((e3) => {
+    o2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), p2 = q.useCallback(() => {
+    o2.current?.handlePointerLeave();
+  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.sparkline === true || e2.sparkline !== false && m2 < 150, _2 = e2.ariaLabel ?? s2?.ariaLabel ?? "Bar chart", v2 = q.useMemo(() => {
+    if (l2 === null || s2 === null) return [];
+    let t3 = [], { personalization: n3, secondarySeriesList: r3, primaryColor: a3 } = s2, o3 = n3.palette[n3.theme], c3 = a3 ?? M(l2.value >= 0 ? o3.up : o3.down, 1);
+    t3.push({
+      id: e2.series?.[0]?.id ?? "primary",
+      label: e2.series?.[0]?.label ?? e2.series?.[0]?.id ?? "Value",
+      color: c3,
+      value: l2.value
+    });
+    for (let n4 = 0; n4 < r3.length; n4++) {
+      let a4 = r3[n4], o4 = e2.series?.[n4 + 1], s3 = a4.ingested.length > 0 ? K(a4.ingested.times, l2.t) : -1, c4 = s3 >= 0 ? i(a4.ingested.values, s3) : NaN;
+      t3.push({
+        id: o4?.id ?? `series-${n4 + 1}`,
+        label: o4?.label ?? o4?.id ?? `Series ${n4 + 2}`,
+        color: a4.color,
+        value: c4
+      });
+    }
+    return t3;
+  }, [
+    l2,
+    s2,
+    e2.series
+  ]), y2 = l2 === null || s2 === null ? null : (() => {
+    let t3 = {
+      t: l2.t,
+      idx: l2.idx,
+      seriesValues: v2,
+      pointerX: l2.pointerX,
+      pointerY: l2.pointerY,
+      containerWidth: m2,
+      containerHeight: h2,
+      theme: s2.personalization.theme,
+      palette: s2.personalization.palette,
+      locale: s2.resolvedLocaleBase,
+      timeZone: s2.resolvedTimeZone,
+      formatter: s2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : /* @__PURE__ */ J(ye, {
+      t: l2.t,
+      value: l2.value,
+      idx: l2.idx,
+      seriesValues: v2,
+      pointerX: l2.pointerX,
+      pointerY: l2.pointerY,
+      containerWidth: m2,
+      containerHeight: h2,
+      theme: s2.personalization.theme,
+      palette: s2.personalization.palette,
+      locale: s2.resolvedLocaleBase,
+      timeZone: s2.resolvedTimeZone,
+      formatter: s2.formatter
+    });
+  })(), b2 = q.useMemo(() => {
+    if (s2 === null || e2.series === void 0 || e2.series.length < 2) return [];
+    let t3 = s2.personalization.palette[s2.personalization.theme], n3 = [], r3 = e2.series[0], i2 = s2.primaryColor ?? M(t3.up, 1);
+    n3.push({
+      color: i2,
+      label: r3.label ?? r3.id
+    });
+    for (let t4 = 0; t4 < s2.secondarySeriesList.length; t4++) {
+      let r4 = s2.secondarySeriesList[t4], i3 = e2.series[t4 + 1];
+      n3.push({
+        color: r4.color,
+        label: i3.label ?? i3.id
+      });
+    }
+    return n3;
+  }, [s2, e2.series]), x2 = null;
+  if (s2 !== null && b2.length > 0) {
+    let e3 = s2.personalization, t3 = e3.legend, n3 = e3.legendPosition;
+    t3 !== "off" && (t3 === "always" || t3 === "on-hover" && l2 !== null) && (x2 = /* @__PURE__ */ J("div", {
+      style: {
+        position: "absolute",
+        ...n3 === "top-left" || n3 === "top-right" ? { top: 6 } : { bottom: 6 },
+        ...n3 === "top-left" || n3 === "bottom-left" ? { left: 8 } : { right: 8 },
+        pointerEvents: "none",
+        display: "flex",
+        gap: 12,
+        alignItems: "center",
+        padding: "4px 8px",
+        background: e3.theme === "dark" ? "rgba(34,36,42,0.85)" : "rgba(255,255,255,0.85)",
+        border: `1px solid ${e3.theme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)"}`,
+        borderRadius: 6,
+        fontSize: 11,
+        fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+        color: e3.theme === "dark" ? "rgb(240,242,246)" : "rgb(20,22,26)"
+      },
+      role: "presentation",
+      children: b2.map((e4, t4) => /* @__PURE__ */ Y("span", {
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 5
+        },
+        children: [/* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            width: 10,
+            height: 10,
+            borderRadius: 2,
+            background: e4.color,
+            display: "inline-block",
+            flex: "0 0 auto"
+          }
+        }), /* @__PURE__ */ J("span", { children: e4.label })]
+      }, t4))
+    }));
+  }
+  return g2 ? /* @__PURE__ */ J("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: m2,
+      height: h2
+    },
+    "aria-label": _2,
+    children: /* @__PURE__ */ J("canvas", {
+      ref: r2,
+      style: {
+        display: "block",
+        width: m2,
+        height: h2
+      },
+      "aria-hidden": "true"
+    })
+  }) : /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: m2,
+      height: h2
+    },
+    "aria-label": _2,
+    onPointerMove: f2,
+    onPointerLeave: p2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: a2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      x2,
+      y2
+    ]
+  });
+}
+var je = 12, Me = 180, Ne = 124;
+function Pe(e2, t2) {
+  return e2 === "light" ? {
+    bg: "rgb(255, 255, 255)",
+    fg: "rgb(20, 22, 26)",
+    subtleFg: "rgba(20, 22, 26, 0.56)",
+    border: "rgba(15, 18, 23, 0.08)",
+    shadow: "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)",
+    upFg: "rgb(20, 22, 26)",
+    downFg: "rgb(20, 22, 26)"
+  } : {
+    bg: "rgb(34, 36, 42)",
+    fg: "rgb(240, 242, 246)",
+    subtleFg: "rgba(240, 242, 246, 0.62)",
+    border: "rgba(255, 255, 255, 0.08)",
+    shadow: "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)",
+    upFg: "rgb(240, 242, 246)",
+    downFg: "rgb(240, 242, 246)"
+  };
+}
+function Fe(e2) {
+  let t2 = (0, Z.c)(125), { t: n2, o: r2, h: i2, l: a2, c: o2, direction: s2, pointerX: c2, pointerY: l2, containerWidth: u2, containerHeight: d2, theme: f2, palette: p2, formatter: m2 } = e2, h2;
+  t2[0] !== p2 || t2[1] !== f2 ? (h2 = Pe(f2, p2), t2[0] = p2, t2[1] = f2, t2[2] = h2) : h2 = t2[2];
+  let g2 = h2, _2 = c2 > u2 - Me, v2 = l2 > d2 - Ne, y2;
+  t2[3] !== d2 || t2[4] !== u2 || t2[5] !== c2 || t2[6] !== l2 || t2[7] !== v2 || t2[8] !== _2 ? (y2 = _2 ? { right: `${u2 - c2 + je}px` } : { left: `${c2 + je}px` }, v2 ? y2.bottom = `${d2 - l2 + je}px` : y2.top = `${l2 + je}px`, t2[3] = d2, t2[4] = u2, t2[5] = c2, t2[6] = l2, t2[7] = v2, t2[8] = _2, t2[9] = y2) : y2 = t2[9];
+  let b2 = o2 - r2, x2, S2, C2, w2, T2, E2, D2, O2, k2, A2, j2, M2;
+  if (t2[10] !== o2 || t2[11] !== b2 || t2[12] !== g2.bg || t2[13] !== g2.border || t2[14] !== g2.downFg || t2[15] !== g2.fg || t2[16] !== g2.shadow || t2[17] !== g2.subtleFg || t2[18] !== g2.upFg || t2[19] !== s2 || t2[20] !== m2 || t2[21] !== i2 || t2[22] !== a2 || t2[23] !== r2 || t2[24] !== y2 || t2[25] !== n2) {
+    let e3 = Math.abs(b2);
+    x2 = r2 === 0 ? 0 : b2 / r2 * 100;
+    let c3 = s2 === "up" ? g2.upFg : s2 === "down" ? g2.downFg : g2.subtleFg;
+    S2 = b2 > 0 ? "+" : b2 < 0 ? "\u2212" : "";
+    let l3 = `1px solid ${g2.border}`;
+    t2[38] !== g2.bg || t2[39] !== g2.fg || t2[40] !== g2.shadow || t2[41] !== y2 || t2[42] !== l3 ? (k2 = {
+      position: "absolute",
+      ...y2,
+      pointerEvents: "none",
+      background: g2.bg,
+      color: g2.fg,
+      padding: "8px 11px",
+      borderRadius: 6,
+      border: l3,
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      lineHeight: 1.35,
+      whiteSpace: "nowrap",
+      boxShadow: g2.shadow,
+      zIndex: 1,
+      minWidth: 160
+    }, t2[38] = g2.bg, t2[39] = g2.fg, t2[40] = g2.shadow, t2[41] = y2, t2[42] = l3, t2[43] = k2) : k2 = t2[43], A2 = "status", j2 = "polite";
+    let u3;
+    t2[44] === g2.subtleFg ? u3 = t2[45] : (u3 = {
+      color: g2.subtleFg,
+      fontSize: 10.5,
+      letterSpacing: "0.02em",
+      textTransform: "uppercase",
+      fontWeight: 500,
+      marginBottom: 4
+    }, t2[44] = g2.subtleFg, t2[45] = u3);
+    let d3;
+    t2[46] !== m2 || t2[47] !== n2 ? (d3 = m2.formatDate(n2), t2[46] = m2, t2[47] = n2, t2[48] = d3) : d3 = t2[48];
+    let f3;
+    t2[49] !== m2 || t2[50] !== n2 ? (f3 = m2.formatTime(n2), t2[49] = m2, t2[50] = n2, t2[51] = f3) : f3 = t2[51], t2[52] !== u3 || t2[53] !== d3 || t2[54] !== f3 ? (M2 = /* @__PURE__ */ Y("div", {
+      style: u3,
+      children: [
+        d3,
+        " ",
+        f3
+      ]
+    }), t2[52] = u3, t2[53] = d3, t2[54] = f3, t2[55] = M2) : M2 = t2[55];
+    let p3;
+    t2[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p3 = {
+      display: "grid",
+      gridTemplateColumns: "auto 1fr",
+      columnGap: 12,
+      rowGap: 2,
+      fontVariantNumeric: "tabular-nums"
+    }, t2[56] = p3) : p3 = t2[56];
+    let h3;
+    t2[57] === g2.subtleFg ? h3 = t2[58] : (h3 = /* @__PURE__ */ J("span", {
+      style: {
+        color: g2.subtleFg,
+        fontWeight: 500
+      },
+      children: "O"
+    }), t2[57] = g2.subtleFg, t2[58] = h3);
+    let _3;
+    t2[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_3 = {
+      textAlign: "right",
+      fontWeight: 600
+    }, t2[59] = _3) : _3 = t2[59];
+    let v3;
+    t2[60] !== m2 || t2[61] !== r2 ? (v3 = m2.formatPrice(r2), t2[60] = m2, t2[61] = r2, t2[62] = v3) : v3 = t2[62];
+    let N3;
+    t2[63] === v3 ? N3 = t2[64] : (N3 = /* @__PURE__ */ J("span", {
+      style: _3,
+      children: v3
+    }), t2[63] = v3, t2[64] = N3);
+    let P3;
+    t2[65] === g2.subtleFg ? P3 = t2[66] : (P3 = /* @__PURE__ */ J("span", {
+      style: {
+        color: g2.subtleFg,
+        fontWeight: 500
+      },
+      children: "H"
+    }), t2[65] = g2.subtleFg, t2[66] = P3);
+    let F3;
+    t2[67] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F3 = {
+      textAlign: "right",
+      fontWeight: 600
+    }, t2[67] = F3) : F3 = t2[67];
+    let I3;
+    t2[68] !== m2 || t2[69] !== i2 ? (I3 = m2.formatPrice(i2), t2[68] = m2, t2[69] = i2, t2[70] = I3) : I3 = t2[70];
+    let L2;
+    t2[71] === I3 ? L2 = t2[72] : (L2 = /* @__PURE__ */ J("span", {
+      style: F3,
+      children: I3
+    }), t2[71] = I3, t2[72] = L2);
+    let R2;
+    t2[73] === g2.subtleFg ? R2 = t2[74] : (R2 = /* @__PURE__ */ J("span", {
+      style: {
+        color: g2.subtleFg,
+        fontWeight: 500
+      },
+      children: "L"
+    }), t2[73] = g2.subtleFg, t2[74] = R2);
+    let z2;
+    t2[75] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z2 = {
+      textAlign: "right",
+      fontWeight: 600
+    }, t2[75] = z2) : z2 = t2[75];
+    let B2;
+    t2[76] !== m2 || t2[77] !== a2 ? (B2 = m2.formatPrice(a2), t2[76] = m2, t2[77] = a2, t2[78] = B2) : B2 = t2[78];
+    let V2;
+    t2[79] === B2 ? V2 = t2[80] : (V2 = /* @__PURE__ */ J("span", {
+      style: z2,
+      children: B2
+    }), t2[79] = B2, t2[80] = V2);
+    let H2;
+    t2[81] === g2.subtleFg ? H2 = t2[82] : (H2 = /* @__PURE__ */ J("span", {
+      style: {
+        color: g2.subtleFg,
+        fontWeight: 500
+      },
+      children: "C"
+    }), t2[81] = g2.subtleFg, t2[82] = H2);
+    let U2;
+    t2[83] === c3 ? U2 = t2[84] : (U2 = {
+      textAlign: "right",
+      fontWeight: 600,
+      color: c3
+    }, t2[83] = c3, t2[84] = U2);
+    let W2;
+    t2[85] !== o2 || t2[86] !== m2 ? (W2 = m2.formatPrice(o2), t2[85] = o2, t2[86] = m2, t2[87] = W2) : W2 = t2[87];
+    let G2;
+    t2[88] !== U2 || t2[89] !== W2 ? (G2 = /* @__PURE__ */ J("span", {
+      style: U2,
+      children: W2
+    }), t2[88] = U2, t2[89] = W2, t2[90] = G2) : G2 = t2[90], t2[91] !== h3 || t2[92] !== N3 || t2[93] !== P3 || t2[94] !== L2 || t2[95] !== R2 || t2[96] !== V2 || t2[97] !== H2 || t2[98] !== G2 ? (w2 = /* @__PURE__ */ Y("div", {
+      style: p3,
+      children: [
+        h3,
+        N3,
+        P3,
+        L2,
+        R2,
+        V2,
+        H2,
+        G2
+      ]
+    }), t2[91] = h3, t2[92] = N3, t2[93] = P3, t2[94] = L2, t2[95] = R2, t2[96] = V2, t2[97] = H2, t2[98] = G2, t2[99] = w2) : w2 = t2[99];
+    let K2 = `1px solid ${g2.border}`;
+    t2[100] !== g2.subtleFg || t2[101] !== K2 ? (D2 = {
+      marginTop: 4,
+      paddingTop: 4,
+      borderTop: K2,
+      color: g2.subtleFg,
+      fontWeight: 500,
+      display: "flex",
+      justifyContent: "space-between",
+      gap: 12,
+      fontVariantNumeric: "tabular-nums"
+    }, t2[100] = g2.subtleFg, t2[101] = K2, t2[102] = D2) : D2 = t2[102], t2[103] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O2 = /* @__PURE__ */ J("span", { children: "\u0394" }), t2[103] = O2) : O2 = t2[103], t2[104] === c3 ? C2 = t2[105] : (C2 = {
+      color: c3,
+      fontWeight: 600
+    }, t2[104] = c3, t2[105] = C2), T2 = S2, E2 = m2.formatPrice(e3), t2[10] = o2, t2[11] = b2, t2[12] = g2.bg, t2[13] = g2.border, t2[14] = g2.downFg, t2[15] = g2.fg, t2[16] = g2.shadow, t2[17] = g2.subtleFg, t2[18] = g2.upFg, t2[19] = s2, t2[20] = m2, t2[21] = i2, t2[22] = a2, t2[23] = r2, t2[24] = y2, t2[25] = n2, t2[26] = x2, t2[27] = S2, t2[28] = C2, t2[29] = w2, t2[30] = T2, t2[31] = E2, t2[32] = D2, t2[33] = O2, t2[34] = k2, t2[35] = A2, t2[36] = j2, t2[37] = M2;
+  } else x2 = t2[26], S2 = t2[27], C2 = t2[28], w2 = t2[29], T2 = t2[30], E2 = t2[31], D2 = t2[32], O2 = t2[33], k2 = t2[34], A2 = t2[35], j2 = t2[36], M2 = t2[37];
+  let N2;
+  t2[106] === x2 ? N2 = t2[107] : (N2 = Math.abs(x2).toFixed(2), t2[106] = x2, t2[107] = N2);
+  let P2;
+  t2[108] !== S2 || t2[109] !== C2 || t2[110] !== N2 || t2[111] !== T2 || t2[112] !== E2 ? (P2 = /* @__PURE__ */ Y("span", {
+    style: C2,
+    children: [
+      T2,
+      E2,
+      " (",
+      S2,
+      N2,
+      "%)"
+    ]
+  }), t2[108] = S2, t2[109] = C2, t2[110] = N2, t2[111] = T2, t2[112] = E2, t2[113] = P2) : P2 = t2[113];
+  let F2;
+  t2[114] !== P2 || t2[115] !== D2 || t2[116] !== O2 ? (F2 = /* @__PURE__ */ Y("div", {
+    style: D2,
+    children: [O2, P2]
+  }), t2[114] = P2, t2[115] = D2, t2[116] = O2, t2[117] = F2) : F2 = t2[117];
+  let I2;
+  return t2[118] !== w2 || t2[119] !== F2 || t2[120] !== k2 || t2[121] !== A2 || t2[122] !== j2 || t2[123] !== M2 ? (I2 = /* @__PURE__ */ Y("div", {
+    style: k2,
+    role: A2,
+    "aria-live": j2,
+    children: [
+      M2,
+      w2,
+      F2
+    ]
+  }), t2[118] = w2, t2[119] = F2, t2[120] = k2, t2[121] = A2, t2[122] = j2, t2[123] = M2, t2[124] = I2) : I2 = t2[124], I2;
+}
+var Ie = 12, Le = 180, Re = 96;
+function ze(e2) {
+  return e2 === "light" ? {
+    bg: "rgb(255, 255, 255)",
+    fg: "rgb(20, 22, 26)",
+    subtleFg: "rgba(20, 22, 26, 0.56)",
+    border: "rgba(15, 18, 23, 0.08)",
+    shadow: "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)"
+  } : {
+    bg: "rgb(34, 36, 42)",
+    fg: "rgb(240, 242, 246)",
+    subtleFg: "rgba(240, 242, 246, 0.62)",
+    border: "rgba(255, 255, 255, 0.08)",
+    shadow: "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)"
+  };
+}
+function Be(e2) {
+  let t2 = (0, Z.c)(72), { bar: n2, avg20: r2, percentile: i2, pointerX: a2, pointerY: o2, containerWidth: s2, containerHeight: c2, theme: l2, formatter: u2 } = e2, d2;
+  t2[0] === l2 ? d2 = t2[1] : (d2 = ze(l2), t2[0] = l2, t2[1] = d2);
+  let f2 = d2, p2 = a2 > s2 - Le, m2 = o2 > c2 - Re, h2;
+  t2[2] !== c2 || t2[3] !== s2 || t2[4] !== a2 || t2[5] !== o2 || t2[6] !== m2 || t2[7] !== p2 ? (h2 = p2 ? { right: `${s2 - a2 + Ie}px` } : { left: `${a2 + Ie}px` }, m2 ? h2.bottom = `${c2 - o2 + Ie}px` : h2.top = `${o2 + Ie}px`, t2[2] = c2, t2[3] = s2, t2[4] = a2, t2[5] = o2, t2[6] = m2, t2[7] = p2, t2[8] = h2) : h2 = t2[8];
+  let g2 = r2 > 0 ? n2.v / r2 : 1, _2 = (g2 - 1) * 100, v2;
+  t2[9] === _2 ? v2 = t2[10] : (v2 = _2.toFixed(0), t2[9] = _2, t2[10] = v2);
+  let y2 = v2, b2 = g2 > 1 ? "+" : g2 < 1 ? "\u2212" : "", x2;
+  t2[11] === y2 ? x2 = t2[12] : (x2 = Math.abs(Number(y2)), t2[11] = y2, t2[12] = x2);
+  let S2 = x2, C2 = `1px solid ${f2.border}`, w2;
+  t2[13] !== f2.bg || t2[14] !== f2.fg || t2[15] !== f2.shadow || t2[16] !== h2 || t2[17] !== C2 ? (w2 = {
+    position: "absolute",
+    ...h2,
+    pointerEvents: "none",
+    background: f2.bg,
+    color: f2.fg,
+    padding: "8px 11px",
+    borderRadius: 6,
+    border: C2,
+    fontSize: 12,
+    fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    lineHeight: 1.35,
+    whiteSpace: "nowrap",
+    boxShadow: f2.shadow,
+    zIndex: 1,
+    minWidth: 160
+  }, t2[13] = f2.bg, t2[14] = f2.fg, t2[15] = f2.shadow, t2[16] = h2, t2[17] = C2, t2[18] = w2) : w2 = t2[18];
+  let T2;
+  t2[19] === f2.subtleFg ? T2 = t2[20] : (T2 = {
+    color: f2.subtleFg,
+    fontSize: 10.5,
+    letterSpacing: "0.02em",
+    textTransform: "uppercase",
+    fontWeight: 500,
+    marginBottom: 4
+  }, t2[19] = f2.subtleFg, t2[20] = T2);
+  let E2;
+  t2[21] !== n2.t || t2[22] !== u2 ? (E2 = u2.formatDate(n2.t), t2[21] = n2.t, t2[22] = u2, t2[23] = E2) : E2 = t2[23];
+  let D2;
+  t2[24] !== n2.t || t2[25] !== u2 ? (D2 = u2.formatTime(n2.t), t2[24] = n2.t, t2[25] = u2, t2[26] = D2) : D2 = t2[26];
+  let O2;
+  t2[27] !== T2 || t2[28] !== E2 || t2[29] !== D2 ? (O2 = /* @__PURE__ */ Y("div", {
+    style: T2,
+    children: [
+      E2,
+      " ",
+      D2
+    ]
+  }), t2[27] = T2, t2[28] = E2, t2[29] = D2, t2[30] = O2) : O2 = t2[30];
+  let k2;
+  t2[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k2 = {
+    display: "grid",
+    gridTemplateColumns: "auto 1fr",
+    columnGap: 12,
+    rowGap: 2,
+    fontVariantNumeric: "tabular-nums"
+  }, t2[31] = k2) : k2 = t2[31];
+  let A2;
+  t2[32] === f2.subtleFg ? A2 = t2[33] : (A2 = /* @__PURE__ */ J("span", {
+    style: {
+      color: f2.subtleFg,
+      fontWeight: 500
+    },
+    children: "Volume"
+  }), t2[32] = f2.subtleFg, t2[33] = A2);
+  let j2;
+  t2[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j2 = {
+    textAlign: "right",
+    fontWeight: 600
+  }, t2[34] = j2) : j2 = t2[34];
+  let M2;
+  t2[35] !== n2.v || t2[36] !== u2 ? (M2 = u2.formatNumber(n2.v), t2[35] = n2.v, t2[36] = u2, t2[37] = M2) : M2 = t2[37];
+  let N2;
+  t2[38] === M2 ? N2 = t2[39] : (N2 = /* @__PURE__ */ J("span", {
+    style: j2,
+    children: M2
+  }), t2[38] = M2, t2[39] = N2);
+  let P2;
+  t2[40] === f2.subtleFg ? P2 = t2[41] : (P2 = /* @__PURE__ */ J("span", {
+    style: {
+      color: f2.subtleFg,
+      fontWeight: 500
+    },
+    children: "20-bar avg"
+  }), t2[40] = f2.subtleFg, t2[41] = P2);
+  let F2;
+  t2[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F2 = {
+    textAlign: "right",
+    fontWeight: 600
+  }, t2[42] = F2) : F2 = t2[42];
+  let I2;
+  t2[43] !== r2 || t2[44] !== u2 ? (I2 = u2.formatNumber(r2), t2[43] = r2, t2[44] = u2, t2[45] = I2) : I2 = t2[45];
+  let L2;
+  t2[46] === I2 ? L2 = t2[47] : (L2 = /* @__PURE__ */ J("span", {
+    style: F2,
+    children: I2
+  }), t2[46] = I2, t2[47] = L2);
+  let R2;
+  t2[48] !== A2 || t2[49] !== N2 || t2[50] !== P2 || t2[51] !== L2 ? (R2 = /* @__PURE__ */ Y("div", {
+    style: k2,
+    children: [
+      A2,
+      N2,
+      P2,
+      L2
+    ]
+  }), t2[48] = A2, t2[49] = N2, t2[50] = P2, t2[51] = L2, t2[52] = R2) : R2 = t2[52];
+  let z2 = `1px solid ${f2.border}`, B2;
+  t2[53] !== f2.subtleFg || t2[54] !== z2 ? (B2 = {
+    marginTop: 4,
+    paddingTop: 4,
+    borderTop: z2,
+    color: f2.subtleFg,
+    fontWeight: 500,
+    display: "flex",
+    justifyContent: "space-between",
+    gap: 12,
+    fontVariantNumeric: "tabular-nums"
+  }, t2[53] = f2.subtleFg, t2[54] = z2, t2[55] = B2) : B2 = t2[55];
+  let V2, H2;
+  t2[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V2 = /* @__PURE__ */ J("span", { children: "vs. avg" }), H2 = { fontWeight: 600 }, t2[56] = V2, t2[57] = H2) : (V2 = t2[56], H2 = t2[57]);
+  let U2;
+  t2[58] === i2 ? U2 = t2[59] : (U2 = Math.round(i2 * 100), t2[58] = i2, t2[59] = U2);
+  let W2;
+  t2[60] !== S2 || t2[61] !== b2 || t2[62] !== U2 ? (W2 = /* @__PURE__ */ Y("span", {
+    style: H2,
+    children: [
+      b2,
+      S2,
+      "% \xB7 p",
+      U2
+    ]
+  }), t2[60] = S2, t2[61] = b2, t2[62] = U2, t2[63] = W2) : W2 = t2[63];
+  let G2;
+  t2[64] !== B2 || t2[65] !== W2 ? (G2 = /* @__PURE__ */ Y("div", {
+    style: B2,
+    children: [V2, W2]
+  }), t2[64] = B2, t2[65] = W2, t2[66] = G2) : G2 = t2[66];
+  let K2;
+  return t2[67] !== R2 || t2[68] !== G2 || t2[69] !== w2 || t2[70] !== O2 ? (K2 = /* @__PURE__ */ Y("div", {
+    style: w2,
+    role: "status",
+    "aria-live": "polite",
+    children: [
+      O2,
+      R2,
+      G2
+    ]
+  }), t2[67] = R2, t2[68] = G2, t2[69] = w2, t2[70] = O2, t2[71] = K2) : K2 = t2[71], K2;
+}
+var Ve = q.forwardRef(function(e2, t2) {
+  let n2 = $(), a2 = q.useRef(null), o2 = q.useRef(null), s2 = q.useRef(null), c2 = q.useRef(null), [l2, u2] = q.useState(null), [d2, f2] = q.useState(null), [p2, m2] = q.useState(null), [h2, g2] = q.useState(null), [_2, v2] = q.useState("live"), [y2, b2] = q.useState(false), [x2, S2] = q.useState(false), [C2, w2] = q.useState(void 0), [T2, E2] = q.useState(void 0), [D2, O2] = q.useState(0), [k2, A2] = q.useState(false), j2 = q.useMemo(() => ({
+    theme: n2.theme,
+    palette: n2.palette,
+    locale: n2.locale,
+    timeZone: n2.timeZone,
+    visualStyle: n2.visualStyle,
+    outlineFillColor: n2.outlineFillColor,
+    outlineFillOpacity: n2.outlineFillOpacity,
+    cornerRadius: n2.cornerRadius,
+    borderWidth: n2.borderWidth,
+    accents: n2.accents,
+    osTheme: n2.osTheme,
+    appTheme: n2.appTheme
+  }), [
+    n2.theme,
+    n2.palette,
+    n2.locale,
+    n2.timeZone,
+    n2.visualStyle,
+    n2.outlineFillColor,
+    n2.outlineFillOpacity,
+    n2.cornerRadius,
+    n2.borderWidth,
+    n2.accents,
+    n2.osTheme,
+    n2.appTheme
+  ]);
+  q.useEffect(() => {
+    r();
+  }, []), q.useEffect(() => {
+    let t3 = o2.current;
+    if (t3 === null) return;
+    let n3 = new ne({
+      container: a2.current,
+      staticCanvas: t3,
+      dynamicCanvas: s2.current,
+      initialProps: e2,
+      initialProvider: j2,
+      onContextChange: u2,
+      onHoverChange: f2,
+      onExtremeHoverChange: m2,
+      onLiveStateChange: v2,
+      onReducedMotionChange: b2,
+      onArmedToolChange: S2,
+      onSelectedDrawingIdChange: w2,
+      onHoverDrawingIdChange: E2,
+      onMarkerHoverChange: g2,
+      onThemeFadeKeyChange: O2,
+      onOverDividerChange: A2
+    });
+    return c2.current = n3, () => {
+      c2.current = null, n3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    c2.current?.update(e2, j2);
+  }), q.useImperativeHandle(t2, () => ({
+    startDrawing(e3) {
+      c2.current?.startDrawing(e3);
+    },
+    cancelDrawing() {
+      c2.current?.cancelDrawing();
+    },
+    get isDrawing() {
+      return c2.current?.isDrawing() ?? false;
+    },
+    onTick(e3, t3, n3 = 0) {
+      c2.current?.onTick(e3, t3, n3);
+    }
+  }), []);
+  let N2 = q.useCallback((e3) => {
+    c2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), F2 = q.useCallback((e3) => {
+    c2.current?.handlePointerDown(e3.nativeEvent);
+  }, []), I2 = q.useCallback((e3) => {
+    c2.current?.handlePointerUp(e3.nativeEvent);
+  }, []), L2 = q.useCallback(() => {
+    c2.current?.handlePointerLeave();
+  }, []), R2 = q.useCallback((e3) => {
+    c2.current?.handleWheel(e3.nativeEvent);
+  }, []), z2 = e2.width ?? 800, B2 = e2.height ?? 360, V2 = e2.sparkline === true || e2.sparkline !== false && z2 < 150, H2 = e2.ariaLabel ?? l2?.ariaLabel ?? "Candle chart", U2 = d2 === null || l2 === null ? null : (() => {
+    if (d2.pane === "volume" && Number.isFinite(d2.v)) {
+      if (e2.volumeBarTooltip === false) return null;
+      let t4 = l2.arr;
+      if (t4.volumes === null) return null;
+      let n3 = t4.length, r2 = Math.max(0, d2.idx - 19), a3 = 0, o3 = 0;
+      for (let e3 = r2; e3 <= d2.idx; e3++) {
+        let n4 = i(t4.volumes, e3);
+        Number.isFinite(n4) && (a3 += n4, o3++);
+      }
+      let s3 = o3 > 0 ? a3 / o3 : d2.v, c3 = 0, u3 = 0;
+      for (let e3 = 0; e3 < n3; e3++) {
+        let n4 = i(t4.volumes, e3);
+        Number.isFinite(n4) && (u3++, n4 < d2.v && c3++);
+      }
+      let f3 = u3 > 0 ? c3 / u3 : 0, p3 = {
+        bar: {
+          t: d2.t,
+          v: d2.v,
+          idx: d2.idx
+        },
+        avg20: s3,
+        percentile: f3,
+        pointerX: d2.pointerX,
+        pointerY: d2.pointerY,
+        containerWidth: z2,
+        containerHeight: B2,
+        theme: l2.personalization.theme,
+        palette: l2.personalization.palette,
+        locale: l2.resolvedLocaleBase,
+        timeZone: l2.resolvedTimeZone,
+        formatter: l2.formatter
+      };
+      return typeof e2.volumeBarTooltip == "function" ? e2.volumeBarTooltip({
+        bar: p3.bar,
+        avg20: p3.avg20,
+        percentile: p3.percentile
+      }) : /* @__PURE__ */ J(Be, { ...p3 });
+    }
+    let t3 = {
+      t: d2.t,
+      idx: d2.idx,
+      o: d2.o,
+      h: d2.h,
+      l: d2.l,
+      c: d2.c,
+      direction: d2.direction,
+      pointerX: d2.pointerX,
+      pointerY: d2.pointerY,
+      containerWidth: z2,
+      containerHeight: B2,
+      theme: l2.personalization.theme,
+      palette: l2.personalization.palette,
+      locale: l2.resolvedLocaleBase,
+      timeZone: l2.resolvedTimeZone,
+      formatter: l2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : /* @__PURE__ */ J(Fe, { ...t3 });
+  })(), W2 = p2 === null || l2 === null ? null : Ce(e2.extremeTooltip, {
+    kind: p2.kind,
+    barIdx: p2.idx,
+    price: p2.price,
+    t: p2.t,
+    pointerX: p2.pointerX,
+    pointerY: p2.pointerY,
+    containerWidth: z2,
+    containerHeight: B2,
+    theme: l2.personalization.theme,
+    palette: l2.personalization.palette,
+    locale: l2.resolvedLocaleBase,
+    timeZone: l2.resolvedTimeZone,
+    formatter: l2.formatter
+  }), G2 = (() => {
+    if (h2 === null || l2 === null) return null;
+    let t3 = h2.pointerX, n3 = h2.pointerY, r2 = l2.arr, a3 = r2.length > 0 ? i(r2.closes, r2.length - 1) : 0, o3 = l2.formatter, s3 = null;
+    switch (h2.kind) {
+      case "signal": {
+        if (typeof e2.signalTooltip != "function" || e2.signals === void 0) return null;
+        let r3 = e2.signals[h2.idx];
+        if (r3 === void 0) return null;
+        s3 = e2.signalTooltip({
+          marker: r3,
+          pointerX: t3,
+          pointerY: n3,
+          formatter: o3
+        });
+        break;
+      }
+      case "order": {
+        if (typeof e2.orderTooltip != "function" || e2.orders === void 0) return null;
+        let r3 = e2.orders[h2.idx];
+        if (r3 === void 0) return null;
+        s3 = e2.orderTooltip({
+          marker: r3,
+          pointerX: t3,
+          pointerY: n3,
+          formatter: o3
+        });
+        break;
+      }
+      case "position":
+        if (typeof e2.positionTooltip != "function" || e2.position === void 0) return null;
+        s3 = e2.positionTooltip({
+          marker: e2.position,
+          lastClose: a3,
+          pointerX: t3,
+          pointerY: n3,
+          formatter: o3
+        });
+        break;
+      case "event": {
+        if (typeof e2.eventTooltip != "function" || e2.events === void 0) return null;
+        let r3 = e2.events[h2.idx];
+        if (r3 === void 0) return null;
+        s3 = e2.eventTooltip({
+          marker: r3,
+          pointerX: t3,
+          pointerY: n3,
+          formatter: o3
+        });
+        break;
+      }
+    }
+    return s3 === null ? null : /* @__PURE__ */ J("div", {
+      style: {
+        position: "absolute",
+        left: t3 + 12,
+        top: n3 + 12,
+        pointerEvents: "none",
+        zIndex: 3
+      },
+      children: s3
+    });
+  })(), K2 = _2 !== "live", ee2 = l2 !== null && K2 && (l2.personalization.staleVisualization === "desaturate-pulse" || l2.personalization.staleVisualization === "desaturate-pulse + banner"), te2 = l2 !== null && K2 && (l2.personalization.staleVisualization === "banner" || l2.personalization.staleVisualization === "desaturate-pulse + banner"), re2 = ee2 ? {
+    filter: "saturate(0.5)",
+    ...y2 ? { opacity: 0.9 } : { animation: "tickyr-stale-pulse 1.2s ease-in-out infinite" }
+  } : {}, ie2 = null;
+  if (l2 !== null) {
+    let e3 = l2.personalization, t3 = e3.connectionIndicator;
+    if (t3 !== "off") {
+      let n3 = e3.legendPosition === "top-left" || e3.legendPosition === "bottom-left", r2 = {
+        position: "absolute",
+        pointerEvents: "none",
+        zIndex: 3,
+        ...e3.legendPosition === "top-left" || e3.legendPosition === "top-right" ? { top: "4px" } : { bottom: "4px" },
+        ...n3 ? { left: "4px" } : { right: "4px" }
+      }, i2 = e3.palette[e3.theme], a3 = M(_2 === "live" ? i2.up : _2 === "stale" ? i2.warn : i2.down, 1), o3 = e3.theme === "dark" ? "#0c0d0e" : "#fafafa", s3 = _2 === "live" ? "live" : _2 === "stale" ? "stale" : "offline", c3 = e3.visualStyle === "Outline", l3 = t3 === "dot";
+      ie2 = /* @__PURE__ */ Y("div", {
+        style: {
+          ...r2,
+          display: "inline-flex",
+          alignItems: "center",
+          gap: l3 ? 5 : 0,
+          padding: l3 ? "0 7px" : "0 10px",
+          height: l3 ? 18 : 22,
+          borderRadius: 999,
+          fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+          fontSize: 10,
+          fontWeight: 600,
+          ...c3 ? {
+            background: o3,
+            color: a3,
+            border: `${l3 ? 1 : 1.4}px solid ${a3}`
+          } : {
+            background: a3,
+            color: o3,
+            border: "none"
+          },
+          ..._2 !== "live" && !y2 ? { animation: "tickyr-stale-pulse 1s ease-in-out infinite" } : {}
+        },
+        "aria-live": "polite",
+        role: "status",
+        "aria-label": "Connection status",
+        children: [l3 && /* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            width: 6,
+            height: 6,
+            borderRadius: 999,
+            background: c3 ? a3 : o3
+          }
+        }), /* @__PURE__ */ J("span", { children: s3 })]
+      });
+    }
+  }
+  let X2 = null;
+  if (te2 && e2.staleBanner !== false && l2 !== null) {
+    let t3 = l2.personalization.palette[l2.personalization.theme], n3 = M(t3.warn, 1), r2 = _2 === "disconnected" ? "Connection lost" : "Live data paused";
+    if (typeof e2.staleBanner == "function") {
+      let t4 = e2.staleBanner({
+        state: _2,
+        liveSince: e2.liveSince,
+        theme: l2.personalization.theme,
+        palette: l2.personalization.palette
+      });
+      X2 = /* @__PURE__ */ J("div", {
+        style: {
+          position: "absolute",
+          top: 8,
+          left: "50%",
+          transform: "translate(-50%, 0)",
+          pointerEvents: "none",
+          zIndex: 2,
+          ...y2 ? {} : { animation: "tickyr-stale-banner-in 0.3s ease-out" }
+        },
+        "aria-live": "polite",
+        children: t4
+      });
+    } else X2 = /* @__PURE__ */ J("div", {
+      style: {
+        position: "absolute",
+        top: 8,
+        left: "50%",
+        transform: "translate(-50%, 0)",
+        pointerEvents: "none",
+        zIndex: 2,
+        ...y2 ? {} : { animation: "tickyr-stale-banner-in 0.3s ease-out" }
+      },
+      "aria-live": "polite",
+      role: "status",
+      children: /* @__PURE__ */ Y("div", {
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 6,
+          padding: "4px 10px",
+          borderRadius: 999,
+          background: P(n3, 0.15),
+          color: n3,
+          fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+          fontSize: 12,
+          fontWeight: 500,
+          letterSpacing: 0.2,
+          border: `1px solid ${P(n3, 0.4)}`
+        },
+        children: [/* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            display: "inline-flex",
+            alignItems: "center"
+          },
+          children: /* @__PURE__ */ Y("svg", {
+            width: "10",
+            height: "10",
+            viewBox: "0 0 10 10",
+            fill: "currentColor",
+            children: [/* @__PURE__ */ J("rect", {
+              x: "2",
+              y: "1.5",
+              width: "2",
+              height: "7",
+              rx: "0.5"
+            }), /* @__PURE__ */ J("rect", {
+              x: "6",
+              y: "1.5",
+              width: "2",
+              height: "7",
+              rx: "0.5"
+            })]
+          })
+        }), /* @__PURE__ */ J("span", { children: r2 })]
+      })
+    });
+  }
+  if (V2) return /* @__PURE__ */ Y("div", {
+    ref: a2,
+    style: {
+      position: "relative",
+      width: z2,
+      height: B2
+    },
+    "aria-label": H2,
+    children: [/* @__PURE__ */ J("canvas", {
+      ref: o2,
+      style: {
+        display: "block",
+        width: z2,
+        height: B2,
+        ...re2
+      },
+      "aria-hidden": "true"
+    }), X2]
+  });
+  let Z2 = `s-${D2}`;
+  return /* @__PURE__ */ Y("div", {
+    ref: a2,
+    style: {
+      position: "relative",
+      width: z2,
+      height: B2,
+      cursor: k2 ? "row-resize" : void 0
+    },
+    "aria-label": H2,
+    onPointerMove: N2,
+    onPointerDown: F2,
+    onPointerUp: I2,
+    onPointerLeave: L2,
+    onWheel: R2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: o2,
+        style: {
+          display: "block",
+          width: z2,
+          height: B2,
+          ...re2,
+          ...D2 > 0 && !y2 ? { animation: "tickyr-theme-fade 200ms ease-out" } : {}
+        },
+        "aria-hidden": "true"
+      }, Z2),
+      /* @__PURE__ */ J("canvas", {
+        ref: s2,
+        style: {
+          display: "block",
+          width: z2,
+          height: B2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none",
+          ...re2
+        },
+        "aria-hidden": "true"
+      }),
+      U2,
+      W2,
+      G2,
+      ie2,
+      X2
+    ]
+  });
+});
+function He(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new b({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let d2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), f2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), p2 = e2.width ?? 800, m2 = e2.height ?? 300, h2 = e2.sparkline === true || e2.sparkline !== false && p2 < 150, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Scatter chart", _2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = o2.seriesList[c2.seriesIdx], n3 = t3?.id ?? "primary", r3 = t3?.label ?? "Value", i3 = t3?.color ?? "", a3 = {
+      x: c2.x,
+      y: c2.y,
+      size: c2.size,
+      idx: c2.idx,
+      seriesIdx: c2.seriesIdx,
+      seriesId: n3,
+      seriesLabel: r3,
+      seriesColor: i3,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: p2,
+      containerHeight: m2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(a3) : Ue(a3);
+  })(), v2 = (() => {
+    if (o2 === null) return null;
+    let e3 = o2.seriesList;
+    if (e3.length < 2) return null;
+    let t3 = o2.personalization, n3 = t3.legend;
+    if (n3 !== "always" && !(n3 === "on-hover" && c2 !== null)) return null;
+    let r3 = t3.legendPosition;
+    return /* @__PURE__ */ J("div", {
+      style: {
+        position: "absolute",
+        ...r3 === "top-left" || r3 === "top-right" ? { top: 6 } : { bottom: 6 },
+        ...r3 === "top-left" || r3 === "bottom-left" ? { left: 8 } : { right: 8 },
+        pointerEvents: "none",
+        display: "flex",
+        gap: 12,
+        alignItems: "center",
+        padding: "4px 8px",
+        background: t3.theme === "dark" ? "rgba(34,36,42,0.85)" : "rgba(255,255,255,0.85)",
+        border: `1px solid ${t3.theme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)"}`,
+        borderRadius: 6,
+        fontSize: 11,
+        fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+        color: t3.theme === "dark" ? "rgb(240,242,246)" : "rgb(20,22,26)"
+      },
+      role: "presentation",
+      children: e3.map((e4) => /* @__PURE__ */ Y("span", {
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 5
+        },
+        children: [/* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            width: 10,
+            height: 10,
+            borderRadius: 5,
+            background: e4.color,
+            display: "inline-block",
+            flex: "0 0 auto"
+          }
+        }), /* @__PURE__ */ J("span", { children: e4.label })]
+      }, e4.id))
+    });
+  })();
+  return h2 ? /* @__PURE__ */ J("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: p2,
+      height: m2
+    },
+    "aria-label": g2,
+    children: /* @__PURE__ */ J("canvas", {
+      ref: r2,
+      style: {
+        display: "block",
+        width: p2,
+        height: m2
+      },
+      "aria-hidden": "true"
+    })
+  }) : /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: p2,
+      height: m2
+    },
+    "aria-label": g2,
+    onPointerMove: d2,
+    onPointerLeave: f2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: p2,
+          height: m2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: p2,
+          height: m2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      v2,
+      _2
+    ]
+  });
+}
+function Ue(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 140, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 70, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      boxShadow: o2,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 120
+    },
+    children: [
+      /* @__PURE__ */ Y("div", {
+        style: {
+          color: i2,
+          fontSize: 10,
+          marginBottom: 2,
+          display: "flex",
+          alignItems: "center",
+          gap: 5
+        },
+        children: [/* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            width: 8,
+            height: 8,
+            borderRadius: 4,
+            background: e2.seriesColor,
+            display: "inline-block"
+          }
+        }), /* @__PURE__ */ Y("span", { children: [
+          e2.seriesLabel,
+          " \xB7 #",
+          e2.idx
+        ] })]
+      }),
+      /* @__PURE__ */ Y("div", { children: ["x: ", e2.formatter.formatNumber(e2.x, 2)] }),
+      /* @__PURE__ */ Y("div", { children: ["y: ", e2.formatter.formatNumber(e2.y, 2)] }),
+      e2.size !== null && /* @__PURE__ */ Y("div", { children: ["size: ", e2.formatter.formatNumber(e2.size, 2)] })
+    ]
+  });
+}
+function We(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new m({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let d2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), f2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), p2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.sparkline === true || e2.sparkline !== false && p2 < 150, _2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Histogram", v2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      binIdx: c2.binIdx,
+      binStart: c2.binStart,
+      binEnd: c2.binEnd,
+      count: c2.count,
+      value: c2.value,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: p2,
+      containerHeight: h2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : Ge(t3, o2.yAxisMode);
+  })();
+  return g2 ? /* @__PURE__ */ J("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: p2,
+      height: h2
+    },
+    "aria-label": _2,
+    children: /* @__PURE__ */ J("canvas", {
+      ref: r2,
+      style: {
+        display: "block",
+        width: p2,
+        height: h2
+      },
+      "aria-hidden": "true"
+    })
+  }) : /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: p2,
+      height: h2
+    },
+    "aria-label": _2,
+    onPointerMove: d2,
+    onPointerLeave: f2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: p2,
+          height: h2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: p2,
+          height: h2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      v2
+    ]
+  });
+}
+function Ge(e2, t2) {
+  let n2 = e2.theme === "dark", r2 = n2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", i2 = n2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", a2 = n2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", o2 = n2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", s2 = n2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", c2 = Math.min(e2.containerWidth - 160, e2.pointerX + 12), l2 = Math.min(e2.containerHeight - 80, e2.pointerY + 12), u2 = t2 === "frequency" ? "count" : t2 === "density" ? "density" : "cumulative";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: c2,
+      top: l2,
+      background: r2,
+      color: i2,
+      border: `1px solid ${o2}`,
+      borderRadius: 6,
+      boxShadow: s2,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 140
+    },
+    children: [
+      /* @__PURE__ */ Y("div", {
+        style: {
+          color: a2,
+          fontSize: 10,
+          marginBottom: 2
+        },
+        children: ["Bin #", e2.binIdx]
+      }),
+      /* @__PURE__ */ Y("div", { children: [
+        "range: ",
+        e2.formatter.formatNumber(e2.binStart, 2),
+        " \u2013",
+        " ",
+        e2.formatter.formatNumber(e2.binEnd, 2)
+      ] }),
+      /* @__PURE__ */ Y("div", { children: ["count: ", e2.formatter.formatNumber(e2.count, 0)] }),
+      t2 !== "frequency" && /* @__PURE__ */ Y("div", { children: [
+        u2,
+        ": ",
+        e2.formatter.formatNumber(e2.value, 4)
+      ] })
+    ]
+  });
+}
+function Ke(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new f({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let d2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), p2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Heatmap", _2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      row: c2.row,
+      col: c2.col,
+      value: c2.value,
+      rowLabel: c2.rowLabel,
+      colLabel: c2.colLabel,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: m2,
+      containerHeight: h2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : qe(t3);
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: m2,
+      height: h2
+    },
+    "aria-label": g2,
+    onPointerMove: d2,
+    onPointerLeave: p2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      _2
+    ]
+  });
+}
+function qe(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 160, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 80, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      boxShadow: o2,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 140
+    },
+    children: [/* @__PURE__ */ Y("div", {
+      style: {
+        color: i2,
+        fontSize: 10,
+        marginBottom: 2
+      },
+      children: [
+        e2.rowLabel,
+        " \xB7 ",
+        e2.colLabel
+      ]
+    }), /* @__PURE__ */ J("div", { children: e2.value === null ? /* @__PURE__ */ J("span", {
+      style: { color: i2 },
+      children: "(no data)"
+    }) : /* @__PURE__ */ Y("span", { children: ["value: ", e2.formatter.formatNumber(e2.value, 3)] }) })]
+  });
+}
+function Je(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, c2] = q.useState(null), [l2, u2] = q.useState(null), d2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new s({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: d2,
+      onContextChange: c2,
+      onHoverChange: u2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, d2);
+  });
+  let f2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), p2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 300, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Depth chart", _2 = l2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      side: l2.side,
+      price: l2.price,
+      cumulativeVolume: l2.cumulativeVolume,
+      pctFromMid: l2.pctFromMid,
+      pointerX: l2.pointerX,
+      pointerY: l2.pointerY,
+      containerWidth: m2,
+      containerHeight: h2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : Ye(t3);
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: m2,
+      height: h2
+    },
+    "aria-label": g2,
+    onPointerMove: f2,
+    onPointerLeave: p2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      _2
+    ]
+  });
+}
+function Ye(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)", s2 = Math.min(e2.containerWidth - 180, e2.pointerX + 12), c2 = Math.min(e2.containerHeight - 90, e2.pointerY + 12), l2 = e2.side === "bid" ? "BID" : "ASK", u2 = e2.pctFromMid >= 0 ? "+" : "";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: s2,
+      top: c2,
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      boxShadow: o2,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 160
+    },
+    children: [
+      /* @__PURE__ */ Y("div", {
+        style: {
+          color: i2,
+          fontSize: 10,
+          marginBottom: 2
+        },
+        children: [
+          l2,
+          " \xB7 ",
+          u2,
+          (e2.pctFromMid * 100).toFixed(2),
+          "%"
+        ]
+      }),
+      /* @__PURE__ */ Y("div", { children: ["price: ", e2.formatter.formatNumber(e2.price, 4)] }),
+      /* @__PURE__ */ Y("div", { children: ["cumulative: ", e2.formatter.formatNumber(e2.cumulativeVolume, 3)] })
+    ]
+  });
+}
+function Xe(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]), d2 = e2.innerRadiusDefault;
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new y({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      innerRadiusDefault: d2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let f2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), p2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), m2 = e2.width ?? 480, h2 = e2.height ?? 360, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Pie chart", _2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      idx: c2.idx,
+      name: c2.name,
+      value: c2.value,
+      percent: c2.percent,
+      color: c2.color,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: m2,
+      containerHeight: h2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : $e(t3);
+  })(), v2 = (() => {
+    if (e2.centerLabel === void 0 || e2.centerLabel === false || o2 === null || o2.innerRadiusFraction <= 0) return null;
+    let t3 = {
+      totalValue: o2.totalValue,
+      formatter: o2.formatter,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette
+    }, n3;
+    return n3 = e2.centerLabel === true ? /* @__PURE__ */ Y("div", {
+      style: {
+        textAlign: "center",
+        lineHeight: 1.2
+      },
+      children: [/* @__PURE__ */ J("div", {
+        style: {
+          fontSize: 11,
+          opacity: 0.65
+        },
+        children: "Total"
+      }), /* @__PURE__ */ J("div", {
+        style: {
+          fontSize: 18,
+          fontWeight: 600
+        },
+        children: o2.formatter.formatNumber(o2.totalValue, 2)
+      })]
+    }) : typeof e2.centerLabel == "string" ? e2.centerLabel : e2.centerLabel(t3), /* @__PURE__ */ J("div", {
+      style: {
+        position: "absolute",
+        inset: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        pointerEvents: "none",
+        color: o2.personalization.theme === "dark" ? "rgb(240,242,246)" : "rgb(20,22,26)",
+        fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+      },
+      children: n3
+    });
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: m2,
+      height: h2
+    },
+    "aria-label": g2,
+    onPointerMove: f2,
+    onPointerLeave: p2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      v2,
+      _2
+    ]
+  });
+}
+function Ze(e2) {
+  let t2 = (0, Z.c)(2), n2;
+  return t2[0] === e2 ? n2 = t2[1] : (n2 = /* @__PURE__ */ J(Xe, {
+    ...e2,
+    innerRadiusDefault: 0
+  }), t2[0] = e2, t2[1] = n2), n2;
+}
+function Qe(e2) {
+  let t2 = (0, Z.c)(2), n2;
+  return t2[0] === e2 ? n2 = t2[1] : (n2 = /* @__PURE__ */ J(Xe, {
+    ...e2,
+    innerRadiusDefault: 0.5
+  }), t2[0] = e2, t2[1] = n2), n2;
+}
+function $e(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 180, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 80, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      boxShadow: o2,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 160
+    },
+    children: [
+      /* @__PURE__ */ Y("div", {
+        style: {
+          color: i2,
+          fontSize: 10,
+          marginBottom: 2,
+          display: "flex",
+          alignItems: "center",
+          gap: 5
+        },
+        children: [/* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            width: 10,
+            height: 10,
+            borderRadius: 5,
+            background: e2.color,
+            display: "inline-block"
+          }
+        }), /* @__PURE__ */ J("span", { children: e2.name })]
+      }),
+      /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
+      /* @__PURE__ */ Y("div", { children: [
+        "percent: ",
+        (e2.percent * 100).toFixed(1),
+        "%"
+      ] })
+    ]
+  });
+}
+function et(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new _({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let d2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), f2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), p2 = q.useCallback((e3) => {
+    a2.current?.handleClick(e3.nativeEvent);
+  }, []), m2 = e2.width ?? 600, h2 = e2.height ?? 400, g2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Treemap", v2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      idx: c2.idx,
+      name: c2.name,
+      value: c2.value,
+      percent: c2.percent,
+      depth: c2.depth,
+      path: c2.path,
+      color: c2.color,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: m2,
+      containerHeight: h2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : tt(t3);
+  })(), y2 = (() => {
+    if (o2 === null || !o2.showBreadcrumb) return null;
+    let e3 = o2.personalization.theme === "dark", t3 = ["root", ...o2.currentPath];
+    return /* @__PURE__ */ J("div", {
+      style: {
+        position: "absolute",
+        left: 8,
+        top: 6,
+        display: "flex",
+        gap: 4,
+        alignItems: "center",
+        fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+        fontSize: 11,
+        color: e3 ? "rgba(240,242,246,0.85)" : "rgba(20,22,26,0.75)",
+        background: e3 ? "rgba(34,36,42,0.85)" : "rgba(255,255,255,0.85)",
+        border: `1px solid ${e3 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)"}`,
+        borderRadius: 4,
+        padding: "3px 6px",
+        pointerEvents: "auto"
+      },
+      role: "navigation",
+      children: t3.map((e4, n3) => /* @__PURE__ */ Y(q.Fragment, { children: [n3 > 0 && /* @__PURE__ */ J("span", {
+        style: { opacity: 0.5 },
+        children: "\u203A"
+      }), /* @__PURE__ */ J("button", {
+        type: "button",
+        onClick: () => a2.current?.setPath(t3.slice(1, n3 + 1)),
+        style: {
+          background: "none",
+          border: "none",
+          padding: 0,
+          color: "inherit",
+          fontSize: "inherit",
+          cursor: n3 === t3.length - 1 ? "default" : "pointer",
+          fontWeight: n3 === t3.length - 1 ? 600 : 400
+        },
+        children: e4
+      })] }, n3))
+    });
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: m2,
+      height: h2
+    },
+    "aria-label": g2,
+    onPointerMove: d2,
+    onPointerLeave: f2,
+    onClick: p2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      y2,
+      v2
+    ]
+  });
+}
+function tt(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 200, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 80, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      boxShadow: o2,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 180
+    },
+    children: [
+      /* @__PURE__ */ J("div", {
+        style: {
+          color: i2,
+          fontSize: 10,
+          marginBottom: 2
+        },
+        children: e2.path.join(" \u203A ")
+      }),
+      /* @__PURE__ */ Y("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 5
+        },
+        children: [/* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            width: 10,
+            height: 10,
+            borderRadius: 2,
+            background: e2.color,
+            display: "inline-block"
+          }
+        }), /* @__PURE__ */ J("span", {
+          style: { fontWeight: 600 },
+          children: e2.name
+        })]
+      }),
+      /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
+      /* @__PURE__ */ Y("div", { children: [
+        "percent: ",
+        (e2.percent * 100).toFixed(1),
+        "%"
+      ] })
+    ]
+  });
+}
+function nt(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new h({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let d2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), f2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), p2 = q.useCallback((e3) => {
+    a2.current?.handleClick(e3.nativeEvent);
+  }, []), m2 = e2.width ?? 480, g2 = e2.height ?? 480, _2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Sunburst", v2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      idx: c2.idx,
+      name: c2.name,
+      value: c2.value,
+      percent: c2.percent,
+      depth: c2.depth,
+      path: c2.path,
+      color: c2.color,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: m2,
+      containerHeight: g2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : rt(t3);
+  })(), y2 = (() => {
+    if (e2.centerLabel === void 0 || e2.centerLabel === false || o2 === null) return null;
+    let t3 = o2.personalization.theme === "dark", n3;
+    return n3 = e2.centerLabel === true ? /* @__PURE__ */ Y("div", {
+      style: {
+        textAlign: "center",
+        lineHeight: 1.2
+      },
+      children: [/* @__PURE__ */ J("div", {
+        style: {
+          fontSize: 10,
+          opacity: 0.6
+        },
+        children: "Total"
+      }), /* @__PURE__ */ J("div", {
+        style: {
+          fontSize: 18,
+          fontWeight: 600
+        },
+        children: o2.formatter.formatNumber(o2.totalValue, 0)
+      })]
+    }) : e2.centerLabel, /* @__PURE__ */ J("div", {
+      style: {
+        position: "absolute",
+        inset: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        pointerEvents: "none",
+        color: t3 ? "rgb(240,242,246)" : "rgb(20,22,26)",
+        fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+      },
+      children: n3
+    });
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: m2,
+      height: g2
+    },
+    "aria-label": _2,
+    onPointerMove: d2,
+    onPointerLeave: f2,
+    onClick: p2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: m2,
+          height: g2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: m2,
+          height: g2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      y2,
+      v2
+    ]
+  });
+}
+function rt(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34, 36, 42)" : "rgb(255, 255, 255)", r2 = t2 ? "rgb(240, 242, 246)" : "rgb(20, 22, 26)", i2 = t2 ? "rgba(240, 242, 246, 0.62)" : "rgba(20, 22, 26, 0.56)", a2 = t2 ? "rgba(255, 255, 255, 0.08)" : "rgba(15, 18, 23, 0.08)", o2 = t2 ? "0 8px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.40)" : "0 8px 24px rgba(15, 18, 23, 0.10), 0 2px 6px rgba(15, 18, 23, 0.06)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 200, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 80, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      boxShadow: o2,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 180
+    },
+    children: [
+      /* @__PURE__ */ J("div", {
+        style: {
+          color: i2,
+          fontSize: 10,
+          marginBottom: 2
+        },
+        children: e2.path.join(" \u203A ")
+      }),
+      /* @__PURE__ */ Y("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 5
+        },
+        children: [/* @__PURE__ */ J("span", {
+          "aria-hidden": "true",
+          style: {
+            width: 10,
+            height: 10,
+            borderRadius: 5,
+            background: e2.color,
+            display: "inline-block"
+          }
+        }), /* @__PURE__ */ J("span", {
+          style: { fontWeight: 600 },
+          children: e2.name
+        })]
+      }),
+      /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.value, 2)] }),
+      /* @__PURE__ */ Y("div", { children: [
+        "percent: ",
+        (e2.percent * 100).toFixed(1),
+        "%"
+      ] })
+    ]
+  });
+}
+function it(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new F({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let d2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), f2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), p2 = e2.width ?? 800, m2 = e2.height ?? 400, h2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Renko chart", g2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      idx: c2.idx,
+      direction: c2.direction,
+      bottomPrice: c2.bottomPrice,
+      topPrice: c2.topPrice,
+      sourceTime: c2.sourceTime,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: p2,
+      containerHeight: m2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : at(t3);
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: p2,
+      height: m2
+    },
+    "aria-label": h2,
+    onPointerMove: d2,
+    onPointerLeave: f2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: p2,
+          height: m2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: p2,
+          height: m2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      g2
+    ]
+  });
+}
+function at(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 180, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 80, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 160
+    },
+    children: [
+      /* @__PURE__ */ Y("div", {
+        style: {
+          color: i2,
+          fontSize: 10,
+          marginBottom: 2
+        },
+        children: [
+          e2.direction > 0 ? "\u25B2 Up brick" : "\u25BC Down brick",
+          " \xB7 #",
+          e2.idx
+        ]
+      }),
+      /* @__PURE__ */ Y("div", { children: [
+        "range: ",
+        e2.formatter.formatNumber(e2.bottomPrice, 2),
+        " \u2013",
+        " ",
+        e2.formatter.formatNumber(e2.topPrice, 2)
+      ] }),
+      /* @__PURE__ */ Y("div", { children: ["source: ", e2.formatter.formatDate(e2.sourceTime)] })
+    ]
+  });
+}
+function ot(e2) {
+  let t2 = $(), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), o2 = q.useRef(null), [s2, c2] = q.useState(null), [l2, u2] = q.useState(null), d2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = i2.current;
+    if (t3 === null) return;
+    let s3 = new n({
+      container: r2.current,
+      staticCanvas: t3,
+      dynamicCanvas: a2.current,
+      initialProps: e2,
+      initialProvider: d2,
+      onContextChange: c2,
+      onHoverChange: u2
+    });
+    return o2.current = s3, () => {
+      o2.current = null, s3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    o2.current?.update(e2, d2);
+  });
+  let f2 = q.useCallback((e3) => {
+    o2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), p2 = q.useCallback(() => {
+    o2.current?.handlePointerLeave();
+  }, []), m2 = e2.width ?? 800, h2 = e2.height ?? 400, g2 = e2.ariaLabel ?? s2?.ariaLabel ?? "Kagi chart", _2 = l2 === null || s2 === null ? null : (() => {
+    let t3 = {
+      idx: l2.idx,
+      direction: l2.direction,
+      thick: l2.thick,
+      startPrice: l2.startPrice,
+      endPrice: l2.endPrice,
+      pointerX: l2.pointerX,
+      pointerY: l2.pointerY,
+      containerWidth: m2,
+      containerHeight: h2,
+      theme: s2.personalization.theme,
+      palette: s2.personalization.palette,
+      locale: s2.resolvedLocaleBase,
+      timeZone: s2.resolvedTimeZone,
+      formatter: s2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : st(t3);
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: r2,
+    style: {
+      position: "relative",
+      width: m2,
+      height: h2
+    },
+    "aria-label": g2,
+    onPointerMove: f2,
+    onPointerLeave: p2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: a2,
+        style: {
+          display: "block",
+          width: m2,
+          height: h2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      _2
+    ]
+  });
+}
+function st(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 180, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 80, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 160
+    },
+    children: [/* @__PURE__ */ Y("div", {
+      style: {
+        color: i2,
+        fontSize: 10,
+        marginBottom: 2
+      },
+      children: [
+        e2.thick ? "Yang" : "Yin",
+        " \xB7 ",
+        e2.direction > 0 ? "\u25B2" : "\u25BC",
+        " \xB7 leg #",
+        e2.idx
+      ]
+    }), /* @__PURE__ */ Y("div", { children: [
+      e2.formatter.formatNumber(e2.startPrice, 2),
+      " \u2192",
+      " ",
+      e2.formatter.formatNumber(e2.endPrice, 2)
+    ] })]
+  });
+}
+function ct(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new L({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let d2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), f2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), p2 = e2.width ?? 800, m2 = e2.height ?? 400, h2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Point and figure chart", g2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      idx: c2.idx,
+      direction: c2.direction,
+      bottomBox: c2.bottomBox,
+      topBox: c2.topBox,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: p2,
+      containerHeight: m2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : lt(t3);
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: p2,
+      height: m2
+    },
+    "aria-label": h2,
+    onPointerMove: d2,
+    onPointerLeave: f2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: p2,
+          height: m2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: p2,
+          height: m2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      g2
+    ]
+  });
+}
+function lt(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 180, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 80, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 160
+    },
+    children: [/* @__PURE__ */ Y("div", {
+      style: {
+        color: i2,
+        fontSize: 10,
+        marginBottom: 2
+      },
+      children: [
+        e2.direction > 0 ? "X (up column)" : "O (down column)",
+        " \xB7 #",
+        e2.idx
+      ]
+    }), /* @__PURE__ */ Y("div", { children: [
+      "range: ",
+      e2.formatter.formatNumber(e2.bottomBox, 2),
+      " \u2013",
+      " ",
+      e2.formatter.formatNumber(e2.topBox, 2)
+    ] })]
+  });
+}
+var ut = class extends Error {
+  name = "SankeyCycleError";
+};
+function dt(e2) {
+  let t2 = e2.nodes.length, n2 = e2.links.length, r2 = Array.from({ length: t2 }, () => ""), i2 = Array.from({ length: t2 }, () => ""), a2 = Array.from({ length: t2 }, () => null), o2 = Array.from({ length: t2 }, () => null), s2 = /* @__PURE__ */ new Map();
+  for (let n3 = 0; n3 < t2; n3++) {
+    let t3 = e2.nodes[n3];
+    r2[n3] = t3.id, i2[n3] = t3.name ?? t3.id, a2[n3] = t3.color ?? null, o2[n3] = t3.label ?? null, s2.set(t3.id, n3);
+  }
+  let c2 = new Int32Array(n2), l2 = new Int32Array(n2), u2 = new Float64Array(n2), d2 = Array.from({ length: n2 }, () => null), f2 = new Float64Array(n2).fill(NaN);
+  for (let r3 = 0; r3 < n2; r3++) {
+    let n3 = e2.links[r3], i3 = typeof n3.source == "number" ? n3.source : s2.get(n3.source), a3 = typeof n3.target == "number" ? n3.target : s2.get(n3.target);
+    if (i3 === void 0 || a3 === void 0 || i3 < 0 || a3 < 0 || i3 >= t2 || a3 >= t2) throw Error(`SankeyChart: link[${r3}] references unknown node (source=${String(n3.source)}, target=${String(n3.target)}).`);
+    c2[r3] = i3, l2[r3] = a3, u2[r3] = n3.value, d2[r3] = n3.color ?? null, n3.opacity !== void 0 && (f2[r3] = n3.opacity);
+  }
+  let p2 = new Int32Array(t2);
+  for (let e3 = 0; e3 < n2; e3++) {
+    let t3 = l2[e3];
+    p2[t3] = p2[t3] + 1;
+  }
+  let m2 = new Int32Array(t2), h2 = [];
+  for (let e3 = 0; e3 < t2; e3++) p2[e3] === 0 && h2.push(e3);
+  let g2 = Array.from({ length: t2 }, () => []);
+  for (let e3 = 0; e3 < n2; e3++) g2[c2[e3]].push(e3);
+  let _2 = 0;
+  for (; h2.length > 0; ) {
+    let e3 = h2.shift();
+    _2++;
+    let t3 = g2[e3];
+    for (let n3 = 0; n3 < t3.length; n3++) {
+      let r3 = l2[t3[n3]], i3 = m2[e3] + 1;
+      i3 > m2[r3] && (m2[r3] = i3);
+      let a3 = p2[r3] - 1;
+      p2[r3] = a3, a3 === 0 && h2.push(r3);
+    }
+  }
+  if (_2 < t2) throw new ut("SankeyChart: input contains a cycle (the flow graph must be acyclic).");
+  let v2 = 0;
+  for (let e3 = 0; e3 < t2; e3++) m2[e3] > v2 && (v2 = m2[e3]);
+  let y2 = new Float64Array(t2), b2 = new Float64Array(t2), x2 = new Float64Array(t2);
+  for (let e3 = 0; e3 < n2; e3++) b2[l2[e3]] += u2[e3], x2[c2[e3]] += u2[e3];
+  for (let e3 = 0; e3 < t2; e3++) y2[e3] = Math.max(b2[e3], x2[e3]);
+  return {
+    nodeCount: t2,
+    linkCount: n2,
+    nodeIds: r2,
+    nodeNames: i2,
+    nodeColorOverrides: a2,
+    nodeLabelOverrides: o2,
+    nodeValues: y2,
+    depths: m2,
+    maxDepth: v2,
+    linkSources: c2,
+    linkTargets: l2,
+    linkValues: u2,
+    linkColorOverrides: d2,
+    linkOpacityOverrides: f2
+  };
+}
+function ft(e2, t2) {
+  let { x0: n2, y0: r2, x1: i2, y1: a2, nodeWidth: o2, nodePadding: s2, alignment: c2, iterations: l2 } = t2, u2 = i2 - n2, d2 = a2 - r2, f2 = e2.nodeCount, p2 = e2.maxDepth + 1, m2 = new Float64Array(f2), h2 = new Float64Array(f2);
+  if (p2 === 1) {
+    let e3 = (n2 + i2) / 2;
+    for (let t3 = 0; t3 < f2; t3++) m2[t3] = e3 - o2 / 2, h2[t3] = e3 + o2 / 2;
+  } else {
+    let t3 = p2 > 1 ? (u2 - o2) / (p2 - 1) : 0;
+    for (let r3 = 0; r3 < f2; r3++) {
+      let a3 = e2.depths[r3], l3;
+      switch (c2) {
+        case "left":
+          l3 = n2 + a3 * (o2 + s2);
+          break;
+        case "right":
+          l3 = i2 - o2 - (e2.maxDepth - a3) * (o2 + s2);
+          break;
+        case "center":
+          l3 = n2 + (u2 - (p2 * o2 + (p2 - 1) * s2)) / 2 + a3 * (o2 + s2);
+          break;
+        default:
+          l3 = n2 + a3 * t3;
+      }
+      m2[r3] = l3, h2[r3] = l3 + o2;
+    }
+  }
+  let g2 = new Float64Array(f2), _2 = new Float64Array(f2), v2 = Array.from({ length: p2 }, () => []);
+  for (let t3 = 0; t3 < f2; t3++) v2[e2.depths[t3]].push(t3);
+  for (let t3 = 0; t3 < p2; t3++) {
+    let n3 = v2[t3];
+    if (n3.length === 0) continue;
+    let i3 = (n3.length - 1) * s2, a3 = Math.max(0, d2 - i3), o3 = 0;
+    for (let t4 = 0; t4 < n3.length; t4++) o3 += e2.nodeValues[n3[t4]];
+    let c3 = o3 > 0 ? a3 / o3 : 0, l3 = r2;
+    for (let t4 = 0; t4 < n3.length; t4++) {
+      let r3 = n3[t4], i4 = e2.nodeValues[r3] * c3;
+      g2[r3] = l3, _2[r3] = l3 + i4, l3 += i4 + s2;
+    }
+  }
+  for (let t3 = 0; t3 < l2; t3++) pt(e2, v2, g2, _2, "incoming", d2, r2, s2), pt(e2, v2, g2, _2, "outgoing", d2, r2, s2);
+  let y2 = new Float64Array(e2.linkCount), b2 = new Float64Array(e2.linkCount), x2 = new Float64Array(e2.linkCount), S2 = new Float64Array(e2.linkCount), C2 = Array.from({ length: f2 }, () => []), w2 = Array.from({ length: f2 }, () => []);
+  for (let t3 = 0; t3 < e2.linkCount; t3++) C2[e2.linkSources[t3]].push(t3), w2[e2.linkTargets[t3]].push(t3);
+  for (let t3 = 0; t3 < f2; t3++) C2[t3].sort((t4, n3) => g2[e2.linkTargets[t4]] - g2[e2.linkTargets[n3]]), w2[t3].sort((t4, n3) => g2[e2.linkSources[t4]] - g2[e2.linkSources[n3]]);
+  for (let t3 = 0; t3 < f2; t3++) {
+    let n3 = _2[t3] - g2[t3], r3 = e2.nodeValues[t3];
+    if (r3 <= 0) continue;
+    let i3 = n3 / r3, a3 = g2[t3], o3 = C2[t3];
+    for (let t4 = 0; t4 < o3.length; t4++) {
+      let n4 = o3[t4], r4 = e2.linkValues[n4] * i3;
+      y2[n4] = a3, b2[n4] = a3 + r4, a3 += r4;
+    }
+    a3 = g2[t3];
+    let s3 = w2[t3];
+    for (let t4 = 0; t4 < s3.length; t4++) {
+      let n4 = s3[t4], r4 = e2.linkValues[n4] * i3;
+      x2[n4] = a3, S2[n4] = a3 + r4, a3 += r4;
+    }
+  }
+  return {
+    nodeX0: m2,
+    nodeY0: g2,
+    nodeX1: h2,
+    nodeY1: _2,
+    linkSourceY0: y2,
+    linkSourceY1: b2,
+    linkTargetY0: x2,
+    linkTargetY1: S2
+  };
+}
+function pt(e2, t2, n2, r2, i2, a2, o2, s2) {
+  for (let c2 = 0; c2 < t2.length; c2++) {
+    let l2 = t2[c2];
+    if (l2.length === 0) continue;
+    for (let t3 = 0; t3 < l2.length; t3++) {
+      let a3 = l2[t3], o3 = 0, s3 = 0;
+      for (let t4 = 0; t4 < e2.linkCount; t4++) {
+        if (!(i2 === "incoming" ? e2.linkTargets[t4] === a3 : e2.linkSources[t4] === a3)) continue;
+        let c3 = i2 === "incoming" ? e2.linkSources[t4] : e2.linkTargets[t4], l3 = (n2[c3] + r2[c3]) / 2, u3 = e2.linkValues[t4];
+        o3 += l3 * u3, s3 += u3;
+      }
+      if (s3 > 0) {
+        let e3 = o3 / s3, t4 = r2[a3] - n2[a3];
+        n2[a3] = e3 - t4 / 2, r2[a3] = e3 + t4 / 2;
+      }
+    }
+    let u2 = [...l2];
+    u2.sort((e3, t3) => n2[e3] - n2[t3]);
+    let d2 = o2;
+    for (let e3 = 0; e3 < u2.length; e3++) {
+      let t3 = u2[e3], i3 = r2[t3] - n2[t3];
+      n2[t3] < d2 && (n2[t3] = d2, r2[t3] = d2 + i3), d2 = r2[t3] + s2;
+    }
+    let f2 = u2[u2.length - 1];
+    if (r2[f2] > o2 + a2) {
+      let e3 = r2[f2] - (o2 + a2), t3 = -e3;
+      for (let i3 = 0; i3 < u2.length; i3++) {
+        let a3 = u2[i3], o3 = r2[a3] - n2[a3];
+        n2[a3] = n2[a3] - e3 + Math.max(0, t3 - (n2[a3] - e3)), r2[a3] = n2[a3] + o3, t3 = r2[a3] + s2;
+      }
+    }
+  }
+}
+var mt = {
+  nodeCount: 0,
+  linkCount: 0,
+  nodeIds: [],
+  nodeNames: [],
+  nodeColorOverrides: [],
+  nodeLabelOverrides: [],
+  nodeValues: new Float64Array(),
+  depths: new Int32Array(),
+  maxDepth: 0,
+  linkSources: new Int32Array(),
+  linkTargets: new Int32Array(),
+  linkValues: new Float64Array(),
+  linkColorOverrides: [],
+  linkOpacityOverrides: new Float64Array()
+}, ht = class {
+  staticCanvas;
+  dynamicCanvas;
+  callbacks;
+  props;
+  providerCtx;
+  handle = null;
+  dynCfg = {
+    crosshairVisible: false,
+    crosshairLineStyle: "dashed",
+    crosshairMarker: "circle"
+  };
+  graph = mt;
+  personalization;
+  resolvedLocale;
+  formatter;
+  resolvedNodeAlignment = "justify";
+  resolvedLinkColor = { kind: "source" };
+  resolvedValueDisplay = "off";
+  resolvedLabelPosition = "auto";
+  resolvedLabelContent;
+  resolvedColorScale = "flat-categorical";
+  nodeColors = [];
+  staticDrawAbort = { cancelled: false };
+  disposed = false;
+  visGate;
+  constructor(e2) {
+    this.staticCanvas = e2.staticCanvas, this.dynamicCanvas = e2.dynamicCanvas, this.callbacks = {
+      onContextChange: e2.onContextChange,
+      onHoverChange: e2.onHoverChange
+    }, this.props = e2.initialProps, this.providerCtx = e2.initialProvider, this.visGate = new k(e2.container ?? null, () => void this.runStaticDraw()), this.resolveDerived(), this.applyDynamicCfgFromProps(), this.runStaticDraw();
+  }
+  update(e2, t2) {
+    this.disposed || e2 === this.props && t2 === this.providerCtx || (this.props = e2, this.providerCtx = t2, this.resolveDerived(), this.applyDynamicCfgFromProps(), this.runStaticDraw());
+  }
+  handlePointerMove(e2) {
+    let t2 = this.handle;
+    if (t2 === null || this.graph.nodeCount === 0) return;
+    let n2 = e2.currentTarget;
+    if (n2 === null) return;
+    let r2 = n2.getBoundingClientRect(), i2 = e2.clientX - r2.left, a2 = e2.clientY - r2.top, o2 = t2.layout.layout;
+    for (let e3 = 0; e3 < this.graph.nodeCount; e3++) if (i2 >= o2.nodeX0[e3] && i2 <= o2.nodeX1[e3] && a2 >= o2.nodeY0[e3] && a2 <= o2.nodeY1[e3]) {
+      let n3 = {
+        pointerX: i2,
+        pointerY: a2,
+        target: {
+          kind: "node",
+          idx: e3,
+          id: this.graph.nodeIds[e3],
+          name: this.graph.nodeNames[e3],
+          value: this.graph.nodeValues[e3]
+        },
+        color: this.nodeColors[e3] ?? "rgba(128,128,128,1)"
+      };
+      this.setHover(n3), vt(t2, n3, this.dynCfg);
+      return;
+    }
+    for (let e3 = 0; e3 < this.graph.linkCount; e3++) {
+      let n3 = this.graph.linkSources[e3], r3 = this.graph.linkTargets[e3], s2 = o2.nodeX1[n3], c2 = o2.nodeX0[r3];
+      if (i2 < s2 || i2 > c2) continue;
+      let l2 = s2 === c2 ? 0 : (i2 - s2) / (c2 - s2), u2 = gt(o2.linkSourceY0[e3], o2.linkTargetY0[e3], l2), d2 = gt(o2.linkSourceY1[e3], o2.linkTargetY1[e3], l2);
+      if (a2 >= u2 && a2 <= d2) {
+        let o3 = {
+          pointerX: i2,
+          pointerY: a2,
+          target: {
+            kind: "link",
+            idx: e3,
+            sourceId: this.graph.nodeIds[n3],
+            targetId: this.graph.nodeIds[r3],
+            value: this.graph.linkValues[e3]
+          },
+          color: this.nodeColors[n3] ?? "rgba(128,128,128,1)"
+        };
+        this.setHover(o3), vt(t2, o3, this.dynCfg);
+        return;
+      }
+    }
+    this.setHover(null), vt(t2, null, this.dynCfg);
+  }
+  handlePointerLeave() {
+    this.setHover(null), this.handle !== null && vt(this.handle, null, this.dynCfg);
+  }
+  dispose() {
+    this.disposed || (this.disposed = true, this.visGate.dispose(), this.staticDrawAbort.cancelled = true, this.handle = null);
+  }
+  setHover(e2) {
+    this.callbacks.onHoverChange(e2);
+  }
+  resolveDerived() {
+    let e2 = this.props, t2 = this.providerCtx, n2 = e2.width ?? 800, r2 = e2.height ?? 400;
+    this.personalization = N({
+      theme: e2.theme ?? t2.theme,
+      palette: e2.palette ?? t2.palette,
+      osTheme: t2.osTheme,
+      appTheme: t2.appTheme,
+      visualStyle: e2.visualStyle ?? t2.visualStyle,
+      outlineFillColor: e2.outlineFillColor ?? t2.outlineFillColor,
+      outlineFillOpacity: e2.outlineFillOpacity ?? t2.outlineFillOpacity,
+      cornerRadius: e2.cornerRadius ?? t2.cornerRadius,
+      borderWidth: e2.borderWidth ?? t2.borderWidth,
+      locale: e2.locale ?? t2.locale,
+      digitGrouping: e2.digitGrouping,
+      numberAbbreviation: e2.numberAbbreviation,
+      decimalPlaces: e2.decimalPlaces,
+      currency: e2.currency,
+      currencyDisplay: e2.currencyDisplay,
+      percentPrecision: e2.percentPrecision,
+      dateFormat: e2.dateFormat,
+      timeFormat: e2.timeFormat,
+      timeZone: e2.timeZone ?? t2.timeZone,
+      glow: e2.glow,
+      glowColor: e2.glowColor,
+      pattern: e2.pattern,
+      patternScale: e2.patternScale,
+      patternColor: e2.patternColor,
+      fastMode: e2.fastMode
+    }), this.resolvedLocale = a(this.personalization.locale), this.formatter = g({
+      locale: this.resolvedLocale,
+      digitGrouping: this.personalization.digitGrouping,
+      numberAbbreviation: this.personalization.numberAbbreviation,
+      decimalPlaces: this.personalization.decimalPlaces,
+      currency: this.personalization.currency ?? this.resolvedLocale.defaultCurrency,
+      currencyDisplay: this.personalization.currencyDisplay,
+      percentPrecision: this.personalization.percentPrecision,
+      dateFormat: this.personalization.dateFormat,
+      timeFormat: this.personalization.timeFormat,
+      timeZone: this.personalization.timeZone
+    }), this.graph = e2.data === void 0 ? mt : dt(e2.data), this.resolvedNodeAlignment = v(e2.nodeAlignment), this.resolvedLinkColor = I(e2.linkColor), this.resolvedValueDisplay = z(e2.valueDisplay), this.resolvedLabelPosition = O(e2.labelPosition), this.resolvedLabelContent = W(e2.labelContent), this.resolvedColorScale = d(e2.colorScale);
+    let i2 = this.personalization.palette[this.personalization.theme], o2 = i2.categorical, s2 = Array.from({ length: this.graph.nodeCount }, () => "");
+    for (let e3 = 0; e3 < this.graph.nodeCount; e3++) {
+      let t3 = this.graph.nodeColorOverrides[e3];
+      if (t3 != null) s2[e3] = t3;
+      else if (this.resolvedColorScale === "depth-gradient") {
+        let t4 = this.graph.depths[e3], n3 = o2[t4 % o2.length];
+        s2[e3] = P(M(n3 === void 0 ? i2.up : n3, 1), Math.max(0.45, 1 - t4 * 0.15));
+      } else {
+        let t4 = o2[e3 % o2.length];
+        s2[e3] = M(t4 === void 0 ? i2.up : t4, 1);
+      }
+    }
+    this.nodeColors = s2, this.callbacks.onContextChange({
+      personalization: this.personalization,
+      formatter: this.formatter,
+      resolvedLocaleBase: this.resolvedLocale.baseLocale,
+      resolvedTimeZone: this.personalization.timeZone,
+      graph: this.graph,
+      ariaLabel: e2.ariaLabel ?? `Sankey chart, ${this.graph.nodeCount} nodes, ${this.graph.linkCount} links`,
+      cssWidth: n2,
+      cssHeight: r2
+    });
+  }
+  applyDynamicCfgFromProps() {
+    this.dynCfg = {
+      crosshairVisible: this.props.crosshairVisible ?? false,
+      crosshairLineStyle: this.props.crosshairLineStyle ?? "dashed",
+      crosshairMarker: this.props.crosshairMarker ?? "circle"
+    };
+  }
+  async runStaticDraw() {
+    if (this.disposed || this.visGate.tryDefer()) return;
+    let e2 = this.props, t2 = e2.width ?? 800, n2 = e2.height ?? 400, r2 = G({
+      cssWidth: t2,
+      cssHeight: n2,
+      dpr: typeof window > "u" ? 1 : window.devicePixelRatio || 1,
+      dprCap: e2.pixelDensityCap ?? 2,
+      fastMode: e2.fastMode ?? false
+    }), i2 = V(this.staticCanvas, r2);
+    this.staticDrawAbort.cancelled = true;
+    let a2 = { cancelled: false };
+    this.staticDrawAbort = a2, (async () => {
+      if (a2.cancelled || this.disposed) return;
+      let o2 = this.resolvedLabelPosition === "outside" || this.resolvedLabelPosition === "leader-line" || this.resolvedLabelPosition === "auto" && (e2.nodeWidth ?? 16) <= 20 ? 80 : 8, s2 = o2, l2 = t2 - o2, d2 = n2 - 8, f2 = ft(this.graph, {
+        x0: s2,
+        y0: 8,
+        x1: l2,
+        y1: d2,
+        nodeWidth: e2.nodeWidth ?? 16,
+        nodePadding: e2.nodePadding ?? 8,
+        alignment: this.resolvedNodeAlignment,
+        iterations: e2.iterations ?? 6
+      }), m2 = this.personalization.palette[this.personalization.theme], h2 = i2.ctx;
+      if (h2.clearRect(0, 0, r2.cssWidth, r2.cssHeight), this.personalization.glow.strength > 0) {
+        let e3 = this.personalization.cornerRadius;
+        U(h2, {
+          glow: this.personalization.glow,
+          theme: this.personalization.theme,
+          plotRect: {
+            x: s2,
+            y: 8,
+            w: l2 - s2,
+            h: d2 - 8
+          },
+          dpr: Math.min(typeof window < "u" ? window.devicePixelRatio ?? 1 : 1, 2)
+        }, (t3, n3) => {
+          if (n3) for (let n4 = 0; n4 < this.graph.nodeCount; n4++) {
+            let r3 = this.nodeColors[n4] ?? "rgba(128,128,128,1)", i3 = f2.nodeX0[n4], a3 = f2.nodeY0[n4], o3 = f2.nodeX1[n4] - i3, s3 = f2.nodeY1[n4] - a3, c2 = Math.min(e3, o3 / 2, s3 / 2);
+            t3.fillStyle = r3, t3.beginPath(), c2 > 0 ? t3.roundRect(i3, a3, o3, s3, c2) : t3.rect(i3, a3, o3, s3), t3.fill();
+          }
+        });
+      }
+      let g2 = e2.linkOpacity ?? 0.45;
+      for (let e3 = 0; e3 < this.graph.linkCount; e3++) {
+        let t3 = this.graph.linkSources[e3], n3 = this.graph.linkTargets[e3], r3 = f2.nodeX1[t3], i3 = f2.nodeX0[n3], a3 = f2.linkSourceY0[e3], o3 = f2.linkSourceY1[e3], s3 = f2.linkTargetY0[e3], c2 = f2.linkTargetY1[e3], l3 = this.graph.linkColorOverrides[e3], u2 = this.graph.linkOpacityOverrides[e3], d3 = Number.isFinite(u2) ? u2 : g2, p2;
+        if (l3 != null) p2 = P(l3, d3);
+        else switch (this.resolvedLinkColor.kind) {
+          case "source":
+            p2 = P(this.nodeColors[t3] ?? "rgba(128,128,128,1)", d3);
+            break;
+          case "target":
+            p2 = P(this.nodeColors[n3] ?? "rgba(128,128,128,1)", d3);
+            break;
+          case "gradient": {
+            let e4 = h2.createLinearGradient(r3, 0, i3, 0);
+            e4.addColorStop(0, P(this.nodeColors[t3] ?? "rgba(128,128,128,1)", d3)), e4.addColorStop(1, P(this.nodeColors[n3] ?? "rgba(128,128,128,1)", d3)), p2 = e4;
+            break;
+          }
+          case "neutral":
+            p2 = P(M(m2.neutral, 1), d3);
+            break;
+          case "literal":
+            p2 = P(this.resolvedLinkColor.color, d3);
+            break;
+        }
+        h2.fillStyle = p2, h2.beginPath();
+        let _3 = (r3 + i3) / 2;
+        h2.moveTo(r3, a3), h2.bezierCurveTo(_3, a3, _3, s3, i3, s3), h2.lineTo(i3, c2), h2.bezierCurveTo(_3, c2, _3, o3, r3, o3), h2.closePath(), h2.fill();
+      }
+      let _2 = this.personalization.cornerRadius, v2 = this.personalization.borderWidth;
+      for (let e3 = 0; e3 < this.graph.nodeCount; e3++) {
+        let t3 = this.nodeColors[e3], n3, r3;
+        if (this.personalization.visualStyle === "Outline") {
+          let e4 = this.personalization.outlineFillColor === "auto" ? t3 : this.personalization.outlineFillColor, i4 = j(this.personalization);
+          n3 = i4 <= 0 ? null : P(e4, i4), r3 = v2 > 0 ? t3 : null;
+        } else n3 = t3, r3 = v2 > 0 ? t3 : null;
+        let i3 = f2.nodeX0[e3], a3 = f2.nodeY0[e3], o3 = f2.nodeX1[e3] - i3, s3 = f2.nodeY1[e3] - a3, l3 = Math.min(_2, o3 / 2, s3 / 2), d3 = null;
+        if (this.personalization.pattern.type !== "solid") {
+          let e4 = this.personalization.pattern.color === "auto" ? p(t3, this.personalization.theme === "dark", this.personalization.visualStyle === "Outline") : this.personalization.pattern.color;
+          d3 = c(h2, {
+            ...this.personalization.pattern,
+            color: e4
+          }, t3, Math.min(typeof window < "u" ? window.devicePixelRatio ?? 1 : 1, 2));
+        }
+        u({
+          ctx: h2,
+          x: i3,
+          y: a3,
+          w: o3,
+          h: s3,
+          tl: l3,
+          tr: l3,
+          br: l3,
+          bl: l3,
+          fillStyle: n3,
+          strokeStyle: r3,
+          strokeWidth: v2,
+          patternFill: d3
+        });
+      }
+      let y2 = M(m2.neutral, 0.95);
+      h2.font = "11px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", h2.textBaseline = "middle";
+      let b2 = new Float64Array(this.graph.maxDepth + 1);
+      for (let e3 = 0; e3 < this.graph.nodeCount; e3++) b2[this.graph.depths[e3]] += this.graph.nodeValues[e3];
+      for (let e3 = 0; e3 < this.graph.nodeCount; e3++) {
+        let t3 = f2.nodeX0[e3], n3 = f2.nodeX1[e3], r3 = (f2.nodeY0[e3] + f2.nodeY1[e3]) / 2, i3 = this.graph.nodeValues[e3], a3 = b2[this.graph.depths[e3]], o3 = _t(this.resolvedLabelContent, {
+          name: this.graph.nodeLabelOverrides[e3] ?? this.graph.nodeNames[e3],
+          value: i3,
+          percent: a3 > 0 ? i3 / a3 : 0
+        }, this.formatter);
+        if (o3 === "") continue;
+        let c2 = this.resolvedLabelPosition === "off" ? "off" : this.resolvedLabelPosition === "inside" ? "inside" : this.resolvedLabelPosition === "outside" || this.resolvedLabelPosition === "leader-line" ? "outside" : n3 - t3 >= 40 ? "inside" : "outside";
+        if (c2 === "off") continue;
+        h2.font = "11px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
+        let u2 = "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif";
+        if (h2.fillStyle = c2 === "inside" ? this.personalization.theme === "light" ? "rgb(255,255,255)" : "rgb(20,22,26)" : y2, c2 === "inside") {
+          let e4 = Math.max(0, n3 - t3 - 4), i4 = 11, a4 = h2.measureText(o3).width;
+          for (; a4 > e4 && i4 > 7; ) --i4, h2.font = `${i4}px ${u2}`, a4 = h2.measureText(o3).width;
+          if (a4 > e4) continue;
+          h2.textAlign = "center", h2.fillText(o3, (t3 + n3) / 2, r3);
+        } else {
+          let e4 = t3 < (s2 + l2) / 2, i4 = e4 ? t3 - 6 : n3 + 6, a4 = e4 ? Math.max(0, i4 - s2 - 2) : Math.max(0, l2 - i4 - 2), c3 = 11, d3 = h2.measureText(o3).width;
+          for (; d3 > a4 && c3 > 7; ) --c3, h2.font = `${c3}px ${u2}`, d3 = h2.measureText(o3).width;
+          if (d3 > a4) continue;
+          h2.textAlign = e4 ? "right" : "left", h2.fillText(o3, i4, r3);
+        }
+      }
+      if (this.resolvedValueDisplay === "always") {
+        h2.fillStyle = y2, h2.textAlign = "center";
+        for (let e3 = 0; e3 < this.graph.linkCount; e3++) {
+          let t3 = this.graph.linkSources[e3], n3 = this.graph.linkTargets[e3], r3 = (f2.nodeX1[t3] + f2.nodeX0[n3]) / 2, i3 = (f2.linkSourceY0[e3] + f2.linkSourceY1[e3] + f2.linkTargetY0[e3] + f2.linkTargetY1[e3]) / 4;
+          h2.fillText(this.formatter.formatNumber(this.graph.linkValues[e3], 2), r3, i3);
+        }
+      }
+      let x2 = null;
+      this.dynamicCanvas !== null && (x2 = V(this.dynamicCanvas, r2).ctx), this.handle = {
+        dynamicCtx: x2,
+        layout: {
+          innerLeft: s2,
+          innerRight: l2,
+          innerTop: 8,
+          innerBottom: d2,
+          layout: f2,
+          viewport: r2
+        },
+        crosshairLineColor: M(m2.neutral, 0.5),
+        crosshairMarkerStroke: M(m2.neutral, 1),
+        nodeColors: this.nodeColors
+      };
+    })();
+  }
+};
+function gt(e2, t2, n2) {
+  return e2 + (t2 - e2) * n2;
+}
+function _t(e2, t2, n2) {
+  if (e2.kind === "function") return e2.fn(t2);
+  switch (e2.preset) {
+    case "name":
+      return t2.name;
+    case "value":
+      return n2.formatNumber(t2.value, 2);
+    case "percent":
+      return `${(t2.percent * 100).toFixed(1)}%`;
+    case "name + value":
+      return `${t2.name} ${n2.formatNumber(t2.value, 2)}`;
+    case "name + percent":
+      return `${t2.name} ${(t2.percent * 100).toFixed(1)}%`;
+    case "all":
+      return `${t2.name} ${n2.formatNumber(t2.value, 2)} (${(t2.percent * 100).toFixed(1)}%)`;
+  }
+}
+function vt(e2, t2, n2) {
+  let r2 = e2.dynamicCtx;
+  if (r2 === null) return;
+  let i2 = e2.layout;
+  r2.clearRect(0, 0, i2.viewport.cssWidth, i2.viewport.cssHeight), !(t2 === null || !n2.crosshairVisible) && D({
+    ctx: r2,
+    x: t2.pointerX,
+    y: t2.pointerY,
+    innerLeftPx: i2.innerLeft,
+    innerRightPx: i2.innerRight,
+    innerTopPx: i2.innerTop,
+    innerBottomPx: i2.innerBottom,
+    lineColor: e2.crosshairLineColor,
+    lineWidth: 0,
+    lineStyle: "solid",
+    marker: n2.crosshairMarker,
+    markerSize: 5,
+    markerFill: t2.color,
+    markerStroke: e2.crosshairMarkerStroke
+  });
+}
+function yt(e2) {
+  let t2 = $(), n2 = q.useRef(null), r2 = q.useRef(null), i2 = q.useRef(null), a2 = q.useRef(null), [o2, s2] = q.useState(null), [c2, l2] = q.useState(null), u2 = q.useMemo(() => ({
+    theme: t2.theme,
+    palette: t2.palette,
+    locale: t2.locale,
+    timeZone: t2.timeZone,
+    visualStyle: t2.visualStyle,
+    outlineFillColor: t2.outlineFillColor,
+    outlineFillOpacity: t2.outlineFillOpacity,
+    cornerRadius: t2.cornerRadius,
+    borderWidth: t2.borderWidth,
+    accents: t2.accents,
+    osTheme: t2.osTheme,
+    appTheme: t2.appTheme
+  }), [
+    t2.theme,
+    t2.palette,
+    t2.locale,
+    t2.timeZone,
+    t2.visualStyle,
+    t2.outlineFillColor,
+    t2.outlineFillOpacity,
+    t2.cornerRadius,
+    t2.borderWidth,
+    t2.accents,
+    t2.osTheme,
+    t2.appTheme
+  ]);
+  q.useEffect(() => {
+    let t3 = r2.current;
+    if (t3 === null) return;
+    let o3 = new ht({
+      container: n2.current,
+      staticCanvas: t3,
+      dynamicCanvas: i2.current,
+      initialProps: e2,
+      initialProvider: u2,
+      onContextChange: s2,
+      onHoverChange: l2
+    });
+    return a2.current = o3, () => {
+      a2.current = null, o3.dispose();
+    };
+  }, []), q.useEffect(() => {
+    a2.current?.update(e2, u2);
+  });
+  let d2 = q.useCallback((e3) => {
+    a2.current?.handlePointerMove(e3.nativeEvent);
+  }, []), f2 = q.useCallback(() => {
+    a2.current?.handlePointerLeave();
+  }, []), p2 = e2.width ?? 800, m2 = e2.height ?? 400, h2 = e2.ariaLabel ?? o2?.ariaLabel ?? "Sankey chart", g2 = c2 === null || o2 === null ? null : (() => {
+    let t3 = {
+      target: c2.target,
+      color: c2.color,
+      pointerX: c2.pointerX,
+      pointerY: c2.pointerY,
+      containerWidth: p2,
+      containerHeight: m2,
+      theme: o2.personalization.theme,
+      palette: o2.personalization.palette,
+      locale: o2.resolvedLocaleBase,
+      timeZone: o2.resolvedTimeZone,
+      formatter: o2.formatter
+    };
+    return e2.tooltip === false ? null : typeof e2.tooltip == "function" ? e2.tooltip(t3) : bt(t3);
+  })();
+  return /* @__PURE__ */ Y("div", {
+    ref: n2,
+    style: {
+      position: "relative",
+      width: p2,
+      height: m2
+    },
+    "aria-label": h2,
+    onPointerMove: d2,
+    onPointerLeave: f2,
+    children: [
+      /* @__PURE__ */ J("canvas", {
+        ref: r2,
+        style: {
+          display: "block",
+          width: p2,
+          height: m2
+        },
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ J("canvas", {
+        ref: i2,
+        style: {
+          display: "block",
+          width: p2,
+          height: m2,
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }),
+      g2
+    ]
+  });
+}
+function bt(e2) {
+  let t2 = e2.theme === "dark", n2 = t2 ? "rgb(34,36,42)" : "rgb(255,255,255)", r2 = t2 ? "rgb(240,242,246)" : "rgb(20,22,26)", i2 = t2 ? "rgba(240,242,246,0.62)" : "rgba(20,22,26,0.56)", a2 = t2 ? "rgba(255,255,255,0.08)" : "rgba(15,18,23,0.08)";
+  return /* @__PURE__ */ Y("div", {
+    role: "tooltip",
+    style: {
+      position: "absolute",
+      left: Math.min(e2.containerWidth - 200, e2.pointerX + 12),
+      top: Math.min(e2.containerHeight - 90, e2.pointerY + 12),
+      background: n2,
+      color: r2,
+      border: `1px solid ${a2}`,
+      borderRadius: 6,
+      padding: "6px 8px",
+      fontSize: 12,
+      fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+      pointerEvents: "none",
+      minWidth: 180
+    },
+    children: [/* @__PURE__ */ Y("div", {
+      style: {
+        color: i2,
+        fontSize: 10,
+        marginBottom: 2,
+        display: "flex",
+        alignItems: "center",
+        gap: 5
+      },
+      children: [/* @__PURE__ */ J("span", {
+        "aria-hidden": "true",
+        style: {
+          width: 10,
+          height: 10,
+          borderRadius: 2,
+          background: e2.color,
+          display: "inline-block"
+        }
+      }), e2.target.kind === "node" ? /* @__PURE__ */ J("span", { children: "Node" }) : /* @__PURE__ */ J("span", { children: "Flow" })]
+    }), e2.target.kind === "node" ? /* @__PURE__ */ Y(re, { children: [/* @__PURE__ */ J("div", {
+      style: { fontWeight: 600 },
+      children: e2.target.name
+    }), /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.target.value, 2)] })] }) : /* @__PURE__ */ Y(re, { children: [/* @__PURE__ */ Y("div", { children: [
+      e2.target.sourceId,
+      " \u2192 ",
+      e2.target.targetId
+    ] }), /* @__PURE__ */ Y("div", { children: ["value: ", e2.formatter.formatNumber(e2.target.value, 2)] })] })]
+  });
+}
+function xt(e2) {
+  let t2 = (0, Z.c)(41), n2 = pe(), r2 = q.useRef(null), [i2, a2] = q.useState(null), o2 = e2.width ?? 600, s2 = e2.height ?? 28, c2 = e2.trackColor ?? "rgba(120,120,120,0.12)", l2 = e2.selectionColor ?? "rgba(80,160,120,0.28)", u2 = e2.handleColor ?? "rgba(80,160,120,0.95)", d2 = e2.domain.end - e2.domain.start, f2 = n2?.state.brush ?? null, p2;
+  t2[0] !== e2.domain.start || t2[1] !== d2 || t2[2] !== o2 ? (p2 = (t3) => d2 <= 0 || o2 <= 0 ? e2.domain.start : e2.domain.start + t3 / o2 * d2, t2[0] = e2.domain.start, t2[1] = d2, t2[2] = o2, t2[3] = p2) : p2 = t2[3];
+  let m2 = p2, h2;
+  t2[4] !== e2.domain.start || t2[5] !== d2 || t2[6] !== o2 ? (h2 = (t3) => d2 <= 0 || o2 <= 0 ? 0 : (t3 - e2.domain.start) / d2 * o2, t2[4] = e2.domain.start, t2[5] = d2, t2[6] = o2, t2[7] = h2) : h2 = t2[7];
+  let g2 = h2, _2;
+  t2[8] !== f2 || t2[9] !== n2 || t2[10] !== g2 || t2[11] !== m2 ? (_2 = (e3) => {
+    if (n2 === null) return;
+    let t3 = r2.current?.getBoundingClientRect();
+    if (t3 === void 0) return;
+    let i3 = e3.clientX - t3.left;
+    if (e3.currentTarget.setPointerCapture(e3.pointerId), f2 !== null) {
+      let e4 = g2(f2.start), t4 = g2(f2.end);
+      if (Math.abs(i3 - e4) < 6) {
+        a2({
+          kind: "left",
+          startX: i3,
+          startBrush: f2
+        });
+        return;
+      }
+      if (Math.abs(i3 - t4) < 6) {
+        a2({
+          kind: "right",
+          startX: i3,
+          startBrush: f2
+        });
+        return;
+      }
+      if (i3 > e4 && i3 < t4) {
+        a2({
+          kind: "move",
+          startX: i3,
+          startBrush: f2
+        });
+        return;
+      }
+    }
+    let o3 = m2(i3);
+    n2.state.setBrush({
+      start: o3,
+      end: o3
+    }), a2({
+      kind: "draw",
+      startX: i3,
+      startBrush: null
+    });
+  }, t2[8] = f2, t2[9] = n2, t2[10] = g2, t2[11] = m2, t2[12] = _2) : _2 = t2[12];
+  let v2 = _2, y2;
+  t2[13] !== i2 || t2[14] !== n2 || t2[15] !== e2.domain.end || t2[16] !== e2.domain.start || t2[17] !== d2 || t2[18] !== m2 ? (y2 = (t3) => {
+    if (n2 === null || i2 === null) return;
+    let a3 = r2.current?.getBoundingClientRect();
+    if (a3 === void 0) return;
+    let o3 = t3.clientX - a3.left;
+    if (i2.kind === "draw") {
+      let e3 = m2(i2.startX), t4 = m2(o3), r3 = Math.min(e3, t4), a4 = Math.max(e3, t4);
+      n2.state.setBrush({
+        start: r3,
+        end: a4
+      });
+      return;
+    }
+    let s3 = i2.startBrush;
+    if (s3 === null) return;
+    let c3 = m2(o3) - m2(i2.startX);
+    if (i2.kind === "left") {
+      let e3 = s3.start + c3;
+      e3 >= s3.end && (e3 = s3.end - 1e-4 * d2), n2.state.setBrush({
+        start: e3,
+        end: s3.end
+      });
+    } else if (i2.kind === "right") {
+      let e3 = s3.end + c3;
+      e3 <= s3.start && (e3 = s3.start + 1e-4 * d2), n2.state.setBrush({
+        start: s3.start,
+        end: e3
+      });
+    } else if (i2.kind === "move") {
+      let t4 = s3.start + c3, r3 = s3.end + c3;
+      if (t4 < e2.domain.start) {
+        let n3 = e2.domain.start - t4;
+        t4 += n3, r3 += n3;
+      }
+      if (r3 > e2.domain.end) {
+        let n3 = r3 - e2.domain.end;
+        t4 -= n3, r3 -= n3;
+      }
+      n2.state.setBrush({
+        start: t4,
+        end: r3
+      });
+    }
+  }, t2[13] = i2, t2[14] = n2, t2[15] = e2.domain.end, t2[16] = e2.domain.start, t2[17] = d2, t2[18] = m2, t2[19] = y2) : y2 = t2[19];
+  let b2 = y2, x2;
+  t2[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x2 = () => {
+    a2(null);
+  }, t2[20] = x2) : x2 = t2[20];
+  let S2 = x2, C2;
+  t2[21] === n2?.state ? C2 = t2[22] : (C2 = () => {
+    n2?.state.setBrush(null);
+  }, t2[21] = n2?.state, t2[22] = C2);
+  let w2 = C2;
+  if (n2 === null) {
+    let e3;
+    return t2[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e3 = /* @__PURE__ */ J("div", {
+      role: "presentation",
+      style: { display: "none" }
+    }), t2[23] = e3) : e3 = t2[23], e3;
+  }
+  let T2 = f2 === null ? 0 : g2(f2.start), E2 = f2 === null ? 0 : g2(f2.end), D2 = i2 === null ? "crosshair" : "grabbing", O2;
+  t2[24] !== s2 || t2[25] !== D2 || t2[26] !== c2 || t2[27] !== o2 ? (O2 = {
+    position: "relative",
+    width: o2,
+    height: s2,
+    background: c2,
+    borderRadius: 4,
+    cursor: D2,
+    userSelect: "none",
+    touchAction: "none"
+  }, t2[24] = s2, t2[25] = D2, t2[26] = c2, t2[27] = o2, t2[28] = O2) : O2 = t2[28];
+  let k2;
+  t2[29] !== f2 || t2[30] !== u2 || t2[31] !== T2 || t2[32] !== E2 || t2[33] !== l2 ? (k2 = f2 !== null && E2 > T2 && /* @__PURE__ */ Y(re, { children: [
+    /* @__PURE__ */ J("div", { style: {
+      position: "absolute",
+      left: T2,
+      top: 0,
+      width: E2 - T2,
+      height: "100%",
+      background: l2,
+      borderTop: `1px solid ${u2}`,
+      borderBottom: `1px solid ${u2}`
+    } }),
+    /* @__PURE__ */ J("div", { style: {
+      position: "absolute",
+      left: T2 - 2,
+      top: 0,
+      width: 4,
+      height: "100%",
+      background: u2,
+      borderRadius: 2,
+      cursor: "ew-resize"
+    } }),
+    /* @__PURE__ */ J("div", { style: {
+      position: "absolute",
+      left: E2 - 2,
+      top: 0,
+      width: 4,
+      height: "100%",
+      background: u2,
+      borderRadius: 2,
+      cursor: "ew-resize"
+    } })
+  ] }), t2[29] = f2, t2[30] = u2, t2[31] = T2, t2[32] = E2, t2[33] = l2, t2[34] = k2) : k2 = t2[34];
+  let A2;
+  return t2[35] !== w2 || t2[36] !== v2 || t2[37] !== b2 || t2[38] !== O2 || t2[39] !== k2 ? (A2 = /* @__PURE__ */ J("div", {
+    ref: r2,
+    role: "slider",
+    "aria-label": "Time-range brush",
+    style: O2,
+    onPointerDown: v2,
+    onPointerMove: b2,
+    onPointerUp: S2,
+    onPointerCancel: S2,
+    onDoubleClick: w2,
+    children: k2
+  }), t2[35] = w2, t2[36] = v2, t2[37] = b2, t2[38] = O2, t2[39] = k2, t2[40] = A2) : A2 = t2[40], A2;
+}
+function St(e2) {
+  let t2 = (0, Z.c)(23), n2 = pe(), r2 = e2.width ?? 600, i2 = e2.height ?? 80, a2;
+  bb0: {
+    if (e2.domain !== void 0) {
+      a2 = e2.domain;
+      break bb0;
+    }
+    let n3 = e2.data;
+    if ("times" in n3) {
+      let e3 = n3.times, r4 = e3.length;
+      if (r4 === 0) {
+        let e4;
+        t2[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e4 = {
+          start: 0,
+          end: 1
+        }, t2[0] = e4) : e4 = t2[0], a2 = e4;
+        break bb0;
+      }
+      let i4 = e3[r4 - 1], o4;
+      t2[1] !== i4 || t2[2] !== e3[0] ? (o4 = {
+        start: e3[0],
+        end: i4
+      }, t2[1] = i4, t2[2] = e3[0], t2[3] = o4) : o4 = t2[3], a2 = o4;
+      break bb0;
+    }
+    let r3 = n3.points;
+    if (r3.length === 0) {
+      let e3;
+      t2[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e3 = {
+        start: 0,
+        end: 1
+      }, t2[4] = e3) : e3 = t2[4], a2 = e3;
+      break bb0;
+    }
+    let i3 = r3[r3.length - 1], o3;
+    t2[5] !== r3[0].t || t2[6] !== i3.t ? (o3 = {
+      start: r3[0].t,
+      end: i3.t
+    }, t2[5] = r3[0].t, t2[6] = i3.t, t2[7] = o3) : o3 = t2[7], a2 = o3;
+  }
+  let o2 = a2;
+  if (n2 === null) {
+    let e3;
+    return t2[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e3 = /* @__PURE__ */ J("div", {
+      role: "presentation",
+      style: { display: "none" }
+    }), t2[8] = e3) : e3 = t2[8], e3;
+  }
+  let s2;
+  t2[9] !== i2 || t2[10] !== r2 ? (s2 = {
+    position: "relative",
+    width: r2,
+    height: i2,
+    display: "flex",
+    flexDirection: "column",
+    gap: 0
+  }, t2[9] = i2, t2[10] = r2, t2[11] = s2) : s2 = t2[11];
+  let c2 = i2 - 20, l2;
+  t2[12] !== e2.data || t2[13] !== c2 || t2[14] !== r2 ? (l2 = /* @__PURE__ */ J(Te, {
+    data: e2.data,
+    width: r2,
+    height: c2,
+    sparkline: true
+  }), t2[12] = e2.data, t2[13] = c2, t2[14] = r2, t2[15] = l2) : l2 = t2[15];
+  let u2;
+  t2[16] !== o2 || t2[17] !== r2 ? (u2 = /* @__PURE__ */ J(xt, {
+    domain: o2,
+    width: r2,
+    height: 20
+  }), t2[16] = o2, t2[17] = r2, t2[18] = u2) : u2 = t2[18];
+  let d2;
+  return t2[19] !== s2 || t2[20] !== l2 || t2[21] !== u2 ? (d2 = /* @__PURE__ */ Y("div", {
+    style: s2,
+    role: "region",
+    "aria-label": "Chart group navigator",
+    children: [l2, u2]
+  }), t2[19] = s2, t2[20] = l2, t2[21] = u2, t2[22] = d2) : d2 = t2[22], d2;
+}
+export {
+  ye as C,
+  se as D,
+  de as E,
+  oe as O,
+  Ce as S,
+  pe as T,
+  Fe as _,
+  ot as a,
+  Te as b,
+  et as c,
+  Je as d,
+  Ke as f,
+  Be as g,
+  Ve as h,
+  ct as i,
+  $ as k,
+  Qe as l,
+  He as m,
+  xt as n,
+  it as o,
+  We as p,
+  yt as r,
+  nt as s,
+  St as t,
+  Ze as u,
+  Ae as v,
+  me as w,
+  Se as x,
+  ke as y
+};