@yamada-ui/react 2.1.4-dev-20260323182837 → 2.2.0-next-20260324183323

package/dist/esm/components/tree/use-tree.js

@@ -0,0 +1,547 @@
+"use client";
+
+import { createContext as createContext$1 } from "../../utils/context.js";
+import { runKeyAction, useIds } from "../../utils/dom.js";
+import { useSafeLayoutEffect, useUpdateEffect } from "../../utils/effect.js";
+import { assignRef, mergeRefs } from "../../utils/ref.js";
+import { utils_exports } from "../../utils/index.js";
+import { useControllableState } from "../../hooks/use-controllable-state/index.js";
+import { createDescendants } from "../../hooks/use-descendants/index.js";
+import { useDisclosure } from "../../hooks/use-disclosure/use-disclosure.js";
+import "../../hooks/use-disclosure/index.js";
+import { useAsyncCallback } from "../../hooks/use-async-callback/index.js";
+import { Children, useCallback, useRef, useState } from "react";
+
+//#region src/components/tree/use-tree.ts
+const { DescendantsContext: TreeDescendantsContext, useDescendant: useTreeDescendant, useDescendants: useTreeDescendants } = createDescendants();
+const [TreeContext, useTreeContext] = createContext$1({ name: "TreeContext" });
+const [TreeItemContext, useTreeItemContext] = createContext$1({
+	name: "TreeItemContext",
+	strict: false
+});
+const useTree = ({ checkable = false, checkedValue: checkedValueProp, children, controlRef, defaultCheckedValue = [], defaultExpandedValue = [], defaultSelectedValue, expandedValue: expandedValueProp, multiple, selectedValue: selectedValueProp, onCheckedChange: onCheckedChangeProp, onExpandedChange: onExpandedChangeProp, onSelectedChange: onSelectedChangeProp, ...rest } = {}) => {
+	const [selectedValue, setSelectedValue] = useControllableState({
+		defaultValue: defaultSelectedValue ?? (multiple ? [] : ""),
+		value: selectedValueProp,
+		onChange: onSelectedChangeProp
+	});
+	const [checkedValue, onCheckedChange] = useControllableState({
+		defaultValue: defaultCheckedValue,
+		value: checkedValueProp,
+		onChange: onCheckedChangeProp
+	});
+	const [expandedValue, setExpandedValue] = useControllableState({
+		defaultValue: defaultExpandedValue,
+		value: expandedValueProp,
+		onChange: onExpandedChangeProp
+	});
+	const descendants = useTreeDescendants();
+	const activeDescendant = useRef(null);
+	const searchRef = useRef({
+		omitValue: void 0,
+		value: ""
+	});
+	const timeoutRef = useRef(null);
+	const rootRef = useRef(null);
+	const onExpandAll = useCallback(() => {
+		setExpandedValue(descendants.enabledValues().filter(({ group }) => group).map(({ value }) => value));
+	}, [descendants, setExpandedValue]);
+	const onCollapseAll = useCallback(() => {
+		setExpandedValue([]);
+	}, [setExpandedValue]);
+	const onActiveDescendant = useCallback((descendant, shouldFocus = true) => {
+		if (!rootRef.current || !descendant) return;
+		rootRef.current.setAttribute("aria-activedescendant", descendant.id);
+		descendants.values().forEach(({ node }) => {
+			node.tabIndex = -1;
+		});
+		activeDescendant.current = descendant;
+		descendant.node.tabIndex = 0;
+		if (shouldFocus) descendant.node.focus();
+	}, [descendants]);
+	const onSearch = useCallback((value, omitValue) => {
+		clearTimeout(timeoutRef.current);
+		searchRef.current.value += value;
+		if (!searchRef.current.omitValue) searchRef.current.omitValue = omitValue;
+		timeoutRef.current = setTimeout(() => {
+			searchRef.current = {
+				omitValue: void 0,
+				value: ""
+			};
+		}, 400);
+		const descendant = descendants.enabledValues({ expanded: true }).filter((descendant$1) => !(0, utils_exports.isUndefined)(descendant$1.value) && descendant$1.value !== searchRef.current.omitValue).find(({ value: value$1 }) => (0, utils_exports.match)(value$1, searchRef.current.value, "startsWith"));
+		if (descendant) onActiveDescendant(descendant);
+	}, [descendants, onActiveDescendant]);
+	const onSelectedChange = useCallback((value) => {
+		setSelectedValue(value);
+	}, [setSelectedValue]);
+	const onExpandedChange = useCallback((value) => {
+		setExpandedValue((prev) => {
+			if (prev.includes(value)) return prev.filter((prevValue) => prevValue !== value);
+			else return [...prev, value];
+		});
+	}, [setExpandedValue]);
+	useSafeLayoutEffect(() => {
+		const value = (0, utils_exports.isArray)(selectedValue) ? selectedValue.at(0) : selectedValue;
+		const expandedDescendants = descendants.enabledValues({ expanded: true });
+		if (value) {
+			const descendant = expandedDescendants.find((descendant$1) => value === descendant$1.value);
+			if (descendant) onActiveDescendant(descendant, false);
+			else onActiveDescendant(expandedDescendants.at(0), false);
+		} else onActiveDescendant(expandedDescendants.at(0), false);
+	}, [children]);
+	assignRef(controlRef, {
+		collapse: onCollapseAll,
+		expand: onExpandAll
+	});
+	return {
+		activeDescendant,
+		checkable,
+		checkedValue,
+		descendants,
+		expandedValue,
+		multiple,
+		selectedValue,
+		getRootProps: useCallback(({ ref, ...props } = {}) => ({
+			ref: mergeRefs(ref, rootRef),
+			"aria-multiselectable": (0, utils_exports.ariaAttr)(multiple || checkable),
+			children,
+			role: "tree",
+			...rest,
+			...props
+		}), [
+			multiple,
+			checkable,
+			rest,
+			children
+		]),
+		onActiveDescendant,
+		onCheckedChange,
+		onCollapseAll,
+		onExpandAll,
+		onExpandedChange,
+		onSearch,
+		onSelectedChange
+	};
+};
+const getRootDescendant = (descendants) => (value) => {
+	const segments = value.split("/");
+	if (segments.length <= 1) return;
+	const rootValue = segments.at(0);
+	return descendants.enabledValues().find(({ value: value$1 }) => value$1 === rootValue);
+};
+const getParentDescendant = (descendants) => (value) => {
+	const segments = value.split("/");
+	if (segments.length <= 1) return;
+	const parentValue = segments.slice(0, -1).join("/");
+	return descendants.enabledValues().find(({ value: value$1 }) => value$1 === parentValue);
+};
+const getChildDescendants = (descendants) => (value) => {
+	const children = descendants.enabledValues().filter((descendant) => descendant.value.startsWith(value + "/"));
+	return {
+		children,
+		values: children.map(({ value: value$1 }) => value$1).filter((value$1) => !(0, utils_exports.isUndefined)(value$1))
+	};
+};
+const getParentValues = (value) => {
+	return value.split("/").reduce((prev, current) => {
+		const prevValue = prev.at(-1);
+		return prevValue ? [...prev, [prevValue, current].join("/")] : [current];
+	}, []).toReversed();
+};
+const getCheckbox = (node) => {
+	const el = node?.querySelector("input[type='checkbox']");
+	return (0, utils_exports.isInputElement)(el) ? el : null;
+};
+const getAllChecked = (descendants, trulyValues, falsyValues) => {
+	const checked = descendants.map(({ node, value }) => {
+		if (value && trulyValues?.includes(value)) return true;
+		if (value && falsyValues?.includes(value)) return false;
+		return !!getCheckbox(node)?.checked;
+	});
+	const allChecked = !!checked.length && checked.every(Boolean);
+	return {
+		allChecked,
+		checked,
+		indeterminate: checked.some(Boolean) && !allChecked
+	};
+};
+const getRangeValues = (descendants) => (start, end) => {
+	const values = descendants.enabledValues();
+	const [startIndex, endIndex] = [values.findIndex((descendant) => descendant.value === start), values.findIndex((descendant) => descendant.value === end)].sort((a, b) => a - b);
+	return values.slice(startIndex, endIndex + 1).map(({ value }) => value).filter((value) => !(0, utils_exports.isUndefined)(value)).sort((a, b) => {
+		if (a === start && b !== start) return -1;
+		if (a !== start && b === start) return 1;
+		return 0;
+	});
+};
+const useTreeItem = ({ asyncChildren, children: childrenProp, defaultOpen, disabled = false, open: openProp, value: valueProp, onClose: onCloseProp, onOpen: onOpenProp, ...rest } = {}) => {
+	const context = useTreeItemContext();
+	const { activeDescendant, checkable, checkedValue, expandedValue, multiple, selectedValue, onActiveDescendant, onCheckedChange, onCollapseAll, onExpandAll, onExpandedChange, onSearch, onSelectedChange } = useTreeContext();
+	const [children, setChildren] = useState(childrenProp);
+	const [indeterminate, setIndeterminate] = useState(false);
+	const [itemId, labelId, groupId, checkboxId] = useIds();
+	const initialAsyncRef = useRef(false);
+	const async = !!asyncChildren;
+	const group = async || Children.count(children) > 0;
+	const level = (context?.level ?? 0) + 1;
+	const value = (0, utils_exports.filterEmpty)([context?.value, valueProp]).join("/");
+	const nested = !!context?.value;
+	const selected = (0, utils_exports.isArray)(selectedValue) ? !!value && selectedValue.includes(value) : selectedValue === value;
+	const checked = !!value && checkedValue.includes(value);
+	const defaultExpanded = !!value && expandedValue.includes(value);
+	const { open: groupOpen, onClose, onOpen } = useDisclosure({
+		defaultOpen: defaultOpen ?? defaultExpanded,
+		open: openProp,
+		onClose: onCloseProp,
+		onOpen: onOpenProp
+	});
+	const branchOpen = nested ? [...context.branchOpen, groupOpen] : [groupOpen];
+	const { descendants, register } = useTreeDescendant({
+		id: itemId,
+		disabled,
+		expanded: branchOpen.slice(0, -1).every(Boolean),
+		group,
+		value
+	});
+	const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {
+		setChildren(await asyncChildren?.());
+	}, [asyncChildren]);
+	const onSelect = useCallback((ev = {}) => {
+		const selectedValue$1 = ev.value ?? value;
+		if (disabled || !selectedValue$1) return;
+		if (multiple) onSelectedChange((prev) => {
+			if (!(0, utils_exports.isArray)(prev)) return prev;
+			if (ev.ctrlKey || ev.metaKey) if (prev.includes(selectedValue$1)) return prev.filter((prevValue) => prevValue !== selectedValue$1);
+			else return [...prev, selectedValue$1];
+			else if (ev.shiftKey && prev[0]) {
+				if (prev[0] === selectedValue$1) return prev;
+				return getRangeValues(descendants)(prev[0], selectedValue$1);
+			} else return [selectedValue$1];
+		});
+		else onSelectedChange(selectedValue$1);
+	}, [
+		descendants,
+		disabled,
+		multiple,
+		onSelectedChange,
+		value
+	]);
+	const onGroupOpen = useCallback(() => {
+		if (disabled || !value) return;
+		if (async && !initialAsyncRef.current) {
+			initialAsyncRef.current = true;
+			onGroupChildren().then(() => {
+				onOpen();
+				onExpandedChange(value);
+			});
+		} else {
+			onOpen();
+			onExpandedChange(value);
+		}
+	}, [
+		disabled,
+		async,
+		onGroupChildren,
+		onOpen,
+		onExpandedChange,
+		value
+	]);
+	const onGroupClose = useCallback(() => {
+		if (disabled || !value) return;
+		onClose();
+		onExpandedChange(value);
+	}, [
+		disabled,
+		onClose,
+		onExpandedChange,
+		value
+	]);
+	const onGroupToggle = useCallback(() => {
+		if (groupOpen) onGroupClose();
+		else onGroupOpen();
+	}, [
+		groupOpen,
+		onGroupClose,
+		onGroupOpen
+	]);
+	const onKeyDown = useCallback((ev) => {
+		if (disabled || !value) return;
+		runKeyAction(ev, {
+			a: () => {
+				if (!multiple || !(ev.ctrlKey || ev.metaKey)) return;
+				onSelectedChange(descendants.enabledValues().map(({ value: value$1 }) => value$1).filter((value$1) => !(0, utils_exports.isUndefined)(value$1)));
+			},
+			ArrowDown: () => {
+				if ((ev.ctrlKey || ev.metaKey) && ev.shiftKey) onExpandAll();
+				else {
+					const descendant = descendants.enabledNextValue(activeDescendant.current, false, { expanded: true });
+					onActiveDescendant(descendant);
+					if (descendant && ev.shiftKey && multiple) onSelect({
+						ctrlKey: true,
+						value: descendant.value
+					});
+				}
+			},
+			ArrowLeft: () => {
+				if (group && groupOpen) onGroupClose();
+				else if (nested) onActiveDescendant(getParentDescendant(descendants)(value));
+			},
+			ArrowRight: () => {
+				if (!group) return;
+				if (groupOpen) onActiveDescendant(descendants.enabledNextValue(activeDescendant.current, false, { expanded: true }));
+				else if (!groupLoading) onGroupOpen();
+			},
+			ArrowUp: () => {
+				if ((ev.ctrlKey || ev.metaKey) && ev.shiftKey) {
+					onCollapseAll();
+					if (!nested) return;
+					onActiveDescendant(getRootDescendant(descendants)(value));
+				} else {
+					const descendant = descendants.enabledPrevValue(activeDescendant.current, false, { expanded: true });
+					onActiveDescendant(descendant);
+					if (descendant && ev.shiftKey && multiple) onSelect({
+						ctrlKey: true,
+						value: descendant.value
+					});
+				}
+			},
+			End: () => {
+				onActiveDescendant(descendants.enabledValues({ expanded: true }).at(-1));
+			},
+			Enter: () => {
+				if (group) onGroupToggle();
+				onSelect(ev);
+			},
+			Home: () => {
+				onActiveDescendant(descendants.enabledValues({ expanded: true }).at(0));
+			},
+			Space: () => {
+				if (group) onGroupToggle();
+				onSelect(ev);
+			}
+		});
+		if (ev.key.length !== 1) return;
+		if (ev.ctrlKey || ev.metaKey || ev.altKey) return;
+		ev.preventDefault();
+		onSearch(ev.key, value);
+	}, [
+		activeDescendant,
+		descendants,
+		disabled,
+		group,
+		groupLoading,
+		groupOpen,
+		multiple,
+		nested,
+		onActiveDescendant,
+		onCollapseAll,
+		onExpandAll,
+		onGroupClose,
+		onGroupOpen,
+		onGroupToggle,
+		onSearch,
+		onSelect,
+		onSelectedChange,
+		value
+	]);
+	const onItemClick = useCallback((ev) => {
+		if (disabled || group || !value) return;
+		onSelect(ev);
+	}, [
+		disabled,
+		group,
+		onSelect,
+		value
+	]);
+	const onTriggerClick = useCallback((ev) => {
+		if (disabled || !group || !value || groupLoading) return;
+		if (!ev.ctrlKey && !ev.metaKey && !ev.shiftKey) onGroupToggle();
+		onSelect(ev);
+	}, [
+		disabled,
+		group,
+		value,
+		groupLoading,
+		onGroupToggle,
+		onSelect
+	]);
+	const onCheckboxChange = useCallback((ev) => {
+		if (disabled || !value) return;
+		ev.stopPropagation();
+		if (group) setIndeterminate(false);
+		onCheckedChange((prev) => {
+			const target = [value];
+			if (group) {
+				const { values } = getChildDescendants(descendants)(value);
+				target.push(...values);
+			}
+			if (nested) {
+				const parentValues = getParentValues(context.value);
+				const parentTarget = [];
+				parentValues.forEach((parentValue) => {
+					const { children: children$1 } = getChildDescendants(descendants)(parentValue);
+					const { allChecked } = getAllChecked(children$1, [...parentTarget, ...ev.target.checked ? target : []], !ev.target.checked ? target : []);
+					if (allChecked) parentTarget.push(parentValue);
+				});
+				if (!ev.target.checked) parentTarget.push(...parentValues);
+				target.push(...parentTarget);
+			}
+			if (ev.target.checked) return [...new Set([...prev, ...target])];
+			else return prev.filter((prevValue) => !target.includes(prevValue));
+		});
+	}, [
+		disabled,
+		group,
+		onCheckedChange,
+		value,
+		nested,
+		descendants,
+		context
+	]);
+	useUpdateEffect(() => {
+		if (defaultExpanded) if (async && !initialAsyncRef.current) {
+			initialAsyncRef.current = true;
+			onGroupChildren().then(() => {
+				onOpen();
+			});
+		} else onOpen();
+		else onClose();
+	}, [defaultExpanded]);
+	useSafeLayoutEffect(() => {
+		if (!group || !checkable) return;
+		const { children: children$1 } = getChildDescendants(descendants)(value);
+		const { indeterminate: indeterminate$1 } = getAllChecked(children$1);
+		setIndeterminate(indeterminate$1);
+	}, [checkedValue]);
+	useSafeLayoutEffect(() => {
+		if (!checkable) return;
+		const { node } = getParentDescendant(descendants)(value) ?? {};
+		const checkbox = getCheckbox(node);
+		if (!checkbox) return;
+		return (0, utils_exports.setAttribute)(checkbox, "aria-controls", checkboxId);
+	}, [checkable, descendants]);
+	const getItemProps = useCallback(({ "aria-labelledby": ariaLabelledby, ...props } = {}) => ({
+		id: itemId,
+		ref: mergeRefs(props.ref, rest.ref, !group ? register : void 0),
+		"aria-disabled": (0, utils_exports.ariaAttr)(disabled),
+		"aria-labelledby": (0, utils_exports.cx)(ariaLabelledby, labelId),
+		"aria-level": level,
+		"aria-selected": (0, utils_exports.ariaAttr)(selected),
+		"data-disabled": (0, utils_exports.dataAttr)(disabled),
+		role: "treeitem",
+		tabIndex: -1,
+		...rest,
+		...props,
+		onClick: (0, utils_exports.handlerAll)(props.onClick, rest.onClick, onItemClick),
+		onKeyDown: (0, utils_exports.handlerAll)(props.onKeyDown, rest.onKeyDown, onKeyDown)
+	}), [
+		itemId,
+		rest,
+		group,
+		register,
+		disabled,
+		labelId,
+		level,
+		selected,
+		onItemClick,
+		onKeyDown
+	]);
+	const getGroupItemProps = useCallback((props = {}) => getItemProps({
+		"aria-expanded": groupOpen,
+		...props
+	}), [getItemProps, groupOpen]);
+	const getIndicatorProps = useCallback((props) => ({
+		"aria-disabled": (0, utils_exports.ariaAttr)(disabled),
+		"aria-expanded": groupOpen,
+		"aria-hidden": true,
+		"data-disabled": (0, utils_exports.dataAttr)(disabled),
+		"data-loading": (0, utils_exports.dataAttr)(groupLoading),
+		"data-selected": (0, utils_exports.dataAttr)(selected),
+		role: "presentation",
+		...props
+	}), [
+		disabled,
+		groupOpen,
+		selected,
+		groupLoading
+	]);
+	const getCheckboxProps = useCallback(({ "aria-labelledby": ariaLabelledby, ...props } = {}) => ({
+		id: checkboxId,
+		"aria-labelledby": (0, utils_exports.cx)(ariaLabelledby, labelId),
+		"data-selected": (0, utils_exports.dataAttr)(selected),
+		checked,
+		indeterminate,
+		tabIndex: -1,
+		...props,
+		onChange: (0, utils_exports.handlerAll)(props.onChange, onCheckboxChange)
+	}), [
+		checkboxId,
+		labelId,
+		selected,
+		checked,
+		indeterminate,
+		onCheckboxChange
+	]);
+	const getTriggerProps = useCallback((props = {}) => ({
+		ref: mergeRefs(props.ref, group ? register : void 0),
+		"aria-controls": groupId,
+		"aria-disabled": (0, utils_exports.ariaAttr)(disabled),
+		"data-disabled": (0, utils_exports.dataAttr)(disabled),
+		"data-expanded": (0, utils_exports.dataAttr)(groupOpen),
+		"data-selected": (0, utils_exports.dataAttr)(selected),
+		tabIndex: -1,
+		...props,
+		onClick: (0, utils_exports.handlerAll)(props.onClick, onTriggerClick)
+	}), [
+		group,
+		register,
+		groupId,
+		disabled,
+		groupOpen,
+		selected,
+		onTriggerClick
+	]);
+	return {
+		branchOpen,
+		checked,
+		children,
+		disabled,
+		group,
+		groupLoading,
+		groupOpen,
+		indeterminate,
+		level,
+		selected,
+		value,
+		getCheckboxProps,
+		getGroupItemProps,
+		getGroupProps: useCallback(({ "aria-labelledby": ariaLabelledby, ...props } = {}) => ({
+			id: groupId,
+			"aria-busy": (0, utils_exports.ariaAttr)(groupLoading),
+			"aria-labelledby": (0, utils_exports.cx)(ariaLabelledby, labelId),
+			"data-disabled": (0, utils_exports.dataAttr)(disabled),
+			role: "group",
+			...props
+		}), [
+			groupId,
+			labelId,
+			disabled,
+			groupLoading
+		]),
+		getIndicatorProps,
+		getItemProps,
+		getLabelProps: useCallback((props = {}) => ({
+			id: labelId,
+			...props
+		}), [labelId]),
+		getTriggerProps,
+		onGroupClose,
+		onGroupOpen,
+		onGroupToggle
+	};
+};
+
+//#endregion
+export { TreeContext, TreeDescendantsContext, TreeItemContext, useTree, useTreeContext, useTreeDescendant, useTreeDescendants, useTreeItem, useTreeItemContext };
+//# sourceMappingURL=use-tree.js.map

