basalt-ui 1.41.0 → 2.0.0

package/dist/charts/kinds/ZonedLine.js

@@ -1,155 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AreaClosed, LinePath } from "@visx/shape";
-import { Threshold } from "@visx/threshold";
-import { memo, useMemo } from "react";
-import { assertRequiredProps } from "../../common/validate.js";
-import { AreaGradient, areaFillUrl } from "../primitives/AreaGradient.js";
-import { CartesianChart } from "../primitives/CartesianChart.js";
-import { curveFor, definedOn, LINE_OVERLAY_STROKE_WIDTH, toPlotPoint } from "../series.js";
-import { VX } from "../../tokens/index.js";
-function linePoints(series, data) {
-  if (!series) return [];
-  return data.map((d) => Object.assign({}, d, { __y: toPlotPoint(series.getValue(d)) }));
-}
-function ZonedLineInner(props) {
-  assertRequiredProps("ZonedLine", props, ["data", "getX", "series"]);
-  const {
-    data,
-    chartId,
-    getX,
-    series,
-    y,
-    zones,
-    xZones,
-    thresholds,
-    refLines,
-    xTicks,
-    xTickValues,
-    formatX,
-    xLabelRotate,
-    cursorResolution,
-    tooltip,
-    areaFill,
-    height,
-    legend,
-    ariaLabel,
-    isPending,
-    state,
-    className,
-    style
-  } = props;
-  const styledSeries = useMemo(
-    () => series.map((s) => ({
-      ...s,
-      strokeWidth: s.strokeWidth ?? LINE_OVERLAY_STROKE_WIDTH
-    })),
-    [series]
-  );
-  return /* @__PURE__ */ jsx(
-    CartesianChart,
-    {
-      data,
-      chartId,
-      getX,
-      series: styledSeries,
-      ...y !== void 0 && { y },
-      ...zones !== void 0 && { zones },
-      ...xZones !== void 0 && { xZones },
-      ...refLines !== void 0 && { refLines },
-      ...xTicks !== void 0 && { xTicks },
-      ...xTickValues !== void 0 && { xTickValues },
-      ...formatX !== void 0 && { formatX },
-      ...xLabelRotate !== void 0 && { xLabelRotate },
-      ...cursorResolution !== void 0 && { cursorResolution },
-      ...tooltip !== void 0 && { tooltip },
-      ...height !== void 0 && { height },
-      ...legend !== void 0 && { legend },
-      ...ariaLabel !== void 0 && { ariaLabel },
-      ...isPending !== void 0 && { isPending },
-      ...state !== void 0 && { state },
-      ...className !== void 0 && { className },
-      ...style !== void 0 && { style },
-      children: (ctx) => /* @__PURE__ */ jsx(
-        ZonedLineMarks,
-        {
-          getX,
-          chartId,
-          thresholds: thresholds ?? [],
-          areaFill,
-          ctx
-        }
-      )
-    }
-  );
-}
-function ZonedLineMarks({
-  getX,
-  chartId,
-  thresholds,
-  areaFill,
-  ctx
-}) {
-  const { data, visible, xScale, yScale, yMax } = ctx;
-  const primary = visible[0];
-  const pts = useMemo(() => linePoints(primary, data), [primary, data]);
-  const defined = definedOn(yScale);
-  const curve = curveFor(primary?.curve);
-  const yOf = (d) => yScale(d.__y ?? NaN);
-  const showArea = areaFill !== void 0 && areaFill !== false;
-  const areaColor = typeof areaFill === "string" ? areaFill : primary?.color;
-  const areaId = `${chartId}-area`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    thresholds.map((t, i) => /* @__PURE__ */ jsx(
-      Threshold,
-      {
-        id: `${chartId}-thr-${i}`,
-        data: pts,
-        defined,
-        x: (d) => xScale(getX(d)) ?? 0,
-        y0: () => yScale(t.value),
-        y1: yOf,
-        clipAboveTo: 0,
-        clipBelowTo: yMax,
-        curve,
-        belowAreaProps: { fill: t.side === "above" ? t.fill : "transparent" },
-        aboveAreaProps: { fill: t.side === "below" ? t.fill : "transparent" }
-      },
-      `thr-${i}`
-    )),
-    showArea && areaColor !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(AreaGradient, { id: areaId, color: areaColor }) }),
-      /* @__PURE__ */ jsx(
-        AreaClosed,
-        {
-          data: pts,
-          defined,
-          x: (d) => xScale(getX(d)) ?? 0,
-          y: yOf,
-          yScale,
-          curve,
-          fill: areaFillUrl(areaId)
-        }
-      )
-    ] }),
-    primary && /* @__PURE__ */ jsx(
-      LinePath,
-      {
-        data: pts,
-        defined,
-        x: (d) => xScale(getX(d)) ?? 0,
-        y: yOf,
-        stroke: primary.color,
-        strokeWidth: primary.strokeWidth ?? LINE_OVERLAY_STROKE_WIDTH,
-        strokeDasharray: primary.dash === "dashed" ? VX.dashArray : void 0,
-        strokeOpacity: primary.strokeOpacity ?? 1,
-        curve
-      }
-    )
-  ] });
-}
-const ZonedLineMemo = memo(ZonedLineInner);
-ZonedLineMemo.displayName = "ZonedLine";
-const ZonedLine = ZonedLineMemo;
-export {
-  ZonedLine
-};

