@seekalfred/primitives 0.6.0 → 0.7.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"brush-chart.js","names":[],"sources":["../../src/brush-chart/brush-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 { live, retarget, SMOOTH, tween } from \"../lib/spring-tween.js\";\n\n/**\n * BrushChart: a long, dense time series, when people need the whole history\n * and a close look at any stretch of it.\n *\n * A main plot shows the window; an overview strip under it shows everything.\n * Drag the window to pan, drag an edge to resize it, drag empty track to draw\n * a new window, tap to recentre, double tap (or Escape) to show it all. Zoomed\n * out, a seven point average and its low to high band replace the raw line so\n * dense weeks read as texture; zoomed in, the raw line fades in. The value\n * axis springs to the tallest point in view. Hover, drag or the arrow keys\n * scrub the plot: a crosshair and a tooltip with the day, the value and the\n * change against a week earlier. Annotations mark events on both charts.\n *\n * Plain SVG and CSS. The window, every path and the markers are written\n * straight to the DOM as the window moves, so a drag never re-renders the\n * chart. The plot and the window, and each edge, are sliders; a visually\n * hidden table carries every point in the window.\n */\nexport interface BrushChartDatum {\n  /** A point in time, as a Date or epoch milliseconds. Points must be in ascending order. */\n  date: Date | number;\n  value: number;\n}\n\nexport interface BrushChartAnnotation {\n  date: Date | number;\n  /** Short label printed beside the marker, such as \"v2 launch\". */\n  label: string;\n  /** Longer note for the tooltip and screen readers. */\n  description?: string;\n}\n\nexport interface BrushChartProps {\n  data: BrushChartDatum[];\n  /** What is measured, such as \"Daily active users\". Names the chart for assistive technology. */\n  label: string;\n  /** Unit after each value, such as \"users\". */\n  unit?: string;\n  formatValue?: (value: number) => string;\n  /** Formats the value axis. Defaults to a compact number, such as 12K. */\n  formatTick?: (value: number) => string;\n  /** Formats a date in the tooltip and announcements. */\n  formatDate?: (date: Date) => string;\n  /** Events drawn as markers on both charts. */\n  annotations?: BrushChartAnnotation[];\n  /** Controlled window as [start, end] epoch milliseconds. A new value glides the window there. */\n  range?: [number, number];\n  /** Initial window when uncontrolled. Defaults to the whole series. */\n  defaultRange?: [number, number];\n  /** Called while the window is dragged, resized, stepped, or reset. */\n  onRangeChange?: (range: [number, number]) => void;\n  /** Smallest window in milliseconds. @default seven days */\n  minSpan?: number;\n  /** Main plot height in pixels. @default 240 */\n  height?: number;\n  /** Overview strip height in pixels. @default 52 */\n  overviewHeight?: number;\n  /** @default \"No data yet\" */\n  emptyLabel?: string;\n  /** Extra classes for the root. Merged last. */\n  className?: string;\n}\n\ntype Point = { t: number; value: number };\ntype Window = [number, number];\ntype Drag = {\n  mode: \"start\" | \"end\" | \"pan\" | \"new\";\n  pointerX: number;\n  from: Window;\n  anchor: number;\n  moved: boolean;\n};\n\nconst DAY = 86_400_000;\n/** Room above the top gridline, the gap between a point and its tooltip, and how close to an edge a press grabs it. */\nconst TOP = 28;\nconst GAP = 14;\nconst GRIP = 14;\n/** Width of an edge handle's hit area. */\nconst HANDLE = 28;\nconst COMPACT = new Intl.NumberFormat(\"en-US\", { notation: \"compact\", maximumFractionDigits: 1 });\nconst GROUPED = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 1 });\nconst utc = (options: Intl.DateTimeFormatOptions) =>\n  new Intl.DateTimeFormat(\"en-US\", { timeZone: \"UTC\", ...options });\nconst FULL_DATE = utc({ weekday: \"short\", month: \"short\", day: \"numeric\", year: \"numeric\" });\nconst DAY_TICK = utc({ month: \"short\", day: \"numeric\" });\nconst MONTH_TICK = utc({ month: \"short\" });\nconst YEAR_TICK = utc({ year: \"numeric\" });\nconst SHORT_DATE = utc({ month: \"short\", day: \"numeric\", year: \"numeric\" });\nconst clamp = (value: number, low: number, high: number) => Math.min(high, Math.max(low, value));\nconst time = (date: Date | number) => (typeof date === \"number\" ? date : date.getTime());\nconst clean = (value: number) => Number(value.toPrecision(12));\n\n/** Clean gridlines from zero: the smallest step of 1, 2, 2.5 or 5 that covers the data in four rows or fewer. */\nfunction niceTop(high: number) {\n  const hi = Math.max(high, 1);\n  const magnitude = 10 ** Math.floor(Math.log10(hi / 4));\n  for (const factor of [1, 2, 2.5, 5, 10]) {\n    const step = factor * magnitude;\n    const top = Math.ceil(hi / step) * step;\n    if (top / step <= 4 + 1e-9) return { top: clean(top), step: clean(step) };\n  }\n  return { top: hi, step: hi / 4 };\n}\n\n/** Calendar ticks that fit the width: days, weeks, then months, quarters and years, each landing on a real boundary. */\nfunction timeTicks(start: number, end: number, width: number) {\n  const room = Math.max(2, Math.floor(width / 76));\n  const span = end - start;\n  for (const days of [1, 2, 7, 14]) {\n    if (span / (days * DAY) > room) continue;\n    const ticks: { t: number; label: string }[] = [];\n    let t = Math.ceil(start / DAY) * DAY;\n    if (days >= 7) while (new Date(t).getUTCDay() !== 1) t += DAY;\n    for (; t <= end; t += days * DAY) ticks.push({ t, label: DAY_TICK.format(t) });\n    return ticks;\n  }\n  for (const months of [1, 2, 3, 6, 12]) {\n    if (span / (months * 30.44 * DAY) > room) continue;\n    const ticks: { t: number; label: string }[] = [];\n    const first = new Date(start);\n    let y = first.getUTCFullYear();\n    let m = first.getUTCMonth() + (first.getUTCDate() > 1 || first.getUTCHours() > 0 ? 1 : 0);\n    for (;;) {\n      y += Math.floor(m / 12);\n      m %= 12;\n      const t = Date.UTC(y, m, 1);\n      if (t > end) break;\n      if (m % months === 0)\n        ticks.push({ t, label: m === 0 ? YEAR_TICK.format(t) : MONTH_TICK.format(t) });\n      m += 1;\n    }\n    return ticks;\n  }\n  const ticks: { t: number; label: string }[] = [];\n  for (let y = new Date(start).getUTCFullYear() + 1; Date.UTC(y, 0, 1) <= end; y++) {\n    ticks.push({ t: Date.UTC(y, 0, 1), label: String(y) });\n  }\n  return ticks;\n}\n\n/** First index at or after t. */\nfunction lowerBound(points: { t: number }[], t: number) {\n  let low = 0;\n  let high = points.length;\n  while (low < high) {\n    const middle = (low + high) >> 1;\n    if (points[middle]!.t < t) low = middle + 1;\n    else high = middle;\n  }\n  return low;\n}\n\n/** A line through the points in view. Past two points per pixel, each pixel column keeps only its low and high so spikes survive. */\nfunction linePath(\n  points: Point[],\n  from: number,\n  to: number,\n  x: (t: number) => number,\n  y: (value: number) => number,\n  width: number,\n) {\n  const slice = points.slice(Math.max(0, from), Math.min(points.length, to));\n  if (!slice.length) return \"\";\n  const parts: string[] = [];\n  const add = (point: Point) => parts.push(`${x(point.t).toFixed(1)},${y(point.value).toFixed(1)}`);\n  if (slice.length <= width * 2) {\n    for (const point of slice) add(point);\n  } else {\n    let column = Number.NaN;\n    let low: Point | null = null;\n    let high: Point | null = null;\n    const flush = () => {\n      if (!low || !high) return;\n      for (const point of low.t < high.t ? [low, high] : [high, low]) add(point);\n    };\n    for (const point of slice) {\n      const at = Math.floor(x(point.t));\n      if (at !== column) {\n        flush();\n        column = at;\n        low = high = point;\n        continue;\n      }\n      if (point.value < low!.value) low = point;\n      if (point.value > high!.value) high = point;\n    }\n    flush();\n  }\n  return `M${parts.join(\"L\")}`;\n}\n\n/** A centred seven point average and its low to high band, each averaged once more so the edges ease instead of stepping. */\nfunction smoothed(points: Point[]) {\n  const around = <T,>(index: number, read: (at: number) => T) => {\n    const out: T[] = [];\n    for (let at = Math.max(0, index - 3); at <= Math.min(points.length - 1, index + 3); at++)\n      out.push(read(at));\n    return out;\n  };\n  const raw = points.map((_, index) => {\n    const values = around(index, (at) => points[at]!.value);\n    return {\n      value: values.reduce((sum, value) => sum + value, 0) / values.length,\n      low: Math.min(...values),\n      high: Math.max(...values),\n    };\n  });\n  return points.map((point, index) => {\n    const near = around(index, (at) => raw[at]!);\n    return {\n      t: point.t,\n      value: raw[index]!.value,\n      low: near.reduce((sum, item) => sum + item.low, 0) / near.length,\n      high: near.reduce((sum, item) => sum + item.high, 0) / near.length,\n    };\n  });\n}\n\nexport const BrushChart = forwardRef<HTMLElement, BrushChartProps>(function BrushChart(\n  {\n    data,\n    label,\n    unit = \"\",\n    formatValue = (value) => GROUPED.format(value),\n    formatTick = (value) => COMPACT.format(value),\n    formatDate = (date) => FULL_DATE.format(date),\n    annotations,\n    range,\n    defaultRange,\n    onRangeChange,\n    minSpan = 7 * DAY,\n    height = 240,\n    overviewHeight = 52,\n    emptyLabel = \"No data yet\",\n    className,\n  },\n  ref,\n) {\n  const uid = `brush${useId().replace(/[^a-zA-Z0-9-]/g, \"\")}`;\n  const figure = useRef<HTMLElement | null>(null);\n  const refs = useMemo(() => mergeRefs(ref, figure), [ref]);\n  const plot = useRef<HTMLDivElement>(null);\n  const plotSvg = useRef<SVGSVGElement>(null);\n  const strip = useRef<HTMLDivElement>(null);\n  const tip = useRef<HTMLDivElement>(null);\n  const gutter = useRef<HTMLDivElement>(null);\n  const axis = useRef<HTMLDivElement>(null);\n\n  const points = useMemo<Point[]>(\n    () => data.map((item) => ({ t: time(item.date), value: item.value })),\n    [data],\n  );\n  const smooth = useMemo(() => smoothed(points), [points]);\n  const events = useMemo(\n    () =>\n      (annotations ?? [])\n        .map((item) => ({ ...item, t: time(item.date) }))\n        .sort((a, b) => a.t - b.t),\n    [annotations],\n  );\n  const empty = points.length < 2;\n  const first = points[0]?.t ?? 0;\n  const lastT = points[points.length - 1]?.t ?? 1;\n  const whole: Window = [first, lastT];\n  const fit = ([start, end]: Window): Window => {\n    const span = clamp(end - start, Math.min(minSpan, lastT - first), lastT - first);\n    const s = clamp(start, first, lastT - span);\n    return [s, s + span];\n  };\n\n  // The window. `view` is where it is on screen right now; `shown` is the same, a few times a second, for what React renders.\n  const view = useRef<Window>(range ?? defaultRange ?? whole);\n  const [shown, setShown] = useState<Window>(view.current);\n  const touched = useRef(false);\n  const settleTimer = useRef(0);\n  const flight = useRef<(() => void) | null>(null);\n  const flush = useCallback(() => {\n    window.clearTimeout(settleTimer.current);\n    settleTimer.current = 0;\n    setShown((now) =>\n      now[0] === view.current[0] && now[1] === view.current[1] ? now : [...view.current],\n    );\n  }, []);\n  const settleSoon = useCallback(() => {\n    if (!settleTimer.current) settleTimer.current = window.setTimeout(flush, 100);\n  }, [flush]);\n\n  const latest = useRef({ points, smooth, events, first, lastT, height, overviewHeight, empty });\n  const activeRef = useRef<{ index: number | null; event: number | null }>({\n    index: null,\n    event: null,\n  });\n  const plotW = useRef(0);\n  const stripW = useRef(0);\n  const topLive = useRef(live(0));\n  const aimed = useRef<number | null>(null);\n  const paintRef = useRef<() => void>(() => {});\n  const [plotWidth, setPlotWidth] = useState(0);\n  const [stripWidth, setStripWidth] = useState(0);\n\n  /** One writer: the window, every path, the axes, the markers, the crosshair and the tooltip, straight onto the elements. */\n  const paint = useCallback(() => {\n    const L = latest.current;\n    const w = plotW.current;\n    const root = plotSvg.current;\n    const sw = stripW.current;\n    if (!root || L.empty) return;\n    const [start, end] = view.current;\n    const span = Math.max(1, end - start);\n    const P = L.points;\n    const x = (t: number) => ((t - start) / span) * w;\n    const from = Math.max(0, lowerBound(P, start) - 1);\n    const to = Math.min(P.length, lowerBound(P, end) + 1);\n    let peak = 0;\n    for (let index = from; index < to; index++) peak = Math.max(peak, P[index]!.value);\n    const want = niceTop(peak * 1.04).top;\n    // The value axis springs to the tallest point in view, so zooming into a quiet stretch fills the plot.\n    if (aimed.current === null) {\n      aimed.current = want;\n      topLive.current.value = want;\n    } else if (aimed.current !== want) {\n      aimed.current = want;\n      retarget(topLive.current, want, SMOOTH, () => paintRef.current());\n    }\n    const top = topLive.current.value || want;\n    const H = L.height;\n    const y = (value: number) => TOP + (1 - value / (top || 1)) * (H - TOP);\n    // How much of the raw line shows: all of it past about four pixels a point, none below about three.\n    const pxPerPoint = w && P.length > 1 ? (w * (L.lastT - L.first)) / (P.length - 1) / span : w;\n    const detail = clamp((pxPerPoint - 2.75) / 1.5, 0, 1);\n\n    if (w) {\n      const line = linePath(P, from, to, x, y, w);\n      const area = line\n        ? `${line}L${x(P[to - 1]!.t).toFixed(1)},${H}L${x(P[from]!.t).toFixed(1)},${H}Z`\n        : \"\";\n      const S = L.smooth;\n      const trend = linePath(S, from, to, x, y, w * 4);\n      const upper = linePath(\n        S.map((point) => ({ t: point.t, value: point.high })),\n        from,\n        to,\n        x,\n        y,\n        w * 4,\n      );\n      const lower = linePath(\n        S.map((point) => ({ t: point.t, value: point.low })),\n        from,\n        to,\n        x,\n        y,\n        w * 4,\n      );\n      const band = trend ? `${upper}L${lower.slice(1).split(\"L\").reverse().join(\"L\")}Z` : \"\";\n      const set = (part: string, d: string, opacity: number) => {\n        const node = root.querySelector<SVGPathElement>(`[data-part=${part}]`);\n        node?.setAttribute(\"d\", d);\n        if (node) node.style.opacity = String(opacity);\n      };\n      set(\"line\", line, detail);\n      set(\"area\", area, detail);\n      set(\"trend\", trend, 1 - detail);\n      set(\"band\", band, 1 - detail);\n    }\n    for (const node of root.querySelectorAll<SVGLineElement>(\"[data-grid]\")) {\n      const value = Number(node.dataset.grid);\n      const yy = String(Math.round(y(value)) + 0.5);\n      node.setAttribute(\"y1\", yy);\n      node.setAttribute(\"y2\", yy);\n      node.style.visibility = value > top * 1.001 ? \"hidden\" : \"visible\";\n    }\n    for (const node of gutter.current?.querySelectorAll<HTMLElement>(\"[data-tick]\") ?? []) {\n      const value = Number(node.dataset.tick);\n      node.style.translate = `0 ${Math.round(y(value))}px`;\n      node.style.visibility = value > top * 1.001 ? \"hidden\" : \"visible\";\n    }\n    for (const node of axis.current?.querySelectorAll<HTMLElement>(\"[data-t]\") ?? []) {\n      const px = x(Number(node.dataset.t));\n      node.style.left = `${px}px`;\n      node.style.translate = `${px < 24 ? 0 : px > w - 24 ? -100 : -50}% 0`;\n    }\n\n    // Event markers: placed where they fall in the window, labelled left to right and skipped when they would collide with the one before.\n    const marks = [...(plot.current?.querySelectorAll<HTMLElement>(\"[data-event]\") ?? [])];\n    const inside = marks.filter((node) => {\n      const t = L.events[Number(node.dataset.event)]!.t;\n      return t >= start && t <= end;\n    });\n    marks.forEach((node) => {\n      const index = Number(node.dataset.event);\n      const t = L.events[index]!.t;\n      const visible = inside.includes(node);\n      node.toggleAttribute(\"data-out\", !visible);\n      const px = x(t);\n      node.style.left = `${px}px`;\n      const rule = root.querySelector<SVGLineElement>(`[data-rule=\"${index}\"]`);\n      rule?.toggleAttribute(\"data-out\", !visible);\n      rule?.setAttribute(\"x1\", String(Math.round(px) + 0.5));\n      rule?.setAttribute(\"x2\", String(Math.round(px) + 0.5));\n      node.removeAttribute(\"data-labelled\");\n      node.removeAttribute(\"data-flip\");\n    });\n    let edge = -Infinity;\n    inside.forEach((node, at) => {\n      const index = Number(node.dataset.event);\n      const px = x(L.events[index]!.t);\n      const text = L.events[index]!.label.length * 6.2 + 4;\n      const next =\n        at + 1 < inside.length ? x(L.events[Number(inside[at + 1]!.dataset.event)]!.t) - 10 : w;\n      if (px + 14 >= edge && px + 14 + text <= next) {\n        node.setAttribute(\"data-labelled\", \"\");\n        edge = px + 14 + text + 8;\n        return;\n      }\n      const before = at === 0 ? -Infinity : x(L.events[Number(inside[at - 1]!.dataset.event)]!.t);\n      if (px - 14 - text >= Math.max(0, edge) && (at === 0 || px - 14 - text >= before + 12)) {\n        node.setAttribute(\"data-labelled\", \"\");\n        node.setAttribute(\"data-flip\", \"\");\n        edge = px + 12;\n        return;\n      }\n      edge = Math.max(edge, px + 12);\n    });\n\n    // The crosshair sits on the scrubbed point; the tooltip beside it, flipping before it leaves the plot.\n    const { index, event } = activeRef.current;\n    const at = index !== null && index >= from && index < to ? index : null;\n    const cx = at === null ? 0 : x(P[at]!.t);\n    const cy =\n      at === null ? 0 : y(L.smooth[at]!.value + (P[at]!.value - L.smooth[at]!.value) * detail);\n    const crossX = String(Math.round(cx) + 0.5);\n    // A hovered event shows its tooltip with no point under it: then the crosshair and the dot stay hidden.\n    const cross = root.querySelector<SVGElement>(\"[data-part=crosshair]\");\n    cross?.setAttribute(\"x1\", crossX);\n    cross?.setAttribute(\"x2\", crossX);\n    if (cross) cross.style.opacity = at === null ? \"0\" : \"\";\n    const dot = root.querySelector<SVGElement>(\"[data-part=dot]\");\n    dot?.setAttribute(\"cx\", String(cx));\n    dot?.setAttribute(\"cy\", String(cy));\n    if (dot) dot.style.opacity = at === null ? \"0\" : \"\";\n    const bubble = tip.current;\n    if (bubble) {\n      const ax = event !== null ? x(L.events[event]!.t) : cx;\n      const ay = event !== null ? TOP : cy;\n      const tw = bubble.offsetWidth;\n      const th = bubble.offsetHeight;\n      let left = ax + GAP;\n      if (left + tw > w) left = ax - GAP - tw;\n      let topY = ay - th - GAP;\n      if (topY < 0) topY = ay + GAP;\n      bubble.style.translate = `${clamp(left, 0, Math.max(0, w - tw))}px ${clamp(topY, 0, Math.max(0, H - th))}px`;\n    }\n\n    // The overview: the window box, its edges and the shades beside it, and the values the sliders report.\n    const ox = (t: number) => ((t - L.first) / (L.lastT - L.first || 1)) * sw;\n    const wx0 = ox(start);\n    const wx1 = ox(end);\n    const box = strip.current;\n    if (box) {\n      const place = (selector: string, css: Record<string, string>) => {\n        const node = box.querySelector<HTMLElement>(selector);\n        if (node) Object.assign(node.style, css);\n      };\n      place(\"[data-part=window-box]\", { left: `${wx0}px`, width: `${Math.max(0, wx1 - wx0)}px` });\n      // The handles sit outside the window, so they never overlap each other or the window, however narrow it gets. The start handle turns inward at the left edge, where there is no room outside.\n      const inward = wx0 < HANDLE;\n      place(\"[data-handle=start]\", { left: `${inward ? wx0 : wx0 - HANDLE}px` });\n      box.querySelector(\"[data-handle=start]\")?.toggleAttribute(\"data-inward\", inward);\n      place(\"[data-handle=end]\", { left: `${wx1}px` });\n      place(\"[data-edge=start]\", { left: \"0px\", width: `${Math.max(0, wx0)}px` });\n      place(\"[data-edge=end]\", { left: `${wx1}px`, right: \"0px\" });\n      const clip = box.querySelector(\"[data-part=window-clip]\");\n      clip?.setAttribute(\"x\", String(wx0));\n      clip?.setAttribute(\"width\", String(Math.max(0, wx1 - wx0)));\n      const text = `${SHORT_DATE.format(start)} to ${SHORT_DATE.format(end)}`;\n      const slider = (\n        selector: string,\n        min: number,\n        max: number,\n        now: number,\n        valuetext: string,\n      ) => {\n        const node = box.querySelector<HTMLElement>(selector);\n        if (!node) return;\n        node.setAttribute(\"aria-valuemin\", String(Math.round(min)));\n        node.setAttribute(\"aria-valuemax\", String(Math.round(max)));\n        node.setAttribute(\"aria-valuenow\", String(Math.round(now)));\n        node.setAttribute(\"aria-valuetext\", valuetext);\n      };\n      slider(\"[data-part=window]\", L.first, L.lastT, start, text);\n      slider(\"[data-handle=start]\", L.first, end, start, SHORT_DATE.format(start));\n      slider(\"[data-handle=end]\", start, L.lastT, end, SHORT_DATE.format(end));\n    }\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    latest.current = { points, smooth, events, first, lastT, height, overviewHeight, empty };\n    paintRef.current = paint;\n    paint();\n  });\n\n  const setView = (next: Window) => {\n    view.current = next;\n    paint();\n    settleSoon();\n  };\n  const glideTo = (next: Window) => {\n    flight.current?.();\n    const from = view.current;\n    flight.current = tween(\n      SMOOTH,\n      (p) => setView([from[0] + (next[0] - from[0]) * p, from[1] + (next[1] - from[1]) * p]),\n      flush,\n    );\n  };\n  const commit = (next: Window, smoothly: boolean) => {\n    const target = fit(next);\n    touched.current = true;\n    if (smoothly) glideTo(target);\n    else {\n      flight.current?.();\n      setView(target);\n    }\n    onRangeChange?.(target);\n  };\n\n  // A new controlled window glides there; data that no longer covers the window pulls it back inside.\n  const rangeKey = range ? `${range[0]}:${range[1]}` : \"\";\n  useEffect(() => {\n    if (!range || empty) return;\n    const target = fit(range);\n    const now = view.current;\n    if (Math.abs(target[0] - now[0]) + Math.abs(target[1] - now[1]) > 1000) glideTo(target);\n    // The key stands for `range`.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [rangeKey, empty]);\n  useEffect(() => {\n    if (empty) return;\n    const target = touched.current || range || defaultRange ? fit(view.current) : whole;\n    if (target[0] !== view.current[0] || target[1] !== view.current[1]) {\n      view.current = target;\n      paint();\n      flush();\n    }\n    // Only a change in what the data covers moves the window.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [first, lastT, empty]);\n  useEffect(\n    () => () => {\n      flight.current?.();\n      topLive.current.stop();\n      window.clearTimeout(settleTimer.current);\n    },\n    [],\n  );\n\n  // Both charts draw in their own pixels: measure the widths and follow resizes.\n  useIsomorphicLayoutEffect(() => {\n    const nodes = [\n      [plot.current, plotW, setPlotWidth],\n      [strip.current, stripW, setStripWidth],\n    ] as const;\n    const stops: (() => void)[] = [];\n    for (const [node, store, setter] of nodes) {\n      if (!node) continue;\n      const read = () => {\n        store.current = node.clientWidth;\n        setter(node.clientWidth);\n        paintRef.current();\n      };\n      read();\n      if (typeof ResizeObserver === \"undefined\") continue;\n      const observer = new ResizeObserver(read);\n      observer.observe(node);\n      stops.push(() => observer.disconnect());\n    }\n    return () => stops.forEach((stop) => stop());\n  }, []);\n\n  // The line draws in from the left the first time the chart is seen.\n  const [drawn, setDrawn] = useState(false);\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 rides the nearest point in view; a hovered event shows its note instead.\n  const [active, setActive] = useState<number | null>(null);\n  const [hoverEvent, setHoverEvent] = useState<number | null>(null);\n  const [start, end] = shown;\n  const from = Math.max(0, lowerBound(points, start) - 1);\n  const to = Math.min(points.length, lowerBound(points, end) + 1);\n  const index = active !== null && active >= from && active < to ? active : null;\n  const eventAt =\n    index === null\n      ? null\n      : (events.find((item) => Math.abs(item.t - points[index]!.t) < DAY / 2) ?? null);\n  const shownEvent = hoverEvent !== null ? (events[hoverEvent] ?? null) : null;\n  const tipOn = index !== null || shownEvent !== null;\n  useIsomorphicLayoutEffect(() => {\n    activeRef.current = { index, event: shownEvent ? events.indexOf(shownEvent) : null };\n    paint();\n  });\n\n  const nearest = (clientX: number) => {\n    const rect = plot.current?.getBoundingClientRect();\n    if (!rect?.width || empty) return null;\n    const [s, e] = view.current;\n    const t = s + ((clientX - rect.left) / rect.width) * (e - s);\n    const at = clamp(lowerBound(points, t), 1, points.length - 1);\n    const lo = Math.max(0, lowerBound(points, s) - 1);\n    const hi = Math.min(points.length, lowerBound(points, e) + 1);\n    return clamp(t - points[at - 1]!.t < points[at]!.t - t ? at - 1 : at, lo, hi - 1);\n  };\n  const windowBounds = () => {\n    const [s, e] = view.current;\n    return [\n      Math.max(0, lowerBound(points, s) - 1),\n      Math.min(points.length, lowerBound(points, e) + 1),\n    ] as const;\n  };\n  const onPlotKey = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (empty) return;\n    if (event.key === \"Escape\" && index !== null) {\n      event.preventDefault();\n      setActive(null);\n      return;\n    }\n    const [lo, hi] = windowBounds();\n    const current = index ?? hi - 1;\n    const page = Math.max(1, Math.round((hi - lo) / 8));\n    const next = (\n      {\n        ArrowLeft: current - 1,\n        ArrowRight: index === null ? hi - 1 : current + 1,\n        PageDown: current - page,\n        PageUp: current + page,\n        Home: lo,\n        End: hi - 1,\n      } as Record<string, number>\n    )[event.key];\n    if (next === undefined) return;\n    event.preventDefault();\n    setActive(clamp(next, lo, hi - 1));\n  };\n\n  // Overview gestures: grab an edge to resize, the window to pan, or empty track to draw a new window. A tap recentres; a double tap resets.\n  const drag = useRef<Drag | null>(null);\n  const toTime = (clientX: number) => {\n    const rect = strip.current?.getBoundingClientRect();\n    return rect?.width\n      ? first + clamp((clientX - rect.left) / rect.width, 0, 1) * (lastT - first)\n      : first;\n  };\n  const onStripDown = (event: PointerEvent<HTMLDivElement>) => {\n    if (empty || event.button > 0) return;\n    const rect = strip.current!.getBoundingClientRect();\n    const px = event.clientX - rect.left;\n    const [s, e] = view.current;\n    const wx0 = ((s - first) / (lastT - first)) * rect.width;\n    const wx1 = ((e - first) / (lastT - first)) * rect.width;\n    const mode: Drag[\"mode\"] =\n      Math.abs(px - wx0) <= GRIP && px <= (wx0 + wx1) / 2\n        ? \"start\"\n        : Math.abs(px - wx1) <= GRIP\n          ? \"end\"\n          : px > wx0 && px < wx1\n            ? \"pan\"\n            : \"new\";\n    drag.current = {\n      mode,\n      pointerX: event.clientX,\n      from: view.current,\n      anchor: toTime(event.clientX),\n      moved: false,\n    };\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      // A synthetic pointer has nothing to capture.\n    }\n    flight.current?.();\n  };\n  const onStripMove = (event: PointerEvent<HTMLDivElement>) => {\n    const current = drag.current;\n    if (!current) return;\n    if (!current.moved && Math.abs(event.clientX - current.pointerX) < 3) return;\n    current.moved = true;\n    const t = toTime(event.clientX);\n    const shift = t - current.anchor;\n    const [s, e] = current.from;\n    const least = Math.min(minSpan, lastT - first);\n    const next: Window =\n      current.mode === \"pan\"\n        ? [s + shift, e + shift]\n        : current.mode === \"start\"\n          ? [clamp(t, first, e - least), e]\n          : current.mode === \"end\"\n            ? [s, clamp(t, s + least, lastT)]\n            : [Math.min(current.anchor, t), Math.max(current.anchor, t)];\n    if (current.mode === \"new\" && next[1] - next[0] < least) {\n      if (t >= current.anchor) next[1] = next[0] + least;\n      else next[0] = next[1] - least;\n    }\n    commit(next, false);\n  };\n  const onStripUp = () => {\n    const current = drag.current;\n    drag.current = null;\n    if (current?.moved) flush();\n    if (!current || current.moved || current.mode !== \"new\") return;\n    const half = (view.current[1] - view.current[0]) / 2;\n    commit([current.anchor - half, current.anchor + half], true);\n  };\n  const reset = () => commit(whole, true);\n\n  const stepSize = Math.max(DAY, (lastT - first) / Math.max(1, points.length - 1));\n  const onHandleKey = (event: KeyboardEvent<HTMLDivElement>, edge: \"start\" | \"end\" | \"window\") => {\n    const [s, e] = view.current;\n    const win = e - s;\n    const big = event.shiftKey || event.key.startsWith(\"Page\");\n    const delta = (\n      {\n        ArrowLeft: -1,\n        ArrowDown: -1,\n        PageDown: -1,\n        ArrowRight: 1,\n        ArrowUp: 1,\n        PageUp: 1,\n      } as Record<string, number>\n    )[event.key];\n    let next: Window | null = null;\n    if (event.key === \"Escape\" || event.key === \"0\") next = whole;\n    else if (edge === \"window\" && (event.key === \"+\" || event.key === \"=\"))\n      next = [s + win / 4, e - win / 4];\n    else if (edge === \"window\" && (event.key === \"-\" || event.key === \"_\"))\n      next = [s - win / 2, e + win / 2];\n    else if (event.key === \"Home\")\n      next =\n        edge === \"end\"\n          ? [s, s + Math.min(minSpan, lastT - first)]\n          : [first, edge === \"window\" ? first + win : e];\n    else if (event.key === \"End\")\n      next =\n        edge === \"start\"\n          ? [e - Math.min(minSpan, lastT - first), e]\n          : [edge === \"window\" ? lastT - win : s, lastT];\n    else if (delta) {\n      const move =\n        delta * (edge === \"window\" ? win * (big ? 0.5 : 0.1) : stepSize * (big ? 10 : 1));\n      next =\n        edge === \"window\"\n          ? [s + move, e + move]\n          : edge === \"start\"\n            ? [Math.min(s + move, e - minSpan), e]\n            : [s, Math.max(e + move, s + minSpan)];\n    }\n    if (!next) return;\n    event.preventDefault();\n    commit(next, false);\n    flush();\n  };\n\n  // What React renders follows the settled window: gridlines and ticks, the event list, the overview and the table.\n  const peak = useMemo(() => {\n    let high = 0;\n    for (let at = from; at < to; at++) high = Math.max(high, points[at]!.value);\n    return high;\n  }, [points, from, to]);\n  const scale = niceTop(peak * 1.04);\n  // The raw line is fully drawn past about four pixels a point; below that the tooltip speaks of the average.\n  const detailShown = clamp(\n    ((plotWidth && points.length > 1\n      ? (plotWidth * (lastT - first)) / (points.length - 1) / Math.max(1, end - start)\n      : plotWidth) -\n      2.75) /\n      1.5,\n    0,\n    1,\n  );\n  const ticks =\n    scale.top > 0\n      ? Array.from({ length: Math.round(scale.top / scale.step) + 1 }, (_, at) =>\n          clean(at * scale.step),\n        )\n      : [];\n  const xTicks = plotWidth && !empty ? timeTicks(start, end, plotWidth) : [];\n  const overview = useMemo(() => {\n    if (!stripWidth || empty)\n      return { line: \"\", area: \"\", marks: [] as { t: number; x: number; y: number }[] };\n    const ox = (t: number) => ((t - first) / (lastT - first || 1)) * stripWidth;\n    const max = niceTop(smooth.reduce((m, point) => Math.max(m, point.value), 0)).top || 1;\n    const oy = (value: number) => 4 + (1 - value / max) * (overviewHeight - 4);\n    const path = linePath(smooth, 0, smooth.length, ox, oy, stripWidth * 4);\n    const marks = events.map((item) => {\n      const at = clamp(lowerBound(smooth, item.t), 0, smooth.length - 1);\n      return { t: item.t, x: ox(item.t), y: oy(smooth[at]!.value) };\n    });\n    return {\n      line: path,\n      area: `${path}L${stripWidth},${overviewHeight}L0,${overviewHeight}Z`,\n      marks,\n    };\n  }, [smooth, events, stripWidth, overviewHeight, empty, first, lastT]);\n\n  const format = (value: number) => `${formatValue(value)}${unit ? ` ${unit}` : \"\"}`;\n  const reading = index === null ? null : points[index]!;\n  const previous = index !== null && index >= 7 ? points[index - 7]! : null;\n  const change =\n    reading && previous && previous.value\n      ? (reading.value - previous.value) / previous.value\n      : null;\n  const windowText = `${SHORT_DATE.format(start)} to ${SHORT_DATE.format(end)}`;\n  const announce = reading\n    ? `${formatDate(new Date(reading.t))}, ${format(reading.value)}${eventAt ? `. ${eventAt.label}` : \"\"}`\n    : \"\";\n  const summary = empty\n    ? `${label}. ${emptyLabel}.`\n    : `${label}, ${SHORT_DATE.format(first)} to ${SHORT_DATE.format(lastT)}. Showing ${windowText}.`;\n  const rows = empty ? [] : points.slice(lowerBound(points, start), lowerBound(points, end + 1));\n\n  return (\n    <figure\n      ref={refs}\n      data-slot=\"brush-chart\"\n      aria-label={label}\n      className={cn(\"brush-chart\", className)}\n      style={{ \"--series\": \"var(--color-chart-1)\" } as CSSProperties}\n    >\n      <div\n        data-slot=\"brush-chart-chart\"\n        data-scrubbing={tipOn || undefined}\n        className=\"brush-chart-frame\"\n      >\n        <div\n          ref={plot}\n          data-slot=\"brush-chart-plot\"\n          role=\"slider\"\n          tabIndex={empty ? -1 : 0}\n          aria-label={`${label}, ${windowText}. Use left and right arrows to read values.`}\n          aria-orientation=\"horizontal\"\n          aria-valuemin={1}\n          aria-valuemax={Math.max(1, points.length)}\n          aria-valuenow={(index ?? Math.max(0, to - 1)) + 1}\n          aria-valuetext={reading ? announce : summary}\n          onPointerMove={(event) => {\n            if (event.pointerType === \"mouse\" || event.buttons) setActive(nearest(event.clientX));\n          }}\n          onPointerDown={(event) => {\n            if (event.pointerType === \"mouse\") return;\n            event.currentTarget.setPointerCapture?.(event.pointerId);\n            setActive(nearest(event.clientX));\n          }}\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={onPlotKey}\n          onBlur={() => setActive(null)}\n          onDoubleClick={reset}\n          onFocus={(event) => {\n            if (event.currentTarget.matches(\":focus-visible\") && !empty) {\n              setActive((current) => current ?? windowBounds()[1] - 1);\n            }\n          }}\n          className=\"line-chart-plot\"\n          style={{ height }}\n        >\n          <svg\n            ref={plotSvg}\n            width=\"100%\"\n            height={height}\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            className=\"block overflow-visible\"\n          >\n            <defs>\n              <clipPath id={`${uid}-draw`} clipPathUnits=\"userSpaceOnUse\">\n                <rect\n                  className=\"line-chart-reveal\"\n                  x={-8}\n                  y={-16}\n                  height={height + 32}\n                  style={{ width: drawn ? plotWidth + 16 : 0 }}\n                />\n              </clipPath>\n            </defs>\n            {ticks.slice(1).map((value) => (\n              <line key={value} data-grid={value} className=\"line-chart-grid\" x1={0} x2=\"100%\" />\n            ))}\n            <line\n              className=\"line-chart-baseline\"\n              x1={0}\n              x2=\"100%\"\n              y1={height - 0.5}\n              y2={height - 0.5}\n            />\n            {events.map((item, at) => (\n              <line\n                key={item.t}\n                data-rule={at}\n                data-active={shownEvent === item || eventAt === item || undefined}\n                className=\"brush-chart-rule\"\n                y1={TOP - 10}\n                y2={height}\n              />\n            ))}\n            <g clipPath={`url(#${uid}-draw)`}>\n              <path data-part=\"band\" className=\"brush-chart-band\" />\n              <path data-part=\"area\" className=\"line-chart-area\" />\n              <path data-part=\"trend\" className=\"brush-chart-trend\" />\n              <path data-part=\"line\" className=\"line-chart-line\" />\n            </g>\n            <line\n              data-part=\"crosshair\"\n              className=\"line-chart-crosshair\"\n              y1={TOP - 10}\n              y2={height}\n            />\n            <circle data-part=\"dot\" r={4} className=\"line-chart-dot\" />\n          </svg>\n          {events.map((item, at) => (\n            <span\n              key={item.t}\n              data-event={at}\n              data-active={shownEvent === item || eventAt === item || undefined}\n              aria-hidden=\"true\"\n              className=\"brush-chart-event\"\n              onPointerEnter={() => setHoverEvent(at)}\n              onPointerLeave={() => setHoverEvent(null)}\n              onPointerDown={(event) => event.stopPropagation()}\n            >\n              <span className=\"brush-chart-event-dot\" />\n              <span className=\"brush-chart-event-label\">{item.label}</span>\n            </span>\n          ))}\n          <div\n            ref={tip}\n            aria-hidden=\"true\"\n            data-slot=\"brush-chart-tooltip\"\n            className=\"line-chart-tooltip\"\n          >\n            {shownEvent ? (\n              <>\n                <p className=\"m-0 mb-0.5 whitespace-nowrap text-xs tabular-nums text-text-secondary\">\n                  {formatDate(new Date(shownEvent.t))}\n                </p>\n                <p className=\"m-0 text-base font-medium tabular-nums text-foreground\">\n                  {shownEvent.label}\n                </p>\n                {shownEvent.description ? (\n                  <p className=\"m-0 text-xs text-text-secondary\">{shownEvent.description}</p>\n                ) : null}\n              </>\n            ) : reading ? (\n              <>\n                <p className=\"m-0 mb-0.5 whitespace-nowrap text-xs tabular-nums text-text-secondary\">\n                  {formatDate(new Date(reading.t))}\n                </p>\n                <p className=\"m-0 text-base font-medium tabular-nums text-foreground\">\n                  {format(reading.value)}\n                </p>\n                {index !== null && detailShown < 1 && smooth[index] ? (\n                  <p className=\"m-0 text-xs tabular-nums text-text-secondary\">\n                    {`${formatValue(Math.round(smooth[index].value))} seven day average`}\n                  </p>\n                ) : null}\n                {change !== null ? (\n                  <p className=\"m-0 text-xs tabular-nums text-text-secondary\">\n                    {`${change >= 0 ? \"+\" : \"−\"}${Math.abs(change * 100).toFixed(1)}% vs a week earlier`}\n                  </p>\n                ) : null}\n                {eventAt ? (\n                  <p className=\"m-0 mt-1 flex items-center gap-1.5 text-xs text-foreground\">\n                    <span aria-hidden=\"true\" className=\"brush-chart-tip-dot\" />\n                    {eventAt.label}\n                  </p>\n                ) : null}\n              </>\n            ) : null}\n          </div>\n          {empty ? (\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              {emptyLabel}\n            </p>\n          ) : null}\n        </div>\n        <div ref={gutter} aria-hidden=\"true\" className=\"relative min-w-0 [grid-area:1/2]\">\n          {ticks.map((value) => (\n            <span\n              key={value}\n              data-tick={value}\n              className=\"line-chart-tick motion-safe:animate-fade-in\"\n            >\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 ref={axis} aria-hidden=\"true\" className=\"relative min-w-0 [grid-area:2/1]\">\n          {xTicks.map((tick) => (\n            <span\n              key={tick.t}\n              data-t={tick.t}\n              className=\"absolute top-2 whitespace-nowrap text-xs leading-none tabular-nums text-muted-foreground\"\n            >\n              {tick.label}\n            </span>\n          ))}\n        </div>\n        <div\n          ref={strip}\n          data-slot=\"brush-chart-overview\"\n          className=\"brush-chart-strip\"\n          style={{ height: overviewHeight }}\n          onPointerDown={onStripDown}\n          onPointerMove={onStripMove}\n          onPointerUp={onStripUp}\n          onPointerCancel={() => {\n            drag.current = null;\n          }}\n          onDoubleClick={reset}\n        >\n          <svg\n            width=\"100%\"\n            height={overviewHeight}\n            aria-hidden=\"true\"\n            focusable=\"false\"\n            className=\"brush-chart-overview-svg\"\n          >\n            <defs>\n              <clipPath id={`${uid}-window`}>\n                <rect data-part=\"window-clip\" y={-2} height={overviewHeight + 4} />\n              </clipPath>\n            </defs>\n            <path d={overview.area} className=\"brush-chart-overview-area\" />\n            <path d={overview.line} className=\"brush-chart-overview-line\" />\n            <g clipPath={`url(#${uid}-window)`}>\n              <path d={overview.area} className=\"brush-chart-overview-area-in\" />\n              <path d={overview.line} className=\"brush-chart-overview-line-in\" />\n            </g>\n            {overview.marks.map((mark) => (\n              <circle\n                key={mark.t}\n                cx={mark.x}\n                cy={mark.y}\n                r={2.5}\n                className=\"brush-chart-overview-event\"\n              />\n            ))}\n          </svg>\n          {empty ? null : (\n            <>\n              <div data-edge=\"start\" className=\"brush-chart-shade\" />\n              <div data-edge=\"end\" className=\"brush-chart-shade\" />\n              <div\n                data-part=\"window\"\n                role=\"slider\"\n                tabIndex={0}\n                aria-label={`${label} window`}\n                aria-roledescription=\"range window\"\n                onKeyDown={(event) => onHandleKey(event, \"window\")}\n                className=\"brush-chart-window-key\"\n              />\n              <div data-part=\"window-box\" aria-hidden=\"true\" className=\"brush-chart-window\" />\n              <div\n                data-handle=\"start\"\n                role=\"slider\"\n                tabIndex={0}\n                aria-label=\"Window start\"\n                onKeyDown={(event) => onHandleKey(event, \"start\")}\n                className=\"brush-chart-handle\"\n              >\n                <span className=\"brush-chart-grip\" />\n              </div>\n              <div\n                data-handle=\"end\"\n                role=\"slider\"\n                tabIndex={0}\n                aria-label=\"Window end\"\n                onKeyDown={(event) => onHandleKey(event, \"end\")}\n                className=\"brush-chart-handle\"\n              >\n                <span className=\"brush-chart-grip\" />\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n      <p className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n        {announce}\n      </p>\n      <p className=\"sr-only\">{summary}</p>\n      {empty ? null : (\n        <div className=\"sr-only\">\n          <table>\n            <caption>{`${label}, ${windowText}`}</caption>\n            <thead>\n              <tr>\n                <th scope=\"col\">Date</th>\n                <th scope=\"col\">{label}</th>\n                <th scope=\"col\">Event</th>\n              </tr>\n            </thead>\n            <tbody>\n              {rows.map((point) => {\n                const event = events.find((item) => Math.abs(item.t - point.t) < DAY / 2);\n                return (\n                  <tr key={point.t}>\n                    <th scope=\"row\">{SHORT_DATE.format(point.t)}</th>\n                    <td>{format(point.value)}</td>\n                    <td>\n                      {event\n                        ? `${event.label}${event.description ? `. ${event.description}` : \"\"}`\n                        : \"\"}\n                    </td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </figure>\n  );\n});\n"],"mappings":"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"}

