@sprawlify/primitives 0.0.62 → 0.0.63

package/dist/machines/tree-view/index.mjs

@@ -1,9 +1,9 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { W as raf, bt as isLeftClick, cn as isEditableElement, ht as isComposingEvent, on as isAnchorElement, ot as setElementValue, pt as getEventTarget, s as getByTypeahead, ut as getEventKey, vn as ariaAttr, xt as isModifierKey, yn as dataAttr } from "../../dom-query-CUb85Z22.mjs";
-import { At as remove, Dt as partition, Mt as toArray, Nt as uniq, _t as diff, ft as isEqual, mt as addOrRemove, nt as isArray, pt as add, t as ensure, u as createSplitProps, vt as first, wt as last } from "../../utils-DSBXwmDm.mjs";
-import { n as filePathToTree, t as TreeCollection } from "../../collection-CjwZd09Z.mjs";
-import { a as createMachine, i as createGuards } from "../../core-CujC6Y2H.mjs";
-import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
+import { t as createAnatomy } from "../../create-anatomy-BVqM_FJ6.mjs";
+import { W as raf, bt as isLeftClick, cn as isEditableElement, ht as isComposingEvent, on as isAnchorElement, ot as setElementValue, pt as getEventTarget, s as getByTypeahead, ut as getEventKey, vn as ariaAttr, xt as isModifierKey, yn as dataAttr } from "../../dom-query-CQFBCdpo.mjs";
+import { At as remove, Dt as partition, Mt as toArray, Nt as uniq, _t as diff, ft as isEqual, mt as addOrRemove, nt as isArray, pt as add, t as ensure, u as createSplitProps, vt as first, wt as last } from "../../utils-Vs04rt8f.mjs";
+import { n as filePathToTree, t as TreeCollection } from "../../collection-DHyEg4g5.mjs";
+import { a as createMachine, i as createGuards } from "../../core-owywCQ2e.mjs";
+import { t as createProps } from "../../create-props-Dtoa4OUk.mjs";
 
 //#region src/machines/tree-view/tree-view.anatomy.ts
 const anatomy = createAnatomy("tree-view").parts("branch", "branchContent", "branchControl", "branchIndentGuide", "branchIndicator", "branchText", "branchTrigger", "item", "itemIndicator", "itemText", "label", "nodeCheckbox", "nodeRenameInput", "root", "tree");
