basalt-ui 1.41.0 → 2.0.0

package/dist/charts/primitives/ChartTooltip.js

@@ -1,197 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
-import { createPortal } from "react-dom";
-import { VX } from "../../tokens/index.js";
-import { fmtTooltipDate } from "../utils/format.js";
-import { useChartMetrics } from "./chart-tier.js";
-const TOOLTIP_STYLES = {
-  position: "fixed",
-  pointerEvents: "none",
-  zIndex: VX.zIndexFloating,
-  backgroundColor: VX.surface.panel,
-  borderRadius: "var(--vx-radius-floating)",
-  padding: "0",
-  fontSize: VX.text.xs,
-  lineHeight: "18px",
-  color: VX.ink,
-  boxShadow: VX.shadowCard
-};
-function TooltipHeader({
-  date,
-  label,
-  labelColor,
-  format = fmtTooltipDate
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        gap: 16,
-        padding: "6px 10px",
-        borderBottom: `1px solid ${VX.divider}`
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              fontSize: VX.text.micro,
-              fontWeight: 600,
-              fontFamily: "var(--basalt-font-mono)",
-              color: VX.ink
-            },
-            children: format(date)
-          }
-        ),
-        label !== void 0 && /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              fontSize: VX.text.micro,
-              fontWeight: 500,
-              fontFamily: "var(--basalt-font-mono)",
-              color: labelColor
-            },
-            children: label
-          }
-        )
-      ]
-    }
-  );
-}
-function TooltipRow({
-  color,
-  label,
-  value,
-  valueColor,
-  shape,
-  strokeWidth,
-  dashed
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        gap: 16,
-        padding: "0 10px"
-      },
-      children: [
-        /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-          shape === "line" ? /* @__PURE__ */ jsx("svg", { width: 12, height: 10, style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: 0,
-              y1: 5,
-              x2: 12,
-              y2: 5,
-              stroke: color,
-              strokeWidth: strokeWidth ?? VX.lineWidth,
-              strokeDasharray: dashed ? VX.dashArray : void 0
-            }
-          ) }) : /* @__PURE__ */ jsx(
-            "span",
-            {
-              style: {
-                width: 8,
-                height: 8,
-                borderRadius: 2,
-                // theme-allow raw-surface — sub-scale tooltip micro-corner, below the 4px radius floor
-                backgroundColor: color,
-                flexShrink: 0
-              }
-            }
-          ),
-          label
-        ] }),
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 400, fontFamily: "var(--basalt-font-mono)", color: valueColor }, children: value })
-      ]
-    }
-  );
-}
-function TooltipRows({ rows }) {
-  return rows.map((row) => /* @__PURE__ */ jsx(
-    TooltipRow,
-    {
-      color: row.color,
-      label: row.label,
-      value: row.value,
-      shape: row.shape,
-      dashed: row.dashed,
-      ...row.strokeWidth !== void 0 && { strokeWidth: row.strokeWidth }
-    },
-    row.key
-  ));
-}
-function TooltipBody({ children }) {
-  return /* @__PURE__ */ jsx("div", { style: { padding: "5px 0" }, children });
-}
-const neverSubscribe = () => () => {
-};
-const onClient = () => true;
-const onServer = () => false;
-const useIsClient = () => useSyncExternalStore(neverSubscribe, onClient, onServer);
-const TOOLTIP_GAP = 12;
-const VIEWPORT_MARGIN = 8;
-function ChartTooltipFloat({
-  anchor,
-  ariaLive = true,
-  children
-}) {
-  const ref = useRef(null);
-  const [box, setBox] = useState(null);
-  const isClient = useIsClient();
-  const { tooltipMinWidth } = useChartMetrics();
-  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 (!isClient) return null;
-  const width = box?.width ?? 0;
-  const height = box?.height ?? 0;
-  const vw = window.innerWidth;
-  const vh = window.innerHeight;
-  if (anchor.y < 0 || anchor.y > vh) return null;
-  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",
-        ...ariaLive && { "aria-live": "polite" },
-        style: {
-          ...TOOLTIP_STYLES,
-          minWidth: tooltipMinWidth,
-          left,
-          top,
-          visibility: box === null ? "hidden" : "visible"
-        },
-        children
-      }
-    ),
-    document.body
-  );
-}
-export {
-  ChartTooltipFloat,
-  TooltipBody,
-  TooltipHeader,
-  TooltipRow,
-  TooltipRows
-};

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

