basalt-ui 1.13.0 → 1.15.0

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

@@ -1,46 +0,0 @@
-type XScale = (x: string) => number | undefined;
-/**
- * Wires a chart into the shared-cursor HoverContext plus the local tooltip state.
- *
- * Returns everything a chart needs to:
- *   - snap mouse position to the nearest data point (by x-category)
- *   - broadcast that hover to other charts via HoverContext
- *   - read back hover from other charts (for ghost crosshair + dot)
- *   - drive its local tooltip
- *
- * Every non-sparkline chart kind MUST use this hook. Do not reimplement the
- * closest-point loop inline — drift across 15+ charts is the exact problem
- * this hook prevents.
- */
-export declare function useHoverSync<T>({ data, chartId, getKey, xScale, marginLeft, resolveKey, }: {
-    data: T[];
-    chartId: string;
-    getKey: (d: T) => string;
-    xScale: XScale;
-    marginLeft: number;
-    /**
-     * Overrides how a SIBLING's broadcast key resolves to one of THIS chart's own points. Only
-     * affects reading another chart's hover — this chart's own hover (via `getKey`/`xScale`) is
-     * untouched.
-     *
-     * Cross-chart sync is exact string match by default (`pointByKey.get(ctx.key)`), so two charts
-     * share a cursor only if they emit identical key strings. A chart that downsamples/folds its
-     * domain to fit a narrow viewport (e.g. ~288 buckets folded into ~97 columns at 390px) no longer
-     * owns most of the keys its unfolded siblings broadcast — the shared crosshair then appears on
-     * roughly one hover in three, with no rule a reader can infer, which is worse than no shared
-     * cursor at all. Pass `resolveKey` to map a foreign key onto whichever of this chart's own points
-     * swallowed it (e.g. the folded bucket the key falls into).
-     *
-     * Omit it and behaviour is byte-identical to today.
-     */
-    resolveKey?: (key: string) => T | null;
-}): {
-    tip: import("./useChartTooltip.js").TooltipState<T>;
-    tooltipRef: import("react").RefObject<HTMLDivElement | null>;
-    syncedPoint: T | null;
-    isDirectHover: boolean;
-    handleMouse: (event: React.MouseEvent<SVGRectElement>) => void;
-    handleLeave: () => void;
-};
-export {};
-//# sourceMappingURL=useHoverSync.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useHoverSync.d.ts","sourceRoot":"","sources":["../../../src/charts/hooks/useHoverSync.ts"],"names":[],"mappings":"AAKA,KAAK,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;AAE/C;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,IAAI,EACJ,OAAO,EACP,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,GACX,EAAE;IACD,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,GAAG,IAAI,CAAA;CACvC;;;;;yBA6CW,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;EAyD3C"}

package/dist/charts/hooks/useHoverSync.js

@@ -1,75 +0,0 @@
-import { localPoint } from "@visx/event";
-import { useCallback, useContext, useMemo, useRef } from "react";
-import { DEFAULT_NO_OP_SET_HOVER, HoverContext } from "../hover-context.js";
-import { useChartTooltip } from "./useChartTooltip.js";
-function useHoverSync({
-  data,
-  chartId,
-  getKey,
-  xScale,
-  marginLeft,
-  resolveKey
-}) {
-  const ctx = useContext(HoverContext);
-  const ctxRef = useRef(ctx);
-  ctxRef.current = ctx;
-  const warnedRef = useRef(false);
-  if (process.env["NODE_ENV"] !== "production" && ctx.setHover === DEFAULT_NO_OP_SET_HOVER && !warnedRef.current) {
-    warnedRef.current = true;
-    console.warn(
-      "[charts] useHoverSync used outside <HoverContext.Provider>. Cross-chart cursor sync will not work."
-    );
-  }
-  const { tip, show, hide, tooltipRef, lastDateRef } = useChartTooltip();
-  const getKeyRef = useRef(getKey);
-  getKeyRef.current = getKey;
-  const xScaleRef = useRef(xScale);
-  xScaleRef.current = xScale;
-  const pointByKey = useMemo(() => {
-    const m = /* @__PURE__ */ new Map();
-    for (const d of data) m.set(getKeyRef.current(d), d);
-    return m;
-  }, [data]);
-  const handleMouse = useCallback(
-    (event) => {
-      const point = localPoint(event);
-      if (!point || data.length === 0) return;
-      const px = point.x - marginLeft;
-      let closest = data[0];
-      let minDist = Infinity;
-      for (const d of data) {
-        const sx = xScaleRef.current(getKeyRef.current(d)) ?? 0;
-        const dist = Math.abs(sx - px);
-        if (dist < minDist) {
-          minDist = dist;
-          closest = d;
-        }
-      }
-      show(closest, event);
-      const key = getKeyRef.current(closest);
-      if (lastDateRef.current !== key) {
-        lastDateRef.current = key;
-        ctxRef.current.setHover(key, chartId);
-      }
-    },
-    [data, chartId, marginLeft, show, lastDateRef]
-  );
-  const handleLeave = useCallback(() => {
-    hide();
-    if (ctxRef.current.source === chartId) ctxRef.current.setHover(null, null);
-  }, [hide, chartId]);
-  const syncedPoint = ctx.key ? resolveKey ? resolveKey(ctx.key) : pointByKey.get(ctx.key) ?? null : tip?.data ?? null;
-  const hasProvider = ctx.setHover !== DEFAULT_NO_OP_SET_HOVER;
-  const isDirectHover = hasProvider ? ctx.source === chartId : tip !== null;
-  return {
-    tip,
-    tooltipRef,
-    syncedPoint,
-    isDirectHover,
-    handleMouse,
-    handleLeave
-  };
-}
-export {
-  useHoverSync
-};