package/dist/esm/components/tree/use-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tree.js","names":["createContext","descendant","value","level: number","value: string","branchOpen: boolean[]","selectedValue","parentTarget: string[]","children","indeterminate","getItemProps: PropGetter<\"li\">","getGroupItemProps: PropGetter<\"li\">","getIndicatorProps: PropGetter<\"svg\">","getCheckboxProps: PropGetter<UseCheckboxProps>","getTriggerProps: PropGetter"],"sources":["../../../../src/components/tree/use-tree.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n  SetStateAction,\n} from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Descendant, Descendants } from \"../../hooks/use-descendants\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UseCheckboxProps } from \"../checkbox\"\nimport { Children, useCallback, useRef, useState } from \"react\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  cx,\n  dataAttr,\n  filterEmpty,\n  handlerAll,\n  isArray,\n  isInputElement,\n  isUndefined,\n  match,\n  mergeRefs,\n  runKeyAction,\n  setAttribute,\n  useIds,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n} from \"../../utils\"\n\nexport interface TreeControl {\n  collapse: () => void\n  expand: () => void\n}\n\ninterface TreeDescendantProps {\n  expanded: boolean\n  group: boolean\n  id: string\n  value: string\n}\n\nconst {\n  DescendantsContext: TreeDescendantsContext,\n  useDescendant: useTreeDescendant,\n  useDescendants: useTreeDescendants,\n} = createDescendants<HTMLElement, TreeDescendantProps>()\n\nexport { TreeDescendantsContext, useTreeDescendant, useTreeDescendants }\n\ninterface TreeContext extends Omit<\n  UseTreeReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [TreeContext, useTreeContext] = createContext<TreeContext>({\n  name: \"TreeContext\",\n})\n\nexport { TreeContext, useTreeContext }\n\ninterface TreeItemContext extends Pick<\n  UseTreeItemReturn,\n  | \"branchOpen\"\n  | \"groupOpen\"\n  | \"level\"\n  | \"onGroupClose\"\n  | \"onGroupOpen\"\n  | \"onGroupToggle\"\n  | \"value\"\n> {}\n\nconst [TreeItemContext, useTreeItemContext] = createContext<TreeItemContext>({\n  name: \"TreeItemContext\",\n  strict: false,\n})\n\nexport { TreeItemContext, useTreeItemContext }\n\nexport interface UseTreeProps<\n  Multiple extends boolean = false,\n> extends HTMLProps<\"ul\"> {\n  /**\n   * If `true`, the tree will allow checkable items.\n   *\n   * @default false\n   */\n  checkable?: boolean\n  /**\n   * The checked value of the tree.\n   */\n  checkedValue?: string[]\n  /**\n   * Ref of the tree callbacks.\n   */\n  controlRef?: RefObject<null | TreeControl>\n  /**\n   * The initial checked value of the tree.\n   */\n  defaultCheckedValue?: string[]\n  /**\n   * The initial expanded value of the tree.\n   */\n  defaultExpandedValue?: string[]\n  /**\n   * The initial selected value of the tree.\n   */\n  defaultSelectedValue?: Multiple extends true ? string[] : string\n  /**\n   * The expanded value of the tree.\n   */\n  expandedValue?: string[]\n  /**\n   * If `true`, the tree will allow multiple selection.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The selected value of the tree.\n   */\n  selectedValue?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when checked value changes.\n   */\n  onCheckedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when expanded value changes.\n   */\n  onExpandedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when selected value changes.\n   */\n  onSelectedChange?: (value: Multiple extends true ? string[] : string) => void\n}\n\nexport const useTree = <Multiple extends boolean = false>({\n  checkable = false,\n  checkedValue: checkedValueProp,\n  children,\n  controlRef,\n  defaultCheckedValue = [],\n  defaultExpandedValue = [],\n  defaultSelectedValue,\n  expandedValue: expandedValueProp,\n  multiple,\n  selectedValue: selectedValueProp,\n  onCheckedChange: onCheckedChangeProp,\n  onExpandedChange: onExpandedChangeProp,\n  onSelectedChange: onSelectedChangeProp,\n  ...rest\n}: UseTreeProps<Multiple> = {}) => {\n  type MaybeSelectedValue = Multiple extends true ? string[] : string\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue:\n      defaultSelectedValue ?? ((multiple ? [] : \"\") as MaybeSelectedValue),\n    value: selectedValueProp,\n    onChange: onSelectedChangeProp,\n  })\n  const [checkedValue, onCheckedChange] = useControllableState({\n    defaultValue: defaultCheckedValue,\n    value: checkedValueProp,\n    onChange: onCheckedChangeProp,\n  })\n  const [expandedValue, setExpandedValue] = useControllableState({\n    defaultValue: defaultExpandedValue,\n    value: expandedValueProp,\n    onChange: onExpandedChangeProp,\n  })\n  const descendants = useTreeDescendants()\n  const activeDescendant = useRef<Descendant<\n    HTMLElement,\n    TreeDescendantProps\n  > | null>(null)\n  const searchRef = useRef<{ value: string; omitValue?: string }>({\n    omitValue: undefined,\n    value: \"\",\n  })\n  const timeoutRef = useRef<any>(null)\n  const rootRef = useRef<HTMLUListElement>(null)\n\n  const onExpandAll = useCallback(() => {\n    const values = descendants.enabledValues()\n    const group = values.filter(({ group }) => group)\n    const value = group.map(({ value }) => value)\n\n    setExpandedValue(value)\n  }, [descendants, setExpandedValue])\n\n  const onCollapseAll = useCallback(() => {\n    setExpandedValue([])\n  }, [setExpandedValue])\n\n  const onActiveDescendant = useCallback(\n    (\n      descendant?: Descendant<HTMLElement, TreeDescendantProps>,\n      shouldFocus = true,\n    ) => {\n      if (!rootRef.current || !descendant) return\n\n      rootRef.current.setAttribute(\"aria-activedescendant\", descendant.id)\n\n      descendants.values().forEach(({ node }) => {\n        node.tabIndex = -1\n      })\n\n      activeDescendant.current = descendant\n      descendant.node.tabIndex = 0\n\n      if (shouldFocus) descendant.node.focus()\n    },\n    [descendants],\n  )\n\n  const onSearch = useCallback(\n    (value: string, omitValue: string) => {\n      clearTimeout(timeoutRef.current)\n\n      searchRef.current.value += value\n\n      if (!searchRef.current.omitValue) searchRef.current.omitValue = omitValue\n\n      timeoutRef.current = setTimeout(() => {\n        searchRef.current = { omitValue: undefined, value: \"\" }\n      }, 400)\n\n      const values = descendants\n        .enabledValues({ expanded: true })\n        .filter(\n          (descendant) =>\n            !isUndefined(descendant.value) &&\n            descendant.value !== searchRef.current.omitValue,\n        )\n      const descendant = values.find(({ value }) =>\n        match(value, searchRef.current.value, \"startsWith\"),\n      )\n\n      if (descendant) onActiveDescendant(descendant)\n    },\n    [descendants, onActiveDescendant],\n  )\n\n  const onSelectedChange = useCallback(\n    (value: SetStateAction<string | string[]>) => {\n      setSelectedValue(value as SetStateAction<MaybeSelectedValue>)\n    },\n    [setSelectedValue],\n  )\n\n  const onExpandedChange = useCallback(\n    (value: string) => {\n      setExpandedValue((prev) => {\n        if (prev.includes(value)) {\n          return prev.filter((prevValue) => prevValue !== value)\n        } else {\n          return [...prev, value]\n        }\n      })\n    },\n    [setExpandedValue],\n  )\n\n  useSafeLayoutEffect(() => {\n    const value = isArray(selectedValue) ? selectedValue.at(0) : selectedValue\n    const expandedDescendants = descendants.enabledValues({ expanded: true })\n\n    if (value) {\n      const descendant = expandedDescendants.find(\n        (descendant) => value === descendant.value,\n      )\n\n      if (descendant) {\n        onActiveDescendant(descendant, false)\n      } else {\n        onActiveDescendant(expandedDescendants.at(0), false)\n      }\n    } else {\n      onActiveDescendant(expandedDescendants.at(0), false)\n    }\n  }, [children])\n\n  assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n  const getRootProps: PropGetter<\"ul\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ref: mergeRefs(ref, rootRef),\n      \"aria-multiselectable\": ariaAttr(multiple || checkable),\n      children,\n      role: \"tree\",\n      ...rest,\n      ...props,\n    }),\n    [multiple, checkable, rest, children],\n  )\n\n  return {\n    activeDescendant,\n    checkable,\n    checkedValue,\n    descendants,\n    expandedValue,\n    multiple,\n    selectedValue,\n    getRootProps,\n    onActiveDescendant,\n    onCheckedChange,\n    onCollapseAll,\n    onExpandAll,\n    onExpandedChange,\n    onSearch,\n    onSelectedChange,\n  }\n}\n\nexport type UseTreeReturn = ReturnType<typeof useTree>\n\nconst getRootDescendant =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const segments = value.split(\"/\")\n\n    if (segments.length <= 1) return\n\n    const rootValue = segments.at(0)\n\n    return descendants.enabledValues().find(({ value }) => value === rootValue)\n  }\n\nconst getParentDescendant =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const segments = value.split(\"/\")\n\n    if (segments.length <= 1) return\n\n    const parentValue = segments.slice(0, -1).join(\"/\")\n\n    return descendants\n      .enabledValues()\n      .find(({ value }) => value === parentValue)\n  }\n\nconst getChildDescendants =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (value: string) => {\n    const children = descendants\n      .enabledValues()\n      .filter((descendant) => descendant.value.startsWith(value + \"/\"))\n    const values = children\n      .map(({ value }) => value)\n      .filter((value) => !isUndefined(value))\n\n    return { children, values }\n  }\n\nconst getParentValues = (value: string) => {\n  const segments = value.split(\"/\")\n\n  return segments\n    .reduce<string[]>((prev, current) => {\n      const prevValue = prev.at(-1)\n      return prevValue ? [...prev, [prevValue, current].join(\"/\")] : [current]\n    }, [])\n    .toReversed()\n}\n\nconst getCheckbox = (node?: HTMLElement) => {\n  const el = node?.querySelector(\"input[type='checkbox']\")\n\n  return isInputElement(el) ? el : null\n}\n\nconst getAllChecked = (\n  descendants: Descendant<HTMLElement, TreeDescendantProps>[],\n  trulyValues?: string[],\n  falsyValues?: string[],\n) => {\n  const checked = descendants.map(({ node, value }) => {\n    if (value && trulyValues?.includes(value)) return true\n    if (value && falsyValues?.includes(value)) return false\n\n    const checkbox = getCheckbox(node)\n\n    return !!checkbox?.checked\n  })\n\n  const allChecked = !!checked.length && checked.every(Boolean)\n  const indeterminate = checked.some(Boolean) && !allChecked\n\n  return { allChecked, checked, indeterminate }\n}\n\nconst getRangeValues =\n  (descendants: Descendants<HTMLElement, TreeDescendantProps>) =>\n  (start: string, end: string) => {\n    const values = descendants.enabledValues()\n    const [startIndex, endIndex] = [\n      values.findIndex((descendant) => descendant.value === start),\n      values.findIndex((descendant) => descendant.value === end),\n    ].sort((a, b) => a - b)\n\n    return values\n      .slice(startIndex, endIndex! + 1)\n      .map(({ value }) => value)\n      .filter((value) => !isUndefined(value))\n      .sort((a, b) => {\n        if (a === start && b !== start) return -1\n        if (a !== start && b === start) return 1\n\n        return 0\n      })\n  }\n\nexport interface UseTreeItemProps\n  extends HTMLProps<\"li\">, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the tree item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The value of the item.\n   */\n  value?: string\n  /**\n   * If provided, the tree item will be rendered as an async tree item.\n   */\n  asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useTreeItem = ({\n  asyncChildren,\n  children: childrenProp,\n  defaultOpen,\n  disabled = false,\n  open: openProp,\n  value: valueProp,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseTreeItemProps = {}) => {\n  const context = useTreeItemContext()\n  const {\n    activeDescendant,\n    checkable,\n    checkedValue,\n    expandedValue,\n    multiple,\n    selectedValue,\n    onActiveDescendant,\n    onCheckedChange,\n    onCollapseAll,\n    onExpandAll,\n    onExpandedChange,\n    onSearch,\n    onSelectedChange,\n  } = useTreeContext()\n  const [children, setChildren] = useState<ReactNode>(childrenProp)\n  const [indeterminate, setIndeterminate] = useState(false)\n  const [itemId, labelId, groupId, checkboxId] = useIds()\n  const initialAsyncRef = useRef(false)\n  const async = !!asyncChildren\n  const group = async || Children.count(children) > 0\n  const level: number = (context?.level ?? 0) + 1\n  const value: string = filterEmpty([context?.value, valueProp]).join(\"/\")\n  const nested = !!context?.value\n  const selected = isArray(selectedValue)\n    ? !!value && selectedValue.includes(value)\n    : selectedValue === value\n  const checked = !!value && checkedValue.includes(value)\n  const defaultExpanded = !!value && expandedValue.includes(value)\n  const {\n    open: groupOpen,\n    onClose,\n    onOpen,\n  } = useDisclosure({\n    defaultOpen: defaultOpen ?? defaultExpanded,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const branchOpen: boolean[] = nested\n    ? [...context.branchOpen, groupOpen]\n    : [groupOpen]\n  const { descendants, register } = useTreeDescendant({\n    id: itemId!,\n    disabled,\n    expanded: branchOpen.slice(0, -1).every(Boolean),\n    group,\n    value,\n  })\n\n  const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n    const children = await asyncChildren?.()\n\n    setChildren(children)\n  }, [asyncChildren])\n\n  const onSelect = useCallback(\n    (\n      ev: (\n        | Partial<KeyboardEvent<HTMLElement>>\n        | Partial<MouseEvent<HTMLElement>>\n      ) & { value?: string } = {},\n    ) => {\n      const selectedValue = ev.value ?? value\n\n      if (disabled || !selectedValue) return\n\n      if (multiple) {\n        onSelectedChange((prev) => {\n          if (!isArray(prev)) return prev\n\n          if (ev.ctrlKey || ev.metaKey) {\n            if (prev.includes(selectedValue)) {\n              return prev.filter((prevValue) => prevValue !== selectedValue)\n            } else {\n              return [...prev, selectedValue]\n            }\n          } else if (ev.shiftKey && prev[0]) {\n            if (prev[0] === selectedValue) return prev\n\n            return getRangeValues(descendants)(prev[0], selectedValue)\n          } else {\n            return [selectedValue]\n          }\n        })\n      } else {\n        onSelectedChange(selectedValue)\n      }\n    },\n    [descendants, disabled, multiple, onSelectedChange, value],\n  )\n\n  const onGroupOpen = useCallback(() => {\n    if (disabled || !value) return\n\n    if (async && !initialAsyncRef.current) {\n      initialAsyncRef.current = true\n\n      onGroupChildren().then(() => {\n        onOpen()\n        onExpandedChange(value)\n      })\n    } else {\n      onOpen()\n      onExpandedChange(value)\n    }\n  }, [disabled, async, onGroupChildren, onOpen, onExpandedChange, value])\n\n  const onGroupClose = useCallback(() => {\n    if (disabled || !value) return\n\n    onClose()\n    onExpandedChange(value)\n  }, [disabled, onClose, onExpandedChange, value])\n\n  const onGroupToggle = useCallback(() => {\n    if (groupOpen) {\n      onGroupClose()\n    } else {\n      onGroupOpen()\n    }\n  }, [groupOpen, onGroupClose, onGroupOpen])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      if (disabled || !value) return\n\n      runKeyAction(ev, {\n        a: () => {\n          if (!multiple || !(ev.ctrlKey || ev.metaKey)) return\n\n          const values = descendants\n            .enabledValues()\n            .map(({ value }) => value)\n            .filter((value) => !isUndefined(value))\n\n          onSelectedChange(values)\n        },\n        ArrowDown: () => {\n          if ((ev.ctrlKey || ev.metaKey) && ev.shiftKey) {\n            onExpandAll()\n          } else {\n            const descendant = descendants.enabledNextValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n\n            if (descendant && ev.shiftKey && multiple)\n              onSelect({ ctrlKey: true, value: descendant.value })\n          }\n        },\n        ArrowLeft: () => {\n          if (group && groupOpen) {\n            onGroupClose()\n          } else if (nested) {\n            const descendant = getParentDescendant(descendants)(value)\n\n            onActiveDescendant(descendant)\n          }\n        },\n        ArrowRight: () => {\n          if (!group) return\n\n          if (groupOpen) {\n            const descendant = descendants.enabledNextValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n          } else {\n            if (!groupLoading) onGroupOpen()\n          }\n        },\n        ArrowUp: () => {\n          if ((ev.ctrlKey || ev.metaKey) && ev.shiftKey) {\n            onCollapseAll()\n\n            if (!nested) return\n\n            const descendant = getRootDescendant(descendants)(value)\n\n            onActiveDescendant(descendant)\n          } else {\n            const descendant = descendants.enabledPrevValue(\n              activeDescendant.current,\n              false,\n              { expanded: true },\n            )\n\n            onActiveDescendant(descendant)\n\n            if (descendant && ev.shiftKey && multiple)\n              onSelect({ ctrlKey: true, value: descendant.value })\n          }\n        },\n        End: () => {\n          const descendant = descendants\n            .enabledValues({ expanded: true })\n            .at(-1)\n\n          onActiveDescendant(descendant)\n        },\n        Enter: () => {\n          if (group) onGroupToggle()\n\n          onSelect(ev)\n        },\n        Home: () => {\n          const descendant = descendants.enabledValues({ expanded: true }).at(0)\n\n          onActiveDescendant(descendant)\n        },\n        Space: () => {\n          if (group) onGroupToggle()\n\n          onSelect(ev)\n        },\n      })\n\n      if (ev.key.length !== 1) return\n      if (ev.ctrlKey || ev.metaKey || ev.altKey) return\n\n      ev.preventDefault()\n\n      onSearch(ev.key, value)\n    },\n    [\n      activeDescendant,\n      descendants,\n      disabled,\n      group,\n      groupLoading,\n      groupOpen,\n      multiple,\n      nested,\n      onActiveDescendant,\n      onCollapseAll,\n      onExpandAll,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n      onSearch,\n      onSelect,\n      onSelectedChange,\n      value,\n    ],\n  )\n\n  const onItemClick = useCallback(\n    (ev: MouseEvent<HTMLLIElement>) => {\n      if (disabled || group || !value) return\n\n      onSelect(ev)\n    },\n    [disabled, group, onSelect, value],\n  )\n\n  const onTriggerClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled || !group || !value || groupLoading) return\n\n      if (!ev.ctrlKey && !ev.metaKey && !ev.shiftKey) onGroupToggle()\n\n      onSelect(ev)\n    },\n    [disabled, group, value, groupLoading, onGroupToggle, onSelect],\n  )\n\n  const onCheckboxChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (disabled || !value) return\n\n      ev.stopPropagation()\n\n      if (group) setIndeterminate(false)\n\n      onCheckedChange((prev) => {\n        const target = [value]\n\n        if (group) {\n          const { values } = getChildDescendants(descendants)(value)\n\n          target.push(...values)\n        }\n\n        if (nested) {\n          const parentValues = getParentValues(context.value)\n          const parentTarget: string[] = []\n\n          parentValues.forEach((parentValue) => {\n            const { children } = getChildDescendants(descendants)(parentValue)\n            const { allChecked } = getAllChecked(\n              children,\n              [...parentTarget, ...(ev.target.checked ? target : [])],\n              !ev.target.checked ? target : [],\n            )\n\n            if (allChecked) parentTarget.push(parentValue)\n          })\n\n          if (!ev.target.checked) parentTarget.push(...parentValues)\n\n          target.push(...parentTarget)\n        }\n\n        if (ev.target.checked) {\n          return [...new Set([...prev, ...target])]\n        } else {\n          return prev.filter((prevValue) => !target.includes(prevValue))\n        }\n      })\n    },\n    [disabled, group, onCheckedChange, value, nested, descendants, context],\n  )\n\n  useUpdateEffect(() => {\n    if (defaultExpanded) {\n      if (async && !initialAsyncRef.current) {\n        initialAsyncRef.current = true\n\n        onGroupChildren().then(() => {\n          onOpen()\n        })\n      } else {\n        onOpen()\n      }\n    } else {\n      onClose()\n    }\n  }, [defaultExpanded])\n\n  useSafeLayoutEffect(() => {\n    if (!group || !checkable) return\n\n    const { children } = getChildDescendants(descendants)(value)\n    const { indeterminate } = getAllChecked(children)\n\n    setIndeterminate(indeterminate)\n  }, [checkedValue])\n\n  useSafeLayoutEffect(() => {\n    if (!checkable) return\n\n    const { node } = getParentDescendant(descendants)(value) ?? {}\n    const checkbox = getCheckbox(node)\n\n    if (!checkbox) return\n\n    const cleanup = setAttribute(checkbox, \"aria-controls\", checkboxId)\n\n    return cleanup\n  }, [checkable, descendants])\n\n  const getItemProps: PropGetter<\"li\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: itemId,\n      ref: mergeRefs(props.ref, rest.ref, !group ? register : undefined),\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"aria-level\": level,\n      \"aria-selected\": ariaAttr(selected),\n      \"data-disabled\": dataAttr(disabled),\n      role: \"treeitem\",\n      tabIndex: -1,\n      ...rest,\n      ...props,\n      onClick: handlerAll(props.onClick, rest.onClick, onItemClick),\n      onKeyDown: handlerAll(props.onKeyDown, rest.onKeyDown, onKeyDown),\n    }),\n    [\n      itemId,\n      rest,\n      group,\n      register,\n      disabled,\n      labelId,\n      level,\n      selected,\n      onItemClick,\n      onKeyDown,\n    ],\n  )\n\n  const getGroupItemProps: PropGetter<\"li\"> = useCallback(\n    (props = {}) => getItemProps({ \"aria-expanded\": groupOpen, ...props }),\n    [getItemProps, groupOpen],\n  )\n\n  const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"aria-hidden\": true,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-loading\": dataAttr(groupLoading),\n      \"data-selected\": dataAttr(selected),\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled, groupOpen, selected, groupLoading],\n  )\n\n  const getCheckboxProps: PropGetter<UseCheckboxProps> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: checkboxId,\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-selected\": dataAttr(selected),\n      checked,\n      indeterminate,\n      tabIndex: -1,\n      ...props,\n      onChange: handlerAll(props.onChange, onCheckboxChange),\n    }),\n    [checkboxId, labelId, selected, checked, indeterminate, onCheckboxChange],\n  )\n\n  const getTriggerProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ref: mergeRefs(props.ref, group ? register : undefined),\n      \"aria-controls\": groupId,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-expanded\": dataAttr(groupOpen),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: -1,\n      ...props,\n      onClick: handlerAll(props.onClick, onTriggerClick),\n    }),\n    [group, register, groupId, disabled, groupOpen, selected, onTriggerClick],\n  )\n\n  const getGroupProps: PropGetter<\"ul\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: groupId,\n      \"aria-busy\": ariaAttr(groupLoading),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-disabled\": dataAttr(disabled),\n      role: \"group\",\n      ...props,\n    }),\n    [groupId, labelId, disabled, groupLoading],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  return {\n    branchOpen,\n    checked,\n    children,\n    disabled,\n    group,\n    groupLoading,\n    groupOpen,\n    indeterminate,\n    level,\n    selected,\n    value,\n    getCheckboxProps,\n    getGroupItemProps,\n    getGroupProps,\n    getIndicatorProps,\n    getItemProps,\n    getLabelProps,\n    getTriggerProps,\n    onGroupClose,\n    onGroupOpen,\n    onGroupToggle,\n  }\n}\n\nexport type UseTreeItemReturn = ReturnType<typeof useTreeItem>\n"],"mappings":"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"}

package/dist/esm/hooks/use-descendants/index.js

@@ -36,15 +36,25 @@ const descendantManager = () => {
 		});
 	};
 	const set = (node, props) => {
-		if (!node || descendants.has(node)) return;
-		const sorted = sortNodes(Array.from(descendants.keys()).concat(node));
-		const descendant = {
-			...props,
-			index: -1,
-			node
-		};
-		descendants.set(node, descendant);
-		setIndexes(sorted);
+		if (!node) return;
+		if (descendants.has(node)) {
+			const descendant = descendants.get(node);
+			descendants.set(node, {
+				...descendant,
+				...props,
+				index: descendant.index,
+				node: descendant.node
+			});
+		} else {
+			const sorted = sortNodes(Array.from(descendants.keys()).concat(node));
+			const descendant = {
+				...props,
+				index: -1,
+				node
+			};
+			descendants.set(node, descendant);
+			setIndexes(sorted);
+		}
 	};
 	const destroy = () => descendants.clear();
 	const register = (props) => {