@weasel-js/ui 1.5.0 → 1.5.1

package/dist/chunks/Slider--DFRC_hc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider--DFRC_hc.js","names":[],"sources":["../../src/components/Slider/Slider.module.css","../../src/components/Slider/Slider.tsx"],"sourcesContent":[".root {\n  position: relative;\n  user-select: none;\n  -webkit-user-select: none;\n  touch-action: none;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.track {\n  position: relative;\n  flex: 1;\n  min-width: 0;\n  height: var(--rp-track-height, 24px);\n  background: var(--wzl-surface-sunken);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  cursor: var(--rp-track-cursor, crosshair);\n  /* No `overflow: hidden` here — thumbs at extreme values would get\n   * clipped at the track edges. The gradient/track-paint clip is\n   * applied to `.trackInner` instead, which lets thumbs spill freely. */\n}\n\n.trackInner {\n  position: absolute;\n  inset: 0;\n  border-radius: var(--wzl-radius-sm);\n  overflow: hidden;\n}\n\n.thumb {\n  position: absolute;\n  /* Thumb extends 2px above + below the track for grabbability + visual\n   * weight. Track itself stays its natural height; the thumb just spills. */\n  top: -2px;\n  bottom: -2px;\n  width: var(--rp-thumb-size, 14px);\n  margin-left: calc(var(--rp-thumb-size, 14px) / -2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--wzl-fg-muted) 70%, transparent);\n  border: 1px solid var(--wzl-border-strong);\n  border-radius: var(--wzl-radius-sm);\n  cursor: ew-resize;\n  /* Frosted-glass over the (often colorful) track. Cheap on modern GPUs;\n   * gracefully degrades to just the partial-alpha background on engines\n   * without backdrop-filter support. */\n  backdrop-filter: blur(3px);\n  -webkit-backdrop-filter: blur(3px);\n  /* Subtle raise — sells the \"thumb is on top of the track\" hierarchy. */\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n  font: var(--wzl-font-weight-medium) var(--wzl-font-size-xs)/var(--wzl-leading-tight) ui-sans-serif, system-ui, sans-serif;\n  font-variant-numeric: tabular-nums;\n  color: var(--wzl-fg-inverse);\n  /* White halo so labels stay legible over wildly varying gradient\n   * backgrounds (e.g. labels 'T' / 'P' / 'B' over teal, hue 200° over\n   * yellow-green, etc.). */\n  text-shadow: 0 0 2px rgba(255, 255, 255, 0.7);\n}\n\n/* A slim slider's thumb is round and flush with the track, matching the\n   property rows. The default thumb keeps its 2px spill and rounded-rect face. */\n.slim .thumb {\n  top: 50%;\n  bottom: auto;\n  height: var(--rp-thumb-size);\n  transform: translateY(-50%);\n  border-radius: 50%;\n  border: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  box-shadow: none;\n  background: color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-thumb-mix), transparent);\n}\n\n.thumb:focus-visible {\n  outline: 2px solid var(--wzl-accent);\n  outline-offset: 1px;\n}\n\n.thumbActive {\n  /* Visual marker for the dragging/focused thumb; subclass-overridable. */\n  z-index: 1;\n}\n\n/* The row holds absolutely-positioned labels, so it has to state its own\n   height: the text's, not the thumb's. It said 14px — the default thumb's\n   size — which left 4px of dead space under the labels at either density. */\n.readoutsBelow {\n  position: relative;\n  height: calc(var(--wzl-font-size-xs) * var(--wzl-leading-tight));\n  margin-top: 4px;\n}\n\n.readoutBelow {\n  position: absolute;\n  transform: translateX(-50%);\n  font: var(--wzl-font-weight-medium) var(--wzl-font-size-xs)/var(--wzl-leading-tight) ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  color: var(--wzl-fg-muted);\n  white-space: nowrap;\n}\n\n.readoutInline {\n  display: inline-block;\n  margin-left: 8px;\n  font: var(--wzl-font-weight-medium) var(--wzl-font-size-sm)/var(--wzl-leading-tight) ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  color: var(--wzl-fg-muted);\n  vertical-align: middle;\n}\n\n.notched {\n  background: var(--thumb-svg, none);\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  background-color: transparent;\n  border: none;\n  /* Notched thumbs need to disable the .thumb defaults that paint to\n   * the bounding box: backdrop-filter and box-shadow both ignore the\n   * SVG's polygon/notch and would render through the notch cutout.\n   * Use filter: drop-shadow instead — it traces the actual rendered\n   * alpha (i.e. the polygon shape including the cut). */\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  box-shadow: none;\n  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25));\n  /* Default notched SVG (down-pointing pentagon, matches the perceptual-color experiment). */\n  --thumb-svg: url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 30' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 2.52,0 7,10.3 11.48,0 14,0 14,30 0,30' fill='rgba(255,255,255,0.62)' stroke='rgba(0,0,0,0.55)' stroke-width='0.75' stroke-linejoin='miter'/%3E%3C/svg%3E\");\n}\n\n.ticks {\n  position: absolute;\n  inset: 0;\n  /* A mark must never eat the track click that adds a thumb, nor the\n   * pointerdown that starts a drag through it. */\n  pointer-events: none;\n}\n\n.tick {\n  position: absolute;\n  top: var(--rp-tick-inset, 20%);\n  bottom: var(--rp-tick-inset, 20%);\n  width: var(--rp-tick-width, 1px);\n  margin-left: calc(var(--rp-tick-width, 1px) / -2);\n  border-radius: var(--wzl-radius-pill);\n  background: var(--rp-tick-color, var(--wzl-border-strong));\n}\n","import { useCallback, useEffect, useRef, type CSSProperties, type KeyboardEvent as ReactKeyboardEvent, type MouseEvent as ReactMouseEvent, type PointerEvent as ReactPointerEvent, type ReactElement, type ReactNode } from 'react';\nimport { openPointerSession, type PointerSession } from '@weasel-js/core';\nimport s from './Slider.module.css';\nimport { formatNumber } from '../../format/number';\n\n/**\n * Passed to a custom thumb renderer: the thumb box in CSS px, and whether\n * this thumb is the one being dragged.\n */\nexport type ThumbRenderCtx = {\n  width: number;\n  height: number;\n  isActive: boolean;\n};\n\n/**\n * A thumb's appearance — one of the two built-in shapes, or a custom\n * renderer.\n */\nexport type ThumbShape =\n  | 'round'\n  | 'notched'\n  | { render: (ctx: ThumbRenderCtx) => ReactNode };\n\n/**\n * One handle on a {@link Slider}. `bounds` narrows the range this particular\n * thumb may move within, either fixed or computed from the current thumb\n * list.\n */\nexport type Thumb = {\n  value: number;\n  label?: string;\n  shape?: ThumbShape;\n  bounds?: [number, number] | ((ctx: BoundsCtx) => [number, number]);\n  /**\n   * Spoken form of `value`, published as `aria-valuetext`. Required by ARIA\n   * whenever `value` is not the quantity the user is choosing — an index into\n   * a value list, a log-scaled position — since `aria-valuenow` alone then\n   * announces a number that means nothing.\n   */\n  valueText?: string;\n};\n\n/**\n * Passed to a thumb's `bounds` function: the full thumb list and this thumb's\n * index in it, so a bound can be expressed relative to its neighbors.\n */\nexport type BoundsCtx = {\n  thumbs: readonly Thumb[];\n  index: number;\n};\n\n/**\n * Passed to `renderTrack`: the track's width in CSS px and a mapping from a\n * slider value to its 0..1 position along the track.\n */\nexport type TrackCtx = {\n  trackWidth: number;\n  valueToFraction: (v: number) => number;\n};\n\n/**\n * Props for {@link Slider}.\n *\n * `onInput` fires continuously through a drag; `onChange` fires once when it\n * ends and is the one to write to history.\n *\n * `stops` are attractors: a drag that passes within a few pixels of one lands\n * on it, and the arrow keys move stop to stop. `step` still quantizes the\n * values between them. Each one is drawn on the track as a mark; pass\n * `showStops: false` for a track whose own paint already reads as the stops.\n *\n * `trackClick: 'move-nearest'` makes a press on bare track send the closest\n * thumb there and continue as a drag. It is off by default because on a\n * multi-thumb editor a stray click would yank a stop the user was not aiming\n * at; `onAddThumb`, where it is set, keeps the track press.\n *\n * `constraint: 'ordered'` keeps thumbs from crossing each other. Supplying\n * `onAddThumb` makes a click on empty track create a thumb, and supplying\n * `onRemoveThumb` lets a right-click or a drag off the track remove one —\n * both callbacks can decline by returning `null`/`false`. `allowShiftAll`\n * makes shift-drag translate every thumb together.\n */\nexport type SliderProps<T extends Thumb = Thumb> = {\n  thumbs: readonly T[];\n  onInput: (next: T[]) => void;\n  onChange?: (next: T[]) => void;\n  min: number;\n  max: number;\n  step?: number;\n  stops?: number[];\n  showStops?: boolean;\n  trackClick?: 'none' | 'move-nearest';\n  constraint?: 'free' | 'ordered';\n  onAddThumb?: (atValue: number) => T | null;\n  onRemoveThumb?: (index: number) => boolean;\n  allowShiftAll?: boolean;\n  renderTrack?: (ctx: TrackCtx) => ReactNode;\n  trackHeight?: number;\n  /** `'slim'` drives the track and thumb from the kit's slider tokens, so a\n   *  Slider matches the property rows. `trackHeight` still wins if given. */\n  density?: 'default' | 'slim';\n  renderReadout?: (thumb: T, index: number) => ReactNode;\n  readoutPlacement?: 'none' | 'inline-after' | 'below-thumb';\n  ariaLabel?: string;\n  className?: string;\n};\n\nfunction snap(v: number, step: number | undefined, min: number): number {\n  if (step === undefined || step <= 0) return v;\n  return Math.round((v - min) / step) * step + min;\n}\n\nfunction clamp(v: number, lo: number, hi: number): number {\n  return Math.max(lo, Math.min(hi, v));\n}\n\n/** How close a drag has to come to a stop, in track pixels, to land on it. */\nconst STOP_SNAP_PX = 8;\n\n/** A custom `ThumbShape.render` may put interactive content inside the thumb,\n *  and capture would retarget pointerup and kill the click on it. */\nconst NO_CAPTURE = { capture: false } as const;\n\n/** The stops that are actually reachable: inside the range, deduped, ascending. */\nfunction usableStops(stops: number[] | undefined, min: number, max: number): number[] {\n  if (!stops || stops.length === 0) return [];\n  return [...new Set(stops.filter(v => v >= min && v <= max))].sort((a, b) => a - b);\n}\n\n/** Pull `v` onto the nearest stop within `tolerance`, or leave it where it is. */\nfunction attract(v: number, stops: number[], tolerance: number): number {\n  let best = v;\n  let bestGap = tolerance;\n  for (const stop of stops) {\n    const gap = Math.abs(stop - v);\n    if (gap <= bestGap) {\n      best = stop;\n      bestGap = gap;\n    }\n  }\n  return best;\n}\n\n/** The stop `count` places past `v` in `direction`, saturating at either end. */\nfunction stepStops(stops: number[], v: number, direction: 1 | -1, count: number): number {\n  if (direction > 0) {\n    const first = stops.findIndex(stop => stop > v);\n    if (first === -1) return stops[stops.length - 1];\n    return stops[Math.min(stops.length - 1, first + count - 1)];\n  }\n  let first = -1;\n  for (let i = stops.length - 1; i >= 0; i--) {\n    if (stops[i] < v) {\n      first = i;\n      break;\n    }\n  }\n  if (first === -1) return stops[0];\n  return stops[Math.max(0, first - (count - 1))];\n}\n\nfunction defaultStep(step: number | undefined, min: number, max: number): number {\n  if (step !== undefined && step > 0) return step;\n  return (max - min) / 100;\n}\n\n/** Keep a thumb inside its neighbors when `constraint` is `'ordered'`. */\nfunction clampOrdered(\n  v: number,\n  thumbs: readonly Thumb[],\n  index: number,\n  min: number,\n  max: number,\n  step: number | undefined,\n): number {\n  const gap = step !== undefined && step > 0 ? step : (max - min) / 1000;\n  const lower = index > 0 ? thumbs[index - 1].value + gap : min;\n  const upper = index < thumbs.length - 1 ? thumbs[index + 1].value - gap : max;\n  return clamp(v, lower, upper);\n}\n\nfunction resolveBounds(thumb: Thumb, ctx: BoundsCtx, fallbackMin: number, fallbackMax: number): [number, number] {\n  if (!thumb.bounds) return [fallbackMin, fallbackMax];\n  const tuple = typeof thumb.bounds === 'function' ? thumb.bounds(ctx) : thumb.bounds;\n  return [tuple[0], tuple[1]];\n}\n\nfunction defaultReadout(thumb: Thumb): string {\n  return formatNumber(thumb.value, { minimumFractionDigits: 3, maximumFractionDigits: 3 });\n}\n\n/**\n * Multi-thumb slider over a shared track. The thumb list is fully controlled:\n * every change, live or committed, arrives as a whole new array.\n *\n * Thumbs are draggable, and arrow/Home/End move the focused thumb — those\n * keystrokes fire `onInput` and `onChange` together, since there is no\n * in-flight state to buffer.\n */\nexport function Slider<T extends Thumb = Thumb>(props: SliderProps<T>): ReactElement {\n  const { thumbs, onInput, onChange, min, max, step, constraint, trackHeight, density, ariaLabel, className } = props;\n\n  const stops = usableStops(props.stops, min, max);\n\n  const trackRef = useRef<HTMLDivElement | null>(null);\n  // In-flight thumb buffer during a drag; null when not dragging.\n  const dragBufferRef = useRef<T[] | null>(null);\n  const sessionRef = useRef<PointerSession | null>(null);\n\n  useEffect(() => () => { sessionRef.current?.cancel(); }, []);\n\n  const valueToFraction = useCallback(\n    (v: number): number => (max === min ? 0 : clamp((v - min) / (max - min), 0, 1)),\n    [min, max],\n  );\n\n  const fractionToValue = useCallback(\n    (f: number): number => min + clamp(f, 0, 1) * (max - min),\n    [min, max],\n  );\n\n  // `seed` replaces the thumb list the drag starts from. A track press moves a\n  // thumb before the drag begins, and without seeding, a release with no\n  // movement would commit the stale buffer and undo that move.\n  const beginThumbDrag = useCallback(\n    (origin: Element, down: ReactPointerEvent, index: number, seed?: readonly T[]) => {\n      sessionRef.current?.cancel();\n      const buf: T[] = (seed ?? thumbs).map(t => ({ ...t }));\n      dragBufferRef.current = buf;\n      let droppedOff = false;\n\n      const onMove = (ev: PointerEvent) => {\n        const track = trackRef.current;\n        const buffer = dragBufferRef.current;\n        if (!track || !buffer) return;\n        const rect = track.getBoundingClientRect();\n        const f = clamp((ev.clientX - rect.left) / rect.width, 0, 1);\n        let v = fractionToValue(f);\n        v = snap(v, step, min);\n        v = clamp(v, min, max);\n        if (stops.length > 0) v = attract(v, stops, (STOP_SNAP_PX / rect.width) * (max - min));\n\n        const [bLo, bHi] = resolveBounds(buffer[index], { thumbs: buffer, index }, min, max);\n        v = clamp(v, bLo, bHi);\n\n        if (constraint === 'ordered') v = clampOrdered(v, buffer, index, min, max, step);\n\n        // Drop-off detection: pointer exits the track vertically by more than trackHeight.\n        const bandHeight = rect.height;\n        if (props.onRemoveThumb) {\n          if (ev.clientY < rect.top - bandHeight || ev.clientY > rect.bottom + bandHeight) {\n            droppedOff = true;\n          } else {\n            droppedOff = false;\n          }\n        }\n\n        buffer[index] = { ...buffer[index], value: v };\n        onInput(buffer.map(t => ({ ...t })));\n      };\n\n      // A drag that ends without a release — cancelled pointer, lost capture,\n      // an unmount — drops the buffer without committing.\n      const onCancel = () => {\n        sessionRef.current = null;\n        dragBufferRef.current = null;\n      };\n\n      const onEnd = () => {\n        sessionRef.current = null;\n        const buffer = dragBufferRef.current;\n        dragBufferRef.current = null;\n        if (!buffer) return;\n\n        if (droppedOff && props.onRemoveThumb) {\n          const accepted = props.onRemoveThumb(index);\n          if (accepted) {\n            const next = buffer.filter((_, i) => i !== index).map(t => ({ ...t })) as T[];\n            onInput(next);\n            onChange?.(next);\n            return;\n          }\n        }\n\n        onChange?.(buffer.map(t => ({ ...t })));\n      };\n\n      sessionRef.current = openPointerSession(origin, down, { onMove, onEnd, onCancel }, NO_CAPTURE);\n    },\n    [thumbs, onInput, onChange, fractionToValue, min, max, step, stops, constraint, props],\n  );\n\n  const beginShiftAllDrag = useCallback(\n    (origin: Element, down: ReactPointerEvent, anchorX: number) => {\n      sessionRef.current?.cancel();\n      const buf: T[] = thumbs.map(t => ({ ...t }));\n      const startValues = buf.map(t => t.value);\n      dragBufferRef.current = buf;\n\n      const onMove = (ev: PointerEvent) => {\n        const track = trackRef.current;\n        const buffer = dragBufferRef.current;\n        if (!track || !buffer) return;\n        const rect = track.getBoundingClientRect();\n        const dxFraction = (ev.clientX - anchorX) / rect.width;\n        let dValue = dxFraction * (max - min);\n        dValue = snap(dValue, step, 0);\n\n        // Clamp delta so no thumb leaves [min, max] (per-thumb bounds intentionally\n        // not enforced — matches the experiment's hue-band shift-translate semantics).\n        let allowedNeg = -Infinity;\n        let allowedPos = Infinity;\n        for (let i = 0; i < startValues.length; i++) {\n          allowedNeg = Math.max(allowedNeg, min - startValues[i]);\n          allowedPos = Math.min(allowedPos, max - startValues[i]);\n        }\n        dValue = clamp(dValue, allowedNeg, allowedPos);\n\n        for (let i = 0; i < buffer.length; i++) {\n          buffer[i] = { ...buffer[i], value: clamp(startValues[i] + dValue, min, max) };\n        }\n        onInput(buffer.map(t => ({ ...t })));\n      };\n\n      const onCancel = () => {\n        sessionRef.current = null;\n        dragBufferRef.current = null;\n      };\n\n      const onEnd = () => {\n        sessionRef.current = null;\n        const buffer = dragBufferRef.current;\n        dragBufferRef.current = null;\n        if (buffer) onChange?.(buffer.map(t => ({ ...t })));\n      };\n\n      sessionRef.current = openPointerSession(origin, down, { onMove, onEnd, onCancel }, NO_CAPTURE);\n    },\n    [thumbs, onInput, onChange, min, max, step],\n  );\n\n  const onThumbPointerDown = (index: number) => (e: ReactPointerEvent) => {\n    // Only bail on explicit non-primary buttons (button > 0). jsdom's PointerEvent\n    // leaves `button` undefined; treat that as primary so tests can drive drags.\n    if (typeof e.button === 'number' && e.button > 0) return;\n    // preventDefault below suppresses the focus the press would otherwise\n    // give the thumb, and the arrow keys are on the thumb.\n    (e.currentTarget as HTMLElement).focus?.();\n    e.preventDefault();\n    e.stopPropagation();\n    const origin = e.currentTarget as HTMLElement;\n    if (e.shiftKey && props.allowShiftAll) {\n      beginShiftAllDrag(origin, e, e.clientX);\n    } else {\n      beginThumbDrag(origin, e, index);\n    }\n  };\n\n  const onThumbContextMenu = (index: number) => (e: ReactMouseEvent) => {\n    if (!props.onRemoveThumb) return;\n    e.preventDefault();\n    const accepted = props.onRemoveThumb(index);\n    if (!accepted) return;\n    const next = thumbs.filter((_, i) => i !== index).map(t => ({ ...t })) as T[];\n    onInput(next);\n    onChange?.(next);\n  };\n\n  const onTrackPointerDown = (e: ReactPointerEvent<HTMLDivElement>) => {\n    if (typeof e.button === 'number' && e.button > 0) return;\n    const wantsMove = (props.trackClick ?? 'none') === 'move-nearest' && thumbs.length > 0;\n    if (!props.onAddThumb && !wantsMove) return;\n    // If the event originated on a thumb, the thumb's own handler ran first; this is a track click.\n    if ((e.target as HTMLElement).closest(`.${s.thumb}`)) return;\n    e.preventDefault();\n    const track = trackRef.current;\n    if (!track) return;\n    const rect = track.getBoundingClientRect();\n    const f = clamp((e.clientX - rect.left) / rect.width, 0, 1);\n    let v = fractionToValue(f);\n    v = snap(v, step, min);\n    v = clamp(v, min, max);\n    if (stops.length > 0) v = attract(v, stops, (STOP_SNAP_PX / rect.width) * (max - min));\n\n    if (props.onAddThumb) {\n      const created = props.onAddThumb(v);\n      if (!created) return;\n      const next = [...thumbs.map(t => ({ ...t })), created] as T[];\n      onInput(next);\n      onChange?.(next);\n      return;\n    }\n\n    let index = 0;\n    for (let i = 1; i < thumbs.length; i++) {\n      if (Math.abs(thumbs[i].value - v) < Math.abs(thumbs[index].value - v)) index = i;\n    }\n    const next = thumbs.map(t => ({ ...t })) as T[];\n    const [bLo, bHi] = resolveBounds(next[index], { thumbs: next, index }, min, max);\n    let moved = clamp(v, bLo, bHi);\n    if (constraint === 'ordered') moved = clampOrdered(moved, next, index, min, max, step);\n    next[index] = { ...next[index], value: moved };\n    onInput(next);\n    beginThumbDrag(track, e, index, next);\n  };\n\n  const onThumbKeyDown = (index: number) => (e: ReactKeyboardEvent) => {\n    const stepSize = defaultStep(step, min, max);\n    let delta = 0;\n    // With stops, a keystroke moves by whole stops rather than by value.\n    let stopDelta = 0;\n    let snapTo: 'home' | 'end' | null = null;\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        delta = e.shiftKey ? stepSize * 10 : stepSize;\n        stopDelta = e.shiftKey ? 10 : 1;\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        delta = e.shiftKey ? -stepSize * 10 : -stepSize;\n        stopDelta = e.shiftKey ? -10 : -1;\n        break;\n      case 'PageUp':\n        delta = stepSize * 10;\n        stopDelta = 10;\n        break;\n      case 'PageDown':\n        delta = -stepSize * 10;\n        stopDelta = -10;\n        break;\n      case 'Home':\n        snapTo = 'home';\n        break;\n      case 'End':\n        snapTo = 'end';\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n    const next = thumbs.map(t => ({ ...t }));\n    const [bLo, bHi] = resolveBounds(next[index], { thumbs: next, index }, min, max);\n    const lo = Math.max(min, bLo);\n    const hi = Math.min(max, bHi);\n    let v: number;\n    if (snapTo === 'home') v = lo;\n    else if (snapTo === 'end') v = hi;\n    else if (stops.length > 0) {\n      v = stepStops(stops, next[index].value, stopDelta > 0 ? 1 : -1, Math.abs(stopDelta));\n    } else {\n      v = snap(next[index].value + delta, step, min);\n    }\n    v = clamp(v, lo, hi);\n    if (constraint === 'ordered') v = clampOrdered(v, next, index, lo, hi, step);\n    next[index] = { ...next[index], value: v };\n    onInput(next);\n    onChange?.(next);\n  };\n\n  const placement = props.readoutPlacement ?? 'none';\n  const renderReadout = props.renderReadout;\n\n  const slim = density === 'slim';\n  const rootVars: Record<string, string> = {};\n  if (slim) {\n    rootVars['--rp-track-height'] = 'var(--wzl-slider-track-h)';\n    rootVars['--rp-thumb-size'] = 'var(--wzl-slider-thumb-size)';\n  }\n  // An explicit trackHeight wins: a caller who named a number meant it.\n  if (trackHeight !== undefined) rootVars['--rp-track-height'] = `${trackHeight}px`;\n  const rootClass = [s.root, slim && s.slim, className].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      style={Object.keys(rootVars).length > 0 ? (rootVars as CSSProperties) : undefined}\n    >\n      <div className={s.row}>\n      <div className={s.track} ref={trackRef} onPointerDown={onTrackPointerDown}>\n        {props.renderTrack && (\n          <div className={s.trackInner}>\n            {props.renderTrack({\n              trackWidth: trackRef.current?.getBoundingClientRect().width ?? 0,\n              valueToFraction,\n            })}\n          </div>\n        )}\n        {(props.showStops ?? true) && stops.length > 0 && (\n          <div className={s.ticks} data-slider-ticks aria-hidden=\"true\">\n            {stops.map(v => {\n              const f = valueToFraction(v);\n              return (\n                <span\n                  key={v}\n                  className={s.tick}\n                  data-slider-tick\n                  data-fraction={String(f)}\n                  style={{ left: `${f * 100}%` }}\n                />\n              );\n            })}\n          </div>\n        )}\n        {thumbs.map((thumb, i) => {\n          const isNotched = thumb.shape === 'notched';\n          const customRender = typeof thumb.shape === 'object' && thumb.shape !== null ? thumb.shape.render : null;\n          const cls = `${s.thumb}${isNotched ? ` ${s.notched}` : ''}`;\n          return (\n            <div\n              key={i}\n              role=\"slider\"\n              tabIndex={0}\n              aria-orientation=\"horizontal\"\n              aria-valuemin={min}\n              aria-valuemax={max}\n              aria-valuenow={thumb.value}\n              aria-valuetext={thumb.valueText}\n              aria-label={[ariaLabel, thumb.label].filter(Boolean).join(' ') || undefined}\n              className={cls}\n              style={{ left: `${valueToFraction(thumb.value) * 100}%` }}\n              onPointerDown={onThumbPointerDown(i)}\n              onKeyDown={onThumbKeyDown(i)}\n              onContextMenu={onThumbContextMenu(i)}\n            >\n              {customRender ? customRender({ width: 14, height: 24, isActive: false }) : (thumb.label ?? '')}\n            </div>\n          );\n        })}\n      </div>\n      {placement === 'inline-after' && (\n        <span data-readout=\"inline\" className={s.readoutInline}>\n          {thumbs.map((t, i) => (\n            <span key={i}>{i > 0 ? ' / ' : ''}{renderReadout ? renderReadout(t, i) : defaultReadout(t)}</span>\n          ))}\n        </span>\n      )}\n      </div>\n      {placement === 'below-thumb' && (\n        <div className={s.readoutsBelow}>\n          {thumbs.map((t, i) => (\n            <span\n              key={i}\n              data-readout=\"below\"\n              className={s.readoutBelow}\n              style={{ left: `${valueToFraction(t.value) * 100}%` }}\n            >\n              {renderReadout ? renderReadout(t, i) : defaultReadout(t)}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/Timeline-DOZgb1CG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline-DOZgb1CG.js","names":[],"sources":["../../src/components/Timeline/Timeline.module.css","../../src/components/Timeline/easingSpec.ts","../../src/components/Timeline/EasingPicker.tsx","../../src/components/Timeline/timeScale.ts","../../src/components/Timeline/lanes.ts","../../src/components/Timeline/keys.ts","../../src/components/Timeline/LaneGraph.tsx","../../src/components/Timeline/Lane.tsx","../../src/components/Timeline/Ruler.tsx","../../src/components/Timeline/Transport.tsx","../../src/components/Timeline/Timeline.tsx","../../src/components/Timeline/AnimatedTimeline.tsx"],"sourcesContent":[".ruler {\n  position: relative;\n  height: var(--wzl-control-h, 24px);\n  border-bottom: 1px solid var(--wzl-border);\n  background: var(--wzl-surface-raised);\n  cursor: ew-resize;\n  user-select: none;\n  overflow: hidden;\n}\n\n.tick {\n  position: absolute;\n  top: 0;\n  transform: translateX(2px);\n  color: var(--wzl-fg-muted);\n  pointer-events: none;\n  white-space: nowrap;\n}\n\n.tick::before {\n  content: '';\n  position: absolute;\n  left: -2px;\n  top: 0;\n  bottom: 0;\n  border-left: 1px solid var(--wzl-border);\n}\n\n.playhead {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--wzl-accent-strong);\n  pointer-events: none;\n}\n\n.lane {\n  display: flex;\n  align-items: stretch;\n  min-height: 20px;\n  border-bottom: 1px solid var(--wzl-line-subtle);\n}\n\n.laneLabel {\n  /* Must match `.gutter`'s width exactly, or every key sits off the ruler. */\n  box-sizing: border-box;\n  flex: 0 0 var(--wzl-timeline-label-w, 120px);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding-inline: 6px;\n  padding-inline-start: calc(6px + var(--depth, 0) * 12px);\n  font-size: var(--wzl-font-size);\n  color: var(--wzl-fg);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.lane[data-depth='1'] .laneLabel { --depth: 1; }\n.lane[data-depth='2'] .laneLabel { --depth: 2; }\n.lane[data-depth='3'] .laneLabel { --depth: 3; }\n\n.disclosure { display: inline-flex; flex: none; cursor: pointer; color: var(--wzl-fg-muted); }\n.disclosureIcon { transition: transform var(--wzl-motion-fast) ease; }\n.disclosureCollapsed { transform: rotate(-90deg); }\n\n.laneTrack {\n  position: relative;\n  flex: 1 1 auto;\n  min-width: 0;\n  background: var(--wzl-surface);\n}\n\n.key, .eventMark {\n  position: absolute;\n  top: 50%;\n  width: 9px;\n  height: 9px;\n  margin-left: -4.5px;\n  background: var(--wzl-fg-muted);\n  cursor: ew-resize;\n}\n\n.key { transform: translateY(-50%) rotate(45deg); }\n.eventMark { transform: translateY(-50%); border-radius: 50%; }\n\n.key[aria-current='true'], .eventMark[aria-current='true'] { background: var(--wzl-accent-strong); }\n.key:focus-visible, .eventMark:focus-visible { outline: 2px solid var(--wzl-focus-ring); outline-offset: 1px; }\n\n/* The key stays drawn where it was committed while its ghost tracks the\n   pointer, so the drag reads as a move from somewhere to somewhere. */\n.key[data-dragging='true'], .eventMark[data-dragging='true'] { opacity: 0.4; }\n\n.keyGhost, .eventGhost {\n  position: absolute;\n  top: 50%;\n  width: 9px;\n  height: 9px;\n  margin-left: -4.5px;\n  background: var(--wzl-accent-soft);\n  border: 1px dashed var(--wzl-accent-strong);\n  pointer-events: none;\n}\n\n.keyGhost { transform: translateY(-50%) rotate(45deg); }\n.eventGhost { transform: translateY(-50%); border-radius: 50%; }\n\n.lane[data-mode='graph'] { min-height: 72px; }\n\n/* A numeric lane in graph mode is a curve editor filling the track. */\n.graphHost {\n  position: absolute;\n  inset: 0;\n}\n\n/* Out-specifies the editor's own defaults: the lane keeps the track's ground\n   and the timeline's accent line rather than a plot's. */\n.graphHost .graph {\n  --plot-bg: transparent;\n  --curve-line: var(--wzl-accent-strong);\n  --curve-line-width: 1px;\n}\n\n/* A graph lane's value labels hang off the track's start edge into the label\n   column, so the lane's own label ellipsizes before it reaches them. */\n.lane[data-graph='true'] .laneLabel {\n  padding-inline-end: calc(6px + var(--wzl-timeline-value-axis-w, 32px));\n}\n\n.nestedBar {\n  position: absolute;\n  top: 4px;\n  bottom: 4px;\n  background: var(--wzl-surface-sunken);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n}\n\n.transport {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 6px;\n  border-bottom: 1px solid var(--wzl-border);\n  background: var(--wzl-surface-raised);\n}\n\n.transportButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 22px;\n  padding: 2px 6px;\n  /* Sits on `--wzl-surface-raised`, so a transparent fill and a border that\n     close in value leave it reading as text rather than as a control. */\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg);\n  cursor: pointer;\n}\n\n.transportButton:hover { border-color: var(--wzl-fg-muted); }\n\n.transportButton[aria-checked='true'] {\n  background: var(--wzl-accent-soft);\n  border-color: var(--wzl-accent-strong);\n  color: var(--wzl-accent-strong);\n}\n\n/* The bar's chrome lives on the row, so controls beside `<Transport>` sit\n   inside it rather than hanging off the panel's corner. `.transport` keeps its\n   own chrome for standalone use. */\n.transportRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-inline-end: 6px;\n  border-bottom: 1px solid var(--wzl-border);\n  background: var(--wzl-surface-raised);\n}\n\n.transportRow > .transport {\n  flex: 1 1 auto;\n  border-bottom: 0;\n  background: transparent;\n}\n\n.time { font-variant-numeric: tabular-nums; color: var(--wzl-fg-muted); }\n.rate { display: inline-flex; align-items: center; gap: 6px; color: var(--wzl-fg-muted); }\n.rateSlider { width: 88px; }\n\n/* The detents carry no labels in a bar this dense, so the chosen rate is said\n   once, here, in a fixed-width cell so the controls beside it never shift. */\n.rateReadout {\n  min-width: 3ch;\n  font-variant-numeric: tabular-nums;\n  color: var(--wzl-fg);\n}\n\n.root {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg);\n  /* `--wzl-font-ui` is condensed, so it reads a size smaller than it measures.\n     Everything below inherits this; override per rule only to go up. */\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size-sm);\n  line-height: var(--wzl-leading-snug);\n}\n\n.label { padding: 4px 6px; color: var(--wzl-fg-muted); }\n\n.body { display: flex; align-items: stretch; }\n.gutter { box-sizing: border-box; flex: 0 0 var(--wzl-timeline-label-w, 120px); border-right: 1px solid var(--wzl-border); }\n.rulerWrap { flex: 1 1 auto; min-width: 0; }\n\n.lanes {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.inspector {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 6px;\n  border-top: 1px solid var(--wzl-border);\n  background: var(--wzl-surface-raised);\n}\n\n.segment {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  cursor: pointer;\n}\n\n.segment[aria-current='true'] { background: var(--wzl-accent-soft); }\n.segment:focus-visible { outline: 2px solid var(--wzl-focus-ring); outline-offset: -2px; }\n\n.easingPicker { display: inline-flex; align-items: center; gap: 6px; }\n.easingLabel { font-variant-numeric: tabular-nums; color: var(--wzl-fg-muted); }\n\n.easingPreview {\n  width: 32px;\n  height: 32px;\n  fill: none;\n  stroke: var(--wzl-accent-strong);\n  stroke-width: 1;\n  border: 1px solid var(--wzl-border);\n}\n\n","import { EASINGS, resolveEasing, type EasingName, type EasingSpec } from '@weasel-js/core';\n\nfunction bezierOf(spec: EasingSpec): readonly [number, number, number, number] | null {\n  if (typeof spec === 'object' && spec !== null && 'bezier' in spec) return spec.bezier;\n  return null;\n}\n\n/** Control points, for the graph view's draggable handles. `null` means this\n *  spec has no handles to drag — the view offers to convert it to a bezier. */\nexport function easingBezier(spec?: EasingSpec): readonly [number, number, number, number] | null {\n  if (spec === undefined) return null;\n  return bezierOf(spec);\n}\n\n/** What the picker shows for a spec.\n *\n *  A function is matched against the built-ins by reference so a consumer that\n *  passed `easeOutBack` directly still reads back as `'easeOutBack'`. A wrapped\n *  or hand-written function cannot be named and reads as `'custom'` — which is\n *  why an editor writes names and control points rather than functions. */\nexport function easingLabel(spec?: EasingSpec): string {\n  if (spec === undefined) return 'linear';\n  if (typeof spec === 'string') return spec;\n  const b = bezierOf(spec);\n  if (b) return `cubic-bezier(${b.join(', ')})`;\n  for (const [name, fn] of Object.entries(EASINGS)) {\n    if (fn === spec) return name;\n  }\n  return 'custom';\n}\n\n/** `count` evenly spaced samples of the curve over 0..1, for drawing it. */\nexport function sampleEasing(spec: EasingSpec | undefined, count: number): number[] {\n  const fn = resolveEasing(spec);\n  const out = new Array<number>(count);\n  const last = count - 1;\n  for (let i = 0; i < count; i++) out[i] = fn(last === 0 ? 0 : i / last);\n  return out;\n}\n\n/** Every built-in name, for the picker's list. */\nexport const EASING_NAMES = Object.keys(EASINGS) as EasingName[];\n","import type { ReactElement } from 'react';\nimport type { EasingSpec } from '@weasel-js/core';\nimport s from './Timeline.module.css';\nimport { EASING_NAMES, easingBezier, easingLabel, sampleEasing } from './easingSpec';\n\n/** Samples drawn in the inline curve preview. */\nconst PREVIEW_SAMPLES = 24;\n\n/** Control points for the named curves the picker can convert. A name the table\n *  does not cover converts to the CSS default rather than refusing. */\nconst BEZIER_OF: Partial<Record<string, readonly [number, number, number, number]>> = {\n  linear: [0, 0, 1, 1],\n  easeInQuad: [0.11, 0, 0.5, 0],\n  easeOutQuad: [0.5, 1, 0.89, 1],\n  easeInOutQuad: [0.45, 0, 0.55, 1],\n  easeInCubic: [0.32, 0, 0.67, 0],\n  easeOutCubic: [0.33, 1, 0.68, 1],\n  easeInOutCubic: [0.65, 0, 0.35, 1],\n  easeInSine: [0.12, 0, 0.39, 0],\n  easeOutSine: [0.61, 1, 0.88, 1],\n  easeInOutSine: [0.37, 0, 0.63, 1],\n};\n\nconst DEFAULT_BEZIER: readonly [number, number, number, number] = [0.25, 0.1, 0.25, 1];\n\nexport interface EasingPickerProps {\n  value: EasingSpec | undefined;\n  onChange: (next: EasingSpec | undefined) => void;\n}\n\nexport function EasingPicker(props: EasingPickerProps): ReactElement {\n  const { value, onChange } = props;\n  const bezier = easingBezier(value);\n  const label = easingLabel(value);\n  const named = bezier === null && (EASING_NAMES as string[]).includes(label);\n  const selectValue = bezier !== null ? 'custom' : named ? label : 'linear';\n\n  const points = sampleEasing(value, PREVIEW_SAMPLES)\n    .map((v, i) => `${(i / (PREVIEW_SAMPLES - 1)) * 100},${100 - v * 100}`)\n    .join(' ');\n\n  return (\n    <div className={s.easingPicker}>\n      <label>\n        Easing\n        <select\n          value={selectValue}\n          onChange={(e) => onChange(e.target.value === 'linear' ? undefined : e.target.value as EasingSpec)}\n        >\n          <option value=\"linear\">linear</option>\n          {EASING_NAMES.filter((n) => n !== 'linear').map((n) => <option key={n} value={n}>{n}</option>)}\n          {bezier !== null ? <option value=\"custom\">custom</option> : null}\n        </select>\n      </label>\n\n      {bezier !== null ? <span className={s.easingLabel}>{label}</span> : (\n        <button\n          type=\"button\"\n          className={s.transportButton}\n          onClick={() => onChange({ bezier: BEZIER_OF[selectValue] ?? DEFAULT_BEZIER })}\n        >\n          Convert to bezier\n        </button>\n      )}\n\n      <svg className={s.easingPreview} data-testid=\"easing-preview\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n        <polyline points={points} vectorEffect=\"non-scaling-stroke\" />\n      </svg>\n    </div>\n  );\n}\n","import { niceStep } from '../Plot2D/ticks';\n\n/** A visible span of timeline time, in ms. */\nexport interface TimeWindow {\n  from: number;\n  to: number;\n}\n\nexport interface TimeScale {\n  window: TimeWindow;\n  widthPx: number;\n  toPx(ms: number): number;\n  toMs(px: number): number;\n}\n\n/** Narrowest window the user can zoom to, in ms. Below this the playhead and\n *  the keys it sits between stop being separable at any sane track width. */\nconst MIN_SPAN_MS = 1;\n\nexport function createTimeScale(window: TimeWindow, widthPx: number): TimeScale {\n  const span = window.to - window.from;\n  const perMs = span === 0 ? 0 : widthPx / span;\n  const perPx = widthPx === 0 ? 0 : span / widthPx;\n  return {\n    window,\n    widthPx,\n    toPx: (ms) => (ms - window.from) * perMs,\n    toMs: (px) => window.from + px * perPx,\n  };\n}\n\n/** Where `ms` sits in the window, as a fraction. The width-free half of\n *  `createTimeScale` — a CSS `left: %` needs no pixel width, and asking for one\n *  is what drove three copies of this arithmetic into the lane and the ruler. */\nexport function toFraction(window: TimeWindow, ms: number): number {\n  const span = window.to - window.from;\n  return span === 0 ? 0 : (ms - window.from) / span;\n}\n\n/** `toFraction` as a CSS percentage. */\nexport function toPercent(window: TimeWindow, ms: number): string {\n  return `${toFraction(window, ms) * 100}%`;\n}\n\n/** A duration as a fraction of the window. Distinct from `toFraction`, which\n *  measures a position and so subtracts `window.from`. */\nexport function spanFraction(window: TimeWindow, ms: number): number {\n  const span = window.to - window.from;\n  return span === 0 ? 0 : ms / span;\n}\n\n/** A duration as a CSS percentage, for a width. */\nexport function spanPercent(window: TimeWindow, ms: number): string {\n  return `${spanFraction(window, ms) * 100}%`;\n}\n\nfunction clampWindow(w: TimeWindow, bounds: TimeWindow): TimeWindow {\n  const span = Math.min(w.to - w.from, bounds.to - bounds.from);\n  let from = w.from;\n  if (from < bounds.from) from = bounds.from;\n  if (from + span > bounds.to) from = bounds.to - span;\n  return { from, to: from + span };\n}\n\n/** Scale the window by `factor` about `atMs`, which stays at the same fraction\n *  of the track. `factor < 1` zooms in. */\nexport function zoomWindow(\n  w: TimeWindow, atMs: number, factor: number, bounds: TimeWindow,\n): TimeWindow {\n  const span = w.to - w.from;\n  const maxSpan = bounds.to - bounds.from;\n  const nextSpan = Math.min(maxSpan, Math.max(MIN_SPAN_MS, span * factor));\n  const frac = span === 0 ? 0.5 : (atMs - w.from) / span;\n  return clampWindow({ from: atMs - frac * nextSpan, to: atMs + (1 - frac) * nextSpan }, bounds);\n}\n\n/** Shift the window by `byMs`, preserving its span. */\nexport function panWindow(w: TimeWindow, byMs: number, bounds: TimeWindow): TimeWindow {\n  return clampWindow({ from: w.from + byMs, to: w.to + byMs }, bounds);\n}\n\n/** Minimum gap between time ticks, in px — the ruler's and the graph grid's. */\nexport const TICK_SPACING_PX = 64;\n\n/** Ruler tick times inside `w`, spaced at least `minSpacingPx` apart. */\nexport function tickTimes(w: TimeWindow, widthPx: number, minSpacingPx: number): number[] {\n  const span = w.to - w.from;\n  if (widthPx <= 0 || span <= 0) return [];\n  const step = niceStep((minSpacingPx / widthPx) * span);\n  const out: number[] = [];\n  for (let t = Math.ceil(w.from / step) * step; t <= w.to + 1e-9; t += step) {\n    out.push(Math.round(t / step) * step);\n  }\n  return out;\n}\n","import type { SampledTrack, Track } from '@weasel-js/core';\n\nexport interface LaneRow {\n  /** Stable across re-renders and edits: the dotted index path. */\n  key: string;\n  /** Index path into the track tree, outermost first. */\n  path: number[];\n  track: Track;\n  label: string;\n  /** Nesting depth; 0 for a top-level track. */\n  depth: number;\n  /** Accumulated `at` from every nested parent, in ms. A key drawn on this row\n   *  sits at `offset + key.t` on the ruler. */\n  offset: number;\n  kind: Track['kind'];\n  /** True only for a sampled track whose every key value is a number — the\n   *  sole case where a value axis has an honest meaning. */\n  numeric: boolean;\n}\n\nfunction isNumeric(track: Track): boolean {\n  if (track.kind !== 'sampled') return false;\n  const keys = (track as SampledTrack<unknown>).keys;\n  return keys.length > 0 && keys.every((k) => typeof k.value === 'number');\n}\n\n/** Flatten the track tree to rows, descending only into expanded nested\n *  timelines. `expanded` holds the `key` of each open nested row. */\nexport function buildLanes(\n  tracks: readonly Track[],\n  expanded: ReadonlySet<string>,\n): LaneRow[] {\n  const out: LaneRow[] = [];\n  const walk = (list: readonly Track[], path: number[], depth: number, offset: number): void => {\n    list.forEach((track, i) => {\n      const nextPath = [...path, i];\n      const key = nextPath.join('.');\n      out.push({\n        key,\n        path: nextPath,\n        track,\n        label: track.label ?? `${track.kind} ${i}`,\n        depth,\n        offset,\n        kind: track.kind,\n        numeric: isNumeric(track),\n      });\n      if (track.kind === 'timeline' && expanded.has(key)) {\n        walk(track.timeline.tracks, nextPath, depth + 1, offset + track.at);\n      }\n    });\n  };\n  walk(tracks, [], 0, 0);\n  return out;\n}\n\n/** The track at an index path, or `undefined` when the path leaves the tree. */\nexport function trackAtPath(tracks: readonly Track[], path: readonly number[]): Track | undefined {\n  let list: readonly Track[] = tracks;\n  let found: Track | undefined;\n  for (const i of path) {\n    found = list[i];\n    if (!found) return undefined;\n    list = found.kind === 'timeline' ? found.timeline.tracks : [];\n  }\n  return found;\n}\n","import { sampleTrack, type EasingSpec, type EventTrack, type Keyframe, type SampledTrack, type TimelineTrack, type Track } from '@weasel-js/core';\nimport { trackAtPath } from './lanes';\n\nexport interface KeySelection {\n  /** Index path into the track tree, outermost first — a `LaneRow.path`. A\n   *  top-level track is `[i]`; a track inside the nested timeline at `i` is\n   *  `[i, j]`. */\n  trackPath: readonly number[];\n  keyIndex: number;\n}\n\nexport interface KeyEdit {\n  tracks: Track[];\n  selection: KeySelection | null;\n}\n\n/** True when two index paths address the same track. */\nexport function samePath(a: readonly number[], b: readonly number[]): boolean {\n  return a.length === b.length && a.every((n, i) => n === b[i]);\n}\n\n/** Shallow-clone one track, replacing only its key list. `onTick`, `fire`,\n *  `interpolate` and `interpolator` survive as references, which is what lets a\n *  running timeline take an edited track without rewiring. */\nfunction withKeys(track: Track, keys: Keyframe<unknown>[]): Track {\n  return { ...(track as SampledTrack<unknown>), keys } as Track;\n}\n\nfunction withEvents(track: Track, events: EventTrack['events']): Track {\n  return { ...(track as EventTrack), events } as Track;\n}\n\n/** Replace the track at `path`, cloning the timeline tracks along the way so\n *  the caller's tree is untouched at every level, not just the top. */\nfunction replaceAtPath(tracks: readonly Track[], path: readonly number[], next: Track): Track[] {\n  const out = tracks.slice();\n  const [i, ...rest] = path;\n  if (rest.length === 0) {\n    out[i] = next;\n    return out;\n  }\n  const parent = out[i];\n  if (parent?.kind !== 'timeline') return out;\n  const tt = parent as TimelineTrack;\n  out[i] = {\n    ...tt,\n    timeline: { ...tt.timeline, tracks: replaceAtPath(tt.timeline.tracks, rest, next) },\n  };\n  return out;\n}\n\n/** Move a key or an event crossing to `toMs`, clamped at zero. `toMs` is in the\n *  addressed track's own time, not the ruler's — a nested track's keys are\n *  measured from its parent's `at`.\n *\n *  Re-sorts, and reports the moved entry's new index. `sampleTrack` binary-\n *  searches without sorting first, so a drag past a neighbour that left the list\n *  unsorted would sample the wrong segment and raise nothing. */\nexport function moveKey(\n  tracks: readonly Track[], sel: KeySelection, toMs: number,\n): KeyEdit {\n  const track = trackAtPath(tracks, sel.trackPath);\n  const t = Math.max(0, toMs);\n\n  if (track?.kind === 'sampled') {\n    const st = track as SampledTrack<unknown>;\n    const moved = { ...st.keys[sel.keyIndex], t };\n    const keys = st.keys.filter((_, i) => i !== sel.keyIndex);\n    const at = keys.findIndex((k) => k.t > t);\n    const keyIndex = at === -1 ? keys.length : at;\n    keys.splice(keyIndex, 0, moved);\n    return {\n      tracks: replaceAtPath(tracks, sel.trackPath, withKeys(track, keys)),\n      selection: { trackPath: sel.trackPath, keyIndex },\n    };\n  }\n\n  if (track?.kind === 'event') {\n    const et = track as EventTrack;\n    const moved = { ...et.events[sel.keyIndex], t };\n    const events = et.events.filter((_, i) => i !== sel.keyIndex);\n    const at = events.findIndex((e) => e.t > t);\n    const keyIndex = at === -1 ? events.length : at;\n    events.splice(keyIndex, 0, moved);\n    return {\n      tracks: replaceAtPath(tracks, sel.trackPath, withEvents(track, events)),\n      selection: { trackPath: sel.trackPath, keyIndex },\n    };\n  }\n\n  return { tracks: tracks.slice(), selection: sel };\n}\n\n/** Insert a key at `atMs`, seeded with whatever the track already reads there\n *  so inserting alone never changes the motion. */\nexport function insertKey(\n  tracks: readonly Track[], trackPath: readonly number[], atMs: number,\n): KeyEdit {\n  const track = trackAtPath(tracks, trackPath);\n  if (track?.kind !== 'sampled') return { tracks: tracks.slice(), selection: null };\n\n  const st = track as SampledTrack<unknown>;\n  const t = Math.max(0, atMs);\n  const value = st.keys.length === 0 ? 0 : sampleTrack(st, t);\n  const keys = st.keys.slice();\n  const at = keys.findIndex((k) => k.t > t);\n  const keyIndex = at === -1 ? keys.length : at;\n  keys.splice(keyIndex, 0, { t, value });\n  return {\n    tracks: replaceAtPath(tracks, trackPath, withKeys(track, keys)),\n    selection: { trackPath, keyIndex },\n  };\n}\n\n/** Remove a key, selecting the one before it. */\nexport function deleteKey(tracks: readonly Track[], sel: KeySelection): KeyEdit {\n  const track = trackAtPath(tracks, sel.trackPath);\n  if (track?.kind !== 'sampled') return { tracks: tracks.slice(), selection: sel };\n\n  const st = track as SampledTrack<unknown>;\n  const keys = st.keys.filter((_, i) => i !== sel.keyIndex);\n  return {\n    tracks: replaceAtPath(tracks, sel.trackPath, withKeys(track, keys)),\n    selection: keys.length === 0\n      ? null\n      : { trackPath: sel.trackPath, keyIndex: Math.max(0, sel.keyIndex - 1) },\n  };\n}\n\n/** Set the easing shaping the approach INTO the selected key. */\nexport function setKeyEasing(\n  tracks: readonly Track[], sel: KeySelection, easing: EasingSpec | undefined,\n): Track[] {\n  const track = trackAtPath(tracks, sel.trackPath);\n  if (track?.kind !== 'sampled') return tracks.slice();\n\n  const st = track as SampledTrack<unknown>;\n  const keys = st.keys.slice();\n  const { easing: _drop, ...rest } = keys[sel.keyIndex];\n  keys[sel.keyIndex] = easing === undefined ? rest : { ...rest, easing };\n  return replaceAtPath(tracks, sel.trackPath, withKeys(track, keys));\n}\n\n/** Replace a sampled track's whole key list, keeping its callbacks. */\nexport function setKeys(\n  tracks: readonly Track[], trackPath: readonly number[], keys: readonly Keyframe<unknown>[],\n): Track[] {\n  const track = trackAtPath(tracks, trackPath);\n  if (track?.kind !== 'sampled') return tracks.slice();\n  return replaceAtPath(tracks, trackPath, withKeys(track, keys.slice()));\n}\n\n/** Set the selected key's value, leaving its time alone. */\nexport function setKeyValue(\n  tracks: readonly Track[], sel: KeySelection, value: unknown,\n): Track[] {\n  const track = trackAtPath(tracks, sel.trackPath);\n  if (track?.kind !== 'sampled') return tracks.slice();\n\n  const st = track as SampledTrack<unknown>;\n  const keys = st.keys.slice();\n  keys[sel.keyIndex] = { ...keys[sel.keyIndex], value };\n  return replaceAtPath(tracks, sel.trackPath, withKeys(track, keys));\n}\n\nexport { snapToNearest as snapTime } from '../CurveEditor/snap';\n","import { useLayoutEffect, useMemo, useRef, useState, type ReactElement } from 'react';\nimport type { Keyframe } from '@weasel-js/core';\nimport { LayeredCurveEditor } from '../CurveEditor/LayeredCurveEditor';\nimport {\n  applyKeyframeDrag, createKeyframeLayer, type KeyframeLayerState,\n} from '../CurveEditor/createKeyframeLayer';\nimport s from './Timeline.module.css';\nimport { TICK_SPACING_PX, tickTimes, type TimeWindow } from './timeScale';\n\n/** Keeps the extreme keys inside the lane: at the very edge a key centers on\n *  the lane's border and hangs half into its neighbor. As a percentage of\n *  the lane's height, applied top and bottom. */\nconst V_INSET_PCT = 8;\n\n/** One arrow-key step, in ms; shift multiplies by ten. */\nconst KEY_STEP_MS = 10;\n\nexport interface LaneGraphProps {\n  keys: readonly Keyframe<number>[];\n  label: string;\n  window: TimeWindow;\n  /** Ruler time of this track's zero. */\n  offset: number;\n  /** Ruler times a dragged key snaps to. */\n  snapTimes: readonly number[];\n  selection: number | null;\n  selectedSegment: number | null;\n  onSelect: (keyIndex: number) => void;\n  onSelectSegment?: (keyIndex: number) => void;\n  /** Live during a key drag. */\n  onKeysInput?: (keys: readonly Keyframe<number>[]) => void;\n  /** Once per edit: a drag's end, a handle's release, a key press. */\n  onKeysCommit: (keys: readonly Keyframe<number>[]) => void;\n}\n\n/** The value range a lane plots: its keys' extent, padded so no key sits on\n *  the border. A flat track gets a unit span so it still has a middle. */\nfunction valueRange(keys: readonly Keyframe<number>[]): [number, number] {\n  const values = keys.map((k) => k.value);\n  const lo = Math.min(...values);\n  const hi = Math.max(...values);\n  const span = hi - lo || 1;\n  const pad = (span * V_INSET_PCT) / (100 - 2 * V_INSET_PCT);\n  return [lo - pad, lo + span + pad];\n}\n\n/** A numeric lane's graph: one keyframe layer on a curve editor, sized to the\n *  lane and windowed to the ruler. */\nexport function LaneGraph(props: LaneGraphProps): ReactElement {\n  const {\n    keys, label, window: win, offset, snapTimes, selection, selectedSegment,\n    onSelect, onSelectSegment, onKeysInput, onKeysCommit,\n  } = props;\n\n  const hostRef = useRef<HTMLDivElement | null>(null);\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  useLayoutEffect(() => {\n    const el = hostRef.current;\n    if (!el) return;\n    const update = (): void => {\n      const r = el.getBoundingClientRect();\n      setSize((prev) => (prev.width === r.width && prev.height === r.height ? prev : { width: r.width, height: r.height }));\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const layer = useMemo(() => createKeyframeLayer({\n    id: 'keys',\n    label,\n    formatX: (t) => `${Math.round(t)} ms`,\n    // The layer works in track time; the snap candidates are ruler times.\n    snapX: snapTimes.map((t) => t - offset),\n    xClamp: [0, Infinity],\n    step: { x: KEY_STEP_MS },\n  }), [label, snapTimes, offset]);\n\n  const committed = useMemo<KeyframeLayerState>(\n    () => ({ keys, selectedKey: selection, selectedSegment, drag: null }),\n    [keys, selection, selectedSegment],\n  );\n  // Held only while a gesture is in flight, so a consumer echoing live input\n  // back through `keys` cannot move the keys out from under the drag.\n  const [live, setLive] = useState<KeyframeLayerState | null>(null);\n  const state = live ?? committed;\n  const stateRef = useRef(state);\n  stateRef.current = state;\n\n  const layers = useMemo(() => [{ layer, state: state as unknown }], [layer, state]);\n\n  const onLayerChange = (_id: string, raw: unknown): void => {\n    const next = raw as KeyframeLayerState;\n    const prev = stateRef.current;\n    if (next.selectedKey !== null && next.selectedKey !== prev.selectedKey) onSelect(next.selectedKey);\n    if (next.selectedSegment !== null && next.selectedSegment !== prev.selectedSegment) onSelectSegment?.(next.selectedSegment);\n    if (!next.drag) { setLive(null); return; }\n    setLive(next);\n    // A handle drag writes a fresh easing spec per move; publishing those\n    // would grow the consumer's easing cache by one entry per pixel.\n    if (next.drag.kind !== 'key') return;\n    const applied = applyKeyframeDrag(next).keys;\n    if (applied !== next.keys) onKeysInput?.(applied);\n  };\n\n  const onLayerCommit = (_id: string, raw: unknown, rawPrev: unknown): void => {\n    setLive(null);\n    const next = raw as KeyframeLayerState;\n    if (next.keys !== (rawPrev as KeyframeLayerState).keys) onKeysCommit(next.keys);\n  };\n\n  const [yLo, yHi] = valueRange(state.keys);\n  const ticks = size.width > 0 ? tickTimes(win, size.width, TICK_SPACING_PX) : [];\n\n  return (\n    <div ref={hostRef} className={s.graphHost}>\n      {size.width > 0 && size.height > 0 ? (\n        <LayeredCurveEditor\n          className={s.graph}\n          aria-label={`${label} graph`}\n          layers={layers}\n          onLayerChange={onLayerChange}\n          onLayerCommit={onLayerCommit}\n          width={size.width}\n          height={size.height}\n          xRange={[win.from - offset, win.to - offset]}\n          yRange={[yLo, yHi]}\n          grid={false}\n          axes={false}\n          // The ruler's ticks, carried into track time.\n          xTicks={{ values: ticks.map((t) => t - offset), labels: false }}\n          // Clears a key at the track's start edge, which hangs into the gutter.\n          yTicks={{ labels: 'outside', gap: 10 }}\n          history={false}\n        />\n      ) : null}\n    </div>\n  );\n}\n","import { useEffect, useRef, useState, type KeyboardEvent as ReactKeyboardEvent, type PointerEvent as ReactPointerEvent, type ReactElement } from 'react';\nimport { openPointerSession, type EventTrack, type Keyframe, type PointerSession, type SampledTrack, type TimelineTrack } from '@weasel-js/core';\nimport { ChevronIcon } from '../../icons';\nimport s from './Timeline.module.css';\nimport { createTimeScale, spanPercent, toPercent, type TimeWindow } from './timeScale';\nimport { snapTime } from './keys';\nimport { LaneGraph } from './LaneGraph';\nimport type { LaneRow } from './lanes';\n\n/** Snap radius, in track pixels. */\nconst SNAP_PX = 6;\n\n/** One arrow-key step, in ms; shift multiplies by ten. */\nconst KEY_STEP_MS = 10;\n\nexport interface LaneProps {\n  row: LaneRow;\n  window: TimeWindow;\n  mode: 'dope' | 'graph';\n  /** Index of the selected key on THIS row, or null. */\n  selection: number | null;\n  onSelect: (keyIndex: number) => void;\n  /** Live during a dope-sheet drag. */\n  onKeyInput: (keyIndex: number, toMs: number) => void;\n  /** Once, at the end of a dope-sheet gesture. */\n  onKeyCommit: (keyIndex: number, toMs: number) => void;\n  /** Live during a graph-mode key drag: the row's whole key list. */\n  onKeysInput?: (keys: readonly Keyframe<number>[]) => void;\n  /** Once per graph-mode edit: the row's whole key list. */\n  onKeysCommit?: (keys: readonly Keyframe<number>[]) => void;\n  onInsert: (atMs: number) => void;\n  onToggleExpand: () => void;\n  expanded: boolean;\n  /** Times a dragged key snaps to. */\n  snapTimes: readonly number[];\n  /** Index of the key a selected segment runs INTO, or null. */\n  selectedSegment?: number | null;\n  onSelectSegment?: (keyIndex: number) => void;\n}\n\nfunction entryTimes(row: LaneRow): number[] {\n  if (row.kind === 'sampled') return (row.track as SampledTrack<unknown>).keys.map((k) => k.t);\n  if (row.kind === 'event') return (row.track as EventTrack).events.map((e) => e.t);\n  return [];\n}\n\nexport function Lane(props: LaneProps): ReactElement {\n  const {\n    row, window: win, mode, selection, onSelect, onKeyInput, onKeyCommit, onInsert, onToggleExpand, expanded, snapTimes,\n    selectedSegment = null, onSelectSegment, onKeysInput, onKeysCommit,\n  } = props;\n  const trackRef = useRef<HTMLDivElement | null>(null);\n  const sessionRef = useRef<PointerSession | null>(null);\n  useEffect(() => () => { sessionRef.current?.cancel(); }, []);\n\n  // Where the dragged key would land. Owned here rather than derived from the\n  // tracks prop, so a drag previews whether or not the consumer wires\n  // `onKeyInput` — the committed key stays put underneath as the origin.\n  const [drag, setDrag] = useState<{ keyIndex: number; t: number } | null>(null);\n\n  const pct = (ms: number): string => toPercent(win, ms + row.offset);\n\n  const msAt = (clientX: number): number => {\n    const rect = trackRef.current?.getBoundingClientRect();\n    if (!rect) return win.from;\n    return createTimeScale(win, rect.width).toMs(clientX - rect.left) - row.offset;\n  };\n\n  const snapPxToMs = (): number => {\n    const width = trackRef.current?.getBoundingClientRect().width ?? 0;\n    const scale = createTimeScale(win, width);\n    return scale.toMs(SNAP_PX) - scale.toMs(0);\n  };\n\n  // Only a numeric sampled row has an honest value axis to graph.\n  const graph = mode === 'graph' && row.numeric;\n  const sampledKeys = row.kind === 'sampled' ? (row.track as SampledTrack<number>).keys : [];\n\n  const onKeyPointerDown = (i: number) => (e: ReactPointerEvent<HTMLDivElement>): void => {\n    if (e.button !== 0) return;\n    e.stopPropagation();\n    onSelect(i);\n\n    // `snapTimes` are ruler times and `msAt` is track-local, so a nested row\n    // has to cross into ruler space to snap and back out to commit.\n    const at = (ev: { clientX: number; altKey: boolean }): number => {\n      const raw = Math.max(0, msAt(ev.clientX));\n      return ev.altKey ? raw : snapTime(raw + row.offset, snapTimes, snapPxToMs()) - row.offset;\n    };\n\n    setDrag({ keyIndex: i, t: times[i] });\n\n    const end = (): void => {\n      setDrag(null);\n      sessionRef.current = null;\n    };\n    // No pointer capture — see `Ruler`, same idiom across the timeline.\n    sessionRef.current?.cancel();\n    sessionRef.current = openPointerSession(e.currentTarget, e, {\n      onMove: (ev) => {\n        setDrag({ keyIndex: i, t: at(ev) });\n        onKeyInput(i, at(ev));\n      },\n      onEnd: (ev) => {\n        onKeyCommit(i, at(ev));\n        end();\n      },\n      onCancel: end,\n    }, { capture: false });\n  };\n\n  const onKeyDown = (i: number, t: number) => (e: ReactKeyboardEvent<HTMLDivElement>): void => {\n    const step = KEY_STEP_MS * (e.shiftKey ? 10 : 1);\n    if (e.key === 'ArrowRight') { e.preventDefault(); onKeyCommit(i, t + step); }\n    if (e.key === 'ArrowLeft') { e.preventDefault(); onKeyCommit(i, Math.max(0, t - step)); }\n  };\n\n  const times = entryTimes(row);\n\n  return (\n    <div className={s.lane} data-depth={row.depth} data-mode={mode} data-graph={graph ? 'true' : undefined}>\n      <div className={s.laneLabel}>\n        {row.kind === 'timeline' ? (\n          <span\n            role=\"button\"\n            tabIndex={0}\n            aria-expanded={expanded}\n            data-testid=\"timeline-disclosure\"\n            className={s.disclosure}\n            onClick={onToggleExpand}\n            onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onToggleExpand(); } }}\n          >\n            <ChevronIcon\n              size={14}\n              className={[s.disclosureIcon, !expanded && s.disclosureCollapsed].filter(Boolean).join(' ')}\n            />\n          </span>\n        ) : null}\n        {row.label}\n      </div>\n      <div\n        className={s.laneTrack}\n        ref={trackRef}\n        data-testid=\"timeline-lane-track\"\n        onDoubleClick={(e) => { if (row.kind === 'sampled') onInsert(Math.max(0, msAt(e.clientX))); }}\n      >\n        {graph ? (\n          <LaneGraph\n            keys={sampledKeys}\n            label={row.label}\n            window={win}\n            offset={row.offset}\n            snapTimes={snapTimes}\n            selection={selection}\n            selectedSegment={selectedSegment}\n            onSelect={onSelect}\n            onSelectSegment={onSelectSegment}\n            onKeysInput={onKeysInput}\n            onKeysCommit={(keys) => onKeysCommit?.(keys)}\n          />\n        ) : (\n          <>\n            {row.kind === 'timeline' ? (\n              <div\n                className={s.nestedBar}\n                data-testid=\"timeline-nested\"\n                style={{ left: pct(0), width: spanPercent(win, (row.track as TimelineTrack).timeline.duration ?? 0) }}\n              />\n            ) : null}\n            {row.kind === 'sampled' ? sampledKeys.slice(1).map((k, idx) => {\n              const i = idx + 1;\n              return (\n                <div\n                  key={`seg-${i}`}\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label={`${row.label} segment into ${Math.round(k.t)} ms`}\n                  aria-current={selectedSegment === i ? 'true' : undefined}\n                  data-testid=\"timeline-segment\"\n                  className={s.segment}\n                  style={{ left: pct(sampledKeys[i - 1].t), width: spanPercent(win, k.t - sampledKeys[i - 1].t) }}\n                  onClick={() => onSelectSegment?.(i)}\n                  onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onSelectSegment?.(i); } }}\n                />\n              );\n            }) : null}\n            {times.map((t, i) => (\n              <div\n                key={i}\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`${row.label} key at ${Math.round(t)} ms`}\n                aria-current={selection === i ? 'true' : undefined}\n                data-testid={row.kind === 'event' ? 'timeline-event' : 'timeline-key'}\n                data-dragging={drag?.keyIndex === i ? 'true' : undefined}\n                className={row.kind === 'event' ? s.eventMark : s.key}\n                style={{ left: pct(t) }}\n                onPointerDown={onKeyPointerDown(i)}\n                onKeyDown={onKeyDown(i, t)}\n              />\n            ))}\n            {drag ? (\n              <div\n                aria-hidden=\"true\"\n                data-testid=\"timeline-key-ghost\"\n                className={row.kind === 'event' ? s.eventGhost : s.keyGhost}\n                style={{ left: pct(drag.t) }}\n              />\n            ) : null}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useLayoutEffect, useRef, useState, type PointerEvent as ReactPointerEvent, type ReactElement, type WheelEvent as ReactWheelEvent } from 'react';\nimport { openPointerSession, type PointerSession } from '@weasel-js/core';\nimport s from './Timeline.module.css';\nimport { createTimeScale, panWindow, TICK_SPACING_PX, tickTimes, toPercent, zoomWindow, type TimeWindow } from './timeScale';\n\n/** One wheel notch's zoom factor. */\nconst ZOOM_STEP = 0.0015;\n\nexport interface RulerProps {\n  window: TimeWindow;\n  /** The full extent the window may cover — normally `{ from: 0, to: duration }`. */\n  bounds: TimeWindow;\n  playhead: number;\n  onScrub: (t: number) => void;\n  onWindowChange: (w: TimeWindow) => void;\n}\n\nfunction formatMs(ms: number): string {\n  if (ms >= 1000) return `${(ms / 1000).toFixed(ms % 1000 === 0 ? 0 : 2)}s`;\n  return `${Math.round(ms)}ms`;\n}\n\nexport function Ruler(props: RulerProps): ReactElement {\n  const { window: win, bounds, playhead, onScrub, onWindowChange } = props;\n  const trackRef = useRef<HTMLDivElement | null>(null);\n  const sessionRef = useRef<PointerSession | null>(null);\n  useEffect(() => () => { sessionRef.current?.cancel(); }, []);\n\n  // Re-render once the track is mounted so ticks lay out against its real\n  // width — `trackRef.current` is null on the render that first attaches it.\n  const [width, setWidth] = useState(0);\n  useLayoutEffect(() => {\n    const el = trackRef.current;\n    if (!el) return;\n    const update = (): void => setWidth(el.getBoundingClientRect().width);\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const widthOf = (): number => trackRef.current?.getBoundingClientRect().width ?? 0;\n  const msAt = (clientX: number): number => {\n    const rect = trackRef.current?.getBoundingClientRect();\n    if (!rect) return win.from;\n    const scale = createTimeScale(win, rect.width);\n    const raw = scale.toMs(clientX - rect.left);\n    return Math.min(win.to, Math.max(win.from, raw));\n  };\n\n  // `capture: false`: the session tracks the pointer off the ruler on its own,\n  // and capture would retarget pointerup and kill the click on non-native\n  // children of the scrubbed track.\n  const onPointerDown = (e: ReactPointerEvent<HTMLDivElement>): void => {\n    if (e.button !== 0) return;\n    onScrub(msAt(e.clientX));\n\n    sessionRef.current?.cancel();\n    const end = (): void => { sessionRef.current = null; };\n    sessionRef.current = openPointerSession(e.currentTarget, e, {\n      onMove: (ev) => { onScrub(msAt(ev.clientX)); },\n      onEnd: end,\n      onCancel: end,\n    }, { capture: false });\n  };\n\n  const onWheel = (e: ReactWheelEvent<HTMLDivElement>): void => {\n    if (e.ctrlKey) {\n      onWindowChange(zoomWindow(win, msAt(e.clientX), Math.exp(e.deltaY * ZOOM_STEP), bounds));\n    } else {\n      const width = widthOf();\n      const perPx = width === 0 ? 0 : (win.to - win.from) / width;\n      onWindowChange(panWindow(win, e.deltaY * perPx, bounds));\n    }\n  };\n\n  const ticks = tickTimes(win, width, TICK_SPACING_PX);\n  const pct = (ms: number): string => toPercent(win, ms);\n\n  return (\n    <div\n      className={s.ruler}\n      ref={trackRef}\n      data-testid=\"timeline-ruler\"\n      onPointerDown={onPointerDown}\n      onWheel={onWheel}\n    >\n      {ticks.map((t) => (\n        <span\n          key={t}\n          className={s.tick}\n          data-testid=\"timeline-tick\"\n          style={{ left: pct(t) }}\n        >\n          {formatMs(t)}\n        </span>\n      ))}\n      <div\n        className={s.playhead}\n        data-testid=\"timeline-playhead\"\n        style={{ left: pct(playhead) }}\n      />\n    </div>\n  );\n}\n","import type { ReactElement } from 'react';\nimport { DetentSlider } from '../DetentSlider';\nimport { PauseIcon, PlayIcon } from '../../icons';\nimport s from './Timeline.module.css';\n\n/** Playback rates the transport offers. */\nconst RATES = [0.25, 0.5, 1, 2, 4] as const;\n\nexport interface TransportProps {\n  paused: boolean;\n  loop: boolean | number;\n  rate: number;\n  playhead: number;\n  duration: number;\n  onPlay: () => void;\n  onPause: () => void;\n  onLoopChange: (loop: boolean | number) => void;\n  onRateChange: (rate: number) => void;\n}\n\nconst seconds = (ms: number): string => `${(ms / 1000).toFixed(2)}s`;\n\nexport function Transport(props: TransportProps): ReactElement {\n  const { paused, loop, rate, playhead, duration, onPlay, onPause, onLoopChange, onRateChange } = props;\n  const looping = loop !== false && loop !== 0;\n  // The handle's scale is whatever anything holding it set, so an off-list rate\n  // gets its own detent — `DetentSlider` would otherwise round it to the\n  // nearest and label the thumb with a rate the timeline is not running at.\n  const rates = RATES.includes(rate as typeof RATES[number])\n    ? (RATES as readonly number[])\n    : [...RATES, rate].sort((a, b) => a - b);\n\n  return (\n    <div className={s.transport}>\n      <button\n        type=\"button\"\n        className={s.transportButton}\n        aria-label={paused ? 'Play' : 'Pause'}\n        onClick={paused ? onPlay : onPause}\n      >\n        {paused ? <PlayIcon size={14} /> : <PauseIcon size={14} />}\n      </button>\n\n      <span className={s.time} data-testid=\"timeline-time\">\n        {seconds(playhead)} / {seconds(duration)}\n      </span>\n\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={looping}\n        aria-label=\"Loop\"\n        className={s.transportButton}\n        onClick={() => onLoopChange(!looping)}\n      >\n        ⟲\n      </button>\n\n      <div className={s.rate}>\n        Rate\n        <DetentSlider\n          ariaLabel=\"Rate\"\n          items={rates}\n          value={rate}\n          onChange={onRateChange}\n          formatLabel={(r) => `${r}x`}\n          labels=\"none\"\n          className={s.rateSlider}\n        />\n        <span className={s.rateReadout}>{rate}x</span>\n      </div>\n    </div>\n  );\n}\n","import { useMemo, useState, type KeyboardEvent as ReactKeyboardEvent, type ReactElement, type ReactNode } from 'react';\nimport type { EasingSpec, Keyframe, SampledTrack, Track } from '@weasel-js/core';\nimport s from './Timeline.module.css';\nimport { EasingPicker } from './EasingPicker';\nimport { Lane } from './Lane';\nimport { Ruler } from './Ruler';\nimport { Transport, type TransportProps } from './Transport';\nimport { buildLanes, trackAtPath } from './lanes';\nimport { deleteKey, insertKey, moveKey, samePath, setKeyEasing, setKeys, setKeyValue, type KeySelection } from './keys';\nimport type { TimeWindow } from './timeScale';\n\nexport type { KeySelection } from './keys';\nexport type { TimeWindow } from './timeScale';\n\nexport interface KeyEditorCtx<T = unknown> {\n  key: Keyframe<T>;\n  track: SampledTrack<T>;\n  selection: KeySelection;\n  /** Replace the selected key; routed through this component's `onChange`. */\n  commit: (next: Keyframe<T>) => void;\n  /** Set the easing shaping the approach into this key. */\n  setEasing: (easing: EasingSpec | undefined) => void;\n}\n\nexport interface TimelineProps {\n  tracks: readonly Track[];\n  duration: number;\n  playhead: number;\n\n  mode?: 'dope' | 'graph';\n  onModeChange?: (mode: 'dope' | 'graph') => void;\n\n  /** Live during a drag — wire for preview, do not write to history. */\n  onInput?: (next: Track[]) => void;\n  /** Committed at gesture end: one call per gesture. */\n  onChange: (next: Track[]) => void;\n  onScrub: (t: number) => void;\n\n  /** `false` hides the transport. */\n  transport?: Omit<TransportProps, 'playhead' | 'duration'> | false;\n  selection?: KeySelection | null;\n  onSelect?: (sel: KeySelection | null) => void;\n  renderKeyEditor?: (ctx: KeyEditorCtx) => ReactNode;\n\n  window?: TimeWindow;\n  onWindowChange?: (w: TimeWindow) => void;\n\n  label?: ReactNode;\n  className?: string;\n}\n\nexport function Timeline(props: TimelineProps): ReactElement {\n  const {\n    tracks, duration, playhead,\n    onInput, onChange, onScrub,\n    renderKeyEditor, label, className,\n  } = props;\n\n  const [expanded, setExpanded] = useState<ReadonlySet<string>>(() => new Set());\n  const [ownWindow, setOwnWindow] = useState<TimeWindow>({ from: 0, to: duration });\n  const [ownSelection, setOwnSelection] = useState<KeySelection | null>(null);\n  const [segmentSelection, setSegmentSelection] = useState<KeySelection | null>(null);\n\n  const win = props.window ?? ownWindow;\n  const setWindow = props.onWindowChange ?? setOwnWindow;\n  const selection = props.selection !== undefined ? props.selection : ownSelection;\n  const setSelection = props.onSelect ?? setOwnSelection;\n\n  const bounds: TimeWindow = { from: 0, to: duration };\n  const rows = useMemo(() => buildLanes(tracks, expanded), [tracks, expanded]);\n\n  /** Every key time on every row — what a dragged key snaps to. */\n  const snapTimes = useMemo(() => {\n    const out = new Set<number>([0, duration]);\n    for (const row of rows) {\n      if (row.kind === 'sampled') for (const k of (row.track as SampledTrack<unknown>).keys) out.add(k.t + row.offset);\n    }\n    return [...out];\n  }, [rows, duration]);\n\n  const toggle = (key: string): void => {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (next.has(key)) next.delete(key); else next.add(key);\n      return next;\n    });\n  };\n\n  const onRootKeyDown = (e: ReactKeyboardEvent<HTMLDivElement>): void => {\n    if ((e.key === 'Delete' || e.key === 'Backspace') && selection) {\n      e.preventDefault();\n      const r = deleteKey(tracks, selection);\n      onChange(r.tracks);\n      setSelection(r.selection);\n    }\n  };\n\n  const selectedTrack = selection ? trackAtPath(tracks, selection.trackPath) : undefined;\n  const selectedKey = selectedTrack?.kind === 'sampled'\n    ? (selectedTrack as SampledTrack<unknown>).keys[selection!.keyIndex]\n    : undefined;\n\n  const segmentTrack = segmentSelection ? trackAtPath(tracks, segmentSelection.trackPath) : undefined;\n  const segmentKey = segmentTrack?.kind === 'sampled'\n    ? (segmentTrack as SampledTrack<unknown>).keys[segmentSelection!.keyIndex]\n    : undefined;\n\n  return (\n    <div\n      className={[s.root, className].filter(Boolean).join(' ')}\n      data-testid=\"timeline-root\"\n      tabIndex={-1}\n      onKeyDown={onRootKeyDown}\n    >\n      {label ? <div className={s.label}>{label}</div> : null}\n\n      {props.transport === false ? null : (\n        <div className={s.transportRow}>\n          <Transport\n            {...(props.transport ?? {\n              paused: true, loop: false, rate: 1,\n              onPlay: () => {}, onPause: () => {},\n              onLoopChange: () => {}, onRateChange: () => {},\n            })}\n            playhead={playhead}\n            duration={duration}\n          />\n          <button\n            type=\"button\"\n            role=\"switch\"\n            aria-checked={(props.mode ?? 'dope') === 'graph'}\n            aria-label=\"Graph mode\"\n            className={s.transportButton}\n            onClick={() => props.onModeChange?.((props.mode ?? 'dope') === 'graph' ? 'dope' : 'graph')}\n          >\n            Graph\n          </button>\n        </div>\n      )}\n\n      <div className={s.body}>\n        <div className={s.gutter} />\n        <div className={s.rulerWrap}>\n          <Ruler\n            window={win}\n            bounds={bounds}\n            playhead={playhead}\n            onScrub={onScrub}\n            onWindowChange={setWindow}\n          />\n        </div>\n      </div>\n\n      <div className={s.lanes}>\n        {rows.map((row) => {\n          const trackPath = row.path;\n          return (\n            <Lane\n              key={row.key}\n              row={row}\n              window={win}\n              mode={props.mode ?? 'dope'}\n              selection={selection && samePath(selection.trackPath, trackPath) ? selection.keyIndex : null}\n              expanded={expanded.has(row.key)}\n              snapTimes={snapTimes}\n              onToggleExpand={() => toggle(row.key)}\n              onSelect={(keyIndex) => setSelection({ trackPath, keyIndex })}\n              onKeyInput={(keyIndex, toMs) => {\n                onInput?.(moveKey(tracks, { trackPath, keyIndex }, toMs).tracks);\n              }}\n              onKeyCommit={(keyIndex, toMs) => {\n                const r = moveKey(tracks, { trackPath, keyIndex }, toMs);\n                onChange(r.tracks);\n                setSelection(r.selection);\n              }}\n              onKeysInput={(keys) => onInput?.(setKeys(tracks, trackPath, keys))}\n              onKeysCommit={(keys) => onChange(setKeys(tracks, trackPath, keys))}\n              onInsert={(atMs) => {\n                const r = insertKey(tracks, trackPath, atMs);\n                onChange(r.tracks);\n                setSelection(r.selection);\n              }}\n              selectedSegment={segmentSelection && samePath(segmentSelection.trackPath, trackPath) ? segmentSelection.keyIndex : null}\n              onSelectSegment={(keyIndex) => setSegmentSelection({ trackPath, keyIndex })}\n            />\n          );\n        })}\n      </div>\n\n      {renderKeyEditor && selection && selectedKey && selectedTrack?.kind === 'sampled' ? (\n        <div className={s.inspector}>\n          {renderKeyEditor({\n            key: selectedKey,\n            track: selectedTrack as SampledTrack<unknown>,\n            selection,\n            commit: (next) => onChange(setKeyValue(tracks, selection, next.value)),\n            setEasing: (easing) => onChange(setKeyEasing(tracks, selection, easing)),\n          })}\n        </div>\n      ) : null}\n\n      {segmentSelection && segmentKey ? (\n        <div className={s.inspector}>\n          <EasingPicker\n            value={segmentKey.easing}\n            onChange={(next) => onChange(setKeyEasing(tracks, segmentSelection, next))}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","import { useCallback, useEffect, useReducer, useRef, type ReactElement } from 'react';\nimport { useVisibleRaf, type TimelineHandle, type Track } from '@weasel-js/core';\nimport { Timeline, type TimelineProps } from './Timeline';\n\nexport interface AnimatedTimelineProps\n  extends Omit<TimelineProps, 'tracks' | 'duration' | 'playhead' | 'onChange' | 'onScrub' | 'transport'> {\n  handle: TimelineHandle;\n  /** `false` hides the transport, as on `<Timeline>`. */\n  transport?: false;\n}\n\n/** Binds `<Timeline>` to a live handle.\n *\n *  `handle.tracks()` returns the timeline's own array, not a copy, so an edit\n *  splices it in place inside `edit()`. Assigning a replacement array would\n *  update nothing and raise nothing. */\nexport function AnimatedTimeline(props: AnimatedTimelineProps): ReactElement {\n  const { handle, ...rest } = props;\n  const [, bump] = useReducer((n: number) => n + 1, 0);\n\n  // `subscribe` fires on `edit` only, so the playhead comes from the frame loop.\n  useEffect(() => handle.subscribe(bump), [handle]);\n\n  // `useVisibleRaf` returns a controller; a continuous loop re-requests from\n  // inside its own frame, and nothing runs until something calls `request`.\n  // No `onResume` here: this loop measures no elapsed time of its own, it only\n  // reads the playhead the animator already advanced.\n  const rafRef = useRef<{ request(): void } | null>(null);\n  const raf = useVisibleRaf(() => {\n    bump();\n    if (!handle.isPaused()) rafRef.current?.request();\n  });\n  rafRef.current = raf;\n  useEffect(() => {\n    if (!handle.isPaused()) raf.request();\n    return () => raf.cancel();\n  }, [handle, raf]);\n\n  const onChange = useCallback((next: Track[]) => {\n    handle.edit(() => {\n      const live = handle.tracks() as Track[];\n      live.splice(0, live.length, ...next);\n    });\n  }, [handle]);\n\n  const playhead = handle.time();\n  const duration = handle.duration();\n\n  return (\n    <Timeline\n      {...rest}\n      tracks={handle.tracks()}\n      duration={duration}\n      playhead={playhead}\n      onChange={onChange}\n      onScrub={handle.seek}\n      transport={props.transport === false ? false : {\n        paused: handle.isPaused(),\n        loop: handle.loop(),\n        rate: handle.timeScale(),\n        onPlay: () => {\n          // `rearm` declines to revive a timeline at its duration, so resume\n          // alone would do nothing. Play-at-end rewinds first.\n          if (handle.time() >= duration) handle.seek(0);\n          handle.resume();\n          raf.request();\n          bump();\n        },\n        onPause: () => { handle.pause(); bump(); },\n        onLoopChange: (next) => { handle.setLoop(next); bump(); },\n        onRateChange: (next) => { handle.setTimeScale(next); bump(); },\n      }}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/ToggleBar-Bxwv6xvj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleBar-Bxwv6xvj.js","names":[],"sources":["../../src/components/ToggleBar/ToggleBar.module.css","../../src/components/ToggleBar/ToggleBar.tsx"],"sourcesContent":["/* Aqua-glass segmented control. The track is a pill-shaped well; the\n   selected segment becomes a tinted glass cylinder that reads as the same\n   \"lozenge\" family as the standalone Button. Visual params come from the\n   `--btn-*` custom properties (see Button.module.css) so the Button Lab\n   can tune both surfaces with one set of sliders. */\n.root {\n  display: inline-flex;\n  height: var(--tb-h, var(--wzl-control-h, 24px));\n  padding: 2px;\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0.18) 0%,\n    rgba(0, 0, 0, 0.05) 100%\n  );\n  border-radius: var(--wzl-radius-pill);\n  /* Clip segments to the track outline so interior corners read crisp and\n     the selected segment's glass treatment doesn't paint over the rounded\n     outer pixels. */\n  overflow: hidden;\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.4),\n    0 1px 0 rgba(255, 255, 255, 0.06);\n  user-select: none;\n  -webkit-user-select: none;\n  touch-action: none;\n}\n\n.segment {\n  position: relative;\n  flex: 1 1 0;\n  min-width: 0;\n  padding: 0 12px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  margin: 0;\n  font-family: var(--wzl-font-ui);\n  font-weight: var(--wzl-font-weight-normal);\n  font-size: var(--btn-fontsize, var(--wzl-font-size));\n  line-height: 1;\n  color: var(--wzl-fg-muted);\n  cursor: pointer;\n  /* Only round the outer corners of the bar — middle segments stay square\n     so the seams between them don't render as facing parentheses. */\n  border-radius: 0;\n  isolation: isolate;\n  overflow: hidden;\n  transition: color var(--wzl-motion-fast);\n}\n\n/* A glyph label is a fixed box, not text that can reflow: without this it is\n   the only thing in the segment flex can take width from, and three bars in\n   one property row squeeze it to nothing. The side padding drops with it —\n   8px around a 14px glyph is most of a segment. */\n.segment > svg {\n  flex: none;\n}\n\n.segment:has(> svg) {\n  padding: 0 5px;\n}\n\n.segment:first-child {\n  border-radius: var(--wzl-radius-pill) 0 0 var(--wzl-radius-pill);\n}\n\n.segment:last-child {\n  border-radius: 0 var(--wzl-radius-pill) var(--wzl-radius-pill) 0;\n}\n\n.segment:only-child {\n  border-radius: var(--wzl-radius-pill);\n}\n\n.segment:focus-visible {\n  outline: 2px solid var(--wzl-accent);\n  outline-offset: -2px;\n}\n\n.segment:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.segment:hover:not(:disabled):not(.segmentSelected) {\n  color: var(--wzl-fg);\n}\n\n/* Selected segment — full Aqua glass cylinder. Mirrors Button.variant_primary. */\n.segmentSelected {\n  background: linear-gradient(\n    180deg,\n    color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha, 45%), transparent) 0%,\n    color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha, 70%), transparent) calc(var(--btn-equator, 52%) - var(--btn-equator-spread, 12%)),\n    color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint, 95%), white) var(--btn-equator, 52%),\n    var(--wzl-accent) calc(var(--btn-equator, 52%) + var(--btn-equator-spread, 12%) * 1.6),\n    color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint, 70%), black) 100%\n  );\n  backdrop-filter: blur(var(--btn-blur, 6px)) saturate(var(--btn-saturate, 1.3));\n  -webkit-backdrop-filter: blur(var(--btn-blur, 6px)) saturate(var(--btn-saturate, 1.3));\n  color: var(--wzl-fg-on-accent);\n  text-shadow:\n    0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow, 0.35)),\n    var(--btn-text-inset-x, 0px) var(--btn-text-inset-y, 1px) 0 rgba(0, 0, 0, var(--btn-text-inset, 0.55)),\n    0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow, 0.35) * 0.5));\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi, 0.42)),\n    inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo, 0.3)),\n    0 0 0 1px rgba(0, 0, 0, var(--btn-rim, 0.22)),\n    0 1px 2px rgba(0, 0, 0, var(--btn-drop-near, 0.3)),\n    0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far, 0.18) * 0.8));\n}\n\n/* Specular gloss on the selected segment. Top corners inherit the\n   segment's radius so they hug the upper edge cleanly; bottom corners\n   are flattened so the gloss ends in a straight line at the equator\n   instead of two little curves that read as `)(` brackets. */\n.segmentSelected::before {\n  content: '';\n  position: absolute;\n  inset: 1px 1px var(--btn-gloss-bottom, 50%) 1px;\n  border-radius: inherit;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(255, 255, 255, var(--btn-gloss-top, 0.42)) 0%,\n    rgba(255, 255, 255, var(--btn-gloss-mid, 0.12)) 60%,\n    rgba(255, 255, 255, 0) 100%\n  );\n  pointer-events: none;\n  z-index: 1;\n}\n\n.segmentSelected > * {\n  position: relative;\n  z-index: 2;\n}\n\n/* Mixed segment (`aria-pressed=\"mixed\"`) — the sources disagree. Reads as a\n   deliberate third state rather than a dimmed \"on\": a flat accent wash with\n   none of the selected segment's gloss/cylinder treatment, so it can't be\n   mistaken for the glass lozenge at a glance. */\n.segmentMixed {\n  background: color-mix(in srgb, var(--wzl-accent) 22%, transparent);\n  color: var(--wzl-fg);\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wzl-accent) 45%, transparent);\n}\n\n.segmentMixed:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--wzl-accent) 32%, transparent);\n}\n\n.variant_minimal .segmentMixed {\n  background: color-mix(in srgb, var(--wzl-accent) 18%, transparent);\n  box-shadow: none;\n  color: var(--wzl-fg);\n}\n\n/* Small variant — ~60% of the default height, with proportionally reduced\n   padding and font. Sized for dense surfaces (lab control panels, inline\n   filters, etc.). */\n.size_sm {\n  height: 17px;\n  padding: 1px;\n}\n\n.size_sm .segment {\n  padding: 0 8px;\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* `.size_sm .segment` outranks the glyph rule above on specificity, so a\n   small bar's glyph segments need the tight padding restated to stay\n   near-square rather than reading as wide plates. */\n.size_sm .segment:has(> svg) {\n  padding: 0 3px;\n}\n\n/* Minimal variant — strips the pill track, glass selected state, inset\n   shadows, and outer padding. Used in dense diagnostic surfaces (dispatch\n   trace, lab inspectors) where the bar must read as plain text controls. */\n.variant_minimal {\n  height: auto;\n  padding: 0;\n  background: none;\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  box-shadow: none;\n  gap: 0;\n}\n\n.variant_minimal .segment {\n  padding: 0 6px;\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-medium);\n  line-height: 1.4;\n  border-radius: 0;\n  color: var(--wzl-fg-muted);\n  transition: none;\n}\n\n/* Dividers between segments make the mutual-exclusion grouping visible\n   without a heavy track. Only the inner edges get a rule — the outer\n   border on `.variant_minimal` handles the perimeter. */\n.variant_minimal .segment + .segment {\n  border-left: 1px solid var(--wzl-border);\n}\n\n.variant_minimal .segment:first-child,\n.variant_minimal .segment:last-child,\n.variant_minimal .segment:only-child {\n  border-radius: 0;\n}\n\n.variant_minimal .segment:hover:not(:disabled):not(.segmentSelected) {\n  color: var(--wzl-fg);\n  background: var(--wzl-surface-hover);\n}\n\n.variant_minimal .segmentSelected {\n  background: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--wzl-accent-fg, var(--wzl-accent));\n  text-shadow: none;\n  box-shadow: none;\n  font-weight: var(--wzl-font-weight-medium);\n}\n\n.variant_minimal .segmentSelected::before {\n  content: none;\n}\n\n/* Flat variant — no track, no glass, no pill: each segment is its own\n   outlined cell. For property panels, where a bar sits in a row beside\n   inputs and the glass cylinder makes it the loudest thing on the surface. */\n.variant_flat {\n  padding: 0;\n  background: none;\n  border-radius: var(--wzl-radius-sm);\n  box-shadow: none;\n  overflow: visible;\n}\n\n.variant_flat .segment {\n  border: 1px solid var(--wzl-border-strong);\n  border-radius: 0;\n  /* Sunken, so an unselected cell sits below the panel and the selected one\n     reads as raised without needing the glass treatment back. */\n  background: var(--wzl-surface-sunken);\n  color: var(--wzl-fg-muted);\n}\n\n/* Adjacent cells share one rule rather than stacking two. */\n.variant_flat .segment + .segment {\n  margin-inline-start: -1px;\n}\n\n.variant_flat .segment:first-child {\n  border-start-start-radius: var(--wzl-radius-sm);\n  border-end-start-radius: var(--wzl-radius-sm);\n}\n\n.variant_flat .segment:last-child {\n  border-start-end-radius: var(--wzl-radius-sm);\n  border-end-end-radius: var(--wzl-radius-sm);\n}\n\n.variant_flat .segment:hover:not(:disabled):not(.segmentSelected) {\n  background: var(--wzl-surface-hover);\n  color: var(--wzl-fg);\n}\n\n.variant_flat .segmentSelected {\n  background: var(--wzl-accent);\n  border-color: var(--wzl-accent);\n  color: var(--wzl-fg-on-accent);\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  text-shadow: none;\n  box-shadow: none;\n  /* Its own border rather than the neighbour's overlapping edge. */\n  z-index: 1;\n}\n\n.variant_flat .segmentSelected::before {\n  content: none;\n}\n","import { type CSSProperties, type ReactElement, type ReactNode } from 'react';\nimport s from './ToggleBar.module.css';\nimport { useRovingTabIndex } from '../../useRovingTabIndex';\n\n/** One segment of a {@link ToggleBar}, identified by its `value`. */\nexport type ToggleBarItem<V extends string | number = string> = {\n  value: V;\n  label?: ReactNode;\n  ariaLabel?: string;\n  disabled?: boolean;\n};\n\n/** Segment height and type scale for a {@link ToggleBar}. */\nexport type ToggleBarSize = 'sm' | 'md';\n/** Visual treatment of a {@link ToggleBar}. */\nexport type ToggleBarVariant = 'default' | 'minimal' | 'flat';\n\ntype CommonProps = {\n  ariaLabel?: string;\n  className?: string;\n  height?: number;\n  /** Size variant. `sm` is ~60% of the default height with reduced padding\n   *  and font size — sized for dense surfaces like lab control panels. */\n  size?: ToggleBarSize;\n  /** Visual variant. `minimal` strips the pill track and glass treatment;\n   *  selection becomes a flat accent. For dense diagnostic surfaces. */\n  variant?: ToggleBarVariant;\n};\n\n/**\n * Props for {@link ToggleBar}, discriminated on `mode`. Single mode is\n * controlled by one value or `null`; multiple mode by an array, and only it\n * accepts `mixedValues`.\n */\nexport type ToggleBarProps<V extends string | number = string> =\n  | (CommonProps & {\n      mode?: 'single';\n      items: readonly ToggleBarItem<V>[];\n      value: V | null;\n      onChange: (next: V | null) => void;\n      allowDeselect?: boolean;\n    })\n  | (CommonProps & {\n      mode: 'multiple';\n      items: readonly ToggleBarItem<V>[];\n      value: readonly V[];\n      /**\n       * Values that are neither on nor off — the sources this bar\n       * aggregates disagree (a text range that is bold in part of it, a\n       * multi-selection whose nodes differ). Rendered `aria-pressed=\"mixed\"`,\n       * the ARIA tri-state a toggle button actually has, rather than\n       * `SelectionPanel`'s reduced-opacity-plus-`title` workaround for\n       * `Switch`, which has no indeterminate state to render.\n       *\n       * `value` wins where the two lists overlap, so a caller that can't\n       * cheaply keep them disjoint doesn't get an ambiguous segment.\n       *\n       * Clicking a mixed segment turns it fully **on**, matching the\n       * everywhere-else convention (and `toggleFlagInRange`'s rule for a\n       * partially-styled text range) that a mixed toggle resolves toward\n       * the affirmative rather than clearing.\n       */\n      mixedValues?: readonly V[];\n      onChange: (next: V[]) => void;\n    });\n\n/**\n * Segmented control for choosing among a fixed set of values — one of them\n * (`mode: 'single'`, the default) or any number (`mode: 'multiple'`).\n *\n * Single mode ignores a click on the already-selected segment unless\n * `allowDeselect` is set. Arrow keys move focus without changing the value;\n * Space and Enter commit.\n */\nexport function ToggleBar<V extends string | number = string>(props: ToggleBarProps<V>): ReactElement {\n  const { items, ariaLabel, className, height, size, variant } = props;\n  const mode = props.mode ?? 'single';\n\n  const isSelected = (value: V): boolean => {\n    if (mode === 'multiple') return (props.value as readonly V[]).includes(value);\n    return (props.value as V | null) === value;\n  };\n\n  /** Mixed only in multiple mode, and only where `value` doesn't already\n   *  claim the segment. Single mode has nothing to be mixed about — its\n   *  aggregate is one value or none. */\n  const isMixed = (value: V): boolean => {\n    if (mode !== 'multiple') return false;\n    const mixed = (props as { mixedValues?: readonly V[] }).mixedValues;\n    return mixed !== undefined && mixed.includes(value) && !isSelected(value);\n  };\n\n  const handleClick = (index: number) => () => {\n    const item = items[index];\n    if (item.disabled) return;\n    if (mode === 'multiple') {\n      const current = props.value as readonly V[];\n      const next = current.includes(item.value)\n        ? current.filter(v => v !== item.value)\n        : [...current, item.value];\n      (props.onChange as (n: V[]) => void)(next);\n    } else {\n      const current = props.value as V | null;\n      if (current === item.value) {\n        if ((props as { allowDeselect?: boolean }).allowDeselect) {\n          (props.onChange as (n: V | null) => void)(null);\n        }\n        return;\n      }\n      (props.onChange as (n: V | null) => void)(item.value);\n    }\n  };\n\n  const selectedIndex = mode === 'single'\n    ? items.findIndex(it => it.value === (props.value as V | null))\n    : -1;\n\n  const roving = useRovingTabIndex({\n    items,\n    itemClassName: s.segment,\n    // Single mode is a radiogroup: the tab stop is the current value, and\n    // arrow keys move the selection with the focus. Multiple mode is a set of\n    // independent toggles — focus alone moves, and Space/Enter flips.\n    tabStopIndex: selectedIndex >= 0 && !items[selectedIndex].disabled ? selectedIndex : undefined,\n    onNavigate: mode === 'single'\n      ? (index) => (props.onChange as (n: V | null) => void)(items[index].value)\n      : undefined,\n    onActivate: mode === 'multiple' ? (index) => handleClick(index)() : undefined,\n  });\n\n  const style: CSSProperties | undefined = height !== undefined\n    ? ({ ['--tb-h' as string]: `${height}px` } as CSSProperties)\n    : undefined;\n\n  const rootCls = [\n    s.root,\n    size && s[`size_${size}`],\n    variant && s[`variant_${variant}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div\n      ref={roving.rootRef}\n      className={rootCls}\n      role={mode === 'multiple' ? 'group' : 'radiogroup'}\n      aria-label={ariaLabel}\n      style={style}\n    >\n      {items.map((item, i) => {\n        const selected = isSelected(item.value);\n        const mixed = isMixed(item.value);\n        const cls = [s.segment, selected && s.segmentSelected, mixed && s.segmentMixed]\n          .filter(Boolean)\n          .join(' ');\n        return (\n          <button\n            key={item.value}\n            type=\"button\"\n            role={mode === 'multiple' ? undefined : 'radio'}\n            aria-checked={mode === 'multiple' ? undefined : selected}\n            aria-pressed={mode === 'multiple' ? (mixed ? 'mixed' : selected) : undefined}\n            aria-label={item.ariaLabel}\n            disabled={item.disabled}\n            tabIndex={roving.tabIndexFor(i)}\n            className={cls}\n            onClick={handleClick(i)}\n            onKeyDown={roving.onKeyDown(i)}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AC0EA,SAAgB,EAA8C,GAAwC;CACpG,IAAM,EAAE,UAAO,cAAW,cAAW,WAAQ,SAAM,eAAY,GACzD,IAAO,EAAM,QAAQ,UAErB,KAAc,MACd,MAAS,aAAoB,EAAM,MAAuB,SAAS,EAAM,GACrE,EAAM,UAAuB,GAMjC,KAAW,MAAsB;AACrC,MAAI,MAAS,WAAY,QAAO;EAChC,IAAM,IAAS,EAAyC;AACxD,SAAO,MAAU,KAAA,KAAa,EAAM,SAAS,EAAM,IAAI,CAAC,EAAW,EAAM;IAGrE,KAAe,YAAwB;EAC3C,IAAM,IAAO,EAAM;AACf,SAAK,SACT,KAAI,MAAS,YAAY;GACvB,IAAM,IAAU,EAAM,OAChB,IAAO,EAAQ,SAAS,EAAK,MAAM,GACrC,EAAQ,QAAO,MAAK,MAAM,EAAK,MAAM,GACrC,CAAC,GAAG,GAAS,EAAK,MAAM;AAC3B,KAAM,SAA8B,EAAK;SACrC;AAEL,OADgB,EAAM,UACN,EAAK,OAAO;AAC1B,IAAK,EAAsC,iBACxC,EAAM,SAAmC,KAAK;AAEjD;;AAED,KAAM,SAAmC,EAAK,MAAM;;IAInD,IAAgB,MAAS,WAC3B,EAAM,WAAU,MAAM,EAAG,UAAW,EAAM,MAAmB,GAC7D,IAEE,IAAS,EAAkB;EAC/B;EACA,eAAe,EAAE;EAIjB,cAAc,KAAiB,KAAK,CAAC,EAAM,GAAe,WAAW,IAAgB,KAAA;EACrF,YAAY,MAAS,YAChB,MAAW,EAAM,SAAmC,EAAM,GAAO,MAAM,GACxE,KAAA;EACJ,YAAY,MAAS,cAAc,MAAU,EAAY,EAAM,EAAE,GAAG,KAAA;EACrE,CAAC,EAEI,IAAmC,MAAW,KAAA,IAEhD,KAAA,IADC,EAAG,UAAqB,GAAG,EAAO,KAAK,EAGtC,IAAU;EACd,EAAE;EACF,KAAQ,EAAE,QAAQ;EAClB,KAAW,EAAE,WAAW;EACxB;EACD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;AAE3B,QACE,kBAAC,OAAD;EACE,KAAK,EAAO;EACZ,WAAW;EACX,MAAM,MAAS,aAAa,UAAU;EACtC,cAAY;EACL;YAEN,EAAM,KAAK,GAAM,MAAM;GACtB,IAAM,IAAW,EAAW,EAAK,MAAM,EACjC,IAAQ,EAAQ,EAAK,MAAM,EAC3B,IAAM;IAAC,EAAE;IAAS,KAAY,EAAE;IAAiB,KAAS,EAAE;IAAa,CAC5E,OAAO,QAAQ,CACf,KAAK,IAAI;AACZ,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAM,MAAS,aAAa,KAAA,IAAY;IACxC,gBAAc,MAAS,aAAa,KAAA,IAAY;IAChD,gBAAc,MAAS,aAAc,IAAQ,UAAU,IAAY,KAAA;IACnE,cAAY,EAAK;IACjB,UAAU,EAAK;IACf,UAAU,EAAO,YAAY,EAAE;IAC/B,WAAW;IACX,SAAS,EAAY,EAAE;IACvB,WAAW,EAAO,UAAU,EAAE;cAE7B,EAAK;IACC,EAbF,EAAK,MAaH;IAEX;EACE,CAAA"}

package/dist/chunks/createKeyframeLayer-AL4jP0EX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createKeyframeLayer-AL4jP0EX.js","names":[],"sources":["../../src/components/CurveEditor/hitTest.ts","../../src/components/CurveEditor/CurveEditor.module.css","../../src/components/CurveEditor/LayeredCurveEditor.tsx","../../src/components/CurveEditor/snap.ts","../../src/components/CurveEditor/createKeyframeLayer.tsx"],"sourcesContent":["/**\n * Curve-specific hit tests. Generic coord transforms live in\n * `../Plot2D/geometry`; what's here is curve-only (anchor / polyline\n * proximity).\n */\nimport type { Point } from '../Plot2D/geometry';\n\n/**\n * Nearest-anchor hit test. Anchors are already in plot/screen coords.\n * Returns the index of the nearest anchor whose squared distance to\n * the pointer is ≤ radius². Null if no anchor is within radius.\n */\nexport function hitTestAnchor(\n  anchors: readonly Point[],\n  pointer: Point,\n  radius: number,\n): { index: number } | null {\n  const r2 = radius * radius;\n  let best: { index: number; d2: number } | null = null;\n  for (let i = 0; i < anchors.length; i++) {\n    const a = anchors[i];\n    const dx = a.x - pointer.x;\n    const dy = a.y - pointer.y;\n    const d2 = dx * dx + dy * dy;\n    if (d2 > r2) continue;\n    if (best === null || d2 < best.d2) best = { index: i, d2 };\n  }\n  return best ? { index: best.index } : null;\n}\n\n/**\n * Hit test against a per-segment sampled polyline. Each entry in\n * `segments` is the sample list for one segment (inclusive of\n * endpoints). Returns segment index + t (∈ [0, 1]) of the closest\n * point on the polyline within radius. Null if nothing is in range.\n *\n * Distance is measured to the line-segment chords between adjacent\n * samples, not just to the samples themselves — so sparse sampling\n * still produces accurate hits along the chord.\n */\nexport function hitTestCurve(\n  segments: readonly (readonly Point[])[],\n  pointer: Point,\n  radius: number,\n): { segIdx: number; t: number } | null {\n  const r2 = radius * radius;\n  let best: { segIdx: number; t: number; d2: number } | null = null;\n  for (let segIdx = 0; segIdx < segments.length; segIdx++) {\n    const samples = segments[segIdx];\n    if (samples.length < 2) continue;\n    const last = samples.length - 1;\n    for (let i = 0; i < last; i++) {\n      const a = samples[i];\n      const b = samples[i + 1];\n      const abx = b.x - a.x;\n      const aby = b.y - a.y;\n      const apx = pointer.x - a.x;\n      const apy = pointer.y - a.y;\n      const ab2 = abx * abx + aby * aby;\n      let u = ab2 > 0 ? (apx * abx + apy * aby) / ab2 : 0;\n      if (u < 0) u = 0;\n      else if (u > 1) u = 1;\n      const cx = a.x + u * abx;\n      const cy = a.y + u * aby;\n      const dx = cx - pointer.x;\n      const dy = cy - pointer.y;\n      const d2 = dx * dx + dy * dy;\n      if (d2 > r2) continue;\n      const t = (i + u) / last;\n      if (best === null || d2 < best.d2) best = { segIdx, t, d2 };\n    }\n  }\n  return best ? { segIdx: best.segIdx, t: best.t } : null;\n}\n",".root {\n  /* Component-local vars layered over the theme tokens. Each var resolves\n   * to a semantic token from @weasel-js/theme; consumers override\n   * either the curve-* var (component scope) or the wzl-* token (app\n   * scope) without touching this file.\n   *\n   * Background / grid / axis tokens live on Plot2D now (this component\n   * composes Plot2D, which paints the background and chrome). */\n  --curve-line: var(--wzl-curve-color);\n  --curve-line-width: var(--wzl-curve-width);\n  --curve-fill: color-mix(in srgb, var(--curve-line) 30%, transparent);\n  --curve-anchor-fill: var(--wzl-surface);\n  --curve-anchor-stroke: var(--curve-line);\n  --curve-anchor-radius: 4;\n  --curve-anchor-active-fill: var(--curve-line);\n  --curve-pinned-fill: var(--wzl-fg-subtle);\n}\n\n.fill {\n  fill: var(--curve-fill);\n  stroke: none;\n  pointer-events: none;\n}\n\n.curve {\n  stroke: var(--curve-line);\n  stroke-width: var(--curve-line-width);\n  fill: none;\n  pointer-events: stroke;\n}\n\n.anchor {\n  fill: var(--curve-anchor-fill);\n  stroke: var(--curve-anchor-stroke);\n  stroke-width: 1.5;\n  cursor: grab;\n}\n\n.anchor:hover {\n  fill: var(--curve-anchor-active-fill);\n}\n\n.anchor.active {\n  fill: var(--curve-anchor-active-fill);\n  cursor: grabbing;\n}\n\n.anchor.pinned {\n  fill: var(--curve-pinned-fill);\n  cursor: default;\n}\n\n/* Caller-set locked anchors share the gray pinned fill but signal\n * \"not interactive at all\" via the not-allowed cursor. */\n.anchor.locked {\n  cursor: not-allowed;\n}\n\n/* Endpoint vertices render as diamonds (rotated squares) instead of\n * circles, so they read as a different category of handle. The shape\n * is enforced inline via SVG <rect transform>; this class only adds\n * the hover/active styling. */\n.endpoint {\n  /* No fill / stroke overrides — endpoint visuals reuse .anchor /\n   * .anchor.pinned / .anchor.active styling. The class exists as a\n   * marker for future per-endpoint styling needs. */\n}\n\n/* When the consumer opts into hiding non-interactive handles, pinned\n * endpoints disappear entirely. */\n.hidden {\n  display: none;\n}\n\n/* Focus is drawn on the mark itself: an outline on an SVG shape rings its\n   bounding box, which the nearest scroll container clips. */\n.anchor:focus-visible {\n  outline: none;\n  stroke: var(--wzl-focus-ring);\n  stroke-width: 2;\n}\n\n/* ── keyframe layer ─────────────────────────────────────────────────── */\n\n.keyframe {\n  fill: var(--curve-key-fill, var(--wzl-fg-muted));\n  cursor: grab;\n}\n\n.keyframe[aria-current='true'] { fill: var(--curve-selected, var(--wzl-accent-strong)); }\n.keyframe:focus-visible,\n.handle:focus-visible {\n  outline: none;\n  stroke: var(--wzl-focus-ring);\n  stroke-width: 2;\n}\n\n.segmentTarget:focus-visible {\n  outline: none;\n  stroke: var(--wzl-focus-ring);\n  stroke-opacity: 0.5;\n}\n\n/* The committed key holds while its ghost tracks the pointer, so a drag\n   reads as a move from somewhere to somewhere. */\n.keyframe[data-dragging='true'] { opacity: 0.4; }\n\n.keyframeGhost {\n  fill: var(--curve-selected-soft, var(--wzl-accent-soft));\n  stroke: var(--curve-selected, var(--wzl-accent-strong));\n  stroke-width: 1;\n  stroke-dasharray: 2 2;\n  pointer-events: none;\n}\n\n.segmentBand {\n  fill: var(--curve-selected-soft, var(--wzl-accent-soft));\n  pointer-events: none;\n}\n\n/* Carries focus and a name for each segment; hit testing is geometric. */\n.segmentTarget {\n  fill: none;\n  stroke: transparent;\n  stroke-width: 8;\n  pointer-events: none;\n}\n\n.handle {\n  fill: var(--wzl-surface);\n  stroke: var(--curve-selected, var(--wzl-accent-strong));\n  stroke-width: 1;\n  cursor: grab;\n}\n\n.handleStem {\n  stroke: var(--curve-selected, var(--wzl-accent-strong));\n  stroke-width: 1;\n  pointer-events: none;\n}\n","import {\n  useCallback, useEffect, useMemo, useRef, useState,\n  type CSSProperties,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n  type ReactNode,\n} from 'react';\nimport { openPointerSession, type PointerSession } from '@weasel-js/core';\nimport {\n  Plot2D,\n  type Plot2DHandle,\n  type GridSettings,\n  type AxesSettings,\n  type TickSettings,\n} from '../Plot2D';\nimport {\n  modelToPlot, plotToModel,\n  type ModelRange,\n} from '../Plot2D/geometry';\nimport { dlog } from '../../dlog';\nimport s from './CurveEditor.module.css';\nimport type {\n  CurveLayer, LayerCtx, LayerGesture, LayerModifiers, ModelPoint, PlotPoint,\n} from './layerTypes';\n\n/**\n * A layer paired with the state the consumer holds for it. The editor never\n * stores layer state itself.\n */\nexport interface LayerBinding<S = unknown> {\n  layer: CurveLayer<S>;\n  state: S;\n}\n\n/** Props for {@link LayeredCurveEditor}. */\nexport interface LayeredCurveEditorProps {\n  /** Bottom-to-top render order: `layers[0]` paints first, `layers[N-1]`\n   *  paints on top. Hit-testing runs in reverse (topmost claim wins). */\n  layers: ReadonlyArray<LayerBinding<unknown>>;\n\n  /** Fires every frame during a gesture with the live in-flight state\n   *  for the layer that owns the gesture. */\n  onLayerChange(id: string, next: unknown): void;\n\n  /** Fires once per discrete user action (drag-end, one-shot insert,\n   *  delete) for the layer that produced the change. `prev` is the\n   *  layer's state at gesture start. */\n  onLayerCommit?(id: string, next: unknown, prev: unknown): void;\n\n  width: number;\n  height: number;\n  /** Model-space x range. Default [0, 1]. */\n  xRange?: readonly [number, number];\n  /** Model-space y range. Default [0, 1]. */\n  yRange?: readonly [number, number];\n  grid?: GridSettings | false | null;\n  axes?: AxesSettings | false | null;\n  /** Ticks at x values. See `Plot2D.xTicks`. */\n  xTicks?: TickSettings | false | null;\n  /** Ticks at y values. See `Plot2D.yTicks`. */\n  yTicks?: TickSettings | false | null;\n\n  /** Built-in undo/redo via Cmd/Ctrl+Z (Shift+Z or Y for redo) on the\n   *  focused SVG. Snapshots every layer's state on each commit; undo\n   *  fires `onLayerChange(id, prevState)` for each layer whose state\n   *  changed. Default `true`. */\n  history?: boolean;\n\n  /** Accessible name for the plot, which is exposed as a group so the\n   *  focusable marks layers render inside it stay reachable. */\n  'aria-label'?: string;\n  className?: string;\n  style?: CSSProperties;\n\n  /** Extra SVG content rendered behind all layers (under the lowest\n   *  layer but above grid/axes). Use this for static chrome that isn't\n   *  worth modeling as a layer. */\n  children?: ReactNode;\n}\n\ninterface ActiveGesture {\n  layerId: string;\n  gesture: LayerGesture<unknown>;\n  startStates: Map<string, unknown>;\n  startSelfState: unknown;\n}\n\n/** A cancel carries no event, so a layer's `onCancel` sees no modifiers held. */\nconst NO_MODIFIERS: LayerModifiers = { shift: false, alt: false, meta: false, ctrl: false };\n\nfunction readModifiers(e: PointerEvent | ReactPointerEvent | KeyboardEvent | ReactKeyboardEvent): LayerModifiers {\n  return {\n    shift: e.shiftKey,\n    alt: e.altKey,\n    meta: e.metaKey,\n    ctrl: e.ctrlKey,\n  };\n}\n\n/**\n * A `Plot2D` that hosts a stack of composable curve layers. It owns the\n * pointer gestures and the coordinate mapping; each layer supplies its own\n * drawing, hit testing and gesture behavior.\n *\n * Layer state stays with the consumer: the editor reports changes through\n * `onLayerChange` during a gesture and `onLayerCommit` at its end, and reads\n * the state back from props each frame. That is what lets one layer's drag\n * update another layer's state mid-gesture.\n */\nexport function LayeredCurveEditor(props: LayeredCurveEditorProps) {\n  const {\n    layers, onLayerChange, onLayerCommit,\n    width, height,\n    xRange = [0, 1], yRange = [0, 1],\n    grid, axes, xTicks, yTicks,\n    className, style, children,\n  } = props;\n\n  const historyEnabled = props.history !== false;\n\n  const modelRange: ModelRange = useMemo(\n    () => ({ xMin: xRange[0], xMax: xRange[1], yMin: yRange[0], yMax: yRange[1] }),\n    [xRange, yRange],\n  );\n  const plotSize = useMemo(() => ({ width, height }), [width, height]);\n\n  // Refs that always hold the latest props — gesture handlers and\n  // window listeners close over these refs, never over render-time\n  // values, so mid-drag re-renders (including cross-layer state\n  // updates) are visible to the next pointermove tick.\n  const layersRef = useRef(layers);\n  layersRef.current = layers;\n  const modelRangeRef = useRef(modelRange);\n  modelRangeRef.current = modelRange;\n  const plotSizeRef = useRef(plotSize);\n  plotSizeRef.current = plotSize;\n\n  const plotRef = useRef<Plot2DHandle | null>(null);\n\n  // ── Coord helpers ──────────────────────────────────────────────────\n  const makeCtx = useCallback((modifiers: LayerModifiers): LayerCtx => {\n    const mr = modelRangeRef.current;\n    const ps = plotSizeRef.current;\n    return {\n      modelRange: mr,\n      plotSize: ps,\n      toPlot: (p) => modelToPlot(p, mr, ps),\n      toModel: (p) => plotToModel(p, mr, ps),\n      modifiers,\n    };\n  }, []);\n\n  // ── Gesture routing ────────────────────────────────────────────────\n  const activeRef = useRef(null as ActiveGesture | null);\n  const [activeLayerId, setActiveLayerId] = useState<string | null>(null);\n\n  // ── History (whole-state snapshots) ────────────────────────────────\n  const pastRef = useRef<Map<string, unknown>[]>([]);\n  const futureRef = useRef<Map<string, unknown>[]>([]);\n\n  const snapshot = useCallback((): Map<string, unknown> => {\n    const m = new Map<string, unknown>();\n    for (const b of layersRef.current) m.set(b.layer.id, b.state);\n    return m;\n  }, []);\n\n  const restore = useCallback((snap: Map<string, unknown>) => {\n    const current = layersRef.current;\n    for (const b of current) {\n      const prev = snap.get(b.layer.id);\n      if (prev !== undefined && prev !== b.state) {\n        onLayerChange(b.layer.id, prev);\n      }\n    }\n  }, [onLayerChange]);\n\n  const undo = useCallback(() => {\n    if (!historyEnabled) return;\n    const past = pastRef.current;\n    if (past.length === 0) return;\n    const prev = past.pop()!;\n    futureRef.current.push(snapshot());\n    restore(prev);\n  }, [historyEnabled, snapshot, restore]);\n\n  const redo = useCallback(() => {\n    if (!historyEnabled) return;\n    const future = futureRef.current;\n    if (future.length === 0) return;\n    const next = future.pop()!;\n    pastRef.current.push(snapshot());\n    restore(next);\n  }, [historyEnabled, snapshot, restore]);\n\n  // ── Pointer routing during an active gesture ───────────────────────\n  // The session's callbacks are fixed at gesture start, so they delegate\n  // through refs holding the latest per-render impl — a mid-drag re-render\n  // must reach the next pointermove tick.\n  const onGestureMoveRef = useRef<(e: PointerEvent) => void>(() => {});\n  const onGestureEndRef = useRef<(e: PointerEvent) => void>(() => {});\n  const onGestureCancelRef = useRef<() => void>(() => {});\n\n  const sessionRef = useRef<PointerSession | null>(null);\n\n  const cleanupGesture = useCallback(() => {\n    sessionRef.current = null;\n    activeRef.current = null;\n    setActiveLayerId(null);\n  }, []);\n\n  const findLayerState = useCallback((id: string): unknown | undefined => {\n    for (const b of layersRef.current) if (b.layer.id === id) return b.state;\n    return undefined;\n  }, []);\n\n  onGestureMoveRef.current = (e: PointerEvent) => {\n    const a = activeRef.current;\n    if (!a) return;\n    const h = plotRef.current;\n    if (!h) return;\n    const model = h.clientToModel(e);\n    const current = findLayerState(a.layerId);\n    if (current === undefined) return;\n    const ctx = makeCtx(readModifiers(e));\n    const next = a.gesture.onMove(current, model, e, ctx);\n    if (next !== current) onLayerChange(a.layerId, next);\n  };\n\n  onGestureEndRef.current = (e: PointerEvent) => {\n    const a = activeRef.current;\n    if (!a) return;\n    const current = findLayerState(a.layerId);\n    if (current === undefined) { cleanupGesture(); return; }\n    const ctx = makeCtx(readModifiers(e));\n    const finalState = a.gesture.onCommit ? a.gesture.onCommit(current, ctx) : current;\n    if (finalState !== current) onLayerChange(a.layerId, finalState);\n    if (historyEnabled) {\n      pastRef.current.push(a.startStates);\n      futureRef.current = [];\n    }\n    if (onLayerCommit) onLayerCommit(a.layerId, finalState, a.startSelfState);\n    cleanupGesture();\n  };\n\n  onGestureCancelRef.current = () => {\n    const a = activeRef.current;\n    if (!a) return;\n    const current = findLayerState(a.layerId);\n    if (current === undefined) { cleanupGesture(); return; }\n    const ctx = makeCtx(NO_MODIFIERS);\n    const restored = a.gesture.onCancel ? a.gesture.onCancel(current, ctx) : a.startSelfState;\n    if (restored !== current) onLayerChange(a.layerId, restored);\n    cleanupGesture();\n  };\n\n  // No pointer capture: consumers render their own SVG chrome into the plot\n  // through `children`, and capture would retarget pointerup away from it.\n  const installGesture = useCallback((\n    layerId: string,\n    down: ReactPointerEvent<SVGSVGElement>,\n    gesture: LayerGesture<unknown>,\n  ) => {\n    const startStates = snapshot();\n    const startSelfState = startStates.get(layerId);\n    activeRef.current = {\n      layerId, gesture,\n      startStates,\n      startSelfState,\n    };\n    setActiveLayerId(layerId);\n    sessionRef.current = openPointerSession(down.currentTarget, down, {\n      onMove: (e) => onGestureMoveRef.current(e),\n      onEnd: (e) => onGestureEndRef.current(e),\n      onCancel: () => onGestureCancelRef.current(),\n    }, { capture: false });\n  }, [snapshot]);\n\n  // ── pointerdown dispatch ───────────────────────────────────────────\n  const onSvgPointerDown = useCallback((\n    e: ReactPointerEvent<SVGSVGElement>,\n    coords: { plot: PlotPoint; model: ModelPoint },\n  ) => {\n    if (activeRef.current) return; // ignore secondary touches mid-gesture\n    const modifiers = readModifiers(e);\n    const ctx = makeCtx(modifiers);\n    const ls = layersRef.current;\n    const nativeEvent = e.nativeEvent;\n\n    dlog('layered-curve-editor', 'pointerdown', { plot: coords.plot, model: coords.model, layers: ls.length });\n\n    // Capture the pre-event snapshot once; reuse for history if any\n    // path produces a commit (gesture-start commit or one-shot).\n    const preEventSnapshot = snapshot();\n\n    // Top-to-bottom hit test.\n    for (let i = ls.length - 1; i >= 0; i--) {\n      const b = ls[i];\n      const hit = b.layer.hitTest?.(b.state, coords.plot, ctx);\n      if (!hit) continue;\n      // Found a claim. onPointerDown may start a gesture, absorb the\n      // click, or commit a one-shot edit via extra.commit.\n      const prevState = b.state;\n      let committed: unknown = undefined;\n      const gesture = b.layer.onPointerDown?.(\n        prevState, hit, nativeEvent, ctx,\n        {\n          plot: coords.plot,\n          model: coords.model,\n          commit(next) { committed = next; onLayerChange(b.layer.id, next); },\n        },\n      );\n      e.stopPropagation();\n      if (gesture) {\n        installGesture(b.layer.id, e, gesture);\n        return;\n      }\n      if (committed !== undefined) {\n        if (historyEnabled) {\n          pastRef.current.push(preEventSnapshot);\n          futureRef.current = [];\n        }\n        onLayerCommit?.(b.layer.id, committed, prevState);\n      }\n      return;\n    }\n\n    // No hit — empty space dispatch, top-to-bottom.\n    let pendingCommit: { id: string; next: unknown; prev: unknown } | null = null;\n    for (let i = ls.length - 1; i >= 0; i--) {\n      const b = ls[i];\n      if (!b.layer.onEmptyPointerDown) continue;\n      const prevState = b.state;\n      let committed: unknown = undefined;\n      const gesture = b.layer.onEmptyPointerDown(\n        prevState, coords.model, nativeEvent, ctx,\n        {\n          plot: coords.plot,\n          model: coords.model,\n          commit(next) {\n            committed = next;\n            onLayerChange(b.layer.id, next);\n          },\n        },\n      );\n      if (gesture) {\n        // If onEmptyPointerDown also published a commit (e.g. click-curve\n        // insert publishes the new point then drags it), the gesture's\n        // startStates already capture the post-insert state; the commit\n        // for history is the *pre*-event snapshot, written when the\n        // gesture eventually finishes via the gesture-commit path. We\n        // override the gesture's startStates so undo restores correctly.\n        installGesture(b.layer.id, e, gesture);\n        if (committed !== undefined && activeRef.current !== null) {\n          (activeRef.current as ActiveGesture).startStates = preEventSnapshot;\n          (activeRef.current as ActiveGesture).startSelfState = preEventSnapshot.get(b.layer.id);\n        }\n        return;\n      }\n      if (committed !== undefined) {\n        pendingCommit = { id: b.layer.id, next: committed, prev: prevState };\n        break;\n      }\n    }\n    if (pendingCommit) {\n      if (historyEnabled) {\n        pastRef.current.push(preEventSnapshot);\n        futureRef.current = [];\n      }\n      onLayerCommit?.(pendingCommit.id, pendingCommit.next, pendingCommit.prev);\n    }\n  }, [makeCtx, installGesture, onLayerChange, onLayerCommit, historyEnabled, snapshot]);\n\n  // ── keyboard ───────────────────────────────────────────────────────\n  const onSvgKeyDown = useCallback((e: ReactKeyboardEvent<SVGSVGElement>) => {\n    const modifiers = readModifiers(e);\n    const ctx = makeCtx(modifiers);\n    const ls = layersRef.current;\n    // History first.\n    if (historyEnabled && (e.metaKey || e.ctrlKey)) {\n      const k = e.key.toLowerCase();\n      if (k === 'z') {\n        if (e.shiftKey) redo();\n        else undo();\n        e.preventDefault();\n        return;\n      }\n      if (k === 'y') { redo(); e.preventDefault(); return; }\n    }\n    // Then layers (top-to-bottom).\n    for (let i = ls.length - 1; i >= 0; i--) {\n      const b = ls[i];\n      if (!b.layer.onKeyDown) continue;\n      const preEventSnapshot = snapshot();\n      let committed: unknown = undefined;\n      b.layer.onKeyDown(b.state, e.nativeEvent, ctx, {\n        commit(next) { committed = next; onLayerChange(b.layer.id, next); },\n      });\n      if (committed !== undefined) {\n        if (historyEnabled) {\n          pastRef.current.push(preEventSnapshot);\n          futureRef.current = [];\n        }\n        onLayerCommit?.(b.layer.id, committed, b.state);\n      }\n      // The layer prevents default on the native event, which the synthetic\n      // event's `isDefaultPrevented` does not observe.\n      if (e.nativeEvent.defaultPrevented) return;\n    }\n  }, [historyEnabled, undo, redo, makeCtx, snapshot, onLayerChange, onLayerCommit]);\n\n  useEffect(() => () => { sessionRef.current?.cancel(); }, []);\n\n  // ── render ─────────────────────────────────────────────────────────\n  const renderCtxBase: Omit<LayerCtx, 'modifiers'> = useMemo(() => ({\n    modelRange,\n    plotSize,\n    toPlot: (p) => modelToPlot(p, modelRange, plotSize),\n    toModel: (p) => plotToModel(p, modelRange, plotSize),\n  }), [modelRange, plotSize]);\n\n  const cls = [s.root, className].filter(Boolean).join(' ');\n\n  return (\n    <Plot2D\n      ref={plotRef}\n      className={cls}\n      style={style}\n      width={width}\n      height={height}\n      xRange={xRange}\n      yRange={yRange}\n      grid={grid}\n      axes={axes}\n      xTicks={xTicks}\n      yTicks={yTicks}\n      tabIndex={historyEnabled ? 0 : undefined}\n      role=\"group\"\n      aria-label={props['aria-label']}\n      onPointerDown={onSvgPointerDown}\n      onKeyDown={onSvgKeyDown}\n    >\n      {children}\n      {layers.map((b) => {\n        const ctx = {\n          ...renderCtxBase,\n          modifiers: { shift: false, alt: false, meta: false, ctrl: false },\n          isActive: activeLayerId === b.layer.id,\n        };\n        return (\n          <g key={b.layer.id} data-layer-id={b.layer.id}>\n            {b.layer.render(b.state, ctx)}\n          </g>\n        );\n      })}\n    </Plot2D>\n  );\n}\n","/** Snap `value` to the nearest candidate within `tolerance`, else return it. */\nexport function snapToNearest(value: number, candidates: readonly number[], tolerance: number): number {\n  let best = value;\n  let bestDist = tolerance;\n  for (const c of candidates) {\n    const d = Math.abs(c - value);\n    if (d <= bestDist) {\n      best = c;\n      bestDist = d;\n    }\n  }\n  return best;\n}\n","/**\n * Keyframe layer for LayeredCurveEditor: a value-over-time curve whose shape\n * between two keys is the easing on the later one, with draggable keys and\n * draggable cubic-bezier handles on the selected segment.\n *\n * Distinct from `createFunctionLayer`, which interpolates a spline through\n * its anchors. Here the keys are exact and the easing approximates between\n * them, so the two do not share curve maths.\n */\nimport type { ReactNode } from 'react';\nimport { cubicBezierEasing, resolveEasing, type EasingFn, type Keyframe } from '@weasel-js/core';\nimport { hitTestAnchor, hitTestCurve } from './hitTest';\nimport { snapToNearest } from './snap';\nimport s from './CurveEditor.module.css';\nimport type {\n  CurveLayer, EmptyDownArgs, KeyDownArgs, LayerCtx, LayerGesture, LayerHit, LayerRenderCtx, PlotPoint,\n} from './layerTypes';\n\ntype Bezier = readonly [number, number, number, number];\n\n/** A gesture in flight. The committed keys hold still underneath it. */\nexport type KeyframeDrag =\n  | { kind: 'key'; index: number; t: number; value: number }\n  | { kind: 'handle'; segment: number; bezier: Bezier };\n\n/**\n * The state a keyframe layer owns, held by the consumer and round-tripped\n * through `LayeredCurveEditor`'s `onLayerChange`.\n */\nexport interface KeyframeLayerState {\n  /** Sorted ascending by `t`. */\n  keys: readonly Keyframe<number>[];\n  selectedKey: number | null;\n  /** Index of the key the selected segment runs into. Its bezier handles show. */\n  selectedSegment: number | null;\n  drag: KeyframeDrag | null;\n}\n\n/** Configuration for {@link createKeyframeLayer}. */\nexport interface KeyframeLayerConfig {\n  /** Layer id; default `'keyframes'`. */\n  id?: string;\n  /** Names the curve in each mark's accessible name. Default `'Curve'`. */\n  label?: string;\n  /** Formats a key time for accessible names. Default: rounded number. */\n  formatX?: (x: number) => string;\n  /** Times a dragged key snaps to. Holding alt defeats the snap. */\n  snapX?: readonly number[];\n  /** Snap reach, in plot pixels. Default 6. */\n  snapRadiusPx?: number;\n  /** Bounds for a key's time. Default: unbounded. */\n  xClamp?: readonly [number, number];\n  /** Bounds for a key's value. Default: unbounded. */\n  yClamp?: readonly [number, number];\n  /** One arrow-key step in model units; shift takes ten. Default: 1% of the\n   *  plot's range on that axis. */\n  step?: { x?: number; y?: number };\n}\n\nconst SAMPLES_PER_SEGMENT = 16;\nconst KEY_HIT_PX = 8;\nconst HANDLE_HIT_PX = 8;\nconst CURVE_HIT_PX = 6;\nconst DEFAULT_SNAP_PX = 6;\nconst KEY_HALF = 4.5;\nconst HANDLE_RADIUS = 3.5;\nconst SHIFT_MULTIPLIER = 10;\nconst HANDLE_STEP = 0.01;\n\n/** A keyframe layer state with nothing selected and no gesture in flight. */\nexport function keyframeLayerState(keys: readonly Keyframe<number>[]): KeyframeLayerState {\n  return { keys, selectedKey: null, selectedSegment: null, drag: null };\n}\n\nfunction clampTo(v: number, range?: readonly [number, number]): number {\n  return range ? Math.min(range[1], Math.max(range[0], v)) : v;\n}\n\nfunction bezierOf(key: Keyframe<number> | undefined): Bezier | null {\n  const e = key?.easing;\n  return typeof e === 'object' && e !== null && 'bezier' in e ? e.bezier : null;\n}\n\nfunction moveKeyTo(\n  keys: readonly Keyframe<number>[], index: number, t: number, value: number,\n): { keys: Keyframe<number>[]; selectedKey: number } {\n  const moved = { ...keys[index], t, value };\n  const rest = keys.filter((_, i) => i !== index);\n  const at = rest.findIndex((k) => k.t > t);\n  const selectedKey = at === -1 ? rest.length : at;\n  rest.splice(selectedKey, 0, moved);\n  return { keys: rest, selectedKey };\n}\n\n/**\n * The keys a state's drag would leave behind: a dragged key re-sorted into\n * place, or a dragged handle's control points written onto the key its\n * segment runs into. `selectedKey` follows a moved key to its new index; a\n * key dropped where it started returns the same `keys` array.\n */\nexport function applyKeyframeDrag(\n  state: KeyframeLayerState,\n): { keys: readonly Keyframe<number>[]; selectedKey: number | null } {\n  const { drag, keys } = state;\n  if (!drag) return { keys, selectedKey: state.selectedKey };\n  if (drag.kind === 'key') {\n    const k = keys[drag.index];\n    if (k && k.t === drag.t && k.value === drag.value) return { keys, selectedKey: drag.index };\n    return moveKeyTo(keys, drag.index, drag.t, drag.value);\n  }\n  const next = keys.slice();\n  next[drag.segment] = { ...keys[drag.segment], easing: { bezier: drag.bezier } };\n  return { keys: next, selectedKey: state.selectedKey };\n}\n\n/**\n * Builds a keyframe layer for `LayeredCurveEditor`. Model x is time and model\n * y is value; each segment is drawn through the easing on the key it runs\n * into. Every key, segment and handle is focusable and named, and the arrow\n * keys move whichever one has focus.\n */\nexport function createKeyframeLayer(cfg: KeyframeLayerConfig = {}): CurveLayer<KeyframeLayerState> {\n  const id = cfg.id ?? 'keyframes';\n  const label = cfg.label ?? 'Curve';\n  const formatX = cfg.formatX ?? ((x: number) => String(Math.round(x)));\n  const snapRadiusPx = cfg.snapRadiusPx ?? DEFAULT_SNAP_PX;\n\n  // A live handle drag is previewed straight from its control points: a\n  // fresh spec per pointermove through `resolveEasing` would leave one\n  // permanent cache entry per pixel of drag.\n  function easingInto(state: KeyframeLayerState, keys: readonly Keyframe<number>[], seg: number): EasingFn {\n    const d = state.drag;\n    if (d?.kind === 'handle' && d.segment === seg) return cubicBezierEasing(...d.bezier);\n    return resolveEasing(keys[seg].easing);\n  }\n\n  function segmentSamples(state: KeyframeLayerState, keys: readonly Keyframe<number>[], ctx: LayerCtx): PlotPoint[][] {\n    const out: PlotPoint[][] = [];\n    for (let i = 1; i < keys.length; i++) {\n      const a = keys[i - 1];\n      const b = keys[i];\n      const ease = easingInto(state, keys, i);\n      const pts: PlotPoint[] = [];\n      for (let j = 0; j <= SAMPLES_PER_SEGMENT; j++) {\n        const u = j / SAMPLES_PER_SEGMENT;\n        pts.push(ctx.toPlot({ x: a.t + (b.t - a.t) * u, y: a.value + (b.value - a.value) * ease(u) }));\n      }\n      out.push(pts);\n    }\n    return out;\n  }\n\n  function activeBezier(state: KeyframeLayerState): Bezier | null {\n    const seg = state.selectedSegment;\n    if (seg === null || seg < 1 || seg >= state.keys.length) return null;\n    const d = state.drag;\n    if (d?.kind === 'handle' && d.segment === seg) return d.bezier;\n    return bezierOf(state.keys[seg]);\n  }\n\n  function handlePoints(state: KeyframeLayerState, bezier: Bezier, ctx: LayerCtx): [PlotPoint, PlotPoint] {\n    const a = state.keys[state.selectedSegment! - 1];\n    const b = state.keys[state.selectedSegment!];\n    const at = (xf: number, yf: number) =>\n      ctx.toPlot({ x: a.t + xf * (b.t - a.t), y: a.value + yf * (b.value - a.value) });\n    return [at(bezier[0], bezier[1]), at(bezier[2], bezier[3])];\n  }\n\n  const path = (pts: readonly PlotPoint[]): string =>\n    pts.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join('');\n\n  // ── render ──────────────────────────────────────────────────────────\n  function render(state: KeyframeLayerState, ctx: LayerRenderCtx): ReactNode {\n    const shown = state.drag?.kind === 'key' ? applyKeyframeDrag(state).keys : state.keys;\n    const segments = segmentSamples(state, shown, ctx);\n    const curve = segments.flatMap((pts, i) => (i === 0 ? pts : pts.slice(1)));\n    const seg = state.selectedSegment;\n    const bezier = activeBezier(state);\n    const dragIndex = state.drag?.kind === 'key' ? state.drag.index : null;\n\n    return (\n      <>\n        {seg !== null && seg >= 1 && seg < shown.length ? (() => {\n          const x0 = ctx.toPlot({ x: shown[seg - 1].t, y: 0 }).x;\n          const x1 = ctx.toPlot({ x: shown[seg].t, y: 0 }).x;\n          return (\n            <rect\n              className={s.segmentBand}\n              x={Math.min(x0, x1)}\n              y={0}\n              width={Math.abs(x1 - x0)}\n              height={ctx.plotSize.height}\n            />\n          );\n        })() : null}\n        {curve.length > 1 ? <path data-curve-element=\"curve\" className={s.curve} d={path(curve)} /> : null}\n        {segments.map((pts, i) => (\n          <path\n            key={`seg-${i + 1}`}\n            className={s.segmentTarget}\n            d={path(pts)}\n            role=\"button\"\n            tabIndex={0}\n            aria-label={`${label} segment into ${formatX(shown[i + 1].t)}`}\n            aria-current={seg === i + 1 ? 'true' : undefined}\n            data-segment-index={i + 1}\n          />\n        ))}\n        {bezier ? (() => {\n          const [h1, h2] = handlePoints(state, bezier, ctx);\n          const a = ctx.toPlot({ x: state.keys[seg! - 1].t, y: state.keys[seg! - 1].value });\n          const b = ctx.toPlot({ x: state.keys[seg!].t, y: state.keys[seg!].value });\n          return (\n            <>\n              <line className={s.handleStem} x1={a.x} y1={a.y} x2={h1.x} y2={h1.y} />\n              <line className={s.handleStem} x1={b.x} y1={b.y} x2={h2.x} y2={h2.y} />\n              {[h1, h2].map((h, i) => (\n                <circle\n                  key={`handle-${i}`}\n                  className={s.handle}\n                  cx={h.x}\n                  cy={h.y}\n                  r={HANDLE_RADIUS}\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label={`${label} bezier handle ${i + 1}`}\n                  data-handle-index={i}\n                />\n              ))}\n            </>\n          );\n        })() : null}\n        {state.keys.map((k, i) => {\n          const p = ctx.toPlot({ x: k.t, y: k.value });\n          return (\n            <rect\n              key={`key-${i}`}\n              className={s.keyframe}\n              x={p.x - KEY_HALF}\n              y={p.y - KEY_HALF}\n              width={KEY_HALF * 2}\n              height={KEY_HALF * 2}\n              transform={`rotate(45 ${p.x} ${p.y})`}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`${label} key at ${formatX(k.t)}`}\n              aria-current={state.selectedKey === i ? 'true' : undefined}\n              data-keyframe-index={i}\n              data-dragging={dragIndex === i ? 'true' : undefined}\n            />\n          );\n        })}\n        {state.drag?.kind === 'key' ? (() => {\n          const p = ctx.toPlot({ x: state.drag.t, y: state.drag.value });\n          return (\n            <rect\n              aria-hidden=\"true\"\n              className={s.keyframeGhost}\n              x={p.x - KEY_HALF}\n              y={p.y - KEY_HALF}\n              width={KEY_HALF * 2}\n              height={KEY_HALF * 2}\n              transform={`rotate(45 ${p.x} ${p.y})`}\n              data-keyframe-ghost=\"\"\n            />\n          );\n        })() : null}\n      </>\n    );\n  }\n\n  // ── hit test ────────────────────────────────────────────────────────\n  function hitTest(state: KeyframeLayerState, plot: PlotPoint, ctx: LayerCtx): LayerHit | null {\n    const bezier = activeBezier(state);\n    if (bezier) {\n      const h = hitTestAnchor(handlePoints(state, bezier, ctx), plot, HANDLE_HIT_PX);\n      if (h) return { kind: 'handle', payload: { handle: h.index } };\n    }\n    const k = hitTestAnchor(state.keys.map((key) => ctx.toPlot({ x: key.t, y: key.value })), plot, KEY_HIT_PX);\n    if (k) return { kind: 'key', payload: { index: k.index } };\n    const c = hitTestCurve(segmentSamples(state, state.keys, ctx), plot, CURVE_HIT_PX);\n    if (c) return { kind: 'segment', payload: { segment: c.segIdx + 1 } };\n    return null;\n  }\n\n  // ── gestures ────────────────────────────────────────────────────────\n  function keyGesture(index: number): LayerGesture<KeyframeLayerState> {\n    return {\n      onMove(state, model, e, ctx) {\n        let t = clampTo(model.x, cfg.xClamp);\n        if (cfg.snapX && !e.altKey) {\n          const perPx = (ctx.modelRange.xMax - ctx.modelRange.xMin) / ctx.plotSize.width;\n          t = clampTo(snapToNearest(t, cfg.snapX, Math.abs(perPx) * snapRadiusPx), cfg.xClamp);\n        }\n        return { ...state, drag: { kind: 'key', index, t, value: clampTo(model.y, cfg.yClamp) } };\n      },\n      onCommit(state) { return { ...state, ...applyKeyframeDrag(state), drag: null }; },\n      onCancel(state) { return { ...state, drag: null }; },\n    };\n  }\n\n  function handleGesture(segment: number, handle: 0 | 1): LayerGesture<KeyframeLayerState> {\n    return {\n      onMove(state, model) {\n        const a = state.keys[segment - 1];\n        const b = state.keys[segment];\n        const d = state.drag;\n        if (!a || !b || d?.kind !== 'handle') return state;\n        const xf = b.t === a.t ? 0 : Math.min(1, Math.max(0, (model.x - a.t) / (b.t - a.t)));\n        const yf = b.value === a.value ? 0 : (model.y - a.value) / (b.value - a.value);\n        const bezier = [...d.bezier] as [number, number, number, number];\n        bezier[handle * 2] = xf;\n        bezier[handle * 2 + 1] = yf;\n        return { ...state, drag: { kind: 'handle', segment, bezier } };\n      },\n      onCommit(state) { return { ...state, ...applyKeyframeDrag(state), drag: null }; },\n      onCancel(state) { return { ...state, drag: null }; },\n    };\n  }\n\n  function onPointerDown(\n    state: KeyframeLayerState,\n    hit: LayerHit,\n    e: PointerEvent,\n    _ctx: LayerCtx,\n    extra: EmptyDownArgs<KeyframeLayerState>,\n  ): LayerGesture<KeyframeLayerState> | void {\n    if (e.button !== 0) return;\n    if (hit.kind === 'handle') {\n      const bezier = activeBezier(state);\n      const segment = state.selectedSegment;\n      if (!bezier || segment === null) return;\n      const { handle } = hit.payload as { handle: 0 | 1 };\n      extra.commit({ ...state, drag: { kind: 'handle', segment, bezier } });\n      return handleGesture(segment, handle);\n    }\n    if (hit.kind === 'key') {\n      const { index } = hit.payload as { index: number };\n      const k = state.keys[index];\n      extra.commit({ ...state, selectedKey: index, drag: { kind: 'key', index, t: k.t, value: k.value } });\n      return keyGesture(index);\n    }\n    if (hit.kind === 'segment') {\n      const { segment } = hit.payload as { segment: number };\n      extra.commit({ ...state, selectedSegment: segment });\n    }\n  }\n\n  // ── keyboard ────────────────────────────────────────────────────────\n  function onKeyDown(\n    state: KeyframeLayerState,\n    e: KeyboardEvent,\n    ctx: LayerCtx,\n    extra: KeyDownArgs<KeyframeLayerState>,\n  ): void {\n    const target = e.target as Element | null;\n    if (target?.closest?.('[data-layer-id]')?.getAttribute('data-layer-id') !== id) return;\n    const activate = e.key === 'Enter' || e.key === ' ';\n    const dx = e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0;\n    const dy = e.key === 'ArrowUp' ? 1 : e.key === 'ArrowDown' ? -1 : 0;\n    const mult = e.shiftKey ? SHIFT_MULTIPLIER : 1;\n\n    const keyEl = target.closest('[data-keyframe-index]');\n    if (keyEl) {\n      const index = Number(keyEl.getAttribute('data-keyframe-index'));\n      const k = state.keys[index];\n      if (!k) return;\n      if (activate) {\n        e.preventDefault();\n        extra.commit({ ...state, selectedKey: index });\n        return;\n      }\n      if (dx === 0 && dy === 0) return;\n      e.preventDefault();\n      const m = ctx.modelRange;\n      const stepX = (cfg.step?.x ?? Math.abs(m.xMax - m.xMin) / 100) * mult;\n      const stepY = (cfg.step?.y ?? Math.abs(m.yMax - m.yMin) / 100) * mult;\n      const t = clampTo(k.t + dx * stepX, cfg.xClamp);\n      const value = clampTo(k.value + dy * stepY, cfg.yClamp);\n      if (t === k.t && value === k.value) return;\n      extra.commit({ ...state, ...moveKeyTo(state.keys, index, t, value), drag: null });\n      return;\n    }\n\n    const segEl = target.closest('[data-segment-index]');\n    if (segEl && activate) {\n      e.preventDefault();\n      extra.commit({ ...state, selectedSegment: Number(segEl.getAttribute('data-segment-index')) });\n      return;\n    }\n\n    const handleEl = target.closest('[data-handle-index]');\n    const bezier = activeBezier(state);\n    if (handleEl && bezier && state.selectedSegment !== null && (dx !== 0 || dy !== 0)) {\n      e.preventDefault();\n      const h = Number(handleEl.getAttribute('data-handle-index'));\n      const next = [...bezier] as [number, number, number, number];\n      next[h * 2] = Math.min(1, Math.max(0, next[h * 2] + dx * HANDLE_STEP * mult));\n      next[h * 2 + 1] += dy * HANDLE_STEP * mult;\n      const drag: KeyframeDrag = { kind: 'handle', segment: state.selectedSegment, bezier: next };\n      extra.commit({ ...state, ...applyKeyframeDrag({ ...state, drag }), drag: null });\n    }\n  }\n\n  return { id, render, hitTest, onPointerDown, onKeyDown };\n}\n"],"mappings":"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"}

package/dist/chunks/icons-BV27dhKB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons-BV27dhKB.js","names":[],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import { Icon, type IconProps } from './Icon';\n\nexport { Icon } from './Icon';\nexport type { IconProps } from './Icon';\nexport { ICON_PATHS } from './paths';\nexport type { IconName } from './paths';\n\n// Tool glyphs live in @weasel-js/core because core needs them for\n// `Tool.presentation.icon` defaults and cannot depend on this package.\n// Re-exported here so consumers have one import site for the whole set.\nexport {\n  SelectIcon, LassoIcon, RectIcon, EllipseIcon, ImageIcon, EyedropperIcon,\n  LineIcon, ArrowIcon, PolygonIcon, StarIcon, PencilIcon, TextIcon, PenIcon, HandIcon,\n  UnknownIcon,\n} from '@weasel-js/core';\n\nexport const CloneIcon = (p: IconProps) => <Icon name=\"clone\" {...p} />;\nexport const ResetIcon = (p: IconProps) => <Icon name=\"reset\" {...p} />;\nexport const CloseIcon = (p: IconProps) => <Icon name=\"close\" {...p} />;\nexport const ExportIcon = (p: IconProps) => <Icon name=\"export\" {...p} />;\nexport const ZoomInIcon = (p: IconProps) => <Icon name=\"zoomIn\" {...p} />;\nexport const PanIcon = (p: IconProps) => <Icon name=\"pan\" {...p} />;\nexport const AddIcon = (p: IconProps) => <Icon name=\"add\" {...p} />;\nexport const ModeLightIcon = (p: IconProps) => <Icon name=\"modeLight\" {...p} />;\nexport const ModeDarkIcon = (p: IconProps) => <Icon name=\"modeDark\" {...p} />;\nexport const ModeAutoIcon = (p: IconProps) => <Icon name=\"modeAuto\" {...p} />;\nexport const RemoveIcon = (p: IconProps) => <Icon name=\"remove\" {...p} />;\nexport const DeleteIcon = (p: IconProps) => <Icon name=\"delete\" {...p} />;\nexport const SortIcon = (p: IconProps) => <Icon name=\"sort\" {...p} />;\nexport const UndoIcon = (p: IconProps) => <Icon name=\"undo\" {...p} />;\nexport const RedoIcon = (p: IconProps) => <Icon name=\"redo\" {...p} />;\nexport const ZoomOutIcon = (p: IconProps) => <Icon name=\"zoomOut\" {...p} />;\nexport const FitIcon = (p: IconProps) => <Icon name=\"fit\" {...p} />;\nexport const SnapshotIcon = (p: IconProps) => <Icon name=\"snapshot\" {...p} />;\nexport const PlayIcon = (p: IconProps) => <Icon name=\"play\" {...p} />;\nexport const PauseIcon = (p: IconProps) => <Icon name=\"pause\" {...p} />;\nexport const StopIcon = (p: IconProps) => <Icon name=\"stop\" {...p} />;\nexport const StepIcon = (p: IconProps) => <Icon name=\"step\" {...p} />;\nexport const CrosshairIcon = (p: IconProps) => <Icon name=\"crosshair\" {...p} />;\nexport const FullscreenIcon = (p: IconProps) => <Icon name=\"fullscreen\" {...p} />;\nexport const CompareIcon = (p: IconProps) => <Icon name=\"compare\" {...p} />;\nexport const FilterIcon = (p: IconProps) => <Icon name=\"filter\" {...p} />;\nexport const SearchIcon = (p: IconProps) => <Icon name=\"search\" {...p} />;\nexport const LoupeIcon = (p: IconProps) => <Icon name=\"loupe\" {...p} />;\nexport const LayersIcon = (p: IconProps) => <Icon name=\"layers\" {...p} />;\nexport const LockIcon = (p: IconProps) => <Icon name=\"lock\" {...p} />;\nexport const UnlockIcon = (p: IconProps) => <Icon name=\"unlock\" {...p} />;\nexport const VisibleIcon = (p: IconProps) => <Icon name=\"visible\" {...p} />;\nexport const HiddenIcon = (p: IconProps) => <Icon name=\"hidden\" {...p} />;\nexport const PinIcon = (p: IconProps) => <Icon name=\"pin\" {...p} />;\nexport const LinkIcon = (p: IconProps) => <Icon name=\"link\" {...p} />;\nexport const CollapseIcon = (p: IconProps) => <Icon name=\"collapse\" {...p} />;\nexport const ExpandIcon = (p: IconProps) => <Icon name=\"expand\" {...p} />;\nexport const ChevronIcon = (p: IconProps) => <Icon name=\"chevron\" {...p} />;\nexport const TuneIcon = (p: IconProps) => <Icon name=\"tune\" {...p} />;\nexport const GridIcon = (p: IconProps) => <Icon name=\"grid\" {...p} />;\nexport const SnapIcon = (p: IconProps) => <Icon name=\"snap\" {...p} />;\nexport const MeasureIcon = (p: IconProps) => <Icon name=\"measure\" {...p} />;\nexport const RandomizeIcon = (p: IconProps) => <Icon name=\"randomize\" {...p} />;\nexport const RefreshIcon = (p: IconProps) => <Icon name=\"refresh\" {...p} />;\nexport const InfoIcon = (p: IconProps) => <Icon name=\"info\" {...p} />;\nexport const WarningIcon = (p: IconProps) => <Icon name=\"warning\" {...p} />;\nexport const ErrorIcon = (p: IconProps) => <Icon name=\"error\" {...p} />;\nexport const BusyIcon = (p: IconProps) => <Icon name=\"busy\" {...p} />;\nexport const LayoutRowsIcon = (p: IconProps) => <Icon name=\"layoutRows\" {...p} />;\nexport const LayoutColumnsIcon = (p: IconProps) => <Icon name=\"layoutColumns\" {...p} />;\nexport const LayoutGridIcon = (p: IconProps) => <Icon name=\"layoutGrid\" {...p} />;\n"],"mappings":"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"}

