@commercetools/nimbus 3.2.0 → 3.4.0

package/dist/chunks/use-tree-BFKFaiiu.esm.js

@@ -0,0 +1,1170 @@
+import { a as e, d as t, i as n, l as r, n as i, o as a, r as o, t as s } from "./CollectionBuilder-CrO7xw2e.esm.js";
+import { i as c, t as l } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { t as u } from "./useObjectRef-B_3vY5-Q.esm.js";
+import { t as d } from "./useLabels-Buc4v9mJ.esm.js";
+import { t as f } from "./I18nProvider-Cw-VVV-e.esm.js";
+import { n as p } from "./useLocalizedStringFormatter-DnGagN_9.esm.js";
+import { t as m } from "./filterDOMProps-Dk-4zxhC.esm.js";
+import { n as h } from "./FocusScope-CFQQWfNO.esm.js";
+import { n as g, r as _, t as v } from "./checkbox-dSuozQvl.esm.js";
+import { t as y } from "./useControlledState-DH1pZlhP.esm.js";
+import { n as b } from "./VisuallyHidden-C5SfYuNh.esm.js";
+import { n as x } from "./useSelectableList-gohzq7dg.esm.js";
+import { t as S } from "./useCollator-duIsyVP8.esm.js";
+import { n as ee, t as C } from "./useDragAndDrop-BAyAtCYg.esm.js";
+import { t as te } from "./useFocusRing-CgvZuPOT.esm.js";
+import { t as ne } from "./useHover-FP8QRkFh.esm.js";
+import { n as w, t as T } from "./useGridListItem-C6LMK1Mv.esm.js";
+import { a as re, n as E, o as D, r as O, t as ie } from "./utils-BYIK8Yf2.esm.js";
+import { r as k, t as A } from "./Collection-CgMG1nwQ.esm.js";
+import { n as ae, t as oe } from "./Button-B5g2BgY8.esm.js";
+import { a as j, i as M, n as N, r as P, t as F } from "./useLoadMoreSentinel-DEjOHrGE.esm.js";
+import { t as se } from "./SharedElementTransition-DOCV83-e.esm.js";
+import { t as I } from "./SelectionIndicator-0x-yjCVE.esm.js";
+import { t as L } from "./inertValue-BpTB_Nl7.esm.js";
+import { t as ce } from "./useTreeState-DuW0JMo8.esm.js";
+import { t as R } from "./TreeDropTargetDelegate-cHIrlzs2.esm.js";
+import { t as z } from "./icon-button-CyhrlrIv.esm.js";
+import { t as B } from "./extract-style-props-D519tVOc.esm.js";
+import V, { createContext as H, forwardRef as U, useContext as W, useEffect as G, useMemo as K, useRef as q, useState as J } from "react";
+import { jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { ChevronRight as Z, DragIndicator as le } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as ue, useSlotRecipe as de } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/tree/useTree.mjs
+function fe(e, t, n) {
+	let { gridProps: r } = w(e, t, n);
+	return r.role = "treegrid", { gridProps: r };
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/ar-AE.mjs
+var Q = {};
+Q = {
+	collapse: "طي",
+	expand: "تمديد"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/bg-BG.mjs
+var pe = {};
+pe = {
+	collapse: "Свиване",
+	expand: "Разширяване"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/cs-CZ.mjs
+var $ = {};
+$ = {
+	collapse: "Sbalit",
+	expand: "Roztáhnout"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/da-DK.mjs
+var me = {};
+me = {
+	collapse: "Skjul",
+	expand: "Udvid"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/de-DE.mjs
+var he = {};
+he = {
+	collapse: "Reduzieren",
+	expand: "Erweitern"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/el-GR.mjs
+var ge = {};
+ge = {
+	collapse: "Σύμπτυξη",
+	expand: "Ανάπτυξη"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/en-US.mjs
+var _e = {};
+_e = {
+	expand: "Expand",
+	collapse: "Collapse"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/es-ES.mjs
+var ve = {};
+ve = {
+	collapse: "Contraer",
+	expand: "Ampliar"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/et-EE.mjs
+var ye = {};
+ye = {
+	collapse: "Ahenda",
+	expand: "Laienda"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/fi-FI.mjs
+var be = {};
+be = {
+	collapse: "Pienennä",
+	expand: "Laajenna"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/fr-FR.mjs
+var xe = {};
+xe = {
+	collapse: "Réduire",
+	expand: "Développer"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/he-IL.mjs
+var Se = {};
+Se = {
+	collapse: "כווץ",
+	expand: "הרחב"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/hr-HR.mjs
+var Ce = {};
+Ce = {
+	collapse: "Sažmi",
+	expand: "Proširi"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/hu-HU.mjs
+var we = {};
+we = {
+	collapse: "Összecsukás",
+	expand: "Kibontás"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/it-IT.mjs
+var Te = {};
+Te = {
+	collapse: "Comprimi",
+	expand: "Espandi"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/ja-JP.mjs
+var Ee = {};
+Ee = {
+	collapse: "折りたたむ",
+	expand: "展開"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/ko-KR.mjs
+var De = {};
+De = {
+	collapse: "접기",
+	expand: "펼치기"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/lt-LT.mjs
+var Oe = {};
+Oe = {
+	collapse: "Sutraukti",
+	expand: "Išskleisti"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/lv-LV.mjs
+var ke = {};
+ke = {
+	collapse: "Sakļaut",
+	expand: "Izvērst"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/nb-NO.mjs
+var Ae = {};
+Ae = {
+	collapse: "Skjul",
+	expand: "Utvid"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/nl-NL.mjs
+var je = {};
+je = {
+	collapse: "Samenvouwen",
+	expand: "Uitvouwen"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/pl-PL.mjs
+var Me = {};
+Me = {
+	collapse: "Zwiń",
+	expand: "Rozwiń"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/pt-BR.mjs
+var Ne = {};
+Ne = {
+	collapse: "Recolher",
+	expand: "Expandir"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/pt-PT.mjs
+var Pe = {};
+Pe = {
+	collapse: "Colapsar",
+	expand: "Expandir"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/ro-RO.mjs
+var Fe = {};
+Fe = {
+	collapse: "Restrângeți",
+	expand: "Extindeți"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/ru-RU.mjs
+var Ie = {};
+Ie = {
+	collapse: "Свернуть",
+	expand: "Развернуть"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/sk-SK.mjs
+var Le = {};
+Le = {
+	collapse: "Zbaliť",
+	expand: "Rozbaliť"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/sl-SI.mjs
+var Re = {};
+Re = {
+	collapse: "Strni",
+	expand: "Razširi"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/sr-SP.mjs
+var ze = {};
+ze = {
+	collapse: " Skupi",
+	expand: "Proširi"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/sv-SE.mjs
+var Be = {};
+Be = {
+	collapse: "Dölj",
+	expand: "Expandera"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/tr-TR.mjs
+var Ve = {};
+Ve = {
+	collapse: "Daralt",
+	expand: "Genişlet"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/uk-UA.mjs
+var He = {};
+He = {
+	collapse: "Згорнути",
+	expand: "Розгорнути"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/zh-CN.mjs
+var Ue = {};
+Ue = {
+	collapse: "折叠",
+	expand: "扩展"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/intl/tree/zh-TW.mjs
+var We = {};
+We = {
+	collapse: "收合",
+	expand: "展開"
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/tree/intlStrings.mjs
+var Ge = {};
+Ge = {
+	"ar-AE": Q,
+	"bg-BG": pe,
+	"cs-CZ": $,
+	"da-DK": me,
+	"de-DE": he,
+	"el-GR": ge,
+	"en-US": _e,
+	"es-ES": ve,
+	"et-EE": ye,
+	"fi-FI": be,
+	"fr-FR": xe,
+	"he-IL": Se,
+	"hr-HR": Ce,
+	"hu-HU": we,
+	"it-IT": Te,
+	"ja-JP": Ee,
+	"ko-KR": De,
+	"lt-LT": Oe,
+	"lv-LV": ke,
+	"nb-NO": Ae,
+	"nl-NL": je,
+	"pl-PL": Me,
+	"pt-BR": Ne,
+	"pt-PT": Pe,
+	"ro-RO": Fe,
+	"ru-RU": Ie,
+	"sk-SK": Le,
+	"sl-SI": Re,
+	"sr-SP": ze,
+	"sv-SE": Be,
+	"tr-TR": Ve,
+	"uk-UA": He,
+	"zh-CN": Ue,
+	"zh-TW": We
+};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/tree/useTreeItem.mjs
+function Ke(e) {
+	return e && e.__esModule ? e.default : e;
+}
+function qe(e, t, n) {
+	let { node: r } = e, i = T(e, t, n), a = i.rowProps["aria-expanded"] === !0, o = p(Ke(Ge), "@react-aria/tree"), s = {
+		onPress: () => {
+			i.isDisabled || (t.toggleKey(r.key), t.selectionManager.setFocused(!0), t.selectionManager.setFocusedKey(r.key));
+		},
+		excludeFromTabOrder: !0,
+		preventFocusOnPress: !0,
+		"data-react-aria-prevent-focus": !0,
+		...d({
+			"aria-label": a ? o.format("collapse") : o.format("expand"),
+			"aria-labelledby": i.rowProps.id
+		})
+	};
+	return {
+		...i,
+		expandButtonProps: s
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.19.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Tree.mjs
+var Je = class e extends a {
+	withExpandedKeys(t, n) {
+		let r = this.clone();
+		return r.expandedKeys = n, e.cloneAncestorSections(n, t, r), e.cloneAncestorSections(t, n, r), r.frozen = this.frozen, r;
+	}
+	static cloneAncestorSections(e, t, n) {
+		for (let r of e) if (!t.has(r)) {
+			let e = r;
+			for (; e != null;) {
+				let t = n.getItem(e);
+				if (t?.type === "section") {
+					n.keyMap.set(e, t.clone());
+					break;
+				} else e = t?.parentKey ?? null;
+			}
+		}
+	}
+	*[Symbol.iterator]() {
+		let e = this.getFirstKey(), t = e == null ? null : this.getItem(e);
+		for (; t;) if (yield t, t.type === "section") t = t.nextKey == null ? null : this.getItem(t.nextKey);
+		else {
+			let e = this.getKeyAfter(t.key);
+			t = e == null ? null : this.getItem(e);
+		}
+	}
+	getLastKey() {
+		let e = this.lastKey;
+		if (e == null) return null;
+		let t = this.getItem(e);
+		for (; t?.lastChildKey != null && (t.type !== "item" || this.expandedKeys.has(t.key));) t = this.getItem(t.lastChildKey);
+		return t?.key;
+	}
+	getKeyAfter(e) {
+		let t = this.getItem(e);
+		if (!t) return null;
+		if ((this.expandedKeys.has(t.key) || t.type !== "item") && t.firstChildKey != null) return t.firstChildKey;
+		for (; t;) {
+			if (t.nextKey != null) return t.nextKey;
+			if (t.parentKey != null) t = this.getItem(t.parentKey);
+			else return null;
+		}
+		return null;
+	}
+	getKeyBefore(e) {
+		let t = this.getItem(e);
+		if (!t) return null;
+		if (t.prevKey != null) {
+			for (t = this.getItem(t.prevKey); t && (t.type !== "item" || this.expandedKeys.has(t.key)) && t.lastChildKey != null;) t = this.getItem(t.lastChildKey);
+			return t?.key ?? null;
+		}
+		return t.parentKey;
+	}
+	getChildren(e) {
+		let t = this;
+		return { *[Symbol.iterator]() {
+			let n = t.getItem(e), r = n?.firstChildKey == null ? null : t.getItem(n.firstChildKey);
+			if (n && n.type === "section" && r) for (; r && r.key !== n.nextKey;) {
+				yield t.getItem(r.key);
+				let e = t.getKeyAfter(r.key);
+				r = e == null ? null : t.getItem(e);
+			}
+			else for (; r;) yield r, r = r.nextKey == null ? null : t.getItem(r.nextKey);
+		} };
+	}
+	getTextValue(e) {
+		let t = this.getItem(e);
+		return t ? t.textValue : "";
+	}
+	constructor(...e) {
+		super(...e), this.expandedKeys = /* @__PURE__ */ new Set();
+	}
+}, Ye = /*#__PURE__*/ H(null), Xe = /*#__PURE__*/ H(null), Ze = /*#__PURE__*/ U(function(e, t) {
+	return [e, t] = E(e, t, Ye), /*#__PURE__*/ V.createElement(i, {
+		content: /*#__PURE__*/ V.createElement(n, e),
+		createCollection: () => new Je()
+	}, (n) => /*#__PURE__*/ V.createElement($e, {
+		props: e,
+		collection: n,
+		treeRef: t
+	}));
+}), Qe = {
+	expand: {
+		ltr: "ArrowRight",
+		rtl: "ArrowLeft"
+	},
+	collapse: {
+		ltr: "ArrowLeft",
+		rtl: "ArrowRight"
+	}
+};
+function $e({ props: e, collection: t, treeRef: n }) {
+	let { dragAndDropHooks: r } = e, { direction: i } = f(), a = S({
+		usage: "search",
+		sensitivity: "base"
+	}), o = !!r?.useDraggableCollectionState, s = !!r?.useDroppableCollectionState, c = q(o), u = q(s);
+	G(() => {
+		c.current !== o && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), u.current !== s && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+	}, [o, s]);
+	let { selectionMode: d = "none", expandedKeys: p, defaultExpandedKeys: g, onExpandedChange: _, disabledBehavior: v = "all" } = e, { CollectionRoot: b, isVirtualized: ee, layoutDelegate: C, dropTargetDelegate: ne } = W(A), [w, T] = y(p ? new Set(p) : void 0, g ? new Set(g) : /* @__PURE__ */ new Set(), _), [re, E] = J(t), [k, ae] = J(w), [oe, F] = J(() => t.withExpandedKeys(k, w));
+	(!st(k, w) || t !== re) && (F(t.withExpandedKeys(k, w)), E(t), ae(w));
+	let I = ce({
+		...e,
+		selectionMode: d,
+		expandedKeys: w,
+		onExpandedChange: T,
+		collection: oe,
+		children: void 0,
+		disabledBehavior: v
+	}), { gridProps: L } = fe({
+		...e,
+		isVirtualized: ee,
+		layoutDelegate: C
+	}, I, n), z, B, H, U = !1, K = null, Y = q(null);
+	if (o && r) {
+		z = r.useDraggableCollectionState({
+			collection: I.collection,
+			selectionManager: I.selectionManager,
+			preview: r.renderDragPreview ? Y : void 0
+		}), r.useDraggableCollection({}, z, n);
+		let e = r.DragPreview;
+		K = r.renderDragPreview ? /*#__PURE__*/ V.createElement(e, { ref: Y }, r.renderDragPreview) : null;
+	}
+	let [X] = J(() => new R());
+	if (s && r) {
+		B = r.useDroppableCollectionState({
+			collection: I.collection,
+			selectionManager: I.selectionManager
+		});
+		let e = r.dropTargetDelegate || ne || new r.ListDropTargetDelegate(I.collection, n, { direction: i });
+		X.setup(e, I, i);
+		let t = new x({
+			collection: I.collection,
+			collator: a,
+			ref: n,
+			disabledKeys: I.selectionManager.disabledKeys,
+			disabledBehavior: I.selectionManager.disabledBehavior,
+			direction: i,
+			layoutDelegate: C
+		});
+		H = r.useDroppableCollection({
+			keyboardDelegate: t,
+			dropTargetDelegate: X,
+			onDropActivate: (e) => {
+				if (e.target.type === "item") {
+					let t = e.target.key, n = I.collection.getItem(t), i = w.has(t);
+					n && n.hasChildNodes && (!i || r?.isVirtualDragging?.()) && I.toggleKey(t);
+				}
+			},
+			onKeyDown: (e) => {
+				let t = B?.target;
+				if (t && t.type === "item" && t.dropPosition === "on") {
+					let n = I.collection.getItem(t.key);
+					(e.key === Qe.expand[i] && n?.hasChildNodes && !I.expandedKeys.has(t.key) || e.key === Qe.collapse[i] && n?.hasChildNodes && I.expandedKeys.has(t.key)) && I.toggleKey(t.key);
+				}
+			}
+		}, B, n), U = B.isDropTarget({ type: "root" });
+	}
+	let Z = !!(o && !z?.isDisabled), { focusProps: le, isFocused: ue, isFocusVisible: de } = te(), Q = {
+		isEmpty: I.collection.size === 0,
+		isFocused: ue,
+		isFocusVisible: de,
+		isDropTarget: U,
+		selectionMode: I.selectionManager.selectionMode,
+		allowsDragging: !!Z,
+		state: I
+	}, pe = O({
+		...e,
+		children: void 0,
+		defaultClassName: "react-aria-Tree",
+		values: Q
+	}), $ = null;
+	if (I.collection.size === 0 && e.renderEmptyState) {
+		let { isEmpty: t, ...n } = Q, r = e.renderEmptyState({ ...n });
+		$ = /*#__PURE__*/ V.createElement("div", {
+			role: "row",
+			style: { display: "contents" },
+			"aria-level": 1
+		}, /*#__PURE__*/ V.createElement("div", {
+			role: "gridcell",
+			style: { display: "contents" }
+		}, r));
+	}
+	let me = m(e, { global: !0 });
+	return /*#__PURE__*/ V.createElement(V.Fragment, null, /*#__PURE__*/ V.createElement(h, null, /*#__PURE__*/ V.createElement(D.div, {
+		...l(me, pe, L, le, H?.collectionProps),
+		ref: n,
+		slot: e.slot || void 0,
+		"data-empty": I.collection.size === 0 || void 0,
+		"data-focused": ue || void 0,
+		"data-drop-target": U || void 0,
+		"data-focus-visible": de || void 0,
+		"data-selection-mode": I.selectionManager.selectionMode === "none" ? void 0 : I.selectionManager.selectionMode,
+		"data-allows-dragging": !!Z || void 0
+	}, /*#__PURE__*/ V.createElement(ie, { values: [
+		[Xe, I],
+		[P, {
+			dragAndDropHooks: r,
+			dragState: z,
+			dropState: B
+		}],
+		[j, { render: rt }]
+	] }, s && /*#__PURE__*/ V.createElement(ot, null), /*#__PURE__*/ V.createElement(se, null, /*#__PURE__*/ V.createElement(b, {
+		collection: I.collection,
+		persistedKeys: M(I.selectionManager, r, B),
+		scrollRef: n,
+		renderDropIndicator: N(r, B)
+	}))), $)), K);
+}
+var et = /*#__PURE__*/ s(class extends t {
+	static {
+		this.type = "content";
+	}
+}, function(e) {
+	let t = W(tt), n = O({
+		children: e.children,
+		values: t
+	});
+	return /*#__PURE__*/ V.createElement(A.Provider, { value: k }, n.children);
+}), tt = /*#__PURE__*/ H(null), nt = /*#__PURE__*/ o(class extends t {
+	static {
+		this.type = "item";
+	}
+}, (t, n, r) => {
+	let i = W(Xe);
+	n = u(n);
+	let { dragAndDropHooks: a, dragState: o, dropState: s } = W(P), d = o && !(o.isDisabled || o.selectionManager.isDisabled(r.key)), { rowProps: f, gridCellProps: p, expandButtonProps: h, descriptionProps: v, ...y } = qe({
+		node: r,
+		shouldSelectOnPressUp: !!o
+	}, i, n), x = f["aria-expanded"] === !0, S = t.hasChildItems || [...i.collection.getChildren(r.key)].length > 1, C = f["aria-level"] || 1, { hoverProps: w, isHovered: T } = ne({
+		isDisabled: !y.allowsSelection && !y.hasAction && !d,
+		onHoverStart: t.onHoverStart,
+		onHoverChange: t.onHoverChange,
+		onHoverEnd: t.onHoverEnd
+	}), { isFocusVisible: E, focusProps: k } = te(), { isFocusVisible: A, focusProps: ae } = te({ within: !0 }), { checkboxProps: j } = ee({ key: r.key }, i), M = null;
+	o && a && (M = a.useDraggableItem({
+		key: r.key,
+		hasDragButton: !0
+	}, o));
+	let N = null, F = q(null), se = q(null), L = q(null), { visuallyHiddenProps: ce } = b();
+	s && a && (N = a.useDropIndicator({
+		target: {
+			type: "item",
+			key: r.key,
+			dropPosition: "on"
+		},
+		activateButtonRef: L
+	}, s, se));
+	let R = o && o.isDragging(r.key), z = N?.isDropTarget, B = i.selectionManager.selectionMode, H = i.selectionManager.selectionBehavior, U = V.useMemo(() => ({
+		...y,
+		isHovered: T,
+		isFocusVisible: E,
+		isExpanded: x,
+		hasChildItems: S,
+		level: C,
+		selectionMode: B,
+		selectionBehavior: H,
+		isFocusVisibleWithin: A,
+		state: i,
+		id: r.key,
+		allowsDragging: !!o,
+		isDragging: R,
+		isDropTarget: z
+	}), [
+		y,
+		T,
+		E,
+		x,
+		S,
+		C,
+		A,
+		i,
+		r.key,
+		o,
+		R,
+		z,
+		H,
+		B
+	]), K = O({
+		...t,
+		id: void 0,
+		children: r.rendered,
+		defaultClassName: "react-aria-TreeItem",
+		defaultStyle: { "--tree-item-level": C },
+		values: U
+	});
+	G(() => {
+		!r.textValue && process.env.NODE_ENV !== "production" && console.warn("A `textValue` prop is required for <TreeItem> elements in order to support accessibility features such as type to select.");
+	}, [r.textValue]), G(() => {
+		S && !F.current && process.env.NODE_ENV !== "production" && console.warn("Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.");
+	}, []);
+	let J = q(null);
+	G(() => {
+		o && !J.current && process.env.NODE_ENV !== "production" && console.warn("Draggable items in a Tree must contain a <Button slot=\"drag\"> element so that keyboard and screen reader users can drag them.");
+	}, []);
+	let Y = e({
+		items: i.collection.getChildren(r.key),
+		children: (e) => {
+			switch (e.type) {
+				case "content": return e.render(e);
+				case "loader":
+				case "item": return /*#__PURE__*/ V.createElement(V.Fragment, null);
+				default: throw Error("Unsupported element type in TreeRow: " + e.type);
+			}
+		}
+	}), X = c(), Z = m(t, { global: !0 });
+	return delete Z.id, delete Z.onClick, /*#__PURE__*/ V.createElement(V.Fragment, null, N && !N.isHidden && /*#__PURE__*/ V.createElement("div", {
+		role: "row",
+		"aria-level": f["aria-level"],
+		"aria-expanded": f["aria-expanded"],
+		"aria-label": N.dropIndicatorProps["aria-label"]
+	}, /*#__PURE__*/ V.createElement("div", {
+		role: "gridcell",
+		"aria-colindex": 1,
+		style: { display: "contents" }
+	}, /*#__PURE__*/ V.createElement("div", {
+		role: "button",
+		...ce,
+		...N.dropIndicatorProps,
+		ref: se
+	}), f["aria-expanded"] == null ? null : /*#__PURE__*/ V.createElement("div", {
+		role: "button",
+		...ce,
+		id: X,
+		"aria-label": h["aria-label"],
+		"aria-labelledby": `${X} ${f.id}`,
+		tabIndex: -1,
+		ref: L
+	}))), /*#__PURE__*/ V.createElement(D.div, {
+		...l(Z, f, k, w, ae, M?.dragProps),
+		...K,
+		ref: n,
+		"data-expanded": S && x || void 0,
+		"data-has-child-items": S || void 0,
+		"data-level": C,
+		"data-selected": y.isSelected || void 0,
+		"data-disabled": y.isDisabled || void 0,
+		"data-hovered": T || void 0,
+		"data-focused": y.isFocused || void 0,
+		"data-focus-visible": E || void 0,
+		"data-pressed": y.isPressed || void 0,
+		"data-selection-mode": i.selectionManager.selectionMode === "none" ? void 0 : i.selectionManager.selectionMode,
+		"data-allows-dragging": !!o || void 0,
+		"data-dragging": R || void 0,
+		"data-drop-target": z || void 0
+	}, /*#__PURE__*/ V.createElement("div", {
+		...p,
+		style: { display: "contents" }
+	}, /*#__PURE__*/ V.createElement(ie, { values: [
+		[g, { slots: { selection: j } }],
+		[_, { slots: { selection: j } }],
+		[oe, { slots: {
+			[re]: {},
+			chevron: {
+				...h,
+				ref: F
+			},
+			drag: {
+				...M?.dragButtonProps,
+				ref: J,
+				style: { pointerEvents: "none" }
+			}
+		} }],
+		[tt, { ...U }],
+		[I, { isSelected: y.isSelected }]
+	] }, Y))));
+});
+s(r, function(e, t, n) {
+	let { isVirtualized: r } = W(A), i = W(Xe), { isLoading: a, onLoadMore: o, scrollOffset: s, ...c } = e, d = q(null);
+	F(K(() => ({
+		onLoadMore: o,
+		collection: i?.collection,
+		sentinelRef: d,
+		scrollOffset: s
+	}), [
+		o,
+		s,
+		i?.collection
+	]), d), t = u(t);
+	let { rowProps: f, gridCellProps: p } = qe({ node: n }, i, t), h = f["aria-level"] || 1, g = {
+		role: "row",
+		"aria-level": f["aria-level"]
+	}, _ = O({
+		...c,
+		id: void 0,
+		children: n.rendered,
+		defaultClassName: "react-aria-TreeLoader",
+		values: { level: h }
+	}), v = {};
+	return r && (v = { display: "contents" }), /*#__PURE__*/ V.createElement(V.Fragment, null, /*#__PURE__*/ V.createElement("div", {
+		style: {
+			position: "relative",
+			width: 0,
+			height: 0
+		},
+		inert: L(!0)
+	}, /*#__PURE__*/ V.createElement("div", {
+		"data-testid": "loadMoreSentinel",
+		ref: d,
+		style: {
+			position: "absolute",
+			height: 1,
+			width: 1
+		}
+	})), a && _.children && /*#__PURE__*/ V.createElement(D.div, {
+		ref: t,
+		...l(m(e), g),
+		..._,
+		"data-level": h
+	}, /*#__PURE__*/ V.createElement("div", {
+		...p,
+		style: v
+	}, _.children)));
+});
+function rt(e, t) {
+	t = u(t);
+	let { dragAndDropHooks: n, dropState: r } = W(P), i = q(null), { dropIndicatorProps: a, isHidden: o, isDropTarget: s } = n.useDropIndicator(e, r, i);
+	if (o) return null;
+	let c = r && e.target.type === "item" ? (r.collection.getItem(e.target.key)?.level || 0) + 1 : 1;
+	return /*#__PURE__*/ V.createElement(at, {
+		...e,
+		dropIndicatorProps: a,
+		isDropTarget: s,
+		ref: t,
+		buttonRef: i,
+		level: c
+	});
+}
+function it(e, t) {
+	let { dropIndicatorProps: n, isDropTarget: r, buttonRef: i, level: a, ...o } = e, { visuallyHiddenProps: s } = b(), c = O({
+		...o,
+		defaultClassName: "react-aria-DropIndicator",
+		defaultStyle: {
+			position: "relative",
+			"--tree-item-level": a
+		},
+		values: { isDropTarget: r }
+	});
+	return /*#__PURE__*/ V.createElement(D.div, {
+		...c,
+		role: "row",
+		"aria-level": a,
+		ref: t,
+		"data-drop-target": r || void 0
+	}, /*#__PURE__*/ V.createElement("div", { role: "gridcell" }, /*#__PURE__*/ V.createElement("div", {
+		...s,
+		role: "button",
+		...n,
+		ref: i
+	}), c.children));
+}
+var at = /*#__PURE__*/ U(it);
+function ot() {
+	let { dragAndDropHooks: e, dropState: t } = W(P), n = q(null), { dropIndicatorProps: r } = e.useDropIndicator({ target: { type: "root" } }, t, n), i = t.isDropTarget({ type: "root" }), { visuallyHiddenProps: a } = b();
+	return !i && r["aria-hidden"] ? null : /*#__PURE__*/ V.createElement("div", {
+		role: "row",
+		"aria-hidden": r["aria-hidden"],
+		style: { position: "absolute" }
+	}, /*#__PURE__*/ V.createElement("div", { role: "gridcell" }, /*#__PURE__*/ V.createElement("div", {
+		role: "button",
+		...a,
+		...r,
+		ref: n
+	})));
+}
+function st(e, t) {
+	if (e.size !== t.size) return !1;
+	for (let n of e) if (!t.has(n)) return !1;
+	return !0;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.48.0_react@19.2.0/node_modules/react-stately/dist/private/data/useTreeData.mjs
+function ct(e) {
+	let { initialItems: t = [], initialSelectedKeys: n, getKey: r = (e) => e.id ?? e.key, getChildren: i = (e) => e.children } = e, [a, o] = J(() => d(t, /* @__PURE__ */ new Map())), { items: s, nodeMap: c } = a, [l, u] = J(new Set(n || []));
+	function d(e = [], t, n) {
+		return e ??= [], {
+			items: e.map((e) => {
+				let a = {
+					key: r(e),
+					parentKey: n ?? null,
+					value: e,
+					children: null
+				};
+				return a.children = d(i(e), t, a.key).items, t.set(a.key, a), a;
+			}),
+			nodeMap: t
+		};
+	}
+	function f(e, t, n, r) {
+		let i = t == null ? null : r.get(t);
+		if (i == null) return {
+			items: e,
+			nodeMap: r
+		};
+		let a = new Map(r), o = n(i);
+		for (o == null ? m(i, a) : p(o, a); i && i.parentKey;) {
+			let e = a.get(i.parentKey), t = {
+				key: e.key,
+				parentKey: e.parentKey,
+				value: e.value,
+				children: null
+			}, n = e.children;
+			o == null && n && (n = n.filter((e) => e !== i)), t.children = n?.map((e) => e === i ? o : e) ?? null, a.set(t.key, t), o = t, i = e;
+		}
+		return o ?? (e = e.filter((e) => e !== i)), {
+			items: e.map((e) => e === i ? o : e),
+			nodeMap: a
+		};
+	}
+	function p(e, t) {
+		if (t.set(e.key, e), e.children) for (let n of e.children) p(n, t);
+	}
+	function m(e, t) {
+		if (t.delete(e.key), e.children) for (let n of e.children) m(n, t);
+	}
+	return {
+		items: s,
+		selectedKeys: l,
+		setSelectedKeys: u,
+		getItem(e) {
+			return c.get(e);
+		},
+		insert(e, t, ...n) {
+			o(({ items: r, nodeMap: i }) => {
+				let { items: a, nodeMap: o } = d(n, new Map(i), e);
+				return e == null ? {
+					items: [
+						...r.slice(0, t),
+						...a,
+						...r.slice(t)
+					],
+					nodeMap: o
+				} : f(r, e, (e) => ({
+					key: e.key,
+					parentKey: e.parentKey,
+					value: e.value,
+					children: [
+						...e.children.slice(0, t),
+						...a,
+						...e.children.slice(t)
+					]
+				}), o);
+			});
+		},
+		insertBefore(e, ...t) {
+			let n = c.get(e);
+			if (!n) return;
+			let r = c.get(n.parentKey), i = (r ? r.children : s).indexOf(n);
+			this.insert(r?.key ?? null, i, ...t);
+		},
+		insertAfter(e, ...t) {
+			let n = c.get(e);
+			if (!n) return;
+			let r = c.get(n.parentKey), i = (r ? r.children : s).indexOf(n);
+			this.insert(r?.key ?? null, i + 1, ...t);
+		},
+		prepend(e, ...t) {
+			this.insert(e, 0, ...t);
+		},
+		append(e, ...t) {
+			if (e == null) this.insert(null, s.length, ...t);
+			else {
+				let n = c.get(e);
+				if (!n) return;
+				this.insert(e, n.children.length, ...t);
+			}
+		},
+		remove(...e) {
+			if (e.length === 0) return;
+			let t = s, n = c, r;
+			for (let i of e) r = f(t, i, () => null, n), n = r.nodeMap, t = r.items;
+			o(r);
+			let i = new Set(l);
+			for (let e of l) r.nodeMap.has(e) || i.delete(e);
+			u(i);
+		},
+		removeSelectedItems() {
+			this.remove(...l);
+		},
+		move(e, t, n) {
+			o(({ items: r, nodeMap: i }) => {
+				let a = i.get(e);
+				if (!a) return {
+					items: r,
+					nodeMap: i
+				};
+				let { items: o, nodeMap: s } = f(r, e, () => null, i), c = {
+					...a,
+					parentKey: t
+				};
+				return t == null ? (p(c, s), {
+					items: [
+						...o.slice(0, n),
+						c,
+						...o.slice(n)
+					],
+					nodeMap: s
+				}) : f(o, t, (e) => ({
+					key: e.key,
+					parentKey: e.parentKey,
+					value: e.value,
+					children: [
+						...e.children.slice(0, n),
+						c,
+						...e.children.slice(n)
+					]
+				}), s);
+			});
+		},
+		moveBefore(e, t) {
+			o((n) => {
+				let { items: r, nodeMap: i } = n, a = i.get(e);
+				if (!a) return n;
+				let o = a.parentKey ?? null, s = null;
+				o != null && (s = i.get(o) ?? null);
+				let c = s?.children ? s.children.indexOf(a) : r.indexOf(a);
+				return lt(n, t, s, c, f, p);
+			});
+		},
+		moveAfter(e, t) {
+			o((n) => {
+				let { items: r, nodeMap: i } = n, a = i.get(e);
+				if (!a) return n;
+				let o = a.parentKey ?? null, s = null;
+				o != null && (s = i.get(o) ?? null);
+				let c = s?.children ? s.children.indexOf(a) : r.indexOf(a);
+				return c++, lt(n, t, s, c, f, p);
+			});
+		},
+		update(e, t) {
+			o(({ items: n, nodeMap: r }) => f(n, e, (e) => {
+				let n = {
+					key: e.key,
+					parentKey: e.parentKey,
+					value: t,
+					children: null
+				};
+				return n.children = d(i(t), r, n.key).items, n;
+			}, r));
+		}
+	};
+}
+function lt(e, t, n, r, i, a) {
+	let { items: o, nodeMap: s } = e, c = n, l = new Set(t);
+	for (; c?.parentKey != null;) {
+		if (l.has(c.key)) throw Error("Cannot move an item to be a child of itself.");
+		c = s.get(c.parentKey) ?? null;
+	}
+	let u = r, d = Array.isArray(t) ? t : [...t], f = /* @__PURE__ */ new Map(), p = [], m = o, h = s, g = 0;
+	function _(e, { inorder: t, postorder: n }) {
+		if (t?.(e), e != null) for (let r of e.children ?? []) _(r, {
+			inorder: t,
+			postorder: n
+		}), n?.(r);
+	}
+	function v(e) {
+		d.includes(e.key) && f.set(e.key, g++);
+	}
+	function y(e) {
+		if (d.includes(e.key)) {
+			p.push({
+				...h.get(e.key),
+				parentKey: n?.key ?? null
+			});
+			let { items: t, nodeMap: r } = i(m, e.key, () => null, h);
+			m = t, h = r;
+		}
+		(e.parentKey === n || e.parentKey === n?.key) && d.includes(e.key) && (n?.children ? n.children.indexOf(e) : o.indexOf(e)) < u && r--;
+	}
+	_({ children: o }, {
+		inorder: v,
+		postorder: y
+	});
+	let b = p.sort((e, t) => f.get(e.key) > f.get(t.key) ? 1 : -1);
+	return !n || n.key == null ? (b.forEach((e) => {
+		a(e, h);
+	}), {
+		items: [
+			...m.slice(0, r),
+			...b,
+			...m.slice(r)
+		],
+		nodeMap: h
+	}) : i(m, n.key, (e) => ({
+		key: e.key,
+		parentKey: e.parentKey,
+		value: e.value,
+		children: [
+			...e.children.slice(0, r),
+			...b,
+			...e.children.slice(r)
+		]
+	}), h);
+}
+//#endregion
+//#region src/components/tree/tree.slots.tsx
+var { withProvider: ut, withContext: dt } = ue({ key: "nimbusTree" }), ft = ut("div", "root"), pt = dt("div", "item"), mt = dt("div", "itemContent"), ht = dt("button", "indicator"), gt = (e) => {
+	let { ref: t, ...n } = e, [r, i] = de({ key: "nimbusTree" }).splitVariantProps(n), [a, o] = B(i);
+	return /* @__PURE__ */ Y(ft, {
+		ref: t,
+		...r,
+		...a,
+		asChild: !0,
+		children: /* @__PURE__ */ Y(Ze, { ...o })
+	});
+};
+gt.displayName = "Tree.Root";
+//#endregion
+//#region src/components/tree/components/tree.item.tsx
+var _t = ({ children: e, textValue: t, ref: n, ...r }) => {
+	let [i, a] = B(r);
+	return /* @__PURE__ */ Y(pt, {
+		ref: n,
+		...i,
+		asChild: !0,
+		children: /* @__PURE__ */ Y(nt, {
+			textValue: t,
+			...a,
+			children: e
+		})
+	});
+};
+_t.displayName = "Tree.Item";
+//#endregion
+//#region src/components/tree/components/tree.item-content.tsx
+var vt = ({ children: e, ref: t, ...n }) => {
+	let [r, i] = B(n);
+	return /* @__PURE__ */ Y(et, { children: ({ selectionMode: n, selectionBehavior: a, allowsDragging: o }) => {
+		let s = n === "multiple" && a === "toggle";
+		return /* @__PURE__ */ X(mt, {
+			ref: t,
+			...r,
+			...i,
+			children: [
+				o && /* @__PURE__ */ Y(z, {
+					slot: "drag",
+					size: "2xs",
+					variant: "ghost",
+					colorPalette: "neutral",
+					children: /* @__PURE__ */ Y(le, {})
+				}),
+				s && /* @__PURE__ */ Y(v, { slot: "selection" }),
+				e
+			]
+		});
+	} });
+};
+vt.displayName = "Tree.ItemContent";
+//#endregion
+//#region src/components/tree/components/tree.indicator.tsx
+var yt = ({ children: e, ref: t, ...n }) => {
+	let [r, i] = B(n);
+	return /* @__PURE__ */ Y(ht, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ Y(ae, {
+			slot: "chevron",
+			ref: t,
+			...i,
+			children: e ?? /* @__PURE__ */ Y(Z, {})
+		})
+	});
+};
+yt.displayName = "Tree.Indicator";
+//#endregion
+//#region src/components/tree/components/tree.sub-tree.tsx
+function bt({ items: e, children: t }) {
+	if (e && typeof t != "function") throw Error("Tree.SubTree: When \"items\" is provided, \"children\" must be a function");
+	return e ? /* @__PURE__ */ Y(n, {
+		items: e,
+		children: (e) => typeof t == "function" ? t(e) : null
+	}) : typeof t == "function" ? null : t;
+}
+bt.displayName = "Tree.SubTree";
+//#endregion
+//#region src/components/tree/tree.tsx
+var xt = {
+	Root: gt,
+	Item: _t,
+	ItemContent: vt,
+	Indicator: yt,
+	SubTree: bt
+};
+//#endregion
+//#region src/components/tree/hooks/use-tree.ts
+function St(e, t) {
+	let n = [], r = (e) => {
+		for (let i of e) t.has(i.key) && n.push(i.key), i.children && r(i.children);
+	};
+	return r(e), n;
+}
+function Ct(e) {
+	let { initialItems: t, initialSelectedKeys: n, getKey: r, getChildren: i, dragAndDrop: a, ...o } = e, s = ct({
+		initialItems: t,
+		initialSelectedKeys: n,
+		getKey: r,
+		getChildren: i
+	}), c = typeof a == "object" ? a : {}, { dragAndDropHooks: l } = C({
+		getItems: c.getItems ?? ((e) => [...e].map((e) => ({ "text/plain": String(e) }))),
+		acceptedDragTypes: c.acceptedDragTypes,
+		onMove(e) {
+			if (e.target.dropPosition === "before") s.moveBefore(e.target.key, e.keys);
+			else if (e.target.dropPosition === "after") s.moveAfter(e.target.key, e.keys);
+			else if (e.target.dropPosition === "on") {
+				let t = s.getItem(e.target.key)?.children?.length ?? 0;
+				St(s.items, e.keys).forEach((n, r) => {
+					s.move(n, e.target.key, t + r);
+				});
+			}
+		}
+	});
+	return {
+		...o,
+		items: s.items,
+		...a ? { dragAndDropHooks: l } : {},
+		getItem: s.getItem,
+		insert: s.insert,
+		insertBefore: s.insertBefore,
+		insertAfter: s.insertAfter,
+		append: s.append,
+		prepend: s.prepend,
+		remove: s.remove,
+		move: s.move,
+		moveBefore: s.moveBefore,
+		moveAfter: s.moveAfter,
+		update: s.update
+	};
+}
+//#endregion
+export { vt as a, yt as i, xt as n, _t as o, bt as r, gt as s, Ct as t };
+
+//# sourceMappingURL=use-tree-BFKFaiiu.esm.js.map