package/dist/charts/kinds/band-chrome.d.ts

@@ -1,31 +0,0 @@
-import type { ReactNode } from 'react';
-import type { BandPlot, BandTooltipConfig } from '../hooks/useBandPlot.js';
-/**
- * The chrome `BandStrip` and `MirroredBars` share around their own marks — the slot axis, the
- * keyboard/pointer overlay and the tooltip shell — so the two `useBandPlot` kinds cannot drift in
- * any of them. Internal; neither is exported from a barrel.
- *
- * theme-allow-file hand-rolled-plot — the slot axis and overlay of the two declared banded
- * exceptions (`BandStrip`, `MirroredBars`), which carry the same waiver for the same reason.
- */
-/** A 0..1 share. Non-finite (a 0/0 fold count) reads as "nothing is absent" — the conservative
- * end, since the alternative is a band that does not render at all. */
-export declare function clampFraction(value: number | undefined): number;
-/** The slot axis under a `height`-tall band row, plus the hover/keyboard overlay over it. */
-export declare function BandAxisOverlay<T>({ band, height, getX, formatX, ariaLabel, }: {
-    band: BandPlot<T>;
-    height: number;
-    getX: (d: T) => string;
-    formatX: (key: string) => string;
-    ariaLabel: string | undefined;
-}): import("react").JSX.Element;
-/** The tooltip shell: header (+ badge), the consumer's prepended rows, the kind's own derived
- * `children` rows, the consumer's extra rows. Renders nothing off-hover or with `tooltip: false`. */
-export declare function BandTooltip<T>({ band, tooltip, getX, hidden, children, }: {
-    band: BandPlot<T>;
-    tooltip: BandTooltipConfig<T> | false | undefined;
-    getX: (d: T) => string;
-    hidden: ReadonlySet<string>;
-    children: ReactNode;
-}): import("react").JSX.Element | null;
-//# sourceMappingURL=band-chrome.d.ts.map

package/dist/charts/kinds/band-chrome.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"band-chrome.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/band-chrome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAKvE;;;;;;;GAOG;AAEH;uEACuE;AACvE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAG/D;AAED,6FAA6F;AAC7F,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,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,+BAkBA;AAED;qGACqG;AACrG,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,SAAS,CAAA;IACjD,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB,sCAqBA"}

package/dist/charts/kinds/band-chrome.js

