@sheetxl/studio-vanilla 0.7.28-beta.4 → 0.8.0-beta.2

package/cdn/assets/{CDqMmEdh_CPaFCCi2.js → COk-0FZl3cv__3yY2.js}

@@ -1,15 +1,15 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.2
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./B_U_UpQXdbjNRthb.js";
-import { t } from "./BynqRVXFRplO7XgC.js";
-import { t as n } from "./DiKc6jzGM1isrN02.js";
-import { t as r } from "./B0N6rTGGJN2DZPaf.js";
-import { t as i } from "./hsy1zALC1oNNm5Sf.js";
-import { t as a } from "./DW2yQm-sEcHogX7E.js";
+import { r as e } from "./nBZATD4yR1W5D4Fi.js";
+import { t } from "./DoBxkE57H5PfH7Or.js";
+import { t as n } from "./BsGz_0JrhSfOZ24Q.js";
+import { t as r } from "./C3KIo0iwLXhIIMG8.js";
+import { t as i } from "./UNtnFd2ssTtnrqRp.js";
+import { t as a } from "./B0FNPu0uhX_WW-aJ2.js";
 var o = e(t(), 1), s = r(), c = e(n(), 1), l = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
 function u(e) {
 	let t = Object.prototype.toString.call(e);
@@ -72,14 +72,14 @@ function S(e) {
 	}, [e]), t.current;
 }
 var C = {};
