basalt-ui 1.14.0 → 1.15.0

package/dist/charts/cursor/resolve.js

@@ -0,0 +1,61 @@
+function parseKey(key) {
+  if (/^[-+]?\d*\.?\d+$/.test(key)) {
+    const n = Number(key);
+    return Number.isFinite(n) ? n : null;
+  }
+  const t = Date.parse(key);
+  return Number.isNaN(t) ? null : t;
+}
+function buildDomainIndex(data, getKey) {
+  const byKey = /* @__PURE__ */ new Map();
+  const parsed = [];
+  let parseable = true;
+  for (const d of data) {
+    byKey.set(getKey(d), d);
+    if (!parseable) continue;
+    const value = parseKey(getKey(d));
+    if (value === null) parseable = false;
+    else parsed.push({ value, point: d });
+  }
+  if (!parseable || parsed.length < 2) return { byKey, values: [], points: [], step: 0 };
+  parsed.sort((a, b) => a.value - b.value);
+  const values = parsed.map((p) => p.value);
+  const points = parsed.map((p) => p.point);
+  const diffs = [];
+  for (let i = 1; i < values.length; i++) {
+    diffs.push(values[i] - values[i - 1]);
+  }
+  diffs.sort((a, b) => a - b);
+  return { byKey, values, points, step: diffs[Math.floor(diffs.length / 2)] ?? 0 };
+}
+function resolveCursorPoint(index, key) {
+  const exact = index.byKey.get(key);
+  if (exact !== void 0) return exact;
+  const target = parseKey(key);
+  if (target === null || index.values.length === 0) return null;
+  const first = index.values[0];
+  const last = index.values[index.values.length - 1];
+  if (target < first - index.step || target > last + index.step) return null;
+  let lo = 0;
+  let hi = index.values.length - 1;
+  while (lo < hi) {
+    const mid = lo + hi >> 1;
+    if (index.values[mid] < target) lo = mid + 1;
+    else hi = mid;
+  }
+  let best = lo;
+  let bestDist = Math.abs(index.values[lo] - target);
+  if (lo > 0) {
+    const prevDist = Math.abs(index.values[lo - 1] - target);
+    if (prevDist <= bestDist) {
+      best = lo - 1;
+      bestDist = prevDist;
+    }
+  }
+  return bestDist <= index.step ? index.points[best] : null;
+}
+export {
+  buildDomainIndex,
+  parseKey,
+  resolveCursorPoint
+};

package/dist/charts/cursor/resolve.test.d.ts

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

package/dist/charts/cursor/resolve.test.d.ts.map

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

package/dist/charts/cursor/scope.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { CursorState, CursorStore } from './store.js';
+export type ChartCursorScopeProps = {
+    children: ReactNode;
+};
+/**
+ * ISOLATES its subtree onto a private cursor store — the inverse of the removed `ChartHoverSync`, which
+ * had to be mounted to enable sharing at all. Charts share a cursor by default now; wrap a group
+ * in this only when it must NOT follow the rest of the page (e.g. two independent dashboards
+ * rendered side by side over the same calendar).
+ */
+export declare function ChartCursorScope({ children }: ChartCursorScopeProps): import("react").JSX.Element;
+/** The cursor store this chart belongs to — the nearest `ChartCursorScope`, else the global one. */
+export declare function useCursorStore(): CursorStore;
+/** Subscribe to the ambient cursor. Re-renders only on an actual cursor change. */
+export declare function useCursorState(): CursorState;
+//# sourceMappingURL=scope.d.ts.map

package/dist/charts/cursor/scope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope.d.ts","sourceRoot":"","sources":["../../../src/charts/cursor/scope.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAGnE;AAED,oGAAoG;AACpG,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAED,mFAAmF;AACnF,wBAAgB,cAAc,IAAI,WAAW,CAG5C"}

package/dist/charts/cursor/scope.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useSyncExternalStore } from "react";
+import { createCursorStore, EMPTY_CURSOR, globalCursorStore } from "./store.js";
+const CursorStoreContext = createContext(globalCursorStore);
+function ChartCursorScope({ children }) {
+  const store = useMemo(() => createCursorStore(), []);
+  return /* @__PURE__ */ jsx(CursorStoreContext.Provider, { value: store, children });
+}
+function useCursorStore() {
+  return useContext(CursorStoreContext);
+}
+function useCursorState() {
+  const store = useCursorStore();
+  return useSyncExternalStore(store.subscribe, store.get, () => EMPTY_CURSOR);
+}
+export {
+  ChartCursorScope,
+  useCursorState,
+  useCursorStore
+};

