@silverpoint/core 0.1.1 → 0.3.0

package/dist/index.js

@@ -1,52 +1,8 @@
-import { scaleLinear, scaleBand } from 'd3-scale';
+import { diagnose, circlePath, round2, DEFAULTS, readSeries, checkVolume, accessorName, read, formatCategory, formatValue, cartesianPlot, extent, seriesValues, valueAxis, categoryAxis, categoryLabels, formatNumber, finite, inset, rectPath, warnValue, toneOf, toneLevel, checkCount, linearScale, legend, AXIS_BAND, PLOT_INSET, horizontalValueAxis, pillPath, checkSectors, readSectors, polarFrame, ringTones, sectorPath, pointAt, sectorLegend, RIM_LABELS, rimLabels, arcPath, ringTone, polarLabel, TICK_CHAR, roundGeometry } from './chunk-I6BAZ7MJ.js';
+export { DEFAULTS, FORCED_PRECISION_QUERY, SilverpointError, __setDiagnosticSink, bandScale, circlePath, deriveSeed, diagnose, expandDomain, extent, fnv1a32, instanceId, linearScale, max, min, resolveConfig, resolveSeed, round2, roundGeometry, roundPathData } from './chunk-I6BAZ7MJ.js';
 import { curveStepAfter, curveNatural, curveLinear, curveMonotoneX, line, curveStep, curveStepBefore, area } from 'd3-shape';
 import { chordDirected } from 'd3-chord';
 
