@silverpoint/react 0.3.0 → 0.7.0

package/dist/{chunk-G7C4CH54.js → chunk-CT2MHXSG.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   textOf,
   useUi
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/badge.tsx
 import { uiBadgeView } from "@silverpoint/core/ui";
@@ -14,4 +14,4 @@ function SpBadge({ children, dashboardCell, ...props }) {
 export {
   SpBadge
 };
-//# sourceMappingURL=chunk-G7C4CH54.js.map
+//# sourceMappingURL=chunk-CT2MHXSG.js.map

package/dist/{chunk-RMIIFPXA.js → chunk-D65O5YJZ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/coxcomb-chart.tsx
 import { coxcombChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var CoxcombChart = createClientChart(coxcombChart);
 export {
   CoxcombChart
 };
-//# sourceMappingURL=chunk-RMIIFPXA.js.map
+//# sourceMappingURL=chunk-D65O5YJZ.js.map

package/dist/{chunk-U3LT444G.js → chunk-DL3FIRSO.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/area-chart.tsx
 import { areaChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var AreaChart = createClientChart(areaChart);
 export {
   AreaChart
 };
-//# sourceMappingURL=chunk-U3LT444G.js.map
+//# sourceMappingURL=chunk-DL3FIRSO.js.map

package/dist/{chunk-AEU6UHVG.js → chunk-DOFLNIRZ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/stacked-bar-chart.tsx
 import { stackedBarChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var StackedBarChart = createClientChart(stackedBarChart);
 export {
   StackedBarChart
 };
-//# sourceMappingURL=chunk-AEU6UHVG.js.map
+//# sourceMappingURL=chunk-DOFLNIRZ.js.map

package/dist/{chunk-DO4VUIUU.js → chunk-DX6FUHGB.js}

@@ -1,20 +1,21 @@
 'use client';
 import {
   SilverpointContext,
+  styleObject,
   useForcedPrecision
-} from "./chunk-SQ6GWXDK.js";
+} from "./chunk-M2NKE3GQ.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;
@@ -25,6 +26,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) {
@@ -58,4 +61,4 @@ export {
   useUi,
   useValue
 };
-//# sourceMappingURL=chunk-DO4VUIUU.js.map
+//# sourceMappingURL=chunk-DX6FUHGB.js.map

package/dist/chunk-DX6FUHGB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/render.tsx","../src/ui/base.ts"],"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","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;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;;;ACrDA,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-DXFQNNRN.js

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

package/dist/chunk-DXFQNNRN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dumbbell-chart.tsx"],"sourcesContent":["import { dumbbellChart } from '@silverpoint/core/catalog';\nimport type { DumbbellChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { DumbbellChartProps } from '@silverpoint/core';\n\nexport type ClientDumbbellChartProps = DumbbellChartProps & InteractionProps;\n\n/** `DumbbellChart` (REQ-407): two values per category joined by a segment (API Spec §7.3). */\nexport const DumbbellChart = createClientChart<DumbbellChartProps>(dumbbellChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

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

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

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-ENGG7T3F.js

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

package/dist/chunk-ENGG7T3F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/squarified-treemap.tsx"],"sourcesContent":["import { squarifiedTreemap } from '@silverpoint/core/catalog';\nimport type { SquarifiedTreemapProps } 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 { SquarifiedTreemapProps } from '@silverpoint/core';\n\nexport type ClientSquarifiedTreemapProps = SquarifiedTreemapProps & InteractionProps & RootChangeProps;\n\n/** `SquarifiedTreemap` (REQ-416): nested rectangles, area by value, drillable through `rootId` and `onRootChange` (API Spec §7.3). */\nexport const SquarifiedTreemap = createDrillableChart<SquarifiedTreemapProps>(squarifiedTreemap);\n"],"mappings":";;;;;;AAAA,SAAS,yBAAyB;AAY3B,IAAM,oBAAoB,qBAA6C,iBAAiB;","names":[]}

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-EX7AYOOW.js

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

package/dist/chunk-EX7AYOOW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interval-chart.tsx"],"sourcesContent":["import { intervalChart } from '@silverpoint/core/catalog';\nimport type { IntervalChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { IntervalChartProps } from '@silverpoint/core';\n\nexport type ClientIntervalChartProps = IntervalChartProps & InteractionProps;\n\n/** `IntervalChart` (REQ-411): floating bars from start to end on lanes (API Spec §7.3). */\nexport const IntervalChart = createClientChart<IntervalChartProps>(intervalChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/chunk-F27PSDYP.js

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

package/dist/chunk-F27PSDYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/polar-line-chart.tsx"],"sourcesContent":["import { polarLineChart } from '@silverpoint/core/catalog';\nimport type { PolarLineChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { PolarLineChartProps } from '@silverpoint/core';\n\nexport type ClientPolarLineChartProps = PolarLineChartProps & InteractionProps;\n\n/** `PolarLineChart` (REQ-420): a line over angle and radius (API Spec §7.3). */\nexport const PolarLineChart = createClientChart<PolarLineChartProps>(polarLineChart);\n"],"mappings":";;;;;;AAAA,SAAS,sBAAsB;AAUxB,IAAM,iBAAiB,kBAAuC,cAAc;","names":[]}

package/dist/chunk-F6H7NPSP.js

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

package/dist/chunk-F6H7NPSP.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-FI6FQRFE.js

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

package/dist/chunk-FI6FQRFE.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-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-GU5HJU7M.js

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

package/dist/chunk-GU5HJU7M.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-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-IQQMPYCN.js

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

package/dist/chunk-IQQMPYCN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/parallel-coordinates-chart.tsx"],"sourcesContent":["import { parallelCoordinatesChart } from '@silverpoint/core/catalog';\nimport type { ParallelCoordinatesChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ParallelCoordinatesChartProps } from '@silverpoint/core';\n\nexport type ClientParallelCoordinatesChartProps = ParallelCoordinatesChartProps & InteractionProps;\n\n/** `ParallelCoordinatesChart` (REQ-419): one polyline per row across parallel axes (API Spec §7.3). */\nexport const ParallelCoordinatesChart = createClientChart<ParallelCoordinatesChartProps>(parallelCoordinatesChart);\n"],"mappings":";;;;;;AAAA,SAAS,gCAAgC;AAUlC,IAAM,2BAA2B,kBAAiD,wBAAwB;","names":[]}

package/dist/chunk-JIVM4CSU.js

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

package/dist/chunk-JIVM4CSU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/waffle-chart.tsx"],"sourcesContent":["import { waffleChart } from '@silverpoint/core/catalog';\nimport type { WaffleChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { WaffleChartProps } from '@silverpoint/core';\n\nexport type ClientWaffleChartProps = WaffleChartProps & InteractionProps;\n\n/** `WaffleChart` (REQ-414): a unit grid filled in reading order by category (API Spec §7.3). */\nexport const WaffleChart = createClientChart<WaffleChartProps>(waffleChart);\n"],"mappings":";;;;;;AAAA,SAAS,mBAAmB;AAUrB,IAAM,cAAc,kBAAoC,WAAW;","names":[]}

package/dist/chunk-JMVH54WP.js

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

package/dist/chunk-JMVH54WP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/histogram-chart.tsx"],"sourcesContent":["import { histogramChart } from '@silverpoint/core/catalog';\nimport type { HistogramChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { HistogramChartProps } from '@silverpoint/core';\n\nexport type ClientHistogramChartProps = HistogramChartProps & InteractionProps;\n\n/** `HistogramChart` (REQ-400): raw observations binned in the core (API Spec §7.3). */\nexport const HistogramChart = createClientChart<HistogramChartProps>(histogramChart);\n"],"mappings":";;;;;;AAAA,SAAS,sBAAsB;AAUxB,IAAM,iBAAiB,kBAAuC,cAAc;","names":[]}

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