@seekalfred/primitives 0.7.1 → 0.7.4

package/dist/line-chart/line-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.js","names":[],"sources":["../../src/line-chart/line-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n} from \"react\";\n\nimport { cn } from \"../lib/cn.js\";\nimport { mergeRefs } from \"../lib/merge-refs.js\";\nimport { prefersReducedMotion, useIsomorphicLayoutEffect } from \"../lib/motion.js\";\nimport { SMOOTH, SNAPPY, tween } from \"../lib/spring-tween.js\";\n\n/**\n * LineChart: one or more measures over time, when the shape of the trend\n * matters more than any single value.\n *\n * The lines draw left to right the first time the chart is seen. New data\n * morphs every line from the shape on screen, and the value axis slides to its\n * new range while gridlines fade in and out. Hiding a series flattens it into\n * the baseline as it fades and the rest rescale. Hover, drag or the arrow keys\n * scrub: a crosshair glides between points with a dot on each line and a\n * tooltip that follows on its own spring and flips before it leaves the plot.\n * `loading` keeps the current lines on screen, dimmed and breathing.\n *\n * Plain SVG and CSS; one small spring tween drives the shapes, the scale and\n * the crosshair. A visually hidden table carries every value for assistive\n * technology, and the plot itself is a slider.\n */\nexport interface LineChartSeries {\n  /** Stable identity. A series keeps its line across data changes, so switching ranges morphs it. */\n  key: string;\n  /** Name in the legend, the tooltip and the data table. */\n  label: string;\n  /** Any CSS colour. Defaults to chart-1 for the first series, then quieter neutral steps. */\n  color?: string;\n  /** A dashed stroke, for a previous period or a target. */\n  dashed?: boolean;\n  /** A faint fill under the line. Defaults to true for the first series. */\n  area?: boolean;\n}\n\nexport interface LineChartDatum {\n  /** Stable identity, such as an ISO date. */\n  key: string;\n  /** Full label for the tooltip and screen readers, such as \"Tue, Sep 15\". */\n  label: string;\n  /** Short label on the x axis. Leave it out to keep the axis quiet at that point. */\n  axisLabel?: string;\n  /** One value per series key. A missing value counts as zero. */\n  values: Record<string, number | undefined>;\n}\n\nexport interface LineChartProps {\n  data: LineChartDatum[];\n  series: LineChartSeries[];\n  /** What is measured, such as \"Signups\". Names the chart for assistive technology. */\n  label: string;\n  /** Unit after each value in the tooltip, such as \"ms\". */\n  unit?: string;\n  /** Plot height in pixels. The width follows the container. @default 220 */\n  height?: number;\n  /** Formats values in the tooltip and data table. */\n  formatValue?: (value: number, series: LineChartSeries) => string;\n  /** Formats the value axis. Defaults to a compact number, such as 1.2K. */\n  formatTick?: (value: number) => string;\n  /** Controlled hidden series keys. */\n  hiddenSeries?: string[];\n  defaultHiddenSeries?: string[];\n  onHiddenSeriesChange?: (hidden: string[]) => void;\n  /** Called as the crosshair moves, and with null when it leaves. */\n  onActiveChange?: (index: number | null, datum: LineChartDatum | null) => void;\n  /** Keeps the current lines on screen, dimmed, while the next range loads. */\n  loading?: boolean;\n  /** Shown when there are no points. @default \"No data for this range\" */\n  emptyLabel?: string;\n  /** Series toggles above the plot. Shown by default when there is more than one series. */\n  legend?: boolean;\n  /** Header of the first column in the data table read by screen readers. @default \"Date\" */\n  categoryLabel?: string;\n  /** Smooth monotone curves that never swing past the data, or straight segments. @default \"smooth\" */\n  curve?: \"smooth\" | \"linear\";\n  /** Extra classes for the root. Merged last. */\n  className?: string;\n}\n\ntype Point = [x: number, value: number];\ntype Track = { shape: Point[]; presence: number; stop: (() => void) | null };\n\n/** Room above the top gridline, and the gap between the crosshair and its tooltip. */\nconst TOP = 12;\nconst GAP = 14;\n/** The first draw: 480ms x 1.75, slow at both ends. */\nexport const LINE_CHART_DRAW_MS = 840;\nconst PALETTE = [\n  \"var(--color-chart-1)\",\n  \"color-mix(in oklab, var(--color-foreground) 46%, var(--color-surface))\",\n  \"color-mix(in oklab, var(--color-foreground) 26%, var(--color-surface))\",\n];\nconst GROUPED = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 1 });\nconst COMPACT = new Intl.NumberFormat(\"en-US\", { notation: \"compact\", maximumFractionDigits: 1 });\nconst GRID = Array.from({ length: 241 }, (_, index) => index / 240);\nconst clamp = (value: number, low: number, high: number) => Math.min(high, Math.max(low, value));\nconst colorOf = (line: LineChartSeries, index: number) =>\n  line.color ?? PALETTE[Math.min(index, PALETTE.length - 1)]!;\nconst clean = (value: number) => Number(value.toPrecision(12));\n\n/** Clean gridlines: the smallest step of 1, 2, 2.5 or 5 that covers the data in four rows or fewer, from zero unless the data dips below it. */\nfunction niceScale(low: number, high: number) {\n  const lo = Math.min(0, low);\n  const hi = Math.max(high, lo + 1);\n  const magnitude = 10 ** Math.floor(Math.log10((hi - lo) / 4));\n  for (const factor of [1, 2, 2.5, 5, 10]) {\n    const step = factor * magnitude;\n    const bottom = Math.floor(lo / step) * step;\n    const top = Math.ceil(hi / step) * step;\n    if ((top - bottom) / step <= 4 + 1e-9) {\n      const ticks: number[] = [];\n      for (let value = bottom; value <= top + step / 2; value += step) ticks.push(clean(value));\n      return { min: clean(bottom), max: clean(top), ticks };\n    }\n  }\n  return { min: lo, max: hi, ticks: [lo, hi] };\n}\n\n/** The line through every value, sampled densely on x from 0 to 1 in data units. Monotone tangents keep a smooth curve from swinging past the data. */\nfunction curveFor(values: number[], smooth: boolean): Point[] {\n  if (values.length === 0) return [];\n  if (values.length === 1) return [[0, values[0]!], [1, values[0]!]];\n  const last = values.length - 1;\n  const step = 1 / last;\n  if (!smooth) return values.map((value, index) => [index * step, value]);\n  const slopes = values.slice(1).map((value, index) => (value - values[index]!) / step);\n  const tangents = values.map((_, index) =>\n    index === 0 || index === last\n      ? 0\n      : (Math.sign(slopes[index - 1]!) + Math.sign(slopes[index]!)) *\n          Math.min(\n            Math.abs(slopes[index - 1]!),\n            Math.abs(slopes[index]!),\n            Math.abs(slopes[index - 1]! + slopes[index]!) / 4,\n          ) || 0,\n  );\n  if (last > 1) {\n    tangents[0] = (3 * slopes[0]! - tangents[1]!) / 2;\n    tangents[last] = (3 * slopes[last - 1]! - tangents[last - 1]!) / 2;\n  } else {\n    tangents[0] = slopes[0]!;\n    tangents[1] = slopes[0]!;\n  }\n  const samples = Math.max(1, Math.min(16, Math.round(192 / last)));\n  const points: Point[] = [];\n  for (let index = 0; index < last; index++) {\n    const low = Math.min(values[index]!, values[index + 1]!);\n    const high = Math.max(values[index]!, values[index + 1]!);\n    for (let sample = 0; sample < samples; sample++) {\n      const t = sample / samples;\n      const t2 = t * t;\n      const t3 = t2 * t;\n      const value =\n        (2 * t3 - 3 * t2 + 1) * values[index]! +\n        (t3 - 2 * t2 + t) * step * tangents[index]! +\n        (3 * t2 - 2 * t3) * values[index + 1]! +\n        (t3 - t2) * step * tangents[index + 1]!;\n      points.push([(index + t) * step, clamp(value, low, high)]);\n    }\n  }\n  points.push([1, values[last]!]);\n  return points;\n}\n\n/** Value of a sampled line at x, straight between samples. */\nfunction valueAt(shape: Point[], x: number) {\n  if (!shape.length) return 0;\n  let low = 0;\n  let high = shape.length - 1;\n  if (x <= shape[low]![0]) return shape[low]![1];\n  if (x >= shape[high]![0]) return shape[high]![1];\n  while (high - low > 1) {\n    const middle = (low + high) >> 1;\n    if (shape[middle]![0] < x) low = middle;\n    else high = middle;\n  }\n  const [x0, y0] = shape[low]!;\n  const [x1, y1] = shape[high]!;\n  return x1 === x0 ? y1 : y0 + ((y1 - y0) * (x - x0)) / (x1 - x0);\n}\n\n/** Axis labels that fit: at most one per 76 pixels, counted back from the latest so the newest always shows. */\nfunction axisPicks(data: LineChartDatum[], width: number) {\n  const labeled = data.flatMap((item, index) => (item.axisLabel ? [index] : []));\n  if (!width || !labeled.length) return [];\n  const room = Math.max(2, Math.floor(width / 76));\n  const stride = Math.ceil(labeled.length / room);\n  return labeled\n    .reverse()\n    .filter((_, rank) => rank % stride === 0)\n    .reverse();\n}\n\nexport const LineChart = forwardRef<HTMLElement, LineChartProps>(function LineChart(\n  {\n    data,\n    series,\n    label,\n    unit = \"\",\n    height = 220,\n    formatValue,\n    formatTick = (value) => COMPACT.format(value),\n    hiddenSeries,\n    defaultHiddenSeries,\n    onHiddenSeriesChange,\n    onActiveChange,\n    loading = false,\n    emptyLabel = \"No data for this range\",\n    legend,\n    categoryLabel = \"Date\",\n    curve = \"smooth\",\n    className,\n  },\n  ref,\n) {\n  const figure = useRef<HTMLElement | null>(null);\n  const refs = useMemo(() => mergeRefs(ref, figure), [ref]);\n  const plot = useRef<HTMLDivElement>(null);\n  const svg = useRef<SVGSVGElement>(null);\n  const tip = useRef<HTMLDivElement>(null);\n  const gutter = useRef<HTMLDivElement>(null);\n  const uid = `line${useId().replace(/[^a-zA-Z0-9_-]/g, \"\")}`;\n  const last = data.length - 1;\n  const empty = data.length === 0;\n\n  const [ownHidden, setOwnHidden] = useState<string[]>(defaultHiddenSeries ?? []);\n  const hidden = hiddenSeries ?? ownHidden;\n  const toggle = (key: string) => {\n    const next = hidden.includes(key) ? hidden.filter((item) => item !== key) : [...hidden, key];\n    if (hiddenSeries === undefined) setOwnHidden(next);\n    onHiddenSeriesChange?.(next);\n  };\n  const visible = series.filter((line) => !hidden.includes(line.key));\n  const showLegend = legend ?? series.length > 1;\n\n  // Each series becomes a dense curve in data units; the scale fits only the series on show.\n  const signature = `${curve}|${series.map((line) => line.key).join(\",\")}|${data\n    .map((item) => `${item.key}:${series.map((line) => item.values[line.key] ?? 0).join(\",\")}`)\n    .join(\";\")}`;\n  const targets = useMemo(\n    () =>\n      new Map(\n        series.map((line) => [\n          line.key,\n          curveFor(\n            data.map((item) => item.values[line.key] ?? 0),\n            curve === \"smooth\",\n          ),\n        ]),\n      ),\n    // The signature captures everything the curves read.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [signature],\n  );\n  let low = Infinity;\n  let high = -Infinity;\n  for (const line of visible) {\n    for (const item of data) {\n      const value = item.values[line.key] ?? 0;\n      low = Math.min(low, value);\n      high = Math.max(high, value);\n    }\n  }\n  const range = Number.isFinite(low) ? niceScale(low, high) : null;\n  const [steady, setSteady] = useState(() => range ?? niceScale(0, 100));\n  if (range && (range.min !== steady.min || range.max !== steady.max)) setSteady(range);\n\n  // Scrubbing: a new range lets go of the crosshair.\n  const [active, setActive] = useState<number | null>(null);\n  const [seen, setSeen] = useState(signature);\n  if (seen !== signature) {\n    setSeen(signature);\n    setActive(null);\n  }\n  const index = active === null || empty ? null : Math.min(active, last);\n  const scrubbing = index !== null;\n\n  const width = useRef(0);\n  const [plotWidth, setPlotWidth] = useState(0);\n  const [drawn, setDrawn] = useState(false);\n  const tracks = useRef(new Map<string, Track>());\n  const scale = useRef({ min: steady.min, max: steady.max });\n  const cursor = useRef(1);\n  const live = useRef({ series, hidden });\n  useIsomorphicLayoutEffect(() => {\n    live.current = { series, hidden };\n  });\n\n  /** One writer for every drawn attribute: morphs, toggles, the scale, the crosshair and the size all repaint through here. */\n  const paint = useCallback(() => {\n    const w = width.current;\n    const root = svg.current;\n    if (!w || !root) return;\n    const lo = scale.current.min;\n    const span = scale.current.max - lo || 1;\n    const toY = (value: number) => TOP + (1 - (value - lo) / span) * (height - TOP);\n    const at = cursor.current;\n    const dotYs: number[] = [];\n    for (const line of live.current.series) {\n      const track = tracks.current.get(line.key);\n      if (!track) continue;\n      const p = track.presence;\n      const y = (value: number) => toY(lo + (value - lo) * p);\n      const path = track.shape.length\n        ? `M${track.shape.map(([x, value]) => `${(x * w).toFixed(1)},${y(value).toFixed(1)}`).join(\"L\")}`\n        : \"\";\n      const group = root.querySelector<SVGGElement>(`[data-series=\"${CSS.escape(line.key)}\"]`);\n      group?.querySelector(\"[data-part=line]\")?.setAttribute(\"d\", path);\n      group?.querySelector(\"[data-part=area]\")?.setAttribute(\"d\", path ? `${path}L${w},${height}L0,${height}Z` : \"\");\n      if (group) group.style.opacity = String(p);\n      const dot = root.querySelector<SVGCircleElement>(`[data-dot=\"${CSS.escape(line.key)}\"]`);\n      if (dot && track.shape.length) {\n        const cy = y(valueAt(track.shape, at));\n        dot.setAttribute(\"cx\", (at * w).toFixed(1));\n        dot.setAttribute(\"cy\", cy.toFixed(1));\n        if (p > 0.5) dotYs.push(cy);\n      }\n    }\n    // Gridlines and tick labels ride the scale.\n    for (const node of root.querySelectorAll<SVGLineElement>(\"[data-grid]\")) {\n      const yy = String(Math.round(toY(Number(node.dataset.grid))) + 0.5);\n      node.setAttribute(\"y1\", yy);\n      node.setAttribute(\"y2\", yy);\n    }\n    for (const node of gutter.current?.querySelectorAll<HTMLElement>(\"[data-tick]\") ?? []) {\n      node.style.translate = `0 ${Math.round(toY(Number(node.dataset.tick)))}px`;\n    }\n    const cx = Math.round(at * w) + 0.5;\n    const cross = root.querySelector(\"[data-part=crosshair]\");\n    cross?.setAttribute(\"x1\", String(cx));\n    cross?.setAttribute(\"x2\", String(cx));\n    // The tooltip sits beside the crosshair, flips sides before it would leave the plot, and centres on the points it describes.\n    const bubble = tip.current;\n    if (bubble) {\n      const tw = bubble.offsetWidth;\n      const th = bubble.offsetHeight;\n      let x = cx + GAP;\n      if (x + tw > w) x = cx - GAP - tw;\n      const middle = dotYs.length ? dotYs.reduce((sum, value) => sum + value, 0) / dotYs.length : height / 2;\n      bubble.style.translate = `${clamp(x, 0, Math.max(0, w - tw))}px ${clamp(middle - th / 2, 0, Math.max(0, height - th))}px`;\n    }\n  }, [height]);\n\n  // The plot draws in its own pixels: measure the width and follow resizes.\n  useIsomorphicLayoutEffect(() => {\n    const node = plot.current;\n    if (!node) return;\n    const read = () => {\n      width.current = node.clientWidth;\n      setPlotWidth(node.clientWidth);\n      paint();\n    };\n    read();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(read);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [paint]);\n  useIsomorphicLayoutEffect(paint);\n\n  // New data morphs every line from the shape on screen, sampled on shared x positions so a range that gains or loses points still flows.\n  useEffect(() => {\n    const moves: { track: Track; xs: number[]; from: number[]; to: number[]; target: Point[] }[] = [];\n    for (const [key, target] of targets) {\n      const track = tracks.current.get(key);\n      if (!track) {\n        tracks.current.set(key, { shape: target, presence: live.current.hidden.includes(key) ? 0 : 1, stop: null });\n        continue;\n      }\n      if (!track.shape.length || !target.length) {\n        track.shape = target;\n        continue;\n      }\n      const xs = [...new Set([...GRID, ...target.map(([x]) => x)])].sort((a, b) => a - b);\n      moves.push({ track, xs, from: xs.map((x) => valueAt(track.shape, x)), to: xs.map((x) => valueAt(target, x)), target });\n    }\n    if (!moves.length) {\n      paint();\n      return;\n    }\n    return tween(\n      SMOOTH,\n      (p) => {\n        for (const move of moves) {\n          move.track.shape = move.xs.map((x, at): Point => [x, move.from[at]! + (move.to[at]! - move.from[at]!) * p]);\n        }\n        paint();\n      },\n      () => {\n        for (const move of moves) move.track.shape = move.target;\n        paint();\n      },\n    );\n  }, [paint, targets]);\n\n  // A hidden series flattens into the baseline as it fades; the ones that stay rescale around it.\n  const hiddenKey = hidden.join(\"|\");\n  useEffect(() => {\n    for (const [key, track] of tracks.current) {\n      const to = hidden.includes(key) ? 0 : 1;\n      if (track.presence === to) continue;\n      track.stop?.();\n      const from = track.presence;\n      track.stop = tween(SMOOTH, (p) => {\n        track.presence = from + (to - from) * p;\n        paint();\n      });\n    }\n    paint();\n    // hiddenKey stands for `hidden`.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hiddenKey, paint]);\n\n  // The value axis slides to its new range on the smooth spring.\n  useEffect(() => {\n    const from = { ...scale.current };\n    if (from.min === steady.min && from.max === steady.max) return;\n    return tween(SMOOTH, (p) => {\n      scale.current = { min: from.min + (steady.min - from.min) * p, max: from.max + (steady.max - from.max) * p };\n      paint();\n    });\n  }, [paint, steady]);\n\n  // The lines draw left to right the first time the chart is seen with data.\n  useEffect(() => {\n    if (empty || drawn) return;\n    const node = figure.current;\n    if (!node || prefersReducedMotion() || typeof IntersectionObserver === \"undefined\") {\n      setDrawn(true);\n      return;\n    }\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry?.isIntersecting) return;\n        observer.disconnect();\n        setDrawn(true);\n      },\n      { threshold: 0.3 },\n    );\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [drawn, empty]);\n\n  // The crosshair appears on the first scrubbed point and glides between the ones after it.\n  const wasScrubbing = useRef(false);\n  useEffect(() => {\n    if (index === null) {\n      wasScrubbing.current = false;\n      return;\n    }\n    const to = last > 0 ? index / last : 0.5;\n    const from = cursor.current;\n    if (!wasScrubbing.current) {\n      wasScrubbing.current = true;\n      cursor.current = to;\n      paint();\n      return;\n    }\n    return tween(SNAPPY, (p) => {\n      cursor.current = from + (to - from) * p;\n      paint();\n    });\n  }, [index, last, paint]);\n\n  const onActive = useRef(onActiveChange);\n  useIsomorphicLayoutEffect(() => {\n    onActive.current = onActiveChange;\n  });\n  useEffect(() => {\n    onActive.current?.(index, index === null ? null : (data[index] ?? null));\n    // Report only when the scrubbed point changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [index]);\n\n  const pointAt = (clientX: number) => {\n    const rect = plot.current?.getBoundingClientRect();\n    if (!rect?.width || last < 1) return Math.max(0, last);\n    return clamp(Math.round(((clientX - rect.left) / rect.width) * last), 0, last);\n  };\n  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\" && scrubbing) {\n      event.preventDefault();\n      setActive(null);\n      return;\n    }\n    const from = index ?? last + 1;\n    const page = Math.max(1, Math.round(data.length / 6));\n    const next = (\n      {\n        ArrowLeft: from - 1,\n        ArrowDown: from - 1,\n        ArrowRight: index === null ? last : from + 1,\n        ArrowUp: index === null ? last : from + 1,\n        PageDown: from - page,\n        PageUp: from + page,\n        Home: 0,\n        End: last,\n      } as Record<string, number>\n    )[event.key];\n    if (next === undefined || empty) return;\n    event.preventDefault();\n    setActive(clamp(next, 0, last));\n  };\n  const onPointerDown = (event: PointerEvent<HTMLDivElement>) => {\n    if (empty) return;\n    if (event.pointerType !== \"mouse\") event.currentTarget.setPointerCapture?.(event.pointerId);\n    setActive(pointAt(event.clientX));\n  };\n  const onPointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    if (!empty && (event.pointerType === \"mouse\" || event.buttons)) setActive(pointAt(event.clientX));\n  };\n\n  const format = (value: number, line: LineChartSeries) =>\n    `${formatValue ? formatValue(value, line) : GROUPED.format(value)}${unit ? ` ${unit}` : \"\"}`;\n  const reading = index === null ? null : data[index];\n  const shown = reading ?? data[last];\n  const valueText = reading\n    ? `${reading.label}: ${visible.map((line) => `${line.label} ${format(reading.values[line.key] ?? 0, line)}`).join(\", \")}`\n    : empty\n      ? emptyLabel\n      : `${visible.length} of ${series.length} series shown`;\n  const summary = empty\n    ? `${label}. ${emptyLabel}.`\n    : `${label}, ${data[0]!.label} to ${data[last]!.label}. ${visible\n        .map((line) => `${line.label}, latest ${format(data[last]!.values[line.key] ?? 0, line)}`)\n        .join(\". \")}.`;\n  const picks = axisPicks(data, plotWidth);\n  const allHidden = !empty && visible.length === 0;\n\n  return (\n    <figure\n      ref={refs}\n      data-slot=\"line-chart\"\n      aria-label={label}\n      aria-busy={loading || undefined}\n      className={cn(\"m-0 grid min-w-0 gap-4 box-border font-sans text-foreground\", className)}\n    >\n      {showLegend ? (\n        <div role=\"group\" aria-label={`${label} series`} className=\"-mx-2 flex min-w-0 flex-wrap gap-x-1 gap-y-0.5\">\n          {series.map((line, at) => (\n            <button\n              key={line.key}\n              type=\"button\"\n              data-slot=\"line-chart-toggle\"\n              aria-pressed={!hidden.includes(line.key)}\n              onClick={() => toggle(line.key)}\n              style={{ \"--series\": colorOf(line, at) } as CSSProperties}\n              className=\"chart-legend-toggle\"\n            >\n              <span aria-hidden=\"true\" data-dashed={line.dashed || undefined} className=\"chart-swatch\" />\n              <span className=\"chart-toggle-label\">{line.label}</span>\n            </button>\n          ))}\n        </div>\n      ) : null}\n      <div\n        data-slot=\"line-chart-chart\"\n        data-scrubbing={scrubbing || undefined}\n        data-loading={loading || undefined}\n        data-drawn={drawn || undefined}\n        className=\"line-chart-frame\"\n      >\n        <div\n          ref={plot}\n          data-slot=\"line-chart-plot\"\n          role=\"slider\"\n          tabIndex={empty ? -1 : 0}\n          aria-label={`${label}, explore by ${categoryLabel.toLowerCase()}`}\n          aria-orientation=\"horizontal\"\n          aria-valuemin={1}\n          aria-valuemax={Math.max(1, data.length)}\n          aria-valuenow={(index ?? last) + 1}\n          aria-valuetext={valueText}\n          onPointerDown={onPointerDown}\n          onPointerMove={onPointerMove}\n          onPointerUp={(event) => {\n            if (event.pointerType !== \"mouse\") setActive(null);\n          }}\n          onPointerCancel={() => setActive(null)}\n          onPointerLeave={(event) => {\n            if (event.pointerType === \"mouse\") setActive(null);\n          }}\n          onKeyDown={onKeyDown}\n          onBlur={() => setActive(null)}\n          onFocus={(event) => {\n            if (event.currentTarget.matches(\":focus-visible\") && !empty) setActive((current) => current ?? last);\n          }}\n          className=\"line-chart-plot\"\n          style={{ height }}\n        >\n          <svg ref={svg} width=\"100%\" height={height} aria-hidden=\"true\" focusable=\"false\" className=\"block overflow-visible\">\n            <defs>\n              <clipPath id={`${uid}-draw`} clipPathUnits=\"userSpaceOnUse\">\n                <rect className=\"line-chart-reveal\" x={-8} y={-16} height={height + 32} style={{ width: drawn ? plotWidth + 16 : 0 }} />\n              </clipPath>\n            </defs>\n            {steady.ticks.slice(1).map((value) => (\n              <line key={value} data-grid={value} className=\"line-chart-grid\" x1={0} x2=\"100%\" />\n            ))}\n            <line className=\"line-chart-baseline\" x1={0} x2=\"100%\" y1={height - 0.5} y2={height - 0.5} />\n            <line data-part=\"crosshair\" className=\"line-chart-crosshair\" y1={TOP - 4} y2={height} />\n            <g className=\"line-chart-series\" clipPath={`url(#${uid}-draw)`}>\n              {series.map((line, at) => (\n                <g key={line.key} data-series={line.key} style={{ \"--series\": colorOf(line, at) } as CSSProperties}>\n                  {(line.area ?? at === 0) ? <path data-part=\"area\" className=\"line-chart-area\" /> : null}\n                  <path data-part=\"line\" data-dashed={line.dashed || undefined} className=\"line-chart-line\" />\n                </g>\n              ))}\n            </g>\n            {series.map((line, at) => (\n              <circle\n                key={line.key}\n                data-dot={line.key}\n                data-hidden={hidden.includes(line.key) || undefined}\n                r={4}\n                className=\"line-chart-dot\"\n                style={{ \"--series\": colorOf(line, at) } as CSSProperties}\n              />\n            ))}\n          </svg>\n          <div ref={tip} aria-hidden=\"true\" data-slot=\"line-chart-tooltip\" className=\"line-chart-tooltip\">\n            <p className=\"m-0 mb-0.5 whitespace-nowrap text-xs tabular-nums text-text-secondary\">{shown?.label ?? \"\"}</p>\n            {visible.map((line) => (\n              <p\n                key={line.key}\n                className=\"m-0 flex min-w-0 items-center gap-2 text-sm\"\n                style={{ \"--series\": colorOf(line, series.indexOf(line)) } as CSSProperties}\n              >\n                <span data-dashed={line.dashed || undefined} className=\"chart-tip-swatch\" />\n                <span className=\"min-w-0 flex-1 truncate text-text-secondary\">{line.label}</span>\n                <span className=\"ms-2 flex-none whitespace-nowrap font-medium tabular-nums text-foreground\">\n                  {format(shown?.values[line.key] ?? 0, line)}\n                </span>\n              </p>\n            ))}\n          </div>\n          {(empty || allHidden) && !loading ? (\n            <p className=\"absolute inset-0 m-0 grid place-items-center text-sm text-muted-foreground pointer-events-none motion-safe:animate-fade-in\">\n              {empty ? emptyLabel : \"Choose a series to show\"}\n            </p>\n          ) : null}\n          {loading && empty ? <span aria-hidden=\"true\" className=\"chart-skeleton\" /> : null}\n        </div>\n        <div ref={gutter} aria-hidden=\"true\" className=\"relative min-w-0 [grid-area:1/2]\">\n          {steady.ticks.map((value) => (\n            <span key={value} data-tick={value} className=\"line-chart-tick motion-safe:animate-fade-in\">\n              <span className=\"block -translate-y-1/2 text-xs leading-none tabular-nums text-muted-foreground\">\n                {formatTick(value)}\n              </span>\n            </span>\n          ))}\n        </div>\n        <div aria-hidden=\"true\" className=\"relative min-w-0 [grid-area:2/1]\">\n          {picks.map((at) => {\n            const share = last > 0 ? at / last : 0.5;\n            return (\n              <span\n                key={`${data[at]!.key}:${data[at]!.axisLabel}`}\n                className=\"absolute top-2 whitespace-nowrap text-xs leading-none tabular-nums text-muted-foreground motion-safe:animate-fade-in\"\n                style={{ left: `${share * 100}%`, translate: `${-share * 100}% 0` }}\n              >\n                {data[at]!.axisLabel}\n              </span>\n            );\n          })}\n        </div>\n      </div>\n      <p className=\"sr-only\">{summary}</p>\n      {empty ? null : (\n        <div className=\"sr-only\">\n          <table>\n            <caption>{label}</caption>\n            <thead>\n              <tr>\n                <th scope=\"col\">{categoryLabel}</th>\n                {series.map((line) => (\n                  <th key={line.key} scope=\"col\">\n                    {line.label}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((item) => (\n                <tr key={item.key}>\n                  <th scope=\"row\">{item.label}</th>\n                  {series.map((line) => (\n                    <td key={line.key}>{format(item.values[line.key] ?? 0, line)}</td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n      <p className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n        {loading ? \"Loading\" : \"\"}\n      </p>\n    </figure>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"line-chart.js","names":[],"sources":["../../src/line-chart/line-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"../lib/cn.js\";\nimport { mergeRefs } from \"../lib/merge-refs.js\";\nimport { prefersReducedMotion, useIsomorphicLayoutEffect } from \"../lib/motion.js\";\nimport { SMOOTH, SNAPPY, tween } from \"../lib/spring-tween.js\";\n\n/**\n * LineChart: one or more measures over time, when the shape of the trend\n * matters more than any single value.\n *\n * The lines draw left to right the first time the chart is seen. New data\n * morphs every line from the shape on screen, and the value axis slides to its\n * new range while gridlines fade in and out. Hiding a series flattens it into\n * the baseline as it fades and the rest rescale. Hover, drag or the arrow keys\n * scrub: a crosshair glides between points with a dot on each line and a\n * tooltip that follows on its own spring and flips before it leaves the plot.\n * `loading` keeps the current lines on screen, dimmed and breathing.\n *\n * Plain SVG and CSS; one small spring tween drives the shapes, the scale and\n * the crosshair. A visually hidden table carries every value for assistive\n * technology, and the plot itself is a slider.\n */\nexport interface LineChartSeries {\n  /** Stable identity. A series keeps its line across data changes, so switching ranges morphs it. */\n  key: string;\n  /** Name in the legend, the tooltip and the data table. */\n  label: string;\n  /** Any CSS colour. Defaults to chart-1 for the first series, then quieter neutral steps. */\n  color?: string;\n  /** A dashed stroke, for a previous period or a target. */\n  dashed?: boolean;\n  /** A faint fill under the line. Defaults to true for the first series. */\n  area?: boolean;\n  /**\n   * Prints each value above its point, read with `formatValue` (without `unit`).\n   * A missing value (with `missing` `\"gap\"` or `\"connect\"`) has no label. For a\n   * few points: labels on a dense line collide.\n   * @default false\n   */\n  pointLabels?: boolean;\n  /**\n   * A label above the series' last point with a value. `true` prints that value\n   * (read with `formatValue`, without `unit`); a string prints the text, such as\n   * \"Heading for 1,800\", and is read in the chart's summary.\n   */\n  endLabel?: boolean | string;\n}\n\nexport interface LineChartDatum {\n  /** Stable identity, such as an ISO date. */\n  key: string;\n  /** Full label for the tooltip and screen readers, such as \"Tue, Sep 15\". */\n  label: string;\n  /** Short label on the x axis. Leave it out to keep the axis quiet at that point. */\n  axisLabel?: string;\n  /**\n   * One value per series key. A missing value (`undefined` or `null`) counts as\n   * zero, unless the chart's `missing` is `\"gap\"`.\n   */\n  values: Record<string, number | null | undefined>;\n}\n\n/** The colour role of a reference line or an event marker. `\"neutral\"` is the quiet default. */\nexport type LineChartTone = \"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\";\n\n/**\n * A reference line: a horizontal line at a value (a target, a threshold), or a\n * vertical line at one datum (today, a launch). Drawn dashed and quiet, behind\n * the series, with its label at the line's end.\n */\nexport type LineChartReference = {\n  /** Stable identity. */\n  key: string;\n  /** Short text beside the line, such as \"Target\" or \"Today\". Also read to screen readers. */\n  label: string;\n  /**\n   * Colours the line and its label, for a line whose colour carries meaning,\n   * such as a \"Goal\" in warning. Still dashed, still behind the series.\n   * @default \"neutral\"\n   */\n  tone?: LineChartTone;\n} & (\n  | {\n      /**\n       * A value on the value axis: a horizontal line. The scale grows to keep it\n       * in view, even when every value is missing. A value that is not finite\n       * draws nothing. Read with `formatValue` (given the chart's first series)\n       * and `unit`, like the series.\n       */\n      value: number;\n      at?: never;\n    }\n  | {\n      /** The `key` of a datum: a vertical line at that point. A key not in `data` draws nothing. */\n      at: string;\n      value?: never;\n    }\n);\n\n/**\n * An event on the category axis, such as \"prompts changed\": a short stem up\n * from the baseline at one datum, with a short visible label above it.\n */\nexport interface LineChartMarker {\n  /** Stable identity. */\n  key: string;\n  /** The `key` of a datum. A key not in `data` draws nothing. */\n  at: string;\n  /** Short visible text, such as \"Changed\" or \"v2\". */\n  label: string;\n  /** What happened, read to screen readers in place of `label`, such as \"Prompt set changed\". */\n  description?: string;\n  /** @default \"neutral\" */\n  tone?: LineChartTone;\n}\n\n/**\n * A shaded band across the plot between two values, such as \"Page 1\" for\n * ranks 1 to 10. Drawn behind the gridlines and the series, clipped to the\n * value axis; it never grows the scale.\n */\nexport interface LineChartBand {\n  /** Stable identity. */\n  key: string;\n  /** One edge of the band, on the value axis. Either order. */\n  from: number;\n  /** The other edge. */\n  to: number;\n  /** Short text inside the band at its top inline-start corner, such as \"Page 1\". Hidden when the band is too thin to hold it. */\n  label: string;\n  /** What the band means, read in the chart's summary in place of `label` and its range, such as \"Page 1: ranks 1 to 10\". */\n  description?: string;\n  /** @default \"neutral\" */\n  tone?: LineChartTone;\n}\n\n/** What `renderTooltip` is given for the point under the crosshair. */\nexport interface LineChartTooltipContext {\n  datum: LineChartDatum;\n  index: number;\n  /** The series on show, in order. */\n  series: LineChartSeries[];\n  /** Each shown series' value at this point; `null` when it is missing (with `missing` `\"gap\"` or `\"connect\"`). */\n  values: Record<string, number | null>;\n  /** Reads a value the way the default tooltip does: `formatValue`, `unit`, and `missingLabel` for `null`. */\n  format: (value: number | null, series: LineChartSeries) => string;\n  /** The default tooltip content (the date and one row per series), to keep and add to. */\n  readout: ReactNode;\n}\n\nexport interface LineChartProps {\n  data: LineChartDatum[];\n  series: LineChartSeries[];\n  /** What is measured, such as \"Signups\". Names the chart for assistive technology. */\n  label: string;\n  /** Unit after each value in the tooltip, such as \"ms\". */\n  unit?: string;\n  /** Plot height in pixels. The width follows the container. @default 220 */\n  height?: number;\n  /** Formats values in the tooltip and data table. */\n  formatValue?: (value: number, series: LineChartSeries) => string;\n  /** Formats the value axis. Defaults to a compact number, such as 1.2K. */\n  formatTick?: (value: number) => string;\n  /** Controlled hidden series keys. */\n  hiddenSeries?: string[];\n  defaultHiddenSeries?: string[];\n  onHiddenSeriesChange?: (hidden: string[]) => void;\n  /** Called as the crosshair moves, and with null when it leaves. */\n  onActiveChange?: (index: number | null, datum: LineChartDatum | null) => void;\n  /** Keeps the current lines on screen, dimmed, while the next range loads. */\n  loading?: boolean;\n  /** Shown when there are no points. @default \"No data for this range\" */\n  emptyLabel?: string;\n  /** Series toggles above the plot. Shown by default when there is more than one series. */\n  legend?: boolean;\n  /** Header of the first column in the data table read by screen readers. @default \"Date\" */\n  categoryLabel?: string;\n  /** Smooth monotone curves that never swing past the data, or straight segments. @default \"smooth\" */\n  curve?: \"smooth\" | \"linear\";\n  /**\n   * How a missing value (`undefined`, `null` or not a finite number) is drawn.\n   * `\"zero\"` counts it as zero, as before. `\"gap\"` breaks the line (and its\n   * area) there, leaves it out of the scale, hides the crosshair dot on it and\n   * reads it as `missingLabel` in the tooltip and the data table. A point with\n   * missing neighbours on both sides is drawn as a dot. `\"connect\"` is the same,\n   * except the line runs on across missing values between two present ones,\n   * through the straight line between them (a projection known at a few\n   * points); before the first value and after the last, nothing is drawn.\n   * @default \"zero\"\n   */\n  missing?: \"zero\" | \"gap\" | \"connect\";\n  /** Read in place of a missing value when `missing` is `\"gap\"` or `\"connect\"`. @default \"No data\" */\n  missingLabel?: string;\n  /** Reference lines: targets at a value, or markers such as \"today\" at a datum. */\n  references?: LineChartReference[];\n  /** Events on the category axis, each with a short visible label. Read in the summary and when scrubbed to. */\n  markers?: LineChartMarker[];\n  /**\n   * Flips the value axis: the lowest value at the top, the highest on the\n   * baseline. For ranks, where 1 is best. Pair it with `valueDomain`, such as\n   * `{ min: 1 }`, so the axis starts at rank 1 rather than 0.\n   * @default false\n   */\n  reversed?: boolean;\n  /**\n   * Pins either end of the value axis, such as `{ min: 1, max: 100 }` for ranks\n   * #1 to #100. An end left out fits the data as before (from zero at the low\n   * end). The pinned values are always ticks. A value past a pinned end is drawn\n   * past the edge, so pin a range that covers the data.\n   */\n  valueDomain?: { min?: number; max?: number };\n  /** Shaded bands between two values, such as rank pages. Read in the summary. */\n  bands?: LineChartBand[];\n  /**\n   * Replaces the tooltip's content for the point under the crosshair. It is\n   * given the point and the default `readout`, to keep and add to (gained and\n   * lost counts under a total). Return `null` (or `undefined`, `false`, `0` or `\"\"`) to show no tooltip at that point.\n   * The tooltip is visual only: the slider's value text, the summary and the\n   * data table still read every value.\n   */\n  renderTooltip?: (context: LineChartTooltipContext) => ReactNode;\n  /** Extra classes for the root. Merged last. */\n  className?: string;\n}\n\ntype Point = [x: number, value: number];\n/** Open intervals of x (0 to 1) where a line is not drawn: the gaps around missing values. */\ntype Breaks = [from: number, to: number][];\n/** x (0 to 1) of each missing value, where the crosshair shows no dot even when the line runs across. */\ntype Holes = number[];\ntype Track = { shape: Point[]; breaks: Breaks; holes: Holes; presence: number; stop: (() => void) | null };\n\n/** Room above the top gridline, and the gap between the crosshair and its tooltip. */\nconst TOP = 12;\nconst GAP = 14;\n/** Between a point and its label. */\nconst LABEL_GAP = 6;\n/** The first draw: 480ms x 1.75, slow at both ends. */\nexport const LINE_CHART_DRAW_MS = 840;\nconst PALETTE = [\n  \"var(--color-chart-1)\",\n  \"color-mix(in oklab, var(--color-foreground) 46%, var(--color-surface))\",\n  \"color-mix(in oklab, var(--color-foreground) 26%, var(--color-surface))\",\n];\nconst GROUPED = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 1 });\nconst COMPACT = new Intl.NumberFormat(\"en-US\", { notation: \"compact\", maximumFractionDigits: 1 });\nconst GRID = Array.from({ length: 241 }, (_, index) => index / 240);\nconst clamp = (value: number, low: number, high: number) => Math.min(high, Math.max(low, value));\nconst colorOf = (line: LineChartSeries, index: number) =>\n  line.color ?? PALETTE[Math.min(index, PALETTE.length - 1)]!;\nconst clean = (value: number) => Number(value.toPrecision(12));\n\n/** Clean gridlines: the smallest step of 1, 2, 2.5 or 5 that covers the data in four rows or fewer, from zero unless the data dips below it (or `fromZero` is off). */\nfunction niceScale(low: number, high: number, fromZero = true) {\n  const lo = fromZero ? Math.min(0, low) : low;\n  const hi = Math.max(high, lo + 1);\n  const magnitude = 10 ** Math.floor(Math.log10((hi - lo) / 4));\n  for (const factor of [1, 2, 2.5, 5, 10]) {\n    const step = factor * magnitude;\n    const bottom = Math.floor(lo / step) * step;\n    const top = Math.ceil(hi / step) * step;\n    if ((top - bottom) / step <= 4 + 1e-9) {\n      const ticks: number[] = [];\n      for (let value = bottom; value <= top + step / 2; value += step) ticks.push(clean(value));\n      return { min: clean(bottom), max: clean(top), ticks };\n    }\n  }\n  return { min: lo, max: hi, ticks: [lo, hi] };\n}\n\ntype Scale = ReturnType<typeof niceScale>;\n\n/** The nice scale with either end pinned: a pinned end is a tick, and the nice ticks within half a step of it give way. */\nfunction pinScale(scale: Scale, min?: number, max?: number): Scale {\n  if (min === undefined && max === undefined) return scale;\n  const lo = min ?? scale.min;\n  const hi = max ?? scale.max;\n  if (!(hi > lo)) return scale;\n  const step = scale.ticks.length > 1 ? scale.ticks[1]! - scale.ticks[0]! : hi - lo;\n  return { min: lo, max: hi, ticks: [lo, ...scale.ticks.filter((tick) => tick > lo + step / 2 && tick < hi - step / 2), hi] };\n}\n\n/** The line through every value, sampled densely on x from 0 to 1 in data units. Monotone tangents keep a smooth curve from swinging past the data. */\nfunction curveFor(values: number[], smooth: boolean): Point[] {\n  if (values.length === 0) return [];\n  if (values.length === 1) return [[0, values[0]!], [1, values[0]!]];\n  const last = values.length - 1;\n  const step = 1 / last;\n  if (!smooth) return values.map((value, index) => [index * step, value]);\n  const slopes = values.slice(1).map((value, index) => (value - values[index]!) / step);\n  const tangents = values.map((_, index) =>\n    index === 0 || index === last\n      ? 0\n      : (Math.sign(slopes[index - 1]!) + Math.sign(slopes[index]!)) *\n          Math.min(\n            Math.abs(slopes[index - 1]!),\n            Math.abs(slopes[index]!),\n            Math.abs(slopes[index - 1]! + slopes[index]!) / 4,\n          ) || 0,\n  );\n  if (last > 1) {\n    tangents[0] = (3 * slopes[0]! - tangents[1]!) / 2;\n    tangents[last] = (3 * slopes[last - 1]! - tangents[last - 1]!) / 2;\n  } else {\n    tangents[0] = slopes[0]!;\n    tangents[1] = slopes[0]!;\n  }\n  const samples = Math.max(1, Math.min(16, Math.round(192 / last)));\n  const points: Point[] = [];\n  for (let index = 0; index < last; index++) {\n    const low = Math.min(values[index]!, values[index + 1]!);\n    const high = Math.max(values[index]!, values[index + 1]!);\n    for (let sample = 0; sample < samples; sample++) {\n      const t = sample / samples;\n      const t2 = t * t;\n      const t3 = t2 * t;\n      const value =\n        (2 * t3 - 3 * t2 + 1) * values[index]! +\n        (t3 - 2 * t2 + t) * step * tangents[index]! +\n        (3 * t2 - 2 * t3) * values[index + 1]! +\n        (t3 - t2) * step * tangents[index + 1]!;\n      points.push([(index + t) * step, clamp(value, low, high)]);\n    }\n  }\n  points.push([1, values[last]!]);\n  return points;\n}\n\n/** Fills each missing value straight between its present neighbours (or with the nearest one at the ends), so a gapped line still has a shape to morph. */\nfunction fillGaps(values: (number | null)[]): number[] {\n  const present = values.flatMap((value, index) => (value === null ? [] : [index]));\n  if (!present.length) return values.map(() => 0);\n  return values.map((value, index) => {\n    if (value !== null) return value;\n    const after = present.find((at) => at > index);\n    const before = [...present].reverse().find((at) => at < index);\n    if (before === undefined) return values[after!]!;\n    if (after === undefined) return values[before]!;\n    return values[before]! + ((values[after]! - values[before]!) * (index - before)) / (after - before);\n  });\n}\n\n/** Where a line with missing values is not drawn: before its first value, after its last, and (unless it connects across them) between two values with missing ones between them. */\nfunction breaksFor(values: (number | null)[], across = false): Breaks {\n  const present = values.flatMap((value, index) => (value === null ? [] : [index]));\n  if (!present.length) return values.length ? [[-Infinity, Infinity]] : [];\n  const last = values.length - 1;\n  if (last === 0) return [];\n  const breaks: Breaks = [];\n  if (present[0]! > 0) breaks.push([-Infinity, present[0]! / last]);\n  for (let at = 1; at < present.length; at++) {\n    if (!across && present[at]! - present[at - 1]! > 1) breaks.push([present[at - 1]! / last, present[at]! / last]);\n  }\n  if (present[present.length - 1]! < last) breaks.push([present[present.length - 1]! / last, Infinity]);\n  return breaks;\n}\n\nfunction holesFor(values: (number | null)[]): Holes {\n  const last = values.length - 1;\n  return values.flatMap((value, index) => (value === null && last > 0 ? [index / last] : []));\n}\n\nconst EDGE = 1e-9;\n/** Radius of a lone point's dot, inside its 2px stroke. */\nconst DOT = 1.5;\nconst inBreak = (breaks: Breaks, x: number) => breaks.some(([from, to]) => x > from + EDGE && x < to - EDGE);\n\n/** The drawn runs of a line, split at its gaps. A run of one point is a dot: a small closed circle the stroke fills out to about 5px. */\nfunction pathsFor(shape: Point[], breaks: Breaks, toX: (x: number) => number, toY: (value: number) => number, bottom: number) {\n  const runs: string[][] = [];\n  let run: string[] | null = null;\n  for (const [x, value] of shape) {\n    if (breaks.length && inBreak(breaks, x)) {\n      run = null;\n      continue;\n    }\n    if (!run) runs.push((run = []));\n    run.push(`${toX(x).toFixed(1)},${toY(value).toFixed(1)}`);\n  }\n  const line = runs\n    .map((points) => {\n      if (points.length > 1) return `M${points.join(\"L\")}`;\n      const [x, y] = points[0]!.split(\",\").map(Number);\n      return `M${(x! - DOT).toFixed(1)},${y!.toFixed(1)}a${DOT},${DOT} 0 1,0 ${DOT * 2},0a${DOT},${DOT} 0 1,0 ${-DOT * 2},0`;\n    })\n    .join(\"\");\n  const area = runs\n    .map((points) => {\n      const first = points[0]!.split(\",\")[0];\n      const lastX = points[points.length - 1]!.split(\",\")[0];\n      return `M${points.join(\"L\")}L${lastX},${bottom}L${first},${bottom}Z`;\n    })\n    .join(\"\");\n  return { line, area };\n}\n\nconst isFiniteValue = (reference: LineChartReference): reference is LineChartReference & { value: number } =>\n  typeof reference.value === \"number\" && Number.isFinite(reference.value);\n\n/** Value of a sampled line at x, straight between samples. */\nfunction valueAt(shape: Point[], x: number) {\n  if (!shape.length) return 0;\n  let low = 0;\n  let high = shape.length - 1;\n  if (x <= shape[low]![0]) return shape[low]![1];\n  if (x >= shape[high]![0]) return shape[high]![1];\n  while (high - low > 1) {\n    const middle = (low + high) >> 1;\n    if (shape[middle]![0] < x) low = middle;\n    else high = middle;\n  }\n  const [x0, y0] = shape[low]!;\n  const [x1, y1] = shape[high]!;\n  return x1 === x0 ? y1 : y0 + ((y1 - y0) * (x - x0)) / (x1 - x0);\n}\n\n/** Axis labels that fit: at most one per 76 pixels, counted back from the latest so the newest always shows. */\nfunction axisPicks(data: LineChartDatum[], width: number) {\n  const labeled = data.flatMap((item, index) => (item.axisLabel ? [index] : []));\n  if (!width || !labeled.length) return [];\n  const room = Math.max(2, Math.floor(width / 76));\n  const stride = Math.ceil(labeled.length / room);\n  return labeled\n    .reverse()\n    .filter((_, rank) => rank % stride === 0)\n    .reverse();\n}\n\nexport const LineChart = forwardRef<HTMLElement, LineChartProps>(function LineChart(\n  {\n    data,\n    series,\n    label,\n    unit = \"\",\n    height = 220,\n    formatValue,\n    formatTick = (value) => COMPACT.format(value),\n    hiddenSeries,\n    defaultHiddenSeries,\n    onHiddenSeriesChange,\n    onActiveChange,\n    loading = false,\n    emptyLabel = \"No data for this range\",\n    legend,\n    categoryLabel = \"Date\",\n    curve = \"smooth\",\n    missing = \"zero\",\n    missingLabel = \"No data\",\n    references,\n    markers,\n    reversed = false,\n    valueDomain,\n    bands,\n    renderTooltip,\n    className,\n  },\n  ref,\n) {\n  const figure = useRef<HTMLElement | null>(null);\n  const refs = useMemo(() => mergeRefs(ref, figure), [ref]);\n  const plot = useRef<HTMLDivElement>(null);\n  const svg = useRef<SVGSVGElement>(null);\n  const tip = useRef<HTMLDivElement>(null);\n  const gutter = useRef<HTMLDivElement>(null);\n  const uid = `line${useId().replace(/[^a-zA-Z0-9_-]/g, \"\")}`;\n  const last = data.length - 1;\n  const empty = data.length === 0;\n\n  const [ownHidden, setOwnHidden] = useState<string[]>(defaultHiddenSeries ?? []);\n  const hidden = hiddenSeries ?? ownHidden;\n  const toggle = (key: string) => {\n    const next = hidden.includes(key) ? hidden.filter((item) => item !== key) : [...hidden, key];\n    if (hiddenSeries === undefined) setOwnHidden(next);\n    onHiddenSeriesChange?.(next);\n  };\n  const visible = series.filter((line) => !hidden.includes(line.key));\n  const showLegend = legend ?? series.length > 1;\n\n  // A missing value is zero, as it always was, unless gaps (or a connected line) are asked for.\n  const gaps = missing !== \"zero\";\n  const read = (item: LineChartDatum, key: string): number | null => {\n    const value = item.values[key];\n    if (!gaps) return value ?? 0;\n    return typeof value === \"number\" && Number.isFinite(value) ? value : null;\n  };\n\n  // Each series becomes a dense curve in data units; the scale fits only the series on show.\n  const signature = `${curve}|${missing}|${series.map((line) => line.key).join(\",\")}|${data\n    .map((item) => `${item.key}:${series.map((line) => read(item, line.key)).join(\",\")}`)\n    .join(\";\")}`;\n  const targets = useMemo(\n    () =>\n      new Map(\n        series.map((line) => {\n          const values = data.map((item) => read(item, line.key));\n          return [\n            line.key,\n            {\n              shape: curveFor(fillGaps(values), curve === \"smooth\"),\n              breaks: breaksFor(values, missing === \"connect\"),\n              holes: holesFor(values),\n            },\n          ];\n        }),\n      ),\n    // The signature captures everything the curves read.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [signature],\n  );\n  let low = Infinity;\n  let high = -Infinity;\n  for (const line of visible) {\n    for (const item of data) {\n      const value = read(item, line.key);\n      if (value === null) continue;\n      low = Math.min(low, value);\n      high = Math.max(high, value);\n    }\n  }\n  // A target keeps itself in view, even with every value missing, so it never sits on the fallback scale.\n  for (const reference of references ?? []) {\n    if (!isFiniteValue(reference)) continue;\n    low = Math.min(low, reference.value);\n    high = Math.max(high, reference.value);\n  }\n  // A pinned end stands in for the data at that end, so a pinned low end does not reach down to zero.\n  const pinMin = Number.isFinite(valueDomain?.min) ? valueDomain!.min : undefined;\n  const pinMax = Number.isFinite(valueDomain?.max) ? valueDomain!.max : undefined;\n  const fit = (from: number, to: number) => pinScale(niceScale(pinMin ?? from, pinMax ?? to, pinMin === undefined), pinMin, pinMax);\n  const range = Number.isFinite(low) ? fit(low, high) : pinMin !== undefined && pinMax !== undefined ? fit(pinMin, pinMax) : null;\n  const [steady, setSteady] = useState(() => range ?? fit(0, 100));\n  if (range && (range.min !== steady.min || range.max !== steady.max || range.ticks.join() !== steady.ticks.join())) setSteady(range);\n\n  // Scrubbing: a new range lets go of the crosshair.\n  const [active, setActive] = useState<number | null>(null);\n  const [seen, setSeen] = useState(signature);\n  if (seen !== signature) {\n    setSeen(signature);\n    setActive(null);\n  }\n  const index = active === null || empty ? null : Math.min(active, last);\n  const scrubbing = index !== null;\n\n  const width = useRef(0);\n  const [plotWidth, setPlotWidth] = useState(0);\n  const [drawn, setDrawn] = useState(false);\n  const tracks = useRef(new Map<string, Track>());\n  const scale = useRef({ min: steady.min, max: steady.max });\n  const cursor = useRef(1);\n  // `undefined`: nothing to draw (an unknown datum, or a value that is not finite).\n  const referenceAt = (reference: LineChartReference) => {\n    if (typeof reference.value === \"number\") return isFiniteValue(reference) ? null : undefined;\n    const at = data.findIndex((item) => item.key === reference.at);\n    return at < 0 ? undefined : last > 0 ? at / last : 0.5;\n  };\n  const drawnReferences = (references ?? []).filter((reference) => referenceAt(reference) !== undefined);\n  const markerIndex = (marker: LineChartMarker) => data.findIndex((item) => item.key === marker.at);\n  const drawnMarkers = (markers ?? []).filter((marker) => markerIndex(marker) >= 0);\n  const drawnBands = (bands ?? []).filter((band) => Number.isFinite(band.from) && Number.isFinite(band.to));\n  const live = useRef({ series, hidden });\n  useIsomorphicLayoutEffect(() => {\n    live.current = { series, hidden };\n  });\n\n  /** One writer for every drawn attribute: morphs, toggles, the scale, the crosshair and the size all repaint through here. */\n  const paint = useCallback(() => {\n    const w = width.current;\n    const root = svg.current;\n    if (!w || !root) return;\n    const lo = scale.current.min;\n    const span = scale.current.max - lo || 1;\n    const toY = (value: number) => TOP + (reversed ? (value - lo) / span : 1 - (value - lo) / span) * (height - TOP);\n    // A hidden series flattens into the value on the baseline: the lowest, or the highest on a reversed axis.\n    const base = reversed ? scale.current.max : lo;\n    const at = cursor.current;\n    const dotYs: number[] = [];\n    for (const line of live.current.series) {\n      const track = tracks.current.get(line.key);\n      if (!track) continue;\n      const p = track.presence;\n      const y = (value: number) => toY(base + (value - base) * p);\n      const group = root.querySelector<SVGGElement>(`[data-series=\"${CSS.escape(line.key)}\"]`);\n      if (track.breaks.length) {\n        const paths = pathsFor(track.shape, track.breaks, (x) => x * w, y, height);\n        group?.querySelector(\"[data-part=line]\")?.setAttribute(\"d\", paths.line);\n        group?.querySelector(\"[data-part=area]\")?.setAttribute(\"d\", paths.area);\n      } else {\n        const path = track.shape.length\n          ? `M${track.shape.map(([x, value]) => `${(x * w).toFixed(1)},${y(value).toFixed(1)}`).join(\"L\")}`\n          : \"\";\n        group?.querySelector(\"[data-part=line]\")?.setAttribute(\"d\", path);\n        group?.querySelector(\"[data-part=area]\")?.setAttribute(\"d\", path ? `${path}L${w},${height}L0,${height}Z` : \"\");\n      }\n      if (group) group.style.opacity = String(p);\n      const dot = root.querySelector<SVGCircleElement>(`[data-dot=\"${CSS.escape(line.key)}\"]`);\n      if (dot && track.shape.length) {\n        const gap = inBreak(track.breaks, at) || track.holes.some((x) => Math.abs(x - at) < 1e-6);\n        const cy = y(valueAt(track.shape, at));\n        dot.setAttribute(\"cx\", (at * w).toFixed(1));\n        dot.setAttribute(\"cy\", cy.toFixed(1));\n        // No value here: no dot, and the tooltip does not centre on one.\n        if (gap) dot.setAttribute(\"data-gap\", \"\");\n        else dot.removeAttribute(\"data-gap\");\n        if (p > 0.5 && !gap) dotYs.push(cy);\n      }\n    }\n    // Gridlines and tick labels ride the scale.\n    for (const node of root.querySelectorAll<SVGLineElement>(\"[data-grid]\")) {\n      const yy = String(Math.round(toY(Number(node.dataset.grid))) + 0.5);\n      node.setAttribute(\"y1\", yy);\n      node.setAttribute(\"y2\", yy);\n    }\n    for (const node of gutter.current?.querySelectorAll<HTMLElement>(\"[data-tick]\") ?? []) {\n      node.style.translate = `0 ${Math.round(toY(Number(node.dataset.tick)))}px`;\n    }\n    // Bands ride the scale too, clipped to the axis; a label shows only when the band can hold it.\n    for (const node of root.querySelectorAll<SVGRectElement>(\"[data-band]\")) {\n      const ys = [toY(Number(node.dataset.from)), toY(Number(node.dataset.to))];\n      const top = clamp(Math.min(...ys), TOP, height);\n      const bottom = clamp(Math.max(...ys), TOP, height);\n      node.setAttribute(\"y\", String(Math.round(top)));\n      node.setAttribute(\"height\", String(Math.max(0, Math.round(bottom) - Math.round(top))));\n      const text = plot.current?.querySelector<HTMLElement>(`[data-band-label=\"${CSS.escape(node.dataset.band!)}\"]`);\n      if (text) {\n        text.style.translate = `0 ${Math.round(top)}px`;\n        text.style.visibility = bottom - top >= text.offsetHeight ? \"\" : \"hidden\";\n      }\n    }\n    // Reference lines: a value rides the scale like a gridline; a datum sits at its x.\n    for (const node of root.querySelectorAll<SVGLineElement>(\"[data-reference-value]\")) {\n      const yy = String(Math.round(toY(Number(node.dataset.referenceValue))) + 0.5);\n      node.setAttribute(\"y1\", yy);\n      node.setAttribute(\"y2\", yy);\n    }\n    for (const node of root.querySelectorAll<SVGLineElement>(\"[data-reference-at]\")) {\n      const xx = String(Math.round(Number(node.dataset.referenceAt) * w) + 0.5);\n      node.setAttribute(\"x1\", xx);\n      node.setAttribute(\"x2\", xx);\n    }\n    for (const node of plot.current?.querySelectorAll<HTMLElement>(\"[data-reference-label]\") ?? []) {\n      const { referenceValue, referenceAt } = node.dataset;\n      node.style.translate =\n        referenceValue !== undefined\n          ? `0 ${Math.round(toY(Number(referenceValue)))}px`\n          : `${Math.round(Number(referenceAt) * w)}px 0`;\n    }\n    // Point and end labels ride their line: centred above the point (below it at the top), kept inside the plot.\n    for (const node of plot.current?.querySelectorAll<HTMLElement>(\"[data-point-label]\") ?? []) {\n      const track = tracks.current.get(node.dataset.pointLabel!);\n      if (!track?.shape.length) continue;\n      const x = Number(node.dataset.x);\n      const cy = toY(base + (valueAt(track.shape, x) - base) * track.presence);\n      const lw = node.offsetWidth;\n      const lh = node.offsetHeight;\n      const top = cy - lh - LABEL_GAP < 0 ? cy + LABEL_GAP : cy - lh - LABEL_GAP;\n      node.style.translate = `${Math.round(clamp(x * w - lw / 2, 0, Math.max(0, w - lw)))}px ${Math.round(clamp(top, 0, Math.max(0, height - lh)))}px`;\n      node.style.opacity = String(track.presence);\n    }\n    const cx = Math.round(at * w) + 0.5;\n    const cross = root.querySelector(\"[data-part=crosshair]\");\n    cross?.setAttribute(\"x1\", String(cx));\n    cross?.setAttribute(\"x2\", String(cx));\n    // The tooltip sits beside the crosshair, flips sides before it would leave the plot, and centres on the points it describes.\n    const bubble = tip.current;\n    if (bubble) {\n      const tw = bubble.offsetWidth;\n      const th = bubble.offsetHeight;\n      let x = cx + GAP;\n      if (x + tw > w) x = cx - GAP - tw;\n      const middle = dotYs.length ? dotYs.reduce((sum, value) => sum + value, 0) / dotYs.length : height / 2;\n      bubble.style.translate = `${clamp(x, 0, Math.max(0, w - tw))}px ${clamp(middle - th / 2, 0, Math.max(0, height - th))}px`;\n    }\n  }, [height, reversed]);\n\n  // The plot draws in its own pixels: measure the width and follow resizes.\n  useIsomorphicLayoutEffect(() => {\n    const node = plot.current;\n    if (!node) return;\n    const read = () => {\n      width.current = node.clientWidth;\n      setPlotWidth(node.clientWidth);\n      paint();\n    };\n    read();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(read);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [paint]);\n  useIsomorphicLayoutEffect(paint);\n\n  // New data morphs every line from the shape on screen, sampled on shared x positions so a range that gains or loses points still flows.\n  useEffect(() => {\n    const moves: { track: Track; xs: number[]; from: number[]; to: number[]; target: Point[] }[] = [];\n    for (const [key, { shape: target, breaks, holes }] of targets) {\n      const track = tracks.current.get(key);\n      if (!track) {\n        tracks.current.set(key, {\n          shape: target,\n          breaks,\n          holes,\n          presence: live.current.hidden.includes(key) ? 0 : 1,\n          stop: null,\n        });\n        continue;\n      }\n      // The gaps move to the new data at once; the line morphs between them.\n      track.breaks = breaks;\n      track.holes = holes;\n      if (!track.shape.length || !target.length) {\n        track.shape = target;\n        continue;\n      }\n      const xs = [...new Set([...GRID, ...target.map(([x]) => x)])].sort((a, b) => a - b);\n      moves.push({ track, xs, from: xs.map((x) => valueAt(track.shape, x)), to: xs.map((x) => valueAt(target, x)), target });\n    }\n    if (!moves.length) {\n      paint();\n      return;\n    }\n    return tween(\n      SMOOTH,\n      (p) => {\n        for (const move of moves) {\n          move.track.shape = move.xs.map((x, at): Point => [x, move.from[at]! + (move.to[at]! - move.from[at]!) * p]);\n        }\n        paint();\n      },\n      () => {\n        for (const move of moves) move.track.shape = move.target;\n        paint();\n      },\n    );\n  }, [paint, targets]);\n\n  // A hidden series flattens into the baseline as it fades; the ones that stay rescale around it.\n  const hiddenKey = hidden.join(\"|\");\n  useEffect(() => {\n    for (const [key, track] of tracks.current) {\n      const to = hidden.includes(key) ? 0 : 1;\n      if (track.presence === to) continue;\n      track.stop?.();\n      const from = track.presence;\n      track.stop = tween(SMOOTH, (p) => {\n        track.presence = from + (to - from) * p;\n        paint();\n      });\n    }\n    paint();\n    // hiddenKey stands for `hidden`.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hiddenKey, paint]);\n\n  // The value axis slides to its new range on the smooth spring.\n  useEffect(() => {\n    const from = { ...scale.current };\n    if (from.min === steady.min && from.max === steady.max) return;\n    return tween(SMOOTH, (p) => {\n      scale.current = { min: from.min + (steady.min - from.min) * p, max: from.max + (steady.max - from.max) * p };\n      paint();\n    });\n  }, [paint, steady]);\n\n  // The lines draw left to right the first time the chart is seen with data.\n  useEffect(() => {\n    if (empty || drawn) return;\n    const node = figure.current;\n    if (!node || prefersReducedMotion() || typeof IntersectionObserver === \"undefined\") {\n      setDrawn(true);\n      return;\n    }\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry?.isIntersecting) return;\n        observer.disconnect();\n        setDrawn(true);\n      },\n      { threshold: 0.3 },\n    );\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [drawn, empty]);\n\n  // The crosshair appears on the first scrubbed point and glides between the ones after it.\n  const wasScrubbing = useRef(false);\n  useEffect(() => {\n    if (index === null) {\n      wasScrubbing.current = false;\n      return;\n    }\n    const to = last > 0 ? index / last : 0.5;\n    const from = cursor.current;\n    if (!wasScrubbing.current) {\n      wasScrubbing.current = true;\n      cursor.current = to;\n      paint();\n      return;\n    }\n    return tween(SNAPPY, (p) => {\n      cursor.current = from + (to - from) * p;\n      paint();\n    });\n  }, [index, last, paint]);\n\n  const onActive = useRef(onActiveChange);\n  useIsomorphicLayoutEffect(() => {\n    onActive.current = onActiveChange;\n  });\n  useEffect(() => {\n    onActive.current?.(index, index === null ? null : (data[index] ?? null));\n    // Report only when the scrubbed point changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [index]);\n\n  const pointAt = (clientX: number) => {\n    const rect = plot.current?.getBoundingClientRect();\n    if (!rect?.width || last < 1) return Math.max(0, last);\n    return clamp(Math.round(((clientX - rect.left) / rect.width) * last), 0, last);\n  };\n  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\" && scrubbing) {\n      event.preventDefault();\n      setActive(null);\n      return;\n    }\n    const from = index ?? last + 1;\n    const page = Math.max(1, Math.round(data.length / 6));\n    const next = (\n      {\n        ArrowLeft: from - 1,\n        ArrowDown: from - 1,\n        ArrowRight: index === null ? last : from + 1,\n        ArrowUp: index === null ? last : from + 1,\n        PageDown: from - page,\n        PageUp: from + page,\n        Home: 0,\n        End: last,\n      } as Record<string, number>\n    )[event.key];\n    if (next === undefined || empty) return;\n    event.preventDefault();\n    setActive(clamp(next, 0, last));\n  };\n  const onPointerDown = (event: PointerEvent<HTMLDivElement>) => {\n    if (empty) return;\n    if (event.pointerType !== \"mouse\") event.currentTarget.setPointerCapture?.(event.pointerId);\n    setActive(pointAt(event.clientX));\n  };\n  const onPointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    if (!empty && (event.pointerType === \"mouse\" || event.buttons)) setActive(pointAt(event.clientX));\n  };\n\n  const formatShort = (value: number, line: LineChartSeries) =>\n    formatValue ? formatValue(value, line) : GROUPED.format(value);\n  const formatNumber = (value: number, line: LineChartSeries) => `${formatShort(value, line)}${unit ? ` ${unit}` : \"\"}`;\n  const format = (value: number | null, line: LineChartSeries) =>\n    value === null ? missingLabel : formatNumber(value, line);\n  // A reference belongs to no series; `formatValue` gets the first one, so a chart of one unit reads the same.\n  const formatReference = (value: number) =>\n    series[0] ? formatNumber(value, series[0]) : `${GROUPED.format(value)}${unit ? ` ${unit}` : \"\"}`;\n  const reading = index === null ? null : data[index];\n  const shown = reading ?? data[last];\n  const markedHere = index === null ? [] : drawnMarkers.filter((marker) => markerIndex(marker) === index);\n  const valueText = reading\n    ? `${reading.label}: ${visible.map((line) => `${line.label} ${format(read(reading, line.key), line)}`).join(\", \")}${markedHere\n        .map((marker) => `. ${marker.description ?? marker.label}`)\n        .join(\"\")}`\n    : empty\n      ? emptyLabel\n      : `${visible.length} of ${series.length} series shown`;\n  const summary = empty\n    ? `${label}. ${emptyLabel}.`\n    : `${label}, ${data[0]!.label} to ${data[last]!.label}. ${visible\n        .map(\n          (line) =>\n            `${line.label}, latest ${format(read(data[last]!, line.key), line)}${\n              typeof line.endLabel === \"string\" ? `, ${line.endLabel}` : \"\"\n            }`,\n        )\n        .join(\". \")}.${drawnReferences\n        .map((reference) =>\n          typeof reference.value === \"number\"\n            ? ` ${reference.label}: ${formatReference(reference.value)}.`\n            : ` ${reference.label}: ${data.find((item) => item.key === reference.at)!.label}.`,\n        )\n        .join(\"\")}${drawnMarkers\n        .map((marker) => ` ${marker.description ?? marker.label}: ${data[markerIndex(marker)]!.label}.`)\n        .join(\"\")}${drawnBands\n        .map(\n          (band) =>\n            ` ${band.description ?? `${band.label}: ${formatReference(Math.min(band.from, band.to))} to ${formatReference(Math.max(band.from, band.to))}`}.`,\n        )\n        .join(\"\")}`;\n  // One label per present point, and the end label on the last of them. A hidden series' labels fade with its line.\n  const pointLabels = empty\n    ? []\n    : series.flatMap((line) => {\n        if (!line.pointLabels && !line.endLabel) return [];\n        const present = data.flatMap((item, at) => {\n          const value = read(item, line.key);\n          return value === null ? [] : [{ at, value }];\n        });\n        const end = line.endLabel ? present.at(-1) : undefined;\n        return [\n          ...(line.pointLabels ? present.filter((point) => point !== end) : []).map((point) => ({\n            line,\n            ...point,\n            end: false,\n            text: formatShort(point.value, line),\n          })),\n          ...(end\n            ? [{ line, ...end, end: true, text: typeof line.endLabel === \"string\" ? line.endLabel : formatShort(end.value, line) }]\n            : []),\n        ];\n      });\n  const readout = (\n    <>\n      <p className=\"m-0 mb-0.5 whitespace-nowrap text-xs tabular-nums text-text-secondary\">{shown?.label ?? \"\"}</p>\n      {visible.map((line) => (\n        <p\n          key={line.key}\n          className=\"m-0 flex min-w-0 items-center gap-2 text-sm\"\n          style={{ \"--series\": colorOf(line, series.indexOf(line)) } as CSSProperties}\n        >\n          <span data-dashed={line.dashed || undefined} className=\"chart-tip-swatch\" />\n          <span className=\"min-w-0 flex-1 truncate text-text-secondary\">{line.label}</span>\n          <span className=\"ms-2 flex-none whitespace-nowrap font-medium tabular-nums text-foreground\">\n            {shown ? format(read(shown, line.key), line) : format(0, line)}\n          </span>\n        </p>\n      ))}\n    </>\n  );\n  // A custom tooltip is given the point it describes (the last one until scrubbed, so it is sized before it shows) and the default readout.\n  const tipContent: ReactNode =\n    renderTooltip && shown\n      ? renderTooltip({\n          datum: shown,\n          index: index ?? last,\n          series: visible,\n          values: Object.fromEntries(visible.map((line) => [line.key, read(shown, line.key)])),\n          format,\n          readout,\n        })\n      : readout;\n  const picks = axisPicks(data, plotWidth);\n  const allHidden = !empty && visible.length === 0;\n\n  return (\n    <figure\n      ref={refs}\n      data-slot=\"line-chart\"\n      aria-label={label}\n      aria-busy={loading || undefined}\n      className={cn(\"m-0 grid min-w-0 gap-4 box-border font-sans text-foreground\", className)}\n    >\n      {showLegend ? (\n        <div role=\"group\" aria-label={`${label} series`} className=\"-mx-2 flex min-w-0 flex-wrap gap-x-1 gap-y-0.5\">\n          {series.map((line, at) => (\n            <button\n              key={line.key}\n              type=\"button\"\n              data-slot=\"line-chart-toggle\"\n              aria-pressed={!hidden.includes(line.key)}\n              onClick={() => toggle(line.key)}\n              style={{ \"--series\": colorOf(line, at) } as CSSProperties}\n              className=\"chart-legend-toggle\"\n            >\n              <span aria-hidden=\"true\" data-dashed={line.dashed || undefined} className=\"chart-swatch\" />\n              <span className=\"chart-toggle-label\">{line.label}</span>\n            </button>\n          ))}\n        </div>\n      ) : null}\n      <div\n        data-slot=\"line-chart-chart\"\n        data-scrubbing={scrubbing || undefined}\n        data-loading={loading || undefined}\n        data-drawn={drawn || undefined}\n        className=\"line-chart-frame\"\n      >\n        <div\n          ref={plot}\n          data-slot=\"line-chart-plot\"\n          role=\"slider\"\n          tabIndex={empty ? -1 : 0}\n          aria-label={`${label}, explore by ${categoryLabel.toLowerCase()}`}\n          aria-orientation=\"horizontal\"\n          aria-valuemin={1}\n          aria-valuemax={Math.max(1, data.length)}\n          aria-valuenow={(index ?? last) + 1}\n          aria-valuetext={valueText}\n          onPointerDown={onPointerDown}\n          onPointerMove={onPointerMove}\n          onPointerUp={(event) => {\n            if (event.pointerType !== \"mouse\") setActive(null);\n          }}\n          onPointerCancel={() => setActive(null)}\n          onPointerLeave={(event) => {\n            if (event.pointerType === \"mouse\") setActive(null);\n          }}\n          onKeyDown={onKeyDown}\n          onBlur={() => setActive(null)}\n          onFocus={(event) => {\n            if (event.currentTarget.matches(\":focus-visible\") && !empty) setActive((current) => current ?? last);\n          }}\n          className=\"line-chart-plot\"\n          style={{ height }}\n        >\n          <svg ref={svg} width=\"100%\" height={height} aria-hidden=\"true\" focusable=\"false\" className=\"block overflow-visible\">\n            <defs>\n              <clipPath id={`${uid}-draw`} clipPathUnits=\"userSpaceOnUse\">\n                <rect className=\"line-chart-reveal\" x={-8} y={-16} height={height + 32} style={{ width: drawn ? plotWidth + 16 : 0 }} />\n              </clipPath>\n            </defs>\n            {drawnBands.map((band) => (\n              <rect\n                key={band.key}\n                data-band={band.key}\n                data-from={band.from}\n                data-to={band.to}\n                data-tone={band.tone}\n                className=\"line-chart-band\"\n                x={0}\n                width=\"100%\"\n              />\n            ))}\n            {(reversed ? steady.ticks.slice(0, -1) : steady.ticks.slice(1)).map((value) => (\n              <line key={value} data-grid={value} className=\"line-chart-grid\" x1={0} x2=\"100%\" />\n            ))}\n            <line className=\"line-chart-baseline\" x1={0} x2=\"100%\" y1={height - 0.5} y2={height - 0.5} />\n            {drawnReferences.map((reference) =>\n              typeof reference.value === \"number\" ? (\n                <line\n                  key={reference.key}\n                  data-reference={reference.key}\n                  data-reference-value={reference.value}\n                  data-tone={reference.tone}\n                  className=\"line-chart-reference\"\n                  x1={0}\n                  x2=\"100%\"\n                />\n              ) : (\n                <line\n                  key={reference.key}\n                  data-reference={reference.key}\n                  data-reference-at={referenceAt(reference)!}\n                  data-tone={reference.tone}\n                  className=\"line-chart-reference\"\n                  y1={TOP - 4}\n                  y2={height}\n                />\n              ),\n            )}\n            <line data-part=\"crosshair\" className=\"line-chart-crosshair\" y1={TOP - 4} y2={height} />\n            <g className=\"line-chart-series\" clipPath={`url(#${uid}-draw)`}>\n              {series.map((line, at) => (\n                <g key={line.key} data-series={line.key} style={{ \"--series\": colorOf(line, at) } as CSSProperties}>\n                  {(line.area ?? at === 0) ? <path data-part=\"area\" className=\"line-chart-area\" /> : null}\n                  <path data-part=\"line\" data-dashed={line.dashed || undefined} className=\"line-chart-line\" />\n                </g>\n              ))}\n            </g>\n            {series.map((line, at) => (\n              <circle\n                key={line.key}\n                data-dot={line.key}\n                data-hidden={hidden.includes(line.key) || undefined}\n                r={4}\n                className=\"line-chart-dot\"\n                style={{ \"--series\": colorOf(line, at) } as CSSProperties}\n              />\n            ))}\n          </svg>\n          {drawnBands.map((band) => (\n            <span\n              key={band.key}\n              aria-hidden=\"true\"\n              data-slot=\"line-chart-band-label\"\n              data-band-label={band.key}\n              data-tone={band.tone}\n              className=\"line-chart-band-label\"\n            >\n              {band.label}\n            </span>\n          ))}\n          {drawnReferences.map((reference) => (\n            <span\n              key={reference.key}\n              aria-hidden=\"true\"\n              data-slot=\"line-chart-reference-label\"\n              data-reference-label={reference.key}\n              data-reference-value={typeof reference.value === \"number\" ? reference.value : undefined}\n              data-reference-at={typeof reference.value === \"number\" ? undefined : referenceAt(reference)!}\n              data-axis={typeof reference.value === \"number\" ? \"value\" : \"category\"}\n              data-tone={reference.tone}\n              className=\"line-chart-reference-label\"\n            >\n              {reference.label}\n            </span>\n          ))}\n          {drawnMarkers.map((marker) => {\n            const share = last > 0 ? markerIndex(marker) / last : 0.5;\n            return (\n              <span\n                key={marker.key}\n                aria-hidden=\"true\"\n                data-slot=\"line-chart-marker\"\n                data-marker={marker.key}\n                data-tone={marker.tone}\n                className=\"line-chart-marker\"\n                style={{ left: `${share * 100}%` }}\n              >\n                <span className=\"line-chart-marker-label\" style={{ translate: `${-share * 100}% 0` }}>\n                  {marker.label}\n                </span>\n              </span>\n            );\n          })}\n          {pointLabels.map(({ line, at, end, text }) => (\n            <span\n              key={`${line.key}:${data[at]!.key}`}\n              aria-hidden=\"true\"\n              data-slot={end ? \"line-chart-end-label\" : \"line-chart-point-label\"}\n              data-point-label={line.key}\n              data-x={last > 0 ? at / last : 0.5}\n              className=\"line-chart-point-label\"\n              data-end={end || undefined}\n              style={{ \"--series\": colorOf(line, series.indexOf(line)) } as CSSProperties}\n            >\n              {end ? <span data-dashed={line.dashed || undefined} className=\"chart-tip-swatch\" /> : null}\n              {text}\n            </span>\n          ))}\n          <div\n            ref={tip}\n            aria-hidden=\"true\"\n            data-slot=\"line-chart-tooltip\"\n            data-empty={!tipContent || undefined}\n            className=\"line-chart-tooltip\"\n          >\n            {tipContent}\n          </div>\n          {(empty || allHidden) && !loading ? (\n            <p className=\"absolute inset-0 m-0 grid place-items-center text-sm text-muted-foreground pointer-events-none motion-safe:animate-fade-in\">\n              {empty ? emptyLabel : \"Choose a series to show\"}\n            </p>\n          ) : null}\n          {loading && empty ? <span aria-hidden=\"true\" className=\"chart-skeleton\" /> : null}\n        </div>\n        <div ref={gutter} aria-hidden=\"true\" className=\"relative min-w-0 [grid-area:1/2]\">\n          {steady.ticks.map((value) => (\n            <span key={value} data-tick={value} className=\"line-chart-tick motion-safe:animate-fade-in\">\n              <span className=\"block -translate-y-1/2 text-xs leading-none tabular-nums text-muted-foreground\">\n                {formatTick(value)}\n              </span>\n            </span>\n          ))}\n        </div>\n        <div aria-hidden=\"true\" className=\"relative min-w-0 [grid-area:2/1]\">\n          {picks.map((at) => {\n            const share = last > 0 ? at / last : 0.5;\n            return (\n              <span\n                key={`${data[at]!.key}:${data[at]!.axisLabel}`}\n                className=\"absolute top-2 whitespace-nowrap text-xs leading-none tabular-nums text-muted-foreground motion-safe:animate-fade-in\"\n                style={{ left: `${share * 100}%`, translate: `${-share * 100}% 0` }}\n              >\n                {data[at]!.axisLabel}\n              </span>\n            );\n          })}\n        </div>\n      </div>\n      <p className=\"sr-only\">{summary}</p>\n      {empty ? null : (\n        <div className=\"sr-only\">\n          <table>\n            <caption>{label}</caption>\n            <thead>\n              <tr>\n                <th scope=\"col\">{categoryLabel}</th>\n                {series.map((line) => (\n                  <th key={line.key} scope=\"col\">\n                    {line.label}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((item) => (\n                <tr key={item.key}>\n                  <th scope=\"row\">{item.label}</th>\n                  {series.map((line) => (\n                    <td key={line.key}>{format(read(item, line.key), line)}</td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n      <p className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n        {loading ? \"Loading\" : \"\"}\n      </p>\n    </figure>\n  );\n});\n"],"mappings":"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"}

