basalt-ui 1.41.0 → 2.0.0

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

@@ -1,87 +0,0 @@
-import type { BasaltProps } from '../../common/props.js';
-import type { CursorResolution } from '../cursor/resolve.js';
-import type { CartesianTooltipConfig, AxisConfig } from '../primitives/CartesianChart.js';
-import type { ResponsiveChartHeight } from '../primitives/ChartFrame.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> = BasaltProps & {
-    data: T[];
-    /** Height in px, or one per size step (`{ base, sm?, md?, lg? }`). Default 240. Forwarded
-     * unchanged; `ChartFrameProps.height` owns the law — steps resolve off the MEASURED width. */
-    height?: number | ResponsiveChartHeight;
-    chartId: string;
-    /** Extracts the x-axis category (date string) from a data point. */
-    getX: (d: T) => string;
-    /** 1+ line series sharing the y-axis(es) — the single source of truth for color, dash, legend,
-     * and tooltip rows. A series opts into the right axis with `axis: 'right'`. */
-    series: ChartSeries<T>[];
-    /** Left y-axis. Collapses the old `yDomain` / `yAutoMaxFloor` / `yAutoMinCeil` / `yAutoPad` /
-     * `numTicksY` / `formatYTick` prop soup into one object. */
-    y?: AxisConfig<T>;
-    /** Right y-axis. Passing it is what makes the chart dual-axis — the margin widens by
-     * measurement, and `axis: 'right'` series read against it. */
-    y2?: AxisConfig<T>;
-    /** Horizontal value-range overlays (target zones), rendered behind the lines. */
-    zones?: ZoneSpec[];
-    /** Vertical x-range overlays (time windows), rendered behind the lines. Bounds are `getX`
-     * domain keys. */
-    xZones?: XZoneSpec[];
-    /** Horizontal reference lines. Solid by default; set dashed: true for a dashed line. */
-    refLines?: {
-        value: number;
-        color: string;
-        dashed?: boolean;
-    }[];
-    /** 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
-     * precedence over `xTicks` — see `CartesianChartProps.xTickValues` for why a count is not
-     * always enough. */
-    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
-     * keyed by its Monday) — see `CursorResolution`.
-     */
-    cursorResolution?: CursorResolution;
-    /** Tooltip config — `label` for a right-aligned header badge, `extraRows` for rows appended
-     * after the derived per-series rows. `false` disables the tooltip entirely. */
-    tooltip?: CartesianTooltipConfig<T> | false;
-    /** Marker glyph for per-point markers. Default 'circle'. */
-    markerShape?: 'circle' | 'star';
-    /** Legend config forwarded to `CartesianChart`; `false` disables the legend (sparkline escape).
-     * Default `{ placement: 'bottom' }`. */
-    legend?: ChartLegendConfig | false;
-    /** Accessible text alternative, forwarded to `CartesianChart` as `aria-label` (+ `role="group"`). */
-    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
- * (PR stars / status dots), a dashed companion line per series, legend-hover dimming, and a
- * shared-cursor tooltip. Generalizes the multi-line argo charts (e1RM trend, relative
- * progression, training load, fitness trends).
- *
- * Composes `CartesianChart` for measuring, scales, grid, axes, cursor, and tooltip — this kind
- * draws ONLY the marks (lines + per-point markers). `series` is the single array that drives the
- * 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 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;
-export declare const MultiLine: typeof MultiLineInner;
-export {};
-//# sourceMappingURL=MultiLine.d.ts.map

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

