@silverpoint/react 0.3.0 → 0.7.0

package/dist/chunk-JUVBTR6L.js

@@ -0,0 +1,66 @@
+'use client';
+import {
+  useOpen,
+  useOverlay
+} from "./chunk-G3PPUBI5.js";
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/tooltip.tsx
+import { uiTooltipView, uiTriggerAria } from "@silverpoint/core/ui";
+import { cloneElement, isValidElement, useEffect, useRef } from "react";
+import { Fragment, jsxs } from "react/jsx-runtime";
+var GRACE = 100;
+function SpTooltip({ trigger, open, defaultOpen, onOpenChange, dashboardCell, ...props }) {
+  const [isOpen, set] = useOpen({ open, defaultOpen, onOpenChange });
+  const ref = useRef(null);
+  useOverlay(ref, "popover", isOpen, set, { place: { side: props.side ?? "top", align: props.align ?? "center", offset: props.offset } });
+  const delay = props.delay ?? 300;
+  useEffect(() => {
+    const tooltip = ref.current;
+    const target = tooltip?.previousElementSibling;
+    if (!tooltip || !target) return;
+    let timer;
+    const later = (next, ms) => {
+      clearTimeout(timer);
+      timer = setTimeout(() => set(next), ms);
+    };
+    const now = (next) => {
+      clearTimeout(timer);
+      set(next);
+    };
+    const show = () => later(true, delay);
+    const leave = () => later(false, GRACE);
+    const stay = () => clearTimeout(timer);
+    const hide = () => now(false);
+    const escape = (event) => event.key === "Escape" && now(false);
+    const on = [
+      [target, "pointerenter", show],
+      [target, "pointerleave", leave],
+      [target, "focus", show],
+      [target, "blur", hide],
+      // Escape dismisses it wherever focus is, without moving the pointer (WCAG 1.4.13).
+      [target.ownerDocument, "keydown", escape],
+      [tooltip, "pointerenter", stay],
+      [tooltip, "pointerleave", leave]
+    ];
+    for (const [element, type, listener] of on) element.addEventListener(type, listener);
+    return () => {
+      clearTimeout(timer);
+      for (const [element, type, listener] of on) element.removeEventListener(type, listener);
+    };
+  }, [delay, set]);
+  const view = uiTooltipView(props, useUi(props, dashboardCell), { open: isOpen });
+  const described = isValidElement(trigger) ? cloneElement(trigger, uiTriggerAria("tooltip", props.id, isOpen)) : trigger;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    described,
+    renderUi(view, { root: { ref } })
+  ] });
+}
+
+export {
+  SpTooltip
+};
+//# sourceMappingURL=chunk-JUVBTR6L.js.map