@@ -38,24 +38,24 @@ const getRenameInputEl = (ctx, value) => {
 
 //#endregion
 //#region src/machines/tree-view/utils/checked-state.ts
-function getCheckedState(collection$1, node, checkedValue) {
-	const value = collection$1.getNodeValue(node);
-	if (!collection$1.isBranchNode(node)) return checkedValue.includes(value);
-	const childValues = collection$1.getDescendantValues(value);
+function getCheckedState(collection, node, checkedValue) {
+	const value = collection.getNodeValue(node);
+	if (!collection.isBranchNode(node)) return checkedValue.includes(value);
+	const childValues = collection.getDescendantValues(value);
 	const allChecked = childValues.every((v) => checkedValue.includes(v));
 	const someChecked = childValues.some((v) => checkedValue.includes(v));
 	return allChecked ? true : someChecked ? "indeterminate" : false;
 }
-function toggleBranchChecked(collection$1, value, checkedValue) {
-	const childValues = collection$1.getDescendantValues(value);
+function toggleBranchChecked(collection, value, checkedValue) {
+	const childValues = collection.getDescendantValues(value);
 	return uniq(childValues.every((child) => checkedValue.includes(child)) ? remove(checkedValue, ...childValues) : add(checkedValue, ...childValues));
 }
-function getCheckedValueMap(collection$1, checkedValue) {
+function getCheckedValueMap(collection, checkedValue) {
 	const map = /* @__PURE__ */ new Map();
-	collection$1.visit({ onEnter: (node) => {
-		const value = collection$1.getNodeValue(node);
-		const isBranch = collection$1.isBranchNode(node);
-		const checked = getCheckedState(collection$1, node, checkedValue);
+	collection.visit({ onEnter: (node) => {
+		const value = collection.getNodeValue(node);
+		const isBranch = collection.isBranchNode(node);
+		const checked = getCheckedState(collection, node, checkedValue);
 		map.set(value, {
 			type: isBranch ? "branch" : "leaf",
 			checked
@@ -68,7 +68,7 @@ function getCheckedValueMap(collection$1, checkedValue) {
 //#region src/machines/tree-view/tree-view.connect.ts
 function connect(service, normalize) {
 	const { context, scope, computed, prop, send } = service;
-	const collection$1 = prop("collection");
+	const collection = prop("collection");
 	const expandedValue = Array.from(context.get("expandedValue"));
 	const selectedValue = Array.from(context.get("selectedValue"));
 	const checkedValue = Array.from(context.get("checkedValue"));
@@ -77,33 +77,33 @@ function connect(service, normalize) {
 	const loadingStatus = context.get("loadingStatus");
 	const renamingValue = context.get("renamingValue");
 	const skip = ({ indexPath }) => {
-		return collection$1.getValuePath(indexPath).slice(0, -1).some((value) => !expandedValue.includes(value));
+		return collection.getValuePath(indexPath).slice(0, -1).some((value) => !expandedValue.includes(value));
 	};
-	const firstNode = collection$1.getFirstNode(void 0, { skip });
-	const firstNodeValue = firstNode ? collection$1.getNodeValue(firstNode) : null;
-	function getNodeState(props$1) {
-		const { node, indexPath } = props$1;
-		const value = collection$1.getNodeValue(node);
+	const firstNode = collection.getFirstNode(void 0, { skip });
+	const firstNodeValue = firstNode ? collection.getNodeValue(firstNode) : null;
+	function getNodeState(props) {
+		const { node, indexPath } = props;
+		const value = collection.getNodeValue(node);
 		return {
 			id: getNodeId(scope, value),
 			value,
 			indexPath,
-			valuePath: collection$1.getValuePath(indexPath),
+			valuePath: collection.getValuePath(indexPath),
 			disabled: Boolean(node.disabled),
 			focused: focusedValue == null ? firstNodeValue === value : focusedValue === value,
 			selected: selectedValue.includes(value),
 			expanded: expandedValue.includes(value),
 			loading: loadingStatus[value] === "loading",
 			depth: indexPath.length,
-			isBranch: collection$1.isBranchNode(node),
+			isBranch: collection.isBranchNode(node),
 			renaming: renamingValue === value,
 			get checked() {
-				return getCheckedState(collection$1, node, checkedValue);
+				return getCheckedState(collection, node, checkedValue);
 			}
 		};
 	}
 	return {
-		collection: collection$1,
+		collection,
 		expandedValue,
 		selectedValue,
 		checkedValue,
@@ -124,7 +124,7 @@ function connect(service, normalize) {
 			send({ type: "CHECKED.CLEAR" });
 		},
 		getCheckedMap() {
-			return getCheckedValueMap(collection$1, checkedValue);
+			return getCheckedValueMap(collection, checkedValue);
 		},
 		expand(value) {
 			send({
@@ -158,20 +158,20 @@ function connect(service, normalize) {
 			focusNode(scope, value);
 		},
 		selectParent(value) {
-			const parentNode = collection$1.getParentNode(value);
+			const parentNode = collection.getParentNode(value);
 			if (!parentNode) return;
 			send({
 				type: "SELECTED.SET",
-				value: add(selectedValue, collection$1.getNodeValue(parentNode)),
+				value: add(selectedValue, collection.getNodeValue(parentNode)),
 				src: "select.parent"
 			});
 		},
 		expandParent(value) {
-			const parentNode = collection$1.getParentNode(value);
+			const parentNode = collection.getParentNode(value);
 			if (!parentNode) return;
 			send({
 				type: "EXPANDED.SET",
-				value: add(expandedValue, collection$1.getNodeValue(parentNode)),
+				value: add(expandedValue, collection.getNodeValue(parentNode)),
 				src: "expand.parent"
 			});
 		},
@@ -241,102 +241,102 @@ function connect(service, normalize) {
 					}
 					const isBranchNode = node.matches("[data-part=branch-control]");
 					const keyMap = {
-						ArrowDown(event$1) {
-							if (isModifierKey(event$1)) return;
-							event$1.preventDefault();
+						ArrowDown(event) {
+							if (isModifierKey(event)) return;
+							event.preventDefault();
 							send({
 								type: "NODE.ARROW_DOWN",
 								id: nodeId,
-								shiftKey: event$1.shiftKey
+								shiftKey: event.shiftKey
 							});
 						},
-						ArrowUp(event$1) {
-							if (isModifierKey(event$1)) return;
-							event$1.preventDefault();
+						ArrowUp(event) {
+							if (isModifierKey(event)) return;
+							event.preventDefault();
 							send({
 								type: "NODE.ARROW_UP",
 								id: nodeId,
-								shiftKey: event$1.shiftKey
+								shiftKey: event.shiftKey
 							});
 						},
-						ArrowLeft(event$1) {
-							if (isModifierKey(event$1) || node.dataset.disabled) return;
-							event$1.preventDefault();
+						ArrowLeft(event) {
+							if (isModifierKey(event) || node.dataset.disabled) return;
+							event.preventDefault();
 							send({
 								type: isBranchNode ? "BRANCH_NODE.ARROW_LEFT" : "NODE.ARROW_LEFT",
 								id: nodeId
 							});
 						},
-						ArrowRight(event$1) {
+						ArrowRight(event) {
 							if (!isBranchNode || node.dataset.disabled) return;
-							event$1.preventDefault();
+							event.preventDefault();
 							send({
 								type: "BRANCH_NODE.ARROW_RIGHT",
 								id: nodeId
 							});
 						},
-						Home(event$1) {
-							if (isModifierKey(event$1)) return;
-							event$1.preventDefault();
+						Home(event) {
+							if (isModifierKey(event)) return;
+							event.preventDefault();
 							send({
 								type: "NODE.HOME",
 								id: nodeId,
-								shiftKey: event$1.shiftKey
+								shiftKey: event.shiftKey
 							});
 						},
-						End(event$1) {
-							if (isModifierKey(event$1)) return;
-							event$1.preventDefault();
+						End(event) {
+							if (isModifierKey(event)) return;
+							event.preventDefault();
 							send({
 								type: "NODE.END",
 								id: nodeId,
-								shiftKey: event$1.shiftKey
+								shiftKey: event.shiftKey
 							});
 						},
-						Space(event$1) {
+						Space(event) {
 							if (node.dataset.disabled) return;
 							if (isTypingAhead) send({
 								type: "TREE.TYPEAHEAD",
-								key: event$1.key
+								key: event.key
 							});
-							else keyMap.Enter?.(event$1);
+							else keyMap.Enter?.(event);
 						},
-						Enter(event$1) {
+						Enter(event) {
 							if (node.dataset.disabled) return;
-							if (isAnchorElement(target) && isModifierKey(event$1)) return;
+							if (isAnchorElement(target) && isModifierKey(event)) return;
 							send({
 								type: isBranchNode ? "BRANCH_NODE.CLICK" : "NODE.CLICK",
 								id: nodeId,
 								src: "keyboard"
 							});
-							if (!isAnchorElement(target)) event$1.preventDefault();
+							if (!isAnchorElement(target)) event.preventDefault();
 						},
-						"*"(event$1) {
+						"*"(event) {
 							if (node.dataset.disabled) return;
-							event$1.preventDefault();
+							event.preventDefault();
 							send({
 								type: "SIBLINGS.EXPAND",
 								id: nodeId
 							});
 						},
-						a(event$1) {
-							if (!event$1.metaKey || node.dataset.disabled) return;
-							event$1.preventDefault();
+						a(event) {
+							if (!event.metaKey || node.dataset.disabled) return;
+							event.preventDefault();
 							send({
 								type: "SELECTED.ALL",
 								moveFocus: true
 							});
 						},
-						F2(event$1) {
+						F2(event) {
 							if (node.dataset.disabled) return;
 							const canRenameFn = prop("canRename");
 							if (!canRenameFn) return;
-							const indexPath = collection$1.getIndexPath(nodeId);
+							const indexPath = collection.getIndexPath(nodeId);
 							if (indexPath) {
-								const node$1 = collection$1.at(indexPath);
-								if (node$1 && !canRenameFn(node$1, indexPath)) return;
+								const node = collection.at(indexPath);
+								if (node && !canRenameFn(node, indexPath)) return;
 							}
-							event$1.preventDefault();
+							event.preventDefault();
 							send({
 								type: "NODE.RENAME",
 								value: nodeId
@@ -359,14 +359,14 @@ function connect(service, normalize) {
 			});
 		},
 		getNodeState,
-		getItemProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getItemProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.element({
 				...parts.item.attrs,
 				id: nodeState.id,
 				dir: prop("dir"),
 				"data-ownedby": getTreeId(scope),
-				"data-path": props$1.indexPath.join("/"),
+				"data-path": props.indexPath.join("/"),
 				"data-value": nodeState.value,
 				tabIndex: nodeState.focused ? 0 : -1,
 				"data-focus": dataAttr(nodeState.focused),
@@ -403,8 +403,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getItemTextProps(props$1) {
-			const itemState = getNodeState(props$1);
+		getItemTextProps(props) {
+			const itemState = getNodeState(props);
 			return normalize.element({
 				...parts.itemText.attrs,
 				"data-disabled": dataAttr(itemState.disabled),
@@ -412,8 +412,8 @@ function connect(service, normalize) {
 				"data-focus": dataAttr(itemState.focused)
 			});
 		},
-		getItemIndicatorProps(props$1) {
-			const itemState = getNodeState(props$1);
+		getItemIndicatorProps(props) {
+			const itemState = getNodeState(props);
 			return normalize.element({
 				...parts.itemIndicator.attrs,
 				"aria-hidden": true,
@@ -423,8 +423,8 @@ function connect(service, normalize) {
 				hidden: !itemState.selected
 			});
 		},
-		getBranchProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getBranchProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.element({
 				...parts.branch.attrs,
 				"data-depth": nodeState.depth,
@@ -435,7 +435,7 @@ function connect(service, normalize) {
 				"data-value": nodeState.value,
 				"aria-level": nodeState.depth,
 				"aria-selected": nodeState.disabled ? void 0 : nodeState.selected,
-				"data-path": props$1.indexPath.join("/"),
+				"data-path": props.indexPath.join("/"),
 				"data-selected": dataAttr(nodeState.selected),
 				"aria-expanded": nodeState.expanded,
 				"data-state": nodeState.expanded ? "open" : "closed",
@@ -446,8 +446,8 @@ function connect(service, normalize) {
 				style: { "--depth": nodeState.depth }
 			});
 		},
-		getBranchIndicatorProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getBranchIndicatorProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.element({
 				...parts.branchIndicator.attrs,
 				"aria-hidden": true,
@@ -458,8 +458,8 @@ function connect(service, normalize) {
 				"data-loading": dataAttr(nodeState.loading)
 			});
 		},
-		getBranchTriggerProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getBranchTriggerProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.element({
 				...parts.branchTrigger.attrs,
 				role: "button",
@@ -479,15 +479,15 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getBranchControlProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getBranchControlProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.element({
 				...parts.branchControl.attrs,
 				role: "button",
 				id: nodeState.id,
 				dir: prop("dir"),
 				tabIndex: nodeState.focused ? 0 : -1,
-				"data-path": props$1.indexPath.join("/"),
+				"data-path": props.indexPath.join("/"),
 				"data-state": nodeState.expanded ? "open" : "closed",
 				"data-disabled": dataAttr(nodeState.disabled),
 				"data-selected": dataAttr(nodeState.selected),
@@ -520,8 +520,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getBranchTextProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getBranchTextProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.element({
 				...parts.branchText.attrs,
 				dir: prop("dir"),
@@ -530,28 +530,28 @@ function connect(service, normalize) {
 				"data-loading": dataAttr(nodeState.loading)
 			});
 		},
-		getBranchContentProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getBranchContentProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.element({
 				...parts.branchContent.attrs,
 				role: "group",
 				dir: prop("dir"),
 				"data-state": nodeState.expanded ? "open" : "closed",
 				"data-depth": nodeState.depth,
-				"data-path": props$1.indexPath.join("/"),
+				"data-path": props.indexPath.join("/"),
 				"data-value": nodeState.value,
 				hidden: !nodeState.expanded
 			});
 		},
-		getBranchIndentGuideProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getBranchIndentGuideProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.element({
 				...parts.branchIndentGuide.attrs,
 				"data-depth": nodeState.depth
 			});
 		},
-		getNodeCheckboxProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getNodeCheckboxProps(props) {
+			const nodeState = getNodeState(props);
 			const checkedState = nodeState.checked;
 			return normalize.element({
 				...parts.nodeCheckbox.attrs,
@@ -574,8 +574,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getNodeRenameInputProps(props$1) {
-			const nodeState = getNodeState(props$1);
+		getNodeRenameInputProps(props) {
+			const nodeState = getNodeState(props);
 			return normalize.input({
 				...parts.nodeRenameInput.attrs,
 				id: getRenameInputId(scope, nodeState.value),
@@ -620,10 +620,10 @@ function expandBranches(params, values) {
 	const [loadedValues, loadingValues] = partition(values, (value) => loadingStatus[value] === "loaded");
 	if (loadedValues.length > 0) context.set("expandedValue", (prev) => uniq(add(prev, ...loadedValues)));
 	if (loadingValues.length === 0) return;
-	const collection$1 = prop("collection");
+	const collection = prop("collection");
 	const [nodeWithChildren, nodeWithoutChildren] = partition(loadingValues, (id) => {
-		const node = collection$1.findNode(id);
-		return collection$1.getNodeChildren(node).length > 0;
+		const node = collection.findNode(id);
+		return collection.getNodeChildren(node).length > 0;
 	});
 	if (nodeWithChildren.length > 0) context.set("expandedValue", (prev) => uniq(add(prev, ...nodeWithChildren)));
 	if (nodeWithoutChildren.length === 0) return;
@@ -635,12 +635,12 @@ function expandBranches(params, values) {
 		}), {})
 	}));
 	const nodesToLoad = nodeWithoutChildren.map((id) => {
-		const indexPath = collection$1.getIndexPath(id);
+		const indexPath = collection.getIndexPath(id);
 		return {
 			id,
 			indexPath,
-			valuePath: collection$1.getValuePath(indexPath),
-			node: collection$1.findNode(id)
+			valuePath: collection.getValuePath(indexPath),
+			node: collection.findNode(id)
 		};
 	});
 	const pendingAborts = refs.get("pendingAborts");
@@ -662,16 +662,16 @@ function expandBranches(params, values) {
 		});
 	});
 	Promise.allSettled(proms).then((results) => {
-		const loadedValues$1 = [];
+		const loadedValues = [];
 		const nodeWithErrors = [];
 		const nextLoadingStatus = context.get("loadingStatus");
-		let collection$2 = prop("collection");
+		let collection = prop("collection");
 		results.forEach((result, index) => {
 			const { id, indexPath, node, valuePath } = nodesToLoad[index];
 			if (result.status === "fulfilled") {
 				nextLoadingStatus[id] = "loaded";
-				loadedValues$1.push(id);
-				collection$2 = collection$2.replace(indexPath, {
+				loadedValues.push(id);
+				collection = collection.replace(indexPath, {
 					...node,
 					children: result.value
 				});
@@ -687,9 +687,9 @@ function expandBranches(params, values) {
 			}
 		});
 		context.set("loadingStatus", nextLoadingStatus);
-		if (loadedValues$1.length) {
-			context.set("expandedValue", (prev) => uniq(add(prev, ...loadedValues$1)));
-			prop("onLoadChildrenComplete")?.({ collection: collection$2 });
+		if (loadedValues.length) {
+			context.set("expandedValue", (prev) => uniq(add(prev, ...loadedValues)));
+			prop("onLoadChildrenComplete")?.({ collection });
 		}
 		if (nodeWithErrors.length) prop("onLoadChildrenError")?.({ nodes: nodeWithErrors });
 	});
@@ -708,7 +708,7 @@ function skipFn(params) {
 //#region src/machines/tree-view/tree-view.machine.ts
 const { and } = createGuards();
 const machine = createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			selectionMode: "single",
 			collection: collection.empty(),
@@ -716,7 +716,7 @@ const machine = createMachine({
 			expandOnClick: true,
 			defaultExpandedValue: [],
 			defaultSelectedValue: [],
-			...props$1
+			...props
 		};
 	},
 	initialState() {
@@ -973,54 +973,54 @@ const machine = createMachine({
 			},
 			focusTreeFirstNode(params) {
 				const { prop, scope } = params;
-				const collection$1 = prop("collection");
-				const firstNode = collection$1.getFirstNode(void 0, { skip: skipFn(params) });
+				const collection = prop("collection");
+				const firstNode = collection.getFirstNode(void 0, { skip: skipFn(params) });
 				if (!firstNode) return;
-				const firstValue = collection$1.getNodeValue(firstNode);
+				const firstValue = collection.getNodeValue(firstNode);
 				if (scrollToNode(params, firstValue)) raf(() => focusNode(scope, firstValue));
 				else focusNode(scope, firstValue);
 			},
 			focusTreeLastNode(params) {
 				const { prop, scope } = params;
-				const collection$1 = prop("collection");
-				const lastNode = collection$1.getLastNode(void 0, { skip: skipFn(params) });
-				const lastValue = collection$1.getNodeValue(lastNode);
+				const collection = prop("collection");
+				const lastNode = collection.getLastNode(void 0, { skip: skipFn(params) });
+				const lastValue = collection.getNodeValue(lastNode);
 				if (scrollToNode(params, lastValue)) raf(() => focusNode(scope, lastValue));
 				else focusNode(scope, lastValue);
 			},
 			focusBranchFirstNode(params) {
 				const { event, prop, scope } = params;
-				const collection$1 = prop("collection");
-				const branchNode = collection$1.findNode(event.id);
-				const firstNode = collection$1.getFirstNode(branchNode, { skip: skipFn(params) });
+				const collection = prop("collection");
+				const branchNode = collection.findNode(event.id);
+				const firstNode = collection.getFirstNode(branchNode, { skip: skipFn(params) });
 				if (!firstNode) return;
-				const firstValue = collection$1.getNodeValue(firstNode);
+				const firstValue = collection.getNodeValue(firstNode);
 				if (scrollToNode(params, firstValue)) raf(() => focusNode(scope, firstValue));
 				else focusNode(scope, firstValue);
 			},
 			focusTreeNextNode(params) {
 				const { event, prop, scope } = params;
-				const collection$1 = prop("collection");
-				const nextNode = collection$1.getNextNode(event.id, { skip: skipFn(params) });
+				const collection = prop("collection");
+				const nextNode = collection.getNextNode(event.id, { skip: skipFn(params) });
 				if (!nextNode) return;
-				const nextValue = collection$1.getNodeValue(nextNode);
+				const nextValue = collection.getNodeValue(nextNode);
 				if (scrollToNode(params, nextValue)) raf(() => focusNode(scope, nextValue));
 				else focusNode(scope, nextValue);
 			},
 			focusTreePrevNode(params) {
 				const { event, prop, scope } = params;
-				const collection$1 = prop("collection");
-				const prevNode = collection$1.getPreviousNode(event.id, { skip: skipFn(params) });
+				const collection = prop("collection");
+				const prevNode = collection.getPreviousNode(event.id, { skip: skipFn(params) });
 				if (!prevNode) return;
-				const prevValue = collection$1.getNodeValue(prevNode);
+				const prevValue = collection.getNodeValue(prevNode);
 				if (scrollToNode(params, prevValue)) raf(() => focusNode(scope, prevValue));
 				else focusNode(scope, prevValue);
 			},
 			focusBranchNode(params) {
 				const { event, prop, scope } = params;
-				const collection$1 = prop("collection");
-				const parentNode = collection$1.getParentNode(event.id);
-				const parentValue = parentNode ? collection$1.getNodeValue(parentNode) : void 0;
+				const collection = prop("collection");
+				const parentNode = collection.getParentNode(event.id);
+				const parentValue = parentNode ? collection.getNodeValue(parentNode) : void 0;
 				if (!parentValue) return;
 				if (scrollToNode(params, parentValue)) raf(() => focusNode(scope, parentValue));
 				else focusNode(scope, parentValue);
@@ -1030,9 +1030,9 @@ const machine = createMachine({
 			},
 			focusMatchedNode(params) {
 				const { context, prop, refs, event, scope, computed } = params;
-				const node = getByTypeahead(computed("visibleNodes").map(({ node: node$1 }) => ({
-					textContent: prop("collection").stringifyNode(node$1),
-					id: prop("collection").getNodeValue(node$1)
+				const node = getByTypeahead(computed("visibleNodes").map(({ node }) => ({
+					textContent: prop("collection").stringifyNode(node),
+					id: prop("collection").getNodeValue(node)
 				})), {
 					state: refs.get("typeaheadState"),
 					activeId: context.get("focusedValue"),
@@ -1052,20 +1052,20 @@ const machine = createMachine({
 			},
 			expandSiblingBranches(params) {
 				const { context, event, prop } = params;
-				const collection$1 = prop("collection");
-				const indexPath = collection$1.getIndexPath(event.id);
+				const collection = prop("collection");
+				const indexPath = collection.getIndexPath(event.id);
 				if (!indexPath) return;
-				expandBranches(params, diff(collection$1.getSiblingNodes(indexPath).map((node) => collection$1.getNodeValue(node)), context.get("expandedValue")));
+				expandBranches(params, diff(collection.getSiblingNodes(indexPath).map((node) => collection.getNodeValue(node)), context.get("expandedValue")));
 			},
 			extendSelectionToNode(params) {
 				const { context, event, prop, computed } = params;
-				const collection$1 = prop("collection");
-				const anchorValue = first(context.get("selectedValue")) || collection$1.getNodeValue(collection$1.getFirstNode());
+				const collection = prop("collection");
+				const anchorValue = first(context.get("selectedValue")) || collection.getNodeValue(collection.getFirstNode());
 				const targetValue = event.id;
 				let values = [anchorValue, targetValue];
 				let hits = 0;
 				computed("visibleNodes").forEach(({ node }) => {
-					const nodeValue = collection$1.getNodeValue(node);
+					const nodeValue = collection.getNodeValue(node);
 					if (hits === 1) values.push(nodeValue);
 					if (nodeValue === anchorValue || nodeValue === targetValue) hits++;
 				});
@@ -1073,11 +1073,11 @@ const machine = createMachine({
 			},
 			extendSelectionToNextNode(params) {
 				const { context, event, prop } = params;
-				const collection$1 = prop("collection");
-				const nextNode = collection$1.getNextNode(event.id, { skip: skipFn(params) });
+				const collection = prop("collection");
+				const nextNode = collection.getNextNode(event.id, { skip: skipFn(params) });
 				if (!nextNode) return;
 				const values = new Set(context.get("selectedValue"));
-				const nextValue = collection$1.getNodeValue(nextNode);
+				const nextValue = collection.getNodeValue(nextNode);
 				if (nextValue == null) return;
 				if (values.has(event.id) && values.has(nextValue)) values.delete(event.id);
 				else if (!values.has(nextValue)) values.add(nextValue);
@@ -1085,11 +1085,11 @@ const machine = createMachine({
 			},
 			extendSelectionToPrevNode(params) {
 				const { context, event, prop } = params;
-				const collection$1 = prop("collection");
-				const prevNode = collection$1.getPreviousNode(event.id, { skip: skipFn(params) });
+				const collection = prop("collection");
+				const prevNode = collection.getPreviousNode(event.id, { skip: skipFn(params) });
 				if (!prevNode) return;
 				const values = new Set(context.get("selectedValue"));
-				const prevValue = collection$1.getNodeValue(prevNode);
+				const prevValue = collection.getNodeValue(prevNode);
 				if (prevValue == null) return;
 				if (values.has(event.id) && values.has(prevValue)) values.delete(event.id);
 				else if (!values.has(prevValue)) values.add(prevValue);
@@ -1097,13 +1097,13 @@ const machine = createMachine({
 			},
 			extendSelectionToFirstNode(params) {
 				const { context, prop } = params;
-				const collection$1 = prop("collection");
+				const collection = prop("collection");
 				const currentSelection = first(context.get("selectedValue"));
 				const values = [];
-				collection$1.visit({
+				collection.visit({
 					skip: skipFn(params),
 					onEnter: (node) => {
-						const nodeValue = collection$1.getNodeValue(node);
+						const nodeValue = collection.getNodeValue(node);
 						values.push(nodeValue);
 						if (nodeValue === currentSelection) return "stop";
 					}
@@ -1112,14 +1112,14 @@ const machine = createMachine({
 			},
 			extendSelectionToLastNode(params) {
 				const { context, prop } = params;
-				const collection$1 = prop("collection");
+				const collection = prop("collection");
 				const currentSelection = first(context.get("selectedValue"));
 				const values = [];
 				let current = false;
-				collection$1.visit({
+				collection.visit({
 					skip: skipFn(params),
 					onEnter: (node) => {
-						const nodeValue = collection$1.getNodeValue(node);
+						const nodeValue = collection.getNodeValue(node);
 						if (nodeValue === currentSelection) current = true;
 						if (current) values.push(nodeValue);
 					}
@@ -1132,8 +1132,8 @@ const machine = createMachine({
 				aborts.clear();
 			},
 			toggleChecked({ context, event, prop }) {
-				const collection$1 = prop("collection");
-				context.set("checkedValue", (prev) => event.isBranch ? toggleBranchChecked(collection$1, event.value, prev) : addOrRemove(prev, event.value));
+				const collection = prop("collection");
+				context.set("checkedValue", (prev) => event.isBranch ? toggleBranchChecked(collection, event.value, prev) : addOrRemove(prev, event.value));
 			},
 			setChecked({ context, event }) {
 				context.set("checkedValue", event.value);
@@ -1145,10 +1145,10 @@ const machine = createMachine({
 				context.set("renamingValue", event.value);
 				const onRenameStartFn = prop("onRenameStart");
 				if (onRenameStartFn) {
-					const collection$1 = prop("collection");
-					const indexPath = collection$1.getIndexPath(event.value);
+					const collection = prop("collection");
+					const indexPath = collection.getIndexPath(event.value);
 					if (indexPath) {
-						const node = collection$1.at(indexPath);
+						const node = collection.at(indexPath);
 						if (node) onRenameStartFn({
 							value: event.value,
 							node,
@@ -1191,10 +1191,10 @@ const machine = createMachine({
 			syncRenameInput({ context, scope, prop }) {
 				const renamingValue = context.get("renamingValue");
 				if (!renamingValue) return;
-				const collection$1 = prop("collection");
-				const node = collection$1.findNode(renamingValue);
+				const collection = prop("collection");
+				const node = collection.findNode(renamingValue);
 				if (!node) return;
-				const label = collection$1.stringifyNode(node);
+				const label = collection.stringifyNode(node);
 				setElementValue(getRenameInputEl(scope, renamingValue), label);
 			},
 			focusRenameInput({ context, scope }) {
@@ -1212,11 +1212,11 @@ function scrollToNode(params, value) {
 	const { prop, scope, computed } = params;
 	const scrollToIndexFn = prop("scrollToIndexFn");
 	if (!scrollToIndexFn) return false;
-	const collection$1 = prop("collection");
+	const collection = prop("collection");
 	const visibleNodes = computed("visibleNodes");
 	for (let i = 0; i < visibleNodes.length; i++) {
 		const { node, indexPath } = visibleNodes[i];
-		if (collection$1.getNodeValue(node) !== value) continue;
+		if (collection.getNodeValue(node) !== value) continue;
 		scrollToIndexFn({
 			index: i,
 			node,