@@ -1,26 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * The shared vertical hover crosshair — one implementation for what used to be five hand-rolled
- * call sites (`MultiLine`, `ZonedLine`, `StackedArea`, `Bars`, `DualPanel`). `top`/`bottom` are the
- * plot-local y extent the line spans (usually `0` and the plot's `yMax`); `DualPanel` passes the
- * extent spanning both panes for its cross-pane crosshair.
- */
-export declare function Crosshair({ x, top, bottom, }: {
-    x: number;
-    top: number;
-    bottom: number;
-}): ReactNode;
-/**
- * The punched-out hover marker: a filled circle whose stroke is the chart background color, so it
- * reads as a "hole" cut into the line on both themes. Centralizes the `dotStroke = chart-bg` trick.
- *
- * The default radius tracks the ambient chart tier (`docs/CHARTS-SPEC.md` §8) — an explicit `r`
- * (a `getMarker`'s own radius) still wins.
- */
-export declare function SeriesDot({ cx, cy, color, r, }: {
-    cx: number;
-    cy: number;
-    color: string;
-    r?: number;
-}): ReactNode;
-//# sourceMappingURL=Crosshair.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Crosshair.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/Crosshair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,CAAC,EACD,GAAG,EACH,MAAM,GACP,EAAE;IACD,CAAC,EAAE,MAAM,CAAA;IACT,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;CACf,GAAG,SAAS,CAEZ;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,EAAE,EACF,KAAK,EACL,CAAC,GACF,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,CAAC,CAAC,EAAE,MAAM,CAAA;CACX,GAAG,SAAS,CAGZ"}

package/dist/charts/primitives/Crosshair.js

@@ -1,23 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { VX } from "../../tokens/index.js";
-import { useChartMetrics } from "./chart-tier.js";
-function Crosshair({
-  x,
-  top,
-  bottom
-}) {
-  return /* @__PURE__ */ jsx("line", { x1: x, x2: x, y1: top, y2: bottom, stroke: VX.crosshair, strokeWidth: 1 });
-}
-function SeriesDot({
-  cx,
-  cy,
-  color,
-  r
-}) {
-  const { dotR } = useChartMetrics();
-  return /* @__PURE__ */ jsx("circle", { cx, cy, r: r ?? dotR, fill: color, stroke: VX.dotStroke, strokeWidth: 2 });
-}
-export {
-  Crosshair,
-  SeriesDot
-};

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

@@ -1,31 +0,0 @@
-import type { ReactNode } from 'react';
-/**
- * A diagonal-hatch `<pattern>` — the one fill that reads as **absence** rather than as a weak
- * measurement.
- *
- * A faint solid tint cannot do this job: it sits on the same perceptual axis as every other
- * intensity of the same hue, so "nothing was measured here" and "everything measured here was
- * fine" collapse into neighbouring steps of one ramp. Hatching is off that axis entirely and
- * survives being placed beside a colour ramp of the same hue.
- *
- * `id` must be unique per document — `BandStrip` / `MirroredBars` namespace theirs with `chartId`.
- * `opacity` is applied through `alpha()` on the stroke rather than as an `opacity` attribute, so
- * the hue keeps resolving per colour scheme.
- */
-export declare function HatchPattern({ id, color, opacity, size, }: {
-    id: string;
-    color: string;
-    opacity?: number;
-    size?: number;
-}): ReactNode;
-/** `fill` value referencing a {@link HatchPattern} by id. */
-export declare function hatchFill(id: string): string;
-/**
- * The pattern's own repeat, shrunk to fit the band it textures.
- *
- * Left at a fixed 6px a sub-pixel band draws less than one diagonal rule, so a fill/hatch split
- * inside one band antialiases into a single smudge no reader can tell from a fully-measured band.
- * Floored at 2 — below that the stroke has nothing to render on.
- */
-export declare function hatchSizeFor(bandWidth: number): number;
-//# sourceMappingURL=HatchPattern.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HatchPattern.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/HatchPattern.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,OAAc,EACd,IAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,SAAS,CAYZ;AAED,6DAA6D;AAC7D,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAEtD"}

package/dist/charts/primitives/HatchPattern.js

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { alpha } from "../../tokens/index.js";
-function HatchPattern({
-  id,
-  color,
-  opacity = 0.55,
-  size = 6
-}) {
-  return /* @__PURE__ */ jsx(
-    "pattern",
-    {
-      id,
-      width: size,
-      height: size,
-      patternUnits: "userSpaceOnUse",
-      patternTransform: "rotate(45)",
-      children: /* @__PURE__ */ jsx("line", { x1: 0, y1: 0, x2: 0, y2: size, stroke: alpha(color, opacity), strokeWidth: size / 3 })
-    }
-  );
-}
-function hatchFill(id) {
-  return `url(#${id})`;
-}
-function hatchSizeFor(bandWidth) {
-  return Math.max(2, Math.min(6, Math.round(bandWidth)));
-}
-export {
-  HatchPattern,
-  hatchFill,
-  hatchSizeFor
-};

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

@@ -1,45 +0,0 @@
-import type { FocusEventHandler, KeyboardEventHandler, PointerEventHandler } from 'react';
-import type { ChartCursor } from '../hooks/useChartCursor.js';
-/** Props of {@link HoverOverlay}. */
-export type HoverOverlayProps = {
-    width: number;
-    height: number;
-    onMove: PointerEventHandler<SVGRectElement>;
-    /** Coarse-pointer tap: resolves + shows the tooltip immediately, with no preceding `pointermove`
-     * (`docs/CHARTS-SPEC.md` §4, Tooltip). The press is provisional; `onUp` commits it. */
-    onDown?: PointerEventHandler<SVGRectElement>;
-    /** Commits the provisional touch press so the pin survives the lift. */
-    onUp?: 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;
-};
-/**
- * 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, onDown, onUp, onLeave, onKeyDown, onBlur, ariaLabel, valueNow, valueMax, valueText, }: HoverOverlayProps): import("react").JSX.Element;
-/**
- * Everything a FOCUSABLE overlay over indexed data takes besides its rect: the cursor's pointer and
- * keyboard handlers plus the slider label/position. `CartesianChart`, `DualPanel`'s top pane and
- * the banded kinds all wire it identically, so it is stated once.
- */
-export declare function cursorSliderProps<T>(input: {
-    cursor: ChartCursor<T>;
-    data: readonly T[];
-    getX: (d: T) => string;
-    formatX: (key: string) => string;
-    ariaLabel: string | undefined;
-}): Omit<HoverOverlayProps, 'width' | 'height'>;
-//# sourceMappingURL=HoverOverlay.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAG1D,qCAAqC;AACrC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC3C;2FACuF;IACvF,MAAM,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC5C,wEAAwE;IACxE,IAAI,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC1C,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,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BAkCnB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE;IAC1C,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACtB,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAChC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAc9C"}

package/dist/charts/primitives/HoverOverlay.js

@@ -1,72 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import styles from "./HoverOverlay.module.css";
-function HoverOverlay({
-  width,
-  height,
-  onMove,
-  onDown,
-  onUp,
-  onLeave,
-  onKeyDown,
-  onBlur,
-  ariaLabel,
-  valueNow,
-  valueMax,
-  valueText
-}) {
-  return (
-    // `touch-action: pan-y` lives on the plot's `<svg>` (each kind's own), NOT here: Chrome ignores
-    // `touch-action` on an SVG child `<rect>`, so the browser claims a horizontal pan and cancels
-    // the pointer (`R2C-2`). The `overlay` class owns the focus ring: no UA outline on tap, a VX
-    // accent inset under `:focus-visible` (`R2C-15`).
-    /* @__PURE__ */ jsx(
-      "rect",
-      {
-        className: styles.overlay,
-        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 },
-          // `aria-valuenow` is required on a slider: 0 (the first point) until the cursor lands on one.
-          "aria-valuenow": valueNow ?? 0,
-          ...valueText !== void 0 && { "aria-valuetext": valueText },
-          onKeyDown,
-          ...onBlur !== void 0 && { onBlur }
-        },
-        onPointerMove: onMove,
-        ...onDown !== void 0 && { onPointerDown: onDown },
-        ...onUp !== void 0 && { onPointerUp: onUp },
-        onPointerLeave: onLeave,
-        onPointerCancel: onLeave
-      }
-    )
-  );
-}
-function cursorSliderProps(input) {
-  const { cursor, data, getX, formatX, ariaLabel } = input;
-  const { point } = cursor;
-  return {
-    onMove: cursor.onPointerMove,
-    onDown: cursor.onPointerDown,
-    onUp: cursor.onPointerUp,
-    onLeave: cursor.onPointerLeave,
-    onKeyDown: cursor.onKeyDown,
-    onBlur: cursor.onBlur,
-    valueMax: Math.max(data.length - 1, 0),
-    ...point !== null && { valueNow: data.indexOf(point), valueText: formatX(getX(point)) },
-    ...ariaLabel !== void 0 && { ariaLabel }
-  };
-}
-export {
-  HoverOverlay,
-  cursorSliderProps
-};

