basalt-ui 1.27.0 → 1.28.0

package/dist/charts/kinds/DualPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DualPanel.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/DualPanel.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAe,MAAM,WAAW,CAAA;AAK5E,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;gEAC4D;IAC5D,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC;8DAC0D;IAC1D,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtC,2EAA2E;IAC3E,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IACxD,wGAAwG;IACxG,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAClE,oDAAoD;IACpD,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;IACrB,8DAA8D;IAC9D,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAChC,+FAA+F;IAC/F,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC;;yFAEqF;IACrF,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACvC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACzC;iGAC6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kEAAkE;IAClE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC/D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IAC5C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;4CACwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC,iGAAiG;IACjG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAID;;;;;;;;;;;GAWG;AACH,iBAAS,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,+BAmClD;AAggBD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAA2B,OAAO,cAAc,CAAA"}
+{"version":3,"file":"DualPanel.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/DualPanel.tsx"],"names":[],"mappings":"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"}

package/dist/charts/kinds/DualPanel.js

@@ -1,11 +1,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { curveMonotoneX } from "@visx/curve";
 import { GridRows } from "@visx/grid";
 import { Group } from "@visx/group";
 import { scaleLinear, scalePoint } from "@visx/scale";
 import { Bar, LinePath } from "@visx/shape";
 import { Threshold } from "@visx/threshold";
 import { memo, useMemo, useRef } from "react";
+import { assertRequiredProps } from "../../common/validate.js";
 import { AxisBottomDate, AxisLeftNumeric } from "../primitives/Axes.js";
 import {
   ChartTooltipFloat,
@@ -19,13 +19,26 @@ import { HoverOverlay } from "../primitives/HoverOverlay.js";
 import { ZoneRects } from "../primitives/ZoneRects.js";
 import { useChartCursor } from "../hooks/useChartCursor.js";
 import { autoMargin, probeAxisLabels } from "../layout/auto-margin.js";
-import { deriveTooltipRows, LINE_OVERLAY_STROKE_WIDTH } from "../series.js";
+import { curveFor, deriveTooltipRows, LINE_OVERLAY_STROKE_WIDTH } from "../series.js";
 import { VX } from "../../tokens/index.js";
 import { fmtAxisDate } from "../utils/format.js";
-import { smartTicks } from "../utils/ticks.js";
+import { smartTicks, xLabelPxFor } from "../utils/ticks.js";
 const PANE_GAP = 12;
 function DualPanelInner(props) {
-  const { series, chartId, height, barLabel, barColorPositive, legend, ariaLabel, isPending } = props;
+  assertRequiredProps("DualPanel", props, ["data", "getX", "series", "getBar"]);
+  const {
+    series,
+    chartId,
+    height,
+    barLabel,
+    barColorPositive,
+    legend,
+    ariaLabel,
+    isPending,
+    state,
+    className,
+    style
+  } = props;
   const styledSeries = useMemo(
     () => series.map((s) => ({ ...s, strokeWidth: s.strokeWidth ?? LINE_OVERLAY_STROKE_WIDTH })),
     [series]
@@ -45,6 +58,9 @@ function DualPanelInner(props) {
       ...height !== void 0 && { height },
       ...ariaLabel !== void 0 && { ariaLabel },
       ...isPending !== void 0 && { isPending },
+      ...state !== void 0 && { state },
+      ...className !== void 0 && { className },
+      ...style !== void 0 && { style },
       legend: resolveLegend(legend),
       children: (plot) => /* @__PURE__ */ jsx(DualPanelPlot, { ...props, series: styledSeries, plot })
     }
@@ -170,7 +186,11 @@ function DualPanelPlot(props) {
     marginLeft: margin.left,
     ...cursorResolution !== void 0 && { resolution: cursorResolution }
   });
-  const tickValues = useMemo(() => smartTicks(data.map(getX), xMax), [data, xMax, getX]);
+  const xLabelPx = useMemo(() => xLabelPxFor(xLabelsAll), [xLabelsAll]);
+  const tickValues = useMemo(
+    () => smartTicks(data.map(getX), xMax, xLabelPx),
+    [data, xMax, getX, xLabelPx]
+  );
   const barWidth = data.length > 0 ? Math.max(xMax / data.length * 0.6, 2) : 2;
   const histogramBars = useMemo(() => {
     if (!barVisible) return [];
@@ -217,6 +237,12 @@ function DualPanelPlot(props) {
     }
     return out;
   }, [data, fillBetween, visibleSeries]);
+  const fillCurve = useMemo(
+    () => curveFor(
+      fillBetween ? visibleSeries.find((s) => s.key === fillBetween.from)?.curve : void 0
+    ),
+    [fillBetween, visibleSeries]
+  );
   const lineValid = useMemo(() => {
     const out = /* @__PURE__ */ new Map();
     for (const s of visibleSeries) {
@@ -284,7 +310,7 @@ function DualPanelPlot(props) {
             y1: (p) => topYScale(p.__to),
             clipAboveTo: 0,
             clipBelowTo: topH,
-            curve: curveMonotoneX,
+            curve: fillCurve,
             belowAreaProps: { fill: fillBetween.fill },
             aboveAreaProps: { fill: fillBetween.fill }
           }
@@ -314,7 +340,7 @@ function DualPanelPlot(props) {
               strokeWidth: s.strokeWidth ?? VX.lineWidth,
               strokeDasharray: s.dash === "dashed" ? VX.dashArray : void 0,
               strokeOpacity: s.strokeOpacity ?? 1,
-              curve: curveMonotoneX
+              curve: curveFor(s.curve)
             },
             `top-line-${s.key}`
           );
@@ -444,7 +470,9 @@ function DualPanelPlot(props) {
     ] })
   ] });
 }