package/dist/charts/cursor/store.d.ts

@@ -0,0 +1,31 @@
+/**
+ * The shared chart cursor — an external store, not a React context value.
+ *
+ * Sharing used to require a `ChartHoverSync` ancestor, so it was opt-in and silently absent
+ * whenever someone forgot the wrapper. This inverts that: a module-level store means every
+ * chart on the page shares a cursor by default, and `ChartCursorScope` exists to ISOLATE a
+ * subtree (`docs/CHARTS-SPEC.md` §3). Charts with non-overlapping domains never resolve each
+ * other's keys, so "shared by default" cannot produce a false cursor.
+ *
+ * External store rather than context for a second reason: a cursor move re-renders only the
+ * charts subscribed to it, instead of every descendant of a provider whose value object is new
+ * on each pointer frame.
+ */
+/** Broadcast cursor position: an opaque domain key plus the chart that owns it. */
+export type CursorState = {
+    /** The hovered x-domain key (a date/category string), or null when nothing is hovered. */
+    key: string | null;
+    /** `chartId` of the chart the pointer is actually over — the one that owns the tooltip. */
+    source: string | null;
+};
+export type CursorStore = {
+    get: () => CursorState;
+    set: (key: string | null, source: string | null) => void;
+    subscribe: (onChange: () => void) => () => void;
+};
+/** Stable identity for "nothing hovered" — also the SSR snapshot, so it must never be recreated. */
+export declare const EMPTY_CURSOR: CursorState;
+export declare function createCursorStore(): CursorStore;
+/** The default store every chart shares unless a `ChartCursorScope` overrides it. */
+export declare const globalCursorStore: CursorStore;
+//# sourceMappingURL=store.d.ts.map

package/dist/charts/cursor/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/charts/cursor/store.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,mFAAmF;AACnF,MAAM,MAAM,WAAW,GAAG;IACxB,0FAA0F;IAC1F,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,2FAA2F;IAC3F,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,WAAW,CAAA;IACtB,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;CAChD,CAAA;AAED,oGAAoG;AACpG,eAAO,MAAM,YAAY,EAAE,WAAyC,CAAA;AAEpE,wBAAgB,iBAAiB,IAAI,WAAW,CAkB/C;AAED,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,WAAiC,CAAA"}

package/dist/charts/cursor/store.js

@@ -0,0 +1,25 @@
+const EMPTY_CURSOR = { key: null, source: null };
+function createCursorStore() {
+  let state = EMPTY_CURSOR;
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    get: () => state,
+    set: (key, source) => {
+      if (state.key === key && state.source === source) return;
+      state = key === null && source === null ? EMPTY_CURSOR : { key, source };
+      for (const listener of listeners) listener();
+    },
+    subscribe: (onChange) => {
+      listeners.add(onChange);
+      return () => {
+        listeners.delete(onChange);
+      };
+    }
+  };
+}
+const globalCursorStore = createCursorStore();
+export {
+  EMPTY_CURSOR,
+  createCursorStore,
+  globalCursorStore
+};

package/dist/charts/cursor/store.test.d.ts

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

package/dist/charts/cursor/store.test.d.ts.map

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

package/dist/charts/hooks/useChartCursor.d.ts

