@commercetools/nimbus 3.2.0 → 3.4.0

package/dist/chunks/useDragAndDrop-BAyAtCYg.esm.js

@@ -0,0 +1,1146 @@
+import { d as e } from "./utils-Bxhiv9E-.esm.js";
+import { i as t, o as n, t as r } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { f as i, g as a, n as o, p as s, x as c } from "./useFocusVisible-vN0uP_2v.esm.js";
+import { t as l } from "./I18nProvider-Cw-VVV-e.esm.js";
+import { n as u } from "./useLocalizedStringFormatter-DnGagN_9.esm.js";
+import { t as d } from "./useGlobalListeners-W2IDQRTw.esm.js";
+import { r as f } from "./scrollIntoView-Tm8PcLU5.esm.js";
+import { t as p } from "./getScrollParent-DH0xzs6v.esm.js";
+import { t as m } from "./useDescription-DwU8yKYN.esm.js";
+import { A as h, D as g, E as _, O as v, T as y, _ as b, a as x, c as S, d as C, f as w, g as T, h as E, i as D, j as ee, k as O, m as k, n as A, o as te, p as j, r as M, s as N, t as ne, u as re, v as ie, w as P, x as ae, y as F } from "./useDrop-DfEAeAm0.esm.js";
+import { a as oe, o as se } from "./useGridListItem-C6LMK1Mv.esm.js";
+import I, { useCallback as L, useEffect as R, useImperativeHandle as ce, useMemo as le, useRef as z, useState as B, version as V } from "react";
+import { flushSync as H } from "react-dom";
+//#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/dnd/useDrag.mjs
+function U(e) {
+	return e && e.__esModule ? e.default : e;
+}
+var W = {
+	keyboard: {
+		start: "dragDescriptionKeyboard",
+		end: "endDragKeyboard"
+	},
+	touch: {
+		start: "dragDescriptionTouch",
+		end: "endDragTouch"
+	},
+	virtual: {
+		start: "dragDescriptionVirtual",
+		end: "endDragVirtual"
+	}
+};
+function ue(t) {
+	let { hasDragButton: n, isDisabled: r } = t, a = u(U(M), "@react-aria/dnd"), o = z({
+		options: t,
+		x: 0,
+		y: 0
+	}).current;
+	o.options = t;
+	let c = z(null), [l, f] = B(!1), p = (e) => {
+		c.current = e, f(!!e);
+	}, { addGlobalListener: g, removeAllGlobalListeners: _ } = d(), y = z(null), b = (n) => {
+		if (n.defaultPrevented) return;
+		if (n.stopPropagation(), y.current === "virtual") {
+			n.preventDefault(), E(e(n)), y.current = null;
+			return;
+		}
+		typeof t.onDragStart == "function" && t.onDragStart({
+			type: "dragstart",
+			x: n.clientX,
+			y: n.clientY
+		});
+		let r = t.getItems();
+		n.dataTransfer.clearData?.(), v(n.dataTransfer, r);
+		let i = h.all;
+		if (typeof t.getAllowedDropOperations == "function") {
+			let e = t.getAllowedDropOperations();
+			i = h.none;
+			for (let t of e) i |= h[t] || h.none;
+		}
+		j(i);
+		let a = ee[i] || "none";
+		n.dataTransfer.effectAllowed = a === "cancel" ? "none" : a, typeof t.preview?.current == "function" && t.preview.current(r, (e, t, r) => {
+			if (!e) return;
+			let i = e.getBoundingClientRect(), a = n.currentTarget.getBoundingClientRect(), o = n.clientX - a.x, s = n.clientY - a.y;
+			(o > i.width || s > i.height) && (o = i.width / 2, s = i.height / 2);
+			let c = o, l = s;
+			typeof t == "number" && typeof r == "number" && (c = t, l = r), c = Math.max(0, Math.min(c, i.width)), l = Math.max(0, Math.min(l, i.height));
+			let u = 2 * Math.round(i.height / 2);
+			e.style.height = `${u}px`, n.dataTransfer.setDragImage(e, c, l);
+		}), g(window, "drop", (e) => {
+			e.preventDefault(), e.stopPropagation(), console.warn("Drags initiated from the React Aria useDrag hook may only be dropped on a target created with useDrop. This ensures that a keyboard and screen reader accessible alternative is available.");
+		}, { once: !0 }), o.x = n.clientX, o.y = n.clientY;
+		let s = e(n);
+		requestAnimationFrame(() => {
+			p(s);
+		});
+	}, x = (e) => {
+		e.stopPropagation(), !(e.clientX === o.x && e.clientY === o.y) && (typeof t.onDragMove == "function" && t.onDragMove({
+			type: "dragmove",
+			x: e.clientX,
+			y: e.clientY
+		}), o.x = e.clientX, o.y = e.clientY);
+	}, S = (e) => {
+		if (e.stopPropagation(), typeof t.onDragEnd == "function") {
+			let n = {
+				type: "dragend",
+				x: e.clientX,
+				y: e.clientY,
+				dropOperation: O[e.dataTransfer.dropEffect]
+			};
+			F && (n.dropOperation = O[F]), t.onDragEnd(n);
+		}
+		p(null), _(), j(h.none), w(void 0);
+	};
+	R(() => () => {
+		if (c.current && (!c.current.isConnected || parseInt(V, 10) < 17)) {
+			if (typeof o.options.onDragEnd == "function") {
+				let e = {
+					type: "dragend",
+					x: 0,
+					y: 0,
+					dropOperation: O[F || "none"]
+				};
+				o.options.onDragEnd(e);
+			}
+			p(null), j(h.none), w(void 0);
+		}
+	}, [o]);
+	let T = (e) => {
+		e.pointerType !== "keyboard" && e.pointerType !== "virtual" || E(e.target);
+	}, E = (e) => {
+		if (typeof o.options.onDragStart == "function") {
+			let t = e.getBoundingClientRect();
+			o.options.onDragStart({
+				type: "dragstart",
+				x: t.x + t.width / 2,
+				y: t.y + t.height / 2
+			});
+		}
+		te({
+			element: e,
+			items: o.options.getItems(),
+			allowedDropOperations: typeof o.options.getAllowedDropOperations == "function" ? o.options.getAllowedDropOperations() : [
+				"move",
+				"copy",
+				"link"
+			],
+			onDragEnd(e) {
+				p(null), typeof o.options.onDragEnd == "function" && o.options.onDragEnd(e);
+			}
+		}, a), p(e);
+	}, D = C(), k = l ? W[D].end : W[D].start, A = m(a.format(k)), N = {};
+	return n || (N = {
+		...A,
+		onPointerDown(e) {
+			if (y.current = i(e.nativeEvent) ? "virtual" : e.pointerType, e.width < 1 && e.height < 1) y.current = "virtual";
+			else {
+				let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.x, r = e.clientY - t.y, i = t.width / 2, a = t.height / 2;
+				Math.abs(n - i) <= .5 && Math.abs(r - a) <= .5 ? y.current = "virtual" : y.current = e.pointerType;
+			}
+		},
+		onKeyDownCapture(t) {
+			e(t) === t.currentTarget && t.key === "Enter" && (t.preventDefault(), t.stopPropagation());
+		},
+		onKeyUpCapture(t) {
+			e(t) === t.currentTarget && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), E(e(t)));
+		},
+		onClick(t) {
+			(s(t.nativeEvent) || y.current === "virtual") && (t.preventDefault(), t.stopPropagation(), E(e(t)));
+		}
+	}), r ? {
+		dragProps: { draggable: "false" },
+		dragButtonProps: {},
+		isDragging: !1
+	} : {
+		dragProps: {
+			...N,
+			draggable: "true",
+			onDragStart: b,
+			onDrag: x,
+			onDragEnd: S
+		},
+		dragButtonProps: {
+			...A,
+			onPress: T
+		},
+		isDragging: l
+	};
+}
+//#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/dnd/useDraggableCollection.mjs
+function de(e, t, n) {
+	let { draggingCollectionRef: r } = k;
+	t.draggingKeys.size > 0 && r?.current !== n.current && g(n);
+}
+//#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/dnd/DropTargetKeyboardNavigation.mjs
+function fe(e, t, n, r, i = !1, a = !1) {
+	switch (r) {
+		case "left": return i ? G(e, t, n, a, "left") : K(e, t, n, a, "left");
+		case "right": return i ? K(e, t, n, a, "right") : G(e, t, n, a, "right");
+		case "up": return K(e, t, n, a);
+		case "down": return G(e, t, n, a);
+	}
+}
+function G(e, t, n, r = !1, i = null) {
+	if (!n) return { type: "root" };
+	if (n.type === "root") {
+		let t = e.getFirstKey?.() ?? null;
+		return t == null ? null : {
+			type: "item",
+			key: t,
+			dropPosition: "before"
+		};
+	}
+	if (n.type === "item") {
+		let r = null;
+		r = i ? i === "right" ? e.getKeyRightOf?.(n.key, { includeDisabled: !0 }) : e.getKeyLeftOf?.(n.key, { includeDisabled: !0 }) : e.getKeyBelow?.(n.key, { includeDisabled: !0 });
+		let a = J(t, n.key, (e) => t.getKeyAfter(e));
+		if (r != null && r !== a) return {
+			type: "item",
+			key: r,
+			dropPosition: n.dropPosition
+		};
+		switch (n.dropPosition) {
+			case "before": return {
+				type: "item",
+				key: n.key,
+				dropPosition: "on"
+			};
+			case "on": {
+				let e = t.getItem(n.key), i = r == null ? null : t.getItem(r);
+				return e && i && i.level >= e.level ? {
+					type: "item",
+					key: i.key,
+					dropPosition: "before"
+				} : {
+					type: "item",
+					key: n.key,
+					dropPosition: "after"
+				};
+			}
+			case "after": {
+				let e = t.getItem(n.key), r = e?.nextKey == null ? null : t.getItem(e.nextKey);
+				for (; r != null && r.type !== "item";) r = r.nextKey == null ? null : t.getItem(r.nextKey);
+				if (e && r == null && e.parentKey != null) {
+					let n = t.getItem(e.parentKey), r = n?.nextKey == null ? null : t.getItem(n.nextKey);
+					if (r?.type === "item") return {
+						type: "item",
+						key: r.key,
+						dropPosition: "before"
+					};
+					if (n?.type === "item") return {
+						type: "item",
+						key: n.key,
+						dropPosition: "after"
+					};
+				}
+				if (r) return {
+					type: "item",
+					key: r.key,
+					dropPosition: "on"
+				};
+			}
+		}
+	}
+	return r ? { type: "root" } : null;
+}
+function K(e, t, n, r = !1, i = null) {
+	if (!n || r && n.type === "root") {
+		let n = null, r = e.getLastKey?.();
+		for (; r != null;) {
+			let e = t.getItem(r);
+			if (e?.type !== "item") break;
+			n = r, r = e?.parentKey;
+		}
+		return n == null ? null : {
+			type: "item",
+			key: n,
+			dropPosition: "after"
+		};
+	}
+	if (n.type === "item") {
+		let r = null;
+		r = i ? i === "left" ? e.getKeyLeftOf?.(n.key, { includeDisabled: !0 }) : e.getKeyRightOf?.(n.key, { includeDisabled: !0 }) : e.getKeyAbove?.(n.key, { includeDisabled: !0 });
+		let a = J(t, n.key, (e) => t.getKeyBefore(e));
+		if (r != null && r !== a) return {
+			type: "item",
+			key: r,
+			dropPosition: n.dropPosition
+		};
+		switch (n.dropPosition) {
+			case "before": {
+				let e = t.getItem(n.key);
+				if (e && e.prevKey != null) {
+					let n = q(t, e.prevKey);
+					if (n) return n;
+				}
+				return r == null ? { type: "root" } : {
+					type: "item",
+					key: r,
+					dropPosition: "on"
+				};
+			}
+			case "on": return {
+				type: "item",
+				key: n.key,
+				dropPosition: "before"
+			};
+			case "after": return q(t, n.key) || {
+				type: "item",
+				key: n.key,
+				dropPosition: "on"
+			};
+		}
+	}
+	return n.type === "root" ? null : { type: "root" };
+}
+function q(e, t) {
+	let n = e.getItem(t), r = J(e, t, (t) => e.getKeyAfter(t)), i = r == null ? null : e.getItem(r);
+	if (n && i && i.level > n.level) {
+		let t = null;
+		if ("lastChildKey" in n) for (t = n.lastChildKey == null ? null : e.getItem(n.lastChildKey); t && t.type !== "item" && t.prevKey != null;) t = e.getItem(t.prevKey);
+		else t = Array.from(n.childNodes).findLast((e) => e.type === "item") || null;
+		if (t) return {
+			type: "item",
+			key: t.key,
+			dropPosition: "after"
+		};
+	}
+	return null;
+}
+function J(e, t, n) {
+	let r = n(t), i = r == null ? null : e.getItem(r);
+	for (; i && i.type !== "item";) r = n(i.key), i = r == null ? null : e.getItem(r);
+	return 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/dnd/useAutoScroll.mjs
+var Y = 20;
+function pe(e) {
+	let t = z(null), n = z(!0), r = z(!0);
+	R(() => {
+		if (e.current) {
+			t.current = f(e.current) ? e.current : p(e.current);
+			let i = window.getComputedStyle(t.current);
+			n.current = /(auto|scroll)/.test(i.overflowX), r.current = /(auto|scroll)/.test(i.overflowY);
+		}
+	}, [e]);
+	let i = z({
+		timer: void 0,
+		dx: 0,
+		dy: 0
+	}).current;
+	R(() => () => {
+		i.timer &&= (cancelAnimationFrame(i.timer), void 0);
+	}, [i]);
+	let o = L(() => {
+		n.current && t.current && (t.current.scrollLeft += i.dx), r.current && t.current && (t.current.scrollTop += i.dy), i.timer &&= requestAnimationFrame(o);
+	}, [t, i]);
+	return {
+		move(e, n) {
+			if (!a() || c() || !t.current) return;
+			let r = t.current.getBoundingClientRect(), s = Y, l = Y, u = r.height - Y, d = r.width - Y;
+			e < s || e > d || n < l || n > u ? (e < s ? i.dx = e - s : e > d && (i.dx = e - d), n < l ? i.dy = n - l : n > u && (i.dy = n - u), i.timer ||= requestAnimationFrame(o)) : this.stop();
+		},
+		stop() {
+			i.timer &&= (cancelAnimationFrame(i.timer), void 0);
+		}
+	};
+}
+//#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/dnd/useDroppableCollection.mjs
+function me(e, i, a) {
+	let s = z({
+		props: e,
+		state: i,
+		nextTarget: null,
+		dropOperation: null
+	}).current;
+	s.props = e, s.state = i;
+	let c = L(async (e) => {
+		let { onInsert: t, onRootDrop: n, onItemDrop: r, onReorder: i, onMove: o, acceptedDragTypes: c = "all", shouldAcceptItemDrop: l } = s.props, { draggingKeys: u } = k, d = b(a), { target: f, dropOperation: p, items: m } = e, h = m;
+		(c !== "all" || l) && (h = m.filter((e) => {
+			let t;
+			return t = e.kind === "directory" ? /* @__PURE__ */ new Set([ae]) : e.kind === "file" ? /* @__PURE__ */ new Set([e.type]) : e.types, c === "all" || c.some((e) => t.has(e)) ? f.type === "item" && f.dropPosition === "on" && l ? l(f, t) : !0 : !1;
+		})), h.length > 0 && (f.type === "root" && n && await n({
+			items: h,
+			dropOperation: p
+		}), f.type === "item" && (f.dropPosition === "on" && r && await r({
+			items: h,
+			dropOperation: p,
+			isInternal: d,
+			target: f
+		}), o && d && await o({
+			keys: u,
+			dropOperation: p,
+			target: f
+		}), f.dropPosition !== "on" && (!d && t && await t({
+			items: h,
+			dropOperation: p,
+			target: f
+		}), d && i && await i({
+			keys: u,
+			dropOperation: p,
+			target: f
+		}))));
+	}, [s, a]), u = pe(a), { dropProps: d } = ne({
+		ref: a,
+		onDropEnter() {
+			s.nextTarget != null && i.setTarget(s.nextTarget);
+		},
+		onDropMove(e) {
+			s.nextTarget != null && i.setTarget(s.nextTarget), u.move(e.x, e.y);
+		},
+		getDropOperationForPoint(t, n, r, o) {
+			let { draggingKeys: c, dropCollectionRef: l } = k, u = b(a), d = e.dropTargetDelegate.getDropTargetFromPoint(r, o, (e) => i.getDropOperation({
+				target: e,
+				types: t,
+				allowedOperations: n,
+				isInternal: u,
+				draggingKeys: c
+			}) !== "cancel");
+			if (!d) return s.dropOperation = "cancel", s.nextTarget = null, "cancel";
+			if (s.dropOperation = i.getDropOperation({
+				target: d,
+				types: t,
+				allowedOperations: n,
+				isInternal: u,
+				draggingKeys: c
+			}), s.dropOperation === "cancel") {
+				let e = { type: "root" }, r = i.getDropOperation({
+					target: e,
+					types: t,
+					allowedOperations: n,
+					isInternal: u,
+					draggingKeys: c
+				});
+				r !== "cancel" && (d = e, s.dropOperation = r);
+			}
+			return d && s.dropOperation !== "cancel" && a?.current !== l?.current && P(a), s.nextTarget = s.dropOperation === "cancel" ? null : d, s.dropOperation;
+		},
+		onDropExit() {
+			P(void 0), i.setTarget(null), u.stop();
+		},
+		onDropActivate(t) {
+			i.target?.type === "item" && typeof e.onDropActivate == "function" && e.onDropActivate({
+				type: "dropactivate",
+				x: t.x,
+				y: t.y,
+				target: i.target
+			});
+		},
+		onDrop(e) {
+			P(a), i.target && m(e, i.target);
+			let { draggingCollectionRef: t } = k;
+			t ?? E();
+		}
+	}), f = z(null), p = L(() => {
+		let { state: e } = s;
+		if (f.current) {
+			let { target: t, collection: n, selectedKeys: r, focusedKey: i, isInternal: a, draggingKeys: s } = f.current;
+			if (e.collection.size > n.size && e.selectionManager.isSelectionEqual(r)) {
+				let t = /* @__PURE__ */ new Set(), r = e.collection.getFirstKey();
+				for (; r != null;) {
+					let i = e.collection.getItem(r);
+					i?.type === "item" && !n.getItem(i.key) && t.add(i.key), r = i?.hasChildNodes && e.collection.getItem(i.lastChildKey)?.type === "item" ? i.firstChildKey : e.collection.getKeyAfter(r);
+				}
+				if (e.selectionManager.setSelectedKeys(t), e.selectionManager.focusedKey === i) {
+					let n = t.keys().next().value;
+					if (n != null) {
+						let t = e.collection.getItem(n), r = f.current.target, i = e.collection.expandedKeys ? e.collection.expandedKeys.has(t?.parentKey) : !1;
+						t && (t?.type === "cell" || r.type === "item" && r.dropPosition === "on" && !i) && (n = t.parentKey), n != null && e.selectionManager.setFocusedKey(n), e.selectionManager.selectionMode === "none" && o("keyboard");
+					}
+				}
+			} else i != null && e.selectionManager.focusedKey === i && a && t.type === "item" && t.dropPosition !== "on" && s.has(e.collection.getItem(i)?.parentKey) ? (e.selectionManager.setFocusedKey(e.collection.getItem(i)?.parentKey ?? null), o("keyboard")) : e.selectionManager.focusedKey === i && t.type === "item" && t.dropPosition === "on" && e.collection.getItem(t.key) != null ? (e.selectionManager.setFocusedKey(t.key), o("keyboard")) : e.selectionManager.focusedKey != null && !e.selectionManager.isSelected(e.selectionManager.focusedKey) && o("keyboard");
+			e.selectionManager.setFocused(!0);
+		}
+	}, [s]), m = L((e, t) => {
+		let { state: n } = s;
+		f.current = {
+			timeout: void 0,
+			focusedKey: n.selectionManager.focusedKey,
+			collection: n.collection,
+			selectedKeys: n.selectionManager.selectedKeys,
+			draggingKeys: k.draggingKeys,
+			isInternal: b(a),
+			target: t
+		}, (s.props.onDrop || c)({
+			type: "drop",
+			x: e.x,
+			y: e.y,
+			target: t,
+			items: e.items,
+			dropOperation: e.dropOperation
+		}), f.current.timeout = setTimeout(() => {
+			p(), f.current = null;
+		}, 50);
+	}, [
+		s,
+		c,
+		a,
+		p
+	]);
+	R(() => () => {
+		f.current && clearTimeout(f.current.timeout);
+	}, []), n(() => {
+		f.current && i.collection !== f.current.collection && p();
+	});
+	let { direction: h } = l();
+	R(() => {
+		if (!a.current) return;
+		let e = (e, t = !0, n = "down") => fe(s.props.keyboardDelegate, s.state.collection, e, n, h === "rtl", t), t = (t, n = !0) => e(t, n, "up"), n = (e, t, n, r, i = !0) => {
+			let o = 0, c, { draggingKeys: l } = k, u = b(a);
+			do {
+				let a = r(e, i);
+				if (!a) return null;
+				e = a, c = s.state.getDropOperation({
+					target: a,
+					types: t,
+					allowedOperations: n,
+					isInternal: u,
+					draggingKeys: l
+				}), e.type === "root" && o++;
+			} while (c === "cancel" && !s.state.isDropTarget(e) && o < 2);
+			return c === "cancel" ? null : e;
+		};
+		return S({
+			element: a.current,
+			preventFocusOnDrop: !0,
+			getDropOperation(t, r) {
+				if (s.state.target) {
+					let { draggingKeys: e } = k, n = b(a);
+					return s.state.getDropOperation({
+						target: s.state.target,
+						types: t,
+						allowedOperations: r,
+						isInternal: n,
+						draggingKeys: e
+					});
+				}
+				return n(null, t, r, e) ? "move" : "cancel";
+			},
+			onDropEnter(r, i) {
+				let o = _(i.items), c = s.state.selectionManager, l = null;
+				P(a);
+				let u = c.focusedKey, d = "after", f = u == null ? null : s.state.collection.getItem(u);
+				if (f?.type === "cell" && (u = f.parentKey), u != null && c.isSelected(u) && (c.selectedKeys.size > 1 && c.firstSelectedKey === u ? d = "before" : u = c.lastSelectedKey), u != null) {
+					l = {
+						type: "item",
+						key: u,
+						dropPosition: d
+					};
+					let { draggingKeys: r } = k, c = b(a);
+					s.state.getDropOperation({
+						target: l,
+						types: o,
+						allowedOperations: i.allowedDropOperations,
+						isInternal: c,
+						draggingKeys: r
+					}) === "cancel" && (l = n(l, o, i.allowedDropOperations, e, !1) ?? n(l, o, i.allowedDropOperations, t, !1));
+				}
+				l ||= n(null, o, i.allowedDropOperations, e), s.state.setTarget(l);
+			},
+			onDropExit() {
+				P(void 0), s.state.setTarget(null);
+			},
+			onDropTargetEnter(e) {
+				s.state.setTarget(e);
+			},
+			onDropActivate(e, t) {
+				t?.type === "item" && t?.dropPosition === "on" && typeof s.props.onDropActivate == "function" && s.props.onDropActivate({
+					type: "dropactivate",
+					x: e.x,
+					y: e.y,
+					target: t
+				});
+			},
+			onDrop(e, t) {
+				P(a), s.state.target && m(e, t || s.state.target);
+			},
+			onKeyDown(r, i) {
+				let { keyboardDelegate: o } = s.props, c = _(i.items);
+				switch (r.key) {
+					case "ArrowDown":
+						if (o.getKeyBelow) {
+							let t = n(s.state.target, c, i.allowedDropOperations, (t, n) => e(t, n, "down"));
+							s.state.setTarget(t);
+						}
+						break;
+					case "ArrowUp":
+						if (o.getKeyAbove) {
+							let t = n(s.state.target, c, i.allowedDropOperations, (t, n) => e(t, n, "up"));
+							s.state.setTarget(t);
+						}
+						break;
+					case "ArrowLeft":
+						if (o.getKeyLeftOf) {
+							let t = n(s.state.target, c, i.allowedDropOperations, (t, n) => e(t, n, "left"));
+							s.state.setTarget(t);
+						}
+						break;
+					case "ArrowRight":
+						if (o.getKeyRightOf) {
+							let t = n(s.state.target, c, i.allowedDropOperations, (t, n) => e(t, n, "right"));
+							s.state.setTarget(t);
+						}
+						break;
+					case "Home":
+						if (o.getFirstKey) {
+							let t = n(null, c, i.allowedDropOperations, e);
+							s.state.setTarget(t);
+						}
+						break;
+					case "End":
+						if (o.getLastKey) {
+							let e = n(null, c, i.allowedDropOperations, t);
+							s.state.setTarget(e);
+						}
+						break;
+					case "PageDown":
+						if (o.getKeyPageBelow) {
+							let r = s.state.target;
+							if (!r) r = n(null, c, i.allowedDropOperations, e);
+							else {
+								let l = o.getFirstKey?.();
+								r.type === "item" && (l = r.key);
+								let u = null;
+								l != null && (u = o.getKeyPageBelow(l));
+								let d = r.type === "item" ? r.dropPosition : "after";
+								if ((u == null || r.type === "item" && r.key === o.getLastKey?.()) && (u = o.getLastKey?.() ?? null, d = "after"), u == null) break;
+								r = {
+									type: "item",
+									key: u,
+									dropPosition: d
+								};
+								let { draggingCollectionRef: f, draggingKeys: p } = k, m = f?.current === a?.current;
+								s.state.getDropOperation({
+									target: r,
+									types: c,
+									allowedOperations: i.allowedDropOperations,
+									isInternal: m,
+									draggingKeys: p
+								}) === "cancel" && (r = n(r, c, i.allowedDropOperations, e, !1) ?? n(r, c, i.allowedDropOperations, t, !1));
+							}
+							s.state.setTarget(r ?? s.state.target);
+						}
+						break;
+					case "PageUp": {
+						if (!o.getKeyPageAbove) break;
+						let r = s.state.target;
+						if (!r) r = n(null, c, i.allowedDropOperations, t);
+						else if (r.type === "item") {
+							if (r.key === o.getFirstKey?.()) r = { type: "root" };
+							else {
+								let e = o.getKeyPageAbove(r.key), t = r.dropPosition;
+								if (e ?? (e = o.getFirstKey?.(), t = "before"), e == null) break;
+								r = {
+									type: "item",
+									key: e,
+									dropPosition: t
+								};
+							}
+							let { draggingKeys: l } = k, u = b(a);
+							s.state.getDropOperation({
+								target: r,
+								types: c,
+								allowedOperations: i.allowedDropOperations,
+								isInternal: u,
+								draggingKeys: l
+							}) === "cancel" && (r = n(r, c, i.allowedDropOperations, t, !1) ?? n(r, c, i.allowedDropOperations, e, !1));
+						}
+						s.state.setTarget(r ?? s.state.target);
+						break;
+					}
+				}
+				s.props.onKeyDown?.(r);
+			}
+		});
+	}, [
+		s,
+		a,
+		m,
+		h
+	]);
+	let g = t();
+	return y.set(i, {
+		id: g,
+		ref: a
+	}), { collectionProps: r(d, {
+		id: g,
+		"aria-describedby": null
+	}) };
+}
+//#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/dnd/useDroppableItem.mjs
+function X(e, t, n) {
+	let { dropProps: r } = A(), i = ie(t);
+	R(() => {
+		if (n.current) return N({
+			element: n.current,
+			target: e.target,
+			getDropOperation(n, r) {
+				let { draggingKeys: a } = k, o = b(i);
+				return t.getDropOperation({
+					target: e.target,
+					types: n,
+					allowedOperations: r,
+					isInternal: o,
+					draggingKeys: a
+				});
+			},
+			activateButtonRef: e.activateButtonRef
+		});
+	}, [
+		n,
+		e.target,
+		t,
+		i,
+		e.activateButtonRef
+	]);
+	let a = x(), { draggingKeys: o } = k, s = b(i), c = a && t.getDropOperation({
+		target: e.target,
+		types: _(a.dragTarget.items),
+		allowedOperations: a.dragTarget.allowedDropOperations,
+		isInternal: s,
+		draggingKeys: o
+	}) !== "cancel", l = t.isDropTarget(e.target);
+	return R(() => {
+		a && l && n.current && n.current.focus();
+	}, [
+		l,
+		a,
+		n
+	]), {
+		dropProps: {
+			...r,
+			"aria-hidden": !a || c ? void 0 : "true"
+		},
+		isDropTarget: l
+	};
+}
+//#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/dnd/useDropIndicator.mjs
+function he(e) {
+	return e && e.__esModule ? e.default : e;
+}
+function ge(e, n, r) {
+	let { target: i } = e, { collection: a } = n, o = u(he(M), "@react-aria/dnd"), s = x(), { dropProps: c } = X(e, n, r), l = t(), d = (e) => e == null ? "" : a.getTextValue?.(e) ?? a.getItem(e)?.textValue ?? "", f = "", p;
+	if (i.type === "root") f = o.format("dropOnRoot"), p = `${l} ${re(n)}`;
+	else if (i.dropPosition === "on") f = o.format("dropOnItem", { itemText: d(i.key) });
+	else {
+		let e, t;
+		if (i.dropPosition === "before") {
+			let t = a.getItem(i.key)?.prevKey, n = t == null ? null : a.getItem(t);
+			e = n?.type === "item" ? n.key : null;
+		} else e = i.key;
+		if (i.dropPosition === "after") {
+			let e = a.getItem(i.key)?.nextKey, n = e == null ? null : a.getItem(e);
+			t = n?.type === "item" ? n.key : null;
+		} else t = i.key;
+		e != null && t != null ? f = o.format("insertBetween", {
+			beforeItemText: d(e),
+			afterItemText: d(t)
+		}) : e == null ? t != null && (f = o.format("insertBefore", { itemText: d(t) })) : f = o.format("insertAfter", { itemText: d(e) });
+	}
+	let m = n.isDropTarget(i), h = s ? c["aria-hidden"] : "true";
+	return {
+		dropIndicatorProps: {
+			...c,
+			id: l,
+			"aria-roledescription": o.format("dropIndicator"),
+			"aria-label": f,
+			"aria-labelledby": p,
+			"aria-hidden": h,
+			tabIndex: -1
+		},
+		isDropTarget: m,
+		isHidden: !m && !!h
+	};
+}
+//#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/dnd/useDraggableItem.mjs
+function _e(e) {
+	return e && e.__esModule ? e.default : e;
+}
+var ve = {
+	keyboard: {
+		selected: "dragSelectedKeyboard",
+		notSelected: "dragDescriptionKeyboard"
+	},
+	touch: {
+		selected: "dragSelectedLongPress",
+		notSelected: "dragDescriptionLongPress"
+	},
+	virtual: {
+		selected: "dragDescriptionVirtual",
+		notSelected: "dragDescriptionVirtual"
+	}
+};
+function ye(e, t) {
+	let n = u(_e(M), "@react-aria/dnd"), r = t.isDisabled || t.selectionManager.isDisabled(e.key), { dragProps: i, dragButtonProps: a } = ue({
+		getItems() {
+			return t.getItems(e.key);
+		},
+		preview: t.preview,
+		getAllowedDropOperations: t.getAllowedDropOperations,
+		hasDragButton: e.hasDragButton,
+		onDragStart(n) {
+			t.startDrag(e.key, n), T(t.draggingKeys);
+		},
+		onDragMove(e) {
+			t.moveDrag(e);
+		},
+		onDragEnd(e) {
+			let { dropOperation: n } = e, r = n !== "cancel" && b();
+			t.endDrag({
+				...e,
+				keys: t.draggingKeys,
+				isInternal: r
+			}), E();
+		}
+	}), o = t.collection.getItem(e.key), s = t.getKeysForDrag(e.key).size, c = s > 1 && t.selectionManager.isSelected(e.key), l, d, f = C();
+	if (!e.hasDragButton && t.selectionManager.selectionMode !== "none") {
+		let t = ve[f][c ? "selected" : "notSelected"];
+		e.hasAction && f === "keyboard" && (t += "Alt"), d = c ? n.format(t, { count: s }) : n.format(t), delete i.onClick;
+	} else if (c) l = n.format("dragSelectedItems", { count: s });
+	else {
+		let r = t.collection.getTextValue?.(e.key) ?? o?.textValue ?? "";
+		l = n.format("dragItem", { itemText: r });
+	}
+	let p = m(d);
+	if (d && Object.assign(i, p), !e.hasDragButton && e.hasAction) {
+		let { onKeyDownCapture: e, onKeyUpCapture: t } = i;
+		f === "touch" && delete i["aria-describedby"], i.onKeyDownCapture = (t) => {
+			t.altKey && e?.(t);
+		}, i.onKeyUpCapture = (e) => {
+			e.altKey && t?.(e);
+		};
+	}
+	return {
+		dragProps: r ? {} : i,
+		dragButtonProps: {
+			...a,
+			isDisabled: r,
+			"aria-label": l
+		}
+	};
+}
+//#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/dnd/DragPreview.mjs
+var be = /*#__PURE__*/ I.forwardRef(function(e, t) {
+	let n = e.children, [r, i] = B(null), a = z(null), o = z(void 0);
+	return ce(t, () => (e, t) => {
+		let r = n(e), s, c, l;
+		r && typeof r == "object" && "element" in r ? (s = r.element, c = r.x, l = r.y) : s = r, H(() => {
+			i(s);
+		}), t(a.current, c, l), o.current = requestAnimationFrame(() => {
+			i(null);
+		});
+	}, [n]), R(() => () => {
+		o.current && cancelAnimationFrame(o.current);
+	}, []), r ? /*#__PURE__*/ I.createElement("div", {
+		style: {
+			zIndex: -100,
+			position: "fixed",
+			top: 0,
+			left: -1e5
+		},
+		ref: a
+	}, r) : null;
+}), xe = class {
+	constructor(e, t, n) {
+		this.collection = e, this.ref = t, this.layout = n?.layout || "stack", this.orientation = n?.orientation || "vertical", this.direction = n?.direction || "ltr";
+	}
+	getPrimaryStart(e) {
+		return this.orientation === "horizontal" ? e.left : e.top;
+	}
+	getPrimaryEnd(e) {
+		return this.orientation === "horizontal" ? e.right : e.bottom;
+	}
+	getSecondaryStart(e) {
+		return this.orientation === "horizontal" ? e.top : e.left;
+	}
+	getSecondaryEnd(e) {
+		return this.orientation === "horizontal" ? e.bottom : e.right;
+	}
+	getFlowStart(e) {
+		return this.layout === "stack" ? this.getPrimaryStart(e) : this.getSecondaryStart(e);
+	}
+	getFlowEnd(e) {
+		return this.layout === "stack" ? this.getPrimaryEnd(e) : this.getSecondaryEnd(e);
+	}
+	getFlowSize(e) {
+		return this.getFlowEnd(e) - this.getFlowStart(e);
+	}
+	getDropTargetFromPoint(e, t, n) {
+		if (this.collection[Symbol.iterator]().next().done || !this.ref.current) return { type: "root" };
+		let r = this.ref.current.getBoundingClientRect(), i = this.orientation === "horizontal" ? e : t, a = this.orientation === "horizontal" ? t : e;
+		i += this.getPrimaryStart(r), a += this.getSecondaryStart(r);
+		let o = this.layout === "stack" ? i : a, s = this.orientation === "horizontal" && this.direction === "rtl", c = this.layout === "grid" && this.orientation === "vertical" && this.direction === "rtl", l = this.layout === "stack" ? s : c, u = this.ref.current?.dataset.collection, d = this.ref.current.querySelectorAll(u ? `[data-collection="${CSS.escape(u)}"]` : "[data-key]"), f = /* @__PURE__ */ new Map();
+		for (let e of d) e instanceof HTMLElement && e.dataset.key != null && f.set(e.dataset.key, e);
+		let p = [...this.collection].filter((e) => e.type === "item");
+		if (p.length < 1) return { type: "root" };
+		let m = 0, h = p.length;
+		for (; m < h;) {
+			let e = Math.floor((m + h) / 2), t = p[e], r = f.get(String(t.key));
+			if (!r) break;
+			let u = r.getBoundingClientRect(), d = (t) => {
+				t ? m = e + 1 : h = e;
+			};
+			if (i < this.getPrimaryStart(u)) d(s);
+			else if (i > this.getPrimaryEnd(u)) d(!s);
+			else if (a < this.getSecondaryStart(u)) d(c);
+			else if (a > this.getSecondaryEnd(u)) d(!c);
+			else {
+				let e = {
+					type: "item",
+					key: t.key,
+					dropPosition: "on"
+				};
+				if (n(e)) o <= this.getFlowStart(u) + 5 && n({
+					...e,
+					dropPosition: "before"
+				}) ? e.dropPosition = l ? "after" : "before" : o >= this.getFlowEnd(u) - 5 && n({
+					...e,
+					dropPosition: "after"
+				}) && (e.dropPosition = l ? "before" : "after");
+				else {
+					let t = this.getFlowStart(u) + this.getFlowSize(u) / 2;
+					o <= t && n({
+						...e,
+						dropPosition: "before"
+					}) ? e.dropPosition = l ? "after" : "before" : o >= t && n({
+						...e,
+						dropPosition: "after"
+					}) && (e.dropPosition = l ? "before" : "after");
+				}
+				return e;
+			}
+		}
+		let g = p[Math.min(m, p.length - 1)];
+		return r = f.get(String(g.key))?.getBoundingClientRect(), r && (i < this.getPrimaryStart(r) || Math.abs(o - this.getFlowStart(r)) < Math.abs(o - this.getFlowEnd(r))) ? {
+			type: "item",
+			key: g.key,
+			dropPosition: l ? "after" : "before"
+		} : {
+			type: "item",
+			key: g.key,
+			dropPosition: l ? "before" : "after"
+		};
+	}
+};
+//#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/grid/useGridSelectionCheckbox.mjs
+function Se(e) {
+	return e && e.__esModule ? e.default : e;
+}
+function Z(e, n) {
+	let { key: r } = e, i = n.selectionManager, a = t(), o = !n.selectionManager.canSelectItem(r), s = n.selectionManager.isSelected(r);
+	return { checkboxProps: {
+		id: a,
+		"aria-label": u(Se(oe), "@react-aria/grid").format("select"),
+		isSelected: s,
+		isDisabled: o,
+		onChange: () => i.toggleSelection(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/gridlist/useGridListSelectionCheckbox.mjs
+function Ce(e, t) {
+	let { key: n } = e, { checkboxProps: r } = Z(e, t);
+	return { checkboxProps: {
+		...r,
+		"aria-labelledby": `${r.id} ${se(t, n)}`
+	} };
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.48.0_react@19.2.0/node_modules/react-stately/dist/private/dnd/useDraggableCollectionState.mjs
+function we(e) {
+	let { getItems: t, isDisabled: n, collection: r, selectionManager: i, onDragStart: a, onDragMove: o, onDragEnd: s, preview: c, getAllowedDropOperations: l } = e, [, u] = B(!1), d = z(/* @__PURE__ */ new Set()), f = z(null), p = (e) => {
+		let t = /* @__PURE__ */ new Set();
+		if (i.isSelected(e)) for (let e of i.selectedKeys) {
+			let n = r.getItem(e);
+			if (n) {
+				let a = !1, o = n.parentKey;
+				for (; o != null;) {
+					if (i.selectedKeys.has(o)) {
+						a = !0;
+						break;
+					}
+					let e = r.getItem(o);
+					o = e ? e.parentKey : null;
+				}
+				a || t.add(e);
+			}
+		}
+		else t.add(e);
+		return t;
+	};
+	return {
+		collection: r,
+		selectionManager: i,
+		get draggedKey() {
+			return f.current;
+		},
+		get draggingKeys() {
+			return d.current;
+		},
+		isDragging(e) {
+			return d.current.has(e);
+		},
+		getKeysForDrag: p,
+		getItems(e) {
+			let n = p(e), i = [];
+			for (let e of n) {
+				let t = r.getItem(e)?.value;
+				t != null && i.push(t);
+			}
+			return t(p(e), i);
+		},
+		isDisabled: n,
+		preview: c,
+		getAllowedDropOperations: l,
+		startDrag(e, t) {
+			let n = p(e);
+			d.current = n, f.current = e, i.setFocused(!1), u(!0), typeof a == "function" && a({
+				...t,
+				keys: n
+			});
+		},
+		moveDrag(e) {
+			typeof o == "function" && o({
+				...e,
+				keys: d.current
+			});
+		},
+		endDrag(e) {
+			let { isInternal: t } = e;
+			typeof s == "function" && s({
+				...e,
+				keys: d.current,
+				isInternal: t
+			}), d.current = /* @__PURE__ */ new Set(), f.current = null, u(!1);
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.48.0_react@19.2.0/node_modules/react-stately/dist/private/dnd/useDroppableCollectionState.mjs
+function Q(e) {
+	let { acceptedDragTypes: t = "all", isDisabled: n, onInsert: r, onRootDrop: i, onItemDrop: a, onReorder: o, onMove: s, shouldAcceptItemDrop: c, collection: l, selectionManager: u, onDropEnter: d, getDropOperation: f, onDrop: p } = e, [m, h] = B(null), g = z(null), _ = (e) => {
+		if (e.dropPosition === "before") {
+			let t = l.getItem(e.key);
+			return t && t.prevKey != null ? {
+				type: "item",
+				key: t.prevKey,
+				dropPosition: "after"
+			} : null;
+		} else if (e.dropPosition === "after") {
+			let t = l.getItem(e.key);
+			return t && t.nextKey != null ? {
+				type: "item",
+				key: t.nextKey,
+				dropPosition: "before"
+			} : null;
+		}
+		return null;
+	}, v = L((e) => {
+		let { target: u, types: d, allowedOperations: m, isInternal: h, draggingKeys: g } = e;
+		if (n || !u) return "cancel";
+		if (t === "all" || t.some((e) => d.has(e))) {
+			let e = r && u.type === "item" && !h && (u.dropPosition === "before" || u.dropPosition === "after"), t = o && u.type === "item" && h && (u.dropPosition === "before" || u.dropPosition === "after") && Te(l, u, g), n = u.type !== "item" || u.dropPosition !== "on" || !c || c(u, d), _ = s && u.type === "item" && h && n, v = i && u.type === "root" && !h, y = a && u.type === "item" && u.dropPosition === "on" && !(h && u.key != null && g.has(u.key)) && n;
+			if (p || e || t || _ || v || y) return f ? f(u, d, m) : m[0];
+		}
+		return "cancel";
+	}, [
+		n,
+		l,
+		t,
+		f,
+		r,
+		i,
+		a,
+		c,
+		o,
+		s,
+		p
+	]);
+	return {
+		collection: l,
+		selectionManager: u,
+		isDisabled: n,
+		target: m,
+		setTarget(t) {
+			if (this.isDropTarget(t)) return;
+			let n = g.current;
+			n && typeof e.onDropExit == "function" && e.onDropExit({
+				type: "dropexit",
+				x: 0,
+				y: 0,
+				target: n
+			}), t && typeof d == "function" && d({
+				type: "dropenter",
+				x: 0,
+				y: 0,
+				target: t
+			}), g.current = t ?? null, h(t ?? null);
+		},
+		isDropTarget(e) {
+			let t = g.current;
+			return !t || !e ? !1 : $(e, t) ? !0 : e?.type === "item" && t?.type === "item" && e.key !== t.key && e.dropPosition !== t.dropPosition && e.dropPosition !== "on" && t.dropPosition !== "on" ? $(_(e), t) || $(e, _(t)) : !1;
+		},
+		getDropOperation(e) {
+			let { target: t, isInternal: n, draggingKeys: r } = e;
+			if (n && t.type === "item" && r.size > 0) {
+				if (r.has(t.key) && t.dropPosition === "on") return "cancel";
+				let e = t.key;
+				for (; e != null;) {
+					let t = l.getItem(e)?.parentKey;
+					if (t != null && r.has(t)) return "cancel";
+					e = t ?? null;
+				}
+			}
+			return v(e);
+		}
+	};
+}
+function $(e, t) {
+	if (!e) return !t;
+	switch (e.type) {
+		case "root": return t?.type === "root";
+		case "item": return t?.type === "item" && t?.key === e.key && t?.dropPosition === e.dropPosition;
+	}
+}
+function Te(e, t, n) {
+	let r = e.getItem(t.key);
+	for (let t of n) if (e.getItem(t)?.parentKey !== r?.parentKey) return !1;
+	return !0;
+}
+//#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/useDragAndDrop.mjs
+function Ee(e) {
+	return { dragAndDropHooks: le(() => {
+		let { onDrop: t, onInsert: n, onItemDrop: r, onReorder: i, onMove: a, onRootDrop: o, getItems: s, renderDragPreview: c, renderDropIndicator: l, dropTargetDelegate: u } = e, d = !!s, f = !!(t || n || r || i || a || o), p = {};
+		return d && (p.useDraggableCollectionState = function(t) {
+			return we({
+				...t,
+				...e
+			});
+		}, p.useDraggableCollection = de, p.useDraggableItem = ye, p.DragPreview = be, p.renderDragPreview = c, p.isVirtualDragging = D), f && (p.useDroppableCollectionState = function(t) {
+			return Q({
+				...t,
+				...e
+			});
+		}, p.useDroppableItem = X, p.useDroppableCollection = function(t, n, r) {
+			return me({
+				...t,
+				...e
+			}, n, r);
+		}, p.useDropIndicator = ge, p.renderDropIndicator = l, p.dropTargetDelegate = u, p.ListDropTargetDelegate = xe), p;
+	}, [e]) };
+}
+//#endregion
+export { Ce as n, Z as r, Ee as t };
+
+//# sourceMappingURL=useDragAndDrop-BAyAtCYg.esm.js.map