@@ -1,71 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AxisBottomDate } from "../primitives/Axes.js";
-import { ChartTooltipFloat, TooltipBody, TooltipHeader } from "../primitives/ChartTooltip.js";
-import { cursorSliderProps, HoverOverlay } from "../primitives/HoverOverlay.js";
-function clampFraction(value) {
-  if (value === void 0 || !Number.isFinite(value)) return 0;
-  return Math.min(Math.max(value, 0), 1);
-}
-function BandAxisOverlay({
-  band,
-  height,
-  getX,
-  formatX,
-  ariaLabel
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      AxisBottomDate,
-      {
-        top: height,
-        scale: band.scale,
-        tickValues: band.tickValues,
-        tickFormat: (v) => formatX(String(v)),
-        anchorTerminals: band.xAnchorTerminals,
-        ...band.xWrapWidth !== void 0 && { wrapWidth: band.xWrapWidth }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      HoverOverlay,
-      {
-        width: band.plotWidth,
-        height,
-        ...cursorSliderProps({ cursor: band.cursor, data: band.bands, getX, formatX, ariaLabel })
-      }
-    )
-  ] });
-}
-function BandTooltip({
-  band,
-  tooltip,
-  getX,
-  hidden,
-  children
-}) {
-  const { point } = band;
-  if (!band.showTooltip || point === null) return null;
-  const cfg = tooltip === false ? void 0 : tooltip;
-  const badge = cfg?.label === void 0 ? null : cfg.label(point);
-  return /* @__PURE__ */ jsxs(ChartTooltipFloat, { anchor: band.tooltipAnchor, ariaLive: band.ariaLive, children: [
-    /* @__PURE__ */ jsx(
-      TooltipHeader,
-      {
-        date: getX(point),
-        ...cfg?.formatHeader !== void 0 && {
-          format: (key) => cfg.formatHeader?.(key, point) ?? key
-        },
-        ...badge !== null && { label: badge.text, labelColor: badge.color }
-      }
-    ),
-    /* @__PURE__ */ jsxs(TooltipBody, { children: [
-      cfg?.prependRows?.(point, { hidden }),
-      children,
-      cfg?.extraRows?.(point, { hidden })
-    ] })
-  ] });
-}
-export {
-  BandAxisOverlay,
-  BandTooltip,
-  clampFraction
-};

package/dist/charts/kinds/donut-layout.d.ts

@@ -1,47 +0,0 @@
-import type { ContainerClass } from '../../tokens/size-classes.js';
-/** Aspect (frame W/H) above which the legend moves beside the ring. */
-export declare const SIDE_LEGEND_ASPECT = 1.5;
-/** Aspect a side layout must fall below before it stacks again — the gap stops a legend whose own
- * placement changes the measured height from flipping the layout back and forth. */
-export declare const STACK_LEGEND_ASPECT = 1.35;
-/** Most slices kept before the rest fold into "Other" (so 7 or more slices fold). */
-export declare const DONUT_MAX_SLICES = 6;
-export declare const OTHER_KEY = "__other";
-/** Side layout: the ring's diameter never exceeds this share of the frame width. */
-export declare const SIDE_RING_MAX_WIDTH_SHARE = 0.55;
-/** Space kept between the ring's outer edge and the plot box. */
-export declare const RING_PADDING = 4;
-export type DonutLayout = {
-    side: boolean;
-};
-/** Side legend only on a wide-enough frame (`micro`/`compact` always stack under the ring).
- * `wasSide` applies hysteresis: an already-side layout stays side until W/H falls below
- * {@link STACK_LEGEND_ASPECT}. */
-export declare function resolveDonutLayout(input: {
-    frameW: number;
-    frameH: number;
-    containerClass: ContainerClass;
-    wasSide?: boolean;
-}): DonutLayout;
-/** Ring outer radius: never negative and never wider than the plot; the side layout also caps the
- * diameter at {@link SIDE_RING_MAX_WIDTH_SHARE} of the frame width. */
-export declare function resolveDonutRadius(input: {
-    plotW: number;
-    plotH: number;
-    frameW: number;
-    side: boolean;
-}): number;
-/** Share of `total` as a whole percent; an empty total is 0%. */
-export declare function sharePercent(value: number, total: number): number;
-/** The key for the synthesized "Other" bucket — {@link OTHER_KEY}, prefixed until no input key uses it. */
-export declare function resolveOtherKey(keys: readonly string[]): string;
-/** Keeps the top {@link DONUT_MAX_SLICES} by value (in original order) and sums the rest into one
- * trailing "Other" entry. Non-finite and negative values count as 0. */
-export declare function foldOther<T extends {
-    key: string;
-    value: number;
-}>(slices: readonly T[]): {
-    kept: T[];
-    other: number | null;
-};
-//# sourceMappingURL=donut-layout.d.ts.map

