basalt-ui 1.41.0 → 2.0.0

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

@@ -1,111 +0,0 @@
-import type { BasaltProps } from '../../common/props.js';
-import type { ResponsiveChartHeight } from '../primitives/ChartFrame.js';
-import type { ZoneSpec } from '../primitives/ZoneRects.js';
-import type { ChartState } from '../primitives/ChartPending.js';
-import type { CursorResolution } from '../cursor/resolve.js';
-import type { ChartLegendConfig, ChartSeries } from '../series.js';
-export type DualPanelProps<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;
-    /** X tick label formatter. Default `fmtAxisDate` (DD.MM) — same default `CartesianChart` uses,
-     * so omitting it is byte-identical to today's rendering. */
-    formatX?: (key: string) => string;
-    /**
-     * 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;
-    /** 1+ line series in the top pane — the single source of truth for color, dash, legend, and
-     * tooltip rows. E.g. acute (solid) / chronic (dashed). */
-    series: ChartSeries<T>[];
-    /** Top-pane y-domain. Default 'auto' (computed from all top lines, padded). */
-    topYDomain?: [number, number] | 'auto';
-    /** Shade the band between two top lines (by key). `aboveFill` colors the side where `to` runs
-     * above `from` (e.g. a "bad" red) — omitted, both sides share `fill` (today's behaviour). */
-    fillBetween?: {
-        from: string;
-        to: string;
-        fill: string;
-        aboveFill?: string;
-    };
-    /** Horizontal reference lines on the top pane. Solid by default; set dashed: true for a dashed line. */
-    topRefLines?: {
-        value: number;
-        color: string;
-        dashed?: boolean;
-    }[];
-    /** Horizontal value-range bands on the top pane. */
-    topZones?: ZoneSpec[];
-    /** Bottom-pane signed value — return null to skip the bar. */
-    getBar: (d: T) => number | null;
-    barLabel: string;
-    barColorPositive: string;
-    barColorNegative: string;
-    /** Top pane share of the inner plot height. Default 0.62. */
-    topFraction?: number;
-    formatTop: (v: number) => string;
-    /** Drives the bottom-pane TICKS. Also the tooltip-row fallback when `formatBar` is omitted. */
-    formatBottom: (v: number) => string;
-    /** Per-row tooltip formatter for the bottom-pane bar — overrides `formatBottom` for the tooltip
-     * row only (ticks keep reading `formatBottom`). Receives the hovered datum alongside the value,
-     * so a row can add a unit/decimal `formatBottom` can't (e.g. a velocity reading). */
-    formatBar?: (v: number, d: T) => string;
-    /**
-     * Bottom-pane y-domain. Default `'auto'`: a symmetric `[-maxAbs, maxAbs]` computed from the
-     * data, `nice`d. A fixed tuple pins the domain instead (and is used verbatim, un-`nice`d).
-     */
-    bottomYDomain?: [number, number] | 'auto';
-    /** When `bottomYDomain` is `'auto'`: floors the symmetric max-abs so a plateau doesn't amplify
-     * to fill the whole pane (mirrors `AxisConfig.autoMaxFloor`). Ignored with a fixed tuple. */
-    bottomMaxAbsFloor?: number;
-    /** Tooltip badge — appears at the right of the tooltip header. */
-    tooltipLabel?: (d: T) => {
-        text: string;
-        color: string;
-    } | null;
-    /**
-     * Overrides the tooltip header's date text — the same seam `CartesianChart`'s
-     * `CartesianTooltipConfig.formatHeader` exposes, so the two don't diverge. Default:
-     * `TooltipHeader`'s own `fmtTooltipDate` behavior, unchanged. Receives the raw `getX` key
-     * alongside the hovered datum.
-     */
-    formatHeader?: (key: string, d: T) => string;
-    /**
-     * Render this chart's tooltip when it is a cursor FOLLOWER, not only when it is the SOURCE —
-     * same seam and same anchored-positioning behaviour as `CartesianTooltipConfig.onFollow`. Default
-     * false (today's behaviour). Only the SOURCE's tooltip is `aria-live`; a follower's is visual
-     * only.
-     */
-    onFollow?: boolean;
-    /** Legend config forwarded to `ChartFrame`; `false` disables the legend (sparkline escape).
-     * Default `{ placement: 'bottom' }`. */
-    legend?: ChartLegendConfig | false;
-    /** Accessible text alternative, forwarded to `ChartFrame` as `aria-label` (+ `role="group"`). */
-    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;
-};
-/**
- * Dual-pane chart: a top line pane and a bottom signed-histogram pane sharing
- * ONE x-scale and ONE cursor. Generalizes argo's divergence (acute/chronic +
- * divergence) and momentum (e1RM + velocity) charts.
- *
- * Composes `ChartFrame` for measuring + the derived legend — `series` (the top lines) plus a
- * synthesized divergence entry drive the legend, so acute/chronic/divergence are all legible
- * without hovering (previously legend-less).
- *
- * X-axis is built from the full `data` array so the calendar is preserved even
- * when a series has nulls; lines/bars skip null points (visual gaps).
- */
-declare function DualPanelInner<T>(props: DualPanelProps<T>): import("react").JSX.Element;
-export declare const DualPanel: typeof DualPanelInner;
-export {};
-//# sourceMappingURL=DualPanel.d.ts.map

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

