@1urso/generic-editor 0.1.8 → 0.1.10

package/dist/generic-editor.js

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
 import React, { Component, Fragment, PureComponent, createContext, createElement, forwardRef, memo, useCallback, useContext, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import * as ReactDOM$1 from "react-dom";
-import ReactDOM, { createPortal, flushSync } from "react-dom";
+import ReactDOM, { flushSync } from "react-dom";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __esmMin = (s, d) => () => (s && (d = s(s = 0)), d), __commonJSMin = (s, d) => () => (d || s((d = { exports: {} }).exports, d), d.exports), __export = (s) => {
 	let d = {};
@@ -253,7 +253,7 @@ function createCollection(s) {
 		});
 	});
 	q.displayName = U;
-	let J = s + "CollectionItemSlot", X = "data-radix-collection-item", $ = /* @__PURE__ */ createSlot(J), PD = React.forwardRef((s, C) => {
+	let J = s + "CollectionItemSlot", X = "data-radix-collection-item", $ = /* @__PURE__ */ createSlot(J), TO = React.forwardRef((s, C) => {
 		let { scope: w, children: k, ...F } = s, V = React.useRef(null), U = useComposedRefs(C, V), K = L(J, w);
 		return React.useEffect(() => (K.itemMap.set(V, {
 			ref: V,
@@ -264,8 +264,8 @@ function createCollection(s) {
 			children: k
 		});
 	});
-	PD.displayName = J;
-	function FD(C) {
+	TO.displayName = J;
+	function EO(C) {
 		let w = L(s + "CollectionConsumer", C);
 		return React.useCallback(() => {
 			let s = w.collectionRef.current;
@@ -278,9 +278,9 @@ function createCollection(s) {
 		{
 			Provider: V,
 			Slot: q,
-			ItemSlot: PD
+			ItemSlot: TO
 		},
-		FD,
+		EO,
 		k
 	];
 }
@@ -433,15 +433,15 @@ var DISMISSABLE_LAYER_NAME = "DismissableLayer", CONTEXT_UPDATE = "dismissableLa
 	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
 	branches: /* @__PURE__ */ new Set()
 }), DismissableLayer = React$1.forwardRef((d, C) => {
-	let { disableOutsidePointerEvents: w = !1, onEscapeKeyDown: k, onPointerDownOutside: F, onFocusOutside: L, onInteractOutside: V, onDismiss: U, ...K } = d, q = React$1.useContext(DismissableLayerContext), [J, X] = React$1.useState(null), $ = J?.ownerDocument ?? globalThis?.document, [, PD] = React$1.useState({}), FD = useComposedRefs(C, (s) => X(s)), ID = Array.from(q.layers), [LD] = [...q.layersWithOutsidePointerEventsDisabled].slice(-1), RD = ID.indexOf(LD), zD = J ? ID.indexOf(J) : -1, BD = q.layersWithOutsidePointerEventsDisabled.size > 0, VD = zD >= RD, HD = usePointerDownOutside((s) => {
+	let { disableOutsidePointerEvents: w = !1, onEscapeKeyDown: k, onPointerDownOutside: F, onFocusOutside: L, onInteractOutside: V, onDismiss: U, ...K } = d, q = React$1.useContext(DismissableLayerContext), [J, X] = React$1.useState(null), $ = J?.ownerDocument ?? globalThis?.document, [, TO] = React$1.useState({}), EO = useComposedRefs(C, (s) => X(s)), DO = Array.from(q.layers), [OO] = [...q.layersWithOutsidePointerEventsDisabled].slice(-1), kO = DO.indexOf(OO), AO = J ? DO.indexOf(J) : -1, jO = q.layersWithOutsidePointerEventsDisabled.size > 0, MO = AO >= kO, NO = usePointerDownOutside((s) => {
 		let d = s.target, C = [...q.branches].some((s) => s.contains(d));
-		!VD || C || (F?.(s), V?.(s), s.defaultPrevented || U?.());
-	}, $), UD = useFocusOutside((s) => {
+		!MO || C || (F?.(s), V?.(s), s.defaultPrevented || U?.());
+	}, $), FO = useFocusOutside((s) => {
 		let d = s.target;
 		[...q.branches].some((s) => s.contains(d)) || (L?.(s), V?.(s), s.defaultPrevented || U?.());
 	}, $);
 	return useEscapeKeydown((s) => {
-		zD === q.layers.size - 1 && (k?.(s), !s.defaultPrevented && U && (s.preventDefault(), U()));
+		AO === q.layers.size - 1 && (k?.(s), !s.defaultPrevented && U && (s.preventDefault(), U()));
 	}, $), React$1.useEffect(() => {
 		if (J) return w && (q.layersWithOutsidePointerEventsDisabled.size === 0 && (originalBodyPointerEvents = $.body.style.pointerEvents, $.body.style.pointerEvents = "none"), q.layersWithOutsidePointerEventsDisabled.add(J)), q.layers.add(J), dispatchUpdate(), () => {
 			w && q.layersWithOutsidePointerEventsDisabled.size === 1 && ($.body.style.pointerEvents = originalBodyPointerEvents);
@@ -454,18 +454,18 @@ var DISMISSABLE_LAYER_NAME = "DismissableLayer", CONTEXT_UPDATE = "dismissableLa
 	]), React$1.useEffect(() => () => {
 		J && (q.layers.delete(J), q.layersWithOutsidePointerEventsDisabled.delete(J), dispatchUpdate());
 	}, [J, q]), React$1.useEffect(() => {
-		let s = () => PD({});
+		let s = () => TO({});
 		return document.addEventListener(CONTEXT_UPDATE, s), () => document.removeEventListener(CONTEXT_UPDATE, s);
 	}, []), /* @__PURE__ */ jsx(Primitive.div, {
 		...K,
-		ref: FD,
+		ref: EO,
 		style: {
-			pointerEvents: BD ? VD ? "auto" : "none" : void 0,
+			pointerEvents: jO ? MO ? "auto" : "none" : void 0,
 			...d.style
 		},
-		onFocusCapture: composeEventHandlers(d.onFocusCapture, UD.onFocusCapture),
-		onBlurCapture: composeEventHandlers(d.onBlurCapture, UD.onBlurCapture),
-		onPointerDownCapture: composeEventHandlers(d.onPointerDownCapture, HD.onPointerDownCapture)
+		onFocusCapture: composeEventHandlers(d.onFocusCapture, FO.onFocusCapture),
+		onBlurCapture: composeEventHandlers(d.onBlurCapture, FO.onBlurCapture),
+		onPointerDownCapture: composeEventHandlers(d.onPointerDownCapture, NO.onPointerDownCapture)
 	});
 });
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
@@ -529,7 +529,7 @@ var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount", AUTOFOCUS_ON_UNMOUNT = "
 	bubbles: !1,
 	cancelable: !0
 }, FOCUS_SCOPE_NAME = "FocusScope", FocusScope = React$1.forwardRef((d, C) => {
-	let { loop: w = !1, trapped: k = !1, onMountAutoFocus: F, onUnmountAutoFocus: L, ...V } = d, [U, K] = React$1.useState(null), q = useCallbackRef(F), J = useCallbackRef(L), X = React$1.useRef(null), $ = useComposedRefs(C, (s) => K(s)), PD = React$1.useRef({
+	let { loop: w = !1, trapped: k = !1, onMountAutoFocus: F, onUnmountAutoFocus: L, ...V } = d, [U, K] = React$1.useState(null), q = useCallbackRef(F), J = useCallbackRef(L), X = React$1.useRef(null), $ = useComposedRefs(C, (s) => K(s)), TO = React$1.useRef({
 		paused: !1,
 		pause() {
 			this.paused = !0;
@@ -541,11 +541,11 @@ var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount", AUTOFOCUS_ON_UNMOUNT = "
 	React$1.useEffect(() => {
 		if (k) {
 			let s = function(s) {
-				if (PD.paused || !U) return;
+				if (TO.paused || !U) return;
 				let d = s.target;
 				U.contains(d) ? X.current = d : focus(X.current, { select: !0 });
 			}, d = function(s) {
-				if (PD.paused || !U) return;
+				if (TO.paused || !U) return;
 				let d = s.relatedTarget;
 				d !== null && (U.contains(d) || focus(X.current, { select: !0 }));
 			}, C = function(s) {
@@ -563,10 +563,10 @@ var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount", AUTOFOCUS_ON_UNMOUNT = "
 	}, [
 		k,
 		U,
-		PD.paused
+		TO.paused
 	]), React$1.useEffect(() => {
 		if (U) {
-			focusScopesStack.add(PD);
+			focusScopesStack.add(TO);
 			let s = document.activeElement;
 			if (!U.contains(s)) {
 				let d = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS$1);
@@ -575,7 +575,7 @@ var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount", AUTOFOCUS_ON_UNMOUNT = "
 			return () => {
 				U.removeEventListener(AUTOFOCUS_ON_MOUNT, q), setTimeout(() => {
 					let d = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS$1);
-					U.addEventListener(AUTOFOCUS_ON_UNMOUNT, J), U.dispatchEvent(d), d.defaultPrevented || focus(s ?? document.body, { select: !0 }), U.removeEventListener(AUTOFOCUS_ON_UNMOUNT, J), focusScopesStack.remove(PD);
+					U.addEventListener(AUTOFOCUS_ON_UNMOUNT, J), U.dispatchEvent(d), d.defaultPrevented || focus(s ?? document.body, { select: !0 }), U.removeEventListener(AUTOFOCUS_ON_UNMOUNT, J), focusScopesStack.remove(TO);
 				}, 0);
 			};
 		}
@@ -583,10 +583,10 @@ var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount", AUTOFOCUS_ON_UNMOUNT = "
 		U,
 		q,
 		J,
-		PD
+		TO
 	]);
-	let FD = React$1.useCallback((s) => {
-		if (!w && !k || PD.paused) return;
+	let EO = React$1.useCallback((s) => {
+		if (!w && !k || TO.paused) return;
 		let d = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, C = document.activeElement;
 		if (d && C) {
 			let d = s.currentTarget, [k, F] = getTabbableEdges(d);
@@ -595,13 +595,13 @@ var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount", AUTOFOCUS_ON_UNMOUNT = "
 	}, [
 		w,
 		k,
-		PD.paused
+		TO.paused
 	]);
 	return /* @__PURE__ */ jsx(Primitive.div, {
 		tabIndex: -1,
 		...V,
 		ref: $,
-		onKeyDown: FD
+		onKeyDown: EO
 	});
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
@@ -662,7 +662,7 @@ function arrayRemove(s, d) {
 function removeLinks(s) {
 	return s.filter((s) => s.tagName !== "A");
 }
-var PORTAL_NAME$4 = "Portal", Portal = React$1.forwardRef((d, C) => {
+var PORTAL_NAME$5 = "Portal", Portal = React$1.forwardRef((d, C) => {
 	let { container: w, ...k } = d, [F, L] = React$1.useState(!1);
 	useLayoutEffect2(() => L(!0), []);
 	let V = w || F && globalThis?.document?.body;
@@ -671,7 +671,7 @@ var PORTAL_NAME$4 = "Portal", Portal = React$1.forwardRef((d, C) => {
 		ref: C
 	}), V) : null;
 });
-Portal.displayName = PORTAL_NAME$4;
+Portal.displayName = PORTAL_NAME$5;
 var count = 0;
 function useFocusGuards() {
 	React$1.useEffect(() => {
@@ -824,7 +824,7 @@ var effectCar = createSidecarMedium(), nothing = function() {}, RemoveScroll = R
 		onScrollCapture: nothing,
 		onWheelCapture: nothing,
 		onTouchMoveCapture: nothing
-	}), F = k[0], L = k[1], V = d.forwardProps, U = d.children, K = d.className, q = d.removeScrollBar, J = d.enabled, X = d.shards, $ = d.sideCar, PD = d.noRelative, FD = d.noIsolation, ID = d.inert, LD = d.allowPinchZoom, RD = d.as, zD = RD === void 0 ? "div" : RD, BD = d.gapMode, VD = __rest(d, [
+	}), F = k[0], L = k[1], V = d.forwardProps, U = d.children, K = d.className, q = d.removeScrollBar, J = d.enabled, X = d.shards, $ = d.sideCar, TO = d.noRelative, EO = d.noIsolation, DO = d.inert, OO = d.allowPinchZoom, kO = d.as, AO = kO === void 0 ? "div" : kO, jO = d.gapMode, MO = __rest(d, [
 		"forwardProps",
 		"children",
 		"className",
@@ -838,21 +838,21 @@ var effectCar = createSidecarMedium(), nothing = function() {}, RemoveScroll = R
 		"allowPinchZoom",
 		"as",
 		"gapMode"
-	]), HD = $, UD = useMergeRefs([w, C]), WD = __assign$2(__assign$2({}, VD), F);
-	return React$1.createElement(React$1.Fragment, null, J && React$1.createElement(HD, {
+	]), NO = $, PO = useMergeRefs([w, C]), FO = __assign$2(__assign$2({}, MO), F);
+	return React$1.createElement(React$1.Fragment, null, J && React$1.createElement(NO, {
 		sideCar: effectCar,
 		removeScrollBar: q,
 		shards: X,
-		noRelative: PD,
-		noIsolation: FD,
-		inert: ID,
+		noRelative: TO,
+		noIsolation: EO,
+		inert: DO,
 		setCallbacks: L,
-		allowPinchZoom: !!LD,
+		allowPinchZoom: !!OO,
 		lockRef: w,
-		gapMode: BD
-	}), V ? React$1.cloneElement(React$1.Children.only(U), __assign$2(__assign$2({}, WD), { ref: UD })) : React$1.createElement(zD, __assign$2({}, WD, {
+		gapMode: jO
+	}), V ? React$1.cloneElement(React$1.Children.only(U), __assign$2(__assign$2({}, FO), { ref: PO })) : React$1.createElement(AO, __assign$2({}, FO, {
 		className: K,
-		ref: UD
+		ref: PO
 	}), U));
 });
 RemoveScroll.defaultProps = {
@@ -1040,10 +1040,10 @@ var nonPassive = passiveSupported ? { passive: !1 } : !1, alwaysContainsScroll =
 	var F = getDirectionFactor(s, window.getComputedStyle(d).direction), L = F * w, V = C.target, U = d.contains(V), K = !1, q = L > 0, J = 0, X = 0;
 	do {
 		if (!V) break;
-		var $ = getScrollVariables(s, V), PD = $[0], FD = $[1] - $[2] - F * PD;
-		(PD || FD) && elementCouldBeScrolled(s, V) && (J += FD, X += PD);
-		var ID = V.parentNode;
-		V = ID && ID.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? ID.host : ID;
+		var $ = getScrollVariables(s, V), TO = $[0], EO = $[1] - $[2] - F * TO;
+		(TO || EO) && elementCouldBeScrolled(s, V) && (J += EO, X += TO);
+		var DO = V.parentNode;
+		V = DO && DO.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? DO.host : DO;
 	} while (!U && V !== document.body || U && (d.contains(V) || d === V));
 	return (q && (k && Math.abs(J) < 1 || !k && L > J) || !q && (k && Math.abs(X) < 1 || !k && -L > X)) && (K = !0), K;
 }, getTouchXY = function(s) {
@@ -1087,12 +1087,12 @@ function RemoveScrollSideCar(d) {
 		if ("touches" in s && J === "h" && q.type === "range") return !1;
 		var X = window.getSelection(), $ = X && X.anchorNode;
 		if ($ && ($ === q || $.contains(q))) return !1;
-		var PD = locationCouldBeScrolled(J, q);
-		if (!PD) return !0;
-		if (PD ? K = J : (K = J === "v" ? "h" : "v", PD = locationCouldBeScrolled(J, q)), !PD) return !1;
+		var TO = locationCouldBeScrolled(J, q);
+		if (!TO) return !0;
+		if (TO ? K = J : (K = J === "v" ? "h" : "v", TO = locationCouldBeScrolled(J, q)), !TO) return !1;
 		if (!k.current && "changedTouches" in s && (L || U) && (k.current = K), !K) return !0;
-		var FD = k.current || K;
-		return handleScroll(FD, d, s, FD === "h" ? L : U, !0);
+		var EO = k.current || K;
+		return handleScroll(EO, d, s, EO === "h" ? L : U, !0);
 	}, []), K = React$1.useCallback(function(s) {
 		var d = s;
 		if (!(!lockStack.length || lockStack[lockStack.length - 1] !== L)) {
@@ -1141,8 +1141,8 @@ function RemoveScrollSideCar(d) {
 			}), document.removeEventListener("wheel", K, nonPassive), document.removeEventListener("touchmove", K, nonPassive), document.removeEventListener("touchstart", J, nonPassive);
 		};
 	}, []);
-	var PD = d.removeScrollBar, FD = d.inert;
-	return React$1.createElement(React$1.Fragment, null, FD ? React$1.createElement(L, { styles: generateStyle(F) }) : null, PD ? React$1.createElement(RemoveScrollBar, {
+	var TO = d.removeScrollBar, EO = d.inert;
+	return React$1.createElement(React$1.Fragment, null, EO ? React$1.createElement(L, { styles: generateStyle(F) }) : null, TO ? React$1.createElement(RemoveScrollBar, {
 		noRelative: d.noRelative,
 		gapMode: d.gapMode
 	}) : null);
@@ -1222,8 +1222,8 @@ var Combination_default = ReactRemoveScroll, getDefaultParent = function(s) {
 	});
 };
 Dialog.displayName = DIALOG_NAME;
-var TRIGGER_NAME$2 = "DialogTrigger", DialogTrigger = React$1.forwardRef((s, d) => {
-	let { __scopeDialog: C, ...w } = s, k = useDialogContext(TRIGGER_NAME$2, C), F = useComposedRefs(d, k.triggerRef);
+var TRIGGER_NAME$3 = "DialogTrigger", DialogTrigger = React$1.forwardRef((s, d) => {
+	let { __scopeDialog: C, ...w } = s, k = useDialogContext(TRIGGER_NAME$3, C), F = useComposedRefs(d, k.triggerRef);
 	return /* @__PURE__ */ jsx(Primitive.button, {
 		type: "button",
 		"aria-haspopup": "dialog",
@@ -1235,9 +1235,9 @@ var TRIGGER_NAME$2 = "DialogTrigger", DialogTrigger = React$1.forwardRef((s, d)
 		onClick: composeEventHandlers(s.onClick, k.onOpenToggle)
 	});
 });
-DialogTrigger.displayName = TRIGGER_NAME$2;
-var PORTAL_NAME$3 = "DialogPortal", [PortalProvider$2, usePortalContext$2] = createDialogContext(PORTAL_NAME$3, { forceMount: void 0 }), DialogPortal = (d) => {
-	let { __scopeDialog: C, forceMount: w, children: k, container: F } = d, L = useDialogContext(PORTAL_NAME$3, C);
+DialogTrigger.displayName = TRIGGER_NAME$3;
+var PORTAL_NAME$4 = "DialogPortal", [PortalProvider$2, usePortalContext$2] = createDialogContext(PORTAL_NAME$4, { forceMount: void 0 }), DialogPortal = (d) => {
+	let { __scopeDialog: C, forceMount: w, children: k, container: F } = d, L = useDialogContext(PORTAL_NAME$4, C);
 	return /* @__PURE__ */ jsx(PortalProvider$2, {
 		scope: C,
 		forceMount: w,
@@ -1251,7 +1251,7 @@ var PORTAL_NAME$3 = "DialogPortal", [PortalProvider$2, usePortalContext$2] = cre
 		}))
 	});
 };
-DialogPortal.displayName = PORTAL_NAME$3;
+DialogPortal.displayName = PORTAL_NAME$4;
 var OVERLAY_NAME = "DialogOverlay", DialogOverlay = React$1.forwardRef((s, d) => {
 	let C = usePortalContext$2(OVERLAY_NAME, s.__scopeDialog), { forceMount: w = C.forceMount, ...k } = s, F = useDialogContext(OVERLAY_NAME, s.__scopeDialog);
 	return F.modal ? /* @__PURE__ */ jsx(Presence, {
@@ -1279,8 +1279,8 @@ var Slot$1 = /* @__PURE__ */ createSlot("DialogOverlay.RemoveScroll"), DialogOve
 			}
 		})
 	});
-}), CONTENT_NAME$4 = "DialogContent", DialogContent = React$1.forwardRef((s, d) => {
-	let C = usePortalContext$2(CONTENT_NAME$4, s.__scopeDialog), { forceMount: w = C.forceMount, ...k } = s, F = useDialogContext(CONTENT_NAME$4, s.__scopeDialog);
+}), CONTENT_NAME$5 = "DialogContent", DialogContent = React$1.forwardRef((s, d) => {
+	let C = usePortalContext$2(CONTENT_NAME$5, s.__scopeDialog), { forceMount: w = C.forceMount, ...k } = s, F = useDialogContext(CONTENT_NAME$5, s.__scopeDialog);
 	return /* @__PURE__ */ jsx(Presence, {
 		present: w || F.open,
 		children: F.modal ? /* @__PURE__ */ jsx(DialogContentModal, {
@@ -1292,9 +1292,9 @@ var Slot$1 = /* @__PURE__ */ createSlot("DialogOverlay.RemoveScroll"), DialogOve
 		})
 	});
 });
-DialogContent.displayName = CONTENT_NAME$4;
+DialogContent.displayName = CONTENT_NAME$5;
 var DialogContentModal = React$1.forwardRef((d, C) => {
-	let w = useDialogContext(CONTENT_NAME$4, d.__scopeDialog), k = React$1.useRef(null), F = useComposedRefs(C, w.contentRef, k);
+	let w = useDialogContext(CONTENT_NAME$5, d.__scopeDialog), k = React$1.useRef(null), F = useComposedRefs(C, w.contentRef, k);
 	return React$1.useEffect(() => {
 		let s = k.current;
 		if (s) return hideOthers(s);
@@ -1313,7 +1313,7 @@ var DialogContentModal = React$1.forwardRef((d, C) => {
 		onFocusOutside: composeEventHandlers(d.onFocusOutside, (s) => s.preventDefault())
 	});
 }), DialogContentNonModal = React$1.forwardRef((d, C) => {
-	let w = useDialogContext(CONTENT_NAME$4, d.__scopeDialog), k = React$1.useRef(!1), F = React$1.useRef(!1);
+	let w = useDialogContext(CONTENT_NAME$5, d.__scopeDialog), k = React$1.useRef(!1), F = React$1.useRef(!1);
 	return /* @__PURE__ */ jsx(DialogContentImpl, {
 		...d,
 		ref: C,
@@ -1329,7 +1329,7 @@ var DialogContentModal = React$1.forwardRef((d, C) => {
 		}
 	});
 }), DialogContentImpl = React$1.forwardRef((d, C) => {
-	let { __scopeDialog: w, trapFocus: k, onOpenAutoFocus: F, onCloseAutoFocus: L, ...V } = d, U = useDialogContext(CONTENT_NAME$4, w), K = React$1.useRef(null), q = useComposedRefs(C, K);
+	let { __scopeDialog: w, trapFocus: k, onOpenAutoFocus: F, onCloseAutoFocus: L, ...V } = d, U = useDialogContext(CONTENT_NAME$5, w), K = React$1.useRef(null), q = useComposedRefs(C, K);
 	return useFocusGuards(), /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FocusScope, {
 		asChild: !0,
 		loop: !0,
@@ -1382,7 +1382,7 @@ function getState(s) {
 	return s ? "open" : "closed";
 }
 var TITLE_WARNING_NAME = "DialogTitleWarning", [WarningProvider, useWarningContext] = createContext2(TITLE_WARNING_NAME, {
-	contentName: CONTENT_NAME$4,
+	contentName: CONTENT_NAME$5,
 	titleName: TITLE_NAME,
 	docsSlug: "dialog"
 }), TitleWarning = ({ titleId: d }) => {
@@ -1404,7 +1404,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${C.do
 		d,
 		C
 	]), null;
-}, Root$3 = Dialog, Trigger$1 = DialogTrigger, Portal$2 = DialogPortal, Overlay = DialogOverlay, Content$1 = DialogContent, Title = DialogTitle, Description = DialogDescription, Close = DialogClose;
+}, Root$3 = Dialog, Trigger$2 = DialogTrigger, Portal$2 = DialogPortal, Overlay = DialogOverlay, Content$1 = DialogContent, Title = DialogTitle, Description = DialogDescription, Close = DialogClose;
 function useSize(d) {
 	let [C, w] = React$1.useState(void 0);
 	return useLayoutEffect2(() => {
@@ -1581,9 +1581,9 @@ var computePosition$1 = async (s, d, C) => {
 		reference: s,
 		floating: d,
 		strategy: k
-	}), { x: q, y: J } = computeCoordsFromPlacement(K, w, U), X = w, $ = {}, PD = 0;
+	}), { x: q, y: J } = computeCoordsFromPlacement(K, w, U), X = w, $ = {}, TO = 0;
 	for (let C = 0; C < V.length; C++) {
-		let { name: F, fn: FD } = V[C], { x: ID, y: LD, data: RD, reset: zD } = await FD({
+		let { name: F, fn: EO } = V[C], { x: DO, y: OO, data: kO, reset: AO } = await EO({
 			x: q,
 			y: J,
 			initialPlacement: w,
@@ -1597,17 +1597,17 @@ var computePosition$1 = async (s, d, C) => {
 				floating: d
 			}
 		});
-		q = ID ?? q, J = LD ?? J, $ = {
+		q = DO ?? q, J = OO ?? J, $ = {
 			...$,
 			[F]: {
 				...$[F],
-				...RD
+				...kO
 			}
-		}, zD && PD <= 50 && (PD++, typeof zD == "object" && (zD.placement && (X = zD.placement), zD.rects && (K = zD.rects === !0 ? await L.getElementRects({
+		}, AO && TO <= 50 && (TO++, typeof AO == "object" && (AO.placement && (X = AO.placement), AO.rects && (K = AO.rects === !0 ? await L.getElementRects({
 			reference: s,
 			floating: d,
 			strategy: k
-		}) : zD.rects), {x: q, y: J} = computeCoordsFromPlacement(K, X, U)), C = -1);
+		}) : AO.rects), {x: q, y: J} = computeCoordsFromPlacement(K, X, U)), C = -1);
 	}
 	return {
 		x: q,
@@ -1619,30 +1619,30 @@ var computePosition$1 = async (s, d, C) => {
 };
 async function detectOverflow$1(s, d) {
 	d === void 0 && (d = {});
-	let { x: C, y: w, platform: k, rects: F, elements: L, strategy: V } = s, { boundary: U = "clippingAncestors", rootBoundary: K = "viewport", elementContext: q = "floating", altBoundary: J = !1, padding: X = 0 } = evaluate(d, s), $ = getPaddingObject(X), PD = L[J ? q === "floating" ? "reference" : "floating" : q], FD = rectToClientRect(await k.getClippingRect({
-		element: await (k.isElement == null ? void 0 : k.isElement(PD)) ?? !0 ? PD : PD.contextElement || await (k.getDocumentElement == null ? void 0 : k.getDocumentElement(L.floating)),
+	let { x: C, y: w, platform: k, rects: F, elements: L, strategy: V } = s, { boundary: U = "clippingAncestors", rootBoundary: K = "viewport", elementContext: q = "floating", altBoundary: J = !1, padding: X = 0 } = evaluate(d, s), $ = getPaddingObject(X), TO = L[J ? q === "floating" ? "reference" : "floating" : q], EO = rectToClientRect(await k.getClippingRect({
+		element: await (k.isElement == null ? void 0 : k.isElement(TO)) ?? !0 ? TO : TO.contextElement || await (k.getDocumentElement == null ? void 0 : k.getDocumentElement(L.floating)),
 		boundary: U,
 		rootBoundary: K,
 		strategy: V
-	})), ID = q === "floating" ? {
+	})), DO = q === "floating" ? {
 		x: C,
 		y: w,
 		width: F.floating.width,
 		height: F.floating.height
-	} : F.reference, LD = await (k.getOffsetParent == null ? void 0 : k.getOffsetParent(L.floating)), RD = await (k.isElement == null ? void 0 : k.isElement(LD)) && await (k.getScale == null ? void 0 : k.getScale(LD)) || {
+	} : F.reference, OO = await (k.getOffsetParent == null ? void 0 : k.getOffsetParent(L.floating)), kO = await (k.isElement == null ? void 0 : k.isElement(OO)) && await (k.getScale == null ? void 0 : k.getScale(OO)) || {
 		x: 1,
 		y: 1
-	}, zD = rectToClientRect(k.convertOffsetParentRelativeRectToViewportRelativeRect ? await k.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, AO = rectToClientRect(k.convertOffsetParentRelativeRectToViewportRelativeRect ? await k.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: L,
-		rect: ID,
-		offsetParent: LD,
+		rect: DO,
+		offsetParent: OO,
 		strategy: V
-	}) : ID);
+	}) : DO);
 	return {
-		top: (FD.top - zD.top + $.top) / RD.y,
-		bottom: (zD.bottom - FD.bottom + $.bottom) / RD.y,
-		left: (FD.left - zD.left + $.left) / RD.x,
-		right: (zD.right - FD.right + $.right) / RD.x
+		top: (EO.top - AO.top + $.top) / kO.y,
+		bottom: (AO.bottom - EO.bottom + $.bottom) / kO.y,
+		left: (EO.left - AO.left + $.left) / kO.x,
+		right: (AO.right - EO.right + $.right) / kO.x
 	};
 }
 var arrow$2 = (s) => ({
@@ -1654,17 +1654,17 @@ var arrow$2 = (s) => ({
 		let J = getPaddingObject(q), X = {
 			x: C,
 			y: w
-		}, $ = getAlignmentAxis(k), PD = getAxisLength($), FD = await L.getDimensions(K), ID = $ === "y", LD = ID ? "top" : "left", RD = ID ? "bottom" : "right", zD = ID ? "clientHeight" : "clientWidth", BD = F.reference[PD] + F.reference[$] - X[$] - F.floating[PD], VD = X[$] - F.reference[$], HD = await (L.getOffsetParent == null ? void 0 : L.getOffsetParent(K)), UD = HD ? HD[zD] : 0;
-		(!UD || !await (L.isElement == null ? void 0 : L.isElement(HD))) && (UD = V.floating[zD] || F.floating[PD]);
-		let WD = BD / 2 - VD / 2, GD = UD / 2 - FD[PD] / 2 - 1, KD = min(J[LD], GD), qD = min(J[RD], GD), JD = KD, YD = UD - FD[PD] - qD, XD = UD / 2 - FD[PD] / 2 + WD, ZD = clamp$3(JD, XD, YD), QD = !U.arrow && getAlignment(k) != null && XD !== ZD && F.reference[PD] / 2 - (XD < JD ? KD : qD) - FD[PD] / 2 < 0, $D = QD ? XD < JD ? XD - JD : XD - YD : 0;
+		}, $ = getAlignmentAxis(k), TO = getAxisLength($), EO = await L.getDimensions(K), DO = $ === "y", OO = DO ? "top" : "left", kO = DO ? "bottom" : "right", AO = DO ? "clientHeight" : "clientWidth", jO = F.reference[TO] + F.reference[$] - X[$] - F.floating[TO], MO = X[$] - F.reference[$], NO = await (L.getOffsetParent == null ? void 0 : L.getOffsetParent(K)), PO = NO ? NO[AO] : 0;
+		(!PO || !await (L.isElement == null ? void 0 : L.isElement(NO))) && (PO = V.floating[AO] || F.floating[TO]);
+		let FO = jO / 2 - MO / 2, IO = PO / 2 - EO[TO] / 2 - 1, LO = min(J[OO], IO), RO = min(J[kO], IO), zO = LO, BO = PO - EO[TO] - RO, VO = PO / 2 - EO[TO] / 2 + FO, HO = clamp$3(zO, VO, BO), UO = !U.arrow && getAlignment(k) != null && VO !== HO && F.reference[TO] / 2 - (VO < zO ? LO : RO) - EO[TO] / 2 < 0, WO = UO ? VO < zO ? VO - zO : VO - BO : 0;
 		return {
-			[$]: X[$] + $D,
+			[$]: X[$] + WO,
 			data: {
-				[$]: ZD,
-				centerOffset: XD - ZD - $D,
-				...QD && { alignmentOffset: $D }
+				[$]: HO,
+				centerOffset: VO - HO - WO,
+				...UO && { alignmentOffset: WO }
 			},
-			reset: QD
+			reset: UO
 		};
 	}
 }), flip$2 = function(s) {
@@ -1673,34 +1673,34 @@ var arrow$2 = (s) => ({
 		options: s,
 		async fn(d) {
 			var C;
-			let { placement: w, middlewareData: k, rects: F, initialPlacement: L, platform: V, elements: U } = d, { mainAxis: K = !0, crossAxis: q = !0, fallbackPlacements: J, fallbackStrategy: X = "bestFit", fallbackAxisSideDirection: $ = "none", flipAlignment: PD = !0, ...FD } = evaluate(s, d);
+			let { placement: w, middlewareData: k, rects: F, initialPlacement: L, platform: V, elements: U } = d, { mainAxis: K = !0, crossAxis: q = !0, fallbackPlacements: J, fallbackStrategy: X = "bestFit", fallbackAxisSideDirection: $ = "none", flipAlignment: TO = !0, ...EO } = evaluate(s, d);
 			if ((C = k.arrow) != null && C.alignmentOffset) return {};
-			let ID = getSide(w), LD = getSideAxis(L), RD = getSide(L) === L, zD = await (V.isRTL == null ? void 0 : V.isRTL(U.floating)), BD = J || (RD || !PD ? [getOppositePlacement(L)] : getExpandedPlacements(L)), VD = $ !== "none";
-			!J && VD && BD.push(...getOppositeAxisPlacements(L, PD, $, zD));
-			let HD = [L, ...BD], UD = await detectOverflow$1(d, FD), WD = [], GD = k.flip?.overflows || [];
-			if (K && WD.push(UD[ID]), q) {
-				let s = getAlignmentSides(w, F, zD);
-				WD.push(UD[s[0]], UD[s[1]]);
+			let DO = getSide(w), OO = getSideAxis(L), kO = getSide(L) === L, AO = await (V.isRTL == null ? void 0 : V.isRTL(U.floating)), jO = J || (kO || !TO ? [getOppositePlacement(L)] : getExpandedPlacements(L)), MO = $ !== "none";
+			!J && MO && jO.push(...getOppositeAxisPlacements(L, TO, $, AO));
+			let NO = [L, ...jO], PO = await detectOverflow$1(d, EO), FO = [], IO = k.flip?.overflows || [];
+			if (K && FO.push(PO[DO]), q) {
+				let s = getAlignmentSides(w, F, AO);
+				FO.push(PO[s[0]], PO[s[1]]);
 			}
-			if (GD = [...GD, {
+			if (IO = [...IO, {
 				placement: w,
-				overflows: WD
-			}], !WD.every((s) => s <= 0)) {
-				let s = (k.flip?.index || 0) + 1, d = HD[s];
-				if (d && (!(q === "alignment" && LD !== getSideAxis(d)) || GD.every((s) => getSideAxis(s.placement) === LD ? s.overflows[0] > 0 : !0))) return {
+				overflows: FO
+			}], !FO.every((s) => s <= 0)) {
+				let s = (k.flip?.index || 0) + 1, d = NO[s];
+				if (d && (!(q === "alignment" && OO !== getSideAxis(d)) || IO.every((s) => getSideAxis(s.placement) === OO ? s.overflows[0] > 0 : !0))) return {
 					data: {
 						index: s,
-						overflows: GD
+						overflows: IO
 					},
 					reset: { placement: d }
 				};
-				let C = GD.filter((s) => s.overflows[0] <= 0).sort((s, d) => s.overflows[1] - d.overflows[1])[0]?.placement;
+				let C = IO.filter((s) => s.overflows[0] <= 0).sort((s, d) => s.overflows[1] - d.overflows[1])[0]?.placement;
 				if (!C) switch (X) {
 					case "bestFit": {
-						let s = GD.filter((s) => {
-							if (VD) {
+						let s = IO.filter((s) => {
+							if (MO) {
 								let d = getSideAxis(s.placement);
-								return d === LD || d === "y";
+								return d === OO || d === "y";
 							}
 							return !0;
 						}).map((s) => [s.placement, s.overflows.filter((s) => s > 0).reduce((s, d) => s + d, 0)]).sort((s, d) => s[1] - d[1])[0]?.[0];
@@ -1761,7 +1761,7 @@ var hide$2 = function(s) {
 	};
 }, originSides = /* @__PURE__ */ new Set(["left", "top"]);
 async function convertValueToCoords(s, d) {
-	let { placement: C, platform: w, elements: k } = s, F = await (w.isRTL == null ? void 0 : w.isRTL(k.floating)), L = getSide(C), V = getAlignment(C), U = getSideAxis(C) === "y", K = originSides.has(L) ? -1 : 1, q = F && U ? -1 : 1, J = evaluate(d, s), { mainAxis: X, crossAxis: $, alignmentAxis: PD } = typeof J == "number" ? {
+	let { placement: C, platform: w, elements: k } = s, F = await (w.isRTL == null ? void 0 : w.isRTL(k.floating)), L = getSide(C), V = getAlignment(C), U = getSideAxis(C) === "y", K = originSides.has(L) ? -1 : 1, q = F && U ? -1 : 1, J = evaluate(d, s), { mainAxis: X, crossAxis: $, alignmentAxis: TO } = typeof J == "number" ? {
 		mainAxis: J,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -1770,7 +1770,7 @@ async function convertValueToCoords(s, d) {
 		crossAxis: J.crossAxis || 0,
 		alignmentAxis: J.alignmentAxis
 	};
-	return V && typeof PD == "number" && ($ = V === "end" ? PD * -1 : PD), U ? {
+	return V && typeof TO == "number" && ($ = V === "end" ? TO * -1 : TO), U ? {
 		x: $ * q,
 		y: X * K
 	} : {
@@ -1809,25 +1809,25 @@ var offset$2 = function(s) {
 			} }, ...U } = evaluate(s, d), K = {
 				x: C,
 				y: w
-			}, q = await detectOverflow$1(d, U), J = getSideAxis(getSide(k)), X = getOppositeAxis(J), $ = K[X], PD = K[J];
+			}, q = await detectOverflow$1(d, U), J = getSideAxis(getSide(k)), X = getOppositeAxis(J), $ = K[X], TO = K[J];
 			if (F) {
 				let s = X === "y" ? "top" : "left", d = X === "y" ? "bottom" : "right", C = $ + q[s], w = $ - q[d];
 				$ = clamp$3(C, $, w);
 			}
 			if (L) {
-				let s = J === "y" ? "top" : "left", d = J === "y" ? "bottom" : "right", C = PD + q[s], w = PD - q[d];
-				PD = clamp$3(C, PD, w);
+				let s = J === "y" ? "top" : "left", d = J === "y" ? "bottom" : "right", C = TO + q[s], w = TO - q[d];
+				TO = clamp$3(C, TO, w);
 			}
-			let FD = V.fn({
+			let EO = V.fn({
 				...d,
 				[X]: $,
-				[J]: PD
+				[J]: TO
 			});
 			return {
-				...FD,
+				...EO,
 				data: {
-					x: FD.x - C,
-					y: FD.y - w,
+					x: EO.x - C,
+					y: EO.y - w,
 					enabled: {
 						[X]: F,
 						[J]: L
@@ -1843,25 +1843,25 @@ var offset$2 = function(s) {
 			let { x: C, y: w, placement: k, rects: F, middlewareData: L } = d, { offset: V = 0, mainAxis: U = !0, crossAxis: K = !0 } = evaluate(s, d), q = {
 				x: C,
 				y: w
-			}, J = getSideAxis(k), X = getOppositeAxis(J), $ = q[X], PD = q[J], FD = evaluate(V, d), ID = typeof FD == "number" ? {
-				mainAxis: FD,
+			}, J = getSideAxis(k), X = getOppositeAxis(J), $ = q[X], TO = q[J], EO = evaluate(V, d), DO = typeof EO == "number" ? {
+				mainAxis: EO,
 				crossAxis: 0
 			} : {
 				mainAxis: 0,
 				crossAxis: 0,
-				...FD
+				...EO
 			};
 			if (U) {
-				let s = X === "y" ? "height" : "width", d = F.reference[X] - F.floating[s] + ID.mainAxis, C = F.reference[X] + F.reference[s] - ID.mainAxis;
+				let s = X === "y" ? "height" : "width", d = F.reference[X] - F.floating[s] + DO.mainAxis, C = F.reference[X] + F.reference[s] - DO.mainAxis;
 				$ < d ? $ = d : $ > C && ($ = C);
 			}
 			if (K) {
-				let s = X === "y" ? "width" : "height", d = originSides.has(getSide(k)), C = F.reference[J] - F.floating[s] + (d && L.offset?.[J] || 0) + (d ? 0 : ID.crossAxis), w = F.reference[J] + F.reference[s] + (d ? 0 : L.offset?.[J] || 0) - (d ? ID.crossAxis : 0);
-				PD < C ? PD = C : PD > w && (PD = w);
+				let s = X === "y" ? "width" : "height", d = originSides.has(getSide(k)), C = F.reference[J] - F.floating[s] + (d && L.offset?.[J] || 0) + (d ? 0 : DO.crossAxis), w = F.reference[J] + F.reference[s] + (d ? 0 : L.offset?.[J] || 0) - (d ? DO.crossAxis : 0);
+				TO < C ? TO = C : TO > w && (TO = w);
 			}
 			return {
 				[X]: $,
-				[J]: PD
+				[J]: TO
 			};
 		}
 	};
@@ -1871,20 +1871,20 @@ var offset$2 = function(s) {
 		options: s,
 		async fn(d) {
 			var C, w;
-			let { placement: k, rects: F, platform: L, elements: V } = d, { apply: U = () => {}, ...K } = evaluate(s, d), q = await detectOverflow$1(d, K), J = getSide(k), X = getAlignment(k), $ = getSideAxis(k) === "y", { width: PD, height: FD } = F.floating, ID, LD;
-			J === "top" || J === "bottom" ? (ID = J, LD = X === (await (L.isRTL == null ? void 0 : L.isRTL(V.floating)) ? "start" : "end") ? "left" : "right") : (LD = J, ID = X === "end" ? "top" : "bottom");
-			let RD = FD - q.top - q.bottom, zD = PD - q.left - q.right, BD = min(FD - q[ID], RD), VD = min(PD - q[LD], zD), HD = !d.middlewareData.shift, UD = BD, WD = VD;
-			if ((C = d.middlewareData.shift) != null && C.enabled.x && (WD = zD), (w = d.middlewareData.shift) != null && w.enabled.y && (UD = RD), HD && !X) {
+			let { placement: k, rects: F, platform: L, elements: V } = d, { apply: U = () => {}, ...K } = evaluate(s, d), q = await detectOverflow$1(d, K), J = getSide(k), X = getAlignment(k), $ = getSideAxis(k) === "y", { width: TO, height: EO } = F.floating, DO, OO;
+			J === "top" || J === "bottom" ? (DO = J, OO = X === (await (L.isRTL == null ? void 0 : L.isRTL(V.floating)) ? "start" : "end") ? "left" : "right") : (OO = J, DO = X === "end" ? "top" : "bottom");
+			let kO = EO - q.top - q.bottom, AO = TO - q.left - q.right, jO = min(EO - q[DO], kO), MO = min(TO - q[OO], AO), NO = !d.middlewareData.shift, PO = jO, FO = MO;
+			if ((C = d.middlewareData.shift) != null && C.enabled.x && (FO = AO), (w = d.middlewareData.shift) != null && w.enabled.y && (PO = kO), NO && !X) {
 				let s = max(q.left, 0), d = max(q.right, 0), C = max(q.top, 0), w = max(q.bottom, 0);
-				$ ? WD = PD - 2 * (s !== 0 || d !== 0 ? s + d : max(q.left, q.right)) : UD = FD - 2 * (C !== 0 || w !== 0 ? C + w : max(q.top, q.bottom));
+				$ ? FO = TO - 2 * (s !== 0 || d !== 0 ? s + d : max(q.left, q.right)) : PO = EO - 2 * (C !== 0 || w !== 0 ? C + w : max(q.top, q.bottom));
 			}
 			await U({
 				...d,
-				availableWidth: WD,
-				availableHeight: UD
+				availableWidth: FO,
+				availableHeight: PO
 			});
-			let GD = await L.getDimensions(V.floating);
-			return PD !== GD.width || FD !== GD.height ? { reset: { rects: !0 } } : {};
+			let IO = await L.getDimensions(V.floating);
+			return TO !== IO.width || EO !== IO.height ? { reset: { rects: !0 } } : {};
 		}
 	};
 };
@@ -2268,27 +2268,27 @@ function observeMove(s, d) {
 		V === void 0 && (V = !1), U === void 0 && (U = 1), F();
 		let K = s.getBoundingClientRect(), { left: q, top: J, width: X, height: $ } = K;
 		if (V || d(), !X || !$) return;
-		let PD = floor(J), FD = floor(k.clientWidth - (q + X)), ID = floor(k.clientHeight - (J + $)), LD = floor(q), RD = {
-			rootMargin: -PD + "px " + -FD + "px " + -ID + "px " + -LD + "px",
+		let TO = floor(J), EO = floor(k.clientWidth - (q + X)), DO = floor(k.clientHeight - (J + $)), OO = floor(q), kO = {
+			rootMargin: -TO + "px " + -EO + "px " + -DO + "px " + -OO + "px",
 			threshold: max(0, min(1, U)) || 1
-		}, zD = !0;
-		function BD(d) {
+		}, AO = !0;
+		function jO(d) {
 			let C = d[0].intersectionRatio;
 			if (C !== U) {
-				if (!zD) return L();
+				if (!AO) return L();
 				C ? L(!1, C) : w = setTimeout(() => {
 					L(!1, 1e-7);
 				}, 1e3);
 			}
-			C === 1 && !rectsAreEqual(K, s.getBoundingClientRect()) && L(), zD = !1;
+			C === 1 && !rectsAreEqual(K, s.getBoundingClientRect()) && L(), AO = !1;
 		}
 		try {
-			C = new IntersectionObserver(BD, {
-				...RD,
+			C = new IntersectionObserver(jO, {
+				...kO,
 				root: k.ownerDocument
 			});
 		} catch {
-			C = new IntersectionObserver(BD, RD);
+			C = new IntersectionObserver(jO, kO);
 		}
 		C.observe(s);
 	}
@@ -2308,17 +2308,17 @@ function autoUpdate(s, d, C, w) {
 			(s = $) == null || s.observe(d);
 		})), C();
 	}), K && !U && $.observe(K), $.observe(d));
-	let PD, FD = U ? getBoundingClientRect(s) : null;
-	U && ID();
-	function ID() {
+	let TO, EO = U ? getBoundingClientRect(s) : null;
+	U && DO();
+	function DO() {
 		let d = getBoundingClientRect(s);
-		FD && !rectsAreEqual(FD, d) && C(), FD = d, PD = requestAnimationFrame(ID);
+		EO && !rectsAreEqual(EO, d) && C(), EO = d, TO = requestAnimationFrame(DO);
 	}
 	return C(), () => {
 		var s;
 		q.forEach((s) => {
 			k && s.removeEventListener("scroll", C), F && s.removeEventListener("resize", C);
-		}), J?.(), (s = $) == null || s.disconnect(), $ = null, U && cancelAnimationFrame(PD);
+		}), J?.(), (s = $) == null || s.disconnect(), $ = null, U && cancelAnimationFrame(TO);
 	};
 }
 var offset$1 = offset$2, shift$1 = shift$2, flip$1 = flip$2, size$1 = size$2, hide$1 = hide$2, arrow$1 = arrow$2, limitShift$1 = limitShift$2, computePosition = (s, d, C) => {
@@ -2377,25 +2377,25 @@ function useFloating(d) {
 		placement: C,
 		middlewareData: {},
 		isPositioned: !1
-	}), [$, PD] = React$1.useState(k);
-	deepEqual($, k) || PD(k);
-	let [FD, ID] = React$1.useState(null), [LD, RD] = React$1.useState(null), BD = React$1.useCallback((s) => {
-		s !== WD.current && (WD.current = s, ID(s));
-	}, []), VD = React$1.useCallback((s) => {
-		s !== GD.current && (GD.current = s, RD(s));
-	}, []), HD = L || FD, UD = V || LD, WD = React$1.useRef(null), GD = React$1.useRef(null), KD = React$1.useRef(J), qD = K != null, JD = useLatestRef(K), YD = useLatestRef(F), XD = useLatestRef(q), ZD = React$1.useCallback(() => {
-		if (!WD.current || !GD.current) return;
+	}), [$, TO] = React$1.useState(k);
+	deepEqual($, k) || TO(k);
+	let [EO, DO] = React$1.useState(null), [OO, kO] = React$1.useState(null), jO = React$1.useCallback((s) => {
+		s !== FO.current && (FO.current = s, DO(s));
+	}, []), MO = React$1.useCallback((s) => {
+		s !== IO.current && (IO.current = s, kO(s));
+	}, []), NO = L || EO, PO = V || OO, FO = React$1.useRef(null), IO = React$1.useRef(null), LO = React$1.useRef(J), RO = K != null, zO = useLatestRef(K), BO = useLatestRef(F), VO = useLatestRef(q), HO = React$1.useCallback(() => {
+		if (!FO.current || !IO.current) return;
 		let s = {
 			placement: C,
 			strategy: w,
 			middleware: $
 		};
-		YD.current && (s.platform = YD.current), computePosition(WD.current, GD.current, s).then((s) => {
+		BO.current && (s.platform = BO.current), computePosition(FO.current, IO.current, s).then((s) => {
 			let d = {
 				...s,
-				isPositioned: XD.current !== !1
+				isPositioned: VO.current !== !1
 			};
-			QD.current && !deepEqual(KD.current, d) && (KD.current = d, ReactDOM$1.flushSync(() => {
+			UO.current && !deepEqual(LO.current, d) && (LO.current = d, ReactDOM$1.flushSync(() => {
 				X(d);
 			}));
 		});
@@ -2403,50 +2403,50 @@ function useFloating(d) {
 		$,
 		C,
 		w,
-		YD,
-		XD
+		BO,
+		VO
 	]);
 	index(() => {
-		q === !1 && KD.current.isPositioned && (KD.current.isPositioned = !1, X((s) => ({
+		q === !1 && LO.current.isPositioned && (LO.current.isPositioned = !1, X((s) => ({
 			...s,
 			isPositioned: !1
 		})));
 	}, [q]);
-	let QD = React$1.useRef(!1);
-	index(() => (QD.current = !0, () => {
-		QD.current = !1;
+	let UO = React$1.useRef(!1);
+	index(() => (UO.current = !0, () => {
+		UO.current = !1;
 	}), []), index(() => {
-		if (HD && (WD.current = HD), UD && (GD.current = UD), HD && UD) {
-			if (JD.current) return JD.current(HD, UD, ZD);
-			ZD();
+		if (NO && (FO.current = NO), PO && (IO.current = PO), NO && PO) {
+			if (zO.current) return zO.current(NO, PO, HO);
+			HO();
 		}
 	}, [
-		HD,
-		UD,
-		ZD,
-		JD,
-		qD
+		NO,
+		PO,
+		HO,
+		zO,
+		RO
 	]);
-	let $D = React$1.useMemo(() => ({
-		reference: WD,
-		floating: GD,
-		setReference: BD,
-		setFloating: VD
-	}), [BD, VD]), eO = React$1.useMemo(() => ({
-		reference: HD,
-		floating: UD
-	}), [HD, UD]), tO = React$1.useMemo(() => {
+	let WO = React$1.useMemo(() => ({
+		reference: FO,
+		floating: IO,
+		setReference: jO,
+		setFloating: MO
+	}), [jO, MO]), GO = React$1.useMemo(() => ({
+		reference: NO,
+		floating: PO
+	}), [NO, PO]), KO = React$1.useMemo(() => {
 		let s = {
 			position: w,
 			left: 0,
 			top: 0
 		};
-		if (!eO.floating) return s;
-		let d = roundByDPR(eO.floating, J.x), C = roundByDPR(eO.floating, J.y);
+		if (!GO.floating) return s;
+		let d = roundByDPR(GO.floating, J.x), C = roundByDPR(GO.floating, J.y);
 		return U ? {
 			...s,
 			transform: "translate(" + d + "px, " + C + "px)",
-			...getDPR(eO.floating) >= 1.5 && { willChange: "transform" }
+			...getDPR(GO.floating) >= 1.5 && { willChange: "transform" }
 		} : {
 			position: w,
 			left: d,
@@ -2455,22 +2455,22 @@ function useFloating(d) {
 	}, [
 		w,
 		U,
-		eO.floating,
+		GO.floating,
 		J.x,
 		J.y
 	]);
 	return React$1.useMemo(() => ({
 		...J,
-		update: ZD,
-		refs: $D,
-		elements: eO,
-		floatingStyles: tO
+		update: HO,
+		refs: WO,
+		elements: GO,
+		floatingStyles: KO
 	}), [
 		J,
-		ZD,
-		$D,
-		eO,
-		tO
+		HO,
+		WO,
+		GO,
+		KO
 	]);
 }
 var arrow$1$1 = (s) => {
@@ -2546,71 +2546,71 @@ var ANCHOR_NAME$1 = "PopperAnchor", PopperAnchor = React$1.forwardRef((d, C) =>
 	});
 });
 PopperAnchor.displayName = ANCHOR_NAME$1;
-var CONTENT_NAME$3 = "PopperContent", [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$3), PopperContent = React$1.forwardRef((d, C) => {
-	let { __scopePopper: w, side: k = "bottom", sideOffset: F = 0, align: L = "center", alignOffset: V = 0, arrowPadding: U = 0, avoidCollisions: K = !0, collisionBoundary: q = [], collisionPadding: J = 0, sticky: X = "partial", hideWhenDetached: $ = !1, updatePositionStrategy: PD = "optimized", onPlaced: FD, ...ID } = d, LD = usePopperContext(CONTENT_NAME$3, w), [RD, zD] = React$1.useState(null), BD = useComposedRefs(C, (s) => zD(s)), [VD, HD] = React$1.useState(null), UD = useSize(VD), GD = UD?.width ?? 0, KD = UD?.height ?? 0, qD = k + (L === "center" ? "" : "-" + L), JD = typeof J == "number" ? J : {
+var CONTENT_NAME$4 = "PopperContent", [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$4), PopperContent = React$1.forwardRef((d, C) => {
+	let { __scopePopper: w, side: k = "bottom", sideOffset: F = 0, align: L = "center", alignOffset: V = 0, arrowPadding: U = 0, avoidCollisions: K = !0, collisionBoundary: q = [], collisionPadding: J = 0, sticky: X = "partial", hideWhenDetached: $ = !1, updatePositionStrategy: TO = "optimized", onPlaced: EO, ...DO } = d, OO = usePopperContext(CONTENT_NAME$4, w), [kO, AO] = React$1.useState(null), jO = useComposedRefs(C, (s) => AO(s)), [MO, NO] = React$1.useState(null), FO = useSize(MO), IO = FO?.width ?? 0, LO = FO?.height ?? 0, RO = k + (L === "center" ? "" : "-" + L), zO = typeof J == "number" ? J : {
 		top: 0,
 		right: 0,
 		bottom: 0,
 		left: 0,
 		...J
-	}, YD = Array.isArray(q) ? q : [q], XD = YD.length > 0, ZD = {
-		padding: JD,
-		boundary: YD.filter(isNotNull$2),
-		altBoundary: XD
-	}, { refs: QD, floatingStyles: $D, placement: eO, isPositioned: tO, middlewareData: nO } = useFloating({
+	}, BO = Array.isArray(q) ? q : [q], VO = BO.length > 0, HO = {
+		padding: zO,
+		boundary: BO.filter(isNotNull$2),
+		altBoundary: VO
+	}, { refs: UO, floatingStyles: WO, placement: GO, isPositioned: KO, middlewareData: qO } = useFloating({
 		strategy: "fixed",
-		placement: qD,
-		whileElementsMounted: (...s) => autoUpdate(...s, { animationFrame: PD === "always" }),
-		elements: { reference: LD.anchor },
+		placement: RO,
+		whileElementsMounted: (...s) => autoUpdate(...s, { animationFrame: TO === "always" }),
+		elements: { reference: OO.anchor },
 		middleware: [
 			offset({
-				mainAxis: F + KD,
+				mainAxis: F + LO,
 				alignmentAxis: V
 			}),
 			K && shift({
 				mainAxis: !0,
 				crossAxis: !1,
 				limiter: X === "partial" ? limitShift() : void 0,
-				...ZD
+				...HO
 			}),
-			K && flip({ ...ZD }),
+			K && flip({ ...HO }),
 			size({
-				...ZD,
+				...HO,
 				apply: ({ elements: s, rects: d, availableWidth: C, availableHeight: w }) => {
 					let { width: k, height: F } = d.reference, L = s.floating.style;
 					L.setProperty("--radix-popper-available-width", `${C}px`), L.setProperty("--radix-popper-available-height", `${w}px`), L.setProperty("--radix-popper-anchor-width", `${k}px`), L.setProperty("--radix-popper-anchor-height", `${F}px`);
 				}
 			}),
-			VD && arrow({
-				element: VD,
+			MO && arrow({
+				element: MO,
 				padding: U
 			}),
 			transformOrigin({
-				arrowWidth: GD,
-				arrowHeight: KD
+				arrowWidth: IO,
+				arrowHeight: LO
 			}),
 			$ && hide({
 				strategy: "referenceHidden",
-				...ZD
+				...HO
 			})
 		]
-	}), [rO, iO] = getSideAndAlignFromPlacement(eO), aO = useCallbackRef(FD);
+	}), [JO, YO] = getSideAndAlignFromPlacement(GO), XO = useCallbackRef(EO);
 	useLayoutEffect2(() => {
-		tO && aO?.();
-	}, [tO, aO]);
-	let oO = nO.arrow?.x, sO = nO.arrow?.y, cO = nO.arrow?.centerOffset !== 0, [lO, uO] = React$1.useState();
+		KO && XO?.();
+	}, [KO, XO]);
+	let ZO = qO.arrow?.x, QO = qO.arrow?.y, $O = qO.arrow?.centerOffset !== 0, [ek, tk] = React$1.useState();
 	return useLayoutEffect2(() => {
-		RD && uO(window.getComputedStyle(RD).zIndex);
-	}, [RD]), /* @__PURE__ */ jsx("div", {
-		ref: QD.setFloating,
+		kO && tk(window.getComputedStyle(kO).zIndex);
+	}, [kO]), /* @__PURE__ */ jsx("div", {
+		ref: UO.setFloating,
 		"data-radix-popper-content-wrapper": "",
 		style: {
-			...$D,
-			transform: tO ? $D.transform : "translate(0, -200%)",
+			...WO,
+			transform: KO ? WO.transform : "translate(0, -200%)",
 			minWidth: "max-content",
-			zIndex: lO,
-			"--radix-popper-transform-origin": [nO.transformOrigin?.x, nO.transformOrigin?.y].join(" "),
-			...nO.hide?.referenceHidden && {
+			zIndex: ek,
+			"--radix-popper-transform-origin": [qO.transformOrigin?.x, qO.transformOrigin?.y].join(" "),
+			...qO.hide?.referenceHidden && {
 				visibility: "hidden",
 				pointerEvents: "none"
 			}
@@ -2618,32 +2618,32 @@ var CONTENT_NAME$3 = "PopperContent", [PopperContentProvider, useContentContext]
 		dir: d.dir,
 		children: /* @__PURE__ */ jsx(PopperContentProvider, {
 			scope: w,
-			placedSide: rO,
-			onArrowChange: HD,
-			arrowX: oO,
-			arrowY: sO,
-			shouldHideArrow: cO,
+			placedSide: JO,
+			onArrowChange: NO,
+			arrowX: ZO,
+			arrowY: QO,
+			shouldHideArrow: $O,
 			children: /* @__PURE__ */ jsx(Primitive.div, {
-				"data-side": rO,
-				"data-align": iO,
-				...ID,
-				ref: BD,
+				"data-side": JO,
+				"data-align": YO,
+				...DO,
+				ref: jO,
 				style: {
-					...ID.style,
-					animation: tO ? void 0 : "none"
+					...DO.style,
+					animation: KO ? void 0 : "none"
 				}
 			})
 		})
 	});
 });
-PopperContent.displayName = CONTENT_NAME$3;
-var ARROW_NAME$3 = "PopperArrow", OPPOSITE_SIDE = {
+PopperContent.displayName = CONTENT_NAME$4;
+var ARROW_NAME$4 = "PopperArrow", OPPOSITE_SIDE = {
 	top: "bottom",
 	right: "left",
 	bottom: "top",
 	left: "right"
 }, PopperArrow = React$1.forwardRef(function(s, d) {
-	let { __scopePopper: C, ...w } = s, k = useContentContext(ARROW_NAME$3, C), F = OPPOSITE_SIDE[k.placedSide];
+	let { __scopePopper: C, ...w } = s, k = useContentContext(ARROW_NAME$4, C), F = OPPOSITE_SIDE[k.placedSide];
 	return /* @__PURE__ */ jsx("span", {
 		ref: k.onArrowChange,
 		style: {
@@ -2675,7 +2675,7 @@ var ARROW_NAME$3 = "PopperArrow", OPPOSITE_SIDE = {
 		})
 	});
 });
-PopperArrow.displayName = ARROW_NAME$3;
+PopperArrow.displayName = ARROW_NAME$4;
 function isNotNull$2(s) {
 	return s !== null;
 }
@@ -2687,10 +2687,10 @@ var transformOrigin = (s) => ({
 			start: "0%",
 			center: "50%",
 			end: "100%"
-		}[K], J = (k.arrow?.x ?? 0) + L / 2, X = (k.arrow?.y ?? 0) + V / 2, $ = "", PD = "";
-		return U === "bottom" ? ($ = F ? q : `${J}px`, PD = `${-V}px`) : U === "top" ? ($ = F ? q : `${J}px`, PD = `${w.floating.height + V}px`) : U === "right" ? ($ = `${-V}px`, PD = F ? q : `${X}px`) : U === "left" && ($ = `${w.floating.width + V}px`, PD = F ? q : `${X}px`), { data: {
+		}[K], J = (k.arrow?.x ?? 0) + L / 2, X = (k.arrow?.y ?? 0) + V / 2, $ = "", TO = "";
+		return U === "bottom" ? ($ = F ? q : `${J}px`, TO = `${-V}px`) : U === "top" ? ($ = F ? q : `${J}px`, TO = `${w.floating.height + V}px`) : U === "right" ? ($ = `${-V}px`, TO = F ? q : `${X}px`) : U === "left" && ($ = `${w.floating.width + V}px`, TO = F ? q : `${X}px`), { data: {
 			x: $,
-			y: PD
+			y: TO
 		} };
 	}
 });
@@ -2698,10 +2698,10 @@ function getSideAndAlignFromPlacement(s) {
 	let [d, C = "center"] = s.split("-");
 	return [d, C];
 }
-var Root2$1 = Popper, Anchor = PopperAnchor, Content = PopperContent, Arrow = PopperArrow, ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus", EVENT_OPTIONS = {
+var Root2$2 = Popper, Anchor = PopperAnchor, Content = PopperContent, Arrow = PopperArrow, ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus", EVENT_OPTIONS = {
 	bubbles: !1,
 	cancelable: !0
-}, GROUP_NAME$2 = "RovingFocusGroup", [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(GROUP_NAME$2), [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME$2, [createCollectionScope$1]), [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME$2), RovingFocusGroup = React$1.forwardRef((s, d) => /* @__PURE__ */ jsx(Collection$1.Provider, {
+}, GROUP_NAME$3 = "RovingFocusGroup", [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(GROUP_NAME$3), [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME$3, [createCollectionScope$1]), [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME$3), RovingFocusGroup = React$1.forwardRef((s, d) => /* @__PURE__ */ jsx(Collection$1.Provider, {
 	scope: s.__scopeRovingFocusGroup,
 	children: /* @__PURE__ */ jsx(Collection$1.Slot, {
 		scope: s.__scopeRovingFocusGroup,
@@ -2711,65 +2711,65 @@ var Root2$1 = Popper, Anchor = PopperAnchor, Content = PopperContent, Arrow = Po
 		})
 	})
 }));
-RovingFocusGroup.displayName = GROUP_NAME$2;
+RovingFocusGroup.displayName = GROUP_NAME$3;
 var RovingFocusGroupImpl = React$1.forwardRef((d, C) => {
-	let { __scopeRovingFocusGroup: w, orientation: k, loop: F = !1, dir: L, currentTabStopId: V, defaultCurrentTabStopId: U, onCurrentTabStopIdChange: K, onEntryFocus: q, preventScrollOnEntryFocus: J = !1, ...X } = d, $ = React$1.useRef(null), PD = useComposedRefs(C, $), FD = useDirection(L), [ID, LD] = useControllableState({
+	let { __scopeRovingFocusGroup: w, orientation: k, loop: F = !1, dir: L, currentTabStopId: V, defaultCurrentTabStopId: U, onCurrentTabStopIdChange: K, onEntryFocus: q, preventScrollOnEntryFocus: J = !1, ...X } = d, $ = React$1.useRef(null), TO = useComposedRefs(C, $), EO = useDirection(L), [DO, OO] = useControllableState({
 		prop: V,
 		defaultProp: U ?? null,
 		onChange: K,
-		caller: GROUP_NAME$2
-	}), [RD, zD] = React$1.useState(!1), BD = useCallbackRef(q), VD = useCollection$1(w), HD = React$1.useRef(!1), [UD, GD] = React$1.useState(0);
+		caller: GROUP_NAME$3
+	}), [kO, AO] = React$1.useState(!1), jO = useCallbackRef(q), MO = useCollection$1(w), NO = React$1.useRef(!1), [FO, IO] = React$1.useState(0);
 	return React$1.useEffect(() => {
 		let s = $.current;
-		if (s) return s.addEventListener(ENTRY_FOCUS, BD), () => s.removeEventListener(ENTRY_FOCUS, BD);
-	}, [BD]), /* @__PURE__ */ jsx(RovingFocusProvider, {
+		if (s) return s.addEventListener(ENTRY_FOCUS, jO), () => s.removeEventListener(ENTRY_FOCUS, jO);
+	}, [jO]), /* @__PURE__ */ jsx(RovingFocusProvider, {
 		scope: w,
 		orientation: k,
-		dir: FD,
+		dir: EO,
 		loop: F,
-		currentTabStopId: ID,
-		onItemFocus: React$1.useCallback((s) => LD(s), [LD]),
-		onItemShiftTab: React$1.useCallback(() => zD(!0), []),
-		onFocusableItemAdd: React$1.useCallback(() => GD((s) => s + 1), []),
-		onFocusableItemRemove: React$1.useCallback(() => GD((s) => s - 1), []),
+		currentTabStopId: DO,
+		onItemFocus: React$1.useCallback((s) => OO(s), [OO]),
+		onItemShiftTab: React$1.useCallback(() => AO(!0), []),
+		onFocusableItemAdd: React$1.useCallback(() => IO((s) => s + 1), []),
+		onFocusableItemRemove: React$1.useCallback(() => IO((s) => s - 1), []),
 		children: /* @__PURE__ */ jsx(Primitive.div, {
-			tabIndex: RD || UD === 0 ? -1 : 0,
+			tabIndex: kO || FO === 0 ? -1 : 0,
 			"data-orientation": k,
 			...X,
-			ref: PD,
+			ref: TO,
 			style: {
 				outline: "none",
 				...d.style
 			},
 			onMouseDown: composeEventHandlers(d.onMouseDown, () => {
-				HD.current = !0;
+				NO.current = !0;
 			}),
 			onFocus: composeEventHandlers(d.onFocus, (s) => {
-				let d = !HD.current;
-				if (s.target === s.currentTarget && d && !RD) {
+				let d = !NO.current;
+				if (s.target === s.currentTarget && d && !kO) {
 					let d = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
 					if (s.currentTarget.dispatchEvent(d), !d.defaultPrevented) {
-						let s = VD().filter((s) => s.focusable);
+						let s = MO().filter((s) => s.focusable);
 						focusFirst$1([
 							s.find((s) => s.active),
-							s.find((s) => s.id === ID),
+							s.find((s) => s.id === DO),
 							...s
 						].filter(Boolean).map((s) => s.ref.current), J);
 					}
 				}
-				HD.current = !1;
+				NO.current = !1;
 			}),
-			onBlur: composeEventHandlers(d.onBlur, () => zD(!1))
+			onBlur: composeEventHandlers(d.onBlur, () => AO(!1))
 		})
 	});
-}), ITEM_NAME$2 = "RovingFocusGroupItem", RovingFocusGroupItem = React$1.forwardRef((d, C) => {
-	let { __scopeRovingFocusGroup: w, focusable: k = !0, active: F = !1, tabStopId: L, children: V, ...U } = d, K = useId$1(), q = L || K, J = useRovingFocusContext(ITEM_NAME$2, w), X = J.currentTabStopId === q, $ = useCollection$1(w), { onFocusableItemAdd: PD, onFocusableItemRemove: FD, currentTabStopId: ID } = J;
+}), ITEM_NAME$3 = "RovingFocusGroupItem", RovingFocusGroupItem = React$1.forwardRef((d, C) => {
+	let { __scopeRovingFocusGroup: w, focusable: k = !0, active: F = !1, tabStopId: L, children: V, ...U } = d, K = useId$1(), q = L || K, J = useRovingFocusContext(ITEM_NAME$3, w), X = J.currentTabStopId === q, $ = useCollection$1(w), { onFocusableItemAdd: TO, onFocusableItemRemove: EO, currentTabStopId: DO } = J;
 	return React$1.useEffect(() => {
-		if (k) return PD(), () => FD();
+		if (k) return TO(), () => EO();
 	}, [
 		k,
-		PD,
-		FD
+		TO,
+		EO
 	]), /* @__PURE__ */ jsx(Collection$1.ItemSlot, {
 		scope: w,
 		id: q,
@@ -2806,12 +2806,12 @@ var RovingFocusGroupImpl = React$1.forwardRef((d, C) => {
 			}),
 			children: typeof V == "function" ? V({
 				isCurrentTabStop: X,
-				hasTabStop: ID != null
+				hasTabStop: DO != null
 			}) : V
 		})
 	});
 });
-RovingFocusGroupItem.displayName = ITEM_NAME$2;
+RovingFocusGroupItem.displayName = ITEM_NAME$3;
 var MAP_KEY_TO_FOCUS_INTENT = {
 	ArrowLeft: "prev",
 	ArrowUp: "prev",
@@ -2869,7 +2869,7 @@ var Root$1 = RovingFocusGroup, Item = RovingFocusGroupItem, SELECTION_KEYS = ["E
 		return document.addEventListener("keydown", s, { capture: !0 }), () => {
 			document.removeEventListener("keydown", s, { capture: !0 }), document.removeEventListener("pointerdown", d, { capture: !0 }), document.removeEventListener("pointermove", d, { capture: !0 });
 		};
-	}, []), /* @__PURE__ */ jsx(Root2$1, {
+	}, []), /* @__PURE__ */ jsx(Root2$2, {
 		...U,
 		children: /* @__PURE__ */ jsx(MenuProvider, {
 			scope: C,
@@ -2898,8 +2898,8 @@ var ANCHOR_NAME = "MenuAnchor", MenuAnchor = React$1.forwardRef((s, d) => {
 	});
 });
 MenuAnchor.displayName = ANCHOR_NAME;
-var PORTAL_NAME$2 = "MenuPortal", [PortalProvider$1, usePortalContext$1] = createMenuContext(PORTAL_NAME$2, { forceMount: void 0 }), MenuPortal = (s) => {
-	let { __scopeMenu: d, forceMount: C, children: w, container: k } = s, F = useMenuContext(PORTAL_NAME$2, d);
+var PORTAL_NAME$3 = "MenuPortal", [PortalProvider$1, usePortalContext$1] = createMenuContext(PORTAL_NAME$3, { forceMount: void 0 }), MenuPortal = (s) => {
+	let { __scopeMenu: d, forceMount: C, children: w, container: k } = s, F = useMenuContext(PORTAL_NAME$3, d);
 	return /* @__PURE__ */ jsx(PortalProvider$1, {
 		scope: d,
 		forceMount: C,
@@ -2913,9 +2913,9 @@ var PORTAL_NAME$2 = "MenuPortal", [PortalProvider$1, usePortalContext$1] = creat
 		})
 	});
 };
-MenuPortal.displayName = PORTAL_NAME$2;
-var CONTENT_NAME$2 = "MenuContent", [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$2), MenuContent = React$1.forwardRef((s, d) => {
-	let C = usePortalContext$1(CONTENT_NAME$2, s.__scopeMenu), { forceMount: w = C.forceMount, ...k } = s, F = useMenuContext(CONTENT_NAME$2, s.__scopeMenu), L = useMenuRootContext(CONTENT_NAME$2, s.__scopeMenu);
+MenuPortal.displayName = PORTAL_NAME$3;
+var CONTENT_NAME$3 = "MenuContent", [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$3), MenuContent = React$1.forwardRef((s, d) => {
+	let C = usePortalContext$1(CONTENT_NAME$3, s.__scopeMenu), { forceMount: w = C.forceMount, ...k } = s, F = useMenuContext(CONTENT_NAME$3, s.__scopeMenu), L = useMenuRootContext(CONTENT_NAME$3, s.__scopeMenu);
 	return /* @__PURE__ */ jsx(Collection.Provider, {
 		scope: s.__scopeMenu,
 		children: /* @__PURE__ */ jsx(Presence, {
@@ -2933,7 +2933,7 @@ var CONTENT_NAME$2 = "MenuContent", [MenuContentProvider, useMenuContentContext]
 		})
 	});
 }), MenuRootContentModal = React$1.forwardRef((d, C) => {
-	let w = useMenuContext(CONTENT_NAME$2, d.__scopeMenu), k = React$1.useRef(null), F = useComposedRefs(C, k);
+	let w = useMenuContext(CONTENT_NAME$3, d.__scopeMenu), k = React$1.useRef(null), F = useComposedRefs(C, k);
 	return React$1.useEffect(() => {
 		let s = k.current;
 		if (s) return hideOthers(s);
@@ -2947,7 +2947,7 @@ var CONTENT_NAME$2 = "MenuContent", [MenuContentProvider, useMenuContentContext]
 		onDismiss: () => w.onOpenChange(!1)
 	});
 }), MenuRootContentNonModal = React$1.forwardRef((s, d) => {
-	let C = useMenuContext(CONTENT_NAME$2, s.__scopeMenu);
+	let C = useMenuContext(CONTENT_NAME$3, s.__scopeMenu);
 	return /* @__PURE__ */ jsx(MenuContentImpl, {
 		...s,
 		ref: d,
@@ -2957,40 +2957,40 @@ var CONTENT_NAME$2 = "MenuContent", [MenuContentProvider, useMenuContentContext]
 		onDismiss: () => C.onOpenChange(!1)
 	});
 }), Slot = /* @__PURE__ */ createSlot("MenuContent.ScrollLock"), MenuContentImpl = React$1.forwardRef((d, C) => {
-	let { __scopeMenu: w, loop: k = !1, trapFocus: F, onOpenAutoFocus: L, onCloseAutoFocus: V, disableOutsidePointerEvents: U, onEntryFocus: K, onEscapeKeyDown: q, onPointerDownOutside: J, onFocusOutside: X, onInteractOutside: $, onDismiss: PD, disableOutsideScroll: FD, ...ID } = d, LD = useMenuContext(CONTENT_NAME$2, w), RD = useMenuRootContext(CONTENT_NAME$2, w), zD = usePopperScope$1(w), BD = useRovingFocusGroupScope(w), VD = useCollection(w), [HD, UD] = React$1.useState(null), GD = React$1.useRef(null), KD = useComposedRefs(C, GD, LD.onContentChange), qD = React$1.useRef(0), JD = React$1.useRef(""), YD = React$1.useRef(0), XD = React$1.useRef(null), ZD = React$1.useRef("right"), QD = React$1.useRef(0), $D = FD ? Combination_default : React$1.Fragment, eO = FD ? {
+	let { __scopeMenu: w, loop: k = !1, trapFocus: F, onOpenAutoFocus: L, onCloseAutoFocus: V, disableOutsidePointerEvents: U, onEntryFocus: K, onEscapeKeyDown: q, onPointerDownOutside: J, onFocusOutside: X, onInteractOutside: $, onDismiss: TO, disableOutsideScroll: EO, ...DO } = d, OO = useMenuContext(CONTENT_NAME$3, w), kO = useMenuRootContext(CONTENT_NAME$3, w), AO = usePopperScope$1(w), jO = useRovingFocusGroupScope(w), MO = useCollection(w), [NO, FO] = React$1.useState(null), IO = React$1.useRef(null), LO = useComposedRefs(C, IO, OO.onContentChange), RO = React$1.useRef(0), zO = React$1.useRef(""), BO = React$1.useRef(0), VO = React$1.useRef(null), HO = React$1.useRef("right"), UO = React$1.useRef(0), WO = EO ? Combination_default : React$1.Fragment, GO = EO ? {
 		as: Slot,
 		allowPinchZoom: !0
-	} : void 0, tO = (s) => {
-		let d = JD.current + s, C = VD().filter((s) => !s.disabled), w = document.activeElement, k = C.find((s) => s.ref.current === w)?.textValue, F = getNextMatch(C.map((s) => s.textValue), d, k), L = C.find((s) => s.textValue === F)?.ref.current;
+	} : void 0, KO = (s) => {
+		let d = zO.current + s, C = MO().filter((s) => !s.disabled), w = document.activeElement, k = C.find((s) => s.ref.current === w)?.textValue, F = getNextMatch(C.map((s) => s.textValue), d, k), L = C.find((s) => s.textValue === F)?.ref.current;
 		(function s(d) {
-			JD.current = d, window.clearTimeout(qD.current), d !== "" && (qD.current = window.setTimeout(() => s(""), 1e3));
+			zO.current = d, window.clearTimeout(RO.current), d !== "" && (RO.current = window.setTimeout(() => s(""), 1e3));
 		})(d), L && setTimeout(() => L.focus());
 	};
-	React$1.useEffect(() => () => window.clearTimeout(qD.current), []), useFocusGuards();
-	let nO = React$1.useCallback((s) => ZD.current === XD.current?.side && isPointerInGraceArea(s, XD.current?.area), []);
+	React$1.useEffect(() => () => window.clearTimeout(RO.current), []), useFocusGuards();
+	let qO = React$1.useCallback((s) => HO.current === VO.current?.side && isPointerInGraceArea(s, VO.current?.area), []);
 	return /* @__PURE__ */ jsx(MenuContentProvider, {
 		scope: w,
-		searchRef: JD,
+		searchRef: zO,
 		onItemEnter: React$1.useCallback((s) => {
-			nO(s) && s.preventDefault();
-		}, [nO]),
+			qO(s) && s.preventDefault();
+		}, [qO]),
 		onItemLeave: React$1.useCallback((s) => {
-			nO(s) || (GD.current?.focus(), UD(null));
-		}, [nO]),
+			qO(s) || (IO.current?.focus(), FO(null));
+		}, [qO]),
 		onTriggerLeave: React$1.useCallback((s) => {
-			nO(s) && s.preventDefault();
-		}, [nO]),
-		pointerGraceTimerRef: YD,
+			qO(s) && s.preventDefault();
+		}, [qO]),
+		pointerGraceTimerRef: BO,
 		onPointerGraceIntentChange: React$1.useCallback((s) => {
-			XD.current = s;
+			VO.current = s;
 		}, []),
-		children: /* @__PURE__ */ jsx($D, {
-			...eO,
+		children: /* @__PURE__ */ jsx(WO, {
+			...GO,
 			children: /* @__PURE__ */ jsx(FocusScope, {
 				asChild: !0,
 				trapped: F,
 				onMountAutoFocus: composeEventHandlers(L, (s) => {
-					s.preventDefault(), GD.current?.focus({ preventScroll: !0 });
+					s.preventDefault(), IO.current?.focus({ preventScroll: !0 });
 				}),
 				onUnmountAutoFocus: V,
 				children: /* @__PURE__ */ jsx(DismissableLayer, {
@@ -3000,47 +3000,47 @@ var CONTENT_NAME$2 = "MenuContent", [MenuContentProvider, useMenuContentContext]
 					onPointerDownOutside: J,
 					onFocusOutside: X,
 					onInteractOutside: $,
-					onDismiss: PD,
+					onDismiss: TO,
 					children: /* @__PURE__ */ jsx(Root$1, {
 						asChild: !0,
-						...BD,
-						dir: RD.dir,
+						...jO,
+						dir: kO.dir,
 						orientation: "vertical",
 						loop: k,
-						currentTabStopId: HD,
-						onCurrentTabStopIdChange: UD,
+						currentTabStopId: NO,
+						onCurrentTabStopIdChange: FO,
 						onEntryFocus: composeEventHandlers(K, (s) => {
-							RD.isUsingKeyboardRef.current || s.preventDefault();
+							kO.isUsingKeyboardRef.current || s.preventDefault();
 						}),
 						preventScrollOnEntryFocus: !0,
 						children: /* @__PURE__ */ jsx(Content, {
 							role: "menu",
 							"aria-orientation": "vertical",
-							"data-state": getOpenState(LD.open),
+							"data-state": getOpenState(OO.open),
 							"data-radix-menu-content": "",
-							dir: RD.dir,
-							...zD,
-							...ID,
-							ref: KD,
+							dir: kO.dir,
+							...AO,
+							...DO,
+							ref: LO,
 							style: {
 								outline: "none",
-								...ID.style
+								...DO.style
 							},
-							onKeyDown: composeEventHandlers(ID.onKeyDown, (s) => {
+							onKeyDown: composeEventHandlers(DO.onKeyDown, (s) => {
 								let d = s.target.closest("[data-radix-menu-content]") === s.currentTarget, C = s.ctrlKey || s.altKey || s.metaKey, w = s.key.length === 1;
-								d && (s.key === "Tab" && s.preventDefault(), !C && w && tO(s.key));
-								let k = GD.current;
+								d && (s.key === "Tab" && s.preventDefault(), !C && w && KO(s.key));
+								let k = IO.current;
 								if (s.target !== k || !FIRST_LAST_KEYS.includes(s.key)) return;
 								s.preventDefault();
-								let F = VD().filter((s) => !s.disabled).map((s) => s.ref.current);
+								let F = MO().filter((s) => !s.disabled).map((s) => s.ref.current);
 								LAST_KEYS.includes(s.key) && F.reverse(), focusFirst(F);
 							}),
 							onBlur: composeEventHandlers(d.onBlur, (s) => {
-								s.currentTarget.contains(s.target) || (window.clearTimeout(qD.current), JD.current = "");
+								s.currentTarget.contains(s.target) || (window.clearTimeout(RO.current), zO.current = "");
 							}),
 							onPointerMove: composeEventHandlers(d.onPointerMove, whenMouse((s) => {
-								let d = s.target, C = QD.current !== s.clientX;
-								s.currentTarget.contains(d) && C && (ZD.current = s.clientX > QD.current ? "right" : "left", QD.current = s.clientX);
+								let d = s.target, C = UO.current !== s.clientX;
+								s.currentTarget.contains(d) && C && (HO.current = s.clientX > UO.current ? "right" : "left", UO.current = s.clientX);
 							}))
 						})
 					})
@@ -3049,8 +3049,8 @@ var CONTENT_NAME$2 = "MenuContent", [MenuContentProvider, useMenuContentContext]
 		})
 	});
 });
-MenuContent.displayName = CONTENT_NAME$2;
-var GROUP_NAME$1 = "MenuGroup", MenuGroup = React$1.forwardRef((s, d) => {
+MenuContent.displayName = CONTENT_NAME$3;
+var GROUP_NAME$2 = "MenuGroup", MenuGroup = React$1.forwardRef((s, d) => {
 	let { __scopeMenu: C, ...w } = s;
 	return /* @__PURE__ */ jsx(Primitive.div, {
 		role: "group",
@@ -3058,17 +3058,17 @@ var GROUP_NAME$1 = "MenuGroup", MenuGroup = React$1.forwardRef((s, d) => {
 		ref: d
 	});
 });
-MenuGroup.displayName = GROUP_NAME$1;
-var LABEL_NAME$1 = "MenuLabel", MenuLabel = React$1.forwardRef((s, d) => {
+MenuGroup.displayName = GROUP_NAME$2;
+var LABEL_NAME$2 = "MenuLabel", MenuLabel = React$1.forwardRef((s, d) => {
 	let { __scopeMenu: C, ...w } = s;
 	return /* @__PURE__ */ jsx(Primitive.div, {
 		...w,
 		ref: d
 	});
 });
-MenuLabel.displayName = LABEL_NAME$1;
-var ITEM_NAME$1 = "MenuItem", ITEM_SELECT = "menu.itemSelect", MenuItem$1 = React$1.forwardRef((d, C) => {
-	let { disabled: w = !1, onSelect: k, ...F } = d, L = React$1.useRef(null), V = useMenuRootContext(ITEM_NAME$1, d.__scopeMenu), U = useMenuContentContext(ITEM_NAME$1, d.__scopeMenu), K = useComposedRefs(C, L), q = React$1.useRef(!1), J = () => {
+MenuLabel.displayName = LABEL_NAME$2;
+var ITEM_NAME$2 = "MenuItem", ITEM_SELECT = "menu.itemSelect", MenuItem = React$1.forwardRef((d, C) => {
+	let { disabled: w = !1, onSelect: k, ...F } = d, L = React$1.useRef(null), V = useMenuRootContext(ITEM_NAME$2, d.__scopeMenu), U = useMenuContentContext(ITEM_NAME$2, d.__scopeMenu), K = useComposedRefs(C, L), q = React$1.useRef(!1), J = () => {
 		let s = L.current;
 		if (!w && s) {
 			let d = new CustomEvent(ITEM_SELECT, {
@@ -3095,12 +3095,12 @@ var ITEM_NAME$1 = "MenuItem", ITEM_SELECT = "menu.itemSelect", MenuItem$1 = Reac
 		})
 	});
 });
-MenuItem$1.displayName = ITEM_NAME$1;
+MenuItem.displayName = ITEM_NAME$2;
 var MenuItemImpl = React$1.forwardRef((d, C) => {
-	let { __scopeMenu: w, disabled: k = !1, textValue: F, ...L } = d, V = useMenuContentContext(ITEM_NAME$1, w), U = useRovingFocusGroupScope(w), K = React$1.useRef(null), q = useComposedRefs(C, K), [J, X] = React$1.useState(!1), [$, PD] = React$1.useState("");
+	let { __scopeMenu: w, disabled: k = !1, textValue: F, ...L } = d, V = useMenuContentContext(ITEM_NAME$2, w), U = useRovingFocusGroupScope(w), K = React$1.useRef(null), q = useComposedRefs(C, K), [J, X] = React$1.useState(!1), [$, TO] = React$1.useState("");
 	return React$1.useEffect(() => {
 		let s = K.current;
-		s && PD((s.textContent ?? "").trim());
+		s && TO((s.textContent ?? "").trim());
 	}, [L.children]), /* @__PURE__ */ jsx(Collection.ItemSlot, {
 		scope: w,
 		disabled: k,
@@ -3125,12 +3125,12 @@ var MenuItemImpl = React$1.forwardRef((d, C) => {
 			})
 		})
 	});
-}), CHECKBOX_ITEM_NAME$1 = "MenuCheckboxItem", MenuCheckboxItem = React$1.forwardRef((s, d) => {
+}), CHECKBOX_ITEM_NAME$2 = "MenuCheckboxItem", MenuCheckboxItem = React$1.forwardRef((s, d) => {
 	let { checked: C = !1, onCheckedChange: w, ...k } = s;
 	return /* @__PURE__ */ jsx(ItemIndicatorProvider, {
 		scope: s.__scopeMenu,
 		checked: C,
-		children: /* @__PURE__ */ jsx(MenuItem$1, {
+		children: /* @__PURE__ */ jsx(MenuItem, {
 			role: "menuitemcheckbox",
 			"aria-checked": isIndeterminate(C) ? "mixed" : C,
 			...k,
@@ -3140,8 +3140,8 @@ var MenuItemImpl = React$1.forwardRef((d, C) => {
 		})
 	});
 });
-MenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME$1;
-var RADIO_GROUP_NAME$1 = "MenuRadioGroup", [RadioGroupProvider, useRadioGroupContext] = createMenuContext(RADIO_GROUP_NAME$1, {
+MenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME$2;
+var RADIO_GROUP_NAME$2 = "MenuRadioGroup", [RadioGroupProvider, useRadioGroupContext] = createMenuContext(RADIO_GROUP_NAME$2, {
 	value: void 0,
 	onValueChange: () => {}
 }), MenuRadioGroup = React$1.forwardRef((s, d) => {
@@ -3156,13 +3156,13 @@ var RADIO_GROUP_NAME$1 = "MenuRadioGroup", [RadioGroupProvider, useRadioGroupCon
 		})
 	});
 });
-MenuRadioGroup.displayName = RADIO_GROUP_NAME$1;
-var RADIO_ITEM_NAME$1 = "MenuRadioItem", MenuRadioItem = React$1.forwardRef((s, d) => {
-	let { value: C, ...w } = s, k = useRadioGroupContext(RADIO_ITEM_NAME$1, s.__scopeMenu), F = C === k.value;
+MenuRadioGroup.displayName = RADIO_GROUP_NAME$2;
+var RADIO_ITEM_NAME$2 = "MenuRadioItem", MenuRadioItem = React$1.forwardRef((s, d) => {
+	let { value: C, ...w } = s, k = useRadioGroupContext(RADIO_ITEM_NAME$2, s.__scopeMenu), F = C === k.value;
 	return /* @__PURE__ */ jsx(ItemIndicatorProvider, {
 		scope: s.__scopeMenu,
 		checked: F,
-		children: /* @__PURE__ */ jsx(MenuItem$1, {
+		children: /* @__PURE__ */ jsx(MenuItem, {
 			role: "menuitemradio",
 			"aria-checked": F,
 			...w,
@@ -3172,7 +3172,7 @@ var RADIO_ITEM_NAME$1 = "MenuRadioItem", MenuRadioItem = React$1.forwardRef((s,
 		})
 	});
 });
-MenuRadioItem.displayName = RADIO_ITEM_NAME$1;
+MenuRadioItem.displayName = RADIO_ITEM_NAME$2;
 var ITEM_INDICATOR_NAME = "MenuItemIndicator", [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(ITEM_INDICATOR_NAME, { checked: !1 }), MenuItemIndicator = React$1.forwardRef((s, d) => {
 	let { __scopeMenu: C, forceMount: w, ...k } = s, F = useItemIndicatorContext(ITEM_INDICATOR_NAME, C);
 	return /* @__PURE__ */ jsx(Presence, {
@@ -3185,7 +3185,7 @@ var ITEM_INDICATOR_NAME = "MenuItemIndicator", [ItemIndicatorProvider, useItemIn
 	});
 });
 MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
-var SEPARATOR_NAME$1 = "MenuSeparator", MenuSeparator$1 = React$1.forwardRef((s, d) => {
+var SEPARATOR_NAME$2 = "MenuSeparator", MenuSeparator = React$1.forwardRef((s, d) => {
 	let { __scopeMenu: C, ...w } = s;
 	return /* @__PURE__ */ jsx(Primitive.div, {
 		role: "separator",
@@ -3194,8 +3194,8 @@ var SEPARATOR_NAME$1 = "MenuSeparator", MenuSeparator$1 = React$1.forwardRef((s,
 		ref: d
 	});
 });
-MenuSeparator$1.displayName = SEPARATOR_NAME$1;
-var ARROW_NAME$2 = "MenuArrow", MenuArrow = React$1.forwardRef((s, d) => {
+MenuSeparator.displayName = SEPARATOR_NAME$2;
+var ARROW_NAME$3 = "MenuArrow", MenuArrow = React$1.forwardRef((s, d) => {
 	let { __scopeMenu: C, ...w } = s;
 	return /* @__PURE__ */ jsx(Arrow, {
 		...usePopperScope$1(C),
@@ -3203,10 +3203,10 @@ var ARROW_NAME$2 = "MenuArrow", MenuArrow = React$1.forwardRef((s, d) => {
 		ref: d
 	});
 });
-MenuArrow.displayName = ARROW_NAME$2;
-var SUB_NAME = "MenuSub", [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME), MenuSub = (d) => {
-	let { __scopeMenu: C, children: w, open: k = !1, onOpenChange: F } = d, L = useMenuContext(SUB_NAME, C), V = usePopperScope$1(C), [U, K] = React$1.useState(null), [q, J] = React$1.useState(null), X = useCallbackRef(F);
-	return React$1.useEffect(() => (L.open === !1 && X(!1), () => X(!1)), [L.open, X]), /* @__PURE__ */ jsx(Root2$1, {
+MenuArrow.displayName = ARROW_NAME$3;
+var SUB_NAME$1 = "MenuSub", [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME$1), MenuSub = (d) => {
+	let { __scopeMenu: C, children: w, open: k = !1, onOpenChange: F } = d, L = useMenuContext(SUB_NAME$1, C), V = usePopperScope$1(C), [U, K] = React$1.useState(null), [q, J] = React$1.useState(null), X = useCallbackRef(F);
+	return React$1.useEffect(() => (L.open === !1 && X(!1), () => X(!1)), [L.open, X]), /* @__PURE__ */ jsx(Root2$2, {
 		...V,
 		children: /* @__PURE__ */ jsx(MenuProvider, {
 			scope: C,
@@ -3225,9 +3225,9 @@ var SUB_NAME = "MenuSub", [MenuSubProvider, useMenuSubContext] = createMenuConte
 		})
 	});
 };
-MenuSub.displayName = SUB_NAME;
-var SUB_TRIGGER_NAME$1 = "MenuSubTrigger", MenuSubTrigger = React$1.forwardRef((d, C) => {
-	let w = useMenuContext(SUB_TRIGGER_NAME$1, d.__scopeMenu), k = useMenuRootContext(SUB_TRIGGER_NAME$1, d.__scopeMenu), F = useMenuSubContext(SUB_TRIGGER_NAME$1, d.__scopeMenu), L = useMenuContentContext(SUB_TRIGGER_NAME$1, d.__scopeMenu), V = React$1.useRef(null), { pointerGraceTimerRef: U, onPointerGraceIntentChange: K } = L, q = { __scopeMenu: d.__scopeMenu }, J = React$1.useCallback(() => {
+MenuSub.displayName = SUB_NAME$1;
+var SUB_TRIGGER_NAME$2 = "MenuSubTrigger", MenuSubTrigger = React$1.forwardRef((d, C) => {
+	let w = useMenuContext(SUB_TRIGGER_NAME$2, d.__scopeMenu), k = useMenuRootContext(SUB_TRIGGER_NAME$2, d.__scopeMenu), F = useMenuSubContext(SUB_TRIGGER_NAME$2, d.__scopeMenu), L = useMenuContentContext(SUB_TRIGGER_NAME$2, d.__scopeMenu), V = React$1.useRef(null), { pointerGraceTimerRef: U, onPointerGraceIntentChange: K } = L, q = { __scopeMenu: d.__scopeMenu }, J = React$1.useCallback(() => {
 		V.current && window.clearTimeout(V.current), V.current = null;
 	}, []);
 	return React$1.useEffect(() => J, [J]), React$1.useEffect(() => {
@@ -3296,9 +3296,9 @@ var SUB_TRIGGER_NAME$1 = "MenuSubTrigger", MenuSubTrigger = React$1.forwardRef((
 		})
 	});
 });
-MenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
-var SUB_CONTENT_NAME$1 = "MenuSubContent", MenuSubContent = React$1.forwardRef((d, C) => {
-	let w = usePortalContext$1(CONTENT_NAME$2, d.__scopeMenu), { forceMount: k = w.forceMount, ...F } = d, L = useMenuContext(CONTENT_NAME$2, d.__scopeMenu), V = useMenuRootContext(CONTENT_NAME$2, d.__scopeMenu), U = useMenuSubContext(SUB_CONTENT_NAME$1, d.__scopeMenu), K = React$1.useRef(null), q = useComposedRefs(C, K);
+MenuSubTrigger.displayName = SUB_TRIGGER_NAME$2;
+var SUB_CONTENT_NAME$2 = "MenuSubContent", MenuSubContent = React$1.forwardRef((d, C) => {
+	let w = usePortalContext$1(CONTENT_NAME$3, d.__scopeMenu), { forceMount: k = w.forceMount, ...F } = d, L = useMenuContext(CONTENT_NAME$3, d.__scopeMenu), V = useMenuRootContext(CONTENT_NAME$3, d.__scopeMenu), U = useMenuSubContext(SUB_CONTENT_NAME$2, d.__scopeMenu), K = React$1.useRef(null), q = useComposedRefs(C, K);
 	return /* @__PURE__ */ jsx(Collection.Provider, {
 		scope: d.__scopeMenu,
 		children: /* @__PURE__ */ jsx(Presence, {
@@ -3334,7 +3334,7 @@ var SUB_CONTENT_NAME$1 = "MenuSubContent", MenuSubContent = React$1.forwardRef((
 		})
 	});
 });
-MenuSubContent.displayName = SUB_CONTENT_NAME$1;
+MenuSubContent.displayName = SUB_CONTENT_NAME$2;
 function getOpenState(s) {
 	return s ? "open" : "closed";
 }
@@ -3374,7 +3374,224 @@ function isPointerInGraceArea(s, d) {
 function whenMouse(s) {
 	return (d) => d.pointerType === "mouse" ? s(d) : void 0;
 }
-var Root3 = Menu, Anchor2 = MenuAnchor, Portal$1 = MenuPortal, Content2$1 = MenuContent, Group = MenuGroup, Label = MenuLabel, Item2$1 = MenuItem$1, CheckboxItem = MenuCheckboxItem, RadioGroup = MenuRadioGroup, RadioItem = MenuRadioItem, ItemIndicator = MenuItemIndicator, Separator = MenuSeparator$1, Arrow2 = MenuArrow, Sub = MenuSub, SubTrigger = MenuSubTrigger, SubContent = MenuSubContent, DROPDOWN_MENU_NAME = "DropdownMenu", [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(DROPDOWN_MENU_NAME, [createMenuScope]), useMenuScope = createMenuScope(), [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME), DropdownMenu = (d) => {
+var Root3 = Menu, Anchor2 = MenuAnchor, Portal$1 = MenuPortal, Content2$2 = MenuContent, Group = MenuGroup, Label = MenuLabel, Item2$2 = MenuItem, CheckboxItem = MenuCheckboxItem, RadioGroup = MenuRadioGroup, RadioItem = MenuRadioItem, ItemIndicator = MenuItemIndicator, Separator = MenuSeparator, Arrow2 = MenuArrow, Sub = MenuSub, SubTrigger = MenuSubTrigger, SubContent = MenuSubContent, CONTEXT_MENU_NAME = "ContextMenu", [createContextMenuContext, createContextMenuScope] = createContextScope(CONTEXT_MENU_NAME, [createMenuScope]), useMenuScope$1 = createMenuScope(), [ContextMenuProvider, useContextMenuContext] = createContextMenuContext(CONTEXT_MENU_NAME), ContextMenu = (d) => {
+	let { __scopeContextMenu: C, children: w, onOpenChange: k, dir: F, modal: L = !0 } = d, [V, U] = React$1.useState(!1), K = useMenuScope$1(C), q = useCallbackRef(k), J = React$1.useCallback((s) => {
+		U(s), q(s);
+	}, [q]);
+	return /* @__PURE__ */ jsx(ContextMenuProvider, {
+		scope: C,
+		open: V,
+		onOpenChange: J,
+		modal: L,
+		children: /* @__PURE__ */ jsx(Root3, {
+			...K,
+			dir: F,
+			open: V,
+			onOpenChange: J,
+			modal: L,
+			children: w
+		})
+	});
+};
+ContextMenu.displayName = CONTEXT_MENU_NAME;
+var TRIGGER_NAME$2 = "ContextMenuTrigger", ContextMenuTrigger = React$1.forwardRef((d, C) => {
+	let { __scopeContextMenu: w, disabled: k = !1, ...F } = d, L = useContextMenuContext(TRIGGER_NAME$2, w), V = useMenuScope$1(w), U = React$1.useRef({
+		x: 0,
+		y: 0
+	}), K = React$1.useRef({ getBoundingClientRect: () => DOMRect.fromRect({
+		width: 0,
+		height: 0,
+		...U.current
+	}) }), q = React$1.useRef(0), J = React$1.useCallback(() => window.clearTimeout(q.current), []), X = (s) => {
+		U.current = {
+			x: s.clientX,
+			y: s.clientY
+		}, L.onOpenChange(!0);
+	};
+	return React$1.useEffect(() => J, [J]), React$1.useEffect(() => void (k && J()), [k, J]), /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Anchor2, {
+		...V,
+		virtualRef: K
+	}), /* @__PURE__ */ jsx(Primitive.span, {
+		"data-state": L.open ? "open" : "closed",
+		"data-disabled": k ? "" : void 0,
+		...F,
+		ref: C,
+		style: {
+			WebkitTouchCallout: "none",
+			...d.style
+		},
+		onContextMenu: k ? d.onContextMenu : composeEventHandlers(d.onContextMenu, (s) => {
+			J(), X(s), s.preventDefault();
+		}),
+		onPointerDown: k ? d.onPointerDown : composeEventHandlers(d.onPointerDown, whenTouchOrPen((s) => {
+			J(), q.current = window.setTimeout(() => X(s), 700);
+		})),
+		onPointerMove: k ? d.onPointerMove : composeEventHandlers(d.onPointerMove, whenTouchOrPen(J)),
+		onPointerCancel: k ? d.onPointerCancel : composeEventHandlers(d.onPointerCancel, whenTouchOrPen(J)),
+		onPointerUp: k ? d.onPointerUp : composeEventHandlers(d.onPointerUp, whenTouchOrPen(J))
+	})] });
+});
+ContextMenuTrigger.displayName = TRIGGER_NAME$2;
+var PORTAL_NAME$2 = "ContextMenuPortal", ContextMenuPortal = (s) => {
+	let { __scopeContextMenu: d, ...C } = s;
+	return /* @__PURE__ */ jsx(Portal$1, {
+		...useMenuScope$1(d),
+		...C
+	});
+};
+ContextMenuPortal.displayName = PORTAL_NAME$2;
+var CONTENT_NAME$2 = "ContextMenuContent", ContextMenuContent = React$1.forwardRef((d, C) => {
+	let { __scopeContextMenu: w, ...k } = d, F = useContextMenuContext(CONTENT_NAME$2, w), L = useMenuScope$1(w), V = React$1.useRef(!1);
+	return /* @__PURE__ */ jsx(Content2$2, {
+		...L,
+		...k,
+		ref: C,
+		side: "right",
+		sideOffset: 2,
+		align: "start",
+		onCloseAutoFocus: (s) => {
+			d.onCloseAutoFocus?.(s), !s.defaultPrevented && V.current && s.preventDefault(), V.current = !1;
+		},
+		onInteractOutside: (s) => {
+			d.onInteractOutside?.(s), !s.defaultPrevented && !F.modal && (V.current = !0);
+		},
+		style: {
+			...d.style,
+			"--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+			"--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+			"--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+			"--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+			"--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+		}
+	});
+});
+ContextMenuContent.displayName = CONTENT_NAME$2;
+var GROUP_NAME$1 = "ContextMenuGroup", ContextMenuGroup = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(Group, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuGroup.displayName = GROUP_NAME$1;
+var LABEL_NAME$1 = "ContextMenuLabel", ContextMenuLabel = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(Label, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuLabel.displayName = LABEL_NAME$1;
+var ITEM_NAME$1 = "ContextMenuItem", ContextMenuItem = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(Item2$2, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuItem.displayName = ITEM_NAME$1;
+var CHECKBOX_ITEM_NAME$1 = "ContextMenuCheckboxItem", ContextMenuCheckboxItem = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(CheckboxItem, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME$1;
+var RADIO_GROUP_NAME$1 = "ContextMenuRadioGroup", ContextMenuRadioGroup = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuRadioGroup.displayName = RADIO_GROUP_NAME$1;
+var RADIO_ITEM_NAME$1 = "ContextMenuRadioItem", ContextMenuRadioItem = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(RadioItem, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuRadioItem.displayName = RADIO_ITEM_NAME$1;
+var INDICATOR_NAME$1 = "ContextMenuItemIndicator", ContextMenuItemIndicator = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(ItemIndicator, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuItemIndicator.displayName = INDICATOR_NAME$1;
+var SEPARATOR_NAME$1 = "ContextMenuSeparator", ContextMenuSeparator = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(Separator, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuSeparator.displayName = SEPARATOR_NAME$1;
+var ARROW_NAME$2 = "ContextMenuArrow", ContextMenuArrow = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(Arrow2, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuArrow.displayName = ARROW_NAME$2;
+var SUB_NAME = "ContextMenuSub", ContextMenuSub = (s) => {
+	let { __scopeContextMenu: d, children: C, onOpenChange: w, open: k, defaultOpen: F } = s, L = useMenuScope$1(d), [V, U] = useControllableState({
+		prop: k,
+		defaultProp: F ?? !1,
+		onChange: w,
+		caller: SUB_NAME
+	});
+	return /* @__PURE__ */ jsx(Sub, {
+		...L,
+		open: V,
+		onOpenChange: U,
+		children: C
+	});
+};
+ContextMenuSub.displayName = SUB_NAME;
+var SUB_TRIGGER_NAME$1 = "ContextMenuSubTrigger", ContextMenuSubTrigger = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(SubTrigger, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d
+	});
+});
+ContextMenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
+var SUB_CONTENT_NAME$1 = "ContextMenuSubContent", ContextMenuSubContent = React$1.forwardRef((s, d) => {
+	let { __scopeContextMenu: C, ...w } = s;
+	return /* @__PURE__ */ jsx(SubContent, {
+		...useMenuScope$1(C),
+		...w,
+		ref: d,
+		style: {
+			...s.style,
+			"--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+			"--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+			"--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+			"--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+			"--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+		}
+	});
+});
+ContextMenuSubContent.displayName = SUB_CONTENT_NAME$1;
+function whenTouchOrPen(s) {
+	return (d) => d.pointerType === "mouse" ? void 0 : s(d);
+}
+var Root2$1 = ContextMenu, Trigger$1 = ContextMenuTrigger, Portal2$1 = ContextMenuPortal, Content2$1 = ContextMenuContent, Item2$1 = ContextMenuItem, Separator2$1 = ContextMenuSeparator, Sub2$1 = ContextMenuSub, SubTrigger2$1 = ContextMenuSubTrigger, SubContent2$1 = ContextMenuSubContent, DROPDOWN_MENU_NAME = "DropdownMenu", [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(DROPDOWN_MENU_NAME, [createMenuScope]), useMenuScope = createMenuScope(), [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME), DropdownMenu = (d) => {
 	let { __scopeDropdownMenu: C, children: w, dir: k, open: F, defaultOpen: L, onOpenChange: V, modal: U = !0 } = d, K = useMenuScope(C), q = React$1.useRef(null), [J, X] = useControllableState({
 		prop: F,
 		defaultProp: L ?? !1,
@@ -3441,7 +3658,7 @@ var PORTAL_NAME$1 = "DropdownMenuPortal", DropdownMenuPortal = (s) => {
 DropdownMenuPortal.displayName = PORTAL_NAME$1;
 var CONTENT_NAME$1 = "DropdownMenuContent", DropdownMenuContent = React$1.forwardRef((d, C) => {
 	let { __scopeDropdownMenu: w, ...k } = d, F = useDropdownMenuContext(CONTENT_NAME$1, w), L = useMenuScope(w), V = React$1.useRef(!1);
-	return /* @__PURE__ */ jsx(Content2$1, {
+	return /* @__PURE__ */ jsx(Content2$2, {
 		id: F.contentId,
 		"aria-labelledby": F.triggerId,
 		...L,
@@ -3485,7 +3702,7 @@ var LABEL_NAME = "DropdownMenuLabel", DropdownMenuLabel = React$1.forwardRef((s,
 DropdownMenuLabel.displayName = LABEL_NAME;
 var ITEM_NAME = "DropdownMenuItem", DropdownMenuItem = React$1.forwardRef((s, d) => {
 	let { __scopeDropdownMenu: C, ...w } = s;
-	return /* @__PURE__ */ jsx(Item2$1, {
+	return /* @__PURE__ */ jsx(Item2$2, {
 		...useMenuScope(C),
 		...w,
 		ref: d
@@ -3593,35 +3810,35 @@ function useStateMachine(d, C) {
 	return React$1.useReducer((s, d) => C[s][d] ?? s, d);
 }
 var SCROLL_AREA_NAME = "ScrollArea", [createScrollAreaContext, createScrollAreaScope] = createContextScope(SCROLL_AREA_NAME), [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME), ScrollArea = React$1.forwardRef((d, C) => {
-	let { __scopeScrollArea: w, type: k = "hover", dir: F, scrollHideDelay: L = 600, ...V } = d, [U, K] = React$1.useState(null), [q, J] = React$1.useState(null), [X, $] = React$1.useState(null), [PD, FD] = React$1.useState(null), [ID, LD] = React$1.useState(null), [RD, zD] = React$1.useState(0), [BD, VD] = React$1.useState(0), [HD, UD] = React$1.useState(!1), [GD, KD] = React$1.useState(!1), qD = useComposedRefs(C, (s) => K(s)), JD = useDirection(F);
+	let { __scopeScrollArea: w, type: k = "hover", dir: F, scrollHideDelay: L = 600, ...V } = d, [U, K] = React$1.useState(null), [q, J] = React$1.useState(null), [X, $] = React$1.useState(null), [TO, EO] = React$1.useState(null), [DO, OO] = React$1.useState(null), [kO, AO] = React$1.useState(0), [jO, MO] = React$1.useState(0), [NO, FO] = React$1.useState(!1), [IO, LO] = React$1.useState(!1), RO = useComposedRefs(C, (s) => K(s)), zO = useDirection(F);
 	return /* @__PURE__ */ jsx(ScrollAreaProvider, {
 		scope: w,
 		type: k,
-		dir: JD,
+		dir: zO,
 		scrollHideDelay: L,
 		scrollArea: U,
 		viewport: q,
 		onViewportChange: J,
 		content: X,
 		onContentChange: $,
-		scrollbarX: PD,
-		onScrollbarXChange: FD,
-		scrollbarXEnabled: HD,
-		onScrollbarXEnabledChange: UD,
-		scrollbarY: ID,
-		onScrollbarYChange: LD,
-		scrollbarYEnabled: GD,
-		onScrollbarYEnabledChange: KD,
-		onCornerWidthChange: zD,
-		onCornerHeightChange: VD,
+		scrollbarX: TO,
+		onScrollbarXChange: EO,
+		scrollbarXEnabled: NO,
+		onScrollbarXEnabledChange: FO,
+		scrollbarY: DO,
+		onScrollbarYChange: OO,
+		scrollbarYEnabled: IO,
+		onScrollbarYEnabledChange: LO,
+		onCornerWidthChange: AO,
+		onCornerHeightChange: MO,
 		children: /* @__PURE__ */ jsx(Primitive.div, {
-			dir: JD,
+			dir: zO,
 			...V,
-			ref: qD,
+			ref: RO,
 			style: {
 				position: "relative",
-				"--radix-scroll-area-corner-width": RD + "px",
-				"--radix-scroll-area-corner-height": BD + "px",
+				"--radix-scroll-area-corner-width": kO + "px",
+				"--radix-scroll-area-corner-height": jO + "px",
 				...d.style
 			}
 		})
@@ -3892,46 +4109,46 @@ var ScrollAreaScrollbarHover = React$1.forwardRef((d, C) => {
 		}
 	});
 }), [ScrollbarProvider, useScrollbarContext] = createScrollAreaContext(SCROLLBAR_NAME), ScrollAreaScrollbarImpl = React$1.forwardRef((d, C) => {
-	let { __scopeScrollArea: w, sizes: k, hasThumb: F, onThumbChange: L, onThumbPointerUp: V, onThumbPointerDown: U, onThumbPositionChange: K, onDragScroll: q, onWheelScroll: J, onResize: X, ...$ } = d, PD = useScrollAreaContext(SCROLLBAR_NAME, w), [FD, ID] = React$1.useState(null), LD = useComposedRefs(C, (s) => ID(s)), RD = React$1.useRef(null), zD = React$1.useRef(""), BD = PD.viewport, VD = k.content - k.viewport, HD = useCallbackRef(J), UD = useCallbackRef(K), GD = useDebounceCallback(X, 10);
-	function KD(s) {
-		RD.current && q({
-			x: s.clientX - RD.current.left,
-			y: s.clientY - RD.current.top
+	let { __scopeScrollArea: w, sizes: k, hasThumb: F, onThumbChange: L, onThumbPointerUp: V, onThumbPointerDown: U, onThumbPositionChange: K, onDragScroll: q, onWheelScroll: J, onResize: X, ...$ } = d, TO = useScrollAreaContext(SCROLLBAR_NAME, w), [EO, DO] = React$1.useState(null), OO = useComposedRefs(C, (s) => DO(s)), kO = React$1.useRef(null), AO = React$1.useRef(""), jO = TO.viewport, MO = k.content - k.viewport, NO = useCallbackRef(J), FO = useCallbackRef(K), IO = useDebounceCallback(X, 10);
+	function LO(s) {
+		kO.current && q({
+			x: s.clientX - kO.current.left,
+			y: s.clientY - kO.current.top
 		});
 	}
 	return React$1.useEffect(() => {
 		let s = (s) => {
 			let d = s.target;
-			FD?.contains(d) && HD(s, VD);
+			EO?.contains(d) && NO(s, MO);
 		};
 		return document.addEventListener("wheel", s, { passive: !1 }), () => document.removeEventListener("wheel", s, { passive: !1 });
 	}, [
-		BD,
-		FD,
-		VD,
-		HD
-	]), React$1.useEffect(UD, [k, UD]), useResizeObserver(FD, GD), useResizeObserver(PD.content, GD), /* @__PURE__ */ jsx(ScrollbarProvider, {
+		jO,
+		EO,
+		MO,
+		NO
+	]), React$1.useEffect(FO, [k, FO]), useResizeObserver(EO, IO), useResizeObserver(TO.content, IO), /* @__PURE__ */ jsx(ScrollbarProvider, {
 		scope: w,
-		scrollbar: FD,
+		scrollbar: EO,
 		hasThumb: F,
 		onThumbChange: useCallbackRef(L),
 		onThumbPointerUp: useCallbackRef(V),
-		onThumbPositionChange: UD,
+		onThumbPositionChange: FO,
 		onThumbPointerDown: useCallbackRef(U),
 		children: /* @__PURE__ */ jsx(Primitive.div, {
 			...$,
-			ref: LD,
+			ref: OO,
 			style: {
 				position: "absolute",
 				...$.style
 			},
 			onPointerDown: composeEventHandlers(d.onPointerDown, (s) => {
-				s.button === 0 && (s.target.setPointerCapture(s.pointerId), RD.current = FD.getBoundingClientRect(), zD.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", PD.viewport && (PD.viewport.style.scrollBehavior = "auto"), KD(s));
+				s.button === 0 && (s.target.setPointerCapture(s.pointerId), kO.current = EO.getBoundingClientRect(), AO.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", TO.viewport && (TO.viewport.style.scrollBehavior = "auto"), LO(s));
 			}),
-			onPointerMove: composeEventHandlers(d.onPointerMove, KD),
+			onPointerMove: composeEventHandlers(d.onPointerMove, LO),
 			onPointerUp: composeEventHandlers(d.onPointerUp, (s) => {
 				let d = s.target;
-				d.hasPointerCapture(s.pointerId) && d.releasePointerCapture(s.pointerId), document.body.style.webkitUserSelect = zD.current, PD.viewport && (PD.viewport.style.scrollBehavior = ""), RD.current = null;
+				d.hasPointerCapture(s.pointerId) && d.releasePointerCapture(s.pointerId), document.body.style.webkitUserSelect = AO.current, TO.viewport && (TO.viewport.style.scrollBehavior = ""), kO.current = null;
 			})
 		})
 	});
@@ -4097,46 +4314,46 @@ var Root = ScrollArea, Viewport = ScrollAreaViewport, Scrollbar = ScrollAreaScro
 };
 TooltipProvider.displayName = PROVIDER_NAME;
 var TOOLTIP_NAME = "Tooltip", [TooltipContextProvider, useTooltipContext] = createTooltipContext(TOOLTIP_NAME), Tooltip = (d) => {
-	let { __scopeTooltip: C, children: w, open: k, defaultOpen: F, onOpenChange: L, disableHoverableContent: V, delayDuration: U } = d, K = useTooltipProviderContext(TOOLTIP_NAME, d.__scopeTooltip), q = usePopperScope(C), [J, X] = React$1.useState(null), $ = useId$1(), PD = React$1.useRef(0), FD = V ?? K.disableHoverableContent, ID = U ?? K.delayDuration, LD = React$1.useRef(!1), [RD, zD] = useControllableState({
+	let { __scopeTooltip: C, children: w, open: k, defaultOpen: F, onOpenChange: L, disableHoverableContent: V, delayDuration: U } = d, K = useTooltipProviderContext(TOOLTIP_NAME, d.__scopeTooltip), q = usePopperScope(C), [J, X] = React$1.useState(null), $ = useId$1(), TO = React$1.useRef(0), EO = V ?? K.disableHoverableContent, DO = U ?? K.delayDuration, OO = React$1.useRef(!1), [kO, AO] = useControllableState({
 		prop: k,
 		defaultProp: F ?? !1,
 		onChange: (s) => {
 			s ? (K.onOpen(), document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN))) : K.onClose(), L?.(s);
 		},
 		caller: TOOLTIP_NAME
-	}), BD = React$1.useMemo(() => RD ? LD.current ? "delayed-open" : "instant-open" : "closed", [RD]), VD = React$1.useCallback(() => {
-		window.clearTimeout(PD.current), PD.current = 0, LD.current = !1, zD(!0);
-	}, [zD]), HD = React$1.useCallback(() => {
-		window.clearTimeout(PD.current), PD.current = 0, zD(!1);
-	}, [zD]), UD = React$1.useCallback(() => {
-		window.clearTimeout(PD.current), PD.current = window.setTimeout(() => {
-			LD.current = !0, zD(!0), PD.current = 0;
-		}, ID);
-	}, [ID, zD]);
+	}), jO = React$1.useMemo(() => kO ? OO.current ? "delayed-open" : "instant-open" : "closed", [kO]), MO = React$1.useCallback(() => {
+		window.clearTimeout(TO.current), TO.current = 0, OO.current = !1, AO(!0);
+	}, [AO]), NO = React$1.useCallback(() => {
+		window.clearTimeout(TO.current), TO.current = 0, AO(!1);
+	}, [AO]), FO = React$1.useCallback(() => {
+		window.clearTimeout(TO.current), TO.current = window.setTimeout(() => {
+			OO.current = !0, AO(!0), TO.current = 0;
+		}, DO);
+	}, [DO, AO]);
 	return React$1.useEffect(() => () => {
-		PD.current &&= (window.clearTimeout(PD.current), 0);
-	}, []), /* @__PURE__ */ jsx(Root2$1, {
+		TO.current &&= (window.clearTimeout(TO.current), 0);
+	}, []), /* @__PURE__ */ jsx(Root2$2, {
 		...q,
 		children: /* @__PURE__ */ jsx(TooltipContextProvider, {
 			scope: C,
 			contentId: $,
-			open: RD,
-			stateAttribute: BD,
+			open: kO,
+			stateAttribute: jO,
 			trigger: J,
 			onTriggerChange: X,
 			onTriggerEnter: React$1.useCallback(() => {
-				K.isOpenDelayedRef.current ? UD() : VD();
+				K.isOpenDelayedRef.current ? FO() : MO();
 			}, [
 				K.isOpenDelayedRef,
-				UD,
-				VD
+				FO,
+				MO
 			]),
 			onTriggerLeave: React$1.useCallback(() => {
-				FD ? HD() : (window.clearTimeout(PD.current), PD.current = 0);
-			}, [HD, FD]),
-			onOpen: VD,
-			onClose: HD,
-			disableHoverableContent: FD,
+				EO ? NO() : (window.clearTimeout(TO.current), TO.current = 0);
+			}, [NO, EO]),
+			onOpen: MO,
+			onClose: NO,
+			disableHoverableContent: EO,
 			children: w
 		})
 	});
@@ -4203,7 +4420,7 @@ var CONTENT_NAME = "TooltipContent", TooltipContent = React$1.forwardRef((s, d)
 }), TooltipContentHoverable = React$1.forwardRef((d, C) => {
 	let w = useTooltipContext(CONTENT_NAME, d.__scopeTooltip), k = useTooltipProviderContext(CONTENT_NAME, d.__scopeTooltip), F = React$1.useRef(null), L = useComposedRefs(C, F), [V, U] = React$1.useState(null), { trigger: K, onClose: q } = w, J = F.current, { onPointerInTransitChange: X } = k, $ = React$1.useCallback(() => {
 		U(null), X(!1);
-	}, [X]), PD = React$1.useCallback((s, d) => {
+	}, [X]), TO = React$1.useCallback((s, d) => {
 		let C = s.currentTarget, w = {
 			x: s.clientX,
 			y: s.clientY
@@ -4212,7 +4429,7 @@ var CONTENT_NAME = "TooltipContent", TooltipContent = React$1.forwardRef((s, d)
 	}, [X]);
 	return React$1.useEffect(() => () => $(), [$]), React$1.useEffect(() => {
 		if (K && J) {
-			let s = (s) => PD(s, J), d = (s) => PD(s, K);
+			let s = (s) => TO(s, J), d = (s) => TO(s, K);
 			return K.addEventListener("pointerleave", s), J.addEventListener("pointerleave", d), () => {
 				K.removeEventListener("pointerleave", s), J.removeEventListener("pointerleave", d);
 			};
@@ -4220,7 +4437,7 @@ var CONTENT_NAME = "TooltipContent", TooltipContent = React$1.forwardRef((s, d)
 	}, [
 		K,
 		J,
-		PD,
+		TO,
 		$
 	]), React$1.useEffect(() => {
 		if (V) {
@@ -4946,79 +5163,79 @@ R.displayName = "Theme";
 var I$2 = React$1.forwardRef((d, C) => {
 	let { appearance: w = s$10.appearance.default, accentColor: k = s$10.accentColor.default, grayColor: F = s$10.grayColor.default, panelBackground: L = s$10.panelBackground.default, radius: V = s$10.radius.default, scaling: U = s$10.scaling.default, hasBackground: K = s$10.hasBackground.default, ...q } = d, [J, X] = React$1.useState(w);
 	React$1.useEffect(() => X(w), [w]);
-	let [$, PD] = React$1.useState(k);
-	React$1.useEffect(() => PD(k), [k]);
-	let [FD, ID] = React$1.useState(F);
-	React$1.useEffect(() => ID(F), [F]);
-	let [LD, RD] = React$1.useState(L);
-	React$1.useEffect(() => RD(L), [L]);
-	let [zD, BD] = React$1.useState(V);
-	React$1.useEffect(() => BD(V), [V]);
-	let [VD, HD] = React$1.useState(U);
-	return React$1.useEffect(() => HD(U), [U]), React$1.createElement(A$1, {
+	let [$, TO] = React$1.useState(k);
+	React$1.useEffect(() => TO(k), [k]);
+	let [EO, DO] = React$1.useState(F);
+	React$1.useEffect(() => DO(F), [F]);
+	let [OO, kO] = React$1.useState(L);
+	React$1.useEffect(() => kO(L), [L]);
+	let [AO, jO] = React$1.useState(V);
+	React$1.useEffect(() => jO(V), [V]);
+	let [MO, NO] = React$1.useState(U);
+	return React$1.useEffect(() => NO(U), [U]), React$1.createElement(A$1, {
 		...q,
 		ref: C,
 		isRoot: !0,
 		hasBackground: K,
 		appearance: J,
 		accentColor: $,
-		grayColor: FD,
-		panelBackground: LD,
-		radius: zD,
-		scaling: VD,
+		grayColor: EO,
+		panelBackground: OO,
+		radius: AO,
+		scaling: MO,
 		onAppearanceChange: X,
-		onAccentColorChange: PD,
-		onGrayColorChange: ID,
-		onPanelBackgroundChange: RD,
-		onRadiusChange: BD,
-		onScalingChange: HD
+		onAccentColorChange: TO,
+		onGrayColorChange: DO,
+		onPanelBackgroundChange: kO,
+		onRadiusChange: jO,
+		onScalingChange: NO
 	});
 });
 I$2.displayName = "ThemeRoot";
 var A$1 = React$1.forwardRef((d, C) => {
-	let w = React$1.useContext(P), { asChild: k, isRoot: F, hasBackground: L, appearance: V = w?.appearance ?? s$10.appearance.default, accentColor: U = w?.accentColor ?? s$10.accentColor.default, grayColor: K = w?.resolvedGrayColor ?? s$10.grayColor.default, panelBackground: q = w?.panelBackground ?? s$10.panelBackground.default, radius: J = w?.radius ?? s$10.radius.default, scaling: X = w?.scaling ?? s$10.scaling.default, onAppearanceChange: $ = d$4, onAccentColorChange: PD = d$4, onGrayColorChange: FD = d$4, onPanelBackgroundChange: ID = d$4, onRadiusChange: LD = d$4, onScalingChange: RD = d$4, ...zD } = d, BD = k ? Slot$2 : "div", VD = K === "auto" ? a$8(U) : K, HD = d.appearance === "light" || d.appearance === "dark", UD = L === void 0 ? F || HD : L;
+	let w = React$1.useContext(P), { asChild: k, isRoot: F, hasBackground: L, appearance: V = w?.appearance ?? s$10.appearance.default, accentColor: U = w?.accentColor ?? s$10.accentColor.default, grayColor: K = w?.resolvedGrayColor ?? s$10.grayColor.default, panelBackground: q = w?.panelBackground ?? s$10.panelBackground.default, radius: J = w?.radius ?? s$10.radius.default, scaling: X = w?.scaling ?? s$10.scaling.default, onAppearanceChange: $ = d$4, onAccentColorChange: TO = d$4, onGrayColorChange: EO = d$4, onPanelBackgroundChange: DO = d$4, onRadiusChange: OO = d$4, onScalingChange: kO = d$4, ...AO } = d, jO = k ? Slot$2 : "div", MO = K === "auto" ? a$8(U) : K, NO = d.appearance === "light" || d.appearance === "dark", PO = L === void 0 ? F || NO : L;
 	return React$1.createElement(P.Provider, { value: React$1.useMemo(() => ({
 		appearance: V,
 		accentColor: U,
 		grayColor: K,
-		resolvedGrayColor: VD,
+		resolvedGrayColor: MO,
 		panelBackground: q,
 		radius: J,
 		scaling: X,
 		onAppearanceChange: $,
-		onAccentColorChange: PD,
-		onGrayColorChange: FD,
-		onPanelBackgroundChange: ID,
-		onRadiusChange: LD,
-		onScalingChange: RD
+		onAccentColorChange: TO,
+		onGrayColorChange: EO,
+		onPanelBackgroundChange: DO,
+		onRadiusChange: OO,
+		onScalingChange: kO
 	}), [
 		V,
 		U,
 		K,
-		VD,
+		MO,
 		q,
 		J,
 		X,
 		$,
-		PD,
-		FD,
-		ID,
-		LD,
-		RD
-	]) }, React$1.createElement(BD, {
+		TO,
+		EO,
+		DO,
+		OO,
+		kO
+	]) }, React$1.createElement(jO, {
 		"data-is-root-theme": F ? "true" : "false",
 		"data-accent-color": U,
-		"data-gray-color": VD,
-		"data-has-background": UD ? "true" : "false",
+		"data-gray-color": MO,
+		"data-has-background": PO ? "true" : "false",
 		"data-panel-background": q,
 		"data-radius": J,
 		"data-scaling": X,
 		ref: C,
-		...zD,
+		...AO,
 		className: (0, import_classnames$13.default)("radix-themes", {
 			light: V === "light",
 			dark: V === "dark"
-		}, zD.className)
+		}, AO.className)
 	}));
 });
 A$1.displayName = "ThemeImpl";
@@ -5669,16 +5886,16 @@ function S$1(s) {
 		customProperties: ["--margin-bottom"],
 		propValues: r$5,
 		value: s.mb
-	}), [$, PD] = R$3({
+	}), [$, TO] = R$3({
 		className: "rt-r-ml",
 		customProperties: ["--margin-left"],
 		propValues: r$5,
 		value: s.ml
 	});
-	return [(0, import_classnames$6.default)(d, w, F, V, K, J, $), l$1(C, k, L, U, q, X, PD)];
+	return [(0, import_classnames$6.default)(d, w, F, V, K, J, $), l$1(C, k, L, U, q, X, TO)];
 }
 var import_classnames$5 = /* @__PURE__ */ __toESM(require_classnames()), c = React$1.forwardRef((d, C) => {
-	let { rest: w, ...k } = a$3(d), [F, L] = S$1(k), { asChild: V, children: U, className: K, style: q, type: J, scrollHideDelay: X = J === "scroll" ? void 0 : 0, dir: $, size: PD = t$1.size.default, radius: FD = t$1.radius.default, scrollbars: ID = t$1.scrollbars.default, ...LD } = w;
+	let { rest: w, ...k } = a$3(d), [F, L] = S$1(k), { asChild: V, children: U, className: K, style: q, type: J, scrollHideDelay: X = J === "scroll" ? void 0 : 0, dir: $, size: TO = t$1.size.default, radius: EO = t$1.radius.default, scrollbars: DO = t$1.scrollbars.default, ...OO } = w;
 	return React$1.createElement(Root, {
 		type: J,
 		scrollHideDelay: X,
@@ -5689,26 +5906,26 @@ var import_classnames$5 = /* @__PURE__ */ __toESM(require_classnames()), c = Rea
 		asChild: V,
 		children: U
 	}, (d) => React$1.createElement(React$1.Fragment, null, React$1.createElement(Viewport, {
-		...LD,
+		...OO,
 		ref: C,
 		className: "rt-ScrollAreaViewport"
-	}, d), React$1.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), ID === "vertical" ? null : React$1.createElement(Scrollbar, {
-		"data-radius": FD,
+	}, d), React$1.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), DO === "vertical" ? null : React$1.createElement(Scrollbar, {
+		"data-radius": EO,
 		orientation: "horizontal",
 		className: (0, import_classnames$5.default)("rt-ScrollAreaScrollbar", g$2({
 			className: "rt-r-size",
-			value: PD,
+			value: TO,
 			propValues: t$1.size.values
 		}))
-	}, React$1.createElement(Thumb, { className: "rt-ScrollAreaThumb" })), ID === "horizontal" ? null : React$1.createElement(Scrollbar, {
-		"data-radius": FD,
+	}, React$1.createElement(Thumb, { className: "rt-ScrollAreaThumb" })), DO === "horizontal" ? null : React$1.createElement(Scrollbar, {
+		"data-radius": EO,
 		orientation: "vertical",
 		className: (0, import_classnames$5.default)("rt-ScrollAreaScrollbar", g$2({
 			className: "rt-r-size",
-			value: PD,
+			value: TO,
 			propValues: t$1.size.values
 		}))
-	}, React$1.createElement(Thumb, { className: "rt-ScrollAreaThumb" })), ID === "both" ? React$1.createElement(Corner, { className: "rt-ScrollAreaCorner" }) : null)));
+	}, React$1.createElement(Thumb, { className: "rt-ScrollAreaThumb" })), DO === "both" ? React$1.createElement(Corner, { className: "rt-ScrollAreaCorner" }) : null)));
 });
 c.displayName = "ScrollArea";
 var n$1 = {
@@ -5739,7 +5956,7 @@ var n$1 = {
 	modal: !0
 });
 s$2.displayName = "Dialog.Root";
-var n$2 = React$1.forwardRef(({ children: d, ...C }, w) => React$1.createElement(Trigger$1, {
+var n$2 = React$1.forwardRef(({ children: d, ...C }, w) => React$1.createElement(Trigger$2, {
 	...C,
 	ref: w,
 	asChild: !0
@@ -6711,17 +6928,17 @@ function $e({ document: s, event: d, hitRegions: C, initialLayoutMap: w, mounted
 	C.forEach((s) => {
 		let { group: C, groupSize: U } = s, { disableCursor: K, orientation: q, panels: J } = C, X = 0;
 		X = F ? q === "horizontal" ? (d.clientX - F.x) / U * 100 : (d.clientY - F.y) / U * 100 : q === "horizontal" ? d.clientX < 0 ? -100 : 100 : d.clientY < 0 ? -100 : 100;
-		let $ = w.get(C), { defaultLayoutDeferred: PD, derivedPanelConstraints: FD, layout: ID, separatorToPanels: LD } = k.get(C) ?? { defaultLayoutDeferred: !1 };
-		if (FD && $ && ID && LD) {
+		let $ = w.get(C), { defaultLayoutDeferred: TO, derivedPanelConstraints: EO, layout: DO, separatorToPanels: OO } = k.get(C) ?? { defaultLayoutDeferred: !1 };
+		if (EO && $ && DO && OO) {
 			let d = Z({
 				delta: X,
 				initialLayout: $,
-				panelConstraints: FD,
+				panelConstraints: EO,
 				pivotIndices: s.panels.map((s) => J.indexOf(s)),
-				prevLayout: ID,
+				prevLayout: DO,
 				trigger: "mouse-or-touch"
 			});
-			if (B(d, ID)) {
+			if (B(d, DO)) {
 				if (X !== 0 && !K) switch (q) {
 					case "horizontal":
 						L |= X < 0 ? De : Oe;
@@ -6732,10 +6949,10 @@ function $e({ document: s, event: d, hitRegions: C, initialLayoutMap: w, mounted
 				}
 			} else {
 				V.set(s.group, {
-					defaultLayoutDeferred: PD,
-					derivedPanelConstraints: FD,
+					defaultLayoutDeferred: TO,
+					derivedPanelConstraints: EO,
 					layout: d,
-					separatorToPanels: LD
+					separatorToPanels: OO
 				});
 				let C = s.group.panels.map(({ id: s }) => s).join(",");
 				s.group.inMemoryLayouts[C] = d;
@@ -6945,66 +7162,66 @@ function Pt(s, d) {
 	});
 }
 function Rt({ children: s, className: d, defaultLayout: C, disableCursor: w, disabled: k, elementRef: F, groupRef: L, id: V, onLayoutChange: U, orientation: K = "horizontal", style: q, ...X }) {
-	let $ = useRef({}), PD = le((s) => {
+	let $ = useRef({}), TO = le((s) => {
 		B($.current, s) || ($.current = s, U?.(s));
-	}), FD = ae(V), zD = useRef(null), [BD, VD] = useState(!1), [HD, UD] = useState(C ?? {}), [GD, KD] = wt(), qD = useRef({
+	}), EO = ae(V), AO = useRef(null), [jO, MO] = useState(!1), [NO, FO] = useState(C ?? {}), [IO, LO] = wt(), RO = useRef({
 		lastExpandedPanelSizes: {},
 		layouts: {},
 		panels: [],
 		separators: []
-	}), JD = ue(zD, F);
-	Pt(FD, L);
-	let YD = useMemo(() => ({
-		id: FD,
+	}), zO = ue(AO, F);
+	Pt(EO, L);
+	let BO = useMemo(() => ({
+		id: EO,
 		orientation: K,
 		registerPanel: (s) => {
-			let d = qD.current;
-			return d.panels = ie(K, [...d.panels, s]), KD(), () => {
-				d.panels = d.panels.filter((d) => d !== s), KD();
+			let d = RO.current;
+			return d.panels = ie(K, [...d.panels, s]), LO(), () => {
+				d.panels = d.panels.filter((d) => d !== s), LO();
 			};
 		},
 		registerSeparator: (s) => {
-			let d = qD.current;
-			return d.separators = ie(K, [...d.separators, s]), KD(), () => {
-				d.separators = d.separators.filter((d) => d !== s), KD();
+			let d = RO.current;
+			return d.separators = ie(K, [...d.separators, s]), LO(), () => {
+				d.separators = d.separators.filter((d) => d !== s), LO();
 			};
 		}
 	}), [
-		FD,
-		KD,
+		EO,
+		LO,
 		K
-	]), XD = Lt({
+	]), VO = Lt({
 		defaultLayout: C,
 		disableCursor: w
-	}), ZD = useRef(null);
+	}), HO = useRef(null);
 	A(() => {
-		let s = zD.current;
+		let s = AO.current;
 		if (s === null) return;
-		let d = qD.current, C = {
-			defaultLayout: XD.defaultLayout,
-			disableCursor: !!XD.disableCursor,
+		let d = RO.current, C = {
+			defaultLayout: VO.defaultLayout,
+			disableCursor: !!VO.disableCursor,
 			disabled: !!k,
 			element: s,
-			id: FD,
-			inMemoryLastExpandedPanelSizes: qD.current.lastExpandedPanelSizes,
-			inMemoryLayouts: qD.current.layouts,
+			id: EO,
+			inMemoryLastExpandedPanelSizes: RO.current.lastExpandedPanelSizes,
+			inMemoryLayouts: RO.current.layouts,
 			orientation: K,
 			panels: d.panels,
 			separators: d.separators
 		};
-		ZD.current = C;
+		HO.current = C;
 		let w = bt(C), F = D().mountedGroups.get(C);
 		if (F) {
 			let { defaultLayoutDeferred: s, derivedPanelConstraints: d, layout: C } = F;
-			!s && d.length > 0 && (UD(C), PD?.(C));
+			!s && d.length > 0 && (FO(C), TO?.(C));
 		}
 		let L = T.addListener("interactionStateChange", (s) => {
 			switch (s.state) {
 				case "active":
-					VD(s.hitRegions.some((s) => s.group === C));
+					MO(s.hitRegions.some((s) => s.group === C));
 					break;
 				default:
-					VD(!1);
+					MO(!1);
 					break;
 			}
 		}), V = T.addListener("mountedGroupsChange", (s) => {
@@ -7012,44 +7229,44 @@ function Rt({ children: s, className: d, defaultLayout: C, disableCursor: w, dis
 			if (d) {
 				let { defaultLayoutDeferred: s, derivedPanelConstraints: C, layout: w } = d;
 				if (s || C.length === 0) return;
-				UD(w), PD?.(w);
+				FO(w), TO?.(w);
 			}
 		});
 		return () => {
-			ZD.current = null, w(), L(), V();
+			HO.current = null, w(), L(), V();
 		};
 	}, [
 		k,
-		FD,
-		PD,
+		EO,
+		TO,
 		K,
-		GD,
-		XD
+		IO,
+		VO
 	]), useEffect(() => {
-		let s = ZD.current;
+		let s = HO.current;
 		s && (s.defaultLayout = C, s.disableCursor = !!w);
 	});
-	let QD = { [Fe]: BD ? "none" : void 0 };
-	for (let s in HD) {
-		let d = Ve(FD, s);
-		QD[d] = HD[s];
+	let UO = { [Fe]: jO ? "none" : void 0 };
+	for (let s in NO) {
+		let d = Ve(EO, s);
+		UO[d] = NO[s];
 	}
 	return /* @__PURE__ */ jsx(je.Provider, {
-		value: YD,
+		value: BO,
 		children: /* @__PURE__ */ jsx("div", {
 			...X,
 			"aria-orientation": K,
 			className: d,
 			"data-group": !0,
-			"data-testid": FD,
-			id: FD,
-			ref: JD,
+			"data-testid": EO,
+			id: EO,
+			ref: zO,
 			style: {
 				height: "100%",
 				width: "100%",
 				overflow: "hidden",
 				...q,
-				...QD,
+				...UO,
 				display: "flex",
 				flexDirection: K === "horizontal" ? "row" : "column",
 				flexWrap: "nowrap"
@@ -7167,20 +7384,20 @@ function It(s, d) {
 	});
 }
 function kt({ children: s, className: d, collapsedSize: C = "0%", collapsible: w = !1, defaultSize: k, elementRef: F, id: L, maxSize: V = "100%", minSize: U = "0%", onResize: K, panelRef: q, style: J, ...X }) {
-	let $ = !!L, PD = ae(L), FD = useRef(null), ID = ue(FD, F), { id: RD, registerPanel: zD } = ce(), BD = K !== null, VD = le((s, d, C) => {
+	let $ = !!L, TO = ae(L), EO = useRef(null), DO = ue(EO, F), { id: kO, registerPanel: AO } = ce(), jO = K !== null, MO = le((s, d, C) => {
 		K?.(s, L, C);
 	});
 	A(() => {
-		let s = FD.current;
-		if (s !== null) return zD({
+		let s = EO.current;
+		if (s !== null) return AO({
 			element: s,
-			id: PD,
+			id: TO,
 			idIsStable: $,
 			mutableValues: {
 				expandToSize: void 0,
 				prevSize: void 0
 			},
-			onResize: BD ? VD : void 0,
+			onResize: jO ? MO : void 0,
 			panelConstraints: {
 				collapsedSize: C,
 				collapsible: w,
@@ -7193,25 +7410,25 @@ function kt({ children: s, className: d, collapsedSize: C = "0%", collapsible: w
 		C,
 		w,
 		k,
-		BD,
-		PD,
+		jO,
+		TO,
 		$,
 		V,
 		U,
-		VD,
-		zD
-	]), It(PD, q);
-	let HD = Ve(RD, PD);
+		MO,
+		AO
+	]), It(TO, q);
+	let NO = Ve(kO, TO);
 	return /* @__PURE__ */ jsx("div", {
 		...X,
 		"data-panel": !0,
-		"data-testid": PD,
-		id: PD,
-		ref: ID,
+		"data-testid": TO,
+		id: TO,
+		ref: DO,
 		style: {
 			...Gt,
 			flexBasis: 0,
-			flexGrow: `var(${HD}, 1)`,
+			flexGrow: `var(${NO}, 1)`,
 			flexShrink: 1,
 			overflow: "hidden",
 			pointerEvents: `var(${Fe})`
@@ -7274,14 +7491,14 @@ function Dt({ layout: s, panelConstraints: d, panelId: C, panelIndex: w }) {
 	};
 }
 function Ot({ children: s, className: d, elementRef: C, id: w, style: k, ...F }) {
-	let L = ae(w), [V, U] = useState({}), [K, q] = useState("inactive"), J = useRef(null), X = ue(J, C), { id: $, orientation: PD, registerSeparator: FD } = ce(), ID = PD === "horizontal" ? "vertical" : "horizontal";
+	let L = ae(w), [V, U] = useState({}), [K, q] = useState("inactive"), J = useRef(null), X = ue(J, C), { id: $, orientation: TO, registerSeparator: EO } = ce(), DO = TO === "horizontal" ? "vertical" : "horizontal";
 	return A(() => {
 		let s = J.current;
 		if (s !== null) {
 			let d = {
 				element: s,
 				id: L
-			}, C = FD(d), w = T.addListener("interactionStateChange", (s) => {
+			}, C = EO(d), w = T.addListener("interactionStateChange", (s) => {
 				q(s.state !== "inactive" && s.hitRegions.some((s) => s.separator === d) ? s.state : "inactive");
 			}), k = T.addListener("mountedGroupsChange", (s) => {
 				s.forEach(({ derivedPanelConstraints: s, layout: C, separatorToPanels: w }, k) => {
@@ -7306,11 +7523,11 @@ function Ot({ children: s, className: d, elementRef: C, id: w, style: k, ...F })
 	}, [
 		$,
 		L,
-		FD
+		EO
 	]), /* @__PURE__ */ jsx("div", {
 		...F,
 		"aria-controls": V.valueControls,
-		"aria-orientation": ID,
+		"aria-orientation": DO,
 		"aria-valuemax": V.valueMax,
 		"aria-valuemin": V.valueMin,
 		"aria-valuenow": V.valueNow,
@@ -7337,7 +7554,21 @@ function _objectWithoutPropertiesLoose(s, d) {
 	for (F = 0; F < w.length; F++) k = w[F], !(d.indexOf(k) >= 0) && (C[k] = s[k]);
 	return C;
 }
-var _excluded$Y = ["color"], ChevronRightIcon = /* @__PURE__ */ forwardRef(function(s, d) {
+var _excluded$T = ["color"], CheckIcon = /* @__PURE__ */ forwardRef(function(s, d) {
+	var C = s.color, w = C === void 0 ? "currentColor" : C, k = _objectWithoutPropertiesLoose(s, _excluded$T);
+	return createElement("svg", Object.assign({
+		width: "15",
+		height: "15",
+		viewBox: "0 0 15 15",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, k, { ref: d }), createElement("path", {
+		d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
+		fill: w,
+		fillRule: "evenodd",
+		clipRule: "evenodd"
+	}));
+}), _excluded$Y = ["color"], ChevronRightIcon = /* @__PURE__ */ forwardRef(function(s, d) {
 	var C = s.color, w = C === void 0 ? "currentColor" : C, k = _objectWithoutPropertiesLoose(s, _excluded$Y);
 	return createElement("svg", Object.assign({
 		width: "15",
@@ -7536,7 +7767,7 @@ const EditorProvider = ({ children: s, isList: C = !1, availableProps: w = [], t
 			mockData: s,
 			singleMockData: d
 		}));
-	}, []), PD = React.useCallback((s) => {
+	}, []), TO = React.useCallback((s) => {
 		L((d) => ({
 			...d,
 			listSettings: {
@@ -7544,7 +7775,7 @@ const EditorProvider = ({ children: s, isList: C = !1, availableProps: w = [], t
 				...s
 			}
 		}));
-	}, []), FD = React.useMemo(() => ({
+	}, []), EO = React.useMemo(() => ({
 		state: F,
 		addElement: U,
 		removeElement: K,
@@ -7552,7 +7783,7 @@ const EditorProvider = ({ children: s, isList: C = !1, availableProps: w = [], t
 		moveElement: J,
 		updateElement: X,
 		setMockData: $,
-		updateListSettings: PD,
+		updateListSettings: TO,
 		loadState: V
 	}), [
 		F,
@@ -7562,11 +7793,11 @@ const EditorProvider = ({ children: s, isList: C = !1, availableProps: w = [], t
 		J,
 		X,
 		$,
-		PD,
+		TO,
 		V
 	]);
 	return /* @__PURE__ */ jsx(EditorContext.Provider, {
-		value: FD,
+		value: EO,
 		children: s
 	});
 }, useEditor = () => {
@@ -7859,16 +8090,16 @@ var __assign$1 = function() {
 			maxHeight: d
 		};
 	}, d.prototype.calculateNewSizeFromDirection = function(s, d) {
-		var C = this.props.scale || 1, w = normalizeToPair(this.props.resizeRatio || 1), k = w[0], F = w[1], L = this.state, V = L.direction, U = L.original, K = this.props, q = K.lockAspectRatio, J = K.lockAspectRatioExtraHeight, X = K.lockAspectRatioExtraWidth, $ = U.width, PD = U.height, FD = J || 0, ID = X || 0;
-		return hasDirection("right", V) && ($ = U.width + (s - U.x) * k / C, q && (PD = ($ - ID) / this.ratio + FD)), hasDirection("left", V) && ($ = U.width - (s - U.x) * k / C, q && (PD = ($ - ID) / this.ratio + FD)), hasDirection("bottom", V) && (PD = U.height + (d - U.y) * F / C, q && ($ = (PD - FD) * this.ratio + ID)), hasDirection("top", V) && (PD = U.height - (d - U.y) * F / C, q && ($ = (PD - FD) * this.ratio + ID)), {
+		var C = this.props.scale || 1, w = normalizeToPair(this.props.resizeRatio || 1), k = w[0], F = w[1], L = this.state, V = L.direction, U = L.original, K = this.props, q = K.lockAspectRatio, J = K.lockAspectRatioExtraHeight, X = K.lockAspectRatioExtraWidth, $ = U.width, TO = U.height, EO = J || 0, DO = X || 0;
+		return hasDirection("right", V) && ($ = U.width + (s - U.x) * k / C, q && (TO = ($ - DO) / this.ratio + EO)), hasDirection("left", V) && ($ = U.width - (s - U.x) * k / C, q && (TO = ($ - DO) / this.ratio + EO)), hasDirection("bottom", V) && (TO = U.height + (d - U.y) * F / C, q && ($ = (TO - EO) * this.ratio + DO)), hasDirection("top", V) && (TO = U.height - (d - U.y) * F / C, q && ($ = (TO - EO) * this.ratio + DO)), {
 			newWidth: $,
-			newHeight: PD
+			newHeight: TO
 		};
 	}, d.prototype.calculateNewSizeFromAspectRatio = function(s, d, C, w) {
 		var k = this.props, F = k.lockAspectRatio, L = k.lockAspectRatioExtraHeight, V = k.lockAspectRatioExtraWidth, U = w.width === void 0 ? 10 : w.width, K = C.width === void 0 || C.width < 0 ? s : C.width, q = w.height === void 0 ? 10 : w.height, J = C.height === void 0 || C.height < 0 ? d : C.height, X = L || 0, $ = V || 0;
 		if (F) {
-			var PD = (q - X) * this.ratio + $, FD = (J - X) * this.ratio + $, ID = (U - $) / this.ratio + X, LD = (K - $) / this.ratio + X, RD = Math.max(U, PD), zD = Math.min(K, FD), BD = Math.max(q, ID), VD = Math.min(J, LD);
-			s = clamp$1(s, RD, zD), d = clamp$1(d, BD, VD);
+			var TO = (q - X) * this.ratio + $, EO = (J - X) * this.ratio + $, DO = (U - $) / this.ratio + X, OO = (K - $) / this.ratio + X, kO = Math.max(U, TO), AO = Math.min(K, EO), jO = Math.max(q, DO), MO = Math.min(J, OO);
+			s = clamp$1(s, kO, AO), d = clamp$1(d, jO, MO);
 		} else s = clamp$1(s, U, K), d = clamp$1(d, q, J);
 		return {
 			newWidth: s,
@@ -7923,58 +8154,58 @@ var __assign$1 = function() {
 			if (this.window.TouchEvent && isTouchEvent(s)) try {
 				s.preventDefault(), s.stopPropagation();
 			} catch {}
-			var C = this.props, w = C.maxWidth, k = C.maxHeight, F = C.minWidth, L = C.minHeight, V = isTouchEvent(s) ? s.touches[0].clientX : s.clientX, U = isTouchEvent(s) ? s.touches[0].clientY : s.clientY, K = this.state, q = K.direction, J = K.original, X = K.width, $ = K.height, PD = this.getParentSize(), FD = calculateNewMax(PD, this.window.innerWidth, this.window.innerHeight, w, k, F, L);
-			w = FD.maxWidth, k = FD.maxHeight, F = FD.minWidth, L = FD.minHeight;
-			var ID = this.calculateNewSizeFromDirection(V, U), LD = ID.newHeight, RD = ID.newWidth, zD = this.calculateNewMaxFromBoundary(w, k);
-			this.props.snap && this.props.snap.x && (RD = findClosestSnap(RD, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (LD = findClosestSnap(LD, this.props.snap.y, this.props.snapGap));
-			var BD = this.calculateNewSizeFromAspectRatio(RD, LD, {
-				width: zD.maxWidth,
-				height: zD.maxHeight
+			var C = this.props, w = C.maxWidth, k = C.maxHeight, F = C.minWidth, L = C.minHeight, V = isTouchEvent(s) ? s.touches[0].clientX : s.clientX, U = isTouchEvent(s) ? s.touches[0].clientY : s.clientY, K = this.state, q = K.direction, J = K.original, X = K.width, $ = K.height, TO = this.getParentSize(), EO = calculateNewMax(TO, this.window.innerWidth, this.window.innerHeight, w, k, F, L);
+			w = EO.maxWidth, k = EO.maxHeight, F = EO.minWidth, L = EO.minHeight;
+			var DO = this.calculateNewSizeFromDirection(V, U), OO = DO.newHeight, kO = DO.newWidth, AO = this.calculateNewMaxFromBoundary(w, k);
+			this.props.snap && this.props.snap.x && (kO = findClosestSnap(kO, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (OO = findClosestSnap(OO, this.props.snap.y, this.props.snapGap));
+			var jO = this.calculateNewSizeFromAspectRatio(kO, OO, {
+				width: AO.maxWidth,
+				height: AO.maxHeight
 			}, {
 				width: F,
 				height: L
 			});
-			if (RD = BD.newWidth, LD = BD.newHeight, this.props.grid) {
-				var VD = snap(RD, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), UD = snap(LD, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), WD = this.props.snapGap || 0, GD = WD === 0 || Math.abs(VD - RD) <= WD ? VD : RD, KD = WD === 0 || Math.abs(UD - LD) <= WD ? UD : LD;
-				RD = GD, LD = KD;
+			if (kO = jO.newWidth, OO = jO.newHeight, this.props.grid) {
+				var NO = snap(kO, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), PO = snap(OO, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), FO = this.props.snapGap || 0, IO = FO === 0 || Math.abs(NO - kO) <= FO ? NO : kO, LO = FO === 0 || Math.abs(PO - OO) <= FO ? PO : OO;
+				kO = IO, OO = LO;
 			}
-			var qD = {
-				width: RD - J.width,
-				height: LD - J.height
+			var RO = {
+				width: kO - J.width,
+				height: OO - J.height
 			};
-			if (this.delta = qD, X && typeof X == "string") {
+			if (this.delta = RO, X && typeof X == "string") {
 				if (X.endsWith("%")) {
-					var JD = RD / PD.width * 100;
-					RD = `${JD}%`;
+					var zO = kO / TO.width * 100;
+					kO = `${zO}%`;
 				} else if (X.endsWith("vw")) {
-					var YD = RD / this.window.innerWidth * 100;
-					RD = `${YD}vw`;
+					var BO = kO / this.window.innerWidth * 100;
+					kO = `${BO}vw`;
 				} else if (X.endsWith("vh")) {
-					var XD = RD / this.window.innerHeight * 100;
-					RD = `${XD}vh`;
+					var VO = kO / this.window.innerHeight * 100;
+					kO = `${VO}vh`;
 				}
 			}
 			if ($ && typeof $ == "string") {
 				if ($.endsWith("%")) {
-					var JD = LD / PD.height * 100;
-					LD = `${JD}%`;
+					var zO = OO / TO.height * 100;
+					OO = `${zO}%`;
 				} else if ($.endsWith("vw")) {
-					var YD = LD / this.window.innerWidth * 100;
-					LD = `${YD}vw`;
+					var BO = OO / this.window.innerWidth * 100;
+					OO = `${BO}vw`;
 				} else if ($.endsWith("vh")) {
-					var XD = LD / this.window.innerHeight * 100;
-					LD = `${XD}vh`;
+					var VO = OO / this.window.innerHeight * 100;
+					OO = `${VO}vh`;
 				}
 			}
-			var ZD = {
-				width: this.createSizeForCssProperty(RD, "width"),
-				height: this.createSizeForCssProperty(LD, "height")
+			var HO = {
+				width: this.createSizeForCssProperty(kO, "width"),
+				height: this.createSizeForCssProperty(OO, "height")
 			};
-			this.flexDir === "row" ? ZD.flexBasis = ZD.width : this.flexDir === "column" && (ZD.flexBasis = ZD.height);
-			var QD = this.state.width !== ZD.width, $D = this.state.height !== ZD.height, eO = this.state.flexBasis !== ZD.flexBasis, tO = QD || $D || eO;
-			tO && flushSync(function() {
-				d.setState(ZD);
-			}), this.props.onResize && tO && this.props.onResize(s, q, this.resizable, qD);
+			this.flexDir === "row" ? HO.flexBasis = HO.width : this.flexDir === "column" && (HO.flexBasis = HO.height);
+			var UO = this.state.width !== HO.width, WO = this.state.height !== HO.height, GO = this.state.flexBasis !== HO.flexBasis, KO = UO || WO || GO;
+			KO && flushSync(function() {
+				d.setState(HO);
+			}), this.props.onResize && KO && this.props.onResize(s, q, this.resizable, RO);
 		}
 	}, d.prototype.onMouseUp = function(s) {
 		var d = this.state, C = d.isResizing, w = d.direction;
@@ -8057,65 +8288,30 @@ var __assign$1 = function() {
 		resizeRatio: 1,
 		snapGap: 0
 	}, d;
-}(PureComponent), MenuItem = ({ children: s, onClick: d, rightSlot: C, style: w, className: k }) => /* @__PURE__ */ jsxs("div", {
-	className: `custom-menu-item ${k || ""}`,
-	onClick: (s) => {
-		s.stopPropagation(), d && d();
-	},
-	style: w,
-	children: [s, C && /* @__PURE__ */ jsx("div", {
-		className: "custom-menu-right-slot",
-		children: C
-	})]
-}), MenuSeparator = () => /* @__PURE__ */ jsx("div", { className: "custom-menu-separator" }), SubMenu = ({ label: s, children: d, scrollable: C }) => /* @__PURE__ */ jsxs("div", {
-	className: "custom-menu-item",
-	children: [
-		s,
-		/* @__PURE__ */ jsx("div", {
-			className: "custom-menu-right-slot",
-			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: `custom-submenu ${C ? "scrollable" : ""}`,
-			children: d
-		})
-	]
-});
+}(PureComponent);
 const ElementContextMenu = ({ children: s, element: d }) => {
-	let { updateElement: C, removeElement: w, addElement: k, moveElement: F, state: L } = useEditor(), [V, U] = useState(null), [K, q] = useState(!1), [X, $] = useState(!1), [PD, FD] = useState(d.content), [ID, zD] = useState(d.dataBinding || ""), BD = useRef(null), HD = useRef(null);
-	useEffect(() => {
-		let s = () => U(null);
-		return window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
-			window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
-		};
-	}, []);
-	let KD = (s) => {
-		s.preventDefault(), s.stopPropagation(), U({
-			x: s.clientX,
-			y: s.clientY
-		});
-	}, qD = () => U(null), JD = (s) => {
-		let d = BD.current;
+	let { updateElement: C, removeElement: w, addElement: k, moveElement: F, state: L } = useEditor(), [V, U] = useState(!1), [K, q] = useState(!1), [J, X] = useState(d.content), [$, TO] = useState(d.dataBinding || ""), EO = useRef(null), DO = useRef(null), AO = (s) => {
+		let d = EO.current;
 		if (d) {
-			let C = d.selectionStart, w = d.selectionEnd, k = PD;
-			FD(k.substring(0, C) + `{{${s}}}` + k.substring(w)), setTimeout(() => {
+			let C = d.selectionStart, w = d.selectionEnd, k = J;
+			X(k.substring(0, C) + `{{${s}}}` + k.substring(w)), setTimeout(() => {
 				d.focus();
 				let w = C + s.length + 4;
 				d.setSelectionRange(w, w);
 			}, 0);
-		} else FD((d) => d + `{{${s}}}`);
-	}, YD = (s) => {
+		} else X((d) => d + `{{${s}}}`);
+	}, jO = (s) => {
 		C(d.id, { style: {
 			...d.style,
 			...s
-		} }), qD();
-	}, XD = () => {
+		} });
+	}, MO = () => {
 		let s = L.elements.findIndex((s) => s.id === d.id);
-		s < L.elements.length - 1 && F(s, L.elements.length - 1), qD();
-	}, ZD = () => {
+		s < L.elements.length - 1 && F(s, L.elements.length - 1);
+	}, IO = () => {
 		let s = L.elements.findIndex((s) => s.id === d.id);
-		s > 0 && F(s, 0), qD();
-	}, QD = () => {
+		s > 0 && F(s, 0);
+	}, LO = () => {
 		k({
 			type: d.type,
 			content: d.content,
@@ -8124,8 +8320,8 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 			width: d.width,
 			height: d.height,
 			style: d.style
-		}), qD();
-	}, $D = [
+		});
+	}, RO = [
 		"#000000",
 		"#FFFFFF",
 		"#FF0000",
@@ -8137,14 +8333,9 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 		"transparent"
 	];
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx("div", {
-			onContextMenu: KD,
-			style: { display: "contents" },
-			children: s
-		}),
 		/* @__PURE__ */ jsx(s$2, {
-			open: K,
-			onOpenChange: q,
+			open: V,
+			onOpenChange: U,
 			children: /* @__PURE__ */ jsxs(p$5, {
 				style: { maxWidth: 450 },
 				children: [/* @__PURE__ */ jsx(g$1, { children: "Editar Texto" }), /* @__PURE__ */ jsxs(p, {
@@ -8152,9 +8343,9 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 					gap: "3",
 					children: [
 						/* @__PURE__ */ jsx(r, {
-							ref: BD,
-							value: PD,
-							onChange: (s) => FD(s.target.value),
+							ref: EO,
+							value: J,
+							onChange: (s) => X(s.target.value),
 							placeholder: "Digite o novo texto...",
 							style: { height: 100 }
 						}),
@@ -8172,7 +8363,7 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 									color: "blue",
 									variant: "surface",
 									style: { cursor: "pointer" },
-									onClick: () => JD(s.dataName),
+									onClick: () => AO(s.dataName),
 									children: s.name
 								}, s.dataName))
 							})]
@@ -8186,7 +8377,7 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 								children: "Cancelar"
 							}) }), /* @__PURE__ */ jsx(o, {
 								onClick: () => {
-									C(d.id, { content: PD }), q(!1);
+									C(d.id, { content: J }), U(!1);
 								},
 								children: "Salvar"
 							})]
@@ -8196,8 +8387,8 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 			})
 		}),
 		/* @__PURE__ */ jsx(s$2, {
-			open: X,
-			onOpenChange: $,
+			open: K,
+			onOpenChange: q,
 			children: /* @__PURE__ */ jsxs(p$5, {
 				style: { maxWidth: 450 },
 				children: [/* @__PURE__ */ jsx(g$1, { children: "Vincular Dados Manualmente" }), /* @__PURE__ */ jsxs(p, {
@@ -8209,8 +8400,8 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 							children: "Nome da propriedade (ex: titulo, preco, imagem):"
 						}),
 						/* @__PURE__ */ jsx(u, {
-							value: ID,
-							onChange: (s) => zD(s.target.value),
+							value: $,
+							onChange: (s) => TO(s.target.value),
 							placeholder: "propriedade"
 						}),
 						/* @__PURE__ */ jsxs(p, {
@@ -8222,8 +8413,8 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 								children: "Cancelar"
 							}) }), /* @__PURE__ */ jsx(o, {
 								onClick: () => {
-									let s = ID, w = { dataBinding: s };
-									d.type === "text" && (w.content = `{{${s}}}`), C(d.id, w), $(!1);
+									let s = $, w = { dataBinding: s };
+									d.type === "text" && (w.content = `{{${s}}}`), C(d.id, w), q(!1);
 								},
 								children: "Vincular"
 							})]
@@ -8234,7 +8425,7 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 		}),
 		/* @__PURE__ */ jsx("input", {
 			type: "file",
-			ref: HD,
+			ref: DO,
 			style: { display: "none" },
 			accept: "image/*",
 			onChange: (s) => {
@@ -8245,143 +8436,200 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 						s.target?.result && C(d.id, { content: s.target.result });
 					}, s.readAsDataURL(w);
 				}
-				qD();
 			}
 		}),
-		V && createPortal(/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-			className: "custom-context-menu-overlay",
-			style: { zIndex: 2147483646 },
-			onClick: qD,
-			onContextMenu: (s) => {
-				s.preventDefault(), qD();
-			}
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "custom-context-menu",
-			style: {
-				top: Math.min(V.y, window.innerHeight - 300),
-				left: Math.min(V.x, window.innerWidth - 250),
-				zIndex: 2147483647
-			},
+		/* @__PURE__ */ jsxs(Root2$1, { children: [/* @__PURE__ */ jsx(Trigger$1, {
+			asChild: !0,
+			children: /* @__PURE__ */ jsx("div", {
+				style: { display: "contents" },
+				children: s
+			})
+		}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsxs(Content2$1, {
+			className: "ContextMenuContent",
 			children: [
-				/* @__PURE__ */ jsxs(SubMenu, {
-					label: /* @__PURE__ */ jsxs(Fragment$1, { children: ["Vincular Dados ", d.dataBinding && /* @__PURE__ */ jsxs("span", {
-						style: {
-							fontSize: 10,
-							marginLeft: 4,
-							opacity: .7
-						},
-						children: [
-							"(",
-							d.dataBinding,
-							")"
-						]
-					})] }),
+				/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+					className: "ContextMenuSubTrigger",
 					children: [
-						L.availableProps && L.availableProps.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [L.availableProps.map((s) => /* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => {
+						"Vincular Dados",
+						d.dataBinding && /* @__PURE__ */ jsxs("span", {
+							style: {
+								fontSize: 10,
+								marginLeft: 4,
+								opacity: .7
+							},
+							children: [
+								"(",
+								d.dataBinding,
+								")"
+							]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "RightSlot",
+							children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+						})
+					]
+				}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsxs(SubContent2$1, {
+					className: "ContextMenuSubContent",
+					sideOffset: 2,
+					alignOffset: -5,
+					children: [
+						L.availableProps && L.availableProps.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [L.availableProps.map((s) => /* @__PURE__ */ jsxs(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => {
 								let w = { dataBinding: s.dataName };
-								d.type === "text" && (w.content = `{{${s.dataName}}}`), C(d.id, w), qD();
+								d.type === "text" && (w.content = `{{${s.dataName}}}`), C(d.id, w);
 							},
-							rightSlot: /* @__PURE__ */ jsx("span", {
-								style: { fontSize: 10 },
-								children: s.dataName
-							}),
-							children: s.name
-						}, s.dataName)), /* @__PURE__ */ jsx(MenuSeparator, {})] }),
-						/* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => {
-								zD(d.dataBinding || ""), $(!0), qD();
+							children: [
+								s.name,
+								" ",
+								/* @__PURE__ */ jsx("div", {
+									className: "RightSlot",
+									children: s.dataName
+								})
+							]
+						}, s.dataName)), /* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" })] }),
+						/* @__PURE__ */ jsx(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => {
+								TO(d.dataBinding || ""), q(!0);
 							},
 							children: "Outro / Manual..."
 						}),
-						d.dataBinding && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MenuSeparator, {}), /* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => {
-								C(d.id, { dataBinding: void 0 }), qD();
-							},
+						d.dataBinding && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" }), /* @__PURE__ */ jsx(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => C(d.id, { dataBinding: void 0 }),
 							style: { color: "var(--red-9)" },
 							children: "Remover Vínculo"
 						})] })
 					]
-				}),
-				/* @__PURE__ */ jsx(MenuSeparator, {}),
-				d.type === "text" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MenuItem, {
-					onClick: () => {
-						FD(d.content), q(!0), qD();
+				}) })] }),
+				/* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" }),
+				d.type === "text" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Item2$1, {
+					className: "ContextMenuItem",
+					onSelect: () => {
+						X(d.content), U(!0);
 					},
 					children: "Editar Texto..."
-				}), /* @__PURE__ */ jsx(MenuSeparator, {})] }),
-				/* @__PURE__ */ jsx(MenuItem, {
-					onClick: QD,
+				}), /* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" })] }),
+				/* @__PURE__ */ jsx(Item2$1, {
+					className: "ContextMenuItem",
+					onSelect: LO,
 					children: "Duplicar"
 				}),
-				/* @__PURE__ */ jsx(MenuItem, {
-					onClick: () => {
-						w(d.id), qD();
-					},
+				/* @__PURE__ */ jsx(Item2$1, {
+					className: "ContextMenuItem",
+					onSelect: () => w(d.id),
 					children: "Excluir"
 				}),
-				/* @__PURE__ */ jsx(MenuSeparator, {}),
+				/* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" }),
 				d.type === "image" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					/* @__PURE__ */ jsxs(SubMenu, {
-						label: "Alterar Imagem",
-						children: [/* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => {
-								HD.current?.click(), qD();
-							},
+					/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+						className: "ContextMenuSubTrigger",
+						children: ["Alterar Imagem", /* @__PURE__ */ jsx("div", {
+							className: "RightSlot",
+							children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+						})]
+					}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsxs(SubContent2$1, {
+						className: "ContextMenuSubContent",
+						sideOffset: 2,
+						alignOffset: -5,
+						children: [/* @__PURE__ */ jsx(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => DO.current?.click(),
 							children: "Carregar do Computador"
-						}), /* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => {
-								qD(), setTimeout(() => {
+						}), /* @__PURE__ */ jsx(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => {
+								setTimeout(() => {
 									let s = window.prompt("Insira a URL da imagem:", d.content);
 									s !== null && C(d.id, { content: s });
 								}, 10);
 							},
 							children: "Inserir URL"
 						})]
-					}),
-					/* @__PURE__ */ jsxs(SubMenu, {
-						label: "Ajuste da Imagem",
+					}) })] }),
+					/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+						className: "ContextMenuSubTrigger",
+						children: ["Ajuste da Imagem", /* @__PURE__ */ jsx("div", {
+							className: "RightSlot",
+							children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+						})]
+					}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsxs(SubContent2$1, {
+						className: "ContextMenuSubContent",
+						sideOffset: 2,
+						alignOffset: -5,
 						children: [
-							/* @__PURE__ */ jsx(MenuItem, {
-								onClick: () => YD({ objectFit: "cover" }),
+							/* @__PURE__ */ jsx(Item2$1, {
+								className: "ContextMenuItem",
+								onSelect: () => jO({ objectFit: "cover" }),
 								children: "Preencher (Cover)"
 							}),
-							/* @__PURE__ */ jsx(MenuItem, {
-								onClick: () => YD({ objectFit: "contain" }),
+							/* @__PURE__ */ jsx(Item2$1, {
+								className: "ContextMenuItem",
+								onSelect: () => jO({ objectFit: "contain" }),
 								children: "Ajustar (Contain)"
 							}),
-							/* @__PURE__ */ jsx(MenuItem, {
-								onClick: () => YD({ objectFit: "fill" }),
+							/* @__PURE__ */ jsx(Item2$1, {
+								className: "ContextMenuItem",
+								onSelect: () => jO({ objectFit: "fill" }),
 								children: "Esticar (Fill)"
 							})
 						]
-					}),
-					/* @__PURE__ */ jsx(MenuSeparator, {})
+					}) })] }),
+					/* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" })
 				] }),
-				/* @__PURE__ */ jsxs(SubMenu, {
-					label: "Camadas",
-					children: [/* @__PURE__ */ jsx(MenuItem, {
-						onClick: XD,
+				/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+					className: "ContextMenuSubTrigger",
+					children: ["Camadas", /* @__PURE__ */ jsx("div", {
+						className: "RightSlot",
+						children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+					})]
+				}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsxs(SubContent2$1, {
+					className: "ContextMenuSubContent",
+					sideOffset: 2,
+					alignOffset: -5,
+					children: [/* @__PURE__ */ jsx(Item2$1, {
+						className: "ContextMenuItem",
+						onSelect: MO,
 						children: "Trazer para frente"
-					}), /* @__PURE__ */ jsx(MenuItem, {
-						onClick: ZD,
+					}), /* @__PURE__ */ jsx(Item2$1, {
+						className: "ContextMenuItem",
+						onSelect: IO,
 						children: "Enviar para trás"
 					})]
-				}),
-				/* @__PURE__ */ jsx(MenuSeparator, {}),
+				}) })] }),
+				/* @__PURE__ */ jsx(Separator2$1, { className: "ContextMenuSeparator" }),
 				d.type === "text" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					/* @__PURE__ */ jsx(SubMenu, {
-						label: "Fonte",
-						scrollable: !0,
-						children: L.availableFonts && L.availableFonts.map((s) => /* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => YD({ fontFamily: s }),
+					/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+						className: "ContextMenuSubTrigger",
+						children: ["Fonte", /* @__PURE__ */ jsx("div", {
+							className: "RightSlot",
+							children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+						})]
+					}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsx(SubContent2$1, {
+						className: "ContextMenuSubContent ContextMenuScrollable",
+						sideOffset: 2,
+						alignOffset: -5,
+						children: L.availableFonts && L.availableFonts.map((s) => /* @__PURE__ */ jsxs(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => jO({ fontFamily: s }),
 							style: { fontFamily: s },
-							rightSlot: d.style?.fontFamily === s ? "✓" : void 0,
-							children: s
+							children: [s, d.style?.fontFamily === s && /* @__PURE__ */ jsx("div", {
+								className: "RightSlot",
+								children: /* @__PURE__ */ jsx(CheckIcon, {})
+							})]
 						}, s))
-					}),
-					/* @__PURE__ */ jsx(SubMenu, {
-						label: "Tamanho da Fonte",
+					}) })] }),
+					/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+						className: "ContextMenuSubTrigger",
+						children: ["Tamanho da Fonte", /* @__PURE__ */ jsx("div", {
+							className: "RightSlot",
+							children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+						})]
+					}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsx(SubContent2$1, {
+						className: "ContextMenuSubContent",
+						sideOffset: 2,
+						alignOffset: -5,
 						children: [
 							12,
 							14,
@@ -8391,15 +8639,25 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 							32,
 							48,
 							64
-						].map((s) => /* @__PURE__ */ jsxs(MenuItem, {
-							onClick: () => YD({ fontSize: `${s}px` }),
+						].map((s) => /* @__PURE__ */ jsxs(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => jO({ fontSize: `${s}px` }),
 							children: [s, "px"]
 						}, s))
-					}),
-					/* @__PURE__ */ jsx(SubMenu, {
-						label: "Cor do Texto",
-						children: $D.filter((s) => s !== "transparent").map((s) => /* @__PURE__ */ jsxs(MenuItem, {
-							onClick: () => YD({ color: s }),
+					}) })] }),
+					/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+						className: "ContextMenuSubTrigger",
+						children: ["Cor do Texto", /* @__PURE__ */ jsx("div", {
+							className: "RightSlot",
+							children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+						})]
+					}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsx(SubContent2$1, {
+						className: "ContextMenuSubContent",
+						sideOffset: 2,
+						alignOffset: -5,
+						children: RO.filter((s) => s !== "transparent").map((s) => /* @__PURE__ */ jsxs(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => jO({ color: s }),
 							children: [/* @__PURE__ */ jsx("div", { style: {
 								width: 12,
 								height: 12,
@@ -8408,39 +8666,69 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 								border: "1px solid #ccc"
 							} }), s]
 						}, s))
-					}),
-					/* @__PURE__ */ jsxs(SubMenu, {
-						label: "Peso da Fonte",
-						children: [/* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => YD({ fontWeight: "normal" }),
+					}) })] }),
+					/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+						className: "ContextMenuSubTrigger",
+						children: ["Peso da Fonte", /* @__PURE__ */ jsx("div", {
+							className: "RightSlot",
+							children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+						})]
+					}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsxs(SubContent2$1, {
+						className: "ContextMenuSubContent",
+						sideOffset: 2,
+						alignOffset: -5,
+						children: [/* @__PURE__ */ jsx(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => jO({ fontWeight: "normal" }),
 							children: "Normal"
-						}), /* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => YD({ fontWeight: "bold" }),
+						}), /* @__PURE__ */ jsx(Item2$1, {
+							className: "ContextMenuItem",
+							onSelect: () => jO({ fontWeight: "bold" }),
 							children: "Negrito"
 						})]
-					}),
-					/* @__PURE__ */ jsxs(SubMenu, {
-						label: "Alinhamento",
+					}) })] }),
+					/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+						className: "ContextMenuSubTrigger",
+						children: ["Alinhamento", /* @__PURE__ */ jsx("div", {
+							className: "RightSlot",
+							children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+						})]
+					}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsxs(SubContent2$1, {
+						className: "ContextMenuSubContent",
+						sideOffset: 2,
+						alignOffset: -5,
 						children: [
-							/* @__PURE__ */ jsx(MenuItem, {
-								onClick: () => YD({ textAlign: "left" }),
+							/* @__PURE__ */ jsx(Item2$1, {
+								className: "ContextMenuItem",
+								onSelect: () => jO({ textAlign: "left" }),
 								children: "Esquerda"
 							}),
-							/* @__PURE__ */ jsx(MenuItem, {
-								onClick: () => YD({ textAlign: "center" }),
+							/* @__PURE__ */ jsx(Item2$1, {
+								className: "ContextMenuItem",
+								onSelect: () => jO({ textAlign: "center" }),
 								children: "Centro"
 							}),
-							/* @__PURE__ */ jsx(MenuItem, {
-								onClick: () => YD({ textAlign: "right" }),
+							/* @__PURE__ */ jsx(Item2$1, {
+								className: "ContextMenuItem",
+								onSelect: () => jO({ textAlign: "right" }),
 								children: "Direita"
 							})
 						]
-					})
+					}) })] })
 				] }),
-				/* @__PURE__ */ jsx(SubMenu, {
-					label: "Cor de Fundo",
-					children: $D.map((s) => /* @__PURE__ */ jsxs(MenuItem, {
-						onClick: () => YD({ backgroundColor: s }),
+				/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+					className: "ContextMenuSubTrigger",
+					children: ["Cor de Fundo", /* @__PURE__ */ jsx("div", {
+						className: "RightSlot",
+						children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+					})]
+				}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsx(SubContent2$1, {
+					className: "ContextMenuSubContent",
+					sideOffset: 2,
+					alignOffset: -5,
+					children: RO.map((s) => /* @__PURE__ */ jsxs(Item2$1, {
+						className: "ContextMenuItem",
+						onSelect: () => jO({ backgroundColor: s }),
 						children: [/* @__PURE__ */ jsx("div", { style: {
 							width: 12,
 							height: 12,
@@ -8449,9 +8737,17 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 							border: "1px solid #ccc"
 						} }), s === "transparent" ? "Transparente" : s]
 					}, s))
-				}),
-				/* @__PURE__ */ jsx(SubMenu, {
-					label: "Arredondamento",
+				}) })] }),
+				/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+					className: "ContextMenuSubTrigger",
+					children: ["Arredondamento", /* @__PURE__ */ jsx("div", {
+						className: "RightSlot",
+						children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+					})]
+				}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsx(SubContent2$1, {
+					className: "ContextMenuSubContent",
+					sideOffset: 2,
+					alignOffset: -5,
 					children: [
 						0,
 						4,
@@ -8460,13 +8756,22 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 						16,
 						24,
 						"50%"
-					].map((s) => /* @__PURE__ */ jsx(MenuItem, {
-						onClick: () => YD({ borderRadius: typeof s == "number" ? `${s}px` : s }),
+					].map((s) => /* @__PURE__ */ jsx(Item2$1, {
+						className: "ContextMenuItem",
+						onSelect: () => jO({ borderRadius: typeof s == "number" ? `${s}px` : s }),
 						children: s === "50%" ? "Círculo" : `${s}px`
 					}, s))
-				}),
-				/* @__PURE__ */ jsx(SubMenu, {
-					label: "Espaçamento",
+				}) })] }),
+				/* @__PURE__ */ jsxs(Sub2$1, { children: [/* @__PURE__ */ jsxs(SubTrigger2$1, {
+					className: "ContextMenuSubTrigger",
+					children: ["Espaçamento", /* @__PURE__ */ jsx("div", {
+						className: "RightSlot",
+						children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+					})]
+				}), /* @__PURE__ */ jsx(Portal2$1, { children: /* @__PURE__ */ jsx(SubContent2$1, {
+					className: "ContextMenuSubContent",
+					sideOffset: 2,
+					alignOffset: -5,
 					children: [
 						0,
 						4,
@@ -8475,49 +8780,14 @@ const ElementContextMenu = ({ children: s, element: d }) => {
 						16,
 						24,
 						32
-					].map((s) => /* @__PURE__ */ jsxs(MenuItem, {
-						onClick: () => YD({ padding: `${s}px` }),
+					].map((s) => /* @__PURE__ */ jsxs(Item2$1, {
+						className: "ContextMenuItem",
+						onSelect: () => jO({ padding: `${s}px` }),
 						children: [s, "px"]
 					}, s))
-				}),
-				/* @__PURE__ */ jsxs(SubMenu, {
-					label: "Borda",
-					children: [/* @__PURE__ */ jsxs(SubMenu, {
-						label: "Cor da Borda",
-						children: [$D.filter((s) => s !== "transparent").map((s) => /* @__PURE__ */ jsxs(MenuItem, {
-							onClick: () => YD({
-								borderColor: s,
-								borderStyle: "solid"
-							}),
-							children: [/* @__PURE__ */ jsx("div", { style: {
-								width: 12,
-								height: 12,
-								backgroundColor: s,
-								marginRight: 8,
-								border: "1px solid #ccc"
-							} }), s]
-						}, s)), /* @__PURE__ */ jsx(MenuItem, {
-							onClick: () => YD({ borderStyle: "none" }),
-							children: "Sem Borda"
-						})]
-					}), /* @__PURE__ */ jsx(SubMenu, {
-						label: "Espessura",
-						children: [
-							1,
-							2,
-							4,
-							8
-						].map((s) => /* @__PURE__ */ jsxs(MenuItem, {
-							onClick: () => YD({
-								borderWidth: `${s}px`,
-								borderStyle: "solid"
-							}),
-							children: [s, "px"]
-						}, s))
-					})]
-				})
+				}) })] })
 			]
-		})] }), document.body)
+		}) })] })
 	] });
 };
 var DraggableResizableElement = ({ element: s, isSelected: d }) => {
@@ -8527,26 +8797,26 @@ var DraggableResizableElement = ({ element: s, isSelected: d }) => {
 	}), q = useRef({
 		x: 0,
 		y: 0
-	}), X = useRef(0), $ = useRef(0), PD = useRef({
+	}), X = useRef(0), $ = useRef(0), TO = useRef({
 		x: 0,
 		y: 0
-	}), FD = k.isList ? k.mockData.length > 0 ? k.mockData[0] : null : k.singleMockData, ID = s.content;
-	if (FD) {
-		if (s.type === "text") ID = ID.replace(/\{\{(.*?)\}\}/g, (s, d) => {
-			let C = FD[d.trim()];
+	}), EO = k.isList ? k.mockData.length > 0 ? k.mockData[0] : null : k.singleMockData, DO = s.content;
+	if (EO) {
+		if (s.type === "text") DO = DO.replace(/\{\{(.*?)\}\}/g, (s, d) => {
+			let C = EO[d.trim()];
 			return C == null ? s : String(C);
 		});
 		else if (s.type === "image") if (s.dataBinding) {
-			let d = FD[s.dataBinding];
-			d != null && (ID = String(d));
-		} else ID = ID.replace(/\{\{(.*?)\}\}/g, (s, d) => {
-			let C = FD[d.trim()];
+			let d = EO[s.dataBinding];
+			d != null && (DO = String(d));
+		} else DO = DO.replace(/\{\{(.*?)\}\}/g, (s, d) => {
+			let C = EO[d.trim()];
 			return C == null ? s : String(C);
 		});
 	}
-	let zD = (d) => {
+	let AO = (d) => {
 		d.stopPropagation(), C(s.id);
-	}, BD = (d) => {
+	}, jO = (d) => {
 		d.button === 0 && (d.stopPropagation(), C(s.id), L(!0), K.current = {
 			x: d.clientX,
 			y: d.clientY
@@ -8554,16 +8824,16 @@ var DraggableResizableElement = ({ element: s, isSelected: d }) => {
 			x: s.x,
 			y: s.y
 		});
-	}, VD = (d) => {
+	}, MO = (d) => {
 		d.stopPropagation(), d.preventDefault(), U(!0);
 		let C = d.target.closest(".resizable-element");
 		if (C) {
 			let w = C.getBoundingClientRect();
-			PD.current = {
+			TO.current = {
 				x: w.left + w.width / 2,
 				y: w.top + w.height / 2
 			};
-			let k = d.clientX - PD.current.x, F = d.clientY - PD.current.y;
+			let k = d.clientX - TO.current.x, F = d.clientY - TO.current.y;
 			X.current = Math.atan2(F, k) * (180 / Math.PI), $.current = s.rotation || 0;
 		}
 	};
@@ -8577,7 +8847,7 @@ var DraggableResizableElement = ({ element: s, isSelected: d }) => {
 				});
 			}
 			if (V) {
-				let C = d.clientX - PD.current.x, k = d.clientY - PD.current.y, F = Math.atan2(k, C) * (180 / Math.PI) - X.current;
+				let C = d.clientX - TO.current.x, k = d.clientY - TO.current.y, F = Math.atan2(k, C) * (180 / Math.PI) - X.current;
 				w(s.id, { rotation: ($.current + F) % 360 });
 			}
 		}, C = () => {
@@ -8592,7 +8862,7 @@ var DraggableResizableElement = ({ element: s, isSelected: d }) => {
 		s.id,
 		w
 	]);
-	let HD = {
+	let NO = {
 		position: "absolute",
 		left: 0,
 		top: 0,
@@ -8633,9 +8903,9 @@ var DraggableResizableElement = ({ element: s, isSelected: d }) => {
 					position: "relative"
 				},
 				children: [/* @__PURE__ */ jsxs(p$1, {
-					style: HD,
-					onMouseDown: BD,
-					onClick: zD,
+					style: NO,
+					onMouseDown: jO,
+					onClick: AO,
 					onMouseEnter: (s) => {
 						d || (s.currentTarget.style.borderColor = "var(--gray-6)");
 					},
@@ -8648,10 +8918,10 @@ var DraggableResizableElement = ({ element: s, isSelected: d }) => {
 								width: "100%",
 								height: "100%"
 							},
-							children: ID
+							children: DO
 						}),
-						s.type === "image" && (ID ? /* @__PURE__ */ jsx("img", {
-							src: ID,
+						s.type === "image" && (DO ? /* @__PURE__ */ jsx("img", {
+							src: DO,
 							alt: "Element",
 							style: {
 								width: "100%",
@@ -8693,7 +8963,7 @@ var DraggableResizableElement = ({ element: s, isSelected: d }) => {
 						zIndex: 50,
 						boxShadow: "0 0 0 2px white"
 					},
-					onMouseDown: VD,
+					onMouseDown: MO,
 					children: /* @__PURE__ */ jsx(p$1, { style: {
 						position: "absolute",
 						top: 12,
@@ -8881,16 +9151,16 @@ function createRenderBatcher(s, d) {
 		delta: 0,
 		timestamp: 0,
 		isProcessing: !1
-	}, F = () => C = !0, L = stepsOrder.reduce((s, C) => (s[C] = createRenderStep(F, d ? C : void 0), s), {}), { setup: V, read: U, resolveKeyframes: K, preUpdate: q, update: J, preRender: X, render: $, postRender: PD } = L, FD = () => {
+	}, F = () => C = !0, L = stepsOrder.reduce((s, C) => (s[C] = createRenderStep(F, d ? C : void 0), s), {}), { setup: V, read: U, resolveKeyframes: K, preUpdate: q, update: J, preRender: X, render: $, postRender: TO } = L, EO = () => {
 		let F = MotionGlobalConfig.useManualTiming ? k.timestamp : performance.now();
-		C = !1, MotionGlobalConfig.useManualTiming || (k.delta = w ? 1e3 / 60 : Math.max(Math.min(F - k.timestamp, maxElapsed), 1)), k.timestamp = F, k.isProcessing = !0, V.process(k), U.process(k), K.process(k), q.process(k), J.process(k), X.process(k), $.process(k), PD.process(k), k.isProcessing = !1, C && d && (w = !1, s(FD));
-	}, ID = () => {
-		C = !0, w = !0, k.isProcessing || s(FD);
+		C = !1, MotionGlobalConfig.useManualTiming || (k.delta = w ? 1e3 / 60 : Math.max(Math.min(F - k.timestamp, maxElapsed), 1)), k.timestamp = F, k.isProcessing = !0, V.process(k), U.process(k), K.process(k), q.process(k), J.process(k), X.process(k), $.process(k), TO.process(k), k.isProcessing = !1, C && d && (w = !1, s(EO));
+	}, DO = () => {
+		C = !0, w = !0, k.isProcessing || s(EO);
 	};
 	return {
 		schedule: stepsOrder.reduce((s, d) => {
 			let w = L[d];
-			return s[d] = (s, d = !1, k = !1) => (C || ID(), w.schedule(s, d, k)), s;
+			return s[d] = (s, d = !1, k = !1) => (C || DO(), w.schedule(s, d, k)), s;
 		}, {}),
 		cancel: (s) => {
 			for (let d = 0; d < stepsOrder.length; d++) L[stepsOrder[d]].cancel(s);
@@ -9248,40 +9518,40 @@ function spring(s = springDefaults.visualDuration, d = springDefaults.bounce) {
 	}, { stiffness: U, damping: K, mass: q, duration: J, velocity: X, isResolvedFromDuration: $ } = getSpringOptions({
 		...C,
 		velocity: -/* @__PURE__ */ millisecondsToSeconds(C.velocity || 0)
-	}), PD = X || 0, FD = K / (2 * Math.sqrt(U * q)), ID = L - F, LD = /* @__PURE__ */ millisecondsToSeconds(Math.sqrt(U / q)), RD = Math.abs(ID) < 5;
-	w ||= RD ? springDefaults.restSpeed.granular : springDefaults.restSpeed.default, k ||= RD ? springDefaults.restDelta.granular : springDefaults.restDelta.default;
-	let zD;
-	if (FD < 1) {
-		let s = calcAngularFreq(LD, FD);
-		zD = (d) => L - Math.exp(-FD * LD * d) * ((PD + FD * LD * ID) / s * Math.sin(s * d) + ID * Math.cos(s * d));
-	} else if (FD === 1) zD = (s) => L - Math.exp(-LD * s) * (ID + (PD + LD * ID) * s);
+	}), TO = X || 0, EO = K / (2 * Math.sqrt(U * q)), DO = L - F, OO = /* @__PURE__ */ millisecondsToSeconds(Math.sqrt(U / q)), kO = Math.abs(DO) < 5;
+	w ||= kO ? springDefaults.restSpeed.granular : springDefaults.restSpeed.default, k ||= kO ? springDefaults.restDelta.granular : springDefaults.restDelta.default;
+	let AO;
+	if (EO < 1) {
+		let s = calcAngularFreq(OO, EO);
+		AO = (d) => L - Math.exp(-EO * OO * d) * ((TO + EO * OO * DO) / s * Math.sin(s * d) + DO * Math.cos(s * d));
+	} else if (EO === 1) AO = (s) => L - Math.exp(-OO * s) * (DO + (TO + OO * DO) * s);
 	else {
-		let s = LD * Math.sqrt(FD * FD - 1);
-		zD = (d) => {
-			let C = Math.exp(-FD * LD * d), w = Math.min(s * d, 300);
-			return L - C * ((PD + FD * LD * ID) * Math.sinh(w) + s * ID * Math.cosh(w)) / s;
+		let s = OO * Math.sqrt(EO * EO - 1);
+		AO = (d) => {
+			let C = Math.exp(-EO * OO * d), w = Math.min(s * d, 300);
+			return L - C * ((TO + EO * OO * DO) * Math.sinh(w) + s * DO * Math.cosh(w)) / s;
 		};
 	}
-	let BD = {
+	let jO = {
 		calculatedDuration: $ && J || null,
 		next: (s) => {
-			let d = zD(s);
+			let d = AO(s);
 			if ($) V.done = s >= J;
 			else {
-				let C = s === 0 ? PD : 0;
-				FD < 1 && (C = s === 0 ? /* @__PURE__ */ secondsToMilliseconds(PD) : calcGeneratorVelocity(zD, s, d));
+				let C = s === 0 ? TO : 0;
+				EO < 1 && (C = s === 0 ? /* @__PURE__ */ secondsToMilliseconds(TO) : calcGeneratorVelocity(AO, s, d));
 				let F = Math.abs(C) <= w, U = Math.abs(L - d) <= k;
 				V.done = F && U;
 			}
 			return V.value = V.done ? L : d, V;
 		},
 		toString: () => {
-			let s = Math.min(calcGeneratorDuration(BD), maxGeneratorDuration), d = generateLinearEasing((d) => BD.next(s * d).value, s, 30);
+			let s = Math.min(calcGeneratorDuration(jO), maxGeneratorDuration), d = generateLinearEasing((d) => jO.next(s * d).value, s, 30);
 			return s + "ms " + d;
 		},
 		toTransition: () => {}
 	};
-	return BD;
+	return jO;
 }
 spring.applyToOptions = (s) => {
 	let d = createGeneratorEasing(s, 100, spring);
@@ -9291,26 +9561,26 @@ function inertia({ keyframes: s, velocity: d = 0, power: C = .8, timeConstant: w
 	let J = s[0], X = {
 		done: !1,
 		value: J
-	}, $ = (s) => V !== void 0 && s < V || U !== void 0 && s > U, PD = (s) => V === void 0 ? U : U === void 0 || Math.abs(V - s) < Math.abs(U - s) ? V : U, FD = C * d, ID = J + FD, LD = L === void 0 ? ID : L(ID);
-	LD !== ID && (FD = LD - J);
-	let RD = (s) => -FD * Math.exp(-s / w), zD = (s) => LD + RD(s), BD = (s) => {
-		let d = RD(s), C = zD(s);
-		X.done = Math.abs(d) <= K, X.value = X.done ? LD : C;
-	}, VD, HD, UD = (s) => {
-		$(X.value) && (VD = s, HD = spring({
-			keyframes: [X.value, PD(X.value)],
-			velocity: calcGeneratorVelocity(zD, s, X.value),
+	}, $ = (s) => V !== void 0 && s < V || U !== void 0 && s > U, TO = (s) => V === void 0 ? U : U === void 0 || Math.abs(V - s) < Math.abs(U - s) ? V : U, EO = C * d, DO = J + EO, OO = L === void 0 ? DO : L(DO);
+	OO !== DO && (EO = OO - J);
+	let kO = (s) => -EO * Math.exp(-s / w), AO = (s) => OO + kO(s), jO = (s) => {
+		let d = kO(s), C = AO(s);
+		X.done = Math.abs(d) <= K, X.value = X.done ? OO : C;
+	}, MO, NO, PO = (s) => {
+		$(X.value) && (MO = s, NO = spring({
+			keyframes: [X.value, TO(X.value)],
+			velocity: calcGeneratorVelocity(AO, s, X.value),
 			damping: k,
 			stiffness: F,
 			restDelta: K,
 			restSpeed: q
 		}));
 	};
-	return UD(0), {
+	return PO(0), {
 		calculatedDuration: null,
 		next: (s) => {
 			let d = !1;
-			return !HD && VD === void 0 && (d = !0, BD(s), UD(s)), VD !== void 0 && s >= VD ? HD.next(s - VD) : (!d && BD(s), X);
+			return !NO && MO === void 0 && (d = !0, jO(s), PO(s)), MO !== void 0 && s >= MO ? NO.next(s - MO) : (!d && jO(s), X);
 		}
 	};
 }
@@ -9428,24 +9698,24 @@ var WithPromise = class {
 	tick(s, d = !1) {
 		let { generator: C, totalDuration: w, mixKeyframes: k, mirroredGenerator: F, resolvedDuration: L, calculatedDuration: V } = this;
 		if (this.startTime === null) return C.next(0);
-		let { delay: U = 0, keyframes: K, repeat: q, repeatType: J, repeatDelay: X, type: $, onUpdate: PD, finalKeyframe: FD } = this.options;
+		let { delay: U = 0, keyframes: K, repeat: q, repeatType: J, repeatDelay: X, type: $, onUpdate: TO, finalKeyframe: EO } = this.options;
 		this.speed > 0 ? this.startTime = Math.min(this.startTime, s) : this.speed < 0 && (this.startTime = Math.min(s - w / this.speed, this.startTime)), d ? this.currentTime = s : this.updateTime(s);
-		let ID = this.currentTime - U * (this.playbackSpeed >= 0 ? 1 : -1), LD = this.playbackSpeed >= 0 ? ID < 0 : ID > w;
-		this.currentTime = Math.max(ID, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = w);
-		let RD = this.currentTime, zD = C;
+		let DO = this.currentTime - U * (this.playbackSpeed >= 0 ? 1 : -1), OO = this.playbackSpeed >= 0 ? DO < 0 : DO > w;
+		this.currentTime = Math.max(DO, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = w);
+		let kO = this.currentTime, AO = C;
 		if (q) {
 			let s = Math.min(this.currentTime, w) / L, d = Math.floor(s), C = s % 1;
-			!C && s >= 1 && (C = 1), C === 1 && d--, d = Math.min(d, q + 1), d % 2 && (J === "reverse" ? (C = 1 - C, X && (C -= X / L)) : J === "mirror" && (zD = F)), RD = clamp(0, 1, C) * L;
+			!C && s >= 1 && (C = 1), C === 1 && d--, d = Math.min(d, q + 1), d % 2 && (J === "reverse" ? (C = 1 - C, X && (C -= X / L)) : J === "mirror" && (AO = F)), kO = clamp(0, 1, C) * L;
 		}
-		let BD = LD ? {
+		let jO = OO ? {
 			done: !1,
 			value: K[0]
-		} : zD.next(RD);
-		k && (BD.value = k(BD.value));
-		let { done: VD } = BD;
-		!LD && V !== null && (VD = this.playbackSpeed >= 0 ? this.currentTime >= w : this.currentTime <= 0);
-		let HD = this.holdTime === null && (this.state === "finished" || this.state === "running" && VD);
-		return HD && $ !== inertia && (BD.value = getFinalKeyframe$1(K, this.options, FD, this.speed)), PD && PD(BD.value), HD && this.finish(), BD;
+		} : AO.next(kO);
+		k && (jO.value = k(jO.value));
+		let { done: MO } = jO;
+		!OO && V !== null && (MO = this.playbackSpeed >= 0 ? this.currentTime >= w : this.currentTime <= 0);
+		let NO = this.holdTime === null && (this.state === "finished" || this.state === "running" && MO);
+		return NO && $ !== inertia && (jO.value = getFinalKeyframe$1(K, this.options, EO, this.speed)), TO && TO(jO.value), NO && this.finish(), jO;
 	}
 	then(s, d) {
 		return this.finished.then(s, d);
@@ -10814,18 +11084,18 @@ function useVisualElement(s, d, C, w, k, F) {
 		reducedMotionConfig: K,
 		isSVG: F
 	}));
-	let $ = X.current, FD = useContext(SwitchLayoutGroupContext);
-	$ && !$.projection && k && ($.type === "html" || $.type === "svg") && createProjectionNode$1(X.current, C, k, FD);
-	let ID = useRef(!1);
+	let $ = X.current, EO = useContext(SwitchLayoutGroupContext);
+	$ && !$.projection && k && ($.type === "html" || $.type === "svg") && createProjectionNode$1(X.current, C, k, EO);
+	let DO = useRef(!1);
 	useInsertionEffect(() => {
-		$ && ID.current && $.update(C, U);
+		$ && DO.current && $.update(C, U);
 	});
-	let RD = C[optimizedAppearDataAttribute], zD = useRef(!!RD && !window.MotionHandoffIsComplete?.(RD) && window.MotionHasOptimisedAnimation?.(RD));
+	let kO = C[optimizedAppearDataAttribute], AO = useRef(!!kO && !window.MotionHandoffIsComplete?.(kO) && window.MotionHasOptimisedAnimation?.(kO));
 	return useIsomorphicLayoutEffect(() => {
-		$ && (ID.current = !0, window.MotionIsMounted = !0, $.updateFeatures(), $.scheduleRenderMicrotask(), zD.current && $.animationState && $.animationState.animateChanges());
+		$ && (DO.current = !0, window.MotionIsMounted = !0, $.updateFeatures(), $.scheduleRenderMicrotask(), AO.current && $.animationState && $.animationState.animateChanges());
 	}), useEffect(() => {
-		$ && (!zD.current && $.animationState && $.animationState.animateChanges(), zD.current &&= (queueMicrotask(() => {
-			window.MotionHandoffMarkAsComplete?.(RD);
+		$ && (!AO.current && $.animationState && $.animationState.animateChanges(), AO.current &&= (queueMicrotask(() => {
+			window.MotionHandoffMarkAsComplete?.(kO);
 		}), !1), $.enteringChildren = void 0);
 	}), $;
 }
@@ -11503,34 +11773,34 @@ function createAnimationState(s) {
 	function L(F) {
 		let { props: L } = s, V = getVariantContext(s.parent) || {}, U = [], K = /* @__PURE__ */ new Set(), q = {}, J = Infinity;
 		for (let d = 0; d < numAnimationTypes; d++) {
-			let X = reversePriorityOrder[d], $ = C[X], PD = L[X] === void 0 ? V[X] : L[X], FD = isVariantLabel(PD), ID = X === F ? $.isActive : null;
-			ID === !1 && (J = d);
-			let LD = PD === V[X] && PD !== L[X] && FD;
-			if (LD && w && s.manuallyAnimateOnMount && (LD = !1), $.protectedKeys = { ...q }, !$.isActive && ID === null || !PD && !$.prevProp || isAnimationControls(PD) || typeof PD == "boolean") continue;
-			let RD = checkVariantsDidChange($.prevProp, PD), zD = RD || X === F && $.isActive && !LD && FD || d > J && FD, BD = !1, VD = Array.isArray(PD) ? PD : [PD], HD = VD.reduce(k(X), {});
-			ID === !1 && (HD = {});
-			let { prevResolvedValues: UD = {} } = $, WD = {
-				...UD,
-				...HD
-			}, GD = (d) => {
-				zD = !0, K.has(d) && (BD = !0, K.delete(d)), $.needsAnimating[d] = !0;
+			let X = reversePriorityOrder[d], $ = C[X], TO = L[X] === void 0 ? V[X] : L[X], EO = isVariantLabel(TO), DO = X === F ? $.isActive : null;
+			DO === !1 && (J = d);
+			let OO = TO === V[X] && TO !== L[X] && EO;
+			if (OO && w && s.manuallyAnimateOnMount && (OO = !1), $.protectedKeys = { ...q }, !$.isActive && DO === null || !TO && !$.prevProp || isAnimationControls(TO) || typeof TO == "boolean") continue;
+			let kO = checkVariantsDidChange($.prevProp, TO), AO = kO || X === F && $.isActive && !OO && EO || d > J && EO, jO = !1, MO = Array.isArray(TO) ? TO : [TO], NO = MO.reduce(k(X), {});
+			DO === !1 && (NO = {});
+			let { prevResolvedValues: PO = {} } = $, FO = {
+				...PO,
+				...NO
+			}, IO = (d) => {
+				AO = !0, K.has(d) && (jO = !0, K.delete(d)), $.needsAnimating[d] = !0;
 				let C = s.getValue(d);
 				C && (C.liveStyle = !1);
 			};
-			for (let s in WD) {
-				let d = HD[s], C = UD[s];
+			for (let s in FO) {
+				let d = NO[s], C = PO[s];
 				if (q.hasOwnProperty(s)) continue;
 				let w = !1;
-				w = isKeyframesTarget(d) && isKeyframesTarget(C) ? !shallowCompare(d, C) : d !== C, w ? d == null ? K.add(s) : GD(s) : d !== void 0 && K.has(s) ? GD(s) : $.protectedKeys[s] = !0;
+				w = isKeyframesTarget(d) && isKeyframesTarget(C) ? !shallowCompare(d, C) : d !== C, w ? d == null ? K.add(s) : IO(s) : d !== void 0 && K.has(s) ? IO(s) : $.protectedKeys[s] = !0;
 			}
-			$.prevProp = PD, $.prevResolvedValues = HD, $.isActive && (q = {
+			$.prevProp = TO, $.prevResolvedValues = NO, $.isActive && (q = {
 				...q,
-				...HD
-			}), w && s.blockInitialAnimation && (zD = !1);
-			let KD = LD && RD;
-			zD && (!KD || BD) && U.push(...VD.map((d) => {
+				...NO
+			}), w && s.blockInitialAnimation && (AO = !1);
+			let LO = OO && kO;
+			AO && (!LO || jO) && U.push(...MO.map((d) => {
 				let C = { type: X };
-				if (typeof d == "string" && w && !KD && s.manuallyAnimateOnMount && s.parent) {
+				if (typeof d == "string" && w && !LO && s.manuallyAnimateOnMount && s.parent) {
 					let { parent: w } = s, k = resolveVariant(w, d);
 					if (w.enteringChildren && k) {
 						let { delayChildren: d } = k.transition || {};