package/dist/charts/kinds/donut-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"donut-layout.d.ts","sourceRoot":"","sources":["../../../src/charts/kinds/donut-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,MAAM,CAAA;AACrC;oFACoF;AACpF,eAAO,MAAM,mBAAmB,OAAO,CAAA;AACvC,qFAAqF;AACrF,eAAO,MAAM,gBAAgB,IAAI,CAAA;AACjC,eAAO,MAAM,SAAS,YAAY,CAAA;AAClC,oFAAoF;AACpF,eAAO,MAAM,yBAAyB,OAAO,CAAA;AAC7C,iEAAiE;AACjE,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAE3C;;kCAEkC;AAClC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,cAAc,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,WAAW,CAMd;AAED;uEACuE;AACvE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,OAAO,CAAA;CACd,GAAG,MAAM,CAMT;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjE;AAKD,2GAA2G;AAC3G,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAK/D;AAED;wEACwE;AACxE,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAChE,MAAM,EAAE,SAAS,CAAC,EAAE,GACnB;IAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAarC"}

package/dist/charts/kinds/donut-layout.js

@@ -1,52 +0,0 @@
-const SIDE_LEGEND_ASPECT = 1.5;
-const STACK_LEGEND_ASPECT = 1.35;
-const DONUT_MAX_SLICES = 6;
-const OTHER_KEY = "__other";
-const SIDE_RING_MAX_WIDTH_SHARE = 0.55;
-const RING_PADDING = 4;
-function resolveDonutLayout(input) {
-  const { frameW, frameH, containerClass, wasSide = false } = input;
-  const roomy = containerClass !== "micro" && containerClass !== "compact";
-  if (!roomy || frameH <= 0) return { side: false };
-  const aspect = frameW / frameH;
-  return { side: wasSide ? aspect >= STACK_LEGEND_ASPECT : aspect > SIDE_LEGEND_ASPECT };
-}
-function resolveDonutRadius(input) {
-  const { plotW, plotH, frameW, side } = input;
-  const diameter = side ? Math.min(plotW, plotH, SIDE_RING_MAX_WIDTH_SHARE * frameW) : Math.min(plotW, plotH);
-  return Math.max(0, diameter / 2 - RING_PADDING);
-}
-function sharePercent(value, total) {
-  return total > 0 ? Math.round(value / total * 100) : 0;
-}
-const safeValue = (value) => Number.isFinite(value) && value > 0 ? value : 0;
-function resolveOtherKey(keys) {
-  const taken = new Set(keys);
-  let key = OTHER_KEY;
-  while (taken.has(key)) key = `_${key}`;
-  return key;
-}
-function foldOther(slices) {
-  const safe = slices.map((s) => ({ ...s, value: safeValue(s.value) }));
-  if (safe.length <= DONUT_MAX_SLICES) return { kept: safe, other: null };
-  const top = new Set(
-    safe.toSorted((a, b) => b.value - a.value).slice(0, DONUT_MAX_SLICES).map((s) => s.key)
-  );
-  return {
-    kept: safe.filter((s) => top.has(s.key)),
-    other: safe.reduce((sum, s) => top.has(s.key) ? sum : sum + s.value, 0)
-  };
-}
-export {
-  DONUT_MAX_SLICES,
-  OTHER_KEY,
-  RING_PADDING,
-  SIDE_LEGEND_ASPECT,
-  SIDE_RING_MAX_WIDTH_SHARE,
-  STACK_LEGEND_ASPECT,
-  foldOther,
-  resolveDonutLayout,
-  resolveDonutRadius,
-  resolveOtherKey,
-  sharePercent
-};

