minerva-design 1.2.0 → 1.4.0

package/dist/charts/react/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":["frameProps","props","LineChart","input","series","useMemo","lineSeries","area","ChartBase","engineOptions","BarChart","barSeries","stacked","ScatterChart","scatterSeries","CORNERS","cornerStyle","left","corner","top","split","plot","QuadrantChart","geometry","options","quadrantChartOptions","draggable","onPointDrop","overlay","quadrantContent","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","fx","fy","reverseX","onPointClick","index","event","points","onQuadrantClick","quadrantOf","at","renderTooltip"],"sources":["../../../../charts/src/react/charts.tsx"],"sourcesContent":["import { useMemo, type CSSProperties } from \"react\";\nimport {\n  barSeries,\n  lineSeries,\n  quadrantChartOptions,\n  quadrantOf,\n  scatterSeries,\n  type QuadrantCorner,\n} from \"../engine/presets\";\nimport type { ChartRect } from \"../engine/types\";\nimport { ChartBase, engineOptions } from \"./Chart\";\nimport type {\n  BarChartProps,\n  ChartCommonProps,\n  LineChartProps,\n  QuadrantChartProps,\n  ScatterChartProps,\n} from \"./types\";\n\nconst frameProps = (props: ChartCommonProps) => ({\n  height: props.height,\n  width: props.width,\n  className: props.className,\n  style: props.style,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  onRendererChange: props.onRendererChange,\n  renderTooltip: props.renderTooltip,\n});\n\n/** Line (or area) chart; handles millions of points on the GPU */\nexport function LineChart(props: LineChartProps) {\n  const { series: input, area = false } = props;\n  const series = useMemo(() => lineSeries(input, area), [input, area]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Bar chart: grouped side by side, or stacked */\nexport function BarChart(props: BarChartProps) {\n  const { series: input, stacked = false } = props;\n  const series = useMemo(() => barSeries(input, stacked), [input, stacked]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst cornerStyle = (\n  corner: QuadrantCorner,\n  plot: ChartRect,\n  split: { x: number; y: number },\n): CSSProperties => {\n  const left = corner.endsWith(\"Left\");\n  const top = corner.startsWith(\"top\");\n  return {\n    position: \"absolute\",\n    left: left ? 0 : split.x - plot.x,\n    top: top ? 0 : split.y - plot.y,\n    width: left ? split.x - plot.x : plot.x + plot.width - split.x,\n    height: top ? split.y - plot.y : plot.y + plot.height - split.y,\n    pointerEvents: \"none\",\n  };\n};\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\nexport function QuadrantChart(props: QuadrantChartProps) {\n  const {\n    points,\n    xDomain,\n    yDomain,\n    xSplit,\n    ySplit,\n    quadrants,\n    xLabel,\n    yLabel,\n    axisLabels,\n    showTicks,\n    reverseX,\n    showLabels,\n    pointSize,\n    name,\n    draggable,\n    onPointClick,\n    onPointDrop,\n    onQuadrantClick,\n    renderTooltip,\n    quadrantContent,\n  } = props;\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\n\n  const options = quadrantChartOptions(\n    {\n      points,\n      xDomain,\n      yDomain,\n      xSplit,\n      ySplit,\n      quadrants,\n      xLabel,\n      yLabel,\n      axisLabels,\n      showTicks,\n      reverseX,\n      showLabels,\n      pointSize,\n      name,\n      draggable: draggable ?? !!onPointDrop,\n    },\n    engineOptions({ ...props, series: [] }),\n  );\n\n  const overlay = quadrantContent\n    ? (plot: ChartRect) => {\n        const [x0, x1] = xDomain ?? [0, 10];\n        const [y0, y1] = yDomain ?? [0, 10];\n        const xs = xSplit ?? (x0 + x1) / 2;\n        const ys = ySplit ?? (y0 + y1) / 2;\n        const fx = (xs - x0) / (x1 - x0 || 1);\n        const fy = (ys - y0) / (y1 - y0 || 1);\n        const split = {\n          x: plot.x + plot.width * (reverseX ? 1 - fx : fx),\n          y: plot.y + plot.height * (1 - fy),\n        };\n        return CORNERS.map((corner) =>\n          quadrantContent[corner] ? (\n            <div\n              key={corner}\n              className={`minerva-chart-quadrant minerva-chart-quadrant-${corner}`}\n              style={cornerStyle(corner, plot, split)}\n            >\n              {quadrantContent[corner]}\n            </div>\n          ) : null,\n        );\n      }\n    : undefined;\n\n  return (\n    <ChartBase\n      options={options}\n      {...frameProps({\n        ...props,\n        onPointClick: undefined,\n        renderTooltip: undefined,\n      })}\n      overlay={overlay}\n      onPointClick={\n        onPointClick\n          ? (event) => {\n              const index = event.items[0]?.index;\n              if (index !== undefined && points[index])\n                onPointClick(points[index], index);\n            }\n          : undefined\n      }\n      onPlotClick={\n        onQuadrantClick\n          ? (at) => onQuadrantClick(quadrantOf(geometry, at.x, at.y), at)\n          : undefined\n      }\n      onDrop={\n        onPointDrop\n          ? (event) => {\n              const index = event.item.index;\n              if (!points[index]) return;\n              onPointDrop(points[index], index, {\n                x: event.x,\n                y: event.y,\n                quadrant: quadrantOf(geometry, event.x, event.y),\n              });\n            }\n          : undefined\n      }\n      renderTooltip={\n        renderTooltip\n          ? (event) => {\n              const index = event.items[0]?.index;\n              return index !== undefined && points[index]\n                ? renderTooltip(points[index], index)\n                : null;\n            }\n          : undefined\n      }\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"charts.js","names":["frameProps","props","LineChart","input","series","useMemo","lineSeries","area","stacked","percent","curve","ChartBase","engineOptions","AreaChart","areaSeries","BarChart","barSeries","labels","CandlestickChart","candlestickSeries","HeatmapChart","heatmapChartOptions","data","xCategories","yCategories","colorScale","valueRange","name","radius","format","base","Sparkline","options","sparklineOptions","type","color","reference","renderer","tooltip","palette","ariaLabel","locale","ref","ScatterChart","scatterSeries","CORNERS","cornerStyle","left","corner","top","split","plot","QuadrantChart","geometry","quadrantChartOptions","draggable","onPointDrop","overlay","quadrantContent","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","fx","fy","reverseX","onPointClick","index","event","points","onQuadrantClick","quadrantOf","at","renderTooltip","HorizontalBarChart","RangeAreaChart","rangeAreaSeries","MixedChart","Chart","BubbleChart","bubbleSeries","minSize","maxSize","maxValue","HistogramChart","extra","lang","resolveLocale","histogramSeries","values","formatBin","bins","domain","nice","BoxPlotChart","groupName","presetLabels","boxplotSeries","groups","boxplotData","whisker","WaterfallChart","waterfallSeries","steps","upColor","downColor","totalColor","start","GanttChart","gantt","ganttSeries","tasks","colors","taskName","progressName","milestoneName","formatProgress","mountedAt","useState","now","today","lines","todayLabel","xAxis","yAxis","annotations","interaction","legend"],"sources":["../../../../charts/src/react/charts.tsx"],"sourcesContent":["import { useMemo, useState, type CSSProperties } from \"react\";\nimport {\n  areaSeries,\n  barSeries,\n  boxplotData,\n  boxplotSeries,\n  bubbleSeries,\n  candlestickSeries,\n  ganttSeries,\n  heatmapChartOptions,\n  histogramSeries,\n  lineSeries,\n  presetLabels,\n  quadrantChartOptions,\n  quadrantOf,\n  rangeAreaSeries,\n  scatterSeries,\n  sparklineOptions,\n  waterfallSeries,\n  type QuadrantCorner,\n} from \"../engine/presets\";\nimport { resolveLocale } from \"../engine/locale\";\nimport type { ChartAnnotation, ChartRect } from \"../engine/types\";\nimport { Chart, ChartBase, engineOptions } from \"./Chart\";\nimport type {\n  AreaChartProps,\n  BarChartProps,\n  BoxPlotChartProps,\n  BubbleChartProps,\n  CandlestickChartProps,\n  ChartCommonProps,\n  GanttChartProps,\n  HeatmapChartProps,\n  HistogramChartProps,\n  HorizontalBarChartProps,\n  LineChartProps,\n  MixedChartProps,\n  QuadrantChartProps,\n  RangeAreaChartProps,\n  ScatterChartProps,\n  SparklineProps,\n  WaterfallChartProps,\n} from \"./types\";\n\nconst frameProps = (props: Omit<ChartCommonProps, \"labels\">) => ({\n  height: props.height,\n  width: props.width,\n  className: props.className,\n  style: props.style,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  onRendererChange: props.onRendererChange,\n  renderTooltip: props.renderTooltip,\n});\n\n/** Line (or area) chart; handles millions of points on the GPU */\nexport function LineChart(props: LineChartProps) {\n  const {\n    series: input,\n    area = false,\n    curve,\n    stacked = false,\n    percent = false,\n  } = props;\n  const series = useMemo(\n    () => lineSeries(input, area, { curve, stacked: stacked || percent }),\n    [input, area, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Area chart: smooth by default, stacked or 100% stacked */\nexport function AreaChart(props: AreaChartProps) {\n  const {\n    series: input,\n    curve = \"smooth\",\n    stacked = false,\n    percent = false,\n  } = props;\n  const series = useMemo(\n    () => areaSeries(input, { curve, stacked: stacked || percent }),\n    [input, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Bar chart: grouped side by side, stacked or 100% stacked, with optional value labels */\nexport function BarChart(props: BarChartProps) {\n  const {\n    series: input,\n    stacked = false,\n    percent = false,\n    labels = false,\n  } = props;\n  const series = useMemo(\n    () => barSeries(input, stacked || percent, labels),\n    [input, stacked, percent, labels],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        labels: undefined,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Candlestick (OHLC) chart: rising and falling candles, zoomable on the GPU */\nexport function CandlestickChart(props: CandlestickChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => candlestickSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Heatmap: a grid of cells colored by value (categories or numbers on both axes) */\nexport function HeatmapChart(props: HeatmapChartProps) {\n  const {\n    data,\n    xCategories,\n    yCategories,\n    colorScale,\n    valueRange,\n    name,\n    radius,\n    format,\n  } = props;\n  const series = useMemo(\n    () =>\n      heatmapChartOptions({\n        data,\n        xCategories,\n        yCategories,\n        colorScale,\n        valueRange,\n        name,\n        radius,\n        format,\n      }).series,\n    [\n      data,\n      xCategories,\n      yCategories,\n      colorScale,\n      valueRange,\n      name,\n      radius,\n      format,\n    ],\n  );\n  const base = engineOptions({ ...props, series });\n  return (\n    <ChartBase\n      options={{\n        ...heatmapChartOptions(\n          { data, xCategories, yCategories },\n          {\n            ...base,\n            legend: props.legend,\n            interaction: props.interaction,\n            tooltip: props.tooltip,\n          },\n        ),\n        series,\n      }}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Word-sized chart without axes: a trend in a table cell, a KPI card, ... */\nexport function Sparkline(props: SparklineProps) {\n  const {\n    data,\n    type,\n    color,\n    curve,\n    name,\n    reference,\n    format,\n    height = 48,\n    width,\n    renderer,\n    tooltip,\n    palette,\n    ariaLabel,\n    locale,\n    labels,\n    className,\n    style,\n    ref,\n    onHover,\n    renderTooltip,\n  } = props;\n  const options = useMemo(\n    () =>\n      sparklineOptions(\n        { data, type, color, curve, name, reference, format },\n        { renderer, tooltip, palette, ariaLabel, locale, labels },\n      ),\n    [\n      data,\n      type,\n      color,\n      curve,\n      name,\n      reference,\n      format,\n      renderer,\n      tooltip,\n      palette,\n      ariaLabel,\n      locale,\n      labels,\n    ],\n  );\n  return (\n    <ChartBase\n      options={options}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      handleRef={ref}\n      onHover={onHover}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst cornerStyle = (\n  corner: QuadrantCorner,\n  plot: ChartRect,\n  split: { x: number; y: number },\n): CSSProperties => {\n  const left = corner.endsWith(\"Left\");\n  const top = corner.startsWith(\"top\");\n  return {\n    position: \"absolute\",\n    left: left ? 0 : split.x - plot.x,\n    top: top ? 0 : split.y - plot.y,\n    width: left ? split.x - plot.x : plot.x + plot.width - split.x,\n    height: top ? split.y - plot.y : plot.y + plot.height - split.y,\n    pointerEvents: \"none\",\n  };\n};\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\nexport function QuadrantChart(props: QuadrantChartProps) {\n  const {\n    points,\n    xDomain,\n    yDomain,\n    xSplit,\n    ySplit,\n    quadrants,\n    xLabel,\n    yLabel,\n    axisLabels,\n    showTicks,\n    reverseX,\n    showLabels,\n    pointSize,\n    name,\n    draggable,\n    onPointClick,\n    onPointDrop,\n    onQuadrantClick,\n    renderTooltip,\n    quadrantContent,\n  } = props;\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\n\n  const options = quadrantChartOptions(\n    {\n      points,\n      xDomain,\n      yDomain,\n      xSplit,\n      ySplit,\n      quadrants,\n      xLabel,\n      yLabel,\n      axisLabels,\n      showTicks,\n      reverseX,\n      showLabels,\n      pointSize,\n      name,\n      draggable: draggable ?? !!onPointDrop,\n    },\n    engineOptions({ ...props, series: [] }),\n  );\n\n  const overlay = quadrantContent\n    ? (plot: ChartRect) => {\n        const [x0, x1] = xDomain ?? [0, 10];\n        const [y0, y1] = yDomain ?? [0, 10];\n        const xs = xSplit ?? (x0 + x1) / 2;\n        const ys = ySplit ?? (y0 + y1) / 2;\n        const fx = (xs - x0) / (x1 - x0 || 1);\n        const fy = (ys - y0) / (y1 - y0 || 1);\n        const split = {\n          x: plot.x + plot.width * (reverseX ? 1 - fx : fx),\n          y: plot.y + plot.height * (1 - fy),\n        };\n        return CORNERS.map((corner) =>\n          quadrantContent[corner] ? (\n            <div\n              key={corner}\n              className={`minerva-chart-quadrant minerva-chart-quadrant-${corner}`}\n              style={cornerStyle(corner, plot, split)}\n            >\n              {quadrantContent[corner]}\n            </div>\n          ) : null,\n        );\n      }\n    : undefined;\n\n  return (\n    <ChartBase\n      options={options}\n      {...frameProps({\n        ...props,\n        onPointClick: undefined,\n        renderTooltip: undefined,\n      })}\n      overlay={overlay}\n      onPointClick={\n        onPointClick\n          ? (event) => {\n              const index = event.items[0]?.index;\n              if (index !== undefined && points[index])\n                onPointClick(points[index], index);\n            }\n          : undefined\n      }\n      onPlotClick={\n        onQuadrantClick\n          ? (at) => onQuadrantClick(quadrantOf(geometry, at.x, at.y), at)\n          : undefined\n      }\n      onDrop={\n        onPointDrop\n          ? (event) => {\n              const index = event.item.index;\n              if (!points[index]) return;\n              onPointDrop(points[index], index, {\n                x: event.x,\n                y: event.y,\n                quadrant: quadrantOf(geometry, event.x, event.y),\n              });\n            }\n          : undefined\n      }\n      renderTooltip={\n        renderTooltip\n          ? (event) => {\n              const index = event.items[0]?.index;\n              return index !== undefined && points[index]\n                ? renderTooltip(points[index], index)\n                : null;\n            }\n          : undefined\n      }\n    />\n  );\n}\n\n/**\n * Horizontal bar chart: categories down the left side, values from the\n * left (rankings, long names, diverging surveys, stacked progress)\n */\nexport function HorizontalBarChart(props: HorizontalBarChartProps) {\n  return <BarChart {...props} orientation=\"horizontal\" />;\n}\n\n/**\n * Range area chart: bands between a lower (`y0`) and an upper edge\n * (confidence intervals, min-max ranges), mixable with lines\n */\nexport function RangeAreaChart(props: RangeAreaChartProps) {\n  const { series: input, curve = \"smooth\" } = props;\n  const series = useMemo(() => rangeAreaSeries(input, curve), [input, curve]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Combination chart: bars, lines and areas on one or two value axes\n * (`yAxis: \"right\"` series use `yAxis2`, aligned on the left grid)\n */\nexport function MixedChart(props: MixedChartProps) {\n  return <Chart {...props} />;\n}\n\n/** Bubble chart: x, y and a value sized by area (√value diameters) */\nexport function BubbleChart(props: BubbleChartProps) {\n  const { series: input, minSize, maxSize, maxValue } = props;\n  const series = useMemo(\n    () => bubbleSeries(input, { minSize, maxSize, maxValue }),\n    [input, minSize, maxSize, maxValue],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Histogram: the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds\n */\nexport function HistogramChart(props: HistogramChartProps) {\n  const {\n    values,\n    bins,\n    domain,\n    nice,\n    name,\n    color,\n    formatBin,\n    series: extra,\n    locale,\n  } = props;\n  // page language read at every render: a language switch renames the series\n  const lang = resolveLocale(locale);\n  const series = useMemo(\n    () => [\n      histogramSeries(values, {\n        bins,\n        domain,\n        nice,\n        name,\n        color,\n        format: formatBin,\n        locale: lang,\n      }),\n      ...(extra ?? []),\n    ],\n    [values, bins, domain, nice, name, color, formatBin, extra, lang],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Box plot: medians, quartiles, whiskers and outliers of samples, from raw\n * values (`groups`) or computed statistics (`series`)\n */\nexport function BoxPlotChart(props: BoxPlotChartProps) {\n  const { series: input, groups, name, whisker, orientation, locale } = props;\n  const groupName = name ?? presetLabels(resolveLocale(locale)).values;\n  const series = useMemo(\n    () =>\n      boxplotSeries([\n        ...(groups?.length\n          ? [\n              {\n                id: \"boxplot\",\n                name: groupName,\n                data: boxplotData(groups, { whisker }),\n              },\n            ]\n          : []),\n        ...(input ?? []),\n      ]),\n    [input, groups, groupName, whisker],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series, orientation })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Waterfall (bridge) chart: how changes take a value from a start to an\n * end, with subtotals and totals (P&L bridges, budget variances)\n */\nexport function WaterfallChart(props: WaterfallChartProps) {\n  const {\n    steps,\n    name,\n    upColor,\n    downColor,\n    totalColor,\n    start,\n    labels = true,\n    format,\n    orientation,\n    locale,\n  } = props;\n  const lang = resolveLocale(locale);\n  const series = useMemo(\n    () => [\n      waterfallSeries(steps, {\n        name,\n        upColor,\n        downColor,\n        totalColor,\n        start,\n        labels,\n        format,\n        locale: lang,\n      }),\n    ],\n    [steps, name, upColor, downColor, totalColor, start, labels, format, lang],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        labels: undefined,\n        series,\n        orientation,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time\n */\nexport function GanttChart(props: GanttChartProps) {\n  const {\n    tasks,\n    colors,\n    taskName,\n    progressName,\n    milestoneName,\n    formatProgress,\n    today = false,\n    todayLabel,\n    xAxis,\n    yAxis,\n    annotations,\n    interaction,\n    legend,\n    locale,\n  } = props;\n  const lang = resolveLocale(locale);\n  const gantt = useMemo(\n    () =>\n      ganttSeries(tasks, {\n        colors,\n        taskName,\n        progressName,\n        milestoneName,\n        formatProgress,\n        locale: lang,\n      }),\n    [\n      tasks,\n      colors,\n      taskName,\n      progressName,\n      milestoneName,\n      formatProgress,\n      lang,\n    ],\n  );\n  const [mountedAt] = useState(() => Date.now());\n  const now =\n    today === false\n      ? null\n      : today === true\n        ? mountedAt\n        : today instanceof Date\n          ? today.getTime()\n          : today;\n  const lines: ChartAnnotation[] =\n    now === null\n      ? []\n      : [\n          {\n            type: \"line\",\n            axis: \"y\",\n            value: now,\n            color: \"var(--danger-color, #dc2626)\",\n            dash: [4, 3],\n            label: todayLabel,\n          },\n        ];\n  return (\n    <ChartBase\n      options={{\n        ...engineOptions({\n          ...props,\n          series: gantt.series,\n          orientation: \"horizontal\",\n        }),\n        xAxis: {\n          type: \"category\",\n          categories: gantt.categories,\n          ...xAxis,\n        },\n        yAxis: {\n          type: \"time\",\n          min: gantt.domain[0],\n          max: gantt.domain[1],\n          ...yAxis,\n        },\n        annotations: [...(annotations ?? []), ...lines],\n        interaction: interaction ?? { zoom: \"y\" },\n        legend: legend ?? gantt.series.length > 1,\n      }}\n      {...frameProps(props)}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/charts/react/orderbook.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../engine/locale.cjs"),t=require("../engine/orderbook/depth.cjs"),n=require("../engine/orderbook/heatmap.cjs"),r=require("../engine/orderbook/ladder.cjs"),i=require("../engine/orderbook/tape.cjs");let a=require("react"),o=require("react/jsx-runtime");var s=(e,t)=>e===void 0?t:typeof e==`number`?`${e}px`:e,c=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every((e,n)=>e===t[n]);if(typeof e!=`object`||typeof t!=`object`||e===null||t===null||Object.getPrototypeOf(e)!==Object.prototype||Object.getPrototypeOf(t)!==Object.prototype)return!1;let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])},l=(e,t)=>{let n=Object.keys(e).filter(t=>e[t]!==void 0),r=Object.keys(t).filter(e=>t[e]!==void 0);return n.length===r.length&&n.every(n=>c(e[n],t[n]))},u=t=>e.resolveLocale(t.locale);function d(e,t,n,r){let i=(0,a.useRef)(null),o=(0,a.useRef)(null),s=(0,a.useRef)(t),c=(0,a.useRef)(``),d=(0,a.useRef)(n);return(0,a.useEffect)(()=>{d.current=n}),(0,a.useEffect)(()=>{let t=i.current;if(!t)return;c.current=u(s.current);let n=e(t,s.current);o.current=n;let a=r(n,()=>d.current);return()=>{a.forEach(e=>e()),n.destroy(),o.current=null}},[e,r]),(0,a.useEffect)(()=>{let e=u(t);l(s.current,t)&&e===c.current||(s.current=t,c.current=e,o.current?.setOptions(t))}),{containerRef:i,instanceRef:o}}function f(e,t){(0,a.useEffect)(()=>{t&&e.current?.setBook(t)},[e,t])}function p(e,t,n,r){let i=(0,a.useRef)(void 0),o=(0,a.useRef)(null),s=(0,a.useRef)(n),c=(0,a.useRef)(r);(0,a.useEffect)(()=>{s.current=n,c.current=r}),(0,a.useEffect)(()=>{let n=e.current,r=o.current===n?i.current:void 0;if(i.current=t,o.current=n,!t||t===r)return;let a=r?.length??0;if(r&&a>0&&t.length>=a&&t[a-1]===r[a-1]&&t[0]===r[0]){t.length>a&&s.current(t.slice(a));return}c.current(t)},[e,t])}function m({containerRef:e,height:t,width:n,className:r,style:i,fallbackHeight:a}){return(0,o.jsx)(`div`,{className:r,style:{position:`relative`,width:s(n,`100%`),height:s(t,a),...i},children:(0,o.jsx)(`div`,{ref:e,style:{position:`absolute`,inset:0}})})}var h=(e,t)=>[e.on(`hover`,e=>t().onHover?.(e)),e.on(`click`,e=>t().onClick?.(e)),e.on(`range`,e=>t().onRangeChange?.(e))];function g({height:e,width:n,className:r,style:i,book:s,onHover:c,onClick:l,onRangeChange:u,ref:p,...g}){let{containerRef:_,instanceRef:v}=d(t.createDepthChart,g,{onHover:c,onClick:l,onRangeChange:u},h);return f(v,s),(0,a.useImperativeHandle)(p,()=>({setBook:e=>v.current?.setBook(e),applyDeltas:e=>v.current?.applyDeltas(e),setRange:e=>v.current?.setRange(e),getInstance:()=>v.current}),[v]),(0,o.jsx)(m,{containerRef:_,height:e,width:n,className:r,style:i,fallbackHeight:`320px`})}var _=(e,t)=>[e.on(`hover`,e=>t().onHover?.(e)),e.on(`levelClick`,e=>t().onLevelClick?.(e))];function v({height:e,width:t,className:n,style:i,book:s,lastPrice:c,onHover:l,onLevelClick:u,ref:p,...h}){let{containerRef:g,instanceRef:v}=d(r.createOrderBook,h,{onHover:l,onLevelClick:u},_);return f(v,s),(0,a.useEffect)(()=>{c!==void 0&&v.current?.setLastPrice(c)},[v,c]),(0,a.useImperativeHandle)(p,()=>({setBook:e=>v.current?.setBook(e),applyDeltas:e=>v.current?.applyDeltas(e),setLastPrice:e=>v.current?.setLastPrice(e),getInstance:()=>v.current}),[v]),(0,o.jsx)(m,{containerRef:g,height:e,width:t,className:n,style:i,fallbackHeight:`420px`})}var y=(e,t)=>[e.on(`hover`,e=>t().onHover?.(e)),e.on(`renderer`,e=>t().onRendererChange?.(e)),e.on(`follow`,e=>t().onFollowChange?.(e))];function b({height:e,width:t,className:r,style:i,book:s,trades:c,onHover:l,onRendererChange:u,onFollowChange:h,ref:g,..._}){let{containerRef:v,instanceRef:b}=d(n.createOrderBookHeatmap,_,{onHover:l,onRendererChange:u,onFollowChange:h},y);return f(b,s),p(b,c,e=>b.current?.addTrades(e),e=>b.current?.addTrades(e)),(0,a.useImperativeHandle)(g,()=>({setBook:e=>b.current?.setBook(e),applyDeltas:e=>b.current?.applyDeltas(e),addTrades:e=>b.current?.addTrades(e),resetView:()=>b.current?.resetView(),getInstance:()=>b.current}),[b]),(0,o.jsx)(m,{containerRef:v,height:e,width:t,className:r,style:i,fallbackHeight:`360px`})}var x=(e,t)=>[e.on(`hover`,e=>t().onHover?.(e)),e.on(`tradeClick`,e=>t().onTradeClick?.(e)),e.on(`pause`,e=>t().onPause?.(e))];function S({height:e,width:t,className:n,style:r,trades:s,onHover:c,onTradeClick:l,onPause:u,ref:f,...h}){let{containerRef:g,instanceRef:_}=d(i.createTimeAndSales,h,{onHover:c,onTradeClick:l,onPause:u},x);return p(_,s,e=>_.current?.addTrades(e),e=>_.current?.setTrades(e)),(0,a.useImperativeHandle)(f,()=>({addTrades:e=>_.current?.addTrades(e),setTrades:e=>_.current?.setTrades(e),clear:()=>_.current?.clear(),scrollToLatest:()=>_.current?.scrollToLatest(),getInstance:()=>_.current}),[_]),(0,o.jsx)(m,{containerRef:g,height:e,width:t,className:n,style:r,fallbackHeight:`360px`})}exports.DepthChart=g,exports.OrderBook=v,exports.OrderBookHeatmap=b,exports.TimeAndSales=S;
+//# sourceMappingURL=orderbook.cjs.map

