solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.2

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

@@ -0,0 +1,1584 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { P as n, S as r, d as i, k as a, u as o, y as s } from "./reasons-Co5CzjKq.js";
+import { n as c, t as l } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as u } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as d } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as f, liveEventHandler as p } from "./internals/composeEventHandlers.js";
+import { t as m } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { s as h } from "./dom-lDdayFF_.js";
+import { t as g } from "./createAnchorPositioning-DCXIApS1.js";
+import { t as _ } from "./InternalBackdrop-B8_lfUvf.js";
+import { t as v } from "./createAnchoredPopupScrollLock-BxKpJbCE.js";
+import { c as y, i as b, n as x, r as S, s as C, t as w } from "./FloatingTree-23B7KKPD.js";
+import { a as T, n as E, o as D, t as O } from "./PopupStore-BjRwcvbG.js";
+import { n as k, r as A, t as ee } from "./safePolygon-DVAR5dQD.js";
+import { t as j } from "./createTransitionStatus-BL_cPSEA.js";
+import { a as M, h as N, n as P, o as te, r as F } from "./popupStateMapping-nhukB8NK.js";
+import { t as ne } from "./FocusManager-q7z7PMV1.js";
+import { r as re } from "./PopupHandle-DyX5gY1e.js";
+import { t as ie } from "./setRef-fXF6OIo3.js";
+import { a as I, r as L } from "./buttonSemantics-paljfpOX.js";
+import { n as ae } from "./DirectionContext-BwMabICS.js";
+import { n as oe } from "./MenubarContext-BYt3fkt-.js";
+import { n as se } from "./ToolbarRootContext-88yZoAOy.js";
+import { claimElement as ce, createComponent as R, getNextElement as z, memo as B, mergeProps as V, runHydrationEvents as H, spread as U, template as W } from "@solidjs/web";
+import { $REFRESH as le, Show as ue, createContext as G, createEffect as K, createMemo as q, createSignal as J, createUniqueId as de, omit as Y, onCleanup as X, untrack as Z, useContext as Q } from "solid-js";
+//#region src/context-menu/root/ContextMenuRootContext.ts
+var fe = Symbol("ContextMenuRootContext"), pe = G(fe);
+function me(e = !0) {
+	let t = Q(pe);
+	if (t === fe) {
+		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 he = class {
+	registrations = /* @__PURE__ */ new Map();
+	revision;
+	setRevision;
+	constructor() {
+		let [e, t] = J(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(ge);
+	}
+	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") && h(n) ? [t] : [];
+		});
+	}
+};
+function ge(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 _e = class extends O {
+	parentStore;
+	collection = new he();
+	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] = J(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] = J(null, { ownedWrite: !0 });
+		this.activeIndexAccessor = r, this.setActiveIndexSignal = i;
+		let [a, o] = J(null, { ownedWrite: !0 });
+		this.activeElementAccessor = a, this.setActiveElementSignal = o;
+		let [s, c] = J(null, { ownedWrite: !0 });
+		this.openMethodAccessor = s, this.setOpenMethodSignal = c;
+		let [l, u] = J(null, { ownedWrite: !0 });
+		this.openReasonAccessor = l, this.setOpenReasonSignal = u;
+		let [d, f] = J(void 0, { ownedWrite: !0 });
+		this.instantTypeAccessor = d, this.setInstantTypeSignal = f;
+		let [p, m] = J(!1, { ownedWrite: !0 });
+		this.typingAccessor = p, this.setTypingSignal = m;
+		let [h, g] = J(!0, { ownedWrite: !0 });
+		this.hoverEnabledAccessor = h, this.setHoverEnabledSignal = g;
+		let [_, v] = J(!1, { ownedWrite: !0 });
+		this.allowMouseEnterAccessor = _, this.setAllowMouseEnterSignal = v;
+		let [y, b] = J(null, { ownedWrite: !0 });
+		this.beforeContentGuardAccessor = y, this.setBeforeContentGuardSignal = b;
+		let [x, S] = J(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 n = this.menubar();
+		if (n) {
+			if (this.open()) return;
+			let i = n.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, u(r, 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, u(r, 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);
+	}
+}, ve = Symbol("MenuSubmenuRootContext"), ye = G(ve);
+function be(e = !1) {
+	let t = Q(ye);
+	if (t === ve) {
+		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 xe = Symbol("MenuRootContext"), Se = G(xe);
+function $(e = !1) {
+	let t = Q(Se);
+	if (t === xe) {
+		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 Ce(e) {
+	let t = me(!0), n = oe(!0), r = $(!0), a = be(!0), o = t && !r ? t : void 0, s = o ? void 0 : a?.parentStore, c = y(), l = C(), d = ae(), f = s ? void 0 : n, p = o ? new S() : Z(() => s?.tree()) ?? f?.tree ?? c ?? new S(), h = de(), g = de(), _ = Z(() => e.open !== void 0), v = Z(() => e.triggerId !== void 0), E = s !== void 0, O = new _e({
+		controlledOpen: () => _ ? e.open : void 0,
+		controlledTriggerId: () => v ? e.triggerId : void 0,
+		floatingId: g,
+		nested: E,
+		nodeId: h,
+		onOpenChange: () => e.onOpenChange,
+		onOpenChangeComplete: () => e.onOpenChangeComplete,
+		tree: p,
+		parentStore: s,
+		parentNodeId: o ? null : f?.nodeId ?? l,
+		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
+	});
+	O.update({
+		open: _ ? !!Z(() => e.open) : !!Z(() => e.defaultOpen),
+		activeTriggerId: Z(() => e.defaultTriggerId ?? null)
+	}), O.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 });
+	let k = Z(() => O.open() && !!s && r?.presence.transitionStatus() === "starting"), A = k ? Z(() => s?.instantType()) : void 0;
+	A !== void 0 && O.setInstantType(A);
+	let ee = O.access((e) => e.payload), j = b({
+		tree: () => O.tree(),
+		id: h,
+		parentId: () => O.parentNodeId(),
+		context: () => O.context.floatingRoot
+	}), [M, N] = J(null, { ownedWrite: !0 }), [P, te] = J(null, { ownedWrite: !0 }), F = T(O, () => O.track().popupElement, {
+		animateInitialOpen: k,
+		onUnmount: () => {
+			O.setHoverEnabled(!0), O.setInstantType(void 0);
+		}
+	});
+	A !== void 0 && K(() => ({
+		open: O.open(),
+		status: F.transitionStatus()
+	}), (e) => {
+		let t = () => {
+			Z(() => O.instantType()) === A && O.setInstantType(void 0);
+		};
+		if (!e.open) {
+			t();
+			return;
+		}
+		if (e.status !== void 0) return;
+		let n = O.state.popupElement;
+		if (!n) {
+			t();
+			return;
+		}
+		let r = new AbortController();
+		return m(n, t, r.signal), () => r.abort();
+	});
+	let ne = {
+		store: O,
+		node: j,
+		nested: E,
+		presence: F,
+		portalOwnerRole: s || f ? "group" : void 0,
+		contextMenu: O.contextMenu,
+		backdropElement: M,
+		setBackdropElement: N,
+		internalBackdropElement: P,
+		setInternalBackdropElement: te,
+		beforeContentGuard: () => O.beforeContentGuard(),
+		setBeforeContentGuard: (e) => O.setBeforeContentGuard(e),
+		afterTriggerGuard: () => O.afterTriggerGuard(),
+		setAfterTriggerGuard: (e) => O.setAfterTriggerGuard(e)
+	};
+	O.context.floatingRoot.context.data.insideElements = () => [
+		M(),
+		P(),
+		O.menubar()?.rootElement()
+	], re(() => e.handle, O);
+	let ie, I = D({
+		context: O.context.floatingRoot,
+		tree: () => O.tree(),
+		enabled: () => !O.disabled(),
+		bubbles: () => ({ escapeKey: E && O.closeParentOnEsc() }),
+		outsidePress: () => () => !o || O.context.floatingRoot.context.data.openEvent?.type === "contextmenu" || o.allowOutsidePressDismissal.current,
+		outsidePressEvent: () => ({
+			mouse: "sloppy",
+			touch: "sloppy"
+		})
+	});
+	O.setInteractionProps({
+		activeTriggerProps: { onKeyDown: I.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: I.onKeyDown },
+		popupProps: { onKeyDown: I.onKeyDown }
+	});
+	let L = !1;
+	K(() => O.open(), (e) => {
+		!o || e === L || (L = e, clearTimeout(ie), o.allowOutsidePressDismissal.current = !1, e && (ie = setTimeout(() => {
+			o.allowOutsidePressDismissal.current = !0;
+		}, 500)));
+	}), K(() => ({
+		open: O.open(),
+		activeTriggerId: O.activeTriggerId()
+	}), () => Z(() => O.reconcileTriggers()));
+	let se = Z(() => O.open());
+	K(() => O.open(), (e) => {
+		se && !e && Z(() => {
+			O.context.floatingRoot.syncOpenEvent(!1, void 0), O.resetAfterObservedClose();
+		}), se = e;
+	}), K(() => ({
+		open: O.open(),
+		mounted: F.mounted(),
+		items: O.collection.items()
+	}), ({ open: e, mounted: t }) => {
+		if (!e || !t) return;
+		let n = !1, r = 0, i = 0, a = () => {
+			Z(() => {
+				n || !O.open() || O.openMethod() !== "keyboard" || (O.focusPendingItem() || O.activeElement()?.focus({ preventScroll: !0 }), i += 1, i < 4 && (r = requestAnimationFrame(a)));
+			});
+		};
+		return queueMicrotask(() => {
+			Z(() => {
+				O.focusPendingItem(), O.openMethod() === "keyboard" && (r = requestAnimationFrame(a));
+			});
+		}), () => {
+			n = !0, cancelAnimationFrame(r);
+		};
+	}), K(() => ({
+		open: O.open(),
+		reason: O.openChangeReason(),
+		tree: O.tree(),
+		parentNodeId: O.parentNodeId()
+	}), ({ open: e, reason: t, tree: n, parentNodeId: r }) => {
+		Z(() => {
+			n.events.emit("menuopenchange", {
+				open: e,
+				nodeId: h,
+				parentNodeId: r,
+				reason: t
+			});
+		});
+	}), K(() => O.tree(), (e) => e.events.on("close", ({ event: e, reason: t }) => {
+		O.open() && O.setOpen(!1, u(t, e));
+	}));
+	let ce = {
+		unmount: F.forceUnmount,
+		close() {
+			O.setOpen(!1, u(i));
+		}
+	};
+	K(() => e.actionsRef, (e) => {
+		e?.(ce);
+	});
+	function z() {
+		let t = q(() => e.children), n = Z(t), r = n;
+		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, le) ? B(() => t()) : Z(() => n({ payload: ee }))), r;
+	}
+	return X(() => {
+		clearTimeout(ie), O.dispose(), O.clearInteractionProps(), delete O.context.floatingRoot.context.data.insideElements;
+	}), R(Se, {
+		value: ne,
+		get children() {
+			return R(x, {
+				value: p,
+				get children() {
+					return R(w, {
+						get value() {
+							return j.id ?? null;
+						},
+						get children() {
+							return R(z, {});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/menu/utils/mergeMenuStyles.ts
+function we(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
+var Te = /* @__PURE__ */ W("<div>");
+function Ee(n) {
+	let r = $(), i = n, a = n, o = q(() => ({
+		open: r.store.open(),
+		transitionStatus: r.store.track().transitionStatus
+	})), s = q(() => c(n.class, o())), u = q(() => we({
+		"pointer-events": r.store.openChangeReason() === "trigger-hover" ? "none" : void 0,
+		"user-select": "none",
+		"-webkit-user-select": "none"
+	}, l(n.style, o()))), d = q(() => t(o(), F)), f = Y(a, "render", "class", "ref", "style"), p = null;
+	X(() => {
+		r.backdropElement() === p && r.setBackdropElement(null);
+	});
+	let m = e(n, () => o(), (e) => (() => {
+		var t = z(Te);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(m, V({
+		ref: [((e) => {
+			p = e, r.setBackdropElement(e);
+		}), i.ref],
+		role: "presentation",
+		get hidden() {
+			return !r.presence.mounted();
+		},
+		get class() {
+			return s();
+		},
+		get style() {
+			return u();
+		}
+	}, d, f));
+}
+//#endregion
+//#region src/menu/portal/MenuPortalContext.ts
+var De = Symbol("MenuPortalContext"), Oe = G(De);
+function ke() {
+	let e = Q(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 = $(), n = e, r = e, i = q(() => n.keepMounted ?? !1), a = q(() => t.presence.mounted() || i()), o = {}, s = q(() => c(e.class, o)), u = q(() => l(e.style, o)), d = Y(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
+	return R(ue, {
+		get when() {
+			return a();
+		},
+		get children() {
+			return R(Oe, {
+				value: f,
+				get children() {
+					return R(te, V({
+						get render() {
+							return e.render;
+						},
+						get container() {
+							return n.container;
+						},
+						ref: (e) => {
+							n.ref && ie(n.ref, e);
+						},
+						get class() {
+							return s();
+						},
+						get style() {
+							return u();
+						}
+					}, d, {
+						get portalOwnerRole() {
+							return t.portalOwnerRole;
+						},
+						get children() {
+							return e.children;
+						}
+					}));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/menu/utils/stateAttributesMapping.ts
+var je = {
+	...P,
+	nested: (e) => e ? { "data-nested": "" } : null
+}, Me = {
+	...F,
+	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 = G(Le);
+function ze(e = !1) {
+	let t = Q(Re);
+	if (t === Le) {
+		if (e) return;
+		throw Error("Base UI: <Menu.Positioner> is missing.");
+	}
+	return t;
+}
+//#endregion
+//#region src/menu/positioner/MenuPositioner.tsx
+var Be = /* @__PURE__ */ W("<div>");
+function Ve(n) {
+	ke();
+	let r = $(), i = ae(), o = n, s = n, [d, f] = J(null, { ownedWrite: !0 }), p = r.contextMenu !== void 0 && !r.nested, h = q(() => He(o.anchor) ?? (p ? r.contextMenu?.anchor() : void 0) ?? r.store.context.floatingRoot.referenceElement()), y = () => o.align ?? (r.nested || p || r.store.menubar() ? "start" : "center"), b = () => p && o.side === void 0 && y() !== "center", x = () => o.collisionAvoidance ?? { fallbackAxisSide: r.nested ? "end" : "none" }, S = g({
+		reference: h,
+		floating: d,
+		mounted: r.presence.mounted,
+		direction: i,
+		positionMethod: () => r.contextMenu ? "fixed" : o.positionMethod ?? "absolute",
+		side: () => o.side ?? (r.nested || r.store.menubar()?.orientation() === "vertical" ? "inline-end" : "bottom"),
+		sideOffset: () => o.sideOffset ?? (b() ? -5 : 0),
+		align: y,
+		alignOffset: () => o.alignOffset ?? (b() ? 2 : 0),
+		collisionBoundary: () => o.collisionBoundary ?? "clipping-ancestors",
+		collisionPadding: () => o.collisionPadding ?? 5,
+		arrowPadding: () => p ? 0 : o.arrowPadding ?? 5,
+		sticky: () => o.sticky ?? !1,
+		disableAnchorTracking: () => o.disableAnchorTracking ?? !1,
+		collisionAvoidance: x,
+		shiftRootBoundary: () => p ? "layoutViewport" : void 0,
+		shiftCrossAxis: () => p && !("side" in x() && x().side === "flip"),
+		adaptiveOriginMiddleware: () => r.store.track().adaptiveOriginMiddleware
+	}), C = k(() => r.store.open(), () => S.state().isPositioned), w = q(() => ({
+		open: r.store.open(),
+		side: S.renderedSide(),
+		align: S.renderedAlign(),
+		anchorHidden: S.anchorHidden(),
+		nested: r.nested,
+		instant: r.store.instantType() ?? (C() ? "initial" : void 0)
+	})), T = q(() => c(n.class, w())), E = q(() => we({
+		...S.styles(),
+		"pointer-events": r.store.open() ? void 0 : "none"
+	}, l(n.style, w()))), D = q(() => t(w(), je)), O = Y(s, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), A = q(() => !r.nested && r.store.modal() && r.store.openChangeReason() !== "trigger-hover"), ee = q(() => r.store.menubar()?.modal() ?? !1), j = q(() => ee() || A()), M = null, N, P;
+	v({
+		enabled: () => r.store.open() && j(),
+		touchOpen: () => r.store.openMethod() === "touch",
+		positioner: d,
+		reference: () => r.store.track().activeTriggerElement
+	}), K(() => S.state().placement, (e) => {
+		r.store.context.floatingRoot.context.data.placement = e;
+	}), K(() => ({
+		positioned: S.state().isPositioned,
+		open: r.store.open(),
+		method: r.store.openMethod()
+	}), ({ positioned: e, open: t, method: n }) => {
+		e && t && n === "keyboard" && queueMicrotask(() => {
+			Z(() => {
+				r.store.focusPendingItem() || r.store.activeElement()?.focus({ preventScroll: !0 });
+			});
+		});
+	}), K(() => ({
+		trigger: r.store.track().activeTriggerElement,
+		positioner: d(),
+		open: r.store.open()
+	}), ({ trigger: e, positioner: t, open: n }) => {
+		if (!n) {
+			M = null, N?.abort();
+			return;
+		}
+		let i = M;
+		if (e && (M = e), !i || !e || i === e || !t) return;
+		r.store.setInstantType(void 0), N?.abort();
+		let a = new AbortController();
+		return N = a, m(t, () => r.store.setInstantType("trigger-change"), a.signal), () => a.abort();
+	}), K(() => r.store.tree(), (e) => e.events.on("menuopenchange", (e) => {
+		if (e.open && e.parentNodeId === r.node.id && r.store.setHoverEnabled(!1), e.open && e.nodeId !== r.node.id && e.parentNodeId === r.store.parentNodeId()) {
+			r.store.setOpen(!1, u(a));
+			return;
+		}
+		!e.open && r.store.parentNodeId() !== null && e.nodeId === r.store.parentNodeId() && r.store.setOpen(!1, u(e.reason ?? "sibling-open"));
+	})), K(() => r.store.tree(), (e) => e.events.on("itemhover", ({ nodeId: e, target: t }) => {
+		if (!r.store.open() || e !== r.store.parentNodeId()) return;
+		if (t === r.store.track().activeTriggerElement) {
+			clearTimeout(P), P = void 0;
+			return;
+		}
+		if (P !== void 0) return;
+		let n = () => r.store.setOpen(!1, u(a)), i = r.store.track().closeDelay;
+		i > 0 ? P = setTimeout(() => {
+			P = void 0, n();
+		}, i) : n();
+	})), K(() => r.store.open(), (e) => {
+		e || (clearTimeout(P), P = void 0);
+	}), X(() => {
+		clearTimeout(P), N?.abort(), delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === Z(d) && r.store.setPositionerElement(null);
+	});
+	function te() {
+		let e = null;
+		return X(() => {
+			r.internalBackdropElement() === e && r.setInternalBackdropElement(null);
+		}), R(_, {
+			ref: (t) => {
+				e = t, r.setInternalBackdropElement(t);
+			},
+			get cutout() {
+				return r.store.menubar()?.rootElement() ?? r.store.track().activeTriggerElement;
+			},
+			get open() {
+				return r.store.open();
+			}
+		});
+	}
+	let F = e(n, () => w(), (e) => (() => {
+		var t = z(Be);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(Re, {
+		value: S,
+		get children() {
+			return [R(ue, {
+				get when() {
+					return B(() => !!r.presence.mounted())() ? j() : r.presence.mounted();
+				},
+				get children() {
+					return R(te, {});
+				}
+			}), R(F, V({
+				ref: [((e) => {
+					f(e), r.store.setPositionerElement(e);
+				}), o.ref],
+				role: "presentation",
+				get hidden() {
+					return !r.presence.mounted();
+				},
+				get inert() {
+					return !r.store.open() || void 0;
+				},
+				get class() {
+					return T();
+				},
+				get style() {
+					return E();
+				}
+			}, D, O))];
+		}
+	});
+}
+function He(e) {
+	return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
+}
+//#endregion
+//#region src/menu/popup/MenuPopup.tsx
+var Ue = /* @__PURE__ */ W("<div>"), We = /* @__PURE__ */ new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End"
+]);
+function Ge(n) {
+	let i = $(), a = ze(), s = se(!0) !== void 0, d = n, m = n, h = i.contextMenu !== void 0 && !i.nested, g = q(() => ({
+		transitionStatus: i.presence.transitionStatus(),
+		side: a.renderedSide(),
+		align: a.renderedAlign(),
+		open: i.store.open(),
+		nested: i.nested,
+		instant: i.store.instantType()
+	})), _ = q(() => c(n.class, g())), v = q(() => l(n.style, g())), y = q(() => t(g(), Me)), b = q(() => d.id ?? i.store.context.floatingId), x = Y(m, "render", "class", "finalFocus", "id", "onClick", "onKeyDown", "onMouseMove", "ref", "style"), S = null;
+	function C(e) {
+		let t = i.store.state.popupProps.onKeyDown;
+		if (typeof t == "function" && t(e), !i.store.disabled()) {
+			if (e.key === "Tab") {
+				e.preventDefault();
+				let t = i.store.rootStore(), n = (i.nested && e.shiftKey ? i.store : t).track().activeTriggerElement, r = e.shiftKey ? n : Ke(n, t.rootNodeId());
+				i.nested && e.shiftKey ? i.store.setOpen(!1, u(o, e)) : t.closeTree(e, o), queueMicrotask(() => r?.focus({ preventScroll: !0 }));
+				return;
+			}
+			if (!i.store.handleTypeahead(e) && !(e.defaultPrevented || i.store.navigate(e))) {
+				if (i.nested && i.store.parentStore) {
+					let t = i.store.parentStore.orientation() === "vertical" ? i.store.direction() === "rtl" ? "ArrowRight" : "ArrowLeft" : "ArrowUp";
+					if (e.key === t) {
+						e.preventDefault(), e.stopPropagation();
+						let t = i.store.track().activeTriggerElement;
+						i.store.setOpen(!1, u(r, e)), t?.focus({ preventScroll: !0 });
+					}
+				}
+				!e.defaultPrevented && !e.cancelBubble && i.store.relayKeyboardEvent(e);
+			}
+		}
+	}
+	let w = f(p(() => d.onKeyDown), C, (e) => {
+		s && We.has(e.key) && e.stopPropagation();
+	}), T = f(p(() => d.onMouseMove), () => {
+		i.store.setAllowMouseEnter(!0), i.nested && i.store.setHoverEnabled(!1);
+	}), E = f(p(() => d.onClick), () => i.store.setHoverEnabled(!1)), D = () => Z(() => {
+		let e = i.store.openChangeReason();
+		return !(e === "focus-out" || i.store.menubar() && (e === "sibling-open" || e === "list-navigation") || i.store.menubar() && !i.store.track().activeTriggerElement && e === "outside-press");
+	});
+	K(() => b(), (e) => i.store.setPopupId(e)), K(() => i.store.track().popupElement, (e) => {
+		if (!e || typeof MutationObserver > "u") return;
+		let t = new MutationObserver(() => i.store.collection.touch());
+		return t.observe(e, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), () => t.disconnect();
+	}), X(() => {
+		i.store.state.popupElement === S && i.store.setPopupElement(null);
+	});
+	function O() {
+		return R(k, V({
+			ref: [((e) => {
+				S = e, i.store.setPopupElement(e);
+			}), d.ref],
+			get id() {
+				return b();
+			},
+			role: "menu",
+			tabIndex: -1,
+			"data-base-ui-focusable": "",
+			get "data-rootownerid"() {
+				return i.store.rootNodeId();
+			},
+			get "aria-labelledby"() {
+				return i.store.track().activeTriggerElement?.id || void 0;
+			},
+			get "aria-orientation"() {
+				return i.store.orientation() === "horizontal" ? "horizontal" : void 0;
+			},
+			get class() {
+				return _();
+			},
+			get style() {
+				return v();
+			},
+			onClick: E,
+			onMouseMove: T,
+			onKeyDown: w
+		}, y, x));
+	}
+	let k = e(n, () => g(), (e) => (() => {
+		var t = z(Ue);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(ne, {
+		get context() {
+			return i.store.context.floatingRoot;
+		},
+		get tree() {
+			return i.store.tree();
+		},
+		get disabled() {
+			return !i.presence.mounted();
+		},
+		initialFocus: () => Z(() => i.store.focusPendingItem() || i.store.openMethod() === "keyboard" && i.store.collection.availableIndices().length > 0 ? !1 : !(i.store.openChangeReason() === "trigger-hover" || i.nested)),
+		get returnFocus() {
+			return d.finalFocus ?? D;
+		},
+		modal: h,
+		restoreFocus: !0,
+		get openInteractionType() {
+			return i.store.openMethod();
+		},
+		get previousFocusableElement() {
+			return i.store.track().activeTriggerElement;
+		},
+		get nextFocusableElement() {
+			return B(() => !!(i.nested || i.store.menubar()))() ? void 0 : i.store.afterTriggerGuard.bind(i.store);
+		},
+		get beforeContentGuardRef() {
+			return B(() => !!(i.nested || i.store.menubar()))() ? void 0 : i.store.setBeforeContentGuard.bind(i.store);
+		},
+		get children() {
+			return R(O, {});
+		}
+	});
+}
+function Ke(e, t) {
+	if (!e) return null;
+	let n = N(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
+var qe = /* @__PURE__ */ W("<div>");
+function Je(n) {
+	let r = $(), i = ze(), a = n, o = n, s = q(() => ({
+		open: r.store.open(),
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		uncentered: i.arrowUncentered()
+	})), u = q(() => c(n.class, s())), d = q(() => we(i.arrowStyles(), l(n.style, s()))), f = q(() => t(s(), P)), p = Y(o, "render", "class", "ref", "style"), m = null;
+	X(() => {
+		m && i.setArrowElement(null);
+	});
+	let h = e(n, () => s(), (e) => (() => {
+		var t = z(qe);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(h, V({
+		ref: [((e) => {
+			m = e, i.setArrowElement(e);
+		}), a.ref],
+		"aria-hidden": "true",
+		get class() {
+			return u();
+		},
+		get style() {
+			return d();
+		}
+	}, f, p));
+}
+//#endregion
+//#region src/menu/group/MenuGroupContext.ts
+var Ye = Symbol("MenuGroupContext"), Xe = G(Ye);
+function Ze() {
+	let e = Q(Xe);
+	if (e === Ye) throw Error("Base UI: <Menu.GroupLabel> must be placed within <Menu.Group> or <Menu.RadioGroup>.");
+	return e;
+}
+//#endregion
+//#region src/menu/group/MenuGroup.tsx
+var Qe = /* @__PURE__ */ W("<div>");
+function $e(t) {
+	let n = t, r = t, [i, a] = J(), o = {
+		labelId: i,
+		setLabelId: a
+	}, s = {}, u = q(() => c(t.class, s)), d = q(() => l(t.style, s)), f = Y(r, "render", "class", "ref", "style"), p = e(t, () => s, (e) => (() => {
+		var t = z(Qe);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(Xe, {
+		value: o,
+		get children() {
+			return R(p, V({
+				ref: [n.ref],
+				role: "group",
+				get "aria-labelledby"() {
+					return i();
+				},
+				get class() {
+					return u();
+				},
+				get style() {
+					return d();
+				}
+			}, f));
+		}
+	});
+}
+//#endregion
+//#region src/menu/group-label/MenuGroupLabel.tsx
+var et = /* @__PURE__ */ W("<div>");
+function tt(t) {
+	let n = Ze(), r = t, i = t, a = `base-ui-${de()}`, o = q(() => r.id || a), s = {}, u = q(() => c(t.class, s)), d = q(() => l(t.style, s)), f = Y(i, "render", "class", "id", "ref", "style");
+	K(() => o(), (e) => (n.setLabelId(e), () => {
+		n.labelId() === e && n.setLabelId(void 0);
+	}));
+	let p = e(t, () => s, (e) => (() => {
+		var t = z(et);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(p, V({
+		ref: [r.ref],
+		get id() {
+			return o();
+		},
+		"aria-hidden": "true",
+		get class() {
+			return u();
+		},
+		get style() {
+			return d();
+		}
+	}, f));
+}
+//#endregion
+//#region src/menu/item/createMenuItem.ts
+function nt(e) {
+	let t = Symbol("menu-item"), [n, r] = J(null, { ownedWrite: !0 }), i = e.store.collection.register({
+		token: t,
+		element: n,
+		label: e.label
+	}), a = q(() => e.store.collection.indexOf(t)), o = q(() => e.store.isItemActive(n()));
+	return X(i), {
+		element: n,
+		setElement(t) {
+			r(t), e.store.collection.touch();
+		},
+		index: a,
+		highlighted: o,
+		onFocus(t) {
+			Z(() => e.store.setActiveElement(t.currentTarget));
+		},
+		onBlur(t) {
+			Z(() => {
+				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 || !rt() && t.button === 2) return;
+			}
+			!e.submenu && e.store.allowMouseUpTrigger && (!n || t.button === 2) && it(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(), it(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 rt() {
+	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 it(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 at(e) {
+	(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.preventBaseUIHandler());
+}
+//#endregion
+//#region src/menu/item/MenuItem.tsx
+var ot = /* @__PURE__ */ W("<div>");
+function st(n) {
+	let r = $(), i = n, a = n, o = q(() => i.nativeButton ?? !1), s = q(() => !!(i.disabled || r.store.disabled())), u = q(() => i.closeOnClick ?? !0), d = nt({
+		store: r.store,
+		label: () => i.label
+	}), m = q(() => ({
+		disabled: s(),
+		highlighted: d.highlighted()
+	})), h = q(() => c(n.class, m())), g = q(() => l(n.style, m())), _ = q(() => t(m())), v = Y(a, "render", "class", "closeOnClick", "disabled", "id", "label", "nativeButton", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style"), y = f(p(() => Z(() => s() ? L : void 0)), p(() => i.onClick), (e) => {
+		u() && d.close(e);
+	}), b = f(p(() => Z(() => s() ? at : void 0)), p(() => i.onKeyDown), (e) => d.onKeyDown(e, o())), x = f(p(() => Z(() => s() ? I : void 0)), p(() => i.onKeyUp), (e) => d.onKeyUp(e, o())), S = f(p(() => i.onMouseMove), p(() => d.onMouseMove)), C = f(p(() => i.onMouseUp), p(() => d.onMouseUp)), w = f(p(() => i.onFocus), p(() => d.onFocus)), T = f(p(() => i.onBlur), p(() => d.onBlur)), E = e(n, () => m(), (e) => (() => {
+		var t = z(ot);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(E, V({
+		ref: [((e) => d.setElement(e)), i.ref],
+		get id() {
+			return i.id;
+		},
+		get type() {
+			return o() ? "button" : void 0;
+		},
+		role: "menuitem",
+		get tabIndex() {
+			return r.store.open() && d.highlighted() ? 0 : -1;
+		},
+		get "aria-disabled"() {
+			return s() ? "true" : void 0;
+		},
+		get class() {
+			return h();
+		},
+		get style() {
+			return g();
+		},
+		onClick: y,
+		onFocus: w,
+		onBlur: T,
+		onKeyDown: b,
+		onKeyUp: x,
+		onMouseMove: S,
+		onMouseUp: C
+	}, _, v));
+}
+//#endregion
+//#region src/menu/checkbox-item/MenuCheckboxItemContext.ts
+var ct = Symbol("MenuCheckboxItemContext"), lt = G(ct);
+function ut() {
+	let e = Q(lt);
+	if (e === ct) throw Error("Base UI: <Menu.CheckboxItemIndicator> must be placed within <Menu.CheckboxItem>.");
+	return e;
+}
+//#endregion
+//#region src/menu/checkbox-item/MenuCheckboxItem.tsx
+var dt = /* @__PURE__ */ W("<div>");
+function ft(n) {
+	let r = $(), i = n, a = n, o = Z(() => i.checked !== void 0), [d, m] = J(Z(() => i.defaultChecked ?? !1), { ownedWrite: !0 }), h = q(() => o ? !!i.checked : d()), g = q(() => i.nativeButton ?? !1), _ = q(() => !!(i.disabled || r.store.disabled())), v = q(() => i.closeOnClick ?? !1), y = nt({
+		store: r.store,
+		label: () => i.label
+	}), b = q(() => ({
+		disabled: _(),
+		highlighted: y.highlighted(),
+		checked: h()
+	})), x = q(() => c(n.class, b())), S = q(() => l(n.style, b())), C = q(() => t(b(), Ie)), w = Y(a, "render", "checked", "class", "closeOnClick", "defaultChecked", "disabled", "id", "label", "nativeButton", "onBlur", "onCheckedChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style");
+	function T(e) {
+		let t = !h(), n = u(s, e, void 0, { preventUnmountOnClose() {} });
+		i.onCheckedChange?.(t, n), !n.isCanceled && !o && m(t);
+	}
+	let E = f(p(() => Z(() => _() ? L : void 0)), p(() => i.onClick), T, (e) => {
+		v() && y.close(e);
+	}), D = f(p(() => Z(() => _() ? at : void 0)), p(() => i.onKeyDown), (e) => y.onKeyDown(e, g())), O = f(p(() => Z(() => _() ? I : void 0)), p(() => i.onKeyUp), (e) => y.onKeyUp(e, g())), k = f(p(() => i.onFocus), p(() => y.onFocus)), A = f(p(() => i.onBlur), p(() => y.onBlur)), ee = f(p(() => i.onMouseMove), p(() => y.onMouseMove)), j = f(p(() => i.onMouseUp), p(() => y.onMouseUp)), M = e(n, () => b(), (e) => (() => {
+		var t = z(dt);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(lt, {
+		value: b,
+		get children() {
+			return R(M, V({
+				ref: [((e) => y.setElement(e)), i.ref],
+				get id() {
+					return i.id;
+				},
+				get type() {
+					return g() ? "button" : void 0;
+				},
+				role: "menuitemcheckbox",
+				get tabIndex() {
+					return r.store.open() && y.highlighted() ? 0 : -1;
+				},
+				get "aria-checked"() {
+					return h() ? "true" : "false";
+				},
+				get "aria-disabled"() {
+					return _() ? "true" : void 0;
+				},
+				get class() {
+					return x();
+				},
+				get style() {
+					return S();
+				},
+				onClick: E,
+				onFocus: k,
+				onBlur: A,
+				onKeyDown: D,
+				onKeyUp: O,
+				onMouseMove: ee,
+				onMouseUp: j
+			}, C, w));
+		}
+	});
+}
+//#endregion
+//#region src/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.tsx
+var pt = /* @__PURE__ */ W("<span>");
+function mt(n) {
+	let r = ut(), i = n, a = n, o = j(() => r().checked), s = q(() => (i.keepMounted ?? !1) || o.mounted()), u = q(() => ({
+		...r(),
+		transitionStatus: o.transitionStatus()
+	})), f = q(() => c(n.class, u())), p = q(() => l(n.style, u())), h = q(() => t(u(), {
+		...Ie,
+		...d
+	})), g = Y(a, "render", "class", "keepMounted", "ref", "style"), _, v = !1;
+	K(() => ({
+		checked: r().checked,
+		status: o.transitionStatus(),
+		element: _
+	}), (e) => {
+		if (v = e.checked, e.checked || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return m(e.element, () => {
+			v || o.setMounted(!1);
+		}, t.signal), () => t.abort();
+	});
+	let y = e(n, () => u(), (e) => (() => {
+		var t = z(pt);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(ue, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return R(y, V({
+				ref: [((e) => _ = e), i.ref],
+				"aria-hidden": "true",
+				get class() {
+					return f();
+				},
+				get style() {
+					return p();
+				}
+			}, h, g));
+		}
+	});
+}
+//#endregion
+//#region src/menu/link-item/MenuLinkItem.tsx
+var ht = /* @__PURE__ */ W("<a>");
+function gt(n) {
+	let r = $(), i = n, a = n, o = q(() => i.closeOnClick ?? !1), s = q(() => r.store.disabled()), u = nt({
+		store: r.store,
+		label: () => i.label
+	}), d = q(() => ({ highlighted: u.highlighted() })), m = q(() => c(n.class, d())), h = q(() => l(n.style, d())), g = q(() => t(d())), _ = Y(a, "render", "class", "closeOnClick", "id", "label", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style"), v = f(p(() => Z(() => s() ? L : void 0)), p(() => i.onClick), (e) => {
+		o() && u.close(e);
+	}), y = f(p(() => Z(() => s() ? at : void 0)), p(() => i.onKeyDown), (e) => u.onKeyDown(e, !1)), b = f(p(() => Z(() => s() ? I : void 0)), p(() => i.onKeyUp), (e) => u.onKeyUp(e, !1)), x = f(p(() => i.onMouseMove), p(() => u.onMouseMove)), S = f(p(() => i.onMouseUp), p(() => u.onMouseUp)), C = f(p(() => i.onFocus), p(() => u.onFocus)), w = f(p(() => i.onBlur), p(() => u.onBlur)), T = e(n, () => d(), (e) => (() => {
+		var t = z(ht);
+		return ce(t), U(t, e, !1), H(), t;
+	})());
+	return R(T, V({
+		ref: [((e) => u.setElement(e)), i.ref],
+		get id() {
+			return i.id;
+		},
+		role: "menuitem",
+		get tabIndex() {
+			return r.store.open() && u.highlighted() ? 0 : -1;
+		},
+		get class() {
+			return m();
+		},
+		get style() {
+			return h();
+		},
+		onClick: v,
+		onFocus: C,
+		onBlur: w,
+		onKeyDown: y,
+		onKeyUp: b,
+		onMouseMove: x,
+		onMouseUp: S
+	}, g, _));
+}
+//#endregion
+//#region src/menu/radio-group/MenuRadioGroupContext.ts
+var _t = Symbol("MenuRadioGroupContext"), vt = G(_t);
+function yt() {
+	let e = Q(vt);
+	if (e === _t) throw Error("Base UI: <Menu.RadioItem> must be placed within <Menu.RadioGroup>.");
+	return e;
+}
+//#endregion
+//#region src/menu/radio-group/MenuRadioGroup.tsx
+var bt = /* @__PURE__ */ W("<div>");
+function xt(n) {
+	let r = n, i = n, a = Z(() => r.value !== void 0), [o, s] = J(Z(() => r.defaultValue), { ownedWrite: !0 }), [u, d] = J(), f = q(() => a ? r.value : o()), p = q(() => r.disabled ?? !1), m = q(() => ({ disabled: p() })), h = q(() => c(n.class, m())), g = q(() => l(n.style, m())), _ = q(() => t(m())), v = Y(i, "aria-labelledby", "render", "class", "defaultValue", "disabled", "onValueChange", "ref", "style", "value"), y = {
+		labelId: u,
+		setLabelId: d
+	}, b = {
+		value: f,
+		disabled: p,
+		setValue(e, t) {
+			r.onValueChange?.(e, t), !t.isCanceled && !a && s(() => e);
+		}
+	}, x = e(n, () => m(), (e) => (() => {
+		var t = z(bt);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(Xe, {
+		value: y,
+		get children() {
+			return R(vt, {
+				value: b,
+				get children() {
+					return R(x, V({
+						ref: [r.ref],
+						role: "group",
+						get "aria-labelledby"() {
+							return r["aria-labelledby"] ?? u();
+						},
+						get "aria-disabled"() {
+							return p() ? "true" : void 0;
+						},
+						get class() {
+							return h();
+						},
+						get style() {
+							return g();
+						}
+					}, _, v));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/menu/radio-item/MenuRadioItemContext.ts
+var St = Symbol("MenuRadioItemContext"), Ct = G(St);
+function wt() {
+	let e = Q(Ct);
+	if (e === St) throw Error("Base UI: <Menu.RadioItemIndicator> must be placed within <Menu.RadioItem>.");
+	return e;
+}
+//#endregion
+//#region src/menu/radio-item/MenuRadioItem.tsx
+var Tt = /* @__PURE__ */ W("<div>");
+function Et(n) {
+	let r = $(), i = yt(), a = n, o = n, d = q(() => a.nativeButton ?? !1), m = q(() => !!(a.disabled || i.disabled() || r.store.disabled())), h = q(() => a.closeOnClick ?? !1), g = q(() => i.value() === a.value), _ = nt({
+		store: r.store,
+		label: () => a.label
+	}), v = q(() => ({
+		disabled: m(),
+		highlighted: _.highlighted(),
+		checked: g()
+	})), y = q(() => c(n.class, v())), b = q(() => l(n.style, v())), x = q(() => t(v(), Ie)), S = Y(o, "render", "class", "closeOnClick", "disabled", "id", "label", "nativeButton", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style", "value");
+	function C(e) {
+		let t = u(s, e, void 0, { preventUnmountOnClose() {} });
+		i.setValue(a.value, t);
+	}
+	let w = f(p(() => Z(() => m() ? L : void 0)), p(() => a.onClick), C, (e) => {
+		h() && _.close(e);
+	}), T = f(p(() => Z(() => m() ? at : void 0)), p(() => a.onKeyDown), (e) => _.onKeyDown(e, d())), E = f(p(() => Z(() => m() ? I : void 0)), p(() => a.onKeyUp), (e) => _.onKeyUp(e, d())), D = f(p(() => a.onFocus), p(() => _.onFocus)), O = f(p(() => a.onBlur), p(() => _.onBlur)), k = f(p(() => a.onMouseMove), p(() => _.onMouseMove)), A = f(p(() => a.onMouseUp), p(() => _.onMouseUp)), ee = e(n, () => v(), (e) => (() => {
+		var t = z(Tt);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(Ct, {
+		value: v,
+		get children() {
+			return R(ee, V({
+				ref: [((e) => _.setElement(e)), a.ref],
+				get id() {
+					return a.id;
+				},
+				get type() {
+					return d() ? "button" : void 0;
+				},
+				role: "menuitemradio",
+				get tabIndex() {
+					return r.store.open() && _.highlighted() ? 0 : -1;
+				},
+				get "aria-checked"() {
+					return g() ? "true" : "false";
+				},
+				get "aria-disabled"() {
+					return m() ? "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/radio-item-indicator/MenuRadioItemIndicator.tsx
+var Dt = /* @__PURE__ */ W("<span>");
+function Ot(n) {
+	let r = wt(), i = n, a = n, o = j(() => r().checked), s = q(() => (i.keepMounted ?? !1) || o.mounted()), u = q(() => ({
+		...r(),
+		transitionStatus: o.transitionStatus()
+	})), f = q(() => c(n.class, u())), p = q(() => l(n.style, u())), h = q(() => t(u(), {
+		...Ie,
+		...d
+	})), g = Y(a, "render", "class", "keepMounted", "ref", "style"), _, v = !1;
+	K(() => ({
+		checked: r().checked,
+		status: o.transitionStatus(),
+		element: _
+	}), (e) => {
+		if (v = e.checked, e.checked || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return m(e.element, () => {
+			v || o.setMounted(!1);
+		}, t.signal), () => t.abort();
+	});
+	let y = e(n, () => u(), (e) => (() => {
+		var t = z(Dt);
+		return U(t, e, !1), H(), t;
+	})());
+	return R(ue, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return R(y, V({
+				ref: [((e) => _ = e), i.ref],
+				"aria-hidden": "true",
+				get class() {
+					return f();
+				},
+				get style() {
+					return p();
+				}
+			}, h, g));
+		}
+	});
+}
+//#endregion
+//#region src/menu/submenu-root/MenuSubmenuRoot.tsx
+function kt(e) {
+	let t = $();
+	return R(ye, {
+		get value() {
+			return { parentStore: t.store };
+		},
+		get children() {
+			return R(Ce, e);
+		}
+	});
+}
+//#endregion
+//#region src/menu/submenu-trigger/MenuSubmenuTrigger.tsx
+var At = /* @__PURE__ */ W("<div>");
+function jt(i) {
+	let a = be(), o = $(), s = a.parentStore, d = i, m = i, h = q(() => d.id || `base-ui-${o.node.id}-trigger`), g = q(() => d.nativeButton ?? !1), _ = q(() => d.openOnHover ?? !0), v = q(() => d.delay ?? 100), y = q(() => d.closeDelay ?? 0), b = q(() => !!(d.disabled || o.store.disabled() || s.disabled())), x = nt({
+		store: s,
+		label: () => d.label,
+		submenu: !0
+	}), S = q(() => o.store.open()), C = q(() => ({
+		disabled: b(),
+		highlighted: x.highlighted(),
+		open: S()
+	})), w = q(() => c(i.class, C())), T = q(() => l(i.style, C())), D = q(() => t(C(), M)), O = q(() => S() && Mt() && (o.store.openChangeReason() === "list-navigation" || o.store.openMethod() === "keyboard")), k = Y(m, "render", "class", "closeDelay", "delay", "disabled", "id", "label", "nativeButton", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseMove", "onMouseUp", "onMouseEnter", "openOnHover", "ref", "style");
+	E(() => o.store, h, x.element, () => ({ closeDelay: y() }));
+	let j = !1;
+	function N(e, t, n) {
+		let r = x.element();
+		!r || b() || (o.store.setOpenMethod(t instanceof KeyboardEvent || t.detail === 0 ? "keyboard" : "mouse"), o.store.setPendingFocus(e ? "first" : null), o.store.setOpen(e, u(n, t, r)));
+	}
+	function P(e) {
+		let t = s.orientation() === "vertical" ? s.direction() === "rtl" ? "ArrowLeft" : "ArrowRight" : "ArrowDown";
+		if (e.key === t) {
+			e.preventDefault(), e.stopPropagation(), e.preventBaseUIHandler(), N(!0, e, r);
+			return;
+		}
+		x.onKeyDown(e, g());
+	}
+	let te = f(p(() => Z(() => b() ? L : void 0)), p(() => d.onClick), (e) => {
+		if (j) {
+			j = !1;
+			return;
+		}
+		(!_() || e.detail === 0) && N(_() ? !0 : !S(), e, n);
+	}), F = f(p(() => Z(() => b() ? L : void 0)), p(() => d.onMouseDown), (e) => {
+		!_() && e.button === 0 && (j = !0, N(!S(), e, n));
+	}), ne = f(p(() => Z(() => b() ? at : void 0)), p(() => d.onKeyDown), W, P), re = f(p(() => Z(() => b() ? I : void 0)), p(() => d.onKeyUp), (e) => x.onKeyUp(e, g())), ie = f(p(() => d.onMouseMove), p(() => x.onMouseMove)), ae = f(p(() => d.onMouseUp), p(() => x.onMouseUp)), oe = f(p(() => d.onFocus), p(() => x.onFocus)), se = f(p(() => d.onBlur), p(() => x.onBlur)), ce = f(p(() => d.onMouseEnter), () => {
+		s.highlightItemOnHover() && s.setActiveElement(x.element());
+	});
+	function W(e) {
+		let t = o.store.state.activeTriggerProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}
+	function le() {
+		return A({
+			context: o.store.context.floatingRoot,
+			reference: x.element,
+			floating: () => o.store.track().positionerElement,
+			tree: () => o.store.tree(),
+			enabled: () => o.store.hoverEnabled() && _() && !b(),
+			delay: () => ({
+				open: v(),
+				close: y()
+			}),
+			restMs: v,
+			handleClose: () => ee({ blockPointerEvents: !0 }),
+			mouseOnly: () => !0,
+			shouldOpen: () => v() === 0 || s.allowMouseEnter(),
+			blockPointerEventsScope: () => s.track().popupElement,
+			guardStaleOpen: () => !0
+		}), null;
+	}
+	let ue = e(i, () => C(), (e) => (() => {
+		var t = z(At);
+		return U(t, e, !1), H(), t;
+	})());
+	return [R(le, {}), R(ue, V({
+		ref: [((e) => {
+			x.setElement(e);
+		}), d.ref],
+		get id() {
+			return h();
+		},
+		get type() {
+			return g() ? "button" : void 0;
+		},
+		role: "menuitem",
+		get tabIndex() {
+			return S() || x.highlighted() ? 0 : -1;
+		},
+		"aria-haspopup": "menu",
+		get "aria-expanded"() {
+			return B(() => !!O())() ? void 0 : S() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return o.store.triggerPopupId(h());
+		},
+		get "aria-disabled"() {
+			return b() ? "true" : void 0;
+		},
+		get class() {
+			return w();
+		},
+		get style() {
+			return T();
+		},
+		onClick: te,
+		onFocus: oe,
+		onBlur: se,
+		onKeyDown: ne,
+		onKeyUp: re,
+		onMouseEnter: ce,
+		onMouseDown: F,
+		onMouseMove: ie,
+		onMouseUp: ae
+	}, D, k))];
+}
+function Mt() {
+	return typeof navigator > "u" ? !1 : /Mac|iPhone|iPad|iPod/i.test(`${navigator.platform} ${navigator.userAgent}`);
+}
+//#endregion
+export { $ as C, me as E, Se as S, pe as T, Ne as _, xt as a, we as b, ft as c, tt as d, $e as f, ze as g, Ve as h, Et as i, st as l, Ge as m, kt as n, gt as o, Je as p, Ot as r, mt as s, jt as t, it as u, Ae as v, _e as w, Ce as x, Ee as y };