package/dist/charts/hover-context.d.ts

@@ -1,21 +0,0 @@
-export type HoverCtx = {
-    key: string | null;
-    source: string | null;
-    setHover: (key: string | null, source: string | null) => void;
-};
-/**
- * Sentinel identity used as the default context's `setHover`. `useHoverSync` compares against it
- * (`ctx.setHover !== DEFAULT_NO_OP_SET_HOVER`) to decide whether a `ChartHoverSync` provider is
- * mounted — which is load-bearing, not just a dev warning: standalone charts (no provider) drive
- * their tooltip + crosshair from local hover, while inside a provider only the broadcast source
- * owns the tooltip. CONTRACT: a real provider MUST supply its own `setHover`, never re-use this
- * no-op (a provider that passes this sentinel would be (mis)read as "no provider").
- * Exported only for that identity check — do NOT call directly.
- */
-export declare const DEFAULT_NO_OP_SET_HOVER: HoverCtx['setHover'];
-/**
- * Shared-cursor context — charts write the hovered key (an opaque category/date string) + their
- * own chartId; other charts read and show a ghost crosshair + dot on the same key.
- */
-export declare const HoverContext: import("react").Context<HoverCtx>;
-//# sourceMappingURL=hover-context.d.ts.map

package/dist/charts/hover-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hover-context.d.ts","sourceRoot":"","sources":["../../src/charts/hover-context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,UAAU,CAAY,CAAA;AAErE;;;GAGG;AACH,eAAO,MAAM,YAAY,mCAIvB,CAAA"}

package/dist/charts/hover-context.js

@@ -1,12 +0,0 @@
-import { createContext } from "react";
-const DEFAULT_NO_OP_SET_HOVER = () => {
-};
-const HoverContext = createContext({
-  key: null,
-  source: null,
-  setHover: DEFAULT_NO_OP_SET_HOVER
-});
-export {
-  DEFAULT_NO_OP_SET_HOVER,
-  HoverContext
-};

package/dist/charts/hover-sync.d.ts

@@ -1,14 +0,0 @@
-import type { ReactNode } from 'react';
-export type ChartHoverSyncProps = {
-    children: ReactNode;
-};
-/**
- * Activates the shared-cursor HoverContext: holds the hovered key (an opaque
- * category/date string) + source chartId in one place so every descendant
- * chart's `useHoverSync` reads and writes the same cursor. Hovering one chart
- * shows a ghost crosshair + dot on all sibling charts under this provider.
- *
- * Wrap a group of charts that should share a cursor in `<ChartHoverSync>`.
- */
-export declare function ChartHoverSync({ children }: ChartHoverSyncProps): import("react").JSX.Element;
-//# sourceMappingURL=hover-sync.d.ts.map

package/dist/charts/hover-sync.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hover-sync.d.ts","sourceRoot":"","sources":["../../src/charts/hover-sync.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAOD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAc/D"}

package/dist/charts/hover-sync.js

