minerva-design 1.0.2 → 1.2.0

package/dist/charts/react/Chart.js

@@ -0,0 +1,117 @@
+"use client";
+import { createChart as e } from "../engine/chart.js";
+import { useEffect as t, useImperativeHandle as n, useMemo as r, useRef as i, useState as a } from "react";
+import { createPortal as o, flushSync as s } from "react-dom";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/react/Chart.tsx
+var u = (e, t) => e === void 0 ? t : typeof e == "number" ? `${e}px` : e, d = (e) => ({
+	series: e.series,
+	xAxis: e.xAxis,
+	yAxis: e.yAxis,
+	renderer: e.renderer,
+	legend: e.legend,
+	tooltip: e.tooltip,
+	crosshair: e.crosshair,
+	annotations: e.annotations,
+	interaction: e.interaction,
+	padding: e.padding,
+	palette: e.palette,
+	ariaLabel: e.ariaLabel
+});
+function f({ options: d, height: f, width: p, className: m, style: h, handleRef: g, renderTooltip: _, overlay: v, ...y }) {
+	let b = i(null), x = i(null), S = i(y), C = i(_), [w, T] = a(null), [E, D] = a(null), O = r(() => typeof document > "u" ? null : document.createElement("div"), []), k = r(() => {
+		if (!_ || !O || d.tooltip === !1) return d;
+		let e = typeof d.tooltip == "object" ? d.tooltip : {};
+		return {
+			...d,
+			tooltip: {
+				...e,
+				render: (e) => C.current ? (s(() => T(e)), O) : null
+			}
+		};
+	}, [
+		d,
+		_,
+		O
+	]), A = i(k);
+	return t(() => {
+		S.current = y, C.current = _;
+	}), t(() => {
+		let t = b.current;
+		if (!t) return;
+		let n = e(t, A.current);
+		x.current = n;
+		let r = [
+			n.on("hover", (e) => S.current.onHover?.(e)),
+			n.on("click", (e) => S.current.onPointClick?.(e)),
+			n.on("plotClick", (e) => S.current.onPlotClick?.(e)),
+			n.on("zoom", (e) => S.current.onZoom?.(e)),
+			n.on("renderer", (e) => S.current.onRendererChange?.(e)),
+			n.on("drag", (e) => S.current.onDrag?.(e)),
+			n.on("drop", (e) => S.current.onDrop?.(e)),
+			n.on("layout", (e) => D(e))
+		];
+		return () => {
+			r.forEach((e) => e()), n.destroy(), x.current = null;
+		};
+	}, []), t(() => {
+		A.current !== k && (A.current = k, x.current?.setOptions(k));
+	}, [k]), n(g, () => ({
+		resetZoom: () => x.current?.resetZoom(),
+		getView: () => x.current?.getView() ?? null,
+		setView: (e) => x.current?.setView(e),
+		getRenderer: () => x.current?.getRenderer() ?? null,
+		getInstance: () => x.current
+	}), []), /* @__PURE__ */ l("div", {
+		className: m,
+		style: {
+			position: "relative",
+			width: u(p, "100%"),
+			height: u(f, "320px"),
+			...h
+		},
+		children: [
+			/* @__PURE__ */ c("div", {
+				ref: b,
+				style: {
+					position: "absolute",
+					inset: 0
+				}
+			}),
+			v && E && /* @__PURE__ */ c("div", {
+				className: "minerva-chart-overlay",
+				style: {
+					position: "absolute",
+					left: E.x,
+					top: E.y,
+					width: E.width,
+					height: E.height,
+					pointerEvents: "none"
+				},
+				children: v(E)
+			}),
+			O && w && _ && o(_(w), O)
+		]
+	});
+}
+function p(e) {
+	let { height: t, width: n, className: r, style: i, ref: a, onHover: o, onPointClick: s, onPlotClick: l, onZoom: u, onRendererChange: p, renderTooltip: m } = e;
+	return /* @__PURE__ */ c(f, {
+		options: d(e),
+		height: t,
+		width: n,
+		className: r,
+		style: i,
+		handleRef: a,
+		onHover: o,
+		onPointClick: s,
+		onPlotClick: l,
+		onZoom: u,
+		onRendererChange: p,
+		renderTooltip: m
+	});
+}
+//#endregion
+export { p as Chart, f as ChartBase, d as engineOptions };
+
+//# sourceMappingURL=Chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","names":["size","value","fallback","engineOptions","props","ChartBase","handlers","containerRef","useRef","chartRef","handlersRef","tooltipRef","renderTooltip","tipEvent","setTipEvent","useState","plot","setPlot","tipHost","useMemo","resolved","options","base","flushSync","event","optionsRef","useEffect","container","chart","createChart","offs","v","r","rect","off","useImperativeHandle","handleRef","view","width","height","style","overlay","createPortal","Chart","ref"],"sources":["../../../../charts/src/react/Chart.tsx"],"sourcesContent":["import {\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { createPortal, flushSync } from \"react-dom\";\nimport { createChart } from \"../engine/chart\";\nimport type {\n  ChartDragEvent,\n  ChartHoverEvent,\n  ChartInstance,\n  ChartOptions,\n  ChartPlotClickEvent,\n  ChartRect,\n  ChartRendererKind,\n  ChartView,\n} from \"../engine/types\";\nimport type { ChartCommonProps, ChartProps } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ChartHoverEvent | null) => void;\n  onPointClick?: (event: ChartHoverEvent) => void;\n  onPlotClick?: (event: ChartPlotClickEvent) => void;\n  onZoom?: (view: ChartView) => void;\n  onRendererChange?: (renderer: ChartRendererKind) => void;\n  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\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/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\n    | \"renderer\"\n    | \"legend\"\n    | \"tooltip\"\n    | \"crosshair\"\n    | \"annotations\"\n    | \"interaction\"\n    | \"padding\"\n    | \"palette\"\n    | \"ariaLabel\"\n  > &\n    Pick<ChartOptions, \"series\">,\n): ChartOptions => ({\n  series: props.series,\n  xAxis: props.xAxis,\n  yAxis: props.yAxis,\n  renderer: props.renderer,\n  legend: props.legend,\n  tooltip: props.tooltip,\n  crosshair: props.crosshair,\n  annotations: props.annotations,\n  interaction: props.interaction,\n  padding: props.padding,\n  palette: props.palette,\n  ariaLabel: props.ariaLabel,\n});\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: number | string;\n  width?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  handleRef?: ChartCommonProps[\"ref\"];\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the chart, given the plot area */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Mounts the engine in a sized <div> and forwards option / handler changes */\nexport function ChartBase({\n  options,\n  height,\n  width,\n  className,\n  style,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartRef = useRef<ChartInstance | null>(null);\n  const handlersRef = useRef<Handlers>(handlers);\n  const tooltipRef = useRef(renderTooltip);\n  const [tipEvent, setTipEvent] = useState<ChartHoverEvent | null>(null);\n  const [plot, setPlot] = useState<ChartRect | null>(null);\n  const tipHost = useMemo(\n    () =>\n      typeof document === \"undefined\" ? null : document.createElement(\"div\"),\n    [],\n  );\n\n  const resolved = useMemo((): ChartOptions => {\n    if (!renderTooltip || !tipHost || options.tooltip === false) return options;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return {\n      ...options,\n      tooltip: {\n        ...base,\n        render: (event) => {\n          if (!tooltipRef.current) return null;\n          // render synchronously so the engine measures the final size\n          flushSync(() => setTipEvent(event));\n          return tipHost;\n        },\n      },\n    };\n  }, [options, renderTooltip, tipHost]);\n  const optionsRef = useRef(resolved);\n\n  useEffect(() => {\n    handlersRef.current = handlers;\n    tooltipRef.current = renderTooltip;\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const chart = createChart(container, optionsRef.current);\n    chartRef.current = chart;\n    const offs = [\n      chart.on(\"hover\", (e) => handlersRef.current.onHover?.(e)),\n      chart.on(\"click\", (e) => handlersRef.current.onPointClick?.(e)),\n      chart.on(\"plotClick\", (e) => handlersRef.current.onPlotClick?.(e)),\n      chart.on(\"zoom\", (v) => handlersRef.current.onZoom?.(v)),\n      chart.on(\"renderer\", (r) => handlersRef.current.onRendererChange?.(r)),\n      chart.on(\"drag\", (e) => handlersRef.current.onDrag?.(e)),\n      chart.on(\"drop\", (e) => handlersRef.current.onDrop?.(e)),\n      chart.on(\"layout\", (rect) => setPlot(rect)),\n    ];\n    return () => {\n      offs.forEach((off) => off());\n      chart.destroy();\n      chartRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (optionsRef.current === resolved) return;\n    optionsRef.current = resolved;\n    chartRef.current?.setOptions(resolved);\n  }, [resolved]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => chartRef.current?.resetZoom(),\n      getView: () => chartRef.current?.getView() ?? null,\n      setView: (view) => chartRef.current?.setView(view),\n      getRenderer: () => chartRef.current?.getRenderer() ?? null,\n      getInstance: () => chartRef.current,\n    }),\n    [],\n  );\n\n  return (\n    <div\n      className={className}\n      style={{\n        position: \"relative\",\n        width: size(width, \"100%\"),\n        height: size(height, \"320px\"),\n        ...style,\n      }}\n    >\n      <div ref={containerRef} style={{ position: \"absolute\", inset: 0 }} />\n      {overlay && plot && (\n        <div\n          className=\"minerva-chart-overlay\"\n          style={{\n            position: \"absolute\",\n            left: plot.x,\n            top: plot.y,\n            width: plot.width,\n            height: plot.height,\n            pointerEvents: \"none\",\n          }}\n        >\n          {overlay(plot)}\n        </div>\n      )}\n      {tipHost &&\n        tipEvent &&\n        renderTooltip &&\n        createPortal(renderTooltip(tipEvent), tipHost)}\n    </div>\n  );\n}\n\n/**\n * GPU chart (WebGPU, then WebGL2, then Canvas2D) mixing line, area, bar and\n * scatter series; zoomable, keyboard accessible and themed by the Minerva\n * CSS variables.\n */\nexport function Chart(props: ChartProps) {\n  const {\n    height,\n    width,\n    className,\n    style,\n    ref,\n    onHover,\n    onPointClick,\n    onPlotClick,\n    onZoom,\n    onRendererChange,\n    renderTooltip,\n  } = props;\n  return (\n    <ChartBase\n      options={engineOptions(props)}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      handleRef={ref}\n      onHover={onHover}\n      onPointClick={onPointClick}\n      onPlotClick={onPlotClick}\n      onZoom={onZoom}\n      onRendererChange={onRendererChange}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/charts/react/charts.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("./Chart.cjs"),t=require("../engine/presets.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=e=>({height:e.height,width:e.width,className:e.className,style:e.style,handleRef:e.ref,onHover:e.onHover,onPointClick:e.onPointClick,onPlotClick:e.onPlotClick,onZoom:e.onZoom,onRendererChange:e.onRendererChange,renderTooltip:e.renderTooltip});function a(a){let{series:o,area:s=!1}=a,c=(0,n.useMemo)(()=>t.lineSeries(o,s),[o,s]);return(0,r.jsx)(e.ChartBase,{options:e.engineOptions({...a,series:c}),...i(a)})}function o(a){let{series:o,stacked:s=!1}=a,c=(0,n.useMemo)(()=>t.barSeries(o,s),[o,s]);return(0,r.jsx)(e.ChartBase,{options:e.engineOptions({...a,series:c}),...i(a)})}function s(a){let{series:o}=a,s=(0,n.useMemo)(()=>t.scatterSeries(o),[o]);return(0,r.jsx)(e.ChartBase,{options:e.engineOptions({...a,series:s}),...i(a)})}var c=[`topLeft`,`topRight`,`bottomLeft`,`bottomRight`],l=(e,t,n)=>{let r=e.endsWith(`Left`),i=e.startsWith(`top`);return{position:`absolute`,left:r?0:n.x-t.x,top:i?0:n.y-t.y,width:r?n.x-t.x:t.x+t.width-n.x,height:i?n.y-t.y:t.y+t.height-n.y,pointerEvents:`none`}};function u(n){let{points:a,xDomain:o,yDomain:s,xSplit:u,ySplit:d,quadrants:f,xLabel:p,yLabel:m,axisLabels:h,showTicks:g,reverseX:_,showLabels:v,pointSize:y,name:b,draggable:x,onPointClick:S,onPointDrop:C,onQuadrantClick:w,renderTooltip:T,quadrantContent:E}=n,D={xDomain:o,yDomain:s,xSplit:u,ySplit:d,reverseX:_},O=t.quadrantChartOptions({points:a,xDomain:o,yDomain:s,xSplit:u,ySplit:d,quadrants:f,xLabel:p,yLabel:m,axisLabels:h,showTicks:g,reverseX:_,showLabels:v,pointSize:y,name:b,draggable:x??!!C},e.engineOptions({...n,series:[]})),k=E?e=>{let[t,n]=o??[0,10],[i,a]=s??[0,10],f=u??(t+n)/2,p=d??(i+a)/2,m=(f-t)/(n-t||1),h=(p-i)/(a-i||1),g={x:e.x+e.width*(_?1-m:m),y:e.y+e.height*(1-h)};return c.map(t=>E[t]?(0,r.jsx)(`div`,{className:`minerva-chart-quadrant minerva-chart-quadrant-${t}`,style:l(t,e,g),children:E[t]},t):null)}:void 0;return(0,r.jsx)(e.ChartBase,{options:O,...i({...n,onPointClick:void 0,renderTooltip:void 0}),overlay:k,onPointClick:S?e=>{let t=e.items[0]?.index;t!==void 0&&a[t]&&S(a[t],t)}:void 0,onPlotClick:w?e=>w(t.quadrantOf(D,e.x,e.y),e):void 0,onDrop:C?e=>{let n=e.item.index;a[n]&&C(a[n],n,{x:e.x,y:e.y,quadrant:t.quadrantOf(D,e.x,e.y)})}:void 0,renderTooltip:T?e=>{let t=e.items[0]?.index;return t!==void 0&&a[t]?T(a[t],t):null}:void 0})}exports.BarChart=o,exports.LineChart=a,exports.QuadrantChart=u,exports.ScatterChart=s;
+//# sourceMappingURL=charts.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"charts.cjs","names":["useMemo","lineSeries","ChartBase","engineOptions","barSeries","scatterSeries","quadrantChartOptions","quadrantOf","require_Chart","require_presets","react","react_jsx_runtime","frameProps","props","LineChart","input","series","area","BarChart","stacked","ScatterChart","CORNERS","cornerStyle","left","corner","top","split","plot","QuadrantChart","geometry","options","draggable","onPointDrop","overlay","quadrantContent","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","fx","fy","reverseX","onPointClick","index","event","points","onQuadrantClick","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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"}

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

