@weasel-js/ui 1.5.2 → 1.6.1

package/dist/chunks/TokenPanel-BPHq24dc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TokenPanel-BPHq24dc.js","names":[],"sources":["../../src/components/TokenPanel/color.ts","../../src/components/TokenPanel/TokenPanel.module.css","../../src/components/TokenPanel/tokenTypes.ts","../../src/components/TokenPanel/TokenPanel.tsx"],"sourcesContent":["const HEX = /^#(?:[\\da-f]{3,4}|[\\da-f]{6}|[\\da-f]{8})$/i;\nconst RGB = /^rgba?\\(\\s*(\\d{1,3})[\\s,]+(\\d{1,3})[\\s,]+(\\d{1,3})\\b/i;\nconst COLOR_FUNCTION = /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|color-mix)\\(.+\\)$/i;\nconst KEYWORDS = new Set([\n  'transparent',\n  'currentcolor',\n  'black',\n  'white',\n  'gray',\n  'silver',\n  'red',\n  'orange',\n  'yellow',\n  'gold',\n  'lime',\n  'green',\n  'teal',\n  'cyan',\n  'blue',\n  'navy',\n  'purple',\n  'magenta',\n  'pink',\n  'brown',\n]);\n\ntype Supports = ((value: string) => boolean) | null;\n\nfunction browserSupports(): Supports {\n  return typeof CSS !== 'undefined' && typeof CSS.supports === 'function'\n    ? (value) => CSS.supports('color', value)\n    : null;\n}\n\n/** Whether `value` is a CSS color — the browser's answer where it has `CSS.supports`, a small parser's otherwise. */\nexport function parsesAsColor(value: string, supports: Supports = browserSupports()): boolean {\n  const v = value.trim();\n  // `CSS.supports` accepts any `var()` for any property.\n  if (!v || v.includes('var(')) return false;\n  if (supports) return supports(v);\n  return HEX.test(v) || COLOR_FUNCTION.test(v) || KEYWORDS.has(v.toLowerCase());\n}\n\nfunction hexOf(v: string): string | null {\n  if (HEX.test(v)) {\n    const digits = v.slice(1).toLowerCase();\n    return `#${digits.length <= 4 ? [...digits.slice(0, 3)].map((d) => d + d).join('') : digits.slice(0, 6)}`;\n  }\n  const rgb = RGB.exec(v);\n  return rgb\n    ? `#${rgb\n        .slice(1, 4)\n        .map((n) => Math.min(255, Number(n)).toString(16).padStart(2, '0'))\n        .join('')}`\n    : null;\n}\n\nlet paint: CanvasRenderingContext2D | null | undefined;\n\n/** The browser's serialization of a color, through a canvas fill style; null where it has none or rejects `value`. */\nfunction serialized(value: string): string | null {\n  if (paint === undefined) {\n    try {\n      paint = document.createElement('canvas').getContext('2d');\n    } catch {\n      paint = null;\n    }\n  }\n  if (!paint) return null;\n  // A rejected value leaves the previous fill style, so two different ones tell a rejection apart.\n  paint.fillStyle = '#000000';\n  paint.fillStyle = value;\n  const onBlack = String(paint.fillStyle);\n  paint.fillStyle = '#ffffff';\n  paint.fillStyle = value;\n  return onBlack === String(paint.fillStyle) ? onBlack : null;\n}\n\n/** `value` as the `#rrggbb` a color input takes, alpha dropped; null when it cannot be converted. */\nexport function toHex(value: string): string | null {\n  const v = value.trim();\n  const direct = hexOf(v);\n  if (direct) return direct;\n  const browser = typeof document === 'undefined' ? null : serialized(v);\n  return browser && browser !== v ? hexOf(browser) : null;\n}\n",".panel {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.section {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.section + .section {\n  border-top: var(--wzl-border-w) solid var(--wzl-line-subtle);\n}\n\n.sectionHead {\n  padding-block: var(--wzl-space-xs);\n  color: var(--wzl-fg-muted);\n  font-family: var(--wzl-font-display);\n  font-size: var(--wzl-font-size-sm);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.sectionBody {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-sm);\n  padding-block-end: var(--wzl-space-sm);\n}\n\n.row,\n.family {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-1);\n  min-width: 0;\n}\n\n.name {\n  overflow: hidden;\n  color: var(--wzl-fg-muted);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.edit {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-xs);\n  min-width: 0;\n}\n\n.field {\n  --wzl-font-ui: var(--wzl-font-mono);\n  flex: 1;\n  min-width: 0;\n}\n\n.number {\n  --wzl-font-ui: var(--wzl-font-mono);\n  flex: 1;\n  min-width: 0;\n}\n\n.unit {\n  color: var(--wzl-fg-muted);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* Padding inflates a native color input past its box in Chrome. */\n.swatchInput {\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 18px;\n  height: 14px;\n  padding: 0;\n  background: transparent;\n  border: 0;\n  border-radius: var(--wzl-radius-sm);\n  cursor: pointer;\n}\n\n.chip {\n  flex-shrink: 0;\n  width: 18px;\n  height: 14px;\n  background: var(--token-color);\n  border-radius: var(--wzl-radius-sm);\n  box-shadow: inset 0 0 0 1px var(--wzl-line);\n}\n\n.curve {\n  flex-shrink: 0;\n  width: 24px;\n  /* Square easing-curve artwork: not-a-control */\n  height: 24px;\n  color: var(--wzl-fg);\n}\n\n.strip {\n  display: flex;\n  height: var(--wzl-control-h);\n  overflow: hidden;\n  border: var(--wzl-border-w) solid var(--wzl-line);\n  border-radius: var(--wzl-radius-sm);\n}\n\n.swatch {\n  flex: 1 1 0;\n  min-width: 0;\n  height: 100%;\n  padding: 0;\n  background: var(--token-color);\n  border: 0;\n  border-radius: 0;\n  cursor: pointer;\n}\n\n.swatch[data-overridden] {\n  box-shadow: inset 0 -3px 0 var(--wzl-accent);\n}\n\n.swatch[aria-pressed='true'],\n.swatch:focus-visible {\n  position: relative;\n  z-index: 1;\n  outline: 2px solid var(--wzl-focus-ring);\n  outline-offset: -2px;\n}\n\n/* A group of sizes: its name over a grid of steps, each labeled by what its name adds. */\n.scale {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-1);\n  min-width: 0;\n}\n\n.scaleHead {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-xs);\n  min-width: 0;\n}\n\n.steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));\n  gap: var(--wzl-space-1) var(--wzl-space-xs);\n}\n\n.rule {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wzl-space-xs) var(--wzl-space-sm);\n  min-width: 0;\n}\n\n.ruleLabel {\n  color: var(--wzl-fg-subtle);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-2xs);\n}\n\n.rule .number {\n  flex: 0 1 5ch;\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n}\n\n.step {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.stepLabel {\n  overflow: hidden;\n  text-align: end;\n  color: var(--wzl-fg-subtle);\n  font-family: var(--wzl-font-mono);\n  font-size: var(--wzl-font-size-2xs);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.step[data-overridden] .stepLabel {\n  color: var(--wzl-accent-fg);\n}\n\n.stepEdit {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-1);\n  min-width: 0;\n}\n\n.step > .stepEdit + .stepEdit {\n  margin-block-start: var(--wzl-space-1);\n}\n\n.stepEdit .number {\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n}\n\n/* Tight: a token to a line, with the names on a fixed rail so the values read\n   down the panel as a column. A stacked row spends its height on the name and\n   lets the field take the whole width, which a set of ninety cannot afford. */\n.tight .sectionBody {\n  gap: var(--wzl-space-1);\n  padding-block-end: var(--wzl-space-xs);\n}\n\n.tight .row {\n  flex-direction: row;\n  align-items: center;\n  gap: var(--wzl-space-xs);\n}\n\n.tight .row > .name {\n  flex: 0 0 11rem;\n}\n\n.tight .edit {\n  flex: 1 1 auto;\n}\n\n.tight .field,\n.tight .number {\n  flex: 0 1 16rem;\n  font-variant-numeric: tabular-nums;\n}\n\n.tight .unit {\n  font-variant-numeric: tabular-nums;\n}\n\n.tight .scale {\n  display: grid;\n  grid-template-columns: 11rem minmax(0, 1fr);\n  align-items: start;\n  column-gap: var(--wzl-space-xs);\n}\n\n/* Grid rather than a row, so a picked swatch's editor still spans the full width. */\n.tight .family {\n  display: grid;\n  grid-template-columns: 11rem minmax(0, 1fr);\n  align-items: center;\n  column-gap: var(--wzl-space-xs);\n  row-gap: var(--wzl-space-1);\n}\n\n.tight .family > .row {\n  grid-column: 1 / -1;\n}\n\n.tight .strip {\n  height: 16px;\n}\n\n.tight .curve {\n  width: 16px;\n  height: 16px;\n}\n","import { parsesAsColor } from './color';\n\n/** A design token as `TokenPanel` edits it. */\nexport interface TokenEntry {\n  /** The custom property, e.g. `--wzl-gray-50`. */\n  name: string;\n  /** A DTCG type name. A type the panel has no control for edits as text. */\n  type: string;\n  /** Tokens sharing a group sit together; a color group large enough draws as one row of swatches. */\n  group: string;\n  value: string;\n  /** Whether `value` overrides the token's own, which offers Reset. */\n  overridden?: boolean;\n  description?: string;\n}\n\n/** How a scale's steps follow from its base: one multiplier per step, a constant ratio, or a constant step. */\nexport type TokenScaleRule =\n  | { kind: 'factors'; factors: readonly number[] }\n  | { kind: 'ratio'; ratio: number }\n  | { kind: 'step'; step: number };\n\n/** A group whose steps are generated from a base, so the panel edits the base and the rule rather than each step. */\nexport interface TokenScale {\n  /** The generated tokens, smallest first. Anything else in the group draws as an ordinary step. */\n  tokens: readonly string[];\n  base: number;\n  rule: TokenScaleRule;\n}\n\nconst round2 = (n: number) => Math.round(n * 100) / 100;\n\n/**\n * The same scale under another rule, fitted to the amounts its steps have now.\n * A ratio or step counts from the first step, so switching to one moves the\n * base there.\n */\nexport function refitScale(scale: TokenScale, kind: TokenScaleRule['kind'], amounts: readonly number[]): TokenScale {\n  const first = amounts[0] ?? scale.base;\n  const last = amounts.at(-1) ?? first;\n  const spans = Math.max(1, amounts.length - 1);\n  switch (kind) {\n    case 'factors':\n      return { ...scale, rule: { kind, factors: amounts.map((a) => (scale.base ? round2(a / scale.base) : 1)) } };\n    case 'ratio':\n      return { ...scale, base: first, rule: { kind, ratio: first > 0 ? round2((last / first) ** (1 / spans)) : 1 } };\n    case 'step':\n      return { ...scale, base: first, rule: { kind, step: round2((last - first) / spans) } };\n  }\n}\n\nexport type TokenCategory = 'color' | 'type' | 'size' | 'motion' | 'depth' | 'other';\n\n/** The panel's sections, in the order it draws them. */\nexport const TOKEN_CATEGORIES: readonly { id: TokenCategory; title: string }[] = [\n  { id: 'color', title: 'Color' },\n  { id: 'type', title: 'Type' },\n  { id: 'size', title: 'Size' },\n  { id: 'motion', title: 'Motion' },\n  { id: 'depth', title: 'Depth' },\n  { id: 'other', title: 'Other' },\n];\n\nconst TYPE_SCALE = /^(?:font|tracking|leading|letter|line-height)/;\n\n/** The section a token is filed under: by its type, and for a bare dimension or number by its group. */\nexport function tokenCategory(token: TokenEntry): TokenCategory {\n  switch (token.type) {\n    case 'color':\n      return 'color';\n    case 'fontFamily':\n    case 'fontWeight':\n      return 'type';\n    case 'duration':\n    case 'cubicBezier':\n      return 'motion';\n    case 'shadow':\n    case 'gradient':\n      return 'depth';\n    case 'dimension':\n    case 'number':\n      if (TYPE_SCALE.test(token.group)) return 'type';\n      if (token.type === 'number' && (token.group === 'z' || token.group === 'z-index')) return 'depth';\n      return 'size';\n    default:\n      return 'other';\n  }\n}\n\nconst AMOUNT = String.raw`-?(?:\\d+\\.?\\d*|\\.\\d+)`;\nconst DIMENSION = new RegExp(\n  `^${AMOUNT}(?:px|rem|em|%|ch|ex|lh|rlh|vh|vw|vmin|vmax|svh|lvh|dvh|cqw|cqh|pt|pc|cm|mm|in|q)$`,\n  'i',\n);\nconst DURATION = new RegExp(`^${AMOUNT}m?s$`);\nconst NUMBER = new RegExp(`^${AMOUNT}$`);\nconst LENGTH = new RegExp(`^${AMOUNT}(?:px|rem|em)?$`);\nconst BEZIER = new RegExp(`^cubic-bezier\\\\(\\\\s*(${AMOUNT})\\\\s*,\\\\s*(${AMOUNT})\\\\s*,\\\\s*(${AMOUNT})\\\\s*,\\\\s*(${AMOUNT})\\\\s*\\\\)$`, 'i');\nconst GRADIENT = /^(?:repeating-)?(?:linear|radial|conic)-gradient\\(/i;\n/** Commas outside parentheses: a shadow's layers, not a color function's arguments. */\nconst LAYERS = /,(?![^(]*\\))/;\nconst PARTS = /[a-z-]+\\([^)]*\\)|\\S+/gi;\n\nfunction isShadow(value: string): boolean {\n  return value.split(LAYERS).every((layer) => {\n    const parts = layer.trim().replace(/^inset\\s+/i, '').match(PARTS) ?? [];\n    const lengths = parts.filter((part) => LENGTH.test(part));\n    const rest = parts.filter((part) => !LENGTH.test(part));\n    return lengths.length >= 2 && lengths.length <= 4 && rest.length <= 1 && rest.every((part) => parsesAsColor(part));\n  });\n}\n\n/** A DTCG type read off the shape of a value, for a token that arrives without one. `'string'` when nothing fits. */\nexport function inferTokenType(value: string): string {\n  const v = value.trim();\n  if (!v) return 'string';\n  if (DURATION.test(v)) return 'duration';\n  if (DIMENSION.test(v)) return 'dimension';\n  if (NUMBER.test(v)) return 'number';\n  if (BEZIER.test(v)) return 'cubicBezier';\n  if (GRADIENT.test(v)) return 'gradient';\n  if (parsesAsColor(v)) return 'color';\n  if (isShadow(v)) return 'shadow';\n  return 'string';\n}\n\n/** A number and its unit, or null for a value that is not one. */\nexport function splitUnit(value: string): { amount: number; unit: string } | null {\n  const match = new RegExp(`^(${AMOUNT})([a-z%]*)$`, 'i').exec(value.trim());\n  return match ? { amount: Number(match[1]), unit: match[2] ?? '' } : null;\n}\n\n/** The four control points of a `cubic-bezier()`, or null for any other easing. */\nexport function bezierPoints(value: string): readonly [number, number, number, number] | null {\n  const match = BEZIER.exec(value.trim());\n  if (!match) return null;\n  const [x1, y1, x2, y2] = match.slice(1, 5).map(Number) as [number, number, number, number];\n  return [x1, y1, x2, y2];\n}\n","import { type CSSProperties, memo, useCallback, useMemo, useState } from 'react';\nimport { Focusable } from 'react-aria-components';\nimport { Button } from '../Button';\nimport { DisclosureRow } from '../Disclosure';\nimport { Input } from '../Input';\nimport { NumberField } from '../NumberField';\nimport { Select } from '../Select';\nimport { ToggleBar, type ToggleBarItem } from '../ToggleBar';\nimport { Tooltip, TooltipTrigger } from '../Tooltip';\nimport { toHex } from './color';\nimport s from './TokenPanel.module.css';\nimport {\n  bezierPoints,\n  refitScale,\n  splitUnit,\n  TOKEN_CATEGORIES,\n  type TokenCategory,\n  type TokenEntry,\n  type TokenScale,\n  type TokenScaleRule,\n  tokenCategory,\n} from './tokenTypes';\n\ntype OnChange = (name: string, value: string | null) => void;\n\n/** Props for `<TokenPanel>`. */\nexport interface TokenPanelProps {\n  tokens: readonly TokenEntry[];\n  /** A token's new value, or null to drop its override. Keep it stable: rows re-render only when it or their token changes. */\n  onChange: OnChange;\n  /** Sections held closed, by category. Omit to let the panel keep that state itself. */\n  collapsed?: Readonly<Partial<Record<TokenCategory, boolean>>>;\n  onCollapsedChange?: (category: TokenCategory, collapsed: boolean) => void;\n  /** Groups generated from a base, by group name. Such a group edits its base and rule above its steps. */\n  scales?: Readonly<Record<string, TokenScale>>;\n  /** A scale's new base or rule. The panel does not regenerate the steps; the consumer does, through `onChange`. */\n  onScaleChange?: (group: string, scale: TokenScale) => void;\n  /** Files a token under a section. Defaults to `tokenCategory`. */\n  categorize?: (token: TokenEntry) => TokenCategory;\n  /** The fewest colors, or sizes, sharing a group that draw as one row of swatches or one grid of steps. Default 3. */\n  familySize?: number;\n  /**\n   * Row layout. `tight` puts a token on one line — name, control, Reset — with the\n   * names on a fixed rail so the values read down the panel as a column, and caps\n   * the field rather than letting it span the panel. Default `normal` stacks the\n   * control under its name.\n   */\n  density?: 'tight' | 'normal';\n  className?: string;\n}\n\nconst WEIGHTS = ['100', '200', '300', '400', '500', '600', '700', '800', '900'];\nconst NUMBER_FORMAT = { maximumFractionDigits: 4, useGrouping: false } as const;\n\ntype FamilyKind = 'family' | 'scale';\ntype Item = { kind: 'row'; token: TokenEntry } | { kind: FamilyKind; group: string; tokens: TokenEntry[] };\n\nconst SCALAR = new Set(['dimension', 'duration', 'number']);\n\nfunction familyKindOf(token: TokenEntry): FamilyKind | null {\n  if (token.type === 'color') return 'family';\n  return SCALAR.has(token.type) && splitUnit(token.value) ? 'scale' : null;\n}\n\nfunction itemsOf(tokens: readonly TokenEntry[], familySize: number): Item[] {\n  const counts = new Map<string, number>();\n  for (const token of tokens) {\n    const kind = familyKindOf(token);\n    if (kind) counts.set(`${kind}:${token.group}`, (counts.get(`${kind}:${token.group}`) ?? 0) + 1);\n  }\n  const families = new Map<string, Extract<Item, { kind: FamilyKind }>>();\n  const items: Item[] = [];\n  for (const token of tokens) {\n    const kind = familyKindOf(token);\n    const key = `${kind}:${token.group}`;\n    if (!kind || (counts.get(key) ?? 0) < familySize) {\n      items.push({ kind: 'row', token });\n      continue;\n    }\n    let family = families.get(key);\n    if (!family) {\n      family = { kind, group: token.group, tokens: [] };\n      families.set(key, family);\n      items.push(family);\n    }\n    family.tokens.push(token);\n  }\n  return items;\n}\n\n/** Each name's segments past those every name in the set shares; a name that is all shared keeps its last. */\nfunction stepLabels(names: readonly string[]): string[] {\n  const split = names.map((name) => name.replace(/^--/, '').split('-'));\n  let shared = 0;\n  while (split.every((segments) => segments.length > shared && segments[shared] === split[0]?.[shared])) shared++;\n  return split.map((segments) => segments.slice(shared).join('-') || (segments.at(-1) ?? ''));\n}\n\nfunction Curve({ points, label }: { points: readonly [number, number, number, number]; label: string }) {\n  const [x1, y1, x2, y2] = points;\n  // y is flipped so the curve rises, and the box grows to hold an overshoot.\n  const top = Math.min(0, 1 - y1, 1 - y2);\n  const bottom = Math.max(1, 1 - y1, 1 - y2);\n  return (\n    <svg className={s.curve} viewBox={`-0.1 ${top - 0.1} 1.2 ${bottom - top + 0.2}`} role=\"img\" aria-label={label}>\n      <path d={`M0 1 C${x1} ${1 - y1} ${x2} ${1 - y2} 1 0`} fill=\"none\" stroke=\"currentColor\" strokeWidth={0.08} />\n    </svg>\n  );\n}\n\nfunction TokenControl({ token, set }: { token: TokenEntry; set: (value: string) => void }) {\n  const { name, type, value } = token;\n  const label = `${name} value`;\n  const hex = useMemo(() => (type === 'color' ? toHex(value) : null), [type, value]);\n\n  if (type === 'dimension' || type === 'duration' || type === 'number') {\n    const split = splitUnit(value);\n    if (split) {\n      return (\n        <>\n          <NumberField\n            className={s.number}\n            aria-label={label}\n            value={split.amount}\n            hideSteppers\n            formatOptions={NUMBER_FORMAT}\n            onChange={(amount) => {\n              if (Number.isFinite(amount)) set(`${amount}${split.unit}`);\n            }}\n          />\n          {split.unit ? <span className={s.unit}>{split.unit}</span> : null}\n        </>\n      );\n    }\n  }\n\n  if (type === 'fontWeight') {\n    const options = (WEIGHTS.includes(value) ? WEIGHTS : [...WEIGHTS, value]).map((weight) => ({\n      value: weight,\n      label: weight,\n    }));\n    return <Select aria-label={name} width=\"fit\" selectedKey={value} options={options} onSelectionChange={set} />;\n  }\n\n  const points = type === 'cubicBezier' ? bezierPoints(value) : null;\n  return (\n    <>\n      {points ? <Curve points={points} label={`${name} curve`} /> : null}\n      <Input\n        className={s.field}\n        aria-label={label}\n        value={value}\n        onChange={set}\n        leadingAdornment={\n          type !== 'color' ? undefined : hex ? (\n            <input\n              type=\"color\"\n              className={s.swatchInput}\n              aria-label={`${name} color`}\n              value={hex}\n              onChange={(event) => set(event.target.value)}\n            />\n          ) : (\n            <span className={s.chip} style={{ '--token-color': value } as CSSProperties} aria-hidden=\"true\" />\n          )\n        }\n      />\n    </>\n  );\n}\n\nconst TokenRow = memo(\n  function TokenRow({ token, onChange }: { token: TokenEntry; onChange: OnChange }) {\n    const set = useCallback((value: string) => onChange(token.name, value), [onChange, token.name]);\n    return (\n      <div className={s.row} role=\"group\" aria-label={token.name}>\n        <span className={s.name} title={token.description || token.name}>\n          {token.name}\n        </span>\n        <div className={s.edit}>\n          <TokenControl token={token} set={set} />\n          {token.overridden ? (\n            <Button variant=\"ghost\" size=\"sm\" ariaLabel={`Reset ${token.name}`} onClick={() => onChange(token.name, null)}>\n              Reset\n            </Button>\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n  // Consumers rebuild their entries each render; a row only has to redraw when what it shows changed.\n  (a, b) =>\n    a.onChange === b.onChange &&\n    a.token.name === b.token.name &&\n    a.token.type === b.token.type &&\n    a.token.value === b.token.value &&\n    a.token.overridden === b.token.overridden &&\n    a.token.description === b.token.description,\n);\n\nfunction Family({ group, tokens, onChange }: { group: string; tokens: readonly TokenEntry[]; onChange: OnChange }) {\n  const [picked, setPicked] = useState<string | null>(null);\n  const token = tokens.find((t) => t.name === picked) ?? null;\n  return (\n    <div className={s.family} role=\"group\" aria-label={group}>\n      <span className={s.name}>{group}</span>\n      <div className={s.strip}>\n        {tokens.map((t) => (\n          <TooltipTrigger key={t.name} delay={0}>\n            <Focusable>\n              <button\n                type=\"button\"\n                className={s.swatch}\n                style={{ '--token-color': t.value } as CSSProperties}\n                aria-label={t.name}\n                aria-pressed={t.name === picked}\n                data-overridden={t.overridden ? '' : undefined}\n                onClick={() => setPicked((current) => (current === t.name ? null : t.name))}\n              />\n            </Focusable>\n            <Tooltip>{t.name}</Tooltip>\n          </TooltipTrigger>\n        ))}\n      </div>\n      {token ? <TokenRow token={token} onChange={onChange} /> : null}\n    </div>\n  );\n}\n\nfunction ScaleStep({\n  token,\n  label,\n  showUnit,\n  factor,\n  onChange,\n  onFactorChange,\n}: {\n  token: TokenEntry;\n  label: string;\n  showUnit: boolean;\n  factor?: number;\n  onChange: OnChange;\n  onFactorChange?: (factor: number) => void;\n}) {\n  const split = splitUnit(token.value);\n  if (!split) return null;\n  return (\n    <div className={s.step} title={token.description || token.name} data-overridden={token.overridden ? '' : undefined}>\n      <span className={s.stepLabel}>{label}</span>\n      <span className={s.stepEdit}>\n        <NumberField\n          className={s.number}\n          aria-label={`${token.name} value`}\n          value={split.amount}\n          hideSteppers\n          formatOptions={NUMBER_FORMAT}\n          onChange={(amount) => {\n            if (Number.isFinite(amount)) onChange(token.name, `${amount}${split.unit}`);\n          }}\n        />\n        {showUnit && split.unit ? <span className={s.unit}>{split.unit}</span> : null}\n      </span>\n      {factor !== undefined && onFactorChange ? (\n        <span className={s.stepEdit}>\n          <span className={s.unit}>×</span>\n          <NumberField\n            className={s.number}\n            aria-label={`${token.name} factor`}\n            value={factor}\n            hideSteppers\n            formatOptions={NUMBER_FORMAT}\n            onChange={(next) => {\n              if (Number.isFinite(next)) onFactorChange(next);\n            }}\n          />\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nconst RULES: readonly ToggleBarItem<TokenScaleRule['kind']>[] = [\n  { value: 'factors', label: 'each', ariaLabel: 'factors' },\n  { value: 'ratio', label: 'ratio' },\n  { value: 'step', label: 'step' },\n];\n\nfunction ScaleRuleControls({\n  group,\n  scale,\n  unit,\n  amounts,\n  onScaleChange,\n}: {\n  group: string;\n  scale: TokenScale;\n  unit: string;\n  amounts: readonly number[];\n  onScaleChange: (scale: TokenScale) => void;\n}) {\n  const { rule } = scale;\n  const param =\n    rule.kind === 'ratio'\n      ? { key: 'ratio' as const, value: rule.ratio }\n      : rule.kind === 'step'\n        ? { key: 'step' as const, value: rule.step }\n        : null;\n  return (\n    <div className={s.rule}>\n      <span className={s.stepEdit}>\n        <span className={s.ruleLabel}>base</span>\n        <NumberField\n          className={s.number}\n          aria-label={`${group} base`}\n          value={scale.base}\n          hideSteppers\n          formatOptions={NUMBER_FORMAT}\n          onChange={(base) => {\n            if (Number.isFinite(base)) onScaleChange({ ...scale, base });\n          }}\n        />\n        {unit ? <span className={s.unit}>{unit}</span> : null}\n      </span>\n      <ToggleBar\n        ariaLabel={`${group} rule`}\n        size=\"sm\"\n        items={RULES}\n        value={rule.kind}\n        onChange={(kind) => {\n          if (kind && kind !== rule.kind) onScaleChange(refitScale(scale, kind, amounts));\n        }}\n      />\n      {param ? (\n        <span className={s.stepEdit}>\n          {param.key === 'ratio' ? <span className={s.unit}>×</span> : <span className={s.unit}>+</span>}\n          <NumberField\n            className={s.number}\n            aria-label={`${group} ${param.key}`}\n            value={param.value}\n            hideSteppers\n            formatOptions={NUMBER_FORMAT}\n            onChange={(value) => {\n              if (Number.isFinite(value)) onScaleChange({ ...scale, rule: { kind: param.key, [param.key]: value } as TokenScaleRule });\n            }}\n          />\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nfunction Scale({\n  group,\n  tokens,\n  generator,\n  onChange,\n  onScaleChange,\n}: {\n  group: string;\n  tokens: readonly TokenEntry[];\n  generator?: TokenScale;\n  onChange: OnChange;\n  onScaleChange?: (group: string, scale: TokenScale) => void;\n}) {\n  const labels = useMemo(() => stepLabels(tokens.map((t) => t.name)), [tokens]);\n  const units = new Set(tokens.map((t) => splitUnit(t.value)?.unit ?? ''));\n  const unit = units.size === 1 ? [...units][0] : null;\n  const overridden = tokens.filter((t) => t.overridden);\n  return (\n    <div className={s.scale} role=\"group\" aria-label={group}>\n      <span className={s.scaleHead}>\n        <span className={s.name}>{group}</span>\n        {unit ? <span className={s.unit}>{unit}</span> : null}\n        {overridden.length > 0 ? (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            ariaLabel={`Reset ${group}`}\n            onClick={() => {\n              for (const t of overridden) onChange(t.name, null);\n            }}\n          >\n            Reset\n          </Button>\n        ) : null}\n      </span>\n      {generator && onScaleChange ? (\n        <ScaleRuleControls\n          group={group}\n          scale={generator}\n          unit={unit ?? ''}\n          amounts={generator.tokens.map(\n            (name) => splitUnit(tokens.find((t) => t.name === name)?.value ?? '')?.amount ?? generator.base,\n          )}\n          onScaleChange={(next) => onScaleChange(group, next)}\n        />\n      ) : null}\n      <div className={s.steps}>\n        {tokens.map((t, i) => {\n          const rule = generator?.rule;\n          const at = generator ? generator.tokens.indexOf(t.name) : -1;\n          const factor = rule?.kind === 'factors' && at >= 0 ? rule.factors[at] : undefined;\n          return (\n            <ScaleStep\n              key={t.name}\n              token={t}\n              label={labels[i] ?? t.name}\n              showUnit={unit === null}\n              factor={factor}\n              onChange={onChange}\n              onFactorChange={\n                generator && onScaleChange && rule?.kind === 'factors'\n                  ? (next) =>\n                      onScaleChange(group, {\n                        ...generator,\n                        rule: { kind: 'factors', factors: rule.factors.map((f, j) => (j === at ? next : f)) },\n                      })\n                  : undefined\n              }\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({\n  title,\n  open,\n  onToggle,\n  tokens,\n  familySize,\n  scales,\n  onChange,\n  onScaleChange,\n}: {\n  title: string;\n  open: boolean;\n  onToggle: () => void;\n  tokens: readonly TokenEntry[];\n  familySize: number;\n  scales?: Readonly<Record<string, TokenScale>>;\n  onChange: OnChange;\n  onScaleChange?: (group: string, scale: TokenScale) => void;\n}) {\n  const items = useMemo(() => itemsOf(tokens, familySize), [tokens, familySize]);\n  return (\n    <section className={s.section} aria-label={title}>\n      <DisclosureRow className={s.sectionHead} open={open} onToggle={onToggle} label={title}>\n        <span aria-hidden=\"true\">{title}</span>\n      </DisclosureRow>\n      {open ? (\n        <div className={s.sectionBody}>\n          {items.map((item) =>\n            item.kind === 'row' ? (\n              <TokenRow key={item.token.name} token={item.token} onChange={onChange} />\n            ) : item.kind === 'scale' ? (\n              <Scale\n                key={`scale:${item.group}`}\n                group={item.group}\n                tokens={item.tokens}\n                generator={scales?.[item.group]}\n                onChange={onChange}\n                onScaleChange={onScaleChange}\n              />\n            ) : (\n              <Family key={`family:${item.group}`} group={item.group} tokens={item.tokens} onChange={onChange} />\n            ),\n          )}\n        </div>\n      ) : null}\n    </section>\n  );\n}\n\n/**\n * Edits a set of design tokens by type: collapsible sections by category, a\n * color group drawn as one row of swatches sized to fit, a group of sizes drawn\n * as one grid of numbers labeled by step — with its base and rule above it when\n * `scales` says how it is generated — and a control for each\n * type — a number with its unit for dimensions and durations, the nine weights\n * for a font weight, a curve beside a `cubic-bezier()`, a swatch beside a color,\n * and text for everything else.\n */\nexport function TokenPanel({\n  tokens,\n  onChange,\n  collapsed,\n  onCollapsedChange,\n  scales,\n  onScaleChange,\n  categorize = tokenCategory,\n  familySize = 3,\n  density = 'normal',\n  className,\n}: TokenPanelProps) {\n  const [ownCollapsed, setOwnCollapsed] = useState<Partial<Record<TokenCategory, boolean>>>({});\n  const closed = collapsed ?? ownCollapsed;\n  const byCategory = useMemo(() => {\n    const sections = new Map<TokenCategory, TokenEntry[]>();\n    for (const token of tokens) {\n      const category = categorize(token);\n      sections.set(category, [...(sections.get(category) ?? []), token]);\n    }\n    return sections;\n  }, [tokens, categorize]);\n\n  return (\n    <div className={[s.panel, density === 'tight' && s.tight, className].filter(Boolean).join(' ')}>\n      {TOKEN_CATEGORIES.map(({ id, title }) => {\n        const inSection = byCategory.get(id);\n        if (!inSection) return null;\n        const open = !closed[id];\n        return (\n          <Section\n            key={id}\n            title={title}\n            open={open}\n            onToggle={() => {\n              if (collapsed === undefined) setOwnCollapsed((prev) => ({ ...prev, [id]: open }));\n              onCollapsedChange?.(id, open);\n            }}\n            tokens={inSection}\n            familySize={familySize}\n            scales={scales}\n            onChange={onChange}\n            onScaleChange={onScaleChange}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/ToolButton-9QzJCmuM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolButton-9QzJCmuM.js","names":[],"sources":["../../src/components/ToolButton/ToolButton.module.css","../../src/components/ToolButton/ToolButton.tsx"],"sourcesContent":[".button {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wzl-space-1);\n  min-width: 44px;\n  padding: var(--wzl-space-3) var(--wzl-space-2);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg);\n  cursor: default;\n  font-family: inherit;\n  font-size: var(--wzl-font-size-xs);\n  line-height: 1.1;\n}\n.button:hover:not([disabled]) {\n  background: var(--wzl-surface-hover);\n  color: var(--wzl-fg);\n}\n.button:focus-visible {\n  outline: 2px solid var(--wzl-accent);\n  outline-offset: -2px;\n}\n.button.active {\n  background: var(--wzl-surface-pressed);\n  border-color: var(--wzl-accent);\n  color: var(--wzl-fg);\n}\n.button[disabled] {\n  opacity: 0.4;\n}\n\n.icon { display: block; }\n.icon > svg { display: block; }\n.label { font-size: var(--wzl-font-size-xs); }\n.shortcut {\n  color: var(--wzl-fg-muted);\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: var(--wzl-font-size-2xs);\n}\n","import type { KeyboardEvent, ReactNode } from 'react';\nimport { Focusable } from 'react-aria-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltip';\nimport s from './ToolButton.module.css';\n\n/** Props for {@link ToolButton}. */\nexport interface ToolButtonProps {\n  /** Icon node (typically an SVG component). */\n  icon: ReactNode;\n  /** Human-readable label shown under the icon. */\n  label: string;\n  /** Optional shortcut hint (e.g. \"V\" or \"⌘Z\"). */\n  shortcut?: string;\n  /** Selected/active state — toggles the active visual treatment. */\n  active?: boolean;\n  /** Disabled state — passes through to the underlying button. */\n  disabled?: boolean;\n  /**\n   * When true, sets `aria-disabled=\"true\"` on the button without using the\n   * native `disabled` attribute. This keeps the button focusable and reachable\n   * by keyboard (roving-tabindex still applies) while marking it as ineligible\n   * to screen readers. The caller is responsible for making `onClick` a no-op.\n   */\n  ariaDisabled?: boolean;\n  /**\n   * Whether this button is the currently tabbable member of its toolbar.\n   * Toolbars use roving tabindex: exactly one button has `tabIndex=0` at\n   * a time; the rest are `-1`. Caller manages which.\n   */\n  tabbable?: boolean;\n  /** Click handler. */\n  onClick(): void;\n  /** Key handler for the underlying button — a toolbar's roving-tabindex\n   *  navigation attaches here. */\n  onKeyDown?(e: KeyboardEvent<HTMLElement>): void;\n  /**\n   * Tooltip content. Defaults to `label` (plus `shortcut` if provided).\n   */\n  title?: string;\n  /** Additional class for the root button. */\n  className?: string;\n}\n\n/**\n * Generic icon-+-label toolbar button — building block for `ToolPalette`\n * and similar surfaces. Headless about layout direction (parent group\n * supplies flex direction via `ToolGroup`). Theme via `--wzl-*` tokens.\n */\nexport function ToolButton(props: ToolButtonProps) {\n  const {\n    icon, label, shortcut, active, disabled, ariaDisabled, tabbable,\n    onClick, onKeyDown, title, className,\n  } = props;\n  const resolvedTitle = title ?? (shortcut ? `${label} (${shortcut})` : label);\n  const cls = [s.button, active && s.active, className].filter(Boolean).join(' ');\n  return (\n    <TooltipTrigger isDisabled={disabled}>\n      <Focusable isDisabled={disabled}>\n        <button\n          type=\"button\"\n          tabIndex={tabbable ? 0 : -1}\n          className={cls}\n          aria-current={active ? 'true' : undefined}\n          aria-disabled={ariaDisabled ? 'true' : undefined}\n          disabled={disabled}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n        >\n          <span className={s.icon} aria-hidden=\"true\">{icon}</span>\n          <span className={s.label}>{label}</span>\n          {shortcut && <span className={s.shortcut}>{shortcut}</span>}\n        </button>\n      </Focusable>\n      <Tooltip>{resolvedTitle}</Tooltip>\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;ACgDA,SAAgB,EAAW,GAAwB;CACjD,IAAM,EACJ,SAAM,UAAO,aAAU,WAAQ,aAAU,iBAAc,aACvD,YAAS,cAAW,UAAO,iBACzB,GACE,IAAgB,MAAU,IAAW,GAAG,EAAM,IAAI,EAAS,KAAK,IAChE,IAAM;EAAC,EAAE;EAAQ,KAAU,EAAE;EAAQ;EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;AAC/E,QACE,kBAAC,GAAD;EAAgB,YAAY;YAA5B,CACE,kBAAC,GAAD;GAAW,YAAY;aACrB,kBAAC,UAAD;IACE,MAAK;IACL,UAAU,IAAW,IAAI;IACzB,WAAW;IACX,gBAAc,IAAS,SAAS,KAAA;IAChC,iBAAe,IAAe,SAAS,KAAA;IAC7B;IACD;IACE;cARb;KAUE,kBAAC,QAAD;MAAM,WAAW,EAAE;MAAM,eAAY;gBAAQ;MAAY,CAAA;KACzD,kBAAC,QAAD;MAAM,WAAW,EAAE;gBAAQ;MAAa,CAAA;KACvC,KAAY,kBAAC,QAAD;MAAM,WAAW,EAAE;gBAAW;MAAgB,CAAA;KACpD;;GACC,CAAA,EACZ,kBAAC,GAAD,EAAA,UAAU,GAAwB,CAAA,CACnB"}

