@slotted/react 0.1.0-beta.6 → 0.1.0-beta.8

package/dist/{menu-parts-D6v_mz6O.js → menu-parts-BpQu2s4z.js}

@@ -11,12 +11,12 @@ import { createPortalRoot as b, setPortalContainer as x } from "@slotted/core/po
 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 D } from "@slotted/core/typeahead";
-import { createPortal as ee } from "react-dom";
-import { keysMessages as O } from "@slotted/core/i18n";
-import { canonicalKey as k, parseShortcut as A, resolveShortcut as j } from "@slotted/core/keys";
+import { createTypeahead as E, isPrintable as ee } from "@slotted/core/typeahead";
+import { createPortal as te } from "react-dom";
+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 M = {
+var j = {
 	align: "start",
 	alignOffset: 0,
 	closeOnEscape: !0,
@@ -38,13 +38,14 @@ var M = {
 	submenuCloseDelay: 300,
 	submenuOpenDelay: 150,
 	typeahead: !0,
-	typeaheadTimeout: 500
-}, te = s(M);
-function ne() {
-	return l(te);
+	typeaheadTimeout: 500,
+	width: "content"
+}, ne = s(j);
+function re() {
+	return l(ne);
 }
-function N({ children: e, container: t, ...n }) {
-	let r = ne(), i = m(null);
+function M({ children: e, container: t, ...n }) {
+	let r = re(), i = m(null);
 	u(() => {
 		if (t !== void 0) return i.current = t, x(t), () => x(null);
 	}, [t]);
@@ -70,59 +71,60 @@ function N({ children: e, container: t, ...n }) {
 		submenuCloseDelay: n.submenuCloseDelay ?? r.submenuCloseDelay,
 		submenuOpenDelay: n.submenuOpenDelay ?? r.submenuOpenDelay,
 		typeahead: n.typeahead ?? r.typeahead,
-		typeaheadTimeout: n.typeaheadTimeout ?? r.typeaheadTimeout
+		typeaheadTimeout: n.typeaheadTimeout ?? r.typeaheadTimeout,
+		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ _(te.Provider, {
+	return /* @__PURE__ */ _(ne.Provider, {
 		value: a,
 		children: e
 	});
 }
 //#endregion
 //#region src/menu/menu.tsx
-var P = s(void 0), F = s(null), I = s(null), L = F.Provider, R = I.Provider;
-function z() {
-	return l(F);
+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(I);
+function ie() {
+	return l(F);
 }
-function B() {
-	let e = l(P);
+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) {
+function ae(e, t) {
 	return e === void 0 ? null : typeof e == "string" ? t?.querySelector(e) ?? null : e instanceof Element ? e : e.current ?? null;
 }
-function V({ align: e, alignOffset: t, anchor: n, children: r, closeOnEscape: i, closeOnOutsidePress: a, closeOnSelect: s, collisionPadding: l, defaultOpen: u, disabled: p, finalFocus: g, flip: v, hideWhenDetached: y, loop: b, mount: x, onOpenChange: S, open: C, openOnHover: w, portal: T, ref: E, shift: D, side: ee, sideOffset: O, size: k, strategy: A, submenuCloseDelay: j, submenuOpenDelay: M, typeahead: te, typeaheadTimeout: N, value: F }) {
-	let I = ne(), L = z(), R = re(), B = L === null && R !== null, V = d(), H = F ?? V, U = `${V}menu`, ae = `${V}trigger`, [oe, W] = h(u ?? !1), [G, K] = h(null), [q, J] = h(null), Y = p ?? I.disabled, X = (B ? R?.value === H : C ?? oe) && !Y, se = m(X);
-	X && (se.current = !0);
-	let ce = m("first"), Z = m({
+function B({ align: e, alignOffset: t, anchor: n, children: r, closeOnEscape: i, closeOnOutsidePress: a, closeOnSelect: s, collisionPadding: l, defaultOpen: u, disabled: p, finalFocus: g, flip: v, hideWhenDetached: y, loop: b, mount: x, onOpenChange: S, open: C, openOnHover: w, portal: T, ref: E, shift: ee, side: te, sideOffset: D, size: O, strategy: k, submenuCloseDelay: A, submenuOpenDelay: j, typeahead: ne, typeaheadTimeout: M, value: P, width: F }) {
+	let I = re(), L = R(), z = ie(), B = L === null && z !== null, V = d(), H = P ?? V, oe = `${V}menu`, se = `${V}trigger`, [U, W] = h(u ?? !1), [G, K] = h(null), [q, J] = h(null), Y = p ?? I.disabled, X = (B ? z?.value === H : C ?? U) && !Y, Z = m(X);
+	X && (Z.current = !0);
+	let ce = m("first"), Q = m({
 		contentNode: q,
 		current: X,
 		finalFocus: g,
 		identity: H,
-		menubar: R,
+		menubar: z,
 		onBar: B,
 		onOpenChange: S,
 		open: C,
 		parent: L,
 		triggerNode: G
 	});
-	Z.current = {
+	Q.current = {
 		contentNode: q,
 		current: X,
 		finalFocus: g,
 		identity: H,
-		menubar: R,
+		menubar: z,
 		onBar: B,
 		onOpenChange: S,
 		open: C,
 		parent: L,
 		triggerNode: G
 	};
-	let Q = c((e, t, n) => {
-		let r = Z.current;
+	let $ = c((e, t, n) => {
+		let r = Q.current;
 		if (e === r.current) return;
 		let i = !1, a = o({
 			controlled: r.onBar ? void 0 : r.open,
@@ -131,14 +133,14 @@ function V({ align: e, alignOffset: t, anchor: n, children: r, closeOnEscape: i,
 				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 }));
+		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" && (ae(r.finalFocus, r.contentNode) ?? r.triggerNode)?.focus({ preventScroll: !0 }));
 	}, []);
 	f(E, () => ({
-		close: () => Q(!1, "programmatic"),
-		open: () => Q(!0, "programmatic"),
-		focus: () => Z.current.triggerNode?.focus({ preventScroll: !0 })
-	}), [Q]);
-	let le = L === null ? B && R?.orientation === "vertical" ? "inline-end" : void 0 : "inline-end", ue = {
+		close: () => $(!1, "programmatic"),
+		open: () => $(!0, "programmatic"),
+		focus: () => Q.current.triggerNode?.focus({ preventScroll: !0 })
+	}), [$]);
+	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,
@@ -146,111 +148,112 @@ function V({ align: e, alignOffset: t, anchor: n, children: r, closeOnEscape: i,
 		closeOnOutsidePress: a ?? I.closeOnOutsidePress,
 		closeOnSelect: s ?? I.closeOnSelect,
 		collisionPadding: l ?? I.collisionPadding,
-		contentId: U,
+		contentId: oe,
 		contentNode: q,
-		disabled: Y || B && (R?.disabled ?? !1),
+		disabled: Y || B && (z?.disabled ?? !1),
 		entry: ce,
 		flip: v ?? I.flip,
 		hideWhenDetached: y ?? I.hideWhenDetached,
 		identity: H,
 		loop: b ?? I.loop,
-		menubar: R,
+		menubar: z,
 		mount: x ?? I.mount,
 		open: X,
 		openOnHover: w ?? I.openOnHover,
 		parent: L,
 		portal: T ?? I.portal,
-		seen: se.current,
+		seen: Z.current,
 		setContentNode: J,
 		setTriggerNode: K,
-		shift: D ?? I.shift,
-		side: ee ?? le ?? I.side,
-		sideOffset: O ?? I.sideOffset,
+		shift: ee ?? I.shift,
+		side: te ?? le ?? I.side,
+		sideOffset: D ?? I.sideOffset,
 		onBar: B,
-		size: k ?? (B ? R?.size : void 0) ?? I.size,
-		strategy: A ?? I.strategy,
-		submenuCloseDelay: j ?? I.submenuCloseDelay,
-		submenuOpenDelay: M ?? I.submenuOpenDelay,
-		toggle: Q,
-		triggerId: ae,
+		size: O ?? (B ? z?.size : void 0) ?? I.size,
+		strategy: k ?? I.strategy,
+		submenuCloseDelay: A ?? I.submenuCloseDelay,
+		submenuOpenDelay: j ?? I.submenuOpenDelay,
+		toggle: $,
+		triggerId: se,
 		triggerNode: G,
-		typeahead: te ?? I.typeahead,
-		typeaheadTimeout: N ?? I.typeaheadTimeout
+		typeahead: ne ?? I.typeahead,
+		typeaheadTimeout: M ?? I.typeaheadTimeout,
+		width: L === null ? F ?? I.width : "content"
 	};
-	return /* @__PURE__ */ _(P.Provider, {
+	return /* @__PURE__ */ _(N.Provider, {
 		value: ue,
 		children: r
 	});
 }
 //#endregion
 //#region src/menu/menu-items.tsx
-function H(e, t) {
+function V(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-var U = {
+var H = {
 	alt: "Alt",
 	ctrl: "Control",
 	meta: "Meta",
 	shift: "Shift"
 };
-function ae(e, t) {
-	let n = A(e);
+function oe(e, t) {
+	let n = k(e);
 	if (n.length === 1) return n[0]?.map((e) => {
-		let n = k(e);
+		let n = O(e);
 		if (n === "mod") return t === "mac" ? "Meta" : "Control";
-		if (n !== void 0 && n in U) return U[n];
+		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 = j(e, {
+function se(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 W({ children: e, ...t }) {
+function U({ children: e, ...t }) {
 	return /* @__PURE__ */ _("span", {
 		...t,
 		"data-part": "icon",
 		children: e
 	});
 }
-function G({ children: e, ...t }) {
+function W({ children: e, ...t }) {
 	return /* @__PURE__ */ _("span", {
 		...t,
 		"data-part": "label",
 		children: e
 	});
 }
-function K({ children: e, ...t }) {
+function G({ children: e, ...t }) {
 	return /* @__PURE__ */ _("span", {
 		...t,
 		"data-part": "description",
 		children: e
 	});
 }
-function q({ children: e, ...t }) {
+function K({ children: e, ...t }) {
 	return /* @__PURE__ */ _("span", {
 		...t,
 		"data-part": "meta",
 		children: e
 	});
 }
-function J({ children: e, keys: t, ...i }) {
-	let a = r(void 0), o = n(O);
+function q({ children: e, keys: t, ...i }) {
+	let a = r(void 0), o = n(D);
 	return /* @__PURE__ */ _("span", {
 		...i,
 		...t === void 0 ? {} : { "aria-hidden": !0 },
 		"data-part": "shortcut",
-		children: t === void 0 ? e : oe(t, a, o)
+		children: t === void 0 ? e : se(t, a, o)
 	});
 }
-function Y({ 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: h = "menuitem", shortcut: y, textValue: b, tone: x, ...S }) {
-	let C = B(), w = z(), T = r(void 0), E = `${d()}description`, D = (e, t) => {
+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: h = "menuitem", shortcut: y, textValue: b, tone: x, ...S }) {
+	let C = z(), w = R(), T = r(void 0), E = `${d()}description`, ee = (e, t) => {
 		if (s === !0) return;
 		a?.(e, t);
 		let r = !1;
@@ -264,9 +267,9 @@ function Y({ checked: e, children: t, closeOnSelect: n, closesByDefault: i, comm
 				r = !0;
 			}
 		}), !r && (n ?? i ?? C.closeOnSelect) && w?.closeAll("select", t);
-	}, ee = (e) => {
-		D(e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
-	}, O = (e) => {
+	}, te = (e) => {
+		ee(e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
+	}, D = (e) => {
 		if (e.key === " " && h !== "menuitem") {
 			if (e.preventDefault(), s === !0) return;
 			a?.("keyboard", e.nativeEvent), f?.({
@@ -276,24 +279,24 @@ function Y({ checked: e, children: t, closeOnSelect: n, closesByDefault: i, comm
 				preventDefault: () => void 0
 			});
 		}
-	}, k = (e) => {
+	}, O = (e) => {
 		let t = e.currentTarget;
 		t.ownerDocument.activeElement !== t && t.focus({ preventScroll: !0 });
-	}, A = (e) => {
+	}, k = (e) => {
 		let t = e.currentTarget;
 		t.ownerDocument.activeElement === t && w?.openItem !== t && w?.node?.focus({ preventScroll: !0 });
-	}, j = {
+	}, A = {
 		...S,
 		children: /* @__PURE__ */ v(g, { children: [
 			l,
-			c === void 0 ? null : /* @__PURE__ */ _(W, { children: c }),
-			/* @__PURE__ */ _(G, { children: t }),
-			o === void 0 ? null : /* @__PURE__ */ _(K, {
+			c === void 0 ? null : /* @__PURE__ */ _(U, { children: c }),
+			/* @__PURE__ */ _(W, { children: t }),
+			o === void 0 ? null : /* @__PURE__ */ _(G, {
 				id: E,
 				children: o
 			}),
-			u === void 0 ? null : /* @__PURE__ */ _(q, { children: u }),
-			y === void 0 ? null : /* @__PURE__ */ _(J, { keys: y })
+			u === void 0 ? null : /* @__PURE__ */ _(K, { children: u }),
+			y === void 0 ? null : /* @__PURE__ */ _(q, { keys: y })
 		] }),
 		...e === void 0 ? {} : { "aria-checked": e },
 		...o === void 0 ? {} : { "aria-describedby": E },
@@ -302,32 +305,32 @@ function Y({ checked: e, children: t, closeOnSelect: n, closesByDefault: i, comm
 			"aria-disabled": !0,
 			"data-disabled": ""
 		} : {},
-		...y === void 0 ? {} : { "aria-keyshortcuts": ae(y, T) },
+		...y === void 0 ? {} : { "aria-keyshortcuts": oe(y, T) },
 		...b === void 0 ? {} : { "data-text-value": b },
 		...x === void 0 ? {} : { "data-tone": x },
 		"data-part": "item",
-		onClick: H(S.onClick, ee),
-		onKeyDown: H(S.onKeyDown, O),
-		onPointerLeave: H(S.onPointerLeave, A),
-		onPointerMove: H(S.onPointerMove, k),
+		onClick: V(S.onClick, te),
+		onKeyDown: V(S.onKeyDown, D),
+		onPointerLeave: V(S.onPointerLeave, k),
+		onPointerMove: V(S.onPointerMove, O),
 		role: h,
 		tabIndex: -1
-	}, M = (e) => {
+	}, j = (e) => {
 		typeof p == "function" ? p(e) : p != null && (p.current = e);
 	};
 	return m === void 0 ? /* @__PURE__ */ _("button", {
 		type: "button",
-		...j,
+		...A,
 		ref: p
 	}) : m({
-		...j,
-		ref: M
+		...A,
+		ref: j
 	});
 }
-function X(e) {
-	return /* @__PURE__ */ _(Y, { ...e });
+function Y(e) {
+	return /* @__PURE__ */ _(J, { ...e });
 }
-function se({ checked: e, defaultChecked: t, onCheckedChange: n, ...r }) {
+function X({ checked: e, defaultChecked: t, onCheckedChange: n, ...r }) {
 	let [i, a] = h(t ?? !1), s = e ?? i, c = (t, r) => {
 		o({
 			controlled: e,
@@ -335,22 +338,22 @@ function se({ checked: e, defaultChecked: t, onCheckedChange: n, ...r }) {
 			onRequest: (e) => n?.(e.value, e)
 		}).request(!s, t, r) && a(!s);
 	};
-	return /* @__PURE__ */ _(Y, {
+	return /* @__PURE__ */ _(J, {
 		...r,
 		checked: s,
 		closesByDefault: !1,
 		commit: c,
-		indicator: /* @__PURE__ */ _(ce, { glyph: "check" }),
+		indicator: /* @__PURE__ */ _(Z, { glyph: "check" }),
 		role: "menuitemcheckbox"
 	});
 }
-function ce({ glyph: n }) {
+function Z({ glyph: n }) {
 	return /* @__PURE__ */ _("span", {
 		"data-part": "indicator",
 		children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: n }) })
 	});
 }
-var Z = s(null);
+var ce = s(null);
 function Q({ children: e, defaultValue: t, onValueChange: n, value: r, ...i }) {
 	let [a, s] = h(t), l = r ?? a, u = c((e, t, i) => {
 		o({
@@ -367,7 +370,7 @@ function Q({ children: e, defaultValue: t, onValueChange: n, value: r, ...i }) {
 		...i,
 		"data-part": "group",
 		role: "group",
-		children: /* @__PURE__ */ _(Z.Provider, {
+		children: /* @__PURE__ */ _(ce.Provider, {
 			value: {
 				select: u,
 				value: l
@@ -376,40 +379,40 @@ function Q({ children: e, defaultValue: t, onValueChange: n, value: r, ...i }) {
 		})
 	});
 }
-function le({ value: e, ...t }) {
-	let n = l(Z);
+function $({ value: e, ...t }) {
+	let n = l(ce);
 	if (n === null) throw Error("MenuRadioItem has to be inside a MenuRadioGroup.");
-	return /* @__PURE__ */ _(Y, {
+	return /* @__PURE__ */ _(J, {
 		...t,
 		checked: n.value === e,
 		closesByDefault: !1,
 		commit: (t, r) => n.select(e, t, r),
-		indicator: /* @__PURE__ */ _(ce, { glyph: "dot" }),
+		indicator: /* @__PURE__ */ _(Z, { glyph: "dot" }),
 		role: "menuitemradio"
 	});
 }
-function ue({ children: e, label: t, ...n }) {
+function le({ children: e, label: t, ...n }) {
 	let r = `${d()}group`;
 	return /* @__PURE__ */ v("div", {
 		...n,
 		...t === void 0 ? {} : { "aria-labelledby": r },
 		"data-part": "group",
 		role: "group",
-		children: [t === void 0 ? null : /* @__PURE__ */ _(de, {
+		children: [t === void 0 ? null : /* @__PURE__ */ _(ue, {
 			id: r,
 			children: t
 		}), e]
 	});
 }
-function de({ children: e, ...t }) {
+function ue({ children: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-part": "group-label",
 		children: e
 	});
 }
-function fe({ children: e, id: t, ...n }) {
-	let r = z(), i = `${d()}header`, a = t ?? i, o = r?.setHeaderId;
+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__ */ _("div", {
 		...n,
 		"data-part": "header",
@@ -417,7 +420,7 @@ function fe({ children: e, id: t, ...n }) {
 		children: e
 	});
 }
-function pe(e) {
+function fe(e) {
 	return /* @__PURE__ */ _("hr", {
 		...e,
 		"aria-orientation": "horizontal",
@@ -425,7 +428,7 @@ function pe(e) {
 		role: "separator"
 	});
 }
-function me({ children: e, ...t }) {
+function pe({ children: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-part": "empty",
@@ -434,7 +437,7 @@ function me({ children: e, ...t }) {
 }
 //#endregion
 //#region src/menu/menu-parts.tsx
-function $(e, t) {
+function me(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
@@ -466,7 +469,7 @@ function we(e, t) {
 	(n[r + t] ?? e).focus({ preventScroll: !0 });
 }
 function Te({ children: n, icon: r, meta: i, ref: a, render: o, ...s }) {
-	let l = B(), d = l.parent, f = l.onBar, p = l.menubar, [y, b] = h(null), x = m(void 0), S = m(null), w = m({
+	let l = z(), d = l.parent, f = l.onBar, p = l.menubar, [y, b] = h(null), x = m(void 0), S = m(null), w = m({
 		menu: l,
 		node: y
 	});
@@ -489,9 +492,9 @@ function Te({ children: n, icon: r, meta: i, ref: a, render: o, ...s }) {
 	]);
 	let E = (e, t, n) => {
 		l.entry.current = t, l.toggle(!0, e, n);
-	}, D = (e) => {
-		l.disabled || l.open && d !== null || (l.entry.current = "first", l.toggle(!l.open, "pointer", e.nativeEvent));
 	}, ee = (e) => {
+		l.disabled || l.open && d !== null || (l.entry.current = "first", l.toggle(!l.open, "pointer", e.nativeEvent));
+	}, te = (e) => {
 		if (l.disabled) return;
 		let t = Ce(y) === "rtl" ? "ArrowLeft" : "ArrowRight", n = p?.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) {
@@ -503,7 +506,7 @@ function Te({ children: n, icon: r, meta: i, ref: a, render: o, ...s }) {
 			return;
 		}
 		d !== null && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), E("keyboard", "first", e.nativeEvent));
-	}, O = (e) => {
+	}, D = (e) => {
 		if (!l.disabled) {
 			if (T(), d !== null) {
 				if (d.setOpenItem(y), !l.openOnHover || l.open) return;
@@ -512,7 +515,7 @@ function Te({ children: n, icon: r, meta: i, ref: a, render: o, ...s }) {
 			}
 			f && p !== null && p.value !== void 0 && p.value !== l.contentId && (y?.focus({ preventScroll: !0 }), E("pointer", "first", e.nativeEvent));
 		}
-	}, k = (e) => {
+	}, O = (e) => {
 		if (x.current !== void 0 && (clearTimeout(x.current), x.current = void 0), d === null || !l.open) return;
 		let t = l.contentNode;
 		t !== null && (S.current?.destroy(), S.current = C({
@@ -524,20 +527,20 @@ function Te({ children: n, icon: r, meta: i, ref: a, render: o, ...s }) {
 				n.node?.matches(":hover") || t.matches(":hover") || n.menu.toggle(!1, "pointer", e.nativeEvent);
 			}
 		}));
-	}, A = c((e) => {
+	}, k = c((e) => {
 		b(e), he(e, a);
-	}, [a]), j = d === null ? n : /* @__PURE__ */ v(g, { children: [
-		r === void 0 ? null : /* @__PURE__ */ _(W, { children: r }),
-		/* @__PURE__ */ _(G, { children: n }),
-		i === void 0 ? null : /* @__PURE__ */ _(q, { children: i }),
+	}, [a]), A = d === null ? n : /* @__PURE__ */ v(g, { children: [
+		r === void 0 ? null : /* @__PURE__ */ _(U, { children: r }),
+		/* @__PURE__ */ _(W, { children: n }),
+		i === void 0 ? null : /* @__PURE__ */ _(K, { children: i }),
 		/* @__PURE__ */ _(t, {
 			directional: !0,
 			children: /* @__PURE__ */ _(e, { name: "chevron-right" })
 		})
-	] }), M = {
+	] }), j = {
 		type: "button",
 		...s,
-		children: j,
+		children: A,
 		"aria-controls": l.open ? l.contentId : void 0,
 		"aria-expanded": l.open,
 		"aria-haspopup": "menu",
@@ -555,54 +558,54 @@ function Te({ children: n, icon: r, meta: i, ref: a, render: o, ...s }) {
 			"data-part": "item",
 			tabIndex: -1
 		},
-		onClick: $(s.onClick, D),
-		onKeyDown: $(s.onKeyDown, ee),
-		onPointerEnter: $(s.onPointerEnter, O),
-		onPointerLeave: $(s.onPointerLeave, k)
+		onClick: me(s.onClick, ee),
+		onKeyDown: me(s.onKeyDown, te),
+		onPointerEnter: me(s.onPointerEnter, D),
+		onPointerLeave: me(s.onPointerLeave, O)
 	};
 	return o === void 0 ? /* @__PURE__ */ _("button", {
-		...M,
-		ref: A
+		...j,
+		ref: k
 	}) : o({
-		...M,
-		ref: A
+		...j,
+		ref: k
 	});
 }
 function Ee({ children: e, loading: t, ref: n, render: r, ...a }) {
-	let o = B(), s = o.parent, [l, d] = h(null), [f, g] = h(null), [v, x] = h(null), [C, O] = h("unmounted"), [k, A] = h(!1), [j, M] = h(null), [te, ne] = h(null), N = m(null), P = m(null), F = m({
+	let o = z(), s = o.parent, [l, d] = h(null), [f, g] = h(null), [v, x] = h(null), [C, D] = h("unmounted"), [O, k] = h(!1), [A, j] = h(null), [ne, re] = h(null), M = m(null), N = m(null), P = m({
 		menu: o,
 		surfaceNode: f
 	});
-	F.current = {
+	P.current = {
 		menu: o,
 		surfaceNode: f
 	}, u(() => {
 		let e = y({
-			present: F.current.menu.open,
-			onStatusChange: O
+			present: P.current.menu.open,
+			onStatusChange: D
 		});
-		return N.current = e, O(e.status), () => {
-			e.destroy(), N.current = null;
+		return M.current = e, D(e.status), () => {
+			e.destroy(), M.current = null;
 		};
 	}, []), u(() => {
-		N.current?.sync(o.open);
+		M.current?.sync(o.open);
 	}, [o.open]), u(() => {
-		N.current?.setNode(l);
+		M.current?.setNode(l);
 	}, [l]), u(() => {
 		o.setContentNode(f);
 	}, [o, f]);
-	let I = o.mount === "eager" || o.mount === "lazy" && o.seen || o.open || C !== "unmounted";
+	let F = o.mount === "eager" || o.mount === "lazy" && o.seen || o.open || C !== "unmounted";
 	u(() => {
 		let e = o.triggerNode;
-		if (e === null || k) return;
-		let t = () => A(!0);
+		if (e === null || O) return;
+		let t = () => k(!0);
 		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
 			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
 		};
-	}, [o.triggerNode, k]);
-	let R = I || k;
+	}, [o.triggerNode, O]);
+	let L = F || O;
 	p(() => {
-		if (!R) {
+		if (!L) {
 			x(null);
 			return;
 		}
@@ -612,19 +615,19 @@ function Ee({ children: e, loading: t, ref: n, render: r, ...a }) {
 		});
 		return x(e.container), () => e.release();
 	}, [
-		R,
+		L,
 		o.portal,
 		o.triggerNode
 	]);
-	let { align: z, alignOffset: re, collisionPadding: ie, flip: V, hideWhenDetached: H, shift: U, side: ae, sideOffset: oe, strategy: W } = o, G = o.anchor ?? o.triggerNode, K = m(null), q = m(0), J = c((e, t) => {
+	let { align: R, alignOffset: ie, collisionPadding: ae, flip: B, hideWhenDetached: V, shift: H, side: oe, sideOffset: se, strategy: U } = o, W = o.anchor ?? o.triggerNode, G = m(null), K = m(0), q = c((e, t) => {
 		e.update().then(() => {
-			if (K.current !== e || !F.current.menu.open) return;
+			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 || q.current !== 0 || (q.current = r.requestAnimationFrame(() => {
-				q.current = 0;
-				let { menu: e, surfaceNode: t } = F.current;
+			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" && Se(t, r);
@@ -632,7 +635,7 @@ function Ee({ children: e, loading: t, ref: n, render: r, ...a }) {
 		});
 	}, []);
 	p(() => {
-		if (l === null || G === null) return;
+		if (l === null || W === null) return;
 		let e = o.parent !== null && f !== null && o.triggerNode !== null ? T({
 			parentSurface: o.parent.node,
 			item: o.triggerNode,
@@ -640,49 +643,49 @@ function Ee({ children: e, loading: t, ref: n, render: r, ...a }) {
 		}) : {
 			sideOffset: 0,
 			alignOffset: 0
-		}, t = w(G, l, {
-			align: z,
-			alignOffset: re + e.alignOffset,
-			boundaryPadding: ie,
-			flip: V,
-			hideWhenDetached: H,
-			shift: U,
-			side: ae,
-			sideOffset: oe + e.sideOffset,
-			strategy: W
+		}, t = w(W, l, {
+			align: R,
+			alignOffset: ie + e.alignOffset,
+			boundaryPadding: ae,
+			flip: B,
+			hideWhenDetached: V,
+			shift: H,
+			side: oe,
+			sideOffset: se + e.sideOffset,
+			strategy: U
 		});
-		return K.current = t, F.current.menu.open && J(t, l), () => {
-			t.destroy(), K.current = null, l.removeAttribute("data-open");
+		return G.current = t, P.current.menu.open && q(t, l), () => {
+			t.destroy(), G.current = null, l.removeAttribute("data-open");
 		};
 	}, [
-		z,
-		re,
-		G,
+		R,
 		ie,
+		W,
+		ae,
+		B,
 		V,
-		H,
 		l,
 		o.parent,
 		o.triggerNode,
-		U,
-		ae,
+		H,
 		oe,
-		W,
+		se,
+		U,
 		f,
-		J
+		q
 	]), p(() => {
-		let e = K.current;
+		let e = G.current;
 		if (e !== null && l !== null) {
 			if (o.open) {
-				J(e, l);
+				q(e, l);
 				return;
 			}
-			l.removeAttribute("data-open"), q.current !== 0 && (l.ownerDocument.defaultView?.cancelAnimationFrame(q.current), q.current = 0);
+			l.removeAttribute("data-open"), K.current !== 0 && (l.ownerDocument.defaultView?.cancelAnimationFrame(K.current), K.current = 0);
 		}
 	}, [
 		l,
 		o.open,
-		J
+		q
 	]), u(() => {
 		if (l === null || !o.open) return;
 		let e = [o.triggerNode, s?.node ?? null].filter((e) => e !== null), t = S(l, {
@@ -694,7 +697,7 @@ function Ee({ children: e, loading: t, ref: n, render: r, ...a }) {
 			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);
+				P.current.menu.toggle(!1, t, e.source), t === "outsidePress" && s?.closeAll("outsidePress", e.source);
 			}
 		});
 		return () => t.destroy();
@@ -711,37 +714,37 @@ function Ee({ children: e, loading: t, ref: n, render: r, ...a }) {
 			focus: be,
 			includeAriaDisabled: !0,
 			itemSelector: ge,
-			loop: () => F.current.menu.loop,
+			loop: () => P.current.menu.loop,
 			orientation: () => "vertical"
 		});
 		return () => e.destroy();
 	}, [f]), u(() => {
 		if (!o.typeahead) return;
 		let e = E({ timeout: o.typeaheadTimeout });
-		return P.current = e, () => {
-			e.destroy(), P.current = null;
+		return N.current = e, () => {
+			e.destroy(), N.current = null;
 		};
 	}, [o.typeahead, o.typeaheadTimeout]), u(() => {
-		o.open || (M(null), P.current?.reset());
+		o.open || (j(null), N.current?.reset());
 	}, [o.open]);
-	let Y = c((e, t) => {
-		F.current.menu.toggle(!1, e, t), s?.closeAll(e, t);
-	}, [s]), X = {
+	let J = c((e, t) => {
+		P.current.menu.toggle(!1, e, t), s?.closeAll(e, t);
+	}, [s]), Y = {
 		close: (e, t) => o.toggle(!1, e, t),
-		closeAll: Y,
+		closeAll: J,
 		depth: (s?.depth ?? -1) + 1,
 		focusItem: (e) => xe(f, e),
 		node: f,
-		openItem: j,
+		openItem: A,
 		rootTrigger: s?.rootTrigger ?? o.triggerNode,
-		setHeaderId: ne,
-		setOpenItem: M
-	}, se = [a["aria-describedby"], te].filter(Boolean).join(" ") || void 0, ce = (e) => {
+		setHeaderId: re,
+		setOpenItem: j
+	}, X = [a["aria-describedby"], ne].filter(Boolean).join(" ") || void 0, Z = (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 = X.rootTrigger;
-			Y("dismiss", e.nativeEvent), i?.close("dismiss", e.nativeEvent), we(t, e.shiftKey ? -1 : 1);
+			let t = Y.rootTrigger;
+			J("dismiss", e.nativeEvent), i?.close("dismiss", e.nativeEvent), we(t, e.shiftKey ? -1 : 1);
 			return;
 		}
 		if (e.key === n) {
@@ -758,52 +761,53 @@ function Ee({ children: e, loading: t, ref: n, render: r, ...a }) {
 			}
 		}
 		if (e.key === r && i !== null) {
-			e.preventDefault(), Y("keyboard", e.nativeEvent), i.step(1, {
+			e.preventDefault(), J("keyboard", e.nativeEvent), i.step(1, {
 				open: !0,
 				focus: !0
 			});
 			return;
 		}
-		if (!o.typeahead || P.current === null || e.ctrlKey || e.metaKey || e.altKey || !D(e.key, P.current.query.length > 0)) return;
+		if (!o.typeahead || N.current === null || e.ctrlKey || e.metaKey || e.altKey || !ee(e.key, N.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);
+		let a = _e(f), c = a.findIndex((t) => t === e.target), l = N.current.match(e.key, a.map(ve), c);
 		l !== -1 && xe(f, l);
-	}, Z = c((e) => {
+	}, ce = c((e) => {
 		d(e), he(e, n);
 	}, [n]);
-	if (!I) return null;
+	if (!F) return null;
 	let Q = {
-		"data-align": z,
+		"data-align": R,
 		...o.open ? {} : { inert: !0 },
 		"data-part": "root",
 		"data-size": o.size,
-		"data-ui": "menu"
-	}, le = /* @__PURE__ */ _("div", {
+		"data-ui": "menu",
+		"data-width": o.width
+	}, $ = /* @__PURE__ */ _("div", {
 		...Q,
-		ref: Z,
+		ref: ce,
 		children: /* @__PURE__ */ _("div", {
 			...a,
 			"aria-busy": t === !0 || void 0,
-			"aria-describedby": se,
+			"aria-describedby": X,
 			"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, ce),
+			onKeyDown: me(a.onKeyDown, Z),
 			ref: g,
 			role: "menu",
 			tabIndex: -1,
-			children: /* @__PURE__ */ _(L, {
-				value: X,
+			children: /* @__PURE__ */ _(I, {
+				value: Y,
 				children: e
 			})
 		})
-	}), ue = r === void 0 ? le : r({
+	}), le = r === void 0 ? $ : r({
 		...Q,
 		children: e,
-		ref: Z
+		ref: ce
 	});
-	return v === null ? ue : ee(ue, v);
+	return v === null ? le : te(le, v);
 }
 //#endregion
-export { M as C, re as S, ne as T, V as _, ue as a, B as b, X as c, G as d, q as f, pe as g, le as h, me as i, K as l, Q as m, Te as n, de as o, J as p, se as r, fe as s, Ee as t, W as u, L as v, N as w, z as x, R as y };
+export { j as C, ie as S, re as T, B as _, le as a, z as b, Y as c, W as d, K as f, fe as g, $ as h, pe as i, G as l, Q as m, Te as n, ue as o, q as p, X as r, de as s, Ee as t, U as u, I as v, M as w, R as x, L as y };