@@ -0,0 +1,13 @@
+import { BarChartProps, LineChartProps, QuadrantChartProps, ScatterChartProps } from './types.cjs';
+/** Line (or area) chart; handles millions of points on the GPU */
+export declare function LineChart(props: LineChartProps): import('react').JSX.Element;
+/** Bar chart: grouped side by side, or stacked */
+export declare function BarChart(props: BarChartProps): import('react').JSX.Element;
+/** Scatter chart: zooms on both axes, hit testing through a spatial index */
+export declare function ScatterChart(props: ScatterChartProps): import('react').JSX.Element;
+/**
+ * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted
+ * quadrants with titles, dividers, and labelled dots placed without
+ * overlapping labels. Dots can be dragged to another quadrant.
+ */
+export declare function QuadrantChart(props: QuadrantChartProps): import('react').JSX.Element;

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

@@ -0,0 +1,13 @@
+import { BarChartProps, LineChartProps, QuadrantChartProps, ScatterChartProps } from './types.js';
+/** Line (or area) chart; handles millions of points on the GPU */
+export declare function LineChart(props: LineChartProps): import('react').JSX.Element;
+/** Bar chart: grouped side by side, or stacked */
+export declare function BarChart(props: BarChartProps): import('react').JSX.Element;
+/** Scatter chart: zooms on both axes, hit testing through a spatial index */
+export declare function ScatterChart(props: ScatterChartProps): import('react').JSX.Element;
+/**
+ * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted
+ * quadrants with titles, dividers, and labelled dots placed without
+ * overlapping labels. Dots can be dragged to another quadrant.
+ */
+export declare function QuadrantChart(props: QuadrantChartProps): import('react').JSX.Element;

