@fde-desktop/fde-core 0.4.7 → 0.4.8

package/dist/MenuEditApp-D21sEp86.js

@@ -0,0 +1,2615 @@
+import { t as e } from "./Box-DRm8EabO.js";
+import { t } from "./TextInput-C3qfxxWI.js";
+import { t as n } from "./UnstyledButton-CI3kyRck.js";
+import { t as r } from "./ActionIcon-CtVbYlGY.js";
+import { t as i } from "./Group-BzwlMeob.js";
+import { i as a, o } from "./getRuntime-CCRXVzJH.js";
+import { n as s, t as c } from "./AppIcon-DCDuaU-t.js";
+import { C as l, o as u } from "./desktopStore-B0R1-BeA.js";
+import { t as d } from "./useTranslation-DMRGdqZi.js";
+import { i as f } from "./useCloseInterceptor-CuKAAFnj.js";
+import { t as p } from "./VscIcon-DueRJVTe.js";
+import { n as m } from "./menuEditStore-C8S_EedM.js";
+import h, { cloneElement as g, createContext as _, forwardRef as v, memo as y, useCallback as b, useContext as x, useEffect as S, useLayoutEffect as C, useMemo as w, useReducer as T, useRef as E, useState as D } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { createPortal as A, unstable_batchedUpdates as ee } from "react-dom";
+//#region src/hooks/useFolderName.ts
+var j = {
+	"launcher-folder-social-links": "socialLinks",
+	"launcher-folder-office": "office",
+	"launcher-folder-programming": "programming",
+	"launcher-folder-games": "games",
+	"launcher-folder-custom-apps": "customApps"
+};
+function te(e) {
+	let { t } = d("apps");
+	if (!e.isPredefined) return e.name;
+	let n = j[e.id];
+	return n ? t(`folders.${n}`, e.name) : e.name;
+}
+//#endregion
+//#region ../../node_modules/.bun/@dnd-kit+utilities@3.2.2+b1ab299f0a400331/node_modules/@dnd-kit/utilities/dist/utilities.esm.js
+var M = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
+function N(e) {
+	let t = Object.prototype.toString.call(e);
+	return t === "[object Window]" || t === "[object global]";
+}
+function ne(e) {
+	return "nodeType" in e;
+}
+function P(e) {
+	return e ? N(e) ? e : ne(e) ? e.ownerDocument?.defaultView ?? window : window : window;
+}
+function F(e) {
+	let { Document: t } = P(e);
+	return e instanceof t;
+}
+function I(e) {
+	return N(e) ? !1 : e instanceof P(e).HTMLElement;
+}
+function re(e) {
+	return e instanceof P(e).SVGElement;
+}
+function L(e) {
+	return e ? N(e) ? e.document : ne(e) ? F(e) ? e : I(e) || re(e) ? e.ownerDocument : document : document : document;
+}
+var R = M ? C : S;
+function z(e) {
+	let t = E(e);
+	return R(() => {
+		t.current = e;
+	}), b(function() {
+		var e = [...arguments];
+		return t.current == null ? void 0 : t.current(...e);
+	}, []);
+}
+function ie() {
+	let e = E(null);
+	return [b((t, n) => {
+		e.current = setInterval(t, n);
+	}, []), b(() => {
+		e.current !== null && (clearInterval(e.current), e.current = null);
+	}, [])];
+}
+function ae(e, t) {
+	t === void 0 && (t = [e]);
+	let n = E(e);
+	return R(() => {
+		n.current !== e && (n.current = e);
+	}, t), n;
+}
+function B(e, t) {
+	let n = E();
+	return w(() => {
+		let t = e(n.current);
+		return n.current = t, t;
+	}, [...t]);
+}
+function V(e) {
+	let t = z(e), n = E(null);
+	return [n, b((e) => {
+		e !== n.current && t?.(e, n.current), n.current = e;
+	}, [])];
+}
+function oe(e) {
+	let t = E();
+	return S(() => {
+		t.current = e;
+	}, [e]), t.current;
+}
+var se = {};
+function ce(e, t) {
+	return w(() => {
+		if (t) return t;
+		let n = se[e] == null ? 0 : se[e] + 1;
+		return se[e] = n, e + "-" + n;
+	}, [e, t]);
+}
+function le(e) {
+	return function(t) {
+		return [...arguments].slice(1).reduce((t, n) => {
+			let r = Object.entries(n);
+			for (let [n, i] of r) {
+				let r = t[n];
+				r != null && (t[n] = r + e * i);
+			}
+			return t;
+		}, { ...t });
+	};
+}
+var ue = /* @__PURE__ */ le(1), H = /* @__PURE__ */ le(-1);
+function de(e) {
+	return "clientX" in e && "clientY" in e;
+}
+function U(e) {
+	if (!e) return !1;
+	let { KeyboardEvent: t } = P(e.target);
+	return t && e instanceof t;
+}
+function fe(e) {
+	if (!e) return !1;
+	let { TouchEvent: t } = P(e.target);
+	return t && e instanceof t;
+}
+function pe(e) {
+	if (fe(e)) {
+		if (e.touches && e.touches.length) {
+			let { clientX: t, clientY: n } = e.touches[0];
+			return {
+				x: t,
+				y: n
+			};
+		} else if (e.changedTouches && e.changedTouches.length) {
+			let { clientX: t, clientY: n } = e.changedTouches[0];
+			return {
+				x: t,
+				y: n
+			};
+		}
+	}
+	return de(e) ? {
+		x: e.clientX,
+		y: e.clientY
+	} : null;
+}
+var W = /* @__PURE__ */ Object.freeze({
+	Translate: { toString(e) {
+		if (!e) return;
+		let { x: t, y: n } = e;
+		return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (n ? Math.round(n) : 0) + "px, 0)";
+	} },
+	Scale: { toString(e) {
+		if (!e) return;
+		let { scaleX: t, scaleY: n } = e;
+		return "scaleX(" + t + ") scaleY(" + n + ")";
+	} },
+	Transform: { toString(e) {
+		if (e) return [W.Translate.toString(e), W.Scale.toString(e)].join(" ");
+	} },
+	Transition: { toString(e) {
+		let { property: t, duration: n, easing: r } = e;
+		return t + " " + n + "ms " + r;
+	} }
+}), me = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function G(e) {
+	return e.matches(me) ? e : e.querySelector(me);
+}
+//#endregion
+//#region ../../node_modules/.bun/@dnd-kit+accessibility@3.1.1+b1ab299f0a400331/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
+var he = { display: "none" };
+function ge(e) {
+	let { id: t, value: n } = e;
+	return h.createElement("div", {
+		id: t,
+		style: he
+	}, n);
+}
+function _e(e) {
+	let { id: t, announcement: n, ariaLiveType: r = "assertive" } = e;
+	return h.createElement("div", {
+		id: t,
+		style: {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			width: 1,
+			height: 1,
+			margin: -1,
+			border: 0,
+			padding: 0,
+			overflow: "hidden",
+			clip: "rect(0 0 0 0)",
+			clipPath: "inset(100%)",
+			whiteSpace: "nowrap"
+		},
+		role: "status",
+		"aria-live": r,
+		"aria-atomic": !0
+	}, n);
+}
+function K() {
+	let [e, t] = D("");
+	return {
+		announce: b((e) => {
+			e != null && t(e);
+		}, []),
+		announcement: e
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@dnd-kit+core@6.3.1+bf16f8eded5e12ee/node_modules/@dnd-kit/core/dist/core.esm.js
+var ve = /* @__PURE__ */ _(null);
+function ye(e) {
+	let t = x(ve);
+	S(() => {
+		if (!t) throw Error("useDndMonitor must be used within a children of <DndContext>");
+		return t(e);
+	}, [e, t]);
+}
+function be() {
+	let [e] = D(() => /* @__PURE__ */ new Set()), t = b((t) => (e.add(t), () => e.delete(t)), [e]);
+	return [b((t) => {
+		let { type: n, event: r } = t;
+		e.forEach((e) => e[n]?.call(e, r));
+	}, [e]), t];
+}
+var xe = { 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  " }, Se = {
+	onDragStart(e) {
+		let { active: t } = e;
+		return "Picked up draggable item " + t.id + ".";
+	},
+	onDragOver(e) {
+		let { active: t, over: n } = e;
+		return n ? "Draggable item " + t.id + " was moved over droppable area " + n.id + "." : "Draggable item " + t.id + " is no longer over a droppable area.";
+	},
+	onDragEnd(e) {
+		let { active: t, over: n } = e;
+		return n ? "Draggable item " + t.id + " was dropped over droppable area " + n.id : "Draggable item " + t.id + " was dropped.";
+	},
+	onDragCancel(e) {
+		let { active: t } = e;
+		return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
+	}
+};
+function Ce(e) {
+	let { announcements: t = Se, container: n, hiddenTextDescribedById: r, screenReaderInstructions: i = xe } = e, { announce: a, announcement: o } = K(), s = ce("DndLiveRegion"), [c, l] = D(!1);
+	if (S(() => {
+		l(!0);
+	}, []), ye(w(() => ({
+		onDragStart(e) {
+			let { active: n } = e;
+			a(t.onDragStart({ active: n }));
+		},
+		onDragMove(e) {
+			let { active: n, over: r } = e;
+			t.onDragMove && a(t.onDragMove({
+				active: n,
+				over: r
+			}));
+		},
+		onDragOver(e) {
+			let { active: n, over: r } = e;
+			a(t.onDragOver({
+				active: n,
+				over: r
+			}));
+		},
+		onDragEnd(e) {
+			let { active: n, over: r } = e;
+			a(t.onDragEnd({
+				active: n,
+				over: r
+			}));
+		},
+		onDragCancel(e) {
+			let { active: n, over: r } = e;
+			a(t.onDragCancel({
+				active: n,
+				over: r
+			}));
+		}
+	}), [a, t])), !c) return null;
+	let u = h.createElement(h.Fragment, null, h.createElement(ge, {
+		id: r,
+		value: i.draggable
+	}), h.createElement(_e, {
+		id: s,
+		announcement: o
+	}));
+	return n ? A(u, n) : u;
+}
+var q;
+(function(e) {
+	e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
+})(q ||= {});
+function we() {}
+var J = /* @__PURE__ */ Object.freeze({
+	x: 0,
+	y: 0
+});
+function Te(e, t) {
+	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
+}
+function Ee(e, t) {
+	let n = pe(e);
+	if (!n) return "0 0";
+	let r = {
+		x: (n.x - t.left) / t.width * 100,
+		y: (n.y - t.top) / t.height * 100
+	};
+	return r.x + "% " + r.y + "%";
+}
+function De(e, t) {
+	let { data: { value: n } } = e, { data: { value: r } } = t;
+	return n - r;
+}
+function Oe(e, t) {
+	let { data: { value: n } } = e, { data: { value: r } } = t;
+	return r - n;
+}
+function ke(e) {
+	let { left: t, top: n, height: r, width: i } = e;
+	return [
+		{
+			x: t,
+			y: n
+		},
+		{
+			x: t + i,
+			y: n
+		},
+		{
+			x: t,
+			y: n + r
+		},
+		{
+			x: t + i,
+			y: n + r
+		}
+	];
+}
+function Ae(e, t) {
+	if (!e || e.length === 0) return null;
+	let [n] = e;
+	return t ? n[t] : n;
+}
+function Y(e, t) {
+	let n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), i = Math.min(t.left + t.width, e.left + e.width), a = Math.min(t.top + t.height, e.top + e.height), o = i - r, s = a - n;
+	if (r < i && n < a) {
+		let n = t.width * t.height, r = e.width * e.height, i = o * s, a = i / (n + r - i);
+		return Number(a.toFixed(4));
+	}
+	return 0;
+}
+var je = (e) => {
+	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = [];
+	for (let e of r) {
+		let { id: r } = e, a = n.get(r);
+		if (a) {
+			let n = Y(a, t);
+			n > 0 && i.push({
+				id: r,
+				data: {
+					droppableContainer: e,
+					value: n
+				}
+			});
+		}
+	}
+	return i.sort(Oe);
+};
+function Me(e, t) {
+	let { top: n, left: r, bottom: i, right: a } = t;
+	return n <= e.y && e.y <= i && r <= e.x && e.x <= a;
+}
+var Ne = (e) => {
+	let { droppableContainers: t, droppableRects: n, pointerCoordinates: r } = e;
+	if (!r) return [];
+	let i = [];
+	for (let e of t) {
+		let { id: t } = e, a = n.get(t);
+		if (a && Me(r, a)) {
+			let n = ke(a).reduce((e, t) => e + Te(r, t), 0), o = Number((n / 4).toFixed(4));
+			i.push({
+				id: t,
+				data: {
+					droppableContainer: e,
+					value: o
+				}
+			});
+		}
+	}
+	return i.sort(De);
+};
+function Pe(e, t, n) {
+	return {
+		...e,
+		scaleX: t && n ? t.width / n.width : 1,
+		scaleY: t && n ? t.height / n.height : 1
+	};
+}
+function Fe(e, t) {
+	return e && t ? {
+		x: e.left - t.left,
+		y: e.top - t.top
+	} : J;
+}
+function Ie(e) {
+	return function(t) {
+		return [...arguments].slice(1).reduce((t, n) => ({
+			...t,
+			top: t.top + e * n.y,
+			bottom: t.bottom + e * n.y,
+			left: t.left + e * n.x,
+			right: t.right + e * n.x
+		}), { ...t });
+	};
+}
+var Le = /* @__PURE__ */ Ie(1);
+function Re(e) {
+	if (e.startsWith("matrix3d(")) {
+		let t = e.slice(9, -1).split(/, /);
+		return {
+			x: +t[12],
+			y: +t[13],
+			scaleX: +t[0],
+			scaleY: +t[5]
+		};
+	} else if (e.startsWith("matrix(")) {
+		let t = e.slice(7, -1).split(/, /);
+		return {
+			x: +t[4],
+			y: +t[5],
+			scaleX: +t[0],
+			scaleY: +t[3]
+		};
+	}
+	return null;
+}
+function ze(e, t, n) {
+	let r = Re(t);
+	if (!r) return e;
+	let { scaleX: i, scaleY: a, x: o, y: s } = r, c = e.left - o - (1 - i) * parseFloat(n), l = e.top - s - (1 - a) * parseFloat(n.slice(n.indexOf(" ") + 1)), u = i ? e.width / i : e.width, d = a ? e.height / a : e.height;
+	return {
+		width: u,
+		height: d,
+		top: l,
+		right: c + u,
+		bottom: l + d,
+		left: c
+	};
+}
+var Be = { ignoreTransform: !1 };
+function Ve(e, t) {
+	t === void 0 && (t = Be);
+	let n = e.getBoundingClientRect();
+	if (t.ignoreTransform) {
+		let { transform: t, transformOrigin: r } = P(e).getComputedStyle(e);
+		t && (n = ze(n, t, r));
+	}
+	let { top: r, left: i, width: a, height: o, bottom: s, right: c } = n;
+	return {
+		top: r,
+		left: i,
+		width: a,
+		height: o,
+		bottom: s,
+		right: c
+	};
+}
+function He(e) {
+	return Ve(e, { ignoreTransform: !0 });
+}
+function Ue(e) {
+	let t = e.innerWidth, n = e.innerHeight;
+	return {
+		top: 0,
+		left: 0,
+		right: t,
+		bottom: n,
+		width: t,
+		height: n
+	};
+}
+function We(e, t) {
+	return t === void 0 && (t = P(e).getComputedStyle(e)), t.position === "fixed";
+}
+function Ge(e, t) {
+	t === void 0 && (t = P(e).getComputedStyle(e));
+	let n = /(auto|scroll|overlay)/;
+	return [
+		"overflow",
+		"overflowX",
+		"overflowY"
+	].some((e) => {
+		let r = t[e];
+		return typeof r == "string" ? n.test(r) : !1;
+	});
+}
+function Ke(e, t) {
+	let n = [];
+	function r(i) {
+		if (t != null && n.length >= t || !i) return n;
+		if (F(i) && i.scrollingElement != null && !n.includes(i.scrollingElement)) return n.push(i.scrollingElement), n;
+		if (!I(i) || re(i) || n.includes(i)) return n;
+		let a = P(e).getComputedStyle(i);
+		return i !== e && Ge(i, a) && n.push(i), We(i, a) ? n : r(i.parentNode);
+	}
+	return e ? r(e) : n;
+}
+function qe(e) {
+	let [t] = Ke(e, 1);
+	return t ?? null;
+}
+function Je(e) {
+	return !M || !e ? null : N(e) ? e : ne(e) ? F(e) || e === L(e).scrollingElement ? window : I(e) ? e : null : null;
+}
+function Ye(e) {
+	return N(e) ? e.scrollX : e.scrollLeft;
+}
+function Xe(e) {
+	return N(e) ? e.scrollY : e.scrollTop;
+}
+function Ze(e) {
+	return {
+		x: Ye(e),
+		y: Xe(e)
+	};
+}
+var X;
+(function(e) {
+	e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
+})(X ||= {});
+function Qe(e) {
+	return !M || !e ? !1 : e === document.scrollingElement;
+}
+function $e(e) {
+	let t = {
+		x: 0,
+		y: 0
+	}, n = Qe(e) ? {
+		height: window.innerHeight,
+		width: window.innerWidth
+	} : {
+		height: e.clientHeight,
+		width: e.clientWidth
+	}, r = {
+		x: e.scrollWidth - n.width,
+		y: e.scrollHeight - n.height
+	};
+	return {
+		isTop: e.scrollTop <= t.y,
+		isLeft: e.scrollLeft <= t.x,
+		isBottom: e.scrollTop >= r.y,
+		isRight: e.scrollLeft >= r.x,
+		maxScroll: r,
+		minScroll: t
+	};
+}
+var et = {
+	x: .2,
+	y: .2
+};
+function tt(e, t, n, r, i) {
+	let { top: a, left: o, right: s, bottom: c } = n;
+	r === void 0 && (r = 10), i === void 0 && (i = et);
+	let { isTop: l, isBottom: u, isLeft: d, isRight: f } = $e(e), p = {
+		x: 0,
+		y: 0
+	}, m = {
+		x: 0,
+		y: 0
+	}, h = {
+		height: t.height * i.y,
+		width: t.width * i.x
+	};
+	return !l && a <= t.top + h.height ? (p.y = X.Backward, m.y = r * Math.abs((t.top + h.height - a) / h.height)) : !u && c >= t.bottom - h.height && (p.y = X.Forward, m.y = r * Math.abs((t.bottom - h.height - c) / h.height)), !f && s >= t.right - h.width ? (p.x = X.Forward, m.x = r * Math.abs((t.right - h.width - s) / h.width)) : !d && o <= t.left + h.width && (p.x = X.Backward, m.x = r * Math.abs((t.left + h.width - o) / h.width)), {
+		direction: p,
+		speed: m
+	};
+}
+function nt(e) {
+	if (e === document.scrollingElement) {
+		let { innerWidth: e, innerHeight: t } = window;
+		return {
+			top: 0,
+			left: 0,
+			right: e,
+			bottom: t,
+			width: e,
+			height: t
+		};
+	}
+	let { top: t, left: n, right: r, bottom: i } = e.getBoundingClientRect();
+	return {
+		top: t,
+		left: n,
+		right: r,
+		bottom: i,
+		width: e.clientWidth,
+		height: e.clientHeight
+	};
+}
+function rt(e) {
+	return e.reduce((e, t) => ue(e, Ze(t)), J);
+}
+function it(e) {
+	return e.reduce((e, t) => e + Ye(t), 0);
+}
+function at(e) {
+	return e.reduce((e, t) => e + Xe(t), 0);
+}
+function ot(e, t) {
+	if (t === void 0 && (t = Ve), !e) return;
+	let { top: n, left: r, bottom: i, right: a } = t(e);
+	qe(e) && (i <= 0 || a <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+		block: "center",
+		inline: "center"
+	});
+}
+var st = [[
+	"x",
+	["left", "right"],
+	it
+], [
+	"y",
+	["top", "bottom"],
+	at
+]], ct = 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 = Ke(t), r = rt(n);
+		this.rect = { ...e }, this.width = e.width, this.height = e.height;
+		for (let [e, t, i] of st) for (let a of t) Object.defineProperty(this, a, {
+			get: () => {
+				let t = i(n), o = r[e] - t;
+				return this.rect[a] + o;
+			},
+			enumerable: !0
+		});
+		Object.defineProperty(this, "rect", { enumerable: !1 });
+	}
+}, lt = class {
+	constructor(e) {
+		this.target = void 0, this.listeners = [], this.removeAll = () => {
+			this.listeners.forEach((e) => this.target?.removeEventListener(...e));
+		}, this.target = e;
+	}
+	add(e, t, n) {
+		var r;
+		(r = this.target) == null || r.addEventListener(e, t, n), this.listeners.push([
+			e,
+			t,
+			n
+		]);
+	}
+};
+function ut(e) {
+	let { EventTarget: t } = P(e);
+	return e instanceof t ? e : L(e);
+}
+function dt(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 : !1;
+}
+var Z;
+(function(e) {
+	e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
+})(Z ||= {});
+function ft(e) {
+	e.preventDefault();
+}
+function pt(e) {
+	e.stopPropagation();
+}
+var Q;
+(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";
+})(Q ||= {});
+var mt = {
+	start: [Q.Space, Q.Enter],
+	cancel: [Q.Esc],
+	end: [
+		Q.Space,
+		Q.Enter,
+		Q.Tab
+	]
+}, ht = (e, t) => {
+	let { currentCoordinates: n } = t;
+	switch (e.code) {
+		case Q.Right: return {
+			...n,
+			x: n.x + 25
+		};
+		case Q.Left: return {
+			...n,
+			x: n.x - 25
+		};
+		case Q.Down: return {
+			...n,
+			y: n.y + 25
+		};
+		case Q.Up: return {
+			...n,
+			y: n.y - 25
+		};
+	}
+}, gt = 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 lt(L(t)), this.windowListeners = new lt(P(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+	}
+	attach() {
+		this.handleStart(), this.windowListeners.add(Z.Resize, this.handleCancel), this.windowListeners.add(Z.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(Z.Keydown, this.handleKeyDown));
+	}
+	handleStart() {
+		let { activeNode: e, onStart: t } = this.props, n = e.node.current;
+		n && ot(n), t(J);
+	}
+	handleKeyDown(e) {
+		if (U(e)) {
+			let { active: t, context: n, options: r } = this.props, { keyboardCodes: i = mt, coordinateGetter: a = ht, scrollBehavior: o = "smooth" } = r, { code: s } = e;
+			if (i.end.includes(s)) {
+				this.handleEnd(e);
+				return;
+			}
+			if (i.cancel.includes(s)) {
+				this.handleCancel(e);
+				return;
+			}
+			let { collisionRect: c } = n.current, l = c ? {
+				x: c.left,
+				y: c.top
+			} : J;
+			this.referenceCoordinates ||= l;
+			let u = a(e, {
+				active: t,
+				context: n.current,
+				currentCoordinates: l
+			});
+			if (u) {
+				let t = H(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 } = $e(n), p = nt(n), m = {
+						x: Math.min(i === Q.Right ? p.right - p.width / 2 : p.right, Math.max(i === Q.Right ? p.left : p.left + p.width / 2, u.x)),
+						y: Math.min(i === Q.Down ? p.bottom - p.height / 2 : p.bottom, Math.max(i === Q.Down ? p.top : p.top + p.height / 2, u.y))
+					}, h = i === Q.Right && !s || i === Q.Left && !c, g = i === Q.Down && !l || i === Q.Up && !a;
+					if (h && m.x !== u.x) {
+						let e = n.scrollLeft + t.x, a = i === Q.Right && e <= d.x || i === Q.Left && e >= f.x;
+						if (a && !t.y) {
+							n.scrollTo({
+								left: e,
+								behavior: o
+							});
+							return;
+						}
+						a ? r.x = n.scrollLeft - e : r.x = i === Q.Right ? n.scrollLeft - d.x : n.scrollLeft - f.x, r.x && n.scrollBy({
+							left: -r.x,
+							behavior: o
+						});
+						break;
+					} else if (g && m.y !== u.y) {
+						let e = n.scrollTop + t.y, a = i === Q.Down && e <= d.y || i === Q.Up && e >= f.y;
+						if (a && !t.x) {
+							n.scrollTo({
+								top: e,
+								behavior: o
+							});
+							return;
+						}
+						a ? r.y = n.scrollTop - e : r.y = i === Q.Down ? n.scrollTop - d.y : n.scrollTop - f.y, r.y && n.scrollBy({
+							top: -r.y,
+							behavior: o
+						});
+						break;
+					}
+				}
+				this.handleMove(e, ue(H(u, this.referenceCoordinates), r));
+			}
+		}
+	}
+	handleMove(e, t) {
+		let { onMove: n } = this.props;
+		e.preventDefault(), n(t);
+	}
+	handleEnd(e) {
+		let { onEnd: t } = this.props;
+		e.preventDefault(), this.detach(), t();
+	}
+	handleCancel(e) {
+		let { onCancel: t } = this.props;
+		e.preventDefault(), this.detach(), t();
+	}
+	detach() {
+		this.listeners.removeAll(), this.windowListeners.removeAll();
+	}
+};
+gt.activators = [{
+	eventName: "onKeyDown",
+	handler: (e, t, n) => {
+		let { keyboardCodes: r = mt, 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 ? !1 : (e.preventDefault(), i?.({ event: e.nativeEvent }), !0);
+		}
+		return !1;
+	}
+}];
+function _t(e) {
+	return !!(e && "distance" in e);
+}
+function vt(e) {
+	return !!(e && "delay" in e);
+}
+var yt = class {
+	constructor(e, t, n) {
+		n === void 0 && (n = ut(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 = L(i), this.documentListeners = new lt(this.document), this.listeners = new lt(n), this.windowListeners = new lt(P(i)), this.initialCoordinates = pe(r) ?? J, 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(Z.Resize, this.handleCancel), this.windowListeners.add(Z.DragStart, ft), this.windowListeners.add(Z.VisibilityChange, this.handleCancel), this.windowListeners.add(Z.ContextMenu, ft), this.documentListeners.add(Z.Keydown, this.handleKeydown), t) {
+			if (n != null && n({
+				event: this.props.event,
+				activeNode: this.props.activeNode,
+				options: this.props.options
+			})) return this.handleStart();
+			if (vt(t)) {
+				this.timeoutId = setTimeout(this.handleStart, t.delay), this.handlePending(t);
+				return;
+			}
+			if (_t(t)) {
+				this.handlePending(t);
+				return;
+			}
+		}
+		this.handleStart();
+	}
+	detach() {
+		this.listeners.removeAll(), this.windowListeners.removeAll(), setTimeout(this.documentListeners.removeAll, 50), this.timeoutId !== null && (clearTimeout(this.timeoutId), this.timeoutId = null);
+	}
+	handlePending(e, t) {
+		let { active: n, onPending: r } = this.props;
+		r(n, e, this.initialCoordinates, t);
+	}
+	handleStart() {
+		let { initialCoordinates: e } = this, { onStart: t } = this.props;
+		e && (this.activated = !0, this.documentListeners.add(Z.Click, pt, { capture: !0 }), this.removeTextSelection(), this.documentListeners.add(Z.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 = pe(e) ?? J, s = H(n, o);
+		if (!t && a) {
+			if (_t(a)) {
+				if (a.tolerance != null && dt(s, a.tolerance)) return this.handleCancel();
+				if (dt(s, a.distance)) return this.handleStart();
+			}
+			if (vt(a) && dt(s, a.tolerance)) return this.handleCancel();
+			this.handlePending(a, s);
+			return;
+		}
+		e.cancelable && e.preventDefault(), i(o);
+	}
+	handleEnd() {
+		let { onAbort: e, onEnd: t } = this.props;
+		this.detach(), this.activated || e(this.props.active), t();
+	}
+	handleCancel() {
+		let { onAbort: e, onCancel: t } = this.props;
+		this.detach(), this.activated || e(this.props.active), t();
+	}
+	handleKeydown(e) {
+		e.code === Q.Esc && this.handleCancel();
+	}
+	removeTextSelection() {
+		var e;
+		(e = this.document.getSelection()) == null || e.removeAllRanges();
+	}
+}, bt = {
+	cancel: { name: "pointercancel" },
+	move: { name: "pointermove" },
+	end: { name: "pointerup" }
+}, xt = class extends yt {
+	constructor(e) {
+		let { event: t } = e, n = L(t.target);
+		super(e, bt, n);
+	}
+};
+xt.activators = [{
+	eventName: "onPointerDown",
+	handler: (e, t) => {
+		let { nativeEvent: n } = e, { onActivation: r } = t;
+		return !n.isPrimary || n.button !== 0 ? !1 : (r?.({ event: n }), !0);
+	}
+}];
+var St = {
+	move: { name: "mousemove" },
+	end: { name: "mouseup" }
+}, Ct;
+(function(e) {
+	e[e.RightClick = 2] = "RightClick";
+})(Ct ||= {});
+var wt = class extends yt {
+	constructor(e) {
+		super(e, St, L(e.event.target));
+	}
+};
+wt.activators = [{
+	eventName: "onMouseDown",
+	handler: (e, t) => {
+		let { nativeEvent: n } = e, { onActivation: r } = t;
+		return n.button === Ct.RightClick ? !1 : (r?.({ event: n }), !0);
+	}
+}];
+var Tt = {
+	cancel: { name: "touchcancel" },
+	move: { name: "touchmove" },
+	end: { name: "touchend" }
+}, Et = class extends yt {
+	constructor(e) {
+		super(e, Tt);
+	}
+	static setup() {
+		return window.addEventListener(Tt.move.name, e, {
+			capture: !1,
+			passive: !1
+		}), function() {
+			window.removeEventListener(Tt.move.name, e);
+		};
+		function e() {}
+	}
+};
+Et.activators = [{
+	eventName: "onTouchStart",
+	handler: (e, t) => {
+		let { nativeEvent: n } = e, { onActivation: r } = t, { touches: i } = n;
+		return i.length > 1 ? !1 : (r?.({ event: n }), !0);
+	}
+}];
+var Dt;
+(function(e) {
+	e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
+})(Dt ||= {});
+var Ot;
+(function(e) {
+	e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+})(Ot ||= {});
+function kt(e) {
+	let { acceleration: t, activator: n = Dt.Pointer, canScroll: r, draggingRect: i, enabled: a, interval: o = 5, order: s = Ot.TreeOrder, pointerCoordinates: c, scrollableAncestors: l, scrollableAncestorRects: u, delta: d, threshold: f } = e, p = jt({
+		delta: d,
+		disabled: !a
+	}), [m, h] = ie(), g = E({
+		x: 0,
+		y: 0
+	}), _ = E({
+		x: 0,
+		y: 0
+	}), v = w(() => {
+		switch (n) {
+			case Dt.Pointer: return c ? {
+				top: c.y,
+				bottom: c.y,
+				left: c.x,
+				right: c.x
+			} : null;
+			case Dt.DraggableRect: return i;
+		}
+	}, [
+		n,
+		i,
+		c
+	]), y = E(null), x = b(() => {
+		let e = y.current;
+		if (!e) return;
+		let t = g.current.x * _.current.x, n = g.current.y * _.current.y;
+		e.scrollBy(t, n);
+	}, []), C = w(() => s === Ot.TreeOrder ? [...l].reverse() : l, [s, l]);
+	S(() => {
+		if (!a || !l.length || !v) {
+			h();
+			return;
+		}
+		for (let e of C) {
+			if (r?.(e) === !1) continue;
+			let n = u[l.indexOf(e)];
+			if (!n) continue;
+			let { direction: i, speed: a } = tt(e, n, v, t, f);
+			for (let e of ["x", "y"]) p[e][i[e]] || (a[e] = 0, i[e] = 0);
+			if (a.x > 0 || a.y > 0) {
+				h(), y.current = e, m(x, o), g.current = a, _.current = i;
+				return;
+			}
+		}
+		g.current = {
+			x: 0,
+			y: 0
+		}, _.current = {
+			x: 0,
+			y: 0
+		}, h();
+	}, [
+		t,
+		x,
+		r,
+		h,
+		a,
+		o,
+		JSON.stringify(v),
+		JSON.stringify(p),
+		m,
+		l,
+		C,
+		u,
+		JSON.stringify(f)
+	]);
+}
+var At = {
+	x: {
+		[X.Backward]: !1,
+		[X.Forward]: !1
+	},
+	y: {
+		[X.Backward]: !1,
+		[X.Forward]: !1
+	}
+};
+function jt(e) {
+	let { delta: t, disabled: n } = e, r = oe(t);
+	return B((e) => {
+		if (n || !r || !e) return At;
+		let i = {
+			x: Math.sign(t.x - r.x),
+			y: Math.sign(t.y - r.y)
+		};
+		return {
+			x: {
+				[X.Backward]: e.x[X.Backward] || i.x === -1,
+				[X.Forward]: e.x[X.Forward] || i.x === 1
+			},
+			y: {
+				[X.Backward]: e.y[X.Backward] || i.y === -1,
+				[X.Forward]: e.y[X.Forward] || i.y === 1
+			}
+		};
+	}, [
+		n,
+		t,
+		r
+	]);
+}
+function Mt(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]);
+}
+function Nt(e, t) {
+	return w(() => e.reduce((e, n) => {
+		let { sensor: r } = n, i = r.activators.map((e) => ({
+			eventName: e.eventName,
+			handler: t(e.handler, n)
+		}));
+		return [...e, ...i];
+	}, []), [e, t]);
+}
+var Pt;
+(function(e) {
+	e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
+})(Pt ||= {});
+var Ft;
+(function(e) {
+	e.Optimized = "optimized";
+})(Ft ||= {});
+var It = /* @__PURE__ */ new Map();
+function Lt(e, t) {
+	let { dragging: n, dependencies: r, config: i } = t, [a, o] = D(null), { frequency: s, measure: c, strategy: l } = i, u = E(e), d = g(), f = ae(d), p = b(function(e) {
+		e === void 0 && (e = []), !f.current && o((t) => t === null ? e : t.concat(e.filter((e) => !t.includes(e))));
+	}, [f]), m = E(null), h = B((t) => {
+		if (d && !n) return It;
+		if (!t || t === It || u.current !== e || a != null) {
+			let t = /* @__PURE__ */ new Map();
+			for (let n of e) {
+				if (!n) continue;
+				if (a && a.length > 0 && !a.includes(n.id) && n.rect.current) {
+					t.set(n.id, n.rect.current);
+					continue;
+				}
+				let e = n.node.current, r = e ? new ct(c(e), e) : null;
+				n.rect.current = r, r && t.set(n.id, r);
+			}
+			return t;
+		}
+		return t;
+	}, [
+		e,
+		a,
+		n,
+		d,
+		c
+	]);
+	return S(() => {
+		u.current = e;
+	}, [e]), S(() => {
+		d || p();
+	}, [n, d]), S(() => {
+		a && a.length > 0 && o(null);
+	}, [JSON.stringify(a)]), S(() => {
+		d || typeof s != "number" || m.current !== null || (m.current = setTimeout(() => {
+			p(), m.current = null;
+		}, s));
+	}, [
+		s,
+		d,
+		p,
+		...r
+	]), {
+		droppableRects: h,
+		measureDroppableContainers: p,
+		measuringScheduled: a != null
+	};
+	function g() {
+		switch (l) {
+			case Pt.Always: return !1;
+			case Pt.BeforeDragging: return n;
+			default: return !n;
+		}
+	}
+}
+function Rt(e, t) {
+	return B((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+}
+function zt(e, t) {
+	return Rt(e, t);
+}
+function Bt(e) {
+	let { callback: t, disabled: n } = e, r = z(t), i = w(() => {
+		if (n || typeof window > "u" || window.MutationObserver === void 0) return;
+		let { MutationObserver: e } = window;
+		return new e(r);
+	}, [r, n]);
+	return S(() => () => i?.disconnect(), [i]), i;
+}
+function Vt(e) {
+	let { callback: t, disabled: n } = e, r = z(t), i = w(() => {
+		if (n || typeof window > "u" || window.ResizeObserver === void 0) return;
+		let { ResizeObserver: e } = window;
+		return new e(r);
+	}, [n]);
+	return S(() => () => i?.disconnect(), [i]), i;
+}
+function Ht(e) {
+	return new ct(Ve(e), e);
+}
+function Ut(e, t, n) {
+	t === void 0 && (t = Ht);
+	let [r, i] = D(null);
+	function a() {
+		i((r) => {
+			if (!e) return null;
+			if (e.isConnected === !1) return r ?? n ?? null;
+			let i = t(e);
+			return JSON.stringify(r) === JSON.stringify(i) ? r : i;
+		});
+	}
+	let o = Bt({ callback(t) {
+		if (e) for (let n of t) {
+			let { type: t, target: r } = n;
+			if (t === "childList" && r instanceof HTMLElement && r.contains(e)) {
+				a();
+				break;
+			}
+		}
+	} }), s = Vt({ callback: a });
+	return R(() => {
+		a(), e ? (s?.observe(e), o?.observe(document.body, {
+			childList: !0,
+			subtree: !0
+		})) : (s?.disconnect(), o?.disconnect());
+	}, [e]), r;
+}
+function Wt(e) {
+	return Fe(e, Rt(e));
+}
+var Gt = [];
+function Kt(e) {
+	let t = E(e), n = B((n) => e ? n && n !== Gt && e && t.current && e.parentNode === t.current.parentNode ? n : Ke(e) : Gt, [e]);
+	return S(() => {
+		t.current = e;
+	}, [e]), n;
+}
+function qt(e) {
+	let [t, n] = D(null), r = E(e), i = b((e) => {
+		let t = Je(e.target);
+		t && n((e) => e ? (e.set(t, Ze(t)), new Map(e)) : null);
+	}, []);
+	return S(() => {
+		let t = r.current;
+		if (e !== t) {
+			a(t);
+			let o = e.map((e) => {
+				let t = Je(e);
+				return t ? (t.addEventListener("scroll", i, { passive: !0 }), [t, Ze(t)]) : null;
+			}).filter((e) => e != null);
+			n(o.length ? new Map(o) : null), r.current = e;
+		}
+		return () => {
+			a(e), a(t);
+		};
+		function a(e) {
+			e.forEach((e) => {
+				Je(e)?.removeEventListener("scroll", i);
+			});
+		}
+	}, [i, e]), w(() => e.length ? t ? Array.from(t.values()).reduce((e, t) => ue(e, t), J) : rt(e) : J, [e, t]);
+}
+function Jt(e, t) {
+	t === void 0 && (t = []);
+	let n = E(null);
+	return S(() => {
+		n.current = null;
+	}, t), S(() => {
+		let t = e !== J;
+		t && !n.current && (n.current = e), !t && n.current && (n.current = null);
+	}, [e]), n.current ? H(e, n.current) : J;
+}
+function Yt(e) {
+	S(() => {
+		if (!M) return;
+		let t = e.map((e) => {
+			let { sensor: t } = e;
+			return t.setup == null ? void 0 : t.setup();
+		});
+		return () => {
+			for (let e of t) e?.();
+		};
+	}, e.map((e) => {
+		let { sensor: t } = e;
+		return t;
+	}));
+}
+function Xt(e, t) {
+	return w(() => e.reduce((e, n) => {
+		let { eventName: r, handler: i } = n;
+		return e[r] = (e) => {
+			i(e, t);
+		}, e;
+	}, {}), [e, t]);
+}
+function Zt(e) {
+	return w(() => e ? Ue(e) : null, [e]);
+}
+var Qt = [];
+function $t(e, t) {
+	t === void 0 && (t = Ve);
+	let [n] = e, r = Zt(n ? P(n) : null), [i, a] = D(Qt);
+	function o() {
+		a(() => e.length ? e.map((e) => Qe(e) ? r : new ct(t(e), e)) : Qt);
+	}
+	let s = Vt({ callback: o });
+	return R(() => {
+		s?.disconnect(), o(), e.forEach((e) => s?.observe(e));
+	}, [e]), i;
+}
+function en(e) {
+	if (!e) return null;
+	if (e.children.length > 1) return e;
+	let t = e.children[0];
+	return I(t) ? t : e;
+}
+function tn(e) {
+	let { measure: t } = e, [n, r] = D(null), i = Vt({ callback: b((e) => {
+		for (let { target: n } of e) if (I(n)) {
+			r((e) => {
+				let r = t(n);
+				return e ? {
+					...e,
+					width: r.width,
+					height: r.height
+				} : r;
+			});
+			break;
+		}
+	}, [t]) }), [a, o] = V(b((e) => {
+		let n = en(e);
+		i?.disconnect(), n && i?.observe(n), r(n ? t(n) : null);
+	}, [t, i]));
+	return w(() => ({
+		nodeRef: a,
+		rect: n,
+		setRef: o
+	}), [
+		n,
+		a,
+		o
+	]);
+}
+var nn = [{
+	sensor: xt,
+	options: {}
+}, {
+	sensor: gt,
+	options: {}
+}], rn = { current: {} }, an = {
+	draggable: { measure: He },
+	droppable: {
+		measure: He,
+		strategy: Pt.WhileDragging,
+		frequency: Ft.Optimized
+	},
+	dragOverlay: { measure: Ve }
+}, on = class extends Map {
+	get(e) {
+		return e == null ? void 0 : super.get(e) ?? void 0;
+	}
+	toArray() {
+		return Array.from(this.values());
+	}
+	getEnabled() {
+		return this.toArray().filter((e) => {
+			let { disabled: t } = e;
+			return !t;
+		});
+	}
+	getNodeFor(e) {
+		return this.get(e)?.node.current ?? void 0;
+	}
+}, sn = {
+	activatorEvent: null,
+	active: null,
+	activeNode: null,
+	activeNodeRect: null,
+	collisions: null,
+	containerNodeRect: null,
+	draggableNodes: /* @__PURE__ */ new Map(),
+	droppableRects: /* @__PURE__ */ new Map(),
+	droppableContainers: /* @__PURE__ */ new on(),
+	over: null,
+	dragOverlay: {
+		nodeRef: { current: null },
+		rect: null,
+		setRef: we
+	},
+	scrollableAncestors: [],
+	scrollableAncestorRects: [],
+	measuringConfiguration: an,
+	measureDroppableContainers: we,
+	windowRect: null,
+	measuringScheduled: !1
+}, cn = {
+	activatorEvent: null,
+	activators: [],
+	active: null,
+	activeNodeRect: null,
+	ariaDescribedById: { draggable: "" },
+	dispatch: we,
+	draggableNodes: /* @__PURE__ */ new Map(),
+	over: null,
+	measureDroppableContainers: we
+}, ln = /* @__PURE__ */ _(cn), un = /* @__PURE__ */ _(sn);
+function dn() {
+	return {
+		draggable: {
+			active: null,
+			initialCoordinates: {
+				x: 0,
+				y: 0
+			},
+			nodes: /* @__PURE__ */ new Map(),
+			translate: {
+				x: 0,
+				y: 0
+			}
+		},
+		droppable: { containers: new on() }
+	};
+}
+function fn(e, t) {
+	switch (t.type) {
+		case q.DragStart: return {
+			...e,
+			draggable: {
+				...e.draggable,
+				initialCoordinates: t.initialCoordinates,
+				active: t.active
+			}
+		};
+		case q.DragMove: return e.draggable.active == null ? e : {
+			...e,
+			draggable: {
+				...e.draggable,
+				translate: {
+					x: t.coordinates.x - e.draggable.initialCoordinates.x,
+					y: t.coordinates.y - e.draggable.initialCoordinates.y
+				}
+			}
+		};
+		case q.DragEnd:
+		case q.DragCancel: return {
+			...e,
+			draggable: {
+				...e.draggable,
+				active: null,
+				initialCoordinates: {
+					x: 0,
+					y: 0
+				},
+				translate: {
+					x: 0,
+					y: 0
+				}
+			}
+		};
+		case q.RegisterDroppable: {
+			let { element: n } = t, { id: r } = n, i = new on(e.droppable.containers);
+			return i.set(r, n), {
+				...e,
+				droppable: {
+					...e.droppable,
+					containers: i
+				}
+			};
+		}
+		case q.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 on(e.droppable.containers);
+			return o.set(n, {
+				...a,
+				disabled: i
+			}), {
+				...e,
+				droppable: {
+					...e.droppable,
+					containers: o
+				}
+			};
+		}
+		case q.UnregisterDroppable: {
+			let { id: n, key: r } = t, i = e.droppable.containers.get(n);
+			if (!i || r !== i.key) return e;
+			let a = new on(e.droppable.containers);
+			return a.delete(n), {
+				...e,
+				droppable: {
+					...e.droppable,
+					containers: a
+				}
+			};
+		}
+		default: return e;
+	}
+}
+function pn(e) {
+	let { disabled: t } = e, { active: n, activatorEvent: r, draggableNodes: i } = x(ln), a = oe(r), o = oe(n?.id);
+	return S(() => {
+		if (!t && !r && a && o != null) {
+			if (!U(a) || document.activeElement === a.target) return;
+			let e = i.get(o);
+			if (!e) return;
+			let { activatorNode: t, node: n } = e;
+			if (!t.current && !n.current) return;
+			requestAnimationFrame(() => {
+				for (let e of [t.current, n.current]) {
+					if (!e) continue;
+					let t = G(e);
+					if (t) {
+						t.focus();
+						break;
+					}
+				}
+			});
+		}
+	}, [
+		r,
+		t,
+		i,
+		o,
+		a
+	]), null;
+}
+function mn(e, t) {
+	let { transform: n, ...r } = t;
+	return e != null && e.length ? e.reduce((e, t) => t({
+		transform: e,
+		...r
+	}), n) : n;
+}
+function hn(e) {
+	return w(() => ({
+		draggable: {
+			...an.draggable,
+			...e?.draggable
+		},
+		droppable: {
+			...an.droppable,
+			...e?.droppable
+		},
+		dragOverlay: {
+			...an.dragOverlay,
+			...e?.dragOverlay
+		}
+	}), [
+		e?.draggable,
+		e?.droppable,
+		e?.dragOverlay
+	]);
+}
+function gn(e) {
+	let { activeNode: t, measure: n, initialRect: r, config: i = !0 } = e, a = E(!1), { x: o, y: s } = typeof i == "boolean" ? {
+		x: i,
+		y: i
+	} : i;
+	R(() => {
+		if (!o && !s || !t) {
+			a.current = !1;
+			return;
+		}
+		if (a.current || !r) return;
+		let e = t?.node.current;
+		if (!e || e.isConnected === !1) return;
+		let i = Fe(n(e), r);
+		if (o || (i.x = 0), s || (i.y = 0), a.current = !0, Math.abs(i.x) > 0 || Math.abs(i.y) > 0) {
+			let t = qe(e);
+			t && t.scrollBy({
+				top: i.y,
+				left: i.x
+			});
+		}
+	}, [
+		t,
+		o,
+		s,
+		r,
+		n
+	]);
+}
+var _n = /* @__PURE__ */ _({
+	...J,
+	scaleX: 1,
+	scaleY: 1
+}), vn;
+(function(e) {
+	e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
+})(vn ||= {});
+var yn = /* @__PURE__ */ y(function(e) {
+	let { id: t, accessibility: n, autoScroll: r = !0, children: i, sensors: a = nn, collisionDetection: o = je, measuring: s, modifiers: c, ...l } = e, [u, d] = T(fn, void 0, dn), [f, p] = be(), [m, g] = D(vn.Uninitialized), _ = m === vn.Initialized, { draggable: { active: v, nodes: y, translate: x }, droppable: { containers: C } } = u, O = v == null ? null : y.get(v), k = E({
+		initial: null,
+		translated: null
+	}), A = w(() => v == null ? null : {
+		id: v,
+		data: O?.data ?? rn,
+		rect: k
+	}, [v, O]), j = E(null), [te, M] = D(null), [N, ne] = D(null), F = ae(l, Object.values(l)), I = ce("DndDescribedBy", t), re = w(() => C.getEnabled(), [C]), L = hn(s), { droppableRects: z, measureDroppableContainers: ie, measuringScheduled: B } = Lt(re, {
+		dragging: _,
+		dependencies: [x.x, x.y],
+		config: L.droppable
+	}), V = Mt(y, v), oe = w(() => N ? pe(N) : null, [N]), se = Ve(), le = zt(V, L.draggable.measure);
+	gn({
+		activeNode: v == null ? null : y.get(v),
+		config: se.layoutShiftCompensation,
+		initialRect: le,
+		measure: L.draggable.measure
+	});
+	let H = Ut(V, L.draggable.measure, le), de = Ut(V ? V.parentElement : null), U = E({
+		activatorEvent: null,
+		active: null,
+		activeNode: V,
+		collisionRect: null,
+		collisions: null,
+		droppableRects: z,
+		draggableNodes: y,
+		draggingNode: null,
+		draggingNodeRect: null,
+		droppableContainers: C,
+		over: null,
+		scrollableAncestors: [],
+		scrollAdjustedTranslate: null
+	}), fe = C.getNodeFor(U.current.over?.id), W = tn({ measure: L.dragOverlay.measure }), me = W.nodeRef.current ?? V, G = _ ? W.rect ?? H : null, he = !!(W.nodeRef.current && W.rect), ge = Wt(he ? null : H), _e = Zt(me ? P(me) : null), K = Kt(_ ? fe ?? V : null), ye = $t(K), xe = mn(c, {
+		transform: {
+			x: x.x - ge.x,
+			y: x.y - ge.y,
+			scaleX: 1,
+			scaleY: 1
+		},
+		activatorEvent: N,
+		active: A,
+		activeNodeRect: H,
+		containerNodeRect: de,
+		draggingNodeRect: G,
+		over: U.current.over,
+		overlayNodeRect: W.rect,
+		scrollableAncestors: K,
+		scrollableAncestorRects: ye,
+		windowRect: _e
+	}), Se = oe ? ue(oe, x) : null, we = qt(K), J = Jt(we), Te = Jt(we, [H]), Ee = ue(xe, J), De = G ? Le(G, xe) : null, Oe = A && De ? o({
+		active: A,
+		collisionRect: De,
+		droppableRects: z,
+		droppableContainers: re,
+		pointerCoordinates: Se
+	}) : null, ke = Ae(Oe, "id"), [Y, Me] = D(null), Ne = Pe(he ? xe : ue(xe, Te), Y?.rect ?? null, H), Fe = E(null), Ie = b((e, t) => {
+		let { sensor: n, options: r } = t;
+		if (j.current == null) return;
+		let i = y.get(j.current);
+		if (!i) return;
+		let a = e.nativeEvent;
+		Fe.current = new n({
+			active: j.current,
+			activeNode: i,
+			event: a,
+			options: r,
+			context: U,
+			onAbort(e) {
+				if (!y.get(e)) return;
+				let { onDragAbort: t } = F.current, n = { id: e };
+				t?.(n), f({
+					type: "onDragAbort",
+					event: n
+				});
+			},
+			onPending(e, t, n, r) {
+				if (!y.get(e)) return;
+				let { onDragPending: i } = F.current, a = {
+					id: e,
+					constraint: t,
+					initialCoordinates: n,
+					offset: r
+				};
+				i?.(a), f({
+					type: "onDragPending",
+					event: a
+				});
+			},
+			onStart(e) {
+				let t = j.current;
+				if (t == null) return;
+				let n = y.get(t);
+				if (!n) return;
+				let { onDragStart: r } = F.current, i = {
+					activatorEvent: a,
+					active: {
+						id: t,
+						data: n.data,
+						rect: k
+					}
+				};
+				ee(() => {
+					r?.(i), g(vn.Initializing), d({
+						type: q.DragStart,
+						initialCoordinates: e,
+						active: t
+					}), f({
+						type: "onDragStart",
+						event: i
+					}), M(Fe.current), ne(a);
+				});
+			},
+			onMove(e) {
+				d({
+					type: q.DragMove,
+					coordinates: e
+				});
+			},
+			onEnd: o(q.DragEnd),
+			onCancel: o(q.DragCancel)
+		});
+		function o(e) {
+			return async function() {
+				let { active: t, collisions: n, over: r, scrollAdjustedTranslate: i } = U.current, o = null;
+				if (t && i) {
+					let { cancelDrop: s } = F.current;
+					o = {
+						activatorEvent: a,
+						active: t,
+						collisions: n,
+						delta: i,
+						over: r
+					}, e === q.DragEnd && typeof s == "function" && await Promise.resolve(s(o)) && (e = q.DragCancel);
+				}
+				j.current = null, ee(() => {
+					d({ type: e }), g(vn.Uninitialized), Me(null), M(null), ne(null), Fe.current = null;
+					let t = e === q.DragEnd ? "onDragEnd" : "onDragCancel";
+					if (o) {
+						let e = F.current[t];
+						e?.(o), f({
+							type: t,
+							event: o
+						});
+					}
+				});
+			};
+		}
+	}, [y]), Re = Nt(a, b((e, t) => (n, r) => {
+		let i = n.nativeEvent, a = y.get(r);
+		if (j.current !== null || !a || i.dndKit || i.defaultPrevented) return;
+		let o = { active: a };
+		e(n, t.options, o) === !0 && (i.dndKit = { capturedBy: t.sensor }, j.current = r, Ie(n, t));
+	}, [y, Ie]));
+	Yt(a), R(() => {
+		H && m === vn.Initializing && g(vn.Initialized);
+	}, [H, m]), S(() => {
+		let { onDragMove: e } = F.current, { active: t, activatorEvent: n, collisions: r, over: i } = U.current;
+		if (!t || !n) return;
+		let a = {
+			active: t,
+			activatorEvent: n,
+			collisions: r,
+			delta: {
+				x: Ee.x,
+				y: Ee.y
+			},
+			over: i
+		};
+		ee(() => {
+			e?.(a), f({
+				type: "onDragMove",
+				event: a
+			});
+		});
+	}, [Ee.x, Ee.y]), S(() => {
+		let { active: e, activatorEvent: t, collisions: n, droppableContainers: r, scrollAdjustedTranslate: i } = U.current;
+		if (!e || j.current == null || !t || !i) return;
+		let { onDragOver: a } = F.current, o = r.get(ke), s = o && o.rect.current ? {
+			id: o.id,
+			rect: o.rect.current,
+			data: o.data,
+			disabled: o.disabled
+		} : null, c = {
+			active: e,
+			activatorEvent: t,
+			collisions: n,
+			delta: {
+				x: i.x,
+				y: i.y
+			},
+			over: s
+		};
+		ee(() => {
+			Me(s), a?.(c), f({
+				type: "onDragOver",
+				event: c
+			});
+		});
+	}, [ke]), R(() => {
+		U.current = {
+			activatorEvent: N,
+			active: A,
+			activeNode: V,
+			collisionRect: De,
+			collisions: Oe,
+			droppableRects: z,
+			draggableNodes: y,
+			draggingNode: me,
+			draggingNodeRect: G,
+			droppableContainers: C,
+			over: Y,
+			scrollableAncestors: K,
+			scrollAdjustedTranslate: Ee
+		}, k.current = {
+			initial: G,
+			translated: De
+		};
+	}, [
+		A,
+		V,
+		Oe,
+		De,
+		y,
+		me,
+		G,
+		z,
+		C,
+		Y,
+		K,
+		Ee
+	]), kt({
+		...se,
+		delta: x,
+		draggingRect: De,
+		pointerCoordinates: Se,
+		scrollableAncestors: K,
+		scrollableAncestorRects: ye
+	});
+	let ze = w(() => ({
+		active: A,
+		activeNode: V,
+		activeNodeRect: H,
+		activatorEvent: N,
+		collisions: Oe,
+		containerNodeRect: de,
+		dragOverlay: W,
+		draggableNodes: y,
+		droppableContainers: C,
+		droppableRects: z,
+		over: Y,
+		measureDroppableContainers: ie,
+		scrollableAncestors: K,
+		scrollableAncestorRects: ye,
+		measuringConfiguration: L,
+		measuringScheduled: B,
+		windowRect: _e
+	}), [
+		A,
+		V,
+		H,
+		N,
+		Oe,
+		de,
+		W,
+		y,
+		C,
+		z,
+		Y,
+		ie,
+		K,
+		ye,
+		L,
+		B,
+		_e
+	]), Be = w(() => ({
+		activatorEvent: N,
+		activators: Re,
+		active: A,
+		activeNodeRect: H,
+		ariaDescribedById: { draggable: I },
+		dispatch: d,
+		draggableNodes: y,
+		over: Y,
+		measureDroppableContainers: ie
+	}), [
+		N,
+		Re,
+		A,
+		H,
+		d,
+		I,
+		y,
+		Y,
+		ie
+	]);
+	return h.createElement(ve.Provider, { value: p }, h.createElement(ln.Provider, { value: Be }, h.createElement(un.Provider, { value: ze }, h.createElement(_n.Provider, { value: Ne }, i)), h.createElement(pn, { disabled: n?.restoreFocus === !1 })), h.createElement(Ce, {
+		...n,
+		hiddenTextDescribedById: I
+	}));
+	function Ve() {
+		let e = te?.autoScrollEnabled === !1, t = typeof r == "object" ? r.enabled === !1 : r === !1, n = _ && !e && !t;
+		return typeof r == "object" ? {
+			...r,
+			enabled: n
+		} : { enabled: n };
+	}
+}), bn = /* @__PURE__ */ _(null), xn = "button", Sn = "Draggable";
+function Cn(e) {
+	let { id: t, data: n, disabled: r = !1, attributes: i } = e, a = ce(Sn), { activators: o, activatorEvent: s, active: c, activeNodeRect: l, ariaDescribedById: u, draggableNodes: d, over: f } = x(ln), { role: p = xn, roleDescription: m = "draggable", tabIndex: h = 0 } = i ?? {}, g = c?.id === t, _ = x(g ? _n : bn), [v, y] = V(), [b, S] = V(), C = Xt(o, t), T = ae(n);
+	return R(() => (d.set(t, {
+		id: t,
+		key: a,
+		node: v,
+		activatorNode: b,
+		data: T
+	}), () => {
+		let e = d.get(t);
+		e && e.key === a && d.delete(t);
+	}), [d, t]), {
+		active: c,
+		activatorEvent: s,
+		activeNodeRect: l,
+		attributes: w(() => ({
+			role: p,
+			tabIndex: h,
+			"aria-disabled": r,
+			"aria-pressed": g && p === xn ? !0 : void 0,
+			"aria-roledescription": m,
+			"aria-describedby": u.draggable
+		}), [
+			r,
+			p,
+			h,
+			g,
+			m,
+			u.draggable
+		]),
+		isDragging: g,
+		listeners: r ? void 0 : C,
+		node: v,
+		over: f,
+		setNodeRef: y,
+		setActivatorNodeRef: S,
+		transform: _
+	};
+}
+function wn() {
+	return x(un);
+}
+var Tn = "Droppable", En = { timeout: 25 };
+function Dn(e) {
+	let { data: t, disabled: n = !1, id: r, resizeObserverConfig: i } = e, a = ce(Tn), { active: o, dispatch: s, over: c, measureDroppableContainers: l } = x(ln), u = E({ disabled: n }), d = E(!1), f = E(null), p = E(null), { disabled: m, updateMeasurementsFor: h, timeout: g } = {
+		...En,
+		...i
+	}, _ = ae(h ?? r), v = Vt({
+		callback: b(() => {
+			if (!d.current) {
+				d.current = !0;
+				return;
+			}
+			p.current != null && clearTimeout(p.current), p.current = setTimeout(() => {
+				l(Array.isArray(_.current) ? _.current : [_.current]), p.current = null;
+			}, g);
+		}, [g]),
+		disabled: m || !o
+	}), [y, C] = V(b((e, t) => {
+		v && (t && (v.unobserve(t), d.current = !1), e && v.observe(e));
+	}, [v])), w = ae(t);
+	return S(() => {
+		!v || !y.current || (v.disconnect(), d.current = !1, v.observe(y.current));
+	}, [y, v]), S(() => (s({
+		type: q.RegisterDroppable,
+		element: {
+			id: r,
+			key: a,
+			disabled: n,
+			node: y,
+			rect: f,
+			data: w
+		}
+	}), () => s({
+		type: q.UnregisterDroppable,
+		key: a,
+		id: r
+	})), [r]), S(() => {
+		n !== u.current.disabled && (s({
+			type: q.SetDroppableDisabled,
+			id: r,
+			key: a,
+			disabled: n
+		}), u.current.disabled = n);
+	}, [
+		r,
+		a,
+		n,
+		s
+	]), {
+		active: o,
+		rect: f,
+		isOver: c?.id === r,
+		node: y,
+		over: c,
+		setNodeRef: C
+	};
+}
+function On(e) {
+	let { animation: t, children: n } = e, [r, i] = D(null), [a, o] = D(null), s = oe(n);
+	return !n && !r && s && i(s), R(() => {
+		if (!a) return;
+		let e = r?.key, n = r?.props.id;
+		if (e == null || n == null) {
+			i(null);
+			return;
+		}
+		Promise.resolve(t(n, a)).then(() => {
+			i(null);
+		});
+	}, [
+		t,
+		r,
+		a
+	]), h.createElement(h.Fragment, null, n, r ? g(r, { ref: o }) : null);
+}
+var kn = {
+	x: 0,
+	y: 0,
+	scaleX: 1,
+	scaleY: 1
+};
+function An(e) {
+	let { children: t } = e;
+	return h.createElement(ln.Provider, { value: cn }, h.createElement(_n.Provider, { value: kn }, t));
+}
+var jn = {
+	position: "fixed",
+	touchAction: "none"
+}, Mn = (e) => U(e) ? "transform 250ms ease" : void 0, Nn = /* @__PURE__ */ v((e, t) => {
+	let { as: n, activatorEvent: r, adjustScale: i, children: a, className: o, rect: s, style: c, transform: l, transition: u = Mn } = e;
+	if (!s) return null;
+	let d = i ? l : {
+		...l,
+		scaleX: 1,
+		scaleY: 1
+	}, f = {
+		...jn,
+		width: s.width,
+		height: s.height,
+		top: s.top,
+		left: s.left,
+		transform: W.Transform.toString(d),
+		transformOrigin: i && r ? Ee(r, s) : void 0,
+		transition: typeof u == "function" ? u(r) : u,
+		...c
+	};
+	return h.createElement(n, {
+		className: o,
+		style: f,
+		ref: t
+	}, a);
+}), Pn = {
+	duration: 250,
+	easing: "ease",
+	keyframes: (e) => {
+		let { transform: { initial: t, final: n } } = e;
+		return [{ transform: W.Transform.toString(t) }, { transform: W.Transform.toString(n) }];
+	},
+	sideEffects: /* @__PURE__ */ ((e) => (t) => {
+		let { active: n, dragOverlay: r } = t, i = {}, { styles: a, className: o } = e;
+		if (a != null && a.active) for (let [e, t] of Object.entries(a.active)) t !== void 0 && (i[e] = n.node.style.getPropertyValue(e), n.node.style.setProperty(e, t));
+		if (a != null && a.dragOverlay) for (let [e, t] of Object.entries(a.dragOverlay)) t !== void 0 && r.node.style.setProperty(e, t);
+		return o != null && o.active && n.node.classList.add(o.active), o != null && o.dragOverlay && r.node.classList.add(o.dragOverlay), function() {
+			for (let [e, t] of Object.entries(i)) n.node.style.setProperty(e, t);
+			o != null && o.active && n.node.classList.remove(o.active);
+		};
+	})({ styles: { active: { opacity: "0" } } })
+};
+function Fn(e) {
+	let { config: t, draggableNodes: n, droppableContainers: r, measuringConfiguration: i } = e;
+	return z((e, a) => {
+		if (t === null) return;
+		let o = n.get(e);
+		if (!o) return;
+		let s = o.node.current;
+		if (!s) return;
+		let c = en(a);
+		if (!c) return;
+		let { transform: l } = P(a).getComputedStyle(a), u = Re(l);
+		if (!u) return;
+		let d = typeof t == "function" ? t : In(t);
+		return ot(s, i.draggable.measure), d({
+			active: {
+				id: e,
+				data: o.data,
+				node: s,
+				rect: i.draggable.measure(s)
+			},
+			draggableNodes: n,
+			dragOverlay: {
+				node: a,
+				rect: i.dragOverlay.measure(c)
+			},
+			droppableContainers: r,
+			measuringConfiguration: i,
+			transform: u
+		});
+	});
+}
+function In(e) {
+	let { duration: t, easing: n, sideEffects: r, keyframes: i } = {
+		...Pn,
+		...e
+	};
+	return (e) => {
+		let { active: a, dragOverlay: o, transform: s, ...c } = e;
+		if (!t) return;
+		let l = {
+			x: o.rect.left - a.rect.left,
+			y: o.rect.top - a.rect.top
+		}, u = {
+			scaleX: s.scaleX === 1 ? 1 : a.rect.width * s.scaleX / o.rect.width,
+			scaleY: s.scaleY === 1 ? 1 : a.rect.height * s.scaleY / o.rect.height
+		}, d = {
+			x: s.x - l.x,
+			y: s.y - l.y,
+			...u
+		}, f = i({
+			...c,
+			active: a,
+			dragOverlay: o,
+			transform: {
+				initial: s,
+				final: d
+			}
+		}), [p] = f, m = f[f.length - 1];
+		if (JSON.stringify(p) === JSON.stringify(m)) return;
+		let h = r?.({
+			active: a,
+			dragOverlay: o,
+			...c
+		}), g = o.node.animate(f, {
+			duration: t,
+			easing: n,
+			fill: "forwards"
+		});
+		return new Promise((e) => {
+			g.onfinish = () => {
+				h?.(), e();
+			};
+		});
+	};
+}
+var Ln = 0;
+function Rn(e) {
+	return w(() => {
+		if (e != null) return Ln++, Ln;
+	}, [e]);
+}
+var zn = /* @__PURE__ */ h.memo((e) => {
+	let { adjustScale: t = !1, children: n, dropAnimation: r, style: i, transition: a, modifiers: o, wrapperElement: s = "div", className: c, zIndex: l = 999 } = e, { activatorEvent: u, active: d, activeNodeRect: f, containerNodeRect: p, draggableNodes: m, droppableContainers: g, dragOverlay: _, over: v, measuringConfiguration: y, scrollableAncestors: b, scrollableAncestorRects: S, windowRect: C } = wn(), w = x(_n), T = Rn(d?.id), E = mn(o, {
+		activatorEvent: u,
+		active: d,
+		activeNodeRect: f,
+		containerNodeRect: p,
+		draggingNodeRect: _.rect,
+		over: v,
+		overlayNodeRect: _.rect,
+		scrollableAncestors: b,
+		scrollableAncestorRects: S,
+		transform: w,
+		windowRect: C
+	}), D = Rt(f), O = Fn({
+		config: r,
+		draggableNodes: m,
+		droppableContainers: g,
+		measuringConfiguration: y
+	}), k = D ? _.setRef : void 0;
+	return h.createElement(An, null, h.createElement(On, { animation: O }, d && T ? h.createElement(Nn, {
+		key: T,
+		id: d.id,
+		ref: k,
+		as: s,
+		activatorEvent: u,
+		adjustScale: t,
+		className: c,
+		transition: a,
+		rect: D,
+		style: {
+			zIndex: l,
+			...i
+		},
+		transform: E
+	}, n) : null));
+}), Bn = _(null), Vn = ({ children: e, onDrop: t, onCancel: n }) => {
+	let [r, i] = D(null), [a, o] = D(null), s = b((e) => {
+		let t = e.active.data.current;
+		t && i(t);
+	}, []), c = b((e) => {
+		if (e.over) {
+			let t = e.over.data.current;
+			t && o(t);
+		} else o(null);
+	}, []), l = b((e) => {
+		let { active: r, over: a } = e;
+		if (a && r.data.current) {
+			let e = r.data.current, n = a.data.current;
+			n.accepts.includes(e.type) && t(e, n);
+		} else !a && n && n();
+		i(null), o(null);
+	}, [t, n]), u = w(() => ({
+		activeItem: r,
+		overTarget: a
+	}), [r, a]);
+	return /* @__PURE__ */ O(Bn.Provider, {
+		value: u,
+		children: /* @__PURE__ */ O(yn, {
+			onDragStart: s,
+			onDragOver: c,
+			onDragEnd: l,
+			collisionDetection: Ne,
+			children: e
+		})
+	});
+};
+//#endregion
+//#region src/hooks/useDragDrop/useDraggableItem.ts
+function Hn(e) {
+	let { item: t, disabled: n = !1 } = e, { attributes: r, listeners: i, setNodeRef: a, transform: o, isDragging: s } = Cn({
+		id: `${t.sourceId}-${t.id}`,
+		data: t,
+		disabled: n
+	}), c = {
+		opacity: s ? 0 : 1,
+		cursor: n ? "default" : "grab"
+	};
+	return {
+		attributes: r,
+		listeners: i,
+		setNodeRef: a,
+		isDragging: s,
+		transform: o ? {
+			x: o.x,
+			y: o.y
+		} : null,
+		style: c
+	};
+}
+//#endregion
+//#region src/hooks/useDragDrop/useDroppableArea.ts
+function Un(e) {
+	let { target: t, disabled: n = !1 } = e, r = x(Bn), { setNodeRef: i, isOver: a } = Dn({
+		id: t.id,
+		data: t,
+		disabled: n
+	});
+	return {
+		setNodeRef: i,
+		isOver: a,
+		active: r?.activeItem ?? null
+	};
+}
+//#endregion
+//#region src/hooks/useDragDrop/useDragDropState.ts
+function Wn() {
+	let e = x(Bn);
+	if (!e) throw Error("useDragDropState must be used within a DragDropProvider");
+	return e;
+}
+//#endregion
+//#region src/hooks/useDragDrop/modifiers/snapCenterToCursor.ts
+var Gn = ({ activatorEvent: e, transform: t, draggingNodeRect: n }) => {
+	if (!e || !n) return t;
+	let r = e, i = 0, a = 0;
+	"touches" in r && r.touches.length > 0 ? (i = r.touches[0].clientX, a = r.touches[0].clientY) : "clientX" in r && (i = r.clientX, a = r.clientY);
+	let o = i - n.left - n.width / 2, s = a - n.top - n.height / 2;
+	return {
+		...t,
+		x: t.x + o,
+		y: t.y + s
+	};
+}, Kn = { dragOverlay: "_dragOverlay_myknw_1" }, qn = () => {
+	let { activeItem: t } = Wn();
+	return t ? /* @__PURE__ */ O(zn, {
+		dropAnimation: Pn,
+		modifiers: [Gn],
+		children: /* @__PURE__ */ k(e, {
+			className: Kn.dragOverlay,
+			children: [/* @__PURE__ */ O(c, {
+				fcIcon: t.metadata?.fcIcon,
+				iconUrl: t.metadata?.iconUrl,
+				fallback: t.metadata?.icon,
+				size: 20
+			}), /* @__PURE__ */ O(o, {
+				size: "xs",
+				children: t.name
+			})]
+		})
+	}) : null;
+}, Jn = {
+	"launcher-folder": ["app"],
+	"filesystem-folder": ["file", "folder"],
+	desktop: [
+		"file",
+		"folder",
+		"app"
+	],
+	"available-apps": ["app"]
+}, $ = {
+	container: "_container_y9c6e_1",
+	content: "_content_y9c6e_7",
+	folderList: "_folderList_y9c6e_13",
+	folderCard: "_folderCard_y9c6e_19",
+	folderHeader: "_folderHeader_y9c6e_28",
+	appList: "_appList_y9c6e_40",
+	availableApps: "_availableApps_y9c6e_49",
+	appGrid: "_appGrid_y9c6e_58",
+	appItem: "_appItem_y9c6e_64"
+}, Yn = ({ folder: n, isEditing: a, editingName: u, onEdit: f, onDelete: m, onRename: h, onSetEditingName: g, onRemoveApp: _ }) => {
+	let { t: v } = d("menuedit"), y = te(n), { activeItem: b } = Wn(), { setNodeRef: x, isOver: S } = Un({ target: {
+		type: "launcher-folder",
+		id: n.id,
+		name: y,
+		accepts: Jn["launcher-folder"]
+	} });
+	return /* @__PURE__ */ k(s, {
+		ref: x,
+		className: $.folderCard,
+		shadow: "xs",
+		padding: "xs",
+		"data-is-over": S && b?.type === "app" ? "true" : void 0,
+		children: [/* @__PURE__ */ k(i, {
+			justify: "space-between",
+			mb: 4,
+			children: [a ? /* @__PURE__ */ O(t, {
+				value: u,
+				onChange: (e) => g(e.target.value),
+				onBlur: () => h(n.id),
+				onKeyDown: (e) => {
+					e.key === "Enter" && (e.preventDefault(), h(n.id));
+				},
+				autoFocus: !0,
+				size: "xs",
+				style: { flex: 1 }
+			}) : /* @__PURE__ */ k(i, {
+				gap: "xs",
+				children: [
+					/* @__PURE__ */ O(c, {
+						fcIcon: n.fcIcon,
+						size: 16
+					}),
+					/* @__PURE__ */ O(o, {
+						size: "sm",
+						fw: 500,
+						children: y
+					}),
+					n.isPredefined && /* @__PURE__ */ k(o, {
+						size: "xs",
+						c: "dimmed",
+						children: [
+							"(",
+							v("predefined"),
+							")"
+						]
+					})
+				]
+			}), !n.isPredefined && !a && /* @__PURE__ */ k(i, {
+				gap: 4,
+				children: [/* @__PURE__ */ O(r, {
+					variant: "subtle",
+					size: "xs",
+					onClick: () => f(n.id),
+					"aria-label": v("rename"),
+					children: /* @__PURE__ */ O(p, {
+						name: "VscEdit",
+						size: 14
+					})
+				}), m && /* @__PURE__ */ O(r, {
+					variant: "subtle",
+					size: "xs",
+					color: "red",
+					onClick: () => m(n.id),
+					"aria-label": v("delete"),
+					children: /* @__PURE__ */ O(p, {
+						name: "VscTrash",
+						size: 14
+					})
+				})]
+			})]
+		}), /* @__PURE__ */ O(e, {
+			className: $.appList,
+			children: n.appIds.map((e) => {
+				let t = l.find((t) => t.id === e);
+				return t ? /* @__PURE__ */ O(Xn, {
+					app: t,
+					sourceId: n.id,
+					onContextMenu: (t) => {
+						t.preventDefault(), t.stopPropagation(), _(e, n.id);
+					}
+				}, e) : null;
+			})
+		})]
+	});
+}, Xn = ({ app: e, sourceId: t, onContextMenu: r }) => {
+	let { attributes: i, listeners: a, setNodeRef: s, isDragging: l, style: u } = Hn({ item: {
+		type: "app",
+		id: e.id,
+		name: e.name,
+		sourceId: t,
+		sourceType: "launcher-folder",
+		metadata: {
+			fcIcon: e.fcIcon,
+			iconUrl: e.iconUrl,
+			icon: e.icon
+		}
+	} });
+	return /* @__PURE__ */ k(n, {
+		ref: s,
+		className: $.appItem,
+		style: {
+			...u,
+			opacity: l ? .5 : 1
+		},
+		onContextMenu: r,
+		...i,
+		...a,
+		children: [/* @__PURE__ */ O(c, {
+			fcIcon: e.fcIcon,
+			iconUrl: e.iconUrl,
+			fallback: e.icon,
+			size: 16
+		}), /* @__PURE__ */ O(o, {
+			size: "xs",
+			children: e.name
+		})]
+	});
+}, Zn = ({ customFolderId: t }) => {
+	let { t: n } = d("menuedit"), { activeItem: r } = Wn(), { setNodeRef: i, isOver: a } = Un({ target: {
+		type: "available-apps",
+		id: "available-apps",
+		name: "Available Apps",
+		accepts: Jn["available-apps"]
+	} }), s = new Set(u.getState().launcherFolders.flatMap((e) => e.appIds)), c = l.filter((e) => e.id !== "settings" && e.id !== "menuedit"), f = u((e) => e.addAppToFolder);
+	return /* @__PURE__ */ k(e, {
+		ref: i,
+		className: $.availableApps,
+		"data-is-over": a && r?.type === "app" ? "true" : void 0,
+		children: [
+			/* @__PURE__ */ O(o, {
+				size: "xs",
+				c: "dimmed",
+				mb: 8,
+				children: n("availableApps")
+			}),
+			t === null && /* @__PURE__ */ O(o, {
+				size: "xs",
+				c: "orange",
+				mb: 4,
+				children: n("canCreateNewFolder")
+			}),
+			/* @__PURE__ */ O(e, {
+				className: $.appGrid,
+				children: c.filter((e) => !s.has(e.id)).map((e) => /* @__PURE__ */ O(Qn, {
+					app: e,
+					targetFolderId: t,
+					onAdd: f
+				}, e.id))
+			})
+		]
+	});
+}, Qn = ({ app: e, targetFolderId: t, onAdd: r }) => {
+	let { attributes: i, listeners: a, setNodeRef: s, isDragging: l, style: u } = Hn({ item: {
+		type: "app",
+		id: e.id,
+		name: e.name,
+		sourceId: "available-apps",
+		sourceType: "available-apps",
+		metadata: {
+			fcIcon: e.fcIcon,
+			iconUrl: e.iconUrl,
+			icon: e.icon
+		}
+	} }), d = () => {
+		t && r(e.id, t);
+	};
+	return /* @__PURE__ */ k(n, {
+		ref: s,
+		className: $.appItem,
+		style: {
+			...u,
+			opacity: l ? 0 : 1
+		},
+		onClick: d,
+		disabled: !t,
+		...i,
+		...a,
+		children: [/* @__PURE__ */ O(c, {
+			fcIcon: e.fcIcon,
+			iconUrl: e.iconUrl,
+			fallback: e.icon,
+			size: 16
+		}), /* @__PURE__ */ O(o, {
+			size: "xs",
+			children: e.name
+		})]
+	});
+}, $n = ({ window: t, notifyReady: n }) => {
+	let { t: s } = d("menuedit"), c = t?.id, l = u((e) => e.launcherFolders), h = u((e) => e.setLauncherFolders), g = u((e) => e.createLauncherFolder), _ = u((e) => e.updateLauncherFolder), v = u((e) => e.deleteLauncherFolder), y = u((e) => e.removeAppFromFolder), [x, C] = D(null), [w, T] = D(""), A = E(!1);
+	S(() => {
+		c && (A.current || (A.current = !0, m.getState().reset(c)));
+	}, [c]), S(() => {
+		if (!c) return;
+		let e = m.getState();
+		if (e.getSnapshot(c) === null) e.takeSnapshot(c, l);
+		else {
+			let t = e.getSnapshot(c);
+			if (t) {
+				let n = JSON.stringify(l) !== JSON.stringify(t);
+				e.setIsDirty(c, n);
+			}
+		}
+	}, [c, l]);
+	let ee = b(() => {
+		c && m.getState().takeSnapshot(c, l);
+	}, [c, l]), j = b(() => {
+		if (!c) return;
+		let e = m.getState().getSnapshot(c);
+		e && h(e);
+	}, [c, h]);
+	f({
+		isDirtyGetter: b(() => {
+			if (!c) return !1;
+			let e = m.getState().getSnapshot(c);
+			return JSON.stringify(l) !== JSON.stringify(e ?? []);
+		}, [c, l]),
+		windowId: t?.id,
+		onDiscard: j,
+		onSave: ee
+	});
+	let te = b(() => {
+		let e = g({
+			name: s("newFolder"),
+			fcIcon: "VscFolder",
+			order: l.length
+		});
+		C(e.id), T(e.name);
+	}, [
+		g,
+		l.length,
+		s
+	]);
+	S(() => {
+		n?.({
+			createFolder: te,
+			save: ee,
+			discard: j
+		});
+	}, [
+		te,
+		ee,
+		j,
+		n
+	]);
+	let M = b((e) => {
+		let t = l.find((t) => t.id === e);
+		t && (C(t.id), T(t.name));
+	}, [l]), N = b((e) => {
+		w.trim() && _(e, { name: w.trim() }), C(null);
+	}, [w, _]), ne = a(), P = l.filter((e) => e.isPredefined), F = l.filter((e) => !e.isPredefined), I = F.length > 0 ? F[0].id : null;
+	return /* @__PURE__ */ O(e, {
+		className: $.container,
+		"data-windowid": t?.id,
+		"data-menuedit-container": !0,
+		children: /* @__PURE__ */ k(e, {
+			className: $.content,
+			children: [
+				P.length > 0 && /* @__PURE__ */ k(e, {
+					mb: "md",
+					children: [/* @__PURE__ */ O(o, {
+						size: "xs",
+						c: "dimmed",
+						mb: 8,
+						children: s("predefinedFolders")
+					}), /* @__PURE__ */ O(e, {
+						className: $.folderList,
+						children: P.map((e) => /* @__PURE__ */ O(Yn, {
+							folder: e,
+							isEditing: !1,
+							editingName: "",
+							onEdit: () => {},
+							onRemoveApp: y,
+							onRename: () => {},
+							onSetEditingName: () => {}
+						}, e.id))
+					})]
+				}),
+				ne && F.length > 0 && /* @__PURE__ */ k(e, {
+					mb: "md",
+					children: [/* @__PURE__ */ O(o, {
+						size: "xs",
+						c: "dimmed",
+						mb: 8,
+						children: s("customFolders")
+					}), /* @__PURE__ */ O(e, {
+						className: $.folderList,
+						children: F.map((e) => /* @__PURE__ */ O(Yn, {
+							folder: e,
+							isEditing: x === e.id,
+							editingName: w,
+							onEdit: M,
+							onDelete: v,
+							onRename: N,
+							onSetEditingName: T,
+							onRemoveApp: y
+						}, e.id))
+					})]
+				}),
+				/* @__PURE__ */ k(i, {
+					justify: "space-between",
+					mb: "md",
+					children: [
+						/* @__PURE__ */ O(Zn, { customFolderId: I }),
+						/* @__PURE__ */ O(o, {
+							size: "xs",
+							c: "dimmed",
+							mt: "md",
+							children: s("instructions")
+						}),
+						ne && /* @__PURE__ */ O(r, {
+							variant: "light",
+							onClick: te,
+							"aria-label": s("addFolder"),
+							children: /* @__PURE__ */ O(p, {
+								name: "VscAdd",
+								size: 16
+							})
+						})
+					]
+				})
+			]
+		})
+	});
+}, er = (e) => {
+	let t = u((e) => e.addAppToFolder), n = u((e) => e.removeAppFromFolder);
+	return /* @__PURE__ */ k(Vn, {
+		onDrop: b((e, r) => {
+			if (e.type === "app") {
+				if (r.type === "available-apps") {
+					e.sourceType === "launcher-folder" && n(e.id, e.sourceId);
+					return;
+				}
+				r.type === "launcher-folder" && (e.sourceId !== r.id && e.sourceType === "launcher-folder" && n(e.id, e.sourceId), t(e.id, r.id));
+			}
+		}, [t, n]),
+		children: [/* @__PURE__ */ O($n, { ...e }), /* @__PURE__ */ O(qn, {})]
+	});
+};
+//#endregion
+export { Vn as a, Hn as i, Wn as n, te as o, Un as r, er as t };