@@ -1 +0,0 @@
-{"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,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AACrE,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;kGAC8F;IAC9F,MAAM,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAA;IACvC,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,176 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { LinePath } from "@visx/shape";
-import { memo, useCallback, useMemo } from "react";
-import { assertRequiredProps } from "../../common/validate.js";
-import { CartesianChart } from "../primitives/CartesianChart.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) {
-  const inner = r * 0.4;
-  const pts = [];
-  for (let i = 0; i < 10; i++) {
-    const radius = i % 2 === 0 ? r : inner;
-    const angle = Math.PI / 5 * i - Math.PI / 2;
-    pts.push(`${cx + radius * Math.cos(angle)},${cy + radius * Math.sin(angle)}`);
-  }
-  return `M${pts.join("L")}Z`;
-}
-function seriesPoints(series, data) {
-  return data.map((d) => ({ __d: d, __y: toPlotPoint(series.getValue(d)) }));
-}
-function MultiLineInner(props) {
-  assertRequiredProps("MultiLine", props, ["data", "getX", "series"]);
-  const {
-    data,
-    chartId,
-    getX,
-    series,
-    y,
-    y2,
-    zones,
-    xZones,
-    refLines,
-    xTicks,
-    xTickValues,
-    formatX,
-    xLabelRotate,
-    cursorResolution,
-    tooltip,
-    markerShape = "circle",
-    height,
-    legend,
-    ariaLabel,
-    isPending,
-    state,
-    className,
-    style
-  } = props;
-  const styledSeries = useMemo(
-    () => series.map((s) => ({ ...s, strokeWidth: s.strokeWidth ?? LINE_OVERLAY_STROKE_WIDTH })),
-    [series]
-  );
-  return /* @__PURE__ */ jsx(
-    CartesianChart,
-    {
-      data,
-      chartId,
-      getX,
-      series: styledSeries,
-      ...y !== void 0 && { y },
-      ...y2 !== void 0 && { y2 },
-      ...zones !== void 0 && { zones },
-      ...xZones !== void 0 && { xZones },
-      ...refLines !== void 0 && { refLines },
-      ...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 })
-    }
-  );
-}
-function MultiLineMarks({
-  getX,
-  markerShape,
-  ctx
-}) {
-  const { data, visible, xScale, yScale, y2Scale, highlighted } = ctx;
-  const pointsBySeries = useMemo(() => {
-    const m = /* @__PURE__ */ new Map();
-    for (const s of visible) m.set(s.key, seriesPoints(s, data));
-    return m;
-  }, [visible, data]);
-  const dimOpacity = useCallback(
-    (s) => highlighted === null || s.key === highlighted || s.parent === highlighted ? 1 : 0.25,
-    [highlighted]
-  );
-  const scaleFor = useCallback(
-    (s) => s.axis === "right" && y2Scale !== null ? y2Scale : yScale,
-    [y2Scale, yScale]
-  );
-  const markerNodes = useMemo(
-    () => visible.flatMap((s) => {
-      const getMarker = s.getMarker;
-      if (!getMarker) return [];
-      const scale = scaleFor(s);
-      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;
-        const fillOpacity = (m.fillOpacity ?? 1) * op;
-        markers.push(
-          markerShape === "star" ? /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: starPath(cx, cy, r),
-              fill: color,
-              fillOpacity,
-              ...ring && { stroke: VX.dotStroke, strokeWidth: 1.5, strokeOpacity: op }
-            },
-            `mk-${s.key}-${getX(p.__d)}`
-          ) : /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx,
-              cy,
-              r,
-              fill: color,
-              fillOpacity,
-              ...ring && { stroke: VX.dotStroke, strokeWidth: 2, strokeOpacity: op }
-            },
-            `mk-${s.key}-${getX(p.__d)}`
-          )
-        );
-      }
-      return markers;
-    }),
-    [visible, pointsBySeries, xScale, getX, scaleFor, dimOpacity, markerShape]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    visible.map((s) => {
-      const pts = pointsBySeries.get(s.key) ?? [];
-      if (!pts.some((p) => p.__y !== null)) return null;
-      const scale = scaleFor(s);
-      return /* @__PURE__ */ jsx(
-        LinePath,
-        {
-          data: pts,
-          x: (p) => xScale(getX(p.__d)) ?? 0,
-          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: curveFor(s.curve)
-        },
-        `line-${s.key}`
-      );
-    }),
-    markerNodes
-  ] });
-}
-const MultiLineMemo = memo(MultiLineInner);
-MultiLineMemo.displayName = "MultiLine";
-const MultiLine = MultiLineMemo;
-export {
-  MultiLine
-};

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