package/dist/chunks/ToolGroup-BJiDrH_i.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolGroup-BJiDrH_i.js","names":[],"sources":["../../src/components/ToolGroup/ToolGroup.module.css","../../src/components/ToolGroup/ToolGroup.tsx"],"sourcesContent":[".group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-1);\n}\n.group.horizontal {\n  flex-direction: row;\n}\n","import type { ReactNode } from 'react';\nimport s from './ToolGroup.module.css';\n\n/** Props for {@link ToolGroup}. */\nexport interface ToolGroupProps {\n  children: ReactNode;\n  /**\n   * Lays children along an axis. `'vertical'` (default) stacks them in\n   * a column; `'horizontal'` lays them in a row. Independent of the\n   * parent toolbar's own orientation.\n   */\n  orientation?: 'vertical' | 'horizontal';\n  /**\n   * Optional `data-group` attribute — useful for parents that want to\n   * select the group from CSS or tests by name.\n   */\n  groupKey?: string;\n  /** Accessible name for the group (rendered as `aria-label`). */\n  ariaLabel?: string;\n  className?: string;\n}\n\n/**\n * Generic toolbar group — a `role=\"group\"` flex container that arranges\n * `<ToolButton>`s (or any children) along a chosen axis. No visual chrome\n * beyond layout; theming lives on the buttons.\n */\nexport function ToolGroup(props: ToolGroupProps) {\n  const { children, orientation = 'vertical', groupKey, ariaLabel, className } = props;\n  const cls = [s.group, orientation === 'horizontal' && s.horizontal, className]\n    .filter(Boolean).join(' ');\n  return (\n    <div className={cls} role=\"group\" data-group={groupKey} aria-label={ariaLabel}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AC2BA,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,aAAU,iBAAc,YAAY,aAAU,cAAW,iBAAc;AAG/E,QACE,kBAAC,OAAD;EAAK,WAHK;GAAC,EAAE;GAAO,MAAgB,gBAAgB,EAAE;GAAY;GAAU,CAC3E,OAAO,QAAQ,CAAC,KAAK,IAEN;EAAK,MAAK;EAAQ,cAAY;EAAU,cAAY;EACjE;EACG,CAAA"}

package/dist/chunks/ToolOptionsBar-CAM6RcUH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolOptionsBar-CAM6RcUH.js","names":[],"sources":["../../src/components/ToolOptionsBar/ToolOptionsBar.module.css","../../src/components/ToolOptionsBar/ToolOptionsBar.tsx"],"sourcesContent":["/* Horizontal strip reserved above the workspace for contextual tool\n   options. Fixed height so mounting/unmounting content never resizes\n   the workspace beneath it — that's the whole reason this row exists\n   as permanent chrome rather than an on-demand overlay.\n\n   Overflow: when controls exceed the available width, `.controls`\n   scrolls horizontally rather than wrapping (which would grow the row\n   and defeat the fixed-height guarantee above) or clipping (which\n   would hide controls with no way to reach them). A flyout/long-press\n   affordance was considered and rejected — grouped, directly visible\n   layouts are preferred in this repo. */\n\n.root {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-4);\n  height: var(--wzl-tb-height, 28px);\n  padding: 0 var(--wzl-space-4);\n  background: var(--wzl-surface);\n  border-bottom: 1px solid var(--wzl-border);\n  color: var(--wzl-fg);\n  overflow: hidden;\n}\n\n.label {\n  flex: 0 0 auto;\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-bold);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--wzl-fg-muted);\n  white-space: nowrap;\n}\n\n.controls {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-3);\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: thin;\n}\n\n/* Firefox gets a thin scrollbar for free via `scrollbar-width` above.\n * Chromium/WebKit need it spelled out — on a classic (non-overlay)\n * scrollbar theme (default on Windows Chrome/Edge), an unstyled\n * horizontal scrollbar is ~15-17px tall and renders *inside* this box,\n * clipping/off-centering the row's controls. That would reintroduce the\n * exact height instability the scroll-over-wrap overflow choice above\n * exists to avoid — just at the row's inner edge instead of its outer\n * one. Pin it thin and out of the way instead. */\n.controls::-webkit-scrollbar {\n  height: 4px;\n}\n.controls::-webkit-scrollbar-track {\n  background: transparent;\n}\n.controls::-webkit-scrollbar-thumb {\n  background: var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n}\n\n/* A schema-drawn control sits on the line as-is; the cell exists only to keep\n   it from being squeezed by the row's flex context. */\n.cell {\n  display: flex;\n  align-items: center;\n  flex: none;\n}\n\n.cellLabel {\n  flex: none;\n  margin-right: var(--wzl-space-2);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg-muted);\n  white-space: nowrap;\n}\n\n/* Fields are read beside their label on one line, so they carry only the\n   digits they need rather than the panel's column width. */\n.controls {\n  --wzl-number-field-width: 5ch;\n}\n\n/* The strip decides how much room a control gets, because its budget is one\n   line rather than a column: a field carries the digits it needs and an\n   opacity track stops short of pushing its neighbours off the end. Both are\n   the panel's widths otherwise, which are sized for a two-column grid. */\n.cell input[type='text'] {\n  inline-size: var(--wzl-number-field-width, 5ch);\n}\n\n.cell input[type='range'] {\n  inline-size: 64px;\n  flex: none;\n}\n","import type { ReactNode } from 'react';\nimport type { ToolPrefGroup, ToolPrefLeaf } from '@weasel-js/core';\nimport {\n  renderBuiltin,\n  renderCells,\n  type LeafCell,\n  type PropertyRenderContext,\n  type PropertyRenderer,\n} from '../SelectionPanel/renderLeaf';\nimport { isGroup, pairRows, type PanelLeaf, type PanelRow } from '../SelectionPanel/model';\nimport s from './ToolOptionsBar.module.css';\n\n/** Props for {@link ToolOptionsBar}. */\nexport interface ToolOptionsBarProps {\n  /**\n   * Context label for the row — e.g. the active tool's name. Rendered\n   * before the children and doubles as the toolbar's `aria-label`. Omit\n   * it and the row still renders (it's a permanently reserved slot), just\n   * without an accessible name.\n   *\n   * Using `label` for both the visible text and `aria-label` means a\n   * screen reader announces it twice when landing on the toolbar (\"Text,\n   * toolbar\", then \"Text\" again when browsing into the visible span).\n   * `aria-labelledby` would avoid the echo at the cost of id plumbing and\n   * an awkward no-`id`-to-point-at case when `label` is omitted. The\n   * double-announcement is common enough for labeled landmark regions\n   * that it's left as-is — considered, not missed.\n   */\n  label?: string;\n  /**\n   * The active tool's options. Leaves draw through the same leaf → control\n   * mapping `SelectionPanel` uses, so a kind gets its control decided in one\n   * place; groups organize without drawing, since the bar is one line.\n   */\n  schema?: ToolPrefGroup;\n  /** Each leaf's value, keyed by dotted path. A path with no entry is unset. */\n  values?: Readonly<Record<string, unknown>>;\n  /** A leaf edit, as the dotted path it was declared at and its new value. */\n  onChange?: (path: string, value: unknown) => void;\n  /** Paths whose sources disagree — drawn as the control's mixed state. */\n  mixed?: ReadonlySet<string>;\n  /** Control overrides, by dotted path or by leaf kind, as the panel takes. */\n  renderers?: Record<string, PropertyRenderer>;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * Horizontal strip reserved above the workspace for contextual tool options.\n * Given a `schema` it draws the active tool's options itself; the children\n * slot stays open for a tenant that is not a tool's options at all, such as\n * loupe controls.\n *\n * The row always renders, even empty, because the app reserves its height\n * permanently rather than mounting it on demand — mounting mid-edit would\n * resize the workspace under a canvas that's sized to the page.\n *\n * `role=\"toolbar\"` without roving tabindex: the ARIA authoring practices\n * expect arrow-key roving focus across a toolbar's items, but a bar of\n * compound controls (`NumberField`, `Select`, `ColorField`) must leave the\n * arrow keys to them — they edit their own value with them. That is true of\n * schema-drawn controls as much as of arbitrary children, so the bar keeps\n * plain DOM tab order and `useRovingTabIndex` documents this as its opt-out.\n */\nexport function ToolOptionsBar(props: ToolOptionsBarProps) {\n  const { label, schema, values, onChange, mixed, renderers, children, className } = props;\n  const cls = [s.root, className].filter(Boolean).join(' ');\n  return (\n    <div className={cls} role=\"toolbar\" aria-label={label}>\n      {label !== undefined && <span className={s.label}>{label}</span>}\n      <div className={s.controls}>\n        {schema !== undefined &&\n          barRows(schema).map((row) => (\n            <BarRow\n              key={row.leaves[0]!.path}\n              row={row}\n              values={values}\n              mixed={mixed}\n              renderers={renderers}\n              onChange={onChange}\n            />\n          ))}\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/**\n * The schema's visible leaves as rows, addressed by dotted path. Groups are\n * organizational here — a bar is one line, so a nested group contributes its\n * leaves and no chrome — but its path segment still names them, so a leaf\n * reads back at the path the tool declared it at.\n */\nfunction barRows(schema: ToolPrefGroup): PanelRow[] {\n  const leaves: PanelLeaf[] = [];\n  const collect = (group: ToolPrefGroup, prefix: string): void => {\n    for (const [key, child] of Object.entries(group.children)) {\n      const path = prefix === '' ? key : `${prefix}.${key}`;\n      if (isGroup(child)) collect(child, path);\n      else if (child.hidden !== true) leaves.push({ path, leaf: child });\n    }\n  };\n  collect(schema, '');\n  return pairRows(leaves);\n}\n\n/** One row of the bar: a single control, or a run of flags as one bar. */\nfunction BarRow({\n  row,\n  values,\n  mixed,\n  renderers,\n  onChange,\n}: {\n  row: PanelRow;\n  values: Readonly<Record<string, unknown>> | undefined;\n  mixed: ReadonlySet<string> | undefined;\n  renderers: Record<string, PropertyRenderer> | undefined;\n  onChange: ((path: string, value: unknown) => void) | undefined;\n}) {\n  // The bar draws no row label, so a control carries its own name rather than\n  // the panel's qualified \"<pair> <leaf>\" — the run's bar carries the pair.\n  const cells = row.leaves.map((panelLeaf) =>\n    barCell(panelLeaf, panelLeaf.leaf.name, values, mixed, renderers, onChange),\n  );\n  return (\n    <>\n      {renderCells(cells, renderers).map((cell) => (\n        <span key={cell.key} className={s.cell}>\n          {needsLabel(cell.leaf) && (\n            <span className={s.cellLabel} aria-hidden=\"true\">\n              {cell.leaf.short ?? cell.leaf.name}\n            </span>\n          )}\n          {cell.content}\n        </span>\n      ))}\n    </>\n  );\n}\n\n/**\n * Whether a control needs telling from its neighbours in words.\n *\n * Only a bare value box does: a number or a string is a box of characters,\n * and two of them side by side are indistinguishable. Everything else shows\n * what it is — a swatch is a color, a font picker names the family, a flag\n * run and a segmented control label their own segments — so a word in front\n * would repeat what the control already says. `name` stays the accessible\n * name either way, so this costs a screen reader nothing.\n */\nfunction needsLabel(leaf: ToolPrefLeaf): boolean {\n  return leaf.kind === 'number' || leaf.kind === 'string';\n}\n\nfunction barCell(\n  panelLeaf: PanelLeaf,\n  ariaLabel: string,\n  values: Readonly<Record<string, unknown>> | undefined,\n  mixed: ReadonlySet<string> | undefined,\n  renderers: Record<string, PropertyRenderer> | undefined,\n  onChange: ((path: string, value: unknown) => void) | undefined,\n): LeafCell {\n  const { path, leaf } = panelLeaf;\n  const isMixed = mixed?.has(path) === true;\n  const ctx: PropertyRenderContext = {\n    path,\n    pref: leaf,\n    value: isMixed ? undefined : values?.[path],\n    mixed: isMixed,\n    unset: !isMixed && values?.[path] === undefined,\n    setValue: (v) => onChange?.(path, v),\n    valueAt: (p) => ({ value: values?.[p], mixed: mixed?.has(p) === true }),\n  };\n  return {\n    key: path,\n    leaf: leaf as ToolPrefLeaf,\n    ctx,\n    ariaLabel,\n    render: () => {\n      const custom = renderers?.[path] ?? renderers?.[leaf.kind];\n      return custom ? custom(ctx) : renderBuiltin(ctx, ariaLabel, renderers, path);\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;ACgEA,SAAgB,EAAe,GAA4B;CACzD,IAAM,EAAE,UAAO,WAAQ,WAAQ,aAAU,UAAO,cAAW,aAAU,iBAAc;AAEnF,QACE,kBAAC,OAAD;EAAK,WAFK,CAAC,EAAE,MAAM,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAEnC;EAAK,MAAK;EAAU,cAAY;YAAhD,CACG,MAAU,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAW,EAAE;aAAQ;GAAa,CAAA,EAChE,kBAAC,OAAD;GAAK,WAAW,EAAE;aAAlB,CACG,MAAW,KAAA,KACV,EAAQ,EAAO,CAAC,KAAK,MACnB,kBAAC,GAAD;IAEO;IACG;IACD;IACI;IACD;IACV,EANK,EAAI,OAAO,GAAI,KAMpB,CACF,EACH,EACG;KACF;;;AAUV,SAAS,EAAQ,GAAmC;CAClD,IAAM,IAAsB,EAAE,EACxB,KAAW,GAAsB,MAAyB;AAC9D,OAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAM,SAAS,EAAE;GACzD,IAAM,IAAO,MAAW,KAAK,IAAM,GAAG,EAAO,GAAG;AAChD,GAAI,EAAQ,EAAM,GAAE,EAAQ,GAAO,EAAK,GAC/B,EAAM,WAAW,MAAM,EAAO,KAAK;IAAE;IAAM,MAAM;IAAO,CAAC;;;AAItE,QADA,EAAQ,GAAQ,GAAG,EACZ,EAAS,EAAO;;AAIzB,SAAS,EAAO,EACd,QACA,WACA,UACA,cACA,eAOC;AAMD,QACE,kBAAA,GAAA,EAAA,UACG,EALS,EAAI,OAAO,KAAK,MAC5B,EAAQ,GAAW,EAAU,KAAK,MAAM,GAAQ,GAAO,GAAW,EAAS,CAI5D,EAAO,EAAU,CAAC,KAAK,MAClC,kBAAC,QAAD;EAAqB,WAAW,EAAE;YAAlC,CACG,EAAW,EAAK,KAAK,IACpB,kBAAC,QAAD;GAAM,WAAW,EAAE;GAAW,eAAY;aACvC,EAAK,KAAK,SAAS,EAAK,KAAK;GACzB,CAAA,EAER,EAAK,QACD;IAPI,EAAK,IAOT,CACP,EACD,CAAA;;AAcP,SAAS,EAAW,GAA6B;AAC/C,QAAO,EAAK,SAAS,YAAY,EAAK,SAAS;;AAGjD,SAAS,EACP,GACA,GACA,GACA,GACA,GACA,GACU;CACV,IAAM,EAAE,SAAM,YAAS,GACjB,IAAU,GAAO,IAAI,EAAK,KAAK,IAC/B,IAA6B;EACjC;EACA,MAAM;EACN,OAAO,IAAU,KAAA,IAAY,IAAS;EACtC,OAAO;EACP,OAAO,CAAC,KAAW,IAAS,OAAU,KAAA;EACtC,WAAW,MAAM,IAAW,GAAM,EAAE;EACpC,UAAU,OAAO;GAAE,OAAO,IAAS;GAAI,OAAO,GAAO,IAAI,EAAE,KAAK;GAAM;EACvE;AACD,QAAO;EACL,KAAK;EACC;EACN;EACA;EACA,cAAc;GACZ,IAAM,IAAS,IAAY,MAAS,IAAY,EAAK;AACrD,UAAO,IAAS,EAAO,EAAI,GAAG,EAAc,GAAK,GAAW,GAAW,EAAK;;EAE/E"}

package/dist/chunks/ToolPalette-DGkKwE7D.js

@@ -1,97 +0,0 @@
-import { t as e } from "./keyGlyph-Bp0wnLHn.js";
-import { t } from "./useRovingTabIndex-Dkpf_KhN.js";
-import { t as n } from "./ToolButton-9QzJCmuM.js";
-import { t as r } from "./ToolGroup-BJiDrH_i.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { UnknownIcon as o } from "@weasel-js/core";
-import { Fragment as s } from "react";
-import { eligibleContribution as c } from "@weasel-js/modes";
-var l = {
-	palette: "_palette_zei9m_1",
-	horizontal: "_horizontal_zei9m_11",
-	paletteBtn: "_paletteBtn_zei9m_17",
-	ineligibleBtn: "_ineligibleBtn_zei9m_20",
-	separator: "_separator_zei9m_25"
-};
-//#endregion
-//#region src/components/ToolPalette/formatShortcut.ts
-function u(t) {
-	if (!t) return;
-	let n = Array.isArray(t.key) ? t.key[0] : t.key, r = [];
-	return t.mod && r.push("⌘"), t.shift === !0 && r.push("⇧"), t.alt && r.push("⌥"), r.push(e(n)), r;
-}
-function d(e) {
-	let t = u(e);
-	return t ? t.join("") : void 0;
-}
-//#endregion
-//#region src/components/ToolPalette/ToolPalette.tsx
-var f = [
-	"select",
-	"shape",
-	"draw",
-	"type",
-	"view"
-], p = "misc";
-function m(e) {
-	let t = /* @__PURE__ */ new Map();
-	for (let n of e) {
-		let e = n.presentation?.group ?? p, r = t.get(e) ?? [];
-		r.push(n), t.set(e, r);
-	}
-	return t;
-}
-function h(e, t) {
-	let n = new Set(e.keys()), r = [];
-	for (let e of t) n.has(e) && (r.push(e), n.delete(e));
-	for (let t of e.keys()) n.has(t) && t !== p && (r.push(t), n.delete(t));
-	return n.has(p) && r.push(p), r;
-}
-function g(e) {
-	let t = e.presentation?.icon;
-	return t == null ? /* @__PURE__ */ i(o, {}) : typeof t == "function" ? t(void 0) : t;
-}
-function _(e) {
-	let { tools: o, orientation: u = "vertical", className: p, lookupShortcut: _, modeRegistry: v, groupOrder: y = f } = e, b = m(Object.values(o.registry)), x = h(b, y), S = [
-		l.palette,
-		u === "horizontal" && l.horizontal,
-		p
-	].filter(Boolean).join(" "), C = x.flatMap((e) => b.get(e)), w = C.map((e) => v ? c(v, e) : !0), T = C.findIndex((e) => e.id === o.active), E = t({
-		items: w.map((e) => ({ disabled: !e })),
-		itemClassName: l.paletteBtn,
-		...T >= 0 && w[T] ? { tabStopIndex: T } : {}
-	}), D = -1;
-	return /* @__PURE__ */ i("div", {
-		ref: E.rootRef,
-		className: S,
-		role: "toolbar",
-		"aria-label": "Tools",
-		children: x.map((e, t) => /* @__PURE__ */ a(s, { children: [t > 0 && /* @__PURE__ */ i("div", {
-			className: l.separator,
-			role: "separator",
-			"aria-orientation": u === "horizontal" ? "vertical" : "horizontal"
-		}), /* @__PURE__ */ i(r, {
-			orientation: u,
-			groupKey: e,
-			children: b.get(e).map((e) => {
-				let t = ++D, r = e.presentation?.label ?? e.id, a = e.presentation?.shortcut ?? d(_ ? _(e.id) : e.keybinding), s = w[t], c = v ? v.current().id : void 0, u = !s && c ? `${r}${a ? ` (${a})` : ""} — disabled in ${c} mode` : void 0;
-				return /* @__PURE__ */ i(n, {
-					icon: g(e),
-					label: r,
-					shortcut: a,
-					active: o.active === e.id,
-					tabbable: E.tabIndexFor(t) === 0,
-					ariaDisabled: !s,
-					className: [l.paletteBtn, !s && l.ineligibleBtn].filter(Boolean).join(" "),
-					title: u,
-					onClick: s ? () => o.setActive(e.id) : () => {},
-					onKeyDown: E.onKeyDown(t)
-				}, e.id);
-			})
-		})] }, e))
-	});
-}
-//#endregion
-export { d as n, u as r, _ as t };
-
-//# sourceMappingURL=ToolPalette-DGkKwE7D.js.map

package/dist/chunks/ToolPalette-DGkKwE7D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolPalette-DGkKwE7D.js","names":[],"sources":["../../src/components/ToolPalette/ToolPalette.module.css","../../src/components/ToolPalette/formatShortcut.ts","../../src/components/ToolPalette/ToolPalette.tsx"],"sourcesContent":[".palette {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wzl-space-2);\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  padding: var(--wzl-space-2);\n  user-select: none;\n}\n.palette.horizontal {\n  flex-direction: row;\n}\n\n/* Marker only — `useRovingTabIndex` finds the palette's buttons by this class.\n   Carries no styles; deleting it breaks keyboard navigation. */\n.paletteBtn {}\n\n/* Applied to ineligible tool buttons in the active mode. */\n.ineligibleBtn {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.separator {\n  background: var(--wzl-border);\n}\n.palette:not(.horizontal) .separator {\n  height: 1px;\n  margin: var(--wzl-space-1) 0;\n}\n.palette.horizontal .separator {\n  width: 1px;\n  margin: 0 var(--wzl-space-1);\n}\n","import { keyGlyph } from '../Keycaps/keyGlyph';\n\nexport interface ShortcutInput {\n  key: string | readonly string[];\n  mod?: boolean;\n  alt?: boolean;\n  shift?: boolean | 'optional';\n}\n\n/** Format a shortcut as an array of display chips, one per key — modifier\n *  icons (⌘, ↑, ⌥) followed by the key glyph. UIs that want a boxed\n *  per-key look render each chip in its own element. `shift: 'optional'` is\n *  treated as falsy. */\nexport function formatShortcutParts(b: ShortcutInput | undefined): readonly string[] | undefined {\n  if (!b) return undefined;\n  const rawKey = Array.isArray(b.key) ? b.key[0] : (b.key as string);\n  const parts: string[] = [];\n  if (b.mod) parts.push('⌘');\n  if (b.shift === true) parts.push('⇧');\n  if (b.alt) parts.push('⌥');\n  parts.push(keyGlyph(rawKey));\n  return parts;\n}\n\n/** Format a shortcut as a single display string. Order: mod, shift, alt,\n *  key. Returns `undefined` for `undefined` input so callers can `??` a\n *  fallback. When `key` is an array, the first element is used. `shift: 'optional'`\n *  is treated as falsy. */\nexport function formatShortcut(b: ShortcutInput | undefined): string | undefined {\n  const parts = formatShortcutParts(b);\n  return parts ? parts.join('') : undefined;\n}\n","import { Fragment, type ReactNode } from 'react';\nimport { UnknownIcon } from '@weasel-js/core';\nimport type { AnyTool, ToolsApi } from '@weasel-js/core';\nimport { eligibleContribution, type ModeRegistry } from '@weasel-js/modes';\nimport { ToolButton } from '../ToolButton';\nimport { ToolGroup } from '../ToolGroup';\nimport { useRovingTabIndex } from '../../useRovingTabIndex';\nimport s from './ToolPalette.module.css';\nimport { formatShortcut, type ShortcutInput } from './formatShortcut';\n\nconst DEFAULT_GROUP_ORDER = ['select', 'shape', 'draw', 'type', 'view'] as const;\nconst MISC = 'misc';\n\nfunction partitionByGroup(list: AnyTool[]): Map<string, AnyTool[]> {\n  const groups = new Map<string, AnyTool[]>();\n  for (const tool of list) {\n    const g = tool.presentation?.group ?? MISC;\n    const bucket = groups.get(g) ?? [];\n    bucket.push(tool);\n    groups.set(g, bucket);\n  }\n  return groups;\n}\n\nfunction orderedGroupKeys(\n  groups: Map<string, AnyTool[]>,\n  groupOrder: readonly string[],\n): string[] {\n  const seen = new Set(groups.keys());\n  const ordered: string[] = [];\n  for (const known of groupOrder) {\n    if (seen.has(known)) {\n      ordered.push(known);\n      seen.delete(known);\n    }\n  }\n  // Unknown groups in insertion order (Map preserves it), misc last.\n  for (const key of groups.keys()) {\n    if (seen.has(key) && key !== MISC) {\n      ordered.push(key);\n      seen.delete(key);\n    }\n  }\n  if (seen.has(MISC)) ordered.push(MISC);\n  return ordered;\n}\n\nfunction resolveIcon(tool: AnyTool): ReactNode {\n  const rawIcon = tool.presentation?.icon;\n  if (rawIcon == null) return <UnknownIcon />;\n  if (typeof rawIcon === 'function') return rawIcon(undefined);\n  return rawIcon;\n}\n\n/** Props for {@link ToolPalette}. */\nexport interface ToolPaletteProps {\n  tools: ToolsApi;\n  orientation?: 'vertical' | 'horizontal';\n  className?: string;\n  /** Derive the keyboard shortcut for a tool button from the action registry.\n   *  Called with the tool's id; return `undefined` to suppress a chip. When\n   *  omitted, falls back to `tool.keybinding` (legacy path). */\n  lookupShortcut?: (toolId: string) => ShortcutInput | undefined;\n  /**\n   * Optional mode registry. When provided, tools whose\n   * `eligibility.capabilities` do not match the current mode are rendered\n   * greyed-out, aria-disabled, and their onClick is suppressed. When omitted,\n   * all tools are treated as eligible (preserves existing behavior in\n   * consumers that haven't wired a registry).\n   */\n  modeRegistry?: ModeRegistry;\n  /**\n   * Presentation-group display order. Groups not listed keep their registry\n   * insertion order after the listed ones; `misc` always renders last.\n   * Defaults to `['select', 'shape', 'draw', 'type', 'view']`.\n   */\n  groupOrder?: readonly string[];\n}\n\n/**\n * Toolbar of the registered tools, split into separator-divided groups by\n * each tool's presentation group and navigable by arrow keys. Clicking a\n * button makes that tool active.\n *\n * Given a `modeRegistry`, tools whose capabilities the current mode does not\n * allow render greyed out and inert rather than disappearing.\n */\nexport function ToolPalette(props: ToolPaletteProps) {\n  const {\n    tools, orientation = 'vertical', className, lookupShortcut, modeRegistry,\n    groupOrder = DEFAULT_GROUP_ORDER,\n  } = props;\n  const list = Object.values(tools.registry);\n  const groups = partitionByGroup(list);\n  const groupKeys = orderedGroupKeys(groups, groupOrder);\n  const cls = [s.palette, orientation === 'horizontal' && s.horizontal, className]\n    .filter(Boolean).join(' ');\n\n  // Flat, in DOM order — the roving-tabindex hook indexes by this order.\n  const ordered = groupKeys.flatMap((k) => groups.get(k)!);\n  const eligibility = ordered.map(\n    (tool) => (modeRegistry ? eligibleContribution(modeRegistry, tool) : true),\n  );\n  const activeIndex = ordered.findIndex((t) => t.id === tools.active);\n  const roving = useRovingTabIndex({\n    items: eligibility.map((enabled) => ({ disabled: !enabled })),\n    itemClassName: s.paletteBtn,\n    // An ineligible active tool can't hold the tab stop; fall back to the\n    // hook's first-enabled default.\n    ...(activeIndex >= 0 && eligibility[activeIndex] ? { tabStopIndex: activeIndex } : {}),\n  });\n  let index = -1;\n\n  return (\n    <div\n      ref={roving.rootRef}\n      className={cls}\n      role=\"toolbar\"\n      aria-label=\"Tools\"\n    >\n      {groupKeys.map((key, i) => (\n        <Fragment key={key}>\n          {i > 0 && (\n            <div\n              className={s.separator}\n              role=\"separator\"\n              aria-orientation={orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n            />\n          )}\n          <ToolGroup orientation={orientation} groupKey={key}>\n            {groups.get(key)!.map((tool) => {\n              const i = ++index;\n              const label = tool.presentation?.label ?? tool.id;\n              const shortcut = tool.presentation?.shortcut\n                ?? formatShortcut(lookupShortcut ? lookupShortcut(tool.id) : tool.keybinding);\n              const enabled = eligibility[i];\n              const modeName = modeRegistry ? modeRegistry.current().id : undefined;\n              const resolvedTitle = !enabled && modeName\n                ? `${label}${shortcut ? ` (${shortcut})` : ''} — disabled in ${modeName} mode`\n                : undefined;\n              return (\n                <ToolButton\n                  key={tool.id}\n                  icon={resolveIcon(tool)}\n                  label={label}\n                  shortcut={shortcut}\n                  active={tools.active === tool.id}\n                  tabbable={roving.tabIndexFor(i) === 0}\n                  ariaDisabled={!enabled}\n                  className={[s.paletteBtn, !enabled && s.ineligibleBtn].filter(Boolean).join(' ')}\n                  title={resolvedTitle}\n                  onClick={enabled ? () => tools.setActive(tool.id) : () => {}}\n                  onKeyDown={roving.onKeyDown(i)}\n                />\n              );\n            })}\n          </ToolGroup>\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/Tooltip-C4YBczLq.js

@@ -1,42 +0,0 @@
-import { r as e } from "./portalHost-CjpCnuGU.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { OverlayArrow as i, Tooltip as a, TooltipTrigger as o } from "react-aria-components";
-var s = {
-	tooltip: "_tooltip_ityd9_1",
-	arrow: "_arrow_ityd9_22"
-};
-//#endregion
-//#region src/components/Tooltip/Tooltip.tsx
-function c(e) {
-	let { delay: t = 600, closeDelay: r = 0, ...i } = e;
-	return /* @__PURE__ */ n(o, {
-		delay: t,
-		closeDelay: r,
-		...i
-	});
-}
-function l(o) {
-	let { children: c, className: l, placement: u = "top", offset: d = 8, portalContainer: f, ...p } = o, { anchor: m, portalProps: h } = e(f);
-	return /* @__PURE__ */ r(t, { children: [m, /* @__PURE__ */ r(a, {
-		...p,
-		placement: u,
-		offset: d,
-		className: [s.tooltip, l].filter(Boolean).join(" "),
-		"data-weasel-overlay": "",
-		...h,
-		children: [/* @__PURE__ */ n(i, {
-			className: s.arrow,
-			children: /* @__PURE__ */ n("svg", {
-				width: 8,
-				height: 8,
-				viewBox: "0 0 8 8",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ n("path", { d: "M0 0 L4 4 L8 0" })
-			})
-		}), c]
-	})] });
-}
-//#endregion
-export { c as n, l as t };
-
-//# sourceMappingURL=Tooltip-C4YBczLq.js.map

package/dist/chunks/Tooltip-C4YBczLq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip-C4YBczLq.js","names":[],"sources":["../../src/components/Tooltip/Tooltip.module.css","../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[".tooltip {\n  /* Above Dialog overlay (1000) and ToastRegion (1100) — RAC sets no z-index. */\n  z-index: 1200;\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size-sm);\n  line-height: 1.3;\n  padding: var(--wzl-space-2) var(--wzl-space-4);\n  max-width: 260px;\n  transition: opacity var(--wzl-motion-fast);\n}\n\n.tooltip[data-entering],\n.tooltip[data-exiting] {\n  opacity: 0;\n}\n\n.arrow svg {\n  display: block;\n  fill: var(--wzl-surface);\n  stroke: var(--wzl-border);\n  stroke-width: 1;\n}\n\n.arrow[data-placement='bottom'] svg {\n  transform: rotate(180deg);\n}\n\n.arrow[data-placement='left'] svg {\n  transform: rotate(-90deg);\n}\n\n.arrow[data-placement='right'] svg {\n  transform: rotate(90deg);\n}\n","import type { ReactNode } from 'react';\nimport {\n  TooltipTrigger as RACTooltipTrigger,\n  Tooltip as RACTooltip,\n  OverlayArrow,\n  type TooltipProps as RACTooltipProps,\n  type TooltipTriggerComponentProps,\n} from 'react-aria-components';\nimport { useOverlayPortal, type OverlayPortalProps, type WithoutPortalTarget } from '../../overlays/portalHost';\nimport s from './Tooltip.module.css';\n\n/**\n * Props for {@link TooltipTrigger} — React Aria's `TooltipTrigger` props\n * unchanged.\n */\nexport type TooltipTriggerProps = TooltipTriggerComponentProps;\n\n/**\n * TooltipTrigger with kit defaults: ~600 ms open delay, instant close.\n * Wrap a focusable trigger plus a `<Tooltip>`. Non-RAC triggers (plain\n * `<button>` etc.) must be wrapped in `<Focusable>` from\n * react-aria-components so hover/focus props reach the DOM node.\n *\n * Caveat: while a tooltip is open, react-aria captures the first Escape\n * keydown (document-level, capture phase) to dismiss it — app-level\n * Escape handlers (deselect, cancel gesture) see only the second press.\n */\nexport function TooltipTrigger(props: TooltipTriggerProps) {\n  const { delay = 600, closeDelay = 0, ...rest } = props;\n  return <RACTooltipTrigger delay={delay} closeDelay={closeDelay} {...rest} />;\n}\n\n/** Props for {@link Tooltip}, on top of React Aria's `Tooltip` props. */\nexport type TooltipProps = Omit<WithoutPortalTarget<RACTooltipProps>, 'children' | 'className'> &\n  OverlayPortalProps & {\n    children?: ReactNode;\n    className?: string;\n  };\n\n/**\n * Tooltip bubble with an arrow pointing at the trigger. Non-interactive\n * content only (ARIA tooltip semantics). Use inside `<TooltipTrigger>`.\n */\nexport function Tooltip(props: TooltipProps) {\n  const { children, className, placement = 'top', offset = 8, portalContainer, ...rest } = props;\n  const { anchor, portalProps } = useOverlayPortal(portalContainer);\n  return (\n    <>\n      {anchor}\n      <RACTooltip\n        {...rest}\n        placement={placement}\n        offset={offset}\n        className={[s.tooltip, className].filter(Boolean).join(' ')}\n        data-weasel-overlay=\"\"\n        {...portalProps}\n      >\n        <OverlayArrow className={s.arrow}>\n          <svg width={8} height={8} viewBox=\"0 0 8 8\" aria-hidden=\"true\">\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        </OverlayArrow>\n        {children}\n      </RACTooltip>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AC2BA,SAAgB,EAAe,GAA4B;CACzD,IAAM,EAAE,WAAQ,KAAK,gBAAa,GAAG,GAAG,MAAS;AACjD,QAAO,kBAAC,GAAD;EAA0B;EAAmB;EAAY,GAAI;EAAQ,CAAA;;AAc9E,SAAgB,EAAQ,GAAqB;CAC3C,IAAM,EAAE,aAAU,cAAW,eAAY,OAAO,YAAS,GAAG,oBAAiB,GAAG,MAAS,GACnF,EAAE,WAAQ,mBAAgB,EAAiB,EAAgB;AACjE,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACD,kBAAC,GAAD;EACE,GAAI;EACO;EACH;EACR,WAAW,CAAC,EAAE,SAAS,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC3D,uBAAoB;EACpB,GAAI;YANN,CAQE,kBAAC,GAAD;GAAc,WAAW,EAAE;aACzB,kBAAC,OAAD;IAAK,OAAO;IAAG,QAAQ;IAAG,SAAQ;IAAU,eAAY;cACtD,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;IACvB,CAAA;GACO,CAAA,EACd,EACU;IACZ,EAAA,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"createKeyframeLayer-DKtO0Sw_.js","names":[],"sources":["../../src/components/CurveEditor/hitTest.ts","../../src/handles.ts","../../src/components/CurveEditor/CurveEditor.module.css","../../src/components/CurveEditor/LayeredCurveEditor.tsx","../../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","import { tokenPx } from '@weasel-js/theme';\nimport type { ResolvedTheme } from '@weasel-js/theme';\n\n/**\n * The handle sizes the theme publishes: the default rank, the inert one a\n * locked or pinned point wears, and the emphasized one for a handle that is\n * its own category.\n */\nexport const HANDLE_SIZE_TOKENS = [\n  '--wzl-handle-size', '--wzl-handle-size-sm', '--wzl-handle-size-lg',\n] as const;\n\n/** One of {@link HANDLE_SIZE_TOKENS}. */\nexport type HandleSizeToken = (typeof HANDLE_SIZE_TOKENS)[number];\n\n/**\n * A handle's edge in px, for code that draws a handle instead of styling one.\n *\n * CSS reaches `--wzl-handle-*` directly; SVG geometry attributes and canvas\n * cannot, so they come through here and the number stays written once, in the\n * theme definition.\n */\nexport function handleSize(token: HandleSizeToken, resolved?: ResolvedTheme): number {\n  return tokenPx(token, resolved);\n}\n\n/** Half a handle's edge — what an SVG rect centered on a point offsets by. */\nexport function handleHalf(token: HandleSizeToken, resolved?: ResolvedTheme): number {\n  return handleSize(token, resolved) / 2;\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-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","/**\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 { handleHalf } from '../../handles';\nimport { SNAP_RADIUS_PX, 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 KEY_HALF = handleHalf('--wzl-handle-size');\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 ?? SNAP_RADIUS_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/dlog-CMYiRF3Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dlog-CMYiRF3Q.js","names":[],"sources":["../../src/dlog.ts"],"sourcesContent":["/**\n * Namespaced, opt-in console tracing. Off by default; production builds\n * may strip the calls entirely depending on the bundler.\n *\n * Enable in the browser:\n *\n *   localStorage.setItem('weasel.debug', '*')               // all namespaces\n *   localStorage.setItem('weasel.debug', 'curve-editor')    // just curve editor\n *   localStorage.setItem('weasel.debug', 'curve-editor,layer-stack')\n *\n * Each component picks a stable namespace and calls `dlog(namespace, ...)`.\n * Useful for tracing pointer/event flows that are hard to capture\n * post-hoc (drag handlers, gesture sequences, selection mutations).\n *\n * The flag is read once and cached for the page session — reload to\n * pick up changes. Cheap hot-path checks (one nullish-coalesce + Set\n * lookup) so leaving calls in place is fine.\n *\n * Mirrors `src/debug/flag.ts` in the kit. Two impls live here because\n * weasel-ui doesn't depend on the kit, but both read the same\n * localStorage keys so behavior is uniform. See the kit copy for the\n * canonical list of kit-level namespaces.\n *\n * Known weasel-ui namespaces:\n *   - plot2d        — Plot2D mount / unmount\n *   - curve-editor  — CurveEditor pointer flow\n */\n\nconst KEYS = ['weasel.debug', 'weaseldraw.debug'] as const;\n\ninterface Cached {\n  all: boolean;\n  set: Set<string>;\n}\n\nlet cached: Cached | null = null;\n\nfunction read(): Cached {\n  const empty: Cached = { all: false, set: new Set() };\n  if (typeof localStorage === 'undefined') return empty;\n  try {\n    for (const k of KEYS) {\n      const v = localStorage.getItem(k);\n      if (v == null || v === '') continue;\n      if (v === '1' || v === 'true' || v === '*') return { all: true, set: new Set() };\n      return { all: false, set: new Set(v.split(/[\\s,]+/).filter(Boolean)) };\n    }\n    return empty;\n  } catch {\n    return empty;\n  }\n}\n\nfunction get(): Cached {\n  if (cached === null) cached = read();\n  return cached;\n}\n\n/** True when `namespace` (or `*`) is enabled. */\nexport function isDebugEnabled(namespace: string): boolean {\n  const c = get();\n  return c.all || c.set.has(namespace);\n}\n\n/** Conditional `console.debug` — no-op unless `namespace` (or `*`) is enabled.\n *  Each call is prefixed with `[namespace]` so the source is searchable. */\nexport function dlog(namespace: string, ...args: unknown[]): void {\n  if (!isDebugEnabled(namespace)) return;\n  // eslint-disable-next-line no-console\n  console.debug(`[${namespace}]`, ...args);\n}\n"],"mappings":";AA4BA,IAAM,IAAO,CAAC,gBAAgB,mBAAmB,EAO7C,IAAwB;AAE5B,SAAS,IAAe;CACtB,IAAM,IAAgB;EAAE,KAAK;EAAO,qBAAK,IAAI,KAAK;EAAE;AACpD,KAAI,OAAO,eAAiB,IAAa,QAAO;AAChD,KAAI;AACF,OAAK,IAAM,KAAK,GAAM;GACpB,IAAM,IAAI,aAAa,QAAQ,EAAE;AAC7B,cAAK,QAAQ,MAAM,IAEvB,QADI,MAAM,OAAO,MAAM,UAAU,MAAM,MAAY;IAAE,KAAK;IAAM,qBAAK,IAAI,KAAK;IAAE,GACzE;IAAE,KAAK;IAAO,KAAK,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC,OAAO,QAAQ,CAAC;IAAE;;AAExE,SAAO;SACD;AACN,SAAO;;;AAIX,SAAS,IAAc;AAErB,QADI,MAAW,SAAM,IAAS,GAAM,GAC7B;;AAIT,SAAgB,EAAe,GAA4B;CACzD,IAAM,IAAI,GAAK;AACf,QAAO,EAAE,OAAO,EAAE,IAAI,IAAI,EAAU;;AAKtC,SAAgB,EAAK,GAAmB,GAAG,GAAuB;AAC3D,GAAe,EAAU,IAE9B,QAAQ,MAAM,IAAI,EAAU,IAAI,GAAG,EAAK"}