package/dist/charts/layout/auto-margin.d.ts

@@ -1,122 +0,0 @@
-/**
- * Plot-rect margins derived from the labels that will actually be painted.
- *
- * `VX.margin` is a static token, so charts used to clip (or get hand-nudged) whenever a tick label
- * outgrew it — the "I always push the charts around" failure mode. Here the token becomes a
- * FLOOR: a measured side may only ever grow past it, never shrink below it, so no chart gets
- * tighter than it was, and a wide label widens its own gutter automatically.
- *
- * See `docs/CHARTS-SPEC.md` §1.
- */
-import type { ChartMargin } from '../../tokens/index.js';
-/**
- * The `dx`/`dy` nudge `primitives/Axes.tsx` paints a rotated tick label through — the d3 idiom
- * that puts a 45° label under its tick's lower-left and centres a 90° one on its vertical line.
- *
- * It lives HERE, and the axis imports it, because it is the one number that must be in both
- * places: the nudge was applied at paint and absent from the measure, so §1's measured-equals-
- * painted law broke in exactly the rotated case §8 introduced (the first label crossed the SVG's
- * left edge by 3.2px at 390 and 5.7px at 320, and every rotated label's descender row sat on the
- * bottom clip line). Move a value here and the gutter moves with it.
- */
-export declare const ROTATED_LABEL_OFFSET: Record<45 | 90, {
-    dx: number;
-    dy: number;
-}>;
-/**
- * How far a rotated x label reaches LEFT of the plot's left edge, and how far BELOW the axis line —
- * measured from the baseline point the axis anchors it at, through the same `dx`/`dy` the axis
- * paints it with.
- *
- * `AxisBottomDate` anchors a rotated label at its right edge (`textAnchor: 'end'`) and rotates it
- * counter-clockwise about that point, so the string runs down-and-to-the-LEFT from the tick it
- * belongs to. The FIRST tick sits at the plot's left edge, so its label hangs into the left gutter;
- * the LAST row of glyphs hangs below the axis. Rotating the label's box about its anchor gives both
- * extents exactly:
- *
- * - left  = `cos θ · (width + ascent) − dx`  — zero at 90°, where the string runs straight down.
- * - below = `tickLength + max(10, fontPx) + dy + sin θ · width + cos θ · descent`.
- *
- * Both carry {@link ROTATED_CLEARANCE} so the painted box clears the SVG's clip rather than
- * touching it.
- */
-export declare function rotatedLabelExtents(input: {
-    /** Width of the widest x tick label, already measured at the painted font. */
-    labelWidth: number;
-    fontPx: number;
-    rotate: number;
-}): {
-    left: number;
-    below: number;
-};
-export type AutoMarginInput = {
-    /** Left-axis tick labels, already formatted. */
-    left?: readonly string[];
-    /** Right-axis tick labels, already formatted. Presence (not a flag) is what widens `right`. */
-    right?: readonly string[];
-    /** X-axis tick labels, already formatted. */
-    bottom?: readonly string[];
-    /** Degrees of counter-clockwise rotation applied to the x tick labels. Default 0. */
-    rotate?: number;
-    /** Tick-label font size. Default `VX.axisFont`. A phone-tier chart passes its own smaller size
-     * (`chartMetrics().axisFont`) — the measured label must be the painted label. */
-    fontPx?: number;
-    /**
-     * Per-side FLOORS. Default `VX.margin`. The phone tier passes its tightened set
-     * (`chartMetrics().margin`) so a static 44px left gutter does not spend an eighth of a 360px
-     * chart on a three-character label. The law itself does not move: a side may still only ever
-     * grow past its floor.
-     */
-    floor?: ChartMargin;
-    /** X labels anchored inward at the terminals (`AxisBottomDate anchorTerminals`): the last label
-     * no longer centres on the right edge, so the half-label right reservation is dropped. */
-    anchorTerminals?: boolean;
-    /** Lines the tallest (wrapped) x label takes. Default 1. */
-    bottomLines?: number;
-    /** Explicit per-side overrides — applied LAST, so an escape hatch always wins. */
-    override?: Partial<ChartMargin>;
-};
-/**
- * Resolve the four margins from measured labels.
- *
- * Law, per side (the floors are `VX.margin` by default; a tier may tighten them via `floor`):
- * - `left` — widest left label + gap, floored at `VX.margin.left`. When the x labels are ROTATED
- *   they also reach into this gutter, so the left side additionally clears their leftward
- *   extent — see {@link rotatedLabelExtents}.
- * - `right` — with a right axis: widest right label + gap. Without one, and the x labels are NOT
- *   rotated: half the widest x label, so the LAST x tick (centered on the plot's right edge)
- *   cannot clip. Without one AND rotated: nothing — a rotated label is anchored at its right edge
- *   (`textAnchor: 'end'`, same as {@link rotatedLabelExtents}), so it hangs left of its tick, not
- *   right, and reserving half its width would pad a side nothing paints into. Every case is
- *   floored at `VX.margin.right`.
- * - `bottom` — one label line + gap; when ROTATED, the label's measured drop below the axis line
- *   ({@link rotatedLabelExtents}) instead. Floored at `VX.margin.bottom`.
- * - `top` — `VX.margin.top`. Nothing measures into it; a chart that draws into the top gutter
- *   passes an override.
- */
-export declare function autoMargin(input?: AutoMarginInput): ChartMargin;
-/**
- * The tick labels a linear axis WILL paint, derived before the plot rect exists.
- *
- * This is what breaks the margin/scale circularity: a linear scale's tick VALUES depend only on
- * its domain, so a throwaway-range probe yields the exact label strings {@link autoMargin} needs
- * to measure — and returning the resolved `format` alongside them guarantees the measured string
- * and the painted string are the same one. Shared by `CartesianChart` and by hand-composed kinds
- * (`DualPanel`) so the two can't drift.
- */
-export declare function probeAxisLabels(opts: {
-    domain: [number, number];
-    ticks: number;
-    /** Overrides d3's own tick format. */
-    format?: (v: number) => string;
-    /** Must match the real scale's `nice` — niceing changes which ticks exist. */
-    nice?: boolean;
-    /** `'log'` measures through {@link logTickValues} instead of a linear probe scale — the same
-     * helper the axis paints from (CHARTS-SPEC §1: measured labels == painted labels). Default
-     * `'linear'`. */
-    scale?: 'linear' | 'log';
-}): {
-    labels: string[];
-    format: (v: number) => string;
-};
-//# sourceMappingURL=auto-margin.d.ts.map