package/dist/charts/react/charts.js

@@ -0,0 +1,133 @@
+"use client";
+import { ChartBase as e, engineOptions as t } from "./Chart.js";
+import { barSeries as n, lineSeries as r, quadrantChartOptions as i, quadrantOf as a, scatterSeries as o } from "../engine/presets.js";
+import { useMemo as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/react/charts.tsx
+var l = (e) => ({
+	height: e.height,
+	width: e.width,
+	className: e.className,
+	style: e.style,
+	handleRef: e.ref,
+	onHover: e.onHover,
+	onPointClick: e.onPointClick,
+	onPlotClick: e.onPlotClick,
+	onZoom: e.onZoom,
+	onRendererChange: e.onRendererChange,
+	renderTooltip: e.renderTooltip
+});
+function u(n) {
+	let { series: i, area: a = !1 } = n, o = s(() => r(i, a), [i, a]);
+	return /* @__PURE__ */ c(e, {
+		options: t({
+			...n,
+			series: o
+		}),
+		...l(n)
+	});
+}
+function d(r) {
+	let { series: i, stacked: a = !1 } = r, o = s(() => n(i, a), [i, a]);
+	return /* @__PURE__ */ c(e, {
+		options: t({
+			...r,
+			series: o
+		}),
+		...l(r)
+	});
+}
+function f(n) {
+	let { series: r } = n, i = s(() => o(r), [r]);
+	return /* @__PURE__ */ c(e, {
+		options: t({
+			...n,
+			series: i
+		}),
+		...l(n)
+	});
+}
+var p = [
+	"topLeft",
+	"topRight",
+	"bottomLeft",
+	"bottomRight"
+], m = (e, t, n) => {
+	let r = e.endsWith("Left"), i = e.startsWith("top");
+	return {
+		position: "absolute",
+		left: r ? 0 : n.x - t.x,
+		top: i ? 0 : n.y - t.y,
+		width: r ? n.x - t.x : t.x + t.width - n.x,
+		height: i ? n.y - t.y : t.y + t.height - n.y,
+		pointerEvents: "none"
+	};
+};
+function h(n) {
+	let { points: r, xDomain: o, yDomain: s, xSplit: u, ySplit: d, quadrants: f, xLabel: h, yLabel: g, axisLabels: _, showTicks: v, reverseX: y, showLabels: b, pointSize: x, name: S, draggable: C, onPointClick: w, onPointDrop: T, onQuadrantClick: E, renderTooltip: D, quadrantContent: O } = n, k = {
+		xDomain: o,
+		yDomain: s,
+		xSplit: u,
+		ySplit: d,
+		reverseX: y
+	}, A = i({
+		points: r,
+		xDomain: o,
+		yDomain: s,
+		xSplit: u,
+		ySplit: d,
+		quadrants: f,
+		xLabel: h,
+		yLabel: g,
+		axisLabels: _,
+		showTicks: v,
+		reverseX: y,
+		showLabels: b,
+		pointSize: x,
+		name: S,
+		draggable: C ?? !!T
+	}, t({
+		...n,
+		series: []
+	})), j = O ? (e) => {
+		let [t, n] = o ?? [0, 10], [r, i] = s ?? [0, 10], a = u ?? (t + n) / 2, l = d ?? (r + i) / 2, f = (a - t) / (n - t || 1), h = (l - r) / (i - r || 1), g = {
+			x: e.x + e.width * (y ? 1 - f : f),
+			y: e.y + e.height * (1 - h)
+		};
+		return p.map((t) => O[t] ? /* @__PURE__ */ c("div", {
+			className: `minerva-chart-quadrant minerva-chart-quadrant-${t}`,
+			style: m(t, e, g),
+			children: O[t]
+		}, t) : null);
+	} : void 0;
+	return /* @__PURE__ */ c(e, {
+		options: A,
+		...l({
+			...n,
+			onPointClick: void 0,
+			renderTooltip: void 0
+		}),
+		overlay: j,
+		onPointClick: w ? (e) => {
+			let t = e.items[0]?.index;
+			t !== void 0 && r[t] && w(r[t], t);
+		} : void 0,
+		onPlotClick: E ? (e) => E(a(k, e.x, e.y), e) : void 0,
+		onDrop: T ? (e) => {
+			let t = e.item.index;
+			r[t] && T(r[t], t, {
+				x: e.x,
+				y: e.y,
+				quadrant: a(k, e.x, e.y)
+			});
+		} : void 0,
+		renderTooltip: D ? (e) => {
+			let t = e.items[0]?.index;
+			return t !== void 0 && r[t] ? D(r[t], t) : null;
+		} : void 0
+	});
+}
+//#endregion
+export { d as BarChart, u as LineChart, h as QuadrantChart, f as ScatterChart };
+
+//# sourceMappingURL=charts.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,136 @@
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { ChartAnnotation, ChartAxisOptions, ChartHoverEvent, ChartInstance, ChartLegendOptions, ChartInteractionOptions, ChartPadding, ChartPlotClickEvent, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartTooltipOptions, ChartView } from '../engine/types.cjs';
+import { QuadrantConfig, QuadrantCorner, QuadrantPoint } from '../engine/presets.cjs';
+export type { QuadrantAxisLabels, QuadrantConfig, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from '../engine/presets.cjs';
+/** Imperative handle of the chart components (`ref`) */
+export interface ChartHandle {
+    /** Shows the whole data range */
+    resetZoom(): void;
+    /** Visible range */
+    getView(): ChartView | null;
+    /** Sets the visible range */
+    setView(view: Partial<ChartView>): void;
+    /** Backend in use, `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): ChartInstance | null;
+}
+/** Props shared by every chart component */
+export interface ChartCommonProps {
+    /**
+     * Height of the chart (the legend included); numbers are pixels
+     * @default 320
+     */
+    height?: number | string;
+    /**
+     * Width of the chart; numbers are pixels
+     * @default "100%"
+     */
+    width?: number | string;
+    /** X axis */
+    xAxis?: ChartAxisOptions;
+    /** Y axis */
+    yAxis?: ChartAxisOptions;
+    /**
+     * Backend of the data layer: `auto` tries WebGPU, then WebGL2, then Canvas2D
+     * @default "auto"
+     */
+    renderer?: ChartRendererPreference;
+    /** Legend; shown by default when several series have a name */
+    legend?: boolean | ChartLegendOptions;
+    /** Tooltip; `false` disables it */
+    tooltip?: boolean | ChartTooltipOptions;
+    /** Vertical guide line following the pointer */
+    crosshair?: boolean;
+    /** Background areas and reference lines */
+    annotations?: readonly ChartAnnotation[];
+    /**
+     * Zoom (Ctrl / ⌘ + wheel, pinch), pan (drag), double-click reset and keyboard navigation; `false` makes the chart static
+     * @default true
+     */
+    interaction?: boolean | ChartInteractionOptions;
+    /** Space around the plot area, in pixels */
+    padding?: ChartPadding;
+    /** Series colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */
+    palette?: readonly string[];
+    /** Accessible name of the chart */
+    ariaLabel?: string;
+    /** Called when the hovered (or keyboard-focused) points change */
+    onHover?: (event: ChartHoverEvent | null) => void;
+    /** Called when a point (or bar) is clicked */
+    onPointClick?: (event: ChartHoverEvent) => void;
+    /** Called when the plot area is clicked where there is no point */
+    onPlotClick?: (event: ChartPlotClickEvent) => void;
+    /** React content of the tooltip (replaces the default content) */
+    renderTooltip?: (event: ChartHoverEvent) => ReactNode;
+    /** Called when the user zooms or pans */
+    onZoom?: (view: ChartView) => void;
+    /** Called with the backend once it is ready (and when it falls back after a GPU loss) */
+    onRendererChange?: (renderer: ChartRendererKind) => void;
+    /** Additional class name of the root element */
+    className?: string;
+    /** Inline styles of the root element */
+    style?: CSSProperties;
+    /** Imperative handle */
+    ref?: Ref<ChartHandle>;
+}
+/** Props of Chart: any mix of line, area, bar and scatter series */
+export interface ChartProps extends ChartCommonProps {
+    /** Data series; each sets its own `type` */
+    series: readonly ChartSeries[];
+}
+/** Props of LineChart */
+export interface LineChartProps extends ChartCommonProps {
+    /** Series drawn as lines (or areas with `area`) unless they set a `type` */
+    series: readonly ChartSeries[];
+    /**
+     * Fills the area under the lines
+     * @default false
+     */
+    area?: boolean;
+}
+/** Props of BarChart */
+export interface BarChartProps extends ChartCommonProps {
+    /** Series drawn as bars unless they set a `type` (e.g. a `line` overlay) */
+    series: readonly ChartSeries[];
+    /**
+     * Stacks the bars of every series (otherwise they are grouped side by side)
+     * @default false
+     */
+    stacked?: boolean;
+}
+/** Props of ScatterChart */
+export interface ScatterChartProps extends ChartCommonProps {
+    /** Series drawn as dots unless they set a `type` */
+    series: readonly ChartSeries[];
+}
+/** Where a dragged QuadrantChart point was dropped */
+export interface QuadrantDropTarget {
+    /** Data coordinates of the drop */
+    x: number;
+    y: number;
+    /** Quadrant of the drop, as seen on screen */
+    quadrant: QuadrantCorner;
+}
+/** Props of QuadrantChart */
+export interface QuadrantChartProps extends Omit<ChartCommonProps, "onPointClick" | "onPlotClick" | "renderTooltip" | "xAxis" | "yAxis">, QuadrantConfig {
+    /** Called with the clicked point and its index */
+    onPointClick?: (point: QuadrantPoint, index: number) => void;
+    /** Called when the empty area of a quadrant is clicked */
+    onQuadrantClick?: (quadrant: QuadrantCorner, position: {
+        x: number;
+        y: number;
+    }) => void;
+    /**
+     * Called when a dragged point is released; the dots become draggable
+     * when it is set (the chart does not move them: update `points`)
+     */
+    onPointDrop?: (point: QuadrantPoint, index: number, target: QuadrantDropTarget) => void;
+    /** React content of the tooltip of a point */
+    renderTooltip?: (point: QuadrantPoint, index: number) => ReactNode;
+    /**
+     * React content placed over each quadrant (e.g. an add button); the
+     * content receives pointer events, the rest of the quadrant does not
+     */
+    quadrantContent?: Partial<Record<QuadrantCorner, ReactNode>>;
+}

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

@@ -0,0 +1,136 @@
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { ChartAnnotation, ChartAxisOptions, ChartHoverEvent, ChartInstance, ChartLegendOptions, ChartInteractionOptions, ChartPadding, ChartPlotClickEvent, ChartRendererKind, ChartRendererPreference, ChartSeries, ChartTooltipOptions, ChartView } from '../engine/types.js';
+import { QuadrantConfig, QuadrantCorner, QuadrantPoint } from '../engine/presets.js';
+export type { QuadrantAxisLabels, QuadrantConfig, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from '../engine/presets.js';
+/** Imperative handle of the chart components (`ref`) */
+export interface ChartHandle {
+    /** Shows the whole data range */
+    resetZoom(): void;
+    /** Visible range */
+    getView(): ChartView | null;
+    /** Sets the visible range */
+    setView(view: Partial<ChartView>): void;
+    /** Backend in use, `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): ChartInstance | null;
+}
+/** Props shared by every chart component */
+export interface ChartCommonProps {
+    /**
+     * Height of the chart (the legend included); numbers are pixels
+     * @default 320
+     */
+    height?: number | string;
+    /**
+     * Width of the chart; numbers are pixels
+     * @default "100%"
+     */
+    width?: number | string;
+    /** X axis */
+    xAxis?: ChartAxisOptions;
+    /** Y axis */
+    yAxis?: ChartAxisOptions;
+    /**
+     * Backend of the data layer: `auto` tries WebGPU, then WebGL2, then Canvas2D
+     * @default "auto"
+     */
+    renderer?: ChartRendererPreference;
+    /** Legend; shown by default when several series have a name */
+    legend?: boolean | ChartLegendOptions;
+    /** Tooltip; `false` disables it */
+    tooltip?: boolean | ChartTooltipOptions;
+    /** Vertical guide line following the pointer */
+    crosshair?: boolean;
+    /** Background areas and reference lines */
+    annotations?: readonly ChartAnnotation[];
+    /**
+     * Zoom (Ctrl / ⌘ + wheel, pinch), pan (drag), double-click reset and keyboard navigation; `false` makes the chart static
+     * @default true
+     */
+    interaction?: boolean | ChartInteractionOptions;
+    /** Space around the plot area, in pixels */
+    padding?: ChartPadding;
+    /** Series colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */
+    palette?: readonly string[];
+    /** Accessible name of the chart */
+    ariaLabel?: string;
+    /** Called when the hovered (or keyboard-focused) points change */
+    onHover?: (event: ChartHoverEvent | null) => void;
+    /** Called when a point (or bar) is clicked */
+    onPointClick?: (event: ChartHoverEvent) => void;
+    /** Called when the plot area is clicked where there is no point */
+    onPlotClick?: (event: ChartPlotClickEvent) => void;
+    /** React content of the tooltip (replaces the default content) */
+    renderTooltip?: (event: ChartHoverEvent) => ReactNode;
+    /** Called when the user zooms or pans */
+    onZoom?: (view: ChartView) => void;
+    /** Called with the backend once it is ready (and when it falls back after a GPU loss) */
+    onRendererChange?: (renderer: ChartRendererKind) => void;
+    /** Additional class name of the root element */
+    className?: string;
+    /** Inline styles of the root element */
+    style?: CSSProperties;
+    /** Imperative handle */
+    ref?: Ref<ChartHandle>;
+}
+/** Props of Chart: any mix of line, area, bar and scatter series */
+export interface ChartProps extends ChartCommonProps {
+    /** Data series; each sets its own `type` */
+    series: readonly ChartSeries[];
+}
+/** Props of LineChart */
+export interface LineChartProps extends ChartCommonProps {
+    /** Series drawn as lines (or areas with `area`) unless they set a `type` */
+    series: readonly ChartSeries[];
+    /**
+     * Fills the area under the lines
+     * @default false
+     */
+    area?: boolean;
+}
+/** Props of BarChart */
+export interface BarChartProps extends ChartCommonProps {
+    /** Series drawn as bars unless they set a `type` (e.g. a `line` overlay) */
+    series: readonly ChartSeries[];
+    /**
+     * Stacks the bars of every series (otherwise they are grouped side by side)
+     * @default false
+     */
+    stacked?: boolean;
+}
+/** Props of ScatterChart */
+export interface ScatterChartProps extends ChartCommonProps {
+    /** Series drawn as dots unless they set a `type` */
+    series: readonly ChartSeries[];
+}
+/** Where a dragged QuadrantChart point was dropped */
+export interface QuadrantDropTarget {
+    /** Data coordinates of the drop */
+    x: number;
+    y: number;
+    /** Quadrant of the drop, as seen on screen */
+    quadrant: QuadrantCorner;
+}
+/** Props of QuadrantChart */
+export interface QuadrantChartProps extends Omit<ChartCommonProps, "onPointClick" | "onPlotClick" | "renderTooltip" | "xAxis" | "yAxis">, QuadrantConfig {
+    /** Called with the clicked point and its index */
+    onPointClick?: (point: QuadrantPoint, index: number) => void;
+    /** Called when the empty area of a quadrant is clicked */
+    onQuadrantClick?: (quadrant: QuadrantCorner, position: {
+        x: number;
+        y: number;
+    }) => void;
+    /**
+     * Called when a dragged point is released; the dots become draggable
+     * when it is set (the chart does not move them: update `points`)
+     */
+    onPointDrop?: (point: QuadrantPoint, index: number, target: QuadrantDropTarget) => void;
+    /** React content of the tooltip of a point */
+    renderTooltip?: (point: QuadrantPoint, index: number) => ReactNode;
+    /**
+     * React content placed over each quadrant (e.g. an add button); the
+     * content receives pointer events, the rest of the quadrant does not
+     */
+    quadrantContent?: Partial<Record<QuadrantCorner, ReactNode>>;
+}

package/dist/native/charts/src/canvas.cjs

@@ -0,0 +1 @@
+const e=require("./engine/color.cjs");require("./engine/format.cjs");const t=require("./engine/controller.cjs");require("./engine/canvas.cjs");const n=require("./engine/presets.cjs");exports.barSeries=n.barSeries,exports.createChartController=t.createChartController,exports.lineSeries=n.lineSeries,exports.quadrantChartOptions=n.quadrantChartOptions,exports.quadrantOf=n.quadrantOf,exports.scatterSeries=n.scatterSeries,exports.scenePrimitives=t.scenePrimitives,exports.toCss=e.toCss;

package/dist/native/charts/src/canvas.js

@@ -0,0 +1,6 @@
+import { toCss as e } from "./engine/color.js";
+import "./engine/format.js";
+import { createChartController as t, scenePrimitives as n } from "./engine/controller.js";
+import "./engine/canvas.js";
+import { barSeries as r, lineSeries as i, quadrantChartOptions as a, quadrantOf as o, scatterSeries as s } from "./engine/presets.js";
+export { r as barSeries, t as createChartController, i as lineSeries, a as quadrantChartOptions, o as quadrantOf, s as scatterSeries, n as scenePrimitives, e as toCss };

package/dist/native/charts/src/engine/axis.cjs

@@ -0,0 +1,2 @@
+const e=require("./scale.cjs"),t=require("./format.cjs"),n=require("./time.cjs");var r=(r,i,a)=>{let[o,s]=i[0]<=i[1]?i:[i[1],i[0]];if(r.type===`category`){let e=r.categories.length,t=Math.max(0,Math.ceil(o-1e-9)),n=Math.min(e-1,Math.floor(s+1e-9)),i=Math.max(0,n-t+1),c=Math.max(1,Math.ceil(i/Math.max(1,a))),l=[];for(let e=t-t%c;e<=n;e+=c)e>=t&&l.push(e);let u=e=>{let t=Math.round(e);return r.format?r.format(t):r.categories[t]??String(t)};return{values:l,labels:l.map(u),formatValue:u}}if(r.type===`time`){let e=n.timeTicks(o,s,a),t=e.unit===`day`||e.unit===`month`||e.unit===`year`?`day`:e.unit,i=r.format??(e=>n.formatTime(e,t));return{values:e.values,labels:e.values.map(r.format??e.format),formatValue:i}}let c=e.linearTicks(o,s,a),l=e.tickStep(o,s,a),u=r.format??t.tickFormatter(l,Math.max(Math.abs(o),Math.abs(s)));return{values:c,labels:c.map(u),formatValue:r.format??t.formatValue}};exports.axisTicks=r;
+//# sourceMappingURL=axis.cjs.map