@silverpoint/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ernesto Crespo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/activity-grid.d.ts

@@ -0,0 +1,10 @@
+import { C as ClientChart, I as InteractionProps } from './create-chart-BIG9Wtek.js';
+import { ActivityGridProps } from '@silverpoint/core';
+export { ActivityGridProps, ChartHandle } from '@silverpoint/core';
+import 'react';
+
+type ClientActivityGridProps = ActivityGridProps & InteractionProps;
+/** `ActivityGrid` (REQ-087): one cell per day, a column per week (API Spec §7). */
+declare const ActivityGrid: ClientChart<ActivityGridProps>;
+
+export { ActivityGrid, type ClientActivityGridProps, InteractionProps };

package/dist/activity-grid.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  ActivityGrid
+} from "./chunk-PBT76UXS.js";
+import "./chunk-BHZNDYU3.js";
+export {
+  ActivityGrid
+};
+//# sourceMappingURL=activity-grid.js.map

package/dist/activity-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/area-chart.d.ts

@@ -0,0 +1,10 @@
+import { C as ClientChart, I as InteractionProps } from './create-chart-BIG9Wtek.js';
+import { AreaChartProps } from '@silverpoint/core';
+export { AreaChartProps, ChartHandle } from '@silverpoint/core';
+import 'react';
+
+type ClientAreaChartProps = AreaChartProps & InteractionProps;
+/** `AreaChart` (REQ-072): a curved, toned area under its line (API Spec §7). */
+declare const AreaChart: ClientChart<AreaChartProps>;
+
+export { AreaChart, type ClientAreaChartProps, InteractionProps };

package/dist/area-chart.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  AreaChart
+} from "./chunk-ORIH4UQP.js";
+import "./chunk-BHZNDYU3.js";
+export {
+  AreaChart
+};
+//# sourceMappingURL=area-chart.js.map

package/dist/area-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/bar-chart.d.ts

@@ -0,0 +1,10 @@
+import { C as ClientChart, I as InteractionProps } from './create-chart-BIG9Wtek.js';
+import { BarChartProps } from '@silverpoint/core';
+export { BarChartProps, ChartHandle } from '@silverpoint/core';
+import 'react';
+
+type ClientBarChartProps = BarChartProps & InteractionProps;
+/** `BarChart` (REQ-064): pill bars, columns or rows (API Spec §7). */
+declare const BarChart: ClientChart<BarChartProps>;
+
+export { BarChart, type ClientBarChartProps, InteractionProps };

package/dist/bar-chart.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  BarChart
+} from "./chunk-4DUH2UHE.js";
+import "./chunk-BHZNDYU3.js";
+export {
+  BarChart
+};
+//# sourceMappingURL=bar-chart.js.map

package/dist/bar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/bubble-chart.d.ts

@@ -0,0 +1,10 @@
+import { C as ClientChart, I as InteractionProps } from './create-chart-BIG9Wtek.js';
+import { BubbleChartProps } from '@silverpoint/core';
+export { BubbleChartProps, ChartHandle } from '@silverpoint/core';
+import 'react';
+
+type ClientBubbleChartProps = BubbleChartProps & InteractionProps;
+/** `BubbleChart` (REQ-083): circles whose area encodes size (API Spec §7). */
+declare const BubbleChart: ClientChart<BubbleChartProps>;
+
+export { BubbleChart, type ClientBubbleChartProps, InteractionProps };

package/dist/bubble-chart.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  BubbleChart
+} from "./chunk-6FZO4SMF.js";
+import "./chunk-BHZNDYU3.js";
+export {
+  BubbleChart
+};
+//# sourceMappingURL=bubble-chart.js.map

package/dist/bubble-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/bullet-chart.d.ts

@@ -0,0 +1,10 @@
+import { C as ClientChart, I as InteractionProps } from './create-chart-BIG9Wtek.js';
+import { BulletChartProps } from '@silverpoint/core';
+export { BulletChartProps, ChartHandle } from '@silverpoint/core';
+import 'react';
+
+type ClientBulletChartProps = BulletChartProps & InteractionProps;
+/** `BulletChart` (REQ-069): a bar to the actual value and a marker at the target (API Spec §7). */
+declare const BulletChart: ClientChart<BulletChartProps>;
+
+export { BulletChart, type ClientBulletChartProps, InteractionProps };

