minerva-design 1.0.2 → 1.2.0

package/dist/native/components/Chart/ChartBase.js

@@ -0,0 +1,287 @@
+import { useTheme as e } from "../../theme/MinervaProvider.js";
+import { part as t } from "../../internal/parts.js";
+import { createChartController as n } from "../../charts/src/engine/controller.js";
+import "../../charts/src/canvas.js";
+import { measureChartText as r } from "./measure.js";
+import { drawHover as i, drawStatic as a, tooltipCard as o } from "./scene.js";
+import { chartThemeInput as s } from "./theme.js";
+import { useEffect as c, useImperativeHandle as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p, useSyncExternalStore as m } from "react";
+import { StyleSheet as h, View as g } from "react-native";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/Chart/ChartBase.tsx
+var y = (e) => ({
+	series: e.series,
+	xAxis: e.xAxis,
+	yAxis: e.yAxis,
+	legend: e.legend,
+	tooltip: e.tooltip,
+	crosshair: e.crosshair,
+	annotations: e.annotations,
+	interaction: e.interaction,
+	padding: e.padding,
+	palette: e.palette,
+	ariaLabel: e.ariaLabel
+}), b = {}, x = (e, t) => {
+	let n = Number(e.identifier);
+	return Number.isFinite(n) ? n : t;
+}, S = (e) => {
+	if (typeof requestAnimationFrame == "function") {
+		let t = requestAnimationFrame(e);
+		return { cancel: () => cancelAnimationFrame(t) };
+	}
+	let t = setTimeout(e, 16);
+	return { cancel: () => clearTimeout(t) };
+};
+function C(e, t, i) {
+	let o = 0, s = null, c = /* @__PURE__ */ new Set(), l = null, u = {
+		x: 0,
+		y: 0
+	}, d = /* @__PURE__ */ new Map(), f = (e) => typeof e.interaction == "object" && !!e.interaction.dragPoints, p = f(e), m = !1, h = () => {
+		o++, c.forEach((e) => e());
+	}, g = () => {
+		s?.cancel(), s = null;
+	}, _ = n({
+		options: e,
+		theme: t,
+		measureText: r,
+		onInvalidate: () => {
+			!s && c.size && (s = S(() => {
+				s = null, h();
+			}));
+		}
+	});
+	i && _.setSize(i[0], i[1]);
+	let v = (e) => ({
+		x: e.pageX - u.x,
+		y: e.pageY - u.y
+	}), y = (e) => {
+		let t = e.nativeEvent;
+		(t.touches?.length ? t.touches : [t]).forEach((e, t) => {
+			let n = x(e, t), r = v(e), i = d.get(n);
+			i ? (i.x !== r.x || i.y !== r.y) && (d.set(n, r), _.pointerMove(r.x, r.y, {
+				id: n,
+				touch: !0
+			})) : (d.set(n, r), _.pointerDown(r.x, r.y, {
+				id: n,
+				touch: !0
+			}));
+		}), d.size === 1 && (b.anchor = [...d.values()][0]);
+	}, b = {
+		controller: _,
+		setOptions(e) {
+			p = f(e), _.setOptions(e);
+		},
+		subscribe(e) {
+			return c.add(e), () => {
+				c.delete(e), c.size || g();
+			};
+		},
+		version: () => o,
+		commit() {
+			g(), h();
+		},
+		layers(e, t) {
+			let { plot: n } = e.layout, { view: r } = e, i = [
+				e.model,
+				e.annotations,
+				e.theme,
+				e.width,
+				e.height,
+				r.x[0],
+				r.x[1],
+				r.y[0],
+				r.y[1],
+				n.x,
+				n.y,
+				n.width,
+				n.height,
+				t
+			];
+			return (!l || l.key.some((e, t) => e !== i[t])) && (l = {
+				key: i,
+				node: a(e, t)
+			}), l.node;
+		},
+		anchor: null,
+		touchStart(e) {
+			let t = e.nativeEvent;
+			!d.size && t.locationX !== void 0 && (u = {
+				x: t.pageX - t.locationX,
+				y: t.pageY - (t.locationY ?? 0)
+			}), y(e), b.commit();
+			let n = _.getPlotRect(), r = d.values().next().value;
+			return m = p && !!n && !!r && r.x >= n.x && r.x <= n.x + n.width && r.y >= n.y && r.y <= n.y + n.height, b.holdsGesture();
+		},
+		touchAdd(e) {
+			y(e), b.commit();
+		},
+		touchMove: y,
+		touchEnd(e) {
+			let t = e.nativeEvent, n = new Set((t.touches ?? []).map((e, t) => x(e, t))), r = t.changedTouches?.length ? t.changedTouches : [t];
+			for (let [e, t] of [...d]) {
+				if (n.has(e)) continue;
+				let i = r.find((t, n) => x(t, n) === e), a = i ? v(i) : t;
+				d.delete(e), d.size === 0 && (b.anchor = a), _.pointerUp(a.x, a.y, {
+					id: e,
+					touch: !0
+				});
+			}
+			b.commit();
+		},
+		touchCancel() {
+			for (let e of d.keys()) _.pointerCancel({ id: e });
+			d.clear(), b.commit();
+		},
+		holdsGesture() {
+			if (d.size > 1 || m && d.size > 0) return !0;
+			let e = _.getScene();
+			if (!e) return !1;
+			if (e.dragging) return !0;
+			let { base: t } = e.model, n = _.getView();
+			return n.x[0] !== t.x[0] || n.x[1] !== t.x[1] || n.y[0] !== t.y[0] || n.y[1] !== t.y[1];
+		}
+	};
+	return b;
+}
+function w({ scene: e, anchor: n, children: r }) {
+	let [i, a] = p(null), { width: s, height: c } = e, l = n.x + 14, u = n.y;
+	return i && (l + i.width > s - 4 && (l = n.x - 14 - i.width), l = Math.max(4, Math.min(l, s - i.width - 4)), u = Math.max(4, Math.min(n.y - i.height / 2, c - i.height - 4))), /* @__PURE__ */ _(g, {
+		pointerEvents: "none",
+		...t("chart", "tooltip", { custom: !0 }),
+		onLayout: (e) => {
+			let { width: t, height: n } = e.nativeEvent.layout;
+			a((e) => e && e.width === t && e.height === n ? e : {
+				width: t,
+				height: n
+			});
+		},
+		style: [o(e), {
+			left: 0,
+			top: 0,
+			maxWidth: Math.max(0, s - 8),
+			padding: 8,
+			opacity: +!!i,
+			transform: [{ translateX: l }, { translateY: u }]
+		}],
+		children: r
+	});
+}
+function T({ options: n, height: r = 320, width: a = "100%", style: o, testID: y, handleRef: x, renderTooltip: S, overlay: T, ...E }) {
+	let { tokens: D, fonts: O } = e(), k = O.sans, A = d(() => s(D), [D]), j = !!S && n.tooltip !== !1, M = d(() => {
+		if (!j) return n;
+		let e = typeof n.tooltip == "object" ? n.tooltip : {};
+		return {
+			...n,
+			tooltip: {
+				...e,
+				render: () => b
+			}
+		};
+	}, [n, j]), [N] = p(() => C(M, A, typeof a == "number" && typeof r == "number" ? [a, r] : null)), { controller: P } = N;
+	m(N.subscribe, N.version, N.version);
+	let F = f({
+		options: M,
+		theme: A
+	});
+	u(() => {
+		let e = F.current;
+		(e.theme !== A || e.options !== M) && (e.theme !== A && P.setTheme(A), e.options !== M && N.setOptions(M), F.current = {
+			options: M,
+			theme: A
+		}, N.commit());
+	}, [
+		P,
+		N,
+		M,
+		A
+	]), u(() => {
+		if (typeof a != "number" || typeof r != "number") return;
+		let e = P.getScene();
+		e && e.width === a && e.height === r || (P.setSize(a, r), N.commit());
+	}, [
+		P,
+		N,
+		a,
+		r
+	]);
+	let I = f(E);
+	u(() => {
+		I.current = E;
+	}), c(() => {
+		let e = I, t = [
+			P.on("hover", (t) => e.current.onHover?.(t)),
+			P.on("click", (t) => e.current.onPointClick?.(t)),
+			P.on("plotClick", (t) => e.current.onPlotClick?.(t)),
+			P.on("zoom", (t) => e.current.onZoom?.(t)),
+			P.on("drag", (t) => e.current.onDrag?.(t)),
+			P.on("drop", (t) => e.current.onDrop?.(t))
+		];
+		return () => t.forEach((e) => e());
+	}, [P]), l(x, () => ({
+		resetZoom: () => P.resetZoom(),
+		getView: () => P.getView(),
+		setView: (e) => P.setView(e),
+		getPlotRect: () => P.getPlotRect(),
+		getController: () => P
+	}), [P]);
+	let L = (e) => {
+		let { width: t, height: n } = e.nativeEvent.layout, r = P.getScene();
+		r && r.width === t && r.height === n || (P.setSize(t, n), N.commit());
+	}, R = P.getScene(), z = null, B = R?.hover?.tooltip ? R.hover.event : null;
+	if (R && B && j && S) {
+		let e = S(B), t = N.anchor ?? R.hover?.marks[0] ?? null;
+		e != null && e !== !1 && t && (z = /* @__PURE__ */ _(w, {
+			scene: R,
+			anchor: t,
+			children: e
+		}));
+	}
+	return /* @__PURE__ */ v(g, {
+		testID: y,
+		onLayout: L,
+		style: [{
+			width: a,
+			height: r
+		}, o],
+		...t("chart", "root"),
+		children: [
+			/* @__PURE__ */ _(g, {
+				style: h.absoluteFill,
+				accessible: !0,
+				accessibilityRole: "image",
+				accessibilityLabel: n.ariaLabel,
+				onStartShouldSetResponder: () => !0,
+				onResponderTerminationRequest: () => !N.holdsGesture(),
+				onResponderGrant: N.touchStart,
+				onResponderStart: N.touchAdd,
+				onResponderMove: N.touchMove,
+				onResponderEnd: N.touchEnd,
+				onResponderRelease: N.touchEnd,
+				onResponderTerminate: N.touchCancel,
+				...t("chart", "surface"),
+				children: /* @__PURE__ */ v(g, {
+					pointerEvents: "none",
+					style: h.absoluteFill,
+					children: [R ? N.layers(R, k) : null, R ? i(R, k, j) : null]
+				})
+			}),
+			T && R ? /* @__PURE__ */ _(g, {
+				pointerEvents: "box-none",
+				style: {
+					position: "absolute",
+					left: R.layout.plot.x,
+					top: R.layout.plot.y,
+					width: R.layout.plot.width,
+					height: R.layout.plot.height
+				},
+				...t("chart", "overlay"),
+				children: T(R.layout.plot)
+			}) : null,
+			z
+		]
+	});
+}
+//#endregion
+export { T as ChartBase, y as engineOptions };
+
+//# sourceMappingURL=ChartBase.js.map