-function ee(e, t) {
+function w(e, t) {
 	return (0, o.useMemo)(() => {
 		if (t) return t;
 		let n = C[e] == null ? 0 : C[e] + 1;
 		return C[e] = n, e + "-" + n;
 	}, [e, t]);
 }
-function w(e) {
+function T(e) {
 	return function(t) {
 		return [...arguments].slice(1).reduce((t, n) => {
 			let r = Object.entries(n);
@@ -91,13 +91,13 @@ function w(e) {
 		}, { ...t });
 	};
 }
-var T = w(1), E = w(-1);
-function D(e) {
+var E = T(1), D = T(-1);
+function O(e) {
 	if (!e) return !1;
 	let { KeyboardEvent: t } = f(e.target);
 	return t && e instanceof t;
 }
-function te(e) {
+function ee(e) {
 	if (function(e) {
 		if (!e) return !1;
 		let { TouchEvent: t } = f(e.target);
@@ -125,7 +125,7 @@ function te(e) {
 		y: e.clientY
 	} : null;
 }
-var O = Object.freeze({
+var k = Object.freeze({
 	Translate: { toString(e) {
 		if (!e) return;
 		let { x: t, y: n } = e;
@@ -137,25 +137,25 @@ var O = Object.freeze({
 		return "scaleX(" + t + ") scaleY(" + n + ")";
 	} },
 	Transform: { toString(e) {
-		if (e) return [O.Translate.toString(e), O.Scale.toString(e)].join(" ");
+		if (e) return [k.Translate.toString(e), k.Scale.toString(e)].join(" ");
 	} },
 	Transition: { toString(e) {
 		let { property: t, duration: n, easing: r } = e;
 		return t + " " + n + "ms " + r;
 	} }
-}), ne = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function re(e) {
-	return e.matches(ne) ? e : e.querySelector(ne);
+}), te = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function ne(e) {
+	return e.matches(te) ? e : e.querySelector(te);
 }
-var k = { display: "none" };
-function A(e) {
+var A = { display: "none" };
+function j(e) {
 	let { id: t, value: n } = e;
 	return o.createElement("div", {
 		id: t,
-		style: k
+		style: A
 	}, n);
 }
-function ie(e) {
+function re(e) {
 	let { id: t, announcement: n, ariaLiveType: r = "assertive" } = e;
 	return o.createElement("div", {
 		id: t,
@@ -178,7 +178,7 @@ function ie(e) {
 		"aria-atomic": !0
 	}, n);
 }
-var j, M, ae = (0, o.createContext)(null), N = { draggable: "\n    To pick up a draggable item, press the space bar.\n    While dragging, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  " }, oe = {
+var M, N, ie = (0, o.createContext)(null), P = { draggable: "\n    To pick up a draggable item, press the space bar.\n    While dragging, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  " }, ae = {
 	onDragStart(e) {
 		let { active: t } = e;
 		return "Picked up draggable item " + t.id + ".";
@@ -196,8 +196,8 @@ var j, M, ae = (0, o.createContext)(null), N = { draggable: "\n    To pick up a
 		return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
 	}
 };
-function se(e) {
-	let { announcements: t = oe, container: n, hiddenTextDescribedById: r, screenReaderInstructions: i = N } = e, { announce: a, announcement: s } = function() {
+function oe(e) {
+	let { announcements: t = ae, container: n, hiddenTextDescribedById: r, screenReaderInstructions: i = P } = e, { announce: a, announcement: s } = function() {
 		let [e, t] = (0, o.useState)("");
 		return {
 			announce: (0, o.useCallback)((e) => {
@@ -205,11 +205,11 @@ function se(e) {
 			}, []),
 			announcement: e
 		};
-	}(), l = ee("DndLiveRegion"), [u, d] = (0, o.useState)(!1);
+	}(), l = w("DndLiveRegion"), [u, d] = (0, o.useState)(!1);
 	if ((0, o.useEffect)(() => {
 		d(!0);
 	}, []), function(e) {
-		let t = (0, o.useContext)(ae);
+		let t = (0, o.useContext)(ie);
 		(0, o.useEffect)(() => {
 			if (!t) throw Error("useDndMonitor must be used within a children of <DndContext>");
 			return t(e);
@@ -248,32 +248,28 @@ function se(e) {
 			}));
 		}
 	}), [a, t])), !u) return null;
-	let f = o.createElement(o.Fragment, null, o.createElement(A, {
+	let f = o.createElement(o.Fragment, null, o.createElement(j, {
 		id: r,
 		value: i.draggable
-	}), o.createElement(ie, {
+	}), o.createElement(re, {
 		id: l,
 		announcement: s
 	}));
 	return n ? (0, c.createPortal)(f, n) : f;
 }
-function P() {}
-function ce(e, t) {
+function F() {}
+function se(e, t) {
 	return (0, o.useMemo)(() => ({
 		sensor: e,
 		options: t ?? {}
 	}), [e, t]);
 }
-function le() {
-	var e = [...arguments];
-	return (0, o.useMemo)(() => [...e].filter((e) => e != null), [...e]);
-}
-(M = j ||= {}).DragStart = "dragStart", M.DragMove = "dragMove", M.DragEnd = "dragEnd", M.DragCancel = "dragCancel", M.DragOver = "dragOver", M.RegisterDroppable = "registerDroppable", M.SetDroppableDisabled = "setDroppableDisabled", M.UnregisterDroppable = "unregisterDroppable";
-var F = Object.freeze({
+(N = M ||= {}).DragStart = "dragStart", N.DragMove = "dragMove", N.DragEnd = "dragEnd", N.DragCancel = "dragCancel", N.DragOver = "dragOver", N.RegisterDroppable = "registerDroppable", N.SetDroppableDisabled = "setDroppableDisabled", N.UnregisterDroppable = "unregisterDroppable";
+var I = Object.freeze({
 	x: 0,
 	y: 0
 });
-function I(e, t) {
+function ce(e, t) {
 	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 }
 function L(e, t) {
@@ -284,18 +280,18 @@ function R(e, t) {
 	let { data: { value: n } } = e, { data: { value: r } } = t;
 	return r - n;
 }
-function ue(e, t, n) {
+function z(e, t, n) {
 	return t === void 0 && (t = e.left), n === void 0 && (n = e.top), {
 		x: t + .5 * e.width,
 		y: n + .5 * e.height
 	};
 }
-var z = (e) => {
-	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = ue(t, t.left, t.top), a = [];
+var le = (e) => {
+	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = z(t, t.left, t.top), a = [];
 	for (let e of r) {
 		let { id: t } = e, r = n.get(t);
 		if (r) {
-			let n = I(ue(r), i);
+			let n = ce(z(r), i);
 			a.push({
 				id: t,
 				data: {
@@ -332,13 +328,13 @@ var V = (e) => {
 	}
 	return i.sort(R);
 };
-function de(e, t) {
+function H(e, t) {
 	return e && t ? {
 		x: e.left - t.left,
 		y: e.top - t.top
-	} : F;
+	} : I;
 }
-var H, fe = function(e) {
+var U, ue = function(e) {
 	return function(t) {
 		return [...arguments].slice(1).reduce((t, n) => ({
 			...t,
@@ -348,9 +344,9 @@ var H, fe = function(e) {
 			right: t.right + e * n.x
 		}), { ...t });
 	};
-}(1), pe = { ignoreTransform: !1 };
-function me(e, t) {
-	t === void 0 && (t = pe);
+}(1), de = { ignoreTransform: !1 };
+function fe(e, t) {
+	t === void 0 && (t = de);
 	let n = e.getBoundingClientRect();
 	if (t.ignoreTransform) {
 		let { transform: t, transformOrigin: r } = f(e).getComputedStyle(e);
@@ -398,10 +394,10 @@ function me(e, t) {
 		right: c
 	};
 }
-function he(e) {
-	return me(e, { ignoreTransform: !0 });
+function pe(e) {
+	return fe(e, { ignoreTransform: !0 });
 }
-function ge(e, t) {
+function me(e, t) {
 	let n = [];
 	return e ? function r(i) {
 		if (t != null && n.length >= t || !i) return n;
@@ -424,33 +420,33 @@ function ge(e, t) {
 		}(i, a) ? n : r(i.parentNode);
 	}(e) : n;
 }
-function _e(e) {
-	let [t] = ge(e, 1);
+function he(e) {
+	let [t] = me(e, 1);
 	return t ?? null;
 }
-function ve(e) {
+function ge(e) {
 	return l && e ? u(e) ? e : d(e) ? p(e) || e === g(e).scrollingElement ? window : m(e) ? e : null : null : null;
 }
-function U(e) {
+function _e(e) {
 	return u(e) ? e.scrollX : e.scrollLeft;
 }
-function ye(e) {
+function W(e) {
 	return u(e) ? e.scrollY : e.scrollTop;
 }
-function be(e) {
+function ve(e) {
 	return {
-		x: U(e),
-		y: ye(e)
+		x: _e(e),
+		y: W(e)
 	};
 }
-function xe(e) {
+function ye(e) {
 	return !(!l || !e) && e === document.scrollingElement;
 }
-function W(e) {
+function be(e) {
 	let t = {
 		x: 0,
 		y: 0
-	}, n = xe(e) ? {
+	}, n = ye(e) ? {
 		height: window.innerHeight,
 		width: window.innerWidth
 	} : {
@@ -471,27 +467,27 @@ function W(e) {
 }
 (function(e) {
 	e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
-})(H ||= {});
-var G, K, Se = {
+})(U ||= {});
+var G, K, q = {
 	x: .2,
 	y: .2
 };
-function q(e, t, n, r, i) {
+function xe(e, t, n, r, i) {
 	let { top: a, left: o, right: s, bottom: c } = n;
-	r === void 0 && (r = 10), i === void 0 && (i = Se);
-	let { isTop: l, isBottom: u, isLeft: d, isRight: f } = W(e), p = {
+	r === void 0 && (r = 10), i === void 0 && (i = q);
+	let { isTop: l, isBottom: u, isLeft: d, isRight: f } = be(e), p = {
 		x: 0,
 		y: 0
 	}, m = {
 		x: 0,
 		y: 0
 	}, h = t.height * i.y, g = t.width * i.x;
-	return !l && a <= t.top + h ? (p.y = H.Backward, m.y = r * Math.abs((t.top + h - a) / h)) : !u && c >= t.bottom - h && (p.y = H.Forward, m.y = r * Math.abs((t.bottom - h - c) / h)), !f && s >= t.right - g ? (p.x = H.Forward, m.x = r * Math.abs((t.right - g - s) / g)) : !d && o <= t.left + g && (p.x = H.Backward, m.x = r * Math.abs((t.left + g - o) / g)), {
+	return !l && a <= t.top + h ? (p.y = U.Backward, m.y = r * Math.abs((t.top + h - a) / h)) : !u && c >= t.bottom - h && (p.y = U.Forward, m.y = r * Math.abs((t.bottom - h - c) / h)), !f && s >= t.right - g ? (p.x = U.Forward, m.x = r * Math.abs((t.right - g - s) / g)) : !d && o <= t.left + g && (p.x = U.Backward, m.x = r * Math.abs((t.left + g - o) / g)), {
 		direction: p,
 		speed: m
 	};
 }
-function Ce(e) {
+function J(e) {
 	if (e === document.scrollingElement) {
 		let { innerWidth: e, innerHeight: t } = window;
 		return {
@@ -513,27 +509,27 @@ function Ce(e) {
 		height: e.clientHeight
 	};
 }
-function we(e) {
-	return e.reduce((e, t) => T(e, be(t)), F);
+function Se(e) {
+	return e.reduce((e, t) => E(e, ve(t)), I);
 }
-var Te = [[
+var Ce = [[
 	"x",
 	["left", "right"],
 	function(e) {
-		return e.reduce((e, t) => e + U(t), 0);
+		return e.reduce((e, t) => e + _e(t), 0);
 	}
 ], [
 	"y",
 	["top", "bottom"],
 	function(e) {
-		return e.reduce((e, t) => e + ye(t), 0);
+		return e.reduce((e, t) => e + W(t), 0);
 	}
-]], Ee = class {
+]], we = class {
 	constructor(e, t) {
 		this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
-		let n = ge(t), r = we(n);
+		let n = me(t), r = Se(n);
 		this.rect = { ...e }, this.width = e.width, this.height = e.height;
-		for (let [e, t, i] of Te) for (let a of t) Object.defineProperty(this, a, {
+		for (let [e, t, i] of Ce) for (let a of t) Object.defineProperty(this, a, {
 			get: () => {
 				let t = i(n), o = r[e] - t;
 				return this.rect[a] + o;
@@ -542,7 +538,7 @@ var Te = [[
 		});
 		Object.defineProperty(this, "rect", { enumerable: !1 });
 	}
-}, J = class {
+}, Y = class {
 	constructor(e) {
 		this.target = void 0, this.listeners = [], this.removeAll = () => {
 			this.listeners.forEach((e) => this.target?.removeEventListener(...e));
@@ -557,14 +553,14 @@ var Te = [[
 		]);
 	}
 };
-function De(e, t) {
+function Te(e, t) {
 	let n = Math.abs(e.x), r = Math.abs(e.y);
 	return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t && r > t.y;
 }
-function Y(e) {
+function Ee(e) {
 	e.preventDefault();
 }
-function Oe(e) {
+function X(e) {
 	e.stopPropagation();
 }
 (function(e) {
@@ -572,7 +568,7 @@ function Oe(e) {
 })(G ||= {}), function(e) {
 	e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
 }(K ||= {});
-var ke = {
+var De = {
 	start: [K.Space, K.Enter],
 	cancel: [K.Esc],
 	end: [
@@ -580,7 +576,7 @@ var ke = {
 		K.Enter,
 		K.Tab
 	]
-}, Ae = (e, t) => {
+}, Oe = (e, t) => {
 	let { currentCoordinates: n } = t;
 	switch (e.code) {
 		case K.Right: return {
@@ -600,11 +596,11 @@ var ke = {
 			y: n.y - 25
 		};
 	}
-}, je = class {
+}, ke = class {
 	constructor(e) {
 		this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = e;
 		let { event: { target: t } } = e;
-		this.props = e, this.listeners = new J(g(t)), this.windowListeners = new J(f(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+		this.props = e, this.listeners = new Y(g(t)), this.windowListeners = new Y(f(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
 	}
 	attach() {
 		this.handleStart(), this.windowListeners.add(G.Resize, this.handleCancel), this.windowListeners.add(G.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(G.Keydown, this.handleKeyDown));
@@ -612,23 +608,23 @@ var ke = {
 	handleStart() {
 		let { activeNode: e, onStart: t } = this.props, n = e.node.current;
 		n && function(e, t) {
-			if (t === void 0 && (t = me), !e) return;
+			if (t === void 0 && (t = fe), !e) return;
 			let { top: n, left: r, bottom: i, right: a } = t(e);
-			_e(e) && (i <= 0 || a <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+			he(e) && (i <= 0 || a <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
 				block: "center",
 				inline: "center"
 			});
-		}(n), t(F);
+		}(n), t(I);
 	}
 	handleKeyDown(e) {
-		if (D(e)) {
-			let { active: t, context: n, options: r } = this.props, { keyboardCodes: i = ke, coordinateGetter: a = Ae, scrollBehavior: o = "smooth" } = r, { code: s } = e;
+		if (O(e)) {
+			let { active: t, context: n, options: r } = this.props, { keyboardCodes: i = De, coordinateGetter: a = Oe, scrollBehavior: o = "smooth" } = r, { code: s } = e;
 			if (i.end.includes(s)) return void this.handleEnd(e);
 			if (i.cancel.includes(s)) return void this.handleCancel(e);
 			let { collisionRect: c } = n.current, l = c ? {
 				x: c.left,
 				y: c.top
-			} : F;
+			} : I;
 			this.referenceCoordinates ||= l;
 			let u = a(e, {
 				active: t,
@@ -636,12 +632,12 @@ var ke = {
 				currentCoordinates: l
 			});
 			if (u) {
-				let t = E(u, l), r = {
+				let t = D(u, l), r = {
 					x: 0,
 					y: 0
 				}, { scrollableAncestors: i } = n.current;
 				for (let n of i) {
-					let i = e.code, { isTop: a, isRight: s, isLeft: c, isBottom: l, maxScroll: d, minScroll: f } = W(n), p = Ce(n), m = {
+					let i = e.code, { isTop: a, isRight: s, isLeft: c, isBottom: l, maxScroll: d, minScroll: f } = be(n), p = J(n), m = {
 						x: Math.min(i === K.Right ? p.right - p.width / 2 : p.right, Math.max(i === K.Right ? p.left : p.left + p.width / 2, u.x)),
 						y: Math.min(i === K.Down ? p.bottom - p.height / 2 : p.bottom, Math.max(i === K.Down ? p.top : p.top + p.height / 2, u.y))
 					}, h = i === K.Right && !s || i === K.Left && !c, g = i === K.Down && !l || i === K.Up && !a;
@@ -670,7 +666,7 @@ var ke = {
 						break;
 					}
 				}
-				this.handleMove(e, T(E(u, this.referenceCoordinates), r));
+				this.handleMove(e, E(D(u, this.referenceCoordinates), r));
 			}
 		}
 	}
@@ -690,16 +686,16 @@ var ke = {
 		this.listeners.removeAll(), this.windowListeners.removeAll();
 	}
 };
-function Me(e) {
+function Ae(e) {
 	return !(!e || !("distance" in e));
 }
-function Ne(e) {
+function je(e) {
 	return !(!e || !("delay" in e));
 }
-je.activators = [{
+ke.activators = [{
 	eventName: "onKeyDown",
 	handler: (e, t, n) => {
-		let { keyboardCodes: r = ke, onActivation: i } = t, { active: a } = n, { code: o } = e.nativeEvent;
+		let { keyboardCodes: r = De, onActivation: i } = t, { active: a } = n, { code: o } = e.nativeEvent;
 		if (r.start.includes(o)) {
 			let t = a.activatorNode.current;
 			return !(t && e.target !== t || (e.preventDefault(), i?.({ event: e.nativeEvent }), 0));
@@ -707,25 +703,25 @@ je.activators = [{
 		return !1;
 	}
 }];
-var X, Z = class {
+var Me, Z = class {
 	constructor(e, t, n) {
 		n === void 0 && (n = function(e) {
 			let { EventTarget: t } = f(e);
 			return e instanceof t ? e : g(e);
 		}(e.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = e, this.events = t;
 		let { event: r } = e, { target: i } = r;
-		this.props = e, this.events = t, this.document = g(i), this.documentListeners = new J(this.document), this.listeners = new J(n), this.windowListeners = new J(f(i)), this.initialCoordinates = te(r) ?? F, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+		this.props = e, this.events = t, this.document = g(i), this.documentListeners = new Y(this.document), this.listeners = new Y(n), this.windowListeners = new Y(f(i)), this.initialCoordinates = ee(r) ?? I, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
 	}
 	attach() {
 		let { events: e, props: { options: { activationConstraint: t, bypassActivationConstraint: n } } } = this;
-		if (this.listeners.add(e.move.name, this.handleMove, { passive: !1 }), this.listeners.add(e.end.name, this.handleEnd), e.cancel && this.listeners.add(e.cancel.name, this.handleCancel), this.windowListeners.add(G.Resize, this.handleCancel), this.windowListeners.add(G.DragStart, Y), this.windowListeners.add(G.VisibilityChange, this.handleCancel), this.windowListeners.add(G.ContextMenu, Y), this.documentListeners.add(G.Keydown, this.handleKeydown), t) {
+		if (this.listeners.add(e.move.name, this.handleMove, { passive: !1 }), this.listeners.add(e.end.name, this.handleEnd), e.cancel && this.listeners.add(e.cancel.name, this.handleCancel), this.windowListeners.add(G.Resize, this.handleCancel), this.windowListeners.add(G.DragStart, Ee), this.windowListeners.add(G.VisibilityChange, this.handleCancel), this.windowListeners.add(G.ContextMenu, Ee), this.documentListeners.add(G.Keydown, this.handleKeydown), t) {
 			if (n != null && n({
 				event: this.props.event,
 				activeNode: this.props.activeNode,
 				options: this.props.options
 			})) return this.handleStart();
-			if (Ne(t)) return this.timeoutId = setTimeout(this.handleStart, t.delay), void this.handlePending(t);
-			if (Me(t)) return void this.handlePending(t);
+			if (je(t)) return this.timeoutId = setTimeout(this.handleStart, t.delay), void this.handlePending(t);
+			if (Ae(t)) return void this.handlePending(t);
 		}
 		this.handleStart();
 	}
@@ -738,18 +734,18 @@ var X, Z = class {
 	}
 	handleStart() {
 		let { initialCoordinates: e } = this, { onStart: t } = this.props;
-		e && (this.activated = !0, this.documentListeners.add(G.Click, Oe, { capture: !0 }), this.removeTextSelection(), this.documentListeners.add(G.SelectionChange, this.removeTextSelection), t(e));
+		e && (this.activated = !0, this.documentListeners.add(G.Click, X, { capture: !0 }), this.removeTextSelection(), this.documentListeners.add(G.SelectionChange, this.removeTextSelection), t(e));
 	}
 	handleMove(e) {
 		let { activated: t, initialCoordinates: n, props: r } = this, { onMove: i, options: { activationConstraint: a } } = r;
 		if (!n) return;
-		let o = te(e) ?? F, s = E(n, o);
+		let o = ee(e) ?? I, s = D(n, o);
 		if (!t && a) {
-			if (Me(a)) {
-				if (a.tolerance != null && De(s, a.tolerance)) return this.handleCancel();
-				if (De(s, a.distance)) return this.handleStart();
+			if (Ae(a)) {
+				if (a.tolerance != null && Te(s, a.tolerance)) return this.handleCancel();
+				if (Te(s, a.distance)) return this.handleStart();
 			}
-			return Ne(a) && De(s, a.tolerance) ? this.handleCancel() : void this.handlePending(a, s);
+			return je(a) && Te(s, a.tolerance) ? this.handleCancel() : void this.handlePending(a, s);
 		}
 		e.cancelable && e.preventDefault(), i(o);
 	}
@@ -768,74 +764,74 @@ var X, Z = class {
 		var e;
 		(e = this.document.getSelection()) == null || e.removeAllRanges();
 	}
-}, Pe = {
+}, Q = {
 	cancel: { name: "pointercancel" },
 	move: { name: "pointermove" },
 	end: { name: "pointerup" }
-}, Fe = class extends Z {
+}, Ne = class extends Z {
 	constructor(e) {
 		let { event: t } = e, n = g(t.target);
-		super(e, Pe, n);
+		super(e, Q, n);
 	}
 };
-Fe.activators = [{
+Ne.activators = [{
 	eventName: "onPointerDown",
 	handler: (e, t) => {
 		let { nativeEvent: n } = e, { onActivation: r } = t;
 		return !(!n.isPrimary || n.button !== 0 || (r?.({ event: n }), 0));
 	}
 }];
-var Q = {
+var Pe = {
 	move: { name: "mousemove" },
 	end: { name: "mouseup" }
 };
 (function(e) {
 	e[e.RightClick = 2] = "RightClick";
-})(X ||= {});
-var Ie, Le, Re = class extends Z {
+})(Me ||= {});
+var $, Fe, Ie = class extends Z {
 	constructor(e) {
-		super(e, Q, g(e.event.target));
+		super(e, Pe, g(e.event.target));
 	}
 };
-Re.activators = [{
+Ie.activators = [{
 	eventName: "onMouseDown",
 	handler: (e, t) => {
 		let { nativeEvent: n } = e, { onActivation: r } = t;
-		return n.button !== X.RightClick && (r?.({ event: n }), !0);
+		return n.button !== Me.RightClick && (r?.({ event: n }), !0);
 	}
 }];
-var ze, Be, Ve = {
+var Le, Re, ze = {
 	cancel: { name: "touchcancel" },
 	move: { name: "touchmove" },
 	end: { name: "touchend" }
-}, He = class extends Z {
+}, Be = class extends Z {
 	constructor(e) {
-		super(e, Ve);
+		super(e, ze);
 	}
 	static setup() {
-		return window.addEventListener(Ve.move.name, e, {
+		return window.addEventListener(ze.move.name, e, {
 			capture: !1,
 			passive: !1
 		}), function() {
-			window.removeEventListener(Ve.move.name, e);
+			window.removeEventListener(ze.move.name, e);
 		};
 		function e() {}
 	}
 };
-function Ue(e) {
-	let { acceleration: t, activator: n = Ie.Pointer, canScroll: r, draggingRect: i, enabled: a, interval: s = 5, order: c = Le.TreeOrder, pointerCoordinates: l, scrollableAncestors: u, scrollableAncestorRects: d, delta: f, threshold: p } = e, m = function(e) {
+function Ve(e) {
+	let { acceleration: t, activator: n = $.Pointer, canScroll: r, draggingRect: i, enabled: a, interval: s = 5, order: c = Fe.TreeOrder, pointerCoordinates: l, scrollableAncestors: u, scrollableAncestorRects: d, delta: f, threshold: p } = e, m = function(e) {
 		let { delta: t, disabled: n } = e, r = S(t);
 		return b((e) => {
-			if (n || !r || !e) return We;
+			if (n || !r || !e) return He;
 			let i = Math.sign(t.x - r.x), a = Math.sign(t.y - r.y);
 			return {
 				x: {
-					[H.Backward]: e.x[H.Backward] || i === -1,
-					[H.Forward]: e.x[H.Forward] || i === 1
+					[U.Backward]: e.x[U.Backward] || i === -1,
+					[U.Forward]: e.x[U.Forward] || i === 1
 				},
 				y: {
-					[H.Backward]: e.y[H.Backward] || a === -1,
-					[H.Forward]: e.y[H.Forward] || a === 1
+					[U.Backward]: e.y[U.Backward] || a === -1,
+					[U.Forward]: e.y[U.Forward] || a === 1
 				}
 			};
 		}, [
@@ -861,13 +857,13 @@ function Ue(e) {
 		y: 0
 	}), y = (0, o.useMemo)(() => {
 		switch (n) {
-			case Ie.Pointer: return l ? {
+			case $.Pointer: return l ? {
 				top: l.y,
 				bottom: l.y,
 				left: l.x,
 				right: l.x
 			} : null;
-			case Ie.DraggableRect: return i;
+			case $.DraggableRect: return i;
 		}
 	}, [
 		n,
@@ -878,14 +874,14 @@ function Ue(e) {
 		if (!e) return;
 		let t = _.current.x * v.current.x, n = _.current.y * v.current.y;
 		e.scrollBy(t, n);
-	}, []), ee = (0, o.useMemo)(() => c === Le.TreeOrder ? [...u].reverse() : u, [c, u]);
+	}, []), w = (0, o.useMemo)(() => c === Fe.TreeOrder ? [...u].reverse() : u, [c, u]);
 	(0, o.useEffect)(() => {
 		if (a && u.length && y) {
-			for (let e of ee) {
+			for (let e of w) {
 				if (!1 === r?.(e)) continue;
 				let n = u.indexOf(e), i = d[n];
 				if (!i) continue;
-				let { direction: a, speed: o } = q(e, i, y, t, p);
+				let { direction: a, speed: o } = xe(e, i, y, t, p);
 				for (let e of ["x", "y"]) m[e][a[e]] || (o[e] = 0, a[e] = 0);
 				if (o.x > 0 || o.y > 0) return g(), x.current = e, h(C, s), _.current = o, void (v.current = a);
 			}
@@ -908,12 +904,12 @@ function Ue(e) {
 		JSON.stringify(m),
 		h,
 		u,
-		ee,
+		w,
 		d,
 		JSON.stringify(p)
 	]);
 }
-He.activators = [{
+Be.activators = [{
 	eventName: "onTouchStart",
 	handler: (e, t) => {
 		let { nativeEvent: n } = e, { onActivation: r } = t, { touches: i } = n;
@@ -921,27 +917,27 @@ He.activators = [{
 	}
 }], function(e) {
 	e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
-}(Ie ||= {}), function(e) {
+}($ ||= {}), function(e) {
 	e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-}(Le ||= {});
-var We = {
+}(Fe ||= {});
+var He = {
 	x: {
-		[H.Backward]: !1,
-		[H.Forward]: !1
+		[U.Backward]: !1,
+		[U.Forward]: !1
 	},
 	y: {
-		[H.Backward]: !1,
-		[H.Forward]: !1
+		[U.Backward]: !1,
+		[U.Forward]: !1
 	}
 };
 (function(e) {
 	e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(ze ||= {}), (Be ||= {}).Optimized = "optimized";
-var Ge = /* @__PURE__ */ new Map();
-function Ke(e, t) {
+})(Le ||= {}), (Re ||= {}).Optimized = "optimized";
+var Ue = /* @__PURE__ */ new Map();
+function We(e, t) {
 	return b((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
-function qe(e) {
+function Ge(e) {
 	let { callback: t, disabled: n } = e, r = v(t), i = (0, o.useMemo)(() => {
 		if (n || typeof window > "u" || window.ResizeObserver === void 0) return;
 		let { ResizeObserver: e } = window;
@@ -949,11 +945,11 @@ function qe(e) {
 	}, [n]);
 	return (0, o.useEffect)(() => () => i?.disconnect(), [i]), i;
 }
-function Je(e) {
-	return new Ee(me(e), e);
+function Ke(e) {
+	return new we(fe(e), e);
 }
-function Ye(e, t, n) {
-	t === void 0 && (t = Je);
+function qe(e, t, n) {
+	t === void 0 && (t = Ke);
 	let [r, i] = (0, o.useState)(null);
 	function a() {
 		i((r) => {
@@ -978,7 +974,7 @@ function Ye(e, t, n) {
 				break;
 			}
 		}
-	} }), c = qe({ callback: a });
+	} }), c = Ge({ callback: a });
 	return _(() => {
 		a(), e ? (c?.observe(e), s?.observe(document.body, {
 			childList: !0,
@@ -986,18 +982,18 @@ function Ye(e, t, n) {
 		})) : (c?.disconnect(), s?.disconnect());
 	}, [e]), r;
 }
-var Xe = [];
-function Ze(e, t) {
+var Je = [];
+function Ye(e, t) {
 	t === void 0 && (t = []);
 	let n = (0, o.useRef)(null);
 	return (0, o.useEffect)(() => {
 		n.current = null;
 	}, t), (0, o.useEffect)(() => {
-		let t = e !== F;
+		let t = e !== I;
 		t && !n.current && (n.current = e), !t && n.current && (n.current = null);
-	}, [e]), n.current ? E(e, n.current) : F;
+	}, [e]), n.current ? D(e, n.current) : I;
 }
-function Qe(e) {
+function Xe(e) {
 	return (0, o.useMemo)(() => e ? function(e) {
 		let t = e.innerWidth, n = e.innerHeight;
 		return {
@@ -1010,9 +1006,9 @@ function Qe(e) {
 		};
 	}(e) : null, [e]);
 }
-var $e = [];
-function et(e) {
-	let { measure: t } = e, [n, r] = (0, o.useState)(null), i = qe({ callback: (0, o.useCallback)((e) => {
+var Ze = [];
+function Qe(e) {
+	let { measure: t } = e, [n, r] = (0, o.useState)(null), i = Ge({ callback: (0, o.useCallback)((e) => {
 		for (let { target: n } of e) if (m(n)) {
 			r((e) => {
 				let r = t(n);
@@ -1043,21 +1039,21 @@ function et(e) {
 		s
 	]);
 }
-var $, tt = [{
-	sensor: Fe,
+var $e, et = [{
+	sensor: Ne,
 	options: {}
 }, {
-	sensor: je,
+	sensor: ke,
 	options: {}
-}], nt = { current: {} }, rt = {
-	draggable: { measure: he },
+}], tt = { current: {} }, nt = {
+	draggable: { measure: pe },
 	droppable: {
-		measure: he,
-		strategy: ze.WhileDragging,
-		frequency: Be.Optimized
+		measure: pe,
+		strategy: Le.WhileDragging,
+		frequency: Re.Optimized
 	},
-	dragOverlay: { measure: me }
-}, it = class extends Map {
+	dragOverlay: { measure: fe }
+}, rt = class extends Map {
 	get(e) {
 		var t;
 		return e != null && (t = super.get(e)) != null ? t : void 0;
@@ -1074,7 +1070,7 @@ var $, tt = [{
 	getNodeFor(e) {
 		return this.get(e)?.node.current ?? void 0;
 	}
-}, at = {
+}, it = {
 	activatorEvent: null,
 	active: null,
 	activeNode: null,
@@ -1083,31 +1079,31 @@ var $, tt = [{
 	containerNodeRect: null,
 	draggableNodes: /* @__PURE__ */ new Map(),
 	droppableRects: /* @__PURE__ */ new Map(),
-	droppableContainers: new it(),
+	droppableContainers: new rt(),
 	over: null,
 	dragOverlay: {
 		nodeRef: { current: null },
 		rect: null,
-		setRef: P
+		setRef: F
 	},
 	scrollableAncestors: [],
 	scrollableAncestorRects: [],
-	measuringConfiguration: rt,
-	measureDroppableContainers: P,
+	measuringConfiguration: nt,
+	measureDroppableContainers: F,
 	windowRect: null,
 	measuringScheduled: !1
-}, ot = (0, o.createContext)({
+}, at = (0, o.createContext)({
 	activatorEvent: null,
 	activators: [],
 	active: null,
 	activeNodeRect: null,
 	ariaDescribedById: { draggable: "" },
-	dispatch: P,
+	dispatch: F,
 	draggableNodes: /* @__PURE__ */ new Map(),
 	over: null,
-	measureDroppableContainers: P
-}), st = (0, o.createContext)(at);
-function ct() {
+	measureDroppableContainers: F
+}), ot = (0, o.createContext)(it);
+function st() {
 	return {
 		draggable: {
 			active: null,
@@ -1121,12 +1117,12 @@ function ct() {
 				y: 0
 			}
 		},
-		droppable: { containers: new it() }
+		droppable: { containers: new rt() }
 	};
 }
-function lt(e, t) {
+function ct(e, t) {
 	switch (t.type) {
-		case j.DragStart: return {
+		case M.DragStart: return {
 			...e,
 			draggable: {
 				...e.draggable,
@@ -1134,7 +1130,7 @@ function lt(e, t) {
 				active: t.active
 			}
 		};
-		case j.DragMove: return e.draggable.active == null ? e : {
+		case M.DragMove: return e.draggable.active == null ? e : {
 			...e,
 			draggable: {
 				...e.draggable,
@@ -1144,8 +1140,8 @@ function lt(e, t) {
 				}
 			}
 		};
-		case j.DragEnd:
-		case j.DragCancel: return {
+		case M.DragEnd:
+		case M.DragCancel: return {
 			...e,
 			draggable: {
 				...e.draggable,
@@ -1160,8 +1156,8 @@ function lt(e, t) {
 				}
 			}
 		};
-		case j.RegisterDroppable: {
-			let { element: n } = t, { id: r } = n, i = new it(e.droppable.containers);
+		case M.RegisterDroppable: {
+			let { element: n } = t, { id: r } = n, i = new rt(e.droppable.containers);
 			return i.set(r, n), {
 				...e,
 				droppable: {
@@ -1170,10 +1166,10 @@ function lt(e, t) {
 				}
 			};
 		}
-		case j.SetDroppableDisabled: {
+		case M.SetDroppableDisabled: {
 			let { id: n, key: r, disabled: i } = t, a = e.droppable.containers.get(n);
 			if (!a || r !== a.key) return e;
-			let o = new it(e.droppable.containers);
+			let o = new rt(e.droppable.containers);
 			return o.set(n, {
 				...a,
 				disabled: i
@@ -1185,10 +1181,10 @@ function lt(e, t) {
 				}
 			};
 		}
-		case j.UnregisterDroppable: {
+		case M.UnregisterDroppable: {
 			let { id: n, key: r } = t, i = e.droppable.containers.get(n);
 			if (!i || r !== i.key) return e;
-			let a = new it(e.droppable.containers);
+			let a = new rt(e.droppable.containers);
 			return a.delete(n), {
 				...e,
 				droppable: {
@@ -1200,11 +1196,11 @@ function lt(e, t) {
 		default: return e;
 	}
 }
-function ut(e) {
-	let { disabled: t } = e, { active: n, activatorEvent: r, draggableNodes: i } = (0, o.useContext)(ot), a = S(r), s = S(n?.id);
+function lt(e) {
+	let { disabled: t } = e, { active: n, activatorEvent: r, draggableNodes: i } = (0, o.useContext)(at), a = S(r), s = S(n?.id);
 	return (0, o.useEffect)(() => {
 		if (!t && !r && a && s != null) {
-			if (!D(a) || document.activeElement === a.target) return;
+			if (!O(a) || document.activeElement === a.target) return;
 			let e = i.get(s);
 			if (!e) return;
 			let { activatorNode: t, node: n } = e;
@@ -1212,7 +1208,7 @@ function ut(e) {
 			requestAnimationFrame(() => {
 				for (let e of [t.current, n.current]) {
 					if (!e) continue;
-					let t = re(e);
+					let t = ne(e);
 					if (t) {
 						t.focus();
 						break;
@@ -1228,59 +1224,59 @@ function ut(e) {
 		a
 	]), null;
 }
-var dt = (0, o.createContext)({
-	...F,
+var ut = (0, o.createContext)({
+	...I,
 	scaleX: 1,
 	scaleY: 1
 });
 (function(e) {
 	e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})($ ||= {});
-var ft = (0, o.memo)(function(e) {
-	let { id: t, accessibility: n, autoScroll: r = !0, children: i, sensors: a = tt, collisionDetection: s = V, measuring: u, modifiers: d, ...p } = e, [m, h] = (0, o.useReducer)(lt, void 0, ct), [g, v] = function() {
+})($e ||= {});
+var dt = (0, o.memo)(function(e) {
+	let { id: t, accessibility: n, autoScroll: r = !0, children: i, sensors: a = et, collisionDetection: s = V, measuring: u, modifiers: d, ...p } = e, [m, h] = (0, o.useReducer)(ct, void 0, st), [g, v] = function() {
 		let [e] = (0, o.useState)(() => /* @__PURE__ */ new Set()), t = (0, o.useCallback)((t) => (e.add(t), () => e.delete(t)), [e]);
 		return [(0, o.useCallback)((t) => {
 			let { type: n, event: r } = t;
 			e.forEach((e) => e[n]?.call(e, r));
 		}, [e]), t];
-	}(), [x, S] = (0, o.useState)($.Uninitialized), C = x === $.Initialized, { draggable: { active: w, nodes: E, translate: D }, droppable: { containers: O } } = m, ne = w == null ? null : E.get(w), re = (0, o.useRef)({
+	}(), [x, S] = (0, o.useState)($e.Uninitialized), C = x === $e.Initialized, { draggable: { active: T, nodes: D, translate: O }, droppable: { containers: k } } = m, te = T == null ? null : D.get(T), ne = (0, o.useRef)({
 		initial: null,
 		translated: null
-	}), k = (0, o.useMemo)(() => w == null ? null : {
-		id: w,
-		data: ne?.data ?? nt,
-		rect: re
-	}, [w, ne]), A = (0, o.useRef)(null), [ie, M] = (0, o.useState)(null), [N, oe] = (0, o.useState)(null), P = y(p, Object.values(p)), ce = ee("DndDescribedBy", t), le = (0, o.useMemo)(() => O.getEnabled(), [O]), I = (0, o.useMemo)(() => ({
+	}), A = (0, o.useMemo)(() => T == null ? null : {
+		id: T,
+		data: te?.data ?? tt,
+		rect: ne
+	}, [T, te]), j = (0, o.useRef)(null), [re, N] = (0, o.useState)(null), [P, ae] = (0, o.useState)(null), F = y(p, Object.values(p)), se = w("DndDescribedBy", t), ce = (0, o.useMemo)(() => k.getEnabled(), [k]), L = (0, o.useMemo)(() => ({
 		draggable: {
-			...rt.draggable,
-			...L?.draggable
+			...nt.draggable,
+			...R?.draggable
 		},
 		droppable: {
-			...rt.droppable,
-			...L?.droppable
+			...nt.droppable,
+			...R?.droppable
 		},
 		dragOverlay: {
-			...rt.dragOverlay,
-			...L?.dragOverlay
+			...nt.dragOverlay,
+			...R?.dragOverlay
 		}
 	}), [
-		(L = u)?.draggable,
-		L?.droppable,
-		L?.dragOverlay
+		(R = u)?.draggable,
+		R?.droppable,
+		R?.dragOverlay
 	]);
-	var L;
-	let { droppableRects: R, measureDroppableContainers: ue, measuringScheduled: z } = function(e, t) {
+	var R;
+	let { droppableRects: z, measureDroppableContainers: le, measuringScheduled: B } = function(e, t) {
 		let { dragging: n, dependencies: r, config: i } = t, [a, s] = (0, o.useState)(null), { frequency: c, measure: l, strategy: u } = i, d = (0, o.useRef)(e), f = function() {
 			switch (u) {
-				case ze.Always: return !1;
-				case ze.BeforeDragging: return n;
+				case Le.Always: return !1;
+				case Le.BeforeDragging: return n;
 				default: return !n;
 			}
 		}(), p = y(f), m = (0, o.useCallback)(function(e) {
 			e === void 0 && (e = []), p.current || s((t) => t === null ? e : t.concat(e.filter((e) => !t.includes(e))));
 		}, [p]), h = (0, o.useRef)(null), g = b((t) => {
-			if (f && !n) return Ge;
-			if (!t || t === Ge || d.current !== e || a != null) {
+			if (f && !n) return Ue;
+			if (!t || t === Ue || d.current !== e || a != null) {
 				let t = /* @__PURE__ */ new Map();
 				for (let n of e) {
 					if (!n) continue;
@@ -1288,7 +1284,7 @@ var ft = (0, o.memo)(function(e) {
 						t.set(n.id, n.rect.current);
 						continue;
 					}
-					let e = n.node.current, r = e ? new Ee(l(e), e) : null;
+					let e = n.node.current, r = e ? new we(l(e), e) : null;
 					n.rect.current = r, r && t.set(n.id, r);
 				}
 				return t;
@@ -1321,22 +1317,22 @@ var ft = (0, o.memo)(function(e) {
 			measureDroppableContainers: m,
 			measuringScheduled: a != null
 		};
-	}(le, {
+	}(ce, {
 		dragging: C,
-		dependencies: [D.x, D.y],
-		config: I.droppable
-	}), B = function(e, t) {
+		dependencies: [O.x, O.y],
+		config: L.droppable
+	}), U = function(e, t) {
 		let n = t == null ? void 0 : e.get(t), r = n ? n.node.current : null;
 		return b((e) => t == null ? null : r ?? e ?? null, [r, t]);
-	}(E, w), H = (0, o.useMemo)(() => N ? te(N) : null, [N]), pe = function() {
-		let e = !1 === ie?.autoScrollEnabled, t = typeof r == "object" ? !1 === r.enabled : !1 === r, n = C && !e && !t;
+	}(D, T), de = (0, o.useMemo)(() => P ? ee(P) : null, [P]), pe = function() {
+		let e = !1 === re?.autoScrollEnabled, t = typeof r == "object" ? !1 === r.enabled : !1 === r, n = C && !e && !t;
 		return typeof r == "object" ? {
 			...r,
 			enabled: n
 		} : { enabled: n };
-	}(), he = function(e, t) {
-		return Ke(e, t);
-	}(B, I.draggable.measure);
+	}(), _e = function(e, t) {
+		return We(e, t);
+	}(U, L.draggable.measure);
 	(function(e) {
 		let { activeNode: t, measure: n, initialRect: r, config: i = !0 } = e, a = (0, o.useRef)(!1), { x: s, y: c } = typeof i == "boolean" ? {
 			x: i,
@@ -1347,9 +1343,9 @@ var ft = (0, o.memo)(function(e) {
 			if (a.current || !r) return;
 			let e = t?.node.current;
 			if (!e || !1 === e.isConnected) return;
-			let i = de(n(e), r);
+			let i = H(n(e), r);
 			if (s || (i.x = 0), c || (i.y = 0), a.current = !0, Math.abs(i.x) > 0 || Math.abs(i.y) > 0) {
-				let t = _e(e);
+				let t = he(e);
 				t && t.scrollBy({
 					top: i.y,
 					left: i.x
@@ -1363,43 +1359,43 @@ var ft = (0, o.memo)(function(e) {
 			n
 		]);
 	})({
-		activeNode: w == null ? null : E.get(w),
+		activeNode: T == null ? null : D.get(T),
 		config: pe.layoutShiftCompensation,
-		initialRect: he,
-		measure: I.draggable.measure
+		initialRect: _e,
+		measure: L.draggable.measure
 	});
-	let U = Ye(B, I.draggable.measure, he), ye = Ye(B ? B.parentElement : null), W = (0, o.useRef)({
+	let W = qe(U, L.draggable.measure, _e), be = qe(U ? U.parentElement : null), G = (0, o.useRef)({
 		activatorEvent: null,
 		active: null,
-		activeNode: B,
+		activeNode: U,
 		collisionRect: null,
 		collisions: null,
-		droppableRects: R,
-		draggableNodes: E,
+		droppableRects: z,
+		draggableNodes: D,
 		draggingNode: null,
 		draggingNodeRect: null,
-		droppableContainers: O,
+		droppableContainers: k,
 		over: null,
 		scrollableAncestors: [],
 		scrollAdjustedTranslate: null
-	}), G = O.getNodeFor(W.current.over?.id), K = et({ measure: I.dragOverlay.measure }), Se = K.nodeRef.current ?? B, q = C ? K.rect ?? U : null, Ce = !(!K.nodeRef.current || !K.rect), Te = de(J = Ce ? null : U, Ke(J));
-	var J;
-	let De = Qe(Se ? f(Se) : null), Y = function(e) {
-		let t = (0, o.useRef)(e), n = b((n) => e ? n && n !== Xe && e && t.current && e.parentNode === t.current.parentNode ? n : ge(e) : Xe, [e]);
+	}), K = k.getNodeFor(G.current.over?.id), q = Qe({ measure: L.dragOverlay.measure }), xe = q.nodeRef.current ?? U, J = C ? q.rect ?? W : null, Ce = !(!q.nodeRef.current || !q.rect), Y = H(Te = Ce ? null : W, We(Te));
+	var Te;
+	let Ee = Xe(xe ? f(xe) : null), X = function(e) {
+		let t = (0, o.useRef)(e), n = b((n) => e ? n && n !== Je && e && t.current && e.parentNode === t.current.parentNode ? n : me(e) : Je, [e]);
 		return (0, o.useEffect)(() => {
 			t.current = e;
 		}, [e]), n;
-	}(C ? G ?? B : null), Oe = function(e, t) {
-		t === void 0 && (t = me);
-		let [n] = e, r = Qe(n ? f(n) : null), [i, a] = (0, o.useState)($e);
+	}(C ? K ?? U : null), De = function(e, t) {
+		t === void 0 && (t = fe);
+		let [n] = e, r = Xe(n ? f(n) : null), [i, a] = (0, o.useState)(Ze);
 		function s() {
-			a(() => e.length ? e.map((e) => xe(e) ? r : new Ee(t(e), e)) : $e);
+			a(() => e.length ? e.map((e) => ye(e) ? r : new we(t(e), e)) : Ze);
 		}
-		let c = qe({ callback: s });
+		let c = Ge({ callback: s });
 		return _(() => {
 			c?.disconnect(), s(), e.forEach((e) => c?.observe(e));
 		}, [e]), i;
-	}(Y), ke = function(e, t) {
+	}(X), Oe = function(e, t) {
 		let { transform: n, ...r } = t;
 		return e != null && e.length ? e.reduce((e, t) => t({
 			transform: e,
@@ -1407,33 +1403,33 @@ var ft = (0, o.memo)(function(e) {
 		}), n) : n;
 	}(d, {
 		transform: {
-			x: D.x - Te.x,
-			y: D.y - Te.y,
+			x: O.x - Y.x,
+			y: O.y - Y.y,
 			scaleX: 1,
 			scaleY: 1
 		},
-		activatorEvent: N,
-		active: k,
-		activeNodeRect: U,
-		containerNodeRect: ye,
-		draggingNodeRect: q,
-		over: W.current.over,
-		overlayNodeRect: K.rect,
-		scrollableAncestors: Y,
-		scrollableAncestorRects: Oe,
-		windowRect: De
-	}), Ae = H ? T(H, D) : null, je = function(e) {
+		activatorEvent: P,
+		active: A,
+		activeNodeRect: W,
+		containerNodeRect: be,
+		draggingNodeRect: J,
+		over: G.current.over,
+		overlayNodeRect: q.rect,
+		scrollableAncestors: X,
+		scrollableAncestorRects: De,
+		windowRect: Ee
+	}), ke = de ? E(de, O) : null, Ae = function(e) {
 		let [t, n] = (0, o.useState)(null), r = (0, o.useRef)(e), i = (0, o.useCallback)((e) => {
-			let t = ve(e.target);
-			t && n((e) => e ? (e.set(t, be(t)), new Map(e)) : null);
+			let t = ge(e.target);
+			t && n((e) => e ? (e.set(t, ve(t)), new Map(e)) : null);
 		}, []);
 		return (0, o.useEffect)(() => {
 			let t = r.current;
 			if (e !== t) {
 				a(t);
 				let o = e.map((e) => {
-					let t = ve(e);
-					return t ? (t.addEventListener("scroll", i, { passive: !0 }), [t, be(t)]) : null;
+					let t = ge(e);
+					return t ? (t.addEventListener("scroll", i, { passive: !0 }), [t, ve(t)]) : null;
 				}).filter((e) => e != null);
 				n(o.length ? new Map(o) : null), r.current = e;
 			}
@@ -1442,48 +1438,48 @@ var ft = (0, o.memo)(function(e) {
 			};
 			function a(e) {
 				e.forEach((e) => {
-					ve(e)?.removeEventListener("scroll", i);
+					ge(e)?.removeEventListener("scroll", i);
 				});
 			}
-		}, [i, e]), (0, o.useMemo)(() => e.length ? t ? Array.from(t.values()).reduce((e, t) => T(e, t), F) : we(e) : F, [e, t]);
-	}(Y), Me = Ze(je), Ne = Ze(je, [U]), X = T(ke, Me), Z = q ? fe(q, ke) : null, Pe = k && Z ? s({
-		active: k,
-		collisionRect: Z,
-		droppableRects: R,
-		droppableContainers: le,
-		pointerCoordinates: Ae
-	}) : null, Fe = function(e) {
+		}, [i, e]), (0, o.useMemo)(() => e.length ? t ? Array.from(t.values()).reduce((e, t) => E(e, t), I) : Se(e) : I, [e, t]);
+	}(X), je = Ye(Ae), Me = Ye(Ae, [W]), Z = E(Oe, je), Q = J ? ue(J, Oe) : null, Ne = A && Q ? s({
+		active: A,
+		collisionRect: Q,
+		droppableRects: z,
+		droppableContainers: ce,
+		pointerCoordinates: ke
+	}) : null, Pe = function(e) {
 		if (!e || e.length === 0) return null;
 		let [t] = e;
 		return t.id;
-	}(Pe), [Q, Ie] = (0, o.useState)(null), Le = function(e, t, n) {
+	}(Ne), [$, Fe] = (0, o.useState)(null), Ie = function(e, t, n) {
 		return {
 			...e,
 			scaleX: t && n ? t.width / n.width : 1,
 			scaleY: t && n ? t.height / n.height : 1
 		};
-	}(Ce ? ke : T(ke, Ne), Q?.rect ?? null, U), Re = (0, o.useRef)(null), Be = (0, o.useCallback)((e, t) => {
+	}(Ce ? Oe : E(Oe, Me), $?.rect ?? null, W), Re = (0, o.useRef)(null), ze = (0, o.useCallback)((e, t) => {
 		let { sensor: n, options: r } = t;
-		if (A.current == null) return;
-		let i = E.get(A.current);
+		if (j.current == null) return;
+		let i = D.get(j.current);
 		if (!i) return;
 		let a = e.nativeEvent, o = new n({
-			active: A.current,
+			active: j.current,
 			activeNode: i,
 			event: a,
 			options: r,
-			context: W,
+			context: G,
 			onAbort(e) {
-				if (!E.get(e)) return;
-				let { onDragAbort: t } = P.current, n = { id: e };
+				if (!D.get(e)) return;
+				let { onDragAbort: t } = F.current, n = { id: e };
 				t?.(n), g({
 					type: "onDragAbort",
 					event: n
 				});
 			},
 			onPending(e, t, n, r) {
-				if (!E.get(e)) return;
-				let { onDragPending: i } = P.current, a = {
+				if (!D.get(e)) return;
+				let { onDragPending: i } = F.current, a = {
 					id: e,
 					constraint: t,
 					initialCoordinates: n,
@@ -1495,56 +1491,56 @@ var ft = (0, o.memo)(function(e) {
 				});
 			},
 			onStart(e) {
-				let t = A.current;
+				let t = j.current;
 				if (t == null) return;
-				let n = E.get(t);
+				let n = D.get(t);
 				if (!n) return;
-				let { onDragStart: r } = P.current, i = {
+				let { onDragStart: r } = F.current, i = {
 					activatorEvent: a,
 					active: {
 						id: t,
 						data: n.data,
-						rect: re
+						rect: ne
 					}
 				};
 				(0, c.unstable_batchedUpdates)(() => {
-					r?.(i), S($.Initializing), h({
-						type: j.DragStart,
+					r?.(i), S($e.Initializing), h({
+						type: M.DragStart,
 						initialCoordinates: e,
 						active: t
 					}), g({
 						type: "onDragStart",
 						event: i
-					}), M(Re.current), oe(a);
+					}), N(Re.current), ae(a);
 				});
 			},
 			onMove(e) {
 				h({
-					type: j.DragMove,
+					type: M.DragMove,
 					coordinates: e
 				});
 			},
-			onEnd: s(j.DragEnd),
-			onCancel: s(j.DragCancel)
+			onEnd: s(M.DragEnd),
+			onCancel: s(M.DragCancel)
 		});
 		function s(e) {
 			return async function() {
-				let { active: t, collisions: n, over: r, scrollAdjustedTranslate: i } = W.current, o = null;
+				let { active: t, collisions: n, over: r, scrollAdjustedTranslate: i } = G.current, o = null;
 				if (t && i) {
-					let { cancelDrop: s } = P.current;
+					let { cancelDrop: s } = F.current;
 					o = {
 						activatorEvent: a,
 						active: t,
 						collisions: n,
 						delta: i,
 						over: r
-					}, e === j.DragEnd && typeof s == "function" && await Promise.resolve(s(o)) && (e = j.DragCancel);
+					}, e === M.DragEnd && typeof s == "function" && await Promise.resolve(s(o)) && (e = M.DragCancel);
 				}
-				A.current = null, (0, c.unstable_batchedUpdates)(() => {
-					h({ type: e }), S($.Uninitialized), Ie(null), M(null), oe(null), Re.current = null;
-					let t = e === j.DragEnd ? "onDragEnd" : "onDragCancel";
+				j.current = null, (0, c.unstable_batchedUpdates)(() => {
+					h({ type: e }), S($e.Uninitialized), Fe(null), N(null), ae(null), Re.current = null;
+					let t = e === M.DragEnd ? "onDragEnd" : "onDragCancel";
 					if (o) {
-						let e = P.current[t];
+						let e = F.current[t];
 						e?.(o), g({
 							type: t,
 							event: o
@@ -1554,7 +1550,7 @@ var ft = (0, o.memo)(function(e) {
 			};
 		}
 		Re.current = o;
-	}, [E]), Ve = function(e, t) {
+	}, [D]), Be = function(e, t) {
 		return (0, o.useMemo)(() => e.reduce((e, n) => {
 			let { sensor: r } = n;
 			return [...e, ...r.activators.map((e) => ({
@@ -1563,11 +1559,11 @@ var ft = (0, o.memo)(function(e) {
 			}))];
 		}, []), [e, t]);
 	}(a, (0, o.useCallback)((e, t) => (n, r) => {
-		let i = n.nativeEvent, a = E.get(r);
-		if (A.current !== null || !a || i.dndKit || i.defaultPrevented) return;
+		let i = n.nativeEvent, a = D.get(r);
+		if (j.current !== null || !a || i.dndKit || i.defaultPrevented) return;
 		let o = { active: a };
-		!0 === e(n, t.options, o) && (i.dndKit = { capturedBy: t.sensor }, A.current = r, Be(n, t));
-	}, [E, Be]));
+		!0 === e(n, t.options, o) && (i.dndKit = { capturedBy: t.sensor }, j.current = r, ze(n, t));
+	}, [D, ze]));
 	(function(e) {
 		(0, o.useEffect)(() => {
 			if (!l) return;
@@ -1583,17 +1579,17 @@ var ft = (0, o.memo)(function(e) {
 			return t;
 		}));
 	})(a), _(() => {
-		U && x === $.Initializing && S($.Initialized);
-	}, [U, x]), (0, o.useEffect)(() => {
-		let { onDragMove: e } = P.current, { active: t, activatorEvent: n, collisions: r, over: i } = W.current;
+		W && x === $e.Initializing && S($e.Initialized);
+	}, [W, x]), (0, o.useEffect)(() => {
+		let { onDragMove: e } = F.current, { active: t, activatorEvent: n, collisions: r, over: i } = G.current;
 		if (!t || !n) return;
 		let a = {
 			active: t,
 			activatorEvent: n,
 			collisions: r,
 			delta: {
-				x: X.x,
-				y: X.y
+				x: Z.x,
+				y: Z.y
 			},
 			over: i
 		};
@@ -1603,10 +1599,10 @@ var ft = (0, o.memo)(function(e) {
 				event: a
 			});
 		});
-	}, [X.x, X.y]), (0, o.useEffect)(() => {
-		let { active: e, activatorEvent: t, collisions: n, droppableContainers: r, scrollAdjustedTranslate: i } = W.current;
-		if (!e || A.current == null || !t || !i) return;
-		let { onDragOver: a } = P.current, o = r.get(Fe), s = o && o.rect.current ? {
+	}, [Z.x, Z.y]), (0, o.useEffect)(() => {
+		let { active: e, activatorEvent: t, collisions: n, droppableContainers: r, scrollAdjustedTranslate: i } = G.current;
+		if (!e || j.current == null || !t || !i) return;
+		let { onDragOver: a } = F.current, o = r.get(Pe), s = o && o.rect.current ? {
 			id: o.id,
 			rect: o.rect.current,
 			data: o.data,
@@ -1622,144 +1618,144 @@ var ft = (0, o.memo)(function(e) {
 			over: s
 		};
 		(0, c.unstable_batchedUpdates)(() => {
-			Ie(s), a?.(l), g({
+			Fe(s), a?.(l), g({
 				type: "onDragOver",
 				event: l
 			});
 		});
-	}, [Fe]), _(() => {
-		W.current = {
-			activatorEvent: N,
-			active: k,
-			activeNode: B,
-			collisionRect: Z,
-			collisions: Pe,
-			droppableRects: R,
-			draggableNodes: E,
-			draggingNode: Se,
-			draggingNodeRect: q,
-			droppableContainers: O,
-			over: Q,
-			scrollableAncestors: Y,
-			scrollAdjustedTranslate: X
-		}, re.current = {
-			initial: q,
-			translated: Z
+	}, [Pe]), _(() => {
+		G.current = {
+			activatorEvent: P,
+			active: A,
+			activeNode: U,
+			collisionRect: Q,
+			collisions: Ne,
+			droppableRects: z,
+			draggableNodes: D,
+			draggingNode: xe,
+			draggingNodeRect: J,
+			droppableContainers: k,
+			over: $,
+			scrollableAncestors: X,
+			scrollAdjustedTranslate: Z
+		}, ne.current = {
+			initial: J,
+			translated: Q
 		};
 	}, [
-		k,
-		B,
-		Pe,
-		Z,
-		E,
-		Se,
-		q,
-		R,
-		O,
+		A,
+		U,
+		Ne,
 		Q,
-		Y,
-		X
-	]), Ue({
+		D,
+		xe,
+		J,
+		z,
+		k,
+		$,
+		X,
+		Z
+	]), Ve({
 		...pe,
-		delta: D,
-		draggingRect: Z,
-		pointerCoordinates: Ae,
-		scrollableAncestors: Y,
-		scrollableAncestorRects: Oe
+		delta: O,
+		draggingRect: Q,
+		pointerCoordinates: ke,
+		scrollableAncestors: X,
+		scrollableAncestorRects: De
 	});
 	let He = (0, o.useMemo)(() => ({
-		active: k,
-		activeNode: B,
-		activeNodeRect: U,
-		activatorEvent: N,
-		collisions: Pe,
-		containerNodeRect: ye,
-		dragOverlay: K,
-		draggableNodes: E,
-		droppableContainers: O,
-		droppableRects: R,
-		over: Q,
-		measureDroppableContainers: ue,
-		scrollableAncestors: Y,
-		scrollableAncestorRects: Oe,
-		measuringConfiguration: I,
-		measuringScheduled: z,
-		windowRect: De
+		active: A,
+		activeNode: U,
+		activeNodeRect: W,
+		activatorEvent: P,
+		collisions: Ne,
+		containerNodeRect: be,
+		dragOverlay: q,
+		draggableNodes: D,
+		droppableContainers: k,
+		droppableRects: z,
+		over: $,
+		measureDroppableContainers: le,
+		scrollableAncestors: X,
+		scrollableAncestorRects: De,
+		measuringConfiguration: L,
+		measuringScheduled: B,
+		windowRect: Ee
 	}), [
-		k,
-		B,
+		A,
 		U,
-		N,
-		Pe,
-		ye,
-		K,
-		E,
-		O,
-		R,
-		Q,
-		ue,
-		Y,
-		Oe,
-		I,
+		W,
+		P,
+		Ne,
+		be,
+		q,
+		D,
+		k,
 		z,
-		De
-	]), We = (0, o.useMemo)(() => ({
-		activatorEvent: N,
-		activators: Ve,
-		active: k,
-		activeNodeRect: U,
-		ariaDescribedById: { draggable: ce },
+		$,
+		le,
+		X,
+		De,
+		L,
+		B,
+		Ee
+	]), Ke = (0, o.useMemo)(() => ({
+		activatorEvent: P,
+		activators: Be,
+		active: A,
+		activeNodeRect: W,
+		ariaDescribedById: { draggable: se },
 		dispatch: h,
-		draggableNodes: E,
-		over: Q,
-		measureDroppableContainers: ue
+		draggableNodes: D,
+		over: $,
+		measureDroppableContainers: le
 	}), [
-		N,
-		Ve,
-		k,
-		U,
+		P,
+		Be,
+		A,
+		W,
 		h,
-		ce,
-		E,
-		Q,
-		ue
+		se,
+		D,
+		$,
+		le
 	]);
-	return o.createElement(ae.Provider, { value: v }, o.createElement(ot.Provider, { value: We }, o.createElement(st.Provider, { value: He }, o.createElement(dt.Provider, { value: Le }, i)), o.createElement(ut, { disabled: !1 === n?.restoreFocus })), o.createElement(se, {
+	return o.createElement(ie.Provider, { value: v }, o.createElement(at.Provider, { value: Ke }, o.createElement(ot.Provider, { value: He }, o.createElement(ut.Provider, { value: Ie }, i)), o.createElement(lt, { disabled: !1 === n?.restoreFocus })), o.createElement(oe, {
 		...n,
-		hiddenTextDescribedById: ce
+		hiddenTextDescribedById: se
 	}));
-}), pt = (0, o.createContext)(null), mt = "button", ht = { timeout: 25 }, gt = (e) => {
+}), ft = (0, o.createContext)(null), pt = "button", mt = { timeout: 25 }, ht = (e) => {
 	let { transform: t } = e;
 	return {
 		...t,
 		x: 0
 	};
 };
-function _t(e, t, n) {
+function gt(e, t, n) {
 	let r = e.slice();
 	return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
 }
-function vt(e, t) {
+function _t(e, t) {
 	return e.reduce((e, n, r) => {
 		let i = t.get(n);
 		return i && (e[r] = i), e;
 	}, Array(e.length));
 }
-function yt(e) {
+function vt(e) {
 	return e !== null && e >= 0;
 }
-var bt = (e) => {
-	let { rects: t, activeIndex: n, overIndex: r, index: i } = e, a = _t(t, r, n), o = t[i], s = a[i];
+var yt = (e) => {
+	let { rects: t, activeIndex: n, overIndex: r, index: i } = e, a = gt(t, r, n), o = t[i], s = a[i];
 	return s && o ? {
 		x: s.left - o.left,
 		y: s.top - o.top,
 		scaleX: s.width / o.width,
 		scaleY: s.height / o.height
 	} : null;
-}, xt = {
+}, bt = {
 	scaleX: 1,
 	scaleY: 1
-}, St = (e) => {
+}, xt = (e) => {
 	let { activeIndex: t, activeNodeRect: n, index: r, rects: i, overIndex: a } = e, o = i[t] ?? n;
 	if (!o) return null;
 	if (r === t) {
@@ -1767,7 +1763,7 @@ var bt = (e) => {
 		return e ? {
 			x: 0,
 			y: t < a ? e.top + e.height - (o.top + o.height) : e.top - o.top,
-			...xt
+			...bt
 		} : null;
 	}
 	let s = function(e, t, n) {
@@ -1777,32 +1773,32 @@ var bt = (e) => {
 	return r > t && r <= a ? {
 		x: 0,
 		y: -o.height - s,
-		...xt
+		...bt
 	} : r < t && r >= a ? {
 		x: 0,
 		y: o.height + s,
-		...xt
+		...bt
 	} : {
 		x: 0,
 		y: 0,
-		...xt
+		...bt
 	};
-}, Ct = "Sortable", wt = o.createContext({
+}, St = "Sortable", Ct = o.createContext({
 	activeIndex: -1,
-	containerId: Ct,
+	containerId: St,
 	disableTransforms: !1,
 	items: [],
 	overIndex: -1,
 	useDragOverlay: !1,
 	sortedRects: [],
-	strategy: bt,
+	strategy: yt,
 	disabled: {
 		draggable: !1,
 		droppable: !1
 	}
 });
-function Tt(e) {
-	let { children: t, id: n, items: r, strategy: i = bt, disabled: a = !1 } = e, { active: s, dragOverlay: c, droppableRects: l, over: u, measureDroppableContainers: d } = (0, o.useContext)(st), f = ee(Ct, n), p = c.rect !== null, m = (0, o.useMemo)(() => r.map((e) => typeof e == "object" && "id" in e ? e.id : e), [r]), h = s != null, g = s ? m.indexOf(s.id) : -1, v = u ? m.indexOf(u.id) : -1, y = (0, o.useRef)(m), b = !function(e, t) {
+function wt(e) {
+	let { children: t, id: n, items: r, strategy: i = yt, disabled: a = !1 } = e, { active: s, dragOverlay: c, droppableRects: l, over: u, measureDroppableContainers: d } = (0, o.useContext)(ot), f = w(St, n), p = c.rect !== null, m = (0, o.useMemo)(() => r.map((e) => typeof e == "object" && "id" in e ? e.id : e), [r]), h = s != null, g = s ? m.indexOf(s.id) : -1, v = u ? m.indexOf(u.id) : -1, y = (0, o.useRef)(m), b = !function(e, t) {
 		if (e === t) return !0;
 		if (e.length !== t.length) return !1;
 		for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
@@ -1831,7 +1827,7 @@ function Tt(e) {
 		items: m,
 		overIndex: v,
 		useDragOverlay: p,
-		sortedRects: vt(m, l),
+		sortedRects: _t(m, l),
 		strategy: i
 	}), [
 		g,
@@ -1845,24 +1841,24 @@ function Tt(e) {
 		p,
 		i
 	]);
-	return o.createElement(wt.Provider, { value: C }, t);
+	return o.createElement(Ct.Provider, { value: C }, t);
 }
-var Et = (e) => {
+var Tt = (e) => {
 	let { id: t, items: n, activeIndex: r, overIndex: i } = e;
-	return _t(n, r, i).indexOf(t);
-}, Dt = (e) => {
+	return gt(n, r, i).indexOf(t);
+}, Et = (e) => {
 	let { containerId: t, isSorting: n, wasDragging: r, index: i, items: a, newIndex: o, previousItems: s, previousContainerId: c, transition: l } = e;
 	return !(!l || !r || s !== a && i === o || !n && (o === i || t !== c));
-}, Ot = {
+}, Dt = {
 	duration: 200,
 	easing: "ease"
-}, kt = "transform", At = O.Transition.toString({
-	property: kt,
+}, Ot = "transform", kt = k.Transition.toString({
+	property: Ot,
 	duration: 0,
 	easing: "linear"
-}), jt = { roleDescription: "sortable" };
-function Mt(e) {
-	let { animateLayoutChanges: t = Dt, attributes: n, disabled: r, data: i, getNewIndex: a = Et, id: s, strategy: c, resizeObserverConfig: l, transition: u = Ot } = e, { items: d, containerId: f, activeIndex: p, disabled: m, disableTransforms: h, sortedRects: g, overIndex: v, useDragOverlay: b, strategy: S } = (0, o.useContext)(wt), C = function(e, t) {
+}), At = { roleDescription: "sortable" };
+function jt(e) {
+	let { animateLayoutChanges: t = Et, attributes: n, disabled: r, data: i, getNewIndex: a = Tt, id: s, strategy: c, resizeObserverConfig: l, transition: u = Dt } = e, { items: d, containerId: f, activeIndex: p, disabled: m, disableTransforms: h, sortedRects: g, overIndex: v, useDragOverlay: b, strategy: S } = (0, o.useContext)(Ct), C = function(e, t) {
 		return typeof e == "boolean" ? {
 			draggable: e,
 			droppable: !1
@@ -1870,23 +1866,23 @@ function Mt(e) {
 			draggable: e?.draggable ?? t.draggable,
 			droppable: e?.droppable ?? t.droppable
 		};
-	}(r, m), w = d.indexOf(s), T = (0, o.useMemo)(() => ({
+	}(r, m), T = d.indexOf(s), E = (0, o.useMemo)(() => ({
 		sortable: {
 			containerId: f,
-			index: w,
+			index: T,
 			items: d
 		},
 		...i
 	}), [
 		f,
 		i,
-		w,
+		T,
 		d
-	]), E = (0, o.useMemo)(() => d.slice(d.indexOf(s)), [d, s]), { rect: te, node: ne, isOver: re, setNodeRef: k } = function(e) {
-		let { data: t, disabled: n = !1, id: r, resizeObserverConfig: i } = e, a = ee("Droppable"), { active: s, dispatch: c, over: l, measureDroppableContainers: u } = (0, o.useContext)(ot), d = (0, o.useRef)({ disabled: n }), f = (0, o.useRef)(!1), p = (0, o.useRef)(null), m = (0, o.useRef)(null), { disabled: h, updateMeasurementsFor: g, timeout: _ } = {
-			...ht,
+	]), D = (0, o.useMemo)(() => d.slice(d.indexOf(s)), [d, s]), { rect: ee, node: te, isOver: ne, setNodeRef: A } = function(e) {
+		let { data: t, disabled: n = !1, id: r, resizeObserverConfig: i } = e, a = w("Droppable"), { active: s, dispatch: c, over: l, measureDroppableContainers: u } = (0, o.useContext)(at), d = (0, o.useRef)({ disabled: n }), f = (0, o.useRef)(!1), p = (0, o.useRef)(null), m = (0, o.useRef)(null), { disabled: h, updateMeasurementsFor: g, timeout: _ } = {
+			...mt,
 			...i
-		}, v = y(g ?? r), b = qe({
+		}, v = y(g ?? r), b = Ge({
 			callback: (0, o.useCallback)(() => {
 				f.current ? (m.current != null && clearTimeout(m.current), m.current = setTimeout(() => {
 					u(Array.isArray(v.current) ? v.current : [v.current]), m.current = null;
@@ -1895,26 +1891,26 @@ function Mt(e) {
 			disabled: h || !s
 		}), [S, C] = x((0, o.useCallback)((e, t) => {
 			b && (t && (b.unobserve(t), f.current = !1), e && b.observe(e));
-		}, [b])), w = y(t);
+		}, [b])), T = y(t);
 		return (0, o.useEffect)(() => {
 			b && S.current && (b.disconnect(), f.current = !1, b.observe(S.current));
 		}, [S, b]), (0, o.useEffect)(() => (c({
-			type: j.RegisterDroppable,
+			type: M.RegisterDroppable,
 			element: {
 				id: r,
 				key: a,
 				disabled: n,
 				node: S,
 				rect: p,
-				data: w
+				data: T
 			}
 		}), () => c({
-			type: j.UnregisterDroppable,
+			type: M.UnregisterDroppable,
 			key: a,
 			id: r
 		})), [r]), (0, o.useEffect)(() => {
 			n !== d.current.disabled && (c({
-				type: j.SetDroppableDisabled,
+				type: M.SetDroppableDisabled,
 				id: r,
 				key: a,
 				disabled: n
@@ -1934,27 +1930,27 @@ function Mt(e) {
 		};
 	}({
 		id: s,
-		data: T,
+		data: E,
 		disabled: C.droppable,
 		resizeObserverConfig: {
-			updateMeasurementsFor: E,
+			updateMeasurementsFor: D,
 			...l
 		}
-	}), { active: A, activatorEvent: ie, activeNodeRect: M, attributes: ae, setNodeRef: N, listeners: oe, isDragging: se, over: P, setActivatorNodeRef: ce, transform: le } = function(e) {
-		let { id: t, data: n, disabled: r = !1, attributes: i } = e, a = ee("Draggable"), { activators: s, activatorEvent: c, active: l, activeNodeRect: u, ariaDescribedById: d, draggableNodes: f, over: p } = (0, o.useContext)(ot), { role: m = mt, roleDescription: h = "draggable", tabIndex: g = 0 } = i ?? {}, v = l?.id === t, b = (0, o.useContext)(v ? dt : pt), [S, C] = x(), [w, T] = x(), E = function(e, t) {
+	}), { active: j, activatorEvent: re, activeNodeRect: N, attributes: ie, setNodeRef: P, listeners: ae, isDragging: oe, over: F, setActivatorNodeRef: se, transform: I } = function(e) {
+		let { id: t, data: n, disabled: r = !1, attributes: i } = e, a = w("Draggable"), { activators: s, activatorEvent: c, active: l, activeNodeRect: u, ariaDescribedById: d, draggableNodes: f, over: p } = (0, o.useContext)(at), { role: m = pt, roleDescription: h = "draggable", tabIndex: g = 0 } = i ?? {}, v = l?.id === t, b = (0, o.useContext)(v ? ut : ft), [S, C] = x(), [T, E] = x(), D = function(e, t) {
 			return (0, o.useMemo)(() => e.reduce((e, n) => {
 				let { eventName: r, handler: i } = n;
 				return e[r] = (e) => {
 					i(e, t);
 				}, e;
 			}, {}), [e, t]);
-		}(s, t), D = y(n);
+		}(s, t), O = y(n);
 		return _(() => (f.set(t, {
 			id: t,
 			key: a,
 			node: S,
-			activatorNode: w,
-			data: D
+			activatorNode: T,
+			data: O
 		}), () => {
 			let e = f.get(t);
 			e && e.key === a && f.delete(t);
@@ -1966,7 +1962,7 @@ function Mt(e) {
 				role: m,
 				tabIndex: g,
 				"aria-disabled": r,
-				"aria-pressed": !(!v || m !== mt) || void 0,
+				"aria-pressed": !(!v || m !== pt) || void 0,
 				"aria-roledescription": h,
 				"aria-describedby": d.draggable
 			}), [
@@ -1978,62 +1974,62 @@ function Mt(e) {
 				d.draggable
 			]),
 			isDragging: v,
-			listeners: r ? void 0 : E,
+			listeners: r ? void 0 : D,
 			node: S,
 			over: p,
 			setNodeRef: C,
-			setActivatorNodeRef: T,
+			setActivatorNodeRef: E,
 			transform: b
 		};
 	}({
 		id: s,
-		data: T,
+		data: E,
 		attributes: {
-			...jt,
+			...At,
 			...n
 		},
 		disabled: C.draggable
-	}), F = function() {
+	}), ce = function() {
 		var e = [...arguments];
 		return (0, o.useMemo)(() => (t) => {
 			e.forEach((e) => e(t));
 		}, e);
-	}(k, N), I = !!A, L = I && !h && yt(p) && yt(v), R = !b && se, ue = L ? (R && L ? le : null) ?? (c ?? S)({
+	}(A, P), L = !!j, R = L && !h && vt(p) && vt(v), z = !b && oe, le = R ? (z && R ? I : null) ?? (c ?? S)({
 		rects: g,
-		activeNodeRect: M,
+		activeNodeRect: N,
 		activeIndex: p,
 		overIndex: v,
-		index: w
-	}) : null, z = yt(p) && yt(v) ? a({
+		index: T
+	}) : null, B = vt(p) && vt(v) ? a({
 		id: s,
 		items: d,
 		activeIndex: p,
 		overIndex: v
-	}) : w, B = A?.id, V = (0, o.useRef)({
-		activeId: B,
+	}) : T, V = j?.id, H = (0, o.useRef)({
+		activeId: V,
 		items: d,
-		newIndex: z,
+		newIndex: B,
 		containerId: f
-	}), de = d !== V.current.items, H = t({
-		active: A,
+	}), U = d !== H.current.items, ue = t({
+		active: j,
 		containerId: f,
-		isDragging: se,
-		isSorting: I,
+		isDragging: oe,
+		isSorting: L,
 		id: s,
-		index: w,
+		index: T,
 		items: d,
-		newIndex: V.current.newIndex,
-		previousItems: V.current.items,
-		previousContainerId: V.current.containerId,
+		newIndex: H.current.newIndex,
+		previousItems: H.current.items,
+		previousContainerId: H.current.containerId,
 		transition: u,
-		wasDragging: V.current.activeId != null
-	}), fe = function(e) {
+		wasDragging: H.current.activeId != null
+	}), de = function(e) {
 		let { disabled: t, index: n, node: r, rect: i } = e, [a, s] = (0, o.useState)(null), c = (0, o.useRef)(n);
 		return _(() => {
 			if (!t && n !== c.current && r.current) {
 				let e = i.current;
 				if (e) {
-					let t = me(r.current, { ignoreTransform: !0 }), n = {
+					let t = fe(r.current, { ignoreTransform: !0 }), n = {
 						x: e.left - t.left,
 						y: e.top - t.top,
 						scaleX: e.width / t.width,
@@ -2052,93 +2048,119 @@ function Mt(e) {
 			a && s(null);
 		}, [a]), a;
 	}({
-		disabled: !H,
-		index: w,
-		node: ne,
-		rect: te
+		disabled: !ue,
+		index: T,
+		node: te,
+		rect: ee
 	});
 	return (0, o.useEffect)(() => {
-		I && V.current.newIndex !== z && (V.current.newIndex = z), f !== V.current.containerId && (V.current.containerId = f), d !== V.current.items && (V.current.items = d);
+		L && H.current.newIndex !== B && (H.current.newIndex = B), f !== H.current.containerId && (H.current.containerId = f), d !== H.current.items && (H.current.items = d);
 	}, [
-		I,
-		z,
+		L,
+		B,
 		f,
 		d
 	]), (0, o.useEffect)(() => {
-		if (B === V.current.activeId) return;
-		if (B != null && V.current.activeId == null) return void (V.current.activeId = B);
+		if (V === H.current.activeId) return;
+		if (V != null && H.current.activeId == null) return void (H.current.activeId = V);
 		let e = setTimeout(() => {
-			V.current.activeId = B;
+			H.current.activeId = V;
 		}, 50);
 		return () => clearTimeout(e);
-	}, [B]), {
-		active: A,
+	}, [V]), {
+		active: j,
 		activeIndex: p,
-		attributes: ae,
-		data: T,
-		rect: te,
-		index: w,
-		newIndex: z,
+		attributes: ie,
+		data: E,
+		rect: ee,
+		index: T,
+		newIndex: B,
 		items: d,
-		isOver: re,
-		isSorting: I,
-		isDragging: se,
-		listeners: oe,
-		node: ne,
+		isOver: ne,
+		isSorting: L,
+		isDragging: oe,
+		listeners: ae,
+		node: te,
 		overIndex: v,
-		over: P,
-		setNodeRef: F,
-		setActivatorNodeRef: ce,
-		setDroppableNodeRef: k,
-		setDraggableNodeRef: N,
-		transform: fe ?? ue,
-		transition: fe || de && V.current.newIndex === w ? At : R && !D(ie) || !u || !I && !H ? void 0 : O.Transition.toString({
+		over: F,
+		setNodeRef: ce,
+		setActivatorNodeRef: se,
+		setDroppableNodeRef: A,
+		setDraggableNodeRef: P,
+		transform: de ?? le,
+		transition: de || U && H.current.newIndex === T ? kt : z && !O(re) || !u || !L && !ue ? void 0 : k.Transition.toString({
 			...u,
-			property: kt
+			property: Ot
 		})
 	};
 }
 K.Down, K.Right, K.Up, K.Left;
-var Nt = ({ containerNodeRect: e, draggingNodeRect: t, transform: n }) => {
-	if (!t || !e) return n;
-	let r = { ...n }, i = e.top + 4, a = e.top + e.height - 4;
-	return t.top + n.y <= i ? r.y = i - t.top : t.bottom + n.y >= a && (r.y = a - t.bottom), r;
-}, Pt = (0, o.memo)((e) => {
-	let { ids: t, onMove: n, scrollRef: r, children: i } = e;
-	return (0, s.jsx)(ft, {
-		sensors: le(ce(Re, { activationConstraint: { distance: 6 } }), ce(He, { activationConstraint: {
-			delay: 200,
-			tolerance: 6
-		} })),
-		collisionDetection: z,
-		modifiers: [gt, Nt],
+var Mt = "data-sxl-flip", Nt = (0, o.memo)((e) => {
+	let { ids: t, onMove: n, scrollRef: r, children: i } = e, a = function() {
+		var e = [...arguments];
+		return (0, o.useMemo)(() => [...e].filter((e) => e != null), [...e]);
+	}(se(Ie, { activationConstraint: { distance: 6 } }), se(Be, { activationConstraint: {
+		delay: 200,
+		tolerance: 6
+	} })), c = (0, o.useRef)(null);
+	return (0, s.jsx)(dt, {
+		sensors: a,
+		collisionDetection: le,
+		modifiers: (0, o.useMemo)(() => [ht, ({ draggingNodeRect: e, transform: t }) => {
+			let n = c.current;
+			return e && n ? e.top + t.y < n.top ? {
+				...t,
+				y: n.top - e.top
+			} : e.bottom + t.y > n.bottom ? {
+				...t,
+				y: n.bottom - e.bottom
+			} : t : t;
+		}], []),
+		onDragStart: () => {
+			c.current = ((e) => {
+				if (!e) return null;
+				let t = e.querySelectorAll(`[${Mt}]`);
+				if (t.length === 0) return null;
+				let n = Infinity, r = -Infinity;
+				for (let e = 0; e < t.length; e++) {
+					let i = t[e].getBoundingClientRect();
+					i.top < n && (n = i.top), i.bottom > r && (r = i.bottom);
+				}
+				return {
+					top: n,
+					bottom: r
+				};
+			})(r.current);
+		},
+		onDragCancel: () => {
+			c.current = null;
+		},
 		autoScroll: { canScroll: (e) => {
 			if (e === document.scrollingElement || e === document.documentElement || e === document.body) return !1;
 			let t = r.current;
 			return !!t && (e === t || e.contains(t));
 		} },
 		onDragEnd: (e) => {
+			c.current = null;
 			let { active: r, over: i } = e;
 			if (!i || r.id === i.id) return;
 			let a = t.indexOf(String(r.id)), o = t.indexOf(String(i.id));
 			a !== -1 && o !== -1 && a !== o && n(a, o);
 		},
-		children: (0, s.jsx)(Tt, {
+		children: (0, s.jsx)(wt, {
 			items: t,
-			strategy: St,
+			strategy: xt,
 			children: i
 		})
 	});
 });
-Pt.displayName = "SortableCards";
-var Ft = "data-sxl-flip";
-function It(e, t, n) {
+function Pt(e, t, n) {
 	let r = (0, o.useRef)(/* @__PURE__ */ new Map());
 	_(() => {
 		if (!t || !e.current) return void (r.current = /* @__PURE__ */ new Map());
-		let i = r.current, a = /* @__PURE__ */ new Map(), o = [], s = e.current.querySelectorAll(`[${Ft}]`);
+		let i = r.current, a = /* @__PURE__ */ new Map(), o = [], s = e.current.querySelectorAll(`[${Mt}]`);
 		for (let e = 0; e < s.length; e++) {
-			let t = s[e], n = t.getAttribute(Ft), r = t.offsetTop;
+			let t = s[e], n = t.getAttribute(Mt), r = t.offsetTop;
 			a.set(n, r);
 			let c = i.get(n);
 			c !== void 0 && c !== r && o.push({
@@ -2156,12 +2178,13 @@ function It(e, t, n) {
 		}
 	});
 }
-var Lt = (0, o.memo)((e) => {
-	let { id: t, disabled: n, children: r } = e, { setNodeRef: c, transform: l, transition: u, isDragging: d, listeners: f } = Mt({
+Nt.displayName = "SortableCards";
+var Ft = (0, o.memo)((e) => {
+	let { id: t, disabled: n, children: r } = e, { setNodeRef: c, transform: l, transition: u, isDragging: d, listeners: f } = jt({
 		id: t,
 		disabled: n
 	});
-	return (0, s.jsx)(a, {
+	return (0, s.jsx)(i, {
 		ref: c,
 		...(0, o.useMemo)(() => {
 			if (!f) return f;
@@ -2171,8 +2194,11 @@ var Lt = (0, o.memo)((e) => {
 			};
 			return e;
 		}, [f]),
-		[Ft]: t,
-		className: i("sxl-sortable-card", { "sxl-dragging": d }),
+		[Mt]: t,
+		className: a("sxl-sortable-card", {
+			"sxl-dragging": d,
+			"sxl-drag-disabled": n
+		}),
 		sx: {
 			flex: "0 0 auto",
 			borderRadius: (e) => e.spacing(1.25),
@@ -2181,10 +2207,13 @@ var Lt = (0, o.memo)((e) => {
 				cursor: d ? "grabbing" : "grab",
 				"&:active": { cursor: "grabbing" }
 			},
-			...d ? { "& *": { cursor: "grabbing !important" } } : null
+			...d ? {
+				"& *": { cursor: "grabbing !important" },
+				backgroundColor: (e) => e.palette.background.paper
+			} : null
 		},
 		style: {
-			transform: O.Translate.toString(l),
+			transform: k.Translate.toString(l),
 			transition: u,
 			touchAction: "manipulation",
 			...d ? {
@@ -2195,5 +2224,5 @@ var Lt = (0, o.memo)((e) => {
 		children: r
 	});
 });
-Lt.displayName = "SortableCard";
-export { Pt as n, It as r, Lt as t };
+Ft.displayName = "SortableCard";
+export { Ft as n, Nt as r, Pt as t };