package/dist/bullet-chart.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  BulletChart
+} from "./chunk-O2DNGRM7.js";
+import "./chunk-BHZNDYU3.js";
+export {
+  BulletChart
+};
+//# sourceMappingURL=bullet-chart.js.map

package/dist/bullet-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/candlestick-chart.d.ts

@@ -0,0 +1,10 @@
+import { C as ClientChart, I as InteractionProps } from './create-chart-BIG9Wtek.js';
+import { CandlestickChartProps } from '@silverpoint/core';
+export { CandlestickChartProps, ChartHandle } from '@silverpoint/core';
+import 'react';
+
+type ClientCandlestickChartProps = CandlestickChartProps & InteractionProps;
+/** `CandlestickChart` (REQ-071): OHLC bodies and wicks (API Spec §7). */
+declare const CandlestickChart: ClientChart<CandlestickChartProps>;
+
+export { CandlestickChart, type ClientCandlestickChartProps, InteractionProps };

package/dist/candlestick-chart.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  CandlestickChart
+} from "./chunk-KPWHWNZH.js";
+import "./chunk-BHZNDYU3.js";
+export {
+  CandlestickChart
+};
+//# sourceMappingURL=candlestick-chart.js.map

package/dist/candlestick-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chord-ring.d.ts

@@ -0,0 +1,10 @@
+import { C as ClientChart, I as InteractionProps } from './create-chart-BIG9Wtek.js';
+import { ChordRingProps } from '@silverpoint/core';
+export { ChartHandle, ChordRingProps } from '@silverpoint/core';
+import 'react';
+
+type ClientChordRingProps = ChordRingProps & InteractionProps;
+/** `ChordRing` (REQ-091): flows between categories, ribbons over d3-chord (API Spec §7). */
+declare const ChordRing: ClientChart<ChordRingProps>;
+
+export { ChordRing, type ClientChordRingProps, InteractionProps };

package/dist/chord-ring.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  ChordRing
+} from "./chunk-2OAPH7JN.js";
+import "./chunk-BHZNDYU3.js";
+export {
+  ChordRing
+};
+//# sourceMappingURL=chord-ring.js.map

package/dist/chord-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-2JXPSUCK.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-BHZNDYU3.js";
+
+// src/stacked-bar-chart.tsx
+import { stackedBarChart } from "@silverpoint/core";
+var StackedBarChart = createClientChart(stackedBarChart);
+
+export {
+  StackedBarChart
+};
+//# sourceMappingURL=chunk-2JXPSUCK.js.map

