@weasel-js/ui 1.8.0 → 1.8.1

package/dist/chunks/Tree-B_PW6K-W.js

@@ -0,0 +1,215 @@
+import { t as e } from "./useReorderDragList-DnqqvRGK.js";
+import { n as t } from "./Disclosure-CpWt87nO.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
+import { intentOf as l, select as u } from "@weasel-js/select";
+var d = {
+	tree: "_tree_10k4o_1",
+	group: "_group_10k4o_2",
+	item: "_item_10k4o_19",
+	row: "_row_10k4o_23",
+	twisty: "_twisty_10k4o_61",
+	leading: "_leading_10k4o_75",
+	label: "_label_10k4o_81",
+	trailing: "_trailing_10k4o_88",
+	empty: "_empty_10k4o_95"
+}, f = 500, p = {
+	toggle: ["meta", "ctrl"],
+	range: "shift"
+}, m = i(function({ nodes: i, empty: m, className: h, "aria-label": g, "aria-labelledby": b, expandedIds: x, defaultExpandedIds: S, onExpandedChange: C, selectionMode: w = "none", selectedIds: ee, defaultSelectedIds: T, onSelectionChange: E, onAction: D }, O) {
+	let [k, A] = y(x, S, C), [j, M] = y(ee, T, E), N = w !== "none", P = a(), F = o(() => {
+		let e = [], t = (n, r, i) => {
+			for (let a of n) e.push({
+				node: a,
+				parentId: r,
+				level: i
+			}), a.children && k.has(a.id) && t(a.children, a.id, i + 1);
+		};
+		return t(i, null, 1), e;
+	}, [i, k]), I = o(() => new Map(F.map((e, t) => [e.node.id, t])), [F]), L = s(/* @__PURE__ */ new Map()), [R, z] = c(null), B = s(null), V = s({
+		text: "",
+		at: 0
+	}), H = R != null && I.has(R) ? R : (F.find((e) => N && j.has(e.node.id)) ?? F[0])?.node.id;
+	if (i.length === 0) return /* @__PURE__ */ n("div", {
+		className: [d.empty, h].filter(Boolean).join(" "),
+		children: m ?? "—"
+	});
+	let U = (e) => {
+		e != null && L.current.get(e)?.focus();
+	}, W = (e) => {
+		if (!e.children || e.disabled) return;
+		let t = new Set(k);
+		t.has(e.id) ? t.delete(e.id) : t.add(e.id), A(t);
+	}, G = (t, n) => {
+		let r = {
+			mode: w === "multiple" ? "multi" : "single",
+			...p
+		}, i = u({
+			ids: [...j],
+			anchor: B.current
+		}, t, l(e(n), r), {
+			order: F.map((e) => e.node.id),
+			eligible: (e) => !F[I.get(e) ?? -1]?.node.disabled
+		});
+		B.current = i.anchor;
+		let a = new Set(i.ids);
+		(a.size !== j.size || [...a].some((e) => !j.has(e))) && M(a);
+	}, K = (e, t) => {
+		e.disabled || (W(e), N && G(e.id, t), D?.(e.id, t));
+	}, q = (e) => (t) => {
+		if (t.target !== t.currentTarget) return;
+		let n = I.get(e.node.id), { node: r } = e, i = !!r.children && k.has(r.id);
+		switch (t.key) {
+			case "ArrowDown":
+				t.preventDefault(), U(F[Math.min(n + 1, F.length - 1)].node.id);
+				return;
+			case "ArrowUp":
+				t.preventDefault(), U(F[Math.max(n - 1, 0)].node.id);
+				return;
+			case "Home":
+				t.preventDefault(), U(F[0].node.id);
+				return;
+			case "End":
+				t.preventDefault(), U(F[F.length - 1].node.id);
+				return;
+			case "ArrowRight":
+				if (!r.children) return;
+				t.preventDefault(), i ? U(r.children[0]?.id) : W(r);
+				return;
+			case "ArrowLeft":
+				t.preventDefault(), i ? W(r) : U(e.parentId ?? void 0);
+				return;
+			case "Enter":
+			case " ":
+				t.preventDefault(), K(r, v(t));
+				return;
+			default:
+				if (t.key.length !== 1 || t.ctrlKey || t.metaKey || t.altKey) return;
+				J(t, n);
+		}
+	}, J = (e, t) => {
+		let n = Date.now(), r = V.current;
+		r.text = n - r.at > f ? e.key : r.text + e.key, r.at = n;
+		let i = r.text.toLowerCase(), a = r.text.length === 1 ? t + 1 : t;
+		for (let t = 0; t < F.length; t++) {
+			let n = F[(a + t) % F.length];
+			if (_(n.node).toLowerCase().startsWith(i)) {
+				e.preventDefault(), U(n.node.id);
+				return;
+			}
+		}
+	}, Y = (e) => (t) => K(e, v(t)), X = (e) => (t) => {
+		t.stopPropagation(), W(e);
+	}, Z = (e) => (t) => {
+		t ? L.current.set(e, t) : L.current.delete(e);
+	}, Q = 0, $ = (e, i, a) => e.map((o, s) => {
+		let c = Q++, l = !!o.children, u = l && k.has(o.id), f = `${P}-${c}`, p = o.trailing == null ? void 0 : `${P}-${c}-t`;
+		return /* @__PURE__ */ r("li", {
+			ref: Z(o.id),
+			role: "treeitem",
+			className: [d.item, o.className].filter(Boolean).join(" "),
+			"aria-level": a,
+			"aria-setsize": e.length,
+			"aria-posinset": s + 1,
+			"aria-expanded": l ? u : void 0,
+			"aria-selected": N ? j.has(o.id) : void 0,
+			"aria-disabled": o.disabled || void 0,
+			"aria-labelledby": p ? `${f} ${p}` : f,
+			"data-muted": o.muted ? "true" : void 0,
+			tabIndex: o.id === H ? 0 : -1,
+			onKeyDown: q({
+				node: o,
+				parentId: i,
+				level: a
+			}),
+			onFocus: (e) => {
+				e.target === e.currentTarget && z(o.id);
+			},
+			children: [/* @__PURE__ */ r("div", {
+				className: d.row,
+				onClick: Y(o),
+				children: [
+					/* @__PURE__ */ n("span", {
+						className: d.twisty,
+						"aria-hidden": "true",
+						onClick: l ? X(o) : void 0,
+						children: l && /* @__PURE__ */ n(t, { open: u })
+					}),
+					o.leading != null && /* @__PURE__ */ n("span", {
+						className: d.leading,
+						children: o.leading
+					}),
+					/* @__PURE__ */ n("span", {
+						id: f,
+						className: d.label,
+						children: o.label
+					}),
+					p && /* @__PURE__ */ n("span", {
+						id: p,
+						className: d.trailing,
+						children: o.trailing
+					})
+				]
+			}), u && o.children.length > 0 && /* @__PURE__ */ n("ul", {
+				role: "group",
+				className: d.group,
+				children: $(o.children, o.id, a + 1)
+			})]
+		}, o.id);
+	});
+	return /* @__PURE__ */ n("ul", {
+		ref: O,
+		role: "tree",
+		className: [d.tree, h].filter(Boolean).join(" "),
+		"aria-label": g,
+		"aria-labelledby": b,
+		"aria-multiselectable": w === "multiple" || void 0,
+		children: $(i, null, 1)
+	});
+});
+function h(e, t) {
+	let n = !1, r = [];
+	for (let i of e) {
+		if (t(i)) {
+			r.push(i);
+			continue;
+		}
+		let e = i.children ? h(i.children, t) : [];
+		if (e.length === 0) {
+			n = !0;
+			continue;
+		}
+		e !== i.children && (n = !0), r.push(e === i.children ? i : {
+			...i,
+			children: e
+		});
+	}
+	return n ? r : e;
+}
+function g(e) {
+	let t = [], n = (e) => {
+		for (let r of e) r.children && (t.push(r.id), n(r.children));
+	};
+	return n(e), t;
+}
+function _(e) {
+	return e.textValue ?? (typeof e.label == "string" ? e.label : "");
+}
+function v(e) {
+	return {
+		shiftKey: e.shiftKey,
+		ctrlKey: e.ctrlKey,
+		metaKey: e.metaKey,
+		altKey: e.altKey
+	};
+}
+function y(e, t, n) {
+	let [r, i] = c(() => new Set(t));
+	return [o(() => e === void 0 ? void 0 : new Set(e), [e]) ?? r, (t) => {
+		e === void 0 && i(t), n?.(t);
+	}];
+}
+//#endregion
+export { h as n, g as r, m as t };
+
+//# sourceMappingURL=Tree-B_PW6K-W.js.map

