@silverpoint/react 0.6.0 → 0.7.0

package/dist/{chunk-NWK6VBCJ.js → chunk-E6LPQWVM.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/sparkline-rows.tsx
 import { sparklineRows } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var SparklineRows = createClientChart(sparklineRows);
 export {
   SparklineRows
 };
-//# sourceMappingURL=chunk-NWK6VBCJ.js.map
+//# sourceMappingURL=chunk-E6LPQWVM.js.map

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

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

package/dist/{chunk-YRRWP5HL.js → chunk-ENGG7T3F.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createDrillableChart
-} from "./chunk-T2IYBDCL.js";
+} from "./chunk-5HX2UUIR.js";
 
 // src/squarified-treemap.tsx
 import { squarifiedTreemap } from "@silverpoint/core/catalog";
@@ -10,4 +10,4 @@ var SquarifiedTreemap = createDrillableChart(squarifiedTreemap);
 export {
   SquarifiedTreemap
 };
-//# sourceMappingURL=chunk-YRRWP5HL.js.map
+//# sourceMappingURL=chunk-ENGG7T3F.js.map

package/dist/{chunk-ZOB6BH7H.js → chunk-EOMPQ2TX.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   useUi,
   useValue
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/radio-group.tsx
 import { uiRadioGroupView, uiRovingFocus } from "@silverpoint/core/ui";
@@ -18,4 +18,4 @@ function SpRadioGroup({ value, defaultValue, onChange, dashboardCell, ...props }
 export {
   SpRadioGroup
 };
-//# sourceMappingURL=chunk-ZOB6BH7H.js.map
+//# sourceMappingURL=chunk-EOMPQ2TX.js.map

package/dist/{chunk-RIGQTEKW.js → chunk-EPTFI4BT.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/funnel-chart.tsx
 import { funnelChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var FunnelChart = createClientChart(funnelChart);
 export {
   FunnelChart
 };
-//# sourceMappingURL=chunk-RIGQTEKW.js.map
+//# sourceMappingURL=chunk-EPTFI4BT.js.map

package/dist/{chunk-M3MZMHGS.js → chunk-EX7AYOOW.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/interval-chart.tsx
 import { intervalChart } from "@silverpoint/core/catalog";
@@ -10,4 +10,4 @@ var IntervalChart = createClientChart(intervalChart);
 export {
   IntervalChart
 };
-//# sourceMappingURL=chunk-M3MZMHGS.js.map
+//# sourceMappingURL=chunk-EX7AYOOW.js.map

package/dist/{chunk-OSDENB6W.js → chunk-F27PSDYP.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/polar-line-chart.tsx
 import { polarLineChart } from "@silverpoint/core/catalog";
@@ -10,4 +10,4 @@ var PolarLineChart = createClientChart(polarLineChart);
 export {
   PolarLineChart
 };
-//# sourceMappingURL=chunk-OSDENB6W.js.map
+//# sourceMappingURL=chunk-F27PSDYP.js.map

package/dist/{chunk-DGZN27CF.js → chunk-F6H7NPSP.js}

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

package/dist/{chunk-INHBSJZX.js → chunk-FI6FQRFE.js}

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

package/dist/chunk-G3PPUBI5.js

@@ -0,0 +1,79 @@
+'use client';
+
+// src/ui/overlay.ts
+import { uiAnchor, uiOverlaySync, uiTriggerAria } from "@silverpoint/core/ui";
+import { cloneElement, isValidElement, useEffect, useRef, useState } from "react";
+function useOpen({ open, defaultOpen, onOpenChange }) {
+  const [held, setHeld] = useState(defaultOpen ?? false);
+  const current = open ?? held;
+  const latest = useRef(current);
+  latest.current = current;
+  const report = useRef(onOpenChange);
+  report.current = onOpenChange;
+  const set = useRef((next) => {
+    if (next === latest.current) return;
+    latest.current = next;
+    setHeld(next);
+    report.current?.(next);
+  }).current;
+  return [current, set, latest];
+}
+function useOverlay(element, kind, open, set, options = {}) {
+  const { side, align, offset } = options.place ?? {};
+  const placed = options.place !== void 0;
+  useEffect(() => {
+    const overlay = element.current;
+    if (!overlay) return;
+    uiOverlaySync(overlay, kind, open);
+    const anchor = overlay.previousElementSibling;
+    if (!open || !placed || !anchor) return;
+    return uiAnchor(anchor, overlay, { side: side ?? "bottom", align: align ?? "center", offset });
+  }, [element, kind, open, placed, side, align, offset]);
+  const dismissible = useRef(options.dismissible);
+  dismissible.current = options.dismissible;
+  useEffect(() => {
+    const overlay = element.current;
+    if (!overlay) return;
+    const closed = () => set(false);
+    if (kind === "popover") {
+      const toggle = (event) => event.newState === "closed" && closed();
+      overlay.addEventListener("toggle", toggle);
+      return () => overlay.removeEventListener("toggle", toggle);
+    }
+    const cancel = (event) => dismissible.current === false && event.preventDefault();
+    const backdrop = (event) => event.target === overlay && dismissible.current !== false && overlay.close();
+    overlay.addEventListener("close", closed);
+    overlay.addEventListener("cancel", cancel);
+    overlay.addEventListener("click", backdrop);
+    return () => {
+      overlay.removeEventListener("close", closed);
+      overlay.removeEventListener("cancel", cancel);
+      overlay.removeEventListener("click", backdrop);
+    };
+  }, [element, kind, set]);
+}
+function useTrigger(trigger, kind, id, open, set) {
+  const pressedOpen = useRef(false);
+  if (!isValidElement(trigger)) return void 0;
+  const own = trigger.props;
+  return cloneElement(trigger, {
+    ...uiTriggerAria(kind, id, open.current),
+    onPointerDown: (event) => {
+      own.onPointerDown?.(event);
+      pressedOpen.current = open.current;
+    },
+    onClick: (event) => {
+      own.onClick?.(event);
+      const wasOpen = pressedOpen.current || open.current;
+      pressedOpen.current = false;
+      set(!wasOpen);
+    }
+  });
+}
+
+export {
+  useOpen,
+  useOverlay,
+  useTrigger
+};
+//# sourceMappingURL=chunk-G3PPUBI5.js.map

package/dist/chunk-G3PPUBI5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/overlay.ts"],"sourcesContent":["import { uiAnchor, uiOverlaySync, uiTriggerAria, type UiAnchorOptions, type UiOverlayKind, type UiTriggerKind } from '@silverpoint/core/ui';\nimport { cloneElement, isValidElement, useEffect, useRef, useState, type ReactElement, type RefObject, type SyntheticEvent } from 'react';\n\n/** The open state of every overlay (REQ-500): controlled by `open`, held from `defaultOpen` otherwise. */\nexport interface OverlayOpenProps {\n  /** Controlled. */\n  readonly open?: boolean;\n  readonly defaultOpen?: boolean;\n  /** The user opened or closed it, or the platform did (Escape, a click outside). */\n  readonly onOpenChange?: (open: boolean) => void;\n}\n\n/**\n * The open state: controlled or held (REQ-500, REQ-322). `set` reports a change only, never the\n * state the overlay is already in, so a close the platform made and the one that follows from it\n * are reported once. `latest` is the state of the last render, for native listeners.\n */\nexport function useOpen({ open, defaultOpen, onOpenChange }: OverlayOpenProps): [boolean, (next: boolean) => void, RefObject<boolean>] {\n  const [held, setHeld] = useState(defaultOpen ?? false);\n  const current = open ?? held;\n  const latest = useRef(current);\n  latest.current = current;\n  const report = useRef(onOpenChange);\n  report.current = onOpenChange;\n  const set = useRef((next: boolean) => {\n    if (next === latest.current) return;\n    latest.current = next;\n    setHeld(next);\n    report.current?.(next);\n  }).current;\n  return [current, set, latest];\n}\n\nexport interface OverlayOptions {\n  /** Placement of an anchored overlay, from the element just before it: its trigger. */\n  readonly place?: UiAnchorOptions;\n  /** A dialog's Escape and backdrop click; default `true`. */\n  readonly dismissible?: boolean;\n}\n\n/**\n * The native side of an overlay (T-215, DD-038): after mount, opens or closes it as `open` says\n * (`uiOverlaySync`), places an anchored one with `uiAnchor` while it is open, and reports a close the\n * platform made: a dialog's `close` (Escape, `close()`), a popover's `toggle` to `closed` (light\n * dismiss). A dialog that is not dismissible cancels Escape and ignores a click on its backdrop.\n */\nexport function useOverlay(element: RefObject<HTMLElement | null>, kind: UiOverlayKind, open: boolean, set: (next: boolean) => void, options: OverlayOptions = {}): void {\n  const { side, align, offset } = options.place ?? {};\n  const placed = options.place !== undefined;\n  useEffect(() => {\n    const overlay = element.current;\n    if (!overlay) return;\n    uiOverlaySync(overlay, kind, open);\n    const anchor = overlay.previousElementSibling;\n    if (!open || !placed || !anchor) return;\n    return uiAnchor(anchor, overlay, { side: side ?? 'bottom', align: align ?? 'center', offset });\n  }, [element, kind, open, placed, side, align, offset]);\n\n  const dismissible = useRef(options.dismissible);\n  dismissible.current = options.dismissible;\n  useEffect(() => {\n    const overlay = element.current;\n    if (!overlay) return;\n    const closed = () => set(false);\n    if (kind === 'popover') {\n      const toggle = (event: Event) => (event as Event & { newState?: string }).newState === 'closed' && closed();\n      overlay.addEventListener('toggle', toggle);\n      return () => overlay.removeEventListener('toggle', toggle);\n    }\n    const cancel = (event: Event) => dismissible.current === false && event.preventDefault();\n    // A click on the dialog element itself, not on its content, is a click on the backdrop.\n    const backdrop = (event: Event) => event.target === overlay && dismissible.current !== false && (overlay as HTMLDialogElement).close();\n    overlay.addEventListener('close', closed);\n    overlay.addEventListener('cancel', cancel);\n    overlay.addEventListener('click', backdrop);\n    return () => {\n      overlay.removeEventListener('close', closed);\n      overlay.removeEventListener('cancel', cancel);\n      overlay.removeEventListener('click', backdrop);\n    };\n  }, [element, kind, set]);\n}\n\ntype Handler = (event: SyntheticEvent) => void;\n\n/**\n * The consumer's trigger, cloned with the ARIA its overlay's APG pattern asks (REQ-500) and a click\n * that toggles it. A press on the trigger of an open popover closes it, even when the press, outside\n * the popover, already dismissed it.\n */\nexport function useTrigger(trigger: ReactElement | undefined, kind: UiTriggerKind, id: string | undefined, open: RefObject<boolean>, set: (next: boolean) => void): ReactElement | undefined {\n  const pressedOpen = useRef(false);\n  if (!isValidElement(trigger)) return undefined;\n  const own = trigger.props as { onClick?: Handler; onPointerDown?: Handler };\n  return cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ...uiTriggerAria(kind, id, open.current),\n    onPointerDown: (event: SyntheticEvent) => {\n      own.onPointerDown?.(event);\n      pressedOpen.current = open.current;\n    },\n    onClick: (event: SyntheticEvent) => {\n      own.onClick?.(event);\n      const wasOpen = pressedOpen.current || open.current;\n      pressedOpen.current = false;\n      set(!wasOpen);\n    },\n  });\n}\n"],"mappings":";;;AAAA,SAAS,UAAU,eAAe,qBAAmF;AACrH,SAAS,cAAc,gBAAgB,WAAW,QAAQ,gBAAwE;AAgB3H,SAAS,QAAQ,EAAE,MAAM,aAAa,aAAa,GAA6E;AACrI,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,eAAe,KAAK;AACrD,QAAM,UAAU,QAAQ;AACxB,QAAM,SAAS,OAAO,OAAO;AAC7B,SAAO,UAAU;AACjB,QAAM,SAAS,OAAO,YAAY;AAClC,SAAO,UAAU;AACjB,QAAM,MAAM,OAAO,CAAC,SAAkB;AACpC,QAAI,SAAS,OAAO,QAAS;AAC7B,WAAO,UAAU;AACjB,YAAQ,IAAI;AACZ,WAAO,UAAU,IAAI;AAAA,EACvB,CAAC,EAAE;AACH,SAAO,CAAC,SAAS,KAAK,MAAM;AAC9B;AAeO,SAAS,WAAW,SAAwC,MAAqB,MAAe,KAA8B,UAA0B,CAAC,GAAS;AACvK,QAAM,EAAE,MAAM,OAAO,OAAO,IAAI,QAAQ,SAAS,CAAC;AAClD,QAAM,SAAS,QAAQ,UAAU;AACjC,YAAU,MAAM;AACd,UAAM,UAAU,QAAQ;AACxB,QAAI,CAAC,QAAS;AACd,kBAAc,SAAS,MAAM,IAAI;AACjC,UAAM,SAAS,QAAQ;AACvB,QAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAQ;AACjC,WAAO,SAAS,QAAQ,SAAS,EAAE,MAAM,QAAQ,UAAU,OAAO,SAAS,UAAU,OAAO,CAAC;AAAA,EAC/F,GAAG,CAAC,SAAS,MAAM,MAAM,QAAQ,MAAM,OAAO,MAAM,CAAC;AAErD,QAAM,cAAc,OAAO,QAAQ,WAAW;AAC9C,cAAY,UAAU,QAAQ;AAC9B,YAAU,MAAM;AACd,UAAM,UAAU,QAAQ;AACxB,QAAI,CAAC,QAAS;AACd,UAAM,SAAS,MAAM,IAAI,KAAK;AAC9B,QAAI,SAAS,WAAW;AACtB,YAAM,SAAS,CAAC,UAAkB,MAAwC,aAAa,YAAY,OAAO;AAC1G,cAAQ,iBAAiB,UAAU,MAAM;AACzC,aAAO,MAAM,QAAQ,oBAAoB,UAAU,MAAM;AAAA,IAC3D;AACA,UAAM,SAAS,CAAC,UAAiB,YAAY,YAAY,SAAS,MAAM,eAAe;AAEvF,UAAM,WAAW,CAAC,UAAiB,MAAM,WAAW,WAAW,YAAY,YAAY,SAAU,QAA8B,MAAM;AACrI,YAAQ,iBAAiB,SAAS,MAAM;AACxC,YAAQ,iBAAiB,UAAU,MAAM;AACzC,YAAQ,iBAAiB,SAAS,QAAQ;AAC1C,WAAO,MAAM;AACX,cAAQ,oBAAoB,SAAS,MAAM;AAC3C,cAAQ,oBAAoB,UAAU,MAAM;AAC5C,cAAQ,oBAAoB,SAAS,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,SAAS,MAAM,GAAG,CAAC;AACzB;AASO,SAAS,WAAW,SAAmC,MAAqB,IAAwB,MAA0B,KAAwD;AAC3L,QAAM,cAAc,OAAO,KAAK;AAChC,MAAI,CAAC,eAAe,OAAO,EAAG,QAAO;AACrC,QAAM,MAAM,QAAQ;AACpB,SAAO,aAAa,SAAkD;AAAA,IACpE,GAAG,cAAc,MAAM,IAAI,KAAK,OAAO;AAAA,IACvC,eAAe,CAAC,UAA0B;AACxC,UAAI,gBAAgB,KAAK;AACzB,kBAAY,UAAU,KAAK;AAAA,IAC7B;AAAA,IACA,SAAS,CAAC,UAA0B;AAClC,UAAI,UAAU,KAAK;AACnB,YAAM,UAAU,YAAY,WAAW,KAAK;AAC5C,kBAAY,UAAU;AACtB,UAAI,CAAC,OAAO;AAAA,IACd;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/{chunk-ESFN6FJY.js → chunk-GEC5QL7C.js}

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

package/dist/{chunk-CNRSQPRE.js → chunk-GU5HJU7M.js}

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

package/dist/{chunk-WFO6BICV.js → chunk-HHQI7CLZ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/radial-rings.tsx
 import { radialRings } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var RadialRings = createClientChart(radialRings);
 export {
   RadialRings
 };
-//# sourceMappingURL=chunk-WFO6BICV.js.map
+//# sourceMappingURL=chunk-HHQI7CLZ.js.map

package/dist/{chunk-PRVJKYEQ.js → chunk-IHIE2DK3.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/radar-chart.tsx
 import { radarChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var RadarChart = createClientChart(radarChart);
 export {
   RadarChart
 };
-//# sourceMappingURL=chunk-PRVJKYEQ.js.map
+//# sourceMappingURL=chunk-IHIE2DK3.js.map

package/dist/{chunk-2JWLXUY5.js → chunk-INYDD4FD.js}

@@ -2,7 +2,7 @@
 import {
   renderUi,
   useUi
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/progress.tsx
 import { uiProgressView } from "@silverpoint/core/ui";
@@ -13,4 +13,4 @@ function SpProgress({ dashboardCell, ...props }) {
 export {
   SpProgress
 };
-//# sourceMappingURL=chunk-2JWLXUY5.js.map
+//# sourceMappingURL=chunk-INYDD4FD.js.map

package/dist/{chunk-3JXO2533.js → chunk-IQQMPYCN.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/parallel-coordinates-chart.tsx
 import { parallelCoordinatesChart } from "@silverpoint/core/catalog";
@@ -10,4 +10,4 @@ var ParallelCoordinatesChart = createClientChart(parallelCoordinatesChart);
 export {
   ParallelCoordinatesChart
 };
-//# sourceMappingURL=chunk-3JXO2533.js.map
+//# sourceMappingURL=chunk-IQQMPYCN.js.map

package/dist/{chunk-4CDW7VWK.js → chunk-JIVM4CSU.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/waffle-chart.tsx
 import { waffleChart } from "@silverpoint/core/catalog";
@@ -10,4 +10,4 @@ var WaffleChart = createClientChart(waffleChart);
 export {
   WaffleChart
 };
-//# sourceMappingURL=chunk-4CDW7VWK.js.map
+//# sourceMappingURL=chunk-JIVM4CSU.js.map

package/dist/{chunk-MS5BH6TU.js → chunk-JMVH54WP.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/histogram-chart.tsx
 import { histogramChart } from "@silverpoint/core/catalog";
@@ -10,4 +10,4 @@ var HistogramChart = createClientChart(histogramChart);
 export {
   HistogramChart
 };
-//# sourceMappingURL=chunk-MS5BH6TU.js.map
+//# sourceMappingURL=chunk-JMVH54WP.js.map

package/dist/chunk-JRYGGBE6.js

@@ -0,0 +1,20 @@
+'use client';
+import {
+  renderUi,
+  useUi,
+  useValue
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/pagination.tsx
+import { uiPaginationView } from "@silverpoint/core/ui";
+function SpPagination({ current, defaultCurrent, onChange, dashboardCell, ...props }) {
+  const [page, set] = useValue(current, defaultCurrent ?? 1, onChange);
+  const view = uiPaginationView(props, useUi(props, dashboardCell), { current: page });
+  const bound = { page: (node) => ({ onClick: () => set(Number(node.attrs["data-page"])) }) };
+  return renderUi(view, { bound });
+}
+
+export {
+  SpPagination
+};
+//# sourceMappingURL=chunk-JRYGGBE6.js.map

package/dist/chunk-JRYGGBE6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/pagination.tsx"],"sourcesContent":["import { uiPaginationView, type SpPaginationProps as CoreProps, type UiElement } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, useValue, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpPaginationProps extends CoreProps, UiCellProps {\n  /** The controlled page, 1-based. */\n  readonly current?: number;\n  /** Default `1`. */\n  readonly defaultCurrent?: number;\n  /** The page the user chose, not the event (REQ-322). */\n  readonly onChange?: (current: number) => void;\n}\n\n/** `SpPagination`: a labelled nav of page buttons; the current page is heightened (REQ-476). */\nexport function SpPagination({ current, defaultCurrent, onChange, dashboardCell, ...props }: SpPaginationProps) {\n  const [page, set] = useValue(current, defaultCurrent ?? 1, onChange);\n  const view = uiPaginationView(props, useUi(props, dashboardCell), { current: page });\n  const bound = { page: (node: UiElement) => ({ onClick: () => set(Number(node.attrs['data-page'])) }) };\n  return renderUi(view, { bound }) as ReactElement;\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,wBAA6E;AAe/E,SAAS,aAAa,EAAE,SAAS,gBAAgB,UAAU,eAAe,GAAG,MAAM,GAAsB;AAC9G,QAAM,CAAC,MAAM,GAAG,IAAI,SAAS,SAAS,kBAAkB,GAAG,QAAQ;AACnE,QAAM,OAAO,iBAAiB,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,SAAS,KAAK,CAAC;AACnF,QAAM,QAAQ,EAAE,MAAM,CAAC,UAAqB,EAAE,SAAS,MAAM,IAAI,OAAO,KAAK,MAAM,WAAW,CAAC,CAAC,EAAE,GAAG;AACrG,SAAO,SAAS,MAAM,EAAE,MAAM,CAAC;AACjC;","names":[]}

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-R7AKJYNB.js → chunk-MEHYWMG7.js}

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

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":[]}