@@ -1,73 +0,0 @@
-import type { BasaltProps } from '../../common/props.js';
-import type { CursorResolution } from '../cursor/resolve.js';
-import type { AxisConfig } from '../primitives/CartesianChart.js';
-import type { ResponsiveChartHeight } from '../primitives/ChartFrame.js';
-import type { ChartState } from '../primitives/ChartPending.js';
-import type { ChartLegendConfig, ChartSeries } from '../series.js';
-export type StackedAreaProps<T> = BasaltProps & {
-    data: T[];
-    /** Height in px, or one per size step (`{ base, sm?, md?, lg? }`). Default 240. Forwarded
-     * unchanged; `ChartFrameProps.height` owns the law — steps resolve off the MEASURED width. */
-    height?: number | ResponsiveChartHeight;
-    chartId: string;
-    getX: (d: T) => string;
-    /** The stacked bands, bottom to top — the single source of truth for color, legend, and tooltip
-     * rows. Typically `mark: 'area'` (rendered as a `bar`-shaped legend/tooltip swatch). */
-    series: ChartSeries<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. 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
-     * precedence over `xTicks` — see `CartesianChartProps.xTickValues` for why a count is not
-     * always enough. */
-    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
-     * keyed by its Monday) — see `CursorResolution`.
-     */
-    cursorResolution?: CursorResolution;
-    /** Legend config forwarded to `CartesianChart`; `false` disables the legend (sparkline escape).
-     * Default `{ placement: 'bottom' }`. */
-    legend?: ChartLegendConfig | false;
-    /** Accessible text alternative, forwarded as `aria-label` (+ `role="group"`). */
-    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.
- *
- * The tooltip must render top-to-bottom (matching the visual stack read from the top), but the
- * marks must stack bottom-to-top (matching `series`' own order) — the two can't share one order.
- * `CartesianChart`'s `series` prop drives BOTH the derived tooltip rows and legend, so `series` is
- * passed reversed to it (tooltip/legend read top-first); the marks then reverse `ctx.visible` back
- * to restore the original bottom-to-top stacking order for `AreaStack`'s `keys`.
- */
-declare function StackedAreaInner<T>(props: StackedAreaProps<T>): import("react").JSX.Element;
-export declare const StackedArea: typeof StackedAreaInner;
-export {};
-//# sourceMappingURL=StackedArea.d.ts.map

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

@@ -1 +0,0 @@
-{"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,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE/D,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,WAAW,GAAG;IAC9C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;kGAC8F;IAC9F,MAAM,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAA;IACvC,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,+BA+GtD;AAoED,eAAO,MAAM,WAAW,EAAsB,OAAO,gBAAgB,CAAA"}

package/dist/charts/kinds/StackedArea.js

@@ -1,135 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-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";
-function rowIsDense(d, bands) {
-  return bands.every((s) => s.getValue(d) !== null);
-}
-function StackedAreaInner(props) {
-  assertRequiredProps("StackedArea", props, ["data", "getX", "series"]);
-  const {
-    data,
-    chartId,
-    getX,
-    series,
-    y,
-    xTicks,
-    xTickValues,
-    formatX,
-    xLabelRotate,
-    cursorResolution,
-    height,
-    legend,
-    ariaLabel,
-    isPending,
-    state,
-    className,
-    style
-  } = props;
-  if (process.env.NODE_ENV !== "production" && 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;
-    const pad = base.autoPad ?? 1.1;
-    return {
-      ...base,
-      // Sums the VISIBLE bands only, so toggling one off in the legend shrinks the axis instead
-      // of leaving a permanent empty gap above the stack.
-      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;
-        }
-        return [0, Math.max(maxTotal, base.autoMaxFloor ?? maxTotal) * pad];
-      }
-    };
-  }, [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];
-        total += band.getValue(d) ?? 0;
-        if (band.key === s.key) return total;
-      }
-      return null;
-    },
-    []
-  );
-  const reversedSeries = useMemo(() => series.toReversed(), [series]);
-  return /* @__PURE__ */ jsx(
-    CartesianChart,
-    {
-      data,
-      chartId,
-      getX,
-      series: reversedSeries,
-      y: yConfig,
-      cursorValue: stackedCursorValue,
-      ...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 })
-    }
-  );
-}
-function StackedAreaMarks({ getX, ctx }) {
-  const { visible, xScale, yScale, highlighted } = ctx;
-  const { groups, seriesByKey } = useMemo(() => {
-    const stackOrder = visible.toReversed();
-    return {
-      groups: stackOrder.map((s) => s.key),
-      seriesByKey: new Map(stackOrder.map((s) => [s.key, s]))
-    };
-  }, [visible]);
-  const rows = useMemo(() => [...ctx.data], [ctx.data]);
-  const curve = curveFor(visible.find((s) => s.curve !== void 0)?.curve);
-  return /* @__PURE__ */ jsx(
-    AreaStack,
-    {
-      data: rows,
-      keys: groups,
-      x: (d) => xScale(getX(d.data)) ?? 0,
-      y0: (d) => yScale(d[0]) ?? 0,
-      y1: (d) => yScale(d[1]) ?? 0,
-      value: (d, key) => seriesByKey.get(key)?.getValue(d) ?? 0,
-      defined: (d) => rowIsDense(d.data, visible),
-      curve,
-      children: ({ stacks, path }) => stacks.map((stack) => /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: path(stack) || "",
-          fill: seriesByKey.get(stack.key)?.color,
-          stroke: "transparent",
-          fillOpacity: highlighted === null || highlighted === stack.key ? 1 : 0.25
-        },
-        `stack-${stack.key}`
-      ))
-    }
-  );
-}
-const StackedAreaMemo = memo(StackedAreaInner);
-StackedAreaMemo.displayName = "StackedArea";
-const StackedArea = StackedAreaMemo;
-export {
-  StackedArea
-};

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