package/dist/charts/react/orderbook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orderbook.cjs","names":["resolveLocale","useRef","createDepthChart","createOrderBook","createOrderBookHeatmap","createTimeAndSales","require_locale","require_depth","require_heatmap","require_ladder","require_tape","react","react_jsx_runtime","size","value","fallback","sameValue","a","b","v","i","ka","k","sameOptions","kb","localeOf","options","useWidget","containerRef","instanceRef","optionsRef","localeRef","handlersRef","handlers","container","instance","factory","offs","connect","off","locale","useBook","book","useTrades","previousRef","targetRef","addRef","add","replaceRef","replace","target","previous","trades","n","Frame","width","height","fallbackHeight","style","connectDepth","chart","h","r","DepthChart","ref","snapshot","deltas","range","connectLadder","OrderBook","lastPrice","price","connectHeatmap","heatmap","f","OrderBookHeatmap","list","connectTape","tape","p","TimeAndSales"],"sources":["../../../../charts/src/react/orderbook.tsx"],"sourcesContent":["// React components of the order book module (depth chart, order book\n// ladder, liquidity heatmap, time and sales), re-exported by index.ts. Each\n// one mounts its engine once; options are forwarded when they change and\n// streams go through the ref handle (`applyDeltas`, `addTrades`) without\n// re-rendering React.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n  type Ref,\n  type RefObject,\n} from \"react\";\nimport { resolveLocale } from \"../engine/locale\";\nimport { createDepthChart } from \"../engine/orderbook/depth\";\nimport { createOrderBookHeatmap } from \"../engine/orderbook/heatmap\";\nimport { createOrderBook } from \"../engine/orderbook/ladder\";\nimport { createTimeAndSales } from \"../engine/orderbook/tape\";\nimport type {\n  DepthChartHoverEvent,\n  DepthChartInstance,\n  DepthChartOptions,\n  MarketTrade,\n  OrderBookDelta,\n  OrderBookHeatmapHoverEvent,\n  OrderBookHeatmapInstance,\n  OrderBookHeatmapOptions,\n  OrderBookInstance,\n  OrderBookLevelEvent,\n  OrderBookOptions,\n  OrderBookSnapshot,\n  TimeAndSalesInstance,\n  TimeAndSalesOptions,\n  TimeAndSalesRowEvent,\n} from \"../engine/orderbook/types\";\nimport type { ChartRendererKind } from \"../engine/types\";\n\n/** Container props shared by the order book components */\nexport interface OrderBookWidgetProps {\n  /** Height of the widget; numbers are pixels */\n  height?: number | string;\n  /**\n   * Width of the widget; numbers are pixels\n   * @default \"100%\"\n   */\n  width?: number | string;\n  /** Class of the container */\n  className?: string;\n  /** Style of the container */\n  style?: CSSProperties;\n}\n\n/** Imperative handle of `DepthChart` */\nexport interface DepthChartHandle {\n  /** Replaces the book */\n  setBook(snapshot: OrderBookSnapshot): void;\n  /** Applies updates (size 0 removes a level); drawn once at the next frame */\n  applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;\n  /** Sets the visible range (fraction of the mid); `null` fits the book */\n  setRange(range: number | null): void;\n  /** The underlying engine instance (minerva-design/charts/core) */\n  getInstance(): DepthChartInstance | null;\n}\n\n/** Props of `DepthChart` */\nexport interface DepthChartProps\n  extends DepthChartOptions, OrderBookWidgetProps {\n  /** Book to draw, applied when the object changes (stream updates through the ref) */\n  book?: OrderBookSnapshot;\n  /** Pointer over the curves (`null` when it leaves) */\n  onHover?: (event: DepthChartHoverEvent | null) => void;\n  /** Click / tap on the curves */\n  onClick?: (event: DepthChartHoverEvent) => void;\n  /** The visible range changed by zooming (fraction of the mid) */\n  onRangeChange?: (range: number) => void;\n  /** Imperative handle: `setBook`, `applyDeltas`, `setRange` */\n  ref?: Ref<DepthChartHandle>;\n}\n\n/** Imperative handle of `OrderBook` */\nexport interface OrderBookHandle {\n  /** Replaces the book */\n  setBook(snapshot: OrderBookSnapshot): void;\n  /** Applies updates (size 0 removes a level); drawn once at the next frame */\n  applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;\n  /** Price of the spread row (the mid price when `null`) */\n  setLastPrice(price: number | null): void;\n  /** The underlying engine instance (minerva-design/charts/core) */\n  getInstance(): OrderBookInstance | null;\n}\n\n/** Props of `OrderBook` */\nexport interface OrderBookProps extends OrderBookOptions, OrderBookWidgetProps {\n  /** Book to draw, applied when the object changes (stream updates through the ref) */\n  book?: OrderBookSnapshot;\n  /** Price of the spread row, colored by its last move; the mid price when omitted */\n  lastPrice?: number | null;\n  /** Hovered row (`null` when the pointer leaves) */\n  onHover?: (level: OrderBookLevelEvent | null) => void;\n  /** Click / tap / Enter on a row (e.g. to fill a price in an order form) */\n  onLevelClick?: (level: OrderBookLevelEvent) => void;\n  /** Imperative handle: `setBook`, `applyDeltas`, `setLastPrice` */\n  ref?: Ref<OrderBookHandle>;\n}\n\n/** Imperative handle of `OrderBookHeatmap` */\nexport interface OrderBookHeatmapHandle {\n  /** Replaces the book (closes the columns up to its time) */\n  setBook(snapshot: OrderBookSnapshot): void;\n  /** Applies updates (closes the columns up to their time) */\n  applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;\n  /** Adds trades (bubbles) */\n  addTrades(trades: MarketTrade | readonly MarketTrade[]): void;\n  /** Follows the market again */\n  resetView(): void;\n  /** The underlying engine instance (minerva-design/charts/core) */\n  getInstance(): OrderBookHeatmapInstance | null;\n}\n\n/** Props of `OrderBookHeatmap` */\nexport interface OrderBookHeatmapProps\n  extends OrderBookHeatmapOptions, OrderBookWidgetProps {\n  /** Book, applied when the object changes (stream updates through the ref) */\n  book?: OrderBookSnapshot;\n  /** Trades; when the array grows, only the appended ones are added */\n  trades?: readonly MarketTrade[];\n  /** Hovered cell (`null` when the pointer leaves) */\n  onHover?: (event: OrderBookHeatmapHoverEvent | null) => void;\n  /** Backend in use (also after a GPU loss) */\n  onRendererChange?: (renderer: ChartRendererKind) => void;\n  /** `true` while the view follows the market, `false` after a zoom / pan */\n  onFollowChange?: (follow: boolean) => void;\n  /** Imperative handle: `setBook`, `applyDeltas`, `addTrades`, `resetView` */\n  ref?: Ref<OrderBookHeatmapHandle>;\n}\n\n/** Imperative handle of `TimeAndSales` */\nexport interface TimeAndSalesHandle {\n  /** Appends trades (oldest first) */\n  addTrades(trades: MarketTrade | readonly MarketTrade[]): void;\n  /** Replaces every trade */\n  setTrades(trades: readonly MarketTrade[]): void;\n  /** Removes every trade */\n  clear(): void;\n  /** Scrolls back to the newest trade and resumes */\n  scrollToLatest(): void;\n  /** The underlying engine instance (minerva-design/charts/core) */\n  getInstance(): TimeAndSalesInstance | null;\n}\n\n/** Props of `TimeAndSales` */\nexport interface TimeAndSalesProps\n  extends TimeAndSalesOptions, OrderBookWidgetProps {\n  /**\n   * Trades, oldest first; when the array grows, only the appended ones are\n   * added (other changes replace the tape)\n   */\n  trades?: readonly MarketTrade[];\n  /** Hovered row (`null` when the pointer leaves) */\n  onHover?: (row: TimeAndSalesRowEvent | null) => void;\n  /** Click / tap / Enter on a row */\n  onTradeClick?: (row: TimeAndSalesRowEvent) => void;\n  /** The tape paused (pointer over it, scrolled down) or resumed */\n  onPause?: (paused: boolean) => void;\n  /** Imperative handle: `addTrades`, `setTrades`, `clear`, `scrollToLatest` */\n  ref?: Ref<TimeAndSalesHandle>;\n}\n\n// ------------------------------------------------------------------ shared\n\nconst size = (value: number | string | undefined, fallback: string) =>\n  value === undefined\n    ? fallback\n    : typeof value === \"number\"\n      ? `${value}px`\n      : value;\n\n/** Identical values, or inline arrays / objects with identical items */\nconst sameValue = (a: unknown, b: unknown): boolean => {\n  if (a === b) return true;\n  if (Array.isArray(a) && Array.isArray(b))\n    return a.length === b.length && a.every((v, i) => v === b[i]);\n  if (\n    typeof a !== \"object\" ||\n    typeof b !== \"object\" ||\n    a === null ||\n    b === null ||\n    Object.getPrototypeOf(a) !== Object.prototype ||\n    Object.getPrototypeOf(b) !== Object.prototype\n  )\n    return false;\n  const ka = Object.keys(a);\n  return (\n    ka.length === Object.keys(b).length &&\n    ka.every(\n      (k) =>\n        (a as Record<string, unknown>)[k] === (b as Record<string, unknown>)[k],\n    )\n  );\n};\n\n/** Same options, one level deep (inline `labels={{ … }}` stays equal) */\nconst sameOptions = (a: object, b: object): boolean => {\n  const ka = Object.keys(a).filter(\n    (k) => (a as Record<string, unknown>)[k] !== undefined,\n  );\n  const kb = Object.keys(b).filter(\n    (k) => (b as Record<string, unknown>)[k] !== undefined,\n  );\n  return (\n    ka.length === kb.length &&\n    ka.every((k) =>\n      sameValue(\n        (a as Record<string, unknown>)[k],\n        (b as Record<string, unknown>)[k],\n      ),\n    )\n  );\n};\n\ninterface Widget<O> {\n  setOptions(options: O): void;\n  destroy(): void;\n}\n\n/** Locale the engine resolves for `options` (the page language by default) */\nconst localeOf = (options: object): string =>\n  resolveLocale((options as { locale?: string }).locale);\n\n/**\n * Mounts an engine widget once, forwards option changes and subscribes the\n * handlers (read through a ref: inline callbacks never re-subscribe). The\n * options are applied again when the page language (`<html lang>`) changed,\n * so the built-in texts follow a language switch.\n */\nfunction useWidget<O extends object, I extends Widget<O>, H>(\n  factory: (container: HTMLElement, options: O) => I,\n  options: O,\n  handlers: H,\n  connect: (instance: I, handlers: () => H) => (() => void)[],\n): {\n  containerRef: RefObject<HTMLDivElement | null>;\n  instanceRef: RefObject<I | null>;\n} {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const instanceRef = useRef<I | null>(null);\n  const optionsRef = useRef(options);\n  const localeRef = useRef(\"\");\n  const handlersRef = useRef(handlers);\n\n  useEffect(() => {\n    handlersRef.current = handlers;\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    localeRef.current = localeOf(optionsRef.current);\n    const instance = factory(container, optionsRef.current);\n    instanceRef.current = instance;\n    const offs = connect(instance, () => handlersRef.current);\n    return () => {\n      offs.forEach((off) => off());\n      instance.destroy();\n      instanceRef.current = null;\n    };\n  }, [factory, connect]);\n\n  useEffect(() => {\n    const locale = localeOf(options);\n    if (\n      sameOptions(optionsRef.current, options) &&\n      locale === localeRef.current\n    )\n      return;\n    optionsRef.current = options;\n    localeRef.current = locale;\n    instanceRef.current?.setOptions(options);\n  });\n\n  return { containerRef, instanceRef };\n}\n\n/** Applies `book` when the object changes */\nfunction useBook(\n  instanceRef: RefObject<{ setBook(s: OrderBookSnapshot): void } | null>,\n  book: OrderBookSnapshot | undefined,\n) {\n  useEffect(() => {\n    if (book) instanceRef.current?.setBook(book);\n  }, [instanceRef, book]);\n}\n\n/** Adds the trades appended to `trades`; `replace` gets any other change */\nfunction useTrades(\n  instanceRef: RefObject<object | null>,\n  trades: readonly MarketTrade[] | undefined,\n  add: (trades: readonly MarketTrade[]) => void,\n  replace: (trades: readonly MarketTrade[]) => void,\n) {\n  const previousRef = useRef<readonly MarketTrade[] | undefined>(undefined);\n  /** Instance that received `previousRef` (a remount starts over) */\n  const targetRef = useRef<object | null>(null);\n  const addRef = useRef(add);\n  const replaceRef = useRef(replace);\n  useEffect(() => {\n    addRef.current = add;\n    replaceRef.current = replace;\n  });\n  useEffect(() => {\n    const target = instanceRef.current;\n    const previous =\n      targetRef.current === target ? previousRef.current : undefined;\n    previousRef.current = trades;\n    targetRef.current = target;\n    if (!trades || trades === previous) return;\n    const n = previous?.length ?? 0;\n    // a grown array (same items in front): only the new ones\n    if (\n      previous &&\n      n > 0 &&\n      trades.length >= n &&\n      trades[n - 1] === previous[n - 1] &&\n      trades[0] === previous[0]\n    ) {\n      if (trades.length > n) addRef.current(trades.slice(n));\n      return;\n    }\n    replaceRef.current(trades);\n  }, [instanceRef, trades]);\n}\n\nfunction Frame({\n  containerRef,\n  height,\n  width,\n  className,\n  style,\n  fallbackHeight,\n}: OrderBookWidgetProps & {\n  containerRef: RefObject<HTMLDivElement | null>;\n  fallbackHeight: string;\n}) {\n  return (\n    <div\n      className={className}\n      style={{\n        position: \"relative\",\n        width: size(width, \"100%\"),\n        height: size(height, fallbackHeight),\n        ...style,\n      }}\n    >\n      <div ref={containerRef} style={{ position: \"absolute\", inset: 0 }} />\n    </div>\n  );\n}\n\n// -------------------------------------------------------------- depth chart\n\ninterface DepthHandlers {\n  onHover?: DepthChartProps[\"onHover\"];\n  onClick?: DepthChartProps[\"onClick\"];\n  onRangeChange?: DepthChartProps[\"onRangeChange\"];\n}\n\nconst connectDepth = (chart: DepthChartInstance, h: () => DepthHandlers) => [\n  chart.on(\"hover\", (e) => h().onHover?.(e)),\n  chart.on(\"click\", (e) => h().onClick?.(e)),\n  chart.on(\"range\", (r) => h().onRangeChange?.(r)),\n];\n\n/**\n * Cumulative depth of an order book: stepped bid / ask areas around the mid\n * price, mirrored hover readout, zoom around the mid, eased updates.\n */\nexport function DepthChart({\n  height,\n  width,\n  className,\n  style,\n  book,\n  onHover,\n  onClick,\n  onRangeChange,\n  ref,\n  ...options\n}: DepthChartProps) {\n  const { containerRef, instanceRef } = useWidget(\n    createDepthChart,\n    options,\n    { onHover, onClick, onRangeChange },\n    connectDepth,\n  );\n  useBook(instanceRef, book);\n  useImperativeHandle(\n    ref,\n    () => ({\n      setBook: (snapshot) => instanceRef.current?.setBook(snapshot),\n      applyDeltas: (deltas) => instanceRef.current?.applyDeltas(deltas),\n      setRange: (range) => instanceRef.current?.setRange(range),\n      getInstance: () => instanceRef.current,\n    }),\n    [instanceRef],\n  );\n  return (\n    <Frame\n      containerRef={containerRef}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      fallbackHeight=\"320px\"\n    />\n  );\n}\n\n// --------------------------------------------------------------- order book\n\ninterface LadderHandlers {\n  onHover?: OrderBookProps[\"onHover\"];\n  onLevelClick?: OrderBookProps[\"onLevelClick\"];\n}\n\nconst connectLadder = (book: OrderBookInstance, h: () => LadderHandlers) => [\n  book.on(\"hover\", (e) => h().onHover?.(e)),\n  book.on(\"levelClick\", (e) => h().onLevelClick?.(e)),\n];\n\n/**\n * Order book ladder: asks above the spread row, bids below, with depth\n * bars, price grouping, change flashes and large order highlight.\n */\nexport function OrderBook({\n  height,\n  width,\n  className,\n  style,\n  book,\n  lastPrice,\n  onHover,\n  onLevelClick,\n  ref,\n  ...options\n}: OrderBookProps) {\n  const { containerRef, instanceRef } = useWidget(\n    createOrderBook,\n    options,\n    { onHover, onLevelClick },\n    connectLadder,\n  );\n  useBook(instanceRef, book);\n  useEffect(() => {\n    if (lastPrice !== undefined) instanceRef.current?.setLastPrice(lastPrice);\n  }, [instanceRef, lastPrice]);\n  useImperativeHandle(\n    ref,\n    () => ({\n      setBook: (snapshot) => instanceRef.current?.setBook(snapshot),\n      applyDeltas: (deltas) => instanceRef.current?.applyDeltas(deltas),\n      setLastPrice: (price) => instanceRef.current?.setLastPrice(price),\n      getInstance: () => instanceRef.current,\n    }),\n    [instanceRef],\n  );\n  return (\n    <Frame\n      containerRef={containerRef}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      fallbackHeight=\"420px\"\n    />\n  );\n}\n\n// ------------------------------------------------------------------ heatmap\n\ninterface HeatmapHandlers {\n  onHover?: OrderBookHeatmapProps[\"onHover\"];\n  onRendererChange?: OrderBookHeatmapProps[\"onRendererChange\"];\n  onFollowChange?: OrderBookHeatmapProps[\"onFollowChange\"];\n}\n\nconst connectHeatmap = (\n  heatmap: OrderBookHeatmapInstance,\n  h: () => HeatmapHandlers,\n) => [\n  heatmap.on(\"hover\", (e) => h().onHover?.(e)),\n  heatmap.on(\"renderer\", (r) => h().onRendererChange?.(r)),\n  heatmap.on(\"follow\", (f) => h().onFollowChange?.(f)),\n];\n\n/**\n * Liquidity heatmap: resting size over time and price drawn by the GPU,\n * best bid / ask lines and trades as bubbles sized by volume.\n */\nexport function OrderBookHeatmap({\n  height,\n  width,\n  className,\n  style,\n  book,\n  trades,\n  onHover,\n  onRendererChange,\n  onFollowChange,\n  ref,\n  ...options\n}: OrderBookHeatmapProps) {\n  const { containerRef, instanceRef } = useWidget(\n    createOrderBookHeatmap,\n    options,\n    { onHover, onRendererChange, onFollowChange },\n    connectHeatmap,\n  );\n  useBook(instanceRef, book);\n  useTrades(\n    instanceRef,\n    trades,\n    (list) => instanceRef.current?.addTrades(list),\n    (list) => instanceRef.current?.addTrades(list),\n  );\n  useImperativeHandle(\n    ref,\n    () => ({\n      setBook: (snapshot) => instanceRef.current?.setBook(snapshot),\n      applyDeltas: (deltas) => instanceRef.current?.applyDeltas(deltas),\n      addTrades: (list) => instanceRef.current?.addTrades(list),\n      resetView: () => instanceRef.current?.resetView(),\n      getInstance: () => instanceRef.current,\n    }),\n    [instanceRef],\n  );\n  return (\n    <Frame\n      containerRef={containerRef}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      fallbackHeight=\"360px\"\n    />\n  );\n}\n\n// ----------------------------------------------------------- time and sales\n\ninterface TapeHandlers {\n  onHover?: TimeAndSalesProps[\"onHover\"];\n  onTradeClick?: TimeAndSalesProps[\"onTradeClick\"];\n  onPause?: TimeAndSalesProps[\"onPause\"];\n}\n\nconst connectTape = (tape: TimeAndSalesInstance, h: () => TapeHandlers) => [\n  tape.on(\"hover\", (e) => h().onHover?.(e)),\n  tape.on(\"tradeClick\", (e) => h().onTradeClick?.(e)),\n  tape.on(\"pause\", (p) => h().onPause?.(p)),\n];\n\n/**\n * Time and sales tape: newest trades on top, virtualized (hundreds of\n * thousands of rows), large trades highlighted, paused while hovered.\n */\nexport function TimeAndSales({\n  height,\n  width,\n  className,\n  style,\n  trades,\n  onHover,\n  onTradeClick,\n  onPause,\n  ref,\n  ...options\n}: TimeAndSalesProps) {\n  const { containerRef, instanceRef } = useWidget(\n    createTimeAndSales,\n    options,\n    { onHover, onTradeClick, onPause },\n    connectTape,\n  );\n  useTrades(\n    instanceRef,\n    trades,\n    (list) => instanceRef.current?.addTrades(list),\n    (list) => instanceRef.current?.setTrades(list),\n  );\n  useImperativeHandle(\n    ref,\n    () => ({\n      addTrades: (list) => instanceRef.current?.addTrades(list),\n      setTrades: (list) => instanceRef.current?.setTrades(list),\n      clear: () => instanceRef.current?.clear(),\n      scrollToLatest: () => instanceRef.current?.scrollToLatest(),\n      getInstance: () => instanceRef.current,\n    }),\n    [instanceRef],\n  );\n  return (\n    <Frame\n      containerRef={containerRef}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      fallbackHeight=\"360px\"\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/charts/react/orderbook.d.cts