package/dist/money-input/index.d.ts

@@ -1,2 +1,2 @@
-import { MoneyInput, MoneyInputDetails, MoneyInputProps } from "./money-input.js";
-export { MoneyInput, type MoneyInputDetails, type MoneyInputProps };
+import { MoneyInput, MoneyInputDetails, MoneyInputProps, MoneyInputSize } from "./money-input.js";
+export { MoneyInput, type MoneyInputDetails, type MoneyInputProps, type MoneyInputSize };

package/dist/money-input/money-input.d.ts

@@ -8,6 +8,8 @@ export interface MoneyInputDetails {
   /** The amount as a full currency string, such as "$12.50". */
   formatted: string;
 }
+/** The field sizes: the large `"hero"` amount, or one of Input's `sm`, `md` and `lg` rungs. */
+export type MoneyInputSize = "hero" | "sm" | "md" | "lg";
 /**
  * MoneyInput: a currency amount. The value is in minor units, so $12.50 is 1250
  * and 500 yen is 500. Digits group as they are typed without moving the caret,
@@ -22,8 +24,24 @@ export interface MoneyInputDetails {
  * `min` is checked when the field loses focus; `max` is enforced as you type: a
  * digit that would pass it is refused and the amount strains toward it. Wording
  * for the range comes from the currency, and `error` replaces it.
+ *
+ * `isInvalid` and `errorMessage` are the pair Select and MultiSelect take: the
+ * app's own validation marks the field invalid, and the message shows only while
+ * it is (or while the amount is out of range, whose wording it then replaces).
  */
 export interface MoneyInputProps {
+  /**
+   * How big the field is. `"hero"` is the large amount field: a 76px panel
+   * with the amount at the type scale's h2 size. `"sm"`, `"md"` and `"lg"`
+   * are Input's own rungs: the same height and inline padding (the
+   * `--density-control-*` tokens), the same text size, the same radius and
+   * the same border, so the amount sits level with an Input, a Select or a
+   * Button of that size in a form row. The currency menu shrinks to fit inside
+   * the box; the quick-add row and the messages are unchanged.
+   *
+   * @default "hero"
+   */
+  size?: MoneyInputSize;
   /** What the amount is, and the field's accessible name. */
   label: string;
   /** Render the label for screen readers only. */
@@ -50,8 +68,25 @@ export interface MoneyInputProps {
   locale?: string;
   /** Helper text under the field. A string, because the copy is animated word by word. */
   description?: string;
-  /** Replaces the built-in range message. */
+  /** Replaces the built-in range message. Shown whenever it is set. */
   error?: string;
+  /**
+   * Marks the amount invalid: the destructive border and `aria-invalid`, with or
+   * without a message. An amount outside `min`/`max` also becomes invalid on its
+   * own, once the field loses focus. Without `errorMessage` no text is shown, so
+   * the app must say what is wrong itself (WCAG 3.3.1).
+   *
+   * @default false
+   */
+  isInvalid?: boolean;
+  /**
+   * Why the amount is wrong, shown under the field while it is invalid
+   * (`isInvalid`, or out of range, whose built-in wording it replaces) and tied
+   * to the input as its error. A string, because the copy is animated word by
+   * word: unlike Select and MultiSelect, whose `errorMessage` is a `ReactNode`.
+   * `error`, when set, wins.
+   */
+  errorMessage?: string;
   disabled?: boolean;
   /** Adds a hidden input carrying the amount in minor units. */
   name?: string;

package/dist/money-input/money-input.js

@@ -3,8 +3,8 @@ import { cn, cnAll } from "../lib/cn.js";
 import { useIsomorphicLayoutEffect, useMorphWidth } from "../lib/motion.js";
 import { Button as Button$1 } from "../button/button.js";
 import { SwapText } from "../lib/swap-text.js";
-import { fieldSurfaceVariants } from "../lib/field-surface.js";
-import { RollingNumber } from "../lib/field-message.js";
+import { fieldBoxSize, fieldSurfaceVariants, fieldTextSize } from "../lib/field-surface.js";
+import { FieldMessage, RollingNumber } from "../lib/field-message.js";
 import { FieldShell, useFieldWiring } from "../lib/field-shell.js";
 import { SelectItem, selectPopoverVariants } from "../select/select.js";
 import { forwardRef, useCallback, useId, useImperativeHandle, useMemo, useReducer, useRef, useState } from "react";
@@ -146,8 +146,18 @@ function Amount({ draft, digits, symbols, direction, still }) {
 	] }) : null] });
 }
 const triggerClass = "inline-flex h-9 flex-none cursor-pointer items-center gap-1 rounded-pill border-0 bg-transparent ps-3 pe-2 font-sans text-sm font-medium tabular-nums text-foreground outline-none motion-safe:transition-[background-color] motion-safe:duration-(--duration-quick) motion-safe:ease-settle data-[hovered]:bg-muted data-[pressed]:bg-muted data-[disabled]:cursor-not-allowed data-[focus-visible]:outline-solid data-[focus-visible]:outline-(length:--focus-ring-width) data-[focus-visible]:outline-offset-(--focus-ring-offset) data-[focus-visible]:outline-(--color-ring)";