@@ -1,17 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
-import { HoverContext } from "./hover-context.js";
-function ChartHoverSync({ children }) {
-  const [hover, setHoverState] = useState({ key: null, source: null });
-  const setHover = useCallback((key, source) => {
-    setHoverState({ key, source });
-  }, []);
-  const value = useMemo(
-    () => ({ key: hover.key, source: hover.source, setHover }),
-    [hover.key, hover.source, setHover]
-  );
-  return /* @__PURE__ */ jsx(HoverContext.Provider, { value, children });
-}
-export {
-  ChartHoverSync
-};

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

@@ -1,45 +0,0 @@
-import type { ReactNode } from 'react';
-export type ResponsiveChartProps = {
-    /**
-     * Fixed height in pixels. Used when `aspectRatio` is not set. Default 240.
-     * Ignored when `aspectRatio` is set — height is derived from measured width.
-     */
-    height?: number;
-    /**
-     * When set, height = Math.round(width / aspectRatio) and `height` prop is ignored.
-     * E.g. `aspectRatio={16 / 9}` produces a 16:9 panel.
-     */
-    aspectRatio?: number;
-    /** ResizeObserver debounce in milliseconds. Default 0 (immediate). */
-    debounceMs?: number;
-    /**
-     * Accessible text alternative for the chart, applied as `aria-label` (+ `role="img"`) on the
-     * outer measuring container — e.g. when wrapping `Heatmap`, which measures via this primitive
-     * rather than `ChartFrame`.
-     */
-    ariaLabel?: string;
-    /** Render prop — called with the measured `{ width, height }`. */
-    children: (size: {
-        width: number;
-        height: number;
-    }) => ReactNode;
-};
-/**
- * Render-prop container that measures its own width and derives a final height
- * from `height` (default 240) or `aspectRatio`. Renders nothing until the first
- * measurement arrives (`width > 0`). Backed by `@visx/responsive`'s `useParentSize`.
- *
- * @example
- * <ResponsiveChart height={320}>
- *   {({ width, height }) => (
- *     <Bars width={width} height={height} data={data} ... />
- *   )}
- * </ResponsiveChart>
- *
- * @example aspectRatio
- * <ResponsiveChart aspectRatio={16 / 9}>
- *   {({ width, height }) => <MyChart width={width} height={height} />}
- * </ResponsiveChart>
- */
-export declare function ResponsiveChart({ height, aspectRatio, debounceMs, ariaLabel, children, }: ResponsiveChartProps): ReactNode;
-//# sourceMappingURL=ResponsiveChart.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveChart.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ResponsiveChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAA;CACjE,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAY,EACZ,WAAW,EACX,UAAc,EACd,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,GAAG,SAAS,CAclC"}

package/dist/charts/primitives/ResponsiveChart.js

@@ -1,24 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useChartSize } from "../hooks/useChartSize.js";
-function ResponsiveChart({
-  height = 240,
-  aspectRatio,
-  debounceMs = 0,
-  ariaLabel,
-  children
-}) {
-  const { ref, width } = useChartSize(debounceMs);
-  const resolvedHeight = aspectRatio !== void 0 ? Math.round(width / aspectRatio) : height;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      style: { width: "100%" },
-      ...ariaLabel !== void 0 && { role: "img", "aria-label": ariaLabel },
-      children: width > 0 ? children({ width, height: resolvedHeight }) : null
-    }
-  );
-}
-export {
-  ResponsiveChart
-};

package/src/charts/hooks/useChartTooltip.ts

@@ -1,31 +0,0 @@
-import { useCallback, useRef, useState } from 'react'
-
-export type TooltipState<T> = { data: T; x: number; y: number } | null
-
-export function useChartTooltip<T>() {
-  const [tip, setTip] = useState<TooltipState<T>>(null)
-  const tooltipRef = useRef<HTMLDivElement>(null)
-  const lastDateRef = useRef<string | null>(null)
-
-  const show = useCallback((data: T, event: React.MouseEvent) => {
-    const el = tooltipRef.current
-    const width = el?.offsetWidth ?? 0
-    const height = el?.offsetHeight ?? 0
-    const margin = 8
-    const vw = window.innerWidth
-    const vh = window.innerHeight
-    const overflowsRight = event.clientX + 12 + width + margin > vw
-    const x = overflowsRight ? Math.max(margin, event.clientX - 12 - width) : event.clientX + 12
-    const y = Math.min(Math.max(margin, event.clientY - 12), vh - height - margin)
-    // State-driven positioning: the tooltip element reads x/y from `tip`. (A prior direct
-    // el.style.left/top write here was dead — the React render overwrote it the same frame.)
-    setTip({ data, x, y })
-  }, [])
-
-  const hide = useCallback(() => {
-    setTip(null)
-    lastDateRef.current = null
-  }, [])
-
-  return { tip, show, hide, tooltipRef, lastDateRef }
-}

