@slotted/react 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/menu-parts-DS9JEUCt.js

@@ -0,0 +1,805 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+/* empty css                   */
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { a as r } from "./kbd-defaults-CDgRhiep.js";
+import { keyedProps as i, selectorKeyProps as a, withSelectorKey as o } from "@slotted/core/selector-key";
+import { createArrowNavigation as s, tabbables as c } from "@slotted/core/focus";
+import { createControllable as l } from "@slotted/core/state";
+import { createContext as u, useCallback as d, useContext as f, useEffect as p, useId as m, useImperativeHandle as h, useLayoutEffect as g, useRef as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { createPresence as S } from "@slotted/core/presence";
+import { createPortalRoot as C, setPortalContainer as w } from "@slotted/core/portal";
+import { createDismissableLayer as T } from "@slotted/core/dismissable-layer";
+import { createPointerIntent as E } from "@slotted/core/pointer-intent";
+import { createPositioner as D, submenuOffsets as ee } from "@slotted/core/positioner";
+import { createTypeahead as O, isPrintable as te } from "@slotted/core/typeahead";
+import { createPortal as ne } from "react-dom";
+import { keysMessages as k } from "@slotted/core/i18n";
+import { canonicalKey as A, parseShortcut as j, resolveShortcut as re } from "@slotted/core/keys";
+//#region src/menu/menu-defaults.tsx
+var ie = {
+	align: "start",
+	alignOffset: 0,
+	closeOnEscape: !0,
+	closeOnOutsidePress: !0,
+	closeOnSelect: !0,
+	collisionPadding: 8,
+	disabled: !1,
+	flip: !0,
+	hideWhenDetached: !0,
+	loop: !0,
+	mount: "active",
+	openOnHover: !0,
+	portal: !0,
+	shift: !0,
+	side: "bottom",
+	sideOffset: 0,
+	size: "md",
+	strategy: "absolute",
+	submenuCloseDelay: 300,
+	submenuOpenDelay: 150,
+	typeahead: !0,
+	typeaheadTimeout: 500,
+	width: "content"
+}, ae = u(ie);
+function M() {
+	return f(ae);
+}
+function N({ children: e, container: t, ...n }) {
+	let r = M(), i = _(null);
+	p(() => {
+		if (t !== void 0) return i.current = t, w(t), () => w(null);
+	}, [t]);
+	let a = {
+		align: n.align ?? r.align,
+		alignOffset: n.alignOffset ?? r.alignOffset,
+		closeOnEscape: n.closeOnEscape ?? r.closeOnEscape,
+		closeOnOutsidePress: n.closeOnOutsidePress ?? r.closeOnOutsidePress,
+		closeOnSelect: n.closeOnSelect ?? r.closeOnSelect,
+		collisionPadding: n.collisionPadding ?? r.collisionPadding,
+		disabled: n.disabled ?? r.disabled,
+		flip: n.flip ?? r.flip,
+		hideWhenDetached: n.hideWhenDetached ?? r.hideWhenDetached,
+		loop: n.loop ?? r.loop,
+		mount: n.mount ?? r.mount,
+		openOnHover: n.openOnHover ?? r.openOnHover,
+		portal: n.portal ?? r.portal,
+		shift: n.shift ?? r.shift,
+		side: n.side ?? r.side,
+		sideOffset: n.sideOffset ?? r.sideOffset,
+		size: n.size ?? r.size,
+		strategy: n.strategy ?? r.strategy,
+		submenuCloseDelay: n.submenuCloseDelay ?? r.submenuCloseDelay,
+		submenuOpenDelay: n.submenuOpenDelay ?? r.submenuOpenDelay,
+		typeahead: n.typeahead ?? r.typeahead,
+		typeaheadTimeout: n.typeaheadTimeout ?? r.typeaheadTimeout,
+		width: n.width ?? r.width
+	};
+	return /* @__PURE__ */ b(ae.Provider, {
+		value: a,
+		children: e
+	});
+}
+//#endregion
+//#region src/menu/menu.tsx
+var P = u(void 0), F = u(null), I = u(null), L = F.Provider, R = I.Provider;
+function z() {
+	return f(F);
+}
+function oe() {
+	return f(I);
+}
+function B() {
+	let e = f(P);
+	if (e === void 0) throw Error("MenuTrigger, MenuContent and every item have to be inside a Menu.");
+	return e;
+}
+function se(e, t) {
+	return e === void 0 ? null : typeof e == "string" ? t?.querySelector(e) ?? null : e instanceof Element ? e : e.current ?? null;
+}
+function ce({ align: e, alignOffset: t, anchor: n, children: r, closeOnEscape: i, closeOnOutsidePress: a, closeOnSelect: o, collisionPadding: s, defaultOpen: c, disabled: u, finalFocus: f, flip: p, hideWhenDetached: g, loop: y, mount: x, onOpenChange: S, open: C, openOnHover: w, portal: T, ref: E, shift: D, side: ee, sideOffset: O, size: te, strategy: ne, submenuCloseDelay: k, submenuOpenDelay: A, typeahead: j, typeaheadTimeout: re, value: ie, width: ae }) {
+	let N = M(), F = z(), I = oe(), L = F === null && I !== null, R = m(), B = ie ?? R, ce = `${R}menu`, V = `${R}trigger`, [H, le] = v(c ?? !1), [U, W] = v(null), [G, K] = v(null), q = u ?? N.disabled, J = (L ? I?.value === B : C ?? H) && !q, Y = _(J);
+	J && (Y.current = !0);
+	let ue = _("first"), X = _({
+		contentNode: G,
+		current: J,
+		finalFocus: f,
+		identity: B,
+		menubar: I,
+		onBar: L,
+		onOpenChange: S,
+		open: C,
+		parent: F,
+		triggerNode: U
+	});
+	X.current = {
+		contentNode: G,
+		current: J,
+		finalFocus: f,
+		identity: B,
+		menubar: I,
+		onBar: L,
+		onOpenChange: S,
+		open: C,
+		parent: F,
+		triggerNode: U
+	};
+	let Z = d((e, t, n) => {
+		let r = X.current;
+		if (e === r.current) return;
+		let i = !1, a = l({
+			controlled: r.onBar ? void 0 : r.open,
+			initial: r.current,
+			onRequest: (e) => {
+				i = e.cancelled, r.onOpenChange?.(e.value, e);
+			}
+		}).request(e, t, n);
+		i || (r.onBar && r.menubar !== null ? e ? r.menubar.open(r.identity, t, n) : r.menubar.close(t, n) : a && le(e), !e && t !== "outsidePress" && t !== "programmatic" && (se(r.finalFocus, r.contentNode) ?? r.triggerNode)?.focus({ preventScroll: !0 }));
+	}, []);
+	h(E, () => ({
+		close: () => Z(!1, "programmatic"),
+		open: () => Z(!0, "programmatic"),
+		focus: () => X.current.triggerNode?.focus({ preventScroll: !0 })
+	}), [Z]);
+	let Q = F === null ? L && I?.orientation === "vertical" ? "inline-end" : void 0 : "inline-end", de = {
+		align: e ?? (F === null ? N.align : "start"),
+		alignOffset: t ?? N.alignOffset,
+		anchor: n ?? null,
+		closeOnEscape: i ?? N.closeOnEscape,
+		closeOnOutsidePress: a ?? N.closeOnOutsidePress,
+		closeOnSelect: o ?? N.closeOnSelect,
+		collisionPadding: s ?? N.collisionPadding,
+		contentId: ce,
+		contentNode: G,
+		disabled: q || L && (I?.disabled ?? !1),
+		entry: ue,
+		flip: p ?? N.flip,
+		hideWhenDetached: g ?? N.hideWhenDetached,
+		identity: B,
+		loop: y ?? N.loop,
+		menubar: I,
+		mount: x ?? N.mount,
+		open: J,
+		openOnHover: w ?? N.openOnHover,
+		parent: F,
+		portal: T ?? N.portal,
+		seen: Y.current,
+		setContentNode: K,
+		setTriggerNode: W,
+		shift: D ?? N.shift,
+		side: ee ?? Q ?? N.side,
+		sideOffset: O ?? N.sideOffset,
+		onBar: L,
+		size: te ?? (L ? I?.size : void 0) ?? N.size,
+		strategy: ne ?? N.strategy,
+		submenuCloseDelay: k ?? N.submenuCloseDelay,
+		submenuOpenDelay: A ?? N.submenuOpenDelay,
+		toggle: Z,
+		triggerId: V,
+		triggerNode: U,
+		typeahead: j ?? N.typeahead,
+		typeaheadTimeout: re ?? N.typeaheadTimeout,
+		width: F === null ? ae ?? N.width : "content"
+	};
+	return /* @__PURE__ */ b(P.Provider, {
+		value: de,
+		children: r
+	});
+}
+//#endregion
+//#region src/menu/menu-items.tsx
+function V(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+var H = {
+	alt: "Alt",
+	ctrl: "Control",
+	meta: "Meta",
+	shift: "Shift"
+};
+function le(e, t) {
+	let n = j(e);
+	if (n.length === 1) return n[0]?.map((e) => {
+		let n = A(e);
+		if (n === "mod") return t === "mac" ? "Meta" : "Control";
+		if (n !== void 0 && n in H) return H[n];
+		let r = n ?? e;
+		return r.length === 1 ? r.toUpperCase() : `${r[0]?.toUpperCase()}${r.slice(1)}`;
+	}).join("+");
+}
+function U(e, t, n) {
+	let r = re(e, {
+		platform: t,
+		t: n
+	});
+	return r.steps.map((e) => e.map((e) => e.legend).join(r.separator)).join(` ${r.thenLabel} `);
+}
+function W({ children: e, ...t }) {
+	return /* @__PURE__ */ b("span", {
+		...o(t, "part", "icon"),
+		children: e
+	});
+}
+function G({ children: e, ...t }) {
+	return /* @__PURE__ */ b("span", {
+		...o(t, "part", "label"),
+		children: e
+	});
+}
+function K({ children: e, ...t }) {
+	return /* @__PURE__ */ b("span", {
+		...o(t, "part", "description"),
+		children: e
+	});
+}
+function q({ children: e, ...t }) {
+	return /* @__PURE__ */ b("span", {
+		...o(t, "part", "meta"),
+		children: e
+	});
+}
+function J({ children: e, keys: t, ...i }) {
+	let a = r(void 0), s = n(k);
+	return /* @__PURE__ */ b("span", {
+		...i,
+		...o(t === void 0 ? {} : { "aria-hidden": !0 }, "part", "shortcut"),
+		children: t === void 0 ? e : U(t, a, s)
+	});
+}
+function Y({ checked: e, children: t, closeOnSelect: n, closesByDefault: a, commit: o, description: s, disabled: c, icon: l, indicator: u, meta: d, onSelect: f, ref: p, render: h, role: g = "menuitem", shortcut: _, textValue: v, tone: S, ...C }) {
+	let w = B(), T = z(), E = r(void 0), D = `${m()}description`, ee = (e, t) => {
+		if (c === !0) return;
+		o?.(e, t);
+		let r = !1;
+		f?.({
+			reason: e,
+			source: t,
+			get defaultPrevented() {
+				return r;
+			},
+			preventDefault: () => {
+				r = !0;
+			}
+		}), !r && (n ?? a ?? w.closeOnSelect) && T?.closeAll("select", t);
+	}, O = (e) => {
+		ee(e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
+	}, te = (e) => {
+		if (e.key === " " && g !== "menuitem") {
+			if (e.preventDefault(), c === !0) return;
+			o?.("keyboard", e.nativeEvent), f?.({
+				reason: "keyboard",
+				source: e.nativeEvent,
+				defaultPrevented: !0,
+				preventDefault: () => void 0
+			});
+		}
+	}, ne = (e) => {
+		let t = e.currentTarget;
+		t.ownerDocument.activeElement !== t && t.focus({ preventScroll: !0 });
+	}, k = (e) => {
+		let t = e.currentTarget;
+		t.ownerDocument.activeElement === t && T?.openItem !== t && T?.node?.focus({ preventScroll: !0 });
+	}, A = i({
+		...C,
+		children: /* @__PURE__ */ x(y, { children: [
+			u,
+			l === void 0 ? null : /* @__PURE__ */ b(W, { children: l }),
+			/* @__PURE__ */ b(G, { children: t }),
+			s === void 0 ? null : /* @__PURE__ */ b(K, {
+				id: D,
+				children: s
+			}),
+			d === void 0 ? null : /* @__PURE__ */ b(q, { children: d }),
+			_ === void 0 ? null : /* @__PURE__ */ b(J, { keys: _ })
+		] }),
+		...e === void 0 ? {} : { "aria-checked": e },
+		...s === void 0 ? {} : { "aria-describedby": D },
+		...e ? { "data-checked": "" } : {},
+		...c === !0 ? {
+			"aria-disabled": !0,
+			"data-disabled": ""
+		} : {},
+		..._ === void 0 ? {} : { "aria-keyshortcuts": le(_, E) },
+		...v === void 0 ? {} : { "data-text-value": v },
+		...S === void 0 ? {} : { "data-tone": S },
+		"data-part": "item",
+		onClick: V(C.onClick, O),
+		onKeyDown: V(C.onKeyDown, te),
+		onPointerLeave: V(C.onPointerLeave, k),
+		onPointerMove: V(C.onPointerMove, ne),
+		role: g,
+		tabIndex: -1
+	}), j = (e) => {
+		typeof p == "function" ? p(e) : p != null && (p.current = e);
+	};
+	return h === void 0 ? /* @__PURE__ */ b("button", {
+		type: "button",
+		...A,
+		ref: p
+	}) : h({
+		...A,
+		ref: j
+	});
+}
+function ue(e) {
+	return /* @__PURE__ */ b(Y, { ...e });
+}
+function X({ checked: e, defaultChecked: t, onCheckedChange: n, ...r }) {
+	let [i, a] = v(t ?? !1), o = e ?? i, s = (t, r) => {
+		l({
+			controlled: e,
+			initial: o,
+			onRequest: (e) => n?.(e.value, e)
+		}).request(!o, t, r) && a(!o);
+	};
+	return /* @__PURE__ */ b(Y, {
+		...r,
+		checked: o,
+		closesByDefault: !1,
+		commit: s,
+		indicator: /* @__PURE__ */ b(Z, { glyph: "check" }),
+		role: "menuitemcheckbox"
+	});
+}
+function Z({ glyph: n }) {
+	return /* @__PURE__ */ b("span", {
+		"data-part": "indicator",
+		"data-part-indicator": "",
+		children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: n }) })
+	});
+}
+var Q = u(null);
+function de({ children: e, defaultValue: t, onValueChange: n, value: r, ...i }) {
+	let [a, s] = v(t), c = r ?? a, u = d((e, t, i) => {
+		l({
+			controlled: r,
+			initial: c ?? "",
+			onRequest: (e) => n?.(e.value, e)
+		}).request(e, t, i) && s(e);
+	}, [
+		c,
+		n,
+		r
+	]);
+	return /* @__PURE__ */ b("div", {
+		...o(i, "part", "group"),
+		role: "group",
+		children: /* @__PURE__ */ b(Q.Provider, {
+			value: {
+				select: u,
+				value: c
+			},
+			children: e
+		})
+	});
+}
+function fe({ value: e, ...t }) {
+	let n = f(Q);
+	if (n === null) throw Error("MenuRadioItem has to be inside a MenuRadioGroup.");
+	return /* @__PURE__ */ b(Y, {
+		...t,
+		checked: n.value === e,
+		closesByDefault: !1,
+		commit: (t, r) => n.select(e, t, r),
+		indicator: /* @__PURE__ */ b(Z, { glyph: "dot" }),
+		role: "menuitemradio"
+	});
+}
+function pe({ children: e, label: t, ...n }) {
+	let r = `${m()}group`;
+	return /* @__PURE__ */ x("div", {
+		...n,
+		...o(t === void 0 ? {} : { "aria-labelledby": r }, "part", "group"),
+		role: "group",
+		children: [t === void 0 ? null : /* @__PURE__ */ b(me, {
+			id: r,
+			children: t
+		}), e]
+	});
+}
+function me({ children: e, ...t }) {
+	return /* @__PURE__ */ b("div", {
+		...o(t, "part", "group-label"),
+		children: e
+	});
+}
+function he({ children: e, id: t, ...n }) {
+	let r = z(), i = `${m()}header`, a = t ?? i, s = r?.setHeaderId;
+	return p(() => (s?.(a), () => s?.(null)), [a, s]), /* @__PURE__ */ b("div", {
+		...o(n, "part", "header"),
+		id: a,
+		children: e
+	});
+}
+function ge(e) {
+	return /* @__PURE__ */ b("hr", {
+		...o(e, "part", "separator"),
+		"aria-orientation": "horizontal",
+		role: "separator"
+	});
+}
+function _e({ children: e, ...t }) {
+	return /* @__PURE__ */ b("div", {
+		...o(t, "part", "empty"),
+		children: e
+	});
+}
+//#endregion
+//#region src/menu/menu-parts.tsx
+function $(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function ve(e, ...t) {
+	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+var ye = "[data-part='item']", be = (e) => e === null ? [] : [...e.querySelectorAll(ye)], xe = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "", Se = (e) => e.dataset.disabled === void 0;
+function Ce(e) {
+	e.focus({ preventScroll: !0 });
+	let t = e.closest("[data-part='content']");
+	if (t === null) return;
+	let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
+	r.top < n.top ? t.scrollTop -= n.top - r.top : r.bottom > n.bottom && (t.scrollTop += r.bottom - n.bottom);
+}
+function we(e, t) {
+	let n = be(e), r = n[t < 0 ? n.length + t : t];
+	r !== void 0 && Ce(r);
+}
+function Te(e, t) {
+	let n = be(e), r = t === "first" ? n : [...n].reverse(), i = r.find(Se) ?? r[0];
+	i !== void 0 && Ce(i);
+}
+var Ee = (e) => e !== null && getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr";
+function De(e, t) {
+	if (e === null) return;
+	let n = c(e.ownerDocument.body), r = n.indexOf(e);
+	if (r === -1) return void e.focus({ preventScroll: !0 });
+	(n[r + t] ?? e).focus({ preventScroll: !0 });
+}
+function Oe({ children: n, icon: r, meta: i, ref: o, render: s, ...c }) {
+	let l = B(), u = l.parent, f = l.onBar, m = l.menubar, [h, g] = v(null), S = _(void 0), C = _(null), w = _({
+		menu: l,
+		node: h
+	});
+	w.current = {
+		menu: l,
+		node: h
+	};
+	let T = d(() => {
+		S.current !== void 0 && clearTimeout(S.current), S.current = void 0, C.current?.destroy(), C.current = null;
+	}, []);
+	p(() => T, [T]), p(() => {
+		l.setTriggerNode(h);
+	}, [l, h]), p(() => {
+		if (f && m !== null) return m.register(l.identity, h), () => m.register(l.identity, null);
+	}, [
+		m,
+		l.identity,
+		h,
+		f
+	]);
+	let D = (e, t, n) => {
+		l.entry.current = t, l.toggle(!0, e, n);
+	}, ee = (e) => {
+		l.disabled || l.open && u !== null || (l.entry.current = "first", l.toggle(!l.open, "pointer", e.nativeEvent));
+	}, O = (e) => {
+		if (l.disabled) return;
+		let t = Ee(h) === "rtl" ? "ArrowLeft" : "ArrowRight", n = m?.orientation === "vertical", r = u === null && (!f || !n) && e.key === "ArrowDown", i = u === null && (!f || !n) && e.key === "ArrowUp", a = e.key === t && (u !== null || f && n);
+		if (r || a) {
+			e.preventDefault(), e.stopPropagation(), D("keyboard", "first", e.nativeEvent);
+			return;
+		}
+		if (i) {
+			e.preventDefault(), D("keyboard", "last", e.nativeEvent);
+			return;
+		}
+		u !== null && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), D("keyboard", "first", e.nativeEvent));
+	}, te = (e) => {
+		if (!l.disabled) {
+			if (T(), u !== null) {
+				if (u.setOpenItem(h), !l.openOnHover || l.open) return;
+				S.current = setTimeout(() => D("pointer", "first", e.nativeEvent), l.submenuOpenDelay);
+				return;
+			}
+			f && m !== null && m.value !== void 0 && m.value !== l.contentId && (h?.focus({ preventScroll: !0 }), D("pointer", "first", e.nativeEvent));
+		}
+	}, ne = (e) => {
+		if (S.current !== void 0 && (clearTimeout(S.current), S.current = void 0), u === null || !l.open) return;
+		let t = l.contentNode;
+		t !== null && (C.current?.destroy(), C.current = E({
+			target: () => t.getBoundingClientRect(),
+			origin: () => h?.getBoundingClientRect() ?? null,
+			timeout: l.submenuCloseDelay,
+			onSettled: () => {
+				let n = w.current;
+				n.node?.matches(":hover") || t.matches(":hover") || n.menu.toggle(!1, "pointer", e.nativeEvent);
+			}
+		}));
+	}, k = d((e) => {
+		g(e), ve(e, o);
+	}, [o]), A = u === null ? n : /* @__PURE__ */ x(y, { children: [
+		r === void 0 ? null : /* @__PURE__ */ b(W, { children: r }),
+		/* @__PURE__ */ b(G, { children: n }),
+		i === void 0 ? null : /* @__PURE__ */ b(q, { children: i }),
+		/* @__PURE__ */ b(t, {
+			directional: !0,
+			children: /* @__PURE__ */ b(e, { name: "chevron-right" })
+		})
+	] }), j = {
+		type: "button",
+		...c,
+		children: A,
+		"aria-controls": l.open ? l.contentId : void 0,
+		"aria-expanded": l.open,
+		"aria-haspopup": "menu",
+		id: l.triggerId,
+		...l.disabled ? {
+			"aria-disabled": !0,
+			"data-disabled": ""
+		} : {},
+		...l.open ? { "data-open": "" } : {},
+		...u === null ? f ? {
+			role: "menuitem",
+			"data-part": "trigger",
+			...a("part", "trigger")
+		} : {} : {
+			role: "menuitem",
+			"data-part": "item",
+			...a("part", "item"),
+			tabIndex: -1
+		},
+		onClick: $(c.onClick, ee),
+		onKeyDown: $(c.onKeyDown, O),
+		onPointerEnter: $(c.onPointerEnter, te),
+		onPointerLeave: $(c.onPointerLeave, ne)
+	};
+	return s === void 0 ? /* @__PURE__ */ b("button", {
+		...j,
+		ref: k
+	}) : s({
+		...j,
+		ref: k
+	});
+}
+function ke({ children: e, loading: t, ref: n, render: r, ...a }) {
+	let c = B(), l = c.parent, [u, f] = v(null), [m, h] = v(null), [y, x] = v(null), [w, E] = v("unmounted"), [k, A] = v(!1), [j, re] = v(null), [ie, ae] = v(null), M = _(null), N = _(null), P = _({
+		menu: c,
+		surfaceNode: m
+	});
+	P.current = {
+		menu: c,
+		surfaceNode: m
+	}, p(() => {
+		let e = S({
+			present: P.current.menu.open,
+			onStatusChange: E
+		});
+		return M.current = e, E(e.status), () => {
+			e.destroy(), M.current = null;
+		};
+	}, []), p(() => {
+		M.current?.sync(c.open);
+	}, [c.open]), p(() => {
+		M.current?.setNode(u);
+	}, [u]), p(() => {
+		c.setContentNode(m);
+	}, [c, m]);
+	let F = c.mount === "eager" || c.mount === "lazy" && c.seen || c.open || w !== "unmounted";
+	p(() => {
+		let e = c.triggerNode;
+		if (e === null || k) return;
+		let t = () => A(!0);
+		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
+			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
+		};
+	}, [c.triggerNode, k]);
+	let I = F || k;
+	g(() => {
+		if (!I) {
+			x(null);
+			return;
+		}
+		let e = C({
+			origin: c.triggerNode,
+			disabled: !c.portal
+		});
+		return x(e.container), () => e.release();
+	}, [
+		I,
+		c.portal,
+		c.triggerNode
+	]);
+	let { align: R, alignOffset: z, collisionPadding: oe, flip: se, hideWhenDetached: ce, shift: V, side: H, sideOffset: le, strategy: U } = c, W = c.anchor ?? c.triggerNode, G = _(null), K = _(0), q = d((e, t) => {
+		e.update().then(() => {
+			if (G.current !== e || !P.current.menu.open) return;
+			let n = t.hasAttribute("data-open");
+			t.setAttribute("data-open", "");
+			let r = t.ownerDocument.defaultView;
+			n || r === null || K.current !== 0 || (K.current = r.requestAnimationFrame(() => {
+				K.current = 0;
+				let { menu: e, surfaceNode: t } = P.current;
+				if (!e.open || t === null) return;
+				let n = e.onBar ? e.menubar : null, r = n === null ? e.entry.current : n.entry.current;
+				e.entry.current = "first", n !== null && (n.entry.current = "first"), r !== "trigger" && Te(t, r);
+			}));
+		});
+	}, []);
+	g(() => {
+		if (u === null || W === null) return;
+		let e = c.parent !== null && m !== null && c.triggerNode !== null ? ee({
+			parentSurface: c.parent.node,
+			item: c.triggerNode,
+			surface: m
+		}) : {
+			sideOffset: 0,
+			alignOffset: 0
+		}, t = D(W, u, {
+			align: R,
+			alignOffset: z + e.alignOffset,
+			boundaryPadding: oe,
+			flip: se,
+			hideWhenDetached: ce,
+			shift: V,
+			side: H,
+			sideOffset: le + e.sideOffset,
+			strategy: U
+		});
+		return G.current = t, P.current.menu.open && q(t, u), () => {
+			t.destroy(), G.current = null, u.removeAttribute("data-open");
+		};
+	}, [
+		R,
+		z,
+		W,
+		oe,
+		se,
+		ce,
+		u,
+		c.parent,
+		c.triggerNode,
+		V,
+		H,
+		le,
+		U,
+		m,
+		q
+	]), g(() => {
+		let e = G.current;
+		if (e !== null && u !== null) {
+			if (c.open) {
+				q(e, u);
+				return;
+			}
+			u.removeAttribute("data-open"), K.current !== 0 && (u.ownerDocument.defaultView?.cancelAnimationFrame(K.current), K.current = 0);
+		}
+	}, [
+		u,
+		c.open,
+		q
+	]), p(() => {
+		if (u === null || !c.open) return;
+		let e = [c.triggerNode, l?.node ?? null].filter((e) => e !== null), t = T(u, {
+			branches: e,
+			escape: c.closeOnEscape,
+			focusOutside: !1,
+			modal: !1,
+			outsidePress: c.closeOnOutsidePress,
+			scrollLock: !1,
+			onDismiss: (e) => {
+				let t = e.reason === "escape" ? "escape" : "outsidePress";
+				P.current.menu.toggle(!1, t, e.source), t === "outsidePress" && l?.closeAll("outsidePress", e.source);
+			}
+		});
+		return () => t.destroy();
+	}, [
+		u,
+		c.closeOnEscape,
+		c.closeOnOutsidePress,
+		c.open,
+		c.triggerNode,
+		l
+	]), p(() => {
+		if (m === null) return;
+		let e = s(m, {
+			focus: Ce,
+			includeAriaDisabled: !0,
+			itemSelector: ye,
+			loop: () => P.current.menu.loop,
+			orientation: () => "vertical"
+		});
+		return () => e.destroy();
+	}, [m]), p(() => {
+		if (!c.typeahead) return;
+		let e = O({ timeout: c.typeaheadTimeout });
+		return N.current = e, () => {
+			e.destroy(), N.current = null;
+		};
+	}, [c.typeahead, c.typeaheadTimeout]), p(() => {
+		c.open || (re(null), N.current?.reset());
+	}, [c.open]);
+	let J = d((e, t) => {
+		P.current.menu.toggle(!1, e, t), l?.closeAll(e, t);
+	}, [l]), Y = {
+		close: (e, t) => c.toggle(!1, e, t),
+		closeAll: J,
+		depth: (l?.depth ?? -1) + 1,
+		focusItem: (e) => we(m, e),
+		node: m,
+		openItem: j,
+		rootTrigger: l?.rootTrigger ?? c.triggerNode,
+		setHeaderId: ae,
+		setOpenItem: re
+	}, ue = [a["aria-describedby"], ie].filter(Boolean).join(" ") || void 0, X = (e) => {
+		let t = Ee(m), n = t === "rtl" ? "ArrowRight" : "ArrowLeft", r = t === "rtl" ? "ArrowLeft" : "ArrowRight", i = c.menubar;
+		if (e.key === "Tab") {
+			e.preventDefault();
+			let t = Y.rootTrigger;
+			J("dismiss", e.nativeEvent), i?.close("dismiss", e.nativeEvent), De(t, e.shiftKey ? -1 : 1);
+			return;
+		}
+		if (e.key === n) {
+			if (l !== null) {
+				e.preventDefault(), c.toggle(!1, "keyboard", e.nativeEvent);
+				return;
+			}
+			if (i !== null) {
+				e.preventDefault(), i.step(-1, {
+					open: !0,
+					focus: !0
+				});
+				return;
+			}
+		}
+		if (e.key === r && i !== null) {
+			e.preventDefault(), J("keyboard", e.nativeEvent), i.step(1, {
+				open: !0,
+				focus: !0
+			});
+			return;
+		}
+		if (!c.typeahead || N.current === null || e.ctrlKey || e.metaKey || e.altKey || !te(e.key, N.current.query.length > 0)) return;
+		e.preventDefault();
+		let a = be(m), o = a.findIndex((t) => t === e.target), s = N.current.match(e.key, a.map(xe), o);
+		s !== -1 && we(m, s);
+	}, Z = d((e) => {
+		f(e), ve(e, n);
+	}, [n]);
+	if (!F) return null;
+	let Q = i({
+		"data-align": R,
+		...c.open ? {} : { inert: !0 },
+		"data-part": "root",
+		"data-size": c.size,
+		"data-ui": "menu",
+		"data-width": c.width
+	}), de = /* @__PURE__ */ b("div", {
+		...Q,
+		ref: Z,
+		children: /* @__PURE__ */ b("div", {
+			...o(a, "part", "content"),
+			"aria-busy": t === !0 || void 0,
+			"aria-describedby": ue,
+			"aria-labelledby": a["aria-label"] === void 0 ? c.triggerId : void 0,
+			"data-loading": t === !0 ? "" : void 0,
+			id: c.contentId,
+			onKeyDown: $(a.onKeyDown, X),
+			ref: h,
+			role: "menu",
+			tabIndex: -1,
+			children: /* @__PURE__ */ b(L, {
+				value: Y,
+				children: e
+			})
+		})
+	}), fe = r === void 0 ? de : r({
+		...Q,
+		children: e,
+		ref: Z
+	});
+	return y === null ? fe : ne(fe, y);
+}
+//#endregion
+export { ie as C, oe as S, M as T, ce as _, pe as a, B as b, ue as c, G as d, q as f, ge as g, fe as h, _e as i, K as l, de as m, Oe as n, me as o, J as p, X as r, he as s, ke as t, W as u, L as v, N as w, z as x, R as y };