@@ -0,0 +1,39 @@
+import type { KeyboardEvent, PointerEvent } from 'react';
+/** Viewport-space pointer anchor the tooltip positions against. */
+export type CursorAnchor = {
+    x: number;
+    y: number;
+};
+export type ChartCursor<T> = {
+    /** The point this chart paints its crosshair + dots at — own hover, or a resolved sibling key. */
+    point: T | null;
+    /** True when the pointer is over THIS chart. Only the source chart shows the floating tooltip. */
+    isSource: boolean;
+    /** Latest pointer position in viewport coords, or null when not hovered. */
+    anchor: CursorAnchor | null;
+    onPointerMove: (event: PointerEvent<SVGRectElement>) => void;
+    onPointerLeave: () => void;
+    onKeyDown: (event: KeyboardEvent<SVGRectElement>) => void;
+    onBlur: () => void;
+};
+/**
+ * Wires a chart into the ambient cursor store: snaps the pointer to the nearest own point,
+ * broadcasts it, and reads back a sibling's broadcast through domain-aware resolution. Replaces
+ * the removed `useHoverSync` + `useChartTooltip` pair, including their `resolveKey` escape hatch —
+ * resolution is now automatic.
+ *
+ * The tooltip anchor is coalesced through `requestAnimationFrame`, so a fast scrub costs one local
+ * state write per frame instead of one per event. The BROADCAST is not rAF-gated — it is deduped
+ * instead (the store ignores a set that doesn't change the value), so a scrub within one x-bucket
+ * costs nothing while a real bucket change reaches siblings on the same tick rather than a frame
+ * late.
+ */
+export declare function useChartCursor<T>({ data, chartId, getKey, xScale, marginLeft, }: {
+    data: readonly T[];
+    chartId: string;
+    getKey: (d: T) => string;
+    /** Own x scale — maps a domain key to a plot-local x offset. */
+    xScale: (key: string) => number | undefined;
+    marginLeft: number;
+}): ChartCursor<T>;
+//# sourceMappingURL=useChartCursor.d.ts.map

package/dist/charts/hooks/useChartCursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartCursor.d.ts","sourceRoot":"","sources":["../../../src/charts/hooks/useChartCursor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIxD,mEAAmE;AACnE,MAAM,MAAM,YAAY,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,kGAAkG;IAClG,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;IACf,kGAAkG;IAClG,QAAQ,EAAE,OAAO,CAAA;IACjB,4EAA4E;IAC5E,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC5D,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IACzD,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,MAAM,EACN,UAAU,GACX,EAAE;IACD,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,gEAAgE;IAChE,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IAC3C,UAAU,EAAE,MAAM,CAAA;CACnB,GAAG,WAAW,CAAC,CAAC,CAAC,CAmHjB"}

package/dist/charts/hooks/useChartCursor.js

@@ -0,0 +1,104 @@
+import { localPoint } from "@visx/event";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { buildDomainIndex, resolveCursorPoint } from "../cursor/resolve.js";
+import { useCursorState, useCursorStore } from "../cursor/scope.js";
+function useChartCursor({
+  data,
+  chartId,
+  getKey,
+  xScale,
+  marginLeft
+}) {
+  const store = useCursorStore();
+  const cursor = useCursorState();
+  const [anchor, setAnchor] = useState(null);
+  const getKeyRef = useRef(getKey);
+  getKeyRef.current = getKey;
+  const xScaleRef = useRef(xScale);
+  xScaleRef.current = xScale;
+  const index = useMemo(() => buildDomainIndex(data, getKeyRef.current), [data]);
+  const frameRef = useRef(null);
+  const pendingRef = useRef(null);
+  useEffect(
+    () => () => {
+      if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
+      if (store.get().source === chartId) store.set(null, null);
+    },
+    [store, chartId]
+  );
+  const scheduleAnchor = useCallback((next) => {
+    pendingRef.current = next;
+    if (frameRef.current !== null) return;
+    frameRef.current = requestAnimationFrame(() => {
+      frameRef.current = null;
+      setAnchor(pendingRef.current);
+    });
+  }, []);
+  const onPointerMove = useCallback(
+    (event) => {
+      if (data.length === 0) return;
+      const local = localPoint(event.currentTarget, event.nativeEvent);
+      if (local === null) return;
+      const px = local.x - marginLeft;
+      let closest = data[0];
+      let minDist = Infinity;
+      for (const d of data) {
+        const x = xScaleRef.current(getKeyRef.current(d)) ?? 0;
+        const dist = Math.abs(x - px);
+        if (dist < minDist) {
+          minDist = dist;
+          closest = d;
+        }
+      }
+      scheduleAnchor({ x: event.clientX, y: event.clientY });
+      store.set(getKeyRef.current(closest), chartId);
+    },
+    [data, marginLeft, chartId, store, scheduleAnchor]
+  );
+  const clear = useCallback(() => {
+    if (frameRef.current !== null) {
+      cancelAnimationFrame(frameRef.current);
+      frameRef.current = null;
+    }
+    pendingRef.current = null;
+    setAnchor(null);
+    if (store.get().source === chartId) store.set(null, null);
+  }, [store, chartId]);
+  const onKeyDown = useCallback(
+    (event) => {
+      if (data.length === 0) return;
+      if (event.key === "Escape") {
+        clear();
+        return;
+      }
+      const delta = event.key === "ArrowRight" ? 1 : event.key === "ArrowLeft" ? -1 : 0;
+      if (delta === 0) return;
+      event.preventDefault();
+      const current = store.get().key;
+      const currentIndex = data.findIndex((d) => getKeyRef.current(d) === current);
+      const nextIndex = Math.min(
+        Math.max((currentIndex === -1 ? delta > 0 ? -1 : data.length : currentIndex) + delta, 0),
+        data.length - 1
+      );
+      const next = data[nextIndex];
+      const rect = event.currentTarget.getBoundingClientRect();
+      const x = xScaleRef.current(getKeyRef.current(next)) ?? 0;
+      scheduleAnchor({ x: rect.left + x, y: rect.top });
+      store.set(getKeyRef.current(next), chartId);
+    },
+    [data, store, chartId, clear, scheduleAnchor]
+  );
+  const point = cursor.key === null ? null : resolveCursorPoint(index, cursor.key);
+  return {
+    point,
+    isSource: cursor.source === chartId,
+    anchor,
+    onPointerMove,
+    onPointerLeave: clear,
+    onKeyDown,
+    onBlur: clear
+  };
+}
+export {
+  useChartCursor
+};