package/dist/chunk-JUVBTR6L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/tooltip.tsx"],"sourcesContent":["import { uiTooltipView, uiTriggerAria, type SpTooltipProps as CoreProps } from '@silverpoint/core/ui';\nimport { cloneElement, isValidElement, useEffect, useRef, type ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { useOpen, useOverlay, type OverlayOpenProps } from './overlay';\nimport { renderUi } from './render';\n\nexport interface SpTooltipProps extends CoreProps, OverlayOpenProps, UiCellProps {\n  /** The element it describes, cloned with `aria-describedby`. */\n  readonly trigger: ReactElement;\n}\n\n/** Time the pointer has to cross from the trigger onto the tooltip, ms (WCAG 1.4.13: hoverable). */\nconst GRACE = 100;\n\n/**\n * `SpTooltip`: a `manual` popover over the element it describes (REQ-492, REQ-496): shown `delay` ms\n * after hover or keyboard focus, kept while the pointer is on the tooltip itself, hidden on blur,\n * pointer leave or Escape.\n */\nexport function SpTooltip({ trigger, open, defaultOpen, onOpenChange, dashboardCell, ...props }: SpTooltipProps) {\n  const [isOpen, set] = useOpen({ open, defaultOpen, onOpenChange });\n  const ref = useRef<HTMLDivElement>(null);\n  useOverlay(ref, 'popover', isOpen, set, { place: { side: props.side ?? 'top', align: props.align ?? 'center', offset: props.offset } });\n  const delay = props.delay ?? 300;\n  useEffect(() => {\n    const tooltip = ref.current;\n    const target = tooltip?.previousElementSibling;\n    if (!tooltip || !target) return;\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const later = (next: boolean, ms: number) => {\n      clearTimeout(timer);\n      timer = setTimeout(() => set(next), ms);\n    };\n    const now = (next: boolean) => {\n      clearTimeout(timer);\n      set(next);\n    };\n    const show = () => later(true, delay);\n    const leave = () => later(false, GRACE);\n    const stay = () => clearTimeout(timer);\n    const hide = () => now(false);\n    const escape = (event: Event) => (event as KeyboardEvent).key === 'Escape' && now(false);\n    const on: [EventTarget, string, EventListener][] = [\n      [target, 'pointerenter', show],\n      [target, 'pointerleave', leave],\n      [target, 'focus', show],\n      [target, 'blur', hide],\n      // Escape dismisses it wherever focus is, without moving the pointer (WCAG 1.4.13).\n      [target.ownerDocument, 'keydown', escape],\n      [tooltip, 'pointerenter', stay],\n      [tooltip, 'pointerleave', leave],\n    ];\n    for (const [element, type, listener] of on) element.addEventListener(type, listener);\n    return () => {\n      clearTimeout(timer);\n      for (const [element, type, listener] of on) element.removeEventListener(type, listener);\n    };\n  }, [delay, set]);\n  const view = uiTooltipView(props, useUi(props, dashboardCell), { open: isOpen });\n  const described = isValidElement(trigger) ? cloneElement(trigger as ReactElement<Record<string, unknown>>, uiTriggerAria('tooltip', props.id, isOpen)) : trigger;\n  return (\n    <>\n      {described}\n      {renderUi(view, { root: { ref } })}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,eAAe,qBAAuD;AAC/E,SAAS,cAAc,gBAAgB,WAAW,cAAiC;AA4D/E;AAjDJ,IAAM,QAAQ;AAOP,SAAS,UAAU,EAAE,SAAS,MAAM,aAAa,cAAc,eAAe,GAAG,MAAM,GAAmB;AAC/G,QAAM,CAAC,QAAQ,GAAG,IAAI,QAAQ,EAAE,MAAM,aAAa,aAAa,CAAC;AACjE,QAAM,MAAM,OAAuB,IAAI;AACvC,aAAW,KAAK,WAAW,QAAQ,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,QAAQ,OAAO,OAAO,MAAM,SAAS,UAAU,QAAQ,MAAM,OAAO,EAAE,CAAC;AACtI,QAAM,QAAQ,MAAM,SAAS;AAC7B,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,UAAM,SAAS,SAAS;AACxB,QAAI,CAAC,WAAW,CAAC,OAAQ;AACzB,QAAI;AACJ,UAAM,QAAQ,CAAC,MAAe,OAAe;AAC3C,mBAAa,KAAK;AAClB,cAAQ,WAAW,MAAM,IAAI,IAAI,GAAG,EAAE;AAAA,IACxC;AACA,UAAM,MAAM,CAAC,SAAkB;AAC7B,mBAAa,KAAK;AAClB,UAAI,IAAI;AAAA,IACV;AACA,UAAM,OAAO,MAAM,MAAM,MAAM,KAAK;AACpC,UAAM,QAAQ,MAAM,MAAM,OAAO,KAAK;AACtC,UAAM,OAAO,MAAM,aAAa,KAAK;AACrC,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,SAAS,CAAC,UAAkB,MAAwB,QAAQ,YAAY,IAAI,KAAK;AACvF,UAAM,KAA6C;AAAA,MACjD,CAAC,QAAQ,gBAAgB,IAAI;AAAA,MAC7B,CAAC,QAAQ,gBAAgB,KAAK;AAAA,MAC9B,CAAC,QAAQ,SAAS,IAAI;AAAA,MACtB,CAAC,QAAQ,QAAQ,IAAI;AAAA;AAAA,MAErB,CAAC,OAAO,eAAe,WAAW,MAAM;AAAA,MACxC,CAAC,SAAS,gBAAgB,IAAI;AAAA,MAC9B,CAAC,SAAS,gBAAgB,KAAK;AAAA,IACjC;AACA,eAAW,CAAC,SAAS,MAAM,QAAQ,KAAK,GAAI,SAAQ,iBAAiB,MAAM,QAAQ;AACnF,WAAO,MAAM;AACX,mBAAa,KAAK;AAClB,iBAAW,CAAC,SAAS,MAAM,QAAQ,KAAK,GAAI,SAAQ,oBAAoB,MAAM,QAAQ;AAAA,IACxF;AAAA,EACF,GAAG,CAAC,OAAO,GAAG,CAAC;AACf,QAAM,OAAO,cAAc,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,OAAO,CAAC;AAC/E,QAAM,YAAY,eAAe,OAAO,IAAI,aAAa,SAAkD,cAAc,WAAW,MAAM,IAAI,MAAM,CAAC,IAAI;AACzJ,SACE,iCACG;AAAA;AAAA,IACA,SAAS,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AAAA,KACnC;AAEJ;","names":[]}

package/dist/{chunk-NWRCFNYB.js → chunk-JY6ZMAYT.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/range-band-chart.tsx
 import { rangeBandChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var RangeBandChart = createClientChart(rangeBandChart);
 export {
   RangeBandChart
 };
-//# sourceMappingURL=chunk-NWRCFNYB.js.map
+//# sourceMappingURL=chunk-JY6ZMAYT.js.map

package/dist/{chunk-6EFRIK7Q.js → chunk-K2JDM6SF.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/activity-grid.tsx
 import { activityGrid } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var ActivityGrid = createClientChart(activityGrid);
 export {
   ActivityGrid
 };
-//# sourceMappingURL=chunk-6EFRIK7Q.js.map
+//# sourceMappingURL=chunk-K2JDM6SF.js.map

package/dist/{chunk-RAATAHXZ.js → chunk-KMNQTGBN.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/sankey-chart.tsx
 import { sankeyChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var SankeyChart = createClientChart(sankeyChart);
 export {
   SankeyChart
 };
-//# sourceMappingURL=chunk-RAATAHXZ.js.map
+//# sourceMappingURL=chunk-KMNQTGBN.js.map

package/dist/{chunk-SQ6GWXDK.js → chunk-M2NKE3GQ.js}

@@ -1,5 +1,15 @@
 'use client';
 
+// src/style.ts
+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;
+}
+
 // src/context.ts
 import { createContext } from "react";
 var SilverpointContext = createContext({});
@@ -40,9 +50,10 @@ function useTypefaceCheck(chart) {
 }
 
 export {
+  styleObject,
   SilverpointContext,
   useForcedPrecision,
   useMeasuredWidth,
   useTypefaceCheck
 };
-//# sourceMappingURL=chunk-SQ6GWXDK.js.map
+//# sourceMappingURL=chunk-M2NKE3GQ.js.map

package/dist/chunk-M2NKE3GQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/style.ts","../src/context.ts","../src/environment.ts"],"sourcesContent":["/** `--a:1;b:2` as React's style object; custom properties keep their names. */\nexport function 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","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"],"mappings":";;;AACO,SAAS,YAAY,OAAuC;AACjE,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;;;ACPA,SAAS,qBAAqB;AAGvB,IAAM,qBAAqB,cAA8B,CAAC,CAAC;;;ACJlE,SAAS,eAAe,8BAA8B;AACtD,SAAS,WAAW,gBAAgC;AAM7C,SAAS,qBAA8B;AAC5C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,YAAU,MAAM;AACd,QAAI,OAAO,eAAe,WAAY;AACtC,UAAM,QAAQ,WAAW,sBAAsB;AAC/C,UAAM,SAAS,MAAM,UAAU,MAAM,OAAO;AAC5C,WAAO;AACP,UAAM,mBAAmB,UAAU,MAAM;AACzC,WAAO,MAAM,MAAM,sBAAsB,UAAU,MAAM;AAAA,EAC3D,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAGO,SAAS,iBAAiB,KAAoC,SAAsC;AACzG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,MAAS;AAChE,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,WAAW,CAAC,WAAW,OAAO,mBAAmB,WAAY;AAClE,UAAM,WAAW,IAAI,eAAe,CAAC,YAAY;AAC/C,YAAM,QAAQ,QAAQ,CAAC;AACvB,UAAI,MAAO,UAAS,MAAM,YAAY,KAAK;AAAA,IAC7C,CAAC;AACD,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,KAAK,OAAO,CAAC;AACjB,SAAO;AACT;AAGO,SAAS,iBAAiB,OAAqB;AACpD,YAAU,MAAM;AACd,QAAI,OAAO,aAAa,eAAe,SAAS,MAAO,MAAK,cAAc,SAAS,OAAO,KAAK;AAAA,EACjG,GAAG,CAAC,KAAK,CAAC;AACZ;","names":[]}

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

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

package/dist/{chunk-OP2WE7MA.js → chunk-M5R4CNKU.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   useUi,
   useValue
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/tabs.tsx
 import { uiItems, uiRovingFocus, uiSelectedKey, uiTabPanelView, uiTabsView } from "@silverpoint/core/ui";
@@ -28,4 +28,4 @@ export {
   SpTabs,
   SpTabPanel
 };
-//# sourceMappingURL=chunk-OP2WE7MA.js.map
+//# sourceMappingURL=chunk-M5R4CNKU.js.map

package/dist/chunk-MEHYWMG7.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/contour-chart.tsx
+import { contourChart } from "@silverpoint/core/catalog";
+var ContourChart = createClientChart(contourChart);
+
+export {
+  ContourChart
+};
+//# sourceMappingURL=chunk-MEHYWMG7.js.map

package/dist/chunk-MEHYWMG7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contour-chart.tsx"],"sourcesContent":["import { contourChart } from '@silverpoint/core/catalog';\nimport type { ContourChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ContourChartProps } from '@silverpoint/core';\n\nexport type ClientContourChartProps = ContourChartProps & InteractionProps;\n\n/** `ContourChart` (REQ-423): iso-lines and filled bands of a density or a grid (API Spec §7.3). */\nexport const ContourChart = createClientChart<ContourChartProps>(contourChart);\n"],"mappings":";;;;;;AAAA,SAAS,oBAAoB;AAUtB,IAAM,eAAe,kBAAqC,YAAY;","names":[]}

package/dist/{chunk-VKNGQ4NW.js → chunk-MOO3XIC2.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/kpi-card.tsx
 import { kpiCard } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var KpiCard = createClientChart(kpiCard);
 export {
   KpiCard
 };
-//# sourceMappingURL=chunk-VKNGQ4NW.js.map
+//# sourceMappingURL=chunk-MOO3XIC2.js.map

package/dist/chunk-MTXREPUM.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/glyph.tsx
+import { uiGlyphView } from "@silverpoint/core/ui";
+function SpGlyph({ dashboardCell, ...props }) {
+  return renderUi(uiGlyphView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpGlyph
+};
+//# sourceMappingURL=chunk-MTXREPUM.js.map

package/dist/chunk-MTXREPUM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/glyph.tsx"],"sourcesContent":["import { uiGlyphView, type SpGlyphProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpGlyphProps extends CoreProps, UiCellProps {}\n\n/** `SpGlyph`: one exact mark of `UI_GLYPHS` (REQ-472). `@silverpoint/react/server/ui/glyph` renders it in a Server Component. */\nexport function SpGlyph({ dashboardCell, ...props }: SpGlyphProps) {\n  return renderUi(uiGlyphView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,mBAAmD;AAQrD,SAAS,QAAQ,EAAE,eAAe,GAAG,MAAM,GAAiB;AACjE,SAAO,SAAS,YAAY,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AACrE;","names":[]}

package/dist/{chunk-UOOHQAJU.js → chunk-NNHM6OWA.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/stream-chart.tsx
 import { streamChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var StreamChart = createClientChart(streamChart);
 export {
   StreamChart
 };
-//# sourceMappingURL=chunk-UOOHQAJU.js.map
+//# sourceMappingURL=chunk-NNHM6OWA.js.map

package/dist/{chunk-3U3Z5U6H.js → chunk-NUGUZMON.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/meter-chart.tsx
 import { meterChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var MeterChart = createClientChart(meterChart);
 export {
   MeterChart
 };
-//# sourceMappingURL=chunk-3U3Z5U6H.js.map
+//# sourceMappingURL=chunk-NUGUZMON.js.map

package/dist/chunk-O2FNTA5U.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/diverging-bar-chart.tsx
+import { divergingBarChart } from "@silverpoint/core/catalog";
+var DivergingBarChart = createClientChart(divergingBarChart);
+
+export {
+  DivergingBarChart
+};
+//# sourceMappingURL=chunk-O2FNTA5U.js.map

package/dist/chunk-O2FNTA5U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/diverging-bar-chart.tsx"],"sourcesContent":["import { divergingBarChart } from '@silverpoint/core/catalog';\nimport type { DivergingBarChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { DivergingBarChartProps } from '@silverpoint/core';\n\nexport type ClientDivergingBarChartProps = DivergingBarChartProps & InteractionProps;\n\n/** `DivergingBarChart` (REQ-412): ordered levels stacked on both sides of a neutral centre (API Spec §7.3). */\nexport const DivergingBarChart = createClientChart<DivergingBarChartProps>(divergingBarChart);\n"],"mappings":";;;;;;AAAA,SAAS,yBAAyB;AAU3B,IAAM,oBAAoB,kBAA0C,iBAAiB;","names":[]}

package/dist/chunk-O4WI7LKM.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/network-chart.tsx
+import { networkChart } from "@silverpoint/core/catalog";
+var NetworkChart = createClientChart(networkChart);
+
+export {
+  NetworkChart
+};
+//# sourceMappingURL=chunk-O4WI7LKM.js.map

package/dist/chunk-O4WI7LKM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/network-chart.tsx"],"sourcesContent":["import { networkChart } from '@silverpoint/core/catalog';\nimport type { NetworkChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { NetworkChartProps } from '@silverpoint/core';\n\nexport type ClientNetworkChartProps = NetworkChartProps & InteractionProps;\n\n/** `NetworkChart` (REQ-426): a node-link graph (API Spec §7.3). */\nexport const NetworkChart = createClientChart<NetworkChartProps>(networkChart);\n"],"mappings":";;;;;;AAAA,SAAS,oBAAoB;AAUtB,IAAM,eAAe,kBAAqC,YAAY;","names":[]}

package/dist/chunk-OB65KGYJ.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/marimekko-chart.tsx
+import { marimekkoChart } from "@silverpoint/core/catalog";
+var MarimekkoChart = createClientChart(marimekkoChart);
+
+export {
+  MarimekkoChart
+};
+//# sourceMappingURL=chunk-OB65KGYJ.js.map

package/dist/chunk-OB65KGYJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marimekko-chart.tsx"],"sourcesContent":["import { marimekkoChart } from '@silverpoint/core/catalog';\nimport type { MarimekkoChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { MarimekkoChartProps } from '@silverpoint/core';\n\nexport type ClientMarimekkoChartProps = MarimekkoChartProps & InteractionProps;\n\n/** `MarimekkoChart` (REQ-415): column width by total, segment height by share (API Spec §7.3). */\nexport const MarimekkoChart = createClientChart<MarimekkoChartProps>(marimekkoChart);\n"],"mappings":";;;;;;AAAA,SAAS,sBAAsB;AAUxB,IAAM,iBAAiB,kBAAuC,cAAc;","names":[]}

package/dist/{chunk-TSQWTDBK.js → chunk-PXHT6PD5.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/orbit-chart.tsx
 import { orbitChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var OrbitChart = createClientChart(orbitChart);
 export {
   OrbitChart
 };
-//# sourceMappingURL=chunk-TSQWTDBK.js.map
+//# sourceMappingURL=chunk-PXHT6PD5.js.map

package/dist/chunk-Q6VFHFX3.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/result.tsx
+import { uiResultView } from "@silverpoint/core/ui";
+function SpResult({ extra, dashboardCell, ...props }) {
+  return renderUi(uiResultView(props, useUi(props, dashboardCell), { extra: extra != null }), { slots: { extra } });
+}
+
+export {
+  SpResult
+};
+//# sourceMappingURL=chunk-Q6VFHFX3.js.map

package/dist/chunk-Q6VFHFX3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/result.tsx"],"sourcesContent":["import { uiResultView, type SpResultProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement, ReactNode } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpResultProps extends CoreProps, UiCellProps {\n  /** Actions under the description. */\n  readonly extra?: ReactNode;\n}\n\n/** `SpResult`: the status glyph in a round frame; status or alert by its kind (REQ-483). `@silverpoint/react/server/ui/result` renders it in a Server Component. */\nexport function SpResult({ extra, dashboardCell, ...props }: SpResultProps) {\n  return renderUi(uiResultView(props, useUi(props, dashboardCell), { extra: extra != null }), { slots: { extra } }) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,oBAAqD;AAWvD,SAAS,SAAS,EAAE,OAAO,eAAe,GAAG,MAAM,GAAkB;AAC1E,SAAO,SAAS,aAAa,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,OAAO,SAAS,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAClH;","names":[]}

package/dist/{chunk-ZBSCLF56.js → chunk-QEHVGOJA.js}

@@ -1,14 +1,18 @@
+import {
+  styleObject
+} from "./chunk-XPLCIRDZ.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;
-}
+var PROPS = {
+  class: "className",
+  for: "htmlFor",
+  readonly: "readOnly",
+  tabindex: "tabIndex",
+  colspan: "colSpan",
+  maxlength: "maxLength",
+  inputmode: "inputMode"
+};
 function renderUi(node, bindings, root = true) {
   if ("text" in node) return node.text;
   if ("slot" in node) return bindings.slots?.[node.slot] ?? null;
@@ -19,6 +23,8 @@ function renderUi(node, bindings, root = true) {
   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);
+  else if (node.bind && node.bind !== "native") Object.assign(props, bindings.bound?.[node.bind]?.(node));
+  if (node.tag === "textarea") return createElement(node.tag, props);
   return createElement(node.tag, props, ...node.children.map((child) => renderUi(child, bindings, false)));
 }
 function textOf(children) {
@@ -30,4 +36,4 @@ export {
   renderUi,
   textOf
 };
-//# sourceMappingURL=chunk-ZBSCLF56.js.map
+//# sourceMappingURL=chunk-QEHVGOJA.js.map

package/dist/chunk-QEHVGOJA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/render.tsx"],"sourcesContent":["import type { UiBind, UiElement, UiNode, UiSlot } from '@silverpoint/core/ui';\nimport { createElement, type ReactNode } from 'react';\nimport { styleObject } from '../style';\n\n/** HTML attribute names React spells differently. */\nconst PROPS: Readonly<Record<string, string>> = {\n  class: 'className',\n  for: 'htmlFor',\n  readonly: 'readOnly',\n  tabindex: 'tabIndex',\n  colspan: 'colSpan',\n  maxlength: 'maxLength',\n  inputmode: 'inputMode',\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  /** Props added to the elements the core marks with another `bind` (a Table's `sort` headers…), each told apart by its attributes. */\n  readonly bound?: Partial<Record<UiBind, (node: UiElement) => 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  else if (node.bind && node.bind !== 'native') Object.assign(props, bindings.bound?.[node.bind]?.(node));\n  // React writes a `<textarea>`'s content from its `value`, which the native binding gives.\n  if (node.tag === 'textarea') return createElement(node.tag, props);\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"],"mappings":";;;;;AACA,SAAS,qBAAqC;AAI9C,IAAM,QAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AACb;AAqBO,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;AAAA,WACrD,KAAK,QAAQ,KAAK,SAAS,SAAU,QAAO,OAAO,OAAO,SAAS,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC;AAEtG,MAAI,KAAK,QAAQ,WAAY,QAAO,cAAc,KAAK,KAAK,KAAK;AACjE,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;","names":[]}

package/dist/{chunk-QRYI7BEO.js → chunk-QEODW4IP.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   useUi,
   useValue
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/input.tsx
 import { uiInputView } from "@silverpoint/core/ui";
@@ -18,4 +18,4 @@ var SpInput = forwardRef(function SpInput2({ value, defaultValue, onChange, pref
 export {
   SpInput
 };
-//# sourceMappingURL=chunk-QRYI7BEO.js.map
+//# sourceMappingURL=chunk-QEODW4IP.js.map

package/dist/{chunk-3BREGZ7C.js → chunk-QJLESIWB.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/bubble-chart.tsx
 import { bubbleChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var BubbleChart = createClientChart(bubbleChart);
 export {
   BubbleChart
 };
-//# sourceMappingURL=chunk-3BREGZ7C.js.map
+//# sourceMappingURL=chunk-QJLESIWB.js.map

package/dist/{chunk-WMU6O6KZ.js → chunk-QKBT4P5O.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   useUi,
   useValue
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/slider.tsx
 import { uiSliderView } from "@silverpoint/core/ui";
@@ -18,4 +18,4 @@ var SpSlider = forwardRef(function SpSlider2({ value, defaultValue, onChange, da
 export {
   SpSlider
 };
-//# sourceMappingURL=chunk-WMU6O6KZ.js.map
+//# sourceMappingURL=chunk-QKBT4P5O.js.map

package/dist/chunk-QOQTPSPV.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/vector-field-chart.tsx
+import { vectorFieldChart } from "@silverpoint/core/catalog";
+var VectorFieldChart = createClientChart(vectorFieldChart);
+
+export {
+  VectorFieldChart
+};
+//# sourceMappingURL=chunk-QOQTPSPV.js.map

package/dist/chunk-QOQTPSPV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vector-field-chart.tsx"],"sourcesContent":["import { vectorFieldChart } from '@silverpoint/core/catalog';\nimport type { VectorFieldChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { VectorFieldChartProps } from '@silverpoint/core';\n\nexport type ClientVectorFieldChartProps = VectorFieldChartProps & InteractionProps;\n\n/** `VectorFieldChart` (REQ-425): an arrow per grid point (API Spec §7.3). */\nexport const VectorFieldChart = createClientChart<VectorFieldChartProps>(vectorFieldChart);\n"],"mappings":";;;;;;AAAA,SAAS,wBAAwB;AAU1B,IAAM,mBAAmB,kBAAyC,gBAAgB;","names":[]}

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

@@ -4,10 +4,11 @@ import {
 } from "./chunk-4GQ5X2WK.js";
 import {
   SilverpointContext,
+  styleObject,
   useForcedPrecision,
   useMeasuredWidth,
   useTypefaceCheck
-} from "./chunk-SQ6GWXDK.js";
+} from "./chunk-M2NKE3GQ.js";
 
 // src/create-chart.tsx
 import {
@@ -100,6 +101,7 @@ function ChartFrame({ rendered, className, rootProps, rootRef, overlay }) {
       "data-substrate": rendered.substrate,
       "data-chrome": rendered.chrome,
       "data-status": rendered.status,
+      style: rendered.style ? styleObject(rendered.style) : void 0,
       ref: rootRef,
       ...rootProps,
       children: [
@@ -230,4 +232,4 @@ function createClientChart(recipe) {
 export {
   createClientChart
 };
-//# sourceMappingURL=chunk-FBJLA3P7.js.map
+//# sourceMappingURL=chunk-QRQ4RFCB.js.map

package/dist/chunk-QRQ4RFCB.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';\nimport { styleObject } from './style';\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      style={rendered.style ? styleObject(rendered.style) : undefined}\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-QVCRJZMJ.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/delaunay-chart.tsx
+import { delaunayChart } from "@silverpoint/core/catalog";
+var DelaunayChart = createClientChart(delaunayChart);
+
+export {
+  DelaunayChart
+};
+//# sourceMappingURL=chunk-QVCRJZMJ.js.map

package/dist/chunk-QVCRJZMJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/delaunay-chart.tsx"],"sourcesContent":["import { delaunayChart } from '@silverpoint/core/catalog';\nimport type { DelaunayChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { DelaunayChartProps } from '@silverpoint/core';\n\nexport type ClientDelaunayChartProps = DelaunayChartProps & InteractionProps;\n\n/** `DelaunayChart` (REQ-424): the triangulation of x-y points, or its Voronoi cells (API Spec §7.3). */\nexport const DelaunayChart = createClientChart<DelaunayChartProps>(delaunayChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/{chunk-OD6N2ATZ.js → chunk-R66XACVV.js}

@@ -1,5 +1,6 @@
 // src/dashboard-markup.tsx
 import { dashboardView } from "@silverpoint/core";
+import { paletteStyle, resolvePalette } from "@silverpoint/core/palettes";
 import { Children, cloneElement, isValidElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function DashboardCell({ children }) {
@@ -13,7 +14,7 @@ function DashboardMarkup({ children, wrapGrid, ...props }) {
     const chart = isValidElement(content) ? content : void 0;
     return { cell: marked ? child.props.cell : void 0, id: chart?.props.id, content, chart };
   });
-  const view = dashboardView(props, given.map(({ cell, id }) => ({ cell, id })));
+  const view = dashboardView(props, given.map(({ cell, id }) => ({ cell, id })), paletteStyle(resolvePalette(props.palette)));
   const Heading = view.heading ? `h${view.heading.level}` : void 0;
   const grid = /* @__PURE__ */ jsx("div", { className: "sp-dashboard-grid", part: "dashboard-grid", children: view.cells.map((cell) => {
     const { chart, content } = given[cell.child];
@@ -42,4 +43,4 @@ export {
   DashboardCell,
   DashboardMarkup
 };
-//# sourceMappingURL=chunk-OD6N2ATZ.js.map
+//# sourceMappingURL=chunk-R66XACVV.js.map