@@ -1 +0,0 @@
-{"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,471 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-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,
-  TooltipBody,
-  TooltipHeader,
-  TooltipRow,
-  TooltipRows
-} from "../primitives/ChartTooltip.js";
-import { ChartFrame, resolveLegend } from "../primitives/ChartFrame.js";
-import { Crosshair, SeriesDot } from "../primitives/Crosshair.js";
-import { cursorSliderProps, 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 { curveFor, deriveTooltipRows, LINE_OVERLAY_STROKE_WIDTH } from "../series.js";
-import { VX } from "../../tokens/index.js";
-import { fmtAxisDate } from "../utils/format.js";
-import { smartTicks, xLabelPxFor } from "../utils/ticks.js";
-const PANE_GAP = 12;
-function DualPanelInner(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]
-  );
-  const legendSeries = useMemo(
-    () => [
-      ...styledSeries,
-      { key: "__divergence", label: barLabel, color: barColorPositive, mark: "bar" }
-    ],
-    [styledSeries, barLabel, barColorPositive]
-  );
-  return /* @__PURE__ */ jsx(
-    ChartFrame,
-    {
-      series: legendSeries,
-      chartId,
-      ...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 })
-    }
-  );
-}
-function DualPanelPlot(props) {
-  const {
-    data,
-    chartId,
-    getX,
-    formatX = fmtAxisDate,
-    cursorResolution,
-    ariaLabel,
-    series,
-    topYDomain = "auto",
-    fillBetween,
-    topRefLines = [],
-    topZones = [],
-    getBar,
-    barLabel,
-    barColorPositive,
-    barColorNegative,
-    topFraction = 0.62,
-    formatTop,
-    formatBottom,
-    formatBar,
-    bottomYDomain = "auto",
-    bottomMaxAbsFloor,
-    tooltipLabel,
-    formatHeader,
-    onFollow,
-    plot
-  } = props;
-  const { hidden } = plot;
-  const visibleSeries = useMemo(() => series.filter((s) => !hidden.has(s.key)), [series, hidden]);
-  const barVisible = !hidden.has("__divergence");
-  const useNiceTop = topYDomain === "auto";
-  const topDomain = useMemo(() => {
-    if (topYDomain !== "auto") return topYDomain;
-    let lo = Infinity;
-    let hi = -Infinity;
-    for (const s of visibleSeries) {
-      for (const d of data) {
-        const v = s.getValue(d);
-        if (v === null || v === void 0 || Number.isNaN(v)) continue;
-        if (v < lo) lo = v;
-        if (v > hi) hi = v;
-      }
-    }
-    if (!Number.isFinite(lo) || !Number.isFinite(hi)) {
-      lo = 0;
-      hi = 1;
-    }
-    const span = hi - lo || Math.abs(hi) || 1;
-    return [lo - span * 0.08, hi + span * 0.08];
-  }, [data, visibleSeries, topYDomain]);
-  const topLabels = useMemo(
-    () => probeAxisLabels({ domain: topDomain, ticks: 4, format: formatTop, nice: useNiceTop }).labels,
-    [topDomain, useNiceTop, formatTop]
-  );
-  const useNiceBottom = bottomYDomain === "auto";
-  const maxAbs = useMemo(() => {
-    if (bottomYDomain !== "auto") return 0;
-    let m = 0;
-    for (const d of data) {
-      const v = getBar(d);
-      if (v === null || v === void 0 || Number.isNaN(v)) continue;
-      const a = Math.abs(v);
-      if (a > m) m = a;
-    }
-    const floored = bottomMaxAbsFloor !== void 0 ? Math.max(m, bottomMaxAbsFloor) : m;
-    return floored === 0 ? 1 : floored;
-  }, [data, getBar, bottomYDomain, bottomMaxAbsFloor]);
-  const bottomDomain = useMemo(
-    () => bottomYDomain === "auto" ? [-maxAbs, maxAbs] : bottomYDomain,
-    [bottomYDomain, maxAbs]
-  );
-  const bottomLabels = useMemo(
-    () => probeAxisLabels({
-      domain: bottomDomain,
-      ticks: 3,
-      format: formatBottom,
-      nice: useNiceBottom
-    }).labels,
-    [bottomDomain, formatBottom, useNiceBottom]
-  );
-  const xLabelsAll = useMemo(() => data.map((d) => formatX(getX(d))), [data, getX, formatX]);
-  const margin = useMemo(
-    () => autoMargin({ left: [...topLabels, ...bottomLabels], bottom: xLabelsAll }),
-    [topLabels, bottomLabels, xLabelsAll]
-  );
-  const xMax = Math.max(plot.width - margin.left - margin.right, 0);
-  const plotH = plot.height - margin.top - margin.bottom - PANE_GAP;
-  const topH = Math.max(Math.round(plotH * topFraction), 1);
-  const bottomH = Math.max(plotH - topH, 1);
-  const bottomTop = topH + PANE_GAP;
-  const innerH = topH + PANE_GAP + bottomH;
-  const xScale = useMemo(
-    () => scalePoint({ domain: data.map(getX), range: [0, xMax], padding: 0.3 }),
-    [data, xMax, getX]
-  );
-  const topYScale = useMemo(
-    () => scaleLinear({
-      domain: topDomain,
-      range: [topH, 0],
-      ...useNiceTop && { nice: true }
-    }),
-    [topDomain, useNiceTop, topH]
-  );
-  const bottomYScale = useMemo(
-    () => scaleLinear({
-      domain: bottomDomain,
-      range: [bottomH, 0],
-      ...useNiceBottom && { nice: true }
-    }),
-    [bottomDomain, bottomH, useNiceBottom]
-  );
-  const svgRef = useRef(null);
-  const cursor = useChartCursor({
-    data,
-    chartId,
-    getKey: getX,
-    xScale,
-    marginLeft: margin.left,
-    boundaryRef: svgRef,
-    ...cursorResolution !== void 0 && { resolution: cursorResolution }
-  });
-  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 [];
-    const y0 = bottomYScale(0);
-    const bars = [];
-    for (const d of data) {
-      const v = getBar(d);
-      if (v === null || v === void 0 || Number.isNaN(v)) continue;
-      const cx = xScale(getX(d)) ?? 0;
-      const yVal = bottomYScale(v);
-      bars.push({
-        key: `bar-${getX(d)}`,
-        x: cx - barWidth / 2,
-        y: Math.min(y0, yVal),
-        width: barWidth,
-        height: Math.max(Math.abs(yVal - y0), 1),
-        fill: v >= 0 ? barColorPositive : barColorNegative
-      });
-    }
-    return bars;
-  }, [
-    barVisible,
-    data,
-    getBar,
-    getX,
-    xScale,
-    bottomYScale,
-    barWidth,
-    barColorPositive,
-    barColorNegative
-  ]);
-  const fillPts = useMemo(() => {
-    if (!fillBetween) return [];
-    const fromLine = visibleSeries.find((s) => s.key === fillBetween.from);
-    const toLine = visibleSeries.find((s) => s.key === fillBetween.to);
-    if (!fromLine || !toLine) return [];
-    const out = [];
-    for (const d of data) {
-      const f = fromLine.getValue(d);
-      const t = toLine.getValue(d);
-      if (f === null || f === void 0 || Number.isNaN(f)) continue;
-      if (t === null || t === void 0 || Number.isNaN(t)) continue;
-      out.push({ __d: d, __from: f, __to: t });
-    }
-    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) {
-      const pts = [];
-      for (const d of data) {
-        const v = s.getValue(d);
-        if (v !== null && v !== void 0 && !Number.isNaN(v)) pts.push({ __d: d, __y: v });
-      }
-      out.set(s.key, pts);
-    }
-    return out;
-  }, [data, visibleSeries]);
-  const markerNodes = useMemo(
-    () => visibleSeries.flatMap((s) => {
-      const getMarker = s.getMarker;
-      if (!getMarker) return [];
-      const pts = lineValid.get(s.key) ?? [];
-      const markers = [];
-      for (const p of pts) {
-        const m = getMarker(p.__d);
-        if (m === null) continue;
-        const cx = xScale(getX(p.__d)) ?? 0;
-        const cy = topYScale(p.__y);
-        const ring = m.ring ?? true;
-        markers.push(
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx,
-              cy,
-              r: m.r ?? VX.dotR,
-              fill: m.color ?? s.color,
-              fillOpacity: m.fillOpacity ?? 1,
-              ...ring && { stroke: VX.dotStroke, strokeWidth: 2 }
-            },
-            `mk-${s.key}-${getX(p.__d)}`
-          )
-        );
-      }
-      return markers;
-    }),
-    [visibleSeries, lineValid, xScale, topYScale, getX]
-  );
-  const point = cursor.point;
-  const sx = point !== null ? xScale(getX(point)) ?? 0 : 0;
-  const syncedBar = point !== null ? getBar(point) : null;
-  const isFollowerRender = !cursor.isSource && onFollow === true;
-  const showTooltip = point !== null && (cursor.isSource || isFollowerRender);
-  const anchorX = (isFollowerRender || cursor.isTouch) && point !== null ? sx : null;
-  const svgRect = anchorX === null ? void 0 : svgRef.current?.getBoundingClientRect();
-  const tooltipAnchor = svgRect === void 0 || anchorX === null ? cursor.anchor : { x: svgRect.left + margin.left + anchorX, y: svgRect.top + margin.top };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        ref: svgRef,
-        width: plot.width,
-        height: plot.height,
-        style: { touchAction: "pan-y" },
-        children: [
-          /* @__PURE__ */ jsxs(Group, { left: margin.left, top: margin.top, children: [
-            /* @__PURE__ */ jsx(GridRows, { scale: topYScale, width: xMax, stroke: VX.grid, numTicks: 4 }),
-            /* @__PURE__ */ jsx(ZoneRects, { zones: topZones, width: xMax, leftScale: topYScale }),
-            fillBetween && fillPts.length > 0 && /* @__PURE__ */ jsx(
-              Threshold,
-              {
-                id: `${chartId}-fill`,
-                data: fillPts,
-                x: (p) => xScale(getX(p.__d)) ?? 0,
-                y0: (p) => topYScale(p.__from),
-                y1: (p) => topYScale(p.__to),
-                clipAboveTo: 0,
-                clipBelowTo: topH,
-                curve: fillCurve,
-                belowAreaProps: { fill: fillBetween.fill },
-                aboveAreaProps: { fill: fillBetween.aboveFill ?? fillBetween.fill }
-              }
-            ),
-            topRefLines.map((r, i) => /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: 0,
-                x2: xMax,
-                y1: topYScale(r.value),
-                y2: topYScale(r.value),
-                stroke: r.color,
-                strokeDasharray: r.dashed ? VX.dashArray : void 0
-              },
-              `top-ref-${i}`
-            )),
-            visibleSeries.map((s) => {
-              const valid = lineValid.get(s.key) ?? [];
-              if (valid.length === 0) return null;
-              return /* @__PURE__ */ jsx(
-                LinePath,
-                {
-                  data: valid,
-                  x: (p) => xScale(getX(p.__d)) ?? 0,
-                  y: (p) => topYScale(p.__y),
-                  stroke: s.color,
-                  strokeWidth: s.strokeWidth ?? VX.lineWidth,
-                  strokeDasharray: s.dash === "dashed" ? VX.dashArray : void 0,
-                  strokeOpacity: s.strokeOpacity ?? 1,
-                  curve: curveFor(s.curve)
-                },
-                `top-line-${s.key}`
-              );
-            }),
-            markerNodes,
-            point !== null && /* @__PURE__ */ jsx(Fragment, { children: visibleSeries.map((s) => {
-              const v = s.getValue(point);
-              if (v === null || v === void 0 || Number.isNaN(v)) return null;
-              return /* @__PURE__ */ jsx(SeriesDot, { cx: sx, cy: topYScale(v), color: s.color }, `top-dot-${s.key}`);
-            }) }),
-            /* @__PURE__ */ jsx(AxisLeftNumeric, { scale: topYScale, numTicks: 4, tickFormat: formatTop }),
-            /* @__PURE__ */ jsx(
-              HoverOverlay,
-              {
-                width: xMax,
-                height: topH + PANE_GAP,
-                ...cursorSliderProps({ cursor, data, getX, formatX, ariaLabel })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(Group, { left: margin.left, top: margin.top + bottomTop, children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: 0,
-                x2: xMax,
-                y1: bottomYScale(0),
-                y2: bottomYScale(0),
-                stroke: VX.grid,
-                strokeWidth: 1
-              }
-            ),
-            histogramBars.map((b) => /* @__PURE__ */ jsx(
-              Bar,
-              {
-                x: b.x,
-                y: b.y,
-                width: b.width,
-                height: b.height,
-                fill: b.fill,
-                fillOpacity: 0.7,
-                rx: 1.4
-              },
-              b.key
-            )),
-            barVisible && point !== null && syncedBar !== null && syncedBar !== void 0 && !Number.isNaN(syncedBar) && /* @__PURE__ */ jsx(
-              SeriesDot,
-              {
-                cx: sx,
-                cy: bottomYScale(syncedBar),
-                color: syncedBar >= 0 ? barColorPositive : barColorNegative
-              }
-            ),
-            /* @__PURE__ */ jsx(AxisLeftNumeric, { scale: bottomYScale, numTicks: 3, tickFormat: formatBottom }),
-            /* @__PURE__ */ jsx(
-              AxisBottomDate,
-              {
-                top: bottomH,
-                scale: xScale,
-                tickValues,
-                tickFormat: formatX
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              HoverOverlay,
-              {
-                width: xMax,
-                height: bottomH + margin.bottom,
-                onMove: cursor.onPointerMove,
-                onDown: cursor.onPointerDown,
-                onUp: cursor.onPointerUp,
-                onLeave: cursor.onPointerLeave
-              }
-            )
-          ] }),
-          point !== null && /* @__PURE__ */ jsx(Group, { left: margin.left, top: margin.top, children: /* @__PURE__ */ jsx(Crosshair, { x: sx, top: 0, bottom: innerH }) })
-        ]
-      }
-    ),
-    showTooltip && /* @__PURE__ */ jsxs(ChartTooltipFloat, { anchor: tooltipAnchor, ariaLive: cursor.isSource, children: [
-      /* @__PURE__ */ jsx(
-        TooltipHeader,
-        {
-          date: getX(point),
-          ...formatHeader !== void 0 && {
-            format: (key) => formatHeader(key, point)
-          },
-          ...(() => {
-            const lbl = tooltipLabel?.(point) ?? null;
-            return lbl !== null ? { label: lbl.text, labelColor: lbl.color } : {};
-          })()
-        }
-      ),
-      /* @__PURE__ */ jsxs(TooltipBody, { children: [
-        /* @__PURE__ */ jsx(TooltipRows, { rows: deriveTooltipRows(visibleSeries, point, formatTop) }),
-        barVisible && (() => {
-          const v = getBar(point);
-          if (v === null || v === void 0 || Number.isNaN(v)) return null;
-          const value = formatBar !== void 0 ? formatBar(v, point) : formatBottom(v);
-          return /* @__PURE__ */ jsx(
-            TooltipRow,
-            {
-              color: v >= 0 ? barColorPositive : barColorNegative,
-              label: barLabel,
-              value,
-              shape: "bar"
-            }
-          );
-        })()
-      ] })
-    ] })
-  ] });
-}
-const DualPanelMemo = memo(DualPanelInner);
-DualPanelMemo.displayName = "DualPanel";
-const DualPanel = DualPanelMemo;
-export {
-  DualPanel
-};

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