package/dist/charts/hooks/useChartSize.d.ts

@@ -11,12 +11,16 @@ export type UseChartSizeResult = ChartSize & {
  * A thin basalt wrapper over `@visx/responsive`'s `useParentSize` — keeps the
  * `@visx/*` import inside `src/charts/**` per the Mantine-free boundary rule.
  *
+ * Charts do not call this directly — `ChartFrame` (and `CartesianChart` above it) measure for
+ * them, including the legend band. Reach for it when something OUTSIDE the chart system needs a
+ * measured box, e.g. sizing a sparkline to its table cell.
+ *
  * @example
- * function MyChart() {
- *   const { ref, width, height } = useChartSize()
+ * function CellSparkline({ points }: { points: number[] }) {
+ *   const { ref, width } = useChartSize()
  *   return (
- *     <div ref={ref} style={{ width: '100%', height: 240 }}>
- *       {width > 0 && <Bars width={width} height={height} ... />}
+ *     <div ref={ref} style={{ width: '100%', height: 24 }}>
+ *       {width > 0 && <LineSparkline data={points} width={width} height={24} />}
  *     </div>
  *   )
  * }

package/dist/charts/hooks/useChartSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChartSize.d.ts","sourceRoot":"","sources":["../../../src/charts/hooks/useChartSize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,iEAAiE;IACjE,GAAG,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,UAAU,SAAI,GAAG,kBAAkB,CAG/D"}
+{"version":3,"file":"useChartSize.d.ts","sourceRoot":"","sources":["../../../src/charts/hooks/useChartSize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,iEAAiE;IACjE,GAAG,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,UAAU,SAAI,GAAG,kBAAkB,CAG/D"}

package/dist/charts/index.d.ts

@@ -2,37 +2,40 @@
  * `./charts` — Mantine-free visx chart system (ZERO `@mantine/*` imports, lint-enforced).
  *
  * Re-exports the framework token layer (so chart consumers have one import surface), the chart
- * theme context, the shared-cursor hover context, the primitives, kinds, sparklines, hooks, utils,
- * and a curated set of raw @visx primitives for bespoke charts.
+ * theme context, the shared cursor (module-level store — charts sync with no provider; see
+ * `docs/CHARTS-SPEC.md` §3), the primitives, kinds, sparklines, hooks, utils, and a curated set of
+ * raw @visx primitives for bespoke charts.
  *
  * The framework ships ONLY generic primitives + framework palette data — no domain series tree
  * (apps rebuild that app-side with `seriesTokens` / `groupTokens` against their own series maps).
  * Grounded in argo `packages/charts/src/index.ts`.
  */
-export { VX, alpha, type ColorPair, type SeriesMap, buildPaletteCss, seriesTokens, defineSeries, groupTokens, } from '../tokens/index.js';
+export { VX, alpha, type ColorPair, type SeriesMap, buildPaletteCss, seriesTokens, defineSeries, groupTokens, chartMargin, type ChartMargin, } from '../tokens/index.js';
 export type { SeriesKey } from '../register.js';
 export { VxThemeProvider, useVxTheme, type VxTheme } from './theme.js';
-export { HoverContext, DEFAULT_NO_OP_SET_HOVER, type HoverCtx } from './hover-context.js';
-export { ChartHoverSync, type ChartHoverSyncProps } from './hover-sync.js';
+export { ChartCursorScope, type ChartCursorScopeProps, useCursorState } from './cursor/scope.js';
+export { createCursorStore, globalCursorStore, type CursorState, type CursorStore, } from './cursor/store.js';
 export { type SeriesMark, type SeriesDash, type SeriesRole, type LegendPlacement, type ChartLegendConfig, type SeriesStyle, type ChartSeries, deriveLegend, deriveTooltipRows, } from './series.js';
-export { ResponsiveChart, type ResponsiveChartProps } from './primitives/ResponsiveChart.js';
-export { ChartFrame, type ChartFrameProps, type ChartFrameLegend } from './primitives/ChartFrame.js';
+export { CartesianChart, resolveAxisDomain, type CartesianChartProps, type CartesianTooltipConfig, type AxisConfig, type PlotContext, } from './primitives/CartesianChart.js';
+export { ChartFrame, type ChartFrameProps, type ChartFrameLegend, type PlotRect, resolveLegend, } from './primitives/ChartFrame.js';
 export { ChartCenter, type ChartCenterProps, ChartPending, type ChartPendingProps, } from './primitives/ChartPending.js';
 export { Crosshair, SeriesDot } from './primitives/Crosshair.js';
 export { ChartCard } from './primitives/ChartCard.js';
 export { ChartLegend, type LegendEntry } from './primitives/ChartLegend.js';
-export { ChartTooltip, TooltipHeader, TooltipRow, TooltipBody, useTooltipStyles, } from './primitives/ChartTooltip.js';
+export { ChartTooltipFloat, TooltipHeader, TooltipRow, TooltipBody, } from './primitives/ChartTooltip.js';
 export { AxisBottomDate, AxisLeftNumeric, AxisRightNumeric } from './primitives/Axes.js';
 export { HoverOverlay } from './primitives/HoverOverlay.js';
 export { ZoneRects, type ZoneSpec } from './primitives/ZoneRects.js';
+export { XZoneRects, type XZoneSpec } from './primitives/XZoneRects.js';
 export { AreaGradient, areaFillUrl } from './primitives/AreaGradient.js';
-export { useChartTooltip, type TooltipState } from './hooks/useChartTooltip.js';
-export { useHoverSync } from './hooks/useHoverSync.js';
+export { useChartCursor, type ChartCursor, type CursorAnchor } from './hooks/useChartCursor.js';
 export { useChartSize, type UseChartSizeResult, type ChartSize } from './hooks/useChartSize.js';
 export { fmtAxisDate, fmtTooltipDate } from './utils/format.js';
-export { smartTicks } from './utils/ticks.js';
-export { ZonedLine, type ZonedLineProps, type ZonedLineZone, type ZonedLineThreshold, type ZonedLineRefLine, type ZonedLineTooltipLabel, } from './kinds/ZonedLine.js';
-export { Bars, type BarsProps, type BarsBar, type BarsLine, type BarsZone, type BarsRefLine, type BarsAxisConfig, } from './kinds/Bars.js';
+export { smartTicks, smartTicksEvery } from './utils/ticks.js';
+export { autoMargin, probeAxisLabels, type AutoMarginInput } from './layout/auto-margin.js';
+export { measureText, maxTextWidth } from './utils/measure-text.js';
+export { ZonedLine, type ZonedLineProps, type ZonedLineZone, type ZonedLineThreshold, type ZonedLineRefLine, } from './kinds/ZonedLine.js';
+export { Bars, type BarsProps, type BarsBar, type BarsLine, type BarsZone, type BarsRefLine, } from './kinds/Bars.js';
 export { StackedArea, type StackedAreaProps } from './kinds/StackedArea.js';
 export { Donut, type DonutProps, type DonutDatum } from './kinds/Donut.js';
 export { MultiLine, type MultiLineProps } from './kinds/MultiLine.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"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"}

package/dist/charts/index.js

@@ -4,17 +4,27 @@ import {
   buildPaletteCss,
   seriesTokens,
   defineSeries,
-  groupTokens
+  groupTokens,
+  chartMargin
 } from "../tokens/index.js";
 import { VxThemeProvider, useVxTheme } from "./theme.js";
-import { HoverContext, DEFAULT_NO_OP_SET_HOVER } from "./hover-context.js";
-import { ChartHoverSync } from "./hover-sync.js";
+import { ChartCursorScope, useCursorState } from "./cursor/scope.js";
+import {
+  createCursorStore,
+  globalCursorStore
+} from "./cursor/store.js";
 import {
   deriveLegend,
   deriveTooltipRows
 } from "./series.js";
-import { ResponsiveChart } from "./primitives/ResponsiveChart.js";
-import { ChartFrame } from "./primitives/ChartFrame.js";
+import {
+  CartesianChart,
+  resolveAxisDomain
+} from "./primitives/CartesianChart.js";
+import {
+  ChartFrame,
+  resolveLegend
+} from "./primitives/ChartFrame.js";
 import {
   ChartCenter,
   ChartPending
@@ -23,21 +33,22 @@ import { Crosshair, SeriesDot } from "./primitives/Crosshair.js";
 import { ChartCard } from "./primitives/ChartCard.js";
 import { ChartLegend } from "./primitives/ChartLegend.js";
 import {
-  ChartTooltip,
+  ChartTooltipFloat,
   TooltipHeader,
   TooltipRow,
-  TooltipBody,
-  useTooltipStyles
+  TooltipBody
 } from "./primitives/ChartTooltip.js";
 import { AxisBottomDate, AxisLeftNumeric, AxisRightNumeric } from "./primitives/Axes.js";
 import { HoverOverlay } from "./primitives/HoverOverlay.js";
 import { ZoneRects } from "./primitives/ZoneRects.js";
+import { XZoneRects } from "./primitives/XZoneRects.js";
 import { AreaGradient, areaFillUrl } from "./primitives/AreaGradient.js";
-import { useChartTooltip } from "./hooks/useChartTooltip.js";
-import { useHoverSync } from "./hooks/useHoverSync.js";
+import { useChartCursor } from "./hooks/useChartCursor.js";
 import { useChartSize } from "./hooks/useChartSize.js";
 import { fmtAxisDate, fmtTooltipDate } from "./utils/format.js";
-import { smartTicks } from "./utils/ticks.js";
+import { smartTicks, smartTicksEvery } from "./utils/ticks.js";
+import { autoMargin, probeAxisLabels } from "./layout/auto-margin.js";
+import { measureText, maxTextWidth } from "./utils/measure-text.js";
 import {
   ZonedLine
 } from "./kinds/ZonedLine.js";
@@ -74,29 +85,27 @@ export {
   BarSparkline,
   BarStack,
   Bars,
+  CartesianChart,
   ChartCard,
   ChartCenter,
+  ChartCursorScope,
   ChartFrame,
-  ChartHoverSync,
   ChartLegend,
   ChartPending,
-  ChartTooltip,
+  ChartTooltipFloat,
   Crosshair,
-  DEFAULT_NO_OP_SET_HOVER,
   Donut,
   DualPanel,
   GridColumns,
   GridRows,
   Group,
   Heatmap,
-  HoverContext,
   HoverOverlay,
   Line,
   LinePath,
   LineSparkline,
   MultiLine,
   Pie,
-  ResponsiveChart,
   SeriesDot,
   StackedArea,
   Threshold,
@@ -105,11 +114,15 @@ export {
   TooltipRow,
   VX,
   VxThemeProvider,
+  XZoneRects,
   ZoneRects,
   ZonedLine,
   alpha,
   areaFillUrl,
+  autoMargin,
   buildPaletteCss,
+  chartMargin,
+  createCursorStore,
   curveBasis,
   curveCatmullRom,
   curveLinear,
@@ -120,16 +133,22 @@ export {
   deriveTooltipRows,
   fmtAxisDate,
   fmtTooltipDate,
+  globalCursorStore,
   groupTokens,
+  maxTextWidth,
+  measureText,
+  probeAxisLabels,
+  resolveAxisDomain,
+  resolveLegend,
   scaleBand,
   scaleLinear,
   scalePoint,
   scaleTime,
   seriesTokens,
   smartTicks,
+  smartTicksEvery,
+  useChartCursor,
   useChartSize,
-  useChartTooltip,
-  useHoverSync,
-  useTooltipStyles,
+  useCursorState,
   useVxTheme
 };