package/dist/charts/layout/auto-margin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-margin.d.ts","sourceRoot":"","sources":["../../../src/charts/layout/auto-margin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAgC/C;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAG5E,CAAA;AASD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,8EAA8E;IAC9E,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAiBlC;AAUD,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACxB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;qFACiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB;8FAC0F;IAC1F,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;CAChC,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,KAAK,GAAE,eAAoB,GAAG,WAAW,CA4CnE;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE;IACpC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;qBAEiB;IACjB,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CACzB,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,CAatD"}

package/dist/charts/layout/auto-margin.js

@@ -1,81 +0,0 @@
-import { scaleLinear } from "@visx/scale";
-import { VX } from "../../tokens/index.js";
-import { maxTextWidth } from "../utils/measure-text.js";
-import { logTickValues, niceLogDomain } from "./log-ticks.js";
-const AXIS_TICK_GAP = 12;
-const lineHeight = (fontPx) => Math.ceil(fontPx * 1.35);
-const DESCENT_RATIO = 0.3;
-const descent = (fontPx) => fontPx * DESCENT_RATIO;
-const ascent = (fontPx) => lineHeight(fontPx) - descent(fontPx);
-const AXIS_TICK_LENGTH = 8;
-const VISX_MIN_LABEL_FONT = 10;
-const ROTATED_LABEL_OFFSET = {
-  45: { dx: -6, dy: 2 },
-  90: { dx: -4, dy: 4 }
-};
-const ROTATED_CLEARANCE = 2;
-const rotatedOffset = (rotate) => ROTATED_LABEL_OFFSET[rotate] ?? { dx: 0, dy: 0 };
-function rotatedLabelExtents(input) {
-  const { labelWidth, fontPx, rotate } = input;
-  if (rotate === 0) return { left: 0, below: 0 };
-  const radians = rotate * Math.PI / 180;
-  const cos = Math.abs(Math.cos(radians));
-  const sin = Math.abs(Math.sin(radians));
-  const { dx, dy } = rotatedOffset(rotate);
-  return {
-    left: cos * (labelWidth + ascent(fontPx)) - dx + ROTATED_CLEARANCE,
-    below: AXIS_TICK_LENGTH + Math.max(VISX_MIN_LABEL_FONT, fontPx) + dy + sin * labelWidth + cos * descent(fontPx) + ROTATED_CLEARANCE
-  };
-}
-const LOG_TICK_FORMAT = new Intl.NumberFormat("en-US", { maximumFractionDigits: 20 });
-function autoMargin(input = {}) {
-  const fontPx = input.fontPx ?? VX.axisFont;
-  const {
-    left = [],
-    right = [],
-    bottom = [],
-    rotate = 0,
-    floor = VX.margin,
-    anchorTerminals = false,
-    bottomLines = 1,
-    override
-  } = input;
-  const leftWidth = maxTextWidth(left, fontPx);
-  const rightWidth = maxTextWidth(right, fontPx);
-  const bottomWidth = maxTextWidth(bottom, fontPx);
-  const rotated = rotatedLabelExtents({ labelWidth: bottomWidth, fontPx, rotate });
-  const bottomExtent = rotate === 0 ? lineHeight(fontPx) * Math.max(bottomLines, 1) + AXIS_TICK_GAP : rotated.below;
-  return {
-    top: override?.top ?? floor.top,
-    right: override?.right ?? Math.ceil(
-      Math.max(
-        floor.right,
-        right.length > 0 ? rightWidth + AXIS_TICK_GAP : rotate === 0 && !anchorTerminals ? bottomWidth / 2 : 0
-      )
-    ),
-    bottom: override?.bottom ?? Math.ceil(Math.max(floor.bottom, bottomExtent)),
-    left: override?.left ?? Math.ceil(
-      Math.max(floor.left, left.length > 0 ? leftWidth + AXIS_TICK_GAP : 0, rotated.left)
-    )
-  };
-}
-function probeAxisLabels(opts) {
-  if (opts.scale === "log") {
-    const domain = opts.nice === true ? niceLogDomain(opts.domain) : opts.domain;
-    const format2 = opts.format ?? ((v) => LOG_TICK_FORMAT.format(v));
-    return { labels: logTickValues(domain, opts.ticks).map(format2), format: format2 };
-  }
-  const probe = scaleLinear({
-    domain: opts.domain,
-    range: [1, 0],
-    ...opts.nice === true && { nice: true }
-  });
-  const format = opts.format ?? probe.tickFormat(opts.ticks);
-  return { labels: probe.ticks(opts.ticks).map(format), format };
-}
-export {
-  ROTATED_LABEL_OFFSET,
-  autoMargin,
-  probeAxisLabels,
-  rotatedLabelExtents
-};