@@ -1,85 +0,0 @@
-import type { ReactNode } from 'react';
-import type { BasaltProps } from '../../common/props.js';
-import type { ResponsiveChartHeight } from '../primitives/ChartFrame.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> = BasaltProps & {
-    data: T[];
-    /** Height in px, or one per size step (`{ base, sm?, md?, lg? }`). Used when neither
-     * `aspectRatio` nor `fill` is set. Default 240. `ChartFrameProps.height` owns the law —
-     * steps resolve off the MEASURED width. */
-    height?: number | ResponsiveChartHeight;
-    /** height = Math.round(containerWidth / aspectRatio). Ignored when `fill` is set. */
-    aspectRatio?: number;
-    /** Fill the parent flex/grid cell's measured height instead of a fixed/derived one. */
-    fill?: boolean;
-    chartId: string;
-    /** Extracts the y-axis category (row) from a data point. */
-    getRow: (d: T) => string;
-    /** Extracts the x-axis category (column) from a data point. */
-    getCol: (d: T) => string;
-    /** Extracts the cell intensity value. */
-    getValue: (d: T) => number;
-    /** Explicit y order; defaults to first-seen rows from data. */
-    rows?: string[];
-    /** Explicit x order; defaults to first-seen columns from data. */
-    cols?: string[];
-    /** Base hue token for the heat fill. Default VX.line. */
-    color?: string;
-    /** Maps a value to a 0..1 intensity. Default value/max. */
-    intensity?: (value: number, max: number) => number;
-    /** Gap (px) between cells. Default 2. */
-    cellGap?: number;
-    /** Corner radius (px) of each cell. Default 2. */
-    cellRadius?: number;
-    /** Formatter for the tooltip value. */
-    formatValue?: (v: number) => string;
-    /** Label transform for a row category (axis + tooltip). */
-    rowLabel?: (row: string) => string;
-    /** Label transform for a column category (axis + tooltip). */
-    colLabel?: (col: string) => string;
-    /** Optional extra tooltip rows (rendered after the main row). */
-    renderTooltip?: (cell: HeatmapCell) => ReactNode;
-    /** Optional gradient legend strip below the grid (faint → solid color). */
-    legend?: {
-        min: string;
-        max: string;
-    };
-    /** Accessible text alternative, forwarded to `ChartFrame` as `aria-label` (+ `role="group"`). */
-    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. 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.
- *
- * Tap-to-pin, keyboard stepping and focus over the grid come from `useDiscreteCursor`
- * (`docs/CHARTS-SPEC.md` §4, Tooltip), the discrete counterpart of `HoverOverlay`. Its targets are
- * the FULL row-major grid (data cells and empty ones alike) so Up/Down can jump one row via a fixed
- * `columns` stride; only a cell WITH data renders a tooltip or takes pointer input, matching today's
- * hover behavior — an empty cell is still a keyboard stop (so the grid reads as one rectangle), it
- * just carries no readout.
- *
- * 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;
-export declare const Heatmap: typeof HeatmapInner;
-export {};
-//# sourceMappingURL=Heatmap.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/Heatmap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAQrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAGrE,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;AAM9D,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,GAAG;IAC1C,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;+CAE2C;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAA;IACvC,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;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,+BAyB9C;AAgPD,eAAO,MAAM,OAAO,EAAkB,OAAO,YAAY,CAAA"}