@middag-io/react 0.4.2 → 0.6.0

package/dist-lib/FormBuilderBlock-b_-QQaKn.js

@@ -0,0 +1,2735 @@
+import e, { cloneElement as t, createContext as n, forwardRef as r, memo as i, useCallback as a, useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useReducer as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createPortal as h, unstable_batchedUpdates as g } from "react-dom";
+//#region node_modules/@dnd-kit/utilities/dist/utilities.esm.js
+function _() {
+	var e = [...arguments];
+	return l(() => (t) => {
+		e.forEach((e) => e(t));
+	}, e);
+}
+var v = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0;
+function y(e) {
+	let t = Object.prototype.toString.call(e);
+	return t === "[object Window]" || t === "[object global]";
+}
+function b(e) {
+	return "nodeType" in e;
+}
+function x(e) {
+	return e ? y(e) ? e : b(e) ? e.ownerDocument?.defaultView ?? window : window : window;
+}
+function S(e) {
+	let { Document: t } = x(e);
+	return e instanceof t;
+}
+function C(e) {
+	return y(e) ? !1 : e instanceof x(e).HTMLElement;
+}
+function w(e) {
+	return e instanceof x(e).SVGElement;
+}
+function T(e) {
+	return e ? y(e) ? e.document : b(e) ? S(e) ? e : C(e) || w(e) ? e.ownerDocument : document : document : document;
+}
+var E = v ? c : s;
+function D(e) {
+	let t = d(e);
+	return E(() => {
+		t.current = e;
+	}), a(function() {
+		var e = [...arguments];
+		return t.current == null ? void 0 : t.current(...e);
+	}, []);
+}
+function O() {
+	let e = d(null);
+	return [a((t, n) => {
+		e.current = setInterval(t, n);
+	}, []), a(() => {
+		e.current !== null && (clearInterval(e.current), e.current = null);
+	}, [])];
+}
+function k(e, t) {
+	t === void 0 && (t = [e]);
+	let n = d(e);
+	return E(() => {
+		n.current !== e && (n.current = e);
+	}, t), n;
+}
+function A(e, t) {
+	let n = d();
+	return l(() => {
+		let t = e(n.current);
+		return n.current = t, t;
+	}, [...t]);
+}
+function j(e) {
+	let t = D(e), n = d(null);
+	return [n, a((e) => {
+		e !== n.current && t?.(e, n.current), n.current = e;
+	}, [])];
+}
+function M(e) {
+	let t = d();
+	return s(() => {
+		t.current = e;
+	}, [e]), t.current;
+}
+var ee = {};
+function te(e, t) {
+	return l(() => {
+		if (t) return t;
+		let n = ee[e] == null ? 0 : ee[e] + 1;
+		return ee[e] = n, e + "-" + n;
+	}, [e, t]);
+}
+function N(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 ne = /* @__PURE__ */ N(1), P = /* @__PURE__ */ N(-1);
+function re(e) {
+	return "clientX" in e && "clientY" in e;
+}
+function ie(e) {
+	if (!e) return !1;
+	let { KeyboardEvent: t } = x(e.target);
+	return t && e instanceof t;
+}
+function F(e) {
+	if (!e) return !1;
+	let { TouchEvent: t } = x(e.target);
+	return t && e instanceof t;
+}
+function ae(e) {
+	if (F(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 re(e) ? {
+		x: e.clientX,
+		y: e.clientY
+	} : null;
+}
+var I = /* @__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 [I.Translate.toString(e), I.Scale.toString(e)].join(" ");
+	} },
+	Transition: { toString(e) {
+		let { property: t, duration: n, easing: r } = e;
+		return t + " " + n + "ms " + r;
+	} }
+}), L = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function oe(e) {
+	return e.matches(L) ? e : e.querySelector(L);
+}
+//#endregion
+//#region node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
+var R = { display: "none" };
+function z(t) {
+	let { id: n, value: r } = t;
+	return e.createElement("div", {
+		id: n,
+		style: R
+	}, r);
+}
+function B(t) {
+	let { id: n, announcement: r, ariaLiveType: i = "assertive" } = t;
+	return e.createElement("div", {
+		id: n,
+		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": i,
+		"aria-atomic": !0
+	}, r);
+}
+function se() {
+	let [e, t] = f("");
+	return {
+		announce: a((e) => {
+			e != null && t(e);
+		}, []),
+		announcement: e
+	};
+}
+//#endregion
+//#region node_modules/@dnd-kit/core/dist/core.esm.js
+var ce = /* @__PURE__ */ n(null);
+function V(e) {
+	let t = o(ce);
+	s(() => {
+		if (!t) throw Error("useDndMonitor must be used within a children of <DndContext>");
+		return t(e);
+	}, [e, t]);
+}
+function H() {
+	let [e] = f(() => /* @__PURE__ */ new Set()), t = a((t) => (e.add(t), () => e.delete(t)), [e]);
+	return [a((t) => {
+		let { type: n, event: r } = t;
+		e.forEach((e) => e[n]?.call(e, r));
+	}, [e]), t];
+}
+var U = { 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  " }, le = {
+	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 ue(t) {
+	let { announcements: n = le, container: r, hiddenTextDescribedById: i, screenReaderInstructions: a = U } = t, { announce: o, announcement: c } = se(), u = te("DndLiveRegion"), [d, p] = f(!1);
+	if (s(() => {
+		p(!0);
+	}, []), V(l(() => ({
+		onDragStart(e) {
+			let { active: t } = e;
+			o(n.onDragStart({ active: t }));
+		},
+		onDragMove(e) {
+			let { active: t, over: r } = e;
+			n.onDragMove && o(n.onDragMove({
+				active: t,
+				over: r
+			}));
+		},
+		onDragOver(e) {
+			let { active: t, over: r } = e;
+			o(n.onDragOver({
+				active: t,
+				over: r
+			}));
+		},
+		onDragEnd(e) {
+			let { active: t, over: r } = e;
+			o(n.onDragEnd({
+				active: t,
+				over: r
+			}));
+		},
+		onDragCancel(e) {
+			let { active: t, over: r } = e;
+			o(n.onDragCancel({
+				active: t,
+				over: r
+			}));
+		}
+	}), [o, n])), !d) return null;
+	let m = e.createElement(e.Fragment, null, e.createElement(z, {
+		id: i,
+		value: a.draggable
+	}), e.createElement(B, {
+		id: u,
+		announcement: c
+	}));
+	return r ? h(m, r) : m;
+}
+var W;
+(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";
+})(W ||= {});
+function de() {}
+function fe(e, t) {
+	return l(() => ({
+		sensor: e,
+		options: t ?? {}
+	}), [e, t]);
+}
+function G() {
+	var e = [...arguments];
+	return l(() => [...e].filter((e) => e != null), [...e]);
+}
+var K = /* @__PURE__ */ Object.freeze({
+	x: 0,
+	y: 0
+});
+function q(e, t) {
+	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
+}
+function pe(e, t) {
+	let n = ae(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 J(e, t) {
+	let { data: { value: n } } = e, { data: { value: r } } = t;
+	return n - r;
+}
+function me(e, t) {
+	let { data: { value: n } } = e, { data: { value: r } } = t;
+	return r - n;
+}
+function he(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 ge(e, t) {
+	if (!e || e.length === 0) return null;
+	let [n] = e;
+	return t ? n[t] : n;
+}
+function _e(e, t, n) {
+	return t === void 0 && (t = e.left), n === void 0 && (n = e.top), {
+		x: t + e.width * .5,
+		y: n + e.height * .5
+	};
+}
+var ve = (e) => {
+	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = _e(t, t.left, t.top), a = [];
+	for (let e of r) {
+		let { id: t } = e, r = n.get(t);
+		if (r) {
+			let n = q(_e(r), i);
+			a.push({
+				id: t,
+				data: {
+					droppableContainer: e,
+					value: n
+				}
+			});
+		}
+	}
+	return a.sort(J);
+}, ye = (e) => {
+	let { collisionRect: t, droppableRects: n, droppableContainers: r } = e, i = he(t), a = [];
+	for (let e of r) {
+		let { id: t } = e, r = n.get(t);
+		if (r) {
+			let n = he(r), o = i.reduce((e, t, r) => e + q(n[r], t), 0), s = Number((o / 4).toFixed(4));
+			a.push({
+				id: t,
+				data: {
+					droppableContainer: e,
+					value: s
+				}
+			});
+		}
+	}
+	return a.sort(J);
+};
+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 be = (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(me);
+};
+function xe(e, t, n) {
+	return {
+		...e,
+		scaleX: t && n ? t.width / n.width : 1,
+		scaleY: t && n ? t.height / n.height : 1
+	};
+}
+function Se(e, t) {
+	return e && t ? {
+		x: e.left - t.left,
+		y: e.top - t.top
+	} : K;
+}
+function Ce(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 we = /* @__PURE__ */ Ce(1);
+function Te(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 Ee(e, t, n) {
+	let r = Te(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 De = { ignoreTransform: !1 };
+function Oe(e, t) {
+	t === void 0 && (t = De);
+	let n = e.getBoundingClientRect();
+	if (t.ignoreTransform) {
+		let { transform: t, transformOrigin: r } = x(e).getComputedStyle(e);
+		t && (n = Ee(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 ke(e) {
+	return Oe(e, { ignoreTransform: !0 });
+}
+function Ae(e) {
+	let t = e.innerWidth, n = e.innerHeight;
+	return {
+		top: 0,
+		left: 0,
+		right: t,
+		bottom: n,
+		width: t,
+		height: n
+	};
+}
+function je(e, t) {
+	return t === void 0 && (t = x(e).getComputedStyle(e)), t.position === "fixed";
+}
+function Me(e, t) {
+	t === void 0 && (t = x(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 X(e, t) {
+	let n = [];
+	function r(i) {
+		if (t != null && n.length >= t || !i) return n;
+		if (S(i) && i.scrollingElement != null && !n.includes(i.scrollingElement)) return n.push(i.scrollingElement), n;
+		if (!C(i) || w(i) || n.includes(i)) return n;
+		let a = x(e).getComputedStyle(i);
+		return i !== e && Me(i, a) && n.push(i), je(i, a) ? n : r(i.parentNode);
+	}
+	return e ? r(e) : n;
+}
+function Ne(e) {
+	let [t] = X(e, 1);
+	return t ?? null;
+}
+function Pe(e) {
+	return !v || !e ? null : y(e) ? e : b(e) ? S(e) || e === T(e).scrollingElement ? window : C(e) ? e : null : null;
+}
+function Fe(e) {
+	return y(e) ? e.scrollX : e.scrollLeft;
+}
+function Ie(e) {
+	return y(e) ? e.scrollY : e.scrollTop;
+}
+function Le(e) {
+	return {
+		x: Fe(e),
+		y: Ie(e)
+	};
+}
+var Z;
+(function(e) {
+	e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
+})(Z ||= {});
+function Re(e) {
+	return !v || !e ? !1 : e === document.scrollingElement;
+}
+function ze(e) {
+	let t = {
+		x: 0,
+		y: 0
+	}, n = Re(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 Be = {
+	x: .2,
+	y: .2
+};
+function Ve(e, t, n, r, i) {
+	let { top: a, left: o, right: s, bottom: c } = n;
+	r === void 0 && (r = 10), i === void 0 && (i = Be);
+	let { isTop: l, isBottom: u, isLeft: d, isRight: f } = ze(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 = Z.Backward, m.y = r * Math.abs((t.top + h.height - a) / h.height)) : !u && c >= t.bottom - h.height && (p.y = Z.Forward, m.y = r * Math.abs((t.bottom - h.height - c) / h.height)), !f && s >= t.right - h.width ? (p.x = Z.Forward, m.x = r * Math.abs((t.right - h.width - s) / h.width)) : !d && o <= t.left + h.width && (p.x = Z.Backward, m.x = r * Math.abs((t.left + h.width - o) / h.width)), {
+		direction: p,
+		speed: m
+	};
+}
+function He(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 Ue(e) {
+	return e.reduce((e, t) => ne(e, Le(t)), K);
+}
+function We(e) {
+	return e.reduce((e, t) => e + Fe(t), 0);
+}
+function Ge(e) {
+	return e.reduce((e, t) => e + Ie(t), 0);
+}
+function Ke(e, t) {
+	if (t === void 0 && (t = Oe), !e) return;
+	let { top: n, left: r, bottom: i, right: a } = t(e);
+	Ne(e) && (i <= 0 || a <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+		block: "center",
+		inline: "center"
+	});
+}
+var qe = [[
+	"x",
+	["left", "right"],
+	We
+], [
+	"y",
+	["top", "bottom"],
+	Ge
+]], Je = 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 = X(t), r = Ue(n);
+		this.rect = { ...e }, this.width = e.width, this.height = e.height;
+		for (let [e, t, i] of qe) 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 });
+	}
+}, Ye = 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 Xe(e) {
+	let { EventTarget: t } = x(e);
+	return e instanceof t ? e : T(e);
+}
+function Ze(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 Q;
+(function(e) {
+	e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
+})(Q ||= {});
+function Qe(e) {
+	e.preventDefault();
+}
+function $e(e) {
+	e.stopPropagation();
+}
+var $;
+(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";
+})($ ||= {});
+var et = {
+	start: [$.Space, $.Enter],
+	cancel: [$.Esc],
+	end: [
+		$.Space,
+		$.Enter,
+		$.Tab
+	]
+}, tt = (e, t) => {
+	let { currentCoordinates: n } = t;
+	switch (e.code) {
+		case $.Right: return {
+			...n,
+			x: n.x + 25
+		};
+		case $.Left: return {
+			...n,
+			x: n.x - 25
+		};
+		case $.Down: return {
+			...n,
+			y: n.y + 25
+		};
+		case $.Up: return {
+			...n,
+			y: n.y - 25
+		};
+	}
+}, nt = 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 Ye(T(t)), this.windowListeners = new Ye(x(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+	}
+	attach() {
+		this.handleStart(), this.windowListeners.add(Q.Resize, this.handleCancel), this.windowListeners.add(Q.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(Q.Keydown, this.handleKeyDown));
+	}
+	handleStart() {
+		let { activeNode: e, onStart: t } = this.props, n = e.node.current;
+		n && Ke(n), t(K);
+	}
+	handleKeyDown(e) {
+		if (ie(e)) {
+			let { active: t, context: n, options: r } = this.props, { keyboardCodes: i = et, coordinateGetter: a = tt, 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
+			} : K;
+			this.referenceCoordinates ||= l;
+			let u = a(e, {
+				active: t,
+				context: n.current,
+				currentCoordinates: l
+			});
+			if (u) {
+				let t = P(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 } = ze(n), p = He(n), m = {
+						x: Math.min(i === $.Right ? p.right - p.width / 2 : p.right, Math.max(i === $.Right ? p.left : p.left + p.width / 2, u.x)),
+						y: Math.min(i === $.Down ? p.bottom - p.height / 2 : p.bottom, Math.max(i === $.Down ? p.top : p.top + p.height / 2, u.y))
+					}, h = i === $.Right && !s || i === $.Left && !c, g = i === $.Down && !l || i === $.Up && !a;
+					if (h && m.x !== u.x) {
+						let e = n.scrollLeft + t.x, a = i === $.Right && e <= d.x || i === $.Left && e >= f.x;
+						if (a && !t.y) {
+							n.scrollTo({
+								left: e,
+								behavior: o
+							});
+							return;
+						}
+						a ? r.x = n.scrollLeft - e : r.x = i === $.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 === $.Down && e <= d.y || i === $.Up && e >= f.y;
+						if (a && !t.x) {
+							n.scrollTo({
+								top: e,
+								behavior: o
+							});
+							return;
+						}
+						a ? r.y = n.scrollTop - e : r.y = i === $.Down ? n.scrollTop - d.y : n.scrollTop - f.y, r.y && n.scrollBy({
+							top: -r.y,
+							behavior: o
+						});
+						break;
+					}
+				}
+				this.handleMove(e, ne(P(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();
+	}
+};
+nt.activators = [{
+	eventName: "onKeyDown",
+	handler: (e, t, n) => {
+		let { keyboardCodes: r = et, 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 rt(e) {
+	return !!(e && "distance" in e);
+}
+function it(e) {
+	return !!(e && "delay" in e);
+}
+var at = class {
+	constructor(e, t, n) {
+		n === void 0 && (n = Xe(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 = T(i), this.documentListeners = new Ye(this.document), this.listeners = new Ye(n), this.windowListeners = new Ye(x(i)), this.initialCoordinates = ae(r) ?? K, 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(Q.Resize, this.handleCancel), this.windowListeners.add(Q.DragStart, Qe), this.windowListeners.add(Q.VisibilityChange, this.handleCancel), this.windowListeners.add(Q.ContextMenu, Qe), this.documentListeners.add(Q.Keydown, this.handleKeydown), t) {
+			if (n != null && n({
+				event: this.props.event,
+				activeNode: this.props.activeNode,
+				options: this.props.options
+			})) return this.handleStart();
+			if (it(t)) {
+				this.timeoutId = setTimeout(this.handleStart, t.delay), this.handlePending(t);
+				return;
+			}
+			if (rt(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(Q.Click, $e, { capture: !0 }), this.removeTextSelection(), this.documentListeners.add(Q.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 = ae(e) ?? K, s = P(n, o);
+		if (!t && a) {
+			if (rt(a)) {
+				if (a.tolerance != null && Ze(s, a.tolerance)) return this.handleCancel();
+				if (Ze(s, a.distance)) return this.handleStart();
+			}
+			if (it(a) && Ze(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 === $.Esc && this.handleCancel();
+	}
+	removeTextSelection() {
+		var e;
+		(e = this.document.getSelection()) == null || e.removeAllRanges();
+	}
+}, ot = {
+	cancel: { name: "pointercancel" },
+	move: { name: "pointermove" },
+	end: { name: "pointerup" }
+}, st = class extends at {
+	constructor(e) {
+		let { event: t } = e, n = T(t.target);
+		super(e, ot, n);
+	}
+};
+st.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 ct = {
+	move: { name: "mousemove" },
+	end: { name: "mouseup" }
+}, lt;
+(function(e) {
+	e[e.RightClick = 2] = "RightClick";
+})(lt ||= {});
+var ut = class extends at {
+	constructor(e) {
+		super(e, ct, T(e.event.target));
+	}
+};
+ut.activators = [{
+	eventName: "onMouseDown",
+	handler: (e, t) => {
+		let { nativeEvent: n } = e, { onActivation: r } = t;
+		return n.button === lt.RightClick ? !1 : (r?.({ event: n }), !0);
+	}
+}];
+var dt = {
+	cancel: { name: "touchcancel" },
+	move: { name: "touchmove" },
+	end: { name: "touchend" }
+}, ft = class extends at {
+	constructor(e) {
+		super(e, dt);
+	}
+	static setup() {
+		return window.addEventListener(dt.move.name, e, {
+			capture: !1,
+			passive: !1
+		}), function() {
+			window.removeEventListener(dt.move.name, e);
+		};
+		function e() {}
+	}
+};
+ft.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 pt;
+(function(e) {
+	e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
+})(pt ||= {});
+var mt;
+(function(e) {
+	e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+})(mt ||= {});
+function ht(e) {
+	let { acceleration: t, activator: n = pt.Pointer, canScroll: r, draggingRect: i, enabled: o, interval: c = 5, order: u = mt.TreeOrder, pointerCoordinates: f, scrollableAncestors: p, scrollableAncestorRects: m, delta: h, threshold: g } = e, _ = _t({
+		delta: h,
+		disabled: !o
+	}), [v, y] = O(), b = d({
+		x: 0,
+		y: 0
+	}), x = d({
+		x: 0,
+		y: 0
+	}), S = l(() => {
+		switch (n) {
+			case pt.Pointer: return f ? {
+				top: f.y,
+				bottom: f.y,
+				left: f.x,
+				right: f.x
+			} : null;
+			case pt.DraggableRect: return i;
+		}
+	}, [
+		n,
+		i,
+		f
+	]), C = d(null), w = a(() => {
+		let e = C.current;
+		if (!e) return;
+		let t = b.current.x * x.current.x, n = b.current.y * x.current.y;
+		e.scrollBy(t, n);
+	}, []), T = l(() => u === mt.TreeOrder ? [...p].reverse() : p, [u, p]);
+	s(() => {
+		if (!o || !p.length || !S) {
+			y();
+			return;
+		}
+		for (let e of T) {
+			if (r?.(e) === !1) continue;
+			let n = m[p.indexOf(e)];
+			if (!n) continue;
+			let { direction: i, speed: a } = Ve(e, n, S, t, g);
+			for (let e of ["x", "y"]) _[e][i[e]] || (a[e] = 0, i[e] = 0);
+			if (a.x > 0 || a.y > 0) {
+				y(), C.current = e, v(w, c), b.current = a, x.current = i;
+				return;
+			}
+		}
+		b.current = {
+			x: 0,
+			y: 0
+		}, x.current = {
+			x: 0,
+			y: 0
+		}, y();
+	}, [
+		t,
+		w,
+		r,
+		y,
+		o,
+		c,
+		JSON.stringify(S),
+		JSON.stringify(_),
+		v,
+		p,
+		T,
+		m,
+		JSON.stringify(g)
+	]);
+}
+var gt = {
+	x: {
+		[Z.Backward]: !1,
+		[Z.Forward]: !1
+	},
+	y: {
+		[Z.Backward]: !1,
+		[Z.Forward]: !1
+	}
+};
+function _t(e) {
+	let { delta: t, disabled: n } = e, r = M(t);
+	return A((e) => {
+		if (n || !r || !e) return gt;
+		let i = {
+			x: Math.sign(t.x - r.x),
+			y: Math.sign(t.y - r.y)
+		};
+		return {
+			x: {
+				[Z.Backward]: e.x[Z.Backward] || i.x === -1,
+				[Z.Forward]: e.x[Z.Forward] || i.x === 1
+			},
+			y: {
+				[Z.Backward]: e.y[Z.Backward] || i.y === -1,
+				[Z.Forward]: e.y[Z.Forward] || i.y === 1
+			}
+		};
+	}, [
+		n,
+		t,
+		r
+	]);
+}
+function vt(e, t) {
+	let n = t == null ? void 0 : e.get(t), r = n ? n.node.current : null;
+	return A((e) => t == null ? null : r ?? e ?? null, [r, t]);
+}
+function yt(e, t) {
+	return l(() => 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 bt;
+(function(e) {
+	e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
+})(bt ||= {});
+var xt;
+(function(e) {
+	e.Optimized = "optimized";
+})(xt ||= {});
+var St = /* @__PURE__ */ new Map();
+function Ct(e, t) {
+	let { dragging: n, dependencies: r, config: i } = t, [o, c] = f(null), { frequency: l, measure: u, strategy: p } = i, m = d(e), h = b(), g = k(h), _ = a(function(e) {
+		e === void 0 && (e = []), !g.current && c((t) => t === null ? e : t.concat(e.filter((e) => !t.includes(e))));
+	}, [g]), v = d(null), y = A((t) => {
+		if (h && !n) return St;
+		if (!t || t === St || m.current !== e || o != null) {
+			let t = /* @__PURE__ */ new Map();
+			for (let n of e) {
+				if (!n) continue;
+				if (o && o.length > 0 && !o.includes(n.id) && n.rect.current) {
+					t.set(n.id, n.rect.current);
+					continue;
+				}
+				let e = n.node.current, r = e ? new Je(u(e), e) : null;
+				n.rect.current = r, r && t.set(n.id, r);
+			}
+			return t;
+		}
+		return t;
+	}, [
+		e,
+		o,
+		n,
+		h,
+		u
+	]);
+	return s(() => {
+		m.current = e;
+	}, [e]), s(() => {
+		h || _();
+	}, [n, h]), s(() => {
+		o && o.length > 0 && c(null);
+	}, [JSON.stringify(o)]), s(() => {
+		h || typeof l != "number" || v.current !== null || (v.current = setTimeout(() => {
+			_(), v.current = null;
+		}, l));
+	}, [
+		l,
+		h,
+		_,
+		...r
+	]), {
+		droppableRects: y,
+		measureDroppableContainers: _,
+		measuringScheduled: o != null
+	};
+	function b() {
+		switch (p) {
+			case bt.Always: return !1;
+			case bt.BeforeDragging: return n;
+			default: return !n;
+		}
+	}
+}
+function wt(e, t) {
+	return A((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+}
+function Tt(e, t) {
+	return wt(e, t);
+}
+function Et(e) {
+	let { callback: t, disabled: n } = e, r = D(t), i = l(() => {
+		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 Dt(e) {
+	let { callback: t, disabled: n } = e, r = D(t), i = l(() => {
+		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 Ot(e) {
+	return new Je(Oe(e), e);
+}
+function kt(e, t, n) {
+	t === void 0 && (t = Ot);
+	let [r, i] = f(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 = Et({ 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 = Dt({ callback: a });
+	return E(() => {
+		a(), e ? (s?.observe(e), o?.observe(document.body, {
+			childList: !0,
+			subtree: !0
+		})) : (s?.disconnect(), o?.disconnect());
+	}, [e]), r;
+}
+function At(e) {
+	return Se(e, wt(e));
+}
+var jt = [];
+function Mt(e) {
+	let t = d(e), n = A((n) => e ? n && n !== jt && e && t.current && e.parentNode === t.current.parentNode ? n : X(e) : jt, [e]);
+	return s(() => {
+		t.current = e;
+	}, [e]), n;
+}
+function Nt(e) {
+	let [t, n] = f(null), r = d(e), i = a((e) => {
+		let t = Pe(e.target);
+		t && n((e) => e ? (e.set(t, Le(t)), new Map(e)) : null);
+	}, []);
+	return s(() => {
+		let t = r.current;
+		if (e !== t) {
+			a(t);
+			let o = e.map((e) => {
+				let t = Pe(e);
+				return t ? (t.addEventListener("scroll", i, { passive: !0 }), [t, Le(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) => {
+				Pe(e)?.removeEventListener("scroll", i);
+			});
+		}
+	}, [i, e]), l(() => e.length ? t ? Array.from(t.values()).reduce((e, t) => ne(e, t), K) : Ue(e) : K, [e, t]);
+}
+function Pt(e, t) {
+	t === void 0 && (t = []);
+	let n = d(null);
+	return s(() => {
+		n.current = null;
+	}, t), s(() => {
+		let t = e !== K;
+		t && !n.current && (n.current = e), !t && n.current && (n.current = null);
+	}, [e]), n.current ? P(e, n.current) : K;
+}
+function Ft(e) {
+	s(() => {
+		if (!v) 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 It(e, t) {
+	return l(() => e.reduce((e, n) => {
+		let { eventName: r, handler: i } = n;
+		return e[r] = (e) => {
+			i(e, t);
+		}, e;
+	}, {}), [e, t]);
+}
+function Lt(e) {
+	return l(() => e ? Ae(e) : null, [e]);
+}
+var Rt = [];
+function zt(e, t) {
+	t === void 0 && (t = Oe);
+	let [n] = e, r = Lt(n ? x(n) : null), [i, a] = f(Rt);
+	function o() {
+		a(() => e.length ? e.map((e) => Re(e) ? r : new Je(t(e), e)) : Rt);
+	}
+	let s = Dt({ callback: o });
+	return E(() => {
+		s?.disconnect(), o(), e.forEach((e) => s?.observe(e));
+	}, [e]), i;
+}
+function Bt(e) {
+	if (!e) return null;
+	if (e.children.length > 1) return e;
+	let t = e.children[0];
+	return C(t) ? t : e;
+}
+function Vt(e) {
+	let { measure: t } = e, [n, r] = f(null), i = Dt({ callback: a((e) => {
+		for (let { target: n } of e) if (C(n)) {
+			r((e) => {
+				let r = t(n);
+				return e ? {
+					...e,
+					width: r.width,
+					height: r.height
+				} : r;
+			});
+			break;
+		}
+	}, [t]) }), [o, s] = j(a((e) => {
+		let n = Bt(e);
+		i?.disconnect(), n && i?.observe(n), r(n ? t(n) : null);
+	}, [t, i]));
+	return l(() => ({
+		nodeRef: o,
+		rect: n,
+		setRef: s
+	}), [
+		n,
+		o,
+		s
+	]);
+}
+var Ht = [{
+	sensor: st,
+	options: {}
+}, {
+	sensor: nt,
+	options: {}
+}], Ut = { current: {} }, Wt = {
+	draggable: { measure: ke },
+	droppable: {
+		measure: ke,
+		strategy: bt.WhileDragging,
+		frequency: xt.Optimized
+	},
+	dragOverlay: { measure: Oe }
+}, Gt = 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;
+	}
+}, Kt = {
+	activatorEvent: null,
+	active: null,
+	activeNode: null,
+	activeNodeRect: null,
+	collisions: null,
+	containerNodeRect: null,
+	draggableNodes: /* @__PURE__ */ new Map(),
+	droppableRects: /* @__PURE__ */ new Map(),
+	droppableContainers: /* @__PURE__ */ new Gt(),
+	over: null,
+	dragOverlay: {
+		nodeRef: { current: null },
+		rect: null,
+		setRef: de
+	},
+	scrollableAncestors: [],
+	scrollableAncestorRects: [],
+	measuringConfiguration: Wt,
+	measureDroppableContainers: de,
+	windowRect: null,
+	measuringScheduled: !1
+}, qt = {
+	activatorEvent: null,
+	activators: [],
+	active: null,
+	activeNodeRect: null,
+	ariaDescribedById: { draggable: "" },
+	dispatch: de,
+	draggableNodes: /* @__PURE__ */ new Map(),
+	over: null,
+	measureDroppableContainers: de
+}, Jt = /* @__PURE__ */ n(qt), Yt = /* @__PURE__ */ n(Kt);
+function Xt() {
+	return {
+		draggable: {
+			active: null,
+			initialCoordinates: {
+				x: 0,
+				y: 0
+			},
+			nodes: /* @__PURE__ */ new Map(),
+			translate: {
+				x: 0,
+				y: 0
+			}
+		},
+		droppable: { containers: new Gt() }
+	};
+}
+function Zt(e, t) {
+	switch (t.type) {
+		case W.DragStart: return {
+			...e,
+			draggable: {
+				...e.draggable,
+				initialCoordinates: t.initialCoordinates,
+				active: t.active
+			}
+		};
+		case W.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 W.DragEnd:
+		case W.DragCancel: return {
+			...e,
+			draggable: {
+				...e.draggable,
+				active: null,
+				initialCoordinates: {
+					x: 0,
+					y: 0
+				},
+				translate: {
+					x: 0,
+					y: 0
+				}
+			}
+		};
+		case W.RegisterDroppable: {
+			let { element: n } = t, { id: r } = n, i = new Gt(e.droppable.containers);
+			return i.set(r, n), {
+				...e,
+				droppable: {
+					...e.droppable,
+					containers: i
+				}
+			};
+		}
+		case W.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 Gt(e.droppable.containers);
+			return o.set(n, {
+				...a,
+				disabled: i
+			}), {
+				...e,
+				droppable: {
+					...e.droppable,
+					containers: o
+				}
+			};
+		}
+		case W.UnregisterDroppable: {
+			let { id: n, key: r } = t, i = e.droppable.containers.get(n);
+			if (!i || r !== i.key) return e;
+			let a = new Gt(e.droppable.containers);
+			return a.delete(n), {
+				...e,
+				droppable: {
+					...e.droppable,
+					containers: a
+				}
+			};
+		}
+		default: return e;
+	}
+}
+function Qt(e) {
+	let { disabled: t } = e, { active: n, activatorEvent: r, draggableNodes: i } = o(Jt), a = M(r), c = M(n?.id);
+	return s(() => {
+		if (!t && !r && a && c != null) {
+			if (!ie(a) || document.activeElement === a.target) return;
+			let e = i.get(c);
+			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 = oe(e);
+					if (t) {
+						t.focus();
+						break;
+					}
+				}
+			});
+		}
+	}, [
+		r,
+		t,
+		i,
+		c,
+		a
+	]), null;
+}
+function $t(e, t) {
+	let { transform: n, ...r } = t;
+	return e != null && e.length ? e.reduce((e, t) => t({
+		transform: e,
+		...r
+	}), n) : n;
+}
+function en(e) {
+	return l(() => ({
+		draggable: {
+			...Wt.draggable,
+			...e?.draggable
+		},
+		droppable: {
+			...Wt.droppable,
+			...e?.droppable
+		},
+		dragOverlay: {
+			...Wt.dragOverlay,
+			...e?.dragOverlay
+		}
+	}), [
+		e?.draggable,
+		e?.droppable,
+		e?.dragOverlay
+	]);
+}
+function tn(e) {
+	let { activeNode: t, measure: n, initialRect: r, config: i = !0 } = e, a = d(!1), { x: o, y: s } = typeof i == "boolean" ? {
+		x: i,
+		y: i
+	} : i;
+	E(() => {
+		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 = Se(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 = Ne(e);
+			t && t.scrollBy({
+				top: i.y,
+				left: i.x
+			});
+		}
+	}, [
+		t,
+		o,
+		s,
+		r,
+		n
+	]);
+}
+var nn = /* @__PURE__ */ n({
+	...K,
+	scaleX: 1,
+	scaleY: 1
+}), rn;
+(function(e) {
+	e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
+})(rn ||= {});
+var an = /* @__PURE__ */ i(function(t) {
+	let { id: n, accessibility: r, autoScroll: i = !0, children: o, sensors: c = Ht, collisionDetection: p = be, measuring: m, modifiers: h, ..._ } = t, [v, y] = u(Zt, void 0, Xt), [b, S] = H(), [C, w] = f(rn.Uninitialized), T = C === rn.Initialized, { draggable: { active: D, nodes: O, translate: A }, droppable: { containers: j } } = v, M = D == null ? null : O.get(D), ee = d({
+		initial: null,
+		translated: null
+	}), N = l(() => D == null ? null : {
+		id: D,
+		data: M?.data ?? Ut,
+		rect: ee
+	}, [D, M]), P = d(null), [re, ie] = f(null), [F, I] = f(null), L = k(_, Object.values(_)), oe = te("DndDescribedBy", n), R = l(() => j.getEnabled(), [j]), z = en(m), { droppableRects: B, measureDroppableContainers: se, measuringScheduled: V } = Ct(R, {
+		dragging: T,
+		dependencies: [A.x, A.y],
+		config: z.droppable
+	}), U = vt(O, D), le = l(() => F ? ae(F) : null, [F]), de = ze(), fe = Tt(U, z.draggable.measure);
+	tn({
+		activeNode: D == null ? null : O.get(D),
+		config: de.layoutShiftCompensation,
+		initialRect: fe,
+		measure: z.draggable.measure
+	});
+	let G = kt(U, z.draggable.measure, fe), K = kt(U ? U.parentElement : null), q = d({
+		activatorEvent: null,
+		active: null,
+		activeNode: U,
+		collisionRect: null,
+		collisions: null,
+		droppableRects: B,
+		draggableNodes: O,
+		draggingNode: null,
+		draggingNodeRect: null,
+		droppableContainers: j,
+		over: null,
+		scrollableAncestors: [],
+		scrollAdjustedTranslate: null
+	}), pe = j.getNodeFor(q.current.over?.id), J = Vt({ measure: z.dragOverlay.measure }), me = J.nodeRef.current ?? U, he = T ? J.rect ?? G : null, _e = !!(J.nodeRef.current && J.rect), ve = At(_e ? null : G), ye = Lt(me ? x(me) : null), Y = Mt(T ? pe ?? U : null), Se = zt(Y), Ce = $t(h, {
+		transform: {
+			x: A.x - ve.x,
+			y: A.y - ve.y,
+			scaleX: 1,
+			scaleY: 1
+		},
+		activatorEvent: F,
+		active: N,
+		activeNodeRect: G,
+		containerNodeRect: K,
+		draggingNodeRect: he,
+		over: q.current.over,
+		overlayNodeRect: J.rect,
+		scrollableAncestors: Y,
+		scrollableAncestorRects: Se,
+		windowRect: ye
+	}), Te = le ? ne(le, A) : null, Ee = Nt(Y), De = Pt(Ee), Oe = Pt(Ee, [G]), ke = ne(Ce, De), Ae = he ? we(he, Ce) : null, je = N && Ae ? p({
+		active: N,
+		collisionRect: Ae,
+		droppableRects: B,
+		droppableContainers: R,
+		pointerCoordinates: Te
+	}) : null, Me = ge(je, "id"), [X, Ne] = f(null), Pe = xe(_e ? Ce : ne(Ce, Oe), X?.rect ?? null, G), Fe = d(null), Ie = a((e, t) => {
+		let { sensor: n, options: r } = t;
+		if (P.current == null) return;
+		let i = O.get(P.current);
+		if (!i) return;
+		let a = e.nativeEvent;
+		Fe.current = new n({
+			active: P.current,
+			activeNode: i,
+			event: a,
+			options: r,
+			context: q,
+			onAbort(e) {
+				if (!O.get(e)) return;
+				let { onDragAbort: t } = L.current, n = { id: e };
+				t?.(n), b({
+					type: "onDragAbort",
+					event: n
+				});
+			},
+			onPending(e, t, n, r) {
+				if (!O.get(e)) return;
+				let { onDragPending: i } = L.current, a = {
+					id: e,
+					constraint: t,
+					initialCoordinates: n,
+					offset: r
+				};
+				i?.(a), b({
+					type: "onDragPending",
+					event: a
+				});
+			},
+			onStart(e) {
+				let t = P.current;
+				if (t == null) return;
+				let n = O.get(t);
+				if (!n) return;
+				let { onDragStart: r } = L.current, i = {
+					activatorEvent: a,
+					active: {
+						id: t,
+						data: n.data,
+						rect: ee
+					}
+				};
+				g(() => {
+					r?.(i), w(rn.Initializing), y({
+						type: W.DragStart,
+						initialCoordinates: e,
+						active: t
+					}), b({
+						type: "onDragStart",
+						event: i
+					}), ie(Fe.current), I(a);
+				});
+			},
+			onMove(e) {
+				y({
+					type: W.DragMove,
+					coordinates: e
+				});
+			},
+			onEnd: o(W.DragEnd),
+			onCancel: o(W.DragCancel)
+		});
+		function o(e) {
+			return async function() {
+				let { active: t, collisions: n, over: r, scrollAdjustedTranslate: i } = q.current, o = null;
+				if (t && i) {
+					let { cancelDrop: s } = L.current;
+					o = {
+						activatorEvent: a,
+						active: t,
+						collisions: n,
+						delta: i,
+						over: r
+					}, e === W.DragEnd && typeof s == "function" && await Promise.resolve(s(o)) && (e = W.DragCancel);
+				}
+				P.current = null, g(() => {
+					y({ type: e }), w(rn.Uninitialized), Ne(null), ie(null), I(null), Fe.current = null;
+					let t = e === W.DragEnd ? "onDragEnd" : "onDragCancel";
+					if (o) {
+						let e = L.current[t];
+						e?.(o), b({
+							type: t,
+							event: o
+						});
+					}
+				});
+			};
+		}
+	}, [O]), Le = yt(c, a((e, t) => (n, r) => {
+		let i = n.nativeEvent, a = O.get(r);
+		if (P.current !== null || !a || i.dndKit || i.defaultPrevented) return;
+		let o = { active: a };
+		e(n, t.options, o) === !0 && (i.dndKit = { capturedBy: t.sensor }, P.current = r, Ie(n, t));
+	}, [O, Ie]));
+	Ft(c), E(() => {
+		G && C === rn.Initializing && w(rn.Initialized);
+	}, [G, C]), s(() => {
+		let { onDragMove: e } = L.current, { active: t, activatorEvent: n, collisions: r, over: i } = q.current;
+		if (!t || !n) return;
+		let a = {
+			active: t,
+			activatorEvent: n,
+			collisions: r,
+			delta: {
+				x: ke.x,
+				y: ke.y
+			},
+			over: i
+		};
+		g(() => {
+			e?.(a), b({
+				type: "onDragMove",
+				event: a
+			});
+		});
+	}, [ke.x, ke.y]), s(() => {
+		let { active: e, activatorEvent: t, collisions: n, droppableContainers: r, scrollAdjustedTranslate: i } = q.current;
+		if (!e || P.current == null || !t || !i) return;
+		let { onDragOver: a } = L.current, o = r.get(Me), 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
+		};
+		g(() => {
+			Ne(s), a?.(c), b({
+				type: "onDragOver",
+				event: c
+			});
+		});
+	}, [Me]), E(() => {
+		q.current = {
+			activatorEvent: F,
+			active: N,
+			activeNode: U,
+			collisionRect: Ae,
+			collisions: je,
+			droppableRects: B,
+			draggableNodes: O,
+			draggingNode: me,
+			draggingNodeRect: he,
+			droppableContainers: j,
+			over: X,
+			scrollableAncestors: Y,
+			scrollAdjustedTranslate: ke
+		}, ee.current = {
+			initial: he,
+			translated: Ae
+		};
+	}, [
+		N,
+		U,
+		je,
+		Ae,
+		O,
+		me,
+		he,
+		B,
+		j,
+		X,
+		Y,
+		ke
+	]), ht({
+		...de,
+		delta: A,
+		draggingRect: Ae,
+		pointerCoordinates: Te,
+		scrollableAncestors: Y,
+		scrollableAncestorRects: Se
+	});
+	let Z = l(() => ({
+		active: N,
+		activeNode: U,
+		activeNodeRect: G,
+		activatorEvent: F,
+		collisions: je,
+		containerNodeRect: K,
+		dragOverlay: J,
+		draggableNodes: O,
+		droppableContainers: j,
+		droppableRects: B,
+		over: X,
+		measureDroppableContainers: se,
+		scrollableAncestors: Y,
+		scrollableAncestorRects: Se,
+		measuringConfiguration: z,
+		measuringScheduled: V,
+		windowRect: ye
+	}), [
+		N,
+		U,
+		G,
+		F,
+		je,
+		K,
+		J,
+		O,
+		j,
+		B,
+		X,
+		se,
+		Y,
+		Se,
+		z,
+		V,
+		ye
+	]), Re = l(() => ({
+		activatorEvent: F,
+		activators: Le,
+		active: N,
+		activeNodeRect: G,
+		ariaDescribedById: { draggable: oe },
+		dispatch: y,
+		draggableNodes: O,
+		over: X,
+		measureDroppableContainers: se
+	}), [
+		F,
+		Le,
+		N,
+		G,
+		y,
+		oe,
+		O,
+		X,
+		se
+	]);
+	return e.createElement(ce.Provider, { value: S }, e.createElement(Jt.Provider, { value: Re }, e.createElement(Yt.Provider, { value: Z }, e.createElement(nn.Provider, { value: Pe }, o)), e.createElement(Qt, { disabled: r?.restoreFocus === !1 })), e.createElement(ue, {
+		...r,
+		hiddenTextDescribedById: oe
+	}));
+	function ze() {
+		let e = re?.autoScrollEnabled === !1, t = typeof i == "object" ? i.enabled === !1 : i === !1, n = T && !e && !t;
+		return typeof i == "object" ? {
+			...i,
+			enabled: n
+		} : { enabled: n };
+	}
+}), on = /* @__PURE__ */ n(null), sn = "button", cn = "Draggable";
+function ln(e) {
+	let { id: t, data: n, disabled: r = !1, attributes: i } = e, a = te(cn), { activators: s, activatorEvent: c, active: u, activeNodeRect: d, ariaDescribedById: f, draggableNodes: p, over: m } = o(Jt), { role: h = sn, roleDescription: g = "draggable", tabIndex: _ = 0 } = i ?? {}, v = u?.id === t, y = o(v ? nn : on), [b, x] = j(), [S, C] = j(), w = It(s, t), T = k(n);
+	return E(() => (p.set(t, {
+		id: t,
+		key: a,
+		node: b,
+		activatorNode: S,
+		data: T
+	}), () => {
+		let e = p.get(t);
+		e && e.key === a && p.delete(t);
+	}), [p, t]), {
+		active: u,
+		activatorEvent: c,
+		activeNodeRect: d,
+		attributes: l(() => ({
+			role: h,
+			tabIndex: _,
+			"aria-disabled": r,
+			"aria-pressed": v && h === sn ? !0 : void 0,
+			"aria-roledescription": g,
+			"aria-describedby": f.draggable
+		}), [
+			r,
+			h,
+			_,
+			v,
+			g,
+			f.draggable
+		]),
+		isDragging: v,
+		listeners: r ? void 0 : w,
+		node: b,
+		over: m,
+		setNodeRef: x,
+		setActivatorNodeRef: C,
+		transform: y
+	};
+}
+function un() {
+	return o(Yt);
+}
+var dn = "Droppable", fn = { timeout: 25 };
+function pn(e) {
+	let { data: t, disabled: n = !1, id: r, resizeObserverConfig: i } = e, c = te(dn), { active: l, dispatch: u, over: f, measureDroppableContainers: p } = o(Jt), m = d({ disabled: n }), h = d(!1), g = d(null), _ = d(null), { disabled: v, updateMeasurementsFor: y, timeout: b } = {
+		...fn,
+		...i
+	}, x = k(y ?? r), S = Dt({
+		callback: a(() => {
+			if (!h.current) {
+				h.current = !0;
+				return;
+			}
+			_.current != null && clearTimeout(_.current), _.current = setTimeout(() => {
+				p(Array.isArray(x.current) ? x.current : [x.current]), _.current = null;
+			}, b);
+		}, [b]),
+		disabled: v || !l
+	}), [C, w] = j(a((e, t) => {
+		S && (t && (S.unobserve(t), h.current = !1), e && S.observe(e));
+	}, [S])), T = k(t);
+	return s(() => {
+		!S || !C.current || (S.disconnect(), h.current = !1, S.observe(C.current));
+	}, [C, S]), s(() => (u({
+		type: W.RegisterDroppable,
+		element: {
+			id: r,
+			key: c,
+			disabled: n,
+			node: C,
+			rect: g,
+			data: T
+		}
+	}), () => u({
+		type: W.UnregisterDroppable,
+		key: c,
+		id: r
+	})), [r]), s(() => {
+		n !== m.current.disabled && (u({
+			type: W.SetDroppableDisabled,
+			id: r,
+			key: c,
+			disabled: n
+		}), m.current.disabled = n);
+	}, [
+		r,
+		c,
+		n,
+		u
+	]), {
+		active: l,
+		rect: g,
+		isOver: f?.id === r,
+		node: C,
+		over: f,
+		setNodeRef: w
+	};
+}
+function mn(n) {
+	let { animation: r, children: i } = n, [a, o] = f(null), [s, c] = f(null), l = M(i);
+	return !i && !a && l && o(l), E(() => {
+		if (!s) return;
+		let e = a?.key, t = a?.props.id;
+		if (e == null || t == null) {
+			o(null);
+			return;
+		}
+		Promise.resolve(r(t, s)).then(() => {
+			o(null);
+		});
+	}, [
+		r,
+		a,
+		s
+	]), e.createElement(e.Fragment, null, i, a ? t(a, { ref: c }) : null);
+}
+var hn = {
+	x: 0,
+	y: 0,
+	scaleX: 1,
+	scaleY: 1
+};
+function gn(t) {
+	let { children: n } = t;
+	return e.createElement(Jt.Provider, { value: qt }, e.createElement(nn.Provider, { value: hn }, n));
+}
+var _n = {
+	position: "fixed",
+	touchAction: "none"
+}, vn = (e) => ie(e) ? "transform 250ms ease" : void 0, yn = /* @__PURE__ */ r((t, n) => {
+	let { as: r, activatorEvent: i, adjustScale: a, children: o, className: s, rect: c, style: l, transform: u, transition: d = vn } = t;
+	if (!c) return null;
+	let f = a ? u : {
+		...u,
+		scaleX: 1,
+		scaleY: 1
+	}, p = {
+		..._n,
+		width: c.width,
+		height: c.height,
+		top: c.top,
+		left: c.left,
+		transform: I.Transform.toString(f),
+		transformOrigin: a && i ? pe(i, c) : void 0,
+		transition: typeof d == "function" ? d(i) : d,
+		...l
+	};
+	return e.createElement(r, {
+		className: s,
+		style: p,
+		ref: n
+	}, o);
+}), bn = {
+	duration: 250,
+	easing: "ease",
+	keyframes: (e) => {
+		let { transform: { initial: t, final: n } } = e;
+		return [{ transform: I.Transform.toString(t) }, { transform: I.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 xn(e) {
+	let { config: t, draggableNodes: n, droppableContainers: r, measuringConfiguration: i } = e;
+	return D((e, a) => {
+		if (t === null) return;
+		let o = n.get(e);
+		if (!o) return;
+		let s = o.node.current;
+		if (!s) return;
+		let c = Bt(a);
+		if (!c) return;
+		let { transform: l } = x(a).getComputedStyle(a), u = Te(l);
+		if (!u) return;
+		let d = typeof t == "function" ? t : Sn(t);
+		return Ke(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 Sn(e) {
+	let { duration: t, easing: n, sideEffects: r, keyframes: i } = {
+		...bn,
+		...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 Cn = 0;
+function wn(e) {
+	return l(() => {
+		if (e != null) return Cn++, Cn;
+	}, [e]);
+}
+var Tn = /* @__PURE__ */ e.memo((t) => {
+	let { adjustScale: n = !1, children: r, dropAnimation: i, style: a, transition: s, modifiers: c, wrapperElement: l = "div", className: u, zIndex: d = 999 } = t, { activatorEvent: f, active: p, activeNodeRect: m, containerNodeRect: h, draggableNodes: g, droppableContainers: _, dragOverlay: v, over: y, measuringConfiguration: b, scrollableAncestors: x, scrollableAncestorRects: S, windowRect: C } = un(), w = o(nn), T = wn(p?.id), E = $t(c, {
+		activatorEvent: f,
+		active: p,
+		activeNodeRect: m,
+		containerNodeRect: h,
+		draggingNodeRect: v.rect,
+		over: y,
+		overlayNodeRect: v.rect,
+		scrollableAncestors: x,
+		scrollableAncestorRects: S,
+		transform: w,
+		windowRect: C
+	}), D = wt(m), O = xn({
+		config: i,
+		draggableNodes: g,
+		droppableContainers: _,
+		measuringConfiguration: b
+	}), k = D ? v.setRef : void 0;
+	return e.createElement(gn, null, e.createElement(mn, { animation: O }, p && T ? e.createElement(yn, {
+		key: T,
+		id: p.id,
+		ref: k,
+		as: l,
+		activatorEvent: f,
+		adjustScale: n,
+		className: u,
+		transition: s,
+		rect: D,
+		style: {
+			zIndex: d,
+			...a
+		},
+		transform: E
+	}, r) : null));
+});
+//#endregion
+//#region node_modules/@dnd-kit/sortable/dist/sortable.esm.js
+function En(e, t, n) {
+	let r = e.slice();
+	return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
+}
+function Dn(e, t) {
+	return e.reduce((e, n, r) => {
+		let i = t.get(n);
+		return i && (e[r] = i), e;
+	}, Array(e.length));
+}
+function On(e) {
+	return e !== null && e >= 0;
+}
+function kn(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;
+	return !0;
+}
+function An(e) {
+	return typeof e == "boolean" ? {
+		draggable: e,
+		droppable: e
+	} : e;
+}
+var jn = (e) => {
+	let { rects: t, activeIndex: n, overIndex: r, index: i } = e, a = En(t, r, n), o = t[i], s = a[i];
+	return !s || !o ? null : {
+		x: s.left - o.left,
+		y: s.top - o.top,
+		scaleX: s.width / o.width,
+		scaleY: s.height / o.height
+	};
+}, Mn = {
+	scaleX: 1,
+	scaleY: 1
+}, Nn = (e) => {
+	let { activeIndex: t, activeNodeRect: n, index: r, rects: i, overIndex: a } = e, o = i[t] ?? n;
+	if (!o) return null;
+	if (r === t) {
+		let e = i[a];
+		return e ? {
+			x: 0,
+			y: t < a ? e.top + e.height - (o.top + o.height) : e.top - o.top,
+			...Mn
+		} : null;
+	}
+	let s = Pn(i, r, t);
+	return r > t && r <= a ? {
+		x: 0,
+		y: -o.height - s,
+		...Mn
+	} : r < t && r >= a ? {
+		x: 0,
+		y: o.height + s,
+		...Mn
+	} : {
+		x: 0,
+		y: 0,
+		...Mn
+	};
+};
+function Pn(e, t, n) {
+	let r = e[t], i = e[t - 1], a = e[t + 1];
+	return r ? n < t ? i ? r.top - (i.top + i.height) : a ? a.top - (r.top + r.height) : 0 : a ? a.top - (r.top + r.height) : i ? r.top - (i.top + i.height) : 0 : 0;
+}
+var Fn = "Sortable", In = /* @__PURE__ */ e.createContext({
+	activeIndex: -1,
+	containerId: Fn,
+	disableTransforms: !1,
+	items: [],
+	overIndex: -1,
+	useDragOverlay: !1,
+	sortedRects: [],
+	strategy: jn,
+	disabled: {
+		draggable: !1,
+		droppable: !1
+	}
+});
+function Ln(t) {
+	let { children: n, id: r, items: i, strategy: a = jn, disabled: o = !1 } = t, { active: c, dragOverlay: u, droppableRects: f, over: p, measureDroppableContainers: m } = un(), h = te(Fn, r), g = u.rect !== null, _ = l(() => i.map((e) => typeof e == "object" && "id" in e ? e.id : e), [i]), v = c != null, y = c ? _.indexOf(c.id) : -1, b = p ? _.indexOf(p.id) : -1, x = d(_), S = !kn(_, x.current), C = b !== -1 && y === -1 || S, w = An(o);
+	E(() => {
+		S && v && m(_);
+	}, [
+		S,
+		_,
+		v,
+		m
+	]), s(() => {
+		x.current = _;
+	}, [_]);
+	let T = l(() => ({
+		activeIndex: y,
+		containerId: h,
+		disabled: w,
+		disableTransforms: C,
+		items: _,
+		overIndex: b,
+		useDragOverlay: g,
+		sortedRects: Dn(_, f),
+		strategy: a
+	}), [
+		y,
+		h,
+		w.draggable,
+		w.droppable,
+		C,
+		_,
+		b,
+		f,
+		g,
+		a
+	]);
+	return e.createElement(In.Provider, { value: T }, n);
+}
+var Rn = (e) => {
+	let { id: t, items: n, activeIndex: r, overIndex: i } = e;
+	return En(n, r, i).indexOf(t);
+}, zn = (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 ? !1 : n ? !0 : o !== i && t === c;
+}, Bn = {
+	duration: 200,
+	easing: "ease"
+}, Vn = "transform", Hn = /* @__PURE__ */ I.Transition.toString({
+	property: Vn,
+	duration: 0,
+	easing: "linear"
+}), Un = { roleDescription: "sortable" };
+function Wn(e) {
+	let { disabled: t, index: n, node: r, rect: i } = e, [a, o] = f(null), c = d(n);
+	return E(() => {
+		if (!t && n !== c.current && r.current) {
+			let e = i.current;
+			if (e) {
+				let t = Oe(r.current, { ignoreTransform: !0 }), n = {
+					x: e.left - t.left,
+					y: e.top - t.top,
+					scaleX: e.width / t.width,
+					scaleY: e.height / t.height
+				};
+				(n.x || n.y) && o(n);
+			}
+		}
+		n !== c.current && (c.current = n);
+	}, [
+		t,
+		n,
+		r,
+		i
+	]), s(() => {
+		a && o(null);
+	}, [a]), a;
+}
+function Gn(e) {
+	let { animateLayoutChanges: t = zn, attributes: n, disabled: r, data: i, getNewIndex: a = Rn, id: c, strategy: u, resizeObserverConfig: f, transition: p = Bn } = e, { items: m, containerId: h, activeIndex: g, disabled: v, disableTransforms: y, sortedRects: b, overIndex: x, useDragOverlay: S, strategy: C } = o(In), w = Kn(r, v), T = m.indexOf(c), E = l(() => ({
+		sortable: {
+			containerId: h,
+			index: T,
+			items: m
+		},
+		...i
+	}), [
+		h,
+		i,
+		T,
+		m
+	]), D = l(() => m.slice(m.indexOf(c)), [m, c]), { rect: O, node: k, isOver: A, setNodeRef: j } = pn({
+		id: c,
+		data: E,
+		disabled: w.droppable,
+		resizeObserverConfig: {
+			updateMeasurementsFor: D,
+			...f
+		}
+	}), { active: M, activatorEvent: ee, activeNodeRect: te, attributes: N, setNodeRef: ne, listeners: P, isDragging: re, over: F, setActivatorNodeRef: ae, transform: L } = ln({
+		id: c,
+		data: E,
+		attributes: {
+			...Un,
+			...n
+		},
+		disabled: w.draggable
+	}), oe = _(j, ne), R = !!M, z = R && !y && On(g) && On(x), B = !S && re, se = z ? (B && z ? L : null) ?? (u ?? C)({
+		rects: b,
+		activeNodeRect: te,
+		activeIndex: g,
+		overIndex: x,
+		index: T
+	}) : null, ce = On(g) && On(x) ? a({
+		id: c,
+		items: m,
+		activeIndex: g,
+		overIndex: x
+	}) : T, V = M?.id, H = d({
+		activeId: V,
+		items: m,
+		newIndex: ce,
+		containerId: h
+	}), U = m !== H.current.items, le = t({
+		active: M,
+		containerId: h,
+		isDragging: re,
+		isSorting: R,
+		id: c,
+		index: T,
+		items: m,
+		newIndex: H.current.newIndex,
+		previousItems: H.current.items,
+		previousContainerId: H.current.containerId,
+		transition: p,
+		wasDragging: H.current.activeId != null
+	}), ue = Wn({
+		disabled: !le,
+		index: T,
+		node: k,
+		rect: O
+	});
+	return s(() => {
+		R && H.current.newIndex !== ce && (H.current.newIndex = ce), h !== H.current.containerId && (H.current.containerId = h), m !== H.current.items && (H.current.items = m);
+	}, [
+		R,
+		ce,
+		h,
+		m
+	]), s(() => {
+		if (V === H.current.activeId) return;
+		if (V != null && H.current.activeId == null) {
+			H.current.activeId = V;
+			return;
+		}
+		let e = setTimeout(() => {
+			H.current.activeId = V;
+		}, 50);
+		return () => clearTimeout(e);
+	}, [V]), {
+		active: M,
+		activeIndex: g,
+		attributes: N,
+		data: E,
+		rect: O,
+		index: T,
+		newIndex: ce,
+		items: m,
+		isOver: A,
+		isSorting: R,
+		isDragging: re,
+		listeners: P,
+		node: k,
+		overIndex: x,
+		over: F,
+		setNodeRef: oe,
+		setActivatorNodeRef: ae,
+		setDroppableNodeRef: j,
+		setDraggableNodeRef: ne,
+		transform: ue ?? se,
+		transition: W()
+	};
+	function W() {
+		if (ue || U && H.current.newIndex === T) return Hn;
+		if (!(B && !ie(ee) || !p) && (R || le)) return I.Transition.toString({
+			...p,
+			property: Vn
+		});
+	}
+}
+function Kn(e, t) {
+	return typeof e == "boolean" ? {
+		draggable: e,
+		droppable: !1
+	} : {
+		draggable: e?.draggable ?? t.draggable,
+		droppable: e?.droppable ?? t.droppable
+	};
+}
+function qn(e) {
+	if (!e) return !1;
+	let t = e.data.current;
+	return !!(t && "sortable" in t && typeof t.sortable == "object" && "containerId" in t.sortable && "items" in t.sortable && "index" in t.sortable);
+}
+var Jn = [
+	$.Down,
+	$.Right,
+	$.Up,
+	$.Left
+], Yn = (e, t) => {
+	let { context: { active: n, collisionRect: r, droppableRects: i, droppableContainers: a, over: o, scrollableAncestors: s } } = t;
+	if (Jn.includes(e.code)) {
+		if (e.preventDefault(), !n || !r) return;
+		let t = [];
+		a.getEnabled().forEach((n) => {
+			if (!n || n != null && n.disabled) return;
+			let a = i.get(n.id);
+			if (a) switch (e.code) {
+				case $.Down:
+					r.top < a.top && t.push(n);
+					break;
+				case $.Up:
+					r.top > a.top && t.push(n);
+					break;
+				case $.Left:
+					r.left > a.left && t.push(n);
+					break;
+				case $.Right:
+					r.left < a.left && t.push(n);
+					break;
+			}
+		});
+		let c = ye({
+			active: n,
+			collisionRect: r,
+			droppableRects: i,
+			droppableContainers: t,
+			pointerCoordinates: null
+		}), l = ge(c, "id");
+		if (l === o?.id && c.length > 1 && (l = c[1].id), l != null) {
+			let e = a.get(n.id), t = a.get(l), o = t ? i.get(t.id) : null, c = t?.node.current;
+			if (c && o && e && t) {
+				let n = X(c).some((e, t) => s[t] !== e), i = Xn(e, t), a = Zn(e, t), l = n || !i ? {
+					x: 0,
+					y: 0
+				} : {
+					x: a ? r.width - o.width : 0,
+					y: a ? r.height - o.height : 0
+				}, u = {
+					x: o.left,
+					y: o.top
+				};
+				return l.x && l.y ? u : P(u, l);
+			}
+		}
+	}
+};
+function Xn(e, t) {
+	return !qn(e) || !qn(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
+}
+function Zn(e, t) {
+	return !qn(e) || !qn(t) || !Xn(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
+}
+//#endregion
+//#region node_modules/@dnd-kit/modifiers/dist/modifiers.esm.js
+var Qn = (e) => {
+	let { transform: t } = e;
+	return {
+		...t,
+		x: 0
+	};
+}, $n = {
+	text: "Aa",
+	textarea: "≡",
+	select: "▾",
+	checkbox: "☑",
+	date: "📅",
+	file: "📎",
+	rating: "★",
+	email: "@",
+	number: "#"
+};
+function er(e) {
+	return $n[e] ?? "?";
+}
+function tr({ field: e, onRemove: t }) {
+	let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: s } = Gn({ id: e.id });
+	return /* @__PURE__ */ m("div", {
+		ref: i,
+		style: {
+			transform: a ? `translate3d(${String(a.x)}px, ${String(a.y)}px, 0)` : void 0,
+			transition: o ?? void 0,
+			opacity: s ? .4 : 1
+		},
+		className: `flex items-center gap-3 rounded-md border p-3 ${s ? "border-accent bg-background shadow-md" : "border-border bg-background"}`,
+		children: [
+			/* @__PURE__ */ p("button", {
+				type: "button",
+				className: "text-muted-foreground flex-none cursor-grab text-base leading-none select-none",
+				"aria-label": "Arrastar campo",
+				...n,
+				...r,
+				children: "⠇"
+			}),
+			/* @__PURE__ */ p("span", {
+				className: "bg-muted flex h-8 w-8 flex-none items-center justify-center rounded text-sm",
+				children: er(e.type)
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ p("span", {
+						className: "text-foreground truncate text-sm font-medium",
+						children: e.label
+					}),
+					e.required && /* @__PURE__ */ p("span", {
+						className: "text-destructive ml-0.5 text-sm",
+						"aria-label": "Obrigatório",
+						children: "*"
+					}),
+					/* @__PURE__ */ p("span", {
+						className: "text-muted-foreground ml-2 text-xs",
+						children: e.type
+					})
+				]
+			}),
+			/* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: () => {
+					t(e.id);
+				},
+				className: "text-muted-foreground hover:text-destructive flex h-6 w-6 flex-none items-center justify-center rounded text-sm transition-colors",
+				"aria-label": "Remover campo",
+				children: "×"
+			})
+		]
+	});
+}
+function nr({ field: e }) {
+	return /* @__PURE__ */ m("div", {
+		className: "border-accent bg-background flex items-center gap-3 rounded-md border p-3 shadow-md",
+		children: [
+			/* @__PURE__ */ p("span", {
+				className: "text-muted-foreground flex-none text-base leading-none select-none",
+				children: "⠇"
+			}),
+			/* @__PURE__ */ p("span", {
+				className: "bg-muted flex h-8 w-8 flex-none items-center justify-center rounded text-sm",
+				children: er(e.type)
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ p("span", {
+					className: "text-foreground text-sm font-medium",
+					children: e.label
+				}), e.required && /* @__PURE__ */ p("span", {
+					className: "text-destructive ml-0.5 text-sm",
+					children: "*"
+				})]
+			})
+		]
+	});
+}
+function rr({ field: e }) {
+	let t = /* @__PURE__ */ m("label", {
+		className: "text-foreground mb-1 block text-xs font-medium",
+		children: [e.label, e.required && /* @__PURE__ */ p("span", {
+			className: "text-destructive ml-0.5",
+			children: "*"
+		})]
+	});
+	switch (e.type) {
+		case "textarea": return /* @__PURE__ */ m("div", { children: [t, /* @__PURE__ */ p("div", { className: "border-border bg-background h-16 rounded-md border px-2 py-1 text-xs" })] });
+		case "select": return /* @__PURE__ */ m("div", { children: [t, /* @__PURE__ */ m("div", {
+			className: "border-border bg-background text-muted-foreground flex items-center justify-between rounded-md border px-2 py-1.5 text-xs",
+			children: [/* @__PURE__ */ p("span", { children: "Selecione..." }), /* @__PURE__ */ p("span", {
+				className: "text-[10px]",
+				children: "▾"
+			})]
+		})] });
+		case "checkbox": return /* @__PURE__ */ m("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ p("div", { className: "border-border h-4 w-4 rounded border" }), /* @__PURE__ */ p("span", {
+				className: "text-foreground text-xs",
+				children: e.label
+			})]
+		});
+		case "rating": return /* @__PURE__ */ m("div", { children: [t, /* @__PURE__ */ p("div", {
+			className: "flex gap-1",
+			children: [
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((e) => /* @__PURE__ */ p("span", {
+				className: "text-muted-foreground/40 text-sm",
+				children: "★"
+			}, e))
+		})] });
+		case "file": return /* @__PURE__ */ m("div", { children: [t, /* @__PURE__ */ p("div", {
+			className: "border-border text-muted-foreground flex items-center justify-center rounded-md border border-dashed px-2 py-3 text-xs",
+			children: "Clique ou arraste um arquivo"
+		})] });
+		default: return /* @__PURE__ */ m("div", { children: [t, /* @__PURE__ */ p("div", {
+			className: "border-border bg-background rounded-md border px-2 py-1.5 text-xs",
+			children: e.placeholder ? /* @__PURE__ */ p("span", {
+				className: "text-muted-foreground",
+				children: e.placeholder
+			}) : /* @__PURE__ */ p("span", { children: "\xA0" })
+		})] });
+	}
+}
+function ir({ block: e }) {
+	let { data: t } = e, [n, r] = f(t.fields), [i, o] = f(null), s = G(fe(st, { activationConstraint: { distance: 5 } }), fe(nt, { coordinateGetter: Yn })), c = a((e) => {
+		o(String(e.active.id));
+	}, []), l = a((e) => {
+		o(null);
+		let { active: t, over: n } = e;
+		n && t.id !== n.id && r((e) => En(e, e.findIndex((e) => e.id === t.id), e.findIndex((e) => e.id === n.id)));
+	}, []), u = a((e) => {
+		r((t) => t.filter((t) => t.id !== e));
+	}, []), d = i ? n.find((e) => e.id === i) : null;
+	return /* @__PURE__ */ m("div", {
+		className: "flex min-h-[400px] gap-4",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "w-[200px] flex-none",
+				children: [/* @__PURE__ */ p("h3", {
+					className: "text-foreground mb-3 text-sm font-semibold",
+					children: "Campos Disponíveis"
+				}), /* @__PURE__ */ p("div", {
+					className: "grid grid-cols-2 gap-2",
+					children: t.availableTypes.map((e) => /* @__PURE__ */ m("div", {
+						className: "bg-background hover:border-accent cursor-grab rounded-md border p-2 text-center text-xs transition-colors",
+						children: [/* @__PURE__ */ p("div", {
+							className: "mb-1 text-base leading-none",
+							children: e.icon
+						}), /* @__PURE__ */ p("span", {
+							className: "text-foreground",
+							children: e.label
+						})]
+					}, e.type))
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ m("div", {
+					className: "mb-3 flex items-center justify-between",
+					children: [/* @__PURE__ */ p("h3", {
+						className: "text-foreground text-sm font-semibold",
+						children: "Campos do Formulário"
+					}), /* @__PURE__ */ m("span", {
+						className: "text-muted-foreground text-xs",
+						children: [
+							n.length,
+							" ",
+							n.length === 1 ? "campo" : "campos"
+						]
+					})]
+				}), /* @__PURE__ */ m(an, {
+					sensors: s,
+					collisionDetection: ve,
+					modifiers: [Qn],
+					onDragStart: c,
+					onDragEnd: l,
+					children: [/* @__PURE__ */ p(Ln, {
+						items: n.map((e) => e.id),
+						strategy: Nn,
+						children: n.length > 0 ? /* @__PURE__ */ p("div", {
+							className: "space-y-2",
+							children: n.map((e) => /* @__PURE__ */ p(tr, {
+								field: e,
+								onRemove: u
+							}, e.id))
+						}) : /* @__PURE__ */ p("div", {
+							className: "border-border text-muted-foreground flex min-h-[200px] items-center justify-center rounded-lg border border-dashed text-sm",
+							children: "Arraste campos da paleta para cá"
+						})
+					}), /* @__PURE__ */ p(Tn, { children: d ? /* @__PURE__ */ p(nr, { field: d }) : null })]
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "w-[280px] flex-none",
+				children: [/* @__PURE__ */ p("h3", {
+					className: "text-foreground mb-3 text-sm font-semibold",
+					children: "Preview"
+				}), /* @__PURE__ */ p("div", {
+					className: "bg-muted/30 space-y-3 rounded-lg border p-4",
+					children: n.length > 0 ? n.map((e) => /* @__PURE__ */ p(rr, { field: e }, e.id)) : /* @__PURE__ */ p("p", {
+						className: "text-muted-foreground text-center text-xs",
+						children: "Nenhum campo adicionado"
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { ir as FormBuilderBlock };