package/dist/native/components/Chart/ChartBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBase.js","names":["engineOptions","props","CUSTOM_TOOLTIP","idOf","id","t","index","requestFrame","callback","createChartStore","version","frame","listeners","cache","origin","touches","dragsPoints","o","draggable","options","claimed","notify","listener","cancelFrame","controller","createChartController","measureChartText","size","local","sync","n","event","i","p","previous","store","next","scene","key","view","plot","family","value","drawStatic","active","changed","last","touch","base","CustomTooltip","setSize","useState","left","anchor","top","width","height","View","part","w","h","tooltipCard","ChartBase","handlers","useTheme","fonts","theme","useMemo","chartThemeInput","tokens","customTooltip","renderTooltip","resolved","applied","useRef","useLayoutEffect","current","handlersRef","useEffect","offs","e","v","off","useImperativeHandle","handleRef","onLayout","tooltip","content","style","StyleSheet","drawHover","overlay"],"sources":["../../../../../native/src/components/Chart/ChartBase.tsx"],"sourcesContent":["// The chart host of React Native: owns a platform-free chart controller\n// (@minerva/charts/canvas: options, model, zoom, gestures, scene in pixels)\n// and draws its scene with views (./scene). Touches go through the\n// responder system; the drawing is `pointerEvents=\"none\"`, so every touch\n// lands on the surface and positions come from page coordinates.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  createChartController,\n  type ChartController,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRect,\n  type ChartScene,\n  type ChartThemeInput,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"@minerva/charts/canvas\";\nimport { useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\nimport { drawHover, drawStatic, tooltipCard } from \"./scene\";\nimport { chartThemeInput } from \"./theme\";\nimport type { ChartCommonProps, ChartHandle } 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  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\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  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\ntype TooltipResult = Exclude<\n  ReturnType<NonNullable<ChartTooltipOptions[\"render\"]>>,\n  string | null\n>;\n/** Non-string result of `tooltip.render`: the engine lays a tooltip out without drawing text */\nconst CUSTOM_TOOLTIP = {} as unknown as TooltipResult;\n\ninterface TouchPoint {\n  identifier?: number | string;\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\nconst idOf = (t: TouchPoint, index: number) => {\n  const id = Number(t.identifier);\n  return Number.isFinite(id) ? id : index;\n};\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\n/**\n * External store of a chart: the controller, a version bumped when its\n * scene must be drawn again (coalesced per frame), the touches being\n * tracked and the cache of the static layers.\n */\ninterface ChartStore {\n  controller: ChartController;\n  /** Options of the controller (`setOptions` of the controller) */\n  setOptions: (options: ChartOptions) => void;\n  subscribe: (listener: () => void) => () => void;\n  version: () => number;\n  /** Draws again now */\n  commit: () => void;\n  /** Static layers of a scene (cached while model / view / size are the same) */\n  layers: (scene: ChartScene, family: string | undefined) => ReactNode;\n  /** Last single-finger position (anchor of a custom tooltip) */\n  anchor: { x: number; y: number } | null;\n  /**\n   * First finger (responder grant); returns whether the chart owns the\n   * gesture, which keeps native scroll views from taking it (Android)\n   */\n  touchStart: (event: GestureResponderEvent) => boolean;\n  /** Another finger touches the chart */\n  touchAdd: (event: GestureResponderEvent) => void;\n  /** Moves (drawn on the next frame) */\n  touchMove: (event: GestureResponderEvent) => void;\n  touchEnd: (event: GestureResponderEvent) => void;\n  touchCancel: () => void;\n  /** Whether the chart keeps the touches (pinch, point drag, pan when zoomed) */\n  holdsGesture: () => boolean;\n}\n\nfunction createChartStore(\n  options: ChartOptions,\n  theme: ChartThemeInput,\n  size: [number, number] | null,\n): ChartStore {\n  let version = 0;\n  let frame: Frame | null = null;\n  const listeners = new Set<() => void>();\n  let cache: { key: unknown[]; node: ReactNode } | null = null;\n  let origin = { x: 0, y: 0 };\n  const touches = new Map<number, { x: number; y: number }>();\n  const dragsPoints = (o: ChartOptions) =>\n    typeof o.interaction === \"object\" && !!o.interaction.dragPoints;\n  let draggable = dragsPoints(options);\n  /** The current touch sequence started on the plot of a draggable chart */\n  let claimed = false;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  const cancelFrame = () => {\n    frame?.cancel();\n    frame = null;\n  };\n  const schedule = () => {\n    if (frame || !listeners.size) return;\n    frame = requestFrame(() => {\n      frame = null;\n      notify();\n    });\n  };\n\n  const controller = createChartController({\n    options,\n    theme,\n    measureText: measureChartText,\n    onInvalidate: schedule,\n  });\n  if (size) controller.setSize(size[0], size[1]);\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n\n  /** Feeds the controller the fingers that appeared or moved */\n  const sync = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const list: readonly TouchPoint[] = n.touches?.length\n      ? n.touches\n      : [n as unknown as TouchPoint];\n    list.forEach((t, i) => {\n      const id = idOf(t, i);\n      const p = local(t);\n      const previous = touches.get(id);\n      if (!previous) {\n        touches.set(id, p);\n        controller.pointerDown(p.x, p.y, { id, touch: true });\n      } else if (previous.x !== p.x || previous.y !== p.y) {\n        touches.set(id, p);\n        controller.pointerMove(p.x, p.y, { id, touch: true });\n      }\n    });\n    if (touches.size === 1) store.anchor = [...touches.values()][0];\n  };\n\n  const store: ChartStore = {\n    controller,\n    setOptions(next) {\n      draggable = dragsPoints(next);\n      controller.setOptions(next);\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) cancelFrame();\n      };\n    },\n    version: () => version,\n    commit() {\n      cancelFrame();\n      notify();\n    },\n    layers(scene, family) {\n      const { plot } = scene.layout;\n      const { view } = scene;\n      const key = [\n        scene.model,\n        scene.annotations,\n        scene.theme,\n        scene.width,\n        scene.height,\n        view.x[0],\n        view.x[1],\n        view.y[0],\n        view.y[1],\n        plot.x,\n        plot.y,\n        plot.width,\n        plot.height,\n        family,\n      ];\n      if (!cache || cache.key.some((value, i) => value !== key[i]))\n        cache = { key, node: drawStatic(scene, family) };\n      return cache.node;\n    },\n    anchor: null,\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (!touches.size && n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      sync(event);\n      store.commit();\n      // draggable points: the drag only starts after the touch slop, too\n      // late to keep a scroll view from stealing the touch: claim it now\n      const plot = controller.getPlotRect();\n      const p = touches.values().next().value;\n      claimed =\n        draggable &&\n        !!plot &&\n        !!p &&\n        p.x >= plot.x &&\n        p.x <= plot.x + plot.width &&\n        p.y >= plot.y &&\n        p.y <= plot.y + plot.height;\n      return store.holdsGesture();\n    },\n    touchAdd(event) {\n      sync(event);\n      store.commit();\n    },\n    touchMove: sync,\n    touchEnd(event) {\n      const n = event.nativeEvent;\n      const active = new Set(\n        (n.touches ?? []).map((t, i) => idOf(t as TouchPoint, i)),\n      );\n      const changed: readonly TouchPoint[] = n.changedTouches?.length\n        ? n.changedTouches\n        : [n as unknown as TouchPoint];\n      for (const [id, last] of [...touches]) {\n        if (active.has(id)) continue;\n        const touch = changed.find((t, i) => idOf(t, i) === id);\n        const p = touch ? local(touch) : last;\n        touches.delete(id);\n        if (touches.size === 0) store.anchor = p;\n        controller.pointerUp(p.x, p.y, { id, touch: true });\n      }\n      store.commit();\n    },\n    touchCancel() {\n      for (const id of touches.keys()) controller.pointerCancel({ id });\n      touches.clear();\n      store.commit();\n    },\n    holdsGesture() {\n      if (touches.size > 1 || (claimed && touches.size > 0)) return true;\n      const scene = controller.getScene();\n      if (!scene) return false;\n      if (scene.dragging) return true;\n      const { base } = scene.model;\n      const view = controller.getView();\n      return (\n        view.x[0] !== base.x[0] ||\n        view.x[1] !== base.x[1] ||\n        view.y[0] !== base.y[0] ||\n        view.y[1] !== base.y[1]\n      );\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  scene,\n  anchor,\n  children,\n}: {\n  scene: ChartScene;\n  anchor: { x: number; y: number };\n  children: ReactNode;\n}) {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  const { width, height } = scene;\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height / 2, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={[\n        tooltipCard(scene),\n        {\n          // laid out at the origin (full width available), moved by a transform\n          left: 0,\n          top: 0,\n          maxWidth: Math.max(0, width - 8),\n          padding: 8,\n          opacity: size ? 1 : 0,\n          transform: [{ translateX: left }, { translateY: top }],\n        },\n      ]}\n    >\n      {children}\n    </View>\n  );\n}\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ChartHandle>;\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the plot area, given the plot rectangle */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the controller and draws its scene */\nexport function ChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const { tokens, fonts } = useTheme();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ChartOptions => {\n    if (!customTooltip) return options;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return { ...options, tooltip: { ...base, render: () => CUSTOM_TOOLTIP } };\n  }, [options, customTooltip]);\n\n  const [store] = useState(() =>\n    createChartStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  const { controller } = store;\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  const applied = useRef({ options: resolved, theme });\n  useLayoutEffect(() => {\n    const current = applied.current;\n    if (current.theme === theme && current.options === resolved) return;\n    if (current.theme !== theme) controller.setTheme(theme);\n    if (current.options !== resolved) store.setOptions(resolved);\n    applied.current = { options: resolved, theme };\n    store.commit();\n  }, [controller, store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width !== \"number\" || typeof height !== \"number\") return;\n    const scene = controller.getScene();\n    if (scene && scene.width === width && scene.height === height) return;\n    controller.setSize(width, height);\n    store.commit();\n  }, [controller, store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    const offs = [\n      controller.on(\"hover\", (e) => h.current.onHover?.(e)),\n      controller.on(\"click\", (e) => h.current.onPointClick?.(e)),\n      controller.on(\"plotClick\", (e) => h.current.onPlotClick?.(e)),\n      controller.on(\"zoom\", (v) => h.current.onZoom?.(v)),\n      controller.on(\"drag\", (e) => h.current.onDrag?.(e)),\n      controller.on(\"drop\", (e) => h.current.onDrop?.(e)),\n    ];\n    return () => offs.forEach((off) => off());\n  }, [controller]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => controller.resetZoom(),\n      getView: () => controller.getView(),\n      setView: (view) => controller.setView(view),\n      getPlotRect: () => controller.getPlotRect(),\n      getController: () => controller,\n    }),\n    [controller],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    const scene = controller.getScene();\n    if (scene && scene.width === w && scene.height === h) return;\n    controller.setSize(w, h);\n    store.commit();\n  };\n\n  const scene = controller.getScene();\n  let tooltip: ReactNode = null;\n  const event = scene?.hover?.tooltip ? scene.hover.event : null;\n  if (scene && event && customTooltip && renderTooltip) {\n    const content = renderTooltip(event);\n    const anchor = store.anchor ?? scene.hover?.marks[0] ?? null;\n    if (\n      content !== null &&\n      content !== undefined &&\n      content !== false &&\n      anchor\n    )\n      tooltip = (\n        <CustomTooltip scene={scene} anchor={anchor}>\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={options.ariaLabel}\n        onStartShouldSetResponder={() => true}\n        onResponderTerminationRequest={() => !store.holdsGesture()}\n        onResponderGrant={store.touchStart}\n        onResponderStart={store.touchAdd}\n        onResponderMove={store.touchMove}\n        onResponderEnd={store.touchEnd}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {scene ? store.layers(scene, family) : null}\n          {scene ? drawHover(scene, family, customTooltip) : null}\n        </View>\n      </View>\n      {overlay && scene ? (\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            position: \"absolute\",\n            left: scene.layout.plot.x,\n            top: scene.layout.plot.y,\n            width: scene.layout.plot.width,\n            height: scene.layout.plot.height,\n          }}\n          {...part(\"chart\", \"overlay\")}\n        >\n          {overlay(scene.layout.plot)}\n        </View>\n      ) : null}\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAwDA,IAAaA,KACX,OAckB;CAClB,QAAQC,EAAM;CACd,OAAOA,EAAM;CACb,OAAOA,EAAM;CACb,QAAQA,EAAM;CACd,SAASA,EAAM;CACf,WAAWA,EAAM;CACjB,aAAaA,EAAM;CACnB,aAAaA,EAAM;CACnB,SAASA,EAAM;CACf,SAASA,EAAM;CACf,WAAWA,EAAM;AACnB,IAOMC,IAAiB,CAAC,GAUlBC,KAAQ,GAAe,MAAkB;CAC7C,IAAMC,IAAK,OAAOC,EAAE,UAAU;CAC9B,OAAO,OAAO,SAASD,CAAE,IAAIA,IAAKE;AACpC,GAIMC,KAAgB,MAAgC;CACpD,IAAI,OAAO,yBAA0B,YAAY;EAC/C,IAAMH,IAAK,sBAAsBI,CAAQ;EACzC,OAAO,EAAE,cAAc,qBAAqBJ,CAAE,EAAE;CAClD;CACA,IAAMA,IAAK,WAAWI,GAAU,EAAE;CAClC,OAAO,EAAE,cAAc,aAAaJ,CAAE,EAAE;AAC1C;AAkCA,SAASK,EACP,GACA,GACA,GACY;CACZ,IAAIC,IAAU,GACVC,IAAsB,MACpBC,oBAAY,IAAI,IAAgB,GAClCC,IAAoD,MACpDC,IAAS;EAAE,GAAG;EAAG,GAAG;CAAE,GACpBC,oBAAU,IAAI,IAAsC,GACpDC,KAAe,MACnB,OAAOC,EAAE,eAAgB,YAAY,CAAC,CAACA,EAAE,YAAY,YACnDC,IAAYF,EAAYG,CAAO,GAE/BC,IAAU,IAERC,UAAe;EAEnB,AADA,KACAT,EAAU,SAAS,MAAaU,EAAS,CAAC;CAC5C,GACMC,UAAoB;EAExB,AADAZ,GAAO,OAAO,GACd,IAAQ;CACV,GASMa,IAAaC,EAAsB;EACvC;EACA;EACA,aAAaC;EACb,oBAZqB;GACrB,AAAI,MAAUd,EAAU,SACxB,IAAQL,QAAmB;IAEzB,AADA,IAAQ,MACRc,EAAO;GACT,CAAC;EACH;CAOA,CAAC;CACD,AAAIM,KAAMH,EAAW,QAAQG,EAAK,IAAIA,EAAK,EAAE;CAE7C,IAAMC,KAAS,OAAmB;EAChC,GAAGvB,EAAE,QAAQS,EAAO;EACpB,GAAGT,EAAE,QAAQS,EAAO;CACtB,IAGMe,KAAQ,MAAiC;EAC7C,IAAMC,IAAIC,EAAM;EAgBhB,CAfoCD,EAAE,SAAS,SAC3CA,EAAE,UACF,CAACA,CAA0B,EAAA,CAC1B,SAAS,GAAG,MAAM;GACrB,IAAM1B,IAAKD,EAAKE,GAAG2B,CAAC,GACdC,IAAIL,EAAMvB,CAAC,GACX6B,IAAWnB,EAAQ,IAAIX,CAAE;GAC/B,AAAK8B,KAGMA,EAAS,MAAMD,EAAE,KAAKC,EAAS,MAAMD,EAAE,OAChDlB,EAAQ,IAAIX,GAAI6B,CAAC,GACjBT,EAAW,YAAYS,EAAE,GAAGA,EAAE,GAAG;IAAE;IAAI,OAAO;GAAK,CAAC,MAJpDlB,EAAQ,IAAIX,GAAI6B,CAAC,GACjBT,EAAW,YAAYS,EAAE,GAAGA,EAAE,GAAG;IAAE;IAAI,OAAO;GAAK,CAAC;EAKxD,CAAC,GACGlB,EAAQ,SAAS,MAAG,EAAM,SAAS,CAAC,GAAGA,EAAQ,OAAO,CAAC,CAAC,CAAC;CAC/D,GAEMoB,IAAoB;EACxB;EACA,WAAW,GAAM;GAEf,AADA,IAAYnB,EAAYoB,CAAI,GAC5BZ,EAAW,WAAWY,CAAI;EAC5B;EACA,UAAU,GAAU;GAElB,OADAxB,EAAU,IAAIU,CAAQ,SACT;IAEX,AADAV,EAAU,OAAOU,CAAQ,GACpBV,EAAU,QAAMW,EAAY;GACnC;EACF;EACA,eAAeb;EACf,SAAS;GAEP,AADAa,EAAY,GACZF,EAAO;EACT;EACA,OAAO,GAAO,GAAQ;GACpB,IAAM,EAAE,YAASgB,EAAM,QACjB,EAAE,YAASA,GACXC,IAAM;IACVD,EAAM;IACNA,EAAM;IACNA,EAAM;IACNA,EAAM;IACNA,EAAM;IACNE,EAAK,EAAE;IACPA,EAAK,EAAE;IACPA,EAAK,EAAE;IACPA,EAAK,EAAE;IACPC,EAAK;IACLA,EAAK;IACLA,EAAK;IACLA,EAAK;IACLC;GACF;GAGA,QAFI,CAAC5B,KAASA,EAAM,IAAI,MAAM,GAAO,MAAM6B,MAAUJ,EAAIN,EAAE,OACzD,IAAQ;IAAE;IAAK,MAAMW,EAAWN,GAAOI,CAAM;GAAE,IAC1C5B,EAAM;EACf;EACA,QAAQ;EACR,WAAW,GAAO;GAChB,IAAMiB,IAAIC,EAAM;GAKhB,AAHI,CAAChB,EAAQ,QAAQe,EAAE,cAAc,KAAA,MACnC,IAAS;IAAE,GAAGA,EAAE,QAAQA,EAAE;IAAW,GAAGA,EAAE,SAASA,EAAE,aAAa;GAAG,IACvED,EAAKE,CAAK,GACVI,EAAM,OAAO;GAGb,IAAMK,IAAOhB,EAAW,YAAY,GAC9BS,IAAIlB,EAAQ,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;GASlC,OARA,IACEG,KACA,CAAC,CAACsB,KACF,CAAC,CAACP,KACFA,EAAE,KAAKO,EAAK,KACZP,EAAE,KAAKO,EAAK,IAAIA,EAAK,SACrBP,EAAE,KAAKO,EAAK,KACZP,EAAE,KAAKO,EAAK,IAAIA,EAAK,QAChBL,EAAM,aAAa;EAC5B;EACA,SAAS,GAAO;GAEd,AADAN,EAAKE,CAAK,GACVI,EAAM,OAAO;EACf;EACA,WAAWN;EACX,SAAS,GAAO;GACd,IAAMC,IAAIC,EAAM,aACVa,IAAS,IAAI,KAChBd,EAAE,WAAW,CAAC,EAAA,CAAG,KAAK,GAAG,MAAM3B,EAAKE,GAAiB2B,CAAC,CAAC,CAC1D,GACMa,IAAiCf,EAAE,gBAAgB,SACrDA,EAAE,iBACF,CAACA,CAA0B;GAC/B,KAAK,IAAM,CAAC1B,GAAI0C,MAAS,CAAC,GAAG/B,CAAO,GAAG;IACrC,IAAI6B,EAAO,IAAIxC,CAAE,GAAG;IACpB,IAAM2C,IAAQF,EAAQ,MAAM,GAAG,MAAM1C,EAAK,GAAG6B,CAAC,MAAM5B,CAAE,GAChD6B,IAAIc,IAAQnB,EAAMmB,CAAK,IAAID;IAGjC,AAFA/B,EAAQ,OAAOX,CAAE,GACbW,EAAQ,SAAS,MAAG,EAAM,SAASkB,IACvCT,EAAW,UAAUS,EAAE,GAAGA,EAAE,GAAG;KAAE;KAAI,OAAO;IAAK,CAAC;GACpD;GACA,EAAM,OAAO;EACf;EACA,cAAc;GACZ,KAAK,IAAM7B,KAAMW,EAAQ,KAAK,GAAG,EAAW,cAAc,EAAE,MAAG,CAAC;GAEhE,AADAA,EAAQ,MAAM,GACdoB,EAAM,OAAO;EACf;EACA,eAAe;GACb,IAAIpB,EAAQ,OAAO,KAAMK,KAAWL,EAAQ,OAAO,GAAI,OAAO;GAC9D,IAAMsB,IAAQb,EAAW,SAAS;GAClC,IAAI,CAACa,GAAO,OAAO;GACnB,IAAIA,EAAM,UAAU,OAAO;GAC3B,IAAM,EAAE,YAASA,EAAM,OACjBE,IAAOf,EAAW,QAAQ;GAChC,OACEe,EAAK,EAAE,OAAOS,EAAK,EAAE,MACrBT,EAAK,EAAE,OAAOS,EAAK,EAAE,MACrBT,EAAK,EAAE,OAAOS,EAAK,EAAE,MACrBT,EAAK,EAAE,OAAOS,EAAK,EAAE;EAEzB;CACF;CACA,OAAOb;AACT;AAGA,SAASc,EAAc,EACrB,UACA,WACA,eAKC;CACD,IAAM,CAACtB,GAAMuB,KAAWC,EACtB,IACF,GACM,EAAE,UAAO,cAAWd,GACtBe,IAAOC,EAAO,IAAI,IAClBC,IAAMD,EAAO;CASjB,OARI1B,MACEyB,IAAOzB,EAAK,QAAQ4B,IAAQ,MAAG,IAAOF,EAAO,IAAI,KAAK1B,EAAK,QAC/D,IAAO,KAAK,IAAI,GAAG,KAAK,IAAIyB,GAAMG,IAAQ5B,EAAK,QAAQ,CAAC,CAAC,GACzD,IAAM,KAAK,IACT,GACA,KAAK,IAAI0B,EAAO,IAAI1B,EAAK,SAAS,GAAG6B,IAAS7B,EAAK,SAAS,CAAC,CAC/D,IAGA,kBAAC8B,GAAD;EACE,eAAc;EACd,GAAIC,EAAK,SAAS,WAAW,EAAE,QAAQ,GAAK,CAAC;EAC7C,WAAW,MAAyB;GAClC,IAAM,EAAE,OAAOC,GAAG,QAAQC,MAAM,EAAE,YAAY;GAC9C,GAAS,MACP1B,KAAYA,EAAS,UAAUyB,KAAKzB,EAAS,WAAW0B,IACpD1B,IACA;IAAE,OAAOyB;IAAG,QAAQC;GAAE,CAC5B;EACF;EACA,OAAO,CACLC,EAAYxB,CAAK,GACjB;GAEE,MAAM;GACN,KAAK;GACL,UAAU,KAAK,IAAI,GAAGkB,IAAQ,CAAC;GAC/B,SAAS;GACT,SAAS;GACT,WAAW,CAAC,EAAE,YAAYH,EAAK,GAAG,EAAE,YAAYE,EAAI,CAAC;EACvD,CACF;EAEC;CACG,CAAA;AAEV;AAgBA,SAAgBQ,EAAU,EACxB,YACA,YAAS,KACT,WAAQ,QACR,UACA,WACA,cACA,kBACA,YACA,GAAGC,KACc;CACjB,IAAM,EAAE,WAAQ,aAAUC,EAAS,GAC7BvB,IAASwB,EAAM,MACfC,IAAQC,QAAcC,EAAgBC,CAAM,GAAG,CAACA,CAAM,CAAC,GACvDC,IAAgB,CAAC,CAACC,KAAiBpD,EAAQ,YAAY,IACvDqD,IAAWL,QAA4B;EAC3C,IAAI,CAACG,GAAe,OAAOnD;EAC3B,IAAM6B,IAAO,OAAO7B,EAAQ,WAAY,WAAWA,EAAQ,UAAU,CAAC;EACtE,OAAO;GAAE,GAAGA;GAAS,SAAS;IAAE,GAAG6B;IAAM,cAAc9C;GAAe;EAAE;CAC1E,GAAG,CAACiB,GAASmD,CAAa,CAAC,GAErB,CAACnC,KAASgB,QACd1C,EACE+D,GACAN,GACA,OAAOX,KAAU,YAAY,OAAOC,KAAW,WAC3C,CAACD,GAAOC,CAAM,IACd,IACN,CACF,GACM,EAAE,kBAAerB;CACvB,EAAqBA,EAAM,WAAWA,EAAM,SAASA,EAAM,OAAO;CAElE,IAAMsC,IAAUC,EAAO;EAAE,SAASF;EAAU;CAAM,CAAC;CAUnD,AATAG,QAAsB;EACpB,IAAMC,IAAUH,EAAQ;EACxB,CAAIG,EAAQ,UAAUV,KAASU,EAAQ,YAAYJ,OAC/CI,EAAQ,UAAUV,KAAO1C,EAAW,SAAS0C,CAAK,GAClDU,EAAQ,YAAYJ,KAAUrC,EAAM,WAAWqC,CAAQ,GAC3D,EAAQ,UAAU;GAAE,SAASA;GAAU;EAAM,GAC7CrC,EAAM,OAAO;CACf,GAAG;EAACX;EAAYW;EAAOqC;EAAUN;CAAK,CAAC,GAEvCS,QAAsB;EACpB,IAAI,OAAOpB,KAAU,YAAY,OAAOC,KAAW,UAAU;EAC7D,IAAMnB,IAAQb,EAAW,SAAS;EAClC,AAAIa,KAASA,EAAM,UAAUkB,KAASlB,EAAM,WAAWmB,MACvDhC,EAAW,QAAQ+B,GAAOC,CAAM,GAChCrB,EAAM,OAAO;CACf,GAAG;EAACX;EAAYW;EAAOoB;EAAOC;CAAM,CAAC;CAErC,IAAMqB,IAAcH,EAAiBX,CAAQ;CAiB7C,AAhBAY,QAAsB;EACpB,EAAY,UAAUZ;CACxB,CAAC,GACDe,QAAgB;EACd,IAAMlB,IAAIiB,GACJE,IAAO;GACXvD,EAAW,GAAG,UAAU,MAAMoC,EAAE,QAAQ,UAAUoB,CAAC,CAAC;GACpDxD,EAAW,GAAG,UAAU,MAAMoC,EAAE,QAAQ,eAAeoB,CAAC,CAAC;GACzDxD,EAAW,GAAG,cAAc,MAAMoC,EAAE,QAAQ,cAAcoB,CAAC,CAAC;GAC5DxD,EAAW,GAAG,SAAS,MAAMoC,EAAE,QAAQ,SAASqB,CAAC,CAAC;GAClDzD,EAAW,GAAG,SAAS,MAAMoC,EAAE,QAAQ,SAASoB,CAAC,CAAC;GAClDxD,EAAW,GAAG,SAAS,MAAMoC,EAAE,QAAQ,SAASoB,CAAC,CAAC;EACpD;EACA,aAAaD,EAAK,SAAS,MAAQG,EAAI,CAAC;CAC1C,GAAG,CAAC1D,CAAU,CAAC,GAEf2D,EACEC,UACO;EACL,iBAAiB5D,EAAW,UAAU;EACtC,eAAeA,EAAW,QAAQ;EAClC,UAAU,MAASA,EAAW,QAAQe,CAAI;EAC1C,mBAAmBf,EAAW,YAAY;EAC1C,qBAAqBA;CACvB,IACA,CAACA,CAAU,CACb;CAEA,IAAM6D,KAAY,MAAyB;EACzC,IAAM,EAAE,OAAO1B,GAAG,QAAQC,MAAM,EAAE,YAAY,QACxCvB,IAAQb,EAAW,SAAS;EAClC,AAAIa,KAASA,EAAM,UAAUsB,KAAKtB,EAAM,WAAWuB,MACnDpC,EAAW,QAAQmC,GAAGC,CAAC,GACvBzB,EAAM,OAAO;CACf,GAEME,IAAQb,EAAW,SAAS,GAC9B8D,IAAqB,MACnBvD,IAAQM,GAAO,OAAO,UAAUA,EAAM,MAAM,QAAQ;CAC1D,IAAIA,KAASN,KAASuC,KAAiBC,GAAe;EACpD,IAAMgB,IAAUhB,EAAcxC,CAAK,GAC7BsB,IAASlB,EAAM,UAAUE,EAAM,OAAO,MAAM,MAAM;EACxD,AACEkD,KAAY,QAEZA,MAAY,MACZlC,MAEA,IACE,kBAACJ,GAAD;GAAsB;GAAe;GAClC,UAAAsC;EACY,CAAA;CAErB;CAEA,OACE,kBAAC9B,GAAD;EACU;EACE;EACV,OAAO,CAAC;GAAE;GAAO;EAAO,GAAG+B,CAAK;EAChC,GAAI9B,EAAK,SAAS,MAAM;EAJ1B,UAAA;GAME,kBAACD,GAAD;IACE,OAAOgC,EAAW;IAClB,YAAA;IACA,mBAAkB;IAClB,oBAAoBtE,EAAQ;IAC5B,iCAAiC;IACjC,qCAAqC,CAACgB,EAAM,aAAa;IACzD,kBAAkBA,EAAM;IACxB,kBAAkBA,EAAM;IACxB,iBAAiBA,EAAM;IACvB,gBAAgBA,EAAM;IACtB,oBAAoBA,EAAM;IAC1B,sBAAsBA,EAAM;IAC5B,GAAIuB,EAAK,SAAS,SAAS;IAE3B,UAAA,kBAACD,GAAD;KAAM,eAAc;KAAO,OAAOgC,EAAW;KAA7C,UAAA,CACGpD,IAAQF,EAAM,OAAOE,GAAOI,CAAM,IAAI,MACtCJ,IAAQqD,EAAUrD,GAAOI,GAAQ6B,CAAa,IAAI,IAC/C;;GACF,CAAA;GACLqB,KAAWtD,IACV,kBAACoB,GAAD;IACE,eAAc;IACd,OAAO;KACL,UAAU;KACV,MAAMpB,EAAM,OAAO,KAAK;KACxB,KAAKA,EAAM,OAAO,KAAK;KACvB,OAAOA,EAAM,OAAO,KAAK;KACzB,QAAQA,EAAM,OAAO,KAAK;IAC5B;IACA,GAAIqB,EAAK,SAAS,SAAS;IAE1B,UAAAiC,EAAQtD,EAAM,OAAO,IAAI;GACtB,CAAA,IACJ;GACHiD;EACG;;AAEV"}