@@ -0,0 +1,142 @@
+import { CSSProperties, Ref } from 'react';
+import { DepthChartHoverEvent, DepthChartInstance, DepthChartOptions, MarketTrade, OrderBookDelta, OrderBookHeatmapHoverEvent, OrderBookHeatmapInstance, OrderBookHeatmapOptions, OrderBookInstance, OrderBookLevelEvent, OrderBookOptions, OrderBookSnapshot, TimeAndSalesInstance, TimeAndSalesOptions, TimeAndSalesRowEvent } from '../engine/orderbook/types.cjs';
+import { ChartRendererKind } from '../engine/types.cjs';
+/** Container props shared by the order book components */
+export interface OrderBookWidgetProps {
+    /** Height of the widget; numbers are pixels */
+    height?: number | string;
+    /**
+     * Width of the widget; numbers are pixels
+     * @default "100%"
+     */
+    width?: number | string;
+    /** Class of the container */
+    className?: string;
+    /** Style of the container */
+    style?: CSSProperties;
+}
+/** Imperative handle of `DepthChart` */
+export interface DepthChartHandle {
+    /** Replaces the book */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (size 0 removes a level); drawn once at the next frame */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Sets the visible range (fraction of the mid); `null` fits the book */
+    setRange(range: number | null): void;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): DepthChartInstance | null;
+}
+/** Props of `DepthChart` */
+export interface DepthChartProps extends DepthChartOptions, OrderBookWidgetProps {
+    /** Book to draw, applied when the object changes (stream updates through the ref) */
+    book?: OrderBookSnapshot;
+    /** Pointer over the curves (`null` when it leaves) */
+    onHover?: (event: DepthChartHoverEvent | null) => void;
+    /** Click / tap on the curves */
+    onClick?: (event: DepthChartHoverEvent) => void;
+    /** The visible range changed by zooming (fraction of the mid) */
+    onRangeChange?: (range: number) => void;
+    /** Imperative handle: `setBook`, `applyDeltas`, `setRange` */
+    ref?: Ref<DepthChartHandle>;
+}
+/** Imperative handle of `OrderBook` */
+export interface OrderBookHandle {
+    /** Replaces the book */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (size 0 removes a level); drawn once at the next frame */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Price of the spread row (the mid price when `null`) */
+    setLastPrice(price: number | null): void;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): OrderBookInstance | null;
+}
+/** Props of `OrderBook` */
+export interface OrderBookProps extends OrderBookOptions, OrderBookWidgetProps {
+    /** Book to draw, applied when the object changes (stream updates through the ref) */
+    book?: OrderBookSnapshot;
+    /** Price of the spread row, colored by its last move; the mid price when omitted */
+    lastPrice?: number | null;
+    /** Hovered row (`null` when the pointer leaves) */
+    onHover?: (level: OrderBookLevelEvent | null) => void;
+    /** Click / tap / Enter on a row (e.g. to fill a price in an order form) */
+    onLevelClick?: (level: OrderBookLevelEvent) => void;
+    /** Imperative handle: `setBook`, `applyDeltas`, `setLastPrice` */
+    ref?: Ref<OrderBookHandle>;
+}
+/** Imperative handle of `OrderBookHeatmap` */
+export interface OrderBookHeatmapHandle {
+    /** Replaces the book (closes the columns up to its time) */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (closes the columns up to their time) */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Adds trades (bubbles) */
+    addTrades(trades: MarketTrade | readonly MarketTrade[]): void;
+    /** Follows the market again */
+    resetView(): void;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): OrderBookHeatmapInstance | null;
+}
+/** Props of `OrderBookHeatmap` */
+export interface OrderBookHeatmapProps extends OrderBookHeatmapOptions, OrderBookWidgetProps {
+    /** Book, applied when the object changes (stream updates through the ref) */
+    book?: OrderBookSnapshot;
+    /** Trades; when the array grows, only the appended ones are added */
+    trades?: readonly MarketTrade[];
+    /** Hovered cell (`null` when the pointer leaves) */
+    onHover?: (event: OrderBookHeatmapHoverEvent | null) => void;
+    /** Backend in use (also after a GPU loss) */
+    onRendererChange?: (renderer: ChartRendererKind) => void;
+    /** `true` while the view follows the market, `false` after a zoom / pan */
+    onFollowChange?: (follow: boolean) => void;
+    /** Imperative handle: `setBook`, `applyDeltas`, `addTrades`, `resetView` */
+    ref?: Ref<OrderBookHeatmapHandle>;
+}
+/** Imperative handle of `TimeAndSales` */
+export interface TimeAndSalesHandle {
+    /** Appends trades (oldest first) */
+    addTrades(trades: MarketTrade | readonly MarketTrade[]): void;
+    /** Replaces every trade */
+    setTrades(trades: readonly MarketTrade[]): void;
+    /** Removes every trade */
+    clear(): void;
+    /** Scrolls back to the newest trade and resumes */
+    scrollToLatest(): void;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): TimeAndSalesInstance | null;
+}
+/** Props of `TimeAndSales` */
+export interface TimeAndSalesProps extends TimeAndSalesOptions, OrderBookWidgetProps {
+    /**
+     * Trades, oldest first; when the array grows, only the appended ones are
+     * added (other changes replace the tape)
+     */
+    trades?: readonly MarketTrade[];
+    /** Hovered row (`null` when the pointer leaves) */
+    onHover?: (row: TimeAndSalesRowEvent | null) => void;
+    /** Click / tap / Enter on a row */
+    onTradeClick?: (row: TimeAndSalesRowEvent) => void;
+    /** The tape paused (pointer over it, scrolled down) or resumed */
+    onPause?: (paused: boolean) => void;
+    /** Imperative handle: `addTrades`, `setTrades`, `clear`, `scrollToLatest` */
+    ref?: Ref<TimeAndSalesHandle>;
+}
+/**
+ * Cumulative depth of an order book: stepped bid / ask areas around the mid
+ * price, mirrored hover readout, zoom around the mid, eased updates.
+ */
+export declare function DepthChart({ height, width, className, style, book, onHover, onClick, onRangeChange, ref, ...options }: DepthChartProps): import('react').JSX.Element;
+/**
+ * Order book ladder: asks above the spread row, bids below, with depth
+ * bars, price grouping, change flashes and large order highlight.
+ */
+export declare function OrderBook({ height, width, className, style, book, lastPrice, onHover, onLevelClick, ref, ...options }: OrderBookProps): import('react').JSX.Element;
+/**
+ * Liquidity heatmap: resting size over time and price drawn by the GPU,
+ * best bid / ask lines and trades as bubbles sized by volume.
+ */
+export declare function OrderBookHeatmap({ height, width, className, style, book, trades, onHover, onRendererChange, onFollowChange, ref, ...options }: OrderBookHeatmapProps): import('react').JSX.Element;
+/**
+ * Time and sales tape: newest trades on top, virtualized (hundreds of
+ * thousands of rows), large trades highlighted, paused while hovered.
+ */
+export declare function TimeAndSales({ height, width, className, style, trades, onHover, onTradeClick, onPause, ref, ...options }: TimeAndSalesProps): import('react').JSX.Element;

