@silverpoint/core 0.3.0 → 0.6.0

package/dist/index.d.ts

@@ -1,57 +1,9 @@
-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-Dq8FC8GG.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, P as ParallelCoordinatesChartProps, g as PolarLineChartProps, h as PolarScatterChartProps, R as RidgelineChartProps, S as SlopeChartProps, e as SquarifiedTreemapProps, au as StrokePart, av as StrokeRole, f as SunburstChartProps, aw as Tile, ax as TonalRamp, ay as ToneLevel, az as ToneSpec, T as TreeChartProps, aA as UiTokens, l as VectorFieldChartProps, V as ViolinChartProps, W as WaffleChartProps, aB as WeightToneSpec } from './props-Dq8FC8GG.js';
+import { a as ChartModel, C as ChartRecipe } from './model-CLhtoG75.js';
+export { b as ChartHandle, D as DataTable, R as RecipeContext } from './model-CLhtoG75.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-B81k-s9_.js';
+export { f as DashboardCellLayout, g as DashboardCellProps, h as DashboardLink, i as ResolvedCell, j as ResolvedSpan } from './types-B81k-s9_.js';
 
 /** Rounds to 2 decimals, the precision of every emitted coordinate (REQ-002). */
 declare function round2(value: number): number;
@@ -188,7 +140,7 @@ declare function toSvgView(model: ChartModel, style: ViewStyle): SvgView;
 declare function svgString(view: SvgView): 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';
 interface Detail {
     /** The property involved. */
     readonly property: string;
@@ -377,7 +329,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). */
@@ -624,4 +577,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,9 @@
-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-PD4MD7JU.js';
+export { addDays, createPrng, isoDate, parseIsoDate, weekday } from './chunk-PD4MD7JU.js';
+import { diagnose, circlePath, round2, 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-OLYKR5PS.js';
+export { SilverpointError, __setDiagnosticSink, bandScale, circlePath, deriveSeed, diagnose, expandDomain, extent, fnv1a32, linearScale, max, min, resolveSeed, round2, roundGeometry, roundPathData } from './chunk-OLYKR5PS.js';
 import { curveStepAfter, curveNatural, curveLinear, curveMonotoneX, line, curveStep, curveStepBefore, area } from 'd3-shape';
 import { chordDirected } from 'd3-chord';
 
@@ -20,36 +24,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;
@@ -215,141 +189,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 +384,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 +682,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 +754,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 +1065,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 +1131,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 +1141,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 };
@@ -4410,6 +4254,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