@weasel-js/ui 1.7.0 → 1.7.1

package/dist/chunks/Tree-Cc8lIzgM.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree-Cc8lIzgM.js","names":["s","DisclosureMark","Tree_module_default","TYPEAHEAD_MS","Tree","forwardRef","ariaLabel","ariaLabelledBy","expanded","setExpanded","useControlledSet","expandedIds","defaultExpandedIds","onExpandedChange","selected","setSelected","selectedIds","defaultSelectedIds","onSelectionChange","selectable","selectionMode","baseId","useId","visible","useMemo","out","walk","node","list","level","nodes","indexOf","v","i","items","useRef","focusId","setFocusId","useState","anchor","typed","stopId","className","empty","focus","id","toggle","next","select","mods","a","b","x","activate","onAction","onKeyDown","e","open","modsOf","typeAhead","now","t","want","start","from","k","textOf","onRowClick","onTwistyClick","itemRef","el","seq","renderLevel","n","branch","labelId","trailingId","pos","filterTree","changed","match","kids","treeBranchIds","own","setOwn","initial","value","onChange"],"sources":["../../src/components/Tree/Tree.module.css","../../src/components/Tree/Tree.tsx"],"sourcesContent":[".tree,\n.group {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.tree {\n  user-select: none;\n  -webkit-user-select: none;\n  width: 100%;\n}\n\n/* One twisty and one gap, so a child's twisty sits under its parent's label. */\n.group {\n  padding-inline-start: var(--wzl-tree-indent, calc(var(--wzl-control-h-xs) + var(--wzl-space-2)));\n}\n\n.item {\n  outline: none;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-2);\n  padding: 0 var(--wzl-space-2) 0 0;\n  height: var(--wzl-control-h);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg);\n  border-radius: var(--wzl-radius-sm);\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.row:hover {\n  background: var(--wzl-surface);\n}\n\n.item:focus-visible > .row {\n  outline: 2px solid var(--wzl-focus-ring);\n  outline-offset: -2px;\n}\n\n.item[aria-selected='true'] > .row {\n  background: var(--wzl-border);\n}\n\n.item[data-muted] > .row {\n  color: var(--wzl-fg-subtle);\n}\n\n.item[aria-disabled='true'] > .row {\n  color: var(--wzl-fg-subtle);\n  cursor: not-allowed;\n}\n\n/* A leaf keeps the empty box, so labels at one level line up whether or not\n   their rows are branches. */\n.twisty {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wzl-control-h-xs);\n  align-self: stretch;\n  color: var(--wzl-fg-muted);\n}\n\n.row:hover > .twisty {\n  color: var(--wzl-fg);\n}\n\n.leading {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n}\n\n.label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.trailing {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wzl-space-2);\n}\n\n.empty {\n  padding: var(--wzl-space-6) var(--wzl-space-4);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg-subtle);\n  font-style: italic;\n}\n","/**\n * A hierarchy of rows that expand and collapse: a file tree, a registry\n * browser, an outline.\n *\n * **Semantics.** WAI-ARIA `tree`: each node is a `treeitem` carrying\n * `aria-level`, `aria-setsize` and `aria-posinset`; a branch carries\n * `aria-expanded` and nests its children in a `group`, which is rendered only\n * while the branch is open. `aria-selected` appears only when `selectionMode`\n * is set. A treeitem may not contain interactive content, so `leading` and\n * `trailing` are decoration — an icon, a count — and the twisty is a drawn\n * `DisclosureMark`, not a button.\n *\n * **Keyboard.** One treeitem is in the tab order: the one last focused, else\n * the first selected, else the first. Up/Down move between visible rows,\n * Home/End go to the first and last. Right opens a closed branch, then moves\n * into it; Left closes an open branch, else moves to the parent. Enter and\n * Space activate, as a click does. Typing moves to the next row whose text\n * starts with what was typed.\n *\n * **Activating** a row — click, Enter, Space — toggles it if it is a branch,\n * selects it under `selectionMode`, and calls `onAction`. Clicking the twisty\n * only toggles.\n *\n * **Filtering** is the consumer's: narrow `nodes` with `filterTree`, and pass\n * `treeBranchIds` of the result as `expandedIds` so every match shows.\n */\nimport {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport type { PressModifiers } from '../../useReorderDragList';\nimport { DisclosureMark } from '../Disclosure';\nimport s from './Tree.module.css';\n\n/** One node. A node with `children` is a branch, even when the array is empty. */\nexport interface TreeNode {\n  /** Unique across the whole tree. */\n  id: string;\n  label: ReactNode;\n  /** What type-ahead matches against. Defaults to `label` when that is a string. */\n  textValue?: string;\n  /** Decoration before the label — an icon. Not a control. */\n  leading?: ReactNode;\n  /** Decoration after the label — a count badge. Not a control. Read as part\n   *  of the row's accessible name. */\n  trailing?: ReactNode;\n  children?: readonly TreeNode[];\n  /** Present but not in effect. */\n  muted?: boolean;\n  /** Focusable and announced, but cannot be activated, expanded or selected. */\n  disabled?: boolean;\n  className?: string;\n}\n\n/** Whether and how rows are selectable. */\nexport type TreeSelectionMode = 'none' | 'single' | 'multiple';\n\nexport interface TreeProps {\n  nodes: readonly TreeNode[];\n  /** Shown in place of the tree when `nodes` is empty. */\n  empty?: ReactNode;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n\n  /** Open branches, controlled. */\n  expandedIds?: Iterable<string>;\n  /** Open branches on first render, when uncontrolled. */\n  defaultExpandedIds?: Iterable<string>;\n  /** The whole set a toggle would produce. Called whether or not controlled. */\n  onExpandedChange?(ids: Set<string>): void;\n\n  /** Default `'none'`. `'multiple'` adds to the selection with Cmd/Ctrl and\n   *  extends it over visible rows with Shift. */\n  selectionMode?: TreeSelectionMode;\n  /** Selected rows, controlled. */\n  selectedIds?: Iterable<string>;\n  /** Selected rows on first render, when uncontrolled. */\n  defaultSelectedIds?: Iterable<string>;\n  /** The whole set an activation would produce, when it differs. */\n  onSelectionChange?(ids: Set<string>): void;\n\n  /** A row was activated — click, Enter or Space — with the modifiers held. */\n  onAction?(id: string, mods: PressModifiers): void;\n}\n\ninterface Visible {\n  node: TreeNode;\n  parentId: string | null;\n  level: number;\n}\n\nconst TYPEAHEAD_MS = 500;\n\nexport const Tree = forwardRef(function Tree(\n  {\n    nodes, empty, className,\n    'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy,\n    expandedIds, defaultExpandedIds, onExpandedChange,\n    selectionMode = 'none', selectedIds, defaultSelectedIds, onSelectionChange,\n    onAction,\n  }: TreeProps,\n  ref: Ref<HTMLUListElement>,\n) {\n  const [expanded, setExpanded] = useControlledSet(expandedIds, defaultExpandedIds, onExpandedChange);\n  const [selected, setSelected] = useControlledSet(selectedIds, defaultSelectedIds, onSelectionChange);\n  const selectable = selectionMode !== 'none';\n  const baseId = useId();\n\n  const visible = useMemo(() => {\n    const out: Visible[] = [];\n    const walk = (list: readonly TreeNode[], parentId: string | null, level: number) => {\n      for (const node of list) {\n        out.push({ node, parentId, level });\n        if (node.children && expanded.has(node.id)) walk(node.children, node.id, level + 1);\n      }\n    };\n    walk(nodes, null, 1);\n    return out;\n  }, [nodes, expanded]);\n  const indexOf = useMemo(() => new Map(visible.map((v, i) => [v.node.id, i])), [visible]);\n\n  const items = useRef(new Map<string, HTMLLIElement>());\n  const [focusId, setFocusId] = useState<string | null>(null);\n  const anchor = useRef<string | null>(null);\n  const typed = useRef({ text: '', at: 0 });\n\n  const stopId = focusId != null && indexOf.has(focusId)\n    ? focusId\n    : (visible.find((v) => selectable && selected.has(v.node.id)) ?? visible[0])?.node.id;\n\n  if (nodes.length === 0) {\n    return <div className={[s.empty, className].filter(Boolean).join(' ')}>{empty ?? '—'}</div>;\n  }\n\n  const focus = (id: string | undefined) => { if (id != null) items.current.get(id)?.focus(); };\n\n  const toggle = (node: TreeNode) => {\n    if (!node.children || node.disabled) return;\n    const next = new Set(expanded);\n    if (next.has(node.id)) next.delete(node.id);\n    else next.add(node.id);\n    setExpanded(next);\n  };\n\n  const select = (id: string, mods: PressModifiers) => {\n    let next: Set<string>;\n    if (selectionMode === 'multiple' && mods.shiftKey && anchor.current != null && indexOf.has(anchor.current)) {\n      const a = indexOf.get(anchor.current)!;\n      const b = indexOf.get(id)!;\n      next = new Set(visible.slice(Math.min(a, b), Math.max(a, b) + 1)\n        .filter((v) => !v.node.disabled).map((v) => v.node.id));\n    } else if (selectionMode === 'multiple' && (mods.metaKey || mods.ctrlKey)) {\n      next = new Set(selected);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      anchor.current = id;\n    } else {\n      next = new Set([id]);\n      anchor.current = id;\n    }\n    if (next.size !== selected.size || [...next].some((x) => !selected.has(x))) setSelected(next);\n  };\n\n  const activate = (node: TreeNode, mods: PressModifiers) => {\n    if (node.disabled) return;\n    toggle(node);\n    if (selectable) select(node.id, mods);\n    onAction?.(node.id, mods);\n  };\n\n  const onKeyDown = (v: Visible) => (e: KeyboardEvent<HTMLLIElement>) => {\n    if (e.target !== e.currentTarget) return;\n    const i = indexOf.get(v.node.id)!;\n    const { node } = v;\n    const open = !!node.children && expanded.has(node.id);\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        focus(visible[Math.min(i + 1, visible.length - 1)].node.id);\n        return;\n      case 'ArrowUp':\n        e.preventDefault();\n        focus(visible[Math.max(i - 1, 0)].node.id);\n        return;\n      case 'Home':\n        e.preventDefault();\n        focus(visible[0].node.id);\n        return;\n      case 'End':\n        e.preventDefault();\n        focus(visible[visible.length - 1].node.id);\n        return;\n      case 'ArrowRight':\n        if (!node.children) return;\n        e.preventDefault();\n        if (!open) toggle(node);\n        else focus(node.children[0]?.id);\n        return;\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (open) toggle(node);\n        else focus(v.parentId ?? undefined);\n        return;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        activate(node, modsOf(e));\n        return;\n      default:\n        if (e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey) return;\n        typeAhead(e, i);\n    }\n  };\n\n  const typeAhead = (e: KeyboardEvent, from: number) => {\n    const now = Date.now();\n    const t = typed.current;\n    t.text = now - t.at > TYPEAHEAD_MS ? e.key : t.text + e.key;\n    t.at = now;\n    const want = t.text.toLowerCase();\n    // A fresh first letter looks past the current row; a longer prefix may still match it.\n    const start = t.text.length === 1 ? from + 1 : from;\n    for (let k = 0; k < visible.length; k++) {\n      const v = visible[(start + k) % visible.length];\n      if (textOf(v.node).toLowerCase().startsWith(want)) {\n        e.preventDefault();\n        focus(v.node.id);\n        return;\n      }\n    }\n  };\n\n  const onRowClick = (node: TreeNode) => (e: MouseEvent<HTMLDivElement>) => activate(node, modsOf(e));\n\n  const onTwistyClick = (node: TreeNode) => (e: MouseEvent<HTMLSpanElement>) => {\n    e.stopPropagation();\n    toggle(node);\n  };\n\n  const itemRef = (id: string) => (el: HTMLLIElement | null) => {\n    if (el) items.current.set(id, el);\n    else items.current.delete(id);\n  };\n\n  let seq = 0;\n  const renderLevel = (list: readonly TreeNode[], parentId: string | null, level: number): ReactNode =>\n    list.map((node, pos) => {\n      const n = seq++;\n      const branch = !!node.children;\n      const open = branch && expanded.has(node.id);\n      const labelId = `${baseId}-${n}`;\n      const trailingId = node.trailing != null ? `${baseId}-${n}-t` : undefined;\n      return (\n        <li\n          key={node.id}\n          ref={itemRef(node.id)}\n          role=\"treeitem\"\n          className={[s.item, node.className].filter(Boolean).join(' ')}\n          aria-level={level}\n          aria-setsize={list.length}\n          aria-posinset={pos + 1}\n          aria-expanded={branch ? open : undefined}\n          aria-selected={selectable ? selected.has(node.id) : undefined}\n          aria-disabled={node.disabled || undefined}\n          aria-labelledby={trailingId ? `${labelId} ${trailingId}` : labelId}\n          data-muted={node.muted ? 'true' : undefined}\n          tabIndex={node.id === stopId ? 0 : -1}\n          onKeyDown={onKeyDown({ node, parentId, level })}\n          onFocus={(e) => { if (e.target === e.currentTarget) setFocusId(node.id); }}\n        >\n          <div className={s.row} onClick={onRowClick(node)}>\n            <span className={s.twisty} aria-hidden=\"true\" onClick={branch ? onTwistyClick(node) : undefined}>\n              {branch && <DisclosureMark open={open} />}\n            </span>\n            {node.leading != null && <span className={s.leading}>{node.leading}</span>}\n            <span id={labelId} className={s.label}>{node.label}</span>\n            {trailingId && <span id={trailingId} className={s.trailing}>{node.trailing}</span>}\n          </div>\n          {open && node.children!.length > 0 && (\n            <ul role=\"group\" className={s.group}>\n              {renderLevel(node.children!, node.id, level + 1)}\n            </ul>\n          )}\n        </li>\n      );\n    });\n\n  return (\n    <ul\n      ref={ref}\n      role=\"tree\"\n      className={[s.tree, className].filter(Boolean).join(' ')}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-multiselectable={selectionMode === 'multiple' || undefined}\n    >\n      {renderLevel(nodes, null, 1)}\n    </ul>\n  );\n});\n\n/**\n * `nodes` narrowed to those `match` accepts, plus their ancestors. A matching\n * node keeps its whole subtree; a branch with no match inside it is dropped.\n * Returns `nodes` itself when nothing is dropped.\n */\nexport function filterTree(\n  nodes: readonly TreeNode[],\n  match: (node: TreeNode) => boolean,\n): readonly TreeNode[] {\n  let changed = false;\n  const out: TreeNode[] = [];\n  for (const node of nodes) {\n    if (match(node)) {\n      out.push(node);\n      continue;\n    }\n    const kids = node.children ? filterTree(node.children, match) : [];\n    if (kids.length === 0) {\n      changed = true;\n      continue;\n    }\n    if (kids !== node.children) changed = true;\n    out.push(kids === node.children ? node : { ...node, children: kids });\n  }\n  return changed ? out : nodes;\n}\n\n/** Every branch id in `nodes`, depth first — `expandedIds` for a tree with everything open. */\nexport function treeBranchIds(nodes: readonly TreeNode[]): string[] {\n  const out: string[] = [];\n  const walk = (list: readonly TreeNode[]) => {\n    for (const node of list) {\n      if (!node.children) continue;\n      out.push(node.id);\n      walk(node.children);\n    }\n  };\n  walk(nodes);\n  return out;\n}\n\nfunction textOf(node: TreeNode): string {\n  return node.textValue ?? (typeof node.label === 'string' ? node.label : '');\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\nfunction useControlledSet(\n  value: Iterable<string> | undefined,\n  initial: Iterable<string> | undefined,\n  onChange: ((ids: Set<string>) => void) | undefined,\n): [ReadonlySet<string>, (next: Set<string>) => void] {\n  const [own, setOwn] = useState<ReadonlySet<string>>(() => new Set(initial));\n  const controlled = useMemo(() => (value === undefined ? undefined : new Set(value)), [value]);\n  const set = (next: Set<string>) => {\n    if (value === undefined) setOwn(next);\n    onChange?.(next);\n  };\n  return [controlled ?? own, set];\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tree-Cc8lIzgM.js","names":["s","DisclosureMark","Tree_module_default","TYPEAHEAD_MS","Tree","forwardRef","ariaLabel","ariaLabelledBy","expanded","setExpanded","useControlledSet","expandedIds","defaultExpandedIds","onExpandedChange","selected","setSelected","selectedIds","defaultSelectedIds","onSelectionChange","selectable","selectionMode","baseId","useId","visible","useMemo","out","walk","node","list","level","nodes","indexOf","v","i","items","useRef","focusId","setFocusId","useState","anchor","typed","stopId","className","empty","focus","id","toggle","next","select","mods","a","b","x","activate","onAction","onKeyDown","e","open","modsOf","typeAhead","now","t","want","start","from","k","textOf","onRowClick","onTwistyClick","itemRef","el","seq","renderLevel","n","branch","labelId","trailingId","pos","filterTree","changed","match","kids","treeBranchIds","own","setOwn","initial","value","onChange"],"sources":["../../src/components/Tree/Tree.module.css","../../src/components/Tree/Tree.tsx"],"sourcesContent":[".tree,\n.group {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.tree {\n  user-select: none;\n  -webkit-user-select: none;\n  width: 100%;\n}\n\n/* One twisty and one gap, so a child's twisty sits under its parent's label. */\n.group {\n  padding-inline-start: var(--wzl-tree-indent, calc(var(--wzl-control-h-xs) + var(--wzl-space-2)));\n}\n\n.item {\n  outline: none;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-2);\n  padding: 0 var(--wzl-space-2) 0 0;\n  height: var(--wzl-control-h);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg);\n  border-radius: var(--wzl-radius-sm);\n  cursor: default;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.row:hover {\n  background: var(--wzl-surface);\n}\n\n.item:focus-visible > .row {\n  outline: 2px solid var(--wzl-focus-ring);\n  outline-offset: -2px;\n}\n\n.item[aria-selected='true'] > .row {\n  background: var(--wzl-border);\n}\n\n.item[data-muted] > .row {\n  color: var(--wzl-fg-subtle);\n}\n\n.item[aria-disabled='true'] > .row {\n  color: var(--wzl-fg-subtle);\n  cursor: not-allowed;\n}\n\n/* A leaf keeps the empty box, so labels at one level line up whether or not\n   their rows are branches. */\n.twisty {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wzl-control-h-xs);\n  align-self: stretch;\n  color: var(--wzl-fg-muted);\n}\n\n.row:hover > .twisty {\n  color: var(--wzl-fg);\n}\n\n.leading {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n}\n\n.label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.trailing {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wzl-space-2);\n}\n\n.empty {\n  padding: var(--wzl-space-6) var(--wzl-space-4);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg-subtle);\n  font-style: italic;\n}\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport type { PressModifiers } from '../../useReorderDragList';\nimport { DisclosureMark } from '../Disclosure';\nimport s from './Tree.module.css';\n\n/** One node. A node with `children` is a branch, even when the array is empty. */\nexport interface TreeNode {\n  /** Unique across the whole tree. */\n  id: string;\n  label: ReactNode;\n  /** What type-ahead matches against. Defaults to `label` when that is a string. */\n  textValue?: string;\n  /** Decoration before the label — an icon. Not a control. */\n  leading?: ReactNode;\n  /** Decoration after the label — a count badge. Not a control. Read as part\n   *  of the row's accessible name. */\n  trailing?: ReactNode;\n  children?: readonly TreeNode[];\n  /** Present but not in effect. */\n  muted?: boolean;\n  /** Focusable and announced, but cannot be activated, expanded or selected. */\n  disabled?: boolean;\n  className?: string;\n}\n\n/** Whether and how rows are selectable. */\nexport type TreeSelectionMode = 'none' | 'single' | 'multiple';\n\n/** Props for {@link Tree}. */\nexport interface TreeProps {\n  nodes: readonly TreeNode[];\n  /** Shown in place of the tree when `nodes` is empty. */\n  empty?: ReactNode;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n\n  /** Open branches, controlled. */\n  expandedIds?: Iterable<string>;\n  /** Open branches on first render, when uncontrolled. */\n  defaultExpandedIds?: Iterable<string>;\n  /** The whole set a toggle would produce. Called whether or not controlled. */\n  onExpandedChange?(ids: Set<string>): void;\n\n  /** Default `'none'`. `'multiple'` adds to the selection with Cmd/Ctrl and\n   *  extends it over visible rows with Shift. */\n  selectionMode?: TreeSelectionMode;\n  /** Selected rows, controlled. */\n  selectedIds?: Iterable<string>;\n  /** Selected rows on first render, when uncontrolled. */\n  defaultSelectedIds?: Iterable<string>;\n  /** The whole set an activation would produce, when it differs. */\n  onSelectionChange?(ids: Set<string>): void;\n\n  /** A row was activated — click, Enter or Space — with the modifiers held. */\n  onAction?(id: string, mods: PressModifiers): void;\n}\n\ninterface Visible {\n  node: TreeNode;\n  parentId: string | null;\n  level: number;\n}\n\nconst TYPEAHEAD_MS = 500;\n\n/**\n * A hierarchy of rows that expand and collapse: a file tree, a registry\n * browser, an outline.\n *\n * **Semantics.** WAI-ARIA `tree`: each node is a `treeitem` carrying\n * `aria-level`, `aria-setsize` and `aria-posinset`; a branch carries\n * `aria-expanded` and nests its children in a `group`, which is rendered only\n * while the branch is open. `aria-selected` appears only when `selectionMode`\n * is set. A treeitem may not contain interactive content, so `leading` and\n * `trailing` are decoration — an icon, a count — and the twisty is a drawn\n * `DisclosureMark`, not a button.\n *\n * **Keyboard.** One treeitem is in the tab order: the one last focused, else\n * the first selected, else the first. Up/Down move between visible rows,\n * Home/End go to the first and last. Right opens a closed branch, then moves\n * into it; Left closes an open branch, else moves to the parent. Enter and\n * Space activate, as a click does. Typing moves to the next row whose text\n * starts with what was typed.\n *\n * **Activating** a row — click, Enter, Space — toggles it if it is a branch,\n * selects it under `selectionMode`, and calls `onAction`. Clicking the twisty\n * only toggles.\n *\n * **Filtering** is the consumer's: narrow `nodes` with `filterTree`, and pass\n * `treeBranchIds` of the result as `expandedIds` so every match shows.\n */\nexport const Tree = forwardRef(function Tree(\n  {\n    nodes, empty, className,\n    'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy,\n    expandedIds, defaultExpandedIds, onExpandedChange,\n    selectionMode = 'none', selectedIds, defaultSelectedIds, onSelectionChange,\n    onAction,\n  }: TreeProps,\n  ref: Ref<HTMLUListElement>,\n) {\n  const [expanded, setExpanded] = useControlledSet(expandedIds, defaultExpandedIds, onExpandedChange);\n  const [selected, setSelected] = useControlledSet(selectedIds, defaultSelectedIds, onSelectionChange);\n  const selectable = selectionMode !== 'none';\n  const baseId = useId();\n\n  const visible = useMemo(() => {\n    const out: Visible[] = [];\n    const walk = (list: readonly TreeNode[], parentId: string | null, level: number) => {\n      for (const node of list) {\n        out.push({ node, parentId, level });\n        if (node.children && expanded.has(node.id)) walk(node.children, node.id, level + 1);\n      }\n    };\n    walk(nodes, null, 1);\n    return out;\n  }, [nodes, expanded]);\n  const indexOf = useMemo(() => new Map(visible.map((v, i) => [v.node.id, i])), [visible]);\n\n  const items = useRef(new Map<string, HTMLLIElement>());\n  const [focusId, setFocusId] = useState<string | null>(null);\n  const anchor = useRef<string | null>(null);\n  const typed = useRef({ text: '', at: 0 });\n\n  const stopId = focusId != null && indexOf.has(focusId)\n    ? focusId\n    : (visible.find((v) => selectable && selected.has(v.node.id)) ?? visible[0])?.node.id;\n\n  if (nodes.length === 0) {\n    return <div className={[s.empty, className].filter(Boolean).join(' ')}>{empty ?? '—'}</div>;\n  }\n\n  const focus = (id: string | undefined) => { if (id != null) items.current.get(id)?.focus(); };\n\n  const toggle = (node: TreeNode) => {\n    if (!node.children || node.disabled) return;\n    const next = new Set(expanded);\n    if (next.has(node.id)) next.delete(node.id);\n    else next.add(node.id);\n    setExpanded(next);\n  };\n\n  const select = (id: string, mods: PressModifiers) => {\n    let next: Set<string>;\n    if (selectionMode === 'multiple' && mods.shiftKey && anchor.current != null && indexOf.has(anchor.current)) {\n      const a = indexOf.get(anchor.current)!;\n      const b = indexOf.get(id)!;\n      next = new Set(visible.slice(Math.min(a, b), Math.max(a, b) + 1)\n        .filter((v) => !v.node.disabled).map((v) => v.node.id));\n    } else if (selectionMode === 'multiple' && (mods.metaKey || mods.ctrlKey)) {\n      next = new Set(selected);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      anchor.current = id;\n    } else {\n      next = new Set([id]);\n      anchor.current = id;\n    }\n    if (next.size !== selected.size || [...next].some((x) => !selected.has(x))) setSelected(next);\n  };\n\n  const activate = (node: TreeNode, mods: PressModifiers) => {\n    if (node.disabled) return;\n    toggle(node);\n    if (selectable) select(node.id, mods);\n    onAction?.(node.id, mods);\n  };\n\n  const onKeyDown = (v: Visible) => (e: KeyboardEvent<HTMLLIElement>) => {\n    if (e.target !== e.currentTarget) return;\n    const i = indexOf.get(v.node.id)!;\n    const { node } = v;\n    const open = !!node.children && expanded.has(node.id);\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        focus(visible[Math.min(i + 1, visible.length - 1)].node.id);\n        return;\n      case 'ArrowUp':\n        e.preventDefault();\n        focus(visible[Math.max(i - 1, 0)].node.id);\n        return;\n      case 'Home':\n        e.preventDefault();\n        focus(visible[0].node.id);\n        return;\n      case 'End':\n        e.preventDefault();\n        focus(visible[visible.length - 1].node.id);\n        return;\n      case 'ArrowRight':\n        if (!node.children) return;\n        e.preventDefault();\n        if (!open) toggle(node);\n        else focus(node.children[0]?.id);\n        return;\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (open) toggle(node);\n        else focus(v.parentId ?? undefined);\n        return;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        activate(node, modsOf(e));\n        return;\n      default:\n        if (e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey) return;\n        typeAhead(e, i);\n    }\n  };\n\n  const typeAhead = (e: KeyboardEvent, from: number) => {\n    const now = Date.now();\n    const t = typed.current;\n    t.text = now - t.at > TYPEAHEAD_MS ? e.key : t.text + e.key;\n    t.at = now;\n    const want = t.text.toLowerCase();\n    // A fresh first letter looks past the current row; a longer prefix may still match it.\n    const start = t.text.length === 1 ? from + 1 : from;\n    for (let k = 0; k < visible.length; k++) {\n      const v = visible[(start + k) % visible.length];\n      if (textOf(v.node).toLowerCase().startsWith(want)) {\n        e.preventDefault();\n        focus(v.node.id);\n        return;\n      }\n    }\n  };\n\n  const onRowClick = (node: TreeNode) => (e: MouseEvent<HTMLDivElement>) => activate(node, modsOf(e));\n\n  const onTwistyClick = (node: TreeNode) => (e: MouseEvent<HTMLSpanElement>) => {\n    e.stopPropagation();\n    toggle(node);\n  };\n\n  const itemRef = (id: string) => (el: HTMLLIElement | null) => {\n    if (el) items.current.set(id, el);\n    else items.current.delete(id);\n  };\n\n  let seq = 0;\n  const renderLevel = (list: readonly TreeNode[], parentId: string | null, level: number): ReactNode =>\n    list.map((node, pos) => {\n      const n = seq++;\n      const branch = !!node.children;\n      const open = branch && expanded.has(node.id);\n      const labelId = `${baseId}-${n}`;\n      const trailingId = node.trailing != null ? `${baseId}-${n}-t` : undefined;\n      return (\n        <li\n          key={node.id}\n          ref={itemRef(node.id)}\n          role=\"treeitem\"\n          className={[s.item, node.className].filter(Boolean).join(' ')}\n          aria-level={level}\n          aria-setsize={list.length}\n          aria-posinset={pos + 1}\n          aria-expanded={branch ? open : undefined}\n          aria-selected={selectable ? selected.has(node.id) : undefined}\n          aria-disabled={node.disabled || undefined}\n          aria-labelledby={trailingId ? `${labelId} ${trailingId}` : labelId}\n          data-muted={node.muted ? 'true' : undefined}\n          tabIndex={node.id === stopId ? 0 : -1}\n          onKeyDown={onKeyDown({ node, parentId, level })}\n          onFocus={(e) => { if (e.target === e.currentTarget) setFocusId(node.id); }}\n        >\n          <div className={s.row} onClick={onRowClick(node)}>\n            <span className={s.twisty} aria-hidden=\"true\" onClick={branch ? onTwistyClick(node) : undefined}>\n              {branch && <DisclosureMark open={open} />}\n            </span>\n            {node.leading != null && <span className={s.leading}>{node.leading}</span>}\n            <span id={labelId} className={s.label}>{node.label}</span>\n            {trailingId && <span id={trailingId} className={s.trailing}>{node.trailing}</span>}\n          </div>\n          {open && node.children!.length > 0 && (\n            <ul role=\"group\" className={s.group}>\n              {renderLevel(node.children!, node.id, level + 1)}\n            </ul>\n          )}\n        </li>\n      );\n    });\n\n  return (\n    <ul\n      ref={ref}\n      role=\"tree\"\n      className={[s.tree, className].filter(Boolean).join(' ')}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-multiselectable={selectionMode === 'multiple' || undefined}\n    >\n      {renderLevel(nodes, null, 1)}\n    </ul>\n  );\n});\n\n/**\n * `nodes` narrowed to those `match` accepts, plus their ancestors. A matching\n * node keeps its whole subtree; a branch with no match inside it is dropped.\n * Returns `nodes` itself when nothing is dropped.\n */\nexport function filterTree(\n  nodes: readonly TreeNode[],\n  match: (node: TreeNode) => boolean,\n): readonly TreeNode[] {\n  let changed = false;\n  const out: TreeNode[] = [];\n  for (const node of nodes) {\n    if (match(node)) {\n      out.push(node);\n      continue;\n    }\n    const kids = node.children ? filterTree(node.children, match) : [];\n    if (kids.length === 0) {\n      changed = true;\n      continue;\n    }\n    if (kids !== node.children) changed = true;\n    out.push(kids === node.children ? node : { ...node, children: kids });\n  }\n  return changed ? out : nodes;\n}\n\n/** Every branch id in `nodes`, depth first — `expandedIds` for a tree with everything open. */\nexport function treeBranchIds(nodes: readonly TreeNode[]): string[] {\n  const out: string[] = [];\n  const walk = (list: readonly TreeNode[]) => {\n    for (const node of list) {\n      if (!node.children) continue;\n      out.push(node.id);\n      walk(node.children);\n    }\n  };\n  walk(nodes);\n  return out;\n}\n\nfunction textOf(node: TreeNode): string {\n  return node.textValue ?? (typeof node.label === 'string' ? node.label : '');\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\nfunction useControlledSet(\n  value: Iterable<string> | undefined,\n  initial: Iterable<string> | undefined,\n  onChange: ((ids: Set<string>) => void) | undefined,\n): [ReadonlySet<string>, (next: Set<string>) => void] {\n  const [own, setOwn] = useState<ReadonlySet<string>>(() => new Set(initial));\n  const controlled = useMemo(() => (value === undefined ? undefined : new Set(value)), [value]);\n  const set = (next: Set<string>) => {\n    if (value === undefined) setOwn(next);\n    onChange?.(next);\n  };\n  return [controlled ?? own, set];\n}\n"],"mappings":"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"}

package/dist/chunks/checkbox.module-DLQV9tMX.js

@@ -0,0 +1,5 @@
+var e = { checkbox: "_checkbox_1uuoi_4" };
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=checkbox.module-DLQV9tMX.js.map

package/dist/chunks/checkbox.module-DLQV9tMX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.module-DLQV9tMX.js","names":["checkbox_module_default"],"sources":["../../src/components/checkbox.module.css"],"sourcesContent":["/* The one skin for a native <input type=\"checkbox\">. Imported by Checkbox and by\n   the property rows, which render the same DOM. The box keys off the input's own\n   pseudo-classes; a label's hover reaches its control's :hover. */\n.checkbox {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  flex: 0 0 auto;\n  box-sizing: border-box;\n  width: 14px;\n  height: 14px;\n  margin: 0;\n  background: var(--wzl-surface-sunken);\n  border: 1px solid var(--wzl-border-strong);\n  border-radius: var(--wzl-radius-sm);\n  cursor: pointer;\n  transition: background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);\n}\n\n.checkbox:hover:not(:disabled) {\n  border-color: var(--wzl-fg-muted);\n}\n\n.checkbox:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--wzl-focus-ring);\n}\n\n.checkbox:checked,\n.checkbox:indeterminate {\n  background: var(--wzl-accent-strong);\n  border-color: var(--wzl-accent-strong);\n}\n\n.checkbox[aria-invalid='true'] {\n  border-color: var(--wzl-danger);\n}\n\n/* The mark is a mask filled with the on-accent color, so it follows the theme. */\n.checkbox:checked::before,\n.checkbox:indeterminate::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: var(--wzl-fg-on-accent);\n  -webkit-mask: var(--_check-mark) center / 100% 100% no-repeat;\n  mask: var(--_check-mark) center / 100% 100% no-repeat;\n}\n\n.checkbox:checked {\n  --_check-mark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpolyline points='3,7.5 6,10.5 11,4.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n}\n\n.checkbox:indeterminate {\n  --_check-mark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cline x1='3' y1='7' x2='11' y2='7' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\n}\n\n.checkbox:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n"],"mappings":""}