@arcadeai/design-system 5.0.2 → 5.3.0

package/dist/{dropdown-menu-CWWN1cXs.js → dropdown-menu-ecggVuhu.js}

@@ -6,27 +6,30 @@ import { t as d } from "./useStableCallback-CrM0Nb2q.js";
 import { n as f } from "./useCompositeListItem-C8B8UyMD.js";
 import { t as p } from "./CompositeList-BUPONQmB.js";
 import { t as m } from "./DirectionContext-OzWG1tsQ.js";
-import { n as h, t as g } from "./useBaseUiId-voePHgyX.js";
+import { t as h } from "./useId-Bzr7_bed.js";
+import { t as g } from "./useBaseUiId-CXSJgVcI.js";
 import { f as _, l as v, r as y, t as b, v as x } from "./createBaseUIEventDetails-C_dwdqj4.js";
-import { a as S, n as C, o as w, t as T } from "./useOpenChangeComplete-Bs6gnxd9.js";
+import { t as S } from "./useTransitionStatus-CCIoL5RH.js";
+import { a as C, n as w, t as T } from "./useOpenChangeComplete-CVIwfcpl.js";
 import { c as E, f as D, p as O } from "./floating-ui.utils.dom-5U5b4xPf.js";
 import { r as k, t as A } from "./useButton-DjF6Owsn.js";
 import { t as j } from "./owner-CyZnQOKt.js";
 import { cn as M } from "./lib/utils.js";
-import { $ as N, A as P, B as ee, D as F, E as I, F as L, M as R, N as z, O as B, P as te, S as V, T as H, V as U, a as ne, b as W, d as re, f as ie, h as G, i as ae, j as oe, k as se, l as ce, m as K, o as q, p as le, r as ue, s as de, v as fe, y as J } from "./popupStateMapping-C8W76brO.js";
-import { F as pe } from "./composite-B-tEa-Zg.js";
+import { C as N, D as P, E as ee, O as F, S as I, T as te, a as L, b as R, d as ne, f as z, h as re, i as B, l as V, m as ie, o as ae, p as H, r as U, s as oe, v as W, w as se, y as G } from "./popupStateMapping-XiLS0Jku.js";
+import { F as K } from "./composite-B-tEa-Zg.js";
+import { T as ce, a as le, h as ue, i as de, o as q, p as fe, s as J, t as pe } from "./ReactStore-C3H8e2ha.js";
 import { n as me } from "./useTimeout-B0afjWAz.js";
-import { a as he, i as ge, r as _e, t as ve } from "./useOpenInteractionType-DQhvPqO3.js";
+import { a as he, i as ge, r as _e, t as ve } from "./useOpenInteractionType-INvHftZi.js";
 import { n as ye } from "./shadowDom-BACsbimN.js";
-import { n as be, r as Y, t as xe } from "./safePolygon-os2F06tc.js";
-import { i as Se, n as Ce, r as we, t as Te } from "./usePositioner-DkeyI5Le.js";
-import { r as Ee, t as X } from "./store-C-KXBzZ0.js";
-import { t as De } from "./useFocus-DwJfNYN6.js";
-import { n as Oe, r as ke, t as Ae } from "./getPseudoElementBounds-D_dlkPnQ.js";
+import { n as be, r as Y, t as xe } from "./safePolygon-DmV1hDsw.js";
+import { i as Se, n as Ce, r as we, t as Te } from "./usePositioner-CaLGGc-z.js";
+import { r as Ee, t as X } from "./store-D7k1qIkZ.js";
+import { t as De } from "./useFocus-B_SrhX9q.js";
+import { n as Oe, r as ke, t as Ae } from "./getPseudoElementBounds-BOe22aYl.js";
 import { o as je } from "./composite-COXvAbcT.js";
 import { t as Me } from "./inertValue-BhczR0H5.js";
-import { t as Ne } from "./useTriggerFocusGuards-Qi8iK-AK.js";
-import { t as Pe } from "./useAnchoredPopupScrollLock-a2b_Frjv.js";
+import { t as Ne } from "./useTriggerFocusGuards-Dlv8KvSm.js";
+import { t as Pe } from "./useAnchoredPopupScrollLock-CnoPUwXv.js";
 import { t as Fe } from "./ToolbarRootContext-CDm74ob9.js";
 import { t as Ie } from "./CompositeItem-RsjiqT-t.js";
 import { t as Le } from "./Separator-CJ3Gn6wf.js";