package/dist/charts/react/orderbook.d.ts

@@ -0,0 +1,142 @@
+import { CSSProperties, Ref } from 'react';
+import { DepthChartHoverEvent, DepthChartInstance, DepthChartOptions, MarketTrade, OrderBookDelta, OrderBookHeatmapHoverEvent, OrderBookHeatmapInstance, OrderBookHeatmapOptions, OrderBookInstance, OrderBookLevelEvent, OrderBookOptions, OrderBookSnapshot, TimeAndSalesInstance, TimeAndSalesOptions, TimeAndSalesRowEvent } from '../engine/orderbook/types.js';
+import { ChartRendererKind } from '../engine/types.js';
+/** Container props shared by the order book components */
+export interface OrderBookWidgetProps {
+    /** Height of the widget; numbers are pixels */
+    height?: number | string;
+    /**
+     * Width of the widget; numbers are pixels
+     * @default "100%"
+     */
+    width?: number | string;
+    /** Class of the container */
+    className?: string;
+    /** Style of the container */
+    style?: CSSProperties;
+}
+/** Imperative handle of `DepthChart` */
+export interface DepthChartHandle {
+    /** Replaces the book */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (size 0 removes a level); drawn once at the next frame */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Sets the visible range (fraction of the mid); `null` fits the book */
+    setRange(range: number | null): void;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): DepthChartInstance | null;
+}
+/** Props of `DepthChart` */
+export interface DepthChartProps extends DepthChartOptions, OrderBookWidgetProps {
+    /** Book to draw, applied when the object changes (stream updates through the ref) */
+    book?: OrderBookSnapshot;
+    /** Pointer over the curves (`null` when it leaves) */
+    onHover?: (event: DepthChartHoverEvent | null) => void;
+    /** Click / tap on the curves */
+    onClick?: (event: DepthChartHoverEvent) => void;
+    /** The visible range changed by zooming (fraction of the mid) */
+    onRangeChange?: (range: number) => void;
+    /** Imperative handle: `setBook`, `applyDeltas`, `setRange` */
+    ref?: Ref<DepthChartHandle>;
+}
+/** Imperative handle of `OrderBook` */
+export interface OrderBookHandle {
+    /** Replaces the book */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (size 0 removes a level); drawn once at the next frame */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Price of the spread row (the mid price when `null`) */
+    setLastPrice(price: number | null): void;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): OrderBookInstance | null;
+}
+/** Props of `OrderBook` */
+export interface OrderBookProps extends OrderBookOptions, OrderBookWidgetProps {
+    /** Book to draw, applied when the object changes (stream updates through the ref) */
+    book?: OrderBookSnapshot;
+    /** Price of the spread row, colored by its last move; the mid price when omitted */
+    lastPrice?: number | null;
+    /** Hovered row (`null` when the pointer leaves) */
+    onHover?: (level: OrderBookLevelEvent | null) => void;
+    /** Click / tap / Enter on a row (e.g. to fill a price in an order form) */
+    onLevelClick?: (level: OrderBookLevelEvent) => void;
+    /** Imperative handle: `setBook`, `applyDeltas`, `setLastPrice` */
+    ref?: Ref<OrderBookHandle>;
+}
+/** Imperative handle of `OrderBookHeatmap` */
+export interface OrderBookHeatmapHandle {
+    /** Replaces the book (closes the columns up to its time) */
+    setBook(snapshot: OrderBookSnapshot): void;
+    /** Applies updates (closes the columns up to their time) */
+    applyDeltas(deltas: OrderBookDelta | readonly OrderBookDelta[]): void;
+    /** Adds trades (bubbles) */
+    addTrades(trades: MarketTrade | readonly MarketTrade[]): void;
+    /** Follows the market again */
+    resetView(): void;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): OrderBookHeatmapInstance | null;
+}
+/** Props of `OrderBookHeatmap` */
+export interface OrderBookHeatmapProps extends OrderBookHeatmapOptions, OrderBookWidgetProps {
+    /** Book, applied when the object changes (stream updates through the ref) */
+    book?: OrderBookSnapshot;
+    /** Trades; when the array grows, only the appended ones are added */
+    trades?: readonly MarketTrade[];
+    /** Hovered cell (`null` when the pointer leaves) */
+    onHover?: (event: OrderBookHeatmapHoverEvent | null) => void;
+    /** Backend in use (also after a GPU loss) */
+    onRendererChange?: (renderer: ChartRendererKind) => void;
+    /** `true` while the view follows the market, `false` after a zoom / pan */
+    onFollowChange?: (follow: boolean) => void;
+    /** Imperative handle: `setBook`, `applyDeltas`, `addTrades`, `resetView` */
+    ref?: Ref<OrderBookHeatmapHandle>;
+}
+/** Imperative handle of `TimeAndSales` */
+export interface TimeAndSalesHandle {
+    /** Appends trades (oldest first) */
+    addTrades(trades: MarketTrade | readonly MarketTrade[]): void;
+    /** Replaces every trade */
+    setTrades(trades: readonly MarketTrade[]): void;
+    /** Removes every trade */
+    clear(): void;
+    /** Scrolls back to the newest trade and resumes */
+    scrollToLatest(): void;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): TimeAndSalesInstance | null;
+}
+/** Props of `TimeAndSales` */
+export interface TimeAndSalesProps extends TimeAndSalesOptions, OrderBookWidgetProps {
+    /**
+     * Trades, oldest first; when the array grows, only the appended ones are
+     * added (other changes replace the tape)
+     */
+    trades?: readonly MarketTrade[];
+    /** Hovered row (`null` when the pointer leaves) */
+    onHover?: (row: TimeAndSalesRowEvent | null) => void;
+    /** Click / tap / Enter on a row */
+    onTradeClick?: (row: TimeAndSalesRowEvent) => void;
+    /** The tape paused (pointer over it, scrolled down) or resumed */
+    onPause?: (paused: boolean) => void;
+    /** Imperative handle: `addTrades`, `setTrades`, `clear`, `scrollToLatest` */
+    ref?: Ref<TimeAndSalesHandle>;
+}
+/**
+ * Cumulative depth of an order book: stepped bid / ask areas around the mid
+ * price, mirrored hover readout, zoom around the mid, eased updates.
+ */
+export declare function DepthChart({ height, width, className, style, book, onHover, onClick, onRangeChange, ref, ...options }: DepthChartProps): import('react').JSX.Element;
+/**
+ * Order book ladder: asks above the spread row, bids below, with depth
+ * bars, price grouping, change flashes and large order highlight.
+ */
+export declare function OrderBook({ height, width, className, style, book, lastPrice, onHover, onLevelClick, ref, ...options }: OrderBookProps): import('react').JSX.Element;
+/**
+ * Liquidity heatmap: resting size over time and price drawn by the GPU,
+ * best bid / ask lines and trades as bubbles sized by volume.
+ */
+export declare function OrderBookHeatmap({ height, width, className, style, book, trades, onHover, onRendererChange, onFollowChange, ref, ...options }: OrderBookHeatmapProps): import('react').JSX.Element;
+/**
+ * Time and sales tape: newest trades on top, virtualized (hundreds of
+ * thousands of rows), large trades highlighted, paused while hovered.
+ */
+export declare function TimeAndSales({ height, width, className, style, trades, onHover, onTradeClick, onPause, ref, ...options }: TimeAndSalesProps): import('react').JSX.Element;