package/dist/chunks/range.module-CvSfABmu.js

@@ -1,8 +0,0 @@
-var e = {
-	range: "_range_1fs1g_9",
-	alpha: "_alpha_1fs1g_74"
-};
-//#endregion
-export { e as t };
-
-//# sourceMappingURL=range.module-CvSfABmu.js.map

package/dist/chunks/range.module-CvSfABmu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range.module-CvSfABmu.js","names":[],"sources":["../../src/components/range.module.css"],"sourcesContent":["/* The one skin for a native <input type=\"range\">. Imported by InlineRange and\n   by the property rows, which render the same DOM and used to carry three\n   independently authored copies of these rules.\n\n   The track is painted here rather than left to `accent-color`: a UA fills the\n   left of the track with the accent but draws the remainder near-white on a\n   dark surface whatever `color-scheme` says, and overriding the track's\n   background removes the accent fill instead of recolouring the remainder. */\n.range {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  min-inline-size: 48px;\n  /* The box is taller than the track so the thumb has room to spill; a surface\n     where the element itself IS the track overrides this. */\n  height: var(--wzl-range-box-h, 12px);\n  margin: 0;\n  padding: 0;\n  /* Transparent so the track pseudo-element shows; a surface that paints the element itself overrides it. */\n  background: var(--wzl-range-bg, transparent);\n  cursor: pointer;\n}\n\n.range::-webkit-slider-runnable-track {\n  height: var(--wzl-slider-track-h, 4px);\n  border-radius: var(--wzl-radius-sm);\n  background: var(\n    --wzl-range-track-bg,\n    color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-track-mix), transparent)\n  );\n}\n\n.range::-moz-range-track {\n  height: var(--wzl-slider-track-h, 4px);\n  border-radius: var(--wzl-radius-sm);\n  background: var(\n    --wzl-range-track-bg,\n    color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-track-mix), transparent)\n  );\n}\n\n.range::-webkit-slider-thumb {\n  appearance: none;\n  -webkit-appearance: none;\n  width: var(--wzl-slider-thumb-size, 8px);\n  height: var(--wzl-slider-thumb-size, 8px);\n  border: none;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-thumb-mix), transparent);\n  /* Centres an 8px thumb on a 4px track. Webkit does not centre it for you. */\n  margin-top: calc((var(--wzl-slider-track-h, 4px) - var(--wzl-slider-thumb-size, 8px)) / 2);\n}\n\n.range::-moz-range-thumb {\n  width: var(--wzl-slider-thumb-size, 8px);\n  height: var(--wzl-slider-thumb-size, 8px);\n  border: none;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-thumb-mix), transparent);\n}\n\n.range:focus-visible {\n  outline: 2px solid var(--wzl-focus-ring);\n  outline-offset: 2px;\n}\n\n.range:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n/* Alpha variant: a fainter track, used where the row already carries a colour\n   swatch and the slider must not compete with it. */\n.alpha::-webkit-slider-runnable-track {\n  background: color-mix(in srgb, var(--wzl-accent) 10%, transparent);\n}\n\n.alpha::-moz-range-track {\n  background: color-mix(in srgb, var(--wzl-accent) 10%, transparent);\n}\n\n/* A dead alpha track keeps its groove but loses its thumb, so the affordance\n   reads inert rather than merely dimmed. Keyed off `:disabled`, which ColorRow\n   already sets on the input — not off a class on the row. */\n.alpha:disabled::-webkit-slider-runnable-track,\n.alpha:disabled::-moz-range-track {\n  background: color-mix(in srgb, var(--wzl-fg) 5%, transparent);\n}\n\n.alpha:disabled::-webkit-slider-thumb,\n.alpha:disabled::-moz-range-thumb {\n  background: transparent;\n}\n"],"mappings":""}