package/dist/native/components/Chart/charts.cjs

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

package/dist/native/components/Chart/charts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.cjs","names":["useMemo","engineOptions","ChartBase","lineSeries","barSeries","scatterSeries","quadrantChartOptions","View","part","quadrantOf","require_parts","require_presets","require_ChartBase","react","react_native","react_jsx_runtime","useEngineOptions","props","series","xAxis","yAxis","legend","tooltip","crosshair","annotations","interaction","padding","palette","ariaLabel","frameProps","Chart","options","LineChart","input","area","BarChart","stacked","ScatterChart","CORNERS","NO_SERIES","QuadrantChart","base","dragPoints","draggable","onPointDrop","points","xDomain","yDomain","xSplit","ySplit","quadrants","xLabel","yLabel","axisLabels","showTicks","reverseX","showLabels","pointSize","name","geometry","overlay","quadrantContent","x0","x1","y0","y1","xs","ys","fx","fy","sx","plot","sy","content","corner","left","top","onPointClick","index","event","onQuadrantClick","at","renderTooltip"],"sources":["../../../../../native/src/components/Chart/charts.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { View } from \"react-native\";\nimport {\n  barSeries,\n  lineSeries,\n  quadrantChartOptions,\n  quadrantOf,\n  scatterSeries,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartRect,\n  type ChartSeries,\n  type QuadrantCorner,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { ChartBase, engineOptions } from \"./ChartBase\";\nimport type {\n  BarChartProps,\n  ChartCommonProps,\n  ChartProps,\n  LineChartProps,\n  QuadrantChartProps,\n  ScatterChartProps,\n} from \"./types\";\n\n/** Engine options of the common props, kept while the props are the same */\nfunction useEngineOptions(\n  props: Omit<\n    ChartCommonProps,\n    \"onPointClick\" | \"onPlotClick\" | \"renderTooltip\"\n  >,\n  series: readonly ChartSeries[],\n): ChartOptions {\n  const {\n    xAxis,\n    yAxis,\n    legend,\n    tooltip,\n    crosshair,\n    annotations,\n    interaction,\n    padding,\n    palette,\n    ariaLabel,\n  } = props;\n  return useMemo(\n    () =>\n      engineOptions({\n        series,\n        xAxis,\n        yAxis,\n        legend,\n        tooltip,\n        crosshair,\n        annotations,\n        interaction,\n        padding,\n        palette,\n        ariaLabel,\n      }),\n    [\n      series,\n      xAxis,\n      yAxis,\n      legend,\n      tooltip,\n      crosshair,\n      annotations,\n      interaction,\n      padding,\n      palette,\n      ariaLabel,\n    ],\n  );\n}\n\nconst frameProps = (props: ChartCommonProps) => ({\n  height: props.height,\n  width: props.width,\n  style: props.style,\n  testID: props.testID,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  renderTooltip: props.renderTooltip,\n});\n\n/**\n * Chart mixing line, area, bar and scatter series, drawn with views:\n * tap for the tooltip, pinch to zoom, drag to pan, double tap to reset.\n * Themed by the closest `MinervaProvider` (light / dark).\n */\nexport function Chart(props: ChartProps) {\n  const options = useEngineOptions(props, props.series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Line (or area) chart; large series are decimated to the pixel columns */\nexport function LineChart(props: LineChartProps) {\n  const { series: input, area = false } = props;\n  const series = useMemo(() => lineSeries(input, area), [input, area]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\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  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Scatter chart: zooms on both axes; large point sets are merged per cell */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst NO_SERIES: readonly ChartSeries[] = [];\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 base = useEngineOptions(props, NO_SERIES);\n  const dragPoints = draggable ?? !!onPointDrop;\n  const options = useMemo(\n    () =>\n      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: dragPoints,\n        },\n        base,\n      ),\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      dragPoints,\n      base,\n    ],\n  );\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\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        // split point relative to the plot area\n        const sx = plot.width * (reverseX ? 1 - fx : fx);\n        const sy = plot.height * (1 - fy);\n        return CORNERS.map((corner) => {\n          const content = quadrantContent[corner];\n          if (content === undefined || content === null || content === false)\n            return null;\n          const left = corner.endsWith(\"Left\");\n          const top = corner.startsWith(\"top\");\n          return (\n            <View\n              key={corner}\n              pointerEvents=\"box-none\"\n              style={{\n                position: \"absolute\",\n                left: left ? 0 : sx,\n                top: top ? 0 : sy,\n                width: left ? sx : plot.width - sx,\n                height: top ? sy : plot.height - sy,\n              }}\n              {...part(\"chart\", \"quadrant\", { corner })}\n            >\n              {content}\n            </View>\n          );\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: ChartHoverEvent) => {\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/native/components/Chart/charts.d.cts

