basalt-ui 1.14.0 → 1.15.0

package/dist/charts/primitives/ChartFrame.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
 import { useChartSize } from "../hooks/useChartSize.js";
 import { deriveLegend } from "../series.js";
 import { ChartLegend } from "./ChartLegend.js";
@@ -21,6 +22,7 @@ function resolveLegend(config, hover) {
     placement: config?.placement ?? "bottom",
     ...config?.groups !== void 0 && { groups: config.groups },
     ...config?.maxRows !== void 0 && { maxRows: config.maxRows },
+    ...config?.toggle !== void 0 && { toggle: config.toggle },
     ...hover !== void 0 && { highlighted: hover.highlighted, onHighlight: hover.onHighlight }
   };
 }
@@ -38,6 +40,15 @@ function ChartFrame({
 }) {
   const { ref: containerRef, width: containerW, height: containerH } = useChartSize();
   const { ref: legendRef, width: legendW, height: legendH } = useChartSize();
+  const [hidden, setHidden] = useState(() => /* @__PURE__ */ new Set());
+  const toggleKey = useCallback((key) => {
+    setHidden((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  }, []);
   const placement = legend === false ? "bottom" : legend.placement ?? "bottom";
   const vertical = placement === "left" || placement === "right";
   const legendVisible = legend !== false && !isPending;
@@ -48,11 +59,15 @@ function ChartFrame({
     width: Math.max(containerW - sideLegendWidth, minWidth),
     height: resolvedHeight - topBottomLegendHeight
   };
+  const legendItems = legend === false ? [] : deriveLegend(series);
+  const togglable = legend !== false && (legend.toggle ?? legendItems.length > 1);
   const legendNode = legend === false || isPending ? null : /* @__PURE__ */ jsx("div", { ref: legendRef, style: legendWrapperStyle(vertical), children: /* @__PURE__ */ jsx(
     ChartLegend,
     {
-      items: deriveLegend(series),
+      items: legendItems,
       placement,
+      hidden,
+      ...togglable && { onToggle: toggleKey },
       ...chartId !== void 0 && { chartId },
       ...legend.groups !== void 0 && { groups: legend.groups },
       ...legend.maxRows !== void 0 && { maxRows: legend.maxRows },
@@ -69,7 +84,7 @@ function ChartFrame({
       ...isPending && { "aria-busy": "true" },
       children: [
         legendNode !== null && (placement === "top" || placement === "left") && legendNode,
-        plot.width > 0 && plot.height > 0 && (isPending ? /* @__PURE__ */ jsx(ChartPending, { width: plot.width, height: plot.height }) : children(plot)),
+        plot.width > 0 && plot.height > 0 && (isPending ? /* @__PURE__ */ jsx(ChartPending, { width: plot.width, height: plot.height }) : children({ ...plot, hidden })),
         legendNode !== null && (placement === "bottom" || placement === "right") && legendNode
       ]
     }

package/dist/charts/primitives/ChartLegend.d.ts

@@ -15,6 +15,9 @@ export type LegendEntry = {
     /** Companions folded under this entry via `parent` (`deriveLegend`) — rendered as compact,
      * subordinate sub-entries beside the parent's label instead of vanishing. */
     children?: LegendEntry[];
+    /** Short qualifier rendered after the label in muted text — e.g. a flat-at-zero series that is
+     * invisible in the plot. */
+    note?: string;
 };
 /**
  * Shared legend for all non-sparkline charts. `highlighted`/`onHighlight` are optional — omit for
@@ -23,11 +26,19 @@ export type LegendEntry = {
  * reference bands instead of one flat smear. `maxRows` caps the number of rendered entries and
  * rolls the remainder into a `+N more` chip (row-accurate wrap measurement is `ChartFrame`'s job —
  * this is an entry-count cap, a deliberate simplification until that primitive lands).
+ *
+ * `onToggle` makes an entry a real toggle: clicking it hides the series in the plot, the tooltip,
+ * and the auto y-domain together (`ChartFrame` owns the `hidden` set — see `docs/CHARTS-SPEC.md`
+ * §5). Omit it for a static legend; a hidden entry is announced via `aria-pressed`.
  */
-export declare function ChartLegend({ items, highlighted, onHighlight, chartId, placement, groups, maxRows, }: {
+export declare function ChartLegend({ items, highlighted, onHighlight, hidden, onToggle, chartId, placement, groups, maxRows, }: {
     items: LegendEntry[];
     highlighted?: string | null;
     onHighlight?: (key: string | null) => void;
+    /** Keys currently toggled off. */
+    hidden?: ReadonlySet<string>;
+    /** Present = entries are clickable toggles. */
+    onToggle?: (key: string) => void;
     chartId?: string;
     placement?: LegendPlacement;
     groups?: boolean;

package/dist/charts/primitives/ChartLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE5D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,WAAW,CAAA;IAC9C,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mFAAmF;IACnF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;iFAC6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;CACzB,CAAA;AA+MD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAkB,EAClB,WAAW,EACX,OAAY,EACZ,SAAoB,EACpB,MAAc,EACd,OAAO,GACR,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,+BAkDA"}
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE5D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,WAAW,CAAA;IAC9C,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mFAAmF;IACnF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;iFAC6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB;gCAC4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AA4ND;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAkB,EAClB,WAAW,EACX,MAAkB,EAClB,QAAQ,EACR,OAAY,EACZ,SAAoB,EACpB,MAAc,EACd,OAAO,GACR,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1C,kCAAkC;IAClC,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC5B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,+BAmEA"}

package/dist/charts/primitives/ChartLegend.js

@@ -19,6 +19,7 @@ const LEGEND_ITEM_BUTTON = {
   textAlign: "inherit"
 };
 const GROUP_ORDER = ["series", "overlay", "reference"];
+const NO_HIDDEN = /* @__PURE__ */ new Set();
 const roleOf = (item) => item.role ?? "series";
 function orderEntries(items, groups) {
   if (!groups) return { entries: items, dividerAfter: /* @__PURE__ */ new Set() };
@@ -128,6 +129,9 @@ function LegendSwatch({ item, idPrefix }) {
     }
   ) });
 }
+const LEGEND_NOTE_STYLE = {
+  opacity: 0.75
+};
 const LEGEND_CHILD_STYLE = {
   display: "flex",
   alignItems: "center",
@@ -169,13 +173,16 @@ function LegendChildSwatch({ item }) {
 function LegendChild({ item }) {
   return /* @__PURE__ */ jsxs("span", { style: LEGEND_CHILD_STYLE, children: [
     /* @__PURE__ */ jsx(LegendChildSwatch, { item }),
-    /* @__PURE__ */ jsx("span", { children: item.label })
+    /* @__PURE__ */ jsx("span", { children: item.label }),
+    item.note ? /* @__PURE__ */ jsx("span", { children: item.note }) : null
   ] });
 }
 function ChartLegend({
   items,
   highlighted = null,
   onHighlight,
+  hidden = NO_HIDDEN,
+  onToggle,
   chartId = "",
   placement = "bottom",
   groups = false,
@@ -186,6 +193,10 @@ function ChartLegend({
     if (key !== void 0) onHighlight?.(key);
   };
   const handleLeave = () => onHighlight?.(null);
+  const handleToggle = (e) => {
+    const key = e.currentTarget.dataset["legendKey"];
+    if (key !== void 0) onToggle?.(key);
+  };
   const idPrefix = chartId ? `${chartId}-` : "";
   const vertical = placement === "left" || placement === "right";
   const { entries, dividerAfter } = orderEntries(items, groups);
@@ -199,11 +210,17 @@ function ChartLegend({
         {
           type: "button",
           "data-legend-key": item.key,
-          "aria-label": item.label,
+          "aria-label": item.note ? `${item.label} \u2014 ${item.note}` : item.label,
+          ...onToggle !== void 0 && { "aria-pressed": !hidden.has(item.key) },
           style: {
             ...LEGEND_ITEM_BUTTON,
-            opacity: highlighted === null || highlighted === item.key ? 1 : 0.3
+            cursor: onToggle === void 0 ? "default" : "pointer",
+            // Toggled-off wins over hover-dimming: a hidden series must read as hidden even while
+            // it is the one being hovered.
+            opacity: hidden.has(item.key) ? 0.35 : highlighted === null || highlighted === item.key ? 1 : 0.3,
+            textDecoration: hidden.has(item.key) ? "line-through" : "none"
           },
+          ...onToggle !== void 0 && { onClick: handleToggle },
           onMouseEnter: handleEnter,
           onMouseLeave: handleLeave,
           onFocus: handleEnter,
@@ -211,6 +228,7 @@ function ChartLegend({
           children: [
             /* @__PURE__ */ jsx(LegendSwatch, { item, idPrefix }),
             /* @__PURE__ */ jsx("span", { children: item.label }),
+            item.note ? /* @__PURE__ */ jsx("span", { style: LEGEND_NOTE_STYLE, children: item.note }) : null,
             item.children?.map((child) => /* @__PURE__ */ jsx(LegendChild, { item: child }, child.key))
           ]
         },

package/dist/charts/primitives/ChartLegend.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChartLegend.test.d.ts.map

package/dist/charts/primitives/ChartLegend.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.test.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartLegend.test.tsx"],"names":[],"mappings":""}

package/dist/charts/primitives/ChartTooltip.d.ts

@@ -1,19 +1,4 @@
-import type { CSSProperties, ReactNode, RefObject } from 'react';
-/** Theme-aware tooltip container styles — use with useChartTooltip(). */
-export declare function useTooltipStyles(): CSSProperties;
-/**
- * Outer tooltip shell. Renders nothing when tip is null. Renders to `document.body` via a
- * portal, so it may be authored anywhere in the tree, including inside `<svg>`.
- */
-export declare function ChartTooltip({ tip, tooltipRef, styles, children, }: {
-    tip: {
-        x: number;
-        y: number;
-    } | null;
-    tooltipRef?: RefObject<HTMLDivElement | null>;
-    styles: CSSProperties;
-    children: ReactNode;
-}): import("react").ReactPortal | null;
+import type { ReactNode } from 'react';
 /** Tooltip header — shows formatted date + optional right-aligned label with color. */
 export declare function TooltipHeader({ date, label, labelColor, }: {
     date: string;
@@ -34,4 +19,19 @@ export declare function TooltipRow({ color, label, value, valueColor, shape, str
 export declare function TooltipBody({ children }: {
     children: ReactNode;
 }): import("react").JSX.Element;
+/**
+ * Floating tooltip positioned against a viewport-space anchor, with flip + clamp handled once for
+ * every chart instead of per call site (this used to be recomputed inside each chart's own `useChartTooltip`, and only for
+ * charts that remembered to use it).
+ *
+ * The box is measured after mount via `useLayoutEffect`, so the first paint of a given tooltip is
+ * hidden rather than misplaced — a tooltip that flashes at the wrong corner reads as a bug.
+ */
+export declare function ChartTooltipFloat({ anchor, children, }: {
+    anchor: {
+        x: number;
+        y: number;
+    } | null;
+    children: ReactNode;
+}): import("react").ReactPortal | null;
 //# sourceMappingURL=ChartTooltip.d.ts.map

package/dist/charts/primitives/ChartTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAsBhE,yEAAyE;AACzE,wBAAgB,gBAAgB,IAAI,aAAa,CAEhD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,UAAU,EACV,MAAM,EACN,QAAQ,GACT,EAAE;IACD,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,MAAM,EAAE,aAAa,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB,sCAeA;AAED,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,UAAU,GACX,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,+BAoCA;AAED,4CAA4C;AAC5C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,+BA0CA;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEhE"}
+{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAuBrD,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,UAAU,GACX,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,+BAoCA;AAED,4CAA4C;AAC5C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,+BA0CA;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEhE;AAOD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACvC,QAAQ,EAAE,SAAS,CAAA;CACpB,sCA4CA"}

package/dist/charts/primitives/ChartTooltip.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { VX } from "../../tokens/index.js";
 import { fmtTooltipDate } from "../utils/format.js";
@@ -15,22 +16,6 @@ const TOOLTIP_STYLES = {
   boxShadow: VX.shadowCard,
   minWidth: 140
 };
-function useTooltipStyles() {
-  return TOOLTIP_STYLES;
-}
-function ChartTooltip({
-  tip,
-  tooltipRef,
-  styles,
-  children
-}) {
-  if (!tip) return null;
-  if (typeof document === "undefined") return null;
-  return createPortal(
-    /* @__PURE__ */ jsx("div", { ref: tooltipRef, style: { ...styles, left: tip.x, top: tip.y }, children }),
-    document.body
-  );
-}
 function TooltipHeader({
   date,
   label,
@@ -131,10 +116,51 @@ function TooltipRow({
 function TooltipBody({ children }) {
   return /* @__PURE__ */ jsx("div", { style: { padding: "5px 0" }, children });
 }
+const TOOLTIP_GAP = 12;
+const VIEWPORT_MARGIN = 8;
+function ChartTooltipFloat({
+  anchor,
+  children
+}) {
+  const ref = useRef(null);
+  const [box, setBox] = useState(null);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (el === null) return;
+    const { offsetWidth, offsetHeight } = el;
+    setBox(
+      (prev) => prev !== null && prev.width === offsetWidth && prev.height === offsetHeight ? prev : { width: offsetWidth, height: offsetHeight }
+    );
+  }, [children, anchor]);
+  if (anchor === null) return null;
+  if (typeof document === "undefined") return null;
+  const width = box?.width ?? 0;
+  const height = box?.height ?? 0;
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  const flipsLeft = anchor.x + TOOLTIP_GAP + width + VIEWPORT_MARGIN > vw;
+  const left = flipsLeft ? Math.max(VIEWPORT_MARGIN, anchor.x - TOOLTIP_GAP - width) : anchor.x + TOOLTIP_GAP;
+  const top = Math.min(
+    Math.max(VIEWPORT_MARGIN, anchor.y - TOOLTIP_GAP),
+    Math.max(VIEWPORT_MARGIN, vh - height - VIEWPORT_MARGIN)
+  );
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "tooltip",
+        "aria-live": "polite",
+        style: { ...TOOLTIP_STYLES, left, top, visibility: box === null ? "hidden" : "visible" },
+        children
+      }
+    ),
+    document.body
+  );
+}
 export {
-  ChartTooltip,
+  ChartTooltipFloat,
   TooltipBody,
   TooltipHeader,
-  TooltipRow,
-  useTooltipStyles
+  TooltipRow
 };

package/dist/charts/primitives/HoverOverlay.d.ts

@@ -1,10 +1,25 @@
-import type { PointerEventHandler } from 'react';
-/** Transparent <rect> that captures pointer events (mouse + touch + pen) for tooltip + crosshair
- * sync. */
-export declare function HoverOverlay({ width, height, onMove, onLeave, }: {
+import type { FocusEventHandler, KeyboardEventHandler, PointerEventHandler } from 'react';
+/**
+ * Transparent <rect> that captures pointer events (mouse + touch + pen) for tooltip + crosshair
+ * sync.
+ *
+ * With `onKeyDown` it also becomes the chart's keyboard affordance: the rect takes focus and
+ * ←/→ scrub the cursor, so a chart's values are reachable without a pointer.
+ */
+export declare function HoverOverlay({ width, height, onMove, onLeave, onKeyDown, onBlur, ariaLabel, valueNow, valueMax, valueText, }: {
     width: number;
     height: number;
     onMove: PointerEventHandler<SVGRectElement>;
     onLeave: PointerEventHandler<SVGRectElement>;
+    /** Present = the overlay is focusable and scrubs on ←/→. */
+    onKeyDown?: KeyboardEventHandler<SVGRectElement>;
+    onBlur?: FocusEventHandler<SVGRectElement>;
+    ariaLabel?: string;
+    /** Index of the focused point — announced as the slider position. */
+    valueNow?: number;
+    /** Last index of the domain. */
+    valueMax?: number;
+    /** Human-readable label for the focused point (the formatted x key). */
+    valueText?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=HoverOverlay.d.ts.map

package/dist/charts/primitives/HoverOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverOverlay.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/HoverOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD;WACW;AACX,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC3C,OAAO,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;CAC7C,+BAeA"}
+{"version":3,"file":"HoverOverlay.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/HoverOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEzF;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC3C,OAAO,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC5C,4DAA4D;IAC5D,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAA;IAChD,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BA8BA"}

package/dist/charts/primitives/HoverOverlay.js

@@ -3,7 +3,13 @@ function HoverOverlay({
   width,
   height,
   onMove,
-  onLeave
+  onLeave,
+  onKeyDown,
+  onBlur,
+  ariaLabel,
+  valueNow,
+  valueMax,
+  valueText
 }) {
   return /* @__PURE__ */ jsx(
     "rect",
@@ -11,6 +17,21 @@ function HoverOverlay({
       width,
       height,
       fill: "transparent",
+      ...onKeyDown !== void 0 && {
+        tabIndex: 0,
+        // `slider`, not `application`: `application` would drop this node out of the screen
+        // reader's normal browse mode entirely, which is a far bigger hammer than an arrow-key
+        // scrub needs. A slider announces both the affordance and the focused point.
+        role: "slider",
+        "aria-label": ariaLabel ?? "Chart data \u2014 use arrow keys to scrub",
+        "aria-orientation": "horizontal",
+        "aria-valuemin": 0,
+        ...valueMax !== void 0 && { "aria-valuemax": valueMax },
+        ...valueNow !== void 0 && { "aria-valuenow": valueNow },
+        ...valueText !== void 0 && { "aria-valuetext": valueText },
+        onKeyDown,
+        ...onBlur !== void 0 && { onBlur }
+      },
       style: { touchAction: "pan-y" },
       onPointerMove: onMove,
       onPointerLeave: onLeave,

package/dist/charts/primitives/XZoneRects.d.ts

@@ -0,0 +1,40 @@
+import type { scalePoint } from '@visx/scale';
+/**
+ * The point-scale instance type, derived from `@visx/scale`'s own `scalePoint` return type.
+ * Equivalent to d3's `ScalePoint<string>` but resolved through `@visx/scale` (an installed dep) so
+ * it needs no `@types/d3-scale` and stays inside the visx-only-in-charts boundary.
+ */
+type PointScale = ReturnType<typeof scalePoint<string>>;
+export type XZoneSpec = {
+    /** Left edge — a domain key produced by the kind's `getX`. Omit for "start of the plot area". */
+    from?: string;
+    /** Right edge — a domain key produced by the kind's `getX`. Omit for "end of the plot area". */
+    to?: string;
+    fill: string;
+};
+/**
+ * Vertical zone backgrounds (x-range overlays — twilight bands, a shaded time window) — one
+ * <rect> per zone, spanning y=[0, height] and x=[scale(from), scale(to)]. The x analog of
+ * `ZoneRects`, for a `scalePoint` x-axis instead of a `scaleLinear` y-axis.
+ *
+ * An omitted `from` resolves to `0` (start of the plot area); an omitted `to` resolves to
+ * `xScale.range()[1]` (the plot's right edge). A present key resolves to `xScale(key)` — the
+ * POINT CENTER, so a band reads as "from this sample to that sample", not edge-to-edge.
+ *
+ * A key that is not in the scale's domain skips that band entirely (renders nothing for it) —
+ * it is NEVER clamped to a plot edge. Clamping would silently paint a band across the whole
+ * chart for a typo'd or stale key, which is the exact class of quiet lie the repo's "nothing to
+ * draw is two different states" doctrine rejects: an unknown key must read as "not drawn", not
+ * as "the whole plot".
+ *
+ * A degenerate resolved range (right edge <= left edge, e.g. an inverted `from`/`to` pair) is
+ * also skipped — no negative-width rect.
+ */
+export declare function XZoneRects({ zones, height, xScale, }: {
+    zones: XZoneSpec[];
+    /** Plot-area height (yMax); rects span from 0 to this. */
+    height: number;
+    xScale: PointScale;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=XZoneRects.d.ts.map

package/dist/charts/primitives/XZoneRects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XZoneRects.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/XZoneRects.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C;;;;GAIG;AACH,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAA;AAEvD,MAAM,MAAM,SAAS,GAAG;IACtB,iGAAiG;IACjG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gGAAgG;IAChG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,0DAA0D;IAC1D,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,UAAU,CAAA;CACnB,+BAsBA"}

package/dist/charts/primitives/XZoneRects.js

@@ -0,0 +1,28 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+function XZoneRects({
+  zones,
+  height,
+  xScale
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: zones.map((z, i) => {
+    const [rangeStart, rangeEnd] = xScale.range();
+    const xFrom = z.from === void 0 ? rangeStart : xScale(z.from);
+    const xTo = z.to === void 0 ? rangeEnd : xScale(z.to);
+    if (xFrom === void 0 || xTo === void 0) return null;
+    if (xTo <= xFrom) return null;
+    return /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: xFrom,
+        y: 0,
+        width: xTo - xFrom,
+        height,
+        fill: z.fill
+      },
+      `xzone-${i}`
+    );
+  }) });
+}
+export {
+  XZoneRects
+};

package/dist/charts/primitives/XZoneRects.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=XZoneRects.test.d.ts.map

package/dist/charts/primitives/XZoneRects.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XZoneRects.test.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/XZoneRects.test.tsx"],"names":[],"mappings":""}

package/dist/charts/series.d.ts

@@ -36,6 +36,8 @@ export type ChartLegendConfig = {
     groups?: boolean;
     /** Wrap cap → "+N more" rollup at high cardinality. */
     maxRows?: number;
+    /** Clicking an entry hides that series. Default: on whenever there is more than one entry. */
+    toggle?: boolean;
 };
 /** Visual identity of a series — everything the legend + tooltip swatch need. No accessors, no `T`. */
 export type SeriesStyle = {
@@ -50,12 +52,24 @@ export type SeriesStyle = {
     strokeWidth?: number;
     /** bar/area: the swatch honors this so it cannot lie. */
     fillOpacity?: number;
+    /** Which y-axis this series is measured against. Default 'left'. `'right'` is what makes a
+     * chart dual-axis — `CartesianChart` reads it for the crosshair dots and the tooltip. */
+    axis?: 'left' | 'right';
     /** Default 'series'. */
     role?: SeriesRole;
     /** Default true; false = companion folded under `parent`. */
     legend?: boolean;
+    /**
+     * Default true; false = drawn and legended, but NEVER listed as a tooltip row. The replacement
+     * for the per-kind `hideBarTooltipRows` escape the old layer had: it belongs to the series, not to the kind, so
+     * one series can opt out without the kind growing a prop for it.
+     */
+    tooltip?: boolean;
     /** e.g. an MA line names its parent so hover-dimming keeps the pair. */
     parent?: string;
+    /** Short qualifier rendered after the label in muted text — e.g. a flat-at-zero series that is
+     * invisible in the plot. */
+    note?: string;
 };
 /** Full descriptor = visual identity + data accessors. Generic over the point type. */
 export type ChartSeries<T> = SeriesStyle & {
@@ -92,7 +106,8 @@ export type TooltipRowData = {
 export declare function deriveLegend(series: readonly SeriesStyle[]): LegendEntry[];
 /**
  * Derive tooltip rows from a series descriptor array + the hovered datum. Skips rows where
- * `getValue(datum) === null`; honors per-series `formatValue` over the shared `fallbackFormat`.
+ * `getValue(datum) === null` or `tooltip === false`; honors per-series `formatValue` over the
+ * shared `fallbackFormat`.
  * Kinds pass `series.toReversed()` for stacked charts so the tooltip stack matches the visual stack.
  */
 export declare function deriveTooltipRows<T>(series: readonly ChartSeries<T>[], datum: T, fallbackFormat: (v: number) => string): TooltipRowData[];

package/dist/charts/series.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"series.d.ts","sourceRoot":"","sources":["../../src/charts/series.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAA;AAE5C,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;AAEhD,0CAA0C;AAC1C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE3C,uCAAuC;AACvC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AAE3D,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wBAAwB;IACxB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,uGAAuG;AACvG,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,UAAU,CAAA;IAChB,uBAAuB;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,uFAAuF;AACvF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,WAAW,GAAG;IACzC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IACjC,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,qEAAqE;IACrE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC5D,CAAA;AAED,4DAA4D;AAC5D,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAiBD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,WAAW,EAAE,CAoB1E;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,MAAM,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,EACjC,KAAK,EAAE,CAAC,EACR,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GACpC,cAAc,EAAE,CAiBlB"}
+{"version":3,"file":"series.d.ts","sourceRoot":"","sources":["../../src/charts/series.ts"],"names":[],"mappings":"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"}

package/dist/charts/series.js

@@ -9,7 +9,8 @@ function legendEntryFor(s) {
     dashed: s.dash === "dashed",
     ...s.strokeWidth !== void 0 && { strokeWidth: s.strokeWidth },
     ...s.fillOpacity !== void 0 && { fillOpacity: s.fillOpacity },
-    ...s.role !== void 0 && { role: s.role }
+    ...s.role !== void 0 && { role: s.role },
+    ...s.note !== void 0 && { note: s.note }
   };
 }
 function deriveLegend(series) {
@@ -33,6 +34,7 @@ function deriveLegend(series) {
 function deriveTooltipRows(series, datum, fallbackFormat) {
   const rows = [];
   for (const s of series) {
+    if (s.tooltip === false) continue;
     const value = s.getValue(datum);
     if (value === null) continue;
     const format = s.formatValue ?? fallbackFormat;

package/dist/charts/series.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=series.test.d.ts.map

package/dist/charts/series.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"series.test.d.ts","sourceRoot":"","sources":["../../src/charts/series.test.ts"],"names":[],"mappings":""}

package/dist/charts/utils/measure-text.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Text measurement for chart layout — the input to {@link autoMargin}.
+ *
+ * A static margin token cannot know how wide a tick label is, which is why charts used to have to be
+ * hand-nudged whenever a label grew (`docs/CHARTS-SPEC.md` §1). This measures the strings that
+ * will actually be painted, via an OFFSCREEN canvas 2D context: no element is attached, so there
+ * is no layout thrash and no reflow — unlike an SVG `getBBox()` probe.
+ *
+ * Mantine-free and dependency-free by construction (`charts/**` boundary).
+ */
+/**
+ * The resolved value of `--basalt-font-mono` — canvas needs a concrete family list, it cannot
+ * resolve a CSS custom property. Read once from the document element.
+ */
+export declare function monoFontFamily(): string;
+/**
+ * Width in px of `text` at `fontPx` in the chart tick font. Memoized per `font|text` — a chart
+ * re-measures the same ~10 tick labels on every resize, and the cache turns that into a Map hit.
+ */
+export declare function measureText(text: string, fontPx: number, fontFamily?: string): number;
+/** Widest of `texts` at `fontPx`. Returns 0 for an empty list. */
+export declare function maxTextWidth(texts: readonly string[], fontPx: number, fontFamily?: string): number;
+/** Test seam — drops the memo table (and the resolved family) so a test can change fonts. */
+export declare function resetTextMetrics(): void;
+//# sourceMappingURL=measure-text.d.ts.map

package/dist/charts/utils/measure-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure-text.d.ts","sourceRoot":"","sources":["../../../src/charts/utils/measure-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAuCH;;;GAGG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAWvC;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAkBrF;AAED,kEAAkE;AAClE,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,MAAM,EAAE,MAAM,EACd,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAOR;AAED,6FAA6F;AAC7F,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

package/dist/charts/utils/measure-text.js

@@ -0,0 +1,64 @@
+const FALLBACK_CHAR_RATIO = 0.6;
+const FALLBACK_MONO = "ui-monospace, SFMono-Regular, Menlo, monospace";
+const CACHE_LIMIT = 2e3;
+const cache = /* @__PURE__ */ new Map();
+let ctx;
+let monoFamily;
+function canvasContext() {
+  if (ctx !== void 0) return ctx;
+  if (typeof document === "undefined") {
+    ctx = null;
+    return ctx;
+  }
+  ctx = document.createElement("canvas").getContext("2d");
+  document.fonts?.ready?.then?.(() => cache.clear()).catch(() => {
+  });
+  return ctx;
+}
+function monoFontFamily() {
+  if (monoFamily !== void 0) return monoFamily;
+  if (typeof document === "undefined" || typeof getComputedStyle !== "function") {
+    monoFamily = FALLBACK_MONO;
+    return monoFamily;
+  }
+  const value = getComputedStyle(document.documentElement).getPropertyValue("--basalt-font-mono").trim();
+  monoFamily = value.length > 0 ? value : FALLBACK_MONO;
+  return monoFamily;
+}
+function measureText(text, fontPx, fontFamily) {
+  const family = fontFamily ?? monoFontFamily();
+  const font = `${fontPx}px ${family}`;
+  const key = `${font}|${text}`;
+  const hit = cache.get(key);
+  if (hit !== void 0) return hit;
+  const c = canvasContext();
+  let width;
+  if (c === null) {
+    width = text.length * fontPx * FALLBACK_CHAR_RATIO;
+  } else {
+    c.font = font;
+    width = c.measureText(text).width;
+  }
+  if (cache.size >= CACHE_LIMIT) cache.clear();
+  cache.set(key, width);
+  return width;
+}
+function maxTextWidth(texts, fontPx, fontFamily) {
+  let max = 0;
+  for (const text of texts) {
+    const width = measureText(text, fontPx, fontFamily);
+    if (width > max) max = width;
+  }
+  return max;
+}
+function resetTextMetrics() {
+  cache.clear();
+  ctx = void 0;
+  monoFamily = void 0;
+}
+export {
+  maxTextWidth,
+  measureText,
+  monoFontFamily,
+  resetTextMetrics
+};

package/dist/charts/utils/measure-text.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=measure-text.test.d.ts.map

package/dist/charts/utils/measure-text.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure-text.test.d.ts","sourceRoot":"","sources":["../../../src/charts/utils/measure-text.test.ts"],"names":[],"mappings":""}