package/dist/brush-chart/index.d.ts

@@ -0,0 +1,2 @@
+import { BrushChart, BrushChartAnnotation, BrushChartDatum, BrushChartProps } from "./brush-chart.js";
+export { BrushChart, type BrushChartAnnotation, type BrushChartDatum, type BrushChartProps };

package/dist/brush-chart/index.js

@@ -0,0 +1,2 @@
+import { BrushChart } from "./brush-chart.js";
+export { BrushChart };

package/dist/button/button.d.ts

@@ -3,8 +3,8 @@ import { ReactNode } from "react";
 import { ButtonProps, LinkProps } from "react-aria-components";
 //#region src/button/button.d.ts
 export declare const buttonVariants: (props?: ({
-  variant?: "link" | "destructive" | "primary" | "secondary" | "outline" | "outlineNeutral" | "ghost" | null | undefined;
-  size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+  variant?: "link" | "outline" | "primary" | "ai" | "secondary" | "outlineNeutral" | "ghost" | "destructive" | null | undefined;
+  size?: "icon" | "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Props.

package/dist/button/button.js

@@ -30,7 +30,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 const pressScale = "motion-safe:data-[pressed]:scale-(--press-scale) [&:is([aria-haspopup]:not([aria-haspopup=false]),[data-state],[role=combobox])]:scale-none!";
 const buttonVariants = cva([
 	"inline-flex items-center justify-center gap-(--density-control-gap) shrink-0 whitespace-nowrap",
-	"rounded-md font-sans font-medium",
+	"rounded-control font-sans font-medium",
 	"cursor-pointer select-none",
 	"border-(length:--border-width) border-transparent bg-transparent",
 	"[&_svg]:pointer-events-none [&_svg]:shrink-0",
@@ -50,20 +50,29 @@ const buttonVariants = cva([
 				"bg-primary text-primary-foreground shadow-surface",
 				"motion-safe:button-motion",
 				pressScale,
-				"data-[hovered]:opacity-91 data-[hovered]:shadow-resting",
-				"data-[pressed]:opacity-84",
+				"data-[hovered]:bg-primary-hover data-[hovered]:shadow-resting",
+				"data-[pressed]:bg-primary-pressed",
+				"data-[disabled]:opacity-(--opacity-button-disabled)"
+			],
+			ai: [
+				"bg-primary text-primary-foreground shadow-surface",
+				"ai-beam",
+				"motion-safe:button-motion",
+				pressScale,
+				"data-[hovered]:bg-primary-hover",
+				"motion-safe:data-[hovered]:[&_svg]:-rotate-12",
 				"data-[disabled]:opacity-(--opacity-button-disabled)"
 			],
 			secondary: [
-				"bg-secondary text-secondary-foreground shadow-surface",
+				"bg-surface text-foreground border-(length:--border-width) border-border shadow-surface",
 				"motion-safe:button-motion",
 				pressScale,
-				"data-[hovered]:bg-secondary-hover data-[hovered]:shadow-resting",
-				"data-[pressed]:bg-secondary-pressed",
+				"data-[hovered]:bg-muted data-[hovered]:shadow-resting",
+				"data-[pressed]:bg-muted",
 				"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground data-[disabled]:border-border"
 			],
 			outline: [
-				"bg-background text-primary-strong border-(length:--border-width) border-primary-strong shadow-surface",
+				"bg-surface text-primary-strong border-(length:--border-width) border-primary-strong shadow-surface",
 				"motion-safe:button-motion",
 				pressScale,
 				"data-[hovered]:bg-muted data-[hovered]:shadow-resting",
@@ -71,40 +80,41 @@ const buttonVariants = cva([
 				"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground data-[disabled]:border-border"
 			],
 			outlineNeutral: [
-				"bg-background text-foreground border-(length:--border-width) border-border shadow-surface",
+				"bg-surface text-foreground border-(length:--border-width) border-border shadow-surface",
 				"motion-safe:button-motion",
 				pressScale,
 				"data-[hovered]:bg-muted data-[hovered]:shadow-resting",
-				"data-[pressed]:bg-muted data-[pressed]:border-foreground",
-				"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground"
+				"data-[pressed]:bg-muted",
+				"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-text-disabled"
 			],
 			ghost: [
-				"bg-transparent text-primary-strong",
+				"bg-transparent text-text-secondary",
 				"motion-safe:button-motion",
 				pressScale,
-				"data-[hovered]:bg-muted",
-				"data-[disabled]:opacity-100 data-[disabled]:text-muted-foreground",
+				"data-[hovered]:bg-muted data-[hovered]:text-foreground",
+				"data-[disabled]:opacity-100 data-[disabled]:text-text-disabled",
 				"data-[pressed]:bg-muted data-[pressed]:border-primary-strong"
 			],
 			destructive: [
-				"bg-destructive text-destructive-foreground shadow-surface",
+				"bg-surface text-destructive-strong border-(length:--border-width) border-border shadow-surface",
 				"motion-safe:button-motion",
 				pressScale,
-				"data-[hovered]:bg-destructive-hover",
-				"data-[pressed]:bg-destructive-pressed",
+				"data-[hovered]:bg-muted data-[hovered]:border-destructive-strong",
+				"data-[pressed]:bg-muted data-[pressed]:border-destructive-strong",
 				"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:border-border data-[disabled]:text-[color-mix(in_oklab,var(--color-destructive)_55%,var(--color-muted))]"
 			],
 			link: [
-				"bg-transparent text-primary-strong underline-offset-(--underline-offset)",
+				"bg-transparent text-text-link underline-offset-(--underline-offset)",
 				"motion-safe:button-motion",
-				"data-[disabled]:opacity-(--opacity-button-disabled)",
+				"data-[disabled]:text-text-disabled",
 				"data-[hovered]:underline",
-				"data-[pressed]:underline"
+				"data-[pressed]:underline data-[pressed]:opacity-80",
+				"[&_svg:last-child]:transition-transform motion-safe:data-[hovered]:[&_svg:last-child]:translate-x-0.75 rtl:motion-safe:data-[hovered]:[&_svg:last-child]:-translate-x-0.75"
 			]
 		},
 		size: {
-			sm: "h-(--density-control-h-sm) px-(--density-control-pad-sm) text-sm",
-			md: "h-(--density-control-h-md) px-(--density-control-pad-md) text-base",
+			sm: "h-(--density-control-h-sm) px-4 text-sm",
+			md: "h-(--density-control-h-md) px-4 text-sm",
 			lg: "h-(--density-control-h-lg) px-(--density-control-pad-lg) text-lg",
 			icon: "size-(--density-control-h-md) px-0 text-base"
 		}

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["Button","AriaLink","AriaButton"],"sources":["../../src/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useRef,\n  useState,\n  type ForwardedRef,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type ButtonRenderProps,\n  type LinkProps as AriaLinkProps,\n  type PressEvent,\n} from \"react-aria-components\";\n\nimport { cn } from \"../lib/cn.js\";\nimport { mergeRefs } from \"../lib/merge-refs.js\";\nimport {\n  anchorsLayer,\n  pressScaleFor,\n  useAriaBusy,\n  useExitBackstop,\n  useLeavingItems,\n  useMorphWidth,\n  type Rect,\n} from \"../lib/motion.js\";\n\n/**\n * Variant classes, exported so a consumer can reuse the exact classes we ship\n * rather than guessing at them.\n *\n * NOT the answer for a link-shaped button any more: pass `href` to Button. On a\n * consumer's own <a> these classes get none of their states -- hover, press and\n * the focus ring all key on React Aria data attributes that a plain anchor never\n * receives, and the base sets outline-none, so keyboard focus was invisible.\n *\n * Ported from the legacy shadcn Button. The variant and size vocabulary is\n * deliberately identical so existing call sites migrate by rename, with six\n * corrections that the Alfred contracts require -- each marked below.\n *\n * Every string here is a STATIC literal. Tailwind scans source text, so a class\n * assembled at runtime is invisible to it and would simply never be emitted.\n *\n * State comes from React Aria data attributes rather than pseudo-classes:\n * data-[focus-visible] is keyboard focus only, and data-[pressed] covers mouse,\n * touch and keyboard uniformly. The original had no pressed state at all.\n */\n/*\n * The press: the button scales down while pressed (see onPressStart for the\n * scale, which depends on width) and springs back on release. Anchors of\n * floating layers never scale: a menu that opens on pointerdown would measure a\n * shrunken trigger.\n */\nconst pressScale =\n  \"motion-safe:data-[pressed]:scale-(--press-scale) [&:is([aria-haspopup]:not([aria-haspopup=false]),[data-state],[role=combobox])]:scale-none!\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-(--density-control-gap) shrink-0 whitespace-nowrap\",\n    // No leading-* here on purpose. tailwind-merge treats a later text-* class\n    // as owning line-height (a Tailwind v3 assumption, where text-base carried\n    // one), so a leading-* in the base string is silently STRIPPED by cn() once\n    // a size variant adds text-base. It is not needed either: the control has a\n    // fixed height and centres with flex, so line-height cannot overflow it.\n    // A component with auto height must put leading-* AFTER its text-* class.\n    \"rounded-md font-sans font-medium\",\n    \"cursor-pointer select-none\",\n\n    // font-sans above is part of the same problem: a <button> does not inherit\n    // the page font, so without a reset it renders in the user-agent face\n    // (Arial in Chromium) rather than the design system's. The same applies to\n    // bg-transparent: an unstyled <button> paints the user-agent ButtonFace\n    // grey -- which is what surfaces the moment a fill class fails to resolve,\n    // and is why the paint stories compare against tokens rather than checking\n    // for transparency.\n    //\n    // The reset in @seekalfred/styles is OPT-IN, so a consumer may never load\n    // one. A bare <button> then keeps its user-agent border (2px, black, in\n    // Chromium) and inline padding, which is a black box around every variant\n    // that does not set a border of its own. The original inherited a zeroed\n    // border from Tailwind Preflight in the app; a library component cannot\n    // assume the consumer supplied one.\n    \"border-(length:--border-width) border-transparent bg-transparent\",\n\n    // Icon handling, ported verbatim: an svg child is sized unless the caller\n    // already said otherwise, and never swallows the press.\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"[&_svg:not([class*='size-'])]:size-(--icon-sm)\",\n\n    // CORRECTION 1 -- the original focused with `ring-[3px]`, which is a\n    // box-shadow. Box-shadows are discarded under forced-colors, taking the\n    // only focus indication with them, and axe has no rule that would catch it\n    // (ARCHITECTURE section 5, rule 6). A real outline survives.\n    //\n    // outline-solid on the focus variant is load-bearing, not decoration.\n    // `outline-none` sets BOTH outline-style:none and --tw-outline-style:none,\n    // and Tailwind's outline-width utility resolves its style from that same\n    // variable -- so the focus variant applied a width and a colour while\n    // faithfully re-applying style:none, and painted nothing. The button was\n    // keyboard-focusable with no visible ring. axe has no focus-indicator\n    // rule, so every automated gate stayed green; the KeyboardFocus story now\n    // asserts outlineStyle directly.\n    \"outline-none\",\n    \"data-[focus-visible]:outline-solid\",\n    \"data-[focus-visible]:outline-(length:--focus-ring-width)\",\n    \"data-[focus-visible]:outline-offset-(--focus-ring-offset)\",\n    \"data-[focus-visible]:outline-(--color-ring)\",\n\n    // CORRECTION 2 -- `disabled:pointer-events-none` also kills the cursor, so\n    // the control reads as inert rather than as unavailable. React Aria already\n    // blocks activation; this only has to say so.\n    // The opacity half of the disabled look moved into each variant: the\n    // outlined and ghost buttons stay fully opaque and mute their colours\n    // instead, which a single base opacity cannot express.\n    \"data-[disabled]:cursor-not-allowed\",\n    \"[-webkit-tap-highlight-color:transparent]\",\n\n    // React Aria's own pending state. The original had no equivalent.\n    \"data-[pending]:cursor-progress\",\n  ],\n  {\n    variants: {\n      variant: {\n        // CORRECTION 3 -- the legacy button filled this variant with the brand\n        // gradient. It is flat here, because the brand system caps\n        // --gradient-brand at one intentional element per view and keeps that\n        // budget for the logo and progress bars: \"a gradient on every button\n        // spends that budget everywhere. Ours is the flat primary.\"\n        //\n        // CORRECTION 4 -- the label is ink, not white. Brand orange #FF8431\n        // carries white at 2.44:1; ink clears it at 8.35:1, which is the brand\n        // system's own --text-on-orange rule. Its Button ships white only as a\n        // dated, individually signed-off exception, and this library's contrast\n        // contract is build-failing with no exemption mechanism to inherit it.\n        //\n        // CORRECTION 7 (reversed by decision) -- hover and pressed used to be\n        // their own TOKENS (500 rest, 600 hover, 700 pressed), because an\n        // opacity modifier lightens the button toward the page, which reads as\n        // receding, and makes the label pair unmeasurable: an alpha composite\n        // depends on whatever sits behind it. They are now opacity steps (.91,\n        // .84) plus the resting shadow, by explicit decision, so the hover and\n        // pressed fills are no longer used here. The contrast contract still\n        // lists them (contrast-pairs.json) but cannot express an alpha, so the\n        // faded states were measured by hand: ink on orange, both faded over\n        // the page, is 6.54:1 at .84 on the light page and 6.08:1 on the dark\n        // one (8.35:1 at rest), all above the 4.5:1 floor.\n        primary: [\n          \"bg-primary text-primary-foreground shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:opacity-91 data-[hovered]:shadow-resting\",\n          \"data-[pressed]:opacity-84\",\n          \"data-[disabled]:opacity-(--opacity-button-disabled)\",\n        ],\n        secondary: [\n          \"bg-secondary text-secondary-foreground shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-secondary-hover data-[hovered]:shadow-resting\",\n          \"data-[pressed]:bg-secondary-pressed\",\n          // A disabled outlined button keeps its shape and mutes its\n          // label, so it reads as a button that is off, not as plain text.\n          \"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground data-[disabled]:border-border\",\n        ],\n        // primary-strong, never primary: the brand orange is 2.44:1 on the page\n        // and cannot legally be a label OR a border. That is the whole reason\n        // the token exists.\n        outline: [\n          \"bg-background text-primary-strong border-(length:--border-width) border-primary-strong shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-muted data-[hovered]:shadow-resting\",\n          \"data-[pressed]:bg-muted data-[pressed]:border-foreground\",\n          \"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground data-[disabled]:border-border\",\n        ],\n        /*\n         * The NEUTRAL outline, and the product's single most-used button:\n         * 99 call sites against 32 for the brand-coloured one.\n         *\n         * It exists because `outline` above is brand-toned -- orange border,\n         * orange label -- which is what the product calls `secondaryOutline`.\n         * Its plain `outline` is this: a grey border and ordinary body text,\n         * for a button that must not compete with the primary action next to\n         * it. One name could not cover both, and renaming `outline` would have\n         * silently repainted every existing call site of ours instead.\n         *\n         * `border` rather than `primary-strong`: --color-border is the token\n         * already held to the 3:1 non-text floor of WCAG 1.4.11, which is what\n         * a border separating a control from the page has to clear.\n         */\n        outlineNeutral: [\n          \"bg-background text-foreground border-(length:--border-width) border-border shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-muted data-[hovered]:shadow-resting\",\n          \"data-[pressed]:bg-muted data-[pressed]:border-foreground\",\n          \"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground\",\n        ],\n        ghost: [\n          \"bg-transparent text-primary-strong\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-muted\",\n          \"data-[disabled]:opacity-100 data-[disabled]:text-muted-foreground\",\n          // CORRECTION 5 -- pressed must not be background-only. A ghost button\n          // has no border at rest, so the pressed border is the non-colour cue\n          // that survives forced-colors (rule 6 again).\n          \"data-[pressed]:bg-muted data-[pressed]:border-primary-strong\",\n        ],\n        destructive: [\n          \"bg-destructive text-destructive-foreground shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-destructive-hover\",\n          \"data-[pressed]:bg-destructive-pressed\",\n          // Muted fill, label tinted toward destructive.\n          \"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:border-border data-[disabled]:text-[color-mix(in_oklab,var(--color-destructive)_55%,var(--color-muted))]\",\n        ],\n        link: [\n          \"bg-transparent text-primary-strong underline-offset-(--underline-offset)\",\n          \"motion-safe:button-motion\",\n          \"data-[disabled]:opacity-(--opacity-button-disabled)\",\n          \"data-[hovered]:underline\",\n          \"data-[pressed]:underline\",\n        ],\n      },\n      size: {\n        // Height, padding and label size all come from the control scale, so\n        // data-density moves them together. The icon-only variant is square at\n        // the md height. The legacy shadcn rule that tightened padding when a\n        // child was an icon is gone: it needed three more magic numbers, the\n        // brand system has no equivalent, and the gap token now owns icon\n        // spacing.\n        sm: \"h-(--density-control-h-sm) px-(--density-control-pad-sm) text-sm\",\n        md: \"h-(--density-control-h-md) px-(--density-control-pad-md) text-base\",\n        lg: \"h-(--density-control-h-lg) px-(--density-control-pad-lg) text-lg\",\n        // text-base even though there is no visible label: without it the\n        // user-agent default (13.33px in Chromium) leaks in and sizes any\n        // em-based child against the wrong root.\n        icon: \"size-(--density-control-h-md) px-0 text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  },\n);\n\n/*\n * The label motion, without an animation library.\n *\n * A presence library would keep the outgoing label mounted for the crossfade\n * and drive a motion value for the width morph. CSS cannot keep an outgoing\n * label mounted or observe its own content width, so those two jobs are the\n * plain React below; every animation itself is a CSS keyframe or transition\n * (@seekalfred/styles motion.css, the button-* utilities in styles.css, the\n * --animate-* tokens).\n */\n\n/** A key for the label content: text plus element names, so a new label or icon crossfades while prop-only updates stay in place. */\nfunction labelKey(node: ReactNode): string {\n  if (node == null || typeof node === \"boolean\") return \"\";\n  if (typeof node === \"string\" || typeof node === \"number\" || typeof node === \"bigint\") return String(node);\n  if (Array.isArray(node)) return node.map(labelKey).join(\"\");\n  if (!isValidElement(node)) return \"\";\n  const type = node.type as string | { displayName?: string; name?: string };\n  return \"<\" + (typeof type === \"string\" ? type : (type?.displayName ?? type?.name ?? \"\")) + \">\" + labelKey((node.props as { children?: ReactNode }).children);\n}\n\n/** A label with no text once element names are stripped is an icon, which scales instead of rising. */\nconst isIconKey = (key: string) => !/\\S/.test(key.replace(/<[^>]*>/g, \"\"));\n\ninterface LeavingLabel {\n  id: number;\n  node: ReactNode;\n  icon: boolean;\n  rect: Rect;\n}\n\nfunction LeavingPhase({ phase, onDone }: { phase: LeavingLabel; onDone: (id: number) => void }) {\n  const { id } = phase;\n  const remove = useCallback(() => onDone(id), [onDone, id]);\n  useExitBackstop(true, remove);\n  return (\n    <span\n      aria-hidden=\"true\"\n      onAnimationEnd={(event) => {\n        if (event.target === event.currentTarget) remove();\n      }}\n      style={phase.rect}\n      className={cn(\n        \"absolute inline-flex items-center justify-center gap-(--density-control-gap) whitespace-nowrap [&_svg]:shrink-0\",\n        phase.icon\n          ? \"motion-safe:animate-glyph-out motion-reduce:animate-fade-out\"\n          : \"motion-safe:animate-label-out motion-reduce:animate-fade-out\",\n      )}\n    >\n      {phase.node}\n    </span>\n  );\n}\n\n/** The loading spinner: it scales in on the snappy spring, and out smaller with a little blur. Nothing animates if it is there on first mount. */\nfunction Loader({ show }: { show: boolean }) {\n  const [initial] = useState(show);\n  const [rendered, setRendered] = useState(show);\n  const [animated, setAnimated] = useState(false);\n  const leaving = rendered && !show;\n  if (show && !rendered) setRendered(true);\n  if (!animated && show !== initial) setAnimated(true);\n  const unmount = useCallback(() => setRendered(false), []);\n  useExitBackstop(leaving, unmount);\n  if (!rendered) return null;\n  return (\n    <span\n      aria-hidden=\"true\"\n      onAnimationEnd={(event) => {\n        if (leaving && event.target === event.currentTarget) unmount();\n      }}\n      className={cn(\n        \"absolute top-1/2 left-1/2 -m-2 grid size-4\",\n        leaving\n          ? \"motion-safe:animate-loader-out motion-reduce:animate-fade-out\"\n          : animated && \"motion-safe:animate-loader-in motion-reduce:animate-fade-in\",\n      )}\n    >\n      <span className=\"rounded-circle border-(length:--border-width-spinner) border-current border-r-transparent motion-safe:animate-spin-fast\" />\n    </span>\n  );\n}\n\n/**\n * The button's inside: a loader, and a slot that holds the current label.\n *\n * A new label (a different text, or a different icon) mounts under a new key and\n * rises in while the old one is popped out of flow where it was and lifts away.\n * Nothing animates on first mount, and a prop-only update (same key) stays in\n * place.\n */\nfunction ButtonContent({ children, pending }: { children: ReactNode; pending: boolean }) {\n  const key = labelKey(children);\n  const icon = isIconKey(key);\n  const contentRef = useRef<HTMLSpanElement>(null);\n  const phaseRef = useRef<HTMLSpanElement>(null);\n\n  useMorphWidth(contentRef, key);\n  const { leaving, changed, remove } = useLeavingItems(key, { node: children, icon }, () => phaseRef.current);\n\n  return (\n    <>\n      <Loader show={pending} />\n      <span className={cn(\"button-slot\", pending && \"opacity-0\")}>\n        <span ref={contentRef} className=\"inline-flex flex-none items-center\">\n          {leaving.map((item) => (\n            <LeavingPhase key={item.id} phase={{ id: item.id, node: item.value.node, icon: item.value.icon, rect: item.rect }} onDone={remove} />\n          ))}\n          <span\n            key={key}\n            ref={phaseRef}\n            data-slot=\"button-label\"\n            className={cn(\n              \"inline-flex items-center justify-center gap-(--density-control-gap) whitespace-nowrap [&_svg]:shrink-0\",\n              changed &&\n                (icon\n                  ? \"motion-safe:animate-glyph-in motion-reduce:animate-fade-in\"\n                  : \"motion-safe:animate-label-in motion-reduce:animate-fade-in\"),\n            )}\n          >\n            {children}\n          </span>\n        </span>\n      </span>\n    </>\n  );\n}\n\n/**\n * Props.\n *\n * CORRECTION 6 -- the legacy Button was a plain `<button>`, so it took\n * `onClick`, `disabled` and Radix's `asChild`. React Aria's Button has none of\n * those: `ButtonProps` explicitly omits `onClick` and `href`. The replacements\n * are `onPress`, `isDisabled`, and `href` -- which renders React Aria's Link in\n * place of its Button. See the migration table in the package README.\n *\n * Deliberately NOT intersected with ComponentPropsWithoutRef<\"button\">: that\n * would advertise disabled, tabIndex and role, which React Aria does not\n * implement and silently ignores. React Aria already forwards the native event\n * surface, so nothing is lost.\n */\nexport interface ButtonProps\n  extends Omit<AriaButtonProps, \"className\" | \"style\">, VariantProps<typeof buttonVariants> {\n  /** Extra classes. Merged last, so they win conflicts with ours. */\n  className?: string;\n  /**\n   * Icon rendered before the label.\n   *\n   * Mark the glyph `aria-hidden` -- the label is the accessible name, and a\n   * second name source only makes the button announce twice. It is sized by the\n   * base `[&_svg]` rule at `--icon-sm` unless it carries a `size-*` class of\n   * its own, and spaced by `--density-control-gap`.\n   *\n   * Two named slots rather than one `icon` plus a position prop: a button can\n   * legitimately carry a leading glyph AND a trailing affordance, which one\n   * icon and a position cannot express.\n   *\n   * NOT the route for `size=\"icon\"`. An icon-only button passes its glyph as\n   * `children`, which is what gives it its single centred child.\n   */\n  startIcon?: ReactNode;\n  /** Icon rendered after the label. Same rules as {@link ButtonProps.startIcon}. */\n  endIcon?: ReactNode;\n  /**\n   * Makes the button a link. It renders React Aria's `Link` -- a real `<a>`,\n   * announced as a link -- with exactly the classes a button of the same\n   * `variant` and `size` gets, and the same hover, press and focus-ring states.\n   *\n   * Use it whenever activating the control navigates. A button that navigates\n   * cannot be opened in a new tab, is announced as the wrong role, and is\n   * skipped by a screen reader's list of links.\n   *\n   * Client-side routing needs React Aria's `RouterProvider` mounted once above\n   * it; without one, an `href` is an ordinary page load, which is also what an\n   * external or download link wants.\n   *\n   * Button-only props have nothing to act on here: `type`, `form*` and\n   * `isPending` are ignored, and the `ref` receives the `<a>`.\n   */\n  href?: AriaLinkProps[\"href\"];\n  /** With `href` only: where to open it, e.g. `\"_blank\"`. */\n  target?: AriaLinkProps[\"target\"];\n  /** With `href` only. Give `\"noreferrer\"` alongside `target=\"_blank\"` to an external site. */\n  rel?: AriaLinkProps[\"rel\"];\n  /** With `href` only: download the target instead of opening it, optionally under this file name. */\n  download?: AriaLinkProps[\"download\"];\n}\n\n/**\n * A button.\n *\n * A label that changes (a different text, or a different icon) crossfades, and\n * the button's width springs to fit it. While that runs, the OUTGOING label is\n * still in the DOM for about 200ms, `aria-hidden` and out of flow, so read a\n * button's text after the change settles, and do not put `id`s, inputs or\n * anything stateful inside a label that changes. Text that changes constantly,\n * such as a live counter, crossfades every time it does.\n *\n * `size=\"icon\"` renders a square button with no visible text, so it **must**\n * carry an `aria-label` -- otherwise it has no accessible name and fails axe's\n * `button-name` rule. The IconOnly story is the guard on that.\n *\n * @example\n * <Button onPress={save}>Save changes</Button>\n * <Button startIcon={<SaveIcon aria-hidden />}>Save changes</Button>\n * <Button endIcon={<ChevronIcon aria-hidden />}>Continue</Button>\n * <Button variant=\"outline\" size=\"icon\" aria-label=\"Close\"><XIcon /></Button>\n * <Button href=\"/reports\" variant=\"outlineNeutral\">View reports</Button>\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { className, variant, size, startIcon, endIcon, children, href, target, rel, download, ...props },\n  ref,\n) {\n  const classes = cn(buttonVariants({ variant, size }), className);\n\n  const button = useAriaBusy(props.isPending === true);\n\n  /*\n   * children passes through UNTOUCHED when neither slot is used, so a button\n   * with no icon renders byte-identical DOM to before this prop existed. That is\n   * what keeps this an additive change rather than a structural one -- and the\n   * childOrder assertions in the stories are what hold it true, since they read\n   * the button's direct children.\n   *\n   * The slot branch has to be a render function because React Aria's children\n   * are ChildrenOrFunction<ButtonRenderProps>: a consumer may pass a function to\n   * read isPressed or isPending, and wrapping the node directly would silently\n   * render that function as nothing. The fragment adds no element of its own.\n   */\n  const content = (renderProps: ButtonRenderProps & { defaultChildren: ReactNode | undefined }) => (\n    <ButtonContent pending={renderProps.isPending}>\n      {startIcon}\n      {typeof children === \"function\" ? children(renderProps) : children}\n      {endIcon}\n    </ButtonContent>\n  );\n\n  const { onPressStart } = props;\n  const pressStart = (event: PressEvent) => {\n    if (!anchorsLayer(props)) {\n      const target = event.target as HTMLElement;\n      target.style.setProperty(\"--press-scale\", pressScaleFor(target.offsetWidth));\n    }\n    onPressStart?.(event);\n  };\n\n  if (href !== undefined) {\n    /*\n     * The same classes on React Aria's Link. It sets data-hovered,\n     * data-pressed and data-focus-visible on the <a>, which is what every\n     * state class above keys on -- nothing here is re-implemented.\n     *\n     * Button-only props need no stripping: Link runs its props through\n     * filterDOMProps, so `type` never reaches the <a>, and `isPending` is not a\n     * DOM prop. A link has no pending state, so a render-function child is told\n     * it is not pending rather than handed an object missing the field. The ref\n     * is typed for the button this usually is; with href it receives the <a>,\n     * which the TSDoc on `href` says.\n     */\n    return (\n      <AriaLink\n        ref={ref as unknown as ForwardedRef<HTMLAnchorElement>}\n        {...(props as Omit<AriaLinkProps, \"className\" | \"children\">)}\n        onPressStart={pressStart}\n        href={href}\n        target={target}\n        rel={rel}\n        download={download}\n        data-slot=\"button\"\n        className={classes}\n      >\n        {(renderProps) => content({ ...renderProps, isPending: false })}\n      </AriaLink>\n    );\n  }\n\n  return (\n    <AriaButton ref={mergeRefs(ref, button as RefObject<HTMLButtonElement | null>)} {...props} onPressStart={pressStart} data-slot=\"button\" className={classes}>\n      {content}\n    </AriaButton>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["Button","AriaLink","AriaButton"],"sources":["../../src/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useRef,\n  useState,\n  type ForwardedRef,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  Link as AriaLink,\n  type ButtonProps as AriaButtonProps,\n  type ButtonRenderProps,\n  type LinkProps as AriaLinkProps,\n  type PressEvent,\n} from \"react-aria-components\";\n\nimport { cn } from \"../lib/cn.js\";\nimport { mergeRefs } from \"../lib/merge-refs.js\";\nimport {\n  anchorsLayer,\n  pressScaleFor,\n  useAriaBusy,\n  useExitBackstop,\n  useLeavingItems,\n  useMorphWidth,\n  type Rect,\n} from \"../lib/motion.js\";\n\n/**\n * Variant classes, exported so a consumer can reuse the exact classes we ship\n * rather than guessing at them.\n *\n * NOT the answer for a link-shaped button any more: pass `href` to Button. On a\n * consumer's own <a> these classes get none of their states -- hover, press and\n * the focus ring all key on React Aria data attributes that a plain anchor never\n * receives, and the base sets outline-none, so keyboard focus was invisible.\n *\n * Ported from the legacy shadcn Button. The variant and size vocabulary is\n * deliberately identical so existing call sites migrate by rename, with six\n * corrections that the Alfred contracts require -- each marked below.\n *\n * Every string here is a STATIC literal. Tailwind scans source text, so a class\n * assembled at runtime is invisible to it and would simply never be emitted.\n *\n * State comes from React Aria data attributes rather than pseudo-classes:\n * data-[focus-visible] is keyboard focus only, and data-[pressed] covers mouse,\n * touch and keyboard uniformly. The original had no pressed state at all.\n */\n/*\n * The press: the button scales down while pressed (see onPressStart for the\n * scale, which depends on width) and springs back on release. Anchors of\n * floating layers never scale: a menu that opens on pointerdown would measure a\n * shrunken trigger.\n */\nconst pressScale =\n  \"motion-safe:data-[pressed]:scale-(--press-scale) [&:is([aria-haspopup]:not([aria-haspopup=false]),[data-state],[role=combobox])]:scale-none!\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-(--density-control-gap) shrink-0 whitespace-nowrap\",\n    // No leading-* here on purpose. tailwind-merge treats a later text-* class\n    // as owning line-height (a Tailwind v3 assumption, where text-base carried\n    // one), so a leading-* in the base string is silently STRIPPED by cn() once\n    // a size variant adds text-base. It is not needed either: the control has a\n    // fixed height and centres with flex, so line-height cannot overflow it.\n    // A component with auto height must put leading-* AFTER its text-* class.\n    \"rounded-control font-sans font-medium\",\n    \"cursor-pointer select-none\",\n\n    // font-sans above is part of the same problem: a <button> does not inherit\n    // the page font, so without a reset it renders in the user-agent face\n    // (Arial in Chromium) rather than the design system's. The same applies to\n    // bg-transparent: an unstyled <button> paints the user-agent ButtonFace\n    // grey -- which is what surfaces the moment a fill class fails to resolve,\n    // and is why the paint stories compare against tokens rather than checking\n    // for transparency.\n    //\n    // The reset in @seekalfred/styles is OPT-IN, so a consumer may never load\n    // one. A bare <button> then keeps its user-agent border (2px, black, in\n    // Chromium) and inline padding, which is a black box around every variant\n    // that does not set a border of its own. The original inherited a zeroed\n    // border from Tailwind Preflight in the app; a library component cannot\n    // assume the consumer supplied one.\n    \"border-(length:--border-width) border-transparent bg-transparent\",\n\n    // Icon handling, ported verbatim: an svg child is sized unless the caller\n    // already said otherwise, and never swallows the press.\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"[&_svg:not([class*='size-'])]:size-(--icon-sm)\",\n\n    // CORRECTION 1 -- the original focused with `ring-[3px]`, which is a\n    // box-shadow. Box-shadows are discarded under forced-colors, taking the\n    // only focus indication with them, and axe has no rule that would catch it\n    // (ARCHITECTURE section 5, rule 6). A real outline survives.\n    //\n    // outline-solid on the focus variant is load-bearing, not decoration.\n    // `outline-none` sets BOTH outline-style:none and --tw-outline-style:none,\n    // and Tailwind's outline-width utility resolves its style from that same\n    // variable -- so the focus variant applied a width and a colour while\n    // faithfully re-applying style:none, and painted nothing. The button was\n    // keyboard-focusable with no visible ring. axe has no focus-indicator\n    // rule, so every automated gate stayed green; the KeyboardFocus story now\n    // asserts outlineStyle directly.\n    \"outline-none\",\n    \"data-[focus-visible]:outline-solid\",\n    \"data-[focus-visible]:outline-(length:--focus-ring-width)\",\n    \"data-[focus-visible]:outline-offset-(--focus-ring-offset)\",\n    \"data-[focus-visible]:outline-(--color-ring)\",\n\n    // CORRECTION 2 -- `disabled:pointer-events-none` also kills the cursor, so\n    // the control reads as inert rather than as unavailable. React Aria already\n    // blocks activation; this only has to say so.\n    // The opacity half of the disabled look moved into each variant: the\n    // outlined and ghost buttons stay fully opaque and mute their colours\n    // instead, which a single base opacity cannot express.\n    \"data-[disabled]:cursor-not-allowed\",\n    \"[-webkit-tap-highlight-color:transparent]\",\n\n    // React Aria's own pending state. The original had no equivalent.\n    \"data-[pending]:cursor-progress\",\n  ],\n  {\n    variants: {\n      variant: {\n        // CORRECTION 3 -- the legacy button filled this variant with the brand\n        // gradient. It is flat here, because the brand system caps\n        // --gradient-brand at one intentional element per view and keeps that\n        // budget for the logo and progress bars: \"a gradient on every button\n        // spends that budget everywhere. Ours is the flat primary.\"\n        //\n        // CORRECTION 4 -- the label is ink, not white. Brand orange #FF8431\n        // carries white at 2.44:1; ink clears it at 8.35:1, which is the brand\n        // system's own --text-on-orange rule. Its Button ships white only as a\n        // dated, individually signed-off exception, and this library's contrast\n        // contract is build-failing with no exemption mechanism to inherit it.\n        //\n        // Hover and pressed are their own TOKENS again (primary 400 and 600),\n        // as the design spec (Oct 2026) sets them; an opacity step would make\n        // the label pair depend on whatever sits behind the button. Both pairs\n        // are in the contrast contract (contrast-pairs.json).\n        primary: [\n          \"bg-primary text-primary-foreground shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          // Design spec (Oct 2026): hover primary 400, pressed primary 600.\n          \"data-[hovered]:bg-primary-hover data-[hovered]:shadow-resting\",\n          \"data-[pressed]:bg-primary-pressed\",\n          \"data-[disabled]:opacity-(--opacity-button-disabled)\",\n        ],\n        /*\n         * The AI action (Generate, Seek Alfred). The primary fill with a beam\n         * that runs around its edge in orange, lavender and teal; on hover the\n         * beam speeds up, the button glows and an icon tilts. Disabled stops the\n         * beam. See ai-beam in styles.css.\n         */\n        ai: [\n          \"bg-primary text-primary-foreground shadow-surface\",\n          \"ai-beam\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-primary-hover\",\n          \"motion-safe:data-[hovered]:[&_svg]:-rotate-12\",\n          \"data-[disabled]:opacity-(--opacity-button-disabled)\",\n        ],\n        /*\n         * Design spec (Oct 2026): Secondary is a white surface with a light\n         * border and dark text -- the same paint as `outlineNeutral` below, kept\n         * under this name so existing call sites need no rename. It used to be\n         * the lavender fill; the lavender `secondary` role still exists for\n         * badges and highlights, just not on a button.\n         */\n        secondary: [\n          \"bg-surface text-foreground border-(length:--border-width) border-border shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-muted data-[hovered]:shadow-resting\",\n          \"data-[pressed]:bg-muted\",\n          // A disabled secondary button keeps its shape and mutes its fill and\n          // label, so it reads as a button that is off, not as plain text.\n          \"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground data-[disabled]:border-border\",\n        ],\n        // primary-strong, never primary: the brand orange is 2.44:1 on the page\n        // and cannot legally be a label OR a border. That is the whole reason\n        // the token exists.\n        outline: [\n          \"bg-surface text-primary-strong border-(length:--border-width) border-primary-strong shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-muted data-[hovered]:shadow-resting\",\n          \"data-[pressed]:bg-muted data-[pressed]:border-foreground\",\n          \"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground data-[disabled]:border-border\",\n        ],\n        /*\n         * The NEUTRAL outline, and the product's single most-used button:\n         * 99 call sites against 32 for the brand-coloured one.\n         *\n         * It exists because `outline` above is brand-toned -- orange border,\n         * orange label -- which is what the product calls `secondaryOutline`.\n         * Its plain `outline` is this: a grey border and ordinary body text,\n         * for a button that must not compete with the primary action next to\n         * it. One name could not cover both, and renaming `outline` would have\n         * silently repainted every existing call site of ours instead.\n         *\n         * This is the design spec's Secondary button: surface, the light\n         * `border` hairline and body text. The hairline is below 3:1 by UX\n         * decision; the label, hover fill and focus ring carry the boundary.\n         */\n        outlineNeutral: [\n          \"bg-surface text-foreground border-(length:--border-width) border-border shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-muted data-[hovered]:shadow-resting\",\n          \"data-[pressed]:bg-muted\",\n          \"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:text-text-disabled\",\n        ],\n        ghost: [\n          \"bg-transparent text-text-secondary\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-muted data-[hovered]:text-foreground\",\n          \"data-[disabled]:opacity-100 data-[disabled]:text-text-disabled\",\n          // CORRECTION 5 -- pressed must not be background-only. A ghost button\n          // has no border at rest, so the pressed border is the non-colour cue\n          // that survives forced-colors (rule 6 again).\n          \"data-[pressed]:bg-muted data-[pressed]:border-primary-strong\",\n        ],\n        // Design spec (Oct 2026): an outlined Danger button, not a red fill.\n        destructive: [\n          \"bg-surface text-destructive-strong border-(length:--border-width) border-border shadow-surface\",\n          \"motion-safe:button-motion\",\n          pressScale,\n          \"data-[hovered]:bg-muted data-[hovered]:border-destructive-strong\",\n          \"data-[pressed]:bg-muted data-[pressed]:border-destructive-strong\",\n          // Muted fill, label tinted toward destructive.\n          \"data-[disabled]:opacity-100 data-[disabled]:bg-muted data-[disabled]:border-border data-[disabled]:text-[color-mix(in_oklab,var(--color-destructive)_55%,var(--color-muted))]\",\n        ],\n        link: [\n          \"bg-transparent text-text-link underline-offset-(--underline-offset)\",\n          \"motion-safe:button-motion\",\n          \"data-[disabled]:text-text-disabled\",\n          \"data-[hovered]:underline\",\n          \"data-[pressed]:underline data-[pressed]:opacity-80\",\n          // A trailing arrow moves 3px on hover.\n          \"[&_svg:last-child]:transition-transform motion-safe:data-[hovered]:[&_svg:last-child]:translate-x-0.75 rtl:motion-safe:data-[hovered]:[&_svg:last-child]:-translate-x-0.75\",\n        ],\n      },\n      size: {\n        // Height, padding and label size all come from the control scale, so\n        // data-density moves them together. The icon-only variant is square at\n        // the md height. The legacy shadcn rule that tightened padding when a\n        // child was an icon is gone: it needed three more magic numbers, the\n        // brand system has no equivalent, and the gap token now owns icon\n        // spacing.\n        // Design spec (Oct 2026): 16px padding and 14px label at 36px and 44px.\n        sm: \"h-(--density-control-h-sm) px-4 text-sm\",\n        md: \"h-(--density-control-h-md) px-4 text-sm\",\n        lg: \"h-(--density-control-h-lg) px-(--density-control-pad-lg) text-lg\",\n        // text-base even though there is no visible label: without it the\n        // user-agent default (13.33px in Chromium) leaks in and sizes any\n        // em-based child against the wrong root.\n        icon: \"size-(--density-control-h-md) px-0 text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  },\n);\n\n/*\n * The label motion, without an animation library.\n *\n * A presence library would keep the outgoing label mounted for the crossfade\n * and drive a motion value for the width morph. CSS cannot keep an outgoing\n * label mounted or observe its own content width, so those two jobs are the\n * plain React below; every animation itself is a CSS keyframe or transition\n * (@seekalfred/styles motion.css, the button-* utilities in styles.css, the\n * --animate-* tokens).\n */\n\n/** A key for the label content: text plus element names, so a new label or icon crossfades while prop-only updates stay in place. */\nfunction labelKey(node: ReactNode): string {\n  if (node == null || typeof node === \"boolean\") return \"\";\n  if (typeof node === \"string\" || typeof node === \"number\" || typeof node === \"bigint\") return String(node);\n  if (Array.isArray(node)) return node.map(labelKey).join(\"\");\n  if (!isValidElement(node)) return \"\";\n  const type = node.type as string | { displayName?: string; name?: string };\n  return \"<\" + (typeof type === \"string\" ? type : (type?.displayName ?? type?.name ?? \"\")) + \">\" + labelKey((node.props as { children?: ReactNode }).children);\n}\n\n/** A label with no text once element names are stripped is an icon, which scales instead of rising. */\nconst isIconKey = (key: string) => !/\\S/.test(key.replace(/<[^>]*>/g, \"\"));\n\ninterface LeavingLabel {\n  id: number;\n  node: ReactNode;\n  icon: boolean;\n  rect: Rect;\n}\n\nfunction LeavingPhase({ phase, onDone }: { phase: LeavingLabel; onDone: (id: number) => void }) {\n  const { id } = phase;\n  const remove = useCallback(() => onDone(id), [onDone, id]);\n  useExitBackstop(true, remove);\n  return (\n    <span\n      aria-hidden=\"true\"\n      onAnimationEnd={(event) => {\n        if (event.target === event.currentTarget) remove();\n      }}\n      style={phase.rect}\n      className={cn(\n        \"absolute inline-flex items-center justify-center gap-(--density-control-gap) whitespace-nowrap [&_svg]:shrink-0\",\n        phase.icon\n          ? \"motion-safe:animate-glyph-out motion-reduce:animate-fade-out\"\n          : \"motion-safe:animate-label-out motion-reduce:animate-fade-out\",\n      )}\n    >\n      {phase.node}\n    </span>\n  );\n}\n\n/** The loading spinner: it scales in on the snappy spring, and out smaller with a little blur. Nothing animates if it is there on first mount. */\nfunction Loader({ show }: { show: boolean }) {\n  const [initial] = useState(show);\n  const [rendered, setRendered] = useState(show);\n  const [animated, setAnimated] = useState(false);\n  const leaving = rendered && !show;\n  if (show && !rendered) setRendered(true);\n  if (!animated && show !== initial) setAnimated(true);\n  const unmount = useCallback(() => setRendered(false), []);\n  useExitBackstop(leaving, unmount);\n  if (!rendered) return null;\n  return (\n    <span\n      aria-hidden=\"true\"\n      onAnimationEnd={(event) => {\n        if (leaving && event.target === event.currentTarget) unmount();\n      }}\n      className={cn(\n        \"absolute top-1/2 left-1/2 -m-2 grid size-4\",\n        leaving\n          ? \"motion-safe:animate-loader-out motion-reduce:animate-fade-out\"\n          : animated && \"motion-safe:animate-loader-in motion-reduce:animate-fade-in\",\n      )}\n    >\n      <span className=\"rounded-circle border-(length:--border-width-spinner) border-current border-r-transparent motion-safe:animate-spin-fast\" />\n    </span>\n  );\n}\n\n/**\n * The button's inside: a loader, and a slot that holds the current label.\n *\n * A new label (a different text, or a different icon) mounts under a new key and\n * rises in while the old one is popped out of flow where it was and lifts away.\n * Nothing animates on first mount, and a prop-only update (same key) stays in\n * place.\n */\nfunction ButtonContent({ children, pending }: { children: ReactNode; pending: boolean }) {\n  const key = labelKey(children);\n  const icon = isIconKey(key);\n  const contentRef = useRef<HTMLSpanElement>(null);\n  const phaseRef = useRef<HTMLSpanElement>(null);\n\n  useMorphWidth(contentRef, key);\n  const { leaving, changed, remove } = useLeavingItems(key, { node: children, icon }, () => phaseRef.current);\n\n  return (\n    <>\n      <Loader show={pending} />\n      <span className={cn(\"button-slot\", pending && \"opacity-0\")}>\n        <span ref={contentRef} className=\"inline-flex flex-none items-center\">\n          {leaving.map((item) => (\n            <LeavingPhase key={item.id} phase={{ id: item.id, node: item.value.node, icon: item.value.icon, rect: item.rect }} onDone={remove} />\n          ))}\n          <span\n            key={key}\n            ref={phaseRef}\n            data-slot=\"button-label\"\n            className={cn(\n              \"inline-flex items-center justify-center gap-(--density-control-gap) whitespace-nowrap [&_svg]:shrink-0\",\n              changed &&\n                (icon\n                  ? \"motion-safe:animate-glyph-in motion-reduce:animate-fade-in\"\n                  : \"motion-safe:animate-label-in motion-reduce:animate-fade-in\"),\n            )}\n          >\n            {children}\n          </span>\n        </span>\n      </span>\n    </>\n  );\n}\n\n/**\n * Props.\n *\n * CORRECTION 6 -- the legacy Button was a plain `<button>`, so it took\n * `onClick`, `disabled` and Radix's `asChild`. React Aria's Button has none of\n * those: `ButtonProps` explicitly omits `onClick` and `href`. The replacements\n * are `onPress`, `isDisabled`, and `href` -- which renders React Aria's Link in\n * place of its Button. See the migration table in the package README.\n *\n * Deliberately NOT intersected with ComponentPropsWithoutRef<\"button\">: that\n * would advertise disabled, tabIndex and role, which React Aria does not\n * implement and silently ignores. React Aria already forwards the native event\n * surface, so nothing is lost.\n */\nexport interface ButtonProps\n  extends Omit<AriaButtonProps, \"className\" | \"style\">, VariantProps<typeof buttonVariants> {\n  /** Extra classes. Merged last, so they win conflicts with ours. */\n  className?: string;\n  /**\n   * Icon rendered before the label.\n   *\n   * Mark the glyph `aria-hidden` -- the label is the accessible name, and a\n   * second name source only makes the button announce twice. It is sized by the\n   * base `[&_svg]` rule at `--icon-sm` unless it carries a `size-*` class of\n   * its own, and spaced by `--density-control-gap`.\n   *\n   * Two named slots rather than one `icon` plus a position prop: a button can\n   * legitimately carry a leading glyph AND a trailing affordance, which one\n   * icon and a position cannot express.\n   *\n   * NOT the route for `size=\"icon\"`. An icon-only button passes its glyph as\n   * `children`, which is what gives it its single centred child.\n   */\n  startIcon?: ReactNode;\n  /** Icon rendered after the label. Same rules as {@link ButtonProps.startIcon}. */\n  endIcon?: ReactNode;\n  /**\n   * Makes the button a link. It renders React Aria's `Link` -- a real `<a>`,\n   * announced as a link -- with exactly the classes a button of the same\n   * `variant` and `size` gets, and the same hover, press and focus-ring states.\n   *\n   * Use it whenever activating the control navigates. A button that navigates\n   * cannot be opened in a new tab, is announced as the wrong role, and is\n   * skipped by a screen reader's list of links.\n   *\n   * Client-side routing needs React Aria's `RouterProvider` mounted once above\n   * it; without one, an `href` is an ordinary page load, which is also what an\n   * external or download link wants.\n   *\n   * Button-only props have nothing to act on here: `type`, `form*` and\n   * `isPending` are ignored, and the `ref` receives the `<a>`.\n   */\n  href?: AriaLinkProps[\"href\"];\n  /** With `href` only: where to open it, e.g. `\"_blank\"`. */\n  target?: AriaLinkProps[\"target\"];\n  /** With `href` only. Give `\"noreferrer\"` alongside `target=\"_blank\"` to an external site. */\n  rel?: AriaLinkProps[\"rel\"];\n  /** With `href` only: download the target instead of opening it, optionally under this file name. */\n  download?: AriaLinkProps[\"download\"];\n}\n\n/**\n * A button.\n *\n * A label that changes (a different text, or a different icon) crossfades, and\n * the button's width springs to fit it. While that runs, the OUTGOING label is\n * still in the DOM for about 200ms, `aria-hidden` and out of flow, so read a\n * button's text after the change settles, and do not put `id`s, inputs or\n * anything stateful inside a label that changes. Text that changes constantly,\n * such as a live counter, crossfades every time it does.\n *\n * `size=\"icon\"` renders a square button with no visible text, so it **must**\n * carry an `aria-label` -- otherwise it has no accessible name and fails axe's\n * `button-name` rule. The IconOnly story is the guard on that.\n *\n * @example\n * <Button onPress={save}>Save changes</Button>\n * <Button startIcon={<SaveIcon aria-hidden />}>Save changes</Button>\n * <Button endIcon={<ChevronIcon aria-hidden />}>Continue</Button>\n * <Button variant=\"outline\" size=\"icon\" aria-label=\"Close\"><XIcon /></Button>\n * <Button href=\"/reports\" variant=\"outlineNeutral\">View reports</Button>\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { className, variant, size, startIcon, endIcon, children, href, target, rel, download, ...props },\n  ref,\n) {\n  const classes = cn(buttonVariants({ variant, size }), className);\n\n  const button = useAriaBusy(props.isPending === true);\n\n  /*\n   * children passes through UNTOUCHED when neither slot is used, so a button\n   * with no icon renders byte-identical DOM to before this prop existed. That is\n   * what keeps this an additive change rather than a structural one -- and the\n   * childOrder assertions in the stories are what hold it true, since they read\n   * the button's direct children.\n   *\n   * The slot branch has to be a render function because React Aria's children\n   * are ChildrenOrFunction<ButtonRenderProps>: a consumer may pass a function to\n   * read isPressed or isPending, and wrapping the node directly would silently\n   * render that function as nothing. The fragment adds no element of its own.\n   */\n  const content = (renderProps: ButtonRenderProps & { defaultChildren: ReactNode | undefined }) => (\n    <ButtonContent pending={renderProps.isPending}>\n      {startIcon}\n      {typeof children === \"function\" ? children(renderProps) : children}\n      {endIcon}\n    </ButtonContent>\n  );\n\n  const { onPressStart } = props;\n  const pressStart = (event: PressEvent) => {\n    if (!anchorsLayer(props)) {\n      const target = event.target as HTMLElement;\n      target.style.setProperty(\"--press-scale\", pressScaleFor(target.offsetWidth));\n    }\n    onPressStart?.(event);\n  };\n\n  if (href !== undefined) {\n    /*\n     * The same classes on React Aria's Link. It sets data-hovered,\n     * data-pressed and data-focus-visible on the <a>, which is what every\n     * state class above keys on -- nothing here is re-implemented.\n     *\n     * Button-only props need no stripping: Link runs its props through\n     * filterDOMProps, so `type` never reaches the <a>, and `isPending` is not a\n     * DOM prop. A link has no pending state, so a render-function child is told\n     * it is not pending rather than handed an object missing the field. The ref\n     * is typed for the button this usually is; with href it receives the <a>,\n     * which the TSDoc on `href` says.\n     */\n    return (\n      <AriaLink\n        ref={ref as unknown as ForwardedRef<HTMLAnchorElement>}\n        {...(props as Omit<AriaLinkProps, \"className\" | \"children\">)}\n        onPressStart={pressStart}\n        href={href}\n        target={target}\n        rel={rel}\n        download={download}\n        data-slot=\"button\"\n        className={classes}\n      >\n        {(renderProps) => content({ ...renderProps, isPending: false })}\n      </AriaLink>\n    );\n  }\n\n  return (\n    <AriaButton ref={mergeRefs(ref, button as RefObject<HTMLButtonElement | null>)} {...props} onPressStart={pressStart} data-slot=\"button\" className={classes}>\n      {content}\n    </AriaButton>\n  );\n});\n"],"mappings":"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"}

package/dist/button-group/button-group.js

@@ -373,17 +373,16 @@ function ButtonGroup({ items, menu, label, variant = "outline", size = "md", ori
 					placement: vertical ? "bottom start" : "bottom end",
 					offset: 6,
 					shouldFocusWrap: true,
-					className: cn("menu-motion " + (vertical ? "[--menu-ox:left]" : "[--menu-ox:right]")),
-					children: menu.items.map((action, index) => /* @__PURE__ */ jsxs(MenuItem$1, {
+					children: menu.items.map((action) => /* @__PURE__ */ jsxs(MenuItem$1, {
 						id: action.id,
 						textValue: action.label,
 						href: action.href,
 						isDisabled: action.isDisabled,
 						onAction: action.onSelect,
-						"data-i": Math.min(index, 4),
-						className: cn("menu-item-motion gap-2.5" + (action.destructive ? " text-destructive-strong data-[focused]:bg-[color-mix(in_oklab,var(--color-destructive-strong)_8%,var(--color-card))]" : "")),
+						destructive: action.destructive,
 						children: [action.icon ? /* @__PURE__ */ jsx("span", {
 							"aria-hidden": "true",
+							className: action.destructive ? "inline-flex" : "inline-flex text-text-secondary",
 							children: action.icon
 						}) : null, action.label]
 					}, action.id))