package/dist/chunks/Tree-B_PW6K-W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree-B_PW6K-W.js","names":["s","select","selectFrom","selectModifiers","DisclosureMark","Tree_module_default","TYPEAHEAD_MS","LIST_KEYS","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$1","policy","result","select","intentOf","mods","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 { intentOf, select as selectFrom, type SelectPolicy } from '@weasel-js/select';\nimport { selectModifiers, 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/** A list's convention: Cmd/Ctrl toggles a row, shift ranges from the anchor. */\nconst LIST_KEYS = { toggle: ['meta', 'ctrl'], range: 'shift' } as const;\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    const policy: SelectPolicy = { mode: selectionMode === 'multiple' ? 'multi' : 'single', ...LIST_KEYS };\n    const result = selectFrom({ ids: [...selected], anchor: anchor.current }, id, intentOf(selectModifiers(mods), policy), {\n      order: visible.map((v) => v.node.id),\n      eligible: (x) => !visible[indexOf.get(x) ?? -1]?.node.disabled,\n    });\n    anchor.current = result.anchor;\n    const next = new Set(result.ids);\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":";;;;;;;;;;;;;;;GC2EMM,IAAe,KAEfC,IAAY;CAAE,QAAQ,CAAC,QAAQ,MAAM;CAAG,OAAO;AAAQ,GA4BhDC,IAAOC,EAAW,SAC7B,EACE,UAAO,UAAO,cACd,cAAcC,GAAW,mBAAmBC,GAC5C,gBAAa,uBAAoB,qBACjC,mBAAgB,QAAQ,iBAAa,uBAAoB,sBACzD,eAEF,GACA;CACA,IAAM,CAACC,GAAUC,KAAeC,EAAiBC,GAAaC,GAAoBC,CAAgB,GAC5F,CAACC,GAAUC,KAAeL,EAAiBM,IAAaC,GAAoBC,CAAiB,GAC7FC,IAAaC,MAAkB,QAC/BC,IAASC,EAAM,GAEfC,IAAUC,QAAc;EAC5B,IAAMC,IAAiB,CAAC,GAClBC,KAAQ,GAA2B,GAAyB,MAAkB;GAClF,KAAK,IAAMC,KAAQC,GAEjB,AADAH,EAAI,KAAK;IAAE;IAAM;IAAU;GAAM,CAAC,GAC9BE,EAAK,YAAYnB,EAAS,IAAImB,EAAK,EAAE,KAAGD,EAAKC,EAAK,UAAUA,EAAK,IAAIE,IAAQ,CAAC;EAEtF;EAEA,OADAH,EAAKI,GAAO,MAAM,CAAC,GACZL;CACT,GAAG,CAACK,GAAOtB,CAAQ,CAAC,GACduB,IAAUP,QAAc,IAAI,IAAID,EAAQ,KAAK,GAAG,MAAM,CAACS,EAAE,KAAK,IAAIC,CAAC,CAAC,CAAC,GAAG,CAACV,CAAO,CAAC,GAEjFW,IAAQC,kBAAO,IAAI,IAA2B,CAAC,GAC/C,CAACC,GAASC,KAAcC,EAAwB,IAAI,GACpDC,IAASJ,EAAsB,IAAI,GACnCK,IAAQL,EAAO;EAAE,MAAM;EAAI,IAAI;CAAE,CAAC,GAElCM,IAASL,KAAW,QAAQL,EAAQ,IAAIK,CAAO,IACjDA,KACCb,EAAQ,MAAM,MAAMJ,KAAcL,EAAS,IAAIkB,EAAE,KAAK,EAAE,CAAC,KAAKT,EAAQ,GAAA,EAAK,KAAK;CAErF,IAAIO,EAAM,WAAW,GACnB,OAAO,kBAAC,OAAD;EAAK,WAAW,CAAClC,EAAE,OAAO8C,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAAI,UAAAC,KAAS;CAAS,CAAA;CAG5F,IAAMC,KAAS,MAA2B;EAAE,AAAIC,KAAM,QAAMX,EAAM,QAAQ,IAAIW,CAAE,CAAC,EAAE,MAAM;CAAG,GAEtFC,KAAU,MAAmB;EACjC,IAAI,CAACnB,EAAK,YAAYA,EAAK,UAAU;EACrC,IAAMoB,IAAO,IAAI,IAAIvC,CAAQ;EAG7B,AAFIuC,EAAK,IAAIpB,EAAK,EAAE,IAAGoB,EAAK,OAAOpB,EAAK,EAAE,IACrCoB,EAAK,IAAIpB,EAAK,EAAE,GACrBlB,EAAYsC,CAAI;CAClB,GAEMlD,KAAU,GAAY,MAAyB;EACnD,IAAMoD,IAAuB;GAAE,MAAM7B,MAAkB,aAAa,UAAU;GAAU,GAAGjB;EAAU,GAC/F+C,IAASpD,EAAW;GAAE,KAAK,CAAC,GAAGgB,CAAQ;GAAG,QAAQyB,EAAO;EAAQ,GAAGM,GAAIO,EAASrD,EAAgBsD,CAAI,GAAGJ,CAAM,GAAG;GACrH,OAAO1B,EAAQ,KAAK,MAAMS,EAAE,KAAK,EAAE;GACnC,WAAW,MAAM,CAACT,EAAQQ,EAAQ,IAAIuB,CAAC,KAAK,GAAG,EAAE,KAAK;EACxD,CAAC;EACD,EAAO,UAAUJ,EAAO;EACxB,IAAMH,IAAO,IAAI,IAAIG,EAAO,GAAG;EAC/B,CAAIH,EAAK,SAASjC,EAAS,QAAQ,CAAC,GAAGiC,CAAI,CAAC,CAAC,MAAM,MAAM,CAACjC,EAAS,IAAIwC,CAAC,CAAC,MAAGvC,EAAYgC,CAAI;CAC9F,GAEMQ,KAAY,GAAgB,MAAyB;EACzD,AAAI5B,EAAK,aACTmB,EAAOnB,CAAI,GACPR,KAAY6B,EAAOrB,EAAK,IAAI0B,CAAI,GACpCG,IAAW7B,EAAK,IAAI0B,CAAI;CAC1B,GAEMI,KAAa,OAAgB,MAAoC;EACrE,IAAIC,EAAE,WAAWA,EAAE,eAAe;EAClC,IAAMzB,IAAIF,EAAQ,IAAIC,EAAE,KAAK,EAAE,GACzB,EAAE,YAASA,GACX2B,IAAO,CAAC,CAAChC,EAAK,YAAYnB,EAAS,IAAImB,EAAK,EAAE;EACpD,QAAQ+B,EAAE,KAAV;GACE,KAAK;IAEH,AADAA,EAAE,eAAe,GACjBd,EAAMrB,EAAQ,KAAK,IAAIU,IAAI,GAAGV,EAAQ,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE;IAC1D;GACF,KAAK;IAEH,AADAmC,EAAE,eAAe,GACjBd,EAAMrB,EAAQ,KAAK,IAAIU,IAAI,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE;IACzC;GACF,KAAK;IAEH,AADAyB,EAAE,eAAe,GACjBd,EAAMrB,EAAQ,EAAE,CAAC,KAAK,EAAE;IACxB;GACF,KAAK;IAEH,AADAmC,EAAE,eAAe,GACjBd,EAAMrB,EAAQA,EAAQ,SAAS,EAAE,CAAC,KAAK,EAAE;IACzC;GACF,KAAK;IACH,IAAI,CAACI,EAAK,UAAU;IAEpB,AADA+B,EAAE,eAAe,GACZC,IACAf,EAAMjB,EAAK,SAAS,EAAE,EAAE,EAAE,IADpBmB,EAAOnB,CAAI;IAEtB;GACF,KAAK;IAEH,AADA+B,EAAE,eAAe,GACbC,IAAMb,EAAOnB,CAAI,IAChBiB,EAAMZ,EAAE,YAAY,KAAA,CAAS;IAClC;GACF,KAAK;GACL,KAAK;IAEH,AADA0B,EAAE,eAAe,GACjBH,EAAS5B,GAAMiC,EAAOF,CAAC,CAAC;IACxB;GACF;IACE,IAAIA,EAAE,IAAI,WAAW,KAAKA,EAAE,WAAWA,EAAE,WAAWA,EAAE,QAAQ;IAC9D,EAAUA,GAAGzB,CAAC;EAClB;CACF,GAEM4B,KAAa,GAAkB,MAAiB;EACpD,IAAMC,IAAM,KAAK,IAAI,GACfC,IAAIvB,EAAM;EAEhB,AADA,EAAE,OAAOsB,IAAMC,EAAE,KAAK7D,IAAe,EAAE,MAAM6D,EAAE,OAAO,EAAE,KACxD,EAAE,KAAKD;EACP,IAAME,IAAOD,EAAE,KAAK,YAAY,GAE1BE,IAAQF,EAAE,KAAK,WAAW,IAAIG,IAAO,IAAIA;EAC/C,KAAK,IAAIC,IAAI,GAAGA,IAAI5C,EAAQ,QAAQ,KAAK;GACvC,IAAMS,IAAIT,GAAS0C,IAAQE,KAAK5C,EAAQ;GACxC,IAAI6C,EAAOpC,EAAE,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,WAAWgC,CAAI,GAAG;IAEjD,AADA,EAAE,eAAe,GACjBpB,EAAMZ,EAAE,KAAK,EAAE;IACf;GACF;EACF;CACF,GAEMqC,KAAc,OAAoB,MAAkCd,EAAS5B,GAAMiC,EAAOF,CAAC,CAAC,GAE5FY,KAAiB,OAAoB,MAAmC;EAE5E,AADAZ,EAAE,gBAAgB,GAClBZ,EAAOnB,CAAI;CACb,GAEM4C,KAAW,OAAgB,MAA6B;EAC5D,AAAIC,IAAItC,EAAM,QAAQ,IAAIW,GAAI2B,CAAE,IAC3BtC,EAAM,QAAQ,OAAOW,CAAE;CAC9B,GAEI4B,IAAM,GACJC,KAAe,GAA2B,GAAyB,MACvE9C,EAAK,KAAK,GAAM,MAAQ;EACtB,IAAM+C,IAAI,KACJC,IAAS,CAAC,CAACjD,EAAK,UAChBgC,IAAOiB,KAAUpE,EAAS,IAAImB,EAAK,EAAE,GACrCkD,IAAU,GAAGxD,EAAO,GAAGsD,KACvBG,IAAanD,EAAK,YAAY,OAA4B,KAAA,IAArB,GAAGN,EAAO,GAAGsD,EAAE;EAC1D,OACE,kBAAC,MAAD;GAEE,KAAKJ,EAAQ5C,EAAK,EAAE;GACpB,MAAK;GACL,WAAW,CAAC/B,EAAE,MAAM+B,EAAK,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GAC5D,cAAYE;GACZ,gBAAcD,EAAK;GACnB,iBAAemD,IAAM;GACrB,iBAAeH,IAASjB,IAAO,KAAA;GAC/B,iBAAexC,IAAaL,EAAS,IAAIa,EAAK,EAAE,IAAI,KAAA;GACpD,iBAAeA,EAAK,YAAY,KAAA;GAChC,mBAAiBmD,IAAa,GAAGD,EAAQ,GAAGC,MAAeD;GAC3D,cAAYlD,EAAK,QAAQ,SAAS,KAAA;GAClC,UAAUA,EAAK,OAAOc,IAAS,IAAI;GACnC,WAAWgB,EAAU;IAAE;IAAM;IAAU;GAAM,CAAC;GAC9C,UAAU,MAAM;IAAE,AAAI,EAAE,WAAW,EAAE,iBAAepB,EAAWV,EAAK,EAAE;GAAG;GAf3E,UAAA,CAiBE,kBAAC,OAAD;IAAK,WAAW/B,EAAE;IAAK,SAASyE,EAAW1C,CAAI;IAA/C,UAAA;KACE,kBAAC,QAAD;MAAM,WAAW/B,EAAE;MAAQ,eAAY;MAAO,SAASgF,IAASN,EAAc3C,CAAI,IAAI,KAAA;MACnF,UAAAiD,KAAU,kBAAC5E,GAAD,EAAsB,QAAO,CAAA;KACpC,CAAA;KACL2B,EAAK,WAAW,QAAQ,kBAAC,QAAD;MAAM,WAAW/B,EAAE;MAAU,UAAA+B,EAAK;KAAc,CAAA;KACzE,kBAAC,QAAD;MAAM,IAAIkD;MAAS,WAAWjF,EAAE;MAAQ,UAAA+B,EAAK;KAAY,CAAA;KACxDmD,KAAc,kBAAC,QAAD;MAAM,IAAIA;MAAY,WAAWlF,EAAE;MAAW,UAAA+B,EAAK;KAAe,CAAA;IAC9E;GACJ,CAAA,GAAAgC,KAAQhC,EAAK,SAAU,SAAS,KAC/B,kBAAC,MAAD;IAAI,MAAK;IAAQ,WAAW/B,EAAE;IAC3B,UAAA8E,EAAY/C,EAAK,UAAWA,EAAK,IAAIE,IAAQ,CAAC;GAC7C,CAAA,CAEJ;EA7BG,GAAAF,EAAK,EA6BR;CAER,CAAC;CAEH,OACE,kBAAC,MAAD;EACO;EACL,MAAK;EACL,WAAW,CAAC/B,EAAE,MAAM8C,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EACvD,cAAYpC;EACZ,mBAAiBC;EACjB,wBAAsBa,MAAkB,cAAc,KAAA;EAErD,UAAAsD,EAAY5C,GAAO,MAAM,CAAC;CACzB,CAAA;AAER,CAAC;AAOD,SAAgBkD,EACd,GACA,GACqB;CACrB,IAAIC,IAAU,IACRxD,IAAkB,CAAC;CACzB,KAAK,IAAME,KAAQG,GAAO;EACxB,IAAIoD,EAAMvD,CAAI,GAAG;GACf,EAAI,KAAKA,CAAI;GACb;EACF;EACA,IAAMwD,IAAOxD,EAAK,WAAWqD,EAAWrD,EAAK,UAAUuD,CAAK,IAAI,CAAC;EACjE,IAAIC,EAAK,WAAW,GAAG;GACrB,IAAU;GACV;EACF;EAEA,AADIA,MAASxD,EAAK,aAAU,IAAU,KACtCF,EAAI,KAAK0D,MAASxD,EAAK,WAAWA,IAAO;GAAE,GAAGA;GAAM,UAAUwD;EAAK,CAAC;CACtE;CACA,OAAOF,IAAUxD,IAAMK;AACzB;AAGA,SAAgBsD,EAAc,GAAsC;CAClE,IAAM3D,IAAgB,CAAC,GACjBC,KAAQ,MAA8B;EAC1C,KAAK,IAAMC,KAAQC,GACjB,AAAKD,EAAK,aACVF,EAAI,KAAKE,EAAK,EAAE,GAChBD,EAAKC,EAAK,QAAQ;CAEtB;CAEA,OADAD,EAAKI,CAAK,GACHL;AACT;AAEA,SAAS2C,EAAO,GAAwB;CACtC,OAAOzC,EAAK,cAAc,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQ;AAC1E;AAEA,SAASiC,EAAO,GAA+F;CAC7G,OAAO;EAAE,UAAU,EAAE;EAAU,SAAS,EAAE;EAAS,SAAS,EAAE;EAAS,QAAQ,EAAE;CAAO;AAC1F;AAEA,SAASlD,EACP,GACA,GACA,GACoD;CACpD,IAAM,CAAC2E,GAAKC,KAAUhD,QAAoC,IAAI,IAAIiD,CAAO,CAAC;CAM1E,OAAO,CALY/D,QAAegE,MAAU,KAAA,IAAY,KAAA,IAAY,IAAI,IAAIA,CAAK,GAAI,CAACA,CAAK,CAKnF,KAAcH,IAJT,MAAsB;EAEjC,AADIG,MAAU,KAAA,KAAWF,EAAOvC,CAAI,GACpC0C,IAAW1C,CAAI;CACjB,CAC8B;AAChC"}

package/dist/chunks/{icons-CofIOTiI.js → icons-B_fPKEis.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Icon-DPRUIo3G.js";
+import { t as e } from "./Icon-BfqYtAX5.js";
 import { AlignBottomIcon as t, AlignCenterXIcon as n, AlignCenterYIcon as r, AlignLeftIcon as ee, AlignRightIcon as i, AlignTopIcon as a, ArrowIcon as o, BringForwardIcon as s, BringToFrontIcon as c, CopyIcon as l, CutIcon as u, DeleteIcon as d, DistributeHorizontalIcon as f, DistributeVerticalIcon as p, DuplicateIcon as m, EllipseIcon as h, EyedropperIcon as g, FlipXIcon as _, FlipYIcon as v, GroupIcon as y, HandIcon as b, ImageIcon as x, LassoIcon as S, LineIcon as C, PasteIcon as w, PenIcon as T, PencilIcon as E, PolygonIcon as D, RectIcon as O, RedoIcon as k, SelectIcon as A, SendBackwardIcon as j, SendToBackIcon as M, StarIcon as N, TextIcon as P, UndoIcon as F, UngroupIcon as I, UnknownIcon as L } from "@weasel-js/core";
 import { jsx as R } from "react/jsx-runtime";
 //#region src/icons/index.tsx
@@ -29,134 +29,143 @@ var z = (t) => /* @__PURE__ */ R(e, {
 }), q = (t) => /* @__PURE__ */ R(e, {
 	name: "modeDark",
 	...t
-}), te = (t) => /* @__PURE__ */ R(e, {
+}), J = (t) => /* @__PURE__ */ R(e, {
 	name: "modeAuto",
 	...t
-}), J = (t) => /* @__PURE__ */ R(e, {
+}), Y = (t) => /* @__PURE__ */ R(e, {
 	name: "remove",
 	...t
-}), Y = (t) => /* @__PURE__ */ R(e, {
+}), X = (t) => /* @__PURE__ */ R(e, {
 	name: "sort",
 	...t
-}), X = (t) => /* @__PURE__ */ R(e, {
+}), Z = (t) => /* @__PURE__ */ R(e, {
 	name: "zoomOut",
 	...t
-}), Z = (t) => /* @__PURE__ */ R(e, {
+}), te = (t) => /* @__PURE__ */ R(e, {
 	name: "fit",
 	...t
 }), Q = (t) => /* @__PURE__ */ R(e, {
-	name: "snapshot",
+	name: "fitContain",
 	...t
 }), ne = (t) => /* @__PURE__ */ R(e, {
-	name: "play",
+	name: "fitFill",
 	...t
 }), re = (t) => /* @__PURE__ */ R(e, {
-	name: "pause",
+	name: "fitStretch",
 	...t
 }), ie = (t) => /* @__PURE__ */ R(e, {
-	name: "stop",
+	name: "snapshot",
 	...t
 }), ae = (t) => /* @__PURE__ */ R(e, {
+	name: "play",
+	...t
+}), oe = (t) => /* @__PURE__ */ R(e, {
+	name: "pause",
+	...t
+}), se = (t) => /* @__PURE__ */ R(e, {
+	name: "stop",
+	...t
+}), ce = (t) => /* @__PURE__ */ R(e, {
 	name: "stepBack",
 	...t
 }), $ = (t) => /* @__PURE__ */ R(e, {
 	name: "stepForward",
 	...t
-}), oe = $, se = (t) => /* @__PURE__ */ R(e, {
+}), le = $, ue = (t) => /* @__PURE__ */ R(e, {
 	name: "crosshair",
 	...t
-}), ce = (t) => /* @__PURE__ */ R(e, {
+}), de = (t) => /* @__PURE__ */ R(e, {
 	name: "fullscreen",
 	...t
-}), le = (t) => /* @__PURE__ */ R(e, {
+}), fe = (t) => /* @__PURE__ */ R(e, {
 	name: "compare",
 	...t
-}), ue = (t) => /* @__PURE__ */ R(e, {
+}), pe = (t) => /* @__PURE__ */ R(e, {
 	name: "filter",
 	...t
-}), de = (t) => /* @__PURE__ */ R(e, {
+}), me = (t) => /* @__PURE__ */ R(e, {
 	name: "search",
 	...t
-}), fe = (t) => /* @__PURE__ */ R(e, {
+}), he = (t) => /* @__PURE__ */ R(e, {
 	name: "loupe",
 	...t
-}), pe = (t) => /* @__PURE__ */ R(e, {
+}), ge = (t) => /* @__PURE__ */ R(e, {
 	name: "layers",
 	...t
-}), me = (t) => /* @__PURE__ */ R(e, {
+}), _e = (t) => /* @__PURE__ */ R(e, {
 	name: "page",
 	...t
-}), he = (t) => /* @__PURE__ */ R(e, {
+}), ve = (t) => /* @__PURE__ */ R(e, {
 	name: "lock",
 	...t
-}), ge = (t) => /* @__PURE__ */ R(e, {
+}), ye = (t) => /* @__PURE__ */ R(e, {
 	name: "unlock",
 	...t
-}), _e = (t) => /* @__PURE__ */ R(e, {
+}), be = (t) => /* @__PURE__ */ R(e, {
 	name: "visible",
 	...t
-}), ve = (t) => /* @__PURE__ */ R(e, {
+}), xe = (t) => /* @__PURE__ */ R(e, {
 	name: "hidden",
 	...t
-}), ye = (t) => /* @__PURE__ */ R(e, {
+}), Se = (t) => /* @__PURE__ */ R(e, {
 	name: "pin",
 	...t
-}), be = (t) => /* @__PURE__ */ R(e, {
+}), Ce = (t) => /* @__PURE__ */ R(e, {
 	name: "link",
 	...t
-}), xe = (t) => /* @__PURE__ */ R(e, {
+}), we = (t) => /* @__PURE__ */ R(e, {
 	name: "collapse",
 	...t
-}), Se = (t) => /* @__PURE__ */ R(e, {
+}), Te = (t) => /* @__PURE__ */ R(e, {
 	name: "expand",
 	...t
-}), Ce = (t) => /* @__PURE__ */ R(e, {
+}), Ee = (t) => /* @__PURE__ */ R(e, {
 	name: "chevron",
 	...t
-}), we = (t) => /* @__PURE__ */ R(e, {
+}), De = (t) => /* @__PURE__ */ R(e, {
 	name: "tune",
 	...t
-}), Te = (t) => /* @__PURE__ */ R(e, {
+}), Oe = (t) => /* @__PURE__ */ R(e, {
 	name: "grid",
 	...t
-}), Ee = (t) => /* @__PURE__ */ R(e, {
+}), ke = (t) => /* @__PURE__ */ R(e, {
 	name: "snap",
 	...t
-}), De = (t) => /* @__PURE__ */ R(e, {
+}), Ae = (t) => /* @__PURE__ */ R(e, {
 	name: "measure",
 	...t
-}), Oe = (t) => /* @__PURE__ */ R(e, {
+}), je = (t) => /* @__PURE__ */ R(e, {
 	name: "randomize",
 	...t
-}), ke = (t) => /* @__PURE__ */ R(e, {
+}), Me = (t) => /* @__PURE__ */ R(e, {
 	name: "refresh",
 	...t
-}), Ae = (t) => /* @__PURE__ */ R(e, {
+}), Ne = (t) => /* @__PURE__ */ R(e, {
 	name: "info",
 	...t
-}), je = (t) => /* @__PURE__ */ R(e, {
+}), Pe = (t) => /* @__PURE__ */ R(e, {
 	name: "warning",
 	...t
-}), Me = (t) => /* @__PURE__ */ R(e, {
+}), Fe = (t) => /* @__PURE__ */ R(e, {
 	name: "error",
 	...t
-}), Ne = (t) => /* @__PURE__ */ R(e, {
+}), Ie = (t) => /* @__PURE__ */ R(e, {
 	name: "busy",
 	...t
-}), Pe = (t) => /* @__PURE__ */ R(e, {
+}), Le = (t) => /* @__PURE__ */ R(e, {
 	name: "check",
 	...t
-}), Fe = (t) => /* @__PURE__ */ R(e, {
+}), Re = (t) => /* @__PURE__ */ R(e, {
 	name: "layoutRows",
 	...t
-}), Ie = (t) => /* @__PURE__ */ R(e, {
+}), ze = (t) => /* @__PURE__ */ R(e, {
 	name: "layoutColumns",
 	...t
-}), Le = (t) => /* @__PURE__ */ R(e, {
+}), Be = (t) => /* @__PURE__ */ R(e, {
 	name: "layoutGrid",
 	...t
 });
 //#endregion
-export { K as $, ue as A, I as At, Ae as B, p as C, ae as Ct, Se as D, P as Dt, Me as E, ie as Et, Te as F, U as Ft, Fe as G, pe as H, y as I, X as It, he as J, C as K, b as L, _ as M, ge as Mt, v as N, _e as Nt, H as O, we as Ot, ce as P, je as Pt, q as Q, ve as R, f as S, N as St, h as T, oe as Tt, Ie as U, S as V, Le as W, De as X, fe as Y, te as Z, le as _, j as _t, ee as a, E as at, u as b, Q as bt, o as c, D as ct, Ne as d, k as dt, me as et, Pe as f, ke as ft, xe as g, A as gt, V as h, de as ht, r as i, T as it, Z as j, L as jt, g as k, F as kt, s as l, Oe as lt, z as m, B as mt, t as n, w as nt, i as o, ye as ot, Ce as p, J as pt, be as q, n as r, re as rt, a as s, ne as st, G as t, W as tt, c as u, O as ut, l as v, M as vt, m as w, $ as wt, d as x, Y as xt, se as y, Ee as yt, x as z };
+export { Ae as $, pe as A, P as At, b as B, p as C, ie as Ct, Te as D, $ as Dt, Fe as E, ce as Et, _ as F, ye as Ft, ge as G, x as H, v as I, be as It, Re as J, ze as K, de as L, Pe as Lt, ne as M, F as Mt, te as N, I as Nt, H as O, le as Ot, re as P, L as Pt, he as Q, Oe as R, U as Rt, f as S, ke as St, h as T, N as Tt, Ne as U, xe as V, S as W, Ce as X, C as Y, ve as Z, fe as _, B as _t, ee as a, w as at, u as b, j as bt, o as c, E as ct, Ie as d, D as dt, J as et, Le as f, je as ft, we as g, Y as gt, V as h, Me as ht, r as i, W as it, Q as j, De as jt, g as k, se as kt, s as l, Se as lt, z as m, k as mt, t as n, K as nt, i as o, oe as ot, Ee as p, O as pt, Be as q, n as r, _e as rt, a as s, T as st, G as t, q as tt, c as u, ae as ut, l as v, me as vt, m as w, X as wt, d as x, M as xt, ue as y, A as yt, y as z, Z as zt };
 
-//# sourceMappingURL=icons-CofIOTiI.js.map
+//# sourceMappingURL=icons-B_fPKEis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons-B_fPKEis.js","names":["Icon","UnknownIcon$1","CloneIcon","p","ResetIcon","CloseIcon","ExportIcon","ZoomInIcon","PanIcon","AddIcon","ModeLightIcon","ModeDarkIcon","ModeAutoIcon","RemoveIcon","SortIcon","ZoomOutIcon","FitIcon","FitContainIcon","FitFillIcon","FitStretchIcon","SnapshotIcon","PlayIcon","PauseIcon","StopIcon","StepBackIcon","StepForwardIcon","StepIcon","CrosshairIcon","FullscreenIcon","CompareIcon","FilterIcon","SearchIcon","LoupeIcon","LayersIcon","PageIcon","LockIcon","UnlockIcon","VisibleIcon","HiddenIcon","PinIcon","LinkIcon","CollapseIcon","ExpandIcon","ChevronIcon","TuneIcon","GridIcon","SnapIcon","MeasureIcon","RandomizeIcon","RefreshIcon","InfoIcon","WarningIcon","ErrorIcon","BusyIcon","CheckIcon","LayoutRowsIcon","LayoutColumnsIcon","LayoutGridIcon","TextIcon","HandIcon","DistributeVerticalIcon","FlipXIcon","ImageIcon","FlipYIcon","UndoIcon","UngroupIcon","DistributeHorizontalIcon","EllipseIcon","StarIcon","LassoIcon","LineIcon","AlignLeftIcon","PasteIcon","CutIcon","SendBackwardIcon","ArrowIcon","PencilIcon","PolygonIcon","AlignCenterYIcon","EyedropperIcon","BringForwardIcon","RedoIcon","AlignBottomIcon","AlignRightIcon","RectIcon","AlignCenterXIcon","AlignTopIcon","PenIcon","BringToFrontIcon","CopyIcon","DuplicateIcon","DeleteIcon","SendToBackIcon","SelectIcon","GroupIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import { Icon, type IconProps } from './Icon';\n\nexport { Icon, isFillable } from './Icon';\nexport type { IconProps } from './Icon';\nexport { ICON_FILLS, ICON_GROUPS, ICON_PATHS } from './paths';\nexport type { FillableIconName, IconName } from './paths';\n\n// Tool glyphs live in @weasel-js/core because core needs them for\n// `Tool.presentation.icon` defaults and cannot depend on this package.\n// Re-exported here so consumers have one import site for the whole set.\nexport {\n  SelectIcon, LassoIcon, RectIcon, EllipseIcon, ImageIcon, EyedropperIcon,\n  LineIcon, ArrowIcon, PolygonIcon, StarIcon, PencilIcon, TextIcon, PenIcon, HandIcon,\n  UnknownIcon,\n} from '@weasel-js/core';\n// The standard edit actions' glyphs live beside those actions in core, for the\n// same reason.\nexport {\n  CutIcon, CopyIcon, PasteIcon, DuplicateIcon, GroupIcon, UngroupIcon,\n  BringForwardIcon, BringToFrontIcon, SendBackwardIcon, SendToBackIcon, FlipXIcon, FlipYIcon,\n  UndoIcon, RedoIcon, DeleteIcon,\n  AlignLeftIcon, AlignCenterXIcon, AlignRightIcon, AlignTopIcon, AlignCenterYIcon, AlignBottomIcon,\n  DistributeHorizontalIcon, DistributeVerticalIcon,\n} from '@weasel-js/core';\n\n/** Clone: a ruled card with a second one tucked behind it. */\nexport const CloneIcon = (p: IconProps) => <Icon name=\"clone\" {...p} />;\n/** Reset: a near-full counterclockwise arc, arrowhead at the top. */\nexport const ResetIcon = (p: IconProps) => <Icon name=\"reset\" {...p} />;\n/** Close: an X. */\nexport const CloseIcon = (p: IconProps) => <Icon name=\"close\" {...p} />;\n/** Export: an arrow pointing down into an open tray. */\nexport const ExportIcon = (p: IconProps) => <Icon name=\"export\" {...p} />;\n/** Zoom in: a magnifier with a plus. */\nexport const ZoomInIcon = (p: IconProps) => <Icon name=\"zoomIn\" {...p} />;\n/** Pan: four arrows out from a hub. */\nexport const PanIcon = (p: IconProps) => <Icon name=\"pan\" {...p} />;\n/** Add: a plus. */\nexport const AddIcon = (p: IconProps) => <Icon name=\"add\" {...p} />;\n/** Light color mode: a sun. */\nexport const ModeLightIcon = (p: IconProps) => <Icon name=\"modeLight\" {...p} />;\n/** Dark color mode: a crescent moon. */\nexport const ModeDarkIcon = (p: IconProps) => <Icon name=\"modeDark\" {...p} />;\n/** Automatic color mode: a four-pointed sparkle. */\nexport const ModeAutoIcon = (p: IconProps) => <Icon name=\"modeAuto\" {...p} />;\n/** Remove: a minus. */\nexport const RemoveIcon = (p: IconProps) => <Icon name=\"remove\" {...p} />;\n/** Sort: three ruled lines beside a downward arrow. */\nexport const SortIcon = (p: IconProps) => <Icon name=\"sort\" {...p} />;\n/** Zoom out: a magnifier with a minus. */\nexport const ZoomOutIcon = (p: IconProps) => <Icon name=\"zoomOut\" {...p} />;\n/** Fit: four corner brackets around a small rect. */\nexport const FitIcon = (p: IconProps) => <Icon name=\"fit\" {...p} />;\n/** Fit, contain: a circle in a wide frame, meeting its top and bottom. */\nexport const FitContainIcon = (p: IconProps) => <Icon name=\"fitContain\" {...p} />;\n/** Fit, fill: a circle as wide as a frame, running past its top and bottom. */\nexport const FitFillIcon = (p: IconProps) => <Icon name=\"fitFill\" {...p} />;\n/** Fit, stretch: an ellipse squashed to a wide frame's proportions. */\nexport const FitStretchIcon = (p: IconProps) => <Icon name=\"fitStretch\" {...p} />;\n/** Snapshot: a camera. */\nexport const SnapshotIcon = (p: IconProps) => <Icon name=\"snapshot\" {...p} />;\n/** Play: a right-pointing triangle. */\nexport const PlayIcon = (p: IconProps) => <Icon name=\"play\" {...p} />;\n/** Pause: two vertical bars. */\nexport const PauseIcon = (p: IconProps) => <Icon name=\"pause\" {...p} />;\n/** Stop: a rounded square. */\nexport const StopIcon = (p: IconProps) => <Icon name=\"stop\" {...p} />;\n/** Step back: a left-pointing triangle against a bar. */\nexport const StepBackIcon = (p: IconProps) => <Icon name=\"stepBack\" {...p} />;\n/** Step forward: a right-pointing triangle against a bar. */\nexport const StepForwardIcon = (p: IconProps) => <Icon name=\"stepForward\" {...p} />;\n/** @deprecated Use {@link StepForwardIcon}; `step` alone stopped naming a direction. */\nexport const StepIcon = StepForwardIcon;\n/** Crosshair: a ring with four ticks on the axes. */\nexport const CrosshairIcon = (p: IconProps) => <Icon name=\"crosshair\" {...p} />;\n/** Fullscreen: two corner arrows pointing out diagonally. */\nexport const FullscreenIcon = (p: IconProps) => <Icon name=\"fullscreen\" {...p} />;\n/** Compare: a frame split into two columns of lines. */\nexport const CompareIcon = (p: IconProps) => <Icon name=\"compare\" {...p} />;\n/** Filter: a funnel. */\nexport const FilterIcon = (p: IconProps) => <Icon name=\"filter\" {...p} />;\n/** Search: an empty magnifier. */\nexport const SearchIcon = (p: IconProps) => <Icon name=\"search\" {...p} />;\n/** Loupe: a magnifier over a grid of pixels. */\nexport const LoupeIcon = (p: IconProps) => <Icon name=\"loupe\" {...p} />;\n/** Layers: a stack of three sheets. */\nexport const LayersIcon = (p: IconProps) => <Icon name=\"layers\" {...p} />;\n/** Page: a document with a folded corner. */\nexport const PageIcon = (p: IconProps) => <Icon name=\"page\" {...p} />;\n/** Lock: a closed padlock. */\nexport const LockIcon = (p: IconProps) => <Icon name=\"lock\" {...p} />;\n/** Unlock: an open padlock. */\nexport const UnlockIcon = (p: IconProps) => <Icon name=\"unlock\" {...p} />;\n/** Visible: an eye. */\nexport const VisibleIcon = (p: IconProps) => <Icon name=\"visible\" {...p} />;\n/** Hidden: an eye struck through. */\nexport const HiddenIcon = (p: IconProps) => <Icon name=\"hidden\" {...p} />;\n/** Pin: a push pin. */\nexport const PinIcon = (p: IconProps) => <Icon name=\"pin\" {...p} />;\n/** Link: two chain links. */\nexport const LinkIcon = (p: IconProps) => <Icon name=\"link\" {...p} />;\n/** Collapse: two chevrons pointing inward. */\nexport const CollapseIcon = (p: IconProps) => <Icon name=\"collapse\" {...p} />;\n/** Expand: two chevrons pointing outward. */\nexport const ExpandIcon = (p: IconProps) => <Icon name=\"expand\" {...p} />;\n/** Chevron: a downward disclosure mark, centered to spin in place under `rotate()`. */\nexport const ChevronIcon = (p: IconProps) => <Icon name=\"chevron\" {...p} />;\n/** Tune: three slider tracks with their knobs. */\nexport const TuneIcon = (p: IconProps) => <Icon name=\"tune\" {...p} />;\n/** Grid: an outlined 3x3 grid — the grid to snap to. */\nexport const GridIcon = (p: IconProps) => <Icon name=\"grid\" {...p} />;\n/** Snap: a horseshoe magnet. */\nexport const SnapIcon = (p: IconProps) => <Icon name=\"snap\" {...p} />;\n/** Measure: a ruler. */\nexport const MeasureIcon = (p: IconProps) => <Icon name=\"measure\" {...p} />;\n/** Randomize: a die showing three. */\nexport const RandomizeIcon = (p: IconProps) => <Icon name=\"randomize\" {...p} />;\n/** Refresh: two arcs chasing each other around a circle. */\nexport const RefreshIcon = (p: IconProps) => <Icon name=\"refresh\" {...p} />;\n/** Info: an i in a ring. */\nexport const InfoIcon = (p: IconProps) => <Icon name=\"info\" {...p} />;\n/** Warning: an exclamation mark in a triangle. */\nexport const WarningIcon = (p: IconProps) => <Icon name=\"warning\" {...p} />;\n/** Error: an X in a ring. */\nexport const ErrorIcon = (p: IconProps) => <Icon name=\"error\" {...p} />;\n/** Busy: a three-quarter arc, for a spinner. */\nexport const BusyIcon = (p: IconProps) => <Icon name=\"busy\" {...p} />;\n/** Check: a check mark. */\nexport const CheckIcon = (p: IconProps) => <Icon name=\"check\" {...p} />;\n/** Row layout: three filled horizontal bars. */\nexport const LayoutRowsIcon = (p: IconProps) => <Icon name=\"layoutRows\" {...p} />;\n/** Column layout: three filled vertical bars. */\nexport const LayoutColumnsIcon = (p: IconProps) => <Icon name=\"layoutColumns\" {...p} />;\n/** Grid layout: a filled 3x3 of cells. */\nexport const LayoutGridIcon = (p: IconProps) => <Icon name=\"layoutGrid\" {...p} />;\n"],"mappings":"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"}

package/dist/chunks/{model-qQj8Ny9w.js → model-Ca0f95r0.js}

@@ -1,8 +1,8 @@
-import { a as e, t } from "./Icon-DPRUIo3G.js";
-import { t as n } from "./PropertyField-CWUtNK1w.js";
-import { t as r } from "./ToggleBar-BZ4Gk1IU.js";
+import { a as e, t } from "./Icon-BfqYtAX5.js";
+import { t as n } from "./PropertyField-CLbUOynA.js";
+import { t as r } from "./ToggleBar-CfYbMK3x.js";
 import { r as i, t as a } from "./FitLabel-BzZGkWfL.js";
-import { t as o } from "./prefField-CCm_nzlM.js";
+import { t as o } from "./prefField-DPPbAmRR.js";
 import { MIXED as s } from "@weasel-js/core";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Fragment as u, createElement as d } from "react";
@@ -384,4 +384,4 @@ function k(e) {
 //#endregion
 export { S as a, w as c, m as d, f, T as i, D as l, O as n, k as o, x as r, E as s, s as t, g as u };
 
-//# sourceMappingURL=model-qQj8Ny9w.js.map
+//# sourceMappingURL=model-Ca0f95r0.js.map