package/dist/charts/react/orderbook.js

@@ -0,0 +1,182 @@
+"use client";
+import { resolveLocale as e } from "../engine/locale.js";
+import { createDepthChart as t } from "../engine/orderbook/depth.js";
+import { createOrderBookHeatmap as n } from "../engine/orderbook/heatmap.js";
+import { createOrderBook as r } from "../engine/orderbook/ladder.js";
+import { createTimeAndSales as i } from "../engine/orderbook/tape.js";
+import { useEffect as a, useImperativeHandle as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/react/orderbook.tsx
+var l = (e, t) => e === void 0 ? t : typeof e == "number" ? `${e}px` : e, u = (e, t) => {
+	if (e === t) return !0;
+	if (Array.isArray(e) && Array.isArray(t)) return e.length === t.length && e.every((e, n) => e === t[n]);
+	if (typeof e != "object" || typeof t != "object" || e === null || t === null || Object.getPrototypeOf(e) !== Object.prototype || Object.getPrototypeOf(t) !== Object.prototype) return !1;
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => e[n] === t[n]);
+}, d = (e, t) => {
+	let n = Object.keys(e).filter((t) => e[t] !== void 0), r = Object.keys(t).filter((e) => t[e] !== void 0);
+	return n.length === r.length && n.every((n) => u(e[n], t[n]));
+}, f = (t) => e(t.locale);
+function p(e, t, n, r) {
+	let i = s(null), o = s(null), c = s(t), l = s(""), u = s(n);
+	return a(() => {
+		u.current = n;
+	}), a(() => {
+		let t = i.current;
+		if (!t) return;
+		l.current = f(c.current);
+		let n = e(t, c.current);
+		o.current = n;
+		let a = r(n, () => u.current);
+		return () => {
+			a.forEach((e) => e()), n.destroy(), o.current = null;
+		};
+	}, [e, r]), a(() => {
+		let e = f(t);
+		d(c.current, t) && e === l.current || (c.current = t, l.current = e, o.current?.setOptions(t));
+	}), {
+		containerRef: i,
+		instanceRef: o
+	};
+}
+function m(e, t) {
+	a(() => {
+		t && e.current?.setBook(t);
+	}, [e, t]);
+}
+function h(e, t, n, r) {
+	let i = s(void 0), o = s(null), c = s(n), l = s(r);
+	a(() => {
+		c.current = n, l.current = r;
+	}), a(() => {
+		let n = e.current, r = o.current === n ? i.current : void 0;
+		if (i.current = t, o.current = n, !t || t === r) return;
+		let a = r?.length ?? 0;
+		if (r && a > 0 && t.length >= a && t[a - 1] === r[a - 1] && t[0] === r[0]) {
+			t.length > a && c.current(t.slice(a));
+			return;
+		}
+		l.current(t);
+	}, [e, t]);
+}
+function g({ containerRef: e, height: t, width: n, className: r, style: i, fallbackHeight: a }) {
+	return /* @__PURE__ */ c("div", {
+		className: r,
+		style: {
+			position: "relative",
+			width: l(n, "100%"),
+			height: l(t, a),
+			...i
+		},
+		children: /* @__PURE__ */ c("div", {
+			ref: e,
+			style: {
+				position: "absolute",
+				inset: 0
+			}
+		})
+	});
+}
+var _ = (e, t) => [
+	e.on("hover", (e) => t().onHover?.(e)),
+	e.on("click", (e) => t().onClick?.(e)),
+	e.on("range", (e) => t().onRangeChange?.(e))
+];
+function v({ height: e, width: n, className: r, style: i, book: a, onHover: s, onClick: l, onRangeChange: u, ref: d, ...f }) {
+	let { containerRef: h, instanceRef: v } = p(t, f, {
+		onHover: s,
+		onClick: l,
+		onRangeChange: u
+	}, _);
+	return m(v, a), o(d, () => ({
+		setBook: (e) => v.current?.setBook(e),
+		applyDeltas: (e) => v.current?.applyDeltas(e),
+		setRange: (e) => v.current?.setRange(e),
+		getInstance: () => v.current
+	}), [v]), /* @__PURE__ */ c(g, {
+		containerRef: h,
+		height: e,
+		width: n,
+		className: r,
+		style: i,
+		fallbackHeight: "320px"
+	});
+}
+var y = (e, t) => [e.on("hover", (e) => t().onHover?.(e)), e.on("levelClick", (e) => t().onLevelClick?.(e))];
+function b({ height: e, width: t, className: n, style: i, book: s, lastPrice: l, onHover: u, onLevelClick: d, ref: f, ...h }) {
+	let { containerRef: _, instanceRef: v } = p(r, h, {
+		onHover: u,
+		onLevelClick: d
+	}, y);
+	return m(v, s), a(() => {
+		l !== void 0 && v.current?.setLastPrice(l);
+	}, [v, l]), o(f, () => ({
+		setBook: (e) => v.current?.setBook(e),
+		applyDeltas: (e) => v.current?.applyDeltas(e),
+		setLastPrice: (e) => v.current?.setLastPrice(e),
+		getInstance: () => v.current
+	}), [v]), /* @__PURE__ */ c(g, {
+		containerRef: _,
+		height: e,
+		width: t,
+		className: n,
+		style: i,
+		fallbackHeight: "420px"
+	});
+}
+var x = (e, t) => [
+	e.on("hover", (e) => t().onHover?.(e)),
+	e.on("renderer", (e) => t().onRendererChange?.(e)),
+	e.on("follow", (e) => t().onFollowChange?.(e))
+];
+function S({ height: e, width: t, className: r, style: i, book: a, trades: s, onHover: l, onRendererChange: u, onFollowChange: d, ref: f, ..._ }) {
+	let { containerRef: v, instanceRef: y } = p(n, _, {
+		onHover: l,
+		onRendererChange: u,
+		onFollowChange: d
+	}, x);
+	return m(y, a), h(y, s, (e) => y.current?.addTrades(e), (e) => y.current?.addTrades(e)), o(f, () => ({
+		setBook: (e) => y.current?.setBook(e),
+		applyDeltas: (e) => y.current?.applyDeltas(e),
+		addTrades: (e) => y.current?.addTrades(e),
+		resetView: () => y.current?.resetView(),
+		getInstance: () => y.current
+	}), [y]), /* @__PURE__ */ c(g, {
+		containerRef: v,
+		height: e,
+		width: t,
+		className: r,
+		style: i,
+		fallbackHeight: "360px"
+	});
+}
+var C = (e, t) => [
+	e.on("hover", (e) => t().onHover?.(e)),
+	e.on("tradeClick", (e) => t().onTradeClick?.(e)),
+	e.on("pause", (e) => t().onPause?.(e))
+];
+function w({ height: e, width: t, className: n, style: r, trades: a, onHover: s, onTradeClick: l, onPause: u, ref: d, ...f }) {
+	let { containerRef: m, instanceRef: _ } = p(i, f, {
+		onHover: s,
+		onTradeClick: l,
+		onPause: u
+	}, C);
+	return h(_, a, (e) => _.current?.addTrades(e), (e) => _.current?.setTrades(e)), o(d, () => ({
+		addTrades: (e) => _.current?.addTrades(e),
+		setTrades: (e) => _.current?.setTrades(e),
+		clear: () => _.current?.clear(),
+		scrollToLatest: () => _.current?.scrollToLatest(),
+		getInstance: () => _.current
+	}), [_]), /* @__PURE__ */ c(g, {
+		containerRef: m,
+		height: e,
+		width: t,
+		className: n,
+		style: r,
+		fallbackHeight: "360px"
+	});
+}
+//#endregion
+export { v as DepthChart, b as OrderBook, S as OrderBookHeatmap, w as TimeAndSales };
+
+//# sourceMappingURL=orderbook.js.map