@@ -0,0 +1,19 @@
+import { BarChartProps, ChartProps, LineChartProps, QuadrantChartProps, ScatterChartProps } from './types.cjs';
+/**
+ * Chart mixing line, area, bar and scatter series, drawn with views:
+ * tap for the tooltip, pinch to zoom, drag to pan, double tap to reset.
+ * Themed by the closest `MinervaProvider` (light / dark).
+ */
+export declare function Chart(props: ChartProps): import('react').JSX.Element;
+/** Line (or area) chart; large series are decimated to the pixel columns */
+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; large point sets are merged per cell */
+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/native/components/Chart/charts.d.ts

@@ -0,0 +1,19 @@
+import { BarChartProps, ChartProps, LineChartProps, QuadrantChartProps, ScatterChartProps } from './types.js';
+/**
+ * Chart mixing line, area, bar and scatter series, drawn with views:
+ * tap for the tooltip, pinch to zoom, drag to pan, double tap to reset.
+ * Themed by the closest `MinervaProvider` (light / dark).
+ */
+export declare function Chart(props: ChartProps): import('react').JSX.Element;
+/** Line (or area) chart; large series are decimated to the pixel columns */
+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; large point sets are merged per cell */
+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/native/components/Chart/charts.js

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

package/dist/native/components/Chart/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","names":["useEngineOptions","props","useMemo","engineOptions","series","xAxis","yAxis","legend","tooltip","crosshair","annotations","interaction","padding","palette","ariaLabel","frameProps","Chart","options","ChartBase","LineChart","input","lineSeries","area","BarChart","barSeries","stacked","ScatterChart","scatterSeries","CORNERS","NO_SERIES","QuadrantChart","base","dragPoints","draggable","onPointDrop","quadrantChartOptions","points","xDomain","yDomain","xSplit","ySplit","quadrants","xLabel","yLabel","axisLabels","showTicks","reverseX","showLabels","pointSize","name","geometry","overlay","quadrantContent","x0","x1","y0","y1","xs","ys","fx","fy","sx","plot","sy","content","corner","left","top","View","part","onPointClick","index","event","onQuadrantClick","quadrantOf","at","renderTooltip"],"sources":["../../../../../native/src/components/Chart/charts.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { View } from \"react-native\";\nimport {\n  barSeries,\n  lineSeries,\n  quadrantChartOptions,\n  quadrantOf,\n  scatterSeries,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartRect,\n  type ChartSeries,\n  type QuadrantCorner,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { ChartBase, engineOptions } from \"./ChartBase\";\nimport type {\n  BarChartProps,\n  ChartCommonProps,\n  ChartProps,\n  LineChartProps,\n  QuadrantChartProps,\n  ScatterChartProps,\n} from \"./types\";\n\n/** Engine options of the common props, kept while the props are the same */\nfunction useEngineOptions(\n  props: Omit<\n    ChartCommonProps,\n    \"onPointClick\" | \"onPlotClick\" | \"renderTooltip\"\n  >,\n  series: readonly ChartSeries[],\n): ChartOptions {\n  const {\n    xAxis,\n    yAxis,\n    legend,\n    tooltip,\n    crosshair,\n    annotations,\n    interaction,\n    padding,\n    palette,\n    ariaLabel,\n  } = props;\n  return useMemo(\n    () =>\n      engineOptions({\n        series,\n        xAxis,\n        yAxis,\n        legend,\n        tooltip,\n        crosshair,\n        annotations,\n        interaction,\n        padding,\n        palette,\n        ariaLabel,\n      }),\n    [\n      series,\n      xAxis,\n      yAxis,\n      legend,\n      tooltip,\n      crosshair,\n      annotations,\n      interaction,\n      padding,\n      palette,\n      ariaLabel,\n    ],\n  );\n}\n\nconst frameProps = (props: ChartCommonProps) => ({\n  height: props.height,\n  width: props.width,\n  style: props.style,\n  testID: props.testID,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  renderTooltip: props.renderTooltip,\n});\n\n/**\n * Chart mixing line, area, bar and scatter series, drawn with views:\n * tap for the tooltip, pinch to zoom, drag to pan, double tap to reset.\n * Themed by the closest `MinervaProvider` (light / dark).\n */\nexport function Chart(props: ChartProps) {\n  const options = useEngineOptions(props, props.series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Line (or area) chart; large series are decimated to the pixel columns */\nexport function LineChart(props: LineChartProps) {\n  const { series: input, area = false } = props;\n  const series = useMemo(() => lineSeries(input, area), [input, area]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\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  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Scatter chart: zooms on both axes; large point sets are merged per cell */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst NO_SERIES: readonly ChartSeries[] = [];\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 base = useEngineOptions(props, NO_SERIES);\n  const dragPoints = draggable ?? !!onPointDrop;\n  const options = useMemo(\n    () =>\n      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: dragPoints,\n        },\n        base,\n      ),\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      dragPoints,\n      base,\n    ],\n  );\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\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        // split point relative to the plot area\n        const sx = plot.width * (reverseX ? 1 - fx : fx);\n        const sy = plot.height * (1 - fy);\n        return CORNERS.map((corner) => {\n          const content = quadrantContent[corner];\n          if (content === undefined || content === null || content === false)\n            return null;\n          const left = corner.endsWith(\"Left\");\n          const top = corner.startsWith(\"top\");\n          return (\n            <View\n              key={corner}\n              pointerEvents=\"box-none\"\n              style={{\n                position: \"absolute\",\n                left: left ? 0 : sx,\n                top: top ? 0 : sy,\n                width: left ? sx : plot.width - sx,\n                height: top ? sy : plot.height - sy,\n              }}\n              {...part(\"chart\", \"quadrant\", { corner })}\n            >\n              {content}\n            </View>\n          );\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: ChartHoverEvent) => {\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/native/components/Chart/index.cjs

