@silverpoint/react 0.1.1 → 0.2.0

package/dist/activity-grid.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   ActivityGrid
-} from "./chunk-PBT76UXS.js";
-import "./chunk-BHZNDYU3.js";
+} from "./chunk-X2ACXB2U.js";
+import "./chunk-WNX4XCL6.js";
+import "./chunk-4GQ5X2WK.js";
 export {
   ActivityGrid
 };

package/dist/area-chart.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   AreaChart
-} from "./chunk-ORIH4UQP.js";
-import "./chunk-BHZNDYU3.js";
+} from "./chunk-7KED5KUU.js";
+import "./chunk-WNX4XCL6.js";
+import "./chunk-4GQ5X2WK.js";
 export {
   AreaChart
 };

package/dist/bar-chart.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   BarChart
-} from "./chunk-4DUH2UHE.js";
-import "./chunk-BHZNDYU3.js";
+} from "./chunk-4LS7B7CK.js";
+import "./chunk-WNX4XCL6.js";
+import "./chunk-4GQ5X2WK.js";
 export {
   BarChart
 };

package/dist/bubble-chart.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   BubbleChart
-} from "./chunk-6FZO4SMF.js";
-import "./chunk-BHZNDYU3.js";
+} from "./chunk-74ONV2GE.js";
+import "./chunk-WNX4XCL6.js";
+import "./chunk-4GQ5X2WK.js";
 export {
   BubbleChart
 };

package/dist/bullet-chart.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   BulletChart
-} from "./chunk-O2DNGRM7.js";
-import "./chunk-BHZNDYU3.js";
+} from "./chunk-WOKDS6AK.js";
+import "./chunk-WNX4XCL6.js";
+import "./chunk-4GQ5X2WK.js";
 export {
   BulletChart
 };

package/dist/candlestick-chart.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   CandlestickChart
-} from "./chunk-KPWHWNZH.js";
-import "./chunk-BHZNDYU3.js";
+} from "./chunk-XWSCKTPG.js";
+import "./chunk-WNX4XCL6.js";
+import "./chunk-4GQ5X2WK.js";
 export {
   CandlestickChart
 };

package/dist/chord-ring.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   ChordRing
-} from "./chunk-2OAPH7JN.js";
-import "./chunk-BHZNDYU3.js";
+} from "./chunk-PWFDYIXV.js";
+import "./chunk-WNX4XCL6.js";
+import "./chunk-4GQ5X2WK.js";
 export {
   ChordRing
 };

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

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

package/dist/{chunk-INZGRNO3.js → chunk-46S63XYT.js}

@@ -1,4 +1,5 @@
 // src/server/create-server-chart.tsx
+import { diagnose, inCell, instanceId } from "@silverpoint/core";
 import { renderChart } from "@silverpoint/grounds";
 
 // src/chart-svg.tsx
@@ -12,6 +13,7 @@ function Path({ path }) {
       "data-role": path.role,
       "data-paint": path.paint,
       "data-dash": path.dash ?? void 0,
+      "data-weight": path.weight ?? void 0,
       fill: path.fill ?? void 0
     }
   );
