solid-baseui 0.1.0-alpha.0

package/dist/lib/client/MenuSubmenuTrigger-QZkQ0F2v.js

@@ -0,0 +1,1570 @@
+import { getStateAttributesProps as e } from "./internals/getStateAttributesProps.js";
+import { P as t, S as n, d as r, k as i, u as a, y as o } from "./reasons-Co5CzjKq.js";
+import { n as s, t as c } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as l } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as u } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as d } from "./internals/composeEventHandlers.js";
+import { t as f } from "./runOnceAnimationsFinish-15EM-Z4l.js";
+import { o as p } from "./dom-BEAeQ9Eb.js";
+import { t as m } from "./createAnchorPositioning-DcxDXUgB.js";
+import { t as h } from "./InternalBackdrop-cSK13gaM.js";
+import { t as g } from "./createAnchoredPopupScrollLock-Cx0cbh1_.js";
+import { c as _, i as v, n as y, r as b, s as x, t as S } from "./FloatingTree-23B7KKPD.js";
+import { a as C, n as w, o as T, t as E } from "./PopupStore-DjB-wO88.js";
+import { n as D, r as O, t as k } from "./safePolygon--bbKn0c8.js";
+import { t as A } from "./createTransitionStatus-B1L-whed.js";
+import { a as ee, h as j, n as M, o as N, r as P } from "./popupStateMapping-C9eZl19i.js";
+import { t as F } from "./FocusManager-grSdNHqW.js";
+import { r as te } from "./PopupHandle-CcJG4NMy.js";
+import { a as I, r as L } from "./buttonSemantics-paljfpOX.js";
+import { t as R } from "./setRef-fXF6OIo3.js";
+import { n as ne } from "./DirectionContext-BwMabICS.js";
+import { n as re } from "./MenubarContext-BYt3fkt-.js";
+import { n as ie } from "./ToolbarRootContext-88yZoAOy.js";
+import { Dynamic as z, createComponent as B, getNextElement as ae, memo as V, mergeProps as H, ref as oe, runHydrationEvents as se, spread as ce, template as le } from "@solidjs/web";
+import { $REFRESH as ue, Show as de, createContext as U, createEffect as W, createMemo as G, createSignal as K, createUniqueId as fe, omit as q, onCleanup as J, untrack as Y, useContext as X } from "solid-js";
+//#region src/context-menu/root/ContextMenuRootContext.ts
+var pe = Symbol("ContextMenuRootContext"), me = U(pe);
+function he(e = !0) {
+	let t = X(me);
+	if (t === pe) {
+		if (e) return;
+		throw Error("Base UI: ContextMenuRootContext is missing. ContextMenu parts must be placed within <ContextMenu.Root>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/menu/store/MenuCollection.ts
+var ge = class {
+	registrations = /* @__PURE__ */ new Map();
+	revision;
+	setRevision;
+	constructor() {
+		let [e, t] = K(0, { ownedWrite: !0 });
+		this.revision = e, this.setRevision = t;
+	}
+	register(e) {
+		return this.registrations.set(e.token, e), this.touch(), () => {
+			this.registrations.delete(e.token) && this.touch();
+		};
+	}
+	touch() {
+		this.setRevision((e) => e + 1);
+	}
+	items() {
+		return this.revision(), Array.from(this.registrations.values()).sort(_e);
+	}
+	indexOf(e) {
+		return this.items().findIndex((t) => t.token === e);
+	}
+	labels() {
+		return this.items().map((e) => {
+			let t = e.label();
+			return t === void 0 ? e.element()?.textContent?.trim() || null : t;
+		});
+	}
+	elements() {
+		return this.items().map((e) => e.element());
+	}
+	availableIndices() {
+		return this.items().flatMap((e, t) => {
+			let n = e.element();
+			return n && !n.matches(":disabled") && p(n) ? [t] : [];
+		});
+	}
+};
+function _e(e, t) {
+	let n = e.element(), r = t.element();
+	if (!n || !r || n === r) return 0;
+	let i = n.compareDocumentPosition(r);
+	return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+}
+//#endregion
+//#region src/menu/store/MenuStore.ts
+var ve = class extends E {
+	parentStore;
+	collection = new ge();
+	disabled;
+	modal;
+	orientation;
+	loopFocus;
+	highlightItemOnHover;
+	closeParentOnEsc;
+	direction;
+	contextMenu;
+	ownTree;
+	ownParentNodeId;
+	menubarAccessor;
+	setMenubarSignal;
+	triggerMenubars = /* @__PURE__ */ new Map();
+	activeIndexAccessor;
+	setActiveIndexSignal;
+	activeElementAccessor;
+	setActiveElementSignal;
+	openMethodAccessor;
+	setOpenMethodSignal;
+	openMethodValue = null;
+	openReasonAccessor;
+	setOpenReasonSignal;
+	instantTypeAccessor;
+	setInstantTypeSignal;
+	typingAccessor;
+	setTypingSignal;
+	hoverEnabledAccessor;
+	setHoverEnabledSignal;
+	allowMouseEnterAccessor;
+	setAllowMouseEnterSignal;
+	beforeContentGuardAccessor;
+	setBeforeContentGuardSignal;
+	afterTriggerGuardAccessor;
+	setAfterTriggerGuardSignal;
+	pendingFocus = null;
+	typed = "";
+	typeaheadTimer;
+	allowTouchToClose = !0;
+	allowTouchToCloseTimer;
+	ownAllowMouseUpTrigger = !1;
+	constructor(e) {
+		super(e), this.ownTree = e.tree, this.parentStore = e.parentStore, this.ownParentNodeId = e.parentNodeId;
+		let [t, n] = K(e.menubar, { ownedWrite: !0 });
+		this.menubarAccessor = t, this.setMenubarSignal = n, this.disabled = () => e.disabled() || !!this.parentStore?.disabled() || !!this.menubar()?.disabled(), this.modal = () => !this.menubar() && e.modal(), this.orientation = e.orientation, this.loopFocus = e.loopFocus, this.highlightItemOnHover = e.highlightItemOnHover, this.closeParentOnEsc = e.closeParentOnEsc, this.direction = e.direction, this.contextMenu = e.parentStore?.contextMenu ?? e.contextMenu;
+		let [r, i] = K(null, { ownedWrite: !0 });
+		this.activeIndexAccessor = r, this.setActiveIndexSignal = i;
+		let [a, o] = K(null, { ownedWrite: !0 });
+		this.activeElementAccessor = a, this.setActiveElementSignal = o;
+		let [s, c] = K(null, { ownedWrite: !0 });
+		this.openMethodAccessor = s, this.setOpenMethodSignal = c;
+		let [l, u] = K(null, { ownedWrite: !0 });
+		this.openReasonAccessor = l, this.setOpenReasonSignal = u;
+		let [d, f] = K(void 0, { ownedWrite: !0 });
+		this.instantTypeAccessor = d, this.setInstantTypeSignal = f;
+		let [p, m] = K(!1, { ownedWrite: !0 });
+		this.typingAccessor = p, this.setTypingSignal = m;
+		let [h, g] = K(!0, { ownedWrite: !0 });
+		this.hoverEnabledAccessor = h, this.setHoverEnabledSignal = g;
+		let [_, v] = K(!1, { ownedWrite: !0 });
+		this.allowMouseEnterAccessor = _, this.setAllowMouseEnterSignal = v;
+		let [y, b] = K(null, { ownedWrite: !0 });
+		this.beforeContentGuardAccessor = y, this.setBeforeContentGuardSignal = b;
+		let [x, S] = K(null, { ownedWrite: !0 });
+		this.afterTriggerGuardAccessor = x, this.setAfterTriggerGuardSignal = S;
+	}
+	get allowMouseUpTrigger() {
+		return this.parentStore?.allowMouseUpTrigger ?? this.menubar()?.allowMouseUpTrigger.value ?? this.ownAllowMouseUpTrigger;
+	}
+	set allowMouseUpTrigger(e) {
+		this.parentStore ? this.parentStore.allowMouseUpTrigger = e : this.menubar() ? this.menubar().allowMouseUpTrigger.value = e : this.ownAllowMouseUpTrigger = e;
+	}
+	menubar() {
+		return this.parentStore?.menubar() ?? this.menubarAccessor();
+	}
+	tree() {
+		return this.parentStore?.tree() ?? this.menubar()?.tree ?? this.ownTree;
+	}
+	parentNodeId() {
+		return this.parentStore ? this.ownParentNodeId : this.menubar()?.nodeId ?? this.ownParentNodeId;
+	}
+	registerMenubarTrigger(e, t) {
+		return this.triggerMenubars.set(e, t), this.activeTriggerId() === e && this.setMenubarSignal(t), () => {
+			this.triggerMenubars.get(e) === t && this.triggerMenubars.delete(e);
+		};
+	}
+	forwardMenubarTrigger(e, t) {
+		this.triggerMenubars.set(e, t), this.activeTriggerId() === e && this.setMenubarSignal(t);
+	}
+	activateMenubarTrigger(e) {
+		this.setMenubarSignal(this.triggerMenubars.get(e));
+	}
+	rootStore() {
+		return this.parentStore?.rootStore() ?? this;
+	}
+	rootNodeId() {
+		return this.menubar()?.rootId() ?? this.rootStore().context.floatingRoot.context.nodeId;
+	}
+	relayKeyboardEvent(e) {
+		this.menubar()?.relayKeyboardEvent(e);
+	}
+	activeIndex() {
+		let e = this.activeElementAccessor();
+		if (e) {
+			let t = this.collection.elements().indexOf(e);
+			return t === -1 ? null : t;
+		}
+		return this.activeIndexAccessor();
+	}
+	activeElement() {
+		return this.activeElementAccessor();
+	}
+	isItemActive(e) {
+		return e !== null && this.activeElementAccessor() === e;
+	}
+	setActiveIndex(e, t = !1) {
+		let n = e === null ? null : this.collection.elements()[e] ?? null;
+		this.setActiveIndexSignal(e), this.setActiveElementSignal(n), t && n && (n.focus({ preventScroll: !0 }), n.scrollIntoView?.({ block: "nearest" }));
+	}
+	setActiveElement(e) {
+		this.setActiveElementSignal(e), this.setActiveIndexSignal(e ? this.collection.elements().indexOf(e) : null);
+	}
+	openMethod() {
+		return this.openMethodAccessor(), this.openMethodValue;
+	}
+	setOpenMethod(e) {
+		this.openMethodValue = e, this.setOpenMethodSignal(e);
+	}
+	openChangeReason() {
+		return this.openReasonAccessor();
+	}
+	instantType() {
+		return this.instantTypeAccessor();
+	}
+	setInstantType(e) {
+		this.setInstantTypeSignal(e);
+	}
+	typing() {
+		return this.typingAccessor();
+	}
+	hoverEnabled() {
+		return this.hoverEnabledAccessor();
+	}
+	setHoverEnabled(e) {
+		this.setHoverEnabledSignal(e);
+	}
+	allowMouseEnter() {
+		return this.allowMouseEnterAccessor();
+	}
+	setAllowMouseEnter(e) {
+		this.setAllowMouseEnterSignal(e);
+	}
+	beforeContentGuard() {
+		return this.beforeContentGuardAccessor();
+	}
+	setBeforeContentGuard(e) {
+		this.setBeforeContentGuardSignal(e);
+	}
+	afterTriggerGuard() {
+		return this.afterTriggerGuardAccessor();
+	}
+	setAfterTriggerGuard(e) {
+		this.setAfterTriggerGuardSignal(e);
+	}
+	setPendingFocus(e) {
+		this.pendingFocus = e;
+	}
+	focusPendingItem() {
+		if (!this.pendingFocus) return !1;
+		let e = this.collection.availableIndices(), t = this.pendingFocus === "first" ? e[0] : e[e.length - 1];
+		if (t === void 0) return !1;
+		this.setActiveIndex(t, !0);
+		let n = this.collection.elements()[t], r = !!(n && n.ownerDocument.activeElement === n);
+		return r && (this.pendingFocus = null), r;
+	}
+	navigate(e) {
+		let t = this.collection.availableIndices();
+		if (t.length === 0) return !1;
+		let n = this.orientation(), r = this.direction() === "rtl", i = n === "vertical" ? "ArrowDown" : r ? "ArrowLeft" : "ArrowRight";
+		if (![
+			i,
+			n === "vertical" ? "ArrowUp" : r ? "ArrowRight" : "ArrowLeft",
+			"Home",
+			"End"
+		].includes(e.key)) return !1;
+		e.preventDefault(), e.stopPropagation();
+		let a = this.activeIndex(), o = a === null ? -1 : t.indexOf(a);
+		if (e.key === "Home") o = 0;
+		else if (e.key === "End") o = t.length - 1;
+		else if (a === null) o = e.key === i ? 0 : t.length - 1;
+		else {
+			let n = e.key === i ? 1 : -1;
+			o += n, o = this.loopFocus() ? (o + t.length) % t.length : Math.max(0, Math.min(t.length - 1, o));
+		}
+		return this.setActiveIndex(t[o], !0), !0;
+	}
+	handleTypeahead(e) {
+		if (e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey || e.key === " " && this.typed === "") return !1;
+		e.preventDefault(), e.stopPropagation();
+		let t = this.collection.labels(), n = new Set(this.collection.availableIndices()), r = this.typed.length > 0 && [...this.typed].every((t) => t.toLocaleLowerCase() === e.key.toLocaleLowerCase());
+		this.typed = r ? e.key : this.typed + e.key, this.setTypingSignal(!0), clearTimeout(this.typeaheadTimer), this.typeaheadTimer = setTimeout(() => {
+			this.typed = "", this.setTypingSignal(!1);
+		}, 500);
+		let i = this.typed.toLocaleLowerCase(), a = (this.activeIndex() ?? -1) + 1;
+		for (let e = 0; e < t.length; e += 1) {
+			let r = (a + e) % t.length;
+			if (n.has(r) && t[r]?.toLocaleLowerCase().startsWith(i)) return this.setActiveIndex(r, !0), !0;
+		}
+		return !0;
+	}
+	handleTriggerKeyDown(e, t) {
+		if (this.disabled()) return;
+		let r = this.menubar();
+		if (r) {
+			if (this.open()) return;
+			let i = r.orientation() === "horizontal" ? "ArrowDown" : this.direction() === "rtl" ? "ArrowLeft" : "ArrowRight";
+			if (e.key !== i) return;
+			e.preventDefault(), e.stopPropagation(), this.setOpenMethod("keyboard"), this.setPendingFocus("first"), this.setOpen(!0, l(n, e, t));
+			return;
+		}
+		if (this.open()) return this.navigate(e), void 0;
+		let i = this.orientation(), a = this.direction() === "rtl", o = i === "vertical" ? "ArrowDown" : a ? "ArrowLeft" : "ArrowRight", s = i === "vertical" ? "ArrowUp" : a ? "ArrowRight" : "ArrowLeft";
+		(e.key === o || e.key === s) && (e.preventDefault(), e.stopPropagation(), this.setOpenMethod("keyboard"), this.setPendingFocus(e.key === o ? "first" : "last"), this.setOpen(!0, l(n, e, t)));
+	}
+	closeTree(e, t) {
+		this.tree().events.emit("close", {
+			event: e,
+			reason: t
+		});
+	}
+	setOpen(e, t) {
+		if (!e && !this.open() || (!e && t.trigger == null && (t.trigger = this.track().activeTriggerElement ?? void 0), e && t.trigger?.id && this.activateMenubarTrigger(t.trigger.id), !super.setOpen(e, t))) return !1;
+		this.setOpenReasonSignal(t.reason), e && t.reason === "imperative-action" && this.setOpenMethod(null), e && t.reason === "trigger-hover" && this.setOpenMethod("mouse");
+		let n = (t.reason === "trigger-press" || t.reason === "item-press") && t.event.type === "click" && t.event.detail === 0;
+		return this.menubar() && (t.reason === "trigger-focus" || t.reason === "focus-out" || t.reason === "trigger-hover" || t.reason === "list-navigation" || t.reason === "sibling-open") ? this.setInstantTypeSignal("group") : n ? this.setInstantTypeSignal("click") : !e && (t.reason === "escape-key" || t.reason === "none") ? this.setInstantTypeSignal("dismiss") : t.reason !== "trigger-hover" && this.setInstantTypeSignal(void 0), !0;
+	}
+	resetAfterObservedClose() {
+		this.setActiveIndex(null), this.setOpenMethod(null), this.setAllowMouseEnter(!1), this.menubar() || (this.allowMouseUpTrigger = !1), this.pendingFocus = null;
+	}
+	dispose() {
+		clearTimeout(this.typeaheadTimer), clearTimeout(this.allowTouchToCloseTimer);
+	}
+	shouldCommitOpenChange(e, t) {
+		let n = t.event;
+		return !e && n?.type === "click" && n.pointerType === "touch" && !this.allowTouchToClose ? !1 : (clearTimeout(this.allowTouchToCloseTimer), e && t.reason === "trigger-focus" ? (this.allowTouchToClose = !1, this.allowTouchToCloseTimer = setTimeout(() => {
+			this.allowTouchToClose = !0;
+		}, 300)) : this.allowTouchToClose = !0, !0);
+	}
+}, ye = Symbol("MenuSubmenuRootContext"), be = U(ye);
+function xe(e = !1) {
+	let t = X(be);
+	if (t === ye) {
+		if (e) return;
+		throw Error("Base UI: <Menu.SubmenuTrigger> must be placed in <Menu.SubmenuRoot>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/menu/root/MenuRootContext.ts
+var Se = Symbol("MenuRootContext"), Ce = U(Se);
+function Z(e = !1) {
+	let t = X(Ce);
+	if (t === Se) {
+		if (e) return;
+		throw Error("Base UI: MenuRootContext is missing. Menu parts must be placed within <Menu.Root>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/menu/root/MenuRoot.tsx
+function we(e) {
+	let t = he(!0), n = re(!0), i = Z(!0), a = xe(!0), o = t && !i ? t : void 0, s = o ? void 0 : a?.parentStore, c = _(), u = x(), d = ne(), f = s ? void 0 : n, p = o ? new b() : Y(() => s?.tree()) ?? f?.tree ?? c ?? new b(), m = fe(), h = fe(), g = Y(() => e.open !== void 0), w = Y(() => e.triggerId !== void 0), E = s !== void 0, D = new ve({
+		controlledOpen: () => g ? e.open : void 0,
+		controlledTriggerId: () => w ? e.triggerId : void 0,
+		floatingId: h,
+		nested: E,
+		nodeId: m,
+		onOpenChange: () => e.onOpenChange,
+		onOpenChangeComplete: () => e.onOpenChangeComplete,
+		tree: p,
+		parentStore: s,
+		parentNodeId: o ? null : f?.nodeId ?? u,
+		disabled: () => e.disabled ?? !1,
+		modal: () => E ? !1 : e.modal ?? !0,
+		orientation: () => e.orientation ?? "vertical",
+		loopFocus: () => e.loopFocus ?? !0,
+		highlightItemOnHover: () => e.highlightItemOnHover ?? !0,
+		closeParentOnEsc: () => e.closeParentOnEsc ?? !1,
+		direction: d,
+		contextMenu: o,
+		menubar: f
+	});
+	D.update({
+		open: g ? !!Y(() => e.open) : !!Y(() => e.defaultOpen),
+		activeTriggerId: Y(() => e.defaultTriggerId ?? null)
+	}), D.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 });
+	let O = D.access((e) => e.payload), k = v({
+		tree: () => D.tree(),
+		id: m,
+		parentId: () => D.parentNodeId(),
+		context: () => D.context.floatingRoot
+	}), [A, ee] = K(null, { ownedWrite: !0 }), [j, M] = K(null, { ownedWrite: !0 }), N = C(D, () => D.track().popupElement, { onUnmount: () => {
+		D.setHoverEnabled(!0), D.setInstantType(void 0);
+	} }), P = {
+		store: D,
+		node: k,
+		nested: E,
+		presence: N,
+		contextMenu: D.contextMenu,
+		backdropElement: A,
+		setBackdropElement: ee,
+		internalBackdropElement: j,
+		setInternalBackdropElement: M,
+		beforeContentGuard: () => D.beforeContentGuard(),
+		setBeforeContentGuard: (e) => D.setBeforeContentGuard(e),
+		afterTriggerGuard: () => D.afterTriggerGuard(),
+		setAfterTriggerGuard: (e) => D.setAfterTriggerGuard(e)
+	};
+	D.context.floatingRoot.context.data.insideElements = () => [
+		A(),
+		j(),
+		D.menubar()?.rootElement()
+	], te(() => e.handle, D);
+	let F, I = T({
+		context: D.context.floatingRoot,
+		tree: () => D.tree(),
+		enabled: () => !D.disabled(),
+		bubbles: () => ({ escapeKey: E && D.closeParentOnEsc() }),
+		outsidePress: () => () => !o || D.context.floatingRoot.context.data.openEvent?.type === "contextmenu" || o.allowOutsidePressDismissal.current,
+		outsidePressEvent: () => ({
+			mouse: "sloppy",
+			touch: "sloppy"
+		})
+	});
+	D.setInteractionProps({
+		activeTriggerProps: { onKeyDown: I.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: I.onKeyDown },
+		popupProps: { onKeyDown: I.onKeyDown }
+	});
+	let L = !1;
+	W(() => D.open(), (e) => {
+		!o || e === L || (L = e, clearTimeout(F), o.allowOutsidePressDismissal.current = !1, e && (F = setTimeout(() => {
+			o.allowOutsidePressDismissal.current = !0;
+		}, 500)));
+	}), W(() => ({
+		open: D.open(),
+		activeTriggerId: D.activeTriggerId()
+	}), () => Y(() => D.reconcileTriggers()));
+	let R = Y(() => D.open());
+	W(() => D.open(), (e) => {
+		R && !e && Y(() => {
+			D.context.floatingRoot.syncOpenEvent(!1, void 0), D.resetAfterObservedClose();
+		}), R = e;
+	}), W(() => ({
+		open: D.open(),
+		mounted: N.mounted(),
+		items: D.collection.items()
+	}), ({ open: e, mounted: t }) => {
+		if (!e || !t) return;
+		let n = !1, r = 0, i = 0, a = () => {
+			Y(() => {
+				n || !D.open() || D.openMethod() !== "keyboard" || (D.focusPendingItem() || D.activeElement()?.focus({ preventScroll: !0 }), i += 1, i < 4 && (r = requestAnimationFrame(a)));
+			});
+		};
+		return queueMicrotask(() => {
+			Y(() => {
+				D.focusPendingItem(), D.openMethod() === "keyboard" && (r = requestAnimationFrame(a));
+			});
+		}), () => {
+			n = !0, cancelAnimationFrame(r);
+		};
+	}), W(() => ({
+		open: D.open(),
+		reason: D.openChangeReason(),
+		tree: D.tree(),
+		parentNodeId: D.parentNodeId()
+	}), ({ open: e, reason: t, tree: n, parentNodeId: r }) => {
+		Y(() => {
+			n.events.emit("menuopenchange", {
+				open: e,
+				nodeId: m,
+				parentNodeId: r,
+				reason: t
+			});
+		});
+	}), W(() => D.tree(), (e) => e.events.on("close", ({ event: e, reason: t }) => {
+		D.open() && D.setOpen(!1, l(t, e));
+	}));
+	let ie = {
+		unmount: N.forceUnmount,
+		close() {
+			D.setOpen(!1, l(r));
+		}
+	};
+	W(() => e.actionsRef, (e) => {
+		e?.(ie);
+	});
+	function z() {
+		let t = G(() => e.children), n = Y(t), r = n;
+		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, ue) ? V(() => t()) : Y(() => n({ payload: O }))), r;
+	}
+	return J(() => {
+		clearTimeout(F), D.dispose(), D.clearInteractionProps(), delete D.context.floatingRoot.context.data.insideElements;
+	}), B(Ce, {
+		value: P,
+		get children() {
+			return B(y, {
+				value: p,
+				get children() {
+					return B(S, {
+						get value() {
+							return k.id ?? null;
+						},
+						get children() {
+							return B(z, {});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/menu/utils/mergeMenuStyles.ts
+function Te(e, t) {
+	if (typeof t == "string") {
+		let n = Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${String(t)}`).join(";");
+		return n ? `${n};${t}` : t;
+	}
+	return {
+		...e,
+		...t || void 0
+	};
+}
+//#endregion
+//#region src/menu/backdrop/MenuBackdrop.tsx
+function Ee(t) {
+	let n = Z(), r = t, i = t, a = G(() => ({
+		open: n.store.open(),
+		transitionStatus: n.store.track().transitionStatus
+	})), o = G(() => s(t.class, a())), l = G(() => Te({
+		"pointer-events": n.store.openChangeReason() === "trigger-hover" ? "none" : void 0,
+		"user-select": "none",
+		"-webkit-user-select": "none"
+	}, c(t.style, a()))), u = G(() => e(a(), P)), d = q(i, "as", "class", "ref", "style"), f = null;
+	return J(() => {
+		n.backdropElement() === f && n.setBackdropElement(null);
+	}), B(z, H({
+		get component() {
+			return t.as ?? "div";
+		},
+		ref: [((e) => {
+			f = e, n.setBackdropElement(e);
+		}), r.ref],
+		role: "presentation",
+		get hidden() {
+			return !n.presence.mounted();
+		},
+		get class() {
+			return o();
+		},
+		get style() {
+			return l();
+		}
+	}, u, d));
+}
+//#endregion
+//#region src/menu/portal/MenuPortalContext.ts
+var De = Symbol("MenuPortalContext"), Oe = U(De);
+function ke() {
+	let e = X(Oe);
+	if (e === De) throw Error("Base UI: <Menu.Positioner> must be placed within <Menu.Portal>.");
+	return e;
+}
+//#endregion
+//#region src/menu/portal/MenuPortal.tsx
+function Ae(e) {
+	let t = Z(), n = e, r = e, i = G(() => n.keepMounted ?? !1), a = G(() => t.presence.mounted() || i()), o = {}, l = G(() => s(e.class, o)), u = G(() => c(e.style, o)), d = q(r, "as", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
+	return B(de, {
+		get when() {
+			return a();
+		},
+		get children() {
+			return B(Oe, {
+				value: f,
+				get children() {
+					return B(N, H({
+						get as() {
+							return e.as;
+						},
+						get container() {
+							return n.container;
+						},
+						ref: (e) => {
+							n.ref && R(n.ref, e);
+						},
+						get class() {
+							return l();
+						},
+						get style() {
+							return u();
+						}
+					}, d, { get children() {
+						return e.children;
+					} }));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/menu/utils/stateAttributesMapping.ts
+var je = {
+	...M,
+	nested: (e) => e ? { "data-nested": "" } : null
+}, Me = {
+	...P,
+	nested: (e) => e ? { "data-nested": "" } : null
+}, Ne = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, Pe = { "data-checked": "" }, Fe = { "data-unchecked": "" }, Ie = { checked: (e) => e ? Pe : Fe }, Le = Symbol("MenuPositionerContext"), Re = U(Le);
+function ze(e = !1) {
+	let t = X(Re);
+	if (t === Le) {
+		if (e) return;
+		throw Error("Base UI: <Menu.Positioner> is missing.");
+	}
+	return t;
+}
+//#endregion
+//#region src/menu/positioner/MenuPositioner.tsx
+function Be(t) {
+	ke();
+	let n = Z(), r = ne(), a = t, o = t, [u, d] = K(null, { ownedWrite: !0 }), p = n.contextMenu !== void 0 && !n.nested, _ = G(() => Ve(a.anchor) ?? (p ? n.contextMenu?.anchor() : void 0) ?? n.store.context.floatingRoot.referenceElement()), v = () => a.align ?? (n.nested || p || n.store.menubar() ? "start" : "center"), y = () => p && a.side === void 0 && v() !== "center", b = () => a.collisionAvoidance ?? { fallbackAxisSide: n.nested ? "end" : "none" }, x = m({
+		reference: _,
+		floating: u,
+		mounted: n.presence.mounted,
+		direction: r,
+		positionMethod: () => n.contextMenu ? "fixed" : a.positionMethod ?? "absolute",
+		side: () => a.side ?? (n.nested || n.store.menubar()?.orientation() === "vertical" ? "inline-end" : "bottom"),
+		sideOffset: () => a.sideOffset ?? (y() ? -5 : 0),
+		align: v,
+		alignOffset: () => a.alignOffset ?? (y() ? 2 : 0),
+		collisionBoundary: () => a.collisionBoundary ?? "clipping-ancestors",
+		collisionPadding: () => a.collisionPadding ?? 5,
+		arrowPadding: () => p ? 0 : a.arrowPadding ?? 5,
+		sticky: () => a.sticky ?? !1,
+		disableAnchorTracking: () => a.disableAnchorTracking ?? !1,
+		collisionAvoidance: b,
+		shiftRootBoundary: () => p ? "layoutViewport" : void 0,
+		shiftCrossAxis: () => p && !("side" in b() && b().side === "flip"),
+		adaptiveOriginMiddleware: () => n.store.track().adaptiveOriginMiddleware
+	}), S = D(() => n.store.open(), () => x.state().isPositioned), C = G(() => ({
+		open: n.store.open(),
+		side: x.renderedSide(),
+		align: x.renderedAlign(),
+		anchorHidden: x.anchorHidden(),
+		nested: n.nested,
+		instant: n.store.instantType() ?? (S() ? "initial" : void 0)
+	})), w = G(() => s(t.class, C())), T = G(() => Te({
+		...x.styles(),
+		"pointer-events": n.store.open() ? void 0 : "none"
+	}, c(t.style, C()))), E = G(() => e(C(), je)), O = q(o, "align", "alignOffset", "anchor", "arrowPadding", "as", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), k = G(() => !n.nested && n.store.modal() && n.store.openChangeReason() !== "trigger-hover"), A = G(() => n.store.menubar()?.modal() ?? !1), ee = G(() => A() || k()), j = null, M, N;
+	g({
+		enabled: () => n.store.open() && ee(),
+		touchOpen: () => n.store.openMethod() === "touch",
+		positioner: u,
+		reference: () => n.store.track().activeTriggerElement
+	}), W(() => x.state().placement, (e) => {
+		n.store.context.floatingRoot.context.data.placement = e;
+	}), W(() => ({
+		positioned: x.state().isPositioned,
+		open: n.store.open(),
+		method: n.store.openMethod()
+	}), ({ positioned: e, open: t, method: r }) => {
+		e && t && r === "keyboard" && queueMicrotask(() => {
+			Y(() => {
+				n.store.focusPendingItem() || n.store.activeElement()?.focus({ preventScroll: !0 });
+			});
+		});
+	}), W(() => ({
+		trigger: n.store.track().activeTriggerElement,
+		positioner: u(),
+		open: n.store.open()
+	}), ({ trigger: e, positioner: t, open: r }) => {
+		if (!r) {
+			j = null, M?.abort();
+			return;
+		}
+		let i = j;
+		if (e && (j = e), !i || !e || i === e || !t) return;
+		n.store.setInstantType(void 0), M?.abort();
+		let a = new AbortController();
+		return M = a, f(t, () => n.store.setInstantType("trigger-change"), a.signal), () => a.abort();
+	}), W(() => n.store.tree(), (e) => e.events.on("menuopenchange", (e) => {
+		if (e.open && e.parentNodeId === n.node.id && n.store.setHoverEnabled(!1), e.open && e.nodeId !== n.node.id && e.parentNodeId === n.store.parentNodeId()) {
+			n.store.setOpen(!1, l(i));
+			return;
+		}
+		!e.open && n.store.parentNodeId() !== null && e.nodeId === n.store.parentNodeId() && n.store.setOpen(!1, l(e.reason ?? "sibling-open"));
+	})), W(() => n.store.tree(), (e) => e.events.on("itemhover", ({ nodeId: e, target: t }) => {
+		if (!n.store.open() || e !== n.store.parentNodeId()) return;
+		if (t === n.store.track().activeTriggerElement) {
+			clearTimeout(N), N = void 0;
+			return;
+		}
+		if (N !== void 0) return;
+		let r = () => n.store.setOpen(!1, l(i)), a = n.store.track().closeDelay;
+		a > 0 ? N = setTimeout(() => {
+			N = void 0, r();
+		}, a) : r();
+	})), W(() => n.store.open(), (e) => {
+		e || (clearTimeout(N), N = void 0);
+	}), J(() => {
+		clearTimeout(N), M?.abort(), delete n.store.context.floatingRoot.context.data.placement, n.store.state.positionerElement === Y(u) && n.store.setPositionerElement(null);
+	});
+	function P() {
+		let e = null;
+		return J(() => {
+			n.internalBackdropElement() === e && n.setInternalBackdropElement(null);
+		}), B(h, {
+			ref: (t) => {
+				e = t, n.setInternalBackdropElement(t);
+			},
+			get cutout() {
+				return n.store.menubar()?.rootElement() ?? n.store.track().activeTriggerElement;
+			},
+			get open() {
+				return n.store.open();
+			}
+		});
+	}
+	return B(Re, {
+		value: x,
+		get children() {
+			return [B(de, {
+				get when() {
+					return V(() => !!n.presence.mounted())() ? ee() : n.presence.mounted();
+				},
+				get children() {
+					return B(P, {});
+				}
+			}), B(z, H({
+				get component() {
+					return t.as ?? "div";
+				},
+				ref: [((e) => {
+					d(e), n.store.setPositionerElement(e);
+				}), a.ref],
+				role: "presentation",
+				get hidden() {
+					return !n.presence.mounted();
+				},
+				get inert() {
+					return !n.store.open() || void 0;
+				},
+				get class() {
+					return w();
+				},
+				get style() {
+					return T();
+				}
+			}, E, O))];
+		}
+	});
+}
+function Ve(e) {
+	return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
+}
+//#endregion
+//#region src/menu/popup/MenuPopup.tsx
+var He = /* @__PURE__ */ new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End"
+]);
+function Ue(t) {
+	let r = Z(), i = ze(), o = ie(!0) !== void 0, u = t, f = t, p = r.contextMenu !== void 0 && !r.nested, m = G(() => ({
+		transitionStatus: r.store.track().transitionStatus,
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		open: r.store.open(),
+		nested: r.nested,
+		instant: r.store.instantType()
+	})), h = G(() => s(t.class, m())), g = G(() => c(t.style, m())), _ = G(() => e(m(), Me)), v = G(() => u.id ?? r.store.context.floatingId), y = q(f, "as", "class", "finalFocus", "id", "onClick", "onKeyDown", "onMouseMove", "ref", "style"), b = null;
+	function x(e) {
+		let t = r.store.state.popupProps.onKeyDown;
+		if (typeof t == "function" && t(e), !r.store.disabled()) {
+			if (e.key === "Tab") {
+				e.preventDefault();
+				let t = r.store.rootStore(), n = (r.nested && e.shiftKey ? r.store : t).track().activeTriggerElement, i = e.shiftKey ? n : We(n, t.rootNodeId());
+				r.nested && e.shiftKey ? r.store.setOpen(!1, l(a, e)) : t.closeTree(e, a), queueMicrotask(() => i?.focus({ preventScroll: !0 }));
+				return;
+			}
+			if (!r.store.handleTypeahead(e) && !(e.defaultPrevented || r.store.navigate(e))) {
+				if (r.nested && r.store.parentStore) {
+					let t = r.store.parentStore.orientation() === "vertical" ? r.store.direction() === "rtl" ? "ArrowRight" : "ArrowLeft" : "ArrowUp";
+					if (e.key === t) {
+						e.preventDefault(), e.stopPropagation();
+						let t = r.store.track().activeTriggerElement;
+						r.store.setOpen(!1, l(n, e)), t?.focus({ preventScroll: !0 });
+					}
+				}
+				!e.defaultPrevented && !e.cancelBubble && r.store.relayKeyboardEvent(e);
+			}
+		}
+	}
+	let S = d(() => u.onKeyDown, () => x, () => (e) => {
+		o && He.has(e.key) && e.stopPropagation();
+	}), C = d(() => u.onMouseMove, () => () => {
+		r.store.setAllowMouseEnter(!0), r.nested && r.store.setHoverEnabled(!1);
+	}), w = d(() => u.onClick, () => () => r.store.setHoverEnabled(!1)), T = () => Y(() => {
+		let e = r.store.openChangeReason();
+		return !(e === "focus-out" || r.store.menubar() && (e === "sibling-open" || e === "list-navigation") || r.store.menubar() && !r.store.track().activeTriggerElement && e === "outside-press");
+	});
+	W(() => v(), (e) => r.store.setPopupId(e)), W(() => r.store.track().popupElement, (e) => {
+		if (!e || typeof MutationObserver > "u") return;
+		let t = new MutationObserver(() => r.store.collection.touch());
+		return t.observe(e, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), () => t.disconnect();
+	}), J(() => {
+		r.store.state.popupElement === b && r.store.setPopupElement(null);
+	});
+	function E() {
+		return B(z, H({
+			get component() {
+				return t.as ?? "div";
+			},
+			ref: [((e) => {
+				b = e, r.store.setPopupElement(e);
+			}), u.ref],
+			get id() {
+				return v();
+			},
+			role: "menu",
+			tabIndex: -1,
+			"data-base-ui-focusable": "",
+			get "data-rootownerid"() {
+				return r.store.rootNodeId();
+			},
+			get "aria-labelledby"() {
+				return r.store.track().activeTriggerElement?.id || void 0;
+			},
+			get "aria-orientation"() {
+				return r.store.orientation();
+			},
+			get class() {
+				return h();
+			},
+			get style() {
+				return g();
+			},
+			onClick: w,
+			onMouseMove: C,
+			onKeyDown: S
+		}, _, y));
+	}
+	return B(F, {
+		get context() {
+			return r.store.context.floatingRoot;
+		},
+		get tree() {
+			return r.store.tree();
+		},
+		get disabled() {
+			return !r.presence.mounted();
+		},
+		initialFocus: () => Y(() => r.store.focusPendingItem() || r.store.openMethod() === "keyboard" && r.store.collection.availableIndices().length > 0 ? !1 : !(r.store.openChangeReason() === "trigger-hover" || r.nested)),
+		get returnFocus() {
+			return u.finalFocus ?? T;
+		},
+		modal: p,
+		restoreFocus: !0,
+		get openInteractionType() {
+			return r.store.openMethod();
+		},
+		get previousFocusableElement() {
+			return r.store.track().activeTriggerElement;
+		},
+		get nextFocusableElement() {
+			return V(() => !!(r.nested || r.store.menubar()))() ? void 0 : r.store.afterTriggerGuard.bind(r.store);
+		},
+		get beforeContentGuardRef() {
+			return V(() => !!(r.nested || r.store.menubar()))() ? void 0 : r.store.setBeforeContentGuard.bind(r.store);
+		},
+		get children() {
+			return B(E, {});
+		}
+	});
+}
+function We(e, t) {
+	if (!e) return null;
+	let n = j(e.ownerDocument.body).filter((e) => !e.hasAttribute("data-base-ui-focus-guard") && !e.closest(`[data-rootownerid="${t}"]`)), r = n.indexOf(e);
+	return r === -1 ? null : n[r + 1] ?? null;
+}
+//#endregion
+//#region src/menu/arrow/MenuArrow.tsx
+function Ge(t) {
+	let n = Z(), r = ze(), i = t, a = t, o = G(() => ({
+		open: n.store.open(),
+		side: r.renderedSide(),
+		align: r.renderedAlign(),
+		uncentered: r.arrowUncentered()
+	})), l = G(() => s(t.class, o())), u = G(() => Te(r.arrowStyles(), c(t.style, o()))), d = G(() => e(o(), M)), f = q(a, "as", "class", "ref", "style"), p = null;
+	return J(() => {
+		p && r.setArrowElement(null);
+	}), B(z, H({
+		get component() {
+			return t.as ?? "div";
+		},
+		ref: [((e) => {
+			p = e, r.setArrowElement(e);
+		}), i.ref],
+		"aria-hidden": "true",
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d, f));
+}
+//#endregion
+//#region src/menu/group/MenuGroupContext.ts
+var Ke = Symbol("MenuGroupContext"), qe = U(Ke);
+function Je() {
+	let e = X(qe);
+	if (e === Ke) throw Error("Base UI: <Menu.GroupLabel> must be placed within <Menu.Group> or <Menu.RadioGroup>.");
+	return e;
+}
+//#endregion
+//#region src/menu/group/MenuGroup.tsx
+function Ye(e) {
+	let t = e, n = e, [r, i] = K(), a = {
+		labelId: r,
+		setLabelId: i
+	}, o = {}, l = G(() => s(e.class, o)), u = G(() => c(e.style, o)), d = q(n, "as", "class", "ref", "style");
+	return B(qe, {
+		value: a,
+		get children() {
+			return B(z, H({
+				get component() {
+					return e.as ?? "div";
+				},
+				ref: [t.ref],
+				role: "group",
+				get "aria-labelledby"() {
+					return r();
+				},
+				get class() {
+					return l();
+				},
+				get style() {
+					return u();
+				}
+			}, d));
+		}
+	});
+}
+//#endregion
+//#region src/menu/group-label/MenuGroupLabel.tsx
+function Xe(e) {
+	let t = Je(), n = e, r = e, i = `base-ui-${fe()}`, a = G(() => n.id || i), o = {}, l = G(() => s(e.class, o)), u = G(() => c(e.style, o)), d = q(r, "as", "class", "id", "ref", "style");
+	return W(() => a(), (e) => (t.setLabelId(e), () => {
+		t.labelId() === e && t.setLabelId(void 0);
+	})), B(z, H({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [n.ref],
+		get id() {
+			return a();
+		},
+		role: "presentation",
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d));
+}
+//#endregion
+//#region src/menu/item/createMenuItem.ts
+function Q(e) {
+	let t = Symbol("menu-item"), [n, r] = K(null, { ownedWrite: !0 }), i = e.store.collection.register({
+		token: t,
+		element: n,
+		label: e.label
+	}), a = G(() => e.store.collection.indexOf(t)), o = G(() => e.store.isItemActive(n()));
+	return J(i), {
+		element: n,
+		setElement(t) {
+			r(t), e.store.collection.touch();
+		},
+		index: a,
+		highlighted: o,
+		onFocus(t) {
+			Y(() => e.store.setActiveElement(t.currentTarget));
+		},
+		onBlur(t) {
+			Y(() => {
+				let n = t.currentTarget;
+				e.store.activeElement() === n && t.relatedTarget !== n && e.store.setActiveElement(null);
+			});
+		},
+		onMouseMove(t) {
+			if (e.store.tree().events.emit("itemhover", {
+				nodeId: e.store.context.floatingRoot.context.nodeId,
+				target: t.currentTarget
+			}), e.store.highlightItemOnHover()) {
+				let n = t.currentTarget;
+				e.store.setActiveElement(n), e.store.allowMouseEnter() && n.focus({ preventScroll: !0 });
+			}
+		},
+		onMouseUp(t) {
+			let n = e.store.contextMenu;
+			if (n) {
+				let e = n.initialCursorPoint.current;
+				if (n.initialCursorPoint.current = null, e && Math.abs(t.clientX - e.x) <= 1 && Math.abs(t.clientY - e.y) <= 1 || !Ze() && t.button === 2) return;
+			}
+			!e.submenu && e.store.allowMouseUpTrigger && (!n || t.button === 2) && Qe(t.currentTarget, t, 1);
+		},
+		onKeyDown(t, n) {
+			if (t.target !== t.currentTarget) return;
+			if (t.key === " " && e.store.typing()) {
+				t.preventDefault(), t.preventBaseUIHandler();
+				return;
+			}
+			if (t.key !== "Enter" && t.key !== " ") return;
+			let r = t.currentTarget;
+			r.tagName === "A" && r.href && t.key === "Enter" || n && r.tagName === "BUTTON" && t.key === "Enter" || (t.preventDefault(), t.preventBaseUIHandler(), Qe(r, t, 0));
+		},
+		onKeyUp(e, t) {
+			t && e.target === e.currentTarget && e.currentTarget.tagName === "BUTTON" && e.key === " " && e.preventDefault();
+		},
+		close(t) {
+			e.store.closeTree(t, "item-press");
+		}
+	};
+}
+function Ze() {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.platform.toLowerCase();
+	return !(/^i(os$|p)/.test(e) || e === "macintel" && navigator.maxTouchPoints > 1) && e.startsWith("mac");
+}
+function Qe(e, t, n, r) {
+	let i = e.ownerDocument.defaultView?.MouseEvent ?? MouseEvent, a = "button" in t ? t : null, o = new i("click", {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0,
+		detail: n,
+		button: a?.button ?? 0,
+		buttons: a?.buttons ?? 0,
+		clientX: a?.clientX ?? 0,
+		clientY: a?.clientY ?? 0,
+		shiftKey: t.shiftKey,
+		ctrlKey: t.ctrlKey,
+		altKey: t.altKey,
+		metaKey: t.metaKey
+	});
+	return r?.(o), e.dispatchEvent(o), o;
+}
+function $(e) {
+	(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.preventBaseUIHandler());
+}
+//#endregion
+//#region src/menu/item/MenuItem.tsx
+function $e(t) {
+	let n = Z(), r = t, i = t, a = G(() => r.nativeButton ?? !1), o = G(() => !!(r.disabled || n.store.disabled())), l = G(() => r.closeOnClick ?? !0), u = Q({
+		store: n.store,
+		label: () => r.label
+	}), f = G(() => ({
+		disabled: o(),
+		highlighted: u.highlighted()
+	})), p = G(() => s(t.class, f())), m = G(() => c(t.style, f())), h = G(() => e(f())), g = q(i, "as", "class", "closeOnClick", "disabled", "id", "label", "nativeButton", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style"), _ = d(() => Y(() => o() ? L : void 0), () => r.onClick, () => (e) => {
+		l() && u.close(e);
+	}), v = d(() => Y(() => o() ? $ : void 0), () => r.onKeyDown, () => (e) => u.onKeyDown(e, a())), y = d(() => Y(() => o() ? I : void 0), () => r.onKeyUp, () => (e) => u.onKeyUp(e, a())), b = d(() => r.onMouseMove, () => u.onMouseMove), x = d(() => r.onMouseUp, () => u.onMouseUp), S = d(() => r.onFocus, () => u.onFocus), C = d(() => r.onBlur, () => u.onBlur);
+	return B(z, H({
+		get component() {
+			return t.as ?? "div";
+		},
+		ref: [((e) => u.setElement(e)), r.ref],
+		get id() {
+			return r.id;
+		},
+		get type() {
+			return a() ? "button" : void 0;
+		},
+		role: "menuitem",
+		get tabIndex() {
+			return n.store.open() && u.highlighted() ? 0 : -1;
+		},
+		get "aria-disabled"() {
+			return o() ? "true" : void 0;
+		},
+		get class() {
+			return p();
+		},
+		get style() {
+			return m();
+		},
+		onClick: _,
+		onFocus: S,
+		onBlur: C,
+		onKeyDown: v,
+		onKeyUp: y,
+		onMouseMove: b,
+		onMouseUp: x
+	}, h, g));
+}
+//#endregion
+//#region src/menu/checkbox-item/MenuCheckboxItemContext.ts
+var et = Symbol("MenuCheckboxItemContext"), tt = U(et);
+function nt() {
+	let e = X(tt);
+	if (e === et) throw Error("Base UI: <Menu.CheckboxItemIndicator> must be placed within <Menu.CheckboxItem>.");
+	return e;
+}
+//#endregion
+//#region src/menu/checkbox-item/MenuCheckboxItem.tsx
+function rt(t) {
+	let n = Z(), r = t, i = t, a = Y(() => r.checked !== void 0), [u, f] = K(Y(() => r.defaultChecked ?? !1), { ownedWrite: !0 }), p = G(() => a ? !!r.checked : u()), m = G(() => r.nativeButton ?? !1), h = G(() => !!(r.disabled || n.store.disabled())), g = G(() => r.closeOnClick ?? !1), _ = Q({
+		store: n.store,
+		label: () => r.label
+	}), v = G(() => ({
+		disabled: h(),
+		highlighted: _.highlighted(),
+		checked: p()
+	})), y = G(() => s(t.class, v())), b = G(() => c(t.style, v())), x = G(() => e(v(), Ie)), S = q(i, "as", "checked", "class", "closeOnClick", "defaultChecked", "disabled", "id", "label", "nativeButton", "onBlur", "onCheckedChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style");
+	function C(e) {
+		let t = !p(), n = l(o, e, void 0, { preventUnmountOnClose() {} });
+		r.onCheckedChange?.(t, n), !n.isCanceled && !a && f(t);
+	}
+	let w = d(() => Y(() => h() ? L : void 0), () => r.onClick, () => C, () => (e) => {
+		g() && _.close(e);
+	}), T = d(() => Y(() => h() ? $ : void 0), () => r.onKeyDown, () => (e) => _.onKeyDown(e, m())), E = d(() => Y(() => h() ? I : void 0), () => r.onKeyUp, () => (e) => _.onKeyUp(e, m())), D = d(() => r.onFocus, () => _.onFocus), O = d(() => r.onBlur, () => _.onBlur), k = d(() => r.onMouseMove, () => _.onMouseMove), A = d(() => r.onMouseUp, () => _.onMouseUp);
+	return B(tt, {
+		value: v,
+		get children() {
+			return B(z, H({
+				get component() {
+					return t.as ?? "div";
+				},
+				ref: [((e) => _.setElement(e)), r.ref],
+				get id() {
+					return r.id;
+				},
+				get type() {
+					return m() ? "button" : void 0;
+				},
+				role: "menuitemcheckbox",
+				get tabIndex() {
+					return n.store.open() && _.highlighted() ? 0 : -1;
+				},
+				get "aria-checked"() {
+					return p() ? "true" : "false";
+				},
+				get "aria-disabled"() {
+					return h() ? "true" : void 0;
+				},
+				get class() {
+					return y();
+				},
+				get style() {
+					return b();
+				},
+				onClick: w,
+				onFocus: D,
+				onBlur: O,
+				onKeyDown: T,
+				onKeyUp: E,
+				onMouseMove: k,
+				onMouseUp: A
+			}, x, S));
+		}
+	});
+}
+//#endregion
+//#region src/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.tsx
+function it(t) {
+	let n = nt(), r = t, i = t, a = A(() => n().checked), o = G(() => (r.keepMounted ?? !1) || a.mounted()), l = G(() => ({
+		...n(),
+		transitionStatus: a.transitionStatus()
+	})), d = G(() => s(t.class, l())), p = G(() => c(t.style, l())), m = G(() => e(l(), {
+		...Ie,
+		...u
+	})), h = q(i, "as", "class", "keepMounted", "ref", "style"), g, _ = !1;
+	return W(() => ({
+		checked: n().checked,
+		status: a.transitionStatus(),
+		element: g
+	}), (e) => {
+		if (_ = e.checked, e.checked || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return f(e.element, () => {
+			_ || a.setMounted(!1);
+		}, t.signal), () => t.abort();
+	}), B(de, {
+		get when() {
+			return o();
+		},
+		get children() {
+			return B(z, H({
+				get component() {
+					return t.as ?? "span";
+				},
+				ref: [((e) => g = e), r.ref],
+				"aria-hidden": "true",
+				get class() {
+					return d();
+				},
+				get style() {
+					return p();
+				}
+			}, m, h));
+		}
+	});
+}
+//#endregion
+//#region src/menu/link-item/MenuLinkItem.tsx
+function at(t) {
+	let n = Z(), r = t, i = t, a = G(() => r.closeOnClick ?? !1), o = G(() => n.store.disabled()), l = Q({
+		store: n.store,
+		label: () => r.label
+	}), u = G(() => ({ highlighted: l.highlighted() })), f = G(() => s(t.class, u())), p = G(() => c(t.style, u())), m = G(() => e(u())), h = q(i, "as", "class", "closeOnClick", "id", "label", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style"), g = d(() => Y(() => o() ? L : void 0), () => r.onClick, () => (e) => {
+		a() && l.close(e);
+	}), _ = d(() => Y(() => o() ? $ : void 0), () => r.onKeyDown, () => (e) => l.onKeyDown(e, !1)), v = d(() => Y(() => o() ? I : void 0), () => r.onKeyUp, () => (e) => l.onKeyUp(e, !1)), y = d(() => r.onMouseMove, () => l.onMouseMove), b = d(() => r.onMouseUp, () => l.onMouseUp), x = d(() => r.onFocus, () => l.onFocus), S = d(() => r.onBlur, () => l.onBlur);
+	return B(z, H({
+		get component() {
+			return t.as ?? "a";
+		},
+		ref: [((e) => l.setElement(e)), r.ref],
+		get id() {
+			return r.id;
+		},
+		role: "menuitem",
+		get tabIndex() {
+			return n.store.open() && l.highlighted() ? 0 : -1;
+		},
+		get class() {
+			return f();
+		},
+		get style() {
+			return p();
+		},
+		onClick: g,
+		onFocus: x,
+		onBlur: S,
+		onKeyDown: _,
+		onKeyUp: v,
+		onMouseMove: y,
+		onMouseUp: b
+	}, m, h));
+}
+//#endregion
+//#region src/menu/radio-group/MenuRadioGroupContext.ts
+var ot = Symbol("MenuRadioGroupContext"), st = U(ot);
+function ct() {
+	let e = X(st);
+	if (e === ot) throw Error("Base UI: <Menu.RadioItem> must be placed within <Menu.RadioGroup>.");
+	return e;
+}
+//#endregion
+//#region src/menu/radio-group/MenuRadioGroup.tsx
+function lt(t) {
+	let n = t, r = t, i = Y(() => n.value !== void 0), [a, o] = K(Y(() => n.defaultValue), { ownedWrite: !0 }), [l, u] = K(), d = G(() => i ? n.value : a()), f = G(() => n.disabled ?? !1), p = G(() => ({ disabled: f() })), m = G(() => s(t.class, p())), h = G(() => c(t.style, p())), g = G(() => e(p())), _ = q(r, "aria-labelledby", "as", "class", "defaultValue", "disabled", "onValueChange", "ref", "style", "value"), v = {
+		labelId: l,
+		setLabelId: u
+	}, y = {
+		value: d,
+		disabled: f,
+		setValue(e, t) {
+			n.onValueChange?.(e, t), !t.isCanceled && !i && o(() => e);
+		}
+	};
+	return B(qe, {
+		value: v,
+		get children() {
+			return B(st, {
+				value: y,
+				get children() {
+					return B(z, H({
+						get component() {
+							return t.as ?? "div";
+						},
+						ref: [n.ref],
+						role: "group",
+						get "aria-labelledby"() {
+							return n["aria-labelledby"] ?? l();
+						},
+						get "aria-disabled"() {
+							return f() ? "true" : void 0;
+						},
+						get class() {
+							return m();
+						},
+						get style() {
+							return h();
+						}
+					}, g, _));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/menu/radio-item/MenuRadioItemContext.ts
+var ut = Symbol("MenuRadioItemContext"), dt = U(ut);
+function ft() {
+	let e = X(dt);
+	if (e === ut) throw Error("Base UI: <Menu.RadioItemIndicator> must be placed within <Menu.RadioItem>.");
+	return e;
+}
+//#endregion
+//#region src/menu/radio-item/MenuRadioItem.tsx
+function pt(t) {
+	let n = Z(), r = ct(), i = t, a = t, u = G(() => i.nativeButton ?? !1), f = G(() => !!(i.disabled || r.disabled() || n.store.disabled())), p = G(() => i.closeOnClick ?? !1), m = G(() => r.value() === i.value), h = Q({
+		store: n.store,
+		label: () => i.label
+	}), g = G(() => ({
+		disabled: f(),
+		highlighted: h.highlighted(),
+		checked: m()
+	})), _ = G(() => s(t.class, g())), v = G(() => c(t.style, g())), y = G(() => e(g(), Ie)), b = q(a, "as", "class", "closeOnClick", "disabled", "id", "label", "nativeButton", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style", "value");
+	function x(e) {
+		let t = l(o, e, void 0, { preventUnmountOnClose() {} });
+		r.setValue(i.value, t);
+	}
+	let S = d(() => Y(() => f() ? L : void 0), () => i.onClick, () => x, () => (e) => {
+		p() && h.close(e);
+	}), C = d(() => Y(() => f() ? $ : void 0), () => i.onKeyDown, () => (e) => h.onKeyDown(e, u())), w = d(() => Y(() => f() ? I : void 0), () => i.onKeyUp, () => (e) => h.onKeyUp(e, u())), T = d(() => i.onFocus, () => h.onFocus), E = d(() => i.onBlur, () => h.onBlur), D = d(() => i.onMouseMove, () => h.onMouseMove), O = d(() => i.onMouseUp, () => h.onMouseUp);
+	return B(dt, {
+		value: g,
+		get children() {
+			return B(z, H({
+				get component() {
+					return t.as ?? "div";
+				},
+				ref: [((e) => h.setElement(e)), i.ref],
+				get id() {
+					return i.id;
+				},
+				get type() {
+					return u() ? "button" : void 0;
+				},
+				role: "menuitemradio",
+				get tabIndex() {
+					return n.store.open() && h.highlighted() ? 0 : -1;
+				},
+				get "aria-checked"() {
+					return m() ? "true" : "false";
+				},
+				get "aria-disabled"() {
+					return f() ? "true" : void 0;
+				},
+				get class() {
+					return _();
+				},
+				get style() {
+					return v();
+				},
+				onClick: S,
+				onFocus: T,
+				onBlur: E,
+				onKeyDown: C,
+				onKeyUp: w,
+				onMouseMove: D,
+				onMouseUp: O
+			}, y, b));
+		}
+	});
+}
+//#endregion
+//#region src/menu/radio-item-indicator/MenuRadioItemIndicator.tsx
+function mt(t) {
+	let n = ft(), r = t, i = t, a = A(() => n().checked), o = G(() => (r.keepMounted ?? !1) || a.mounted()), l = G(() => ({
+		...n(),
+		transitionStatus: a.transitionStatus()
+	})), d = G(() => s(t.class, l())), p = G(() => c(t.style, l())), m = G(() => e(l(), {
+		...Ie,
+		...u
+	})), h = q(i, "as", "class", "keepMounted", "ref", "style"), g, _ = !1;
+	return W(() => ({
+		checked: n().checked,
+		status: a.transitionStatus(),
+		element: g
+	}), (e) => {
+		if (_ = e.checked, e.checked || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return f(e.element, () => {
+			_ || a.setMounted(!1);
+		}, t.signal), () => t.abort();
+	}), B(de, {
+		get when() {
+			return o();
+		},
+		get children() {
+			return B(z, H({
+				get component() {
+					return t.as ?? "span";
+				},
+				ref: [((e) => g = e), r.ref],
+				"aria-hidden": "true",
+				get class() {
+					return d();
+				},
+				get style() {
+					return p();
+				}
+			}, m, h));
+		}
+	});
+}
+//#endregion
+//#region src/menu/submenu-root/MenuSubmenuRoot.tsx
+function ht(e) {
+	let t = Z();
+	return B(be, {
+		get value() {
+			return { parentStore: t.store };
+		},
+		get children() {
+			return B(we, e);
+		}
+	});
+}
+//#endregion
+//#region src/menu/submenu-trigger/MenuSubmenuTrigger.tsx
+var gt = /* @__PURE__ */ le("<div>");
+function _t(r) {
+	let i = xe(), a = Z(), o = i.parentStore, u = r, f = r, p = G(() => u.id || `base-ui-${a.node.id}-trigger`), m = G(() => u.nativeButton ?? !1), h = G(() => u.openOnHover ?? !0), g = G(() => u.delay ?? 100), _ = G(() => u.closeDelay ?? 0), v = G(() => !!(u.disabled || a.store.disabled() || o.disabled())), y = Q({
+		store: o,
+		label: () => u.label,
+		submenu: !0
+	}), b = G(() => a.store.open()), x = G(() => ({
+		disabled: v(),
+		highlighted: y.highlighted(),
+		open: b()
+	})), S = G(() => s(r.class, x())), C = G(() => c(r.style, x())), T = G(() => e(x(), ee)), E = G(() => b() && vt() && (a.store.openChangeReason() === "list-navigation" || a.store.openMethod() === "keyboard")), D = q(f, "as", "class", "closeDelay", "delay", "disabled", "id", "label", "nativeButton", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseMove", "onMouseUp", "onMouseEnter", "openOnHover", "ref", "style");
+	w(() => a.store, p, y.element, () => ({ closeDelay: _() }));
+	let A = !1;
+	function j(e, t, n) {
+		let r = y.element();
+		!r || v() || (a.store.setOpenMethod(t instanceof KeyboardEvent || t.detail === 0 ? "keyboard" : "mouse"), a.store.setPendingFocus(e ? "first" : null), a.store.setOpen(e, l(n, t, r)));
+	}
+	function M(e) {
+		let t = o.orientation() === "vertical" ? o.direction() === "rtl" ? "ArrowLeft" : "ArrowRight" : "ArrowDown";
+		if (e.key === t) {
+			e.preventDefault(), e.stopPropagation(), e.preventBaseUIHandler(), j(!0, e, n);
+			return;
+		}
+		y.onKeyDown(e, m());
+	}
+	let N = d(() => Y(() => v() ? L : void 0), () => u.onClick, () => (e) => {
+		if (A) {
+			A = !1;
+			return;
+		}
+		(!h() || e.detail === 0) && j(h() ? !0 : !b(), e, t);
+	}), P = d(() => Y(() => v() ? L : void 0), () => u.onMouseDown, () => (e) => {
+		!h() && e.button === 0 && (A = !0, j(!b(), e, t));
+	}), F = d(() => Y(() => v() ? $ : void 0), () => u.onKeyDown, () => ue, () => M), te = d(() => Y(() => v() ? I : void 0), () => u.onKeyUp, () => (e) => y.onKeyUp(e, m())), R = d(() => u.onMouseMove, () => y.onMouseMove), ne = d(() => u.onMouseUp, () => y.onMouseUp), re = d(() => u.onFocus, () => y.onFocus), ie = d(() => u.onBlur, () => y.onBlur), le = d(() => u.onMouseEnter, () => () => {
+		o.highlightItemOnHover() && o.setActiveElement(y.element());
+	});
+	function ue(e) {
+		let t = a.store.state.activeTriggerProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}
+	function U() {
+		return O({
+			context: a.store.context.floatingRoot,
+			reference: y.element,
+			floating: () => a.store.track().positionerElement,
+			tree: () => a.store.tree(),
+			enabled: () => a.store.hoverEnabled() && h() && !v(),
+			delay: () => ({
+				open: g(),
+				close: _()
+			}),
+			restMs: g,
+			handleClose: () => k({ blockPointerEvents: !0 }),
+			mouseOnly: () => !0,
+			shouldOpen: () => g() === 0 || o.allowMouseEnter(),
+			blockPointerEventsScope: () => o.track().popupElement,
+			guardStaleOpen: () => !0
+		}), null;
+	}
+	return [B(U, {}), B(de, {
+		get when() {
+			return r.as;
+		},
+		get fallback() {
+			var e = ae(gt);
+			return oe(() => [((e) => {
+				y.setElement(e);
+			}), u.ref], e), ce(e, H({
+				get id() {
+					return p();
+				},
+				role: "menuitem",
+				get tabIndex() {
+					return b() || y.highlighted() ? 0 : -1;
+				},
+				"aria-haspopup": "menu",
+				get "aria-expanded"() {
+					return E() ? void 0 : b() ? "true" : "false";
+				},
+				get "aria-controls"() {
+					return a.store.triggerPopupId(p());
+				},
+				get "aria-disabled"() {
+					return v() ? "true" : void 0;
+				},
+				get class() {
+					return S();
+				},
+				get style() {
+					return C();
+				},
+				onClick: N,
+				onFocus: re,
+				onBlur: ie,
+				onKeyDown: F,
+				onKeyUp: te,
+				onMouseEnter: le,
+				onMouseDown: P,
+				onMouseMove: R,
+				onMouseUp: ne
+			}, T, D), !1), se(), e;
+		},
+		children: (e) => B(z, H({
+			get component() {
+				return e();
+			},
+			ref: [((e) => {
+				y.setElement(e);
+			}), u.ref],
+			get id() {
+				return p();
+			},
+			get type() {
+				return m() ? "button" : void 0;
+			},
+			role: "menuitem",
+			get tabIndex() {
+				return b() || y.highlighted() ? 0 : -1;
+			},
+			"aria-haspopup": "menu",
+			get "aria-expanded"() {
+				return V(() => !!E())() ? void 0 : b() ? "true" : "false";
+			},
+			get "aria-controls"() {
+				return a.store.triggerPopupId(p());
+			},
+			get "aria-disabled"() {
+				return v() ? "true" : void 0;
+			},
+			get class() {
+				return S();
+			},
+			get style() {
+				return C();
+			},
+			onClick: N,
+			onFocus: re,
+			onBlur: ie,
+			onKeyDown: F,
+			onKeyUp: te,
+			onMouseEnter: le,
+			onMouseDown: P,
+			onMouseMove: R,
+			onMouseUp: ne
+		}, T, D))
+	})];
+}
+function vt() {
+	return typeof navigator > "u" ? !1 : /Mac|iPhone|iPad|iPod/i.test(`${navigator.platform} ${navigator.userAgent}`);
+}
+//#endregion
+export { Z as C, he as E, Ce as S, me as T, Ne as _, lt as a, Te as b, rt as c, Xe as d, Ye as f, ze as g, Be as h, pt as i, $e as l, Ue as m, ht as n, at as o, Ge as p, mt as r, it as s, _t as t, Qe as u, Ae as v, ve as w, we as x, Ee as y };