@@ -0,0 +1 @@
+const e=require("./charts.cjs");exports.BarChart=e.BarChart,exports.Chart=e.Chart,exports.LineChart=e.LineChart,exports.QuadrantChart=e.QuadrantChart,exports.ScatterChart=e.ScatterChart;

package/dist/native/components/Chart/index.d.cts

@@ -0,0 +1,2 @@
+export { BarChart, Chart, LineChart, QuadrantChart, ScatterChart, } from './charts.cjs';
+export type * from './types.cjs';

package/dist/native/components/Chart/index.d.ts

@@ -0,0 +1,2 @@
+export { BarChart, Chart, LineChart, QuadrantChart, ScatterChart, } from './charts.js';
+export type * from './types.js';

package/dist/native/components/Chart/index.js

@@ -0,0 +1,2 @@
+import { BarChart as e, Chart as t, LineChart as n, QuadrantChart as r, ScatterChart as i } from "./charts.js";
+export { e as BarChart, t as Chart, n as LineChart, r as QuadrantChart, i as ScatterChart };

package/dist/native/components/Chart/measure.cjs

@@ -0,0 +1,2 @@
+var e=/^\s*(?:(\d{3}|bold|normal)\s+)?([\d.]+)px/,t=e=>e>=4352&&e<=4447||e>=11904&&e<=42191||e>=44032&&e<=55203||e>=63744&&e<=64255||e>=65072&&e<=65103||e>=65280&&e<=65376||e>=65504&&e<=65510||e>=126976,n=new Set(" il.,:;'|!Ijtfr()[]`"),r=new Set(`MWmw@%`),i=e=>t(e.codePointAt(0)??0)?1:n.has(e)?.3:r.has(e)?.82:e>=`0`&&e<=`9`?.56:e>=`A`&&e<=`Z`?.66:.55;function a(t,n){let r=e.exec(n),a=r?.[1],o=a===`bold`?700:a&&a!==`normal`?+a:400,s=r?Number(r[2]):11,c=0;for(let e of t)c+=i(e);return c*s*(o>=600?1.07:o>=500?1.03:1)}exports.measureChartText=a;
+//# sourceMappingURL=measure.cjs.map