basalt-ui 1.27.0 → 1.29.0

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
 };

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

@@ -1,7 +1,9 @@
+import type { BasaltProps } from '../../common/props.js';
 import type { CursorResolution } from '../cursor/resolve.js';
 import type { AxisConfig } from '../primitives/CartesianChart.js';
+import type { ChartState } from '../primitives/ChartPending.js';
 import type { ChartLegendConfig, ChartSeries } from '../series.js';
-export type StackedAreaProps<T> = {
+export type StackedAreaProps<T> = BasaltProps & {
     data: T[];
     /** Fixed height in pixels, forwarded to `CartesianChart`. Default 240. */
     height?: number;
@@ -13,8 +15,9 @@ export type StackedAreaProps<T> = {
     /** Axis config for ticks/format/grid. `domain` defaults to the summed per-point stack total
      * (padded ×1.1, or `autoMaxFloor` if higher) rather than a per-series max — the seam a stacked
      * chart needs, since the plotted quantity is the cumulative band top, not any one series' own
-     * value. Pass a fixed tuple or your own function to override. */
-    y?: AxisConfig<T>;
+     * value. Pass a fixed tuple or your own function to override. No `scale` — stacking sums bar
+     * heights directly and a log axis has no additive zero to sum from. */
+    y?: Omit<AxisConfig<T>, 'scale'>;
     /** Exact number of x ticks. Default: as many as fit. Ignored when `xTickValues` is set. */
     xTicks?: number;
     /** Which domain keys get a tick, from the full key list and the resolved plot width. Takes
@@ -23,6 +26,9 @@ export type StackedAreaProps<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
@@ -36,11 +42,20 @@ export type StackedAreaProps<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;
 };
 /**
  * Multi-series stacked-area chart with an optional derived legend (default on) and legend-hover
  * dimming. Each band's fillOpacity is dimmed when a different key is highlighted via the legend.
  *
+ * **A stack is only as dense as its sparsest series.** A row where any VISIBLE band is null is
+ * dropped from the stack entirely — the bands break across that x, the crosshair reports no
+ * cumulative value there, and the axis domain ignores it. Toggling the sparse band off in the
+ * legend closes the gap, because density is measured against the visible set. A chart that needs
+ * a null band to read as zero must say so in its own `getValue`.
+ *
  * Composes `CartesianChart` (`docs/CHARTS-SPEC.md` §2) — margin, scale, grid, axes, cursor, and
  * tooltip are the primitive's job. This file draws only the `AreaStack` bands.
  *
@@ -51,11 +66,6 @@ export type StackedAreaProps<T> = {
  * to restore the original bottom-to-top stacking order for `AreaStack`'s `keys`.
  */
 declare function StackedAreaInner<T>(props: StackedAreaProps<T>): import("react").JSX.Element;
-/**
- * Hand-memoized: React Compiler does not process the shipped dist, so we wrap the
- * hot stacked-area kind in `React.memo` to retain the auto-memoization it had as source
- * (parity with ZonedLine / Bars / MultiLine).
- */
 export declare const StackedArea: typeof StackedAreaInner;
 export {};
 //# sourceMappingURL=StackedArea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StackedArea.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/StackedArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAA;AAC3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/D,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;4FACwF;IACxF,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB;;;qEAGiE;IACjE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACjB,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;4CACwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BAiFtD;AA+CD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAA6B,OAAO,gBAAgB,CAAA"}
+{"version":3,"file":"StackedArea.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/StackedArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAA;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/D,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,WAAW,GAAG;IAC9C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;4FACwF;IACxF,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB;;;;2EAIuE;IACvE,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IAChC,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;4CACwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAA;IAClC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;4FACwF;IACxF,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAaD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BA4GtD;AAoED,eAAO,MAAM,WAAW,EAAsB,OAAO,gBAAgB,CAAA"}

package/dist/charts/kinds/StackedArea.js

@@ -1,9 +1,15 @@
 import { jsx } from "react/jsx-runtime";
-import { curveMonotoneX } from "@visx/curve";
 import { AreaStack } from "@visx/shape";
 import { memo, useCallback, useMemo } from "react";
+import { assertRequiredProps } from "../../common/validate.js";
 import { CartesianChart } from "../primitives/CartesianChart.js";
+import { curveFor } from "../series.js";
+import { isDev } from "../../common/is-dev.js";
+function rowIsDense(d, bands) {
+  return bands.every((s) => s.getValue(d) !== null);
+}
 function StackedAreaInner(props) {
+  assertRequiredProps("StackedArea", props, ["data", "getX", "series"]);
   const {
     data,
     chartId,
@@ -13,12 +19,21 @@ function StackedAreaInner(props) {
     xTicks,
     xTickValues,
     formatX,
+    xLabelRotate,
     cursorResolution,
     height,
     legend,
     ariaLabel,
-    isPending
+    isPending,
+    state,
+    className,
+    style
   } = props;
+  if (isDev() && y?.scale === "log") {
+    throw new Error(
+      'StackedArea: cannot use a log axis (y.scale: "log") \u2014 the stack sums band heights, and a log axis has no additive zero to sum from.'
+    );
+  }
   const yConfig = useMemo(() => {
     const base = y ?? {};
     if (base.domain !== void 0 && base.domain !== "auto") return base;
@@ -30,6 +45,7 @@ function StackedAreaInner(props) {
       domain: (rows, visible) => {
         let maxTotal = 0;
         for (const d of rows) {
+          if (!rowIsDense(d, visible)) continue;
           let total = 0;
           for (const s of visible) total += s.getValue(d) ?? 0;
           if (total > maxTotal) maxTotal = total;
@@ -40,6 +56,7 @@ function StackedAreaInner(props) {
   }, [y]);
   const stackedCursorValue = useCallback(
     (d, s, visible) => {
+      if (!rowIsDense(d, visible)) return null;
       let total = 0;
       for (let i = visible.length - 1; i >= 0; i--) {
         const band = visible[i];
@@ -63,11 +80,15 @@ function StackedAreaInner(props) {
       ...xTicks !== void 0 && { xTicks },
       ...xTickValues !== void 0 && { xTickValues },
       ...formatX !== void 0 && { formatX },
+      ...xLabelRotate !== void 0 && { xLabelRotate },
       ...cursorResolution !== void 0 && { cursorResolution },
       ...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(StackedAreaMarks, { getX, ctx })
     }
   );
@@ -82,6 +103,7 @@ function StackedAreaMarks({ getX, ctx }) {
     };
   }, [visible]);
   const rows = useMemo(() => [...ctx.data], [ctx.data]);
+  const curve = curveFor(visible.find((s) => s.curve !== void 0)?.curve);
   return /* @__PURE__ */ jsx(
     AreaStack,
     {
@@ -91,7 +113,8 @@ function StackedAreaMarks({ getX, ctx }) {
       y0: (d) => yScale(d[0]) ?? 0,
       y1: (d) => yScale(d[1]) ?? 0,
       value: (d, key) => seriesByKey.get(key)?.getValue(d) ?? 0,
-      curve: curveMonotoneX,
+      defined: (d) => rowIsDense(d.data, visible),
+      curve,
       children: ({ stacks, path }) => stacks.map((stack) => /* @__PURE__ */ jsx(
         "path",
         {
@@ -105,7 +128,9 @@ function StackedAreaMarks({ getX, ctx }) {
     }
   );
 }
-const StackedArea = memo(StackedAreaInner);
+const StackedAreaMemo = memo(StackedAreaInner);
+StackedAreaMemo.displayName = "StackedArea";
+const StackedArea = StackedAreaMemo;
 export {
   StackedArea
 };