-const DualPanel = memo(DualPanelInner);
+const DualPanelMemo = memo(DualPanelInner);
+DualPanelMemo.displayName = "DualPanel";
+const DualPanel = DualPanelMemo;
 export {
   DualPanel
 };

package/dist/charts/kinds/Heatmap.d.ts

@@ -1,11 +1,13 @@
 import type { ReactNode } from 'react';
+import type { BasaltProps } from '../../common/props.js';
+import type { ChartState } from '../primitives/ChartPending.js';
 /** A single resolved heatmap cell — the unit the tooltip and hover operate on. */
 type HeatmapCell = {
     row: string;
     col: string;
     value: number;
 };
-export type HeatmapProps<T> = {
+export type HeatmapProps<T> = BasaltProps & {
     data: T[];
     /** Fixed height in pixels. Used when neither `aspectRatio` nor `fill` is set. Default 240. */
     height?: number;
@@ -49,23 +51,25 @@ export type HeatmapProps<T> = {
     ariaLabel?: string;
     /** Forwarded to `ChartFrame` — see `ChartPending`'s JSDoc for the three-state rationale. */
     isPending?: boolean;
+    /** The three "nothing to draw" states in one prop — pending → error → empty. See
+     * `ChartState`; `isPending` stays a supported alias for `state={{ pending: true }}`. */
+    state?: ChartState;
 };
 /**
  * Category × category intensity grid. Each cell is a rounded rect filled with the base
  * color at an opacity derived from its value; empty cells stay a faint neutral track.
  * Generalizes argo's day-of-week × hour-of-day heatmap. Categorical axes are rendered as
  * plain themed `<text>` (cells are not date-categorical, so there's no shared cursor here) —
- * per-cell hover drives the local tooltip directly.
+ * per-cell hover drives the local tooltip directly. Painting them outside the `Axis*` primitives
+ * does NOT exempt them from §1's measured law: both runs thin through {@link thinLabels} and the
+ * right gutter reserves half the widest column label, so no two painted labels overlap and the
+ * last one cannot clip.
  *
  * Composes `ChartFrame` purely for measuring (`height`/`aspectRatio`/`fill`, the same three
  * sizing modes every other kind exposes) — `legend={false}` and an empty `series` opt out of
  * `ChartFrame`'s own derived legend, since Heatmap already ships its own gradient strip.
  */
 declare function HeatmapInner<T>(props: HeatmapProps<T>): import("react").JSX.Element;
-/**
- * Hand-memoized: React Compiler does not process the shipped dist, so the hot Heatmap kind is
- * wrapped in `React.memo` to retain auto-memoization (parity with ZonedLine / Bars).
- */
 export declare const Heatmap: typeof HeatmapInner;
 export {};
 //# sourceMappingURL=Heatmap.d.ts.map

package/dist/charts/kinds/Heatmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/Heatmap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAWpD,kFAAkF;AAClF,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAK9D,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,4DAA4D;IAC5D,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,+DAA+D;IAC/D,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,yCAAyC;IACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IAC1B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAClD,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,iEAAiE;IACjE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAA;IAChD,2EAA2E;IAC3E,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,iGAAiG;IACjG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAgCD;;;;;;;;;;GAUG;AACH,iBAAS,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,+BAiB9C;AA6KD;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAyB,OAAO,YAAY,CAAA"}
+{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/Heatmap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAK5D,kFAAkF;AAClF,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAK9D,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,GAAG;IAC1C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,4DAA4D;IAC5D,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,+DAA+D;IAC/D,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,yCAAyC;IACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IAC1B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAClD,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,iEAAiE;IACjE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAA;IAChD,2EAA2E;IAC3E,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,iGAAiG;IACjG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;4FACwF;IACxF,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAoCD;;;;;;;;;;;;;GAaG;AACH,iBAAS,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,+BAyB9C;AAkND,eAAO,MAAM,OAAO,EAAkB,OAAO,YAAY,CAAA"}

package/dist/charts/kinds/Heatmap.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Group } from "@visx/group";
 import { memo, useMemo, useState } from "react";
+import { assertRequiredProps } from "../../common/validate.js";
 import {
   ChartTooltipFloat,
   TooltipBody,
@@ -8,6 +9,9 @@ import {
   TooltipRow
 } from "../primitives/ChartTooltip.js";
 import { ChartFrame } from "../primitives/ChartFrame.js";
+import { useChartTierMetrics } from "../primitives/chart-tier.js";
+import { maxTextWidth } from "../utils/measure-text.js";
+import { thinLabels, xLabelPxFor } from "../utils/ticks.js";
 import { VX, alpha } from "../../tokens/index.js";
 function firstSeen(data, get) {
   const seen = /* @__PURE__ */ new Set();
@@ -26,10 +30,12 @@ const LABEL_FONT_FAMILY = "var(--basalt-font-mono)";
 const PAD_LEFT = 44;
 const PAD_BOTTOM = 24;
 const PAD_TOP = 8;
+const labelLineHeight = (fontPx) => Math.ceil(fontPx * 1.35);
 const LEGEND_H = 8;
 const LEGEND_LABEL_H = 16;
 function HeatmapInner(props) {
-  const { chartId, height, aspectRatio, fill, ariaLabel, isPending } = props;
+  assertRequiredProps("Heatmap", props, ["data", "getRow", "getCol", "getValue"]);
+  const { chartId, height, aspectRatio, fill, ariaLabel, isPending, state, className, style } = props;
   return /* @__PURE__ */ jsx(
     ChartFrame,
     {
@@ -41,6 +47,9 @@ function HeatmapInner(props) {
       ...fill !== void 0 && { fill },
       ...ariaLabel !== void 0 && { ariaLabel },
       ...isPending !== void 0 && { isPending },
+      ...state !== void 0 && { state },
+      ...className !== void 0 && { className },
+      ...style !== void 0 && { style },
       children: (plot) => /* @__PURE__ */ jsx(HeatmapPlot, { ...props, plot })
     }
   );
@@ -66,6 +75,7 @@ function HeatmapPlot(props) {
     legend
   } = props;
   const { width, height } = plot;
+  const { axisFont } = useChartTierMetrics();
   const [tip, setTip] = useState(null);
   const rows = useMemo(() => rowsProp ?? firstSeen(data, getRow), [rowsProp, data, getRow]);
   const cols = useMemo(() => colsProp ?? firstSeen(data, getCol), [colsProp, data, getCol]);
@@ -79,12 +89,23 @@ function HeatmapPlot(props) {
     }
     return { lookup: map, max: m };
   }, [data, getRow, getCol, getValue]);
+  const rowLabels = useMemo(() => rows.map(rowLabel), [rows, rowLabel]);
+  const colLabels = useMemo(() => cols.map(colLabel), [cols, colLabel]);
   const legendH = legend ? LEGEND_H + LEGEND_LABEL_H : 0;
-  const gridW = Math.max(0, width - PAD_LEFT);
+  const padRight = Math.ceil(maxTextWidth(colLabels, axisFont) / 2);
+  const gridW = Math.max(0, width - PAD_LEFT - padRight);
   const gridH = Math.max(0, height - PAD_TOP - PAD_BOTTOM - legendH);
   const cellW = cols.length > 0 ? gridW / cols.length : 0;
   const cellH = rows.length > 0 ? gridH / rows.length : 0;
   const legendGradientId = `${chartId}-heat-legend`;
+  const keptCols = useMemo(
+    () => thinLabels(colLabels, cellW, xLabelPxFor(colLabels, axisFont)),
+    [colLabels, cellW, axisFont]
+  );
+  const keptRows = useMemo(
+    () => thinLabels(rowLabels, cellH, labelLineHeight(axisFont)),
+    [rowLabels, cellH, axisFont]
+  );
   const show = (row, col, value, event) => {
     setTip({ row, col, value, anchor: { x: event.clientX, y: event.clientY } });
   };
@@ -114,32 +135,36 @@ function HeatmapPlot(props) {
           );
         })
       ) }),
