@silverpoint/react 0.2.0 → 0.6.0

package/dist/chunk-BJZOF2YZ.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/violin-chart.tsx
+import { violinChart } from "@silverpoint/core/catalog";
+var ViolinChart = createClientChart(violinChart);
+
+export {
+  ViolinChart
+};
+//# sourceMappingURL=chunk-BJZOF2YZ.js.map

package/dist/chunk-BJZOF2YZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/violin-chart.tsx"],"sourcesContent":["import { violinChart } from '@silverpoint/core/catalog';\nimport type { ViolinChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ViolinChartProps } from '@silverpoint/core';\n\nexport type ClientViolinChartProps = ViolinChartProps & InteractionProps;\n\n/** `ViolinChart` (REQ-403): a mirrored kernel density per group (API Spec §7.3). */\nexport const ViolinChart = createClientChart<ViolinChartProps>(violinChart);\n"],"mappings":";;;;;;AAAA,SAAS,mBAAmB;AAUrB,IAAM,cAAc,kBAAoC,WAAW;","names":[]}

package/dist/{chunk-A42AKCPS.js → chunk-C3NHZ4N5.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/composed-chart.tsx
 import { composedChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var ComposedChart = createClientChart(composedChart);
 export {
   ComposedChart
 };
-//# sourceMappingURL=chunk-A42AKCPS.js.map
+//# sourceMappingURL=chunk-C3NHZ4N5.js.map

package/dist/chunk-CNRSQPRE.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/connected-scatter-chart.tsx
+import { connectedScatterChart } from "@silverpoint/core/catalog";
+var ConnectedScatterChart = createClientChart(connectedScatterChart);
+
+export {
+  ConnectedScatterChart
+};
+//# sourceMappingURL=chunk-CNRSQPRE.js.map

package/dist/chunk-CNRSQPRE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/connected-scatter-chart.tsx"],"sourcesContent":["import { connectedScatterChart } from '@silverpoint/core/catalog';\nimport type { ConnectedScatterChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ConnectedScatterChartProps } from '@silverpoint/core';\n\nexport type ClientConnectedScatterChartProps = ConnectedScatterChartProps & InteractionProps;\n\n/** `ConnectedScatterChart` (REQ-413): an ordered path through x-y points (API Spec §7.3). */\nexport const ConnectedScatterChart = createClientChart<ConnectedScatterChartProps>(connectedScatterChart);\n"],"mappings":";;;;;;AAAA,SAAS,6BAA6B;AAU/B,IAAM,wBAAwB,kBAA8C,qBAAqB;","names":[]}

package/dist/chunk-CWFUPKSS.js

@@ -0,0 +1,20 @@
+'use client';
+import {
+  renderUi,
+  textOf,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/button.tsx
+import { uiButtonView } from "@silverpoint/core/ui";
+import { forwardRef } from "react";
+var SpButton = forwardRef(function SpButton2({ children, onClick, dashboardCell, ...props }, ref) {
+  const view = uiButtonView(props, useUi(props, dashboardCell), { text: textOf(children) });
+  const click = onClick && ((event) => props.disabled ? event.preventDefault() : onClick(event));
+  return renderUi(view, { root: { ref, onClick: click }, slots: { content: children } });
+});
+
+export {
+  SpButton
+};
+//# sourceMappingURL=chunk-CWFUPKSS.js.map

package/dist/chunk-CWFUPKSS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/button.tsx"],"sourcesContent":["import { uiButtonView, type SpButtonProps as CoreProps } from '@silverpoint/core/ui';\nimport { forwardRef, type MouseEvent, type ReactNode, type ReactElement } from 'react';\nimport { textOf, useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpButtonProps extends CoreProps, UiCellProps {\n  readonly children?: ReactNode;\n  readonly onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n}\n\n/** `SpButton` (API delta §2): a native `<button>`, or `<a>` with `href`; its ref is that element. */\nexport const SpButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, SpButtonProps>(function SpButton(\n  { children, onClick, dashboardCell, ...props },\n  ref,\n) {\n  const view = uiButtonView(props, useUi(props, dashboardCell), { text: textOf(children) });\n  // A disabled link is an `<a>` without `href`, which still takes clicks: it emits none (REQ-326).\n  const click = onClick && ((event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => (props.disabled ? event.preventDefault() : onClick(event)));\n  return renderUi(view, { root: { ref, onClick: click }, slots: { content: children } }) as ReactElement;\n});\n"],"mappings":";;;;;;;;AAAA,SAAS,oBAAqD;AAC9D,SAAS,kBAAsE;AAUxE,IAAM,WAAW,WAAiE,SAASA,UAChG,EAAE,UAAU,SAAS,eAAe,GAAG,MAAM,GAC7C,KACA;AACA,QAAM,OAAO,aAAa,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,OAAO,QAAQ,EAAE,CAAC;AAExF,QAAM,QAAQ,YAAY,CAAC,UAA8D,MAAM,WAAW,MAAM,eAAe,IAAI,QAAQ,KAAK;AAChJ,SAAO,SAAS,MAAM,EAAE,MAAM,EAAE,KAAK,SAAS,MAAM,GAAG,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AACvF,CAAC;","names":["SpButton"]}

package/dist/chunk-DGZN27CF.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/ridgeline-chart.tsx
+import { ridgelineChart } from "@silverpoint/core/catalog";
+var RidgelineChart = createClientChart(ridgelineChart);
+
+export {
+  RidgelineChart
+};
+//# sourceMappingURL=chunk-DGZN27CF.js.map

package/dist/chunk-DGZN27CF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ridgeline-chart.tsx"],"sourcesContent":["import { ridgelineChart } from '@silverpoint/core/catalog';\nimport type { RidgelineChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { RidgelineChartProps } from '@silverpoint/core';\n\nexport type ClientRidgelineChartProps = RidgelineChartProps & InteractionProps;\n\n/** `RidgelineChart` (REQ-404): a kernel density per group on overlapping baselines (API Spec §7.3). */\nexport const RidgelineChart = createClientChart<RidgelineChartProps>(ridgelineChart);\n"],"mappings":";;;;;;AAAA,SAAS,sBAAsB;AAUxB,IAAM,iBAAiB,kBAAuC,cAAc;","names":[]}

package/dist/chunk-DO4VUIUU.js

@@ -0,0 +1,61 @@
+'use client';
+import {
+  SilverpointContext,
+  useForcedPrecision
+} from "./chunk-SQ6GWXDK.js";
+
+// src/ui/render.tsx
+import { createElement } from "react";
+var PROPS = { class: "className", for: "htmlFor", readonly: "readOnly", tabindex: "tabIndex" };
+function styleObject(value) {
+  const out = {};
+  for (const declaration of value.split(";")) {
+    const at = declaration.indexOf(":");
+    if (at > 0) out[declaration.slice(0, at).trim()] = declaration.slice(at + 1).trim();
+  }
+  return out;
+}
+function renderUi(node, bindings, root = true) {
+  if ("text" in node) return node.text;
+  if ("slot" in node) return bindings.slots?.[node.slot] ?? null;
+  const props = {};
+  for (const [name, value] of Object.entries(node.attrs)) {
+    props[PROPS[name] ?? name] = name === "style" && typeof value === "string" ? styleObject(value) : value;
+  }
+  if (root) Object.assign(props, bindings.root);
+  if (node.bind === "native") Object.assign(props, typeof bindings.native === "function" ? bindings.native(node) : bindings.native);
+  if (node.bind === "close") Object.assign(props, bindings.close);
+  return createElement(node.tag, props, ...node.children.map((child) => renderUi(child, bindings, false)));
+}
+function textOf(children) {
+  if (typeof children === "string" || typeof children === "number") return String(children);
+  return children === void 0 || children === null || children === false ? void 0 : "\xB7";
+}
+
+// src/ui/base.ts
+import { resolveUi } from "@silverpoint/core/ui";
+import { useContext, useState } from "react";
+function useUi(props, cell) {
+  const provider = useContext(SilverpointContext);
+  const forcedPrecision = useForcedPrecision();
+  return resolveUi(props, { provider, cell: cell?.config, forcedPrecision });
+}
+function useValue(value, initial, onChange) {
+  const [held, setHeld] = useState(initial);
+  const controlled = value !== void 0;
+  return [
+    controlled ? value : held,
+    (next) => {
+      if (!controlled) setHeld(next);
+      onChange?.(next);
+    }
+  ];
+}
+
+export {
+  renderUi,
+  textOf,
+  useUi,
+  useValue
+};
+//# sourceMappingURL=chunk-DO4VUIUU.js.map

package/dist/chunk-DO4VUIUU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/render.tsx","../src/ui/base.ts"],"sourcesContent":["import type { UiElement, UiNode, UiSlot } from '@silverpoint/core/ui';\nimport { createElement, type ReactNode } from 'react';\n\n/** HTML attribute names React spells differently. */\nconst PROPS: Readonly<Record<string, string>> = { class: 'className', for: 'htmlFor', readonly: 'readOnly', tabindex: 'tabIndex' };\n\n/** `--a:1;b:2` as React's style object; custom properties keep their names. */\nfunction styleObject(value: string): Record<string, string> {\n  const out: Record<string, string> = {};\n  for (const declaration of value.split(';')) {\n    const at = declaration.indexOf(':');\n    if (at > 0) out[declaration.slice(0, at).trim()] = declaration.slice(at + 1).trim();\n  }\n  return out;\n}\n\nexport interface UiBindings {\n  /** Props added to the root element: a ref, a click handler. */\n  readonly root?: Readonly<Record<string, unknown>>;\n  /**\n   * Props added to each element the core marks `native`: value, handlers, a ref. A function when a\n   * composite has several (one radio per item), each told apart by its own attributes.\n   */\n  readonly native?: Readonly<Record<string, unknown>> | ((node: UiElement) => Readonly<Record<string, unknown>>);\n  /** Props added to the close button of a Tag or an Alert. */\n  readonly close?: Readonly<Record<string, unknown>>;\n  readonly slots?: Partial<Record<UiSlot, ReactNode>>;\n}\n\n/**\n * Writes the core's view tree as React elements (API delta §4): the markup is the core's, attribute\n * for attribute; this adds only the bindings. No hooks, so a server entry uses it as well (REQ-104).\n */\nexport function renderUi(node: UiNode, bindings: UiBindings, root = true): ReactNode {\n  if ('text' in node) return node.text;\n  if ('slot' in node) return bindings.slots?.[node.slot] ?? null;\n  const props: Record<string, unknown> = {};\n  for (const [name, value] of Object.entries(node.attrs)) {\n    props[PROPS[name] ?? name] = name === 'style' && typeof value === 'string' ? styleObject(value) : value;\n  }\n  if (root) Object.assign(props, bindings.root);\n  if (node.bind === 'native') Object.assign(props, typeof bindings.native === 'function' ? bindings.native(node) : bindings.native);\n  if (node.bind === 'close') Object.assign(props, bindings.close);\n  return createElement(node.tag, props, ...node.children.map((child) => renderUi(child, bindings, false)));\n}\n\n/** Text content, when the children are text: what the accessible-name check reads (REQ-319). */\nexport function textOf(children: unknown): string | undefined {\n  if (typeof children === 'string' || typeof children === 'number') return String(children);\n  return children === undefined || children === null || children === false ? undefined : '·';\n}\n","import type { DashboardCellContext } from '@silverpoint/core';\nimport { resolveUi, type CommonUiProps, type UiResolved } from '@silverpoint/core/ui';\nimport { useContext, useState } from 'react';\nimport { SilverpointContext } from '../context';\nimport { useForcedPrecision } from '../environment';\n\n/** The internal prop through which a dashboard cell hands its configuration (TD §3.3). */\nexport interface UiCellProps {\n  readonly dashboardCell?: DashboardCellContext;\n}\n\n/**\n * Ground, substrate, mode, size and frame of a component: its props, then the dashboard cell, then\n * the provider, then the defaults, with a forced `precision` read after hydration (REQ-311, REQ-123).\n */\nexport function useUi(props: CommonUiProps, cell: DashboardCellContext | undefined): UiResolved {\n  const provider = useContext(SilverpointContext);\n  const forcedPrecision = useForcedPrecision();\n  return resolveUi(props, { provider, cell: cell?.config, forcedPrecision });\n}\n\n/**\n * A value that is controlled when `value` is given and held here otherwise (REQ-322). `set` updates\n * the held value and reports the new one; a controlled component only reports it.\n */\nexport function useValue<T>(value: T | undefined, initial: T, onChange: ((next: T) => void) | undefined): [T, (next: T) => void] {\n  const [held, setHeld] = useState(initial);\n  const controlled = value !== undefined;\n  return [\n    controlled ? value : held,\n    (next: T) => {\n      if (!controlled) setHeld(next);\n      onChange?.(next);\n    },\n  ];\n}\n\nexport { textOf } from './render';\n"],"mappings":";;;;;;;AACA,SAAS,qBAAqC;AAG9C,IAAM,QAA0C,EAAE,OAAO,aAAa,KAAK,WAAW,UAAU,YAAY,UAAU,WAAW;AAGjI,SAAS,YAAY,OAAuC;AAC1D,QAAM,MAA8B,CAAC;AACrC,aAAW,eAAe,MAAM,MAAM,GAAG,GAAG;AAC1C,UAAM,KAAK,YAAY,QAAQ,GAAG;AAClC,QAAI,KAAK,EAAG,KAAI,YAAY,MAAM,GAAG,EAAE,EAAE,KAAK,CAAC,IAAI,YAAY,MAAM,KAAK,CAAC,EAAE,KAAK;AAAA,EACpF;AACA,SAAO;AACT;AAmBO,SAAS,SAAS,MAAc,UAAsB,OAAO,MAAiB;AACnF,MAAI,UAAU,KAAM,QAAO,KAAK;AAChC,MAAI,UAAU,KAAM,QAAO,SAAS,QAAQ,KAAK,IAAI,KAAK;AAC1D,QAAM,QAAiC,CAAC;AACxC,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,KAAK,KAAK,GAAG;AACtD,UAAM,MAAM,IAAI,KAAK,IAAI,IAAI,SAAS,WAAW,OAAO,UAAU,WAAW,YAAY,KAAK,IAAI;AAAA,EACpG;AACA,MAAI,KAAM,QAAO,OAAO,OAAO,SAAS,IAAI;AAC5C,MAAI,KAAK,SAAS,SAAU,QAAO,OAAO,OAAO,OAAO,SAAS,WAAW,aAAa,SAAS,OAAO,IAAI,IAAI,SAAS,MAAM;AAChI,MAAI,KAAK,SAAS,QAAS,QAAO,OAAO,OAAO,SAAS,KAAK;AAC9D,SAAO,cAAc,KAAK,KAAK,OAAO,GAAG,KAAK,SAAS,IAAI,CAAC,UAAU,SAAS,OAAO,UAAU,KAAK,CAAC,CAAC;AACzG;AAGO,SAAS,OAAO,UAAuC;AAC5D,MAAI,OAAO,aAAa,YAAY,OAAO,aAAa,SAAU,QAAO,OAAO,QAAQ;AACxF,SAAO,aAAa,UAAa,aAAa,QAAQ,aAAa,QAAQ,SAAY;AACzF;;;ACjDA,SAAS,iBAAsD;AAC/D,SAAS,YAAY,gBAAgB;AAa9B,SAAS,MAAM,OAAsB,MAAoD;AAC9F,QAAM,WAAW,WAAW,kBAAkB;AAC9C,QAAM,kBAAkB,mBAAmB;AAC3C,SAAO,UAAU,OAAO,EAAE,UAAU,MAAM,MAAM,QAAQ,gBAAgB,CAAC;AAC3E;AAMO,SAAS,SAAY,OAAsB,SAAY,UAAmE;AAC/H,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,OAAO;AACxC,QAAM,aAAa,UAAU;AAC7B,SAAO;AAAA,IACL,aAAa,QAAQ;AAAA,IACrB,CAAC,SAAY;AACX,UAAI,CAAC,WAAY,SAAQ,IAAI;AAC7B,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-DWXG7WLM.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/tree-chart.tsx
+import { treeChart } from "@silverpoint/core/catalog";
+var TreeChart = createClientChart(treeChart);
+
+export {
+  TreeChart
+};
+//# sourceMappingURL=chunk-DWXG7WLM.js.map

package/dist/chunk-DWXG7WLM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tree-chart.tsx"],"sourcesContent":["import { treeChart } from '@silverpoint/core/catalog';\nimport type { TreeChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { TreeChartProps } from '@silverpoint/core';\n\nexport type ClientTreeChartProps = TreeChartProps & InteractionProps;\n\n/** `TreeChart` (REQ-418): a tidy node-link tree (API Spec §7.3). */\nexport const TreeChart = createClientChart<TreeChartProps>(treeChart);\n"],"mappings":";;;;;;AAAA,SAAS,iBAAiB;AAUnB,IAAM,YAAY,kBAAkC,SAAS;","names":[]}

package/dist/chunk-E7OSOGUT.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/error-bar-chart.tsx
+import { errorBarChart } from "@silverpoint/core/catalog";
+var ErrorBarChart = createClientChart(errorBarChart);
+
+export {
+  ErrorBarChart
+};
+//# sourceMappingURL=chunk-E7OSOGUT.js.map

package/dist/chunk-E7OSOGUT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/error-bar-chart.tsx"],"sourcesContent":["import { errorBarChart } from '@silverpoint/core/catalog';\nimport type { ErrorBarChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ErrorBarChartProps } from '@silverpoint/core';\n\nexport type ClientErrorBarChartProps = ErrorBarChartProps & InteractionProps;\n\n/** `ErrorBarChart` (REQ-410): a point estimate with its interval per category (API Spec §7.3). */\nexport const ErrorBarChart = createClientChart<ErrorBarChartProps>(errorBarChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/{chunk-2NQ4DXLT.js → chunk-ESFN6FJY.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/step-chart.tsx
 import { stepChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var StepChart = createClientChart(stepChart);
 export {
   StepChart
 };
-//# sourceMappingURL=chunk-2NQ4DXLT.js.map
+//# sourceMappingURL=chunk-ESFN6FJY.js.map

package/dist/{chunk-WNX4XCL6.js → chunk-FBJLA3P7.js}

@@ -2,6 +2,12 @@
 import {
   DashboardLinkContext
 } from "./chunk-4GQ5X2WK.js";
+import {
+  SilverpointContext,
+  useForcedPrecision,
+  useMeasuredWidth,
+  useTypefaceCheck
+} from "./chunk-SQ6GWXDK.js";
 
 // src/create-chart.tsx
 import {
@@ -14,12 +20,12 @@ import { renderChart, toSVGString } from "@silverpoint/grounds";
 import {
   forwardRef,
   useContext as useContext2,
-  useEffect as useEffect2,
+  useEffect,
   useId,
   useImperativeHandle,
   useMemo,
   useRef,
-  useState as useState2
+  useState
 } from "react";
 
 // src/chart-svg.tsx
@@ -105,45 +111,6 @@ function ChartFrame({ rendered, className, rootProps, rootRef, overlay }) {
   );
 }
 
-// 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 { linkedMarks, readout } from "@silverpoint/core";
 import { useContext } from "react";
@@ -190,7 +157,7 @@ function createClientChart(recipe) {
         forcedPrecision
       });
     }, [allProps, generated, measured, provider, forcedPrecision]);
-    const [active, setActive] = useState2(null);
+    const [active, setActive] = useState(null);
     const dispatch = (event) => {
       const result = reduceInteraction(rendered.geometry, active, event);
       if (result.changed) {
@@ -204,7 +171,7 @@ function createClientChart(recipe) {
     const latest = useRef(dispatch);
     latest.current = dispatch;
     const showing = active !== null;
-    useEffect2(() => {
+    useEffect(() => {
       if (!showing) return void 0;
       const onKey = (event) => {
         if (event.key === "Escape" && !rootRef.current?.contains(event.target)) latest.current({ type: "key", key: "Escape" });
@@ -261,7 +228,6 @@ function createClientChart(recipe) {
 }
 
 export {
-  SilverpointContext,
   createClientChart
 };
-//# sourceMappingURL=chunk-WNX4XCL6.js.map
+//# sourceMappingURL=chunk-FBJLA3P7.js.map

package/dist/chunk-FBJLA3P7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/create-chart.tsx","../src/chart-svg.tsx","../src/chart-frame.tsx","../src/overlay.tsx"],"sourcesContent":["import {\n  inCell,\n  instanceId,\n  linkFrom,\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 type { CellChartProps } from './dashboard-markup';\nimport { DashboardLinkContext } from './link-context';\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 & CellChartProps>(function Chart(allProps, ref) {\n    const { onActiveChange, onSelect, tooltip } = allProps;\n    const provider = useContext(SilverpointContext);\n    const link = useContext(DashboardLinkContext);\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      // Inside a dashboard cell: its id, height and config, and its nominal width until measured\n      // (REQ-206, REQ-207, REQ-209, REQ-212); the chart's own props win.\n      const { dashboardCell, ...own } = allProps;\n      const fitted = inCell(own as unknown as P, dashboardCell, recipe);\n      return renderChart(recipe, fitted.props, {\n        id: instanceId(recipe.name, generated),\n        width: measured ?? fitted.width,\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    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        // In a linked dashboard this chart becomes the source, or clears the link (REQ-216, REQ-218).\n        link?.set(linkFrom(link.key, rendered.id, 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      data-weight={path.weight ?? 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 { linkedMarks, readout, type ActiveItem, type Readout } from '@silverpoint/core';\nimport type { RenderedChart } from '@silverpoint/grounds';\nimport { useContext, type ReactNode } from 'react';\nimport { DashboardLinkContext } from './link-context';\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  // Another chart's linked item, marked here and hidden from assistive technology (REQ-216, REQ-218).\n  const linked = linkedMarks(rendered, useContext(DashboardLinkContext)?.state);\n  return (\n    <>\n      {linked.length > 0 && (\n        <svg className=\"sp-marker\" part=\"linked\" viewBox={rendered.view.svg.viewBox} aria-hidden=\"true\" focusable=\"false\">\n          {linked.map((d, index) => (\n            <path key={index} d={d} />\n          ))}\n        </svg>\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":["useContext","jsx","jsxs","jsx","jsxs","jsx","Chart","useContext"]}

package/dist/{chunk-NW2SQ6QW.js → chunk-FHX2HWN3.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/waterfall-chart.tsx
 import { waterfallChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var WaterfallChart = createClientChart(waterfallChart);
 export {
   WaterfallChart
 };
-//# sourceMappingURL=chunk-NW2SQ6QW.js.map
+//# sourceMappingURL=chunk-FHX2HWN3.js.map

package/dist/{chunk-KDQHOND7.js → chunk-FZ46YSJA.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/pyramid-chart.tsx
 import { pyramidChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var PyramidChart = createClientChart(pyramidChart);
 export {
   PyramidChart
 };
-//# sourceMappingURL=chunk-KDQHOND7.js.map
+//# sourceMappingURL=chunk-FZ46YSJA.js.map

package/dist/chunk-G7C4CH54.js

@@ -0,0 +1,17 @@
+'use client';
+import {
+  renderUi,
+  textOf,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/badge.tsx
+import { uiBadgeView } from "@silverpoint/core/ui";
+function SpBadge({ children, dashboardCell, ...props }) {
+  return renderUi(uiBadgeView(props, useUi(props, dashboardCell), { text: textOf(children) }), { slots: { content: children } });
+}
+
+export {
+  SpBadge
+};
+//# sourceMappingURL=chunk-G7C4CH54.js.map

package/dist/chunk-G7C4CH54.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/badge.tsx"],"sourcesContent":["import { uiBadgeView, type SpBadgeProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement, ReactNode } from 'react';\nimport { textOf, useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpBadgeProps extends CoreProps, UiCellProps {\n  readonly children?: ReactNode;\n}\n\n/** `SpBadge`: its count is text, in the accessible name (REQ-318). */\nexport function SpBadge({ children, dashboardCell, ...props }: SpBadgeProps) {\n  return renderUi(uiBadgeView(props, useUi(props, dashboardCell), { text: textOf(children) }), { slots: { content: children } }) as ReactElement;\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,mBAAmD;AAUrD,SAAS,QAAQ,EAAE,UAAU,eAAe,GAAG,MAAM,GAAiB;AAC3E,SAAO,SAAS,YAAY,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,OAAO,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AAC/H;","names":[]}

package/dist/{chunk-GYUTG5R2.js → chunk-GSJYA76X.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/heatmap-chart.tsx
 import { heatmapChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var HeatmapChart = createClientChart(heatmapChart);
 export {
   HeatmapChart
 };
-//# sourceMappingURL=chunk-GYUTG5R2.js.map
+//# sourceMappingURL=chunk-GSJYA76X.js.map

package/dist/{chunk-TKQ2PQDW.js → chunk-GUKXFITX.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/scatter-chart.tsx
 import { scatterChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var ScatterChart = createClientChart(scatterChart);
 export {
   ScatterChart
 };
-//# sourceMappingURL=chunk-TKQ2PQDW.js.map
+//# sourceMappingURL=chunk-GUKXFITX.js.map

package/dist/{chunk-TAQOBBF7.js → chunk-I72JGA6Q.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/volvelle-chart.tsx
 import { volvelleChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var VolvelleChart = createClientChart(volvelleChart);
 export {
   VolvelleChart
 };
-//# sourceMappingURL=chunk-TAQOBBF7.js.map
+//# sourceMappingURL=chunk-I72JGA6Q.js.map

package/dist/chunk-IHWEQR42.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/density-bin-chart.tsx
+import { densityBinChart } from "@silverpoint/core/catalog";
+var DensityBinChart = createClientChart(densityBinChart);
+
+export {
+  DensityBinChart
+};
+//# sourceMappingURL=chunk-IHWEQR42.js.map

package/dist/chunk-IHWEQR42.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/density-bin-chart.tsx"],"sourcesContent":["import { densityBinChart } from '@silverpoint/core/catalog';\nimport type { DensityBinChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { DensityBinChartProps } from '@silverpoint/core';\n\nexport type ClientDensityBinChartProps = DensityBinChartProps & InteractionProps;\n\n/** `DensityBinChart` (REQ-422): x-y points counted in two-dimensional bins (API Spec §7.3). */\nexport const DensityBinChart = createClientChart<DensityBinChartProps>(densityBinChart);\n"],"mappings":";;;;;;AAAA,SAAS,uBAAuB;AAUzB,IAAM,kBAAkB,kBAAwC,eAAe;","names":[]}

package/dist/chunk-INHBSJZX.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createDrillableChart
+} from "./chunk-T2IYBDCL.js";
+
+// src/sunburst-chart.tsx
+import { sunburstChart } from "@silverpoint/core/catalog";
+var SunburstChart = createDrillableChart(sunburstChart);
+
+export {
+  SunburstChart
+};
+//# sourceMappingURL=chunk-INHBSJZX.js.map

package/dist/chunk-INHBSJZX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sunburst-chart.tsx"],"sourcesContent":["import { sunburstChart } from '@silverpoint/core/catalog';\nimport type { SunburstChartProps } from '@silverpoint/core';\nimport type { InteractionProps } from './create-chart';\nimport { createDrillableChart, type RootChangeProps } from './drillable';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { RootChangeProps } from './drillable';\nexport type { SunburstChartProps } from '@silverpoint/core';\n\nexport type ClientSunburstChartProps = SunburstChartProps & InteractionProps & RootChangeProps;\n\n/** `SunburstChart` (REQ-417): a hierarchy as rings of arcs, drillable through `rootId` and `onRootChange` (API Spec §7.3). */\nexport const SunburstChart = createDrillableChart<SunburstChartProps>(sunburstChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAYvB,IAAM,gBAAgB,qBAAyC,aAAa;","names":[]}

package/dist/{chunk-H4NCK6RE.js → chunk-J3E6IUUQ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/gauge-arc.tsx
 import { gaugeArc } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var GaugeArc = createClientChart(gaugeArc);
 export {
   GaugeArc
 };
-//# sourceMappingURL=chunk-H4NCK6RE.js.map
+//# sourceMappingURL=chunk-J3E6IUUQ.js.map

package/dist/{chunk-4LS7B7CK.js → chunk-JPTK2AAT.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/bar-chart.tsx
 import { barChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var BarChart = createClientChart(barChart);
 export {
   BarChart
 };
-//# sourceMappingURL=chunk-4LS7B7CK.js.map
+//# sourceMappingURL=chunk-JPTK2AAT.js.map

package/dist/{chunk-WHZ4ALRI.js → chunk-JWCVL7VE.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/donut-chart.tsx
 import { donutChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var DonutChart = createClientChart(donutChart);
 export {
   DonutChart
 };
-//# sourceMappingURL=chunk-WHZ4ALRI.js.map
+//# sourceMappingURL=chunk-JWCVL7VE.js.map

package/dist/chunk-K4YKDPDJ.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/ecdf-chart.tsx
+import { ecdfChart } from "@silverpoint/core/catalog";
+var EcdfChart = createClientChart(ecdfChart);
+
+export {
+  EcdfChart
+};
+//# sourceMappingURL=chunk-K4YKDPDJ.js.map

package/dist/chunk-K4YKDPDJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ecdf-chart.tsx"],"sourcesContent":["import { ecdfChart } from '@silverpoint/core/catalog';\nimport type { EcdfChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { EcdfChartProps } from '@silverpoint/core';\n\nexport type ClientEcdfChartProps = EcdfChartProps & InteractionProps;\n\n/** `EcdfChart` (REQ-401): the empirical cumulative distribution as a step function (API Spec §7.3). */\nexport const EcdfChart = createClientChart<EcdfChartProps>(ecdfChart);\n"],"mappings":";;;;;;AAAA,SAAS,iBAAiB;AAUnB,IAAM,YAAY,kBAAkC,SAAS;","names":[]}

package/dist/chunk-KOWQNNTS.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/box-plot-chart.tsx
+import { boxPlotChart } from "@silverpoint/core/catalog";
+var BoxPlotChart = createClientChart(boxPlotChart);
+
+export {
+  BoxPlotChart
+};
+//# sourceMappingURL=chunk-KOWQNNTS.js.map

package/dist/chunk-KOWQNNTS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/box-plot-chart.tsx"],"sourcesContent":["import { boxPlotChart } from '@silverpoint/core/catalog';\nimport type { BoxPlotChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { BoxPlotChartProps } from '@silverpoint/core';\n\nexport type ClientBoxPlotChartProps = BoxPlotChartProps & InteractionProps;\n\n/** `BoxPlotChart` (REQ-402): quartiles, median, Tukey whiskers and outliers per group (API Spec §7.3). */\nexport const BoxPlotChart = createClientChart<BoxPlotChartProps>(boxPlotChart);\n"],"mappings":";;;;;;AAAA,SAAS,oBAAoB;AAUtB,IAAM,eAAe,kBAAqC,YAAY;","names":[]}

package/dist/{chunk-XWSCKTPG.js → chunk-KVOBNPDN.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/candlestick-chart.tsx
 import { candlestickChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var CandlestickChart = createClientChart(candlestickChart);
 export {
   CandlestickChart
 };
-//# sourceMappingURL=chunk-XWSCKTPG.js.map
+//# sourceMappingURL=chunk-KVOBNPDN.js.map

package/dist/chunk-L65CMJRG.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/polar-scatter-chart.tsx
+import { polarScatterChart } from "@silverpoint/core/catalog";
+var PolarScatterChart = createClientChart(polarScatterChart);
+
+export {
+  PolarScatterChart
+};
+//# sourceMappingURL=chunk-L65CMJRG.js.map

package/dist/chunk-L65CMJRG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/polar-scatter-chart.tsx"],"sourcesContent":["import { polarScatterChart } from '@silverpoint/core/catalog';\nimport type { PolarScatterChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { PolarScatterChartProps } from '@silverpoint/core';\n\nexport type ClientPolarScatterChartProps = PolarScatterChartProps & InteractionProps;\n\n/** `PolarScatterChart` (REQ-421): points over angle and radius (API Spec §7.3). */\nexport const PolarScatterChart = createClientChart<PolarScatterChartProps>(polarScatterChart);\n"],"mappings":";;;;;;AAAA,SAAS,yBAAyB;AAU3B,IAAM,oBAAoB,kBAA0C,iBAAiB;","names":[]}