@weasel-js/ui 1.7.3 → 1.8.1

package/dist/chunks/ItemList-CRu9y7hL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemList-CRu9y7hL.js","names":["s","_Fragment","isInControlWithin","DragGhost","ItemList_module_default","ROLES","ItemList","forwardRef","mode","rows","r","onActivate","selection","interactive","container","setContainer","useState","setRefs","useCallback","el","ref","targets","useRef","focusId","setFocusId","pendingFocus","anchor","extending","stopId","useLayoutEffect","id","target","CONTROL_SELECTOR","c","cls","className","containerProps","empty","focusRow","row","index","ranges","onSelectRange","moveTo","to","extend","at","from","onKeyDown","e","onTarget","controlCell","delta","onNudge","i","modsOf","controls","onClick","onFocus","targetRef","roles","overlay","ghost","tabIndex","content","Fragment","dropSide","dropIndex","count"],"sources":["../../src/components/ItemList/ItemList.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { CONTROL_SELECTOR, isInControlWithin } from '../../interactiveTarget';\nimport type { PressModifiers, ReorderGhost } from '../../useReorderDragList';\nimport { DragGhost } from '../DragGhost';\nimport s from './ItemList.module.css';\n\n/** One row. `id` is the React key. */\nexport interface ItemListRow {\n  id: string;\n  label: ReactNode;\n  /** Fixed-size decoration before the label — a color swatch. Not a control:\n   *  those go in `trailing`. */\n  leading?: ReactNode;\n  /** Buttons and toggles after the label — visibility, lock. They keep their\n   *  own clicks and keys, and turn the list into a grid. A control that edits\n   *  with the arrow keys does not belong here. */\n  trailing?: ReactNode;\n  /** The row the list considers current. With `selection` set this is also\n   *  `aria-selected`. */\n  selected?: boolean;\n  /** Present but not in effect — history's redo entries. */\n  muted?: boolean;\n  /** Part of a drag in progress — `useReorderDragList`'s `state.draggedIds`. */\n  dragging?: boolean;\n  /** Consumer classes for states this component has no opinion about. */\n  className?: string;\n  /** Handlers and data attributes for this row's element. `data-*` is\n   *  spelled out because `HTMLAttributes` does not admit it, and every\n   *  consumer here marks its rows up with one. A handler here runs before the\n   *  list's own, and `preventDefault()` in it keeps the list out. */\n  rowProps?: HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, unknown>;\n}\n\n/** Props for {@link ItemList}. */\nexport interface ItemListProps {\n  rows: readonly ItemListRow[];\n  /** Shown in place of the rows when there are none. */\n  empty?: ReactNode;\n  className?: string;\n  /**\n   * Whether rows are selectable, and how many at once. The list reports\n   * `selected` to assistive tech; choosing what is selected stays with\n   * `onActivate`.\n   */\n  selection?: 'single' | 'multi';\n  /**\n   * A row was clicked, or Enter/Space was pressed on it, with the modifiers\n   * held. Clicks and keys on a row's `trailing` controls do not reach this.\n   */\n  onActivate?(id: string, index: number, mods: PressModifiers): void;\n  /**\n   * Alt+Up (`-1`) or Alt+Down (`1`) on a row: move it. Focus stays on the\n   * row wherever it lands. `useReorderDragList`'s `nudge` fits as-is.\n   */\n  onNudge?(id: string, index: number, delta: -1 | 1): void;\n  /**\n   * With `selection=\"multi\"`: Shift+Up/Down or Shift+Home/End moved focus,\n   * and `ids` is every row from the anchor to the newly focused one, in list\n   * order. The anchor is the row last focused or activated other than by a\n   * range move, so a click or a plain arrow move re-anchors. What the range does to\n   * the selection stays with the consumer, as with `onActivate`. Without it,\n   * Shift+Arrow only moves focus.\n   */\n  onSelectRange?(ids: string[]): void;\n  /**\n   * Where a drop would land, as an insertion index: `0` is above the first\n   * row, `rows.length` below the last. The list draws the seam itself, from\n   * the rows' own boxes, so it follows whatever height the density gives\n   * them. `useReorderDragList`'s `state.targetIndex` goes here as-is.\n   */\n  dropIndex?: number | null;\n  /** Rendered inside the container ahead of the rows. */\n  overlay?: ReactNode;\n  /** Spread onto the container: pointer handlers for a drag, `aria-label`. */\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n  /** Rows to draw again under the pointer during a drag — `useReorderDragList`'s `state.ghost`. */\n  ghost?: ReorderGhost | null;\n}\n\ntype Mode = 'list' | 'listbox' | 'grid';\n\nconst ROLES: Record<Mode, { container: string; row: string }> = {\n  list: { container: 'list', row: 'listitem' },\n  listbox: { container: 'listbox', row: 'option' },\n  grid: { container: 'grid', row: 'row' },\n};\n\n/**\n * The row chrome behind a sidebar list — layers, history, anything that is a\n * flat column of selectable rows in a panel.\n *\n * It owns the container, the row box, the empty state, the list's semantics\n * and its keyboard; what a row *means* stays with the consumer. History dims\n * its redo entries and rules a line under the current one; a layer list drags\n * to reorder and leads each row with a swatch. Both reach that through\n * `className` and `rowProps` rather than through options here, so this does\n * not grow a flag per consumer.\n *\n * Rows are one height and one inset for every list, which is the point: two\n * panels stacked in the same sidebar have to agree, and they did not while\n * each owned a private copy of the same CSS.\n *\n * **Semantics.** The role follows what the list can do:\n * - nothing to select or activate → `list` / `listitem`, and no row is focusable;\n * - `selection` with no row controls → `listbox` / `option`, `aria-selected`;\n * - any row with `trailing` controls, or `onActivate` without `selection` →\n *   `grid` / `row`, with the leading content and label in one `gridcell` and\n *   the controls in a second. An option may not contain interactive content,\n *   so a list whose rows host toggles cannot be a listbox.\n *\n * **Keyboard.** One row is in the tab order: the one last focused, else the\n * first selected, else the first. Up/Down and Home/End move between rows,\n * Enter/Space activate, carrying modifiers so Shift+Space is Shift+click, and\n * Alt+Up/Down call `onNudge`. In a multi-select list with `onSelectRange`,\n * Shift+Up/Down and Shift+Home/End move focus and report the rows from the\n * anchor — the row last focused or activated other than by a range — to it. In a grid, Right steps from the row into its\n * controls, Left and Escape step back; the controls leave the tab order.\n */\nexport const ItemList = forwardRef(function ItemList(\n  {\n    rows, empty, className, selection, onActivate, onNudge, onSelectRange, dropIndex, overlay,\n    containerProps, ghost,\n  }: ItemListProps,\n  ref: Ref<HTMLDivElement>,\n) {\n  const hasTrailing = rows.some((r) => r.trailing != null);\n  const mode: Mode = hasTrailing || (onActivate && !selection)\n    ? 'grid'\n    : selection ? 'listbox' : 'list';\n  const interactive = mode !== 'list';\n\n  const [container, setContainer] = useState<HTMLDivElement | null>(null);\n  const setRefs = useCallback(\n    (el: HTMLDivElement | null) => {\n      setContainer(el);\n      if (typeof ref === 'function') ref(el);\n      else if (ref) ref.current = el;\n    },\n    [ref],\n  );\n\n  /** The element of each row that takes focus: the row itself, or in a grid its label cell. */\n  const targets = useRef(new Map<string, HTMLElement>());\n  const [focusId, setFocusId] = useState<string | null>(null);\n  const pendingFocus = useRef<string | null>(null);\n  const anchor = useRef<string | null>(null);\n  /** The row a range move is focusing, whose focus must not re-anchor. */\n  const extending = useRef<string | null>(null);\n\n  const stopId = rows.some((r) => r.id === focusId)\n    ? focusId\n    : (rows.find((r) => r.selected) ?? rows[0])?.id;\n\n  useLayoutEffect(() => {\n    const id = pendingFocus.current;\n    if (id == null) return;\n    pendingFocus.current = null;\n    const el = targets.current.get(id);\n    if (el && document.activeElement !== el) el.focus();\n  });\n\n  useLayoutEffect(() => {\n    if (mode !== 'grid') return;\n    for (const target of targets.current.values()) {\n      const cell = target.parentElement?.querySelector(`.${s.trailing}`);\n      cell?.querySelectorAll(CONTROL_SELECTOR).forEach((c) => c.setAttribute('tabindex', '-1'));\n    }\n  });\n\n  const cls = [s.list, className].filter(Boolean).join(' ');\n  if (rows.length === 0) {\n    return (\n      <div className={cls} ref={setRefs} {...containerProps}>\n        <div className={s.empty}>{empty ?? '—'}</div>\n      </div>\n    );\n  }\n\n  const focusRow = (index: number) => {\n    const row = rows[Math.max(0, Math.min(rows.length - 1, index))];\n    if (row) targets.current.get(row.id)?.focus();\n  };\n\n  const ranges = selection === 'multi' && onSelectRange !== undefined;\n\n  /** Moves focus to `index`: a range from the anchor when `extend`, else a plain move. */\n  const moveTo = (from: ItemListRow, index: number, extend: boolean) => {\n    const to = Math.max(0, Math.min(rows.length - 1, index));\n    if (!extend || !ranges) {\n      focusRow(to);\n      return;\n    }\n    let at = rows.findIndex((r) => r.id === anchor.current);\n    if (at < 0) {\n      anchor.current = from.id;\n      at = rows.indexOf(from);\n    }\n    extending.current = rows[to]!.id;\n    focusRow(to);\n    extending.current = null;\n    onSelectRange(rows.slice(Math.min(at, to), Math.max(at, to) + 1).map((r) => r.id));\n  };\n\n  const onKeyDown = (row: ItemListRow, i: number) => (e: KeyboardEvent<HTMLDivElement>) => {\n    row.rowProps?.onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n    const target = targets.current.get(row.id);\n    if (!target) return;\n    const onTarget = e.target === target;\n    const controlCell = mode === 'grid'\n      ? e.currentTarget.querySelector<HTMLElement>(`.${s.trailing}`)\n      : null;\n    if (!onTarget && !controlCell?.contains(e.target as Node)) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowUp': {\n        e.preventDefault();\n        const delta = e.key === 'ArrowDown' ? 1 : -1;\n        if (e.altKey && onNudge && onTarget) {\n          pendingFocus.current = row.id;\n          onNudge(row.id, i, delta);\n        } else {\n          moveTo(row, i + delta, e.shiftKey);\n        }\n        return;\n      }\n      case 'Home':\n      case 'End':\n        if (!onTarget) return;\n        e.preventDefault();\n        moveTo(row, e.key === 'Home' ? 0 : rows.length - 1, e.shiftKey);\n        return;\n      case 'Enter':\n      case ' ':\n        if (!onTarget) return;\n        e.preventDefault();\n        anchor.current = row.id;\n        onActivate?.(row.id, i, modsOf(e));\n        return;\n      case 'ArrowRight':\n      case 'ArrowLeft':\n      case 'Escape': {\n        if (!controlCell) return;\n        const controls = Array.from(controlCell.querySelectorAll<HTMLElement>(CONTROL_SELECTOR))\n          .filter((c) => !c.matches(':disabled'));\n        if (onTarget) {\n          if (e.key !== 'ArrowRight' || !controls[0]) return;\n          e.preventDefault();\n          controls[0].focus();\n          return;\n        }\n        e.preventDefault();\n        const at = controls.findIndex((c) => c.contains(e.target as Node));\n        if (e.key === 'ArrowRight') controls[at + 1]?.focus();\n        else if (e.key === 'ArrowLeft' && at > 0) controls[at - 1]?.focus();\n        else target.focus();\n        return;\n      }\n      default:\n    }\n  };\n\n  const onClick = (row: ItemListRow, i: number) => (e: MouseEvent<HTMLDivElement>) => {\n    row.rowProps?.onClick?.(e);\n    if (e.defaultPrevented || isInControlWithin(e.target, e.currentTarget)) return;\n    anchor.current = row.id;\n    onActivate?.(row.id, i, modsOf(e));\n  };\n\n  const onFocus = (row: ItemListRow) => (e: FocusEvent<HTMLDivElement>) => {\n    row.rowProps?.onFocus?.(e);\n    if (e.target !== targets.current.get(row.id)) return;\n    setFocusId(row.id);\n    if (extending.current !== row.id) anchor.current = row.id;\n  };\n\n  const targetRef = (id: string) => (el: HTMLElement | null) => {\n    if (el) targets.current.set(id, el);\n    else targets.current.delete(id);\n  };\n\n  const roles = ROLES[mode];\n  return (\n    <div\n      className={cls}\n      ref={setRefs}\n      {...containerProps}\n      role={roles.container}\n      aria-multiselectable={selection === 'multi' && mode !== 'list' ? true : undefined}\n    >\n      {overlay}\n      {ghost && container ? (\n        <DragGhost at={ghost} from={container}>\n          {rows\n            .filter((row) => ghost.ids.includes(row.id))\n            .map((row) => (\n              <div key={row.id} className={[s.row, row.selected && s.selected].filter(Boolean).join(' ')}>\n                {row.leading}\n                <span className={s.label}>{row.label}</span>\n              </div>\n            ))}\n        </DragGhost>\n      ) : null}\n      {rows.map((row, i) => {\n        const tabIndex = interactive ? (row.id === stopId ? 0 : -1) : undefined;\n        const content = (\n          <>\n            {row.leading}\n            <span className={s.label}>{row.label}</span>\n          </>\n        );\n        return (\n          <div\n            key={row.id}\n            className={[\n              s.row,\n              row.selected && s.selected,\n              row.muted && s.muted,\n              row.className,\n            ].filter(Boolean).join(' ')}\n            {...row.rowProps}\n            role={roles.row}\n            aria-selected={selection && mode !== 'list' ? !!row.selected : undefined}\n            ref={mode === 'listbox' ? targetRef(row.id) : undefined}\n            tabIndex={mode === 'listbox' ? tabIndex : row.rowProps?.tabIndex}\n            onKeyDown={interactive ? onKeyDown(row, i) : row.rowProps?.onKeyDown}\n            onClick={interactive ? onClick(row, i) : row.rowProps?.onClick}\n            onFocus={interactive ? onFocus(row) : row.rowProps?.onFocus}\n            data-drop={dropSide(dropIndex, i, rows.length)}\n            data-dragging={row.dragging ? 'true' : undefined}\n          >\n            {mode === 'grid' ? (\n              <>\n                <div role=\"gridcell\" className={s.cell} ref={targetRef(row.id)} tabIndex={tabIndex}>\n                  {content}\n                </div>\n                {row.trailing != null && (\n                  <div role=\"gridcell\" className={s.trailing}>{row.trailing}</div>\n                )}\n              </>\n            ) : content}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n\nfunction modsOf(e: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean; altKey: boolean }): PressModifiers {\n  return { shiftKey: e.shiftKey, ctrlKey: e.ctrlKey, metaKey: e.metaKey, altKey: e.altKey };\n}\n\n/** Which edge of row `i` carries the seam for `dropIndex`, if any. */\nfunction dropSide(\n  dropIndex: number | null | undefined,\n  i: number,\n  count: number,\n): 'before' | 'after' | undefined {\n  if (dropIndex == null) return undefined;\n  if (dropIndex === i) return 'before';\n  if (dropIndex >= count && i === count - 1) return 'after';\n  return undefined;\n}\n"],"mappings":"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"}

package/dist/chunks/Keycaps-C-FJyG8k.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Keycaps-C-FJyG8k.js","names":["s","s","Fragment","Fragment$1","Keycaps_module_default","MOD_BY_PLATFORM","MODIFIER_LABELS","byPlatform","byLegend","detectPlatform","raw","keySpecsFromMods","platform","opts","legend","mods","label","m","NAMED_KEY","keySpecFromKey","entry","WIDE_GLYPHS","inferKeycapKind","KeyCap","resolvedStyle","font","style","className","variant","inverted","KeySequence","keys","ordered","a","b","k","sepBefore","i","joins","separator","keySpecsFromShortcut","shortcut","key"],"sources":["../../src/components/Keycaps/Keycaps.module.css","../../src/components/Keycaps/keySpecsFromMods.ts","../../src/components/Keycaps/Keycap.tsx","../../src/components/Keycaps/Keycaps.tsx","../../src/components/Keycaps/keySpecsFromShortcut.ts"],"sourcesContent":["/* Keystroke \"key cap\" styling — each modifier and key in its own bordered chip. */\n.keys,\n.key {\n  --key-h: var(--wzl-control-h-xs);\n}\n\n.keys {\n  display: inline-flex;\n  gap: 3px;\n  /* Bottom-align so chips with text labels and chips with icon glyphs\n     (arrows, modifier symbols) line up at the same bottom edge. Baseline\n     drifts because text baselines sit above icon centers. */\n  align-items: flex-end;\n  /* When this whole sequence sits inline in surrounding text (e.g.\n     \"Press <KeySequence> to confirm.\"), the row anchors to the\n     surrounding line's bottom edge, not its baseline. */\n  vertical-align: bottom;\n  flex-wrap: wrap;\n}\n\n.keysEmpty {\n  color: var(--wzl-fg-muted);\n}\n\n.sep {\n  /* A key's height, so the glyph centers on the keys rather than riding the\n     row's bottom edge. */\n  display: inline-flex;\n  align-items: center;\n  height: var(--key-h);\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-sm);\n  line-height: 1;\n}\n\n.key {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  height: var(--key-h);\n  padding: 0 var(--wzl-space-2);\n  /* Light face, slightly-darker-than-face border, dark glyph — reads as\n     a real keycap rather than a recessed slot in the panel. */\n  background: var(--wzl-fg);\n  border: 1px solid #25272c;\n  border-bottom-width: 2px;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-surface);\n  /* Keycaps are a deliberate exception to the site theme — the design-\n     system UI font (often a display face like Oswald) is wrong for\n     keyboard chips. Use a neutral sans stack so labels read like real\n     key legends. Consumers wanting a specific face per chip pass the\n     `font` prop on KeyCap. */\n  font-family: ui-sans-serif, system-ui, sans-serif;\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-bold);\n  line-height: 1;\n}\n\n/* Default chip is square — letters, digits, and single glyphs (⎋ ⌫ ↑ etc.)\n   sit in a uniform key-cap box. */\n.key[data-kind='square'] {\n  width: var(--key-h);\n  padding: 0;\n}\n\n/* Modifiers (⌘ ⇪ ⌥ ⌃) are wider to match the visual weight of how they\n   appear on a real keyboard — and to differentiate them from the keys\n   they modify in a stack. */\n.key[data-kind='modifier'] {\n  min-width: 26px;\n  padding: 0 var(--wzl-space-3);\n}\n\n/* Tab / Enter / Space — actual wide keys on a real keyboard. */\n.key[data-kind='wide'] {\n  min-width: 32px;\n  padding: 0 var(--wzl-space-4);\n}\n\n/* Optional/inverted (default variant): face flips to dark; legend drops\n   to 60% opacity; dotted border drops to 40% opacity. Three soft cues\n   stacked for \"may be held but isn't required.\" */\n.key[data-inverted] {\n  background: var(--wzl-surface);\n  color: color-mix(in srgb, var(--wzl-fg) 60%, transparent);\n  border-style: dotted;\n  border-color: color-mix(in srgb, var(--wzl-fg) 40%, transparent);\n  border-width: 1.5px;\n  border-bottom-width: 1.5px;\n}\n\n/* Minimal variant — no fill, borders and legend follow currentColor.\n   Useful inline in colored prose / next to colored badges where the\n   chip should take the surrounding text color. */\n.key[data-variant='minimal'] {\n  background: transparent;\n  border-color: currentColor;\n  color: currentColor;\n}\n\n/* Optional + minimal: dotted border at full currentColor, legend at full\n   currentColor. The dotted pattern alone carries the \"optional\" cue here\n   — minimal's whole point is to defer color to the surrounding context,\n   so dimming would fight that. (Default variant uses graded opacity as a\n   stacked cue; minimal keeps it crisp.) */\n.key[data-variant='minimal'][data-inverted] {\n  border-style: dotted;\n  border-color: currentColor;\n  color: currentColor;\n  border-width: 1.5px;\n  border-bottom-width: 1.5px;\n}\n","import type { KeySpec } from './Keycaps';\n\n/** Logical modifier name. Matches the kit's `ModifierKey` in shape — kept as a\n *  local type so `weasel-ui` stays independent of `@weasel-js/core`. */\nexport type LogicalMod = 'mod' | 'shift' | 'alt' | 'ctrl' | 'meta';\n\n/** Detected (or overridden) platform. `'mod'` resolves to ⌘ on macOS,\n *  Ctrl on Windows / Linux. */\nexport type Platform = 'macos' | 'windows' | 'linux';\n\n/** Visual form of a modifier or named-key label.\n *\n *  - `'auto'` (default): the per-entry, per-platform default — whatever\n *    label is actually printed on the physical key. macOS keys show the\n *    Apple glyphs (⌘ ⌥ ⌃ ⇧ ⎋ ↵ ⇥). Windows keys mostly show text\n *    (Ctrl, Alt, Shift) BUT the Win key shows its logo (⊞) and the\n *    context-menu key shows ▤. Linux mirrors Windows with Super (⊞).\n *  - `'symbol'` forces the Apple-style glyph everywhere a symbolic form\n *    exists. Entries without a widely-recognized symbol still fall\n *    back to text.\n *  - `'text'` always spells the label out (Cmd / Option / Esc / Enter). */\nexport type LegendStyle = 'auto' | 'symbol' | 'text';\n\n/** A modifier to render, named platform-independently. */\nexport interface LogicalModSpec {\n  name: LogicalMod;\n  /** Marks this modifier as optional (may be held but isn't required).\n   *  Forwarded as the resulting `KeySpec.optional`. */\n  optional?: boolean;\n}\n\n/** Options for {@link keySpecsFromMods}. */\nexport interface KeySpecsFromModsOptions {\n  /** Override OS detection. Defaults to the detected platform, or\n   *  `'macos'` when detection is unavailable (e.g. in tests, or when\n   *  `navigator` is missing). */\n  platform?: Platform;\n  /** Defaults to `'auto'` (symbol on macOS, text everywhere else). Pass\n   *  `'symbol'` or `'text'` to force a specific style regardless of\n   *  platform. */\n  legend?: LegendStyle;\n}\n\nconst MOD_BY_PLATFORM: Record<LogicalMod, Record<Platform, Record<LegendStyle, string>>> = {\n  mod: {\n    macos:   { auto: '⌘',    symbol: '⌘',    text: 'Cmd' },\n    windows: { auto: 'Ctrl', symbol: 'Ctrl', text: 'Ctrl' },\n    linux:   { auto: 'Ctrl', symbol: 'Ctrl', text: 'Ctrl' },\n  },\n  shift: {\n    macos:   { auto: '⇧', symbol: '⇧', text: 'Shift' },\n    windows: { auto: '⇧', symbol: '⇧', text: 'Shift' },\n    linux:   { auto: '⇧', symbol: '⇧', text: 'Shift' },\n  },\n  alt: {\n    macos:   { auto: '⌥',   symbol: '⌥',   text: 'Option' },\n    windows: { auto: 'Alt', symbol: 'Alt', text: 'Alt' },\n    linux:   { auto: 'Alt', symbol: 'Alt', text: 'Alt' },\n  },\n  ctrl: {\n    macos:   { auto: '⌃',    symbol: '⌃',    text: 'Control' },\n    windows: { auto: 'Ctrl', symbol: 'Ctrl', text: 'Ctrl' },\n    linux:   { auto: 'Ctrl', symbol: 'Ctrl', text: 'Ctrl' },\n  },\n  // Windows/Linux Meta has a recognized symbol on the physical key (⊞ Win\n  // logo / Super logo), so `auto` shows it. Use `text` for Win / Super.\n  meta: {\n    macos:   { auto: '⌘', symbol: '⌘', text: 'Cmd' },\n    windows: { auto: '⊞', symbol: '⊞', text: 'Win' },\n    linux:   { auto: '⊞', symbol: '⊞', text: 'Super' },\n  },\n};\n\n/** Every label {@link keySpecsFromMods} can produce, on any platform and legend. */\nexport const MODIFIER_LABELS: ReadonlySet<string> = new Set(\n  Object.values(MOD_BY_PLATFORM).flatMap((byPlatform) =>\n    Object.values(byPlatform).flatMap((byLegend) => Object.values(byLegend)),\n  ),\n);\n\n/** Detect the user's OS from the browser environment. UA sniffing — not\n *  100% reliable, but adequate for picking a modifier-glyph convention.\n *  Falls back to `'macos'` (matches the kit's docs convention) when\n *  `navigator` is unavailable. */\nexport function detectPlatform(): Platform {\n  if (typeof navigator === 'undefined') return 'macos';\n  // Prefer the modern userAgentData when available (Chromium-only today).\n  const uaData = (navigator as Navigator & { userAgentData?: { platform?: string } }).userAgentData;\n  const raw = (uaData?.platform ?? navigator.userAgent ?? '').toLowerCase();\n  if (raw.includes('mac') || raw.includes('darwin') || raw.includes('iphone') || raw.includes('ipad')) return 'macos';\n  if (raw.includes('win')) return 'windows';\n  if (raw.includes('linux') || raw.includes('x11')) return 'linux';\n  return 'macos';\n}\n\n/**\n * Map a list of **logical** modifiers (`'mod'`, `'shift'`, …) to **visual**\n * `KeySpec`s appropriate for the current platform.\n *\n * The kit-side gesture grammar uses logical names so the same route reads\n * correctly on every OS — `'mod'` means \"Cmd on Mac, Ctrl on Win/Linux\".\n * `KeySequence` is purely visual and renders the labels you give it; this\n * helper is the bridge.\n *\n * ```ts\n * <KeySequence\n *   keys={keySpecsFromMods([{ name: 'mod' }, { name: 'shift', optional: true }])}\n * />\n * ```\n *\n * On a Mac: renders `⌘ ⇧`. On Windows: renders `Ctrl Shift`. Pass an\n * explicit `platform` to override detection (e.g. for docs that always\n * show the macOS form). Pass `legend: 'text'` to force \"Cmd\" over \"⌘\"\n * even on macOS.\n */\nexport function keySpecsFromMods(\n  mods: readonly LogicalModSpec[],\n  opts: KeySpecsFromModsOptions = {},\n): readonly KeySpec[] {\n  const platform = opts.platform ?? detectPlatform();\n  const legend = opts.legend ?? 'auto';\n  return mods.map((m) => {\n    const label = MOD_BY_PLATFORM[m.name][platform][legend];\n    return m.optional ? { label, optional: true } : { label };\n  });\n}\n\n/** Per-platform × per-legend table for named, non-modifier keys. `auto`\n *  is whatever's printed on the physical key for that platform. Arrows\n *  are universal symbols on every platform. */\nconst NAMED_KEY: Record<string, Record<Platform, Record<LegendStyle, string>>> = {\n  Escape:      { macos: { auto: '⎋',    symbol: '⎋',        text: 'Esc' },       windows: { auto: 'Esc',       symbol: 'Esc',       text: 'Esc' },       linux: { auto: 'Esc',       symbol: 'Esc',       text: 'Esc' } },\n  Enter:       { macos: { auto: '↵',    symbol: '↵',        text: 'Return' },    windows: { auto: 'Enter',     symbol: 'Enter',     text: 'Enter' },     linux: { auto: 'Enter',     symbol: 'Enter',     text: 'Enter' } },\n  Return:      { macos: { auto: '↵',    symbol: '↵',        text: 'Return' },    windows: { auto: 'Enter',     symbol: 'Enter',     text: 'Enter' },     linux: { auto: 'Enter',     symbol: 'Enter',     text: 'Enter' } },\n  Tab:         { macos: { auto: '⇥',    symbol: '⇥',        text: 'Tab' },       windows: { auto: 'Tab',       symbol: 'Tab',       text: 'Tab' },       linux: { auto: 'Tab',       symbol: 'Tab',       text: 'Tab' } },\n  Space:       { macos: { auto: '␣',    symbol: '␣',        text: 'Space' },     windows: { auto: 'Space',     symbol: 'Space',     text: 'Space' },     linux: { auto: 'Space',     symbol: 'Space',     text: 'Space' } },\n  ' ':         { macos: { auto: '␣',    symbol: '␣',        text: 'Space' },     windows: { auto: 'Space',     symbol: 'Space',     text: 'Space' },     linux: { auto: 'Space',     symbol: 'Space',     text: 'Space' } },\n  Backspace:   { macos: { auto: '⌫',    symbol: '⌫',        text: 'Backspace' }, windows: { auto: 'Backspace', symbol: 'Backspace', text: 'Backspace' }, linux: { auto: 'Backspace', symbol: 'Backspace', text: 'Backspace' } },\n  Delete:      { macos: { auto: '⌦',    symbol: '⌦',        text: 'Delete' },    windows: { auto: 'Delete',    symbol: 'Delete',    text: 'Delete' },    linux: { auto: 'Delete',    symbol: 'Delete',    text: 'Delete' } },\n  // Context-menu key (the right-Ctrl-area key on Windows / Linux keyboards\n  // with a ▤ icon). Mac has no equivalent; falls back to text 'Menu'.\n  ContextMenu: { macos: { auto: 'Menu', symbol: 'Menu',     text: 'Menu' },      windows: { auto: '▤',         symbol: '▤',         text: 'Menu' },      linux: { auto: '▤',         symbol: '▤',         text: 'Menu' } },\n  ArrowUp:     { macos: { auto: '↑',    symbol: '↑',        text: '↑' },         windows: { auto: '↑',         symbol: '↑',         text: '↑' },         linux: { auto: '↑',         symbol: '↑',         text: '↑' } },\n  ArrowDown:   { macos: { auto: '↓',    symbol: '↓',        text: '↓' },         windows: { auto: '↓',         symbol: '↓',         text: '↓' },         linux: { auto: '↓',         symbol: '↓',         text: '↓' } },\n  ArrowLeft:   { macos: { auto: '←',    symbol: '←',        text: '←' },         windows: { auto: '←',         symbol: '←',         text: '←' },         linux: { auto: '←',         symbol: '←',         text: '←' } },\n  ArrowRight:  { macos: { auto: '→',    symbol: '→',        text: '→' },         windows: { auto: '→',         symbol: '→',         text: '→' },         linux: { auto: '→',         symbol: '→',         text: '→' } },\n};\n\n/**\n * Render a raw `KeyboardEvent.key` value as a platform-appropriate\n * `KeySpec`. Named non-modifier keys (Esc, Enter, Tab, Space, Backspace,\n * Delete, arrows) get the platform's conventional form. Letter / digit /\n * other keys pass through upper-cased.\n *\n * ```ts\n * keySpecFromKey('Escape', { platform: 'macos' })   // { label: '⎋' }\n * keySpecFromKey('Escape', { platform: 'windows' }) // { label: 'Esc' }\n * keySpecFromKey('p')                               // { label: 'P' }\n * ```\n *\n * Symbol mode is only meaningful on macOS — Windows / Linux keyboards\n * print the text form on the physical key, so symbol mode there falls\n * back to text.\n */\nexport function keySpecFromKey(\n  raw: string,\n  opts: KeySpecsFromModsOptions & { optional?: boolean } = {},\n): KeySpec {\n  const platform = opts.platform ?? detectPlatform();\n  const legend = opts.legend ?? 'auto';\n  const entry = NAMED_KEY[raw];\n  const label = entry ? entry[platform][legend] : raw.length === 1 ? raw.toUpperCase() : raw;\n  return opts.optional ? { label, optional: true } : { label };\n}\n","import type { CSSProperties } from 'react';\nimport s from './Keycaps.module.css';\nimport { MODIFIER_LABELS } from './keySpecsFromMods';\n\nconst WIDE_GLYPHS = new Set(['⇥', '↵', '␣']);\n\n/**\n * Width class of a keycap: a modifier glyph, a multi-character legend that\n * needs a wider chip, or a single character in a square one.\n */\nexport type KeycapKind = 'modifier' | 'wide' | 'square';\n\n/**\n * Picks the chip width for a legend — modifier glyphs and anything longer\n * than one character get the wider forms.\n */\nexport function inferKeycapKind(label: string): KeycapKind {\n  if (label === '⇪' || MODIFIER_LABELS.has(label)) return 'modifier';\n  if (WIDE_GLYPHS.has(label)) return 'wide';\n  if (label.length > 1) return 'wide';\n  return 'square';\n}\n\n/** Visual style of a keycap chip. */\nexport type KeyCapVariant = 'default' | 'minimal';\n\n/** Props for {@link KeyCap}. */\nexport interface KeyCapProps {\n  /** Glyph rendered in the chip (modifier or key). */\n  label: string;\n  /** Marks the chip as not required to trigger the action. In the default\n   *  variant the chip face inverts (dark face / light glyph) for\n   *  emphasis. In the `'minimal'` variant the chip's border becomes\n   *  dotted to read as \"may be held, but isn't required.\" */\n  inverted?: boolean;\n  /** Visual style. `'default'` (default) renders a filled chip; `'minimal'`\n   *  renders an unfilled chip whose border and legend are `currentColor`\n   *  — useful inline in colored prose / next to colored badges where the\n   *  chip should take the surrounding text color. */\n  variant?: KeyCapVariant;\n  className?: string;\n  /** Optional inline style. Useful for one-off width overrides (e.g.\n   *  building a keyboard-layout where the space bar spans several\n   *  standard-key widths). The component sets no inline styles of its\n   *  own — everything else comes from the CSS module. */\n  style?: CSSProperties;\n  /** Override the chip's font-family. Accepts any CSS font-family\n   *  string. When omitted, the chip inherits from the design-system\n   *  UI font token (`--wzl-font-ui`). Useful for one-off cases where\n   *  a different face is desired — though the canonical move is to\n   *  override the CSS variable at the consumer's scope, not the prop. */\n  font?: string;\n}\n\n/** Single bordered keycap chip for one glyph (modifier or key). Use\n *  `KeySequence` to render a full shortcut. */\nexport function KeyCap({ label, inverted = false, variant = 'default', className, style, font }: KeyCapProps) {\n  const resolvedStyle = font ? { ...style, fontFamily: font } : style;\n  return (\n    <kbd\n      className={[s.key, className].filter(Boolean).join(' ')}\n      data-kind={inferKeycapKind(label)}\n      data-variant={variant === 'default' ? undefined : variant}\n      data-inverted={inverted || undefined}\n      style={resolvedStyle}\n    >\n      {label}\n    </kbd>\n  );\n}\n","import { Fragment } from 'react';\nimport s from './Keycaps.module.css';\nimport { KeyCap, inferKeycapKind, type KeyCapVariant } from './Keycap';\n\n/** One key in a shortcut. */\nexport interface KeySpec {\n  /** Glyph rendered in the chip (modifier or key). */\n  label: string;\n  /** When true, the chip renders inverted to mark it as not required to\n   *  trigger the action (e.g. an optional modifier). Defaults to false. */\n  optional?: boolean;\n}\n\n/** Where {@link KeySequence} draws its separator. */\nexport type KeySequenceJoins = 'all' | 'key' | 'none';\n\n/** Props for {@link KeySequence}. */\nexport interface KeySequenceProps {\n  /** Keys to render. `undefined` or empty renders a muted em-dash.\n   *  Modifiers are always rendered first regardless of input order; relative\n   *  order within each group is preserved. */\n  keys: readonly KeySpec[] | undefined;\n  /** Glyph drawn wherever {@link joins} places a separator. Defaults to `'+'`. */\n  separator?: string;\n  /** Where the separator goes. Defaults to `'key'`.\n   *  - `'all'`: between every pair of chips — `⌘ + ⇧ + K`, `⌘ + ⇧`, `A + B`.\n   *  - `'key'`: before every non-modifier — `⌘ ⇧ + K`, `⌘ + K + L`, `A + B`.\n   *    Modifiers stay unjoined, so `⌘ ⇧` gets none.\n   *  - `'none'`: never. */\n  joins?: KeySequenceJoins;\n  /** Forwarded to every `KeyCap` in the sequence. `'minimal'` renders\n   *  unfilled chips whose border + legend are `currentColor`. */\n  variant?: KeyCapVariant;\n  /** Forwarded to every `KeyCap` in the sequence. Overrides the design-\n   *  system UI font for that chip only. */\n  font?: string;\n  className?: string;\n}\n\n/** Renders a shortcut as a row of `KeyCap` chips, one per key. Optional\n *  keys render inverted to distinguish them from required ones. */\nexport function KeySequence({ keys, separator = '+', joins = 'key', variant = 'default', font, className }: KeySequenceProps) {\n  if (!keys || keys.length === 0) {\n    return <span className={[s.keysEmpty, className].filter(Boolean).join(' ')}>—</span>;\n  }\n  const ordered = keys\n    .map((k, i) => ({ k, i }))\n    .sort((a, b) => {\n      const am = inferKeycapKind(a.k.label) === 'modifier' ? 0 : 1;\n      const bm = inferKeycapKind(b.k.label) === 'modifier' ? 0 : 1;\n      return am - bm || a.i - b.i;\n    })\n    .map(({ k }) => k);\n  const sepBefore = (i: number): boolean =>\n    i > 0 &&\n    (joins === 'all' || (joins === 'key' && inferKeycapKind(ordered[i]!.label) !== 'modifier'));\n  return (\n    <span className={[s.keys, className].filter(Boolean).join(' ')}>\n      {ordered.map((k, i) => (\n        <Fragment key={i}>\n          {sepBefore(i) ? <span className={s.sep}>{separator}</span> : null}\n          <KeyCap label={k.label} inverted={k.optional ?? false} variant={variant} font={font} />\n        </Fragment>\n      ))}\n    </span>\n  );\n}\n","import type { ShortcutInput } from '../ToolPalette/formatShortcut';\nimport type { KeySpec } from './Keycaps';\nimport { keySpecFromKey, keySpecsFromMods, type KeySpecsFromModsOptions, type LogicalModSpec } from './keySpecsFromMods';\n\n/**\n * A shortcut as `KeySequence` keys, one per key: mod, shift, alt, then the\n * key, each in the platform's own legend (`⌘` on macOS, `Ctrl` elsewhere).\n * The `KeySpec` counterpart of `formatShortcutParts`, which always prints\n * macOS glyphs. `shift: 'optional'` becomes an optional key; a key list\n * renders its first key. Returns `undefined` for no shortcut.\n *\n * ```tsx\n * <KeySequence keys={keySpecsFromShortcut({ key: 'z', mod: true, shift: true })} />\n * ```\n */\nexport function keySpecsFromShortcut(\n  shortcut: ShortcutInput | undefined,\n  opts: KeySpecsFromModsOptions = {},\n): readonly KeySpec[] | undefined {\n  if (!shortcut) return undefined;\n  const mods: LogicalModSpec[] = [];\n  if (shortcut.mod) mods.push({ name: 'mod' });\n  if (shortcut.shift) mods.push(shortcut.shift === 'optional' ? { name: 'shift', optional: true } : { name: 'shift' });\n  if (shortcut.alt) mods.push({ name: 'alt' });\n  const key = typeof shortcut.key === 'string' ? shortcut.key : shortcut.key[0];\n  const keys = keySpecsFromMods(mods, opts);\n  return key === undefined ? keys : [...keys, keySpecFromKey(key, opts)];\n}\n"],"mappings":"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"}

package/dist/chunks/LayerList-BqeWFuGc.js

@@ -1,421 +0,0 @@
-import { t as e } from "./dlog-F0I8KsIW.js";
-import { J as t } from "./icons-Dr2-r30x.js";
-import { t as n } from "./CloseButton-BmNmRVtb.js";
-import { t as r } from "./useReorderDragList-CStYKjHl.js";
-import { t as i } from "./Disclosure-Ch2KxYuB.js";
-import { t as a } from "./DragGhost-BeYDJyLZ.js";
-import { t as o } from "./DragGrip-AoIZXfZb.js";
-import { t as s } from "./ItemList.module-BSpCSxan.js";
-import { n as c } from "./Properties-BoG2MMHR.js";
-import { a as l } from "./PropertyField-PMrqBA0n.js";
-import { asNodeId as u, createMoveToIndexOp as d, dispatchApplyBatch as f, useLatest as p } from "@weasel-js/core";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useId as _, useLayoutEffect as v, useRef as y, useState as b } from "react";
-var x = {
-	root: "_root_19r15_3",
-	head: "_head_19r15_13",
-	title: "_title_19r15_20",
-	palette: "_palette_19r15_28",
-	add: "_add_19r15_33",
-	level: "_level_19r15_50",
-	cards: "_cards_19r15_60",
-	entry: "_entry_19r15_65",
-	row: "_row_19r15_69",
-	children: "_children_19r15_79",
-	dragging: "_dragging_19r15_84",
-	dropBefore: "_dropBefore_19r15_89",
-	dropAfter: "_dropAfter_19r15_93",
-	grip: "_grip_19r15_98",
-	lock: "_lock_19r15_99",
-	stop: "_stop_19r15_116",
-	twistyGap: "_twistyGap_19r15_123",
-	check: "_check_19r15_129",
-	handle: "_handle_19r15_137",
-	card: "_card_19r15_60"
-};
-//#endregion
-//#region src/components/LayerList/LayerList.tsx
-function S(e, t) {
-	return t.parentId === null ? C(e, t) : e.map((e) => e.id === t.parentId ? {
-		...e,
-		children: C(e.children ?? [], t)
-	} : e.children ? {
-		...e,
-		children: S(e.children, t)
-	} : e);
-}
-function C(e, { ids: t, index: n }) {
-	let r = new Set(t), i = e.filter((e) => !r.has(e.id)), a = e.filter((e) => r.has(e.id)), o = Math.max(0, Math.min(i.length, n));
-	return [
-		...i.slice(0, o),
-		...a,
-		...i.slice(o)
-	];
-}
-function w(e, t, n = /* @__PURE__ */ new Set()) {
-	for (let r of e) t(r) && n.add(r.id), r.children && w(r.children, t, n);
-	return n;
-}
-function T(e) {
-	return e.some((e) => (e.children?.length ?? 0) > 0);
-}
-function E(e) {
-	return e != null && e !== !1;
-}
-function D(t) {
-	let { items: n, collapsedIds: r, onCollapsedChange: i, title: a, addKinds: o, onAdd: c, empty: l, className: u } = t, [d, f] = b(/* @__PURE__ */ new Map()), m = r ? new Set(r) : w(n, (e) => d.get(e.id) ?? e.defaultCollapsed === !0), S = (e) => {
-		let t = new Set(m);
-		t.has(e) ? t.delete(e) : t.add(e), r || f((n) => new Map(n).set(e, t.has(e))), i?.([...t]);
-	}, C = p(t), D = (e, t) => {
-		let { selectedIds: n = [], onSelect: r } = C.current;
-		if (!r) return;
-		if (R.current = e.id, e.locked || !t.shiftKey) {
-			r([e.id]);
-			return;
-		}
-		let i = new Set(O(C.current.items)), a = n.filter((e) => !i.has(e));
-		r(a.includes(e.id) ? a.filter((t) => t !== e.id) : [...a, e.id]);
-	}, A = /* @__PURE__ */ new Map(), j = (e) => {
-		for (let n of e) A.set(n.id, t.renderBody ? t.renderBody(n) : null), n.children && j(n.children);
-	};
-	j(n);
-	let M = [], N = (e, t, n) => {
-		for (let r of e) E(A.get(r.id)) || M.push({
-			item: r,
-			parentId: t,
-			level: n
-		}), r.children?.length && !m.has(r.id) && N(r.children, r.id, n + 1);
-	};
-	N(n, null, 1);
-	let P = y(/* @__PURE__ */ new Map()), [F, I] = b(null), L = y(null), R = y(null), z = y(/* @__PURE__ */ new Map()).current;
-	v(() => {
-		let e = L.current;
-		if (e === null) return;
-		L.current = null;
-		let t = P.current.get(e);
-		t && document.activeElement !== t && t.focus();
-	});
-	let B = t.selectedIds ?? [], V = M.some((e) => e.item.id === F) ? F ?? void 0 : (M.find((e) => B.includes(e.item.id)) ?? M[0])?.item.id, H = (e) => {
-		L.current = e, I(e);
-	}, U = (e) => {
-		let t = R.current ?? e, n = M.findIndex((e) => e.item.id === t), r = M.findIndex((t) => t.item.id === e);
-		if (n < 0 || r < 0) return;
-		let i = M.slice(Math.min(n, r), Math.max(n, r) + 1).filter((e) => !e.item.locked).map((e) => e.item.id);
-		i.length > 0 && C.current.onSelect?.(i);
-	}, W = {
-		tabStop: V,
-		register: (e) => (t) => {
-			t ? P.current.set(e, t) : P.current.delete(e);
-		},
-		onFocus: (e) => {
-			I(e), R.current ??= e;
-		},
-		onKeyDown: (e, n) => (r) => {
-			if (r.target !== r.currentTarget) return;
-			let i = M.findIndex((t) => t.item.id === e.id), a = (e) => {
-				let n = M[Math.max(0, Math.min(M.length - 1, e))];
-				n && (H(n.item.id), r.shiftKey && t.onSelect ? U(n.item.id) : R.current = n.item.id);
-			}, o = (e.children?.length ?? 0) > 0, s = o && !m.has(e.id);
-			switch (r.key) {
-				case "ArrowDown":
-				case "ArrowUp": {
-					let t = r.key === "ArrowDown" ? 1 : -1;
-					r.altKey ? z.get(n)?.(e.id, t) && (L.current = e.id) : a(i + t);
-					break;
-				}
-				case "Home":
-					a(0);
-					break;
-				case "End":
-					a(M.length - 1);
-					break;
-				case "ArrowRight":
-					if (o && !s) S(e.id);
-					else if (s) a(i + 1);
-					else return;
-					break;
-				case "ArrowLeft":
-					if (s) S(e.id);
-					else if (n !== null) a(M.findIndex((e) => e.item.id === n));
-					else return;
-					break;
-				case "Enter":
-				case " ":
-					D(e, {
-						shiftKey: r.shiftKey,
-						ctrlKey: r.ctrlKey,
-						metaKey: r.metaKey,
-						altKey: r.altKey
-					});
-					break;
-				default: return;
-			}
-			r.preventDefault();
-		}
-	}, G = {
-		props: t,
-		collapsed: m,
-		toggle: S,
-		press: D,
-		uid: _(),
-		nested: T(n),
-		bodies: A,
-		nudgers: z,
-		keys: W
-	}, K = c ? o ?? [] : [], q = u ? `${x.root} ${u}` : x.root;
-	return /* @__PURE__ */ g("div", {
-		className: q,
-		children: [(a !== void 0 || K.length > 0) && /* @__PURE__ */ g("div", {
-			className: x.head,
-			children: [a !== void 0 && /* @__PURE__ */ h("h2", {
-				className: x.title,
-				children: a
-			}), /* @__PURE__ */ h("div", {
-				className: x.palette,
-				children: K.map((t) => /* @__PURE__ */ h("button", {
-					type: "button",
-					className: x.add,
-					"aria-label": `Add ${t}`,
-					onClick: () => {
-						e("layer-list", "onAdd", { kind: t }), c?.(t);
-					},
-					children: t
-				}, t))
-			})]
-		}), n.length === 0 ? /* @__PURE__ */ h("div", {
-			className: s.empty,
-			children: l ?? (K.length > 0 ? "No layers — add one above." : "No layers.")
-		}) : /* @__PURE__ */ h(k, {
-			items: n,
-			parentId: null,
-			shared: G,
-			path: "",
-			level: 1
-		})]
-	});
-}
-function O(e) {
-	let t = [];
-	for (let n of e) n.locked && t.push(n.id), n.children && t.push(...O(n.children));
-	return t;
-}
-function k({ items: t, parentId: n, shared: o, path: u, level: d }) {
-	let { props: f } = o, p = f.selectedIds ?? [], _ = r({
-		items: t.map((e) => ({
-			id: e.id,
-			label: e.label,
-			locked: e.locked || !f.onReorder
-		})),
-		selectedIds: t.filter((e) => p.includes(e.id)).map((e) => e.id),
-		onReorder: (r, i) => {
-			let a = new Set(r), o = {
-				ids: t.filter((e) => a.has(e.id)).map((e) => e.id),
-				parentId: n,
-				index: i - t.slice(0, i).filter((e) => a.has(e.id)).length
-			};
-			e("layer-list", "onReorder", o), f.onReorder?.(o);
-		},
-		onPress: (e, n) => {
-			let r = t.find((t) => t.id === e);
-			r && o.press(r, n);
-		}
-	});
-	o.nudgers.set(n, (e, n) => _.nudge(e, t.findIndex((t) => t.id === e), n));
-	let [v, y] = b(null), S = (e) => {
-		y(e), _.containerProps.ref(e);
-	}, C = t.map((e) => o.bodies.get(e.id)), w = C.some(E), { draggedIds: T, targetIndex: D, ghost: O } = _.state, F = (e, r, a) => {
-		let l = C[r], m = e.children ?? [], v = !o.collapsed.has(e.id), y = `${o.uid}${u}-${r}`, b = a ? void 0 : _.rowProps(e.id, r).onPointerDown, S = p.includes(e.id), w = [x.entry];
-		a || (T?.includes(e.id) && w.push(x.dragging), D === r && !T?.includes(e.id) && w.push(x.dropBefore), D === t.length && r === t.length - 1 && w.push(x.dropAfter));
-		let O = /* @__PURE__ */ h(N, {
-			item: e,
-			shared: o
-		}), F = E(l) ? /* @__PURE__ */ h(c, {
-			className: x.card,
-			title: e.title ?? e.label,
-			...e.tone === void 0 ? {} : { tone: e.tone },
-			collapsed: a || !v,
-			onCollapsedChange: () => o.toggle(e.id),
-			leading: /* @__PURE__ */ h(M, {
-				item: e,
-				reorder: f.onReorder !== void 0,
-				onPointerDown: b,
-				onNudge: (t) => o.nudgers.get(n)?.(e.id, t)
-			}),
-			actions: a ? void 0 : O,
-			children: a ? null : l
-		}) : /* @__PURE__ */ g("div", {
-			className: [
-				s.row,
-				x.row,
-				S ? s.selected : ""
-			].filter(Boolean).join(" "),
-			"data-selected": S ? "true" : void 0,
-			"data-locked": e.locked ? "true" : void 0,
-			onPointerDown: b,
-			...a ? {} : {
-				role: "row",
-				"aria-level": d,
-				...m.length > 0 ? { "aria-expanded": v } : {},
-				...f.onSelect ? { "aria-selected": S } : {},
-				tabIndex: o.keys.tabStop === e.id ? 0 : -1,
-				ref: o.keys.register(e.id),
-				onKeyDown: o.keys.onKeyDown(e, n),
-				onFocus: () => o.keys.onFocus(e.id)
-			},
-			children: [
-				o.nested && (m.length > 0 ? /* @__PURE__ */ h("span", {
-					className: x.stop,
-					onPointerDown: A,
-					children: /* @__PURE__ */ h(i, {
-						open: v,
-						onToggle: () => o.toggle(e.id),
-						label: `${e.label} sublayers`,
-						controls: y
-					})
-				}) : /* @__PURE__ */ h("span", { className: x.twistyGap })),
-				/* @__PURE__ */ h(j, {
-					item: e,
-					reorder: f.onReorder !== void 0
-				}),
-				f.onVisibilityChange && (e.locked ? /* @__PURE__ */ h("span", { className: x.check }) : /* @__PURE__ */ h("input", {
-					className: x.check,
-					type: "checkbox",
-					checked: e.visible !== !1,
-					onPointerDown: A,
-					onChange: (t) => f.onVisibilityChange?.(e.id, t.target.checked),
-					"aria-label": `Show ${e.label}`
-				})),
-				e.leading,
-				/* @__PURE__ */ h("span", {
-					className: s.label,
-					children: e.title ?? e.label
-				}),
-				a ? null : /* @__PURE__ */ h(P, {
-					item: e,
-					shared: o
-				})
-			]
-		});
-		return /* @__PURE__ */ g("div", {
-			role: "none",
-			className: w.join(" "),
-			"data-selected": S ? "true" : void 0,
-			children: [F, !a && m.length > 0 && v && /* @__PURE__ */ h("div", {
-				id: y,
-				role: "rowgroup",
-				className: x.children,
-				children: /* @__PURE__ */ h(k, {
-					items: m,
-					parentId: e.id,
-					shared: o,
-					path: `${u}-${r}`,
-					level: d + 1
-				})
-			})]
-		}, e.id);
-	};
-	return /* @__PURE__ */ g(m, { children: [w ? /* @__PURE__ */ h(l, {
-		ref: S,
-		className: `${x.level} ${x.cards}`,
-		children: t.map((e, t) => F(e, t, !1))
-	}) : /* @__PURE__ */ h("div", {
-		ref: S,
-		className: x.level,
-		...n === null ? {
-			role: "treegrid",
-			"aria-label": f.label ?? f.title ?? "Layers",
-			...f.onSelect ? { "aria-multiselectable": !0 } : {}
-		} : { role: "none" },
-		children: t.map((e, t) => F(e, t, !1))
-	}), O && v ? /* @__PURE__ */ h(a, {
-		at: O,
-		from: v,
-		children: t.map((e, t) => O.ids.includes(e.id) ? F(e, t, !0) : null)
-	}) : null] });
-}
-var A = (e) => e.stopPropagation();
-function j({ item: e, reorder: n }) {
-	return e.locked ? /* @__PURE__ */ h("span", {
-		className: x.lock,
-		role: "img",
-		"aria-label": "Locked",
-		children: /* @__PURE__ */ h(t, { size: 12 })
-	}) : !n && e.badge === void 0 ? null : /* @__PURE__ */ h("span", {
-		className: x.grip,
-		"aria-hidden": "true",
-		children: e.badge ?? /* @__PURE__ */ h(o, { size: 13 })
-	});
-}
-function M({ item: e, reorder: t, onPointerDown: n, onNudge: r }) {
-	if (e.locked) return /* @__PURE__ */ h(j, {
-		item: e,
-		reorder: t
-	});
-	if (t || e.badge !== void 0) return /* @__PURE__ */ h("button", {
-		type: "button",
-		className: x.handle,
-		"aria-label": `Drag to reorder ${e.label}`,
-		"aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown",
-		onPointerDown: n,
-		onKeyDown: (e) => {
-			!e.altKey || e.key !== "ArrowUp" && e.key !== "ArrowDown" || (e.preventDefault(), r(e.key === "ArrowUp" ? -1 : 1));
-		},
-		children: e.badge ?? /* @__PURE__ */ h(o, {})
-	});
-}
-function N({ item: e, shared: t }) {
-	let { onVisibilityChange: n } = t.props;
-	return /* @__PURE__ */ g(m, { children: [n && !e.locked && /* @__PURE__ */ h("input", {
-		className: x.check,
-		type: "checkbox",
-		checked: e.visible !== !1,
-		onClick: A,
-		onChange: (t) => n(e.id, t.target.checked),
-		"aria-label": `Show ${e.label}`
-	}), /* @__PURE__ */ h(P, {
-		item: e,
-		shared: t
-	})] });
-}
-function P({ item: e, shared: t }) {
-	let { onRemove: r } = t.props;
-	return !r || e.locked ? null : /* @__PURE__ */ h("span", {
-		className: x.stop,
-		onPointerDown: A,
-		children: /* @__PURE__ */ h(n, {
-			ariaLabel: `Remove ${e.label}`,
-			onClick: () => r(e.id)
-		})
-	});
-}
-//#endregion
-//#region src/components/LayerList/useSceneLayerList.ts
-function F(e) {
-	let { scene: t, selection: n, adapter: r, itemFor: i, label: a = "Reorder" } = e, o = (e) => [...e].reverse().flatMap((e) => {
-		let n = t.get(e);
-		if (!n) return [];
-		let r = t.childrenOf(e);
-		return [{
-			...i(n),
-			id: e,
-			...r.length > 0 ? { children: o(r) } : {}
-		}];
-	});
-	return {
-		items: o(t.roots),
-		selectedIds: n.current.map(String),
-		onSelect: (e) => n.set(e.map(u)),
-		onReorder: ({ ids: e, parentId: n, index: i }) => {
-			let o = (n === null ? t.roots : t.childrenOf(u(n))).length - e.length - i;
-			f(r, [d({
-				ids: e,
-				parentId: n,
-				index: Math.max(0, o)
-			})], a);
-		}
-	};
-}
-//#endregion
-export { D as n, S as r, F as t };
-
-//# sourceMappingURL=LayerList-BqeWFuGc.js.map

package/dist/chunks/LayerList-BqeWFuGc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerList-BqeWFuGc.js","names":["stop","s","rows","_Fragment","dlog","LockIcon","CloseButton","useReorderDragList","Disclosure","DragGhost","DragGrip","ItemList_module_default","PropertyGroup","PropertyList","LayerList_module_default","moveLayers","move","reorder","items","item","moving","ids","kept","siblings","it","moved","at","index","collectCollapsed","isCollapsed","into","anyNested","hasBody","body","LayerList","props","toggled","setToggled","useState","collapsed","collapsedIds","toggle","next","id","prev","onCollapsedChange","live","useLatest","press","onSelect","mods","locked","lockedIds","selectedIds","bodies","collectBodies","list","visible","walk","level","rowEls","useRef","focusId","setFocusId","pendingFocus","anchor","nudgers","el","tabStop","v","focusRow","selectRange","from","to","a","b","range","keys","e","go","branch","open","delta","parentId","shared","useId","palette","onAdd","addKinds","cls","className","title","kind","empty","Level","out","selected","drag","target","setEl","bind","node","cards","entry","i","kids","childId","path","onPointerDown","ghosted","isSelected","draggedIds","targetIndex","controls","Controls","head","Handle","stop","Grip","Remove","Fragment","ghost","onNudge","onVisibilityChange","onRemove","useSceneLayerList","args","build","scene","itemFor","selection","asNodeId","back","adapter","createMoveToIndexOp","label"],"sources":["../../src/components/LayerList/LayerList.module.css","../../src/components/LayerList/LayerList.tsx","../../src/components/LayerList/useSceneLayerList.ts"],"sourcesContent":["/* Row box, hover and selection are `ItemList`'s, so a layer list and the\n   history list stacked under it agree. What is here is only what a layer has. */\n.root,\n.root * {\n  box-sizing: border-box;\n}\n\n.root {\n  display: grid;\n  gap: var(--wzl-space-4);\n}\n\n.head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wzl-space-4);\n}\n\n.title {\n  margin: 0;\n  font-family: var(--wzl-font-display);\n  font-weight: var(--wzl-font-weight-light);\n  font-size: var(--wzl-font-size-lg);\n  color: var(--wzl-fg);\n}\n\n.palette {\n  display: flex;\n  gap: var(--wzl-space-2);\n}\n\n.add {\n  font: inherit;\n  height: var(--wzl-control-h);\n  background: transparent;\n  border: 1px dashed var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  padding: var(--wzl-space-1) var(--wzl-space-4);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg-subtle);\n  cursor: pointer;\n}\n\n.add:hover {\n  background: var(--wzl-surface-raised);\n  color: var(--wzl-fg);\n}\n\n.level {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  position: relative;\n  width: 100%;\n}\n\n/* A level of cards is a `PropertyList`, so the controls in each body take the\n   panel's density; its rows are spaced like cards rather than lines. */\n.level.cards {\n  display: grid;\n  row-gap: var(--wzl-space-3);\n}\n\n.entry {\n  min-width: 0;\n}\n\n.row {\n  user-select: none;\n}\n\n.row:focus-visible {\n  outline: 2px solid var(--wzl-focus-ring);\n  outline-offset: -2px;\n}\n\n/* A child's twisty sits under its parent's grip. */\n.children {\n  padding-left: calc(var(--wzl-disclosure-target, var(--wzl-control-h-sm)) + var(--wzl-space-4));\n}\n\n/* The layer the drag picked up holds its place, faded, while its ghost follows the pointer. */\n.dragging {\n  opacity: 0.5;\n}\n\n/* Where the drop would land: a line on the edge of the layer it would land against. */\n.dropBefore {\n  box-shadow: 0 -2px 0 var(--wzl-accent);\n}\n\n.dropAfter {\n  box-shadow: 0 2px 0 var(--wzl-accent);\n}\n\n/* One width for the grip and the lock, so a locked row's label lines up. */\n.grip,\n.lock {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  min-width: 13px;\n  color: var(--wzl-fg-muted);\n}\n\n.row:not([data-locked]) {\n  cursor: grab;\n}\n\n.row:not([data-locked]):active {\n  cursor: grabbing;\n}\n\n.stop {\n  display: inline-flex;\n  align-items: center;\n  flex: 0 0 auto;\n}\n\n/* Holds the twisty column open on rows with nothing to expand, so labels line up down a level. */\n.twistyGap {\n  flex: 0 0 auto;\n  width: var(--wzl-disclosure-target, var(--wzl-control-h-sm));\n}\n\n/* Sized, so the empty column a locked row keeps is the checkbox's width. */\n.check {\n  flex: 0 0 auto;\n  width: 13px;\n  height: 13px;\n  margin: 0;\n  accent-color: var(--wzl-accent);\n}\n\n.handle {\n  font: inherit;\n  background: transparent;\n  border: 0;\n  color: var(--wzl-fg-subtle);\n  padding: var(--wzl-space-1) var(--wzl-space-2);\n  cursor: grab;\n  touch-action: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--wzl-icon-button-size);\n  height: var(--wzl-icon-button-size);\n  border-radius: var(--wzl-radius-sm);\n  font-weight: var(--wzl-font-weight-bold);\n  font-size: var(--wzl-font-size);\n}\n\n.card[data-tone] .handle {\n  background: var(--wzl-tone);\n  color: var(--wzl-fg-on-accent);\n}\n\n.handle:active {\n  cursor: grabbing;\n}\n\n.entry[data-selected] > .card {\n  outline: 2px solid var(--wzl-accent);\n  outline-offset: -1px;\n}\n","import {\n  type KeyboardEvent,\n  type ReactNode,\n  type RefCallback,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLatest } from '@weasel-js/core';\nimport { dlog } from '../../dlog';\nimport { LockIcon } from '../../icons';\nimport { type PressModifiers, useReorderDragList } from '../../useReorderDragList';\nimport { CloseButton } from '../CloseButton';\nimport { Disclosure } from '../Disclosure';\nimport { DragGhost } from '../DragGhost';\nimport { DragGrip } from '../DragGrip';\nimport rows from '../ItemList/ItemList.module.css';\nimport { PropertyGroup, PropertyList } from '../Properties';\nimport type { StanceProps } from '../stance';\nimport s from './LayerList.module.css';\n\n/** One layer. With a body (see `renderBody`) it draws as a card that folds its\n *  body away; without one, as a one-line row. Either can hold child layers. */\nexport interface LayerListItem {\n  id: string;\n  /** The layer's name. Also what its controls are labeled by. */\n  label: string;\n  /** Shown in the header in place of `label` — a select that switches the\n   *  layer's kind, say. */\n  title?: ReactNode;\n  /** Fixed-size content before the label: a color swatch, a kind icon. */\n  leading?: ReactNode;\n  /** Drawn in the drag handle in place of the grip — an ordinal. */\n  badge?: ReactNode;\n  /** Which of its list this layer is: an index into the theme's tone list, or\n   *  a color. A card draws its edge and handle in it and recolors its controls. */\n  tone?: StanceProps['tone'];\n  /** Cannot be dragged, hidden or removed, walls off drops on either side, and\n   *  selects alone rather than joining a multi-selection. */\n  locked?: boolean;\n  /** Shown or not, when the list has `onVisibilityChange`. Default true. */\n  visible?: boolean;\n  children?: LayerListItem[];\n  /** Folds the body and children away until the user opens them.\n   *  `collapsedIds` overrides it. */\n  defaultCollapsed?: boolean;\n}\n\n/**\n * A reorder: `ids`, siblings under `parentId` (`null` at the top level), now\n * sit as one block in list order starting at `index` of the parent's children.\n * A drag never moves a layer to another parent.\n */\nexport interface LayerMove {\n  ids: string[];\n  parentId: string | null;\n  index: number;\n}\n\n/** Props for `<LayerList>`. */\nexport interface LayerListProps {\n  items: LayerListItem[];\n  /** Omit for a list the user cannot reorder. */\n  onReorder?: (move: LayerMove) => void;\n  /** Giving both makes rows selectable: a click selects one, shift-click adds\n   *  or removes one, and dragging a selected row drags its selected siblings. */\n  selectedIds?: readonly string[];\n  onSelect?: (ids: string[]) => void;\n  /** Adds a visibility checkbox to every unlocked layer. */\n  onVisibilityChange?: (id: string, visible: boolean) => void;\n  /** Adds a remove button to every unlocked layer. */\n  onRemove?: (id: string) => void;\n  /** A layer's controls. Returning `null` leaves that layer a one-line row. */\n  renderBody?: (item: LayerListItem) => ReactNode;\n  /** Ids whose body and children are folded away. Giving it makes folding\n   *  controlled; `onCollapsedChange` fires either way. */\n  collapsedIds?: readonly string[];\n  onCollapsedChange?: (ids: string[]) => void;\n  /** Heading above the list. */\n  title?: string;\n  /** Names the list for assistive tech when it has no `title`. */\n  label?: string;\n  /** Kinds the user can add, as buttons beside the title. Shown only with `onAdd`. */\n  addKinds?: string[];\n  onAdd?: (kind: string) => void;\n  /** Shown in place of the list when `items` is empty. */\n  empty?: ReactNode;\n  /** Appended to the root's class list — the module's own names are hashed. */\n  className?: string;\n}\n\n/** Returns `items` with `move` applied, for a consumer that holds the tree as state. */\nexport function moveLayers(items: LayerListItem[], move: LayerMove): LayerListItem[] {\n  if (move.parentId === null) return reorder(items, move);\n  return items.map((item) => {\n    if (item.id === move.parentId) return { ...item, children: reorder(item.children ?? [], move) };\n    return item.children ? { ...item, children: moveLayers(item.children, move) } : item;\n  });\n}\n\nfunction reorder(siblings: LayerListItem[], { ids, index }: LayerMove): LayerListItem[] {\n  const moving = new Set(ids);\n  const kept = siblings.filter((it) => !moving.has(it.id));\n  const moved = siblings.filter((it) => moving.has(it.id));\n  const at = Math.max(0, Math.min(kept.length, index));\n  return [...kept.slice(0, at), ...moved, ...kept.slice(at)];\n}\n\nfunction collectCollapsed(\n  items: LayerListItem[],\n  isCollapsed: (item: LayerListItem) => boolean,\n  into = new Set<string>(),\n): Set<string> {\n  for (const item of items) {\n    if (isCollapsed(item)) into.add(item.id);\n    if (item.children) collectCollapsed(item.children, isCollapsed, into);\n  }\n  return into;\n}\n\nfunction anyNested(items: LayerListItem[]): boolean {\n  return items.some((it) => (it.children?.length ?? 0) > 0);\n}\n\n/** What every level of the tree reads from the list. */\ninterface Shared {\n  props: LayerListProps;\n  collapsed: ReadonlySet<string>;\n  toggle: (id: string) => void;\n  press: (item: LayerListItem, mods: PressModifiers) => void;\n  uid: string;\n  /** Some layer has children, so every row keeps a twisty column. */\n  nested: boolean;\n  /** Each layer's body, rendered once; a row where it is empty. */\n  bodies: ReadonlyMap<string, ReactNode>;\n  /** Per sibling group, keyed by parent: move a row one place, as its drag would. */\n  nudgers: Map<string | null, (id: string, delta: -1 | 1) => boolean>;\n  keys: RowKeys;\n}\n\n/** The roving focus over the rows: one row is in the tab order at a time. */\ninterface RowKeys {\n  tabStop: string | undefined;\n  register: (id: string) => (el: HTMLElement | null) => void;\n  onKeyDown: (item: LayerListItem, parentId: string | null) => (e: KeyboardEvent<HTMLElement>) => void;\n  onFocus: (id: string) => void;\n}\n\ninterface VisibleRow {\n  item: LayerListItem;\n  parentId: string | null;\n  level: number;\n}\n\nfunction hasBody(body: ReactNode): boolean {\n  return body !== null && body !== undefined && body !== false;\n}\n\n/**\n * An ordered, drag-reorderable list of layers — a document's objects, a lab's\n * canvases, a fill's effects. Each layer is a one-line row or, with a body, a\n * card whose controls fold away; either can nest child layers. Selection,\n * visibility, removal and an add palette are each on when their handler is given.\n */\nexport function LayerList(props: LayerListProps) {\n  const { items, collapsedIds, onCollapsedChange, title, addKinds, onAdd, empty, className } = props;\n  // Only the user's own toggles are state; everything else reads the layer's\n  // `defaultCollapsed`, so a layer added later starts the way it asks to.\n  const [toggled, setToggled] = useState<ReadonlyMap<string, boolean>>(new Map());\n  const collapsed = collapsedIds\n    ? new Set(collapsedIds)\n    : collectCollapsed(items, (item) => toggled.get(item.id) ?? item.defaultCollapsed === true);\n  const toggle = (id: string) => {\n    const next = new Set(collapsed);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    if (!collapsedIds) setToggled((prev) => new Map(prev).set(id, next.has(id)));\n    onCollapsedChange?.([...next]);\n  };\n\n  // The press arrives after the drag session ends, which can be after a render\n  // the closure did not see, so it reads the selection from here.\n  const live = useLatest(props);\n  const press = (item: LayerListItem, mods: PressModifiers) => {\n    const { selectedIds = [], onSelect } = live.current;\n    if (!onSelect) return;\n    anchor.current = item.id;\n    if (item.locked || !mods.shiftKey) {\n      onSelect([item.id]);\n      return;\n    }\n    // A leftover locked selection does not carry into a multi-selection.\n    const locked = new Set(lockedIds(live.current.items));\n    const kept = selectedIds.filter((id) => !locked.has(id));\n    onSelect(kept.includes(item.id) ? kept.filter((id) => id !== item.id) : [...kept, item.id]);\n  };\n\n  const bodies = new Map<string, ReactNode>();\n  const collectBodies = (list: LayerListItem[]) => {\n    for (const it of list) {\n      bodies.set(it.id, props.renderBody ? props.renderBody(it) : null);\n      if (it.children) collectBodies(it.children);\n    }\n  };\n  collectBodies(items);\n\n  // The rows the arrow keys walk: open branches only, and not cards, whose\n  // heads are their own controls.\n  const visible: VisibleRow[] = [];\n  const walk = (list: LayerListItem[], parentId: string | null, level: number) => {\n    for (const item of list) {\n      if (!hasBody(bodies.get(item.id))) visible.push({ item, parentId, level });\n      if (item.children?.length && !collapsed.has(item.id)) walk(item.children, item.id, level + 1);\n    }\n  };\n  walk(items, null, 1);\n\n  const rowEls = useRef(new Map<string, HTMLElement>());\n  const [focusId, setFocusId] = useState<string | null>(null);\n  const pendingFocus = useRef<string | null>(null);\n  const anchor = useRef<string | null>(null);\n  const nudgers = useRef(new Map<string | null, (id: string, delta: -1 | 1) => boolean>()).current;\n  useLayoutEffect(() => {\n    const id = pendingFocus.current;\n    if (id === null) return;\n    pendingFocus.current = null;\n    const el = rowEls.current.get(id);\n    if (el && document.activeElement !== el) el.focus();\n  });\n\n  const selectedIds = props.selectedIds ?? [];\n  const tabStop = visible.some((v) => v.item.id === focusId)\n    ? (focusId ?? undefined)\n    : (visible.find((v) => selectedIds.includes(v.item.id)) ?? visible[0])?.item.id;\n\n  const focusRow = (id: string) => {\n    pendingFocus.current = id;\n    setFocusId(id);\n  };\n  // Locked rows never join a multi-selection, so a range passes over them.\n  const selectRange = (to: string) => {\n    const from = anchor.current ?? to;\n    const a = visible.findIndex((v) => v.item.id === from);\n    const b = visible.findIndex((v) => v.item.id === to);\n    if (a < 0 || b < 0) return;\n    const range = visible\n      .slice(Math.min(a, b), Math.max(a, b) + 1)\n      .filter((v) => !v.item.locked)\n      .map((v) => v.item.id);\n    if (range.length > 0) live.current.onSelect?.(range);\n  };\n\n  const keys: RowKeys = {\n    tabStop,\n    register: (id) => (el) => {\n      if (el) rowEls.current.set(id, el);\n      else rowEls.current.delete(id);\n    },\n    onFocus: (id) => {\n      setFocusId(id);\n      anchor.current ??= id;\n    },\n    onKeyDown: (item, parentId) => (e) => {\n      // Keys on a control inside the row are the control's.\n      if (e.target !== e.currentTarget) return;\n      const at = visible.findIndex((v) => v.item.id === item.id);\n      const go = (index: number) => {\n        const next = visible[Math.max(0, Math.min(visible.length - 1, index))];\n        if (!next) return;\n        focusRow(next.item.id);\n        if (e.shiftKey && props.onSelect) selectRange(next.item.id);\n        else anchor.current = next.item.id;\n      };\n      const branch = (item.children?.length ?? 0) > 0;\n      const open = branch && !collapsed.has(item.id);\n      switch (e.key) {\n        case 'ArrowDown':\n        case 'ArrowUp': {\n          const delta = e.key === 'ArrowDown' ? 1 : -1;\n          if (e.altKey) {\n            if (nudgers.get(parentId)?.(item.id, delta)) pendingFocus.current = item.id;\n          } else {\n            go(at + delta);\n          }\n          break;\n        }\n        case 'Home':\n          go(0);\n          break;\n        case 'End':\n          go(visible.length - 1);\n          break;\n        case 'ArrowRight':\n          if (branch && !open) toggle(item.id);\n          else if (open) go(at + 1);\n          else return;\n          break;\n        case 'ArrowLeft':\n          if (open) toggle(item.id);\n          else if (parentId !== null) go(visible.findIndex((v) => v.item.id === parentId));\n          else return;\n          break;\n        case 'Enter':\n        case ' ':\n          press(item, { shiftKey: e.shiftKey, ctrlKey: e.ctrlKey, metaKey: e.metaKey, altKey: e.altKey });\n          break;\n        default:\n          return;\n      }\n      e.preventDefault();\n    },\n  };\n\n  const uid = useId();\n  const shared: Shared = { props, collapsed, toggle, press, uid, nested: anyNested(items), bodies, nudgers, keys };\n  const palette = onAdd ? (addKinds ?? []) : [];\n  const cls = className ? `${s.root} ${className}` : s.root;\n\n  return (\n    <div className={cls}>\n      {(title !== undefined || palette.length > 0) && (\n        <div className={s.head}>\n          {title !== undefined && <h2 className={s.title}>{title}</h2>}\n          <div className={s.palette}>\n            {palette.map((kind) => (\n              <button\n                key={kind}\n                type=\"button\"\n                className={s.add}\n                aria-label={`Add ${kind}`}\n                onClick={() => {\n                  dlog('layer-list', 'onAdd', { kind });\n                  onAdd?.(kind);\n                }}\n              >\n                {kind}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n      {items.length === 0 ? (\n        <div className={rows.empty}>\n          {empty ?? (palette.length > 0 ? 'No layers — add one above.' : 'No layers.')}\n        </div>\n      ) : (\n        <Level items={items} parentId={null} shared={shared} path=\"\" level={1} />\n      )}\n    </div>\n  );\n}\n\nfunction lockedIds(items: LayerListItem[]): string[] {\n  const out: string[] = [];\n  for (const it of items) {\n    if (it.locked) out.push(it.id);\n    if (it.children) out.push(...lockedIds(it.children));\n  }\n  return out;\n}\n\ninterface LevelProps {\n  items: LayerListItem[];\n  parentId: string | null;\n  shared: Shared;\n  path: string;\n  level: number;\n}\n\n/** One sibling group. Each has its own drag, so a drag stays under one parent. */\nfunction Level({ items, parentId, shared, path, level }: LevelProps) {\n  const { props } = shared;\n  const selected = props.selectedIds ?? [];\n  const drag = useReorderDragList({\n    // With no `onReorder` every row is a locked one to the drag, so a press\n    // still reaches `onPress` and nothing ever engages.\n    items: items.map((it) => ({ id: it.id, label: it.label, locked: it.locked || !props.onReorder })),\n    selectedIds: items.filter((it) => selected.includes(it.id)).map((it) => it.id),\n    onReorder: (ids, target) => {\n      const moving = new Set(ids);\n      const inOrder = items.filter((it) => moving.has(it.id)).map((it) => it.id);\n      // The hook's index counts the dragged rows; a move's index does not.\n      const before = items.slice(0, target).filter((it) => moving.has(it.id)).length;\n      const move = { ids: inOrder, parentId, index: target - before };\n      dlog('layer-list', 'onReorder', move);\n      props.onReorder?.(move);\n    },\n    onPress: (id, mods) => {\n      const item = items.find((it) => it.id === id);\n      if (item) shared.press(item, mods);\n    },\n  });\n  shared.nudgers.set(parentId, (id, delta) =>\n    drag.nudge(id, items.findIndex((it) => it.id === id), delta),\n  );\n  const [el, setEl] = useState<HTMLDivElement | null>(null);\n  const bind = (node: HTMLDivElement | null) => {\n    setEl(node);\n    (drag.containerProps.ref as RefCallback<HTMLDivElement>)(node);\n  };\n\n  const bodies = items.map((it) => shared.bodies.get(it.id));\n  const cards = bodies.some(hasBody);\n  const { draggedIds, targetIndex, ghost } = drag.state;\n\n  const entry = (item: LayerListItem, i: number, ghosted: boolean) => {\n    const body = bodies[i];\n    const kids = item.children ?? [];\n    const open = !shared.collapsed.has(item.id);\n    const childId = `${shared.uid}${path}-${i}`;\n    const onPointerDown = ghosted ? undefined : drag.rowProps(item.id, i).onPointerDown;\n    const isSelected = selected.includes(item.id);\n    const cls = [s.entry];\n    if (!ghosted) {\n      if (draggedIds?.includes(item.id)) cls.push(s.dragging);\n      if (targetIndex === i && !draggedIds?.includes(item.id)) cls.push(s.dropBefore);\n      if (targetIndex === items.length && i === items.length - 1) cls.push(s.dropAfter);\n    }\n    const controls = <Controls item={item} shared={shared} />;\n    const head =\n      hasBody(body) ? (\n        <PropertyGroup\n          className={s.card}\n          title={item.title ?? item.label}\n          {...(item.tone === undefined ? {} : { tone: item.tone })}\n          collapsed={ghosted || !open}\n          onCollapsedChange={() => shared.toggle(item.id)}\n          leading={\n            <Handle\n              item={item}\n              reorder={props.onReorder !== undefined}\n              onPointerDown={onPointerDown}\n              onNudge={(delta) => shared.nudgers.get(parentId)?.(item.id, delta)}\n            />\n          }\n          actions={ghosted ? undefined : controls}\n        >\n          {ghosted ? null : body}\n        </PropertyGroup>\n      ) : (\n        <div\n          className={[rows.row, s.row, isSelected ? rows.selected : ''].filter(Boolean).join(' ')}\n          data-selected={isSelected ? 'true' : undefined}\n          data-locked={item.locked ? 'true' : undefined}\n          onPointerDown={onPointerDown}\n          {...(ghosted\n            ? {}\n            : {\n                role: 'row',\n                'aria-level': level,\n                ...(kids.length > 0 ? { 'aria-expanded': open } : {}),\n                ...(props.onSelect ? { 'aria-selected': isSelected } : {}),\n                tabIndex: shared.keys.tabStop === item.id ? 0 : -1,\n                ref: shared.keys.register(item.id),\n                onKeyDown: shared.keys.onKeyDown(item, parentId),\n                onFocus: () => shared.keys.onFocus(item.id),\n              })}\n        >\n          {shared.nested &&\n            (kids.length > 0 ? (\n              <span className={s.stop} onPointerDown={stop}>\n                <Disclosure\n                  open={open}\n                  onToggle={() => shared.toggle(item.id)}\n                  label={`${item.label} sublayers`}\n                  controls={childId}\n                />\n              </span>\n            ) : (\n              <span className={s.twistyGap} />\n            ))}\n          <Grip item={item} reorder={props.onReorder !== undefined} />\n          {props.onVisibilityChange &&\n            (item.locked ? (\n              <span className={s.check} />\n            ) : (\n              <input\n                className={s.check}\n                type=\"checkbox\"\n                checked={item.visible !== false}\n                onPointerDown={stop}\n                onChange={(e) => props.onVisibilityChange?.(item.id, e.target.checked)}\n                aria-label={`Show ${item.label}`}\n              />\n            ))}\n          {item.leading}\n          <span className={rows.label}>{item.title ?? item.label}</span>\n          {ghosted ? null : <Remove item={item} shared={shared} />}\n        </div>\n      );\n    return (\n      <div key={item.id} role=\"none\" className={cls.join(' ')} data-selected={isSelected ? 'true' : undefined}>\n        {head}\n        {!ghosted && kids.length > 0 && open && (\n          <div id={childId} role=\"rowgroup\" className={s.children}>\n            <Level items={kids} parentId={item.id} shared={shared} path={`${path}-${i}`} level={level + 1} />\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <>\n      {cards ? (\n        <PropertyList ref={bind} className={`${s.level} ${s.cards}`}>\n          {items.map((it, i) => entry(it, i, false))}\n        </PropertyList>\n      ) : (\n        <div\n          ref={bind}\n          className={s.level}\n          {...(parentId === null\n            ? {\n                role: 'treegrid',\n                'aria-label': props.label ?? props.title ?? 'Layers',\n                ...(props.onSelect ? { 'aria-multiselectable': true } : {}),\n              }\n            : { role: 'none' })}\n        >\n          {items.map((it, i) => entry(it, i, false))}\n        </div>\n      )}\n      {ghost && el ? (\n        <DragGhost at={ghost} from={el}>\n          {items.map((it, i) => (ghost.ids.includes(it.id) ? entry(it, i, true) : null))}\n        </DragGhost>\n      ) : null}\n    </>\n  );\n}\n\n// Keeps a press on a control inside a row from also starting the row's press.\nconst stop = (e: { stopPropagation(): void }) => e.stopPropagation();\n\n/** A row's grip: decoration, since the whole row takes the drag. */\nfunction Grip({ item, reorder }: { item: LayerListItem; reorder: boolean }) {\n  if (item.locked) {\n    return (\n      <span className={s.lock} role=\"img\" aria-label=\"Locked\">\n        <LockIcon size={12} />\n      </span>\n    );\n  }\n  if (!reorder && item.badge === undefined) return null;\n  return (\n    <span className={s.grip} aria-hidden=\"true\">\n      {item.badge ?? <DragGrip size={13} />}\n    </span>\n  );\n}\n\n/** A card's handle: the drag target, since the rest of its head folds it, and\n *  Alt+Up/Down on it moves the card. */\nfunction Handle({\n  item,\n  reorder,\n  onPointerDown,\n  onNudge,\n}: {\n  item: LayerListItem;\n  reorder: boolean;\n  onPointerDown: ((e: React.PointerEvent) => void) | undefined;\n  onNudge: (delta: -1 | 1) => void;\n}) {\n  if (item.locked) return <Grip item={item} reorder={reorder} />;\n  if (!reorder && item.badge === undefined) return undefined;\n  return (\n    <button\n      type=\"button\"\n      className={s.handle}\n      aria-label={`Drag to reorder ${item.label}`}\n      aria-keyshortcuts=\"Alt+ArrowUp Alt+ArrowDown\"\n      onPointerDown={onPointerDown}\n      onKeyDown={(e) => {\n        if (!e.altKey || (e.key !== 'ArrowUp' && e.key !== 'ArrowDown')) return;\n        e.preventDefault();\n        onNudge(e.key === 'ArrowUp' ? -1 : 1);\n      }}\n    >\n      {item.badge ?? <DragGrip />}\n    </button>\n  );\n}\n\nfunction Controls({ item, shared }: { item: LayerListItem; shared: Shared }) {\n  const { onVisibilityChange } = shared.props;\n  return (\n    <>\n      {onVisibilityChange && !item.locked && (\n        <input\n          className={s.check}\n          type=\"checkbox\"\n          checked={item.visible !== false}\n          onClick={stop}\n          onChange={(e) => onVisibilityChange(item.id, e.target.checked)}\n          aria-label={`Show ${item.label}`}\n        />\n      )}\n      <Remove item={item} shared={shared} />\n    </>\n  );\n}\n\nfunction Remove({ item, shared }: { item: LayerListItem; shared: Shared }) {\n  const { onRemove } = shared.props;\n  if (!onRemove || item.locked) return null;\n  return (\n    <span className={s.stop} onPointerDown={stop}>\n      <CloseButton ariaLabel={`Remove ${item.label}`} onClick={() => onRemove(item.id)} />\n    </span>\n  );\n}\n","import { asNodeId, createMoveToIndexOp, dispatchApplyBatch } from '@weasel-js/core';\nimport type { NodeId, Scene, SceneNode, SelectionApi } from '@weasel-js/core';\nimport type { LayerListItem, LayerListProps } from './LayerList';\n\n/** Arguments for {@link useSceneLayerList}. */\nexport interface UseSceneLayerListArgs<TData, TLayer extends string, TPose> {\n  scene: Scene<TData, TLayer, TPose>;\n  selection: SelectionApi;\n  /** What the reorder op is dispatched against — the adapter `<SceneCanvas>` uses. */\n  adapter: object;\n  /** A row's content for a node: its label, a leading swatch or icon, whether it is locked. */\n  itemFor: (node: SceneNode<TData, TLayer, TPose>) => Omit<LayerListItem, 'id' | 'children'>;\n  /** Label of the reorder's history entry. Default `'Reorder'`. */\n  label?: string;\n}\n\n/**\n * The props that put a scene in a `<LayerList>`: a row per node, a container's\n * children nested under it, the front-most at the top, selection read from and\n * written to `selection`, and a drag dispatched as a `MoveToIndexOp`.\n */\nexport function useSceneLayerList<TData, TLayer extends string, TPose>(\n  args: UseSceneLayerListArgs<TData, TLayer, TPose>,\n): Required<Pick<LayerListProps, 'items' | 'selectedIds' | 'onSelect' | 'onReorder'>> {\n  const { scene, selection, adapter, itemFor, label = 'Reorder' } = args;\n\n  // A scene orders children back to front and the list front to back. Rebuilt\n  // every render: the scene keeps its identity across a reorder, so a memo keyed\n  // on it would serve the order from before.\n  const build = (ids: readonly NodeId[]): LayerListItem[] =>\n    [...ids].reverse().flatMap((id) => {\n      const node = scene.get(id);\n      if (!node) return [];\n      const kids = scene.childrenOf(id);\n      return [{ ...itemFor(node), id, ...(kids.length > 0 ? { children: build(kids) } : {}) }];\n    });\n\n  return {\n    items: build(scene.roots),\n    selectedIds: selection.current.map(String),\n    onSelect: (ids) => selection.set(ids.map(asNodeId)),\n    onReorder: ({ ids, parentId, index }) => {\n      const siblings = parentId === null ? scene.roots : scene.childrenOf(asNodeId(parentId));\n      // `index` counts from the front among the siblings the drag left behind.\n      const back = siblings.length - ids.length - index;\n      dispatchApplyBatch(adapter, [createMoveToIndexOp({ ids, parentId, index: Math.max(0, back) })], label);\n    },\n  };\n}\n"],"mappings":"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"}