-      /* @__PURE__ */ jsx(Group, { left: 0, top: PAD_TOP, children: rows.map((row, ri) => /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: PAD_LEFT - 6,
-          y: ri * cellH + cellH / 2 + 4,
-          textAnchor: "end",
-          fontSize: VX.axisFont,
-          fontFamily: LABEL_FONT_FAMILY,
-          fill: VX.faint,
-          children: rowLabel(row)
-        },
-        row
-      )) }),
-      /* @__PURE__ */ jsx(Group, { left: PAD_LEFT, top: PAD_TOP + gridH, children: cols.map((col, ci) => /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: ci * cellW + cellW / 2,
-          y: 16,
-          textAnchor: "middle",
-          fontSize: VX.axisFont,
-          fontFamily: LABEL_FONT_FAMILY,
-          fill: VX.faint,
-          children: colLabel(col)
-        },
-        col
-      )) }),
+      /* @__PURE__ */ jsx(Group, { left: 0, top: PAD_TOP, children: rows.map(
+        (row, ri) => keptRows.has(ri) ? /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: PAD_LEFT - 6,
+            y: ri * cellH + cellH / 2 + 4,
+            textAnchor: "end",
+            fontSize: axisFont,
+            fontFamily: LABEL_FONT_FAMILY,
+            fill: VX.faint,
+            children: rowLabels[ri]
+          },
+          row
+        ) : null
+      ) }),
+      /* @__PURE__ */ jsx(Group, { left: PAD_LEFT, top: PAD_TOP + gridH, children: cols.map(
+        (col, ci) => keptCols.has(ci) ? /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: ci * cellW + cellW / 2,
+            y: 16,
+            textAnchor: "middle",
+            fontSize: axisFont,
+            fontFamily: LABEL_FONT_FAMILY,
+            fill: VX.faint,
+            children: colLabels[ci]
+          },
+          col
+        ) : null
+      ) }),
       legend && /* @__PURE__ */ jsxs(Group, { left: PAD_LEFT, top: PAD_TOP + gridH + PAD_BOTTOM, children: [
         /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: legendGradientId, x1: "0", x2: "1", y1: "0", y2: "0", children: [
           /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: alpha(color, 0.08) }),
@@ -152,7 +177,7 @@ function HeatmapPlot(props) {
             x: 0,
             y: LEGEND_H + 12,
             textAnchor: "start",
-            fontSize: VX.axisFont,
+            fontSize: axisFont,
             fontFamily: LABEL_FONT_FAMILY,
             fill: VX.faint,
             children: legend.min
@@ -164,7 +189,7 @@ function HeatmapPlot(props) {
             x: gridW,
             y: LEGEND_H + 12,
             textAnchor: "end",
-            fontSize: VX.axisFont,
+            fontSize: axisFont,
             fontFamily: LABEL_FONT_FAMILY,
             fill: VX.faint,
             children: legend.max
@@ -189,7 +214,9 @@ function HeatmapPlot(props) {
     ] })
   ] });
 }