package/dist/chunk-2JXPSUCK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stacked-bar-chart.tsx"],"sourcesContent":["import { stackedBarChart, type StackedBarChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { StackedBarChartProps } from '@silverpoint/core';\n\nexport type ClientStackedBarChartProps = StackedBarChartProps & InteractionProps;\n\n/** `StackedBarChart` (REQ-065): one stacked segment per key (API Spec §7). */\nexport const StackedBarChart = createClientChart<StackedBarChartProps>(stackedBarChart);\n"],"mappings":";;;;;;AAAA,SAAS,uBAAkD;AASpD,IAAM,kBAAkB,kBAAwC,eAAe;","names":[]}

package/dist/chunk-2OAPH7JN.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-BHZNDYU3.js";
+
+// src/chord-ring.tsx
+import { chordRing } from "@silverpoint/core";
+var ChordRing = createClientChart(chordRing);
+
+export {
+  ChordRing
+};
+//# sourceMappingURL=chunk-2OAPH7JN.js.map

package/dist/chunk-2OAPH7JN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chord-ring.tsx"],"sourcesContent":["import { chordRing, type ChordRingProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ChordRingProps } from '@silverpoint/core';\n\nexport type ClientChordRingProps = ChordRingProps & InteractionProps;\n\n/** `ChordRing` (REQ-091): flows between categories, ribbons over d3-chord (API Spec §7). */\nexport const ChordRing = createClientChart<ChordRingProps>(chordRing);\n"],"mappings":";;;;;;AAAA,SAAS,iBAAsC;AASxC,IAAM,YAAY,kBAAkC,SAAS;","names":[]}

package/dist/chunk-2Q2ZZTUW.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-BHZNDYU3.js";
+
+// src/pyramid-chart.tsx
+import { pyramidChart } from "@silverpoint/core";
+var PyramidChart = createClientChart(pyramidChart);
+
+export {
+  PyramidChart
+};
+//# sourceMappingURL=chunk-2Q2ZZTUW.js.map

package/dist/chunk-2Q2ZZTUW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pyramid-chart.tsx"],"sourcesContent":["import { pyramidChart, type PyramidChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { PyramidChartProps } from '@silverpoint/core';\n\nexport type ClientPyramidChartProps = PyramidChartProps & InteractionProps;\n\n/** `PyramidChart` (REQ-070): stacked, centred tiers whose width encodes the value (API Spec §7). */\nexport const PyramidChart = createClientChart<PyramidChartProps>(pyramidChart);\n"],"mappings":";;;;;;AAAA,SAAS,oBAA4C;AAS9C,IAAM,eAAe,kBAAqC,YAAY;","names":[]}

package/dist/chunk-4DUH2UHE.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-BHZNDYU3.js";
+
+// src/bar-chart.tsx
+import { barChart } from "@silverpoint/core";
+var BarChart = createClientChart(barChart);
+
+export {
+  BarChart
+};
+//# sourceMappingURL=chunk-4DUH2UHE.js.map

package/dist/chunk-4DUH2UHE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bar-chart.tsx"],"sourcesContent":["import { barChart, type BarChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { BarChartProps } from '@silverpoint/core';\n\nexport type ClientBarChartProps = BarChartProps & InteractionProps;\n\n/** `BarChart` (REQ-064): pill bars, columns or rows (API Spec §7). */\nexport const BarChart = createClientChart<BarChartProps>(barChart);\n"],"mappings":";;;;;;AAAA,SAAS,gBAAoC;AAStC,IAAM,WAAW,kBAAiC,QAAQ;","names":[]}

package/dist/chunk-5LQGSI6N.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-BHZNDYU3.js";
+
+// src/polar-bar-chart.tsx
+import { polarBarChart } from "@silverpoint/core";
+var PolarBarChart = createClientChart(polarBarChart);
+
+export {
+  PolarBarChart
+};
+//# sourceMappingURL=chunk-5LQGSI6N.js.map

package/dist/chunk-5LQGSI6N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/polar-bar-chart.tsx"],"sourcesContent":["import { polarBarChart, type PolarBarChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { PolarBarChartProps } from '@silverpoint/core';\n\nexport type ClientPolarBarChartProps = PolarBarChartProps & InteractionProps;\n\n/** `PolarBarChart` (REQ-077): 360° bars, length ∝ value (API Spec §7). */\nexport const PolarBarChart = createClientChart<PolarBarChartProps>(polarBarChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAA8C;AAShD,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/chunk-6FZO4SMF.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-BHZNDYU3.js";
+
+// src/bubble-chart.tsx
+import { bubbleChart } from "@silverpoint/core";
+var BubbleChart = createClientChart(bubbleChart);
+
+export {
+  BubbleChart
+};
+//# sourceMappingURL=chunk-6FZO4SMF.js.map

package/dist/chunk-6FZO4SMF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bubble-chart.tsx"],"sourcesContent":["import { bubbleChart, type BubbleChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { BubbleChartProps } from '@silverpoint/core';\n\nexport type ClientBubbleChartProps = BubbleChartProps & InteractionProps;\n\n/** `BubbleChart` (REQ-083): circles whose area encodes size (API Spec §7). */\nexport const BubbleChart = createClientChart<BubbleChartProps>(bubbleChart);\n"],"mappings":";;;;;;AAAA,SAAS,mBAA0C;AAS5C,IAAM,cAAc,kBAAoC,WAAW;","names":[]}

package/dist/chunk-AQMWZQ2P.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-BHZNDYU3.js";
+
+// src/gauge-arc.tsx
+import { gaugeArc } from "@silverpoint/core";
+var GaugeArc = createClientChart(gaugeArc);
+
+export {
+  GaugeArc
+};
+//# sourceMappingURL=chunk-AQMWZQ2P.js.map

package/dist/chunk-AQMWZQ2P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/gauge-arc.tsx"],"sourcesContent":["import { gaugeArc, type GaugeArcProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { GaugeArcProps } from '@silverpoint/core';\n\nexport type ClientGaugeArcProps = GaugeArcProps & InteractionProps;\n\n/** `GaugeArc` (REQ-080): a 240° arc swept to a percent (API Spec §7). */\nexport const GaugeArc = createClientChart<GaugeArcProps>(gaugeArc);\n"],"mappings":";;;;;;AAAA,SAAS,gBAAoC;AAStC,IAAM,WAAW,kBAAiC,QAAQ;","names":[]}

package/dist/chunk-BHZNDYU3.js

@@ -0,0 +1,257 @@
+'use client';
+
+// src/create-chart.tsx
+import {
+  instanceId,
+  reduceInteraction
+} from "@silverpoint/core";
+import { renderChart, toSVGString } from "@silverpoint/grounds";
+import {
+  forwardRef,
+  useContext,
+  useEffect as useEffect2,
+  useId,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState as useState2
+} from "react";
+
+// src/chart-svg.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Path({ path }) {
+  return /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: path.d,
+      part: path.part,
+      "data-role": path.role,
+      "data-paint": path.paint,
+      "data-dash": path.dash ?? void 0,
+      fill: path.fill ?? void 0
+    }
+  );
+}
+function ChartSvg({ view }) {
+  const { svg } = view;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: svg.viewBox,
+      width: svg.width,
+      height: svg.height,
+      className: svg.class,
+      "data-substrate": svg.substrate,
+      "data-mode": svg.mode,
+      role: svg.role,
+      "aria-labelledby": svg.labelledby,
+      children: [
+        /* @__PURE__ */ jsx("title", { id: view.title.id, children: view.title.text }),
+        /* @__PURE__ */ jsx("desc", { id: view.desc.id, children: view.desc.text }),
+        view.patterns.length > 0 && /* @__PURE__ */ jsx("defs", { children: view.patterns.map((pattern) => /* @__PURE__ */ jsx(
+          "pattern",
+          {
+            id: pattern.id,
+            width: pattern.width,
+            height: pattern.height,
+            patternUnits: "userSpaceOnUse",
+            patternTransform: pattern.transform,
+            children: pattern.paths.map((path, index) => /* @__PURE__ */ jsx(Path, { path }, index))
+          },
+          pattern.id
+        )) }),
+        view.paths.map((path, index) => /* @__PURE__ */ jsx(Path, { path }, index)),
+        view.texts.map((text, index) => /* @__PURE__ */ jsx("text", { x: text.x, y: text.y, part: text.part, "data-kind": text.kind, textAnchor: text.anchor, children: text.text }, index))
+      ]
+    }
+  );
+}
+
+// src/chart-frame.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Table({ table, id, visibility }) {
+  return /* @__PURE__ */ jsx2("div", { className: "sp-table-box", "data-visibility": visibility, children: /* @__PURE__ */ jsxs2("table", { className: "sp-table", id, "data-visibility": visibility, children: [
+    /* @__PURE__ */ jsx2("caption", { children: table.caption }),
+    /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsx2("tr", { children: table.columns.map((column, index) => /* @__PURE__ */ jsx2("th", { scope: "col", children: column }, index)) }) }),
+    /* @__PURE__ */ jsx2("tbody", { children: table.rows.map((row, index) => /* @__PURE__ */ jsx2("tr", { children: row.map(
+      (cell, column) => column === 0 ? /* @__PURE__ */ jsx2("th", { scope: "row", children: cell }, column) : /* @__PURE__ */ jsx2("td", { children: cell }, column)
+    ) }, index)) })
+  ] }) });
+}
+function ChartFrame({ rendered, className, rootProps, rootRef, overlay }) {
+  const classes = ["sp-root", `sp-ground-${rendered.ground}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: classes,
+      "data-substrate": rendered.substrate,
+      "data-chrome": rendered.chrome,
+      "data-status": rendered.status,
+      ref: rootRef,
+      ...rootProps,
+      children: [
+        /* @__PURE__ */ jsx2(ChartSvg, { view: rendered.view }),
+        overlay,
+        rendered.dataTable !== "none" && /* @__PURE__ */ jsx2(Table, { table: rendered.table, id: rendered.ids.table, visibility: rendered.dataTable })
+      ]
+    }
+  );
+}
+
+// src/context.ts
+import { createContext } from "react";
+var SilverpointContext = createContext({});
+
+// src/environment.ts
+import { checkTypeface, FORCED_PRECISION_QUERY } from "@silverpoint/core";
+import { useEffect, useState } from "react";
+function useForcedPrecision() {
+  const [forced, setForced] = useState(false);
+  useEffect(() => {
+    if (typeof matchMedia !== "function") return;
+    const query = matchMedia(FORCED_PRECISION_QUERY);
+    const update = () => setForced(query.matches);
+    update();
+    query.addEventListener?.("change", update);
+    return () => query.removeEventListener?.("change", update);
+  }, []);
+  return forced;
+}
+function useMeasuredWidth(ref, enabled) {
+  const [width, setWidth] = useState(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    if (!enabled || !element || typeof ResizeObserver !== "function") return;
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) setWidth(entry.contentRect.width);
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref, enabled]);
+  return width;
+}
+function useTypefaceCheck(chart) {
+  useEffect(() => {
+    if (typeof document !== "undefined" && document.fonts) void checkTypeface(document.fonts, chart);
+  }, [chart]);
+}
+
+// src/overlay.tsx
+import { readout } from "@silverpoint/core";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function Overlay({
+  rendered,
+  active,
+  tooltip
+}) {
+  const current = active ? readout(rendered, active) : null;
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    current && active && /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3("svg", { className: "sp-marker", viewBox: rendered.view.svg.viewBox, "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx3("path", { d: current.marker.d }) }),
+      /* @__PURE__ */ jsx3("div", { className: "sp-readout", style: { left: current.left, top: current.top }, "aria-hidden": "true", children: tooltip ? tooltip(active, current) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx3("span", { className: "sp-readout-heading", children: current.heading }),
+        current.text
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: "sp-live", "aria-live": "polite", children: current ? current.announcement : "" })
+  ] });
+}
+
+// src/create-chart.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function createClientChart(recipe) {
+  const Chart = forwardRef(function Chart2(allProps, ref) {
+    const { onActiveChange, onSelect, tooltip } = allProps;
+    const provider = useContext(SilverpointContext);
+    const generated = useId();
+    const rootRef = useRef(null);
+    const forcedPrecision = useForcedPrecision();
+    useTypefaceCheck(recipe.name);
+    const measured = useMeasuredWidth(rootRef, allProps.width === void 0);
+    const rendered = useMemo(
+      () => renderChart(recipe, allProps, {
+        id: instanceId(recipe.name, generated),
+        width: measured,
+        provider,
+        forcedPrecision
+      }),
+      // Keyed on the props object React hands in, which is stable across this component's own
+      // state changes, so moving the pointer never re-inks the chart.
+      [allProps, generated, measured, provider, forcedPrecision]
+    );
+    const [active, setActive] = useState2(null);
+    const dispatch = (event) => {
+      const result = reduceInteraction(rendered.geometry, active, event);
+      if (result.changed) {
+        setActive(result.active);
+        onActiveChange?.(result.active);
+      }
+      if (result.selected) onSelect?.(result.selected);
+      return result.handled;
+    };
+    const latest = useRef(dispatch);
+    latest.current = dispatch;
+    const showing = active !== null;
+    useEffect2(() => {
+      if (!showing) return void 0;
+      const onKey = (event) => {
+        if (event.key === "Escape" && !rootRef.current?.contains(event.target)) latest.current({ type: "key", key: "Escape" });
+      };
+      document.addEventListener("keydown", onKey);
+      return () => document.removeEventListener("keydown", onKey);
+    }, [showing]);
+    const pointer = (type) => (event) => {
+      const svg = rootRef.current?.querySelector("svg.sp-chart");
+      if (!svg) return;
+      const box = svg.getBoundingClientRect();
+      dispatch({
+        type,
+        client: { x: event.clientX, y: event.clientY },
+        box: { left: box.left, top: box.top, width: box.width, height: box.height },
+        kind: event.pointerType || "mouse"
+      });
+    };
+    const rootProps = {
+      tabIndex: 0,
+      role: "group",
+      "aria-label": rendered.name,
+      onPointerMove: pointer("pointer"),
+      onPointerDown: pointer("pointer"),
+      onClick: pointer("click"),
+      onPointerLeave: () => dispatch({ type: "leave" }),
+      onFocus: () => dispatch({ type: "focus" }),
+      onBlur: () => dispatch({ type: "blur" }),
+      onKeyDown: (event) => {
+        if (dispatch({ type: "key", key: event.key })) event.preventDefault();
+      }
+    };
+    useImperativeHandle(
+      ref,
+      () => ({
+        getGeometry: () => rendered.geometry,
+        toSVGString: () => toSVGString(rendered)
+      }),
+      [rendered]
+    );
+    return /* @__PURE__ */ jsx4(
+      ChartFrame,
+      {
+        rendered,
+        className: allProps.className,
+        rootRef,
+        rootProps,
+        overlay: /* @__PURE__ */ jsx4(Overlay, { rendered, active, tooltip })
+      }
+    );
+  });
+  Chart.displayName = recipe.name;
+  return Chart;
+}
+
+export {
+  SilverpointContext,
+  createClientChart
+};
+//# sourceMappingURL=chunk-BHZNDYU3.js.map

package/dist/chunk-BHZNDYU3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/create-chart.tsx","../src/chart-svg.tsx","../src/chart-frame.tsx","../src/context.ts","../src/environment.ts","../src/overlay.tsx"],"sourcesContent":["import {\n  instanceId,\n  reduceInteraction,\n  type ActiveItem,\n  type ChartHandle,\n  type ChartRecipe,\n  type CommonChartProps,\n  type InteractionEvent,\n  type PointerKind,\n} from '@silverpoint/core';\nimport { renderChart, toSVGString } from '@silverpoint/grounds';\nimport {\n  forwardRef,\n  useContext,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ForwardRefExoticComponent,\n  type KeyboardEvent,\n  type PointerEvent,\n  type RefAttributes,\n} from 'react';\nimport { ChartFrame } from './chart-frame';\nimport { SilverpointContext } from './context';\nimport { useForcedPrecision, useMeasuredWidth, useTypefaceCheck } from './environment';\nimport { Overlay, type TooltipRenderer } from './overlay';\n\nexport type { ChartHandle };\n\n/** Interaction props of the client components (API Spec §9). */\nexport interface InteractionProps {\n  /** The active item changed, or `null` when it cleared (REQ-141, REQ-143). */\n  onActiveChange?: (item: ActiveItem | null) => void;\n  /** An item was chosen by click, Enter or Space. */\n  onSelect?: (item: ActiveItem) => void;\n  /** Replaces the built-in readout (REQ-142). */\n  tooltip?: TooltipRenderer;\n}\n\nexport type ClientChart<P> = ForwardRefExoticComponent<P & InteractionProps & RefAttributes<ChartHandle>>;\n\n/**\n * The client component of a recipe: it measures, renders through the core pipeline and forwards\n * interaction events to the core's reducer. Every client chart is this function applied to its\n * recipe, so the charts differ only in the recipe (Art. 2).\n */\nexport function createClientChart<P extends CommonChartProps>(recipe: ChartRecipe<P>): ClientChart<P> {\n  const Chart = forwardRef<ChartHandle, P & InteractionProps>(function Chart(allProps, ref) {\n    const { onActiveChange, onSelect, tooltip } = allProps;\n    const provider = useContext(SilverpointContext);\n    const generated = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const forcedPrecision = useForcedPrecision();\n    useTypefaceCheck(recipe.name);\n    const measured = useMeasuredWidth(rootRef, allProps.width === undefined);\n\n    const rendered = useMemo(\n      () =>\n        renderChart(recipe, allProps as P, {\n          id: instanceId(recipe.name, generated),\n          width: measured,\n          provider,\n          forcedPrecision,\n        }),\n      // Keyed on the props object React hands in, which is stable across this component's own\n      // state changes, so moving the pointer never re-inks the chart.\n      [allProps, generated, measured, provider, forcedPrecision],\n    );\n\n    const [active, setActive] = useState<ActiveItem | null>(null);\n    const dispatch = (event: InteractionEvent): boolean => {\n      const result = reduceInteraction(rendered.geometry, active, event);\n      if (result.changed) {\n        setActive(result.active);\n        onActiveChange?.(result.active);\n      }\n      if (result.selected) onSelect?.(result.selected);\n      return result.handled;\n    };\n    // WCAG 1.4.13: a readout shown by the pointer is dismissible with Escape wherever focus is.\n    const latest = useRef(dispatch);\n    latest.current = dispatch;\n    const showing = active !== null;\n    useEffect(() => {\n      if (!showing) return undefined;\n      const onKey = (event: globalThis.KeyboardEvent) => {\n        if (event.key === 'Escape' && !rootRef.current?.contains(event.target as Node)) latest.current({ type: 'key', key: 'Escape' });\n      };\n      document.addEventListener('keydown', onKey);\n      return () => document.removeEventListener('keydown', onKey);\n    }, [showing]);\n    const pointer = (type: 'pointer' | 'click') => (event: PointerEvent<HTMLDivElement>) => {\n      const svg = rootRef.current?.querySelector('svg.sp-chart');\n      if (!svg) return;\n      const box = svg.getBoundingClientRect();\n      dispatch({\n        type,\n        client: { x: event.clientX, y: event.clientY },\n        box: { left: box.left, top: box.top, width: box.width, height: box.height },\n        kind: (event.pointerType || 'mouse') as PointerKind,\n      });\n    };\n    const rootProps = {\n      tabIndex: 0,\n      role: 'group',\n      'aria-label': rendered.name,\n      onPointerMove: pointer('pointer'),\n      onPointerDown: pointer('pointer'),\n      onClick: pointer('click'),\n      onPointerLeave: () => dispatch({ type: 'leave' }),\n      onFocus: () => dispatch({ type: 'focus' }),\n      onBlur: () => dispatch({ type: 'blur' }),\n      onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => {\n        if (dispatch({ type: 'key', key: event.key })) event.preventDefault();\n      },\n    };\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        getGeometry: () => rendered.geometry,\n        toSVGString: () => toSVGString(rendered),\n      }),\n      [rendered],\n    );\n\n    return (\n      <ChartFrame\n        rendered={rendered}\n        className={allProps.className}\n        rootRef={rootRef}\n        rootProps={rootProps}\n        overlay={<Overlay rendered={rendered} active={active} tooltip={tooltip} />}\n      />\n    );\n  });\n  Chart.displayName = recipe.name;\n  return Chart as ClientChart<P>;\n}\n","import type { PathView, SvgView } from '@silverpoint/core';\n\nfunction Path({ path }: { readonly path: PathView }) {\n  return (\n    <path\n      d={path.d}\n      part={path.part}\n      data-role={path.role}\n      data-paint={path.paint}\n      data-dash={path.dash ?? undefined}\n      fill={path.fill ?? undefined}\n    />\n  );\n}\n\n/** Writes the core's SVG view one field to one attribute; computes nothing (Art. 2). */\nexport function ChartSvg({ view }: { readonly view: SvgView }) {\n  const { svg } = view;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={svg.viewBox}\n      width={svg.width}\n      height={svg.height}\n      className={svg.class}\n      data-substrate={svg.substrate}\n      data-mode={svg.mode}\n      role={svg.role}\n      aria-labelledby={svg.labelledby}\n    >\n      <title id={view.title.id}>{view.title.text}</title>\n      <desc id={view.desc.id}>{view.desc.text}</desc>\n      {view.patterns.length > 0 && (\n        <defs>\n          {view.patterns.map((pattern) => (\n            <pattern\n              key={pattern.id}\n              id={pattern.id}\n              width={pattern.width}\n              height={pattern.height}\n              patternUnits=\"userSpaceOnUse\"\n              patternTransform={pattern.transform}\n            >\n              {pattern.paths.map((path, index) => (\n                <Path key={index} path={path} />\n              ))}\n            </pattern>\n          ))}\n        </defs>\n      )}\n      {view.paths.map((path, index) => (\n        <Path key={index} path={path} />\n      ))}\n      {view.texts.map((text, index) => (\n        <text key={index} x={text.x} y={text.y} part={text.part} data-kind={text.kind} textAnchor={text.anchor}>\n          {text.text}\n        </text>\n      ))}\n    </svg>\n  );\n}\n","import type { DataTable } from '@silverpoint/core';\nimport type { RenderedChart } from '@silverpoint/grounds';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { ChartSvg } from './chart-svg';\n\nfunction Table({ table, id, visibility }: { readonly table: DataTable; readonly id: string; readonly visibility: string }) {\n  return (\n    <div className=\"sp-table-box\" data-visibility={visibility}>\n      <table className=\"sp-table\" id={id} data-visibility={visibility}>\n        <caption>{table.caption}</caption>\n        <thead>\n          <tr>\n            {table.columns.map((column, index) => (\n              <th key={index} scope=\"col\">\n                {column}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {table.rows.map((row, index) => (\n            <tr key={index}>\n              {row.map((cell, column) =>\n                column === 0 ? (\n                  <th key={column} scope=\"row\">\n                    {cell}\n                  </th>\n                ) : (\n                  <td key={column}>{cell}</td>\n                ),\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nexport interface ChartFrameProps {\n  readonly rendered: RenderedChart;\n  readonly className?: string;\n  /** Interaction handlers and focus attributes, supplied by the client component only. */\n  readonly rootProps?: HTMLAttributes<HTMLDivElement>;\n  readonly rootRef?: Ref<HTMLDivElement>;\n  /** Readout and marker, drawn over the chart by the client component. */\n  readonly overlay?: ReactNode;\n}\n\n/** The chart's DOM: root, SVG, overlay and tabular alternative (API Spec §10). */\nexport function ChartFrame({ rendered, className, rootProps, rootRef, overlay }: ChartFrameProps) {\n  const classes = ['sp-root', `sp-ground-${rendered.ground}`, className].filter(Boolean).join(' ');\n  return (\n    <div\n      className={classes}\n      data-substrate={rendered.substrate}\n      data-chrome={rendered.chrome}\n      data-status={rendered.status}\n      ref={rootRef}\n      {...rootProps}\n    >\n      <ChartSvg view={rendered.view} />\n      {overlay}\n      {rendered.dataTable !== 'none' && (\n        <Table table={rendered.table} id={rendered.ids.table} visibility={rendered.dataTable} />\n      )}\n    </div>\n  );\n}\n","import type { ProviderConfig } from '@silverpoint/core';\nimport { createContext } from 'react';\n\n/** Application-wide configuration (API Spec §8.1); a chart prop always wins over it. */\nexport const SilverpointContext = createContext<ProviderConfig>({});\n","import { checkTypeface, FORCED_PRECISION_QUERY } from '@silverpoint/core';\nimport { useEffect, useState, type RefObject } from 'react';\n\n/**\n * Whether the environment forces `precision` (REQ-123). Read after hydration, so the server\n * render and the first client render agree (REQ-103).\n */\nexport function useForcedPrecision(): boolean {\n  const [forced, setForced] = useState(false);\n  useEffect(() => {\n    if (typeof matchMedia !== 'function') return;\n    const query = matchMedia(FORCED_PRECISION_QUERY);\n    const update = () => setForced(query.matches);\n    update();\n    query.addEventListener?.('change', update);\n    return () => query.removeEventListener?.('change', update);\n  }, []);\n  return forced;\n}\n\n/** Width of the container, measured with ResizeObserver; `undefined` until measured (REQ-009). */\nexport function useMeasuredWidth(ref: RefObject<HTMLElement | null>, enabled: boolean): number | undefined {\n  const [width, setWidth] = useState<number | undefined>(undefined);\n  useEffect(() => {\n    const element = ref.current;\n    if (!enabled || !element || typeof ResizeObserver !== 'function') return;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) setWidth(entry.contentRect.width);\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref, enabled]);\n  return width;\n}\n\n/** Reports SP013 when the display typeface fails to load; never blocks the render (REQ-032). */\nexport function useTypefaceCheck(chart: string): void {\n  useEffect(() => {\n    if (typeof document !== 'undefined' && document.fonts) void checkTypeface(document.fonts, chart);\n  }, [chart]);\n}\n","import { readout, type ActiveItem, type Readout } from '@silverpoint/core';\nimport type { RenderedChart } from '@silverpoint/grounds';\nimport type { ReactNode } from 'react';\n\n/** A consumer-supplied readout renderer (REQ-142). */\nexport type TooltipRenderer = (active: ActiveItem, readout: Readout) => ReactNode;\n\n/**\n * Marker, readout and live region of the active item (REQ-141, REQ-122). Every number comes from\n * the core's `readout`; this component only places it.\n */\nexport function Overlay({\n  rendered,\n  active,\n  tooltip,\n}: {\n  readonly rendered: RenderedChart;\n  readonly active: ActiveItem | null;\n  readonly tooltip?: TooltipRenderer;\n}) {\n  const current = active ? readout(rendered, active) : null;\n  return (\n    <>\n      {current && active && (\n        <>\n          <svg className=\"sp-marker\" viewBox={rendered.view.svg.viewBox} aria-hidden=\"true\" focusable=\"false\">\n            <path d={current.marker.d} />\n          </svg>\n          <div className=\"sp-readout\" style={{ left: current.left, top: current.top }} aria-hidden=\"true\">\n            {tooltip ? (\n              tooltip(active, current)\n            ) : (\n              <>\n                <span className=\"sp-readout-heading\">{current.heading}</span>\n                {current.text}\n              </>\n            )}\n          </div>\n        </>\n      )}\n      <div className=\"sp-live\" aria-live=\"polite\">\n        {current ? current.announcement : ''}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":["useEffect","useState","jsx","jsxs","jsx","jsxs","jsx","Chart","useState","useEffect"]}