package/src/charts/hooks/useHoverSync.ts

@@ -1,152 +0,0 @@
-import { localPoint } from '@visx/event'
-import { useCallback, useContext, useMemo, useRef } from 'react'
-import { DEFAULT_NO_OP_SET_HOVER, HoverContext } from '../hover-context'
-import { useChartTooltip } from './useChartTooltip'
-
-type XScale = (x: string) => number | undefined
-
-/**
- * Wires a chart into the shared-cursor HoverContext plus the local tooltip state.
- *
- * Returns everything a chart needs to:
- *   - snap mouse position to the nearest data point (by x-category)
- *   - broadcast that hover to other charts via HoverContext
- *   - read back hover from other charts (for ghost crosshair + dot)
- *   - drive its local tooltip
- *
- * Every non-sparkline chart kind MUST use this hook. Do not reimplement the
- * closest-point loop inline — drift across 15+ charts is the exact problem
- * this hook prevents.
- */
-export function useHoverSync<T>({
-  data,
-  chartId,
-  getKey,
-  xScale,
-  marginLeft,
-  resolveKey,
-}: {
-  data: T[]
-  chartId: string
-  getKey: (d: T) => string
-  xScale: XScale
-  marginLeft: number
-  /**
-   * Overrides how a SIBLING's broadcast key resolves to one of THIS chart's own points. Only
-   * affects reading another chart's hover — this chart's own hover (via `getKey`/`xScale`) is
-   * untouched.
-   *
-   * Cross-chart sync is exact string match by default (`pointByKey.get(ctx.key)`), so two charts
-   * share a cursor only if they emit identical key strings. A chart that downsamples/folds its
-   * domain to fit a narrow viewport (e.g. ~288 buckets folded into ~97 columns at 390px) no longer
-   * owns most of the keys its unfolded siblings broadcast — the shared crosshair then appears on
-   * roughly one hover in three, with no rule a reader can infer, which is worse than no shared
-   * cursor at all. Pass `resolveKey` to map a foreign key onto whichever of this chart's own points
-   * swallowed it (e.g. the folded bucket the key falls into).
-   *
-   * Omit it and behaviour is byte-identical to today.
-   */
-  resolveKey?: (key: string) => T | null
-}) {
-  const ctx = useContext(HoverContext)
-  // Latest context in a ref so the mouse callbacks stay referentially stable: the provider's value
-  // is a NEW object on every hover broadcast, and depending on `ctx` would re-create both callbacks
-  // (and re-bind HoverOverlay's listeners) in every sibling chart on every cursor move.
-  const ctxRef = useRef(ctx)
-  ctxRef.current = ctx
-  const warnedRef = useRef(false)
-
-  if (
-    process.env['NODE_ENV'] !== 'production' &&
-    ctx.setHover === DEFAULT_NO_OP_SET_HOVER &&
-    !warnedRef.current
-  ) {
-    warnedRef.current = true
-    // eslint-disable-next-line no-console
-    console.warn(
-      '[charts] useHoverSync used outside <HoverContext.Provider>. Cross-chart cursor sync will not work.',
-    )
-  }
-
-  const { tip, show, hide, tooltipRef, lastDateRef } = useChartTooltip<T>()
-
-  // Latest accessors in refs, same reasoning as `ctxRef` above: the natural call style is an
-  // inline arrow for `getKey`/`xScale`, which is fresh on every render, and this file already
-  // pays for that hazard once (see the comment above `ctxRef`) without applying the fix here — a
-  // several-hundred-entry `pointByKey` Map was rebuilding on every render of a page that
-  // re-renders on a heartbeat. Trade-off: because `getKey` is read through a ref, changing key
-  // SEMANTICS without changing `data` will NOT rebuild the map. That's the intended trade — a
-  // `getKey` that changes meaning for the same data is pathological; a `getKey` that changes
-  // identity every render is the normal case.
-  const getKeyRef = useRef(getKey)
-  getKeyRef.current = getKey
-  const xScaleRef = useRef(xScale)
-  xScaleRef.current = xScale
-
-  // O(1) lookup of a point by its key. Under a provider every sibling resolves the broadcast
-  // key each frame; an O(n) `data.find` per sibling per move is N×O(M). This makes it N×O(1).
-  const pointByKey = useMemo(() => {
-    const m = new Map<string, T>()
-    for (const d of data) m.set(getKeyRef.current(d), d)
-    return m
-  }, [data])
-
-  const handleMouse = useCallback(
-    (event: React.MouseEvent<SVGRectElement>) => {
-      const point = localPoint(event)
-      if (!point || data.length === 0) return
-      const px = point.x - marginLeft
-      let closest: T = data[0] as T
-      let minDist = Infinity
-      for (const d of data) {
-        const sx = xScaleRef.current(getKeyRef.current(d)) ?? 0
-        const dist = Math.abs(sx - px)
-        if (dist < minDist) {
-          minDist = dist
-          closest = d
-        }
-      }
-      show(closest, event)
-      const key = getKeyRef.current(closest)
-      if (lastDateRef.current !== key) {
-        lastDateRef.current = key
-        ctxRef.current.setHover(key, chartId)
-      }
-    },
-    [data, chartId, marginLeft, show, lastDateRef],
-  )
-
-  const handleLeave = useCallback(() => {
-    hide()
-    // Only clear the SHARED hover if this chart currently owns it. When the cursor moves quickly from
-    // chart A to chart B, A's `mouseleave` can fire AFTER B's `mousemove` has already claimed the
-    // hover — an unconditional clear would then wipe B's cursor and flicker every sibling crosshair.
-    if (ctxRef.current.source === chartId) ctxRef.current.setHover(null, null)
-  }, [hide, chartId])
-
-  // The point the crosshair + synced dots track. Inside a <ChartHoverSync> this follows the
-  // broadcast key (so every sibling paints a ghost crosshair at the same x). WITHOUT a provider the
-  // chart is standalone, so it falls back to THIS chart's own hovered point (`tip.data`) — otherwise
-  // a chart outside a provider would never draw a crosshair/dots at all. When `resolveKey` is
-  // supplied it replaces the default exact-match lookup for reading a SIBLING's broadcast key (see
-  // its doc comment above) — this chart's own hover is unaffected either way.
-  const syncedPoint = ctx.key
-    ? resolveKey
-      ? resolveKey(ctx.key)
-      : (pointByKey.get(ctx.key) ?? null)
-    : (tip?.data ?? null)
-  // Which chart owns the floating tooltip. Inside a provider the hovered chart is the one whose id
-  // matches the broadcast source (siblings show a ghost crosshair only). Standalone, its own local
-  // hover (`tip`) drives the tooltip.
-  const hasProvider = ctx.setHover !== DEFAULT_NO_OP_SET_HOVER
-  const isDirectHover = hasProvider ? ctx.source === chartId : tip !== null
-
-  return {
-    tip,
-    tooltipRef,
-    syncedPoint,
-    isDirectHover,
-    handleMouse,
-    handleLeave,
-  }
-}