package/dist/charts/layout/end-labels.d.ts

@@ -1,64 +0,0 @@
-import type { ContainerClass } from '../../tokens/size-classes.js';
-import type { ChartSeries } from '../series.js';
-/** Space between the plot edge and an end label's first glyph. */
-export declare const END_LABEL_GAP = 6;
-/** End labels are for a handful of lines; past this the legend alone names them. */
-export declare const MAX_END_LABELS = 3;
-/** Line box of one end label, as a multiple of its font size — the collision gap. */
-export declare const END_LABEL_LINE_HEIGHT = 1.3;
-/**
- * Greedy collision nudging for direct labels. Each `ys` entry is a label's preferred CENTRE; the
- * result keeps input order and holds every label at least `minGap` from its neighbours, inside
- * `[min, max]`. Sorted by y, each label yields to the one above it, then a backward pass pulls the
- * stack up off the bottom edge. Returns `null` when the labels cannot all fit — the caller draws
- * none (the legend still names every series) rather than a partial or overlapping set.
- */
-export declare function nudgeLabels(input: {
-    ys: readonly number[];
-    minGap: number;
-    min: number;
-    max: number;
-}): number[] | null;
-/**
- * The right gutter the end labels need: the widest label plus the gap. `null` when it would eat
- * more than a quarter of the plot — a label longer than that has no honest place in a gutter.
- */
-export declare function endLabelGutter(input: {
-    labels: readonly string[];
-    fontPx: number;
-    plotWidth: number;
-}): number | null;
-/** One drawn end label: the series it names and its nudged centre y. */
-export type EndLabel<T> = {
-    series: ChartSeries<T>;
-    y: number;
-};
-/**
- * Whether and how a chart draws end-of-line labels. Eligible only on a wide container with one y
- * axis, no consumer `margin.right`, no header legend already naming every series for free (R2C-10:
- * end labels REPLACE the legend, they never duplicate it), and 2..{@link MAX_END_LABELS} visible
- * series that are all lines — a single line has its own title doing that job already (the same law
- * that already suppresses a single-entry legend, `ChartFrame.resolveLegend`'s JSDoc). Each label
- * sits at its line's last non-null value, nudged apart; the plan is `null` — no gutter reserved,
- * nothing drawn — when any rule fails, a series has no plottable value, the stack cannot fit, or
- * the gutter would be too wide. The gutter is measured from the label text.
- */
-export declare function planEndLabels<T>(input: {
-    containerClass: ContainerClass;
-    hasY2: boolean;
-    hasMarginRight: boolean;
-    /** A `ChartCard` header slot already named every visible series — end labels would only repeat
-     * it, at the cost of a right-hand gutter the header slot cost nothing (R2C-10). */
-    hasHeaderLegend: boolean;
-    visible: readonly ChartSeries<T>[];
-    data: readonly T[];
-    yScale: (value: number) => number;
-    yMax: number;
-    fontPx: number;
-    /** Plot width before any gutter is taken. */
-    plotWidth: number;
-}): {
-    gutter: number;
-    labels: EndLabel<T>[];
-} | null;
-//# sourceMappingURL=end-labels.d.ts.map

package/dist/charts/layout/end-labels.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"end-labels.d.ts","sourceRoot":"","sources":["../../../src/charts/layout/end-labels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG5C,kEAAkE;AAClE,eAAO,MAAM,aAAa,IAAI,CAAA;AAE9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,IAAI,CAAA;AAE/B,qFAAqF;AACrF,eAAO,MAAM,qBAAqB,MAAM,CAAA;AAKxC;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,EAAE,EAAE,SAAS,MAAM,EAAE,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,MAAM,EAAE,GAAG,IAAI,CAsBlB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,MAAM,GAAG,IAAI,CAMhB;AAED,wEAAwE;AACxE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE/D;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE;IACtC,cAAc,EAAE,cAAc,CAAA;IAC9B,KAAK,EAAE,OAAO,CAAA;IACd,cAAc,EAAE,OAAO,CAAA;IACvB;uFACmF;IACnF,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IAClC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;CAAE,GAAG,IAAI,CAuCnD"}