-const shellClass = cnAll(fieldSurfaceVariants(), "flex h-19 items-center gap-2 rounded-panel ps-4.5 pe-2", "has-[input:focus]:not-data-[invalid]:border-foreground", "forced-colors:has-[input:focus]:outline-solid forced-colors:has-[input:focus]:outline-(length:--focus-ring-width) forced-colors:has-[input:focus]:outline-offset-(--focus-ring-offset)");
-const MoneyInput = forwardRef(function MoneyInput({ label, labelHidden = false, value, defaultValue = null, onValueChange, currency: currencyProp, defaultCurrency = "USD", onCurrencyChange, currencies = [
+const shellFocus = ["has-[input:focus]:not-data-[invalid]:border-foreground", "forced-colors:has-[input:focus]:outline-solid forced-colors:has-[input:focus]:outline-(length:--focus-ring-width) forced-colors:has-[input:focus]:outline-offset-(--focus-ring-offset)"];
+const shellClass = cnAll(fieldSurfaceVariants(), "flex h-19 items-center gap-2 rounded-panel ps-4.5 pe-2", ...shellFocus);
+const fieldShellClass = (size, hasMenu) => cnAll(fieldSurfaceVariants(), "flex items-center gap-2", fieldBoxSize[size], ...shellFocus, hasMenu && "pe-1");
+const fieldTriggerClass = cnAll(triggerClass, "h-auto self-stretch my-1 ps-2.5 pe-1.5");
+const amountBase = "inline-flex flex-none origin-left items-baseline whitespace-nowrap";
+const amountRest = "tabular-nums text-foreground data-[ready]:motion-safe:transition-[scale] data-[ready]:motion-safe:duration-(--duration-smooth) data-[ready]:motion-safe:ease-smooth data-[strain]:motion-safe:animate-field-strain";
+const amountClass = (size) => [
+	amountBase,
+	size === "hero" ? "font-display text-h2 font-medium" : fieldTextSize[size],
+	amountRest
+].join(" ");
+const MoneyInput = forwardRef(function MoneyInput({ size = "hero", label, labelHidden = false, value, defaultValue = null, onValueChange, currency: currencyProp, defaultCurrency = "USD", onCurrencyChange, currencies = [
 	"USD",
 	"EUR",
 	"GBP",
@@ -160,7 +170,7 @@ const MoneyInput = forwardRef(function MoneyInput({ label, labelHidden = false,
 	10,
 	50,
 	100
-], step: stepProp, locale = "en-US", description, error, disabled = false, name, id, className, onBlur }, forwardedRef) {
+], step: stepProp, locale = "en-US", description, error, isInvalid = false, errorMessage, disabled = false, name, id, className, onBlur }, forwardedRef) {
 	const generated = useId();
 	const inputId = id ?? `${generated}-amount`;
 	const rangeId = `${inputId}-range`;
@@ -406,13 +416,14 @@ const MoneyInput = forwardRef(function MoneyInput({ label, labelHidden = false,
 	const range = min !== void 0 && max !== void 0 ? `${money(min)} to ${money(max)}` : max !== void 0 ? `Up to ${money(max)}` : min !== void 0 ? `At least ${money(min)}` : "";
 	const belowMin = minor !== null && min !== void 0 && minor < min;
 	const builtIn = touched && !focused && (belowMin || minor !== null && max !== void 0 && minor > max) ? belowMin ? `The minimum is ${money(min ?? 0)}` : `The maximum is ${money(max ?? 0)}` : void 0;
-	const message = error ?? builtIn;
+	const invalid = isInvalid || builtIn !== void 0;
+	const message = error ?? (invalid ? errorMessage ?? builtIn : void 0);
 	const chips = quickAdd.filter((amount) => amount > 0);
 	const field = useFieldWiring({
 		enabled: true,
 		id: inputId,
 		describedBy: range ? rangeId : void 0,
-		invalid: void 0,
+		invalid: invalid || void 0,
 		description,
 		error: message
 	});
@@ -423,9 +434,9 @@ const MoneyInput = forwardRef(function MoneyInput({ label, labelHidden = false,
 		/* @__PURE__ */ jsxs(Group, {
 			role: "presentation",
 			isDisabled: disabled,
-			isInvalid: Boolean(message),
+			isInvalid: invalid || Boolean(message),
 			"data-slot": "money-input-shell",
-			className: shellClass,
+			className: size === "hero" ? shellClass : fieldShellClass(size, canSwitch),
 			children: [/* @__PURE__ */ jsx("div", {
 				ref: wrapRef,
 				className: "relative flex h-full min-w-0 flex-1 cursor-text items-center overflow-hidden",
@@ -441,7 +452,7 @@ const MoneyInput = forwardRef(function MoneyInput({ label, labelHidden = false,
 				children: /* @__PURE__ */ jsxs("div", {
 					ref: groupRef,
 					"data-slot": "money-input-amount",
-					className: "inline-flex flex-none origin-left items-baseline whitespace-nowrap font-display text-h2 font-medium tabular-nums text-foreground data-[ready]:motion-safe:transition-[scale] data-[ready]:motion-safe:duration-(--duration-smooth) data-[ready]:motion-safe:ease-smooth data-[strain]:motion-safe:animate-field-strain",
+					className: amountClass(size),
 					children: [
 						info.position === "prefix" ? /* @__PURE__ */ jsx(SymbolSlot, {
 							symbol: info.symbol,
@@ -506,7 +517,7 @@ const MoneyInput = forwardRef(function MoneyInput({ label, labelHidden = false,
 				"data-slot": "money-input-currency",
 				className: "flex-none",
 				children: [/* @__PURE__ */ jsxs(Button, {
-					className: cnAll(triggerClass, "group/trigger"),
+					className: cnAll(size === "hero" ? triggerClass : fieldTriggerClass, "group/trigger"),
 					children: [/* @__PURE__ */ jsx(SelectValue, { children: () => code }), /* @__PURE__ */ jsx("svg", {
 						"aria-hidden": "true",
 						viewBox: "0 0 16 16",
@@ -549,10 +560,15 @@ const MoneyInput = forwardRef(function MoneyInput({ label, labelHidden = false,
 				})]
 			}) : /* @__PURE__ */ jsx("span", {
 				"data-slot": "money-input-currency",
-				className: "flex-none px-2.5 text-sm font-medium text-text-secondary",
+				className: cnAll("flex-none px-2.5 text-sm font-medium text-text-secondary", size !== "hero" && "pe-0"),
 				children: code
 			})]
 		}),
+		/* @__PURE__ */ jsx(FieldMessage, {
+			id: field.errorId,
+			text: message,
+			tone: "error"
+		}),
 		chips.length > 0 || range ? /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-wrap items-center justify-between gap-x-3 gap-y-2 pt-3",
 			children: [chips.length > 0 ? /* @__PURE__ */ jsx("div", {
@@ -595,8 +611,8 @@ const MoneyInput = forwardRef(function MoneyInput({ label, labelHidden = false,
 			controlId: field.controlId,
 			description,
 			hintId: field.hintId,
-			error: message,
-			errorId: field.errorId,
+			error: void 0,
+			errorId: void 0,
 			children: control
 		})
 	});