package/dist/charts/primitives/HoverOverlay.module.css

@@ -1,13 +0,0 @@
-/*
- * `HoverOverlay` — the transparent plot rect every cartesian kind scrubs through. A tap focuses it
- * on pointerdown, so the UA's own outline would ring the whole plot on every phone tap (`R2C-15`);
- * keyboard focus keeps a VX accent inset instead.
- */
-.overlay {
-  outline: none;
-}
-
-.overlay:focus-visible {
-  outline: 1px solid var(--vx-accent);
-  outline-offset: -1px;
-}

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

@@ -1,8 +0,0 @@
-/**
- * Typed CSS-module declaration — named string props, so dot access stays verbatim under the
- * package's strict flags.
- */
-declare const classes: {
-  readonly overlay: string
-}
-export default classes

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

@@ -1,54 +0,0 @@
-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;
-    /**
-     * `'center'` (default, unchanged behaviour) resolves a present bound to `xScale(key)` — the
-     * point's own center, so a band reads "from this sample to that sample" rather than
-     * edge-to-edge. `'edge'` resolves a present `from` to `xScale(from) - step/2` and a present `to`
-     * to `xScale(to) + step/2` (`step` read from `xScale.step()`), so the band covers both terminal
-     * slots in full — a two-key band widens by exactly one step, and `from === to` renders one step
-     * wide instead of being skipped as degenerate. An omitted `from`/`to` still resolves to the plot
-     * edge (`xScale.range()[0]`/`[1]`) in both modes, unshifted — omission means "the plot's own
-     * edge", not "the first/last sample's edge". A resolved `'edge'` bound is clamped into the plot
-     * range so a band anchored at the first or last sample cannot paint outside the plot area.
-     */
-    align?: 'center' | 'edge';
-};
-/**
- * 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.
- *
- * Bound resolution depends on `XZoneSpec.align` (see its JSDoc for the full `'center'`/`'edge'`
- * contract) — default `'center'` resolves a present key to the point's own center; `'edge'`
- * widens by half a step at each present bound so the band covers the terminal slots in full.
- *
- * 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, in either mode. Clamping an unknown key 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. In `'center'` mode `from === to` is degenerate (skipped,
- * today's behaviour); in `'edge'` mode it is NOT — the half-step widening on each side always
- * produces a positive-width, one-step-wide 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

@@ -1 +0,0 @@
-{"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;IACZ;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;CAC1B,CAAA;AAkCD;;;;;;;;;;;;;;;;;;;GAmBG;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,+BAyCA"}

package/dist/charts/primitives/XZoneRects.js

@@ -1,65 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function resolveBound({
-  key,
-  omittedEdge,
-  xScale,
-  align,
-  edgeSign,
-  rangeMin,
-  rangeMax
-}) {
-  if (key === void 0) return omittedEdge;
-  const center = xScale(key);
-  if (center === void 0) return void 0;
-  if (align === "center") return center;
-  return clamp(center + edgeSign * (xScale.step() / 2), rangeMin, rangeMax);
-}
-function XZoneRects({
-  zones,
-  height,
-  xScale
-}) {
-  return /* @__PURE__ */ jsx(Fragment, { children: zones.map((z, i) => {
-    const [rangeStart, rangeEnd] = xScale.range();
-    const rangeMin = Math.min(rangeStart, rangeEnd);
-    const rangeMax = Math.max(rangeStart, rangeEnd);
-    const align = z.align ?? "center";
-    const xFrom = resolveBound({
-      key: z.from,
-      omittedEdge: rangeStart,
-      xScale,
-      align,
-      edgeSign: -1,
-      rangeMin,
-      rangeMax
-    });
-    const xTo = resolveBound({
-      key: z.to,
-      omittedEdge: rangeEnd,
-      xScale,
-      align,
-      edgeSign: 1,
-      rangeMin,
-      rangeMax
-    });
-    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/ZoneRects.d.ts

@@ -1,38 +0,0 @@
-import type { scaleLinear } from '@visx/scale';
-/**
- * The linear-scale instance type, derived from `@visx/scale`'s own `scaleLinear` return type.
- * Equivalent to d3's `ScaleLinear<number, number>` 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 LinearScale = ReturnType<typeof scaleLinear<number>>;
-export type ZoneSpec = {
-    /** Lower bound on the anchored axis. Use -Infinity for "bottom of axis". */
-    from: number;
-    /** Upper bound. Use Infinity for "top of axis". */
-    to: number;
-    fill: string;
-    axisSide?: 'left' | 'right';
-};
-/**
- * Full-width horizontal zone backgrounds — one <rect> per zone, spanning
- * x=[0, width] and y=[scale(to), scale(from)]. Shared by every kind that
- * renders target-zone / threshold-zone bands.
- *
- * `Infinity` / `-Infinity` bounds clamp to the resolved domain of the
- * scale so "from: -Infinity" reads as "the bottom of this axis" regardless
- * of whether the domain is fixed or auto-computed.
- *
- * The wrapper picks left vs right scale per zone via `axisSide`; callers
- * on single-axis kinds just pass the same scale twice (or leave `rightScale`
- * undefined).
- */
-export declare function ZoneRects({ zones, width, leftScale, rightScale, }: {
-    zones: ZoneSpec[];
-    /** Plot-area width (xMax); rects span from 0 to this. */
-    width: number;
-    leftScale: LinearScale;
-    /** Required only when any zone has axisSide='right'. */
-    rightScale?: LinearScale | null;
-}): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=ZoneRects.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ZoneRects.d.ts","sourceRoot":"","sources":["../../../src/charts/primitives/ZoneRects.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C;;;;GAIG;AACH,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,CAAA;AAEzD,MAAM,MAAM,QAAQ,GAAG;IACrB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAA;IACZ,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,GACX,EAAE;IACD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,WAAW,CAAA;IACtB,wDAAwD;IACxD,UAAU,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAChC,+BAuBA"}

package/dist/charts/primitives/ZoneRects.js

@@ -1,30 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-function ZoneRects({
-  zones,
-  width,
-  leftScale,
-  rightScale
-}) {
-  return /* @__PURE__ */ jsx(Fragment, { children: zones.map((z, i) => {
-    const scale = z.axisSide === "right" && rightScale ? rightScale : leftScale;
-    const [domainMin, domainMax] = scale.domain();
-    const zTo = z.to === Infinity ? domainMax : z.to;
-    const zFrom = z.from === -Infinity ? domainMin : z.from;
-    const yTop = scale(zTo);
-    const yBottom = scale(zFrom);
-    return /* @__PURE__ */ jsx(
-      "rect",
-      {
-        x: 0,
-        y: yTop,
-        width,
-        height: yBottom - yTop,
-        fill: z.fill
-      },
-      `zone-${i}`
-    );
-  }) });
-}
-export {
-  ZoneRects
-};