package/src/charts/hover-context.ts

@@ -1,28 +0,0 @@
-import { createContext } from 'react'
-
-export type HoverCtx = {
-  key: string | null
-  source: string | null
-  setHover: (key: string | null, source: string | null) => void
-}
-
-/**
- * Sentinel identity used as the default context's `setHover`. `useHoverSync` compares against it
- * (`ctx.setHover !== DEFAULT_NO_OP_SET_HOVER`) to decide whether a `ChartHoverSync` provider is
- * mounted — which is load-bearing, not just a dev warning: standalone charts (no provider) drive
- * their tooltip + crosshair from local hover, while inside a provider only the broadcast source
- * owns the tooltip. CONTRACT: a real provider MUST supply its own `setHover`, never re-use this
- * no-op (a provider that passes this sentinel would be (mis)read as "no provider").
- * Exported only for that identity check — do NOT call directly.
- */
-export const DEFAULT_NO_OP_SET_HOVER: HoverCtx['setHover'] = () => {}
-
-/**
- * Shared-cursor context — charts write the hovered key (an opaque category/date string) + their
- * own chartId; other charts read and show a ghost crosshair + dot on the same key.
- */
-export const HoverContext = createContext<HoverCtx>({
-  key: null,
-  source: null,
-  setHover: DEFAULT_NO_OP_SET_HOVER,
-})

