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

package/dist/menu-parts-BQej6eU9.js

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