@@ -1,97 +0,0 @@
-import type { BasaltProps } from '../../common/props.js';
-import type { CursorResolution } from '../cursor/resolve.js';
-import type { CartesianTooltipConfig, AxisConfig } from '../primitives/CartesianChart.js';
-import type { ResponsiveChartHeight } from '../primitives/ChartFrame.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';
-/** Semi-transparent fill above (or below) a threshold value, tracking the line. */
-export type ZonedLineThreshold = {
-    value: number;
-    side: 'above' | 'below';
-    fill: string;
-};
-/** Dashed horizontal reference line — visual annotation only, no fill. */
-export type ZonedLineRefLine = {
-    value: number;
-    color: string;
-    /** Solid by default; set true for a dashed line. */
-    dashed?: boolean;
-};
-export type ZonedLineProps<T> = BasaltProps & {
-    data: T[];
-    /** Height in px, or one per size step (`{ base, sm?, md?, lg? }`). Default 240. Forwarded
-     * unchanged; `ChartFrameProps.height` owns the law — steps resolve off the MEASURED width. */
-    height?: number | ResponsiveChartHeight;
-    chartId: string;
-    /** Extracts the x-axis category (date string) from a data point. */
-    getX: (d: T) => string;
-    /** Single-series line — the sole source of truth for color, dash, legend, and tooltip row. Pass
-     * exactly one entry (kept as an array for parity with the other kinds and so `CartesianChart` /
-     * `deriveLegend` / `deriveTooltipRows` can consume it directly). */
-    series: ChartSeries<T>[];
-    /** Y-axis. Collapses the old `yDomain` / `yAutoMaxFloor` / `yAutoMinCeil` / `yAutoPad` /
-     * `numTicksY` / `formatYTick` prop soup into one object. */
-    y?: AxisConfig<T>;
-    zones?: ZoneSpec[];
-    /** Vertical x-range overlays (time windows), rendered behind the line. Bounds are `getX`
-     * domain keys. */
-    xZones?: XZoneSpec[];
-    thresholds?: ZonedLineThreshold[];
-    refLines?: ZonedLineRefLine[];
-    /** 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
-     * precedence over `xTicks` — see `CartesianChartProps.xTickValues` for why a count is not
-     * always enough. */
-    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
-     * keyed by its Monday) — see `CursorResolution`.
-     */
-    cursorResolution?: CursorResolution;
-    /** Tooltip config — `label` for a right-aligned header badge (e.g. zone name with zone color),
-     * `extraRows` for rows appended after the derived row. `false` disables the tooltip entirely. */
-    tooltip?: CartesianTooltipConfig<T> | false;
-    /**
-     * Opt-in soft gradient fill under the line. Pass a color token to tint the area
-     * with that hue — the modern single-hue look. `true` falls back to the series color. Off by
-     * default (a neutral fill under the neutral line just reads as grey haze). Strength is global
-     * via `--vx-area-top` / `--vx-area-bottom` (tunable in the dev theme lab).
-     */
-    areaFill?: string | boolean;
-    /** Legend config forwarded to `CartesianChart`; `false` disables the legend (sparkline escape).
-     * Default `{ placement: 'bottom' }`. */
-    legend?: ChartLegendConfig | false;
-    /** Accessible text alternative, forwarded to `CartesianChart` as `aria-label` (+ `role="group"`). */
-    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;
-};
-/**
- * Single-series line chart with zone backgrounds, threshold fills, an optional area gradient,
- * reference lines, and a shared-cursor tooltip. Covers the line-with-zones pattern. Does NOT
- * handle dual-panel charts (keep those bespoke).
- *
- * Composes `CartesianChart` for measuring, scales, grid, zones/x-zones, axes, the shared cursor,
- * and the derived tooltip — this kind draws ONLY the marks (thresholds, area fill, and the line).
- * Single-series, so the legend is optional in practice but present by default.
- *
- * X-axis is built from the full `data` array so the calendar is preserved even when the series has
- * nulls; the line, the area fill and the threshold fills all BREAK at a null point, leaving a real
- * gap rather than interpolating across it.
- */
-declare function ZonedLineInner<T>(props: ZonedLineProps<T>): import("react").JSX.Element;
-export declare const ZonedLine: typeof ZonedLineInner;
-export {};
-//# sourceMappingURL=ZonedLine.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ZonedLine.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/ZonedLine.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAe,MAAM,8BAA8B,CAAA;AAEnG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AACrE,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,mFAAmF;AACnF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,OAAO,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,0EAA0E;AAC1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,WAAW,GAAG;IAC5C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;kGAC8F;IAC9F,MAAM,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAA;IACvC,OAAO,EAAE,MAAM,CAAA;IACf,oEAAoE;IACpE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB;;wEAEoE;IACpE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB;gEAC4D;IAC5D,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACjB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;sBACkB;IAClB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC7B,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;qGACiG;IACjG,OAAO,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IAC3C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B;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;AAeD;;;;;;;;;;;;GAYG;AACH,iBAAS,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,+BA6ElD;AAyGD,eAAO,MAAM,SAAS,EAAoB,OAAO,cAAc,CAAA"}