package/src/charts/hover-sync.tsx

@@ -1,37 +0,0 @@
-import type { ReactNode } from 'react'
-import type { HoverCtx } from './hover-context'
-import { useCallback, useMemo, useState } from 'react'
-import { HoverContext } from './hover-context'
-
-export type ChartHoverSyncProps = {
-  children: ReactNode
-}
-
-type HoverState = {
-  key: string | null
-  source: string | null
-}
-
-/**
- * Activates the shared-cursor HoverContext: holds the hovered key (an opaque
- * category/date string) + source chartId in one place so every descendant
- * chart's `useHoverSync` reads and writes the same cursor. Hovering one chart
- * shows a ghost crosshair + dot on all sibling charts under this provider.
- *
- * Wrap a group of charts that should share a cursor in `<ChartHoverSync>`.
- */
-export function ChartHoverSync({ children }: ChartHoverSyncProps) {
-  // oxlint-disable-next-line react/hook-use-state -- raw setter; renaming shadows setHover (the context callback)
-  const [hover, setHoverState] = useState<HoverState>({ key: null, source: null })
-
-  const setHover = useCallback<HoverCtx['setHover']>((key, source) => {
-    setHoverState({ key, source })
-  }, [])
-
-  const value = useMemo<HoverCtx>(
-    () => ({ key: hover.key, source: hover.source, setHover }),
-    [hover.key, hover.source, setHover],
-  )
-
-  return <HoverContext.Provider value={value}>{children}</HoverContext.Provider>
-}

package/src/charts/primitives/ResponsiveChart.tsx

@@ -1,64 +0,0 @@
-import type { ReactNode } from 'react'
-import { useChartSize } from '../hooks/useChartSize'
-
-export type ResponsiveChartProps = {
-  /**
-   * Fixed height in pixels. Used when `aspectRatio` is not set. Default 240.
-   * Ignored when `aspectRatio` is set — height is derived from measured width.
-   */
-  height?: number
-  /**
-   * When set, height = Math.round(width / aspectRatio) and `height` prop is ignored.
-   * E.g. `aspectRatio={16 / 9}` produces a 16:9 panel.
-   */
-  aspectRatio?: number
-  /** ResizeObserver debounce in milliseconds. Default 0 (immediate). */
-  debounceMs?: number
-  /**
-   * Accessible text alternative for the chart, applied as `aria-label` (+ `role="img"`) on the
-   * outer measuring container — e.g. when wrapping `Heatmap`, which measures via this primitive
-   * rather than `ChartFrame`.
-   */
-  ariaLabel?: string
-  /** Render prop — called with the measured `{ width, height }`. */
-  children: (size: { width: number; height: number }) => ReactNode
-}
-
-/**
- * Render-prop container that measures its own width and derives a final height
- * from `height` (default 240) or `aspectRatio`. Renders nothing until the first
- * measurement arrives (`width > 0`). Backed by `@visx/responsive`'s `useParentSize`.
- *
- * @example
- * <ResponsiveChart height={320}>
- *   {({ width, height }) => (
- *     <Bars width={width} height={height} data={data} ... />
- *   )}
- * </ResponsiveChart>
- *
- * @example aspectRatio
- * <ResponsiveChart aspectRatio={16 / 9}>
- *   {({ width, height }) => <MyChart width={width} height={height} />}
- * </ResponsiveChart>
- */
-export function ResponsiveChart({
-  height = 240,
-  aspectRatio,
-  debounceMs = 0,
-  ariaLabel,
-  children,
-}: ResponsiveChartProps): ReactNode {
-  const { ref, width } = useChartSize(debounceMs)
-
-  const resolvedHeight = aspectRatio !== undefined ? Math.round(width / aspectRatio) : height
-
-  return (
-    <div
-      ref={ref}
-      style={{ width: '100%' }}
-      {...(ariaLabel !== undefined && { role: 'img', 'aria-label': ariaLabel })}
-    >
-      {width > 0 ? children({ width, height: resolvedHeight }) : null}
-    </div>
-  )
-}