@1urso/generic-editor 0.1.64 → 0.1.66

package/dist/generic-editor.js

@@ -987,15 +987,15 @@ var DISMISSABLE_LAYER_NAME = "DismissableLayer", CONTEXT_UPDATE = "dismissableLa
 	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
 	branches: /* @__PURE__ */ new Set()
 }), DismissableLayer = React$1.forwardRef((_, E) => {
-	let { disableOutsidePointerEvents: O = !1, onEscapeKeyDown: A, onPointerDownOutside: j, onFocusOutside: M, onInteractOutside: N, onDismiss: P, ...z } = _, B = React$1.useContext(DismissableLayerContext), [H, U] = React$1.useState(null), W = H?.ownerDocument ?? globalThis?.document, [, G] = React$1.useState({}), Z = useComposedRefs$1(E, (n) => U(n)), HF = Array.from(B.layers), [UF] = [...B.layersWithOutsidePointerEventsDisabled].slice(-1), WF = HF.indexOf(UF), GF = H ? HF.indexOf(H) : -1, KF = B.layersWithOutsidePointerEventsDisabled.size > 0, qF = GF >= WF, JF = usePointerDownOutside((n) => {
+	let { disableOutsidePointerEvents: O = !1, onEscapeKeyDown: A, onPointerDownOutside: j, onFocusOutside: M, onInteractOutside: N, onDismiss: P, ...z } = _, B = React$1.useContext(DismissableLayerContext), [H, U] = React$1.useState(null), W = H?.ownerDocument ?? globalThis?.document, [, G] = React$1.useState({}), Z = useComposedRefs$1(E, (n) => U(n)), GF = Array.from(B.layers), [KF] = [...B.layersWithOutsidePointerEventsDisabled].slice(-1), qF = GF.indexOf(KF), JF = H ? GF.indexOf(H) : -1, YF = B.layersWithOutsidePointerEventsDisabled.size > 0, XF = JF >= qF, ZF = usePointerDownOutside((n) => {
 		let _ = n.target, E = [...B.branches].some((n) => n.contains(_));
-		!qF || E || (j?.(n), N?.(n), n.defaultPrevented || P?.());
-	}, W), YF = useFocusOutside((n) => {
+		!XF || E || (j?.(n), N?.(n), n.defaultPrevented || P?.());
+	}, W), QF = useFocusOutside((n) => {
 		let _ = n.target;
 		[...B.branches].some((n) => n.contains(_)) || (M?.(n), N?.(n), n.defaultPrevented || P?.());
 	}, W);
 	return useEscapeKeydown((n) => {
-		GF === B.layers.size - 1 && (A?.(n), !n.defaultPrevented && P && (n.preventDefault(), P()));
+		JF === B.layers.size - 1 && (A?.(n), !n.defaultPrevented && P && (n.preventDefault(), P()));
 	}, W), React$1.useEffect(() => {
 		if (H) return O && (B.layersWithOutsidePointerEventsDisabled.size === 0 && (originalBodyPointerEvents = W.body.style.pointerEvents, W.body.style.pointerEvents = "none"), B.layersWithOutsidePointerEventsDisabled.add(H)), B.layers.add(H), dispatchUpdate(), () => {
 			O && B.layersWithOutsidePointerEventsDisabled.size === 1 && (W.body.style.pointerEvents = originalBodyPointerEvents);
@@ -1014,12 +1014,12 @@ var DISMISSABLE_LAYER_NAME = "DismissableLayer", CONTEXT_UPDATE = "dismissableLa
 		...z,
 		ref: Z,
 		style: {
-			pointerEvents: KF ? qF ? "auto" : "none" : void 0,
+			pointerEvents: YF ? XF ? "auto" : "none" : void 0,
 			..._.style
 		},
-		onFocusCapture: composeEventHandlers(_.onFocusCapture, YF.onFocusCapture),
-		onBlurCapture: composeEventHandlers(_.onBlurCapture, YF.onBlurCapture),
-		onPointerDownCapture: composeEventHandlers(_.onPointerDownCapture, JF.onPointerDownCapture)
+		onFocusCapture: composeEventHandlers(_.onFocusCapture, QF.onFocusCapture),
+		onBlurCapture: composeEventHandlers(_.onBlurCapture, QF.onBlurCapture),
+		onPointerDownCapture: composeEventHandlers(_.onPointerDownCapture, ZF.onPointerDownCapture)
 	});
 });
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
@@ -1378,7 +1378,7 @@ var effectCar = createSidecarMedium(), nothing = function() {}, RemoveScroll = R
 		onScrollCapture: nothing,
 		onWheelCapture: nothing,
 		onTouchMoveCapture: nothing
-	}), j = A[0], M = A[1], N = _.forwardProps, P = _.children, z = _.className, B = _.removeScrollBar, H = _.enabled, U = _.shards, W = _.sideCar, G = _.noRelative, Z = _.noIsolation, HF = _.inert, UF = _.allowPinchZoom, WF = _.as, GF = WF === void 0 ? "div" : WF, KF = _.gapMode, qF = __rest(_, [
+	}), j = A[0], M = A[1], N = _.forwardProps, P = _.children, z = _.className, B = _.removeScrollBar, H = _.enabled, U = _.shards, W = _.sideCar, G = _.noRelative, Z = _.noIsolation, GF = _.inert, KF = _.allowPinchZoom, qF = _.as, JF = qF === void 0 ? "div" : qF, YF = _.gapMode, XF = __rest(_, [
 		"forwardProps",
 		"children",
 		"className",
@@ -1392,21 +1392,21 @@ var effectCar = createSidecarMedium(), nothing = function() {}, RemoveScroll = R
 		"allowPinchZoom",
 		"as",
 		"gapMode"
-	]), JF = W, YF = useMergeRefs([O, E]), XF = __assign$2(__assign$2({}, qF), j);
-	return React$1.createElement(React$1.Fragment, null, H && React$1.createElement(JF, {
+	]), ZF = W, QF = useMergeRefs([O, E]), $F = __assign$2(__assign$2({}, XF), j);
+	return React$1.createElement(React$1.Fragment, null, H && React$1.createElement(ZF, {
 		sideCar: effectCar,
 		removeScrollBar: B,
 		shards: U,
 		noRelative: G,
 		noIsolation: Z,
-		inert: HF,
+		inert: GF,
 		setCallbacks: M,
-		allowPinchZoom: !!UF,
+		allowPinchZoom: !!KF,
 		lockRef: O,
-		gapMode: KF
-	}), N ? React$1.cloneElement(React$1.Children.only(P), __assign$2(__assign$2({}, XF), { ref: YF })) : React$1.createElement(GF, __assign$2({}, XF, {
+		gapMode: YF
+	}), N ? React$1.cloneElement(React$1.Children.only(P), __assign$2(__assign$2({}, $F), { ref: QF })) : React$1.createElement(JF, __assign$2({}, $F, {
 		className: z,
-		ref: YF
+		ref: QF
 	}), P));
 });
 RemoveScroll.defaultProps = {
@@ -1596,8 +1596,8 @@ var nonPassive = passiveSupported ? { passive: !1 } : !1, alwaysContainsScroll =
 		if (!N) break;
 		var W = getScrollVariables(n, N), G = W[0], Z = W[1] - W[2] - j * G;
 		(G || Z) && elementCouldBeScrolled(n, N) && (H += Z, U += G);
-		var HF = N.parentNode;
-		N = HF && HF.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? HF.host : HF;
+		var GF = N.parentNode;
+		N = GF && GF.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? GF.host : GF;
 	} while (!P && N !== document.body || P && (_.contains(N) || _ === N));
 	return (B && (A && Math.abs(H) < 1 || !A && M > H) || !B && (A && Math.abs(U) < 1 || !A && -M > U)) && (z = !0), z;
 }, getTouchXY = function(n) {
@@ -2144,7 +2144,7 @@ var computePosition$1 = async (n, _, E) => {
 		strategy: A
 	}), { x: B, y: H } = computeCoordsFromPlacement(z, O, P), U = O, W = {}, G = 0;
 	for (let E = 0; E < N.length; E++) {
-		let { name: j, fn: Z } = N[E], { x: HF, y: UF, data: WF, reset: GF } = await Z({
+		let { name: j, fn: Z } = N[E], { x: GF, y: KF, data: qF, reset: JF } = await Z({
 			x: B,
 			y: H,
 			initialPlacement: O,
@@ -2158,17 +2158,17 @@ var computePosition$1 = async (n, _, E) => {
 				floating: _
 			}
 		});
-		B = HF ?? B, H = UF ?? H, W = {
+		B = GF ?? B, H = KF ?? H, W = {
 			...W,
 			[j]: {
 				...W[j],
-				...WF
+				...qF
 			}
-		}, GF && G <= 50 && (G++, typeof GF == "object" && (GF.placement && (U = GF.placement), GF.rects && (z = GF.rects === !0 ? await M.getElementRects({
+		}, JF && G <= 50 && (G++, typeof JF == "object" && (JF.placement && (U = JF.placement), JF.rects && (z = JF.rects === !0 ? await M.getElementRects({
 			reference: n,
 			floating: _,
 			strategy: A
-		}) : GF.rects), {x: B, y: H} = computeCoordsFromPlacement(z, U, P)), E = -1);
+		}) : JF.rects), {x: B, y: H} = computeCoordsFromPlacement(z, U, P)), E = -1);
 	}
 	return {
 		x: B,
@@ -2185,25 +2185,25 @@ async function detectOverflow$1(n, _) {
 		boundary: P,
 		rootBoundary: z,
 		strategy: N
-	})), HF = B === "floating" ? {
+	})), GF = B === "floating" ? {
 		x: E,
 		y: O,
 		width: j.floating.width,
 		height: j.floating.height
-	} : j.reference, UF = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(M.floating)), WF = await (A.isElement == null ? void 0 : A.isElement(UF)) && await (A.getScale == null ? void 0 : A.getScale(UF)) || {
+	} : j.reference, KF = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(M.floating)), qF = await (A.isElement == null ? void 0 : A.isElement(KF)) && await (A.getScale == null ? void 0 : A.getScale(KF)) || {
 		x: 1,
 		y: 1
-	}, GF = rectToClientRect(A.convertOffsetParentRelativeRectToViewportRelativeRect ? await A.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, JF = rectToClientRect(A.convertOffsetParentRelativeRectToViewportRelativeRect ? await A.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: M,
-		rect: HF,
-		offsetParent: UF,
+		rect: GF,
+		offsetParent: KF,
 		strategy: N
-	}) : HF);
+	}) : GF);
 	return {
-		top: (Z.top - GF.top + W.top) / WF.y,
-		bottom: (GF.bottom - Z.bottom + W.bottom) / WF.y,
-		left: (Z.left - GF.left + W.left) / WF.x,
-		right: (GF.right - Z.right + W.right) / WF.x
+		top: (Z.top - JF.top + W.top) / qF.y,
+		bottom: (JF.bottom - Z.bottom + W.bottom) / qF.y,
+		left: (Z.left - JF.left + W.left) / qF.x,
+		right: (JF.right - Z.right + W.right) / qF.x
 	};
 }
 var arrow$2 = (n) => ({
@@ -2215,17 +2215,17 @@ var arrow$2 = (n) => ({
 		let H = getPaddingObject(B), U = {
 			x: E,
 			y: O
-		}, W = getAlignmentAxis(A), G = getAxisLength(W), Z = await M.getDimensions(z), HF = W === "y", UF = HF ? "top" : "left", WF = HF ? "bottom" : "right", GF = HF ? "clientHeight" : "clientWidth", KF = j.reference[G] + j.reference[W] - U[W] - j.floating[G], qF = U[W] - j.reference[W], JF = await (M.getOffsetParent == null ? void 0 : M.getOffsetParent(z)), YF = JF ? JF[GF] : 0;
-		(!YF || !await (M.isElement == null ? void 0 : M.isElement(JF))) && (YF = N.floating[GF] || j.floating[G]);
-		let XF = KF / 2 - qF / 2, ZF = YF / 2 - Z[G] / 2 - 1, QF = min(H[UF], ZF), $F = min(H[WF], ZF), eI = QF, tI = YF - Z[G] - $F, nI = YF / 2 - Z[G] / 2 + XF, rI = clamp$3(eI, nI, tI), iI = !P.arrow && getAlignment(A) != null && nI !== rI && j.reference[G] / 2 - (nI < eI ? QF : $F) - Z[G] / 2 < 0, aI = iI ? nI < eI ? nI - eI : nI - tI : 0;
+		}, W = getAlignmentAxis(A), G = getAxisLength(W), Z = await M.getDimensions(z), GF = W === "y", KF = GF ? "top" : "left", qF = GF ? "bottom" : "right", JF = GF ? "clientHeight" : "clientWidth", YF = j.reference[G] + j.reference[W] - U[W] - j.floating[G], XF = U[W] - j.reference[W], ZF = await (M.getOffsetParent == null ? void 0 : M.getOffsetParent(z)), QF = ZF ? ZF[JF] : 0;
+		(!QF || !await (M.isElement == null ? void 0 : M.isElement(ZF))) && (QF = N.floating[JF] || j.floating[G]);
+		let $F = YF / 2 - XF / 2, eI = QF / 2 - Z[G] / 2 - 1, tI = min(H[KF], eI), nI = min(H[qF], eI), rI = tI, iI = QF - Z[G] - nI, aI = QF / 2 - Z[G] / 2 + $F, oI = clamp$3(rI, aI, iI), sI = !P.arrow && getAlignment(A) != null && aI !== oI && j.reference[G] / 2 - (aI < rI ? tI : nI) - Z[G] / 2 < 0, cI = sI ? aI < rI ? aI - rI : aI - iI : 0;
 		return {
-			[W]: U[W] + aI,
+			[W]: U[W] + cI,
 			data: {
-				[W]: rI,
-				centerOffset: nI - rI - aI,
-				...iI && { alignmentOffset: aI }
+				[W]: oI,
+				centerOffset: aI - oI - cI,
+				...sI && { alignmentOffset: cI }
 			},
-			reset: iI
+			reset: sI
 		};
 	}
 }), flip$2 = function(n) {
@@ -2236,32 +2236,32 @@ var arrow$2 = (n) => ({
 			var E;
 			let { placement: O, middlewareData: A, rects: j, initialPlacement: M, platform: N, elements: P } = _, { mainAxis: z = !0, crossAxis: B = !0, fallbackPlacements: H, fallbackStrategy: U = "bestFit", fallbackAxisSideDirection: W = "none", flipAlignment: G = !0, ...Z } = evaluate(n, _);
 			if ((E = A.arrow) != null && E.alignmentOffset) return {};
-			let HF = getSide(O), UF = getSideAxis(M), WF = getSide(M) === M, GF = await (N.isRTL == null ? void 0 : N.isRTL(P.floating)), KF = H || (WF || !G ? [getOppositePlacement(M)] : getExpandedPlacements(M)), qF = W !== "none";
-			!H && qF && KF.push(...getOppositeAxisPlacements(M, G, W, GF));
-			let JF = [M, ...KF], YF = await detectOverflow$1(_, Z), XF = [], ZF = A.flip?.overflows || [];
-			if (z && XF.push(YF[HF]), B) {
-				let n = getAlignmentSides(O, j, GF);
-				XF.push(YF[n[0]], YF[n[1]]);
+			let GF = getSide(O), KF = getSideAxis(M), qF = getSide(M) === M, JF = await (N.isRTL == null ? void 0 : N.isRTL(P.floating)), YF = H || (qF || !G ? [getOppositePlacement(M)] : getExpandedPlacements(M)), XF = W !== "none";
+			!H && XF && YF.push(...getOppositeAxisPlacements(M, G, W, JF));
+			let ZF = [M, ...YF], QF = await detectOverflow$1(_, Z), $F = [], eI = A.flip?.overflows || [];
+			if (z && $F.push(QF[GF]), B) {
+				let n = getAlignmentSides(O, j, JF);
+				$F.push(QF[n[0]], QF[n[1]]);
 			}
-			if (ZF = [...ZF, {
+			if (eI = [...eI, {
 				placement: O,
-				overflows: XF
-			}], !XF.every((n) => n <= 0)) {
-				let n = (A.flip?.index || 0) + 1, _ = JF[n];
-				if (_ && (!(B === "alignment" && UF !== getSideAxis(_)) || ZF.every((n) => getSideAxis(n.placement) === UF ? n.overflows[0] > 0 : !0))) return {
+				overflows: $F
+			}], !$F.every((n) => n <= 0)) {
+				let n = (A.flip?.index || 0) + 1, _ = ZF[n];
+				if (_ && (!(B === "alignment" && KF !== getSideAxis(_)) || eI.every((n) => getSideAxis(n.placement) === KF ? n.overflows[0] > 0 : !0))) return {
 					data: {
 						index: n,
-						overflows: ZF
+						overflows: eI
 					},
 					reset: { placement: _ }
 				};
-				let E = ZF.filter((n) => n.overflows[0] <= 0).sort((n, _) => n.overflows[1] - _.overflows[1])[0]?.placement;
+				let E = eI.filter((n) => n.overflows[0] <= 0).sort((n, _) => n.overflows[1] - _.overflows[1])[0]?.placement;
 				if (!E) switch (U) {
 					case "bestFit": {
-						let n = ZF.filter((n) => {
-							if (qF) {
+						let n = eI.filter((n) => {
+							if (XF) {
 								let _ = getSideAxis(n.placement);
-								return _ === UF || _ === "y";
+								return _ === KF || _ === "y";
 							}
 							return !0;
 						}).map((n) => [n.placement, n.overflows.filter((n) => n > 0).reduce((n, _) => n + _, 0)]).sort((n, _) => n[1] - _[1])[0]?.[0];
@@ -2404,7 +2404,7 @@ var offset$2 = function(n) {
 			let { x: E, y: O, placement: A, rects: j, middlewareData: M } = _, { offset: N = 0, mainAxis: P = !0, crossAxis: z = !0 } = evaluate(n, _), B = {
 				x: E,
 				y: O
-			}, H = getSideAxis(A), U = getOppositeAxis(H), W = B[U], G = B[H], Z = evaluate(N, _), HF = typeof Z == "number" ? {
+			}, H = getSideAxis(A), U = getOppositeAxis(H), W = B[U], G = B[H], Z = evaluate(N, _), GF = typeof Z == "number" ? {
 				mainAxis: Z,
 				crossAxis: 0
 			} : {
@@ -2413,11 +2413,11 @@ var offset$2 = function(n) {
 				...Z
 			};
 			if (P) {
-				let n = U === "y" ? "height" : "width", _ = j.reference[U] - j.floating[n] + HF.mainAxis, E = j.reference[U] + j.reference[n] - HF.mainAxis;
+				let n = U === "y" ? "height" : "width", _ = j.reference[U] - j.floating[n] + GF.mainAxis, E = j.reference[U] + j.reference[n] - GF.mainAxis;
 				W < _ ? W = _ : W > E && (W = E);
 			}
 			if (z) {
-				let n = U === "y" ? "width" : "height", _ = originSides.has(getSide(A)), E = j.reference[H] - j.floating[n] + (_ && M.offset?.[H] || 0) + (_ ? 0 : HF.crossAxis), O = j.reference[H] + j.reference[n] + (_ ? 0 : M.offset?.[H] || 0) - (_ ? HF.crossAxis : 0);
+				let n = U === "y" ? "width" : "height", _ = originSides.has(getSide(A)), E = j.reference[H] - j.floating[n] + (_ && M.offset?.[H] || 0) + (_ ? 0 : GF.crossAxis), O = j.reference[H] + j.reference[n] + (_ ? 0 : M.offset?.[H] || 0) - (_ ? GF.crossAxis : 0);
 				G < E ? G = E : G > O && (G = O);
 			}
 			return {
@@ -2432,20 +2432,20 @@ var offset$2 = function(n) {
 		options: n,
 		async fn(_) {
 			var E, O;
-			let { placement: A, rects: j, platform: M, elements: N } = _, { apply: P = () => {}, ...z } = evaluate(n, _), B = await detectOverflow$1(_, z), H = getSide(A), U = getAlignment(A), W = getSideAxis(A) === "y", { width: G, height: Z } = j.floating, HF, UF;
-			H === "top" || H === "bottom" ? (HF = H, UF = U === (await (M.isRTL == null ? void 0 : M.isRTL(N.floating)) ? "start" : "end") ? "left" : "right") : (UF = H, HF = U === "end" ? "top" : "bottom");
-			let WF = Z - B.top - B.bottom, GF = G - B.left - B.right, KF = min(Z - B[HF], WF), qF = min(G - B[UF], GF), JF = !_.middlewareData.shift, YF = KF, XF = qF;
-			if ((E = _.middlewareData.shift) != null && E.enabled.x && (XF = GF), (O = _.middlewareData.shift) != null && O.enabled.y && (YF = WF), JF && !U) {
+			let { placement: A, rects: j, platform: M, elements: N } = _, { apply: P = () => {}, ...z } = evaluate(n, _), B = await detectOverflow$1(_, z), H = getSide(A), U = getAlignment(A), W = getSideAxis(A) === "y", { width: G, height: Z } = j.floating, GF, KF;
+			H === "top" || H === "bottom" ? (GF = H, KF = U === (await (M.isRTL == null ? void 0 : M.isRTL(N.floating)) ? "start" : "end") ? "left" : "right") : (KF = H, GF = U === "end" ? "top" : "bottom");
+			let qF = Z - B.top - B.bottom, JF = G - B.left - B.right, YF = min(Z - B[GF], qF), XF = min(G - B[KF], JF), ZF = !_.middlewareData.shift, QF = YF, $F = XF;
+			if ((E = _.middlewareData.shift) != null && E.enabled.x && ($F = JF), (O = _.middlewareData.shift) != null && O.enabled.y && (QF = qF), ZF && !U) {
 				let n = max(B.left, 0), _ = max(B.right, 0), E = max(B.top, 0), O = max(B.bottom, 0);
-				W ? XF = G - 2 * (n !== 0 || _ !== 0 ? n + _ : max(B.left, B.right)) : YF = Z - 2 * (E !== 0 || O !== 0 ? E + O : max(B.top, B.bottom));
+				W ? $F = G - 2 * (n !== 0 || _ !== 0 ? n + _ : max(B.left, B.right)) : QF = Z - 2 * (E !== 0 || O !== 0 ? E + O : max(B.top, B.bottom));
 			}
 			await P({
 				..._,
-				availableWidth: XF,
-				availableHeight: YF
+				availableWidth: $F,
+				availableHeight: QF
 			});
-			let ZF = await M.getDimensions(N.floating);
-			return G !== ZF.width || Z !== ZF.height ? { reset: { rects: !0 } } : {};
+			let eI = await M.getDimensions(N.floating);
+			return G !== eI.width || Z !== eI.height ? { reset: { rects: !0 } } : {};
 		}
 	};
 };
@@ -2829,27 +2829,27 @@ function observeMove(n, _) {
 		N === void 0 && (N = !1), P === void 0 && (P = 1), j();
 		let z = n.getBoundingClientRect(), { left: B, top: H, width: U, height: W } = z;
 		if (N || _(), !U || !W) return;
-		let G = floor(H), Z = floor(A.clientWidth - (B + U)), HF = floor(A.clientHeight - (H + W)), UF = floor(B), WF = {
-			rootMargin: -G + "px " + -Z + "px " + -HF + "px " + -UF + "px",
+		let G = floor(H), Z = floor(A.clientWidth - (B + U)), GF = floor(A.clientHeight - (H + W)), KF = floor(B), qF = {
+			rootMargin: -G + "px " + -Z + "px " + -GF + "px " + -KF + "px",
 			threshold: max(0, min(1, P)) || 1
-		}, GF = !0;
-		function KF(_) {
+		}, JF = !0;
+		function YF(_) {
 			let E = _[0].intersectionRatio;
 			if (E !== P) {
-				if (!GF) return M();
+				if (!JF) return M();
 				E ? M(!1, E) : O = setTimeout(() => {
 					M(!1, 1e-7);
 				}, 1e3);
 			}
-			E === 1 && !rectsAreEqual(z, n.getBoundingClientRect()) && M(), GF = !1;
+			E === 1 && !rectsAreEqual(z, n.getBoundingClientRect()) && M(), JF = !1;
 		}
 		try {
-			E = new IntersectionObserver(KF, {
-				...WF,
+			E = new IntersectionObserver(YF, {
+				...qF,
 				root: A.ownerDocument
 			});
 		} catch {
-			E = new IntersectionObserver(KF, WF);
+			E = new IntersectionObserver(YF, qF);
 		}
 		E.observe(n);
 	}
@@ -2870,10 +2870,10 @@ function autoUpdate(n, _, E, O) {
 		})), E();
 	}), z && !P && W.observe(z), W.observe(_));
 	let G, Z = P ? getBoundingClientRect(n) : null;
-	P && HF();
-	function HF() {
+	P && GF();
+	function GF() {
 		let _ = getBoundingClientRect(n);
-		Z && !rectsAreEqual(Z, _) && E(), Z = _, G = requestAnimationFrame(HF);
+		Z && !rectsAreEqual(Z, _) && E(), Z = _, G = requestAnimationFrame(GF);
 	}
 	return E(), () => {
 		var n;
@@ -2940,23 +2940,23 @@ function useFloating(_) {
 		isPositioned: !1
 	}), [W, G] = React$1.useState(A);
 	deepEqual(W, A) || G(A);
-	let [Z, HF] = React$1.useState(null), [UF, WF] = React$1.useState(null), GF = React$1.useCallback((n) => {
-		n !== XF.current && (XF.current = n, HF(n));
-	}, []), KF = React$1.useCallback((n) => {
-		n !== ZF.current && (ZF.current = n, WF(n));
-	}, []), qF = M || Z, JF = N || UF, XF = React$1.useRef(null), ZF = React$1.useRef(null), QF = React$1.useRef(H), $F = z != null, eI = useLatestRef(z), tI = useLatestRef(j), nI = useLatestRef(B), rI = React$1.useCallback(() => {
-		if (!XF.current || !ZF.current) return;
+	let [Z, GF] = React$1.useState(null), [KF, qF] = React$1.useState(null), JF = React$1.useCallback((n) => {
+		n !== $F.current && ($F.current = n, GF(n));
+	}, []), YF = React$1.useCallback((n) => {
+		n !== eI.current && (eI.current = n, qF(n));
+	}, []), XF = M || Z, ZF = N || KF, $F = React$1.useRef(null), eI = React$1.useRef(null), tI = React$1.useRef(H), nI = z != null, rI = useLatestRef(z), iI = useLatestRef(j), aI = useLatestRef(B), oI = React$1.useCallback(() => {
+		if (!$F.current || !eI.current) return;
 		let n = {
 			placement: E,
 			strategy: O,
 			middleware: W
 		};
-		tI.current && (n.platform = tI.current), computePosition(XF.current, ZF.current, n).then((n) => {
+		iI.current && (n.platform = iI.current), computePosition($F.current, eI.current, n).then((n) => {
 			let _ = {
 				...n,
-				isPositioned: nI.current !== !1
+				isPositioned: aI.current !== !1
 			};
-			iI.current && !deepEqual(QF.current, _) && (QF.current = _, ReactDOM$1.flushSync(() => {
+			sI.current && !deepEqual(tI.current, _) && (tI.current = _, ReactDOM$1.flushSync(() => {
 				U(_);
 			}));
 		});
@@ -2964,50 +2964,50 @@ function useFloating(_) {
 		W,
 		E,
 		O,
-		tI,
-		nI
+		iI,
+		aI
 	]);
 	index(() => {
-		B === !1 && QF.current.isPositioned && (QF.current.isPositioned = !1, U((n) => ({
+		B === !1 && tI.current.isPositioned && (tI.current.isPositioned = !1, U((n) => ({
 			...n,
 			isPositioned: !1
 		})));
 	}, [B]);
-	let iI = React$1.useRef(!1);
-	index(() => (iI.current = !0, () => {
-		iI.current = !1;
+	let sI = React$1.useRef(!1);
+	index(() => (sI.current = !0, () => {
+		sI.current = !1;
 	}), []), index(() => {
-		if (qF && (XF.current = qF), JF && (ZF.current = JF), qF && JF) {
-			if (eI.current) return eI.current(qF, JF, rI);
-			rI();
+		if (XF && ($F.current = XF), ZF && (eI.current = ZF), XF && ZF) {
+			if (rI.current) return rI.current(XF, ZF, oI);
+			oI();
 		}
 	}, [
-		qF,
-		JF,
+		XF,
+		ZF,
+		oI,
 		rI,
-		eI,
-		$F
+		nI
 	]);
-	let aI = React$1.useMemo(() => ({
+	let cI = React$1.useMemo(() => ({
+		reference: $F,
+		floating: eI,
+		setReference: JF,
+		setFloating: YF
+	}), [JF, YF]), lI = React$1.useMemo(() => ({
 		reference: XF,
-		floating: ZF,
-		setReference: GF,
-		setFloating: KF
-	}), [GF, KF]), oI = React$1.useMemo(() => ({
-		reference: qF,
-		floating: JF
-	}), [qF, JF]), sI = React$1.useMemo(() => {
+		floating: ZF
+	}), [XF, ZF]), uI = React$1.useMemo(() => {
 		let n = {
 			position: O,
 			left: 0,
 			top: 0
 		};
-		if (!oI.floating) return n;
-		let _ = roundByDPR(oI.floating, H.x), E = roundByDPR(oI.floating, H.y);
+		if (!lI.floating) return n;
+		let _ = roundByDPR(lI.floating, H.x), E = roundByDPR(lI.floating, H.y);
 		return P ? {
 			...n,
 			transform: "translate(" + _ + "px, " + E + "px)",
-			...getDPR(oI.floating) >= 1.5 && { willChange: "transform" }
+			...getDPR(lI.floating) >= 1.5 && { willChange: "transform" }
 		} : {
 			position: O,
 			left: _,
@@ -3016,22 +3016,22 @@ function useFloating(_) {
 	}, [
 		O,
 		P,
-		oI.floating,
+		lI.floating,
 		H.x,
 		H.y
 	]);
 	return React$1.useMemo(() => ({
 		...H,
-		update: rI,
-		refs: aI,
-		elements: oI,
-		floatingStyles: sI
+		update: oI,
+		refs: cI,
+		elements: lI,
+		floatingStyles: uI
 	}), [
 		H,
-		rI,
-		aI,
 		oI,
-		sI
+		cI,
+		lI,
+		uI
 	]);
 }
 var arrow$1$1 = (n) => {
@@ -3108,70 +3108,70 @@ var ANCHOR_NAME$2 = "PopperAnchor", PopperAnchor = React$1.forwardRef((_, E) =>
 });
 PopperAnchor.displayName = ANCHOR_NAME$2;
 var CONTENT_NAME$6 = "PopperContent", [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$6), PopperContent = React$1.forwardRef((_, E) => {
-	let { __scopePopper: O, side: A = "bottom", sideOffset: j = 0, align: M = "center", alignOffset: N = 0, arrowPadding: P = 0, avoidCollisions: z = !0, collisionBoundary: B = [], collisionPadding: H = 0, sticky: U = "partial", hideWhenDetached: W = !1, updatePositionStrategy: G = "optimized", onPlaced: Z, ...HF } = _, UF = usePopperContext(CONTENT_NAME$6, O), [WF, GF] = React$1.useState(null), KF = useComposedRefs$1(E, (n) => GF(n)), [qF, JF] = React$1.useState(null), YF = useSize(qF), XF = YF?.width ?? 0, ZF = YF?.height ?? 0, QF = A + (M === "center" ? "" : "-" + M), $F = typeof H == "number" ? H : {
+	let { __scopePopper: O, side: A = "bottom", sideOffset: j = 0, align: M = "center", alignOffset: N = 0, arrowPadding: P = 0, avoidCollisions: z = !0, collisionBoundary: B = [], collisionPadding: H = 0, sticky: U = "partial", hideWhenDetached: W = !1, updatePositionStrategy: G = "optimized", onPlaced: Z, ...GF } = _, KF = usePopperContext(CONTENT_NAME$6, O), [qF, JF] = React$1.useState(null), YF = useComposedRefs$1(E, (n) => JF(n)), [XF, ZF] = React$1.useState(null), QF = useSize(XF), $F = QF?.width ?? 0, eI = QF?.height ?? 0, tI = A + (M === "center" ? "" : "-" + M), nI = typeof H == "number" ? H : {
 		top: 0,
 		right: 0,
 		bottom: 0,
 		left: 0,
 		...H
-	}, eI = Array.isArray(B) ? B : [B], nI = eI.length > 0, rI = {
-		padding: $F,
-		boundary: eI.filter(isNotNull$2),
-		altBoundary: nI
-	}, { refs: iI, floatingStyles: aI, placement: oI, isPositioned: sI, middlewareData: cI } = useFloating({
+	}, rI = Array.isArray(B) ? B : [B], aI = rI.length > 0, oI = {
+		padding: nI,
+		boundary: rI.filter(isNotNull$2),
+		altBoundary: aI
+	}, { refs: sI, floatingStyles: cI, placement: lI, isPositioned: uI, middlewareData: dI } = useFloating({
 		strategy: "fixed",
-		placement: QF,
+		placement: tI,
 		whileElementsMounted: (...n) => autoUpdate(...n, { animationFrame: G === "always" }),
-		elements: { reference: UF.anchor },
+		elements: { reference: KF.anchor },
 		middleware: [
 			offset({
-				mainAxis: j + ZF,
+				mainAxis: j + eI,
 				alignmentAxis: N
 			}),
 			z && shift({
 				mainAxis: !0,
 				crossAxis: !1,
 				limiter: U === "partial" ? limitShift() : void 0,
-				...rI
+				...oI
 			}),
-			z && flip({ ...rI }),
+			z && flip({ ...oI }),
 			size({
-				...rI,
+				...oI,
 				apply: ({ elements: n, rects: _, availableWidth: E, availableHeight: O }) => {
 					let { width: A, height: j } = _.reference, M = n.floating.style;
 					M.setProperty("--radix-popper-available-width", `${E}px`), M.setProperty("--radix-popper-available-height", `${O}px`), M.setProperty("--radix-popper-anchor-width", `${A}px`), M.setProperty("--radix-popper-anchor-height", `${j}px`);
 				}
 			}),
-			qF && arrow({
-				element: qF,
+			XF && arrow({
+				element: XF,
 				padding: P
 			}),
 			transformOrigin({
-				arrowWidth: XF,
-				arrowHeight: ZF
+				arrowWidth: $F,
+				arrowHeight: eI
 			}),
 			W && hide({
 				strategy: "referenceHidden",
-				...rI
+				...oI
 			})
 		]
-	}), [lI, uI] = getSideAndAlignFromPlacement(oI), dI = useCallbackRef(Z);
+	}), [fI, pI] = getSideAndAlignFromPlacement(lI), mI = useCallbackRef(Z);
 	useLayoutEffect2(() => {
-		sI && dI?.();
-	}, [sI, dI]);
-	let fI = cI.arrow?.x, pI = cI.arrow?.y, mI = cI.arrow?.centerOffset !== 0, [hI, gI] = React$1.useState();
+		uI && mI?.();
+	}, [uI, mI]);
+	let hI = dI.arrow?.x, gI = dI.arrow?.y, _I = dI.arrow?.centerOffset !== 0, [vI, yI] = React$1.useState();
 	return useLayoutEffect2(() => {
-		WF && gI(window.getComputedStyle(WF).zIndex);
-	}, [WF]), /* @__PURE__ */ jsx("div", {
-		ref: iI.setFloating,
+		qF && yI(window.getComputedStyle(qF).zIndex);
+	}, [qF]), /* @__PURE__ */ jsx("div", {
+		ref: sI.setFloating,
 		"data-radix-popper-content-wrapper": "",
 		style: {
-			...aI,
-			transform: sI ? aI.transform : "translate(0, -200%)",
+			...cI,
+			transform: uI ? cI.transform : "translate(0, -200%)",
 			minWidth: "max-content",
-			zIndex: hI,
-			"--radix-popper-transform-origin": [cI.transformOrigin?.x, cI.transformOrigin?.y].join(" "),
-			...cI.hide?.referenceHidden && {
+			zIndex: vI,
+			"--radix-popper-transform-origin": [dI.transformOrigin?.x, dI.transformOrigin?.y].join(" "),
+			...dI.hide?.referenceHidden && {
 				visibility: "hidden",
 				pointerEvents: "none"
 			}
@@ -3179,19 +3179,19 @@ var CONTENT_NAME$6 = "PopperContent", [PopperContentProvider, useContentContext]
 		dir: _.dir,
 		children: /* @__PURE__ */ jsx(PopperContentProvider, {
 			scope: O,
-			placedSide: lI,
-			onArrowChange: JF,
-			arrowX: fI,
-			arrowY: pI,
-			shouldHideArrow: mI,
+			placedSide: fI,
+			onArrowChange: ZF,
+			arrowX: hI,
+			arrowY: gI,
+			shouldHideArrow: _I,
 			children: /* @__PURE__ */ jsx(Primitive.div, {
-				"data-side": lI,
-				"data-align": uI,
-				...HF,
-				ref: KF,
+				"data-side": fI,
+				"data-align": pI,
+				...GF,
+				ref: YF,
 				style: {
-					...HF.style,
-					animation: sI ? void 0 : "none"
+					...GF.style,
+					animation: uI ? void 0 : "none"
 				}
 			})
 		})
@@ -3274,27 +3274,27 @@ var Root2$4 = Popper, Anchor = PopperAnchor, Content$1 = PopperContent, Arrow =
 }));
 RovingFocusGroup.displayName = GROUP_NAME$3;
 var RovingFocusGroupImpl = React$1.forwardRef((_, E) => {
-	let { __scopeRovingFocusGroup: O, orientation: A, loop: j = !1, dir: M, currentTabStopId: N, defaultCurrentTabStopId: P, onCurrentTabStopIdChange: z, onEntryFocus: B, preventScrollOnEntryFocus: H = !1, ...U } = _, W = React$1.useRef(null), G = useComposedRefs$1(E, W), Z = useDirection(M), [HF, UF] = useControllableState({
+	let { __scopeRovingFocusGroup: O, orientation: A, loop: j = !1, dir: M, currentTabStopId: N, defaultCurrentTabStopId: P, onCurrentTabStopIdChange: z, onEntryFocus: B, preventScrollOnEntryFocus: H = !1, ...U } = _, W = React$1.useRef(null), G = useComposedRefs$1(E, W), Z = useDirection(M), [GF, KF] = useControllableState({
 		prop: N,
 		defaultProp: P ?? null,
 		onChange: z,
 		caller: GROUP_NAME$3
-	}), [WF, GF] = React$1.useState(!1), KF = useCallbackRef(B), qF = useCollection$1(O), JF = React$1.useRef(!1), [YF, XF] = React$1.useState(0);
+	}), [qF, JF] = React$1.useState(!1), YF = useCallbackRef(B), XF = useCollection$1(O), ZF = React$1.useRef(!1), [QF, $F] = React$1.useState(0);
 	return React$1.useEffect(() => {
 		let n = W.current;
-		if (n) return n.addEventListener(ENTRY_FOCUS, KF), () => n.removeEventListener(ENTRY_FOCUS, KF);
-	}, [KF]), /* @__PURE__ */ jsx(RovingFocusProvider, {
+		if (n) return n.addEventListener(ENTRY_FOCUS, YF), () => n.removeEventListener(ENTRY_FOCUS, YF);
+	}, [YF]), /* @__PURE__ */ jsx(RovingFocusProvider, {
 		scope: O,
 		orientation: A,
 		dir: Z,
 		loop: j,
-		currentTabStopId: HF,
-		onItemFocus: React$1.useCallback((n) => UF(n), [UF]),
-		onItemShiftTab: React$1.useCallback(() => GF(!0), []),
-		onFocusableItemAdd: React$1.useCallback(() => XF((n) => n + 1), []),
-		onFocusableItemRemove: React$1.useCallback(() => XF((n) => n - 1), []),
+		currentTabStopId: GF,
+		onItemFocus: React$1.useCallback((n) => KF(n), [KF]),
+		onItemShiftTab: React$1.useCallback(() => JF(!0), []),
+		onFocusableItemAdd: React$1.useCallback(() => $F((n) => n + 1), []),
+		onFocusableItemRemove: React$1.useCallback(() => $F((n) => n - 1), []),
 		children: /* @__PURE__ */ jsx(Primitive.div, {
-			tabIndex: WF || YF === 0 ? -1 : 0,
+			tabIndex: qF || QF === 0 ? -1 : 0,
 			"data-orientation": A,
 			...U,
 			ref: G,
@@ -3303,28 +3303,28 @@ var RovingFocusGroupImpl = React$1.forwardRef((_, E) => {
 				..._.style
 			},
 			onMouseDown: composeEventHandlers(_.onMouseDown, () => {
-				JF.current = !0;
+				ZF.current = !0;
 			}),
 			onFocus: composeEventHandlers(_.onFocus, (n) => {
-				let _ = !JF.current;
-				if (n.target === n.currentTarget && _ && !WF) {
+				let _ = !ZF.current;
+				if (n.target === n.currentTarget && _ && !qF) {
 					let _ = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
 					if (n.currentTarget.dispatchEvent(_), !_.defaultPrevented) {
-						let n = qF().filter((n) => n.focusable);
+						let n = XF().filter((n) => n.focusable);
 						focusFirst$1([
 							n.find((n) => n.active),
-							n.find((n) => n.id === HF),
+							n.find((n) => n.id === GF),
 							...n
 						].filter(Boolean).map((n) => n.ref.current), H);
 					}
 				}
-				JF.current = !1;
+				ZF.current = !1;
 			}),
-			onBlur: composeEventHandlers(_.onBlur, () => GF(!1))
+			onBlur: composeEventHandlers(_.onBlur, () => JF(!1))
 		})
 	});
 }), ITEM_NAME$3 = "RovingFocusGroupItem", RovingFocusGroupItem = React$1.forwardRef((_, E) => {
-	let { __scopeRovingFocusGroup: O, focusable: A = !0, active: j = !1, tabStopId: M, children: N, ...P } = _, z = useId$1(), B = M || z, H = useRovingFocusContext(ITEM_NAME$3, O), U = H.currentTabStopId === B, W = useCollection$1(O), { onFocusableItemAdd: G, onFocusableItemRemove: Z, currentTabStopId: HF } = H;
+	let { __scopeRovingFocusGroup: O, focusable: A = !0, active: j = !1, tabStopId: M, children: N, ...P } = _, z = useId$1(), B = M || z, H = useRovingFocusContext(ITEM_NAME$3, O), U = H.currentTabStopId === B, W = useCollection$1(O), { onFocusableItemAdd: G, onFocusableItemRemove: Z, currentTabStopId: GF } = H;
 	return React$1.useEffect(() => {
 		if (A) return G(), () => Z();
 	}, [
@@ -3367,7 +3367,7 @@ var RovingFocusGroupImpl = React$1.forwardRef((_, E) => {
 			}),
 			children: typeof N == "function" ? N({
 				isCurrentTabStop: U,
-				hasTabStop: HF != null
+				hasTabStop: GF != null
 			}) : N
 		})
 	});
@@ -3518,40 +3518,40 @@ var CONTENT_NAME$5 = "MenuContent", [MenuContentProvider, useMenuContentContext]
 		onDismiss: () => E.onOpenChange(!1)
 	});
 }), Slot$1 = /* @__PURE__ */ createSlot("MenuContent.ScrollLock"), MenuContentImpl = React$1.forwardRef((_, E) => {
-	let { __scopeMenu: O, loop: A = !1, trapFocus: j, onOpenAutoFocus: M, onCloseAutoFocus: N, disableOutsidePointerEvents: P, onEntryFocus: z, onEscapeKeyDown: B, onPointerDownOutside: H, onFocusOutside: U, onInteractOutside: W, onDismiss: G, disableOutsideScroll: Z, ...HF } = _, UF = useMenuContext(CONTENT_NAME$5, O), WF = useMenuRootContext(CONTENT_NAME$5, O), GF = usePopperScope$2(O), KF = useRovingFocusGroupScope$1(O), qF = useCollection(O), [JF, YF] = React$1.useState(null), XF = React$1.useRef(null), ZF = useComposedRefs$1(E, XF, UF.onContentChange), QF = React$1.useRef(0), $F = React$1.useRef(""), eI = React$1.useRef(0), nI = React$1.useRef(null), rI = React$1.useRef("right"), iI = React$1.useRef(0), aI = Z ? Combination_default : React$1.Fragment, oI = Z ? {
+	let { __scopeMenu: O, loop: A = !1, trapFocus: j, onOpenAutoFocus: M, onCloseAutoFocus: N, disableOutsidePointerEvents: P, onEntryFocus: z, onEscapeKeyDown: B, onPointerDownOutside: H, onFocusOutside: U, onInteractOutside: W, onDismiss: G, disableOutsideScroll: Z, ...GF } = _, KF = useMenuContext(CONTENT_NAME$5, O), qF = useMenuRootContext(CONTENT_NAME$5, O), JF = usePopperScope$2(O), YF = useRovingFocusGroupScope$1(O), XF = useCollection(O), [ZF, QF] = React$1.useState(null), $F = React$1.useRef(null), eI = useComposedRefs$1(E, $F, KF.onContentChange), tI = React$1.useRef(0), nI = React$1.useRef(""), rI = React$1.useRef(0), aI = React$1.useRef(null), oI = React$1.useRef("right"), sI = React$1.useRef(0), cI = Z ? Combination_default : React$1.Fragment, lI = Z ? {
 		as: Slot$1,
 		allowPinchZoom: !0
-	} : void 0, sI = (n) => {
-		let _ = $F.current + n, E = qF().filter((n) => !n.disabled), O = document.activeElement, A = E.find((n) => n.ref.current === O)?.textValue, j = getNextMatch(E.map((n) => n.textValue), _, A), M = E.find((n) => n.textValue === j)?.ref.current;
+	} : void 0, uI = (n) => {
+		let _ = nI.current + n, E = XF().filter((n) => !n.disabled), O = document.activeElement, A = E.find((n) => n.ref.current === O)?.textValue, j = getNextMatch(E.map((n) => n.textValue), _, A), M = E.find((n) => n.textValue === j)?.ref.current;
 		(function n(_) {
-			$F.current = _, window.clearTimeout(QF.current), _ !== "" && (QF.current = window.setTimeout(() => n(""), 1e3));
+			nI.current = _, window.clearTimeout(tI.current), _ !== "" && (tI.current = window.setTimeout(() => n(""), 1e3));
 		})(_), M && setTimeout(() => M.focus());
 	};
-	React$1.useEffect(() => () => window.clearTimeout(QF.current), []), useFocusGuards();
-	let cI = React$1.useCallback((n) => rI.current === nI.current?.side && isPointerInGraceArea(n, nI.current?.area), []);
+	React$1.useEffect(() => () => window.clearTimeout(tI.current), []), useFocusGuards();
+	let dI = React$1.useCallback((n) => oI.current === aI.current?.side && isPointerInGraceArea(n, aI.current?.area), []);
 	return /* @__PURE__ */ jsx(MenuContentProvider, {
 		scope: O,
-		searchRef: $F,
+		searchRef: nI,
 		onItemEnter: React$1.useCallback((n) => {
-			cI(n) && n.preventDefault();
-		}, [cI]),
+			dI(n) && n.preventDefault();
+		}, [dI]),
 		onItemLeave: React$1.useCallback((n) => {
-			cI(n) || (XF.current?.focus(), YF(null));
-		}, [cI]),
+			dI(n) || ($F.current?.focus(), QF(null));
+		}, [dI]),
 		onTriggerLeave: React$1.useCallback((n) => {
-			cI(n) && n.preventDefault();
-		}, [cI]),
-		pointerGraceTimerRef: eI,
+			dI(n) && n.preventDefault();
+		}, [dI]),
+		pointerGraceTimerRef: rI,
 		onPointerGraceIntentChange: React$1.useCallback((n) => {
-			nI.current = n;
+			aI.current = n;
 		}, []),
-		children: /* @__PURE__ */ jsx(aI, {
-			...oI,
+		children: /* @__PURE__ */ jsx(cI, {
+			...lI,
 			children: /* @__PURE__ */ jsx(FocusScope, {
 				asChild: !0,
 				trapped: j,
 				onMountAutoFocus: composeEventHandlers(M, (n) => {
-					n.preventDefault(), XF.current?.focus({ preventScroll: !0 });
+					n.preventDefault(), $F.current?.focus({ preventScroll: !0 });
 				}),
 				onUnmountAutoFocus: N,
 				children: /* @__PURE__ */ jsx(DismissableLayer, {
@@ -3564,44 +3564,44 @@ var CONTENT_NAME$5 = "MenuContent", [MenuContentProvider, useMenuContentContext]
 					onDismiss: G,
 					children: /* @__PURE__ */ jsx(Root$2, {
 						asChild: !0,
-						...KF,
-						dir: WF.dir,
+						...YF,
+						dir: qF.dir,
 						orientation: "vertical",
 						loop: A,
-						currentTabStopId: JF,
-						onCurrentTabStopIdChange: YF,
+						currentTabStopId: ZF,
+						onCurrentTabStopIdChange: QF,
 						onEntryFocus: composeEventHandlers(z, (n) => {
-							WF.isUsingKeyboardRef.current || n.preventDefault();
+							qF.isUsingKeyboardRef.current || n.preventDefault();
 						}),
 						preventScrollOnEntryFocus: !0,
 						children: /* @__PURE__ */ jsx(Content$1, {
 							role: "menu",
 							"aria-orientation": "vertical",
-							"data-state": getOpenState(UF.open),
+							"data-state": getOpenState(KF.open),
 							"data-radix-menu-content": "",
-							dir: WF.dir,
+							dir: qF.dir,
+							...JF,
 							...GF,
-							...HF,
-							ref: ZF,
+							ref: eI,
 							style: {
 								outline: "none",
-								...HF.style
+								...GF.style
 							},
-							onKeyDown: composeEventHandlers(HF.onKeyDown, (n) => {
+							onKeyDown: composeEventHandlers(GF.onKeyDown, (n) => {
 								let _ = n.target.closest("[data-radix-menu-content]") === n.currentTarget, E = n.ctrlKey || n.altKey || n.metaKey, O = n.key.length === 1;
-								_ && (n.key === "Tab" && n.preventDefault(), !E && O && sI(n.key));
-								let A = XF.current;
+								_ && (n.key === "Tab" && n.preventDefault(), !E && O && uI(n.key));
+								let A = $F.current;
 								if (n.target !== A || !FIRST_LAST_KEYS.includes(n.key)) return;
 								n.preventDefault();
-								let j = qF().filter((n) => !n.disabled).map((n) => n.ref.current);
+								let j = XF().filter((n) => !n.disabled).map((n) => n.ref.current);
 								LAST_KEYS.includes(n.key) && j.reverse(), focusFirst(j);
 							}),
 							onBlur: composeEventHandlers(_.onBlur, (n) => {
-								n.currentTarget.contains(n.target) || (window.clearTimeout(QF.current), $F.current = "");
+								n.currentTarget.contains(n.target) || (window.clearTimeout(tI.current), nI.current = "");
 							}),
 							onPointerMove: composeEventHandlers(_.onPointerMove, whenMouse((n) => {
-								let _ = n.target, E = iI.current !== n.clientX;
-								n.currentTarget.contains(_) && E && (rI.current = n.clientX > iI.current ? "right" : "left", iI.current = n.clientX);
+								let _ = n.target, E = sI.current !== n.clientX;
+								n.currentTarget.contains(_) && E && (oI.current = n.clientX > sI.current ? "right" : "left", sI.current = n.clientX);
 							}))
 						})
 					})
@@ -4549,11 +4549,11 @@ function useStateMachine(_, E) {
 	return React$1.useReducer((n, _) => E[n][_] ?? n, _);
 }
 var SCROLL_AREA_NAME = "ScrollArea", [createScrollAreaContext, createScrollAreaScope] = createContextScope(SCROLL_AREA_NAME), [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME), ScrollArea = React$1.forwardRef((_, E) => {
-	let { __scopeScrollArea: O, type: A = "hover", dir: j, scrollHideDelay: M = 600, ...N } = _, [P, z] = React$1.useState(null), [B, H] = React$1.useState(null), [U, W] = React$1.useState(null), [G, Z] = React$1.useState(null), [HF, UF] = React$1.useState(null), [WF, GF] = React$1.useState(0), [KF, qF] = React$1.useState(0), [JF, YF] = React$1.useState(!1), [XF, ZF] = React$1.useState(!1), QF = useComposedRefs$1(E, (n) => z(n)), $F = useDirection(j);
+	let { __scopeScrollArea: O, type: A = "hover", dir: j, scrollHideDelay: M = 600, ...N } = _, [P, z] = React$1.useState(null), [B, H] = React$1.useState(null), [U, W] = React$1.useState(null), [G, Z] = React$1.useState(null), [GF, KF] = React$1.useState(null), [qF, JF] = React$1.useState(0), [YF, XF] = React$1.useState(0), [ZF, QF] = React$1.useState(!1), [$F, eI] = React$1.useState(!1), tI = useComposedRefs$1(E, (n) => z(n)), nI = useDirection(j);
 	return /* @__PURE__ */ jsx(ScrollAreaProvider, {
 		scope: O,
 		type: A,
-		dir: $F,
+		dir: nI,
 		scrollHideDelay: M,
 		scrollArea: P,
 		viewport: B,
@@ -4562,22 +4562,22 @@ var SCROLL_AREA_NAME = "ScrollArea", [createScrollAreaContext, createScrollAreaS
 		onContentChange: W,
 		scrollbarX: G,
 		onScrollbarXChange: Z,
-		scrollbarXEnabled: JF,
-		onScrollbarXEnabledChange: YF,
-		scrollbarY: HF,
-		onScrollbarYChange: UF,
-		scrollbarYEnabled: XF,
-		onScrollbarYEnabledChange: ZF,
-		onCornerWidthChange: GF,
-		onCornerHeightChange: qF,
+		scrollbarXEnabled: ZF,
+		onScrollbarXEnabledChange: QF,
+		scrollbarY: GF,
+		onScrollbarYChange: KF,
+		scrollbarYEnabled: $F,
+		onScrollbarYEnabledChange: eI,
+		onCornerWidthChange: JF,
+		onCornerHeightChange: XF,
 		children: /* @__PURE__ */ jsx(Primitive.div, {
-			dir: $F,
+			dir: nI,
 			...N,
-			ref: QF,
+			ref: tI,
 			style: {
 				position: "relative",
-				"--radix-scroll-area-corner-width": WF + "px",
-				"--radix-scroll-area-corner-height": KF + "px",
+				"--radix-scroll-area-corner-width": qF + "px",
+				"--radix-scroll-area-corner-height": YF + "px",
 				..._.style
 			}
 		})
@@ -4848,46 +4848,46 @@ var ScrollAreaScrollbarHover = React$1.forwardRef((_, E) => {
 		}
 	});
 }), [ScrollbarProvider, useScrollbarContext] = createScrollAreaContext(SCROLLBAR_NAME), ScrollAreaScrollbarImpl = React$1.forwardRef((_, E) => {
-	let { __scopeScrollArea: O, sizes: A, hasThumb: j, onThumbChange: M, onThumbPointerUp: N, onThumbPointerDown: P, onThumbPositionChange: z, onDragScroll: B, onWheelScroll: H, onResize: U, ...W } = _, G = useScrollAreaContext(SCROLLBAR_NAME, O), [Z, HF] = React$1.useState(null), UF = useComposedRefs$1(E, (n) => HF(n)), WF = React$1.useRef(null), GF = React$1.useRef(""), KF = G.viewport, qF = A.content - A.viewport, JF = useCallbackRef(H), YF = useCallbackRef(z), XF = useDebounceCallback(U, 10);
-	function ZF(n) {
-		WF.current && B({
-			x: n.clientX - WF.current.left,
-			y: n.clientY - WF.current.top
+	let { __scopeScrollArea: O, sizes: A, hasThumb: j, onThumbChange: M, onThumbPointerUp: N, onThumbPointerDown: P, onThumbPositionChange: z, onDragScroll: B, onWheelScroll: H, onResize: U, ...W } = _, G = useScrollAreaContext(SCROLLBAR_NAME, O), [Z, GF] = React$1.useState(null), KF = useComposedRefs$1(E, (n) => GF(n)), qF = React$1.useRef(null), JF = React$1.useRef(""), YF = G.viewport, XF = A.content - A.viewport, ZF = useCallbackRef(H), QF = useCallbackRef(z), $F = useDebounceCallback(U, 10);
+	function eI(n) {
+		qF.current && B({
+			x: n.clientX - qF.current.left,
+			y: n.clientY - qF.current.top
 		});
 	}
 	return React$1.useEffect(() => {
 		let n = (n) => {
 			let _ = n.target;
-			Z?.contains(_) && JF(n, qF);
+			Z?.contains(_) && ZF(n, XF);
 		};
 		return document.addEventListener("wheel", n, { passive: !1 }), () => document.removeEventListener("wheel", n, { passive: !1 });
 	}, [
-		KF,
+		YF,
 		Z,
-		qF,
-		JF
-	]), React$1.useEffect(YF, [A, YF]), useResizeObserver$1(Z, XF), useResizeObserver$1(G.content, XF), /* @__PURE__ */ jsx(ScrollbarProvider, {
+		XF,
+		ZF
+	]), React$1.useEffect(QF, [A, QF]), useResizeObserver$1(Z, $F), useResizeObserver$1(G.content, $F), /* @__PURE__ */ jsx(ScrollbarProvider, {
 		scope: O,
 		scrollbar: Z,
 		hasThumb: j,
 		onThumbChange: useCallbackRef(M),
 		onThumbPointerUp: useCallbackRef(N),
-		onThumbPositionChange: YF,
+		onThumbPositionChange: QF,
 		onThumbPointerDown: useCallbackRef(P),
 		children: /* @__PURE__ */ jsx(Primitive.div, {
 			...W,
-			ref: UF,
+			ref: KF,
 			style: {
 				position: "absolute",
 				...W.style
 			},
 			onPointerDown: composeEventHandlers(_.onPointerDown, (n) => {
-				n.button === 0 && (n.target.setPointerCapture(n.pointerId), WF.current = Z.getBoundingClientRect(), GF.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", G.viewport && (G.viewport.style.scrollBehavior = "auto"), ZF(n));
+				n.button === 0 && (n.target.setPointerCapture(n.pointerId), qF.current = Z.getBoundingClientRect(), JF.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", G.viewport && (G.viewport.style.scrollBehavior = "auto"), eI(n));
 			}),
-			onPointerMove: composeEventHandlers(_.onPointerMove, ZF),
+			onPointerMove: composeEventHandlers(_.onPointerMove, eI),
 			onPointerUp: composeEventHandlers(_.onPointerUp, (n) => {
 				let _ = n.target;
-				_.hasPointerCapture(n.pointerId) && _.releasePointerCapture(n.pointerId), document.body.style.webkitUserSelect = GF.current, G.viewport && (G.viewport.style.scrollBehavior = ""), WF.current = null;
+				_.hasPointerCapture(n.pointerId) && _.releasePointerCapture(n.pointerId), document.body.style.webkitUserSelect = JF.current, G.viewport && (G.viewport.style.scrollBehavior = ""), qF.current = null;
 			})
 		})
 	});
@@ -5029,7 +5029,7 @@ function useResizeObserver$1(n, _) {
 	}, [n, E]);
 }
 var Root$1 = ScrollArea, Viewport = ScrollAreaViewport, Scrollbar = ScrollAreaScrollbar, Thumb$1 = ScrollAreaThumb, Corner = ScrollAreaCorner, SWITCH_NAME = "Switch", [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME), [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME), Switch = React$1.forwardRef((_, E) => {
-	let { __scopeSwitch: O, name: A, checked: j, defaultChecked: M, required: N, disabled: P, value: z = "on", onCheckedChange: B, form: H, ...U } = _, [W, G] = React$1.useState(null), Z = useComposedRefs$1(E, (n) => G(n)), HF = React$1.useRef(!1), UF = W ? H || !!W.closest("form") : !0, [WF, GF] = useControllableState({
+	let { __scopeSwitch: O, name: A, checked: j, defaultChecked: M, required: N, disabled: P, value: z = "on", onCheckedChange: B, form: H, ...U } = _, [W, G] = React$1.useState(null), Z = useComposedRefs$1(E, (n) => G(n)), GF = React$1.useRef(!1), KF = W ? H || !!W.closest("form") : !0, [qF, JF] = useControllableState({
 		prop: j,
 		defaultProp: M ?? !1,
 		onChange: B,
@@ -5037,28 +5037,28 @@ var Root$1 = ScrollArea, Viewport = ScrollAreaViewport, Scrollbar = ScrollAreaSc
 	});
 	return /* @__PURE__ */ jsxs(SwitchProvider, {
 		scope: O,
-		checked: WF,
+		checked: qF,
 		disabled: P,
 		children: [/* @__PURE__ */ jsx(Primitive.button, {
 			type: "button",
 			role: "switch",
-			"aria-checked": WF,
+			"aria-checked": qF,
 			"aria-required": N,
-			"data-state": getState(WF),
+			"data-state": getState(qF),
 			"data-disabled": P ? "" : void 0,
 			disabled: P,
 			value: z,
 			...U,
 			ref: Z,
 			onClick: composeEventHandlers(_.onClick, (n) => {
-				GF((n) => !n), UF && (HF.current = n.isPropagationStopped(), HF.current || n.stopPropagation());
+				JF((n) => !n), KF && (GF.current = n.isPropagationStopped(), GF.current || n.stopPropagation());
 			})
-		}), UF && /* @__PURE__ */ jsx(SwitchBubbleInput, {
+		}), KF && /* @__PURE__ */ jsx(SwitchBubbleInput, {
 			control: W,
-			bubbles: !HF.current,
+			bubbles: !GF.current,
 			name: A,
 			value: z,
-			checked: WF,
+			checked: qF,
 			required: N,
 			disabled: P,
 			form: H,
@@ -5242,22 +5242,22 @@ var Root2 = Tabs, List = TabsList, Trigger$1 = TabsTrigger, Content = TabsConten
 };
 TooltipProvider.displayName = PROVIDER_NAME;
 var TOOLTIP_NAME = "Tooltip", [TooltipContextProvider, useTooltipContext] = createTooltipContext(TOOLTIP_NAME), Tooltip = (_) => {
-	let { __scopeTooltip: E, children: O, open: A, defaultOpen: j, onOpenChange: M, disableHoverableContent: N, delayDuration: P } = _, z = useTooltipProviderContext(TOOLTIP_NAME, _.__scopeTooltip), B = usePopperScope(E), [H, U] = React$1.useState(null), W = useId$1(), G = React$1.useRef(0), Z = N ?? z.disableHoverableContent, HF = P ?? z.delayDuration, UF = React$1.useRef(!1), [WF, GF] = useControllableState({
+	let { __scopeTooltip: E, children: O, open: A, defaultOpen: j, onOpenChange: M, disableHoverableContent: N, delayDuration: P } = _, z = useTooltipProviderContext(TOOLTIP_NAME, _.__scopeTooltip), B = usePopperScope(E), [H, U] = React$1.useState(null), W = useId$1(), G = React$1.useRef(0), Z = N ?? z.disableHoverableContent, GF = P ?? z.delayDuration, KF = React$1.useRef(!1), [qF, JF] = useControllableState({
 		prop: A,
 		defaultProp: j ?? !1,
 		onChange: (n) => {
 			n ? (z.onOpen(), document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN))) : z.onClose(), M?.(n);
 		},
 		caller: TOOLTIP_NAME
-	}), KF = React$1.useMemo(() => WF ? UF.current ? "delayed-open" : "instant-open" : "closed", [WF]), qF = React$1.useCallback(() => {
-		window.clearTimeout(G.current), G.current = 0, UF.current = !1, GF(!0);
-	}, [GF]), JF = React$1.useCallback(() => {
-		window.clearTimeout(G.current), G.current = 0, GF(!1);
-	}, [GF]), YF = React$1.useCallback(() => {
+	}), YF = React$1.useMemo(() => qF ? KF.current ? "delayed-open" : "instant-open" : "closed", [qF]), XF = React$1.useCallback(() => {
+		window.clearTimeout(G.current), G.current = 0, KF.current = !1, JF(!0);
+	}, [JF]), ZF = React$1.useCallback(() => {
+		window.clearTimeout(G.current), G.current = 0, JF(!1);
+	}, [JF]), QF = React$1.useCallback(() => {
 		window.clearTimeout(G.current), G.current = window.setTimeout(() => {
-			UF.current = !0, GF(!0), G.current = 0;
-		}, HF);
-	}, [HF, GF]);
+			KF.current = !0, JF(!0), G.current = 0;
+		}, GF);
+	}, [GF, JF]);
 	return React$1.useEffect(() => () => {
 		G.current &&= (window.clearTimeout(G.current), 0);
 	}, []), /* @__PURE__ */ jsx(Root2$4, {
@@ -5265,22 +5265,22 @@ var TOOLTIP_NAME = "Tooltip", [TooltipContextProvider, useTooltipContext] = crea
 		children: /* @__PURE__ */ jsx(TooltipContextProvider, {
 			scope: E,
 			contentId: W,
-			open: WF,
-			stateAttribute: KF,
+			open: qF,
+			stateAttribute: YF,
 			trigger: H,
 			onTriggerChange: U,
 			onTriggerEnter: React$1.useCallback(() => {
-				z.isOpenDelayedRef.current ? YF() : qF();
+				z.isOpenDelayedRef.current ? QF() : XF();
 			}, [
 				z.isOpenDelayedRef,
-				YF,
-				qF
+				QF,
+				XF
 			]),
 			onTriggerLeave: React$1.useCallback(() => {
-				Z ? JF() : (window.clearTimeout(G.current), G.current = 0);
-			}, [JF, Z]),
-			onOpen: qF,
-			onClose: JF,
+				Z ? ZF() : (window.clearTimeout(G.current), G.current = 0);
+			}, [ZF, Z]),
+			onOpen: XF,
+			onClose: ZF,
 			disableHoverableContent: Z,
 			children: O
 		})
@@ -6093,14 +6093,14 @@ var I$3 = React$1.forwardRef((_, E) => {
 	React$1.useEffect(() => U(O), [O]);
 	let [W, G] = React$1.useState(A);
 	React$1.useEffect(() => G(A), [A]);
-	let [Z, HF] = React$1.useState(j);
-	React$1.useEffect(() => HF(j), [j]);
-	let [UF, WF] = React$1.useState(M);
-	React$1.useEffect(() => WF(M), [M]);
-	let [GF, KF] = React$1.useState(N);
-	React$1.useEffect(() => KF(N), [N]);
-	let [qF, JF] = React$1.useState(P);
-	return React$1.useEffect(() => JF(P), [P]), React$1.createElement(A$2, {
+	let [Z, GF] = React$1.useState(j);
+	React$1.useEffect(() => GF(j), [j]);
+	let [KF, qF] = React$1.useState(M);
+	React$1.useEffect(() => qF(M), [M]);
+	let [JF, YF] = React$1.useState(N);
+	React$1.useEffect(() => YF(N), [N]);
+	let [XF, ZF] = React$1.useState(P);
+	return React$1.useEffect(() => ZF(P), [P]), React$1.createElement(A$2, {
 		...B,
 		ref: E,
 		isRoot: !0,
@@ -6108,62 +6108,62 @@ var I$3 = React$1.forwardRef((_, E) => {
 		appearance: H,
 		accentColor: W,
 		grayColor: Z,
-		panelBackground: UF,
-		radius: GF,
-		scaling: qF,
+		panelBackground: KF,
+		radius: JF,
+		scaling: XF,
 		onAppearanceChange: U,
 		onAccentColorChange: G,
-		onGrayColorChange: HF,
-		onPanelBackgroundChange: WF,
-		onRadiusChange: KF,
-		onScalingChange: JF
+		onGrayColorChange: GF,
+		onPanelBackgroundChange: qF,
+		onRadiusChange: YF,
+		onScalingChange: ZF
 	});
 });
 I$3.displayName = "ThemeRoot";
 var A$2 = React$1.forwardRef((_, E) => {
-	let O = React$1.useContext(P$3), { asChild: A, isRoot: j, hasBackground: M, appearance: N = O?.appearance ?? s$13.appearance.default, accentColor: P = O?.accentColor ?? s$13.accentColor.default, grayColor: z = O?.resolvedGrayColor ?? s$13.grayColor.default, panelBackground: B = O?.panelBackground ?? s$13.panelBackground.default, radius: H = O?.radius ?? s$13.radius.default, scaling: U = O?.scaling ?? s$13.scaling.default, onAppearanceChange: W = d$5, onAccentColorChange: G = d$5, onGrayColorChange: Z = d$5, onPanelBackgroundChange: HF = d$5, onRadiusChange: UF = d$5, onScalingChange: WF = d$5, ...GF } = _, KF = A ? Slot$3 : "div", qF = z === "auto" ? a$12(P) : z, JF = _.appearance === "light" || _.appearance === "dark", YF = M === void 0 ? j || JF : M;
+	let O = React$1.useContext(P$3), { asChild: A, isRoot: j, hasBackground: M, appearance: N = O?.appearance ?? s$13.appearance.default, accentColor: P = O?.accentColor ?? s$13.accentColor.default, grayColor: z = O?.resolvedGrayColor ?? s$13.grayColor.default, panelBackground: B = O?.panelBackground ?? s$13.panelBackground.default, radius: H = O?.radius ?? s$13.radius.default, scaling: U = O?.scaling ?? s$13.scaling.default, onAppearanceChange: W = d$5, onAccentColorChange: G = d$5, onGrayColorChange: Z = d$5, onPanelBackgroundChange: GF = d$5, onRadiusChange: KF = d$5, onScalingChange: qF = d$5, ...JF } = _, YF = A ? Slot$3 : "div", XF = z === "auto" ? a$12(P) : z, ZF = _.appearance === "light" || _.appearance === "dark", QF = M === void 0 ? j || ZF : M;
 	return React$1.createElement(P$3.Provider, { value: React$1.useMemo(() => ({
 		appearance: N,
 		accentColor: P,
 		grayColor: z,
-		resolvedGrayColor: qF,
+		resolvedGrayColor: XF,
 		panelBackground: B,
 		radius: H,
 		scaling: U,
 		onAppearanceChange: W,
 		onAccentColorChange: G,
 		onGrayColorChange: Z,
-		onPanelBackgroundChange: HF,
-		onRadiusChange: UF,
-		onScalingChange: WF
+		onPanelBackgroundChange: GF,
+		onRadiusChange: KF,
+		onScalingChange: qF
 	}), [
 		N,
 		P,
 		z,
-		qF,
+		XF,
 		B,
 		H,
 		U,
 		W,
 		G,
 		Z,
-		HF,
-		UF,
-		WF
-	]) }, React$1.createElement(KF, {
+		GF,
+		KF,
+		qF
+	]) }, React$1.createElement(YF, {
 		"data-is-root-theme": j ? "true" : "false",
 		"data-accent-color": P,
-		"data-gray-color": qF,
-		"data-has-background": YF ? "true" : "false",
+		"data-gray-color": XF,
+		"data-has-background": QF ? "true" : "false",
 		"data-panel-background": B,
 		"data-radius": H,
 		"data-scaling": U,
 		ref: E,
-		...GF,
+		...JF,
 		className: (0, import_classnames$20.default)("radix-themes", {
 			light: N === "light",
 			dark: N === "dark"
-		}, GF.className)
+		}, JF.className)
 	}));
 });
 A$2.displayName = "ThemeImpl";
@@ -6935,7 +6935,7 @@ function S$2(n) {
 	return [(0, import_classnames$12.default)(_, O, j, N, z, H, W), l$1(E, A, M, P, B, U, G)];
 }
 var import_classnames$11 = /* @__PURE__ */ __toESM(require_classnames()), c = React$1.forwardRef((_, E) => {
-	let { rest: O, ...A } = a$5(_), [j, M] = S$2(A), { asChild: N, children: P, className: z, style: B, type: H, scrollHideDelay: U = H === "scroll" ? void 0 : 0, dir: W, size: G = t$3.size.default, radius: Z = t$3.radius.default, scrollbars: HF = t$3.scrollbars.default, ...UF } = O;
+	let { rest: O, ...A } = a$5(_), [j, M] = S$2(A), { asChild: N, children: P, className: z, style: B, type: H, scrollHideDelay: U = H === "scroll" ? void 0 : 0, dir: W, size: G = t$3.size.default, radius: Z = t$3.radius.default, scrollbars: GF = t$3.scrollbars.default, ...KF } = O;
 	return React$1.createElement(Root$1, {
 		type: H,
 		scrollHideDelay: U,
@@ -6946,10 +6946,10 @@ var import_classnames$11 = /* @__PURE__ */ __toESM(require_classnames()), c = Re
 		asChild: N,
 		children: P
 	}, (_) => React$1.createElement(React$1.Fragment, null, React$1.createElement(Viewport, {
-		...UF,
+		...KF,
 		ref: E,
 		className: "rt-ScrollAreaViewport"
-	}, _), React$1.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), HF === "vertical" ? null : React$1.createElement(Scrollbar, {
+	}, _), React$1.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), GF === "vertical" ? null : React$1.createElement(Scrollbar, {
 		"data-radius": Z,
 		orientation: "horizontal",
 		className: (0, import_classnames$11.default)("rt-ScrollAreaScrollbar", g$3({
@@ -6957,7 +6957,7 @@ var import_classnames$11 = /* @__PURE__ */ __toESM(require_classnames()), c = Re
 			value: G,
 			propValues: t$3.size.values
 		}))
-	}, React$1.createElement(Thumb$1, { className: "rt-ScrollAreaThumb" })), HF === "horizontal" ? null : React$1.createElement(Scrollbar, {
+	}, React$1.createElement(Thumb$1, { className: "rt-ScrollAreaThumb" })), GF === "horizontal" ? null : React$1.createElement(Scrollbar, {
 		"data-radius": Z,
 		orientation: "vertical",
 		className: (0, import_classnames$11.default)("rt-ScrollAreaScrollbar", g$3({
@@ -6965,7 +6965,7 @@ var import_classnames$11 = /* @__PURE__ */ __toESM(require_classnames()), c = Re
 			value: G,
 			propValues: t$3.size.values
 		}))
-	}, React$1.createElement(Thumb$1, { className: "rt-ScrollAreaThumb" })), HF === "both" ? React$1.createElement(Corner, { className: "rt-ScrollAreaCorner" }) : null)));
+	}, React$1.createElement(Thumb$1, { className: "rt-ScrollAreaThumb" })), GF === "both" ? React$1.createElement(Corner, { className: "rt-ScrollAreaCorner" }) : null)));
 });
 c.displayName = "ScrollArea";
 var n$2 = {
@@ -8231,17 +8231,17 @@ function $e({ document: n, event: _, hitRegions: E, initialLayoutMap: O, mounted
 	E.forEach((n) => {
 		let { group: E, groupSize: P } = n, { disableCursor: z, orientation: B, panels: H } = E, U = 0;
 		U = j ? B === "horizontal" ? (_.clientX - j.x) / P * 100 : (_.clientY - j.y) / P * 100 : B === "horizontal" ? _.clientX < 0 ? -100 : 100 : _.clientY < 0 ? -100 : 100;
-		let W = O.get(E), { defaultLayoutDeferred: G, derivedPanelConstraints: Z, layout: HF, separatorToPanels: UF } = A.get(E) ?? { defaultLayoutDeferred: !1 };
-		if (Z && W && HF && UF) {
+		let W = O.get(E), { defaultLayoutDeferred: G, derivedPanelConstraints: Z, layout: GF, separatorToPanels: KF } = A.get(E) ?? { defaultLayoutDeferred: !1 };
+		if (Z && W && GF && KF) {
 			let _ = Z$1({
 				delta: U,
 				initialLayout: W,
 				panelConstraints: Z,
 				pivotIndices: n.panels.map((n) => H.indexOf(n)),
-				prevLayout: HF,
+				prevLayout: GF,
 				trigger: "mouse-or-touch"
 			});
-			if (B$1(_, HF)) {
+			if (B$1(_, GF)) {
 				if (U !== 0 && !z) switch (B) {
 					case "horizontal":
 						M |= U < 0 ? De : Oe$1;
@@ -8255,7 +8255,7 @@ function $e({ document: n, event: _, hitRegions: E, initialLayoutMap: O, mounted
 					defaultLayoutDeferred: G,
 					derivedPanelConstraints: Z,
 					layout: _,
-					separatorToPanels: UF
+					separatorToPanels: KF
 				});
 				let E = n.group.panels.map(({ id: n }) => n).join(",");
 				n.group.inMemoryLayouts[E] = _;
@@ -8467,64 +8467,64 @@ function Pt(n, _) {
 function Rt({ children: n, className: _, defaultLayout: E, disableCursor: O, disabled: A, elementRef: j, groupRef: M, id: N, onLayoutChange: P, orientation: z = "horizontal", style: B, ...H }) {
 	let U = useRef({}), W = le$1((n) => {
 		B$1(U.current, n) || (U.current = n, P?.(n));
-	}), Z = ae$1(N), HF = useRef(null), [UF, WF] = useState(!1), [KF, YF] = useState(E ?? {}), [XF, ZF] = wt(), QF = useRef({
+	}), Z = ae$1(N), GF = useRef(null), [KF, qF] = useState(!1), [YF, QF] = useState(E ?? {}), [$F, eI] = wt(), tI = useRef({
 		lastExpandedPanelSizes: {},
 		layouts: {},
 		panels: [],
 		separators: []
-	}), $F = ue$1(HF, j);
+	}), nI = ue$1(GF, j);
 	Pt(Z, M);
-	let eI = useMemo(() => ({
+	let rI = useMemo(() => ({
 		id: Z,
 		orientation: z,
 		registerPanel: (n) => {
-			let _ = QF.current;
-			return _.panels = ie$1(z, [..._.panels, n]), ZF(), () => {
-				_.panels = _.panels.filter((_) => _ !== n), ZF();
+			let _ = tI.current;
+			return _.panels = ie$1(z, [..._.panels, n]), eI(), () => {
+				_.panels = _.panels.filter((_) => _ !== n), eI();
 			};
 		},
 		registerSeparator: (n) => {
-			let _ = QF.current;
-			return _.separators = ie$1(z, [..._.separators, n]), ZF(), () => {
-				_.separators = _.separators.filter((_) => _ !== n), ZF();
+			let _ = tI.current;
+			return _.separators = ie$1(z, [..._.separators, n]), eI(), () => {
+				_.separators = _.separators.filter((_) => _ !== n), eI();
 			};
 		}
 	}), [
 		Z,
-		ZF,
+		eI,
 		z
-	]), nI = Lt({
+	]), aI = Lt({
 		defaultLayout: E,
 		disableCursor: O
-	}), rI = useRef(null);
+	}), oI = useRef(null);
 	A$1(() => {
-		let n = HF.current;
+		let n = GF.current;
 		if (n === null) return;
-		let _ = QF.current, E = {
-			defaultLayout: nI.defaultLayout,
-			disableCursor: !!nI.disableCursor,
+		let _ = tI.current, E = {
+			defaultLayout: aI.defaultLayout,
+			disableCursor: !!aI.disableCursor,
 			disabled: !!A,
 			element: n,
 			id: Z,
-			inMemoryLastExpandedPanelSizes: QF.current.lastExpandedPanelSizes,
-			inMemoryLayouts: QF.current.layouts,
+			inMemoryLastExpandedPanelSizes: tI.current.lastExpandedPanelSizes,
+			inMemoryLayouts: tI.current.layouts,
 			orientation: z,
 			panels: _.panels,
 			separators: _.separators
 		};
-		rI.current = E;
+		oI.current = E;
 		let O = bt(E), j = D$1().mountedGroups.get(E);
 		if (j) {
 			let { defaultLayoutDeferred: n, derivedPanelConstraints: _, layout: E } = j;
-			!n && _.length > 0 && (YF(E), W?.(E));
+			!n && _.length > 0 && (QF(E), W?.(E));
 		}
 		let M = T$1.addListener("interactionStateChange", (n) => {
 			switch (n.state) {
 				case "active":
-					WF(n.hitRegions.some((n) => n.group === E));
+					qF(n.hitRegions.some((n) => n.group === E));
 					break;
 				default:
-					WF(!1);
+					qF(!1);
 					break;
 			}
 		}), N = T$1.addListener("mountedGroupsChange", (n) => {
@@ -8532,30 +8532,30 @@ function Rt({ children: n, className: _, defaultLayout: E, disableCursor: O, dis
 			if (_) {
 				let { defaultLayoutDeferred: n, derivedPanelConstraints: E, layout: O } = _;
 				if (n || E.length === 0) return;
-				YF(O), W?.(O);
+				QF(O), W?.(O);
 			}
 		});
 		return () => {
-			rI.current = null, O(), M(), N();
+			oI.current = null, O(), M(), N();
 		};
 	}, [
 		A,
 		Z,
 		W,
 		z,
-		XF,
-		nI
+		$F,
+		aI
 	]), useEffect(() => {
-		let n = rI.current;
+		let n = oI.current;
 		n && (n.defaultLayout = E, n.disableCursor = !!O);
 	});
-	let iI = { [Fe]: UF ? "none" : void 0 };
-	for (let n in KF) {
+	let sI = { [Fe]: KF ? "none" : void 0 };
+	for (let n in YF) {
 		let _ = Ve(Z, n);
-		iI[_] = KF[n];
+		sI[_] = YF[n];
 	}
 	return /* @__PURE__ */ jsx(je.Provider, {
-		value: eI,
+		value: rI,
 		children: /* @__PURE__ */ jsx("div", {
 			...H,
 			"aria-orientation": z,
@@ -8563,13 +8563,13 @@ function Rt({ children: n, className: _, defaultLayout: E, disableCursor: O, dis
 			"data-group": !0,
 			"data-testid": Z,
 			id: Z,
-			ref: $F,
+			ref: nI,
 			style: {
 				height: "100%",
 				width: "100%",
 				overflow: "hidden",
 				...B,
-				...iI,
+				...sI,
 				display: "flex",
 				flexDirection: z === "horizontal" ? "row" : "column",
 				flexWrap: "nowrap"
@@ -8687,12 +8687,12 @@ function It(n, _) {
 	});
 }
 function kt({ children: n, className: _, collapsedSize: E = "0%", collapsible: O = !1, defaultSize: A, elementRef: j, id: M, maxSize: N = "100%", minSize: P = "0%", onResize: z, panelRef: B, style: H, ...U }) {
-	let W = !!M, G = ae$1(M), Z = useRef(null), HF = ue$1(Z, j), { id: UF, registerPanel: WF } = ce$1(), GF = z !== null, KF = le$1((n, _, E) => {
+	let W = !!M, G = ae$1(M), Z = useRef(null), GF = ue$1(Z, j), { id: KF, registerPanel: qF } = ce$1(), JF = z !== null, YF = le$1((n, _, E) => {
 		z?.(n, M, E);
 	});
 	A$1(() => {
 		let n = Z.current;
-		if (n !== null) return WF({
+		if (n !== null) return qF({
 			element: n,
 			id: G,
 			idIsStable: W,
@@ -8700,7 +8700,7 @@ function kt({ children: n, className: _, collapsedSize: E = "0%", collapsible: O
 				expandToSize: void 0,
 				prevSize: void 0
 			},
-			onResize: GF ? KF : void 0,
+			onResize: JF ? YF : void 0,
 			panelConstraints: {
 				collapsedSize: E,
 				collapsible: O,
@@ -8713,25 +8713,25 @@ function kt({ children: n, className: _, collapsedSize: E = "0%", collapsible: O
 		E,
 		O,
 		A,
-		GF,
+		JF,
 		G,
 		W,
 		N,
 		P,
-		KF,
-		WF
+		YF,
+		qF
 	]), It(G, B);
-	let JF = Ve(UF, G);
+	let ZF = Ve(KF, G);
 	return /* @__PURE__ */ jsx("div", {
 		...U,
 		"data-panel": !0,
 		"data-testid": G,
 		id: G,
-		ref: HF,
+		ref: GF,
 		style: {
 			...Gt,
 			flexBasis: 0,
-			flexGrow: `var(${JF}, 1)`,
+			flexGrow: `var(${ZF}, 1)`,
 			flexShrink: 1,
 			overflow: "hidden",
 			pointerEvents: `var(${Fe})`
@@ -8794,7 +8794,7 @@ function Dt({ layout: n, panelConstraints: _, panelId: E, panelIndex: O }) {
 	};
 }
 function Ot({ children: n, className: _, elementRef: E, id: O, style: A, ...j }) {
-	let M = ae$1(O), [N, P] = useState({}), [z, B] = useState("inactive"), H = useRef(null), U = ue$1(H, E), { id: W, orientation: G, registerSeparator: Z } = ce$1(), HF = G === "horizontal" ? "vertical" : "horizontal";
+	let M = ae$1(O), [N, P] = useState({}), [z, B] = useState("inactive"), H = useRef(null), U = ue$1(H, E), { id: W, orientation: G, registerSeparator: Z } = ce$1(), GF = G === "horizontal" ? "vertical" : "horizontal";
 	return A$1(() => {
 		let n = H.current;
 		if (n !== null) {
@@ -8830,7 +8830,7 @@ function Ot({ children: n, className: _, elementRef: E, id: O, style: A, ...j })
 	]), /* @__PURE__ */ jsx("div", {
 		...j,
 		"aria-controls": N.valueControls,
-		"aria-orientation": HF,
+		"aria-orientation": GF,
 		"aria-valuemax": N.valueMax,
 		"aria-valuemin": N.valueMin,
 		"aria-valuenow": N.valueNow,
@@ -8851,6 +8851,79 @@ function Ot({ children: n, className: _, elementRef: E, id: O, style: A, ...j })
 	});
 }
 Ot.displayName = "Separator";
+var package_default = {
+	name: "@1urso/generic-editor",
+	version: "0.1.66",
+	publishConfig: { access: "public" },
+	type: "module",
+	main: "./dist/generic-editor.umd.cjs",
+	module: "./dist/generic-editor.js",
+	types: "./dist/index.d.ts",
+	exports: {
+		".": {
+			import: "./dist/generic-editor.js",
+			require: "./dist/generic-editor.umd.cjs"
+		},
+		"./dist/generic-editor.css": "./dist/generic-editor.css"
+	},
+	files: ["dist", "README.md"],
+	scripts: {
+		dev: "vite",
+		build: "tsc -b && vite build",
+		"build:demo": "tsc -b && vite build -c vite.config.demo.ts",
+		lint: "eslint .",
+		preview: "vite preview",
+		"pack:local": "npm run build && npm pack"
+	},
+	peerDependencies: {
+		"@dnd-kit/core": "^6.3.1",
+		"@dnd-kit/sortable": "^10.0.0",
+		"@dnd-kit/utilities": "^3.2.2",
+		"@emotion/react": "^11.14.0",
+		"@emotion/styled": "^11.14.1",
+		"@radix-ui/react-dropdown-menu": "^2.1.16",
+		"@radix-ui/react-icons": "^1.3.2",
+		"@radix-ui/themes": "^3.2.1",
+		"framer-motion": "^12.24.12",
+		"re-resizable": "^6.11.2",
+		react: "^19.2.0",
+		"react-dom": "^19.2.0",
+		"react-resizable-panels": "^4.3.1"
+	},
+	devDependencies: {
+		"@dnd-kit/core": "^6.3.1",
+		"@dnd-kit/sortable": "^10.0.0",
+		"@dnd-kit/utilities": "^3.2.2",
+		"@emotion/react": "^11.14.0",
+		"@emotion/styled": "^11.14.1",
+		"@eslint/js": "^9.39.1",
+		"@radix-ui/react-dropdown-menu": "^2.1.16",
+		"@radix-ui/react-icons": "^1.3.2",
+		"@radix-ui/themes": "^3.2.1",
+		"@types/node": "^24.10.1",
+		"@types/react": "^19.2.5",
+		"@types/react-dom": "^19.2.3",
+		"@vitejs/plugin-react-swc": "^4.2.2",
+		eslint: "^9.39.1",
+		"eslint-plugin-react-hooks": "^7.0.1",
+		"eslint-plugin-react-refresh": "^0.4.24",
+		"framer-motion": "^12.24.12",
+		globals: "^16.5.0",
+		"re-resizable": "^6.11.2",
+		react: "^19.2.0",
+		"react-dom": "^19.2.0",
+		"react-resizable-panels": "^4.3.1",
+		typescript: "~5.9.3",
+		"typescript-eslint": "^8.46.4",
+		vite: "npm:rolldown-vite@7.2.5",
+		"vite-plugin-dts": "^4.5.4"
+	},
+	resolutions: { vite: "npm:rolldown-vite@7.2.5" },
+	dependencies: {
+		"@radix-ui/react-context-menu": "^2.2.16",
+		"react-colorful": "^5.6.1"
+	}
+};
 const EditorContext = createContext(void 0);
 var SAFE_FONTS = [
 	"Arial",
@@ -9008,7 +9081,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 			historyIndex: n,
 			selectedElementIds: []
 		} : _);
-	}, []), HF = React.useCallback(() => {
+	}, []), GF = React.useCallback(() => {
 		M((n) => {
 			if (n.selectedElementIds.length > 0) {
 				let _ = n.elements.filter((_) => n.selectedElementIds.includes(_.id));
@@ -9019,7 +9092,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 			}
 			return n;
 		});
-	}, []), UF = React.useCallback(() => {
+	}, []), KF = React.useCallback(() => {
 		M((n) => {
 			if (n.clipboard.length > 0) {
 				let _ = n.clipboard.map((n) => ({
@@ -9038,7 +9111,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 			}
 			return n;
 		});
-	}, []), WF = React.useCallback((n) => {
+	}, []), qF = React.useCallback((n) => {
 		let _ = {};
 		n.type === "box" && (_.backgroundColor = "var(--gray-4)"), n.type === "text-container" && (_.backgroundColor = "var(--gray-4)", _.border = "1px solid var(--gray-8)", _.padding = "8px", _.display = "flex", _.alignItems = "flex-start", _.justifyContent = "flex-start");
 		let E = {
@@ -9063,7 +9136,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				selectedElementIds: [E.id]
 			};
 		});
-	}, []), GF = React.useCallback((n) => {
+	}, []), JF = React.useCallback((n) => {
 		M((_) => {
 			let E = _.elements.filter((_) => _.id !== n), O = _.history.slice(0, _.historyIndex + 1);
 			O.push(E);
@@ -9077,7 +9150,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: O.length - 1
 			};
 		});
-	}, []), KF = React.useCallback(() => {
+	}, []), YF = React.useCallback(() => {
 		M((n) => {
 			if (n.selectedElementIds.length === 0) return n;
 			let _ = n.elements.filter((_) => !n.selectedElementIds.includes(_.id)), E = n.history.slice(0, n.historyIndex + 1);
@@ -9092,7 +9165,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: E.length - 1
 			};
 		});
-	}, []), qF = React.useCallback((n, _ = !1) => {
+	}, []), XF = React.useCallback((n, _ = !1) => {
 		M((E) => {
 			if (n === null) return {
 				...E,
@@ -9109,12 +9182,12 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				selectedElementIds: [n]
 			};
 		});
-	}, []), YF = React.useCallback((n) => {
+	}, []), QF = React.useCallback((n) => {
 		M((_) => ({
 			..._,
 			selectedElementIds: n
 		}));
-	}, []), XF = React.useCallback((n, _) => {
+	}, []), $F = React.useCallback((n, _) => {
 		M((E) => {
 			let O = [...E.elements], A = O[n];
 			O.splice(n, 1), O.splice(_, 0, A);
@@ -9126,7 +9199,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: j.length - 1
 			};
 		});
-	}, []), ZF = React.useCallback((n, _, E = !0) => {
+	}, []), eI = React.useCallback((n, _, E = !0) => {
 		M((O) => {
 			let A = O.elements.map((E) => E.id === n ? {
 				...E,
@@ -9139,7 +9212,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: M
 			};
 		});
-	}, []), QF = React.useCallback((n, _ = !0) => {
+	}, []), tI = React.useCallback((n, _ = !0) => {
 		M((E) => {
 			let O = [...E.elements], A = [], j = /* @__PURE__ */ new Set();
 			n.forEach(({ id: n, changes: _ }) => {
@@ -9193,7 +9266,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: P
 			};
 		});
-	}, []), $F = React.useCallback((n) => {
+	}, []), nI = React.useCallback((n) => {
 		M((_) => {
 			let E = _.elements.filter((_) => n.includes(_.id));
 			if (E.length === 0) return _;
@@ -9224,7 +9297,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: z.length - 1
 			};
 		});
-	}, []), eI = React.useCallback((n) => {
+	}, []), rI = React.useCallback((n) => {
 		M((_) => {
 			let E = _.elements.find((_) => _.id === n);
 			if (!E || E.type !== "group") return _;
@@ -9243,7 +9316,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: j.length - 1
 			};
 		});
-	}, []), nI = React.useCallback((n, _) => {
+	}, []), aI = React.useCallback((n, _) => {
 		M((E) => {
 			let O = E.elements.map((E) => E.id === n ? {
 				...E,
@@ -9254,7 +9327,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				elements: O
 			};
 		});
-	}, []), rI = React.useCallback((n, _) => {
+	}, []), oI = React.useCallback((n, _) => {
 		if (!n.find((n) => n.id === _ && n.type === "group")) return n;
 		let E = n.filter((n) => n.groupId === _);
 		if (E.length === 0) return n;
@@ -9266,7 +9339,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 			width: j - O,
 			height: M - A
 		} : n);
-	}, []), iI = React.useCallback((n, _) => {
+	}, []), sI = React.useCallback((n, _) => {
 		M((E) => {
 			let O = E.elements.find((_) => _.id === n), A = E.elements.find((n) => n.id === _ && n.type === "group");
 			if (!O || !A) return E;
@@ -9274,7 +9347,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				...E,
 				groupId: _
 			} : E);
-			j = rI(j, _);
+			j = oI(j, _);
 			let M = E.history.slice(0, E.historyIndex + 1);
 			M.push(j);
 			let N = E.historyDescriptions.slice(0, E.historyIndex + 1);
@@ -9286,7 +9359,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: M.length - 1
 			};
 		});
-	}, [rI]), aI = React.useCallback((n) => {
+	}, [oI]), cI = React.useCallback((n) => {
 		M((_) => {
 			let E = _.elements.find((_) => _.id === n);
 			if (!E || !E.groupId) return _;
@@ -9294,7 +9367,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				..._,
 				groupId: void 0
 			} : _);
-			A = rI(A, O);
+			A = oI(A, O);
 			let j = _.history.slice(0, _.historyIndex + 1);
 			j.push(A);
 			let M = _.historyDescriptions.slice(0, _.historyIndex + 1);
@@ -9306,7 +9379,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: j.length - 1
 			};
 		});
-	}, [rI]), oI = React.useCallback((n, _, E) => {
+	}, [oI]), lI = React.useCallback((n, _, E) => {
 		M((O) => {
 			let A = O.elements.find((_) => _.id === n && _.type === "group");
 			if (!A) return O;
@@ -9338,13 +9411,13 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				historyIndex: B.length - 1
 			};
 		});
-	}, []), sI = React.useCallback((n, _) => {
+	}, []), uI = React.useCallback((n, _) => {
 		M((E) => ({
 			...E,
 			mockData: n,
 			singleMockData: _
 		}));
-	}, []), cI = React.useCallback((n) => {
+	}, []), dI = React.useCallback((n) => {
 		M((_) => ({
 			..._,
 			listSettings: {
@@ -9352,81 +9425,81 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 				...n
 			}
 		}));
-	}, []), lI = React.useCallback((n) => {
+	}, []), fI = React.useCallback((n) => {
 		M((_) => ({
 			..._,
 			assets: [..._.assets, n]
 		}));
-	}, []), uI = React.useCallback((n) => {
+	}, []), pI = React.useCallback((n) => {
 		M((_) => ({
 			..._,
 			assets: _.assets.filter((_) => _.id !== n)
 		}));
-	}, []), dI = React.useMemo(() => ({
+	}, []), mI = React.useMemo(() => ({
 		state: j,
-		addElement: WF,
-		removeElement: GF,
-		removeSelected: KF,
-		selectElement: qF,
-		setSelectedElements: YF,
-		moveElement: XF,
-		updateElement: ZF,
-		updateElements: QF,
-		groupElements: $F,
-		ungroupElements: eI,
-		renameElement: nI,
-		addToGroup: iI,
-		removeFromGroup: aI,
-		resizeGroup: oI,
-		setMockData: sI,
-		updateListSettings: cI,
+		addElement: qF,
+		removeElement: JF,
+		removeSelected: YF,
+		selectElement: XF,
+		setSelectedElements: QF,
+		moveElement: $F,
+		updateElement: eI,
+		updateElements: tI,
+		groupElements: nI,
+		ungroupElements: rI,
+		renameElement: aI,
+		addToGroup: sI,
+		removeFromGroup: cI,
+		resizeGroup: lI,
+		setMockData: uI,
+		updateListSettings: dI,
 		setCanvasHeight: N,
 		loadState: U,
 		undo: W,
 		redo: G,
 		jumpToHistory: Z,
-		copy: HF,
-		paste: UF,
+		copy: GF,
+		paste: KF,
 		setGridSize: P,
 		setZoom: z,
 		setPan: B,
 		setSnapLines: H,
-		addAsset: lI,
-		removeAsset: uI
+		addAsset: fI,
+		removeAsset: pI
 	}), [
 		j,
-		WF,
-		GF,
-		KF,
 		qF,
+		JF,
 		YF,
 		XF,
-		ZF,
 		QF,
 		$F,
 		eI,
+		tI,
 		nI,
-		iI,
+		rI,
 		aI,
-		oI,
 		sI,
 		cI,
+		lI,
+		uI,
+		dI,
 		N,
 		U,
 		W,
 		G,
 		Z,
-		HF,
-		UF,
+		GF,
+		KF,
 		P,
 		z,
 		B,
 		H,
-		lI,
-		uI
+		fI,
+		pI
 	]);
 	return /* @__PURE__ */ jsx(EditorContext.Provider, {
-		value: dI,
+		value: mI,
 		children: n
 	});
 }, useEditor = () => {
@@ -9555,7 +9628,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 								id: n.id,
 								changes: { x: A - n.width / 2 }
 							};
-						}).filter(Boolean));
+						}).filter((n) => n !== null));
 					},
 					title: "Distribuir Horizontalmente",
 					children: /* @__PURE__ */ jsx(SpaceEvenlyHorizontallyIcon, {})
@@ -9574,7 +9647,7 @@ const EditorProvider = ({ children: n, isList: E = !1, availableProps: O = [], t
 								id: n.id,
 								changes: { y: A - n.height / 2 }
 							};
-						}).filter(Boolean));
+						}).filter((n) => n !== null));
 					},
 					title: "Distribuir Verticalmente",
 					children: /* @__PURE__ */ jsx(SpaceEvenlyVerticallyIcon, {})
@@ -9868,16 +9941,16 @@ var __assign$1 = function() {
 			maxHeight: _
 		};
 	}, _.prototype.calculateNewSizeFromDirection = function(n, _) {
-		var E = this.props.scale || 1, O = normalizeToPair(this.props.resizeRatio || 1), A = O[0], j = O[1], M = this.state, N = M.direction, P = M.original, z = this.props, B = z.lockAspectRatio, H = z.lockAspectRatioExtraHeight, U = z.lockAspectRatioExtraWidth, W = P.width, G = P.height, Z = H || 0, HF = U || 0;
-		return hasDirection("right", N) && (W = P.width + (n - P.x) * A / E, B && (G = (W - HF) / this.ratio + Z)), hasDirection("left", N) && (W = P.width - (n - P.x) * A / E, B && (G = (W - HF) / this.ratio + Z)), hasDirection("bottom", N) && (G = P.height + (_ - P.y) * j / E, B && (W = (G - Z) * this.ratio + HF)), hasDirection("top", N) && (G = P.height - (_ - P.y) * j / E, B && (W = (G - Z) * this.ratio + HF)), {
+		var E = this.props.scale || 1, O = normalizeToPair(this.props.resizeRatio || 1), A = O[0], j = O[1], M = this.state, N = M.direction, P = M.original, z = this.props, B = z.lockAspectRatio, H = z.lockAspectRatioExtraHeight, U = z.lockAspectRatioExtraWidth, W = P.width, G = P.height, Z = H || 0, GF = U || 0;
+		return hasDirection("right", N) && (W = P.width + (n - P.x) * A / E, B && (G = (W - GF) / this.ratio + Z)), hasDirection("left", N) && (W = P.width - (n - P.x) * A / E, B && (G = (W - GF) / this.ratio + Z)), hasDirection("bottom", N) && (G = P.height + (_ - P.y) * j / E, B && (W = (G - Z) * this.ratio + GF)), hasDirection("top", N) && (G = P.height - (_ - P.y) * j / E, B && (W = (G - Z) * this.ratio + GF)), {
 			newWidth: W,
 			newHeight: G
 		};
 	}, _.prototype.calculateNewSizeFromAspectRatio = function(n, _, E, O) {
 		var A = this.props, j = A.lockAspectRatio, M = A.lockAspectRatioExtraHeight, N = A.lockAspectRatioExtraWidth, P = O.width === void 0 ? 10 : O.width, z = E.width === void 0 || E.width < 0 ? n : E.width, B = O.height === void 0 ? 10 : O.height, H = E.height === void 0 || E.height < 0 ? _ : E.height, U = M || 0, W = N || 0;
 		if (j) {
-			var G = (B - U) * this.ratio + W, Z = (H - U) * this.ratio + W, HF = (P - W) / this.ratio + U, UF = (z - W) / this.ratio + U, WF = Math.max(P, G), GF = Math.min(z, Z), KF = Math.max(B, HF), qF = Math.min(H, UF);
-			n = clamp$1(n, WF, GF), _ = clamp$1(_, KF, qF);
+			var G = (B - U) * this.ratio + W, Z = (H - U) * this.ratio + W, GF = (P - W) / this.ratio + U, KF = (z - W) / this.ratio + U, qF = Math.max(P, G), JF = Math.min(z, Z), YF = Math.max(B, GF), XF = Math.min(H, KF);
+			n = clamp$1(n, qF, JF), _ = clamp$1(_, YF, XF);
 		} else n = clamp$1(n, P, z), _ = clamp$1(_, B, H);
 		return {
 			newWidth: n,
@@ -9934,56 +10007,56 @@ var __assign$1 = function() {
 			} catch {}
 			var E = this.props, O = E.maxWidth, A = E.maxHeight, j = E.minWidth, M = E.minHeight, N = isTouchEvent$1(n) ? n.touches[0].clientX : n.clientX, P = isTouchEvent$1(n) ? n.touches[0].clientY : n.clientY, z = this.state, B = z.direction, H = z.original, U = z.width, W = z.height, G = this.getParentSize(), Z = calculateNewMax(G, this.window.innerWidth, this.window.innerHeight, O, A, j, M);
 			O = Z.maxWidth, A = Z.maxHeight, j = Z.minWidth, M = Z.minHeight;
-			var HF = this.calculateNewSizeFromDirection(N, P), UF = HF.newHeight, WF = HF.newWidth, GF = this.calculateNewMaxFromBoundary(O, A);
-			this.props.snap && this.props.snap.x && (WF = findClosestSnap(WF, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (UF = findClosestSnap(UF, this.props.snap.y, this.props.snapGap));
-			var KF = this.calculateNewSizeFromAspectRatio(WF, UF, {
-				width: GF.maxWidth,
-				height: GF.maxHeight
+			var GF = this.calculateNewSizeFromDirection(N, P), KF = GF.newHeight, qF = GF.newWidth, JF = this.calculateNewMaxFromBoundary(O, A);
+			this.props.snap && this.props.snap.x && (qF = findClosestSnap(qF, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (KF = findClosestSnap(KF, this.props.snap.y, this.props.snapGap));
+			var YF = this.calculateNewSizeFromAspectRatio(qF, KF, {
+				width: JF.maxWidth,
+				height: JF.maxHeight
 			}, {
 				width: j,
 				height: M
 			});
-			if (WF = KF.newWidth, UF = KF.newHeight, this.props.grid) {
-				var qF = snap(WF, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), JF = snap(UF, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), YF = this.props.snapGap || 0, XF = YF === 0 || Math.abs(qF - WF) <= YF ? qF : WF, ZF = YF === 0 || Math.abs(JF - UF) <= YF ? JF : UF;
-				WF = XF, UF = ZF;
+			if (qF = YF.newWidth, KF = YF.newHeight, this.props.grid) {
+				var XF = snap(qF, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), ZF = snap(KF, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), QF = this.props.snapGap || 0, $F = QF === 0 || Math.abs(XF - qF) <= QF ? XF : qF, eI = QF === 0 || Math.abs(ZF - KF) <= QF ? ZF : KF;
+				qF = $F, KF = eI;
 			}
-			var $F = {
-				width: WF - H.width,
-				height: UF - H.height
+			var nI = {
+				width: qF - H.width,
+				height: KF - H.height
 			};
-			if (this.delta = $F, U && typeof U == "string") {
+			if (this.delta = nI, U && typeof U == "string") {
 				if (U.endsWith("%")) {
-					var eI = WF / G.width * 100;
-					WF = `${eI}%`;
+					var rI = qF / G.width * 100;
+					qF = `${rI}%`;
 				} else if (U.endsWith("vw")) {
-					var tI = WF / this.window.innerWidth * 100;
-					WF = `${tI}vw`;
+					var iI = qF / this.window.innerWidth * 100;
+					qF = `${iI}vw`;
 				} else if (U.endsWith("vh")) {
-					var nI = WF / this.window.innerHeight * 100;
-					WF = `${nI}vh`;
+					var aI = qF / this.window.innerHeight * 100;
+					qF = `${aI}vh`;
 				}
 			}
 			if (W && typeof W == "string") {
 				if (W.endsWith("%")) {
-					var eI = UF / G.height * 100;
-					UF = `${eI}%`;
+					var rI = KF / G.height * 100;
+					KF = `${rI}%`;
 				} else if (W.endsWith("vw")) {
-					var tI = UF / this.window.innerWidth * 100;
-					UF = `${tI}vw`;
+					var iI = KF / this.window.innerWidth * 100;
+					KF = `${iI}vw`;
 				} else if (W.endsWith("vh")) {
-					var nI = UF / this.window.innerHeight * 100;
-					UF = `${nI}vh`;
+					var aI = KF / this.window.innerHeight * 100;
+					KF = `${aI}vh`;
 				}
 			}
-			var rI = {
-				width: this.createSizeForCssProperty(WF, "width"),
-				height: this.createSizeForCssProperty(UF, "height")
+			var oI = {
+				width: this.createSizeForCssProperty(qF, "width"),
+				height: this.createSizeForCssProperty(KF, "height")
 			};
-			this.flexDir === "row" ? rI.flexBasis = rI.width : this.flexDir === "column" && (rI.flexBasis = rI.height);
-			var iI = this.state.width !== rI.width, aI = this.state.height !== rI.height, oI = this.state.flexBasis !== rI.flexBasis, sI = iI || aI || oI;
-			sI && flushSync(function() {
-				_.setState(rI);
-			}), this.props.onResize && sI && this.props.onResize(n, B, this.resizable, $F);
+			this.flexDir === "row" ? oI.flexBasis = oI.width : this.flexDir === "column" && (oI.flexBasis = oI.height);
+			var sI = this.state.width !== oI.width, cI = this.state.height !== oI.height, lI = this.state.flexBasis !== oI.flexBasis, uI = sI || cI || lI;
+			uI && flushSync(function() {
+				_.setState(oI);
+			}), this.props.onResize && uI && this.props.onResize(n, B, this.resizable, nI);
 		}
 	}, _.prototype.onMouseUp = function(n) {
 		var _ = this.state, E = _.isResizing, O = _.direction;
@@ -10082,7 +10155,7 @@ const formatValue$1 = (n, _) => {
 		return String(n);
 	}
 	if (_.type === "number") {
-		let E = parseFloat(n);
+		let E = parseFloat(String(n));
 		return isNaN(E) ? String(n) : _.numberFormat === "currency" ? (_.currencySymbol || "R$") + " " + E.toFixed(_.decimalPlaces || 2) : _.numberFormat === "percent" ? E.toFixed(_.decimalPlaces || 0) + "%" : E.toFixed(_.decimalPlaces || 0);
 	}
 	return String(n);
@@ -11493,32 +11566,32 @@ var AnimationSettings = ({ element: n, updateElement: _ }) => {
 	});
 }, stopProp = (n) => n.stopPropagation();
 const ElementContextMenu = ({ children: n, element: _ }) => {
-	let { updateElement: E, removeElement: O, removeSelected: A, addElement: j, moveElement: M, copy: N, paste: P, state: z, renameElement: B, groupElements: H, ungroupElements: U } = useEditor(), [W, G] = useState(!1), [Z, HF] = useState(!1), [UF, WF] = useState(!1), [GF, KF] = useState(!1), [YF, XF] = useState("formatting"), [ZF, QF] = useState({
+	let { updateElement: E, removeElement: O, removeSelected: A, addElement: j, moveElement: M, copy: N, paste: P, state: z, renameElement: B, groupElements: H, ungroupElements: U } = useEditor(), [W, G] = useState(!1), [Z, GF] = useState(!1), [KF, qF] = useState(!1), [JF, YF] = useState(!1), [QF, $F] = useState("formatting"), [eI, tI] = useState({
 		open: !1,
 		prop: "",
 		value: ""
-	}), [$F, rI] = useState(!1), [iI, aI] = useState(""), [oI, sI] = useState(""), [cI, lI] = useState(_.content), [uI, dI] = useState(_.dataBinding || ""), fI = useRef(null), pI = useRef(null), mI = (n) => {
-		let _ = fI.current;
+	}), [nI, oI] = useState(!1), [sI, cI] = useState(""), [lI, uI] = useState(""), [dI, fI] = useState(_.content), [pI, mI] = useState(_.dataBinding || ""), hI = useRef(null), gI = useRef(null), _I = (n) => {
+		let _ = hI.current;
 		if (_) {
-			let E = _.selectionStart, O = _.selectionEnd, A = cI;
-			lI(A.substring(0, E) + `{{${n}}}` + A.substring(O)), setTimeout(() => {
+			let E = _.selectionStart, O = _.selectionEnd, A = dI;
+			fI(A.substring(0, E) + `{{${n}}}` + A.substring(O)), setTimeout(() => {
 				_.focus();
 				let O = E + n.length + 4;
 				_.setSelectionRange(O, O);
 			}, 0);
-		} else lI((_) => _ + `{{${n}}}`);
-	}, hI = (n) => {
+		} else fI((_) => _ + `{{${n}}}`);
+	}, vI = (n) => {
 		E(_.id, { style: {
 			..._.style,
 			...n
 		} });
-	}, gI = () => {
+	}, yI = () => {
 		let n = z.elements.findIndex((n) => n.id === _.id);
 		n < z.elements.length - 1 && M(n, z.elements.length - 1);
-	}, _I = () => {
+	}, bI = () => {
 		let n = z.elements.findIndex((n) => n.id === _.id);
 		n > 0 && M(n, 0);
-	}, vI = () => {
+	}, xI = () => {
 		z.selectedElementIds.includes(_.id) && z.selectedElementIds.length > 1 ? (N(), P()) : j({
 			type: _.type,
 			content: _.content,
@@ -11528,7 +11601,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			height: _.height,
 			style: _.style
 		});
-	}, yI = [
+	}, SI = [
 		"#000000",
 		"#FFFFFF",
 		"#FF0000",
@@ -11538,8 +11611,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		"#808080",
 		"#800080",
 		"transparent"
-	], bI = (n, _) => {
-		QF({
+	], CI = (n, _) => {
+		tI({
 			open: !0,
 			prop: n,
 			value: _
@@ -11556,8 +11629,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 					direction: "column",
 					gap: "3",
 					children: [/* @__PURE__ */ jsx(u$1, {
-						value: oI,
-						onChange: (n) => sI(n.target.value),
+						value: lI,
+						onChange: (n) => uI(n.target.value),
 						placeholder: "Nome da camada..."
 					}), /* @__PURE__ */ jsxs(p$1, {
 						gap: "3",
@@ -11568,7 +11641,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							children: "Cancelar"
 						}) }), /* @__PURE__ */ jsx(o, {
 							onClick: () => {
-								B(_.id, oI), G(!1);
+								B(_.id, lI), G(!1);
 							},
 							children: "Salvar"
 						})]
@@ -11578,7 +11651,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		}),
 		/* @__PURE__ */ jsx(s$4, {
 			open: Z,
-			onOpenChange: HF,
+			onOpenChange: GF,
 			children: /* @__PURE__ */ jsxs(p$8, {
 				style: { maxWidth: 450 },
 				onPointerDown: stopProp,
@@ -11587,9 +11660,9 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 					gap: "3",
 					children: [
 						/* @__PURE__ */ jsx(r$1, {
-							ref: fI,
-							value: cI,
-							onChange: (n) => lI(n.target.value),
+							ref: hI,
+							value: dI,
+							onChange: (n) => fI(n.target.value),
 							placeholder: "Digite o novo texto...",
 							style: { height: 100 }
 						}),
@@ -11607,7 +11680,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 									color: "blue",
 									variant: "surface",
 									style: { cursor: "pointer" },
-									onClick: () => mI(n.dataName),
+									onClick: () => _I(n.dataName),
 									children: n.name
 								}, n.dataName))
 							})]
@@ -11621,7 +11694,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 								children: "Cancelar"
 							}) }), /* @__PURE__ */ jsx(o, {
 								onClick: () => {
-									E(_.id, { content: cI }), HF(!1);
+									E(_.id, { content: dI }), GF(!1);
 								},
 								children: "Salvar"
 							})]
@@ -11631,8 +11704,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			})
 		}),
 		/* @__PURE__ */ jsx(s$4, {
-			open: UF,
-			onOpenChange: WF,
+			open: KF,
+			onOpenChange: qF,
 			children: /* @__PURE__ */ jsxs(p$8, {
 				style: { maxWidth: 450 },
 				onPointerDown: stopProp,
@@ -11645,8 +11718,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							children: "Nome da propriedade (ex: titulo, preco, imagem):"
 						}),
 						/* @__PURE__ */ jsx(u$1, {
-							value: uI,
-							onChange: (n) => dI(n.target.value),
+							value: pI,
+							onChange: (n) => mI(n.target.value),
 							placeholder: "propriedade"
 						}),
 						/* @__PURE__ */ jsxs(p$1, {
@@ -11658,8 +11731,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 								children: "Cancelar"
 							}) }), /* @__PURE__ */ jsx(o, {
 								onClick: () => {
-									let n = uI, O = { dataBinding: n };
-									(_.type === "text" || _.type === "text-container") && (O.content = `{{${n}}}`), E(_.id, O), WF(!1);
+									let n = pI, O = { dataBinding: n };
+									(_.type === "text" || _.type === "text-container") && (O.content = `{{${n}}}`), E(_.id, O), qF(!1);
 								},
 								children: "Vincular"
 							})]
@@ -11669,8 +11742,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			})
 		}),
 		/* @__PURE__ */ jsx(s$4, {
-			open: ZF.open,
-			onOpenChange: (n) => QF((_) => ({
+			open: eI.open,
+			onOpenChange: (n) => tI((_) => ({
 				..._,
 				open: n
 			})),
@@ -11680,8 +11753,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 				children: [
 					/* @__PURE__ */ jsx(g$2, { children: "Selecionar Cor" }),
 					/* @__PURE__ */ jsx(ColorPickerContent, {
-						color: ZF.value,
-						onChange: (n) => QF((_) => ({
+						color: eI.value,
+						onChange: (n) => tI((_) => ({
 							..._,
 							value: n
 						}))
@@ -11696,7 +11769,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							children: "Cancelar"
 						}) }), /* @__PURE__ */ jsx(o, {
 							onClick: () => {
-								hI({ [ZF.prop]: ZF.value }), QF((n) => ({
+								vI({ [eI.prop]: eI.value }), tI((n) => ({
 									...n,
 									open: !1
 								}));
@@ -11709,13 +11782,13 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		}),
 		/* @__PURE__ */ jsx(ElementAdvancedSettings, {
 			elementId: _.id,
-			open: GF,
-			onOpenChange: KF,
-			initialTab: YF
+			open: JF,
+			onOpenChange: YF,
+			initialTab: QF
 		}),
 		/* @__PURE__ */ jsx(s$4, {
-			open: $F,
-			onOpenChange: rI,
+			open: nI,
+			onOpenChange: oI,
 			children: /* @__PURE__ */ jsxs(p$8, {
 				style: { maxWidth: 450 },
 				onPointerDown: stopProp,
@@ -11723,8 +11796,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 					direction: "column",
 					gap: "3",
 					children: [/* @__PURE__ */ jsx(u$1, {
-						value: iI,
-						onChange: (n) => aI(n.target.value),
+						value: sI,
+						onChange: (n) => cI(n.target.value),
 						placeholder: "https://exemplo.com/imagem.png"
 					}), /* @__PURE__ */ jsxs(p$1, {
 						gap: "3",
@@ -11735,7 +11808,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							children: "Cancelar"
 						}) }), /* @__PURE__ */ jsx(o, {
 							onClick: () => {
-								E(_.id, { content: iI }), rI(!1);
+								E(_.id, { content: sI }), oI(!1);
 							},
 							children: "Aplicar"
 						})]
@@ -11745,7 +11818,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		}),
 		/* @__PURE__ */ jsx("input", {
 			type: "file",
-			ref: pI,
+			ref: gI,
 			style: { display: "none" },
 			accept: "image/*",
 			onChange: (n) => {
@@ -11833,7 +11906,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
 							onSelect: () => {
-								dI(_.dataBinding || ""), WF(!0);
+								mI(_.dataBinding || ""), qF(!0);
 							},
 							children: "Outro / Manual..."
 						}),
@@ -11851,7 +11924,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 					className: "ContextMenuItem",
 					onPointerDown: stopProp,
 					onSelect: () => {
-						lI(_.content), HF(!0);
+						fI(_.content), GF(!0);
 					},
 					children: "Editar Texto..."
 				}), /* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" })] }),
@@ -11859,7 +11932,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 					className: "ContextMenuItem",
 					onPointerDown: stopProp,
 					onSelect: () => {
-						sI(_.name || (_.type === "group" ? "Grupo" : "Elemento")), G(!0);
+						uI(_.name || (_.type === "group" ? "Grupo" : "Elemento")), G(!0);
 					},
 					children: "Renomear..."
 				}),
@@ -11879,14 +11952,14 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 				/* @__PURE__ */ jsx(Item2$1, {
 					className: "ContextMenuItem",
 					onPointerDown: stopProp,
-					onSelect: () => KF(!0),
+					onSelect: () => YF(!0),
 					children: "Configurações Avançadas..."
 				}),
 				/* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" }),
 				/* @__PURE__ */ jsx(Item2$1, {
 					className: "ContextMenuItem",
 					onPointerDown: stopProp,
-					onSelect: vI,
+					onSelect: xI,
 					children: z.selectedElementIds.includes(_.id) && z.selectedElementIds.length > 1 ? `Duplicar Selecionados (${z.selectedElementIds.length})` : "Duplicar"
 				}),
 				/* @__PURE__ */ jsx(Item2$1, {
@@ -11913,13 +11986,13 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						children: [/* @__PURE__ */ jsx(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => pI.current?.click(),
+							onSelect: () => gI.current?.click(),
 							children: "Carregar do Computador"
 						}), /* @__PURE__ */ jsx(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
 							onSelect: () => {
-								aI(typeof _.content == "string" ? _.content : ""), rI(!0);
+								cI(typeof _.content == "string" ? _.content : ""), oI(!0);
 							},
 							children: "Inserir URL"
 						})]
@@ -11939,19 +12012,19 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({ objectFit: "cover" }),
+								onSelect: () => vI({ objectFit: "cover" }),
 								children: "Preencher (Cover)"
 							}),
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({ objectFit: "contain" }),
+								onSelect: () => vI({ objectFit: "contain" }),
 								children: "Ajustar (Contain)"
 							}),
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({ objectFit: "fill" }),
+								onSelect: () => vI({ objectFit: "fill" }),
 								children: "Esticar (Fill)"
 							})
 						]
@@ -11972,12 +12045,12 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 					children: [/* @__PURE__ */ jsx(Item2$1, {
 						className: "ContextMenuItem",
 						onPointerDown: stopProp,
-						onSelect: gI,
+						onSelect: yI,
 						children: "Trazer para frente"
 					}), /* @__PURE__ */ jsx(Item2$1, {
 						className: "ContextMenuItem",
 						onPointerDown: stopProp,
-						onSelect: _I,
+						onSelect: bI,
 						children: "Enviar para trás"
 					})]
 				}) })] }),
@@ -11997,7 +12070,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						children: z.availableFonts && z.availableFonts.map((n) => /* @__PURE__ */ jsxs(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => hI({ fontFamily: n }),
+							onSelect: () => vI({ fontFamily: n }),
 							style: { fontFamily: n },
 							children: [n, _.style?.fontFamily === n && /* @__PURE__ */ jsx("div", {
 								className: "RightSlot",
@@ -12028,7 +12101,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						].map((n) => /* @__PURE__ */ jsxs(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => hI({ fontSize: `${n}px` }),
+							onSelect: () => vI({ fontSize: `${n}px` }),
 							children: [n, "px"]
 						}, n))
 					}) })] }),
@@ -12044,10 +12117,10 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						sideOffset: 2,
 						alignOffset: -5,
 						children: [
-							yI.filter((n) => n !== "transparent").map((n) => /* @__PURE__ */ jsxs(Item2$1, {
+							SI.filter((n) => n !== "transparent").map((n) => /* @__PURE__ */ jsxs(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({ color: n }),
+								onSelect: () => vI({ color: n }),
 								children: [/* @__PURE__ */ jsx("div", { style: {
 									width: 12,
 									height: 12,
@@ -12060,7 +12133,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => bI("color", _.style?.color || "#000000"),
+								onSelect: () => CI("color", _.style?.color || "#000000"),
 								children: "Outra Cor..."
 							})
 						]
@@ -12079,12 +12152,12 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						children: [/* @__PURE__ */ jsx(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => hI({ fontWeight: "normal" }),
+							onSelect: () => vI({ fontWeight: "normal" }),
 							children: "Normal"
 						}), /* @__PURE__ */ jsx(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => hI({ fontWeight: "bold" }),
+							onSelect: () => vI({ fontWeight: "bold" }),
 							children: "Negrito"
 						})]
 					}) })] }),
@@ -12103,19 +12176,19 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({ textAlign: "left" }),
+								onSelect: () => vI({ textAlign: "left" }),
 								children: "Esquerda"
 							}),
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({ textAlign: "center" }),
+								onSelect: () => vI({ textAlign: "center" }),
 								children: "Centro"
 							}),
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({ textAlign: "right" }),
+								onSelect: () => vI({ textAlign: "right" }),
 								children: "Direita"
 							})
 						]
@@ -12135,7 +12208,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({
+								onSelect: () => vI({
 									display: "flex",
 									flexDirection: "column",
 									justifyContent: "flex-start"
@@ -12145,7 +12218,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({
+								onSelect: () => vI({
 									display: "flex",
 									flexDirection: "column",
 									justifyContent: "center"
@@ -12155,7 +12228,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							/* @__PURE__ */ jsx(Item2$1, {
 								className: "ContextMenuItem",
 								onPointerDown: stopProp,
-								onSelect: () => hI({
+								onSelect: () => vI({
 									display: "flex",
 									flexDirection: "column",
 									justifyContent: "flex-end"
@@ -12177,10 +12250,10 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 					sideOffset: 2,
 					alignOffset: -5,
 					children: [
-						yI.map((n) => /* @__PURE__ */ jsxs(Item2$1, {
+						SI.map((n) => /* @__PURE__ */ jsxs(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => hI({ backgroundColor: n }),
+							onSelect: () => vI({ backgroundColor: n }),
 							children: [/* @__PURE__ */ jsx("div", { style: {
 								width: 12,
 								height: 12,
@@ -12193,7 +12266,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						/* @__PURE__ */ jsx(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => bI("backgroundColor", _.style?.backgroundColor || "transparent"),
+							onSelect: () => CI("backgroundColor", _.style?.backgroundColor || "transparent"),
 							children: "Outra Cor..."
 						})
 					]
@@ -12221,7 +12294,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						].map((n) => /* @__PURE__ */ jsx(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => hI({ borderRadius: typeof n == "number" ? `${n}px` : n }),
+							onSelect: () => vI({ borderRadius: typeof n == "number" ? `${n}px` : n }),
 							children: n === "50%" ? "Círculo" : `${n}px`
 						}, n)),
 						/* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" }),
@@ -12229,7 +12302,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
 							onSelect: () => {
-								XF("style"), KF(!0);
+								$F("style"), YF(!0);
 							},
 							children: "Personalizar..."
 						})
@@ -12258,7 +12331,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						].map((n) => /* @__PURE__ */ jsxs(Item2$1, {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
-							onSelect: () => hI({ padding: `${n}px` }),
+							onSelect: () => vI({ padding: `${n}px` }),
 							children: [n, "px"]
 						}, n)),
 						/* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" }),
@@ -12266,7 +12339,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							className: "ContextMenuItem",
 							onPointerDown: stopProp,
 							onSelect: () => {
-								XF("style"), KF(!0);
+								$F("style"), YF(!0);
 							},
 							children: "Personalizar..."
 						})
@@ -12276,55 +12349,55 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		}) })] })
 	] });
 }, DraggableElement = React.memo(({ element: n, isSelected: _ }) => {
-	let { selectElement: E, updateElement: O, updateElements: A, state: j, resizeGroup: M, setSnapLines: N } = useEditor(), [P, z] = useState(!1), [B, H] = useState(!1), [U, W] = useState(!1), Z = useRef(null), HF = useRef({
+	let { selectElement: E, updateElement: O, updateElements: A, state: j, resizeGroup: M, setSnapLines: N } = useEditor(), [P, z] = useState(!1), [B, H] = useState(!1), [U, W] = useState(!1), Z = useRef(null), GF = useRef({
 		x: 0,
 		y: 0
-	}), UF = useRef({}), WF = useRef(!1), GF = useRef(!1), KF = useRef(0), YF = useRef(0), XF = useRef({
+	}), KF = useRef({}), qF = useRef(!1), JF = useRef(!1), YF = useRef(0), QF = useRef(0), $F = useRef({
 		x: 0,
 		y: 0
-	}), ZF = useRef(!1), QF = j.canvasHeight || 150, $F = j.isList ? j.mockData.length > 0 ? j.mockData[0] : null : j.singleMockData, eI = n.content, rI = {};
-	if ($F) {
-		if (n.type === "text" || n.type === "text-container") eI = eI.replace(/\{\{(.*?)\}\}/g, (_, E) => {
-			let O = $F[E.trim()];
+	}), eI = useRef(!1), tI = j.canvasHeight || 150, nI = j.isList ? j.mockData.length > 0 ? j.mockData[0] : null : j.singleMockData, rI = n.content, oI = {};
+	if (nI) {
+		if (n.type === "text" || n.type === "text-container") rI = rI.replace(/\{\{(.*?)\}\}/g, (_, E) => {
+			let O = nI[E.trim()];
 			return O == null ? _ : n.formatting ? formatValue$1(O, n.formatting) : String(O);
 		});
 		else if (n.type === "image") if (n.dataBinding) {
-			let _ = $F[n.dataBinding];
-			_ != null && (eI = String(_));
-		} else eI = eI.replace(/\{\{(.*?)\}\}/g, (n, _) => {
-			let E = $F[_.trim()];
+			let _ = nI[n.dataBinding];
+			_ != null && (rI = String(_));
+		} else rI = rI.replace(/\{\{(.*?)\}\}/g, (n, _) => {
+			let E = nI[_.trim()];
 			return E == null ? n : String(E);
 		});
 		n.styleBindings && Object.entries(n.styleBindings).forEach(([n, _]) => {
-			let E = $F[_];
-			E != null && (rI = {
-				...rI,
+			let E = nI[_];
+			E != null && (oI = {
+				...oI,
 				[n]: String(E)
 			});
 		}), n.conditions && n.conditions.forEach((n) => {
-			let _ = $F[n.property];
-			checkCondition$1(_, n.operator, n.value) && (rI = {
-				...rI,
+			let _ = nI[n.property];
+			checkCondition$1(_, n.operator, n.value) && (oI = {
+				...oI,
 				...n.style
 			});
 		});
 	}
-	let iI = rI.display === "none";
-	if (iI && _) {
-		let { display: n, ..._ } = rI;
-		rI = _;
+	let sI = oI.display === "none";
+	if (sI && _) {
+		let { display: n, ..._ } = oI;
+		oI = _;
 	}
-	let aI = (_) => {
-		_.stopPropagation(), !WF.current && !GF.current && !P && (_.shiftKey ? E(n.id, !0) : E(n.id, !1));
-	}, oI = (O) => {
+	let cI = (_) => {
+		_.stopPropagation(), !qF.current && !JF.current && !P && (_.shiftKey ? E(n.id, !0) : E(n.id, !1));
+	}, lI = (O) => {
 		if (n.locked || O.button !== 0) return;
 		O.stopPropagation();
 		let A = O.shiftKey;
-		if (WF.current = !1, GF.current = !1, n.groupId && !_) {
+		if (qF.current = !1, JF.current = !1, n.groupId && !_) {
 			E(n.groupId, A);
 			return;
 		}
-		_ || (E(n.id, A), GF.current = !0), z(!0), HF.current = {
+		_ || (E(n.id, A), JF.current = !0), z(!0), GF.current = {
 			x: O.clientX,
 			y: O.clientY
 		}, O.currentTarget.setPointerCapture(O.pointerId);
@@ -12336,17 +12409,17 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 				x: n.x,
 				y: n.y
 			});
-		}), UF.current = N;
-	}, sI = (_) => {
+		}), KF.current = N;
+	}, uI = (_) => {
 		if (P) {
-			let E = j.zoom || 1, O = (_.clientX - HF.current.x) / E, M = (_.clientY - HF.current.y) / E;
-			(Math.abs(O) > 2 || Math.abs(M) > 2) && (WF.current = !0);
-			let P = 5 / E, z = [], B = Object.entries(UF.current).map(([_, E]) => {
+			let E = j.zoom || 1, O = (_.clientX - GF.current.x) / E, M = (_.clientY - GF.current.y) / E;
+			(Math.abs(O) > 2 || Math.abs(M) > 2) && (qF.current = !0);
+			let P = 5 / E, z = [], B = Object.entries(KF.current).map(([_, E]) => {
 				let A = E.x + O, N = E.y + M;
 				if (j.gridSize > 0) A = Math.round(A / j.gridSize) * j.gridSize, N = Math.round(N / j.gridSize) * j.gridSize;
 				else {
 					let E = !1, O = !1, M = n.width ?? 100, B = n.height ?? 100;
-					Object.keys(UF.current).length === 1 && j.elements.forEach((n) => {
+					Object.keys(KF.current).length === 1 && j.elements.forEach((n) => {
 						if (n.id === _) return;
 						let j = n.width ?? 100, H = n.height ?? 100;
 						E || (Math.abs(A - n.x) < P ? (A = n.x, E = !0, z.push({
@@ -12379,7 +12452,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 				if (A = Math.max(0, A), j.isList) {
 					N = Math.max(0, N);
 					let _ = n.height ?? 100;
-					QF > 0 && (N = Math.min(N, QF - _)), N = Math.max(0, N);
+					tI > 0 && (N = Math.min(N, tI - _)), N = Math.max(0, N);
 				}
 				return {
 					id: _,
@@ -12391,25 +12464,25 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			});
 			N && N(z), A(B, !1);
 		}
-	}, cI = (n) => {
+	}, dI = (n) => {
 		P && (z(!1), n.currentTarget.releasePointerCapture(n.pointerId), A([], !0), N && N([]));
-	}, lI = (_) => {
+	}, fI = (_) => {
 		_.stopPropagation(), _.preventDefault(), W(!0);
 		let E = _.target.closest(".resizable-element");
 		if (E) {
 			let O = E.getBoundingClientRect();
-			XF.current = {
+			$F.current = {
 				x: O.left + O.width / 2,
 				y: O.top + O.height / 2
 			};
-			let A = _.clientX - XF.current.x, j = _.clientY - XF.current.y;
-			KF.current = Math.atan2(j, A) * (180 / Math.PI), YF.current = n.rotation || 0;
+			let A = _.clientX - $F.current.x, j = _.clientY - $F.current.y;
+			YF.current = Math.atan2(j, A) * (180 / Math.PI), QF.current = n.rotation || 0;
 		}
 	};
 	useEffect(() => {
 		let _ = (_) => {
 			if (U) {
-				let E = _.clientX - XF.current.x, A = _.clientY - XF.current.y, j = Math.atan2(A, E) * (180 / Math.PI) - KF.current, M = (YF.current + j) % 360;
+				let E = _.clientX - $F.current.x, A = _.clientY - $F.current.y, j = Math.atan2(A, E) * (180 / Math.PI) - YF.current, M = (QF.current + j) % 360;
 				O(n.id, { rotation: M }, !1);
 			}
 		}, E = () => {
@@ -12431,7 +12504,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			}
 		});
 	}, [
-		eI,
+		rI,
 		n.autoGrow,
 		n.containerExpansion,
 		n.style,
@@ -12441,7 +12514,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		n.id,
 		n.type
 	]);
-	let uI = {
+	let pI = {
 		position: "relative",
 		left: 0,
 		top: 0,
@@ -12459,7 +12532,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		userSelect: "none",
 		boxSizing: "border-box",
 		...n.style,
-		...rI
+		...oI
 	};
 	return /* @__PURE__ */ jsx(Resizable, {
 		className: "resizable-element",
@@ -12467,9 +12540,9 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			width: n.width ?? 100,
 			height: n.autoGrow ? "auto" : n.height ?? 100
 		},
-		maxHeight: j.isList ? Math.max(10, QF - n.y) : void 0,
+		maxHeight: j.isList ? Math.max(10, tI - n.y) : void 0,
 		onResizeStart: (n) => {
-			H(!0), ZF.current = !!n.shiftKey;
+			H(!0), eI.current = !!n.shiftKey;
 		},
 		onResizeStop: (_, E, A, j) => {
 			H(!1);
@@ -12604,8 +12677,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			position: "absolute",
 			transform: `translate(${n.x ?? 0}px, ${n.y ?? 0}px) rotate(${n.rotation || 0}deg)`,
 			height: n.autoGrow ? "auto" : void 0,
-			display: iI && !_ ? "none" : void 0,
-			opacity: iI && _ ? .4 : 1,
+			display: sI && !_ ? "none" : void 0,
+			opacity: sI && _ ? .4 : 1,
 			zIndex: _ ? 1e3 : void 0,
 			outline: "none",
 			overflow: "visible"
@@ -12620,7 +12693,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			bottomLeft: !1,
 			topLeft: !1
 		} : void 0,
-		lockAspectRatio: ZF.current === !0,
+		lockAspectRatio: eI.current,
 		grid: j.gridSize > 0 ? [j.gridSize, j.gridSize] : void 0,
 		children: /* @__PURE__ */ jsx(ElementContextMenu, {
 			element: n,
@@ -12633,18 +12706,18 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 				children: [/* @__PURE__ */ jsxs(p, {
 					ref: Z,
 					style: {
-						...uI,
-						whiteSpace: n.type === "text-container" && n.autoGrow && n.containerExpansion === "horizontal" ? "nowrap" : uI.whiteSpace,
+						...pI,
+						whiteSpace: n.type === "text-container" && n.autoGrow && n.containerExpansion === "horizontal" ? "nowrap" : pI.whiteSpace,
 						width: n.type === "text-container" && n.autoGrow && n.containerExpansion === "horizontal" ? "max-content" : "100%",
 						height: n.type === "text-container" && n.autoGrow && n.containerExpansion === "vertical" ? "auto" : "100%"
 					},
-					onPointerDown: oI,
-					onPointerMove: sI,
-					onPointerUp: cI,
+					onPointerDown: lI,
+					onPointerMove: uI,
+					onPointerUp: dI,
 					onMouseDown: (n) => {
 						n.button === 0 && n.stopPropagation();
 					},
-					onClick: aI,
+					onClick: cI,
 					title: n.name,
 					onMouseEnter: (n) => {
 						_ || (n.currentTarget.style.borderColor = "var(--gray-6)");
@@ -12675,7 +12748,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 								width: "100%",
 								height: "100%"
 							},
-							children: eI
+							children: rI
 						}),
 						n.type === "text-container" && /* @__PURE__ */ jsx(p$2, {
 							style: {
@@ -12683,10 +12756,10 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 								height: "100%",
 								display: "block"
 							},
-							children: eI
+							children: rI
 						}),
-						n.type === "image" && (eI ? /* @__PURE__ */ jsx("img", {
-							src: eI,
+						n.type === "image" && (rI ? /* @__PURE__ */ jsx("img", {
+							src: rI,
 							alt: "Element",
 							style: {
 								width: "100%",
@@ -12752,7 +12825,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						zIndex: 50,
 						boxShadow: "0 0 0 2px white"
 					},
-					onMouseDown: lI,
+					onMouseDown: fI,
 					onPointerDown: (n) => n.stopPropagation(),
 					children: /* @__PURE__ */ jsx(p, { style: {
 						position: "absolute",
@@ -12782,74 +12855,74 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		borderTop: n.orientation === "horizontal" ? "1px dashed #ff0000" : "none"
 	} }, _)) });
 }, Canvas = () => {
-	let { state: n, selectElement: _, setSelectedElements: E, addElement: O, setZoom: A, setPan: j, undo: M, redo: N, copy: P, paste: z, removeSelected: B, updateElements: H } = useEditor(), W = useRef(null), [Z, HF] = useState(null), UF = useRef(!1), WF = useRef(!1), GF = useRef(!1), KF = useRef({
+	let { state: n, selectElement: _, setSelectedElements: E, addElement: O, setZoom: A, setPan: j, undo: M, redo: N, copy: P, paste: z, removeSelected: B, updateElements: H } = useEditor(), W = useRef(null), [Z, GF] = useState(null), KF = useRef(!1), qF = useRef(!1), JF = useRef(!1), YF = useRef({
 		x: 0,
 		y: 0
-	}), YF = useRef({
+	}), QF = useRef({
 		x: 0,
 		y: 0
-	}), XF = useRef([]), ZF = useRef([]), QF = useRef(n), $F = useRef(0);
+	}), $F = useRef([]), eI = useRef([]), tI = useRef(n), nI = useRef(0);
 	useEffect(() => {
-		QF.current = n;
+		tI.current = n;
 	}, [n]);
-	let eI = useCallback((n) => {
+	let rI = useCallback((n) => {
 		if (!W.current) return;
-		let _ = QF.current;
-		if (WF.current) {
-			let E = n.clientX - YF.current.x, O = n.clientY - YF.current.y;
+		let _ = tI.current;
+		if (qF.current) {
+			let E = n.clientX - QF.current.x, O = n.clientY - QF.current.y;
 			j({
 				x: _.pan.x + E,
 				y: _.pan.y + O
-			}), YF.current = {
+			}), QF.current = {
 				x: n.clientX,
 				y: n.clientY
 			};
 			return;
 		}
-		if (!UF.current) return;
-		let O = W.current.getBoundingClientRect(), A = (n.clientX - O.left - _.pan.x) / _.zoom, M = (n.clientY - O.top - _.pan.y) / _.zoom, N = Math.min(KF.current.x, A), P = Math.min(KF.current.y, M), z = Math.abs(A - KF.current.x), B = Math.abs(M - KF.current.y);
-		HF({
+		if (!KF.current) return;
+		let O = W.current.getBoundingClientRect(), A = (n.clientX - O.left - _.pan.x) / _.zoom, M = (n.clientY - O.top - _.pan.y) / _.zoom, N = Math.min(YF.current.x, A), P = Math.min(YF.current.y, M), z = Math.abs(A - YF.current.x), B = Math.abs(M - YF.current.y);
+		GF({
 			x: N,
 			y: P,
 			width: z,
 			height: B
 		});
 		let H = Date.now();
-		if (!(H - $F.current < 50) && (z > 0 || B > 0)) {
+		if (!(H - nI.current < 50) && (z > 0 || B > 0)) {
 			let n = [];
 			_.elements.forEach((_) => {
 				let E = _.x ?? 0, O = _.y ?? 0, A = _.width ?? 100, j = _.height ?? 100, M = E + A, H = O + j, U = N + z, W = P + B;
 				E < U && M > N && O < W && H > P && n.push(_.id);
 			});
-			let O = Array.from(new Set([...XF.current, ...n])), A = ZF.current;
-			A.length === O.length && A.every((n) => O.includes(n)) || (E(O), ZF.current = O, $F.current = H);
+			let O = Array.from(new Set([...$F.current, ...n])), A = eI.current;
+			A.length === O.length && A.every((n) => O.includes(n)) || (E(O), eI.current = O, nI.current = H);
 		}
-	}, [E, j]), rI = useCallback((n) => {
-		(UF.current || WF.current) && n.target.releasePointerCapture(n.pointerId), UF.current = !1, WF.current = !1, HF(null);
-	}, []), iI = (E) => {
+	}, [E, j]), oI = useCallback((n) => {
+		(KF.current || qF.current) && n.target.releasePointerCapture(n.pointerId), KF.current = !1, qF.current = !1, GF(null);
+	}, []), sI = (E) => {
 		if (E.button === 2) return;
 		let O = E.target;
 		if (O.closest(".resize-handle") || O.closest(".rotate-handle")) return;
-		if (E.currentTarget.setPointerCapture(E.pointerId), E.button === 1 || E.button === 0 && GF.current) {
-			E.preventDefault(), WF.current = !0, YF.current = {
+		if (E.currentTarget.setPointerCapture(E.pointerId), E.button === 1 || E.button === 0 && JF.current) {
+			E.preventDefault(), qF.current = !0, QF.current = {
 				x: E.clientX,
 				y: E.clientY
 			};
 			return;
 		}
-		UF.current = E.shiftKey;
+		KF.current = E.shiftKey;
 		let A = W.current?.getBoundingClientRect();
 		if (!A) return;
 		let j = A.left, M = A.top;
-		KF.current = {
+		YF.current = {
 			x: (E.clientX - j - n.pan.x) / n.zoom,
 			y: (E.clientY - M - n.pan.y) / n.zoom
-		}, XF.current = n.selectedElementIds, ZF.current = n.selectedElementIds, E.shiftKey || (_(null), XF.current = [], ZF.current = []);
+		}, $F.current = n.selectedElementIds, eI.current = n.selectedElementIds, E.shiftKey || (_(null), $F.current = [], eI.current = []);
 	};
 	useEffect(() => {
 		let n = (n) => {
 			n.preventDefault();
-			let _ = QF.current;
+			let _ = tI.current;
 			if (n.ctrlKey || n.metaKey) A(Math.min(Math.max(.1, _.zoom - n.deltaY * .001), 5));
 			else {
 				let E = n.shiftKey ? n.deltaY : n.deltaX, O = n.shiftKey ? n.deltaX : n.deltaY;
@@ -12864,7 +12937,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		};
 	}, [A, j]), useEffect(() => {
 		let _ = (_) => {
-			if (_.code === "Space" && !_.repeat && !(_.target instanceof HTMLInputElement || _.target instanceof HTMLTextAreaElement) && (GF.current = !0, W.current && (W.current.style.cursor = "grab")), !(_.target instanceof HTMLInputElement || _.target instanceof HTMLTextAreaElement) && ((_.ctrlKey || _.metaKey) && _.key.toLowerCase() === "z" && (_.preventDefault(), _.shiftKey ? N() : M()), (_.ctrlKey || _.metaKey) && _.key.toLowerCase() === "y" && (_.preventDefault(), N()), (_.ctrlKey || _.metaKey) && _.key.toLowerCase() === "c" && (_.preventDefault(), P()), (_.ctrlKey || _.metaKey) && _.key.toLowerCase() === "v" && (_.preventDefault(), z()), (_.key === "Delete" || _.key === "Backspace") && (_.preventDefault(), B()), [
+			if (_.code === "Space" && !_.repeat && !(_.target instanceof HTMLInputElement || _.target instanceof HTMLTextAreaElement) && (JF.current = !0, W.current && (W.current.style.cursor = "grab")), !(_.target instanceof HTMLInputElement || _.target instanceof HTMLTextAreaElement) && ((_.ctrlKey || _.metaKey) && _.key.toLowerCase() === "z" && (_.preventDefault(), _.shiftKey ? N() : M()), (_.ctrlKey || _.metaKey) && _.key.toLowerCase() === "y" && (_.preventDefault(), N()), (_.ctrlKey || _.metaKey) && _.key.toLowerCase() === "c" && (_.preventDefault(), P()), (_.ctrlKey || _.metaKey) && _.key.toLowerCase() === "v" && (_.preventDefault(), z()), (_.key === "Delete" || _.key === "Backspace") && (_.preventDefault(), B()), [
 				"ArrowUp",
 				"ArrowDown",
 				"ArrowLeft",
@@ -12892,7 +12965,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 				}), O.length > 0 && H(O);
 			}
 		}, E = (n) => {
-			n.code === "Space" && (GF.current = !1, W.current && !WF.current && (W.current.style.cursor = "default"));
+			n.code === "Space" && (JF.current = !1, W.current && !qF.current && (W.current.style.cursor = "default"));
 		};
 		return window.addEventListener("keydown", _), window.addEventListener("keyup", E), () => {
 			window.removeEventListener("keydown", _), window.removeEventListener("keyup", E);
@@ -12907,21 +12980,21 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		n.selectedElementIds,
 		n.elements
 	]);
-	let aI = useRef(!1), { setCanvasHeight: oI } = useEditor(), sI = (n) => {
-		n.stopPropagation(), n.preventDefault(), aI.current = !0, window.addEventListener("mousemove", cI), window.addEventListener("mouseup", lI);
-	}, cI = useCallback((n) => {
-		if (!aI.current || !W.current) return;
+	let cI = useRef(!1), { setCanvasHeight: lI } = useEditor(), uI = (n) => {
+		n.stopPropagation(), n.preventDefault(), cI.current = !0, window.addEventListener("mousemove", dI), window.addEventListener("mouseup", fI);
+	}, dI = useCallback((n) => {
+		if (!cI.current || !W.current) return;
 		let _ = W.current.getBoundingClientRect(), E = n.clientY - _.top, O = Math.max(50, Math.min(E, 2e3));
-		oI(Math.round(O));
-	}, [oI]), lI = useCallback(() => {
-		aI.current = !1, window.removeEventListener("mousemove", cI), window.removeEventListener("mouseup", lI);
-	}, [cI]);
+		lI(Math.round(O));
+	}, [lI]), fI = useCallback(() => {
+		cI.current = !1, window.removeEventListener("mousemove", dI), window.removeEventListener("mouseup", fI);
+	}, [dI]);
 	useEffect(() => () => {
-		window.removeEventListener("mousemove", cI), window.removeEventListener("mouseup", lI);
-	}, [cI, lI]);
-	let uI = (n) => {
+		window.removeEventListener("mousemove", dI), window.removeEventListener("mouseup", fI);
+	}, [dI, fI]);
+	let pI = (n) => {
 		n.preventDefault(), n.dataTransfer.dropEffect = "copy";
-	}, dI = (_) => {
+	}, mI = (_) => {
 		_.preventDefault();
 		let E = _.currentTarget.getBoundingClientRect(), A = (_.clientX - E.left - n.pan.x) / n.zoom, j = (_.clientY - E.top - n.pan.y) / n.zoom, M = _.dataTransfer.getData("application/x-editor-prop");
 		if (M) {
@@ -12951,25 +13024,25 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		} catch (n) {
 			console.error("Failed to parse asset", n);
 		}
-	}, fI = n.canvasHeight || 150;
+	}, hI = n.canvasHeight || 150;
 	return /* @__PURE__ */ jsxs(p, {
 		ref: W,
-		onPointerDown: iI,
+		onPointerDown: sI,
 		onPointerMove: (n) => {
-			(UF.current || WF.current) && eI(n.nativeEvent);
+			(KF.current || qF.current) && rI(n.nativeEvent);
 		},
 		onPointerUp: (n) => {
-			(UF.current || WF.current) && rI(n.nativeEvent);
+			(KF.current || qF.current) && oI(n.nativeEvent);
 		},
-		onDragOver: uI,
-		onDrop: dI,
+		onDragOver: pI,
+		onDrop: mI,
 		style: {
 			width: "100%",
 			height: "100%",
 			position: "relative",
 			overflow: "hidden",
 			backgroundColor: "var(--color-background)",
-			cursor: WF.current ? "grabbing" : "default",
+			cursor: qF.current ? "grabbing" : "default",
 			backgroundImage: "radial-gradient(var(--gray-5) 1px, transparent 1px)",
 			backgroundSize: `${20 * n.zoom}px ${20 * n.zoom}px`,
 			backgroundPosition: `${n.pan.x}px ${n.pan.y}px`
@@ -13033,7 +13106,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 					n.isList && /* @__PURE__ */ jsxs("div", {
 						style: {
 							position: "absolute",
-							top: fI,
+							top: hI,
 							left: 0,
 							right: 0,
 							height: "10px",
@@ -13042,10 +13115,9 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							zIndex: 100,
 							display: "flex",
 							alignItems: "center",
-							justifyContent: "center",
-							group: "resize-handle"
+							justifyContent: "center"
 						},
-						onMouseDown: sI,
+						onMouseDown: uI,
 						children: [/* @__PURE__ */ jsx("div", { style: {
 							width: "100%",
 							height: "2px",
@@ -13069,7 +13141,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 							},
 							children: [
 								"Altura do Item: ",
-								fI,
+								hI,
 								"px"
 							]
 						})]
@@ -13152,22 +13224,22 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		]
 	});
 }, EditorSettings = () => {
-	let { state: n, updateListSettings: _, setCanvasHeight: E, setGridSize: O } = useEditor(), [A, j] = useState(!1), [M, N] = useState(""), [P, z] = useState("asc"), [B, H] = useState("bottom"), [U, W] = useState("down"), [Z, HF] = useState("150"), [UF, WF] = useState(""), [GF, KF] = useState("0"), [qF, YF] = useState("slideIn"), [XF, ZF] = useState(.3), [QF, $F] = useState("ease-out");
+	let { state: n, updateListSettings: _, setCanvasHeight: E, setGridSize: O } = useEditor(), [A, j] = useState(!1), [M, N] = useState(""), [P, z] = useState("asc"), [B, H] = useState("bottom"), [U, W] = useState("down"), [Z, GF] = useState("150"), [KF, qF] = useState(""), [JF, YF] = useState("0"), [XF, QF] = useState("slideIn"), [$F, eI] = useState(.3), [tI, nI] = useState("ease-out");
 	return useEffect(() => {
 		if (A) {
-			N(n.listSettings.sortProp || "__none__"), z(n.listSettings.sortOrder || "asc"), H(n.listSettings.newestPosition || "bottom"), W(n.listSettings.scrollDirection || "down"), WF(n.listSettings.containerHeight ? String(n.listSettings.containerHeight) : ""), HF(String(n.canvasHeight || 150)), KF(String(n.gridSize || 0));
+			N(n.listSettings.sortProp || "__none__"), z(n.listSettings.sortOrder || "asc"), H(n.listSettings.newestPosition || "bottom"), W(n.listSettings.scrollDirection || "down"), qF(n.listSettings.containerHeight ? String(n.listSettings.containerHeight) : ""), GF(String(n.canvasHeight || 150)), YF(String(n.gridSize || 0));
 			let _ = n.listSettings.entryAnimation;
-			YF(_?.type || "slideIn"), ZF(_?.duration || .3), $F(_?.timingFunction || "ease-out");
+			QF(_?.type || "slideIn"), eI(_?.duration || .3), nI(_?.timingFunction || "ease-out");
 		}
 	}, [A]), useEffect(() => {
 		if (!A) return;
 		let _ = parseInt(Z, 10);
 		!isNaN(_) && _ > 0 && n.canvasHeight !== _ && E(_);
-		let j = parseInt(GF, 10);
+		let j = parseInt(JF, 10);
 		!isNaN(j) && j >= 0 && n.gridSize !== j && O(j);
 	}, [
 		Z,
-		GF,
+		JF,
 		A,
 		E,
 		O,
@@ -13346,7 +13418,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 											type: "number",
 											min: "10",
 											value: Z,
-											onChange: (n) => HF(n.target.value)
+											onChange: (n) => GF(n.target.value)
 										}),
 										/* @__PURE__ */ jsx(p$2, {
 											size: "1",
@@ -13367,8 +13439,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 											type: "number",
 											min: "0",
 											placeholder: "Auto (100%)",
-											value: UF,
-											onChange: (n) => WF(n.target.value)
+											value: KF,
+											onChange: (n) => qF(n.target.value)
 										}),
 										/* @__PURE__ */ jsx(p$2, {
 											size: "1",
@@ -13394,8 +13466,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 										as: "div",
 										children: "Efeito"
 									}), /* @__PURE__ */ jsxs("select", {
-										value: qF,
-										onChange: (n) => YF(n.target.value),
+										value: XF,
+										onChange: (n) => QF(n.target.value),
 										style: {
 											width: "100%",
 											padding: "6px",
@@ -13457,8 +13529,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 										type: "number",
 										step: "0.1",
 										min: "0.1",
-										value: XF,
-										onChange: (n) => ZF(parseFloat(n.target.value) || .3)
+										value: $F,
+										onChange: (n) => eI(parseFloat(n.target.value) || .3)
 									})] }),
 									/* @__PURE__ */ jsxs(p, { children: [/* @__PURE__ */ jsx(p$2, {
 										size: "1",
@@ -13466,8 +13538,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 										as: "div",
 										children: "Curva (Easing)"
 									}), /* @__PURE__ */ jsxs("select", {
-										value: QF,
-										onChange: (n) => $F(n.target.value),
+										value: tI,
+										onChange: (n) => nI(n.target.value),
 										style: {
 											width: "100%",
 											padding: "6px",
@@ -13522,8 +13594,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 											children: "Tamanho do Grid (px) - 0 para desativar"
 										}), /* @__PURE__ */ jsx(u$1, {
 											type: "number",
-											value: GF,
-											onChange: (n) => KF(n.target.value),
+											value: JF,
+											onChange: (n) => YF(n.target.value),
 											placeholder: "0"
 										})]
 									})
@@ -13542,11 +13614,11 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 						children: "Cancelar"
 					}) }), /* @__PURE__ */ jsx(D$2, { children: /* @__PURE__ */ jsx(o, {
 						onClick: () => {
-							let n = parseInt(UF, 10), E = {
-								type: qF,
-								duration: Number(XF),
+							let n = parseInt(KF, 10), E = {
+								type: XF,
+								duration: Number($F),
 								delay: 0,
-								timingFunction: QF
+								timingFunction: tI
 							};
 							_({
 								sortProp: M === "__none__" ? "" : M,
@@ -14325,7 +14397,7 @@ var defaultKeyboardCodes = {
 					let A = n.code, { isTop: j, isRight: N, isLeft: P, isBottom: z, maxScroll: H, minScroll: U } = getScrollPosition(E), W = getScrollElementRect(E), G = {
 						x: Math.min(A === KeyboardCode.Right ? W.right - W.width / 2 : W.right, Math.max(A === KeyboardCode.Right ? W.left : W.left + W.width / 2, B.x)),
 						y: Math.min(A === KeyboardCode.Down ? W.bottom - W.height / 2 : W.bottom, Math.max(A === KeyboardCode.Down ? W.top : W.top + W.height / 2, B.y))
-					}, Z = A === KeyboardCode.Right && !N || A === KeyboardCode.Left && !P, HF = A === KeyboardCode.Down && !z || A === KeyboardCode.Up && !j;
+					}, Z = A === KeyboardCode.Right && !N || A === KeyboardCode.Left && !P, GF = A === KeyboardCode.Down && !z || A === KeyboardCode.Up && !j;
 					if (Z && G.x !== B.x) {
 						let n = E.scrollLeft + _.x, j = A === KeyboardCode.Right && n <= H.x || A === KeyboardCode.Left && n >= U.x;
 						if (j && !_.y) {
@@ -14340,7 +14412,7 @@ var defaultKeyboardCodes = {
 							behavior: M
 						});
 						break;
-					} else if (HF && G.y !== B.y) {
+					} else if (GF && G.y !== B.y) {
 						let n = E.scrollTop + _.y, j = A === KeyboardCode.Down && n <= H.y || A === KeyboardCode.Up && n >= U.y;
 						if (j && !_.x) {
 							E.scrollTo({
@@ -14532,13 +14604,13 @@ function useAutoScroller(n) {
 	let { acceleration: _, activator: E = AutoScrollActivator.Pointer, canScroll: O, draggingRect: A, enabled: j, interval: M = 5, order: N = TraversalOrder.TreeOrder, pointerCoordinates: P, scrollableAncestors: z, scrollableAncestorRects: B, delta: H, threshold: W } = n, Z = useScrollIntent({
 		delta: H,
 		disabled: !j
-	}), [HF, UF] = useInterval(), WF = useRef({
+	}), [GF, KF] = useInterval(), qF = useRef({
 		x: 0,
 		y: 0
-	}), KF = useRef({
+	}), YF = useRef({
 		x: 0,
 		y: 0
-	}), JF = useMemo(() => {
+	}), ZF = useMemo(() => {
 		switch (E) {
 			case AutoScrollActivator.Pointer: return P ? {
 				top: P.y,
@@ -14552,47 +14624,47 @@ function useAutoScroller(n) {
 		E,
 		A,
 		P
-	]), YF = useRef(null), XF = useCallback(() => {
-		let n = YF.current;
+	]), QF = useRef(null), $F = useCallback(() => {
+		let n = QF.current;
 		if (!n) return;
-		let _ = WF.current.x * KF.current.x, E = WF.current.y * KF.current.y;
+		let _ = qF.current.x * YF.current.x, E = qF.current.y * YF.current.y;
 		n.scrollBy(_, E);
-	}, []), ZF = useMemo(() => N === TraversalOrder.TreeOrder ? [...z].reverse() : z, [N, z]);
+	}, []), eI = useMemo(() => N === TraversalOrder.TreeOrder ? [...z].reverse() : z, [N, z]);
 	useEffect(() => {
-		if (!j || !z.length || !JF) {
-			UF();
+		if (!j || !z.length || !ZF) {
+			KF();
 			return;
 		}
-		for (let n of ZF) {
+		for (let n of eI) {
 			if (O?.(n) === !1) continue;
 			let E = B[z.indexOf(n)];
 			if (!E) continue;
-			let { direction: A, speed: j } = getScrollDirectionAndSpeed(n, E, JF, _, W);
+			let { direction: A, speed: j } = getScrollDirectionAndSpeed(n, E, ZF, _, W);
 			for (let n of ["x", "y"]) Z[n][A[n]] || (j[n] = 0, A[n] = 0);
 			if (j.x > 0 || j.y > 0) {
-				UF(), YF.current = n, HF(XF, M), WF.current = j, KF.current = A;
+				KF(), QF.current = n, GF($F, M), qF.current = j, YF.current = A;
 				return;
 			}
 		}
-		WF.current = {
+		qF.current = {
 			x: 0,
 			y: 0
-		}, KF.current = {
+		}, YF.current = {
 			x: 0,
 			y: 0
-		}, UF();
+		}, KF();
 	}, [
 		_,
-		XF,
+		$F,
 		O,
-		UF,
+		KF,
 		j,
 		M,
-		JSON.stringify(JF),
+		JSON.stringify(ZF),
 		JSON.stringify(Z),
-		HF,
+		GF,
 		z,
-		ZF,
+		eI,
 		B,
 		JSON.stringify(W)
 	]);
@@ -14654,9 +14726,9 @@ var MeasuringFrequency;
 })(MeasuringFrequency ||= {});
 var defaultValue = /* @__PURE__ */ new Map();
 function useDroppableMeasuring(n, _) {
-	let { dragging: E, dependencies: O, config: A } = _, [j, M] = useState(null), { frequency: N, measure: P, strategy: z } = A, B = useRef(n), H = WF(), W = useLatestValue(H), Z = useCallback(function(n) {
+	let { dragging: E, dependencies: O, config: A } = _, [j, M] = useState(null), { frequency: N, measure: P, strategy: z } = A, B = useRef(n), H = qF(), W = useLatestValue(H), Z = useCallback(function(n) {
 		n === void 0 && (n = []), !W.current && M((_) => _ === null ? n : _.concat(n.filter((n) => !_.includes(n))));
-	}, [W]), HF = useRef(null), UF = useLazyMemo((_) => {
+	}, [W]), GF = useRef(null), KF = useLazyMemo((_) => {
 		if (H && !E) return defaultValue;
 		if (!_ || _ === defaultValue || B.current !== n || j != null) {
 			let _ = /* @__PURE__ */ new Map();
@@ -14686,8 +14758,8 @@ function useDroppableMeasuring(n, _) {
 	}, [E, H]), useEffect(() => {
 		j && j.length > 0 && M(null);
 	}, [JSON.stringify(j)]), useEffect(() => {
-		H || typeof N != "number" || HF.current !== null || (HF.current = setTimeout(() => {
-			Z(), HF.current = null;
+		H || typeof N != "number" || GF.current !== null || (GF.current = setTimeout(() => {
+			Z(), GF.current = null;
 		}, N));
 	}, [
 		N,
@@ -14695,11 +14767,11 @@ function useDroppableMeasuring(n, _) {
 		Z,
 		...O
 	]), {
-		droppableRects: UF,
+		droppableRects: KF,
 		measureDroppableContainers: Z,
 		measuringScheduled: j != null
 	};
-	function WF() {
+	function qF() {
 		switch (z) {
 			case MeasuringStrategy.Always: return !1;
 			case MeasuringStrategy.BeforeDragging: return E;
@@ -15124,84 +15196,84 @@ var ActiveDraggableContext = /* @__PURE__ */ createContext({
 	n[n.Uninitialized = 0] = "Uninitialized", n[n.Initializing = 1] = "Initializing", n[n.Initialized = 2] = "Initialized";
 })(Status ||= {});
 var DndContext = /* @__PURE__ */ memo(function(n) {
-	let { id: E, accessibility: O, autoScroll: A = !0, children: j, sensors: M = defaultSensors, collisionDetection: N = rectIntersection, measuring: P, modifiers: z, ...B } = n, [H, W] = useReducer(reducer, void 0, getInitialState), [Z, HF] = useDndMonitorProvider(), [UF, WF] = useState(Status.Uninitialized), YF = UF === Status.Initialized, { draggable: { active: XF, nodes: ZF, translate: QF }, droppable: { containers: eI } } = H, tI = XF == null ? null : ZF.get(XF), nI = useRef({
+	let { id: E, accessibility: O, autoScroll: A = !0, children: j, sensors: M = defaultSensors, collisionDetection: N = rectIntersection, measuring: P, modifiers: z, ...B } = n, [H, W] = useReducer(reducer, void 0, getInitialState), [Z, GF] = useDndMonitorProvider(), [KF, qF] = useState(Status.Uninitialized), QF = KF === Status.Initialized, { draggable: { active: $F, nodes: eI, translate: tI }, droppable: { containers: rI } } = H, iI = $F == null ? null : eI.get($F), aI = useRef({
 		initial: null,
 		translated: null
-	}), rI = useMemo(() => XF == null ? null : {
-		id: XF,
-		data: tI?.data ?? defaultData,
-		rect: nI
-	}, [XF, tI]), iI = useRef(null), [aI, oI] = useState(null), [sI, cI] = useState(null), lI = useLatestValue(B, Object.values(B)), uI = useUniqueId("DndDescribedBy", E), dI = useMemo(() => eI.getEnabled(), [eI]), fI = useMeasuringConfiguration(P), { droppableRects: pI, measureDroppableContainers: mI, measuringScheduled: hI } = useDroppableMeasuring(dI, {
-		dragging: YF,
-		dependencies: [QF.x, QF.y],
-		config: fI.droppable
-	}), gI = useCachedNode(ZF, XF), _I = useMemo(() => sI ? getEventCoordinates(sI) : null, [sI]), vI = YI(), yI = useInitialRect(gI, fI.draggable.measure);
+	}), oI = useMemo(() => $F == null ? null : {
+		id: $F,
+		data: iI?.data ?? defaultData,
+		rect: aI
+	}, [$F, iI]), sI = useRef(null), [cI, lI] = useState(null), [uI, dI] = useState(null), fI = useLatestValue(B, Object.values(B)), pI = useUniqueId("DndDescribedBy", E), mI = useMemo(() => rI.getEnabled(), [rI]), hI = useMeasuringConfiguration(P), { droppableRects: gI, measureDroppableContainers: _I, measuringScheduled: vI } = useDroppableMeasuring(mI, {
+		dragging: QF,
+		dependencies: [tI.x, tI.y],
+		config: hI.droppable
+	}), yI = useCachedNode(eI, $F), bI = useMemo(() => uI ? getEventCoordinates(uI) : null, [uI]), xI = QI(), SI = useInitialRect(yI, hI.draggable.measure);
 	useLayoutShiftScrollCompensation({
-		activeNode: XF == null ? null : ZF.get(XF),
-		config: vI.layoutShiftCompensation,
-		initialRect: yI,
-		measure: fI.draggable.measure
+		activeNode: $F == null ? null : eI.get($F),
+		config: xI.layoutShiftCompensation,
+		initialRect: SI,
+		measure: hI.draggable.measure
 	});
-	let bI = useRect(gI, fI.draggable.measure, yI), xI = useRect(gI ? gI.parentElement : null), SI = useRef({
+	let CI = useRect(yI, hI.draggable.measure, SI), wI = useRect(yI ? yI.parentElement : null), TI = useRef({
 		activatorEvent: null,
 		active: null,
-		activeNode: gI,
+		activeNode: yI,
 		collisionRect: null,
 		collisions: null,
-		droppableRects: pI,
-		draggableNodes: ZF,
+		droppableRects: gI,
+		draggableNodes: eI,
 		draggingNode: null,
 		draggingNodeRect: null,
-		droppableContainers: eI,
+		droppableContainers: rI,
 		over: null,
 		scrollableAncestors: [],
 		scrollAdjustedTranslate: null
-	}), CI = eI.getNodeFor(SI.current.over?.id), wI = useDragOverlayMeasuring({ measure: fI.dragOverlay.measure }), TI = wI.nodeRef.current ?? gI, EI = YF ? wI.rect ?? bI : null, DI = !!(wI.nodeRef.current && wI.rect), OI = useRectDelta(DI ? null : bI), kI = useWindowRect(TI ? getWindow(TI) : null), AI = useScrollableAncestors(YF ? CI ?? gI : null), jI = useRects(AI), MI = applyModifiers(z, {
+	}), EI = rI.getNodeFor(TI.current.over?.id), DI = useDragOverlayMeasuring({ measure: hI.dragOverlay.measure }), OI = DI.nodeRef.current ?? yI, kI = QF ? DI.rect ?? CI : null, AI = !!(DI.nodeRef.current && DI.rect), jI = useRectDelta(AI ? null : CI), MI = useWindowRect(OI ? getWindow(OI) : null), NI = useScrollableAncestors(QF ? EI ?? yI : null), PI = useRects(NI), FI = applyModifiers(z, {
 		transform: {
-			x: QF.x - OI.x,
-			y: QF.y - OI.y,
+			x: tI.x - jI.x,
+			y: tI.y - jI.y,
 			scaleX: 1,
 			scaleY: 1
 		},
-		activatorEvent: sI,
-		active: rI,
-		activeNodeRect: bI,
-		containerNodeRect: xI,
-		draggingNodeRect: EI,
-		over: SI.current.over,
-		overlayNodeRect: wI.rect,
-		scrollableAncestors: AI,
-		scrollableAncestorRects: jI,
-		windowRect: kI
-	}), NI = _I ? add(_I, QF) : null, PI = useScrollOffsets(AI), FI = useScrollOffsetsDelta(PI), II = useScrollOffsetsDelta(PI, [bI]), LI = add(MI, FI), RI = EI ? getAdjustedRect(EI, MI) : null, zI = rI && RI ? N({
-		active: rI,
-		collisionRect: RI,
-		droppableRects: pI,
-		droppableContainers: dI,
-		pointerCoordinates: NI
-	}) : null, BI = getFirstCollision(zI, "id"), [VI, HI] = useState(null), UI = adjustScale(DI ? MI : add(MI, II), VI?.rect ?? null, bI), WI = useRef(null), GI = useCallback((n, _) => {
+		activatorEvent: uI,
+		active: oI,
+		activeNodeRect: CI,
+		containerNodeRect: wI,
+		draggingNodeRect: kI,
+		over: TI.current.over,
+		overlayNodeRect: DI.rect,
+		scrollableAncestors: NI,
+		scrollableAncestorRects: PI,
+		windowRect: MI
+	}), II = bI ? add(bI, tI) : null, LI = useScrollOffsets(NI), RI = useScrollOffsetsDelta(LI), zI = useScrollOffsetsDelta(LI, [CI]), BI = add(FI, RI), VI = kI ? getAdjustedRect(kI, FI) : null, HI = oI && VI ? N({
+		active: oI,
+		collisionRect: VI,
+		droppableRects: gI,
+		droppableContainers: mI,
+		pointerCoordinates: II
+	}) : null, UI = getFirstCollision(HI, "id"), [WI, GI] = useState(null), KI = adjustScale(AI ? FI : add(FI, zI), WI?.rect ?? null, CI), qI = useRef(null), JI = useCallback((n, _) => {
 		let { sensor: E, options: O } = _;
-		if (iI.current == null) return;
-		let A = ZF.get(iI.current);
+		if (sI.current == null) return;
+		let A = eI.get(sI.current);
 		if (!A) return;
 		let j = n.nativeEvent;
-		WI.current = new E({
-			active: iI.current,
+		qI.current = new E({
+			active: sI.current,
 			activeNode: A,
 			event: j,
 			options: O,
-			context: SI,
+			context: TI,
 			onAbort(n) {
-				if (!ZF.get(n)) return;
-				let { onDragAbort: _ } = lI.current, E = { id: n };
+				if (!eI.get(n)) return;
+				let { onDragAbort: _ } = fI.current, E = { id: n };
 				_?.(E), Z({
 					type: "onDragAbort",
 					event: E
 				});
 			},
 			onPending(n, _, E, O) {
-				if (!ZF.get(n)) return;
-				let { onDragPending: A } = lI.current, j = {
+				if (!eI.get(n)) return;
+				let { onDragPending: A } = fI.current, j = {
 					id: n,
 					constraint: _,
 					initialCoordinates: E,
@@ -15213,27 +15285,27 @@ var DndContext = /* @__PURE__ */ memo(function(n) {
 				});
 			},
 			onStart(n) {
-				let _ = iI.current;
+				let _ = sI.current;
 				if (_ == null) return;
-				let E = ZF.get(_);
+				let E = eI.get(_);
 				if (!E) return;
-				let { onDragStart: O } = lI.current, A = {
+				let { onDragStart: O } = fI.current, A = {
 					activatorEvent: j,
 					active: {
 						id: _,
 						data: E.data,
-						rect: nI
+						rect: aI
 					}
 				};
 				unstable_batchedUpdates(() => {
-					O?.(A), WF(Status.Initializing), W({
+					O?.(A), qF(Status.Initializing), W({
 						type: Action.DragStart,
 						initialCoordinates: n,
 						active: _
 					}), Z({
 						type: "onDragStart",
 						event: A
-					}), oI(WI.current), cI(j);
+					}), lI(qI.current), dI(j);
 				});
 			},
 			onMove(n) {
@@ -15247,9 +15319,9 @@ var DndContext = /* @__PURE__ */ memo(function(n) {
 		});
 		function M(n) {
 			return async function() {
-				let { active: _, collisions: E, over: O, scrollAdjustedTranslate: A } = SI.current, M = null;
+				let { active: _, collisions: E, over: O, scrollAdjustedTranslate: A } = TI.current, M = null;
 				if (_ && A) {
-					let { cancelDrop: N } = lI.current;
+					let { cancelDrop: N } = fI.current;
 					M = {
 						activatorEvent: j,
 						active: _,
@@ -15258,11 +15330,11 @@ var DndContext = /* @__PURE__ */ memo(function(n) {
 						over: O
 					}, n === Action.DragEnd && typeof N == "function" && await Promise.resolve(N(M)) && (n = Action.DragCancel);
 				}
-				iI.current = null, unstable_batchedUpdates(() => {
-					W({ type: n }), WF(Status.Uninitialized), HI(null), oI(null), cI(null), WI.current = null;
+				sI.current = null, unstable_batchedUpdates(() => {
+					W({ type: n }), qF(Status.Uninitialized), GI(null), lI(null), dI(null), qI.current = null;
 					let _ = n === Action.DragEnd ? "onDragEnd" : "onDragCancel";
 					if (M) {
-						let n = lI.current[_];
+						let n = fI.current[_];
 						n?.(M), Z({
 							type: _,
 							event: M
@@ -15271,24 +15343,24 @@ var DndContext = /* @__PURE__ */ memo(function(n) {
 				});
 			};
 		}
-	}, [ZF]), KI = useCombineActivators(M, useCallback((n, _) => (E, O) => {
-		let A = E.nativeEvent, j = ZF.get(O);
-		if (iI.current !== null || !j || A.dndKit || A.defaultPrevented) return;
+	}, [eI]), YI = useCombineActivators(M, useCallback((n, _) => (E, O) => {
+		let A = E.nativeEvent, j = eI.get(O);
+		if (sI.current !== null || !j || A.dndKit || A.defaultPrevented) return;
 		let M = { active: j };
-		n(E, _.options, M) === !0 && (A.dndKit = { capturedBy: _.sensor }, iI.current = O, GI(E, _));
-	}, [ZF, GI]));
+		n(E, _.options, M) === !0 && (A.dndKit = { capturedBy: _.sensor }, sI.current = O, JI(E, _));
+	}, [eI, JI]));
 	useSensorSetup(M), useIsomorphicLayoutEffect$1(() => {
-		bI && UF === Status.Initializing && WF(Status.Initialized);
-	}, [bI, UF]), useEffect(() => {
-		let { onDragMove: n } = lI.current, { active: _, activatorEvent: E, collisions: O, over: A } = SI.current;
+		CI && KF === Status.Initializing && qF(Status.Initialized);
+	}, [CI, KF]), useEffect(() => {
+		let { onDragMove: n } = fI.current, { active: _, activatorEvent: E, collisions: O, over: A } = TI.current;
 		if (!_ || !E) return;
 		let j = {
 			active: _,
 			activatorEvent: E,
 			collisions: O,
 			delta: {
-				x: LI.x,
-				y: LI.y
+				x: BI.x,
+				y: BI.y
 			},
 			over: A
 		};
@@ -15298,10 +15370,10 @@ var DndContext = /* @__PURE__ */ memo(function(n) {
 				event: j
 			});
 		});
-	}, [LI.x, LI.y]), useEffect(() => {
-		let { active: n, activatorEvent: _, collisions: E, droppableContainers: O, scrollAdjustedTranslate: A } = SI.current;
-		if (!n || iI.current == null || !_ || !A) return;
-		let { onDragOver: j } = lI.current, M = O.get(BI), N = M && M.rect.current ? {
+	}, [BI.x, BI.y]), useEffect(() => {
+		let { active: n, activatorEvent: _, collisions: E, droppableContainers: O, scrollAdjustedTranslate: A } = TI.current;
+		if (!n || sI.current == null || !_ || !A) return;
+		let { onDragOver: j } = fI.current, M = O.get(UI), N = M && M.rect.current ? {
 			id: M.id,
 			rect: M.rect.current,
 			data: M.data,
@@ -15317,114 +15389,114 @@ var DndContext = /* @__PURE__ */ memo(function(n) {
 			over: N
 		};
 		unstable_batchedUpdates(() => {
-			HI(N), j?.(P), Z({
+			GI(N), j?.(P), Z({
 				type: "onDragOver",
 				event: P
 			});
 		});
-	}, [BI]), useIsomorphicLayoutEffect$1(() => {
-		SI.current = {
-			activatorEvent: sI,
-			active: rI,
-			activeNode: gI,
-			collisionRect: RI,
-			collisions: zI,
-			droppableRects: pI,
-			draggableNodes: ZF,
-			draggingNode: TI,
-			draggingNodeRect: EI,
-			droppableContainers: eI,
-			over: VI,
-			scrollableAncestors: AI,
-			scrollAdjustedTranslate: LI
-		}, nI.current = {
-			initial: EI,
-			translated: RI
+	}, [UI]), useIsomorphicLayoutEffect$1(() => {
+		TI.current = {
+			activatorEvent: uI,
+			active: oI,
+			activeNode: yI,
+			collisionRect: VI,
+			collisions: HI,
+			droppableRects: gI,
+			draggableNodes: eI,
+			draggingNode: OI,
+			draggingNodeRect: kI,
+			droppableContainers: rI,
+			over: WI,
+			scrollableAncestors: NI,
+			scrollAdjustedTranslate: BI
+		}, aI.current = {
+			initial: kI,
+			translated: VI
 		};
 	}, [
-		rI,
-		gI,
-		zI,
-		RI,
-		ZF,
-		TI,
-		EI,
-		pI,
-		eI,
+		oI,
+		yI,
+		HI,
 		VI,
-		AI,
-		LI
+		eI,
+		OI,
+		kI,
+		gI,
+		rI,
+		WI,
+		NI,
+		BI
 	]), useAutoScroller({
-		...vI,
-		delta: QF,
-		draggingRect: RI,
-		pointerCoordinates: NI,
-		scrollableAncestors: AI,
-		scrollableAncestorRects: jI
+		...xI,
+		delta: tI,
+		draggingRect: VI,
+		pointerCoordinates: II,
+		scrollableAncestors: NI,
+		scrollableAncestorRects: PI
 	});
-	let qI = useMemo(() => ({
-		active: rI,
-		activeNode: gI,
-		activeNodeRect: bI,
-		activatorEvent: sI,
-		collisions: zI,
-		containerNodeRect: xI,
-		dragOverlay: wI,
-		draggableNodes: ZF,
-		droppableContainers: eI,
-		droppableRects: pI,
-		over: VI,
-		measureDroppableContainers: mI,
-		scrollableAncestors: AI,
-		scrollableAncestorRects: jI,
-		measuringConfiguration: fI,
-		measuringScheduled: hI,
-		windowRect: kI
+	let XI = useMemo(() => ({
+		active: oI,
+		activeNode: yI,
+		activeNodeRect: CI,
+		activatorEvent: uI,
+		collisions: HI,
+		containerNodeRect: wI,
+		dragOverlay: DI,
+		draggableNodes: eI,
+		droppableContainers: rI,
+		droppableRects: gI,
+		over: WI,
+		measureDroppableContainers: _I,
+		scrollableAncestors: NI,
+		scrollableAncestorRects: PI,
+		measuringConfiguration: hI,
+		measuringScheduled: vI,
+		windowRect: MI
 	}), [
-		rI,
-		gI,
-		bI,
-		sI,
-		zI,
-		xI,
+		oI,
+		yI,
+		CI,
+		uI,
+		HI,
 		wI,
-		ZF,
+		DI,
 		eI,
-		pI,
-		VI,
-		mI,
-		AI,
-		jI,
-		fI,
+		rI,
+		gI,
+		WI,
+		_I,
+		NI,
+		PI,
 		hI,
-		kI
-	]), JI = useMemo(() => ({
-		activatorEvent: sI,
-		activators: KI,
-		active: rI,
-		activeNodeRect: bI,
-		ariaDescribedById: { draggable: uI },
+		vI,
+		MI
+	]), ZI = useMemo(() => ({
+		activatorEvent: uI,
+		activators: YI,
+		active: oI,
+		activeNodeRect: CI,
+		ariaDescribedById: { draggable: pI },
 		dispatch: W,
-		draggableNodes: ZF,
-		over: VI,
-		measureDroppableContainers: mI
+		draggableNodes: eI,
+		over: WI,
+		measureDroppableContainers: _I
 	}), [
-		sI,
-		KI,
-		rI,
-		bI,
-		W,
 		uI,
-		ZF,
-		VI,
-		mI
+		YI,
+		oI,
+		CI,
+		W,
+		pI,
+		eI,
+		WI,
+		_I
 	]);
-	return React.createElement(DndMonitorContext.Provider, { value: HF }, React.createElement(InternalContext.Provider, { value: JI }, React.createElement(PublicContext.Provider, { value: qI }, React.createElement(ActiveDraggableContext.Provider, { value: UI }, j)), React.createElement(RestoreFocus, { disabled: O?.restoreFocus === !1 })), React.createElement(Accessibility, {
+	return React.createElement(DndMonitorContext.Provider, { value: GF }, React.createElement(InternalContext.Provider, { value: ZI }, React.createElement(PublicContext.Provider, { value: XI }, React.createElement(ActiveDraggableContext.Provider, { value: KI }, j)), React.createElement(RestoreFocus, { disabled: O?.restoreFocus === !1 })), React.createElement(Accessibility, {
 		...O,
-		hiddenTextDescribedById: uI
+		hiddenTextDescribedById: pI
 	}));
-	function YI() {
-		let n = aI?.autoScrollEnabled === !1, _ = typeof A == "object" ? A.enabled === !1 : A === !1, E = YF && !n && !_;
+	function QI() {
+		let n = cI?.autoScrollEnabled === !1, _ = typeof A == "object" ? A.enabled === !1 : A === !1, E = QF && !n && !_;
 		return typeof A == "object" ? {
 			...A,
 			enabled: E
@@ -15432,13 +15504,13 @@ var DndContext = /* @__PURE__ */ memo(function(n) {
 	}
 }), NullContext = /* @__PURE__ */ createContext(null), defaultRole = "button", ID_PREFIX$1 = "Draggable";
 function useDraggable(n) {
-	let { id: _, data: E, disabled: O = !1, attributes: A } = n, j = useUniqueId(ID_PREFIX$1), { activators: M, activatorEvent: N, active: P, activeNodeRect: z, ariaDescribedById: B, draggableNodes: H, over: U } = useContext(InternalContext), { role: G = defaultRole, roleDescription: Z = "draggable", tabIndex: HF = 0 } = A ?? {}, UF = P?.id === _, WF = useContext(UF ? ActiveDraggableContext : NullContext), [KF, qF] = useNodeRef(), [JF, YF] = useNodeRef(), XF = useSyntheticListeners(M, _), ZF = useLatestValue(E);
+	let { id: _, data: E, disabled: O = !1, attributes: A } = n, j = useUniqueId(ID_PREFIX$1), { activators: M, activatorEvent: N, active: P, activeNodeRect: z, ariaDescribedById: B, draggableNodes: H, over: U } = useContext(InternalContext), { role: G = defaultRole, roleDescription: Z = "draggable", tabIndex: GF = 0 } = A ?? {}, KF = P?.id === _, qF = useContext(KF ? ActiveDraggableContext : NullContext), [YF, XF] = useNodeRef(), [ZF, QF] = useNodeRef(), $F = useSyntheticListeners(M, _), eI = useLatestValue(E);
 	return useIsomorphicLayoutEffect$1(() => (H.set(_, {
 		id: _,
 		key: j,
-		node: KF,
-		activatorNode: JF,
-		data: ZF
+		node: YF,
+		activatorNode: ZF,
+		data: eI
 	}), () => {
 		let n = H.get(_);
 		n && n.key === j && H.delete(_);
@@ -15448,26 +15520,26 @@ function useDraggable(n) {
 		activeNodeRect: z,
 		attributes: useMemo(() => ({
 			role: G,
-			tabIndex: HF,
+			tabIndex: GF,
 			"aria-disabled": O,
-			"aria-pressed": UF && G === defaultRole ? !0 : void 0,
+			"aria-pressed": KF && G === defaultRole ? !0 : void 0,
 			"aria-roledescription": Z,
 			"aria-describedby": B.draggable
 		}), [
 			O,
 			G,
-			HF,
-			UF,
+			GF,
+			KF,
 			Z,
 			B.draggable
 		]),
-		isDragging: UF,
-		listeners: O ? void 0 : XF,
-		node: KF,
+		isDragging: KF,
+		listeners: O ? void 0 : $F,
+		node: YF,
 		over: U,
-		setNodeRef: qF,
-		setActivatorNodeRef: YF,
-		transform: WF
+		setNodeRef: XF,
+		setActivatorNodeRef: QF,
+		transform: qF
 	};
 }
 function useDndContext() {
@@ -15475,34 +15547,34 @@ function useDndContext() {
 }
 var ID_PREFIX$1$1 = "Droppable", defaultResizeObserverConfig = { timeout: 25 };
 function useDroppable(n) {
-	let { data: _, disabled: E = !1, id: O, resizeObserverConfig: A } = n, j = useUniqueId(ID_PREFIX$1$1), { active: M, dispatch: N, over: P, measureDroppableContainers: z } = useContext(InternalContext), B = useRef({ disabled: E }), H = useRef(!1), Z = useRef(null), HF = useRef(null), { disabled: UF, updateMeasurementsFor: WF, timeout: GF } = {
+	let { data: _, disabled: E = !1, id: O, resizeObserverConfig: A } = n, j = useUniqueId(ID_PREFIX$1$1), { active: M, dispatch: N, over: P, measureDroppableContainers: z } = useContext(InternalContext), B = useRef({ disabled: E }), H = useRef(!1), Z = useRef(null), GF = useRef(null), { disabled: KF, updateMeasurementsFor: qF, timeout: JF } = {
 		...defaultResizeObserverConfig,
 		...A
-	}, KF = useLatestValue(WF ?? O), JF = useResizeObserver({
+	}, YF = useLatestValue(qF ?? O), ZF = useResizeObserver({
 		callback: useCallback(() => {
 			if (!H.current) {
 				H.current = !0;
 				return;
 			}
-			HF.current != null && clearTimeout(HF.current), HF.current = setTimeout(() => {
-				z(Array.isArray(KF.current) ? KF.current : [KF.current]), HF.current = null;
-			}, GF);
-		}, [GF]),
-		disabled: UF || !M
-	}), [YF, XF] = useNodeRef(useCallback((n, _) => {
-		JF && (_ && (JF.unobserve(_), H.current = !1), n && JF.observe(n));
-	}, [JF])), ZF = useLatestValue(_);
+			GF.current != null && clearTimeout(GF.current), GF.current = setTimeout(() => {
+				z(Array.isArray(YF.current) ? YF.current : [YF.current]), GF.current = null;
+			}, JF);
+		}, [JF]),
+		disabled: KF || !M
+	}), [QF, $F] = useNodeRef(useCallback((n, _) => {
+		ZF && (_ && (ZF.unobserve(_), H.current = !1), n && ZF.observe(n));
+	}, [ZF])), eI = useLatestValue(_);
 	return useEffect(() => {
-		!JF || !YF.current || (JF.disconnect(), H.current = !1, JF.observe(YF.current));
-	}, [YF, JF]), useEffect(() => (N({
+		!ZF || !QF.current || (ZF.disconnect(), H.current = !1, ZF.observe(QF.current));
+	}, [QF, ZF]), useEffect(() => (N({
 		type: Action.RegisterDroppable,
 		element: {
 			id: O,
 			key: j,
 			disabled: E,
-			node: YF,
+			node: QF,
 			rect: Z,
-			data: ZF
+			data: eI
 		}
 	}), () => N({
 		type: Action.UnregisterDroppable,
@@ -15524,9 +15596,9 @@ function useDroppable(n) {
 		active: M,
 		rect: Z,
 		isOver: P?.id === O,
-		node: YF,
+		node: QF,
 		over: P,
-		setNodeRef: XF
+		setNodeRef: $F
 	};
 }
 function AnimationManager(n) {
@@ -15663,13 +15735,13 @@ function createDefaultDropAnimation(n) {
 			active: j,
 			dragOverlay: M,
 			...P
-		}), HF = M.node.animate(U, {
+		}), GF = M.node.animate(U, {
 			duration: _,
 			easing: E,
 			fill: "forwards"
 		});
 		return new Promise((n) => {
-			HF.onfinish = () => {
+			GF.onfinish = () => {
 				Z?.(), n();
 			};
 		});
@@ -15682,39 +15754,39 @@ function useKey(n) {
 	}, [n]);
 }
 var DragOverlay = /* @__PURE__ */ React.memo((n) => {
-	let { adjustScale: E = !1, children: O, dropAnimation: A, style: j, transition: M, modifiers: N, wrapperElement: P = "div", className: z, zIndex: B = 999 } = n, { activatorEvent: H, active: U, activeNodeRect: G, containerNodeRect: Z, draggableNodes: HF, droppableContainers: UF, dragOverlay: WF, over: GF, measuringConfiguration: KF, scrollableAncestors: qF, scrollableAncestorRects: JF, windowRect: YF } = useDndContext(), XF = useContext(ActiveDraggableContext), ZF = useKey(U?.id), QF = applyModifiers(N, {
+	let { adjustScale: E = !1, children: O, dropAnimation: A, style: j, transition: M, modifiers: N, wrapperElement: P = "div", className: z, zIndex: B = 999 } = n, { activatorEvent: H, active: U, activeNodeRect: G, containerNodeRect: Z, draggableNodes: GF, droppableContainers: KF, dragOverlay: qF, over: JF, measuringConfiguration: YF, scrollableAncestors: XF, scrollableAncestorRects: ZF, windowRect: QF } = useDndContext(), $F = useContext(ActiveDraggableContext), eI = useKey(U?.id), tI = applyModifiers(N, {
 		activatorEvent: H,
 		active: U,
 		activeNodeRect: G,
 		containerNodeRect: Z,
-		draggingNodeRect: WF.rect,
-		over: GF,
-		overlayNodeRect: WF.rect,
-		scrollableAncestors: qF,
-		scrollableAncestorRects: JF,
-		transform: XF,
-		windowRect: YF
-	}), $F = useInitialValue(G), eI = useDropAnimation({
+		draggingNodeRect: qF.rect,
+		over: JF,
+		overlayNodeRect: qF.rect,
+		scrollableAncestors: XF,
+		scrollableAncestorRects: ZF,
+		transform: $F,
+		windowRect: QF
+	}), nI = useInitialValue(G), rI = useDropAnimation({
 		config: A,
-		draggableNodes: HF,
-		droppableContainers: UF,
-		measuringConfiguration: KF
-	}), tI = $F ? WF.setRef : void 0;
-	return React.createElement(NullifiedContextProvider, null, React.createElement(AnimationManager, { animation: eI }, U && ZF ? React.createElement(PositionedOverlay, {
-		key: ZF,
+		draggableNodes: GF,
+		droppableContainers: KF,
+		measuringConfiguration: YF
+	}), iI = nI ? qF.setRef : void 0;
+	return React.createElement(NullifiedContextProvider, null, React.createElement(AnimationManager, { animation: rI }, U && eI ? React.createElement(PositionedOverlay, {
+		key: eI,
 		id: U.id,
-		ref: tI,
+		ref: iI,
 		as: P,
 		activatorEvent: H,
 		adjustScale: E,
 		className: z,
 		transition: M,
-		rect: $F,
+		rect: nI,
 		style: {
 			zIndex: B,
 			...j
 		},
-		transform: QF
+		transform: tI
 	}, O) : null));
 });
 function arrayMove(n, _, E) {
@@ -15798,40 +15870,40 @@ var ID_PREFIX = "Sortable", Context = /* @__PURE__ */ React.createContext({
 	}
 });
 function SortableContext(n) {
-	let { children: E, id: O, items: A, strategy: j = rectSortingStrategy, disabled: M = !1 } = n, { active: N, dragOverlay: P, droppableRects: z, over: B, measureDroppableContainers: H } = useDndContext(), U = useUniqueId(ID_PREFIX, O), W = P.rect !== null, Z = useMemo(() => A.map((n) => typeof n == "object" && "id" in n ? n.id : n), [A]), HF = N != null, UF = N ? Z.indexOf(N.id) : -1, WF = B ? Z.indexOf(B.id) : -1, KF = useRef(Z), JF = !itemsEqual(Z, KF.current), YF = WF !== -1 && UF === -1 || JF, XF = normalizeDisabled(M);
+	let { children: E, id: O, items: A, strategy: j = rectSortingStrategy, disabled: M = !1 } = n, { active: N, dragOverlay: P, droppableRects: z, over: B, measureDroppableContainers: H } = useDndContext(), U = useUniqueId(ID_PREFIX, O), W = P.rect !== null, Z = useMemo(() => A.map((n) => typeof n == "object" && "id" in n ? n.id : n), [A]), GF = N != null, KF = N ? Z.indexOf(N.id) : -1, qF = B ? Z.indexOf(B.id) : -1, YF = useRef(Z), ZF = !itemsEqual(Z, YF.current), QF = qF !== -1 && KF === -1 || ZF, $F = normalizeDisabled(M);
 	useIsomorphicLayoutEffect$1(() => {
-		JF && HF && H(Z);
+		ZF && GF && H(Z);
 	}, [
-		JF,
+		ZF,
 		Z,
-		HF,
+		GF,
 		H
 	]), useEffect(() => {
-		KF.current = Z;
+		YF.current = Z;
 	}, [Z]);
-	let ZF = useMemo(() => ({
-		activeIndex: UF,
+	let eI = useMemo(() => ({
+		activeIndex: KF,
 		containerId: U,
-		disabled: XF,
-		disableTransforms: YF,
+		disabled: $F,
+		disableTransforms: QF,
 		items: Z,
-		overIndex: WF,
+		overIndex: qF,
 		useDragOverlay: W,
 		sortedRects: getSortedRects(Z, z),
 		strategy: j
 	}), [
-		UF,
+		KF,
 		U,
-		XF.draggable,
-		XF.droppable,
-		YF,
+		$F.draggable,
+		$F.droppable,
+		QF,
 		Z,
-		WF,
+		qF,
 		z,
 		W,
 		j
 	]);
-	return React.createElement(Context.Provider, { value: ZF }, E);
+	return React.createElement(Context.Provider, { value: eI }, E);
 }
 var defaultNewIndexGetter = (n) => {
 	let { id: _, items: E, activeIndex: O, overIndex: A } = n;
@@ -15873,112 +15945,112 @@ function useDerivedTransform(n) {
 	}, [j]), j;
 }
 function useSortable(n) {
-	let { animateLayoutChanges: _ = defaultAnimateLayoutChanges, attributes: E, disabled: O, data: A, getNewIndex: j = defaultNewIndexGetter, id: M, strategy: N, resizeObserverConfig: P, transition: z = defaultTransition } = n, { items: B, containerId: H, activeIndex: U, disabled: Z, disableTransforms: HF, sortedRects: UF, overIndex: WF, useDragOverlay: KF, strategy: JF } = useContext(Context), YF = normalizeLocalDisabled(O, Z), XF = B.indexOf(M), ZF = useMemo(() => ({
+	let { animateLayoutChanges: _ = defaultAnimateLayoutChanges, attributes: E, disabled: O, data: A, getNewIndex: j = defaultNewIndexGetter, id: M, strategy: N, resizeObserverConfig: P, transition: z = defaultTransition } = n, { items: B, containerId: H, activeIndex: U, disabled: Z, disableTransforms: GF, sortedRects: KF, overIndex: qF, useDragOverlay: YF, strategy: ZF } = useContext(Context), QF = normalizeLocalDisabled(O, Z), $F = B.indexOf(M), eI = useMemo(() => ({
 		sortable: {
 			containerId: H,
-			index: XF,
+			index: $F,
 			items: B
 		},
 		...A
 	}), [
 		H,
 		A,
-		XF,
+		$F,
 		B
-	]), QF = useMemo(() => B.slice(B.indexOf(M)), [B, M]), { rect: $F, node: eI, isOver: tI, setNodeRef: nI } = useDroppable({
+	]), tI = useMemo(() => B.slice(B.indexOf(M)), [B, M]), { rect: nI, node: rI, isOver: iI, setNodeRef: aI } = useDroppable({
 		id: M,
-		data: ZF,
-		disabled: YF.droppable,
+		data: eI,
+		disabled: QF.droppable,
 		resizeObserverConfig: {
-			updateMeasurementsFor: QF,
+			updateMeasurementsFor: tI,
 			...P
 		}
-	}), { active: rI, activatorEvent: iI, activeNodeRect: aI, attributes: oI, setNodeRef: sI, listeners: cI, isDragging: lI, over: uI, setActivatorNodeRef: dI, transform: fI } = useDraggable({
+	}), { active: oI, activatorEvent: sI, activeNodeRect: cI, attributes: lI, setNodeRef: uI, listeners: dI, isDragging: fI, over: pI, setActivatorNodeRef: mI, transform: hI } = useDraggable({
 		id: M,
-		data: ZF,
+		data: eI,
 		attributes: {
 			...defaultAttributes,
 			...E
 		},
-		disabled: YF.draggable
-	}), pI = useCombinedRefs(nI, sI), mI = !!rI, hI = mI && !HF && isValidIndex(U) && isValidIndex(WF), gI = !KF && lI, _I = hI ? (gI && hI ? fI : null) ?? (N ?? JF)({
-		rects: UF,
-		activeNodeRect: aI,
+		disabled: QF.draggable
+	}), gI = useCombinedRefs(aI, uI), _I = !!oI, vI = _I && !GF && isValidIndex(U) && isValidIndex(qF), yI = !YF && fI, bI = vI ? (yI && vI ? hI : null) ?? (N ?? ZF)({
+		rects: KF,
+		activeNodeRect: cI,
 		activeIndex: U,
-		overIndex: WF,
-		index: XF
-	}) : null, vI = isValidIndex(U) && isValidIndex(WF) ? j({
+		overIndex: qF,
+		index: $F
+	}) : null, xI = isValidIndex(U) && isValidIndex(qF) ? j({
 		id: M,
 		items: B,
 		activeIndex: U,
-		overIndex: WF
-	}) : XF, yI = rI?.id, bI = useRef({
-		activeId: yI,
+		overIndex: qF
+	}) : $F, SI = oI?.id, CI = useRef({
+		activeId: SI,
 		items: B,
-		newIndex: vI,
+		newIndex: xI,
 		containerId: H
-	}), xI = B !== bI.current.items, SI = _({
-		active: rI,
+	}), wI = B !== CI.current.items, TI = _({
+		active: oI,
 		containerId: H,
-		isDragging: lI,
-		isSorting: mI,
+		isDragging: fI,
+		isSorting: _I,
 		id: M,
-		index: XF,
+		index: $F,
 		items: B,
-		newIndex: bI.current.newIndex,
-		previousItems: bI.current.items,
-		previousContainerId: bI.current.containerId,
+		newIndex: CI.current.newIndex,
+		previousItems: CI.current.items,
+		previousContainerId: CI.current.containerId,
 		transition: z,
-		wasDragging: bI.current.activeId != null
-	}), CI = useDerivedTransform({
-		disabled: !SI,
-		index: XF,
-		node: eI,
-		rect: $F
+		wasDragging: CI.current.activeId != null
+	}), EI = useDerivedTransform({
+		disabled: !TI,
+		index: $F,
+		node: rI,
+		rect: nI
 	});
 	return useEffect(() => {
-		mI && bI.current.newIndex !== vI && (bI.current.newIndex = vI), H !== bI.current.containerId && (bI.current.containerId = H), B !== bI.current.items && (bI.current.items = B);
+		_I && CI.current.newIndex !== xI && (CI.current.newIndex = xI), H !== CI.current.containerId && (CI.current.containerId = H), B !== CI.current.items && (CI.current.items = B);
 	}, [
-		mI,
-		vI,
+		_I,
+		xI,
 		H,
 		B
 	]), useEffect(() => {
-		if (yI === bI.current.activeId) return;
-		if (yI != null && bI.current.activeId == null) {
-			bI.current.activeId = yI;
+		if (SI === CI.current.activeId) return;
+		if (SI != null && CI.current.activeId == null) {
+			CI.current.activeId = SI;
 			return;
 		}
 		let n = setTimeout(() => {
-			bI.current.activeId = yI;
+			CI.current.activeId = SI;
 		}, 50);
 		return () => clearTimeout(n);
-	}, [yI]), {
-		active: rI,
+	}, [SI]), {
+		active: oI,
 		activeIndex: U,
-		attributes: oI,
-		data: ZF,
-		rect: $F,
-		index: XF,
-		newIndex: vI,
+		attributes: lI,
+		data: eI,
+		rect: nI,
+		index: $F,
+		newIndex: xI,
 		items: B,
-		isOver: tI,
-		isSorting: mI,
-		isDragging: lI,
-		listeners: cI,
-		node: eI,
-		overIndex: WF,
-		over: uI,
-		setNodeRef: pI,
-		setActivatorNodeRef: dI,
-		setDroppableNodeRef: nI,
-		setDraggableNodeRef: sI,
-		transform: CI ?? _I,
-		transition: wI()
+		isOver: iI,
+		isSorting: _I,
+		isDragging: fI,
+		listeners: dI,
+		node: rI,
+		overIndex: qF,
+		over: pI,
+		setNodeRef: gI,
+		setActivatorNodeRef: mI,
+		setDroppableNodeRef: aI,
+		setDraggableNodeRef: uI,
+		transform: EI ?? bI,
+		transition: DI()
 	};
-	function wI() {
-		if (CI || xI && bI.current.newIndex === XF) return disabledTransition;
-		if (!(gI && !isKeyboardEvent(iI) || !z) && (mI || SI)) return CSS$1.Transition.toString({
+	function DI() {
+		if (EI || wI && CI.current.newIndex === $F) return disabledTransition;
+		if (!(yI && !isKeyboardEvent(sI) || !z) && (_I || TI)) return CSS$1.Transition.toString({
 			...z,
 			property: transitionProperty
 		});
@@ -16357,13 +16429,13 @@ function createRenderBatcher(n, _) {
 	}, j = () => E = !0, M = stepsOrder.reduce((n, E) => (n[E] = createRenderStep(j, _ ? E : void 0), n), {}), { setup: N, read: P, resolveKeyframes: z, preUpdate: B, update: H, preRender: U, render: W, postRender: G } = M, Z = () => {
 		let j = MotionGlobalConfig.useManualTiming ? A.timestamp : performance.now();
 		E = !1, MotionGlobalConfig.useManualTiming || (A.delta = O ? 1e3 / 60 : Math.max(Math.min(j - A.timestamp, maxElapsed), 1)), A.timestamp = j, A.isProcessing = !0, N.process(A), P.process(A), z.process(A), B.process(A), H.process(A), U.process(A), W.process(A), G.process(A), A.isProcessing = !1, E && _ && (O = !1, n(Z));
-	}, HF = () => {
+	}, GF = () => {
 		E = !0, O = !0, A.isProcessing || n(Z);
 	};
 	return {
 		schedule: stepsOrder.reduce((n, _) => {
 			let O = M[_];
-			return n[_] = (n, _ = !1, A = !1) => (E || HF(), O.schedule(n, _, A)), n;
+			return n[_] = (n, _ = !1, A = !1) => (E || GF(), O.schedule(n, _, A)), n;
 		}, {}),
 		cancel: (n) => {
 			for (let _ = 0; _ < stepsOrder.length; _++) M[stepsOrder[_]].cancel(n);
@@ -16721,40 +16793,40 @@ function spring(n = springDefaults.visualDuration, _ = springDefaults.bounce) {
 	}, { stiffness: P, damping: z, mass: B, duration: H, velocity: U, isResolvedFromDuration: W } = getSpringOptions({
 		...E,
 		velocity: -/* @__PURE__ */ millisecondsToSeconds(E.velocity || 0)
-	}), G = U || 0, Z = z / (2 * Math.sqrt(P * B)), HF = M - j, UF = /* @__PURE__ */ millisecondsToSeconds(Math.sqrt(P / B)), WF = Math.abs(HF) < 5;
-	O ||= WF ? springDefaults.restSpeed.granular : springDefaults.restSpeed.default, A ||= WF ? springDefaults.restDelta.granular : springDefaults.restDelta.default;
-	let GF;
+	}), G = U || 0, Z = z / (2 * Math.sqrt(P * B)), GF = M - j, KF = /* @__PURE__ */ millisecondsToSeconds(Math.sqrt(P / B)), qF = Math.abs(GF) < 5;
+	O ||= qF ? springDefaults.restSpeed.granular : springDefaults.restSpeed.default, A ||= qF ? springDefaults.restDelta.granular : springDefaults.restDelta.default;
+	let JF;
 	if (Z < 1) {
-		let n = calcAngularFreq(UF, Z);
-		GF = (_) => M - Math.exp(-Z * UF * _) * ((G + Z * UF * HF) / n * Math.sin(n * _) + HF * Math.cos(n * _));
-	} else if (Z === 1) GF = (n) => M - Math.exp(-UF * n) * (HF + (G + UF * HF) * n);
+		let n = calcAngularFreq(KF, Z);
+		JF = (_) => M - Math.exp(-Z * KF * _) * ((G + Z * KF * GF) / n * Math.sin(n * _) + GF * Math.cos(n * _));
+	} else if (Z === 1) JF = (n) => M - Math.exp(-KF * n) * (GF + (G + KF * GF) * n);
 	else {
-		let n = UF * Math.sqrt(Z * Z - 1);
-		GF = (_) => {
-			let E = Math.exp(-Z * UF * _), O = Math.min(n * _, 300);
-			return M - E * ((G + Z * UF * HF) * Math.sinh(O) + n * HF * Math.cosh(O)) / n;
+		let n = KF * Math.sqrt(Z * Z - 1);
+		JF = (_) => {
+			let E = Math.exp(-Z * KF * _), O = Math.min(n * _, 300);
+			return M - E * ((G + Z * KF * GF) * Math.sinh(O) + n * GF * Math.cosh(O)) / n;
 		};
 	}
-	let KF = {
+	let YF = {
 		calculatedDuration: W && H || null,
 		next: (n) => {
-			let _ = GF(n);
+			let _ = JF(n);
 			if (W) N.done = n >= H;
 			else {
 				let E = n === 0 ? G : 0;
-				Z < 1 && (E = n === 0 ? /* @__PURE__ */ secondsToMilliseconds(G) : calcGeneratorVelocity(GF, n, _));
+				Z < 1 && (E = n === 0 ? /* @__PURE__ */ secondsToMilliseconds(G) : calcGeneratorVelocity(JF, n, _));
 				let j = Math.abs(E) <= O, P = Math.abs(M - _) <= A;
 				N.done = j && P;
 			}
 			return N.value = N.done ? M : _, N;
 		},
 		toString: () => {
-			let n = Math.min(calcGeneratorDuration(KF), maxGeneratorDuration), _ = generateLinearEasing((_) => KF.next(n * _).value, n, 30);
+			let n = Math.min(calcGeneratorDuration(YF), maxGeneratorDuration), _ = generateLinearEasing((_) => YF.next(n * _).value, n, 30);
 			return n + "ms " + _;
 		},
 		toTransition: () => {}
 	};
-	return KF;
+	return YF;
 }
 spring.applyToOptions = (n) => {
 	let _ = createGeneratorEasing(n, 100, spring);
@@ -16764,26 +16836,26 @@ function inertia({ keyframes: n, velocity: _ = 0, power: E = .8, timeConstant: O
 	let H = n[0], U = {
 		done: !1,
 		value: H
-	}, W = (n) => N !== void 0 && n < N || P !== void 0 && n > P, G = (n) => N === void 0 ? P : P === void 0 || Math.abs(N - n) < Math.abs(P - n) ? N : P, Z = E * _, HF = H + Z, UF = M === void 0 ? HF : M(HF);
-	UF !== HF && (Z = UF - H);
-	let WF = (n) => -Z * Math.exp(-n / O), GF = (n) => UF + WF(n), KF = (n) => {
-		let _ = WF(n), E = GF(n);
-		U.done = Math.abs(_) <= z, U.value = U.done ? UF : E;
-	}, qF, JF, YF = (n) => {
-		W(U.value) && (qF = n, JF = spring({
+	}, W = (n) => N !== void 0 && n < N || P !== void 0 && n > P, G = (n) => N === void 0 ? P : P === void 0 || Math.abs(N - n) < Math.abs(P - n) ? N : P, Z = E * _, GF = H + Z, KF = M === void 0 ? GF : M(GF);
+	KF !== GF && (Z = KF - H);
+	let qF = (n) => -Z * Math.exp(-n / O), JF = (n) => KF + qF(n), YF = (n) => {
+		let _ = qF(n), E = JF(n);
+		U.done = Math.abs(_) <= z, U.value = U.done ? KF : E;
+	}, XF, ZF, QF = (n) => {
+		W(U.value) && (XF = n, ZF = spring({
 			keyframes: [U.value, G(U.value)],
-			velocity: calcGeneratorVelocity(GF, n, U.value),
+			velocity: calcGeneratorVelocity(JF, n, U.value),
 			damping: A,
 			stiffness: j,
 			restDelta: z,
 			restSpeed: B
 		}));
 	};
-	return YF(0), {
+	return QF(0), {
 		calculatedDuration: null,
 		next: (n) => {
 			let _ = !1;
-			return !JF && qF === void 0 && (_ = !0, KF(n), YF(n)), qF !== void 0 && n >= qF ? JF.next(n - qF) : (!_ && KF(n), U);
+			return !ZF && XF === void 0 && (_ = !0, YF(n), QF(n)), XF !== void 0 && n >= XF ? ZF.next(n - XF) : (!_ && YF(n), U);
 		}
 	};
 }
@@ -16903,22 +16975,22 @@ var WithPromise = class {
 		if (this.startTime === null) return E.next(0);
 		let { delay: P = 0, keyframes: z, repeat: B, repeatType: H, repeatDelay: U, type: W, onUpdate: G, finalKeyframe: Z } = this.options;
 		this.speed > 0 ? this.startTime = Math.min(this.startTime, n) : this.speed < 0 && (this.startTime = Math.min(n - O / this.speed, this.startTime)), _ ? this.currentTime = n : this.updateTime(n);
-		let HF = this.currentTime - P * (this.playbackSpeed >= 0 ? 1 : -1), UF = this.playbackSpeed >= 0 ? HF < 0 : HF > O;
-		this.currentTime = Math.max(HF, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = O);
-		let WF = this.currentTime, GF = E;
+		let GF = this.currentTime - P * (this.playbackSpeed >= 0 ? 1 : -1), KF = this.playbackSpeed >= 0 ? GF < 0 : GF > O;
+		this.currentTime = Math.max(GF, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = O);
+		let qF = this.currentTime, JF = E;
 		if (B) {
 			let n = Math.min(this.currentTime, O) / M, _ = Math.floor(n), E = n % 1;
-			!E && n >= 1 && (E = 1), E === 1 && _--, _ = Math.min(_, B + 1), _ % 2 && (H === "reverse" ? (E = 1 - E, U && (E -= U / M)) : H === "mirror" && (GF = j)), WF = clamp(0, 1, E) * M;
+			!E && n >= 1 && (E = 1), E === 1 && _--, _ = Math.min(_, B + 1), _ % 2 && (H === "reverse" ? (E = 1 - E, U && (E -= U / M)) : H === "mirror" && (JF = j)), qF = clamp(0, 1, E) * M;
 		}
-		let KF = UF ? {
+		let YF = KF ? {
 			done: !1,
 			value: z[0]
-		} : GF.next(WF);
-		A && (KF.value = A(KF.value));
-		let { done: qF } = KF;
-		!UF && N !== null && (qF = this.playbackSpeed >= 0 ? this.currentTime >= O : this.currentTime <= 0);
-		let JF = this.holdTime === null && (this.state === "finished" || this.state === "running" && qF);
-		return JF && W !== inertia && (KF.value = getFinalKeyframe$1(z, this.options, Z, this.speed)), G && G(KF.value), JF && this.finish(), KF;
+		} : JF.next(qF);
+		A && (YF.value = A(YF.value));
+		let { done: XF } = YF;
+		!KF && N !== null && (XF = this.playbackSpeed >= 0 ? this.currentTime >= O : this.currentTime <= 0);
+		let ZF = this.holdTime === null && (this.state === "finished" || this.state === "running" && XF);
+		return ZF && W !== inertia && (YF.value = getFinalKeyframe$1(z, this.options, Z, this.speed)), G && G(YF.value), ZF && this.finish(), YF;
 	}
 	then(n, _) {
 		return this.finished.then(n, _);
@@ -17981,46 +18053,46 @@ function onlyElements(n) {
 	}), _;
 }
 var AnimatePresence = ({ children: n, custom: _, initial: E = !0, onExitComplete: O, presenceAffectsLayout: A = !0, mode: j = "sync", propagate: M = !1, anchorX: N = "left", root: P }) => {
-	let [z, B] = usePresence(M), H = useMemo(() => onlyElements(n), [n]), U = M && !z ? [] : H.map(getChildKey), G = useRef(!0), Z = useRef(H), HF = useConstant(() => /* @__PURE__ */ new Map()), UF = useRef(/* @__PURE__ */ new Set()), [WF, KF] = useState(H), [YF, XF] = useState(H);
+	let [z, B] = usePresence(M), H = useMemo(() => onlyElements(n), [n]), U = M && !z ? [] : H.map(getChildKey), G = useRef(!0), Z = useRef(H), GF = useConstant(() => /* @__PURE__ */ new Map()), KF = useRef(/* @__PURE__ */ new Set()), [qF, YF] = useState(H), [QF, $F] = useState(H);
 	useIsomorphicLayoutEffect(() => {
 		G.current = !1, Z.current = H;
-		for (let n = 0; n < YF.length; n++) {
-			let _ = getChildKey(YF[n]);
-			U.includes(_) ? (HF.delete(_), UF.current.delete(_)) : HF.get(_) !== !0 && HF.set(_, !1);
+		for (let n = 0; n < QF.length; n++) {
+			let _ = getChildKey(QF[n]);
+			U.includes(_) ? (GF.delete(_), KF.current.delete(_)) : GF.get(_) !== !0 && GF.set(_, !1);
 		}
 	}, [
-		YF,
+		QF,
 		U.length,
 		U.join("-")
 	]);
-	let ZF = [];
-	if (H !== WF) {
+	let eI = [];
+	if (H !== qF) {
 		let n = [...H];
-		for (let _ = 0; _ < YF.length; _++) {
-			let E = YF[_], O = getChildKey(E);
-			U.includes(O) || (n.splice(_, 0, E), ZF.push(E));
+		for (let _ = 0; _ < QF.length; _++) {
+			let E = QF[_], O = getChildKey(E);
+			U.includes(O) || (n.splice(_, 0, E), eI.push(E));
 		}
-		return j === "wait" && ZF.length && (n = ZF), XF(onlyElements(n)), KF(H), null;
+		return j === "wait" && eI.length && (n = eI), $F(onlyElements(n)), YF(H), null;
 	}
-	process.env.NODE_ENV !== "production" && j === "wait" && YF.length > 1 && console.warn("You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.");
-	let { forceRender: QF } = useContext(LayoutGroupContext);
-	return jsx(Fragment$1, { children: YF.map((n) => {
-		let W = getChildKey(n), WF = M && !z ? !1 : H === YF || U.includes(W);
+	process.env.NODE_ENV !== "production" && j === "wait" && QF.length > 1 && console.warn("You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.");
+	let { forceRender: tI } = useContext(LayoutGroupContext);
+	return jsx(Fragment$1, { children: QF.map((n) => {
+		let W = getChildKey(n), qF = M && !z ? !1 : H === QF || U.includes(W);
 		return jsx(PresenceChild, {
-			isPresent: WF,
+			isPresent: qF,
 			initial: !G.current || E ? void 0 : !1,
 			custom: _,
 			presenceAffectsLayout: A,
 			mode: j,
 			root: P,
-			onExitComplete: WF ? void 0 : () => {
-				if (UF.current.has(W)) return;
-				if (UF.current.add(W), HF.has(W)) HF.set(W, !0);
+			onExitComplete: qF ? void 0 : () => {
+				if (KF.current.has(W)) return;
+				if (KF.current.add(W), GF.has(W)) GF.set(W, !0);
 				else return;
 				let n = !0;
-				HF.forEach((_) => {
+				GF.forEach((_) => {
 					_ || (n = !1);
-				}), n && (QF?.(), XF(Z.current), M && B?.(), O && O());
+				}), n && (tI?.(), $F(Z.current), M && B?.(), O && O());
 			},
 			anchorX: N,
 			children: n
@@ -18449,12 +18521,12 @@ function useVisualElement(n, _, E, O, A, j) {
 	useInsertionEffect(() => {
 		H && Z.current && H.update(E, P);
 	});
-	let HF = E[optimizedAppearDataAttribute], WF = useRef(!!HF && !window.MotionHandoffIsComplete?.(HF) && window.MotionHasOptimisedAnimation?.(HF));
+	let GF = E[optimizedAppearDataAttribute], qF = useRef(!!GF && !window.MotionHandoffIsComplete?.(GF) && window.MotionHasOptimisedAnimation?.(GF));
 	return useIsomorphicLayoutEffect(() => {
-		H && (Z.current = !0, window.MotionIsMounted = !0, H.updateFeatures(), H.scheduleRenderMicrotask(), WF.current && H.animationState && H.animationState.animateChanges());
+		H && (Z.current = !0, window.MotionIsMounted = !0, H.updateFeatures(), H.scheduleRenderMicrotask(), qF.current && H.animationState && H.animationState.animateChanges());
 	}), useEffect(() => {
-		H && (!WF.current && H.animationState && H.animationState.animateChanges(), WF.current &&= (queueMicrotask(() => {
-			window.MotionHandoffMarkAsComplete?.(HF);
+		H && (!qF.current && H.animationState && H.animationState.animateChanges(), qF.current &&= (queueMicrotask(() => {
+			window.MotionHandoffMarkAsComplete?.(GF);
 		}), !1), H.enteringChildren = void 0);
 	}), H;
 }
@@ -19132,34 +19204,34 @@ function createAnimationState(n) {
 	function M(j) {
 		let { props: M } = n, N = getVariantContext(n.parent) || {}, P = [], z = /* @__PURE__ */ new Set(), B = {}, H = Infinity;
 		for (let _ = 0; _ < numAnimationTypes; _++) {
-			let U = reversePriorityOrder[_], W = E[U], G = M[U] === void 0 ? N[U] : M[U], Z = isVariantLabel(G), HF = U === j ? W.isActive : null;
-			HF === !1 && (H = _);
-			let UF = G === N[U] && G !== M[U] && Z;
-			if (UF && O && n.manuallyAnimateOnMount && (UF = !1), W.protectedKeys = { ...B }, !W.isActive && HF === null || !G && !W.prevProp || isAnimationControls(G) || typeof G == "boolean") continue;
-			let WF = checkVariantsDidChange(W.prevProp, G), GF = WF || U === j && W.isActive && !UF && Z || _ > H && Z, KF = !1, qF = Array.isArray(G) ? G : [G], JF = qF.reduce(A(U), {});
-			HF === !1 && (JF = {});
-			let { prevResolvedValues: YF = {} } = W, XF = {
-				...YF,
-				...JF
-			}, ZF = (_) => {
-				GF = !0, z.has(_) && (KF = !0, z.delete(_)), W.needsAnimating[_] = !0;
+			let U = reversePriorityOrder[_], W = E[U], G = M[U] === void 0 ? N[U] : M[U], Z = isVariantLabel(G), GF = U === j ? W.isActive : null;
+			GF === !1 && (H = _);
+			let KF = G === N[U] && G !== M[U] && Z;
+			if (KF && O && n.manuallyAnimateOnMount && (KF = !1), W.protectedKeys = { ...B }, !W.isActive && GF === null || !G && !W.prevProp || isAnimationControls(G) || typeof G == "boolean") continue;
+			let qF = checkVariantsDidChange(W.prevProp, G), JF = qF || U === j && W.isActive && !KF && Z || _ > H && Z, YF = !1, XF = Array.isArray(G) ? G : [G], ZF = XF.reduce(A(U), {});
+			GF === !1 && (ZF = {});
+			let { prevResolvedValues: QF = {} } = W, $F = {
+				...QF,
+				...ZF
+			}, eI = (_) => {
+				JF = !0, z.has(_) && (YF = !0, z.delete(_)), W.needsAnimating[_] = !0;
 				let E = n.getValue(_);
 				E && (E.liveStyle = !1);
 			};
-			for (let n in XF) {
-				let _ = JF[n], E = YF[n];
+			for (let n in $F) {
+				let _ = ZF[n], E = QF[n];
 				if (B.hasOwnProperty(n)) continue;
 				let O = !1;
-				O = isKeyframesTarget(_) && isKeyframesTarget(E) ? !shallowCompare(_, E) : _ !== E, O ? _ == null ? z.add(n) : ZF(n) : _ !== void 0 && z.has(n) ? ZF(n) : W.protectedKeys[n] = !0;
+				O = isKeyframesTarget(_) && isKeyframesTarget(E) ? !shallowCompare(_, E) : _ !== E, O ? _ == null ? z.add(n) : eI(n) : _ !== void 0 && z.has(n) ? eI(n) : W.protectedKeys[n] = !0;
 			}
-			W.prevProp = G, W.prevResolvedValues = JF, W.isActive && (B = {
+			W.prevProp = G, W.prevResolvedValues = ZF, W.isActive && (B = {
 				...B,
-				...JF
-			}), O && n.blockInitialAnimation && (GF = !1);
-			let QF = UF && WF;
-			GF && (!QF || KF) && P.push(...qF.map((_) => {
+				...ZF
+			}), O && n.blockInitialAnimation && (JF = !1);
+			let tI = KF && qF;
+			JF && (!tI || YF) && P.push(...XF.map((_) => {
 				let E = { type: U };
-				if (typeof _ == "string" && O && !QF && n.manuallyAnimateOnMount && n.parent) {
+				if (typeof _ == "string" && O && !tI && n.manuallyAnimateOnMount && n.parent) {
 					let { parent: O } = n, A = resolveVariant(O, _);
 					if (O.enteringChildren && A) {
 						let { delayChildren: _ } = A.transition || {};
@@ -20730,7 +20802,17 @@ const processLayout = (n, _) => {
 		totalHeight: j
 	};
 };
-var getAnimationVariants = (n) => {
+var getTimingFunction = (n) => {
+	switch (n) {
+		case "linear": return "linear";
+		case "ease-in": return "easeIn";
+		case "ease-out": return "easeOut";
+		case "ease-in-out": return "easeInOut";
+		case "bounce": return "easeOut";
+		case "ease": return "easeInOut";
+		default: return "easeOut";
+	}
+}, getAnimationVariants = (n) => {
 	if (!n || n.type === "none") return {
 		initial: {
 			opacity: 0,
@@ -20915,19 +20997,20 @@ var getAnimationVariants = (n) => {
 		]
 	});
 }, ListItem = ({ item: n, elements: E, animation: O }) => {
-	let { elements: A, totalHeight: j } = React.useMemo(() => processLayout(E, n), [E, n]), M = React.useMemo(() => getAnimationVariants(O), [O]);
+	let { elements: A, totalHeight: j } = React.useMemo(() => processLayout(E, n), [E, n]), M = React.useMemo(() => getAnimationVariants(O), [O]), N = React.useMemo(() => M.animate?.transition || {
+		duration: O?.duration || .4,
+		ease: getTimingFunction(O?.timingFunction)
+	}, [O, M]);
 	return /* @__PURE__ */ jsx(motion.div, {
 		layout: !0,
-		initial: M.initial,
-		animate: M.animate,
+		variants: M,
+		initial: "initial",
+		animate: "animate",
 		exit: {
 			opacity: 0,
 			scale: .9
 		},
-		transition: {
-			duration: O?.duration || .4,
-			ease: O?.timingFunction || "easeOut"
-		},
+		transition: N,
 		whileHover: {
 			scale: 1.02,
 			transition: { duration: .2 }
@@ -21039,7 +21122,6 @@ const Preview = () => {
 							},
 							children: /* @__PURE__ */ jsx(AnimatePresence, {
 								mode: "popLayout",
-								initial: !1,
 								children: _.map((_, E) => /* @__PURE__ */ jsx(ListItem, {
 									item: _,
 									elements: n.elements,
@@ -21309,10 +21391,10 @@ const Ruler = ({ orientation: n }) => {
 						});
 						let N = j - n + 100, P = M - O + 100, z = window.innerWidth - 300, B = window.innerHeight - 100, H = z / N, U = B / P, W = Math.min(H, U);
 						W = Math.min(Math.max(W, .1), 5), _(W);
-						let G = (n + j) / 2, Z = (O + M) / 2, HF = z / 2, UF = B / 2;
+						let G = (n + j) / 2, Z = (O + M) / 2, GF = z / 2, KF = B / 2;
 						E({
-							x: HF - G * W,
-							y: UF - Z * W
+							x: GF - G * W,
+							y: KF - Z * W
 						});
 					},
 					children: /* @__PURE__ */ jsx(AspectRatioIcon, {})
@@ -21322,34 +21404,34 @@ const Ruler = ({ orientation: n }) => {
 	});
 };
 var EditorContent = ({ layout: n, initialState: E, onSave: O, theme: A = "light" }) => {
-	let [j, M] = useState(!0), [N, P] = useState(!0), [z, B] = useState(null), [H, U] = useState(!1), [W, G] = useState(!1), { addElement: Z, loadState: HF, state: UF, undo: WF, redo: GF, copy: KF, paste: qF, removeSelected: YF, updateElements: XF } = useEditor(), ZF = React.useRef(null);
+	let [j, M] = useState(!0), [N, P] = useState(!0), [z, B] = useState(null), [H, U] = useState(!1), [W, G] = useState(!1), { addElement: Z, loadState: GF, state: KF, undo: qF, redo: JF, copy: YF, paste: XF, removeSelected: QF, updateElements: $F } = useEditor(), eI = React.useRef(null);
 	React.useEffect(() => {
 		let n = () => {
 			G(window.innerWidth < 768);
 		};
 		return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
 	}, []);
-	let QF = () => {
+	let tI = () => {
 		let n = {
-			elements: UF.elements,
-			isList: UF.isList,
-			mockData: UF.mockData,
-			singleMockData: UF.singleMockData,
-			listSettings: UF.listSettings,
-			canvasHeight: UF.canvasHeight,
-			gridSize: UF.gridSize
+			elements: KF.elements,
+			isList: KF.isList,
+			mockData: KF.mockData,
+			singleMockData: KF.singleMockData,
+			listSettings: KF.listSettings,
+			canvasHeight: KF.canvasHeight,
+			gridSize: KF.gridSize
 		}, _ = JSON.stringify(n, null, 2), E = new Blob([_], { type: "application/json" }), O = URL.createObjectURL(E), A = document.createElement("a");
 		A.href = O, A.download = `layout-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.json`, document.body.appendChild(A), A.click(), document.body.removeChild(A), URL.revokeObjectURL(O);
-	}, $F = () => {
-		ZF.current?.click();
-	}, eI = (n) => {
+	}, nI = () => {
+		eI.current?.click();
+	}, rI = (n) => {
 		let _ = n.target.files?.[0];
 		if (!_) return;
 		let E = new FileReader();
 		E.onload = (n) => {
 			try {
 				let _ = n.target?.result;
-				HF(JSON.parse(_));
+				GF(JSON.parse(_));
 			} catch (n) {
 				console.error("Failed to import layout", n), alert("Erro ao importar layout. Arquivo inválido.");
 			}
@@ -21382,21 +21464,21 @@ var EditorContent = ({ layout: n, initialState: E, onSave: O, theme: A = "light"
 	}, [Z]), React.useEffect(() => {
 		let n = (n) => {
 			if (!(document.activeElement?.tagName === "INPUT" || document.activeElement?.tagName === "TEXTAREA" || document.activeElement?.isContentEditable)) {
-				if ((n.ctrlKey || n.metaKey) && n.key === "z") n.shiftKey ? (n.preventDefault(), GF()) : (n.preventDefault(), WF());
-				else if ((n.ctrlKey || n.metaKey) && n.key === "y") n.preventDefault(), GF();
-				else if ((n.ctrlKey || n.metaKey) && n.key === "c") n.preventDefault(), KF();
-				else if ((n.ctrlKey || n.metaKey) && n.key === "v") n.preventDefault(), qF();
-				else if (n.key === "Delete" || n.key === "Backspace") UF.selectedElementIds.length > 0 && (n.preventDefault(), YF());
+				if ((n.ctrlKey || n.metaKey) && n.key === "z") n.shiftKey ? (n.preventDefault(), JF()) : (n.preventDefault(), qF());
+				else if ((n.ctrlKey || n.metaKey) && n.key === "y") n.preventDefault(), JF();
+				else if ((n.ctrlKey || n.metaKey) && n.key === "c") n.preventDefault(), YF();
+				else if ((n.ctrlKey || n.metaKey) && n.key === "v") n.preventDefault(), XF();
+				else if (n.key === "Delete" || n.key === "Backspace") KF.selectedElementIds.length > 0 && (n.preventDefault(), QF());
 				else if ([
 					"ArrowUp",
 					"ArrowDown",
 					"ArrowLeft",
 					"ArrowRight"
-				].includes(n.key) && UF.selectedElementIds.length > 0) {
+				].includes(n.key) && KF.selectedElementIds.length > 0) {
 					n.preventDefault();
 					let _ = n.shiftKey ? 10 : 1, E = [];
-					UF.selectedElementIds.forEach((O) => {
-						let A = UF.elements.find((n) => n.id === O);
+					KF.selectedElementIds.forEach((O) => {
+						let A = KF.elements.find((n) => n.id === O);
 						if (A) {
 							let j = {};
 							n.key === "ArrowUp" && (j.y = A.y - _), n.key === "ArrowDown" && (j.y = A.y + _), n.key === "ArrowLeft" && (j.x = A.x - _), n.key === "ArrowRight" && (j.x = A.x + _), E.push({
@@ -21404,29 +21486,29 @@ var EditorContent = ({ layout: n, initialState: E, onSave: O, theme: A = "light"
 								changes: j
 							});
 						}
-					}), E.length > 0 && XF(E);
+					}), E.length > 0 && $F(E);
 				}
 			}
 		};
 		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
 	}, [
-		WF,
-		GF,
-		KF,
 		qF,
+		JF,
 		YF,
-		UF.selectedElementIds,
-		UF.elements,
-		XF
+		XF,
+		QF,
+		KF.selectedElementIds,
+		KF.elements,
+		$F
 	]), React.useEffect(() => {
 		if (E) try {
 			let n = typeof E == "string" ? JSON.parse(E) : E;
-			Array.isArray(n) ? HF({ elements: n }) : n.elements && HF(n);
+			Array.isArray(n) ? GF({ elements: n }) : n.elements && GF(n);
 		} catch (n) {
 			console.error("Failed to load initial state", n);
 		}
-	}, [E, HF]);
-	let rI = (n) => {
+	}, [E, GF]);
+	let oI = (n) => {
 		console.log(`Adding element of type: ${n}`), Z({
 			type: n,
 			content: `New ${n}`
@@ -21466,12 +21548,20 @@ var EditorContent = ({ layout: n, initialState: E, onSave: O, theme: A = "light"
 							direction: "column",
 							gap: "3",
 							children: /* @__PURE__ */ jsxs(p, { children: [
-								/* @__PURE__ */ jsx(p$2, {
-									size: "2",
-									weight: "bold",
+								/* @__PURE__ */ jsxs(p$1, {
+									justify: "between",
+									align: "center",
 									mb: "2",
-									as: "div",
-									children: "Editor"
+									children: [/* @__PURE__ */ jsx(p$2, {
+										size: "2",
+										weight: "bold",
+										children: "Editor"
+									}), /* @__PURE__ */ jsxs(e, {
+										color: "gray",
+										variant: "soft",
+										radius: "full",
+										children: ["v", package_default.version]
+									})]
 								}),
 								/* @__PURE__ */ jsxs(I$2, { children: [/* @__PURE__ */ jsx(h$1, { children: /* @__PURE__ */ jsx(o, {
 									variant: "solid",
@@ -21488,19 +21578,19 @@ var EditorContent = ({ layout: n, initialState: E, onSave: O, theme: A = "light"
 									style: { width: "240px" },
 									children: [
 										/* @__PURE__ */ jsx(v$3, {
-											onSelect: () => rI("text"),
+											onSelect: () => oI("text"),
 											children: "Texto"
 										}),
 										/* @__PURE__ */ jsx(v$3, {
-											onSelect: () => rI("image"),
+											onSelect: () => oI("image"),
 											children: "Imagem"
 										}),
 										/* @__PURE__ */ jsx(v$3, {
-											onSelect: () => rI("box"),
+											onSelect: () => oI("box"),
 											children: "Caixa (Container)"
 										}),
 										/* @__PURE__ */ jsx(v$3, {
-											onSelect: () => rI("text-container"),
+											onSelect: () => oI("text-container"),
 											children: "Container com Texto"
 										})
 									]
@@ -21516,12 +21606,12 @@ var EditorContent = ({ layout: n, initialState: E, onSave: O, theme: A = "light"
 									onClick: () => {
 										if (O) {
 											let n = {
-												elements: UF.elements,
-												isList: UF.isList,
-												mockData: UF.mockData,
-												singleMockData: UF.singleMockData,
-												listSettings: UF.listSettings,
-												canvasHeight: UF.canvasHeight
+												elements: KF.elements,
+												isList: KF.isList,
+												mockData: KF.mockData,
+												singleMockData: KF.singleMockData,
+												listSettings: KF.listSettings,
+												canvasHeight: KF.canvasHeight
 											};
 											O(JSON.stringify(n, null, 2));
 										}
@@ -21539,7 +21629,7 @@ var EditorContent = ({ layout: n, initialState: E, onSave: O, theme: A = "light"
 											cursor: "pointer",
 											justifyContent: "center"
 										},
-										onClick: QF,
+										onClick: tI,
 										children: [/* @__PURE__ */ jsx(DownloadIcon, {}), " Exportar"]
 									}), /* @__PURE__ */ jsxs(o, {
 										variant: "soft",
@@ -21549,16 +21639,16 @@ var EditorContent = ({ layout: n, initialState: E, onSave: O, theme: A = "light"
 											cursor: "pointer",
 											justifyContent: "center"
 										},
-										onClick: $F,
+										onClick: nI,
 										children: [/* @__PURE__ */ jsx(UploadIcon, {}), " Importar"]
 									})]
 								}),
 								/* @__PURE__ */ jsx("input", {
 									type: "file",
-									ref: ZF,
+									ref: eI,
 									style: { display: "none" },
 									accept: ".json",
-									onChange: eI
+									onChange: rI
 								}),
 								/* @__PURE__ */ jsx(p, {
 									mt: "2",
@@ -21919,65 +22009,81 @@ var camelToKebab = (n) => n.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toL
 		return isNaN(E) ? String(n) : _.numberFormat === "currency" ? (_.currencySymbol || "R$") + " " + E.toFixed(_.decimalPlaces || 2) : _.numberFormat === "percent" ? E.toFixed(_.decimalPlaces || 0) + "%" : E.toFixed(_.decimalPlaces || 0);
 	}
 	return String(n);
+}, getSafeTimingFunction = (n) => {
+	switch (n) {
+		case "linear": return "linear";
+		case "ease-in": return "ease-in";
+		case "ease-out": return "ease-out";
+		case "ease-in-out": return "ease-in-out";
+		case "bounce": return "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+		default: return "ease-out";
+	}
 }, computeLayout = (n, _) => {
-	let E = JSON.parse(JSON.stringify(n));
-	E.forEach((n) => {
-		n._originalY = n.y, n._originalHeight = n.height;
-	});
-	let O = (n, _) => {
+	let E = JSON.parse(JSON.stringify(n)), O = new Map(E.map((n) => [n.id, { ...n }])), A = [], j = (n, _) => {
+		if (n.id === _.id) return !1;
 		let E = .1;
 		return n.x >= _.x - E && n.x + n.width <= _.x + _.width + E && n.y >= _.y - E && n.y + n.height <= _.y + _.height + E;
 	};
-	E.filter((n) => (n.type === "text" || n.type === "text-container") && n.autoGrow).sort((n, _) => n.y - _.y).forEach((n) => {
-		let A = n.content;
-		A = A.replace(/\{\{(.*?)\}\}/g, (n, E) => {
-			let O = _[E.trim()];
-			return O == null ? n : String(O);
-		});
-		let j = parseInt(String(n.style && n.style.fontSize || 16)), M = String(n.style && n.style.fontFamily || "Arial");
-		if (n.type === "text-container" && n.containerExpansion === "horizontal") try {
-			let _ = document.createElement("canvas").getContext("2d");
-			if (_) {
-				_.font = `${j}px ${M}`;
-				let E = _.measureText(A), O = parseInt(String(n.style && n.style.padding || 0)) * 2, N = Math.ceil(E.width + O);
-				N > n.width && (n.width = N);
-			}
-		} catch {}
-		else {
-			let _ = 0, N = parseInt(String(n.style && n.style.padding || 0)), P = Math.max(1, n.width - N * 2), z = /<([a-z]+)([^>]*?)>/i.exec(A);
-			if (z) {
-				let n = z[2], E = /height=["']?(\d+)["']?/i.exec(n), O = /height:\s*(\d+)px/i.exec(n);
-				_ = E ? parseInt(E[1]) : O ? parseInt(O[1]) : measureTextHeight(A, P, M, j);
-			} else _ = measureTextHeight(A, P, M, j);
-			let B = _ + N * 2;
-			(!z || z && !_) && (B += 4);
-			let H = parseInt(String(n.style && n.style.minHeight || 0)), U = Math.max(B, H), W = n.height, G = U - W;
-			if (G > 0) {
-				let _ = n.y + W, A = {
-					x: n.x,
-					y: n.y,
-					width: n.width,
-					height: W
-				};
-				n.height = U, E.forEach((E) => {
-					if (E.id !== n.id) {
-						if (O(A, E)) {
-							E.height += G;
-							return;
-						}
-						E.y >= _ && Math.max(0, Math.min(n.x + n.width, E.x + E.width) - Math.max(n.x, E.x)) > 0 && (E.y += G);
-					}
-				});
+	E.forEach((n) => {
+		let M = n.type === "text", N = n.type === "text-container";
+		if ((M || N) && n.autoGrow) {
+			let M = n.content;
+			M = M.replace(/\{\{(.*?)\}\}/g, (E, O) => {
+				let A = _[O.trim()];
+				return A == null ? E : n.formatting ? formatValue(A, n.formatting) : String(A);
+			});
+			let P = parseInt(String(n.style && n.style.fontSize || 16)), z = String(n.style && n.style.fontFamily || "Arial");
+			if (N && n.containerExpansion === "horizontal") try {
+				let _ = document.createElement("canvas").getContext("2d");
+				if (_) {
+					_.font = `${P}px ${z}`;
+					let E = _.measureText(M), O = parseInt(String(n.style && n.style.padding || 0)) * 2, A = Math.ceil(E.width + O);
+					A > n.width && (n.width = A, n.content = M);
+				}
+			} catch {}
+			else {
+				let _ = 0, N = parseInt(String(n.style && n.style.padding || 0)), B = Math.max(1, n.width - N * 2), H = /<([a-z]+)([^>]*?)>/i.exec(M);
+				if (H) {
+					let n = H[2], E = /height=["']?(\d+)["']?/i.exec(n), O = /height:\s*(\d+)px/i.exec(n);
+					_ = E ? parseInt(E[1]) : O ? parseInt(O[1]) : measureTextHeight(M, B, z, P);
+				} else _ = measureTextHeight(M, B, z, P);
+				let U = _ + N * 2;
+				(!H || H && !_) && (U += 4);
+				let W = parseInt(String(n.style && n.style.minHeight || 0)), G = Math.max(U, W), Z = n.height, GF = G - Z;
+				if (GF > 0) {
+					n.height = G, n.content = M;
+					let _ = [], N = O.get(n.id);
+					N && E.forEach((E) => {
+						if (E.id === n.id) return;
+						let A = O.get(E.id);
+						A && j(N, A) && _.push(E);
+					});
+					let P = new Set([n.id]);
+					_.forEach((n) => {
+						n.height += GF, P.add(n.id);
+					}), A.push({
+						triggerY: n.y + Z,
+						delta: GF,
+						ignoreIds: P
+					});
+				}
 			}
 		}
+	}), E.forEach((n) => {
+		let _ = O.get(n.id);
+		if (!_) return;
+		let E = 0;
+		A.forEach((O) => {
+			O.ignoreIds.has(n.id) || _.y >= O.triggerY - .1 && (E += O.delta);
+		}), n.y += E;
 	});
-	let A = 0;
+	let M = 0;
 	return E.forEach((n) => {
 		let _ = n.y + n.height;
-		_ > A && (A = _);
+		_ > M && (M = _);
 	}), {
 		layoutElements: E,
-		maxY: A
+		maxY: M
 	};
 }, computeItemHeight = (n, _, E) => {
 	let { maxY: O } = computeLayout(n, _);
@@ -22153,8 +22259,9 @@ var camelToKebab = (n) => n.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toL
 		A?.newestPosition === "top" && O.reverse();
 		let j = A?.newestPosition === "top" ? "flex-start" : "flex-end", M = A?.entryAnimation || {
 			type: "slideIn",
-			duration: .3
-		}, N = M.type === "none" ? "none" : M.type, P = M.duration + "s", z = M.timingFunction || "ease-out", B = {
+			duration: .3,
+			delay: 0
+		}, N = M.type === "none" ? "none" : M.type, P = M.duration + "s", z = getSafeTimingFunction(M.timingFunction), B = {
 			display: "flex",
 			flexDirection: "column",
 			justifyContent: j,