@@ -86,8 +88,13 @@ function ChartFrame({ rendered, className, rootProps, rootRef, overlay }) {
 // src/server/create-server-chart.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 function createServerChart(recipe) {
-  function Chart(props) {
-    const rendered = renderChart(recipe, props, { id: props.id });
+  function Chart({ dashboardCell, ...own }) {
+    const { props, width } = inCell(own, dashboardCell, recipe);
+    if (process.env.NODE_ENV !== "production") {
+      if (props.id === void 0) diagnose("SP002", recipe.name, { property: "id", message: "A server chart outside a Dashboard needs an `id`; a fixed one is used, which two such charts on a page would share." });
+      if (width === void 0) diagnose("SP003", recipe.name, { property: "width", message: "A server chart cannot be measured: pass `width`, or place it in a Dashboard." });
+    }
+    const rendered = renderChart(recipe, props, { id: props.id ?? instanceId(recipe.name, "server"), width });
     return /* @__PURE__ */ jsx3(ChartFrame, { rendered, className: props.className });
   }
   Chart.displayName = recipe.name;
@@ -97,4 +104,4 @@ function createServerChart(recipe) {
 export {
   createServerChart
 };
-//# sourceMappingURL=chunk-INZGRNO3.js.map
+//# sourceMappingURL=chunk-46S63XYT.js.map

package/dist/chunk-46S63XYT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server/create-server-chart.tsx","../src/chart-svg.tsx","../src/chart-frame.tsx"],"sourcesContent":["import { diagnose, inCell, instanceId, type ChartRecipe, type CommonChartProps } from '@silverpoint/core';\nimport { renderChart } from '@silverpoint/grounds';\nimport { ChartFrame } from '../chart-frame';\nimport type { CellChartProps } from '../dashboard-markup';\n\n/**\n * Props of a server chart: pure SVG, no client JavaScript (REQ-104); interaction props do not\n * exist here. Nothing can be measured on the server and a server component has no mount position\n * to derive a unique id from (TD §6), so a chart standing alone passes `id`, `width` and `height`;\n * inside a `Dashboard` the cell supplies them (REQ-206, REQ-209).\n */\nexport type ServerChartProps<P extends CommonChartProps> = Omit<P, 'id' | 'width' | 'height'> & {\n  readonly id?: string;\n  readonly width?: number;\n  readonly height?: number;\n  readonly onActiveChange?: never;\n  readonly onSelect?: never;\n};\n\n/** The server component of a recipe, for React Server Components and static rendering. */\nexport function createServerChart<P extends CommonChartProps>(recipe: ChartRecipe<P>) {\n  function Chart({ dashboardCell, ...own }: ServerChartProps<P> & CellChartProps) {\n    const { props, width } = inCell(own as unknown as P, dashboardCell, recipe);\n    if (process.env.NODE_ENV !== 'production') {\n      if (props.id === undefined) diagnose('SP002', recipe.name, { property: 'id', message: 'A server chart outside a Dashboard needs an `id`; a fixed one is used, which two such charts on a page would share.' });\n      if (width === undefined) diagnose('SP003', recipe.name, { property: 'width', message: 'A server chart cannot be measured: pass `width`, or place it in a Dashboard.' });\n    }\n    const rendered = renderChart(recipe, props, { id: props.id ?? instanceId(recipe.name, 'server'), width });\n    return <ChartFrame rendered={rendered} className={props.className} />;\n  }\n  Chart.displayName = recipe.name;\n  return Chart;\n}\n","import type { PathView, SvgView } from '@silverpoint/core';\n\nfunction Path({ path }: { readonly path: PathView }) {\n  return (\n    <path\n      d={path.d}\n      part={path.part}\n      data-role={path.role}\n      data-paint={path.paint}\n      data-dash={path.dash ?? undefined}\n      data-weight={path.weight ?? undefined}\n      fill={path.fill ?? undefined}\n    />\n  );\n}\n\n/** Writes the core's SVG view one field to one attribute; computes nothing (Art. 2). */\nexport function ChartSvg({ view }: { readonly view: SvgView }) {\n  const { svg } = view;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={svg.viewBox}\n      width={svg.width}\n      height={svg.height}\n      className={svg.class}\n      data-substrate={svg.substrate}\n      data-mode={svg.mode}\n      role={svg.role}\n      aria-labelledby={svg.labelledby}\n    >\n      <title id={view.title.id}>{view.title.text}</title>\n      <desc id={view.desc.id}>{view.desc.text}</desc>\n      {view.patterns.length > 0 && (\n        <defs>\n          {view.patterns.map((pattern) => (\n            <pattern\n              key={pattern.id}\n              id={pattern.id}\n              width={pattern.width}\n              height={pattern.height}\n              patternUnits=\"userSpaceOnUse\"\n              patternTransform={pattern.transform}\n            >\n              {pattern.paths.map((path, index) => (\n                <Path key={index} path={path} />\n              ))}\n            </pattern>\n          ))}\n        </defs>\n      )}\n      {view.paths.map((path, index) => (\n        <Path key={index} path={path} />\n      ))}\n      {view.texts.map((text, index) => (\n        <text key={index} x={text.x} y={text.y} part={text.part} data-kind={text.kind} textAnchor={text.anchor}>\n          {text.text}\n        </text>\n      ))}\n    </svg>\n  );\n}\n","import type { DataTable } from '@silverpoint/core';\nimport type { RenderedChart } from '@silverpoint/grounds';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { ChartSvg } from './chart-svg';\n\nfunction Table({ table, id, visibility }: { readonly table: DataTable; readonly id: string; readonly visibility: string }) {\n  return (\n    <div className=\"sp-table-box\" data-visibility={visibility}>\n      <table className=\"sp-table\" id={id} data-visibility={visibility}>\n        <caption>{table.caption}</caption>\n        <thead>\n          <tr>\n            {table.columns.map((column, index) => (\n              <th key={index} scope=\"col\">\n                {column}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {table.rows.map((row, index) => (\n            <tr key={index}>\n              {row.map((cell, column) =>\n                column === 0 ? (\n                  <th key={column} scope=\"row\">\n                    {cell}\n                  </th>\n                ) : (\n                  <td key={column}>{cell}</td>\n                ),\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nexport interface ChartFrameProps {\n  readonly rendered: RenderedChart;\n  readonly className?: string;\n  /** Interaction handlers and focus attributes, supplied by the client component only. */\n  readonly rootProps?: HTMLAttributes<HTMLDivElement>;\n  readonly rootRef?: Ref<HTMLDivElement>;\n  /** Readout and marker, drawn over the chart by the client component. */\n  readonly overlay?: ReactNode;\n}\n\n/** The chart's DOM: root, SVG, overlay and tabular alternative (API Spec §10). */\nexport function ChartFrame({ rendered, className, rootProps, rootRef, overlay }: ChartFrameProps) {\n  const classes = ['sp-root', `sp-ground-${rendered.ground}`, className].filter(Boolean).join(' ');\n  return (\n    <div\n      className={classes}\n      data-substrate={rendered.substrate}\n      data-chrome={rendered.chrome}\n      data-status={rendered.status}\n      ref={rootRef}\n      {...rootProps}\n    >\n      <ChartSvg view={rendered.view} />\n      {overlay}\n      {rendered.dataTable !== 'none' && (\n        <Table table={rendered.table} id={rendered.ids.table} visibility={rendered.dataTable} />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx"]}

package/dist/chunk-4GQ5X2WK.js

@@ -0,0 +1,10 @@
+'use client';
+
+// src/link-context.ts
+import { createContext } from "react";
+var DashboardLinkContext = createContext(null);
+
+export {
+  DashboardLinkContext
+};
+//# sourceMappingURL=chunk-4GQ5X2WK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/link-context.ts"],"sourcesContent":["import type { LinkState } from '@silverpoint/core';\nimport { createContext } from 'react';\n\n/** A linked dashboard's one reactive value, and how a chart sets it (TD DD-016, REQ-216). */\nexport interface DashboardLinkValue {\n  readonly key: string;\n  readonly state: LinkState | null;\n  set(next: LinkState | null): void;\n}\n\nexport const DashboardLinkContext = createContext<DashboardLinkValue | null>(null);\n"],"mappings":";;;AACA,SAAS,qBAAqB;AASvB,IAAM,uBAAuB,cAAyC,IAAI;","names":[]}

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

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

package/dist/{chunk-CXXCUD4B.js → chunk-6KPX5HYV.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.js";
+} from "./chunk-WNX4XCL6.js";
 
 // src/line-chart.tsx
 import { lineChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var LineChart = createClientChart(lineChart);
 export {
   LineChart
 };
-//# sourceMappingURL=chunk-CXXCUD4B.js.map
+//# sourceMappingURL=chunk-6KPX5HYV.js.map

package/dist/{chunk-6FZO4SMF.js → chunk-74ONV2GE.js}

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

package/dist/{chunk-ORIH4UQP.js → chunk-7KED5KUU.js}

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

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

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

package/dist/{chunk-WLHXHAEV.js → chunk-CERHTEML.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.js";
+} from "./chunk-WNX4XCL6.js";
 
 // src/radial-arc-group.tsx
 import { radialArcGroup } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var RadialArcGroup = createClientChart(radialArcGroup);
 export {
   RadialArcGroup
 };
-//# sourceMappingURL=chunk-WLHXHAEV.js.map
+//# sourceMappingURL=chunk-CERHTEML.js.map

package/dist/{chunk-2JXPSUCK.js → chunk-DTBEXYYC.js}

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

package/dist/{chunk-JCIEWEQC.js → chunk-E5LIZKJT.js}

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

package/dist/{chunk-R6PUPQUI.js → chunk-FQHAHZBR.js}

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

package/dist/{chunk-HH2RZCH6.js → chunk-FZMY6NWJ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.js";
+} from "./chunk-WNX4XCL6.js";
 
 // src/treemap-chart.tsx
 import { treemapChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var TreemapChart = createClientChart(treemapChart);
 export {
   TreemapChart
 };
-//# sourceMappingURL=chunk-HH2RZCH6.js.map
+//# sourceMappingURL=chunk-FZMY6NWJ.js.map

package/dist/{chunk-5LQGSI6N.js → chunk-GBTH55AM.js}

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

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

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

package/dist/{chunk-NAYUAF7O.js → chunk-H3UH7F5S.js}

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

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

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

package/dist/{chunk-LOIVX5IV.js → chunk-J5OOZDFF.js}

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

package/dist/{chunk-BIIINOXE.js → chunk-JRAHTS5O.js}

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

package/dist/{chunk-2Q2ZZTUW.js → chunk-KDQHOND7.js}

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

package/dist/{chunk-G2A5PWIR.js → chunk-NHUVAE4Z.js}

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

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

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

package/dist/chunk-OD6N2ATZ.js

@@ -0,0 +1,45 @@
+// src/dashboard-markup.tsx
+import { dashboardView } from "@silverpoint/core";
+import { Children, cloneElement, isValidElement } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DashboardCell({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+var asStyle = (vars) => vars;
+function DashboardMarkup({ children, wrapGrid, ...props }) {
+  const given = Children.toArray(children).map((child) => {
+    const marked = isValidElement(child) && child.type === DashboardCell;
+    const content = marked ? child.props.children : child;
+    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 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];
+    return /* @__PURE__ */ jsx("article", { className: "sp-dashboard-cell", part: "dashboard-cell", "aria-labelledby": cell.labelledby, style: asStyle(cell.style), children: chart ? cloneElement(chart, { dashboardCell: cell.context }) : content }, cell.context.chartId);
+  }) });
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: view.section.className,
+      part: "dashboard",
+      "data-substrate": view.section.substrate,
+      "aria-labelledby": view.section.labelledby,
+      "aria-describedby": view.section.describedby,
+      "aria-label": view.section.label,
+      style: asStyle(view.section.style),
+      children: [
+        Heading && view.heading && /* @__PURE__ */ jsx(Heading, { className: "sp-dashboard-title", part: "dashboard-title", id: view.heading.id, children: view.heading.text }),
+        view.description && /* @__PURE__ */ jsx("p", { className: "sp-dashboard-description", part: "dashboard-description", id: view.description.id, children: view.description.text }),
+        wrapGrid ? wrapGrid(grid) : grid
+      ]
+    }
+  );
+}
+
+export {
+  DashboardCell,
+  DashboardMarkup
+};
+//# sourceMappingURL=chunk-OD6N2ATZ.js.map

package/dist/chunk-OD6N2ATZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dashboard-markup.tsx"],"sourcesContent":["import { dashboardView, type DashboardCellContext, type DashboardProps } from '@silverpoint/core';\nimport { Children, cloneElement, isValidElement, type CSSProperties, type ReactElement, type ReactNode } from 'react';\n\nexport interface DashboardCellProps {\n  /** The layout cell this child fills. Omitted: next in source order, span 1 (API Spec §7.1). */\n  readonly cell?: string;\n  /** The chart. A single element receives the cell's id, size and configuration. */\n  readonly children?: ReactNode;\n}\n\n/**\n * Marks a child of `Dashboard` with its layout cell. Rendered on its own it is its children; inside\n * a dashboard, the dashboard reads its `cell` and emits it as an `article` (REQ-200).\n */\nexport function DashboardCell({ children }: DashboardCellProps) {\n  return <>{children}</>;\n}\n\n/** The internal prop through which a cell hands its chart id, box and config (TD §3.3). */\nexport interface CellChartProps {\n  readonly dashboardCell?: DashboardCellContext;\n}\n\nconst asStyle = (vars: Readonly<Record<string, string>>) => vars as CSSProperties;\n\n/**\n * The dashboard's DOM (API Spec §10), shared by the client and server entries. It computes\n * nothing: the core's `dashboardView` gives every attribute, and each cell's chart gets its\n * context as a prop, which crosses a Server Components boundary as plain data (Art. 2).\n */\nexport function DashboardMarkup({ children, wrapGrid, ...props }: DashboardProps & { readonly children?: ReactNode; readonly wrapGrid?: (grid: ReactNode) => ReactNode }) {\n  const given = Children.toArray(children).map((child) => {\n    const marked = isValidElement<DashboardCellProps>(child) && child.type === DashboardCell;\n    const content = marked ? child.props.children : child;\n    const chart = isValidElement<{ id?: string }>(content) ? content : undefined;\n    return { cell: marked ? child.props.cell : undefined, id: chart?.props.id, content, chart };\n  });\n  const view = dashboardView(props, given.map(({ cell, id }) => ({ cell, id })));\n  const Heading = view.heading ? (`h${view.heading.level}` as const) : undefined;\n  const grid = (\n    <div className=\"sp-dashboard-grid\" part=\"dashboard-grid\">\n      {view.cells.map((cell) => {\n        const { chart, content } = given[cell.child]!;\n        return (\n          <article key={cell.context.chartId} className=\"sp-dashboard-cell\" part=\"dashboard-cell\" aria-labelledby={cell.labelledby} style={asStyle(cell.style)}>\n            {chart ? cloneElement(chart as ReactElement<CellChartProps>, { dashboardCell: cell.context }) : content}\n          </article>\n        );\n      })}\n    </div>\n  );\n  return (\n    <section\n      className={view.section.className}\n      part=\"dashboard\"\n      data-substrate={view.section.substrate}\n      aria-labelledby={view.section.labelledby}\n      aria-describedby={view.section.describedby}\n      aria-label={view.section.label}\n      style={asStyle(view.section.style)}\n    >\n      {Heading && view.heading && (\n        <Heading className=\"sp-dashboard-title\" part=\"dashboard-title\" id={view.heading.id}>\n          {view.heading.text}\n        </Heading>\n      )}\n      {view.description && (\n        <p className=\"sp-dashboard-description\" part=\"dashboard-description\" id={view.description.id}>\n          {view.description.text}\n        </p>\n      )}\n      {wrapGrid ? wrapGrid(grid) : grid}\n    </section>\n  );\n}\n"],"mappings":";AAAA,SAAS,qBAAqE;AAC9E,SAAS,UAAU,cAAc,sBAA6E;AAcrG,wBAqCL,YArCK;AADF,SAAS,cAAc,EAAE,SAAS,GAAuB;AAC9D,SAAO,gCAAG,UAAS;AACrB;AAOA,IAAM,UAAU,CAAC,SAA2C;AAOrD,SAAS,gBAAgB,EAAE,UAAU,UAAU,GAAG,MAAM,GAA2G;AACxK,QAAM,QAAQ,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,UAAU;AACtD,UAAM,SAAS,eAAmC,KAAK,KAAK,MAAM,SAAS;AAC3E,UAAM,UAAU,SAAS,MAAM,MAAM,WAAW;AAChD,UAAM,QAAQ,eAAgC,OAAO,IAAI,UAAU;AACnE,WAAO,EAAE,MAAM,SAAS,MAAM,MAAM,OAAO,QAAW,IAAI,OAAO,MAAM,IAAI,SAAS,MAAM;AAAA,EAC5F,CAAC;AACD,QAAM,OAAO,cAAc,OAAO,MAAM,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,EAAE,CAAC;AAC7E,QAAM,UAAU,KAAK,UAAW,IAAI,KAAK,QAAQ,KAAK,KAAe;AACrE,QAAM,OACJ,oBAAC,SAAI,WAAU,qBAAoB,MAAK,kBACrC,eAAK,MAAM,IAAI,CAAC,SAAS;AACxB,UAAM,EAAE,OAAO,QAAQ,IAAI,MAAM,KAAK,KAAK;AAC3C,WACE,oBAAC,aAAmC,WAAU,qBAAoB,MAAK,kBAAiB,mBAAiB,KAAK,YAAY,OAAO,QAAQ,KAAK,KAAK,GAChJ,kBAAQ,aAAa,OAAuC,EAAE,eAAe,KAAK,QAAQ,CAAC,IAAI,WADpF,KAAK,QAAQ,OAE3B;AAAA,EAEJ,CAAC,GACH;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,QAAQ;AAAA,MACxB,MAAK;AAAA,MACL,kBAAgB,KAAK,QAAQ;AAAA,MAC7B,mBAAiB,KAAK,QAAQ;AAAA,MAC9B,oBAAkB,KAAK,QAAQ;AAAA,MAC/B,cAAY,KAAK,QAAQ;AAAA,MACzB,OAAO,QAAQ,KAAK,QAAQ,KAAK;AAAA,MAEhC;AAAA,mBAAW,KAAK,WACf,oBAAC,WAAQ,WAAU,sBAAqB,MAAK,mBAAkB,IAAI,KAAK,QAAQ,IAC7E,eAAK,QAAQ,MAChB;AAAA,QAED,KAAK,eACJ,oBAAC,OAAE,WAAU,4BAA2B,MAAK,yBAAwB,IAAI,KAAK,YAAY,IACvF,eAAK,YAAY,MACpB;AAAA,QAED,WAAW,SAAS,IAAI,IAAI;AAAA;AAAA;AAAA,EAC/B;AAEJ;","names":[]}

package/dist/{chunk-DZPDZGM7.js → chunk-OFDVE64G.js}

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

package/dist/{chunk-V3PBT4XB.js → chunk-P53KSCPE.js}

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

package/dist/{chunk-2OAPH7JN.js → chunk-PWFDYIXV.js}

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

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

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

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

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

package/dist/{chunk-RUC577P7.js → chunk-UXVYCPFL.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.js";
+} from "./chunk-WNX4XCL6.js";
 
 // src/wind-rose.tsx
 import { windRose } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var WindRose = createClientChart(windRose);
 export {
   WindRose
 };
-//# sourceMappingURL=chunk-RUC577P7.js.map
+//# sourceMappingURL=chunk-UXVYCPFL.js.map

package/dist/{chunk-CCFFHU7V.js → chunk-VISNFHPM.js}

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