-// src/render/round.ts
-function round2(value) {
-  const rounded = Math.round(value * 100) / 100;
-  return Object.is(rounded, -0) ? 0 : rounded;
-}
-var NUMBER = /-?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g;
-function roundPathData(d) {
-  return d.replace(NUMBER, (token) => String(round2(Number(token))));
-}
-function roundRect(rect) {
-  return {
-    x: round2(rect.x),
-    y: round2(rect.y),
-    width: round2(rect.width),
-    height: round2(rect.height)
-  };
-}
-function roundStroke(stroke) {
-  return { ...stroke, d: roundPathData(stroke.d) };
-}
-function roundTile(tile) {
-  return {
-    ...tile,
-    width: round2(tile.width),
-    height: round2(tile.height),
-    angle: round2(tile.angle),
-    strokes: tile.strokes.map(roundStroke)
-  };
-}
-function roundGeometry(geometry) {
-  return {
-    viewBox: roundRect(geometry.viewBox),
-    plot: roundRect(geometry.plot),
-    strokes: geometry.strokes.map(roundStroke),
-    labels: geometry.labels.map((label) => ({ ...label, x: round2(label.x), y: round2(label.y) })),
-    hitAreas: geometry.hitAreas.map((hit) => ({
-      ...hit,
-      x: round2(hit.x),
-      y: round2(hit.y),
-      ...hit.box ? { box: roundRect(hit.box) } : {}
-    })),
-    defs: geometry.defs.map(roundTile)
-  };
-}
-
 // src/render/serialize.ts
 function serializeGeometry(geometry) {
   return JSON.stringify(geometry);
@@ -64,47 +20,6 @@ function pathBytes(geometry) {
 }
 var PATH_BYTE_BUDGET = 4e4;
 
-// src/render/seed.ts
-var FNV_OFFSET_BASIS = 2166136261;
-var FNV_PRIME = 16777619;
-function utf8Bytes(input) {
-  const bytes = [];
-  for (const char of input) {
-    const code = char.codePointAt(0) ?? 0;
-    if (code < 128) {
-      bytes.push(code);
-    } else if (code < 2048) {
-      bytes.push(192 | code >> 6, 128 | code & 63);
-    } else if (code < 65536) {
-      bytes.push(224 | code >> 12, 128 | code >> 6 & 63, 128 | code & 63);
-    } else {
-      bytes.push(
-        240 | code >> 18,
-        128 | code >> 12 & 63,
-        128 | code >> 6 & 63,
-        128 | code & 63
-      );
-    }
-  }
-  return bytes;
-}
-function fnv1a32(input) {
-  let hash = FNV_OFFSET_BASIS;
-  for (const byte of utf8Bytes(input)) {
-    hash ^= byte;
-    hash = Math.imul(hash, FNV_PRIME);
-  }
-  return hash >>> 0;
-}
-function deriveSeed(id) {
-  return fnv1a32(id);
-}
-function resolveSeed(seed, id) {
-  if (seed === void 0) return deriveSeed(id);
-  if (typeof seed === "string") return fnv1a32(seed);
-  return Number.isFinite(seed) ? Math.trunc(seed) >>> 0 : 0;
-}
-
 // src/render/prng.ts
 function createPrng(seed) {
   let state = seed >>> 0;
@@ -135,122 +50,6 @@ function weekday(day) {
   return ((day + 4) % 7 + 7) % 7;
 }
 
-// src/diagnostics/diagnose.ts
-var SilverpointError = class extends Error {
-  code;
-  constructor(code, message) {
-    super(message);
-    this.name = "SilverpointError";
-    this.code = code;
-  }
-};
-var consoleSink = (_code, message) => {
-  console.warn(message);
-};
-var sink = consoleSink;
-var reported = /* @__PURE__ */ new Set();
-function __setDiagnosticSink(next) {
-  sink = next ?? consoleSink;
-  reported.clear();
-  return () => {
-    sink = consoleSink;
-    reported.clear();
-  };
-}
-function format(code, chart, detail, template) {
-  const specifics = detail.message ? ` ${detail.message}` : "";
-  return `[${code}] ${chart}: ${template.what} (\`${detail.property}\`).${specifics} ${template.todo}. (${template.req})`;
-}
-var ERRORS = {
-  SP009: {
-    req: "REQ-097",
-    what: "a scale bound cannot be derived from the data and was not supplied",
-    todo: "Pass the named property explicitly"
-  },
-  SP012: {
-    req: "REQ-127",
-    what: "the ground does not reach the minimum contrast",
-    todo: "Recompute the palette; colours are not chosen by eye"
-  }
-};
-function diagnose(code, chart, detail) {
-  const error = ERRORS[code];
-  if (error) {
-    throw new SilverpointError(code, format(code, chart, detail, error));
-  }
-  if (process.env.NODE_ENV !== "production") {
-    developmentDiagnose(code, chart, detail);
-  }
-}
-function developmentDiagnose(code, chart, detail) {
-  const template = WARNINGS[code];
-  if (!template) return;
-  const message = format(code, chart, detail, template);
-  if (code === "SP005") {
-    throw new SilverpointError(code, message);
-  }
-  if (reported.has(message)) return;
-  reported.add(message);
-  sink(code, message);
-}
-var WARNINGS = {
-  SP001: {
-    req: "REQ-007",
-    what: "the dataset is empty; the ground's empty state is drawn",
-    todo: "Pass at least one row, or omit `data` to see the demo dataset"
-  },
-  SP002: {
-    req: "REQ-008",
-    what: "a value cannot be drawn as given (null, not finite, or outside the data contract); it is corrected or omitted",
-    todo: "Check the value against the chart's data contract (Data Model \xA72)"
-  },
-  SP003: {
-    req: "REQ-009",
-    what: "the container measures 0 px; the render is deferred",
-    todo: "Give the container a size, or pin `width` and `height`"
-  },
-  SP004: {
-    req: "REQ-010",
-    what: "the scale domain has zero length; it is expanded with the ground's domainPadding",
-    todo: "Nothing to do if the data is constant; otherwise check the accessor"
-  },
-  SP005: {
-    req: "REQ-025",
-    what: "more than one element is marked with white heightening; only the first is applied",
-    todo: "Heighten a single element per chart"
-  },
-  SP006: {
-    req: "REQ-026",
-    what: "the inker is not registered; falling back to NullInker",
-    todo: "Register the inker or fix the ground's `inker` token"
-  },
-  SP007: {
-    req: "REQ-045",
-    what: "the ground is not registered; falling back to silverpoint",
-    todo: "Call registerGround() before rendering, or fix the name"
-  },
-  SP008: {
-    req: "REQ-096",
-    what: "the data volume is above the family's threshold",
-    todo: "Aggregate the data before charting it"
-  },
-  SP010: {
-    req: "REQ-091",
-    what: "the chord ring has more than 12 categories",
-    todo: "Group the smaller categories"
-  },
-  SP011: {
-    req: "NFR \xA77",
-    what: "the path byte budget of 40 KB is exceeded",
-    todo: "Use `hatchFill: 'tile'` or a larger hatch gap"
-  },
-  SP013: {
-    req: "REQ-032",
-    what: "the @silverpoint/fonts face failed to load; rendering fell back to the system stack",
-    todo: "Install @silverpoint/fonts and import its stylesheet; golden images will not match until then"
-  }
-};
-
 // src/render/heighten.ts
 function isOutlineOf(candidate, heightened) {
   return candidate.part === "ink" && (candidate.paint ?? "stroke") === "stroke" && candidate.d === heightened.d;
@@ -285,6 +84,7 @@ function pathView(stroke) {
     role: stroke.role,
     paint,
     dash: stroke.dash ?? null,
+    weight: stroke.tonalWeight === void 0 ? null : String(stroke.tonalWeight),
     fill: paint === "tile" && stroke.tile ? `url(#${stroke.tile})` : null
   };
 }
@@ -336,6 +136,7 @@ function pathString(path) {
     ["data-role", path.role],
     ["data-paint", path.paint],
     ["data-dash", path.dash],
+    ["data-weight", path.weight],
     ["fill", path.fill]
   ])}></path>`;
 }
@@ -392,66 +193,6 @@ async function checkTypeface(fonts, chart, face = DISPLAY_FACE_PROBE) {
   return loaded;
 }
 
-// src/scales/util.ts
-function min(values) {
-  let result;
-  for (const value of values) {
-    if (Number.isFinite(value) && (result === void 0 || value < result)) result = value;
-  }
-  return result;
-}
-function max(values) {
-  let result;
-  for (const value of values) {
-    if (Number.isFinite(value) && (result === void 0 || value > result)) result = value;
-  }
-  return result;
-}
-function extent(values) {
-  const low = min(values);
-  const high = max(values);
-  return low === void 0 || high === void 0 ? void 0 : [low, high];
-}
-function expandDomain(domain, padding, site, fromZero = false) {
-  const [low, high] = domain;
-  if (low !== high) return [low, high];
-  const spread = low === 0 ? padding : Math.abs(low) * padding;
-  if (fromZero && low === 0) {
-    if (process.env.NODE_ENV !== "production") {
-      diagnose("SP004", site.chart, { property: site.property, message: `Domain [0, 0] became [0, ${2 * spread}].` });
-    }
-    return [0, 2 * spread];
-  }
-  if (process.env.NODE_ENV !== "production") {
-    diagnose("SP004", site.chart, {
-      property: site.property,
-      message: `Domain [${low}, ${high}] became [${low - spread}, ${high + spread}].`
-    });
-  }
-  return [low - spread, high + spread];
-}
-function linearScale(domain, range, options) {
-  const expanded = expandDomain(domain, options.padding, options, options.fromZero);
-  const scale = scaleLinear().domain(expanded).range(range);
-  if (options.nice) scale.nice(4);
-  const [low, high] = scale.domain();
-  const result = ((value) => scale(value));
-  Object.defineProperty(result, "domain", { value: [low, high] });
-  result.ticks = (count) => scale.ticks(count);
-  return result;
-}
-function bandScale(domain, range, options = {}) {
-  const scale = scaleBand().domain(domain).range(range).paddingInner(options.paddingInner ?? 0).paddingOuter(options.paddingOuter ?? 0);
-  const bandwidth = scale.bandwidth();
-  const result = ((value) => scale(value));
-  Object.defineProperty(result, "bandwidth", { value: bandwidth });
-  result.center = (value) => {
-    const start = scale(value);
-    return start === void 0 ? void 0 : start + bandwidth / 2;
-  };
-  return result;
-}
-
 // src/ink/null-inker.ts
 var NullInker = Object.freeze({
   name: "null",
@@ -474,72 +215,6 @@ function resolveInker(name, chart, builtins = []) {
   return NullInker;
 }
 
-// src/config/resolve.ts
-var DEFAULTS = Object.freeze({
-  ground: "silverpoint",
-  substrate: "cream",
-  mode: "ink",
-  chrome: "card",
-  hatchFill: "tile",
-  height: 160,
-  dataTable: "hidden",
-  locale: "en"
-});
-function resolveConfig(props, provider = {}, environment = {}) {
-  const mode = environment.forcedPrecision ? "precision" : props.mode ?? provider.mode ?? DEFAULTS.mode;
-  return {
-    ground: props.ground ?? provider.ground ?? DEFAULTS.ground,
-    substrate: props.substrate ?? provider.substrate ?? DEFAULTS.substrate,
-    mode,
-    chrome: props.chrome ?? DEFAULTS.chrome,
-    hatchFill: props.hatchFill ?? DEFAULTS.hatchFill,
-    height: props.height ?? DEFAULTS.height,
-    dataTable: props.dataTable ?? DEFAULTS.dataTable,
-    locale: props.locale ?? provider.locale ?? environment.locale ?? DEFAULTS.locale
-  };
-}
-var FORCED_PRECISION_QUERY = "(prefers-contrast: more), (forced-colors: active)";
-function instanceId(chart, token) {
-  const slug = chart.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-  const safe = String(token).replace(/[^A-Za-z0-9_-]/g, "");
-  return `sp-${slug}-${safe}`;
-}
-
-// src/charts/shared/format.ts
-function read(accessor, datum, index) {
-  return typeof accessor === "function" ? accessor(datum, index) : datum[accessor];
-}
-function accessorName(accessor, fallback) {
-  return typeof accessor === "string" ? accessor : fallback;
-}
-var FORMATTERS = /* @__PURE__ */ new Map();
-var MAX_FORMATTERS = 64;
-function formatNumber(value, locale, options) {
-  const resolved = options ?? { maximumFractionDigits: 2 };
-  const read2 = [];
-  for (const name in resolved) read2.push(`${name}=${JSON.stringify(resolved[name])}`);
-  const key = `${locale}|${read2.sort().join("&")}`;
-  let formatter = FORMATTERS.get(key);
-  if (!formatter) {
-    if (FORMATTERS.size >= MAX_FORMATTERS) FORMATTERS.clear();
-    formatter = new Intl.NumberFormat(locale, resolved);
-    FORMATTERS.set(key, formatter);
-  }
-  return formatter.format(value);
-}
-function formatValue(value, locale, options) {
-  if (typeof value === "number") {
-    return Number.isFinite(value) ? formatNumber(value, locale, options) : "\u2014";
-  }
-  return value === null || value === void 0 ? "\u2014" : String(value);
-}
-function formatCategory(value, locale) {
-  return formatValue(value, locale, typeof value === "number" ? { useGrouping: false, maximumFractionDigits: 2 } : void 0);
-}
-function circlePath(cx, cy, r) {
-  return `M${cx - r},${cy}A${r},${r},0,1,0,${cx + r},${cy}A${r},${r},0,1,0,${cx - r},${cy}Z`;
-}
-
 // src/charts/shared/card.ts
 var CARD_PADDING = 16;
 var TITLE_ROW = 20;
@@ -607,162 +282,6 @@ function cardLayout(props, options) {
   return { viewBox: { x: 0, y: 0, width, height }, area: area5, strokes, labels };
 }
 
-// src/charts/shared/cells.ts
-function rectPath(rect) {
-  const { x, y, width, height } = rect;
-  return `M${x},${y}H${x + width}V${y + height}H${x}Z`;
-}
-function inset(rect, by) {
-  return {
-    x: rect.x + by,
-    y: rect.y + by,
-    width: Math.max(rect.width - 2 * by, 0),
-    height: Math.max(rect.height - 2 * by, 0)
-  };
-}
-function finite(raw) {
-  return typeof raw === "number" && Number.isFinite(raw) ? raw : void 0;
-}
-function toneOf(ratio) {
-  if (!(ratio > 0)) return 0;
-  if (ratio <= 0.25) return 1;
-  if (ratio <= 0.5) return 2;
-  if (ratio <= 0.75) return 3;
-  return 4;
-}
-function toneLevel(raw) {
-  return Math.min(Math.max(Math.round(raw), 0), 4);
-}
-function warnValue(chart, property, message) {
-  if (process.env.NODE_ENV !== "production") diagnose("SP002", chart, { property, message });
-}
-
-// src/charts/shared/cartesian.ts
-var AXIS_BAND = 20;
-var PLOT_INSET = 6;
-var LABEL_SPACING = 48;
-function cartesianPlot(area5) {
-  return {
-    x: area5.x + PLOT_INSET,
-    y: area5.y + PLOT_INSET,
-    width: Math.max(area5.width - 2 * PLOT_INSET, 1),
-    height: Math.max(area5.height - AXIS_BAND - PLOT_INSET, 1)
-  };
-}
-function readSeries(data, accessor, fallbackName) {
-  let missing = 0;
-  const points = data.map((datum, index) => {
-    const raw = read(accessor, datum, index);
-    const value = typeof raw === "number" && Number.isFinite(raw) ? raw : void 0;
-    if (value === void 0) missing += 1;
-    return { index, datum, value };
-  });
-  return { key: accessorName(accessor, fallbackName), points, missing };
-}
-var POINTS_PER_SERIES = 500;
-function checkVolume(chart, series) {
-  for (const s of series) checkCount(chart, s.key, s.points.length);
-}
-function checkCount(chart, property, count) {
-  if (process.env.NODE_ENV === "production" || count <= POINTS_PER_SERIES) return;
-  diagnose("SP008", chart, { property, message: `${count} points; the ceiling is ${POINTS_PER_SERIES} per series.` });
-}
-function seriesValues(series) {
-  return series.flatMap((s) => s.points.flatMap((p) => p.value === void 0 ? [] : [p.value]));
-}
-function valueAxis(plot, domain, options) {
-  const bottom = plot.y + plot.height;
-  const low = options.zero === false ? domain[0] : Math.min(0, domain[0]);
-  const high = options.zero === false ? domain[1] : Math.max(0, domain[1]);
-  const scale = linearScale([low, high], [bottom, plot.y], {
-    chart: options.chart,
-    property: options.property,
-    padding: options.padding,
-    nice: options.nice !== false,
-    fromZero: options.zero !== false
-  });
-  const strokes = [];
-  const labels = [];
-  for (const tick of scale.ticks(4)) {
-    const ty = scale(tick);
-    if (tick === scale.domain[0]) continue;
-    strokes.push({ d: `M${plot.x},${ty}H${plot.x + plot.width}`, role: "ornament", part: "grid" });
-    labels.push({ x: plot.x, y: ty - 3, text: formatNumber(tick, options.locale, options.numberFormat), kind: "tick", part: "axis", anchor: "start" });
-  }
-  strokes.push({ d: `M${plot.x},${bottom}H${plot.x + plot.width}`, role: "ornament", part: "rule" });
-  return { scale, strokes, labels };
-}
-function categoryAxis(xValues, plot, options) {
-  const numeric = options.numeric !== false && xValues.length > 0 && xValues.every((v) => typeof v === "number" && Number.isFinite(v));
-  if (numeric) {
-    const numbers = xValues;
-    const x = linearScale(extent(numbers) ?? [0, 0], [plot.x, plot.x + plot.width], {
-      chart: options.chart,
-      property: options.property,
-      padding: options.padding
-    });
-    return { at: (index) => x(numbers[index] ?? 0), bandwidth: 0 };
-  }
-  const keys = xValues.map((_, index) => String(index));
-  const band = bandScale(keys, [plot.x, plot.x + plot.width], { paddingInner: options.paddingInner, paddingOuter: options.paddingOuter });
-  return { at: (index) => band.center(String(index)) ?? plot.x, bandwidth: band.bandwidth };
-}
-function categoryLabels(texts, at2, area5, plot) {
-  const count = texts.length;
-  const step = Math.max(1, Math.ceil(count / Math.max(2, Math.floor(plot.width / LABEL_SPACING))));
-  const labels = [];
-  for (let index = 0; index < count; index += step) {
-    labels.push({
-      x: at2(index),
-      y: area5.y + area5.height - 5,
-      text: texts[index] ?? "",
-      kind: "tick",
-      part: "axis",
-      anchor: index === 0 ? "start" : "middle"
-    });
-  }
-  return labels;
-}
-var LEGEND_BAND = 22;
-var TICK_CHAR = 5.2;
-var LEGEND_CHAR = TICK_CHAR;
-function legend(area5, entries) {
-  const strokes = [];
-  const labels = [];
-  let x = area5.x + PLOT_INSET;
-  for (const entry of entries) {
-    const swatch = { x, y: area5.y + 4, width: 12, height: 7 };
-    strokes.push({ d: rectPath(swatch), role: "ornament", part: entry.part, ...entry.tone ? { tone: entry.tone } : {}, ...entry.dash ? { dash: entry.dash } : {} });
-    labels.push({ x: x + 16, y: area5.y + 11, text: entry.name, kind: "tick", part: "axis", anchor: "start" });
-    x += 16 + entry.name.length * LEGEND_CHAR + 12;
-  }
-  return { area: { x: area5.x, y: area5.y + LEGEND_BAND, width: area5.width, height: Math.max(area5.height - LEGEND_BAND, 1) }, strokes, labels };
-}
-function pillPath(rect) {
-  const { x, y, width, height } = rect;
-  const r = Math.min(width, height) / 2;
-  if (r <= 0) return `M${x},${y}H${x + width}V${y + height}H${x}Z`;
-  return `M${x},${y + r}A${r},${r},0,0,1,${x + r},${y}H${x + width - r}A${r},${r},0,0,1,${x + width},${y + r}V${y + height - r}A${r},${r},0,0,1,${x + width - r},${y + height}H${x + r}A${r},${r},0,0,1,${x},${y + height - r}Z`;
-}
-function horizontalValueAxis(plot, area5, domain, options) {
-  const scale = linearScale([Math.min(0, domain[0]), Math.max(0, domain[1])], [plot.x, plot.x + plot.width], {
-    chart: options.chart,
-    property: options.property,
-    padding: options.padding,
-    nice: true,
-    fromZero: true
-  });
-  const strokes = [];
-  const labels = [];
-  for (const tick of scale.ticks(4)) {
-    const tx = scale(tick);
-    if (tick !== 0) strokes.push({ d: `M${tx},${plot.y}V${plot.y + plot.height}`, role: "ornament", part: "grid" });
-    labels.push({ x: tx, y: area5.y + area5.height - 5, text: formatNumber(tick, options.locale, options.numberFormat), kind: "tick", part: "axis", anchor: "middle" });
-  }
-  strokes.push({ d: `M${scale(0)},${plot.y}V${plot.y + plot.height}`, role: "ornament", part: "rule" });
-  return { scale, strokes, labels };
-}
-
 // src/charts/shared/shell.ts
 function modelBase(chart, props, context, fallbackName, table) {
   const { id } = context;
@@ -1175,7 +694,7 @@ function buildBulletChart(props, context) {
   }
   const rowHeight = plot.height / rows.length;
   const barHeight = Math.min(MAX_BAR, rowHeight * 0.35);
-  const at2 = (percent) => plot.x + percent / 100 * plot.width;
+  const at = (percent) => plot.x + percent / 100 * plot.width;
   let met = 0;
   for (const row of rows) {
     const top = plot.y + row.index * rowHeight;
@@ -1187,16 +706,16 @@ function buildBulletChart(props, context) {
       warnValue(CHART2, actualName, `Row ${row.index} has no finite value; its bar is omitted.`);
     } else {
       const actual = clampPercent(row.actual, actualName, row.index);
-      const bar = { x: plot.x, y: barY, width: at2(actual) - plot.x, height: barHeight };
+      const bar = { x: plot.x, y: barY, width: at(actual) - plot.x, height: barHeight };
       if (bar.width > 0) strokes.push({ d: rectPath(bar), role: "encoding", part: "ink", tone: 2 });
       labels.push({ x: plot.x + plot.width, y: baseline, text: formatNumber(row.actual, locale, numberFormat), kind: "tick", part: "axis", anchor: "end" });
-      hitAreas.push({ seriesKey: actualName, index: row.index, datum: row.datum, value: row.actual, x: at2(actual), y: barY + barHeight / 2, box: bar });
+      hitAreas.push({ seriesKey: actualName, index: row.index, datum: row.datum, value: row.actual, x: at(actual), y: barY + barHeight / 2, box: bar });
       if (row.target !== void 0 && row.actual >= row.target) met += 1;
     }
     if (row.target === void 0) {
       warnValue(CHART2, targetName, `Row ${row.index} has no finite target; its marker is omitted.`);
     } else {
-      const x = at2(clampPercent(row.target, targetName, row.index));
+      const x = at(clampPercent(row.target, targetName, row.index));
       strokes.push({ d: `M${x},${barY - MARKER_REACH}V${barY + barHeight + MARKER_REACH}`, role: "encoding", part: "ink", weight: 2 });
     }
   }
@@ -2478,109 +1997,6 @@ function buildFunnelChart(props, context) {
 }
 var funnelChart = /* @__PURE__ */ Object.freeze({ name: CHART15, build: buildFunnelChart });
 
-// src/charts/shared/polar.ts
-function polarFrame(area5, labelRoom = 0) {
-  return {
-    cx: area5.x + area5.width / 2,
-    cy: area5.y + area5.height / 2,
-    radius: Math.max(Math.min(area5.width, area5.height) / 2 - PLOT_INSET - labelRoom, 1)
-  };
-}
-var RIM_LABELS = 14;
-function rimLabels(frame, entries, most = 24) {
-  const step = Math.max(1, Math.ceil(entries.length / most));
-  return entries.filter((_, i) => i % step === 0).map((e) => polarLabel(frame, e.angle, frame.radius + 8, e.text));
-}
-function pointAt(frame, angle, r) {
-  return { x: frame.cx + r * Math.sin(angle), y: frame.cy - r * Math.cos(angle) };
-}
-var EPSILON = 1e-9;
-var at = (frame, angle, r) => {
-  const p = pointAt(frame, angle, r);
-  return `${p.x},${p.y}`;
-};
-function arcTo(frame, r, end, clockwise) {
-  return `A${r},${r},0,0,${clockwise ? 1 : 0},${at(frame, end, r)}`;
-}
-function sweep(frame, r, start, end, clockwise) {
-  if (Math.abs(end - start) <= Math.PI) return arcTo(frame, r, end, clockwise);
-  const middle = (start + end) / 2;
-  return arcTo(frame, r, middle, clockwise) + arcTo(frame, r, end, clockwise);
-}
-function arcPath(frame, r, start, end) {
-  if (Math.abs(end - start) < EPSILON || r <= 0) return "";
-  return `M${at(frame, start, r)}${sweep(frame, r, start, end, end > start)}`;
-}
-function sectorPath(frame, shape) {
-  const { inner, outer, start, end } = shape;
-  if (Math.abs(end - start) < EPSILON || outer <= 0) return "";
-  const clockwise = end > start;
-  const outerArc = `M${at(frame, start, outer)}${sweep(frame, outer, start, end, clockwise)}`;
-  if (inner <= 0) return `${outerArc}L${frame.cx},${frame.cy}Z`;
-  return `${outerArc}L${at(frame, end, inner)}${sweep(frame, inner, end, start, !clockwise)}Z`;
-}
-var POLE = 0.1;
-function polarLabel(frame, angle, r, text, kind = "tick") {
-  const p = pointAt(frame, angle, r);
-  const side = Math.sin(angle);
-  const anchor = side > POLE ? "start" : side < -POLE ? "end" : "middle";
-  return { x: p.x, y: p.y + 3, text, kind, part: "axis", anchor };
-}
-function readSectors(data, nameKey, valueKey, chart, locale) {
-  const valueName = accessorName(valueKey, "value");
-  const seen = /* @__PURE__ */ new Map();
-  const sectors = [];
-  data.forEach((datum, index) => {
-    const value = finite(read(valueKey, datum, index));
-    if (value === void 0 || value < 0) {
-      warnValue(chart, valueName, `Row ${index} has a ${valueName} of ${String(read(valueKey, datum, index))}; a sector needs a finite value \u2265 0, so it is omitted.`);
-      return;
-    }
-    const given = read(nameKey, datum, index);
-    if (given === void 0 || given === null || given === "") warnValue(chart, accessorName(nameKey, "name"), `Row ${index} has no name; it is shown as "\u2014".`);
-    const raw = formatCategory(given, locale);
-    const count = (seen.get(raw) ?? 0) + 1;
-    seen.set(raw, count);
-    if (count > 1) warnValue(chart, accessorName(nameKey, "name"), `The name "${raw}" repeats; row ${index} is shown as "${raw} (${count})".`);
-    sectors.push({ index, datum, name: count > 1 ? `${raw} (${count})` : raw, value });
-  });
-  return sectors;
-}
-var SECTORS_PER_CHART = 60;
-function checkSectors(chart, property, count) {
-  if (process.env.NODE_ENV === "production" || count <= SECTORS_PER_CHART) return;
-  diagnose("SP008", chart, { property, message: `${count} sectors; the ceiling is ${SECTORS_PER_CHART}.` });
-}
-var RING_TONES = [1, 2, 3, 4];
-function ringTone(index, count) {
-  const tone = RING_TONES[index % RING_TONES.length];
-  if (count > 1 && index === count - 1 && tone === RING_TONES[0]) return RING_TONES[2];
-  return tone;
-}
-function ringTones(values) {
-  const drawn = values.filter((v) => v > 0).length;
-  let k = 0;
-  return values.map((v) => v > 0 ? ringTone(k++, drawn) : ringTone(Math.min(k, Math.max(drawn - 1, 0)), drawn));
-}
-var LEGEND_ROW = 14;
-function sectorLegend(area5, entries) {
-  const strokes = [];
-  const labels = [];
-  const fits2 = Math.max(Math.floor(area5.height / LEGEND_ROW), 1);
-  const shown = entries.length > fits2 ? fits2 - 1 : entries.length;
-  const top = area5.y + (area5.height - Math.min(entries.length, fits2) * LEGEND_ROW) / 2;
-  entries.slice(0, shown).forEach((entry, row) => {
-    const y = top + row * LEGEND_ROW;
-    strokes.push({ d: rectPath({ x: area5.x, y: y + 3, width: 9, height: 7 }), role: "ornament", part: "ink", tone: entry.tone });
-    labels.push({ x: area5.x + 14, y: y + 10, text: entry.name, kind: "tick", part: "text", anchor: "start" });
-    labels.push({ x: area5.x + area5.width, y: y + 10, text: entry.share, kind: "tick", part: "axis", anchor: "end" });
-  });
-  if (shown < entries.length) {
-    labels.push({ x: area5.x + 14, y: top + shown * LEGEND_ROW + 10, text: `+${entries.length - shown} more`, kind: "tick", part: "axis", anchor: "start" });
-  }
-  return { strokes, labels };
-}
-
 // src/charts/donut-chart/demo.ts
 var DONUT_CHART_DEMO = /* @__PURE__ */ Object.freeze(
   /* @__PURE__ */ [
@@ -2807,8 +2223,8 @@ function buildPolarBarChart(props, context) {
     const tip = hole + b.value / largest * reach;
     const d = sectorPath(frame, { inner: hole, outer: tip, start, end });
     if (d && tip > hole) strokes.push({ d, role: "encoding", part: "ink", tone: 2 });
-    const at2 = pointAt(frame, (start + end) / 2, tip);
-    hitAreas.push({ seriesKey: valueName, index: b.index, datum: b.datum, value: b.value, x: at2.x, y: at2.y });
+    const at = pointAt(frame, (start + end) / 2, tip);
+    hitAreas.push({ seriesKey: valueName, index: b.index, datum: b.datum, value: b.value, x: at.x, y: at.y });
   });
   labels.push(...rimLabels(frame, bars.map((b, k) => ({ angle: (k + 0.5) * slot, text: b.name }))));
   const top = bars.reduce((a, b) => b.value > a.value ? b : a);
@@ -2870,8 +2286,8 @@ function buildCoxcombChart(props, context) {
     const r = frame.radius * Math.sqrt(s.value / largest);
     const d = sectorPath(frame, { inner: 0, outer: r, start: from, end: from + slot });
     if (d) strokes.push({ d, role: "encoding", part: "ink", tone: tones[k] });
-    const at2 = pointAt(frame, from + slot / 2, r * 0.6);
-    hitAreas.push({ seriesKey: valueName, index: s.index, datum: s.datum, value: s.value, x: at2.x, y: at2.y });
+    const at = pointAt(frame, from + slot / 2, r * 0.6);
+    hitAreas.push({ seriesKey: valueName, index: s.index, datum: s.datum, value: s.value, x: at.x, y: at.y });
   });
   labels.push(...rimLabels(frame, sectors.map((s, k) => ({ angle: start + (k + 0.5) * slot, text: s.name }))));
   const top = sectors.reduce((a, b) => b.value > a.value ? b : a);
@@ -3028,9 +2444,9 @@ function buildScalar(family, props, context) {
   const drawing = family.draw(frame, value);
   const strokes = [...card.strokes, ...drawing.strokes];
   const labels = [...card.labels, ...drawing.labels];
-  const at2 = family.readoutAt(frame);
-  labels.push({ x: frame.cx, y: at2.value, text: printed, kind: "value", part: "text", anchor: "middle" });
-  if (caption) labels.push({ x: frame.cx, y: at2.caption, text: caption, kind: "tick", part: "axis", anchor: "middle" });
+  const at = family.readoutAt(frame);
+  labels.push({ x: frame.cx, y: at.value, text: printed, kind: "value", part: "text", anchor: "middle" });
+  if (caption) labels.push({ x: frame.cx, y: at.caption, text: caption, kind: "tick", part: "axis", anchor: "middle" });
   const hitAreas = [];
   if (value !== void 0 && drawing.tip) {
     hitAreas.push({ seriesKey: "value", index: 0, datum: { value }, value, x: drawing.tip.x, y: drawing.tip.y });
@@ -3927,8 +3343,8 @@ function buildWindRose(props, context) {
     if (r <= 0 || r > frame.radius + 0.01) continue;
     strokes.push({ d: arcPath(frame, r, 0, 2 * Math.PI), role: "ornament", part: "grid" });
     if (r > frame.radius - RIM_LABELS) continue;
-    const at2 = pointAt(frame, width / 2, r);
-    labels.push({ x: at2.x + 2, y: at2.y - 2, text: `${formatNumber(tick, locale, { maximumFractionDigits: 0 })}%`, kind: "tick", part: "axis", anchor: "start" });
+    const at = pointAt(frame, width / 2, r);
+    labels.push({ x: at.x + 2, y: at.y - 2, text: `${formatNumber(tick, locale, { maximumFractionDigits: 0 })}%`, kind: "tick", part: "axis", anchor: "start" });
   }
   tally.forEach((row, k) => {
     const start = k * width - width / 2 + width * SECTOR_GAP;
@@ -4187,13 +3603,13 @@ var POINTER = 7;
 var CHAR2 = 5.2;
 var CAP = 7;
 var AIR = 1;
-function fits(frame, name, at2, inner, outer, start, end) {
+function fits(frame, name, at, inner, outer, start, end) {
   const width = name.length * CHAR2;
   const corners = [
-    [at2.x - width / 2, at2.y + 3 - CAP],
-    [at2.x + width / 2, at2.y + 3 - CAP],
-    [at2.x - width / 2, at2.y + 3],
-    [at2.x + width / 2, at2.y + 3]
+    [at.x - width / 2, at.y + 3 - CAP],
+    [at.x + width / 2, at.y + 3 - CAP],
+    [at.x - width / 2, at.y + 3],
+    [at.x + width / 2, at.y + 3]
   ];
   const middle = (start + end) / 2;
   return corners.every(([x, y]) => {
@@ -4204,7 +3620,6 @@ function fits(frame, name, at2, inner, outer, start, end) {
   });
 }
 function buildVolvelleChart(props, context) {
-  const usesDemo = props.data === void 0;
   const all = props.data ?? VOLVELLE_CHART_DEMO;
   const { locale } = context;
   const cap = props.rings !== void 0 && Number.isInteger(props.rings) && props.rings > 0 ? props.rings : all.length;
@@ -4218,16 +3633,13 @@ function buildVolvelleChart(props, context) {
     checkSectors(CHART23, "segments", segments.length);
     rings.push({ label: formatCategory(datum.label, locale), segments: segments.map((s) => formatCategory(s, locale)), given: index });
   });
-  if (usesDemo && (props.indexRing !== void 0 || props.indexValue !== void 0)) {
-    warnValue(CHART23, props.indexValue !== void 0 ? "indexValue" : "indexRing", "Without `data` the demo keeps its own index; `indexRing` and `indexValue` apply to your rings.");
-  }
-  let ringIndex = usesDemo || props.indexRing === void 0 ? 0 : rings.findIndex((r) => r.given === props.indexRing);
+  let ringIndex = props.indexRing === void 0 ? 0 : rings.findIndex((r) => r.given === props.indexRing);
   if (ringIndex < 0) {
     if (rings.length > 0) warnValue(CHART23, "indexRing", `Ring ${String(props.indexRing)} does not exist or has no segments; the index reads the first ring.`);
     ringIndex = 0;
   }
   const turned = rings[ringIndex];
-  let segment = turned && !usesDemo && props.indexValue !== void 0 ? turned.segments.indexOf(props.indexValue) : 0;
+  let segment = turned && props.indexValue !== void 0 ? turned.segments.indexOf(props.indexValue) : 0;
   if (segment < 0) {
     warnValue(CHART23, "indexValue", `"${String(props.indexValue)}" is not on ring "${turned?.label}"; the index reads its first segment.`);
     segment = 0;
@@ -4765,6 +4177,239 @@ var bubbleChart = /* @__PURE__ */ Object.freeze({
   build: (props, context) => buildPoints(FAMILY6, props, context, BUBBLE_CHART_DEMO)
 });
 
-export { DEFAULTS, DISPLAY_FACE_PROBE, FORCED_PRECISION_QUERY, LINE_CHART_DEMO, LINE_CHART_DEMO_KEYS, MIN_TOUCH_TARGET, NAVIGATION_KEYS, NullInker, PATH_BYTE_BUDGET, SilverpointError, __setDiagnosticSink, activityGrid, addDays, areaChart, bandScale, barChart, bubbleChart, bulletChart, candlestickChart, checkTypeface, chordRing, circlePath, composedChart, coxcombChart, createPrng, deriveSeed, diagnose, donutChart, enforceHeightening, expandDomain, extent, fnv1a32, funnelChart, gaugeArc, heatmapChart, instanceId, isoDate, kpiCard, lineChart, linearScale, max, meterChart, min, orbitChart, parseGeometry, parseIsoDate, pathBytes, polarBarChart, pyramidChart, radarChart, radialArcGroup, radialRings, rangeBandChart, readout, reduceInteraction, registerInker, resolveActive, resolveConfig, resolveInker, resolveSeed, round2, roundGeometry, roundPathData, sameActive, sankeyChart, scatterChart, serializeGeometry, sparklineRows, stackedBarChart, stepActive, stepChart, streamChart, svgString, toSvgPoint, toSvgView, treemapChart, volvelleChart, waterfallChart, weekday, windRose };
+// src/dashboard/defaults.ts
+var BREAKPOINTS = ["sm", "md", "lg"];
+var DASHBOARD = "Dashboard";
+var MAX_COLUMNS = 12;
+var MAX_ROW_SPAN = 6;
+var DASHBOARD_DEFAULTS = /* @__PURE__ */ Object.freeze({
+  columns: /* @__PURE__ */ Object.freeze({ sm: 1, md: 2, lg: 4 }),
+  rowHeight: 240,
+  gap: 16,
+  span: 1,
+  headingLevel: 2,
+  ssrWidth: 1200
+});
+function perBreakpoint(value, fallback) {
+  const given = value !== null && typeof value === "object" ? value : void 0;
+  const bare = value !== void 0 && given === void 0 ? value : void 0;
+  return Object.fromEntries(BREAKPOINTS.map((bp) => [bp, bare ?? given?.[bp] ?? fallback[bp]]));
+}
+function corrected(property, given, used, rule) {
+  if (process.env.NODE_ENV !== "production") {
+    diagnose("SP002", DASHBOARD, { property, message: `${String(given)} is not ${rule}; ${used} is used.` });
+  }
+  return used;
+}
+var isInteger = (n) => typeof n === "number" && Number.isInteger(n);
+function resolveLayout(layout) {
+  const asked = perBreakpoint(layout?.columns, DASHBOARD_DEFAULTS.columns);
+  const columns = Object.fromEntries(
+    BREAKPOINTS.map((bp) => {
+      const n = asked[bp];
+      const ok = isInteger(n) && n >= 1 && n <= MAX_COLUMNS;
+      return [bp, ok ? n : corrected(`columns.${bp}`, n, DASHBOARD_DEFAULTS.columns[bp], `an integer from 1 to ${MAX_COLUMNS}`)];
+    })
+  );
+  const rowHeight = layout?.rowHeight;
+  const gap = layout?.gap;
+  const one = { sm: 1, md: 1, lg: 1 };
+  return {
+    columns,
+    rowHeight: rowHeight === void 0 ? DASHBOARD_DEFAULTS.rowHeight : Number.isFinite(rowHeight) && rowHeight > 0 ? rowHeight : corrected("rowHeight", rowHeight, DASHBOARD_DEFAULTS.rowHeight, "a number above 0"),
+    gap: gap === void 0 ? DASHBOARD_DEFAULTS.gap : Number.isFinite(gap) && gap >= 0 ? gap : corrected("gap", gap, DASHBOARD_DEFAULTS.gap, "a number of 0 or more"),
+    cells: (layout?.cells ?? []).map((cell, index) => {
+      const col = perBreakpoint(cell.colSpan, one);
+      const row = perBreakpoint(cell.rowSpan, one);
+      const where = `cells[${index}]`;
+      const span = Object.fromEntries(
+        BREAKPOINTS.map((bp) => {
+          let c = col[bp];
+          if (!isInteger(c) || c < 1) c = corrected(`${where}.colSpan.${bp}`, c, 1, "an integer of 1 or more");
+          else if (c > columns[bp]) {
+            if (process.env.NODE_ENV !== "production") {
+              diagnose("SP014", DASHBOARD, { property: `${where}.colSpan.${bp}`, message: `Cell "${cell.id}" spans ${c} columns at ${bp}, which has ${columns[bp]}; it spans ${columns[bp]}.` });
+            }
+            c = columns[bp];
+          }
+          let r = row[bp];
+          if (!isInteger(r)) r = corrected(`${where}.rowSpan.${bp}`, r, 1, `an integer from 1 to ${MAX_ROW_SPAN}`);
+          else if (r < 1 || r > MAX_ROW_SPAN) r = corrected(`${where}.rowSpan.${bp}`, r, Math.min(Math.max(r, 1), MAX_ROW_SPAN), `an integer from 1 to ${MAX_ROW_SPAN}`);
+          return [bp, { col: c, row: r }];
+        })
+      );
+      return { id: cell.id, span };
+    })
+  };
+}
+
+// src/dashboard/resolve.ts
+var UNSAFE = /[^A-Za-z0-9_.:-]+/g;
+var MD_FROM = 640;
+var LG_FROM = 1024;
+var PROBE = 100;
+function safeIdOf(id) {
+  return id.replace(UNSAFE, "-");
+}
+function warn(code, property, message) {
+  if (process.env.NODE_ENV !== "production") diagnose(code, DASHBOARD, { property, message });
+}
+function breakpointOf(width) {
+  return width >= LG_FROM ? "lg" : width >= MD_FROM ? "md" : "sm";
+}
+function nominalBox(layout, span, width) {
+  const bp = breakpointOf(width);
+  const { col, row } = span[bp];
+  const cols = layout.columns[bp];
+  const { gap, rowHeight } = layout;
+  return {
+    width: round2((width - gap * (cols - 1)) / cols * col + gap * (col - 1)),
+    height: round2(rowHeight * row + gap * (row - 1))
+  };
+}
+function cellStyle(span) {
+  const style = {};
+  for (const bp of BREAKPOINTS) style[`--sp-cell-col-${bp}`] = String(span[bp].col);
+  for (const bp of BREAKPOINTS) style[`--sp-cell-row-${bp}`] = String(span[bp].row);
+  return style;
+}
+function resolveDashboard(props, childCells) {
+  const layout = resolveLayout(props.layout);
+  let ssrWidth = DASHBOARD_DEFAULTS.ssrWidth;
+  if (props.ssrWidth !== void 0) {
+    if (Number.isFinite(props.ssrWidth) && props.ssrWidth > 0) ssrWidth = props.ssrWidth;
+    else warn("SP002", "ssrWidth", `${String(props.ssrWidth)} is not a width above 0; ${ssrWidth} is used.`);
+  }
+  const declared = /* @__PURE__ */ new Map();
+  const order = [];
+  for (const cell of layout.cells) {
+    if (declared.has(cell.id)) {
+      warn("SP015", "layout.cells", `Layout cell "${cell.id}" is declared twice; the later declaration is ignored.`);
+      continue;
+    }
+    declared.set(cell.id, cell.span);
+    order.push(cell.id);
+  }
+  const holder = /* @__PURE__ */ new Map();
+  const unplaced = [];
+  childCells.forEach((cell, index) => {
+    if (cell === void 0) {
+      unplaced.push(index);
+    } else if (!declared.has(cell)) {
+      warn("SP015", "cell", `Child ${index} names cell "${cell}", which the layout does not declare; it is placed in source order, span 1.`);
+      unplaced.push(index);
+    } else if (holder.has(cell)) {
+      warn("SP015", "cell", `Children ${holder.get(cell)} and ${index} both name cell "${cell}"; the later is placed in source order, span 1.`);
+      unplaced.push(index);
+    } else {
+      holder.set(cell, index);
+    }
+  });
+  for (const id of order) {
+    if (!holder.has(id)) warn("SP015", "layout.cells", `Layout cell "${id}" has no child; it is dropped.`);
+  }
+  const single = { sm: { col: 1, row: 1 }, md: { col: 1, row: 1 }, lg: { col: 1, row: 1 } };
+  const base = safeIdOf(props.id);
+  const taken = /* @__PURE__ */ new Set();
+  const chartIdOf = (token) => {
+    const stem = `${base}--${token.replace(UNSAFE, "-")}`;
+    let id = stem;
+    for (let n = 2; taken.has(id); n += 1) id = `${stem}-${n}`;
+    taken.add(id);
+    return id;
+  };
+  const cellOf = (id, child, span, token) => ({
+    id,
+    child,
+    chartId: chartIdOf(token),
+    span,
+    nominal: nominalBox(layout, span, ssrWidth),
+    style: cellStyle(span)
+  });
+  const cells = [
+    ...order.filter((id) => holder.has(id)).map((id) => cellOf(id, holder.get(id), declared.get(id), id)),
+    ...unplaced.map((index) => cellOf(String(index), index, single, String(index)))
+  ];
+  const style = {};
+  for (const bp of BREAKPOINTS) style[`--sp-dashboard-columns-${bp}`] = String(layout.columns[bp]);
+  style["--sp-dashboard-row-height"] = `${layout.rowHeight}px`;
+  style["--sp-dashboard-layout-gap"] = `${layout.gap}px`;
+  return { id: props.id, cells, style };
+}
+function cellChartBox(cell, chartProps, recipe) {
+  const width = chartProps.width ?? cell.width;
+  if (chartProps.height !== void 0) return { width, height: chartProps.height };
+  let outer;
+  if (recipe && width > 0) {
+    const model = recipe.build({ ...chartProps, width, height: PROBE }, { id: "sp-probe", width, locale: "en", emptyState: { text: "", rule: false }, domainPadding: 0 });
+    if (model.status !== "deferred") outer = model.geometry.viewBox.height;
+  }
+  outer ??= cardLayout(chartProps, { width, areaHeight: PROBE, chrome: chartProps.chrome ?? "card", locale: "en" }).viewBox.height;
+  return { width, height: Math.max(1, round2(cell.height - (outer - PROBE))) };
+}
+
+// src/dashboard/view.ts
+function dashboardView(props, children) {
+  const model = resolveDashboard(props, children.map((c) => c.cell));
+  if (props.title === void 0 && props.label === void 0 && process.env.NODE_ENV !== "production") {
+    diagnose("SP002", "Dashboard", { property: "title", message: "Name the region with `title` or `label`." });
+  }
+  const base = safeIdOf(props.id);
+  const ground = props.ground ?? DEFAULTS.ground;
+  const groundName = typeof ground === "string" ? ground : ground.name;
+  const titled = props.title !== void 0;
+  const heading = titled ? { level: props.headingLevel ?? DASHBOARD_DEFAULTS.headingLevel, id: `${base}-title`, text: props.title } : void 0;
+  const description = props.description !== void 0 ? { id: `${base}-desc`, text: props.description } : void 0;
+  const config = {};
+  for (const key of ["ground", "substrate", "mode", "locale"]) {
+    if (props[key] !== void 0) config[key] = props[key];
+  }
+  return {
+    model,
+    section: {
+      className: ["sp-dashboard", `sp-ground-${groundName}`, props.className].filter(Boolean).join(" "),
+      substrate: props.substrate ?? DEFAULTS.substrate,
+      ...heading ? { labelledby: heading.id } : { label: props.label },
+      ...description ? { describedby: description.id } : {},
+      style: model.style
+    },
+    ...heading ? { heading } : {},
+    ...description ? { description } : {},
+    cells: model.cells.map((cell) => ({
+      child: cell.child,
+      labelledby: `${children[cell.child]?.id ?? cell.chartId}-title`,
+      style: cell.style,
+      context: { chartId: cell.chartId, box: cell.nominal, config }
+    }))
+  };
+}
+function inCell(props, cell, recipe) {
+  if (!cell) return { props, width: props.width };
+  const box = cellChartBox(cell.box, props, recipe);
+  const merged = { ...props };
+  for (const [key, value] of Object.entries(cell.config)) merged[key] ??= value;
+  return {
+    props: { ...merged, id: props.id ?? cell.chartId, height: props.height ?? box.height },
+    width: props.width ?? box.width
+  };
+}
+
+// src/dashboard/link.ts
+function linkedItems(model, key, value) {
+  const { hitAreas } = model.geometry;
+  if (hitAreas.length > 0 && !hitAreas.some((hit) => key in hit.datum) && process.env.NODE_ENV !== "production") {
+    diagnose("SP016", model.chart, { property: "link.key", message: `No datum has a "${key}" field.` });
+  }
+  return hitAreas.flatMap((hit, index) => hit.datum[key] === value ? [index] : []);
+}
+function linkFrom(key, source, active) {
+  return active ? { key, value: active.datum[key], source } : null;
+}
+function linkedMarks(model, state) {
+  if (!state || state.source === model.id) return [];
+  return linkedItems(model, state.key, state.value).map((index) => readout(model, toActiveItem(model.geometry.hitAreas[index])).marker.d);
+}
+
+export { DASHBOARD_DEFAULTS, DISPLAY_FACE_PROBE, LINE_CHART_DEMO, LINE_CHART_DEMO_KEYS, MIN_TOUCH_TARGET, NAVIGATION_KEYS, NullInker, PATH_BYTE_BUDGET, activityGrid, addDays, areaChart, barChart, breakpointOf, bubbleChart, bulletChart, candlestickChart, cellChartBox, checkTypeface, chordRing, composedChart, coxcombChart, createPrng, dashboardView, donutChart, enforceHeightening, funnelChart, gaugeArc, heatmapChart, inCell, isoDate, kpiCard, lineChart, linkFrom, linkedItems, linkedMarks, meterChart, orbitChart, parseGeometry, parseIsoDate, pathBytes, perBreakpoint, polarBarChart, pyramidChart, radarChart, radialArcGroup, radialRings, rangeBandChart, readout, reduceInteraction, registerInker, resolveActive, resolveDashboard, resolveInker, resolveLayout, sameActive, sankeyChart, scatterChart, serializeGeometry, sparklineRows, stackedBarChart, stepActive, stepChart, streamChart, svgString, toSvgPoint, toSvgView, treemapChart, volvelleChart, waterfallChart, weekday, windRose };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map