-const Heatmap = memo(HeatmapInner);
+const HeatmapMemo = memo(HeatmapInner);
+HeatmapMemo.displayName = "Heatmap";
+const Heatmap = HeatmapMemo;
 export {
   Heatmap
 };

package/dist/charts/kinds/MirroredBars.d.ts

@@ -1,6 +1,8 @@
+import type { BasaltProps } from '../../common/props.js';
 import type { ChartMargin } from '../../tokens/index.js';
 import type { CursorResolution } from '../cursor/resolve.js';
 import type { BandFold, BandTooltipConfig } from '../hooks/useBandPlot.js';
+import type { ChartState } from '../primitives/ChartPending.js';
 import type { ChartLegendConfig, ChartSeries } from '../series.js';
 /** One of the two panes. Each resolves its own domain — that is the whole point of the kind. */
 export type MirroredBarPane = {
@@ -25,7 +27,7 @@ export type MirroredBarPane = {
      * formatter would be wrong for at least one of them whenever the two differ. */
     format: (v: number) => string;
 };
-export type MirroredBarsProps<T> = {
+export type MirroredBarsProps<T> = BasaltProps & {
     data: readonly T[];
     chartId: string;
     /** Extracts the x-domain key — a slot start, hence the `'leading'` cursor default. */
@@ -70,6 +72,9 @@ export type MirroredBarsProps<T> = {
     margin?: Partial<ChartMargin>;
     ariaLabel?: string;
     isPending?: boolean;
+    /** The three "nothing to draw" states in one prop — pending → error → empty. See
+     * `ChartState`; `isPending` stays a supported alias for `state={{ pending: true }}`. */
+    state?: ChartState;
 };
 /**
  * Two bar panes over ONE x scale and one cursor, mirrored around a shared baseline, each in its
@@ -86,10 +91,6 @@ export type MirroredBarsProps<T> = {
  * `useBandPlot` choreography instead, which is where the sharing actually belongs.
  */
 declare function MirroredBarsInner<T>(props: MirroredBarsProps<T>): import("react").JSX.Element;
-/**
- * Hand-memoized: React Compiler does not process the shipped dist, so the hot kind is wrapped in
- * `React.memo` to retain the auto-memoization it had as source (parity with `DualPanel`).
- */
 export declare const MirroredBars: typeof MirroredBarsInner;
 export {};
 //# sourceMappingURL=MirroredBars.d.ts.map

package/dist/charts/kinds/MirroredBars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MirroredBars.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/MirroredBars.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAcvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/D,gGAAgG;AAChG,MAAM,MAAM,eAAe,GAAG;IAC5B;mEAC+D;IAC/D,GAAG,EAAE,MAAM,CAAA;IACX;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB;sBACkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;oFACgF;IAChF,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,sFAAsF;IACtF,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;;;;;OAKG;IACH,MAAM,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACjC,yCAAyC;IACzC,EAAE,EAAE,eAAe,CAAA;IACnB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAA;IACrB;8FAC0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACpC;kCAC8B;IAC9B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IAChC,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,MAAM,EAAE,CAAA;IAC/E,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,OAAO,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IACtC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC;gFAC4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA8BD;;;;;;;;;;;;;GAaG;AACH,iBAAS,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAgBxD;AA4UD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAA"}
+{"version":3,"file":"MirroredBars.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/MirroredBars.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAavE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/D,gGAAgG;AAChG,MAAM,MAAM,eAAe,GAAG;IAC5B;mEAC+D;IAC/D,GAAG,EAAE,MAAM,CAAA;IACX;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB;sBACkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;oFACgF;IAChF,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,WAAW,GAAG;IAC/C,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,sFAAsF;IACtF,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;;;;;OAKG;IACH,MAAM,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACjC,yCAAyC;IACzC,EAAE,EAAE,eAAe,CAAA;IACnB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAA;IACrB;8FAC0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACpC;kCAC8B;IAC9B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IAChC,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,MAAM,EAAE,CAAA;IAC/E,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,OAAO,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IACtC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC;gFAC4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;4FACwF;IACxF,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AA8BD;;;;;;;;;;;;;GAaG;AACH,iBAAS,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAwBxD;AAoVD,eAAO,MAAM,YAAY,EAAuB,OAAO,iBAAiB,CAAA"}

package/dist/charts/kinds/MirroredBars.js

@@ -2,6 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Group } from "@visx/group";
 import { scaleLinear } from "@visx/scale";
 import { memo, useMemo } from "react";
+import { assertRequiredProps } from "../../common/validate.js";
 import { VX, alpha } from "../../tokens/index.js";
 import { useBandPlot } from "../hooks/useBandPlot.js";
 import { probeAxisLabels } from "../layout/auto-margin.js";
@@ -27,7 +28,8 @@ function assertPaneKey(side, key, resolved, series) {
   );
 }
 function MirroredBarsInner(props) {
-  const { series, chartId, height, fill, legend, ariaLabel, isPending } = props;
+  assertRequiredProps("MirroredBars", props, ["data", "getX", "series", "up", "down"]);
+  const { series, chartId, height, fill, legend, ariaLabel, isPending, state, className, style } = props;
   return /* @__PURE__ */ jsx(
     ChartFrame,
     {
@@ -37,6 +39,9 @@ function MirroredBarsInner(props) {
       ...fill !== void 0 && { fill },
       ...ariaLabel !== void 0 && { ariaLabel },
       ...isPending !== void 0 && { isPending },
+      ...state !== void 0 && { state },
+      ...className !== void 0 && { className },
+      ...style !== void 0 && { style },
       legend: resolveLegend(legend),
       children: (plot) => /* @__PURE__ */ jsx(MirroredBarsPlot, { ...props, plot })
     }
@@ -322,7 +327,9 @@ function usePaneMax(data, paneSeries, pane, visible) {
     return floored || 1;
   }, [data, paneSeries, pane.max, pane.autoMaxFloor, visible]);
 }
-const MirroredBars = memo(MirroredBarsInner);
+const MirroredBarsMemo = memo(MirroredBarsInner);
+MirroredBarsMemo.displayName = "MirroredBars";
+const MirroredBars = MirroredBarsMemo;
 export {
   MirroredBars
 };

package/dist/charts/kinds/MultiLine.d.ts

@@ -1,9 +1,11 @@
+import type { BasaltProps } from '../../common/props.js';
 import type { CursorResolution } from '../cursor/resolve.js';
 import type { CartesianTooltipConfig, AxisConfig } from '../primitives/CartesianChart.js';
 import type { XZoneSpec } from '../primitives/XZoneRects.js';
 import type { ZoneSpec } from '../primitives/ZoneRects.js';
+import type { ChartState } from '../primitives/ChartPending.js';
 import type { ChartLegendConfig, ChartSeries } from '../series.js';
-export type MultiLineProps<T> = {
+export type MultiLineProps<T> = BasaltProps & {
     data: T[];
     /** Fixed height in pixels, forwarded to `CartesianChart`. Default 240. */
     height?: number;
@@ -38,6 +40,9 @@ export type MultiLineProps<T> = {
     xTickValues?: (keys: readonly string[], xMax: number) => readonly string[];
     /** X tick label formatter. Default `fmtAxisDate` (DD.MM). */
     formatX?: (key: string) => string;
+    /** Tilt the x tick labels 45° or 90°, or `0` to opt out of the phone tier's auto-rotation —
+     * see `CartesianChartProps.xLabelRotate`. */
+    xLabelRotate?: 0 | 45 | 90;
     /**
      * How a sibling chart's broadcast cursor key resolves against this chart's points. Default
      * `'nearest'`. Pass `'leading'` when `getX` returns a bucket's leading edge (a weekly series
@@ -56,6 +61,9 @@ export type MultiLineProps<T> = {
     ariaLabel?: string;
     /** Forwarded to `CartesianChart` — see `ChartPending`'s JSDoc for the three-state rationale. */
     isPending?: boolean;
+    /** The three "nothing to draw" states in one prop — pending → error → empty. See
+     * `ChartState`; `isPending` stays a supported alias for `state={{ pending: true }}`. */
+    state?: ChartState;
 };
 /**
  * N series sharing one or two y-axes, with optional zones/reference lines, per-point markers
@@ -68,13 +76,10 @@ export type MultiLineProps<T> = {
  * plotted lines, the legend, and the tooltip rows.
  *
  * X-axis is built from the full `data` array so the calendar is preserved even when a series
- * has nulls; each series line skips null points (creating visual gaps).
+ * has nulls; each series line BREAKS at a null point, leaving a real gap rather than interpolating
+ * across it.
  */
 declare function MultiLineInner<T>(props: MultiLineProps<T>): import("react").JSX.Element;
-/**
- * Hand-memoized: React Compiler does not process the shipped dist, so the hot MultiLine kind is
- * wrapped in `React.memo` to retain the auto-memoization it had as source (parity with ZonedLine).
- */
 export declare const MultiLine: typeof MultiLineInner;
 export {};
 //# sourceMappingURL=MultiLine.d.ts.map

package/dist/charts/kinds/MultiLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiLine.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/MultiLine.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAA;AAEnG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAEvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/D,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;mFAC+E;IAC/E,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB;gEAC4D;IAC5D,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACjB;kEAC8D;IAC9D,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IAClB,iFAAiF;IACjF,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;sBACkB;IAClB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC/D,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;wBAEoB;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,MAAM,EAAE,CAAA;IAC1E,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC;mFAC+E;IAC/E,OAAO,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IAC3C,4DAA4D;IAC5D,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC/B;4CACwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA4BD;;;;;;;;;;;;GAYG;AACH,iBAAS,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,+BAsDlD;AAmHD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAA2B,OAAO,cAAc,CAAA"}
+{"version":3,"file":"MultiLine.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/MultiLine.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAA;AAEnG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/D,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,WAAW,GAAG;IAC5C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;mFAC+E;IAC/E,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB;gEAC4D;IAC5D,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACjB;kEAC8D;IAC9D,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IAClB,iFAAiF;IACjF,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;sBACkB;IAClB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB,wFAAwF;IACxF,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC/D,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;wBAEoB;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,MAAM,EAAE,CAAA;IAC1E,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC;iDAC6C;IAC7C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAA;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC;mFAC+E;IAC/E,OAAO,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IAC3C,4DAA4D;IAC5D,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC/B;4CACwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;4FACwF;IACxF,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AA6BD;;;;;;;;;;;;;GAaG;AACH,iBAAS,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,+BAkElD;AA4ID,eAAO,MAAM,SAAS,EAAoB,OAAO,cAAc,CAAA"}

package/dist/charts/kinds/MultiLine.js

@@ -1,9 +1,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { curveMonotoneX } from "@visx/curve";
 import { LinePath } from "@visx/shape";
 import { memo, useCallback, useMemo } from "react";
+import { assertRequiredProps } from "../../common/validate.js";
 import { CartesianChart } from "../primitives/CartesianChart.js";
-import { LINE_OVERLAY_STROKE_WIDTH } from "../series.js";
+import { curveFor, definedOn, LINE_OVERLAY_STROKE_WIDTH, toPlotPoint } from "../series.js";
 import { VX } from "../../tokens/index.js";
 const STAR_R = 6;
 function starPath(cx, cy, r) {
@@ -17,14 +17,10 @@ function starPath(cx, cy, r) {
   return `M${pts.join("L")}Z`;
 }
 function seriesPoints(series, data) {
-  const pts = [];
-  for (const d of data) {
-    const v = series.getValue(d);
-    if (v !== null && v !== void 0 && !Number.isNaN(v)) pts.push({ __d: d, __y: v });
-  }
-  return pts;
+  return data.map((d) => ({ __d: d, __y: toPlotPoint(series.getValue(d)) }));
 }
 function MultiLineInner(props) {
+  assertRequiredProps("MultiLine", props, ["data", "getX", "series"]);
   const {
     data,
     chartId,
@@ -38,13 +34,17 @@ function MultiLineInner(props) {
     xTicks,
     xTickValues,
     formatX,
+    xLabelRotate,
     cursorResolution,
     tooltip,
     markerShape = "circle",
     height,
     legend,
     ariaLabel,
-    isPending
+    isPending,
+    state,
+    className,
+    style
   } = props;
   const styledSeries = useMemo(
     () => series.map((s) => ({ ...s, strokeWidth: s.strokeWidth ?? LINE_OVERLAY_STROKE_WIDTH })),
@@ -65,12 +65,16 @@ function MultiLineInner(props) {
       ...xTicks !== void 0 && { xTicks },
       ...xTickValues !== void 0 && { xTickValues },
       ...formatX !== void 0 && { formatX },
+      ...xLabelRotate !== void 0 && { xLabelRotate },
       ...cursorResolution !== void 0 && { cursorResolution },
       ...tooltip !== void 0 && { tooltip },
       ...height !== void 0 && { height },
       ...legend !== void 0 && { legend },
       ...ariaLabel !== void 0 && { ariaLabel },
       ...isPending !== void 0 && { isPending },
+      ...state !== void 0 && { state },
+      ...className !== void 0 && { className },
+      ...style !== void 0 && { style },
       children: (ctx) => /* @__PURE__ */ jsx(MultiLineMarks, { getX, markerShape, ctx })
     }
   );
@@ -102,10 +106,12 @@ function MultiLineMarks({
       const op = dimOpacity(s);
       const markers = [];
       for (const p of pointsBySeries.get(s.key) ?? []) {
+        if (p.__y === null) continue;
         const m = getMarker(p.__d);
         if (m === null) continue;
         const cx = xScale(getX(p.__d)) ?? 0;
         const cy = scale(p.__y);
+        if (!Number.isFinite(cy)) continue;
         const color = m.color ?? s.color;
         const r = m.r ?? (markerShape === "star" ? STAR_R : VX.dotR);
         const ring = m.ring ?? true;
@@ -140,20 +146,21 @@ function MultiLineMarks({
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     visible.map((s) => {
-      const valid = pointsBySeries.get(s.key) ?? [];
-      if (valid.length === 0) return null;
+      const pts = pointsBySeries.get(s.key) ?? [];
+      if (!pts.some((p) => p.__y !== null)) return null;
       const scale = scaleFor(s);
       return /* @__PURE__ */ jsx(
         LinePath,
         {
-          data: valid,
+          data: pts,
           x: (p) => xScale(getX(p.__d)) ?? 0,
-          y: (p) => scale(p.__y),
+          y: (p) => scale(p.__y ?? NaN),
+          defined: definedOn(scale),
           stroke: s.color,
           strokeWidth: s.strokeWidth ?? LINE_OVERLAY_STROKE_WIDTH,
           strokeDasharray: s.dash === "dashed" ? VX.dashArray : void 0,
           strokeOpacity: dimOpacity(s) * (s.strokeOpacity ?? 1),
-          curve: curveMonotoneX
+          curve: curveFor(s.curve)
         },
         `line-${s.key}`
       );
@@ -161,7 +168,9 @@ function MultiLineMarks({
     markerNodes
   ] });
 }
-const MultiLine = memo(MultiLineInner);
+const MultiLineMemo = memo(MultiLineInner);
+MultiLineMemo.displayName = "MultiLine";
+const MultiLine = MultiLineMemo;
 export {
   MultiLine
 };