@silverpoint/core 0.3.0 → 0.7.0

package/dist/contrast-siWF_R5o.d.ts

@@ -0,0 +1,30 @@
+import { au as Palette } from './props-BZ9CcrGv.js';
+
+/** One pair of a palette below its threshold (REQ-465). */
+interface PaletteFinding {
+    /** The pair's name in Data Model §3.9. */
+    readonly pair: string;
+    readonly foreground: string;
+    readonly background: string;
+    /** 2 decimals. */
+    readonly ratio: number;
+    readonly threshold: number;
+}
+interface Pair {
+    readonly pair: string;
+    readonly threshold: number;
+    readonly foreground: (p: Palette) => string | undefined;
+    /** `undefined` measures against the substrate. */
+    readonly background?: (p: Palette) => string | undefined;
+}
+/** The pairs `checkPalette` and the contrast gate measure (Data Model §3.9), in that order. */
+declare const PALETTE_PAIRS: readonly Pair[];
+/** WCAG 2 contrast ratio of two hex colours (`#rgb` or `#rrggbb`), from 1 to 21. */
+declare function contrastRatio(foreground: string, background: string): number;
+/**
+ * Every pair of Data Model §3.9 whose two colours are hex and whose ratio is below its threshold.
+ * The substrate is the palette's, else `substrate`, else cream (REQ-465).
+ */
+declare function checkPalette(palette: Palette, substrate?: string): readonly PaletteFinding[];
+
+export { type PaletteFinding as P, PALETTE_PAIRS as a, contrastRatio as b, checkPalette as c };

package/dist/dashboard-demos.d.ts

