@weasel-js/ui 1.5.2 → 1.6.0

package/dist/chunks/ToolPalette-Uw4PvWwa.js

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

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

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

package/dist/chunks/{Tooltip-C4YBczLq.js → Tooltip-9XiJF937.js}

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

package/dist/chunks/Tooltip-9XiJF937.js.map

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

package/dist/chunks/Tree-BGt6P8tI.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tree-BGt6P8tI.js","names":[],"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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"}