velo-plot 2.20.0 → 3.1.0

package/dist/react.js

@@ -1,31 +1,332 @@
-import { S as x, u as C } from "./SciPlot-CEU4ApgD.js";
-import { useRef as n, useState as a, useEffect as k, useCallback as f } from "react";
-import { c as m } from "./createStackedChart-DxNW0VkF.js";
-function A(c) {
-  const s = n(null), r = n(null), [i, l] = a(null), [d, u] = a(!1), o = n(c);
-  o.current = c, k(() => {
-    const t = s.current;
-    if (!t) return;
-    const e = m({
-      ...o.current,
-      container: t
+import { jsx as O, jsxs as A } from "react/jsx-runtime";
+import { useState as R, useRef as m, useEffect as b, useCallback as E, forwardRef as F, useImperativeHandle as K, useMemo as T } from "react";
+import { p as B, o as j, s as G, d as H } from "./optionsSync-QUiN4Inw.js";
+import { c as J, a as X, i as Y, r as Z, b as q } from "./chartSyncBridge-D_rCtbFq.js";
+import { a as D, u as L } from "./a11y-Bw6urYpr.js";
+import { s as P, b as z, a as Q } from "./stackedSync-tnrunZMt.js";
+import { c as U } from "./createStackedChart-DqcLCFGS.js";
+function I(a, t = {}) {
+  const [l, n] = R(null), [i, p] = R(!1), [S, C] = R(null), [y, d] = R(null), c = m(null), o = m(null), v = m(t), x = m(B(t));
+  v.current = t, b(() => {
+    const r = a.current;
+    if (r) {
+      try {
+        const e = J(
+          r,
+          v.current,
+          {
+            onBoundsChange: d,
+            onError: C
+          }
+        );
+        c.current = e.chart, o.current = e.destroy, n(e.chart), p(!0), d(e.getBounds()), C(null), x.current = B(v.current);
+      } catch (e) {
+        console.error("[useVeloPlot] Failed to initialize chart:", e), C(e instanceof Error ? e : new Error(String(e))), p(!1);
+      }
+      return () => {
+        var e;
+        (e = o.current) == null || e.call(o), o.current = null, c.current = null, n(null), p(!1);
+      };
+    }
+  }, [a]), b(() => {
+    const r = c.current;
+    if (!r || !i) return;
+    const e = B(t), k = x.current;
+    j(k, e) && (G(r, k, e), x.current = e);
+  });
+  const s = E((r) => {
+    const e = c.current;
+    e && (e.addSeries(r), d(e.getViewBounds()));
+  }, []), f = E((r, e) => {
+    var k;
+    (k = c.current) == null || k.updateSeries(r, e);
+  }, []), g = E((r) => {
+    var e;
+    (e = c.current) == null || e.removeSeries(r);
+  }, []), u = E((r) => {
+    var e;
+    (e = c.current) == null || e.zoom(r);
+  }, []), h = E(() => {
+    const r = c.current;
+    r && (r.resetZoom(), d(r.getViewBounds()));
+  }, []);
+  return {
+    chart: l,
+    isReady: i,
+    error: S,
+    bounds: y,
+    addSeries: s,
+    updateSeries: f,
+    removeSeries: g,
+    zoom: u,
+    resetZoom: h
+  };
+}
+const N = F(
+  function({
+    series: t = [],
+    zoom: l,
+    onZoomChange: n,
+    cursor: i,
+    width: p = "100%",
+    height: S = 400,
+    className: C = "",
+    style: y = {},
+    debug: d = !1,
+    ariaLabel: c,
+    keyboardNav: o = !0,
+    ...v
+  }, x) {
+    const s = m(null), f = m(/* @__PURE__ */ new Map()), g = m(null), {
+      chart: u,
+      isReady: h,
+      bounds: r,
+      addSeries: e,
+      updateSeries: k,
+      removeSeries: V,
+      resetZoom: $
+    } = I(s, v);
+    K(
+      x,
+      () => ({
+        getChart: () => u,
+        resetZoom: $,
+        getBounds: () => r
+      }),
+      [u, $, r]
+    ), b(() => {
+      !h || !u || (f.current = H(
+        { addSeries: e, updateSeries: k, removeSeries: V, autoScale: () => u.autoScale() },
+        t,
+        f.current
+      ));
+    }, [t, h, u, e, k, V]), b(() => {
+      !h || !u || !l || u.zoom(l);
+    }, [h, u, l]), b(() => {
+      if (!h || !u || !n) return;
+      const M = (w) => {
+        n({
+          xMin: w.x[0],
+          xMax: w.x[1],
+          yMin: w.y[0],
+          yMax: w.y[1]
+        });
+      };
+      return u.on("zoom", M), () => u.off("zoom", M);
+    }, [h, u, n]), b(() => {
+      !h || !u || (i != null && i.enabled ? u.enableCursor(i) : u.disableCursor());
+    }, [h, u, i]), b(() => {
+      const M = s.current;
+      if (!(!h || !u || !M))
+        return g.current = D(M, u, {
+          label: c,
+          series: t,
+          bounds: r,
+          enableKeyboard: o
+        }), () => {
+          var w;
+          (w = g.current) == null || w.cleanup(), g.current = null;
+        };
+    }, [h, u, o, c, r, t]), b(() => {
+      const M = s.current;
+      !M || !g.current || L(M, g.current.srTable, {
+        label: c,
+        series: t,
+        bounds: r
+      });
+    }, [t, r, c]);
+    const _ = T(
+      () => ({
+        position: "relative",
+        width: typeof p == "number" ? `${p}px` : p,
+        height: typeof S == "number" ? `${S}px` : S,
+        outline: "none",
+        ...y
+      }),
+      [p, S, y]
+    );
+    return /* @__PURE__ */ O(
+      "div",
+      {
+        ref: s,
+        className: `velo-plot-container ${C}`,
+        style: _,
+        children: d && r && /* @__PURE__ */ A(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 8,
+              right: 8,
+              background: "rgba(0,0,0,0.7)",
+              color: "#0f0",
+              padding: "4px 8px",
+              borderRadius: 4,
+              fontSize: 11,
+              fontFamily: "monospace",
+              pointerEvents: "none"
+            },
+            children: [
+              /* @__PURE__ */ A("div", { children: [
+                "X: [",
+                r.xMin.toFixed(3),
+                ", ",
+                r.xMax.toFixed(3),
+                "]"
+              ] }),
+              /* @__PURE__ */ A("div", { children: [
+                "Y: [",
+                r.yMin.toExponential(2),
+                ", ",
+                r.yMax.toExponential(2),
+                "]"
+              ] }),
+              /* @__PURE__ */ A("div", { children: [
+                "Series: ",
+                t.length
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+function W(a) {
+  const t = m(null), l = m(null), n = m(null), [i, p] = R(null), [S, C] = R(!1), y = m(a), d = m(P(a.panes)), c = m(/* @__PURE__ */ new Map());
+  y.current = a;
+  const o = E(() => {
+    var g;
+    const s = t.current;
+    if (!s) return;
+    (g = n.current) == null || g.call(n);
+    const f = U({
+      ...y.current,
+      container: s
     });
-    return r.current = e, l(e), e.whenReady().then(() => u(!0)), () => {
-      u(!1), e.destroy(), r.current = null, l(null);
-    };
+    l.current = f, n.current = () => {
+      f.destroy(), l.current = null;
+    }, p(f), d.current = P(y.current.panes), c.current = z(
+      f,
+      y.current.panes,
+      /* @__PURE__ */ new Map()
+    ), f.whenReady().then(() => C(!0));
   }, []);
-  const R = f((t) => {
-    var e;
-    (e = r.current) == null || e.fitAll(t);
-  }, []), S = f(() => {
-    var t;
-    (t = r.current) == null || t.resetAll();
+  b(() => (o(), () => {
+    var s;
+    C(!1), (s = n.current) == null || s.call(n), n.current = null, p(null);
+  }), [o]), b(() => {
+    const s = l.current;
+    if (!s || !S) return;
+    if (P(a.panes) !== d.current) {
+      o();
+      return;
+    }
+    Q(s, a), c.current = z(
+      s,
+      a.panes,
+      c.current
+    );
+  });
+  const v = E((s) => {
+    var f;
+    (f = l.current) == null || f.fitAll(s);
+  }, []), x = E(() => {
+    var s;
+    (s = l.current) == null || s.resetAll();
   }, []);
-  return { containerRef: s, stack: i, isReady: d, fitAll: R, resetAll: S };
+  return { containerRef: t, stack: i, isReady: S, fitAll: v, resetAll: x };
+}
+const ae = F(
+  function({
+    width: t = "100%",
+    height: l = 480,
+    className: n = "",
+    style: i = {},
+    indicators: p,
+    onCrosshairMove: S,
+    drawingTools: C,
+    ariaLabel: y,
+    panes: d,
+    ...c
+  }, o) {
+    const { containerRef: v, stack: x, isReady: s, fitAll: f, resetAll: g } = W({
+      panes: d,
+      ...c
+    });
+    K(
+      o,
+      () => ({
+        getStack: () => x,
+        fitAll: () => f(),
+        resetAll: g,
+        getBounds: () => (x == null ? void 0 : x.getMaster().getViewBounds()) ?? null
+      }),
+      [x, f, g]
+    );
+    const u = T(
+      () => ({
+        position: "relative",
+        width: typeof t == "number" ? `${t}px` : t,
+        height: typeof l == "number" ? `${l}px` : l,
+        ...i
+      }),
+      [t, l, i]
+    );
+    return /* @__PURE__ */ O(
+      "div",
+      {
+        ref: v,
+        className: `velo-plot-stacked ${n}`,
+        style: u,
+        role: "img",
+        "aria-label": y ?? `Stacked chart with ${d.length} panes`,
+        "data-ready": s ? "true" : "false"
+      }
+    );
+  }
+);
+function le(a, t, l = {}) {
+  const [n, i] = R(null), [p, S] = R(!1), [C, y] = R(null), d = m(n);
+  return d.current = n, b(() => {
+    if (!a) return;
+    let c = !1;
+    return S(!0), y(null), X(a, t, l).then((o) => {
+      c || (i(o), S(!1));
+    }).catch((o) => {
+      c || (y(o instanceof Error ? o : new Error(String(o))), S(!1));
+    }), () => {
+      c = !0;
+      const o = d.current;
+      o && !Y(a) && Z(a, o.id);
+    };
+  }, [a, t, JSON.stringify(l)]), { result: n, isLoading: p, error: C };
+}
+function ee(a, t) {
+  const [l, n] = R(null);
+  return b(() => {
+    if (a.length < 2) {
+      n(null);
+      return;
+    }
+    const i = q(a, t);
+    return n(i.group), () => {
+      i.destroy(), n(null);
+    };
+  }, [a, JSON.stringify(t)]), { group: l };
 }
+const ie = ee, fe = N, de = N, pe = I, Se = I;
 export {
-  x as SciPlot,
-  C as useSciPlot,
-  A as useStackedPlot
+  de as SciChart,
+  fe as SciPlot,
+  ae as StackedPlot,
+  N as VeloPlot,
+  ie as useChartGroup,
+  ee as useChartSync,
+  le as useIndicator,
+  Se as useSciChart,
+  pe as useSciPlot,
+  W as useStackedPlot,
+  I as useVeloPlot
 };
 //# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":["../src/react/useStackedPlot.ts"],"sourcesContent":["/**\n * useStackedPlot - React hook for multi-pane stacked charts\n */\n\nimport {\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  type RefObject,\n} from \"react\";\nimport { createStackedChart } from \"../core/stacked\";\nimport type { StackedChart, StackedChartOptions } from \"../core/stacked\";\nimport type { Range } from \"../types\";\n\nexport interface UseStackedPlotOptions extends Omit<StackedChartOptions, \"container\"> {}\n\nexport interface UseStackedPlotReturn {\n  containerRef: RefObject<HTMLDivElement>;\n  stack: StackedChart | null;\n  isReady: boolean;\n  fitAll: (options?: { x?: Range; padding?: number }) => void;\n  resetAll: () => void;\n}\n\nexport function useStackedPlot(\n  options: UseStackedPlotOptions,\n): UseStackedPlotReturn {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const stackRef = useRef<StackedChart | null>(null);\n  const [stack, setStack] = useState<StackedChart | null>(null);\n  const [isReady, setIsReady] = useState(false);\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    const created = createStackedChart({\n      ...optionsRef.current,\n      container: el,\n    });\n    stackRef.current = created;\n    setStack(created);\n\n    created.whenReady().then(() => setIsReady(true));\n\n    return () => {\n      setIsReady(false);\n      created.destroy();\n      stackRef.current = null;\n      setStack(null);\n    };\n  }, []);\n\n  const fitAll = useCallback((opts?: { x?: Range; padding?: number }) => {\n    stackRef.current?.fitAll(opts);\n  }, []);\n\n  const resetAll = useCallback(() => {\n    stackRef.current?.resetAll();\n  }, []);\n\n  return { containerRef, stack, isReady, fitAll, resetAll };\n}\n"],"names":["useStackedPlot","options","containerRef","useRef","stackRef","stack","setStack","useState","isReady","setIsReady","optionsRef","useEffect","el","created","createStackedChart","fitAll","useCallback","opts","_a","resetAll"],"mappings":";;;AAyBO,SAASA,EACdC,GACsB;AACtB,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAWD,EAA4B,IAAI,GAC3C,CAACE,GAAOC,CAAQ,IAAIC,EAA8B,IAAI,GACtD,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtCG,IAAaP,EAAOF,CAAO;AACjC,EAAAS,EAAW,UAAUT,GAErBU,EAAU,MAAM;AACd,UAAMC,IAAKV,EAAa;AACxB,QAAI,CAACU,EAAI;AAET,UAAMC,IAAUC,EAAmB;AAAA,MACjC,GAAGJ,EAAW;AAAA,MACd,WAAWE;AAAA,IAAA,CACZ;AACD,WAAAR,EAAS,UAAUS,GACnBP,EAASO,CAAO,GAEhBA,EAAQ,YAAY,KAAK,MAAMJ,EAAW,EAAI,CAAC,GAExC,MAAM;AACX,MAAAA,EAAW,EAAK,GAChBI,EAAQ,QAAA,GACRT,EAAS,UAAU,MACnBE,EAAS,IAAI;AAAA,IACf;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAMS,IAASC,EAAY,CAACC,MAA2C;;AACrE,KAAAC,IAAAd,EAAS,YAAT,QAAAc,EAAkB,OAAOD;AAAA,EAC3B,GAAG,CAAA,CAAE,GAECE,IAAWH,EAAY,MAAM;;AACjC,KAAAE,IAAAd,EAAS,YAAT,QAAAc,EAAkB;AAAA,EACpB,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,cAAAhB,GAAc,OAAAG,GAAO,SAAAG,GAAS,QAAAO,GAAQ,UAAAI,EAAA;AACjD;"}
+{"version":3,"file":"react.js","sources":["../src/react/useVeloPlot.ts","../src/react/VeloPlot.tsx","../src/react/useStackedPlot.ts","../src/react/StackedPlot.tsx","../src/react/useIndicator.ts","../src/react/useChartSync.ts","../src/react/index.ts"],"sourcesContent":["/**\n * useVeloPlot - React hook for Velo Plot\n */\n\nimport {\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  type RefObject,\n} from \"react\";\nimport type { Chart } from \"../core/Chart\";\nimport type {\n  SeriesOptions,\n  SeriesUpdateData,\n  ZoomOptions,\n  Bounds,\n} from \"../types\";\nimport {\n  createChartLifecycle,\n  type ChartBindingOptions,\n  optionsChanged,\n  syncChartOptions,\n  pickSyncableOptions,\n} from \"../bindings/shared\";\n\nexport interface UseVeloPlotOptions extends ChartBindingOptions {}\n\nexport interface UseVeloPlotReturn {\n  chart: Chart | null;\n  isReady: boolean;\n  error: Error | null;\n  bounds: Bounds | null;\n  addSeries: (options: SeriesOptions) => void;\n  updateSeries: (id: string, data: SeriesUpdateData) => void;\n  removeSeries: (id: string) => void;\n  zoom: (options: ZoomOptions) => void;\n  resetZoom: () => void;\n}\n\nexport function useVeloPlot(\n  containerRef: RefObject<HTMLDivElement>,\n  options: UseVeloPlotOptions = {},\n): UseVeloPlotReturn {\n  const [chart, setChart] = useState<Chart | null>(null);\n  const [isReady, setIsReady] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [bounds, setBounds] = useState<Bounds | null>(null);\n\n  const chartRef = useRef<Chart | null>(null);\n  const destroyRef = useRef<(() => void) | null>(null);\n  const optionsRef = useRef(options);\n  const prevSyncOptionsRef = useRef(pickSyncableOptions(options));\n  optionsRef.current = options;\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    try {\n      const handle = createChartLifecycle(\n        container,\n        optionsRef.current,\n        {\n          onBoundsChange: setBounds,\n          onError: setError,\n        },\n      );\n      chartRef.current = handle.chart;\n      destroyRef.current = handle.destroy;\n      setChart(handle.chart);\n      setIsReady(true);\n      setBounds(handle.getBounds());\n      setError(null);\n      prevSyncOptionsRef.current = pickSyncableOptions(optionsRef.current);\n    } catch (err) {\n      console.error(\"[useVeloPlot] Failed to initialize chart:\", err);\n      setError(err instanceof Error ? err : new Error(String(err)));\n      setIsReady(false);\n    }\n\n    return () => {\n      destroyRef.current?.();\n      destroyRef.current = null;\n      chartRef.current = null;\n      setChart(null);\n      setIsReady(false);\n    };\n  }, [containerRef]);\n\n  useEffect(() => {\n    const currentChart = chartRef.current;\n    if (!currentChart || !isReady) return;\n\n    const next = pickSyncableOptions(options);\n    const prev = prevSyncOptionsRef.current;\n    if (optionsChanged(prev, next)) {\n      syncChartOptions(currentChart, prev, next);\n      prevSyncOptionsRef.current = next;\n    }\n  });\n\n  const addSeries = useCallback((seriesOptions: SeriesOptions) => {\n    const c = chartRef.current;\n    if (c) {\n      c.addSeries(seriesOptions);\n      setBounds(c.getViewBounds());\n    }\n  }, []);\n\n  const updateSeries = useCallback((id: string, data: SeriesUpdateData) => {\n    chartRef.current?.updateSeries(id, data);\n  }, []);\n\n  const removeSeries = useCallback((id: string) => {\n    chartRef.current?.removeSeries(id);\n  }, []);\n\n  const zoom = useCallback((zoomOptions: ZoomOptions) => {\n    chartRef.current?.zoom(zoomOptions);\n  }, []);\n\n  const resetZoom = useCallback(() => {\n    const c = chartRef.current;\n    if (c) {\n      c.resetZoom();\n      setBounds(c.getViewBounds());\n    }\n  }, []);\n\n  return {\n    chart,\n    isReady,\n    error,\n    bounds,\n    addSeries,\n    updateSeries,\n    removeSeries,\n    zoom,\n    resetZoom,\n  };\n}\n","/**\n * VeloPlot - React Component for Scientific Charts\n */\n\nimport {\n  useRef,\n  useEffect,\n  useImperativeHandle,\n  forwardRef,\n  useMemo,\n  type CSSProperties,\n} from \"react\";\nimport { useVeloPlot, type UseVeloPlotOptions } from \"./useVeloPlot\";\nimport type { ZoomOptions, CursorOptions, Bounds } from \"../types\";\nimport type { Chart } from \"../core/Chart\";\nimport {\n  diffSeries,\n  applyChartA11y,\n  updateA11y,\n  type VeloPlotSeries,\n} from \"../bindings/shared\";\n\nexport type { VeloPlotSeries } from \"../bindings/shared\";\n\nexport interface VeloPlotProps extends UseVeloPlotOptions {\n  series?: VeloPlotSeries[];\n  zoom?: ZoomOptions;\n  onZoomChange?: (bounds: Bounds) => void;\n  cursor?: CursorOptions;\n  width?: number | string;\n  height?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  debug?: boolean;\n  /** Custom aria-label for accessibility */\n  ariaLabel?: string;\n  /** Enable keyboard navigation (default: true) */\n  keyboardNav?: boolean;\n}\n\nexport interface VeloPlotRef {\n  getChart: () => Chart | null;\n  resetZoom: () => void;\n  getBounds: () => Bounds | null;\n}\n\nexport const VeloPlot = forwardRef<VeloPlotRef, VeloPlotProps>(\n  function VeloPlot(\n    {\n      series = [],\n      zoom: zoomProp,\n      onZoomChange,\n      cursor,\n      width = \"100%\",\n      height = 400,\n      className = \"\",\n      style = {},\n      debug = false,\n      ariaLabel,\n      keyboardNav = true,\n      ...chartOptions\n    },\n    ref,\n  ) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const previousSeriesRef = useRef<Map<string, VeloPlotSeries>>(new Map());\n    const a11yRef = useRef<ReturnType<typeof applyChartA11y> | null>(null);\n\n    const {\n      chart,\n      isReady,\n      bounds,\n      addSeries,\n      updateSeries,\n      removeSeries,\n      resetZoom,\n    } = useVeloPlot(containerRef, chartOptions);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        getChart: () => chart,\n        resetZoom,\n        getBounds: () => bounds,\n      }),\n      [chart, resetZoom, bounds],\n    );\n\n    useEffect(() => {\n      if (!isReady || !chart) return;\n      previousSeriesRef.current = diffSeries(\n        { addSeries, updateSeries, removeSeries, autoScale: () => chart.autoScale() },\n        series,\n        previousSeriesRef.current,\n      );\n    }, [series, isReady, chart, addSeries, updateSeries, removeSeries]);\n\n    useEffect(() => {\n      if (!isReady || !chart || !zoomProp) return;\n      chart.zoom(zoomProp);\n    }, [isReady, chart, zoomProp]);\n\n    useEffect(() => {\n      if (!isReady || !chart || !onZoomChange) return;\n      const handler = (event: { x: [number, number]; y: [number, number] }) => {\n        onZoomChange({\n          xMin: event.x[0],\n          xMax: event.x[1],\n          yMin: event.y[0],\n          yMax: event.y[1],\n        });\n      };\n      chart.on(\"zoom\", handler);\n      return () => chart.off(\"zoom\", handler);\n    }, [isReady, chart, onZoomChange]);\n\n    useEffect(() => {\n      if (!isReady || !chart) return;\n      if (cursor?.enabled) {\n        chart.enableCursor(cursor);\n      } else {\n        chart.disableCursor();\n      }\n    }, [isReady, chart, cursor]);\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!isReady || !chart || !el) return;\n\n      a11yRef.current = applyChartA11y(el, chart, {\n        label: ariaLabel,\n        series,\n        bounds,\n        enableKeyboard: keyboardNav,\n      });\n\n      return () => {\n        a11yRef.current?.cleanup();\n        a11yRef.current = null;\n      };\n    }, [isReady, chart, keyboardNav, ariaLabel, bounds, series]);\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el || !a11yRef.current) return;\n      updateA11y(el, a11yRef.current.srTable, {\n        label: ariaLabel,\n        series,\n        bounds,\n      });\n    }, [series, bounds, ariaLabel]);\n\n    const containerStyle = useMemo<CSSProperties>(\n      () => ({\n        position: \"relative\",\n        width: typeof width === \"number\" ? `${width}px` : width,\n        height: typeof height === \"number\" ? `${height}px` : height,\n        outline: \"none\",\n        ...style,\n      }),\n      [width, height, style],\n    );\n\n    return (\n      <div\n        ref={containerRef}\n        className={`velo-plot-container ${className}`}\n        style={containerStyle}\n      >\n        {debug && bounds && (\n          <div\n            style={{\n              position: \"absolute\",\n              top: 8,\n              right: 8,\n              background: \"rgba(0,0,0,0.7)\",\n              color: \"#0f0\",\n              padding: \"4px 8px\",\n              borderRadius: 4,\n              fontSize: 11,\n              fontFamily: \"monospace\",\n              pointerEvents: \"none\",\n            }}\n          >\n            <div>\n              X: [{bounds.xMin.toFixed(3)}, {bounds.xMax.toFixed(3)}]\n            </div>\n            <div>\n              Y: [{bounds.yMin.toExponential(2)}, {bounds.yMax.toExponential(2)}]\n            </div>\n            <div>Series: {series.length}</div>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nexport default VeloPlot;\n","/**\n * useStackedPlot - React hook for multi-pane stacked charts\n */\n\nimport {\n  useEffect,\n  useRef,\n  useState,\n  useCallback,\n  type RefObject,\n} from \"react\";\nimport { createStackedChart } from \"../core/stacked\";\nimport type { StackedChart, StackedChartOptions } from \"../core/stacked\";\nimport type { Range } from \"../types\";\nimport {\n  stackedStructureKey,\n  syncStackedOptions,\n  syncStackedPaneSeries,\n} from \"../bindings/shared\";\nimport type { VeloPlotSeries } from \"../bindings/shared\";\n\nexport interface UseStackedPlotOptions\n  extends Omit<StackedChartOptions, \"container\"> {}\n\nexport interface UseStackedPlotReturn {\n  containerRef: RefObject<HTMLDivElement>;\n  stack: StackedChart | null;\n  isReady: boolean;\n  fitAll: (options?: { x?: Range; padding?: number }) => void;\n  resetAll: () => void;\n}\n\nexport function useStackedPlot(\n  options: UseStackedPlotOptions,\n): UseStackedPlotReturn {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const stackRef = useRef<StackedChart | null>(null);\n  const destroyRef = useRef<(() => void) | null>(null);\n  const [stack, setStack] = useState<StackedChart | null>(null);\n  const [isReady, setIsReady] = useState(false);\n\n  const optionsRef = useRef(options);\n  const structureKeyRef = useRef(stackedStructureKey(options.panes));\n  const paneSeriesRef = useRef(new Map<string, Map<string, VeloPlotSeries>>());\n  optionsRef.current = options;\n\n  const mountStack = useCallback(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    destroyRef.current?.();\n    const created = createStackedChart({\n      ...optionsRef.current,\n      container: el,\n    });\n    stackRef.current = created;\n    destroyRef.current = () => {\n      created.destroy();\n      stackRef.current = null;\n    };\n    setStack(created);\n    structureKeyRef.current = stackedStructureKey(optionsRef.current.panes);\n    paneSeriesRef.current = syncStackedPaneSeries(\n      created,\n      optionsRef.current.panes,\n      new Map(),\n    );\n\n    created.whenReady().then(() => setIsReady(true));\n  }, []);\n\n  useEffect(() => {\n    mountStack();\n    return () => {\n      setIsReady(false);\n      destroyRef.current?.();\n      destroyRef.current = null;\n      setStack(null);\n    };\n  }, [mountStack]);\n\n  useEffect(() => {\n    const current = stackRef.current;\n    if (!current || !isReady) return;\n\n    const nextKey = stackedStructureKey(options.panes);\n    if (nextKey !== structureKeyRef.current) {\n      mountStack();\n      return;\n    }\n\n    syncStackedOptions(current, options);\n    paneSeriesRef.current = syncStackedPaneSeries(\n      current,\n      options.panes,\n      paneSeriesRef.current,\n    );\n  });\n\n  const fitAll = useCallback((opts?: { x?: Range; padding?: number }) => {\n    stackRef.current?.fitAll(opts);\n  }, []);\n\n  const resetAll = useCallback(() => {\n    stackRef.current?.resetAll();\n  }, []);\n\n  return { containerRef, stack, isReady, fitAll, resetAll };\n}\n","/**\n * StackedPlot - Declarative React component for multi-pane charts\n */\n\nimport {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  type CSSProperties,\n} from \"react\";\nimport { useStackedPlot, type UseStackedPlotOptions } from \"./useStackedPlot\";\nimport type { StackedChart } from \"../core/stacked\";\nimport type { Bounds } from \"../types\";\nimport type { AddIndicatorOptions } from \"../core/indicator/addIndicator\";\nimport type { IndicatorPresetName } from \"../core/indicator/indicatorPresets\";\n\nexport interface StackedPlotIndicator extends AddIndicatorOptions {\n  type: IndicatorPresetName;\n}\n\nexport interface StackedPlotProps extends UseStackedPlotOptions {\n  width?: number | string;\n  height?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  indicators?: StackedPlotIndicator[];\n  onCrosshairMove?: (event: { price?: number; x: number }) => void;\n  drawingTools?: string[];\n  ariaLabel?: string;\n}\n\nexport interface StackedPlotRef {\n  getStack: () => StackedChart | null;\n  fitAll: () => void;\n  resetAll: () => void;\n  getBounds: () => Bounds | null;\n}\n\nexport const StackedPlot = forwardRef<StackedPlotRef, StackedPlotProps>(\n  function StackedPlot(\n    {\n      width = \"100%\",\n      height = 480,\n      className = \"\",\n      style = {},\n      indicators: _indicators,\n      onCrosshairMove: _onCrosshairMove,\n      drawingTools: _drawingTools,\n      ariaLabel,\n      panes,\n      ...stackOptions\n    },\n    ref,\n  ) {\n    const { containerRef, stack, isReady, fitAll, resetAll } = useStackedPlot({\n      panes,\n      ...stackOptions,\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        getStack: () => stack,\n        fitAll: () => fitAll(),\n        resetAll,\n        getBounds: () => stack?.getMaster().getViewBounds() ?? null,\n      }),\n      [stack, fitAll, resetAll],\n    );\n\n    const containerStyle = useMemo<CSSProperties>(\n      () => ({\n        position: \"relative\",\n        width: typeof width === \"number\" ? `${width}px` : width,\n        height: typeof height === \"number\" ? `${height}px` : height,\n        ...style,\n      }),\n      [width, height, style],\n    );\n\n    return (\n      <div\n        ref={containerRef as React.RefObject<HTMLDivElement>}\n        className={`velo-plot-stacked ${className}`}\n        style={containerStyle}\n        role=\"img\"\n        aria-label={ariaLabel ?? `Stacked chart with ${panes.length} panes`}\n        data-ready={isReady ? \"true\" : \"false\"}\n      />\n    );\n  },\n);\n\nexport default StackedPlot;\n","/**\n * useIndicator - React hook for trading indicators\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { Chart } from \"../core/chart/types\";\nimport type { AddIndicatorOptions, AddIndicatorResult } from \"../core/indicator/addIndicator\";\nimport type { IndicatorPresetName } from \"../core/indicator/indicatorPresets\";\nimport {\n  addIndicatorToHost,\n  isStackedChart,\n  removeIndicatorFromChart,\n  type IndicatorHost,\n} from \"../bindings/shared\";\n\nexport interface UseIndicatorReturn {\n  result: (AddIndicatorResult & { paneId?: string }) | null;\n  isLoading: boolean;\n  error: Error | null;\n}\n\nexport function useIndicator(\n  host: IndicatorHost,\n  preset: IndicatorPresetName,\n  options: AddIndicatorOptions = {},\n): UseIndicatorReturn {\n  const [result, setResult] = useState<\n    (AddIndicatorResult & { paneId?: string }) | null\n  >(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const resultRef = useRef(result);\n  resultRef.current = result;\n\n  useEffect(() => {\n    if (!host) return;\n\n    let cancelled = false;\n    setIsLoading(true);\n    setError(null);\n\n    addIndicatorToHost(host, preset, options)\n      .then((res) => {\n        if (!cancelled) {\n          setResult(res);\n          setIsLoading(false);\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setIsLoading(false);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n      const res = resultRef.current;\n      if (res && !isStackedChart(host)) {\n        removeIndicatorFromChart(host as Chart, res.id);\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [host, preset, JSON.stringify(options)]);\n\n  return { result, isLoading, error };\n}\n","/**\n * useChartSync - React hook for synchronizing multiple charts\n */\n\nimport { useEffect, useState } from \"react\";\nimport type { ChartLike, SyncOptions } from \"../core/sync\";\nimport { ChartGroup } from \"../core/sync\";\nimport { createChartSync } from \"../bindings/shared\";\n\nexport interface UseChartSyncReturn {\n  group: ChartGroup | null;\n}\n\nexport function useChartSync(\n  charts: ChartLike[],\n  options?: SyncOptions,\n): UseChartSyncReturn {\n  const [group, setGroup] = useState<ChartGroup | null>(null);\n\n  useEffect(() => {\n    if (charts.length < 2) {\n      setGroup(null);\n      return;\n    }\n\n    const handle = createChartSync(charts, options);\n    setGroup(handle.group);\n\n    return () => {\n      handle.destroy();\n      setGroup(null);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [charts, JSON.stringify(options)]);\n\n  return { group };\n}\n\n/** Alias matching roadmap naming (`useChartGroup` ≡ `useChartSync`). */\nexport const useChartGroup = useChartSync;\n","/**\n * React bindings for Velo Plot\n */\n\nexport {\n  VeloPlot,\n  type VeloPlotProps,\n  type VeloPlotRef,\n  type VeloPlotSeries,\n} from \"./VeloPlot\";\nexport {\n  StackedPlot,\n  type StackedPlotProps,\n  type StackedPlotRef,\n  type StackedPlotIndicator,\n} from \"./StackedPlot\";\nexport {\n  useVeloPlot,\n  type UseVeloPlotOptions,\n  type UseVeloPlotReturn,\n} from \"./useVeloPlot\";\nexport {\n  useStackedPlot,\n  type UseStackedPlotOptions,\n  type UseStackedPlotReturn,\n} from \"./useStackedPlot\";\nexport {\n  useIndicator,\n  type UseIndicatorReturn,\n} from \"./useIndicator\";\nexport {\n  useChartSync,\n  useChartGroup,\n  type UseChartSyncReturn,\n} from \"./useChartSync\";\n\n// ---------------------------------------------------------------------------\n// Backward-compatible aliases (SciPlot / SciChart branding → VeloPlot)\n// Removed in v4.0.\n// ---------------------------------------------------------------------------\nimport { VeloPlot as VeloPlotImpl } from \"./VeloPlot\";\nimport { useVeloPlot as useVeloPlotImpl } from \"./useVeloPlot\";\n\n/**\n * @deprecated Use `VeloPlot` instead. **Removed in v4.0.**\n */\nexport const SciPlot = VeloPlotImpl;\n/**\n * @deprecated Use `VeloPlot` instead. **Removed in v4.0.**\n */\nexport const SciChart = VeloPlotImpl;\n/**\n * @deprecated Use `useVeloPlot` instead. **Removed in v4.0.**\n */\nexport const useSciPlot = useVeloPlotImpl;\n/**\n * @deprecated Use `useVeloPlot` instead. **Removed in v4.0.**\n */\nexport const useSciChart = useVeloPlotImpl;\n\nexport type {\n  VeloPlotProps as SciPlotProps,\n  VeloPlotRef as SciPlotRef,\n  VeloPlotSeries as SciPlotSeries,\n  VeloPlotProps as SciChartProps,\n  VeloPlotRef as SciChartRef,\n  VeloPlotSeries as SciChartSeries,\n} from \"./VeloPlot\";\nexport type {\n  UseVeloPlotOptions as UseSciPlotOptions,\n  UseVeloPlotReturn as UseSciPlotReturn,\n  UseVeloPlotOptions as UseSciChartOptions,\n  UseVeloPlotReturn as UseSciChartReturn,\n} from \"./useVeloPlot\";\n"],"names":["useVeloPlot","containerRef","options","chart","setChart","useState","isReady","setIsReady","error","setError","bounds","setBounds","chartRef","useRef","destroyRef","optionsRef","prevSyncOptionsRef","pickSyncableOptions","useEffect","container","handle","createChartLifecycle","err","_a","currentChart","next","prev","optionsChanged","syncChartOptions","addSeries","useCallback","seriesOptions","c","updateSeries","id","data","removeSeries","zoom","zoomOptions","resetZoom","VeloPlot","forwardRef","series","zoomProp","onZoomChange","cursor","width","height","className","style","debug","ariaLabel","keyboardNav","chartOptions","ref","previousSeriesRef","a11yRef","useImperativeHandle","diffSeries","handler","event","el","applyChartA11y","updateA11y","containerStyle","useMemo","jsx","jsxs","useStackedPlot","stackRef","stack","setStack","structureKeyRef","stackedStructureKey","paneSeriesRef","mountStack","created","createStackedChart","syncStackedPaneSeries","current","syncStackedOptions","fitAll","opts","resetAll","StackedPlot","_indicators","_onCrosshairMove","_drawingTools","panes","stackOptions","useIndicator","host","preset","result","setResult","isLoading","setIsLoading","resultRef","cancelled","addIndicatorToHost","res","isStackedChart","removeIndicatorFromChart","useChartSync","charts","group","setGroup","createChartSync","useChartGroup","SciPlot","VeloPlotImpl","SciChart","useSciPlot","useVeloPlotImpl","useSciChart"],"mappings":"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"}

package/dist/renderer/NativeWebGLRenderer.d.ts

@@ -12,5 +12,6 @@
  * - Minimal state changes per frame
  */
 export { NativeWebGLRenderer } from './native/NativeWebGLRenderer';
-export { interleaveBandData, interleaveData, interleaveStepData, interleaveErrorData, interleaveBoxPlotData, interleaveWaterfallData, parseColor, brightenColor, } from './native/utils';
+export { interleaveBandData, interleaveData, interleaveStepData, interleaveErrorData, parseColor, brightenColor, } from './native/utilsCore';
+export { interleaveBoxPlotData, interleaveWaterfallData, } from './native/utils';
 export type { NativeRenderOptions, NativeSeriesRenderData } from './native/types';

package/dist/renderer/native/NativeWebGLRenderer.d.ts

@@ -1,4 +1,4 @@
-import { NativeRenderOptions, NativeSeriesRenderData } from './types';
+import { NativeRenderOptions, NativeSeriesRenderData, ProgramBundle } from './types';
 
 export declare class NativeWebGLRenderer {
     private canvas;
@@ -8,6 +8,10 @@ export declare class NativeWebGLRenderer {
     private buffers;
     private textures;
     private isInitialized;
+    private heatmapShaderReady;
+    /** Optional hook for extended bundles to install the heatmap shader program. */
+    static heatmapProgramInstaller: ((gl: WebGLRenderingContext, bundle: ProgramBundle) => void) | null;
+    installHeatmapProgram(): void;
     setDPR(dpr: number): void;
     constructor(canvas: HTMLCanvasElement);
     get available(): boolean;

package/dist/renderer/native/draw.d.ts

@@ -1,47 +1,2 @@
-import { Bounds } from '../../types';
-import { ShaderProgram } from './types';
-
-export declare function calculateUniforms(bounds: Bounds, invertX?: boolean): {
-    scale: [number, number];
-    translate: [number, number];
-};
-export declare function renderLine(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
-    scale: [number, number];
-    translate: [number, number];
-}, color: [number, number, number, number], width?: number): void;
-export declare function renderBand(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
-    scale: [number, number];
-    translate: [number, number];
-}, color: [number, number, number, number]): void;
-export declare function renderPoints(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
-    scale: [number, number];
-    translate: [number, number];
-}, color: [number, number, number, number], pointSize: number, symbol?: string): void;
-export declare function renderHeatmap(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
-    scale: [number, number];
-    translate: [number, number];
-}, zBounds?: {
-    min: number;
-    max: number;
-}, texture?: WebGLTexture): void;
-export declare function renderBar(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
-    scale: [number, number];
-    translate: [number, number];
-}, color: [number, number, number, number]): void;
-export declare function renderErrorBars(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
-    scale: [number, number];
-    translate: [number, number];
-}, color: [number, number, number, number], width?: number): void;
-export declare function renderBoxPlot(gl: WebGLRenderingContext, programs: {
-    line: ShaderProgram;
-    point: ShaderProgram;
-}, data: {
-    boxBuffer: WebGLBuffer;
-    boxCount: number;
-    linesBuffer: WebGLBuffer;
-    linesCount: number;
-}, uniforms: {
-    scale: [number, number];
-    translate: [number, number];
-}, style: any): void;
-export declare function computeSeriesColor(style: any): [number, number, number, number];
+export { calculateUniforms, renderLine, renderBand, renderPoints, renderErrorBars, computeSeriesColor, } from './drawCore';
+export { renderHeatmap, renderBar, renderBoxPlot } from './drawExtended';

package/dist/renderer/native/drawCore.d.ts

@@ -0,0 +1,27 @@
+import { Bounds } from '../../types';
+import { ShaderProgram } from './types';
+
+export declare function calculateUniforms(bounds: Bounds, invertX?: boolean): {
+    scale: [number, number];
+    translate: [number, number];
+};
+export declare function renderLine(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
+    scale: [number, number];
+    translate: [number, number];
+}, color: [number, number, number, number], width?: number): void;
+export declare function renderBand(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
+    scale: [number, number];
+    translate: [number, number];
+}, color: [number, number, number, number]): void;
+export declare function renderPoints(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
+    scale: [number, number];
+    translate: [number, number];
+}, color: [number, number, number, number], pointSize: number, symbol?: string): void;
+export declare function renderErrorBars(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
+    scale: [number, number];
+    translate: [number, number];
+}, color: [number, number, number, number], width?: number): void;
+export declare function computeSeriesColor(style: {
+    color?: string;
+    opacity?: number;
+}): [number, number, number, number];

package/dist/renderer/native/drawExtended.d.ts

@@ -0,0 +1,29 @@
+import { ShaderProgram } from './types';
+
+export declare function renderHeatmap(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
+    scale: [number, number];
+    translate: [number, number];
+}, zBounds?: {
+    min: number;
+    max: number;
+}, texture?: WebGLTexture): void;
+export declare function renderBar(gl: WebGLRenderingContext, prog: ShaderProgram, buffer: WebGLBuffer, count: number, uniforms: {
+    scale: [number, number];
+    translate: [number, number];
+}, color: [number, number, number, number]): void;
+export declare function renderBoxPlot(gl: WebGLRenderingContext, programs: {
+    line: ShaderProgram;
+    point: ShaderProgram;
+}, data: {
+    boxBuffer: WebGLBuffer;
+    boxCount: number;
+    linesBuffer: WebGLBuffer;
+    linesCount: number;
+}, uniforms: {
+    scale: [number, number];
+    translate: [number, number];
+}, style: {
+    color?: string;
+    opacity?: number;
+    width?: number;
+}): void;

package/dist/renderer/native/frameRenderExtended.d.ts

@@ -0,0 +1 @@
+export declare function registerExtendedFrameRenderers(): void;

package/dist/renderer/native/frameRenderRegistry.d.ts

@@ -0,0 +1,27 @@
+import { NativeSeriesRenderData, ProgramBundle, NativeRenderOptions } from './types';
+
+export interface FrameRenderContext {
+    gl: WebGLRenderingContext;
+    canvas: HTMLCanvasElement;
+    dpr: number;
+    programs: ProgramBundle;
+    options: NativeRenderOptions;
+    bounds: {
+        xMin: number;
+        xMax: number;
+        yMin: number;
+        yMax: number;
+    };
+    pa: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+export type ExtendedFrameRenderer = (ctx: FrameRenderContext, s: NativeSeriesRenderData, seriesUniforms: {
+    scale: [number, number];
+    translate: [number, number];
+}, color: [number, number, number, number]) => void;
+export declare function registerFrameRenderer(type: string, fn: ExtendedFrameRenderer): void;
+export declare function getFrameRenderer(type: string): ExtendedFrameRenderer | undefined;

package/dist/renderer/native/programFactoryCore.d.ts

@@ -0,0 +1,6 @@
+import { ProgramBundle, ProgramMode, ShaderProgram } from './types';
+
+declare function createProgram(gl: WebGLRenderingContext, vertSource: string, fragSource: string, mode: ProgramMode): ShaderProgram;
+/** Core WebGL programs (line + scatter). Heatmap is registered by extended bundles. */
+export declare function createCoreProgramBundle(gl: WebGLRenderingContext): ProgramBundle;
+export { createProgram };

package/dist/renderer/native/programFactoryExtended.d.ts

@@ -0,0 +1,4 @@
+import { ProgramBundle } from './types';
+
+/** Compile the heatmap shader program (scientific/trading/full bundles). */
+export declare function registerHeatmapProgram(gl: WebGLRenderingContext, bundle: ProgramBundle): void;

package/dist/renderer/native/utils.d.ts

@@ -1,31 +1,5 @@
-export declare function parseColor(color: string): [number, number, number, number];
-export declare function brightenColor(color: string, isDarkTheme?: boolean): string;
-export declare function interleaveData(x: Float32Array | Float64Array | number[], y: Float32Array | Float64Array | number[]): Float32Array;
-export declare function interleaveStepData(x: Float32Array | Float64Array | number[], y: Float32Array | Float64Array | number[], mode?: "before" | "after" | "center"): Float32Array;
-export declare function interleaveBandData(x: Float32Array | Float64Array | number[], y1: Float32Array | Float64Array | number[], y2: Float32Array | Float64Array | number[]): Float32Array;
-export declare function interleaveErrorData(x: Float32Array | Float64Array | number[], y: Float32Array | Float64Array | number[], yErr?: {
-    yError?: Float32Array | Float64Array;
-    yErrorMinus?: Float32Array | Float64Array;
-    yErrorPlus?: Float32Array | Float64Array;
-}, xErr?: {
-    xError?: Float32Array | Float64Array;
-    xErrorMinus?: Float32Array | Float64Array;
-    xErrorPlus?: Float32Array | Float64Array;
-}): Float32Array;
-export declare function interleaveBoxPlotData(x: Float32Array | Float64Array | number[], min: Float32Array | Float64Array | number[], q1: Float32Array | Float64Array | number[], median: Float32Array | Float64Array | number[], q3: Float32Array | Float64Array | number[], max: Float32Array | Float64Array | number[], width: number): {
-    lines: Float32Array;
-    boxes: Float32Array;
-};
 /**
- * Interleave data for Waterfall charts
- * Creates rectangles that show cumulative changes from a running total
+ * Native WebGL utilities — re-exports core + extended for backward compatibility.
  */
-export declare function interleaveWaterfallData(x: Float32Array | Float64Array | number[], y: Float32Array | Float64Array | number[], width: number, isSubtotal?: boolean[]): {
-    positiveData: Float32Array;
-    negativeData: Float32Array;
-    subtotalData: Float32Array;
-    connectorData: Float32Array;
-    positiveCount: number;
-    negativeCount: number;
-    subtotalCount: number;
-};
+export { parseColor, brightenColor, interleaveData, interleaveStepData, interleaveBandData, interleaveErrorData, } from './utilsCore';
+export { interleaveBoxPlotData, interleaveWaterfallData, } from './utilsExtended';