@@ -1,5 +1,5 @@
-import { C as CommonChartProps } from './props-3G1XYd-r.js';
-import { D as DashboardProps } from './types-CbVMKvyQ.js';
+import { m as CommonChartProps } from './props-BZ9CcrGv.js';
+import { D as DashboardProps } from './types-BT3Xm7fP.js';
 
 /** One child of a reference dashboard: the catalog chart it holds, by name, and its props. */
 interface DashboardDemoChild {

package/dist/index.d.ts

@@ -1,57 +1,10 @@
-import { G as Geometry, C as CommonChartProps, a as Ground, S as Seed, b as Stroke, c as StrokePaint, I as InkMode, T as TextLabel, d as Inker, e as GroundRef, f as SubstrateName, P as ProviderConfig, L as LineChartProps, D as Datum, A as ActiveItem, R as Rect, B as BulletChartProps, g as PyramidChartProps, H as HeatmapChartProps, h as TreemapChartProps, i as SankeyChartProps, j as ActivityGridProps, k as StepChartProps, l as SparklineRowsProps, K as KpiCardProps, m as BarChartProps, n as StackedBarChartProps, o as ComposedChartProps, W as WaterfallChartProps, F as FunnelChartProps, p as DonutChartProps, q as RadarChartProps, r as PolarBarChartProps, s as CoxcombChartProps, t as RadialArcGroupProps, u as RadialRingsProps, v as GaugeArcProps, M as MeterChartProps, w as WindRoseProps, x as ChordRingProps, O as OrbitChartProps, V as VolvelleChartProps, y as CandlestickChartProps, z as AreaChartProps, E as RangeBandChartProps, J as StreamChartProps, N as ScatterChartProps, Q as BubbleChartProps } from './props-3G1XYd-r.js';
-export { U as Accessor, X as GroundName, Y as HatchToneSpec, Z as HitArea, _ as InkOptions, $ as LabelKind, a0 as LineCurve, a1 as StrokePart, a2 as StrokeRole, a3 as Tile, a4 as TonalRamp, a5 as ToneLevel, a6 as ToneSpec, a7 as UiTokens, a8 as WeightToneSpec } from './props-3G1XYd-r.js';
-import { P as PerBreakpoint, a as DashboardBreakpoint, b as DashboardLayout, R as ResolvedLayout, D as DashboardProps, c as DashboardModel, d as DashboardView, e as DashboardCellContext } from './types-CbVMKvyQ.js';
-export { f as DashboardCellLayout, g as DashboardCellProps, h as DashboardLink, i as ResolvedCell, j as ResolvedSpan } from './types-CbVMKvyQ.js';
-
-/** Tabular alternative of a chart's data, already formatted (REQ-121). */
-interface DataTable {
-    readonly caption: string;
-    readonly columns: readonly string[];
-    readonly rows: readonly (readonly string[])[];
-}
-/** What a recipe needs beyond the props: the resolved environment. */
-interface RecipeContext {
-    /** Resolved instance id. */
-    readonly id: string;
-    /** Resolved container width in px; `undefined` while it has not been measured. */
-    readonly width: number | undefined;
-    readonly locale: string;
-    readonly emptyState: Ground['emptyState'];
-    readonly domainPadding: number;
-}
-/**
- * Everything an adapter renders: the geometry plus the accessible layer. Adapters translate
- * it into nodes and compute nothing (Art. 2).
- */
-interface ChartModel {
-    readonly chart: string;
-    readonly id: string;
-    /** `deferred` while the container has no usable size (REQ-009). */
-    readonly status: 'ready' | 'deferred';
-    readonly geometry: Geometry;
-    readonly chrome: 'card' | 'bare';
-    /** Accessible name (REQ-120). */
-    readonly name: string;
-    /** Description summarising the series (REQ-120). */
-    readonly description: string;
-    readonly ids: Readonly<{
-        title: string;
-        desc: string;
-        table: string;
-    }>;
-    readonly table: DataTable;
-    readonly dataTable: 'visible' | 'hidden' | 'none';
-}
-/** A chart: its display name and the pure function from props to model. */
-interface ChartRecipe<P extends CommonChartProps> {
-    readonly name: string;
-    build(props: P, context: RecipeContext): ChartModel;
-}
-/** Imperative handle every adapter exposes, deliberately minimal (API Spec §8.1). */
-interface ChartHandle {
-    getGeometry(): Geometry;
-    toSVGString(): string;
-}
+import { G as Geometry, n as Seed, o as Stroke, p as StrokePaint, q as InkMode, r as TextLabel, s as Inker, t as GroundRef, u as SubstrateName, m as CommonChartProps, v as ProviderConfig, w as LineChartProps, x as Datum, A as ActiveItem, y as Rect, z as BulletChartProps, F as PyramidChartProps, J as HeatmapChartProps, K as TreemapChartProps, O as SankeyChartProps, Q as ActivityGridProps, U as StepChartProps, X as SparklineRowsProps, Y as KpiCardProps, Z as BarChartProps, _ as StackedBarChartProps, $ as ComposedChartProps, a0 as WaterfallChartProps, a1 as FunnelChartProps, a2 as DonutChartProps, a3 as RadarChartProps, a4 as PolarBarChartProps, a5 as CoxcombChartProps, a6 as RadialArcGroupProps, a7 as RadialRingsProps, a8 as GaugeArcProps, a9 as MeterChartProps, aa as WindRoseProps, ab as ChordRingProps, ac as OrbitChartProps, ad as VolvelleChartProps, ae as CandlestickChartProps, af as AreaChartProps, ag as RangeBandChartProps, ah as StreamChartProps, ai as ScatterChartProps, aj as BubbleChartProps } from './props-BZ9CcrGv.js';
+export { ak as Accessor, a as BeeswarmChartProps, B as BoxPlotChartProps, b as BumpChartProps, al as ChartOrientation, C as ConnectedScatterChartProps, j as ContourChartProps, k as DelaunayChartProps, i as DensityBinChartProps, d as DivergingBarChartProps, D as DumbbellChartProps, E as EcdfChartProps, c as ErrorBarChartProps, am as Ground, an as GroundName, ao as HatchToneSpec, H as HistogramChartProps, ap as HitArea, aq as InkOptions, I as IntervalChartProps, ar as LabelKind, as as LineCurve, L as LollipopChartProps, M as MarimekkoChartProps, N as NetworkChartProps, at as NetworkNode, au as Palette, P as ParallelCoordinatesChartProps, g as PolarLineChartProps, h as PolarScatterChartProps, R as RidgelineChartProps, S as SlopeChartProps, e as SquarifiedTreemapProps, av as StrokePart, aw as StrokeRole, f as SunburstChartProps, ax as Tile, ay as TonalRamp, az as ToneLevel, aA as ToneSpec, T as TreeChartProps, aB as UiTokens, l as VectorFieldChartProps, V as ViolinChartProps, W as WaffleChartProps, aC as WeightToneSpec } from './props-BZ9CcrGv.js';
+import { a as ChartModel, C as ChartRecipe } from './model-DVVt59AB.js';
+export { b as ChartHandle, D as DataTable, R as RecipeContext } from './model-DVVt59AB.js';
+import { P as PerBreakpoint, a as DashboardBreakpoint, b as DashboardLayout, R as ResolvedLayout, D as DashboardProps, c as DashboardModel, d as DashboardView, e as DashboardCellContext } from './types-BT3Xm7fP.js';
+export { f as DashboardCellLayout, g as DashboardCellProps, h as DashboardLink, i as ResolvedCell, j as ResolvedSpan } from './types-BT3Xm7fP.js';
+export { P as PaletteFinding } from './contrast-siWF_R5o.js';
 
 /** Rounds to 2 decimals, the precision of every emitted coordinate (REQ-002). */
 declare function round2(value: number): number;
@@ -185,10 +138,10 @@ declare function toSvgView(model: ChartModel, style: ViewStyle): SvgView;
  * Serialises a view to SVG markup. This is the canonical render stored with each fixture;
  * user text is always escaped, never interpolated as markup (TD §6).
  */
-declare function svgString(view: SvgView): string;
+declare function svgString(view: SvgView, style?: string): string;
 
 /** Stable diagnostic codes, part of the public surface (API Spec §11). */
-type SpCode = 'SP001' | 'SP002' | 'SP003' | 'SP004' | 'SP005' | 'SP006' | 'SP007' | 'SP008' | 'SP009' | 'SP010' | 'SP011' | 'SP012' | 'SP013' | 'SP014' | 'SP015' | 'SP016' | 'SP017' | 'SP018' | 'SP019';
+type SpCode = 'SP001' | 'SP002' | 'SP003' | 'SP004' | 'SP005' | 'SP006' | 'SP007' | 'SP008' | 'SP009' | 'SP010' | 'SP011' | 'SP012' | 'SP013' | 'SP014' | 'SP015' | 'SP016' | 'SP017' | 'SP018' | 'SP019' | 'SP020' | 'SP021' | 'SP022' | 'SP023' | 'SP024' | 'SP025';
 interface Detail {
     /** The property involved. */
     readonly property: string;
@@ -377,7 +330,8 @@ declare const NAVIGATION_KEYS: readonly string[];
  * Keyboard traversal of the data points, as a pure function (REQ-122). Right and down move to
  * the next point of the series, left and up to the previous one, Home and End to its ends,
  * Escape clears. On a grid — every item carries a `cell` — the arrows move by column and row
- * instead. Returns `undefined` for a key that is not a navigation key.
+ * instead. A chart with its own model — a hierarchy — gives every item its `moves`, and the keys
+ * follow them. Returns `undefined` for a key that is not a navigation key.
  */
 declare function stepActive(geometry: Geometry, current: ActiveItem | null, key: string): ActiveItem | null | undefined;
 /** Readout of an active item, positioned as percentages of the viewBox (REQ-141). */
@@ -588,12 +542,14 @@ declare function cellChartBox<P extends CommonChartProps>(cell: {
  * The dashboard as an adapter writes it (REQ-200, REQ-214): the section's class, substrate, name
  * and variables, the heading and description, and per cell its variables, its label and the
  * context its chart reads. `children` gives, in source order, each child's `cell` and its chart's
- * own `id` when the adapter can read it.
+ * own `id` when the adapter can read it. `palette` is the section's own palette as declarations
+ * (`paletteStyle`, from `@silverpoint/core/palettes`, off this entry's budget), written first in its
+ * style; the cells hand the palette on to their charts and components (REQ-461, REQ-462).
  */
 declare function dashboardView(props: DashboardProps, children: readonly {
     readonly cell?: string;
     readonly id?: string;
-}[]): DashboardView;
+}[], palette?: string): DashboardView;
 /**
  * A chart's props inside a cell (API Spec §7.1, size precedence; REQ-212 config precedence): its
  * own `id`, `height` and config win; the cell supplies the rest. `width` is the width to draw at
@@ -624,4 +580,4 @@ declare function linkFrom(key: string, source: string, active: ActiveItem | null
  */
 declare function linkedMarks(model: Pick<ChartModel, 'id' | 'chart' | 'geometry' | 'table'>, state: LinkState | null | undefined): readonly string[];
 
-export { ActiveItem, ActivityGridProps, AreaChartProps, type BandScale, BarChartProps, BubbleChartProps, BulletChartProps, CandlestickChartProps, type ChartHandle, type ChartModel, type ChartRecipe, ChordRingProps, CommonChartProps, ComposedChartProps, CoxcombChartProps, DASHBOARD_DEFAULTS, DEFAULTS, DISPLAY_FACE_PROBE, DashboardBreakpoint, DashboardCellContext, DashboardLayout, DashboardModel, DashboardProps, DashboardView, type DataTable, Datum, type Detail, type DiagnosticSink, DonutChartProps, FORCED_PRECISION_QUERY, type FontFaceSetLike, FunnelChartProps, GaugeArcProps, Geometry, Ground, GroundRef, HeatmapChartProps, InkMode, Inker, type InteractionEvent, type InteractionResult, KpiCardProps, LINE_CHART_DEMO, LINE_CHART_DEMO_KEYS, LineChartProps, type LinearScale, type LinkState, MIN_TOUCH_TARGET, MeterChartProps, NAVIGATION_KEYS, NullInker, OrbitChartProps, PATH_BYTE_BUDGET, type PathView, type PatternView, PerBreakpoint, type PointerKind, PolarBarChartProps, ProviderConfig, PyramidChartProps, RadarChartProps, RadialArcGroupProps, RadialRingsProps, RangeBandChartProps, type Readout, type RecipeContext, Rect, type ResolvedConfig, ResolvedLayout, SankeyChartProps, type ScaleSite, ScatterChartProps, Seed, SilverpointError, type SpCode, SparklineRowsProps, StackedBarChartProps, StepChartProps, StreamChartProps, Stroke, StrokePaint, SubstrateName, type SvgView, TextLabel, type TextView, TreemapChartProps, type ViewStyle, VolvelleChartProps, WaterfallChartProps, WindRoseProps, __setDiagnosticSink, activityGrid, addDays, areaChart, bandScale, barChart, breakpointOf, bubbleChart, bulletChart, candlestickChart, cellChartBox, checkTypeface, chordRing, circlePath, composedChart, coxcombChart, createPrng, dashboardView, deriveSeed, diagnose, donutChart, enforceHeightening, expandDomain, extent, fnv1a32, funnelChart, gaugeArc, heatmapChart, inCell, instanceId, isoDate, kpiCard, lineChart, linearScale, linkFrom, linkedItems, linkedMarks, max, meterChart, min, orbitChart, parseGeometry, parseIsoDate, pathBytes, perBreakpoint, polarBarChart, pyramidChart, radarChart, radialArcGroup, radialRings, rangeBandChart, readout, reduceInteraction, registerInker, resolveActive, resolveConfig, resolveDashboard, resolveInker, resolveLayout, resolveSeed, round2, roundGeometry, roundPathData, sameActive, sankeyChart, scatterChart, serializeGeometry, sparklineRows, stackedBarChart, stepActive, stepChart, streamChart, svgString, toSvgPoint, toSvgView, treemapChart, volvelleChart, waterfallChart, weekday, windRose };
+export { ActiveItem, ActivityGridProps, AreaChartProps, type BandScale, BarChartProps, BubbleChartProps, BulletChartProps, CandlestickChartProps, ChartModel, ChartRecipe, ChordRingProps, CommonChartProps, ComposedChartProps, CoxcombChartProps, DASHBOARD_DEFAULTS, DEFAULTS, DISPLAY_FACE_PROBE, DashboardBreakpoint, DashboardCellContext, DashboardLayout, DashboardModel, DashboardProps, DashboardView, Datum, type Detail, type DiagnosticSink, DonutChartProps, FORCED_PRECISION_QUERY, type FontFaceSetLike, FunnelChartProps, GaugeArcProps, Geometry, GroundRef, HeatmapChartProps, InkMode, Inker, type InteractionEvent, type InteractionResult, KpiCardProps, LINE_CHART_DEMO, LINE_CHART_DEMO_KEYS, LineChartProps, type LinearScale, type LinkState, MIN_TOUCH_TARGET, MeterChartProps, NAVIGATION_KEYS, NullInker, OrbitChartProps, PATH_BYTE_BUDGET, type PathView, type PatternView, PerBreakpoint, type PointerKind, PolarBarChartProps, ProviderConfig, PyramidChartProps, RadarChartProps, RadialArcGroupProps, RadialRingsProps, RangeBandChartProps, type Readout, Rect, type ResolvedConfig, ResolvedLayout, SankeyChartProps, type ScaleSite, ScatterChartProps, Seed, SilverpointError, type SpCode, SparklineRowsProps, StackedBarChartProps, StepChartProps, StreamChartProps, Stroke, StrokePaint, SubstrateName, type SvgView, TextLabel, type TextView, TreemapChartProps, type ViewStyle, VolvelleChartProps, WaterfallChartProps, WindRoseProps, __setDiagnosticSink, activityGrid, addDays, areaChart, bandScale, barChart, breakpointOf, bubbleChart, bulletChart, candlestickChart, cellChartBox, checkTypeface, chordRing, circlePath, composedChart, coxcombChart, createPrng, dashboardView, deriveSeed, diagnose, donutChart, enforceHeightening, expandDomain, extent, fnv1a32, funnelChart, gaugeArc, heatmapChart, inCell, instanceId, isoDate, kpiCard, lineChart, linearScale, linkFrom, linkedItems, linkedMarks, max, meterChart, min, orbitChart, parseGeometry, parseIsoDate, pathBytes, perBreakpoint, polarBarChart, pyramidChart, radarChart, radialArcGroup, radialRings, rangeBandChart, readout, reduceInteraction, registerInker, resolveActive, resolveConfig, resolveDashboard, resolveInker, resolveLayout, resolveSeed, round2, roundGeometry, roundPathData, sameActive, sankeyChart, scatterChart, serializeGeometry, sparklineRows, stackedBarChart, stepActive, stepChart, streamChart, svgString, toSvgPoint, toSvgView, treemapChart, volvelleChart, waterfallChart, weekday, windRose };

package/dist/index.js

@@ -1,5 +1,13 @@
-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 { DEFAULTS } from './chunk-KFBSQH5G.js';
+export { DEFAULTS, FORCED_PRECISION_QUERY, instanceId, resolveConfig } from './chunk-KFBSQH5G.js';
+import { cardLayout, modelBase, measure, emptyModel, readyModel, parseIsoDate, isoDate, createPrng, weekday } from './chunk-E5CC2NNQ.js';
+export { addDays, createPrng, isoDate, parseIsoDate, weekday } from './chunk-E5CC2NNQ.js';
+import { circlePath, readSeries, checkVolume, accessorName, read, formatCategory, formatValue, cartesianPlot, extent, seriesValues, valueAxis, categoryAxis, categoryLabels, formatNumber, finite, inset, rectPath, warnValue, toneOf, toneLevel, TONE_SCALE, checkCount, linearScale, legend, AXIS_BAND, PLOT_INSET, horizontalValueAxis, pillPath, checkSectors, readSectors, polarFrame, ringTones, sectorPath, pointAt, sectorLegend, RIM_LABELS, rimLabels, arcPath, ringTone, polarLabel, TICK_CHAR } from './chunk-46QELMCG.js';
+export { bandScale, circlePath, deriveSeed, expandDomain, extent, fnv1a32, linearScale, max, min, resolveSeed } from './chunk-46QELMCG.js';
+import { round2 } from './chunk-5MP3BLZK.js';
+export { round2, roundGeometry, roundPathData } from './chunk-5MP3BLZK.js';
+import { diagnose } from './chunk-WYFRHI4S.js';
+export { SilverpointError, __setDiagnosticSink, diagnose } from './chunk-WYFRHI4S.js';
 import { curveStepAfter, curveNatural, curveLinear, curveMonotoneX, line, curveStep, curveStepBefore, area } from 'd3-shape';
 import { chordDirected } from 'd3-chord';
 
@@ -20,36 +28,6 @@ function pathBytes(geometry) {
 }
 var PATH_BYTE_BUDGET = 4e4;
 
-// src/render/prng.ts
-function createPrng(seed) {
-  let state = seed >>> 0;
-  return () => {
-    state = state + 1831565813 >>> 0;
-    let t = state;
-    t = Math.imul(t ^ t >>> 15, t | 1);
-    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
-    return ((t ^ t >>> 14) >>> 0) / 4294967296;
-  };
-}
-
-// src/charts/shared/dates.ts
-var DAY_MS = 864e5;
-var ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
-function parseIsoDate(iso) {
-  const match = ISO_DATE.exec(iso);
-  if (!match) return Number.NaN;
-  return Date.UTC(Number(match[1]), Number(match[2]) - 1, Number(match[3])) / DAY_MS;
-}
-function isoDate(day) {
-  return new Date(day * DAY_MS).toISOString().slice(0, 10);
-}
-function addDays(day, days) {
-  return day + days;
-}
-function weekday(day) {
-  return ((day + 4) % 7 + 7) % 7;
-}
-
 // src/render/heighten.ts
 function isOutlineOf(candidate, heightened) {
   return candidate.part === "ink" && (candidate.paint ?? "stroke") === "stroke" && candidate.d === heightened.d;
@@ -140,7 +118,7 @@ function pathString(path) {
     ["fill", path.fill]
   ])}></path>`;
 }
-function svgString(view) {
+function svgString(view, style = "") {
   const { svg } = view;
   const open = `<svg${attributes([
     ["xmlns", "http://www.w3.org/2000/svg"],
@@ -151,7 +129,9 @@ function svgString(view) {
     ["data-substrate", svg.substrate],
     ["data-mode", svg.mode],
     ["role", svg.role],
-    ["aria-labelledby", svg.labelledby]
+    ["aria-labelledby", svg.labelledby],
+    // A palette's declarations (REQ-461): the only attribute it changes (REQ-468).
+    ["style", style || null]
   ])}>`;
   const title = `<title id="${escape(view.title.id)}">${escape(view.title.text)}</title>`;
   const desc = `<desc id="${escape(view.desc.id)}">${escape(view.desc.text)}</desc>`;
@@ -215,141 +195,6 @@ function resolveInker(name, chart, builtins = []) {
   return NullInker;
 }
 
-// src/charts/shared/card.ts
-var CARD_PADDING = 16;
-var TITLE_ROW = 20;
-var VALUE_ROW = 52;
-var HEADER_GAP = 8;
-var FOOTER_ROW = 30;
-function cardLayout(props, options) {
-  const { width, areaHeight: areaHeight2, chrome, locale } = options;
-  if (chrome === "bare") {
-    const box = { x: 0, y: 0, width, height: areaHeight2 };
-    return { viewBox: box, area: box, strokes: [], labels: [] };
-  }
-  const labels = [];
-  const strokes = [];
-  const left = CARD_PADDING;
-  const right = width - CARD_PADDING;
-  let cursor = CARD_PADDING;
-  if (props.title !== void 0 || props.badge !== void 0) {
-    const baseline = cursor + 11;
-    if (props.title !== void 0) {
-      labels.push({ x: left, y: baseline, text: props.title, kind: "title", part: "text", anchor: "start" });
-    }
-    if (props.badge !== void 0) {
-      labels.push({ x: right, y: baseline, text: props.badge, kind: "badge", part: "axis", anchor: "end" });
-    }
-    cursor += TITLE_ROW;
-  }
-  if (props.value !== void 0 || props.unit !== void 0) {
-    if (props.value !== void 0) {
-      labels.push({
-        x: left,
-        y: cursor + 30,
-        text: formatValue(props.value, locale, props.numberFormat),
-        kind: "value",
-        part: "text",
-        anchor: "start"
-      });
-    }
-    if (props.unit !== void 0) {
-      labels.push({ x: left, y: cursor + 46, text: props.unit, kind: "unit", part: "axis", anchor: "start" });
-    }
-    cursor += VALUE_ROW;
-  }
-  if (cursor > CARD_PADDING) cursor += HEADER_GAP;
-  const area5 = { x: left, y: cursor, width: right - left, height: areaHeight2 };
-  cursor += areaHeight2;
-  if (props.footerLeft !== void 0 || props.footerRight !== void 0) {
-    const ruleY = cursor + 8;
-    strokes.push({ d: `M${left},${ruleY}H${right}`, role: "ornament", part: "rule" });
-    if (props.footerLeft !== void 0) {
-      labels.push({ x: left, y: ruleY + 18, text: props.footerLeft, kind: "footer", part: "axis", anchor: "start" });
-    }
-    if (props.footerRight !== void 0) {
-      labels.push({ x: right, y: ruleY + 18, text: props.footerRight, kind: "footer", part: "axis", anchor: "end" });
-    }
-    cursor += FOOTER_ROW;
-  }
-  const height = cursor + CARD_PADDING;
-  const inset2 = 0.5;
-  strokes.unshift({
-    d: `M${inset2},${inset2}H${width - inset2}V${height - inset2}H${inset2}Z`,
-    role: "ornament",
-    part: "rule"
-  });
-  return { viewBox: { x: 0, y: 0, width, height }, area: area5, strokes, labels };
-}
-
-// src/charts/shared/shell.ts
-function modelBase(chart, props, context, fallbackName, table) {
-  const { id } = context;
-  const name = props.label ?? props.title ?? fallbackName;
-  return {
-    chart,
-    id,
-    chrome: props.chrome ?? "card",
-    name,
-    ids: { title: `${id}-title`, desc: `${id}-desc`, table: `${id}-table` },
-    table: { caption: name, ...table },
-    dataTable: props.dataTable ?? "hidden"
-  };
-}
-function areaHeight(props) {
-  return props.height ?? 160;
-}
-function measure(base, props, context) {
-  const width = props.width ?? context.width;
-  const height = areaHeight(props);
-  if (width !== void 0 && width > 0 && height > 0) return { width, height };
-  if (width !== void 0 && process.env.NODE_ENV !== "production") {
-    diagnose("SP003", base.chart, {
-      property: width <= 0 ? "width" : "height",
-      message: `Measured ${width} \xD7 ${height} px.`
-    });
-  }
-  const box = { x: 0, y: 0, width: 0, height: 0 };
-  return {
-    deferred: {
-      ...base,
-      status: "deferred",
-      geometry: { viewBox: box, plot: box, strokes: [], labels: [], hitAreas: [], defs: [] },
-      description: props.description ?? base.name
-    }
-  };
-}
-function emptyModel(base, props, context, frame, datasetEmpty) {
-  if (datasetEmpty && process.env.NODE_ENV !== "production") {
-    diagnose("SP001", base.chart, { property: "data" });
-  }
-  const { plot } = frame;
-  const strokes = [...frame.strokes];
-  if (context.emptyState.rule) {
-    strokes.push({ d: `M${plot.x},${plot.y + plot.height}H${plot.x + plot.width}`, role: "ornament", part: "rule" });
-  }
-  const labels = [
-    ...frame.labels,
-    {
-      x: plot.x + plot.width / 2,
-      y: plot.y + plot.height / 2,
-      text: context.emptyState.text,
-      kind: "empty",
-      part: "axis",
-      anchor: "middle"
-    }
-  ];
-  return {
-    ...base,
-    status: "ready",
-    description: props.description ?? `${base.name}. ${context.emptyState.text}.`,
-    geometry: roundGeometry({ viewBox: frame.viewBox, plot, strokes, labels, hitAreas: [], defs: [] })
-  };
-}
-function readyModel(base, description, geometry) {
-  return { ...base, status: "ready", description, geometry: roundGeometry({ ...geometry, defs: [] }) };
-}
-
 // src/charts/line-chart/demo.ts
 var LINE_CHART_DEMO = /* @__PURE__ */ Object.freeze(
   /* @__PURE__ */ [
@@ -545,6 +390,12 @@ var NAVIGATION_KEYS = ["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home"
 function stepActive(geometry, current, key) {
   if (!NAVIGATION_KEYS.includes(key)) return void 0;
   if (key === "Escape") return null;
+  const hits = geometry.hitAreas;
+  if (hits[0]?.moves) {
+    const here = current ? hits.findIndex((hit) => hit.seriesKey === current.seriesKey && hit.index === current.index) : -1;
+    const to = here < 0 ? hits[0].moves[key === "End" ? "End" : "Home"] : hits[here]?.moves?.[key];
+    return toActiveItem(hits[to ?? Math.max(here, 0)]);
+  }
   const grid = geometry.hitAreas.length > 0 && geometry.hitAreas.every((hit) => hit.cell !== void 0);
   if (grid) return stepGrid(geometry.hitAreas, current, key);
   const seriesKey = current?.seriesKey ?? geometry.hitAreas[0]?.seriesKey;
@@ -837,7 +688,6 @@ var CELL_GAP = 2;
 var HEADER_BAND = 14;
 var DIGIT_WIDTH = 5.5;
 var LINE_HEIGHT = 12;
-var CELL_SCALE = { 0: 0.4, 1: 0.55, 2: 0.7, 3: 0.85, 4: 1 };
 function buildHeatmapChart(props, context) {
   const usesDemo = props.data === void 0;
   const data = props.data ?? HEATMAP_CHART_DEMO;
@@ -910,7 +760,7 @@ function buildHeatmapChart(props, context) {
         continue;
       }
       const tone = toneOf(value / scaleMax);
-      const scale = printed ? 1 : CELL_SCALE[tone];
+      const scale = printed ? 1 : TONE_SCALE[tone];
       const drawn = { x: cx - cell.width * scale / 2, y: cy - cell.height * scale / 2, width: cell.width * scale, height: cell.height * scale };
       strokes.push({ d: rectPath(drawn), role: "encoding", part: "ink", ...tone > 0 ? { tone } : {} });
       if (printed) labels.push({ x: cx, y: cy + 4, text: formatNumber(value, locale, numberFormat), kind: "tick", part: "text", anchor: "middle" });
@@ -1221,8 +1071,8 @@ var CHART7 = "ActivityGrid";
 var PLOT_INSET7 = 6;
 var MONTH_BAND = 14;
 var DEFAULT_WEEKS = 26;
-var DAY_MS2 = 864e5;
-var CELL_SCALE2 = { 0: 0.4, 1: 0.55, 2: 0.7, 3: 0.85, 4: 1 };
+var DAY_MS = 864e5;
+var CELL_SCALE = { 0: 0.4, 1: 0.55, 2: 0.7, 3: 0.85, 4: 1 };
 var CELL_FILL = 0.86;
 var MONTH_GAP = 3;
 function buildActivityGrid(props, context) {
@@ -1287,7 +1137,7 @@ function buildActivityGrid(props, context) {
     const column = Math.floor(index / 7);
     const row = index % 7;
     if (row === 0) {
-      const name = month.format(new Date(d.day * DAY_MS2));
+      const name = month.format(new Date(d.day * DAY_MS));
       const last = months.at(-1);
       if (name !== last?.name) {
         if (last && column - last.column < MONTH_GAP) {
@@ -1297,7 +1147,7 @@ function buildActivityGrid(props, context) {
         }
       }
     }
-    const side = slot * CELL_FILL * CELL_SCALE2[d.level];
+    const side = slot * CELL_FILL * CELL_SCALE[d.level];
     const cx = plot.x + column * slot + slot / 2;
     const cy = top + row * slot + slot / 2;
     const cell = { x: cx - side / 2, y: cy - side / 2, width: side, height: side };
@@ -4349,7 +4199,7 @@ function cellChartBox(cell, chartProps, recipe) {
 }
 
 // src/dashboard/view.ts
-function dashboardView(props, children) {
+function dashboardView(props, children, palette = "") {
   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`." });
@@ -4361,7 +4211,7 @@ function dashboardView(props, children) {
   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"]) {
+  for (const key of ["ground", "substrate", "mode", "locale", "palette"]) {
     if (props[key] !== void 0) config[key] = props[key];
   }
   return {
@@ -4371,7 +4221,7 @@ function dashboardView(props, children) {
       substrate: props.substrate ?? DEFAULTS.substrate,
       ...heading ? { labelledby: heading.id } : { label: props.label },
       ...description ? { describedby: description.id } : {},
-      style: model.style
+      style: { ...Object.fromEntries(palette.split(";").filter(Boolean).map((d) => d.split(":"))), ...model.style }
     },
     ...heading ? { heading } : {},
     ...description ? { description } : {},
@@ -4388,6 +4238,11 @@ function inCell(props, cell, recipe) {
   const box = cellChartBox(cell.box, props, recipe);
   const merged = { ...props };
   for (const [key, value] of Object.entries(cell.config)) merged[key] ??= value;
+  if (props.palette && cell.config.palette) {
+    const palette = { ...cell.config.palette };
+    for (const [field, value] of Object.entries(props.palette)) if (value !== void 0) palette[field] = value;
+    merged.palette = palette;
+  }
   return {
     props: { ...merged, id: props.id ?? cell.chartId, height: props.height ?? box.height },
     width: props.width ?? box.width
@@ -4410,6 +4265,6 @@ function linkedMarks(model, state) {
   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 };
+export { DASHBOARD_DEFAULTS, DISPLAY_FACE_PROBE, LINE_CHART_DEMO, LINE_CHART_DEMO_KEYS, MIN_TOUCH_TARGET, NAVIGATION_KEYS, NullInker, PATH_BYTE_BUDGET, activityGrid, areaChart, barChart, breakpointOf, bubbleChart, bulletChart, candlestickChart, cellChartBox, checkTypeface, chordRing, composedChart, coxcombChart, dashboardView, donutChart, enforceHeightening, funnelChart, gaugeArc, heatmapChart, inCell, kpiCard, lineChart, linkFrom, linkedItems, linkedMarks, meterChart, orbitChart, parseGeometry, 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, windRose };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map