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

package/dist/menu-parts-W58pVNUt.js

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