package/dist/chunks/segmentedControl.module-BgvAPkSZ.js

@@ -1,11 +0,0 @@
-var e = {
-	root: "_root_gmx9t_10",
-	segment: "_segment_gmx9t_32",
-	segmentSelected: "_segmentSelected_gmx9t_79",
-	size_sm: "_size_sm_gmx9t_137",
-	variant_minimal: "_variant_minimal_gmx9t_150"
-};
-//#endregion
-export { e as t };
-
-//# sourceMappingURL=segmentedControl.module-BgvAPkSZ.js.map

package/dist/chunks/segmentedControl.module-BgvAPkSZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmentedControl.module-BgvAPkSZ.js","names":[],"sources":["../../src/components/segmentedControl.module.css"],"sourcesContent":["/* Shared by ActionsBar and OptionsBar, which look identical and differ only\n   in what a segment does. Lives here rather than in either component so\n   neither owns the other's styling.\n\n   Aqua-glass segmented control. The track is a pill-shaped well; the\n   selected segment becomes a tinted glass cylinder that reads as the same\n   \"lozenge\" family as the standalone Button. Visual params come from the\n   `--btn-*` custom properties (see Button.module.css) so the Button Lab\n   can tune both surfaces with one set of sliders. */\n.root {\n  display: inline-flex;\n  height: var(--tb-h, var(--wzl-control-h, 24px));\n  padding: 2px;\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0.18) 0%,\n    rgba(0, 0, 0, 0.05) 100%\n  );\n  border-radius: var(--wzl-radius-pill);\n  /* Clip segments to the track outline so interior corners read crisp and\n     the selected segment's glass treatment doesn't paint over the rounded\n     outer pixels. */\n  overflow: hidden;\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.4),\n    0 1px 0 rgba(255, 255, 255, 0.06);\n  user-select: none;\n  -webkit-user-select: none;\n  touch-action: none;\n}\n\n.segment {\n  position: relative;\n  flex: 1 1 0;\n  min-width: 0;\n  padding: 0 12px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  margin: 0;\n  font-family: var(--wzl-font-ui);\n  font-weight: var(--wzl-font-weight-normal);\n  font-size: var(--btn-fontsize, var(--wzl-font-size));\n  line-height: 1;\n  color: var(--wzl-fg-muted);\n  cursor: pointer;\n  /* Only round the outer corners of the bar — middle segments stay square\n     so the seams between them don't render as facing parentheses. */\n  border-radius: 0;\n  isolation: isolate;\n  overflow: hidden;\n  transition: color var(--wzl-motion-fast);\n}\n\n.segment:first-child {\n  border-radius: var(--wzl-radius-pill) 0 0 var(--wzl-radius-pill);\n}\n\n.segment:last-child {\n  border-radius: 0 var(--wzl-radius-pill) var(--wzl-radius-pill) 0;\n}\n\n.segment:only-child {\n  border-radius: var(--wzl-radius-pill);\n}\n\n.segment:focus-visible {\n  outline: 2px solid var(--wzl-accent);\n  outline-offset: -2px;\n}\n\n.segment:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.segment:hover:not(:disabled):not(.segmentSelected) {\n  color: var(--wzl-fg);\n}\n\n/* Selected segment — full Aqua glass cylinder. Mirrors Button.variant_primary. */\n.segmentSelected {\n  background: linear-gradient(\n    180deg,\n    color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha, 45%), transparent) 0%,\n    color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha, 70%), transparent) calc(var(--btn-equator, 52%) - var(--btn-equator-spread, 12%)),\n    color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint, 95%), white) var(--btn-equator, 52%),\n    var(--wzl-accent) calc(var(--btn-equator, 52%) + var(--btn-equator-spread, 12%) * 1.6),\n    color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint, 70%), black) 100%\n  );\n  backdrop-filter: blur(var(--btn-blur, 6px)) saturate(var(--btn-saturate, 1.3));\n  -webkit-backdrop-filter: blur(var(--btn-blur, 6px)) saturate(var(--btn-saturate, 1.3));\n  color: var(--wzl-fg-on-accent);\n  text-shadow:\n    0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow, 0.35)),\n    var(--btn-text-inset-x, 0px) var(--btn-text-inset-y, 1px) 0 rgba(0, 0, 0, var(--btn-text-inset, 0.55)),\n    0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow, 0.35) * 0.5));\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi, 0.42)),\n    inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo, 0.3)),\n    0 0 0 1px rgba(0, 0, 0, var(--btn-rim, 0.22)),\n    0 1px 2px rgba(0, 0, 0, var(--btn-drop-near, 0.3)),\n    0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far, 0.18) * 0.8));\n}\n\n/* Specular gloss on the selected segment. Top corners inherit the\n   segment's radius so they hug the upper edge cleanly; bottom corners\n   are flattened so the gloss ends in a straight line at the equator\n   instead of two little curves that read as `)(` brackets. */\n.segmentSelected::before {\n  content: '';\n  position: absolute;\n  inset: 1px 1px var(--btn-gloss-bottom, 50%) 1px;\n  border-radius: inherit;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(255, 255, 255, var(--btn-gloss-top, 0.42)) 0%,\n    rgba(255, 255, 255, var(--btn-gloss-mid, 0.12)) 60%,\n    rgba(255, 255, 255, 0) 100%\n  );\n  pointer-events: none;\n  z-index: 1;\n}\n\n.segmentSelected > * {\n  position: relative;\n  z-index: 2;\n}\n\n/* Small variant — ~60% of the default height, with proportionally reduced\n   padding and font. Sized for dense surfaces (lab control panels, inline\n   filters, etc.). */\n.size_sm {\n  height: 17px;\n  padding: 1px;\n}\n\n.size_sm .segment {\n  padding: 0 8px;\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* Minimal variant — strips the pill track, glass selected state, inset\n   shadows, and outer padding. Used in dense diagnostic surfaces (dispatch\n   trace, lab inspectors) where the bar must read as plain text controls. */\n.variant_minimal {\n  height: auto;\n  padding: 0;\n  background: none;\n  border-radius: 0;\n  box-shadow: none;\n  gap: 2px;\n}\n\n.variant_minimal .segment {\n  padding: 0 4px;\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-medium);\n  line-height: 1.4;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg-muted);\n  transition: none;\n}\n\n.variant_minimal .segment:first-child,\n.variant_minimal .segment:last-child,\n.variant_minimal .segment:only-child {\n  border-radius: var(--wzl-radius-sm);\n}\n\n.variant_minimal .segment:hover:not(:disabled):not(.segmentSelected) {\n  color: var(--wzl-fg);\n  background: var(--wzl-surface-hover);\n}\n\n.variant_minimal .segmentSelected {\n  background: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--wzl-accent-fg, var(--wzl-accent));\n  text-shadow: none;\n  box-shadow: none;\n  font-weight: var(--wzl-font-weight-medium);\n}\n\n.variant_minimal .segmentSelected::before {\n  content: none;\n}\n"],"mappings":""}

package/dist/components/CurveEditor/snap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"snap.d.ts","sourceRoot":"","sources":["../../../src/components/CurveEditor/snap.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAWrG"}