@@ -95,7 +98,7 @@ function Ye(e) {
 		onMouseUp(e) {
 			if (d) {
 				let t = d.initialCursorPointRef.current;
-				if (d.initialCursorPointRef.current = null, f && t && Math.abs(e.clientX - t.x) <= 1 && Math.abs(e.clientY - t.y) <= 1 || f && !pe && e.button === 2) return;
+				if (d.initialCursorPointRef.current = null, f && t && Math.abs(e.clientX - t.x) <= 1 && Math.abs(e.clientY - t.y) <= 1 || f && !K && e.button === 2) return;
 			}
 			s.current && a.context.allowMouseUpTriggerRef.current && (!f || e.button === 2) && (!c || c.type === "regular-item") && s.current.click();
 		}
@@ -152,7 +155,7 @@ var Qe = /*#__PURE__*/ function(e) {
 	checked(e) {
 		return e ? { [Qe.checked]: "" } : { [Qe.unchecked]: "" };
 	},
-	...S
+	...C
 }, et = /*#__PURE__*/ Z.forwardRef(function(t, n) {
 	let { render: r, className: i, id: a, label: o, nativeButton: s = !1, disabled: c = !1, closeOnClick: u = !1, checked: d, defaultChecked: p, onCheckedChange: m, style: h, ...v } = t, y = f({ label: o }), x = Ue(!0), S = g(a), { store: C } = $(), w = C.useState("isActive", y.index), T = C.useState("itemProps"), [E, D] = e({
 		controlled: d,
@@ -209,7 +212,7 @@ process.env.NODE_ENV !== "production" && (et.displayName = "MenuCheckboxItem");
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.mjs
 var tt = /*#__PURE__*/ Z.forwardRef(function(e, t) {
-	let { render: n, className: r, style: i, keepMounted: a = !1, ...o } = e, s = Je(), c = Z.useRef(null), { transitionStatus: u, setMounted: d } = w(s.checked);
+	let { render: n, className: r, style: i, keepMounted: a = !1, ...o } = e, s = Je(), c = Z.useRef(null), { transitionStatus: u, setMounted: d } = S(s.checked);
 	return T({
 		open: s.checked,
 		ref: c,
@@ -309,8 +312,8 @@ process.env.NODE_ENV !== "production" && (ot.displayName = "MenuItem");
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/menu/popup/MenuPopup.mjs
 var st = {
-	...ue,
-	...S
+	...U,
+	...C
 }, ct = /*#__PURE__*/ Z.forwardRef(function(e, t) {
 	let { render: n, className: r, style: i, finalFocus: a, ...o } = e, { store: s } = $(), { side: c, align: u } = Ue(), d = Fe(!0) != null, f = s.useState("open"), p = s.useState("transitionStatus"), m = s.useState("popupProps"), h = s.useState("mounted"), g = s.useState("instantType"), _ = s.useState("activeTriggerElement"), v = s.useState("parent"), y = s.useState("lastOpenChangeReason"), x = s.useState("rootId"), S = s.useState("floatingRootContext"), C = s.useState("floatingTreeRoot"), w = s.useState("closeDelay"), E = s.useState("activeTriggerElement"), D = s.useState("hoverEnabled"), O = s.useState("disabled"), k = s.useState("openMethod"), A = v.type === "context-menu";
 	T({
@@ -388,7 +391,7 @@ var dt = /*#__PURE__*/ Z.forwardRef(function(e, t) {
 	let { keepMounted: n = !1, ...r } = e, { store: i } = $();
 	return i.useState("mounted") || n ? /*#__PURE__*/ Q(lt.Provider, {
 		value: n,
-		children: /*#__PURE__*/ Q(L, {
+		children: /*#__PURE__*/ Q(J, {
 			ref: t,
 			...r
 		})
@@ -398,34 +401,34 @@ process.env.NODE_ENV !== "production" && (dt.displayName = "MenuPortal");
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/menu/positioner/MenuPositioner.mjs
 var ft = /*#__PURE__*/ Z.forwardRef(function(e, t) {
-	let { anchor: r, positionMethod: i = "absolute", className: a, render: o, side: s, align: c, sideOffset: l = 0, alignOffset: u = 0, collisionBoundary: d = "clipping-ancestors", collisionPadding: f = 5, arrowPadding: m = 5, sticky: h = !1, disableAnchorTracking: g = !1, collisionAvoidance: _ = ee, style: v, ...y } = e, { store: S } = $(), w = ut(), T = Ke(!0), E = S.useState("parent"), D = S.useState("floatingRootContext"), O = S.useState("floatingTreeRoot"), k = S.useState("mounted"), A = S.useState("open"), j = S.useState("modal"), M = S.useState("openMethod"), N = S.useState("activeTriggerElement"), P = S.useState("transitionStatus"), F = S.useState("positionerElement"), I = S.useState("instantType"), L = S.useState("hasViewport"), R = S.useState("lastOpenChangeReason"), z = S.useState("floatingNodeId"), B = S.useState("floatingParentNodeId"), te = D.useState("domReferenceElement"), V = Z.useRef(null), H = C(F, !1, !1), ne = r, W = l, re = u, ie = c, G = _;
-	E.type === "context-menu" && (ne = r ?? E.context?.anchor, ie ??= "start", !s && ie !== "center" && (re = e.alignOffset ?? 2, W = e.sideOffset ?? -5));
-	let ae = s, oe = ie;
-	E.type === "menu" ? (ae ??= "inline-end", oe ??= "start", G = e.collisionAvoidance ?? U) : E.type === "menubar" && (ae ??= E.context.orientation === "vertical" ? "inline-end" : "bottom", oe ??= "start");
-	let ce = E.type === "context-menu", K = we({
-		anchor: ne,
+	let { anchor: r, positionMethod: i = "absolute", className: a, render: o, side: s, align: c, sideOffset: l = 0, alignOffset: u = 0, collisionBoundary: d = "clipping-ancestors", collisionPadding: f = 5, arrowPadding: m = 5, sticky: h = !1, disableAnchorTracking: g = !1, collisionAvoidance: _ = fe, style: v, ...y } = e, { store: S } = $(), C = ut(), T = Ke(!0), E = S.useState("parent"), D = S.useState("floatingRootContext"), O = S.useState("floatingTreeRoot"), k = S.useState("mounted"), A = S.useState("open"), j = S.useState("modal"), M = S.useState("openMethod"), P = S.useState("activeTriggerElement"), ee = S.useState("transitionStatus"), F = S.useState("positionerElement"), I = S.useState("instantType"), te = S.useState("hasViewport"), L = S.useState("lastOpenChangeReason"), R = S.useState("floatingNodeId"), ne = S.useState("floatingParentNodeId"), z = D.useState("domReferenceElement"), re = Z.useRef(null), B = w(F, !1, !1), V = r, ie = l, ae = u, H = c, U = _;
+	E.type === "context-menu" && (V = r ?? E.context?.anchor, H ??= "start", !s && H !== "center" && (ae = e.alignOffset ?? 2, ie = e.sideOffset ?? -5));
+	let oe = s, W = H;
+	E.type === "menu" ? (oe ??= "inline-end", W ??= "start", U = e.collisionAvoidance ?? ue) : E.type === "menubar" && (oe ??= E.context.orientation === "vertical" ? "inline-end" : "bottom", W ??= "start");
+	let se = E.type === "context-menu", G = we({
+		anchor: V,
 		floatingRootContext: D,
 		positionMethod: T ? "fixed" : i,
 		mounted: k,
-		side: ae,
-		sideOffset: W,
-		align: oe,
-		alignOffset: re,
-		arrowPadding: ce ? 0 : m,
+		side: oe,
+		sideOffset: ie,
+		align: W,
+		alignOffset: ae,
+		arrowPadding: se ? 0 : m,
 		collisionBoundary: d,
 		collisionPadding: f,
 		sticky: h,
-		nodeId: z,
-		keepMounted: w,
+		nodeId: R,
+		keepMounted: C,
 		disableAnchorTracking: g,
-		collisionAvoidance: G,
-		shiftCrossAxis: ce && !("side" in G && G.side === "flip"),
+		collisionAvoidance: U,
+		shiftCrossAxis: se && !("side" in U && U.side === "flip"),
 		externalTree: O,
-		adaptiveOrigin: L ? Se : void 0
+		adaptiveOrigin: te ? Se : void 0
 	});
 	Z.useEffect(() => {
 		function e(e) {
-			e.open && (e.parentNodeId === z && S.set("hoverEnabled", !1), e.nodeId !== z && e.parentNodeId === S.select("floatingParentNodeId") && S.setOpen(!1, b(x)));
+			e.open && (e.parentNodeId === R && S.set("hoverEnabled", !1), e.nodeId !== R && e.parentNodeId === S.select("floatingParentNodeId") && S.setOpen(!1, b(x)));
 		}
 		return O.events.on("menuopenchange", e), () => {
 			O.events.off("menuopenchange", e);
@@ -433,7 +436,7 @@ var ft = /*#__PURE__*/ Z.forwardRef(function(e, t) {
 	}, [
 		S,
 		O.events,
-		z
+		R
 	]), Z.useEffect(() => {
 		if (S.select("floatingParentNodeId") == null) return;
 		function e(e) {
@@ -445,17 +448,17 @@ var ft = /*#__PURE__*/ Z.forwardRef(function(e, t) {
 			O.events.off("menuopenchange", e);
 		};
 	}, [O.events, S]);
-	let q = me();
+	let K = me();
 	Z.useEffect(() => {
-		A || q.clear();
-	}, [A, q]), Z.useEffect(() => {
+		A || K.clear();
+	}, [A, K]), Z.useEffect(() => {
 		function e(e) {
-			if (!(!A || e.nodeId !== S.select("floatingParentNodeId"))) if (e.target && N && N !== e.target) {
+			if (!(!A || e.nodeId !== S.select("floatingParentNodeId"))) if (e.target && P && P !== e.target) {
 				let e = S.select("closeDelay");
-				e > 0 ? q.isStarted() || q.start(e, () => {
+				e > 0 ? K.isStarted() || K.start(e, () => {
 					S.setOpen(!1, b(x));
 				}) : S.setOpen(!1, b(x));
-			} else q.clear();
+			} else K.clear();
 		}
 		return O.events.on("itemhover", e), () => {
 			O.events.off("itemhover", e);
@@ -463,14 +466,14 @@ var ft = /*#__PURE__*/ Z.forwardRef(function(e, t) {
 	}, [
 		O.events,
 		A,
-		N,
+		P,
 		S,
-		q
+		K
 	]), Z.useEffect(() => {
 		let e = {
 			open: A,
-			nodeId: z,
-			parentNodeId: B,
+			nodeId: R,
+			parentNodeId: ne,
 			reason: S.select("lastOpenChangeReason")
 		};
 		O.events.emit("menuopenchange", e);
@@ -478,49 +481,49 @@ var ft = /*#__PURE__*/ Z.forwardRef(function(e, t) {
 		O.events,
 		A,
 		S,
-		z,
-		B
+		R,
+		ne
 	]), n(() => {
-		let e = te, t = V.current;
-		if (e && (V.current = e), t && e && e !== t) {
+		let e = z, t = re.current;
+		if (e && (re.current = e), t && e && e !== t) {
 			S.set("instantType", void 0);
 			let e = new AbortController();
-			return H(() => {
+			return B(() => {
 				S.set("instantType", "trigger-change");
 			}, e.signal), () => {
 				e.abort();
 			};
 		}
 	}, [
-		te,
-		H,
+		z,
+		B,
 		S
 	]);
-	let le = {
+	let ce = {
 		open: A,
-		side: K.side,
-		align: K.align,
-		anchorHidden: K.anchorHidden,
+		side: G.side,
+		align: G.align,
+		anchorHidden: G.anchorHidden,
 		nested: E.type === "menu",
 		instant: I
-	}, ue = E.type === "menubar" && E.context.modal;
-	Pe(A && (ue || j && R !== "trigger-hover"), M === "touch", F, N);
-	let de = Te(e, le, {
-		styles: K.positionerStyles,
-		transitionStatus: P,
+	}, le = E.type === "menubar" && E.context.modal;
+	Pe(A && (le || j && L !== "trigger-hover"), M === "touch", F, P);
+	let de = Te(e, ce, {
+		styles: G.positionerStyles,
+		transitionStatus: ee,
 		props: y,
 		refs: [t, S.useStateSetter("positionerElement")],
 		hidden: !k,
 		inert: !A
-	}), fe = k && E.type !== "menu" && (E.type !== "menubar" && j && R !== "trigger-hover" || E.type === "menubar" && E.context.modal), J = null;
-	return E.type === "menubar" ? J = E.context.contentElement : E.type === void 0 && (J = N), /*#__PURE__*/ ze(He.Provider, {
-		value: K,
-		children: [fe && /*#__PURE__*/ Q(_e, {
+	}), q = k && E.type !== "menu" && (E.type !== "menubar" && j && L !== "trigger-hover" || E.type === "menubar" && E.context.modal), J = null;
+	return E.type === "menubar" ? J = E.context.contentElement : E.type === void 0 && (J = P), /*#__PURE__*/ ze(He.Provider, {
+		value: G,
+		children: [q && /*#__PURE__*/ Q(_e, {
 			ref: E.type === "context-menu" || E.type === "nested-context-menu" ? E.context.internalBackdropRef : null,
 			inert: Me(!A),
 			cutout: J
-		}), /*#__PURE__*/ Q(se, {
-			id: z,
+		}), /*#__PURE__*/ Q(N, {
+			id: R,
 			children: /*#__PURE__*/ Q(p, {
 				elementsRef: S.context.itemDomElements,
 				labelsRef: S.context.itemLabels,
@@ -637,7 +640,7 @@ process.env.NODE_ENV !== "production" && (vt.displayName = "MenuRadioItem");
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/menu/radio-item-indicator/MenuRadioItemIndicator.mjs
 var yt = /*#__PURE__*/ Z.forwardRef(function(e, t) {
-	let { render: n, className: r, style: i, keepMounted: a = !1, ...o } = e, s = _t(), c = Z.useRef(null), { transitionStatus: u, setMounted: d } = w(s.checked);
+	let { render: n, className: r, style: i, keepMounted: a = !1, ...o } = e, s = _t(), c = Z.useRef(null), { transitionStatus: u, setMounted: d } = S(s.checked);
 	return T({
 		open: s.checked,
 		ref: c,
@@ -674,30 +677,30 @@ function xt(e) {
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/menu/store/MenuStore.mjs
 var St = {
 	...Ee,
-	disabled: F((e) => e.parent.type === "menubar" && e.parent.context.disabled || e.disabled),
-	modal: F((e) => (e.parent.type === void 0 || e.parent.type === "context-menu") && (e.modal ?? !0)),
-	openMethod: F((e) => e.openMethod),
-	allowMouseEnter: F((e) => e.allowMouseEnter),
-	highlightItemOnHover: F((e) => e.highlightItemOnHover),
-	stickIfOpen: F((e) => e.stickIfOpen),
-	parent: F((e) => e.parent),
-	rootId: F((e) => e.parent.type === "menu" ? e.parent.store.select("rootId") : e.parent.type === void 0 ? e.rootId : e.parent.context.rootId),
-	activeIndex: F((e) => e.activeIndex),
-	isActive: F((e, t) => e.activeIndex === t),
-	hoverEnabled: F((e) => e.hoverEnabled),
-	instantType: F((e) => e.instantType),
-	lastOpenChangeReason: F((e) => e.openChangeReason),
-	floatingTreeRoot: F((e) => e.parent.type === "menu" ? e.parent.store.select("floatingTreeRoot") : e.floatingTreeRoot),
-	floatingNodeId: F((e) => e.floatingNodeId),
-	floatingParentNodeId: F((e) => e.floatingParentNodeId),
-	itemProps: F((e) => e.itemProps),
-	closeDelay: F((e) => e.closeDelay),
-	hasViewport: F((e) => e.hasViewport),
-	keyboardEventRelay: F((e) => {
+	disabled: q((e) => e.parent.type === "menubar" && e.parent.context.disabled || e.disabled),
+	modal: q((e) => (e.parent.type === void 0 || e.parent.type === "context-menu") && (e.modal ?? !0)),
+	openMethod: q((e) => e.openMethod),
+	allowMouseEnter: q((e) => e.allowMouseEnter),
+	highlightItemOnHover: q((e) => e.highlightItemOnHover),
+	stickIfOpen: q((e) => e.stickIfOpen),
+	parent: q((e) => e.parent),
+	rootId: q((e) => e.parent.type === "menu" ? e.parent.store.select("rootId") : e.parent.type === void 0 ? e.rootId : e.parent.context.rootId),
+	activeIndex: q((e) => e.activeIndex),
+	isActive: q((e, t) => e.activeIndex === t),
+	hoverEnabled: q((e) => e.hoverEnabled),
+	instantType: q((e) => e.instantType),
+	lastOpenChangeReason: q((e) => e.openChangeReason),
+	floatingTreeRoot: q((e) => e.parent.type === "menu" ? e.parent.store.select("floatingTreeRoot") : e.floatingTreeRoot),
+	floatingNodeId: q((e) => e.floatingNodeId),
+	floatingParentNodeId: q((e) => e.floatingParentNodeId),
+	itemProps: q((e) => e.itemProps),
+	closeDelay: q((e) => e.closeDelay),
+	hasViewport: q((e) => e.hasViewport),
+	keyboardEventRelay: q((e) => {
 		if (e.keyboardEventRelay) return e.keyboardEventRelay;
 		if (e.parent.type === "menu") return e.parent.store.select("keyboardEventRelay");
 	})
-}, Ct = class e extends V {
+}, Ct = class e extends pe {
 	constructor(e) {
 		super({
 			...wt(),
@@ -712,7 +715,7 @@ var St = {
 			triggerFocusTargetRef: /*#__PURE__*/ Z.createRef(),
 			beforeContentFocusGuardRef: /*#__PURE__*/ Z.createRef(),
 			onOpenChangeComplete: void 0,
-			triggerElements: new q()
+			triggerElements: new ae()
 		}, St), this.unsubscribeParentListener = this.observe("parent", (e) => {
 			if (this.unsubscribeParentListener?.(), e.type === "menu") {
 				let t = e.store.select("rootId"), n = e.store.select("floatingTreeRoot"), r = e.store.select("keyboardEventRelay");
@@ -752,7 +755,7 @@ function wt() {
 		hoverEnabled: !0,
 		instantType: void 0,
 		openChangeReason: null,
-		floatingTreeRoot: new te(),
+		floatingTreeRoot: new F(),
 		floatingNodeId: void 0,
 		floatingParentNodeId: null,
 		itemProps: s,
@@ -770,7 +773,7 @@ function Et() {
 }
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/menu/root/MenuRoot.mjs
-var Dt = H(function(e) {
+var Dt = de(function(e) {
 	let { children: t, open: i, onOpenChange: a, onOpenChangeComplete: o, defaultOpen: l = !1, disabled: u = !1, modal: f, loopFocus: p = !0, orientation: g = "vertical", actionsRef: _, closeParentOnEsc: y = !1, handle: x, triggerId: S, defaultTriggerId: C = null, highlightItemOnHover: w = !0 } = e, T = Ke(!0), E = $(!0), D = xt(!0), O = Et(), k = Z.useMemo(() => O && E ? {
 		type: "menu",
 		store: E.store
@@ -792,18 +795,18 @@ var Dt = H(function(e) {
 		triggerIdProp: S,
 		parent: k
 	});
-	le(A, i, l, C), A.useControlledProp("openProp", i), A.useControlledProp("triggerIdProp", S), A.useContextCallback("onOpenChangeComplete", o);
-	let j = h(), M = h(), N = A.useState("floatingTreeRoot"), ee = oe(N), F = R(), I = A.useState("open"), L = A.useState("activeTriggerElement"), z = A.useState("positionerElement"), te = A.useState("hoverEnabled"), V = A.useState("disabled"), H = A.useState("lastOpenChangeReason"), U = A.useState("parent"), ne = A.useState("activeIndex"), ae = A.useState("payload"), se = A.useState("floatingParentNodeId"), q = Z.useRef(null), ue = Z.useRef(U.type !== "context-menu"), fe = me(), J = Z.useRef(!0), pe = me(), he = se != null;
-	process.env.NODE_ENV !== "production" && U.type !== void 0 && f !== void 0 && console.warn("Base UI: The `modal` prop is not supported on nested menus. It will be ignored.");
-	let { openMethod: ge, triggerProps: _e } = ve(I);
+	H(A, i, l, C), A.useControlledProp("openProp", i), A.useControlledProp("triggerIdProp", S), A.useContextCallback("onOpenChangeComplete", o);
+	let j = h(), M = h(), N = A.useState("floatingTreeRoot"), P = te(N), F = ee(), L = A.useState("open"), B = A.useState("activeTriggerElement"), ae = A.useState("positionerElement"), U = A.useState("hoverEnabled"), W = A.useState("disabled"), G = A.useState("lastOpenChangeReason"), K = A.useState("parent"), ce = A.useState("activeIndex"), le = A.useState("payload"), ue = A.useState("floatingParentNodeId"), de = Z.useRef(null), q = Z.useRef(K.type !== "context-menu"), fe = me(), J = Z.useRef(!0), pe = me(), he = ue != null;
+	process.env.NODE_ENV !== "production" && K.type !== void 0 && f !== void 0 && console.warn("Base UI: The `modal` prop is not supported on nested menus. It will be ignored.");
+	let { openMethod: ge, triggerProps: _e } = ve(L);
 	A.useSyncedValues({
 		disabled: u,
 		highlightItemOnHover: w,
-		modal: U.type === void 0 ? f : void 0,
+		modal: K.type === void 0 ? f : void 0,
 		openMethod: ge,
 		rootId: j
-	}), ie(A);
-	let { forceUnmount: ye } = K(I, A, () => {
+	}), z(A);
+	let { forceUnmount: ye } = ie(L, A, () => {
 		A.update({
 			allowMouseEnter: !1,
 			stickIfOpen: !0
@@ -815,44 +818,44 @@ var Dt = H(function(e) {
 				type: "context-menu",
 				context: T
 			},
-			floatingNodeId: ee,
+			floatingNodeId: P,
 			floatingParentNodeId: F
 		}) : E && A.update({
-			floatingNodeId: ee,
+			floatingNodeId: P,
 			floatingParentNodeId: F
 		});
 	}, [
 		T,
 		E,
-		ee,
+		P,
 		F,
 		A
 	]), Z.useEffect(() => {
-		if (I || (q.current = null), U.type === "context-menu") {
-			if (!I) {
-				fe.clear(), ue.current = !1;
+		if (L || (de.current = null), K.type === "context-menu") {
+			if (!L) {
+				fe.clear(), q.current = !1;
 				return;
 			}
 			fe.start(500, () => {
-				ue.current = !0;
+				q.current = !0;
 			});
 		}
 	}, [
 		fe,
-		I,
-		U.type
+		L,
+		K.type
 	]), n(() => {
-		!I && !te && A.set("hoverEnabled", !0);
+		!L && !U && A.set("hoverEnabled", !0);
 	}, [
-		I,
-		te,
+		L,
+		U,
 		A
 	]);
 	let be = d((e, t) => {
 		let n = t.reason;
-		if (I === e && t.trigger === L && H === n) return;
-		let r = ce(t);
-		if (!e && t.trigger == null && (t.trigger = L ?? void 0), a?.(e, t), t.isCanceled) return;
+		if (L === e && t.trigger === B && G === n) return;
+		let r = V(t);
+		if (!e && t.trigger == null && (t.trigger = B ?? void 0), a?.(e, t), t.isCanceled) return;
 		A.state.floatingRootContext.dispatchOpenChange(e, t);
 		let i = t.event;
 		if (e === !1 && i?.type === "click" && i.pointerType === "touch" && !J.current) return;
@@ -863,8 +866,8 @@ var Dt = H(function(e) {
 			open: e,
 			openChangeReason: n
 		};
-		q.current = t.event ?? null, re(c, e, t.trigger, r()), A.update(c), U.type === "menubar" && (n === "trigger-focus" || n === "focus-out" || n === "trigger-hover" || n === "list-navigation" || n === "sibling-open") ? A.set("instantType", "group") : o || s ? A.set("instantType", o ? "click" : "dismiss") : A.set("instantType", void 0);
-	}), Y = W({
+		de.current = t.event ?? null, ne(c, e, t.trigger, r()), A.update(c), K.type === "menubar" && (n === "trigger-focus" || n === "focus-out" || n === "trigger-hover" || n === "list-navigation" || n === "sibling-open") ? A.set("instantType", "group") : o || s ? A.set("instantType", o ? "click" : "dismiss") : A.set("instantType", void 0);
+	}), Y = R({
 		popupStore: A,
 		floatingId: M,
 		nested: F != null,
@@ -884,57 +887,57 @@ var Dt = H(function(e) {
 		close: Se
 	}), [ye, Se]);
 	let Ce;
-	U.type === "context-menu" && (Ce = U.context), Z.useImperativeHandle(Ce?.positionerRef, () => z, [z]), Z.useImperativeHandle(Ce?.actionsRef, () => ({ setOpen: be }), [be]);
-	let we = B(Y, {
-		enabled: !V,
-		bubbles: { escapeKey: y && U.type === "menu" },
+	K.type === "context-menu" && (Ce = K.context), Z.useImperativeHandle(Ce?.positionerRef, () => ae, [ae]), Z.useImperativeHandle(Ce?.actionsRef, () => ({ setOpen: be }), [be]);
+	let we = I(Y, {
+		enabled: !W,
+		bubbles: { escapeKey: y && K.type === "menu" },
 		outsidePress() {
-			return U.type !== "context-menu" || q.current?.type === "contextmenu" ? !0 : ue.current;
+			return K.type !== "context-menu" || de.current?.type === "contextmenu" ? !0 : q.current;
 		},
 		externalTree: he ? N : void 0
 	}), Te = m(), Ee = Z.useCallback((e) => {
 		A.select("activeIndex") !== e && A.set("activeIndex", e);
 	}, [A]), X = ke(Y, {
-		enabled: !V,
+		enabled: !W,
 		listRef: A.context.itemDomElements,
-		activeIndex: ne,
-		nested: U.type !== void 0,
+		activeIndex: ce,
+		nested: K.type !== void 0,
 		loopFocus: p,
 		orientation: g,
-		parentOrientation: U.type === "menubar" ? U.context.orientation : void 0,
+		parentOrientation: K.type === "menubar" ? K.context.orientation : void 0,
 		rtl: Te === "rtl",
 		disabledIndices: r,
 		onNavigate: Ee,
-		openOnArrowKeyDown: U.type !== "context-menu",
+		openOnArrowKeyDown: K.type !== "context-menu",
 		externalTree: he ? N : void 0,
 		focusItemOnHover: w
 	}), De = Z.useCallback((e) => {
 		A.context.typingRef.current = e;
 	}, [A]), Ae = Oe(Y, {
-		enabled: !V,
+		enabled: !W,
 		listRef: A.context.itemLabels,
 		elementsRef: A.context.itemDomElements,
-		activeIndex: ne,
+		activeIndex: ce,
 		resetMs: 500,
 		onMatch: (e) => {
-			I && e !== ne && A.set("activeIndex", e);
+			L && e !== ce && A.set("activeIndex", e);
 		},
 		onTyping: De
 	});
-	G(A, {
+	re(A, {
 		floatingRootContext: Y,
 		activeTriggerProps: Z.useMemo(() => {
 			let e = c(Ae.reference, X.reference, we.reference, { onMouseMove() {
 				A.set("allowMouseEnter", !0);
 			} }, _e);
-			return e["aria-haspopup"] = "menu", e["aria-expanded"] = I, e;
+			return e["aria-haspopup"] = "menu", e["aria-expanded"] = L, e;
 		}, [
 			A,
 			Ae.reference,
 			X.reference,
 			we.reference,
 			_e,
-			I
+			L
 		]),
 		inactiveTriggerProps: Z.useMemo(() => {
 			let e = c(X.trigger, we.trigger, _e);
@@ -944,12 +947,12 @@ var Dt = H(function(e) {
 			we.trigger,
 			_e
 		]),
-		popupProps: Z.useMemo(() => c(de, {
+		popupProps: Z.useMemo(() => c(oe, {
 			id: M,
 			role: "menu",
-			"aria-labelledby": L?.id,
+			"aria-labelledby": B?.id,
 			onMouseMove() {
-				A.set("allowMouseEnter", !0), U.type === "menu" && A.set("hoverEnabled", !1);
+				A.set("allowMouseEnter", !0), K.type === "menu" && A.set("hoverEnabled", !1);
 			},
 			onClick() {
 				A.select("hoverEnabled") && A.set("hoverEnabled", !1);
@@ -959,9 +962,9 @@ var Dt = H(function(e) {
 				t && !e.isPropagationStopped() && t(e);
 			}
 		}, Ae.floating, X.floating, we.floating), [
-			L,
+			B,
 			M,
-			U.type,
+			K.type,
 			A,
 			Ae.floating,
 			X.floating,
@@ -974,9 +977,9 @@ var Dt = H(function(e) {
 		parent: k
 	}), [A, k]), Me = /*#__PURE__*/ Q(We.Provider, {
 		value: je,
-		children: typeof t == "function" ? t({ payload: ae }) : t
+		children: typeof t == "function" ? t({ payload: le }) : t
 	});
-	return U.type === void 0 || U.type === "context-menu" ? /*#__PURE__*/ Q(P, {
+	return K.type === void 0 || K.type === "context-menu" ? /*#__PURE__*/ Q(se, {
 		externalTree: N,
 		children: Me
 	}) : Me;
@@ -1018,19 +1021,19 @@ function At(e) {
 }
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/menu/trigger/MenuTrigger.mjs
-var jt = 2, Mt = I(function(e, t) {
+var jt = 2, Mt = le(function(e, t) {
 	let { render: n, className: r, style: i, disabled: a = !1, nativeButton: o = !0, id: f, openOnHover: p, delay: m = 100, closeDelay: h = 0, handle: _, payload: v, ...b } = e, x = $(!0), S = _?.store ?? x?.store;
 	if (!S) throw Error(process.env.NODE_ENV === "production" ? u(85) : "Base UI: <Menu.Trigger> must be either used within a <Menu.Root> component or provided with a handle.");
-	let C = g(f), w = S.useState("isTriggerActive", C), T = S.useState("floatingRootContext"), E = S.useState("isOpenedByTrigger", C), D = S.useState("triggerPopupId", C), O = Z.useRef(null), M = Pt(), P = k(!0), ee = z(), F = Z.useMemo(() => ee ?? new te(), [ee]), { registerTrigger: I, isMountedByThisTrigger: L } = fe(C, O, S, {
+	let C = g(f), w = S.useState("isTriggerActive", C), T = S.useState("floatingRootContext"), E = S.useState("isOpenedByTrigger", C), D = S.useState("triggerPopupId", C), O = Z.useRef(null), M = Pt(), N = k(!0), I = P(), L = Z.useMemo(() => I ?? new F(), [I]), { registerTrigger: R, isMountedByThisTrigger: ne } = W(C, O, S, {
 		payload: v,
 		closeDelay: h,
 		parent: M,
-		floatingTreeRoot: F,
-		floatingNodeId: oe(F),
-		floatingParentNodeId: R(),
-		keyboardEventRelay: P?.relayKeyboardEvent
-	}), B = M.type === "menubar", V = S.useState("disabled"), H = a || V || B && M.context.disabled, { getButtonProps: U, buttonRef: ne } = A({
-		disabled: H,
+		floatingTreeRoot: L,
+		floatingNodeId: te(L),
+		floatingParentNodeId: ee(),
+		keyboardEventRelay: N?.relayKeyboardEvent
+	}), z = M.type === "menubar", re = S.useState("disabled"), V = a || re || z && M.context.disabled, { getButtonProps: ie, buttonRef: ae } = A({
+		disabled: V,
 		native: o
 	});
 	Z.useEffect(() => {
@@ -1040,80 +1043,80 @@ var jt = 2, Mt = I(function(e, t) {
 		E,
 		M.type
 	]);
-	let W = Z.useRef(null), re = me(), ie = d((e) => {
-		if (!W.current) return;
-		re.clear(), S.context.allowMouseUpTriggerRef.current = !1;
+	let H = Z.useRef(null), U = me(), oe = d((e) => {
+		if (!H.current) return;
+		U.clear(), S.context.allowMouseUpTriggerRef.current = !1;
 		let t = e.target;
-		if (ye(W.current, t) || ye(S.select("positionerElement"), t) || t === W.current || t != null && kt(t) === S.select("rootId")) return;
-		let n = Ae(W.current);
-		e.clientX >= n.left - jt && e.clientX <= n.right + jt && e.clientY >= n.top - jt && e.clientY <= n.bottom + jt || F.events.emit("close", {
+		if (ye(H.current, t) || ye(S.select("positionerElement"), t) || t === H.current || t != null && kt(t) === S.select("rootId")) return;
+		let n = Ae(H.current);
+		e.clientX >= n.left - jt && e.clientX <= n.right + jt && e.clientY >= n.top - jt && e.clientY <= n.bottom + jt || L.events.emit("close", {
 			domEvent: e,
 			reason: y
 		});
 	});
 	Z.useEffect(() => {
-		E && S.select("lastOpenChangeReason") === "trigger-hover" && j(W.current).addEventListener("mouseup", ie, { once: !0 });
+		E && S.select("lastOpenChangeReason") === "trigger-hover" && j(H.current).addEventListener("mouseup", oe, { once: !0 });
 	}, [
 		E,
-		ie,
+		oe,
 		S
 	]);
-	let G = B && M.context.hasSubmenuOpen, se = be(T, {
-		enabled: (p ?? G) && !H && M.type !== "context-menu" && (!B || G && !L),
-		handleClose: xe({ blockPointerEvents: !B }),
+	let se = z && M.context.hasSubmenuOpen, G = be(T, {
+		enabled: (p ?? se) && !V && M.type !== "context-menu" && (!z || se && !ne),
+		handleClose: xe({ blockPointerEvents: !z }),
 		mouseOnly: !0,
 		move: !1,
 		restMs: M.type === void 0 ? m : void 0,
 		delay: { close: h },
 		triggerElementRef: O,
-		externalTree: F,
+		externalTree: L,
 		isActiveTrigger: w,
 		isClosing: () => S.select("transitionStatus") === "ending"
-	}), ce = Nt(E, S.select("lastOpenChangeReason")), K = ge(T, {
-		enabled: !H && M.type !== "context-menu",
-		event: E && B ? "click" : "mousedown",
+	}), K = Nt(E, S.select("lastOpenChangeReason")), le = ge(T, {
+		enabled: !V && M.type !== "context-menu",
+		event: E && z ? "click" : "mousedown",
 		toggle: !0,
 		ignoreMouse: !1,
-		stickIfOpen: M.type === void 0 ? ce : !1
-	}), q = De(T, { enabled: !H && G }), le = At({
+		stickIfOpen: M.type === void 0 ? K : !1
+	}), ue = De(T, { enabled: !V && se }), de = At({
 		open: E,
-		enabled: B,
+		enabled: z,
 		mouseDownAction: "open"
-	}), ue = Z.useMemo(() => c(q.reference, K.reference), [q.reference, K.reference]), de = S.useState("triggerProps", L), { preFocusGuardRef: J, handlePreFocusGuardFocus: pe, handleFocusTargetFocus: he } = Ne(S, O), _e = {
-		disabled: H,
+	}), q = Z.useMemo(() => c(ue.reference, le.reference), [ue.reference, le.reference]), fe = S.useState("triggerProps", ne), { preFocusGuardRef: J, handlePreFocusGuardFocus: pe, handleFocusTargetFocus: he } = Ne(S, O), _e = {
+		disabled: V,
 		open: E
 	}, ve = [
-		W,
+		H,
 		t,
-		ne,
-		I,
+		ae,
+		R,
 		O
 	], Y = [
-		ue,
-		se ?? s,
-		de,
+		q,
+		G ?? s,
+		fe,
 		{
 			"aria-haspopup": "menu",
 			"aria-controls": D,
 			id: C,
 			onMouseDown: (e) => {
-				S.select("open") || (re.start(200, () => {
+				S.select("open") || (U.start(200, () => {
 					S.context.allowMouseUpTriggerRef.current = !0;
-				}), j(e.currentTarget).addEventListener("mouseup", ie, { once: !0 }));
+				}), j(e.currentTarget).addEventListener("mouseup", oe, { once: !0 }));
 			}
 		},
-		B ? { role: "menuitem" } : {},
-		le,
+		z ? { role: "menuitem" } : {},
+		de,
 		b,
-		U
+		ie
 	], Se = l("button", e, {
-		enabled: !B,
-		stateAttributesMapping: ae,
+		enabled: !z,
+		stateAttributesMapping: B,
 		state: _e,
 		ref: ve,
 		props: Y
 	});
-	return B ? /*#__PURE__*/ Q(Ie, {
+	return z ? /*#__PURE__*/ Q(Ie, {
 		tag: "button",
 		render: n,
 		className: r,
@@ -1121,14 +1124,14 @@ var jt = 2, Mt = I(function(e, t) {
 		state: _e,
 		refs: ve,
 		props: Y,
-		stateAttributesMapping: ae
+		stateAttributesMapping: B
 	}) : E ? /*#__PURE__*/ ze(Z.Fragment, { children: [
-		/*#__PURE__*/ Q(N, {
+		/*#__PURE__*/ Q(ce, {
 			ref: J,
 			onFocus: pe
 		}, `${C}-pre-focus-guard`),
 		/*#__PURE__*/ Q(Z.Fragment, { children: Se }, C),
-		/*#__PURE__*/ Q(N, {
+		/*#__PURE__*/ Q(ce, {
 			ref: S.context.triggerFocusTargetRef,
 			onFocus: he
 		}, `${C}-post-focus-guard`)
@@ -1164,7 +1167,7 @@ function Pt() {
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/menu/submenu-trigger/MenuSubmenuTrigger.mjs
 var Ft = /*#__PURE__*/ Z.forwardRef(function(e, r) {
-	let { render: a, className: o, style: c, label: d, id: p, nativeButton: m = !1, openOnHover: h = !0, delay: _ = 100, closeDelay: v = 0, disabled: y = !1, ...b } = e, x = f({ label: d }), S = Ue(), { store: C } = $(), w = g(p), T = C.useState("open"), E = C.useState("floatingRootContext"), D = C.useState("floatingTreeRoot"), O = C.useState("triggerPopupId", w), k = J(w, C), A = Z.useCallback((e) => {
+	let { render: a, className: o, style: c, label: d, id: p, nativeButton: m = !1, openOnHover: h = !0, delay: _ = 100, closeDelay: v = 0, disabled: y = !1, ...b } = e, x = f({ label: d }), S = Ue(), { store: C } = $(), w = g(p), T = C.useState("open"), E = C.useState("floatingRootContext"), D = C.useState("floatingTreeRoot"), O = C.useState("triggerPopupId", w), k = G(w, C), A = Z.useCallback((e) => {
 		let t = k(e);
 		return e !== null && C.select("open") && C.select("activeTriggerId") == null && C.update({
 			activeTriggerId: w,
@@ -1186,12 +1189,12 @@ var Ft = /*#__PURE__*/ Z.forwardRef(function(e, r) {
 		let e = j.current;
 		e && Re(e) && !I && i(`A disabled element was detected on <Menu.SubmenuTrigger>. To properly disable the trigger, use the \`disabled\` prop on the component instead of setting it on the rendered element.${t.captureOwnerStack?.() || ""}`);
 	});
-	let L = P.useState("itemProps"), R = P.useState("isActive", x.index), z = Z.useMemo(() => ({
+	let te = P.useState("itemProps"), R = P.useState("isActive", x.index), ne = Z.useMemo(() => ({
 		type: "submenu-trigger",
 		setActive() {
 			P.select("highlightItemOnHover") && P.set("activeIndex", x.index);
 		}
-	}), [P, x.index]), { getItemProps: B, itemRef: te } = Ze({
+	}), [P, x.index]), { getItemProps: z, itemRef: re } = Ze({
 		closeOnClick: !1,
 		disabled: I,
 		highlighted: R,
@@ -1199,9 +1202,9 @@ var Ft = /*#__PURE__*/ Z.forwardRef(function(e, r) {
 		store: C,
 		typingRef: P.context.typingRef,
 		nativeButton: m,
-		itemMetadata: z,
+		itemMetadata: ne,
 		nodeId: S?.context.nodeId
-	}), V = be(E, {
+	}), B = be(E, {
 		enabled: C.useState("hoverEnabled") && h && !I,
 		handleClose: xe({ blockPointerEvents: !0 }),
 		mouseOnly: !0,
@@ -1215,25 +1218,25 @@ var Ft = /*#__PURE__*/ Z.forwardRef(function(e, r) {
 		triggerElementRef: j,
 		externalTree: D,
 		isClosing: () => C.select("transitionStatus") === "ending"
-	}), H = ge(E, {
+	}), V = ge(E, {
 		enabled: !I,
 		event: "mousedown",
 		toggle: !h,
 		ignoreMouse: h,
 		stickIfOpen: !1
-	}).reference ?? s, U = C.useState("triggerProps", !0);
-	return delete U.id, l("div", e, {
+	}).reference ?? s, ie = C.useState("triggerProps", !0);
+	return delete ie.id, l("div", e, {
 		state: {
 			disabled: I,
 			highlighted: R,
 			open: T
 		},
-		stateAttributesMapping: ne,
+		stateAttributesMapping: L,
 		props: [
-			H,
 			V,
-			U,
-			L,
+			B,
+			ie,
+			te,
 			{
 				"aria-controls": O,
 				tabIndex: T || R ? 0 : -1,
@@ -1242,12 +1245,12 @@ var Ft = /*#__PURE__*/ Z.forwardRef(function(e, r) {
 				}
 			},
 			b,
-			B
+			z
 		],
 		ref: [
 			r,
 			x.ref,
-			te,
+			re,
 			A,
 			M
 		]