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

package/dist/{menu-parts-DS9JEUCt.js → menu-parts-CNNHRduK.js}

@@ -1,6 +1,6 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } 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";
@@ -8,13 +8,13 @@ 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 { keysMessages as C } from "@slotted/core/i18n";
+import { createPortalRoot as w, setPortalContainer as T } from "@slotted/core/portal";
+import { createDismissableLayer as E } from "@slotted/core/dismissable-layer";
+import { createPointerIntent as D } from "@slotted/core/pointer-intent";
+import { createPositioner as ee, submenuOffsets as O } from "@slotted/core/positioner";
+import { createTypeahead as te, isPrintable as ne } from "@slotted/core/typeahead";
+import { createPortal as k } from "react-dom";
 import { canonicalKey as A, parseShortcut as j, resolveShortcut as re } from "@slotted/core/keys";
 //#region src/menu/menu-defaults.tsx
 var ie = {
@@ -48,7 +48,7 @@ function M() {
 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);
+		if (t !== void 0) return i.current = t, T(t), () => T(null);
 	}, [t]);
 	let a = {
 		align: n.align ?? r.align,
@@ -240,12 +240,12 @@ function q({ children: e, ...t }) {
 		children: e
 	});
 }
-function J({ children: e, keys: t, ...i }) {
-	let a = r(void 0), s = n(k);
+function J({ children: t, keys: n, ...i }) {
+	let a = r(void 0), s = e(C);
 	return /* @__PURE__ */ b("span", {
 		...i,
-		...o(t === void 0 ? {} : { "aria-hidden": !0 }, "part", "shortcut"),
-		children: t === void 0 ? e : U(t, a, s)
+		...o(n === void 0 ? {} : { "aria-hidden": !0 }, "part", "shortcut"),
+		children: n === void 0 ? t : U(n, 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 }) {
@@ -343,11 +343,11 @@ function X({ checked: e, defaultChecked: t, onCheckedChange: n, ...r }) {
 		role: "menuitemcheckbox"
 	});
 }
-function Z({ glyph: n }) {
+function Z({ glyph: e }) {
 	return /* @__PURE__ */ b("span", {
 		"data-part": "indicator",
 		"data-part-indicator": "",
-		children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: n }) })
+		children: /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(t, { name: e }) })
 	});
 }
 var Q = u(null);
@@ -459,7 +459,7 @@ function De(e, t) {
 	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 }) {
+function Oe({ children: e, 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
@@ -481,7 +481,7 @@ function Oe({ children: n, icon: r, meta: i, ref: o, render: s, ...c }) {
 		h,
 		f
 	]);
-	let D = (e, t, n) => {
+	let E = (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));
@@ -489,27 +489,27 @@ function Oe({ children: n, icon: r, meta: i, ref: o, render: s, ...c }) {
 		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);
+			e.preventDefault(), e.stopPropagation(), E("keyboard", "first", e.nativeEvent);
 			return;
 		}
 		if (i) {
-			e.preventDefault(), D("keyboard", "last", e.nativeEvent);
+			e.preventDefault(), E("keyboard", "last", e.nativeEvent);
 			return;
 		}
-		u !== null && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), D("keyboard", "first", e.nativeEvent));
+		u !== null && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), E("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);
+				S.current = setTimeout(() => E("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));
+			f && m !== null && m.value !== void 0 && m.value !== l.contentId && (h?.focus({ preventScroll: !0 }), E("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({
+		t !== null && (C.current?.destroy(), C.current = D({
 			target: () => t.getBoundingClientRect(),
 			origin: () => h?.getBoundingClientRect() ?? null,
 			timeout: l.submenuCloseDelay,
@@ -520,13 +520,13 @@ function Oe({ children: n, icon: r, meta: i, ref: o, render: s, ...c }) {
 		}));
 	}, k = d((e) => {
 		g(e), ve(e, o);
-	}, [o]), A = u === null ? n : /* @__PURE__ */ x(y, { children: [
+	}, [o]), A = u === null ? e : /* @__PURE__ */ x(y, { children: [
 		r === void 0 ? null : /* @__PURE__ */ b(W, { children: r }),
-		/* @__PURE__ */ b(G, { children: n }),
+		/* @__PURE__ */ b(G, { children: e }),
 		i === void 0 ? null : /* @__PURE__ */ b(q, { children: i }),
-		/* @__PURE__ */ b(t, {
+		/* @__PURE__ */ b(n, {
 			directional: !0,
-			children: /* @__PURE__ */ b(e, { name: "chevron-right" })
+			children: /* @__PURE__ */ b(t, { name: "chevron-right" })
 		})
 	] }), j = {
 		type: "button",
@@ -565,7 +565,7 @@ function Oe({ children: n, icon: r, meta: i, ref: o, render: s, ...c }) {
 	});
 }
 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 = _({
+	let c = B(), l = c.parent, [u, f] = v(null), [m, h] = v(null), [y, x] = v(null), [C, T] = v("unmounted"), [D, A] = v(!1), [j, re] = v(null), [ie, ae] = v(null), M = _(null), N = _(null), P = _({
 		menu: c,
 		surfaceNode: m
 	});
@@ -575,9 +575,9 @@ function ke({ children: e, loading: t, ref: n, render: r, ...a }) {
 	}, p(() => {
 		let e = S({
 			present: P.current.menu.open,
-			onStatusChange: E
+			onStatusChange: T
 		});
-		return M.current = e, E(e.status), () => {
+		return M.current = e, T(e.status), () => {
 			e.destroy(), M.current = null;
 		};
 	}, []), p(() => {
@@ -587,22 +587,22 @@ function ke({ children: e, loading: t, ref: n, render: r, ...a }) {
 	}, [u]), p(() => {
 		c.setContentNode(m);
 	}, [c, m]);
-	let F = c.mount === "eager" || c.mount === "lazy" && c.seen || c.open || w !== "unmounted";
+	let F = c.mount === "eager" || c.mount === "lazy" && c.seen || c.open || C !== "unmounted";
 	p(() => {
 		let e = c.triggerNode;
-		if (e === null || k) return;
+		if (e === null || D) 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;
+	}, [c.triggerNode, D]);
+	let I = F || D;
 	g(() => {
 		if (!I) {
 			x(null);
 			return;
 		}
-		let e = C({
+		let e = w({
 			origin: c.triggerNode,
 			disabled: !c.portal
 		});
@@ -629,14 +629,14 @@ function ke({ children: e, loading: t, ref: n, render: r, ...a }) {
 	}, []);
 	g(() => {
 		if (u === null || W === null) return;
-		let e = c.parent !== null && m !== null && c.triggerNode !== null ? ee({
+		let e = c.parent !== null && m !== null && c.triggerNode !== null ? O({
 			parentSurface: c.parent.node,
 			item: c.triggerNode,
 			surface: m
 		}) : {
 			sideOffset: 0,
 			alignOffset: 0
-		}, t = D(W, u, {
+		}, t = ee(W, u, {
 			align: R,
 			alignOffset: z + e.alignOffset,
 			boundaryPadding: oe,
@@ -681,7 +681,7 @@ function ke({ children: e, loading: t, ref: n, render: r, ...a }) {
 		q
 	]), p(() => {
 		if (u === null || !c.open) return;
-		let e = [c.triggerNode, l?.node ?? null].filter((e) => e !== null), t = T(u, {
+		let e = [c.triggerNode, l?.node ?? null].filter((e) => e !== null), t = E(u, {
 			branches: e,
 			escape: c.closeOnEscape,
 			focusOutside: !1,
@@ -713,7 +713,7 @@ function ke({ children: e, loading: t, ref: n, render: r, ...a }) {
 		return () => e.destroy();
 	}, [m]), p(() => {
 		if (!c.typeahead) return;
-		let e = O({ timeout: c.typeaheadTimeout });
+		let e = te({ timeout: c.typeaheadTimeout });
 		return N.current = e, () => {
 			e.destroy(), N.current = null;
 		};
@@ -760,7 +760,7 @@ function ke({ children: e, loading: t, ref: n, render: r, ...a }) {
 			});
 			return;
 		}
-		if (!c.typeahead || N.current === null || e.ctrlKey || e.metaKey || e.altKey || !te(e.key, N.current.query.length > 0)) return;
+		if (!c.typeahead || N.current === null || e.ctrlKey || e.metaKey || e.altKey || !ne(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);
@@ -799,7 +799,7 @@ function ke({ children: e, loading: t, ref: n, render: r, ...a }) {
 		children: e,
 		ref: Z
 	});
-	return y === null ? fe : ne(fe, y);
+	return y === null ? fe : k(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 };

package/dist/menu.js

@@ -1,2 +1,2 @@
-import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./menu-parts-DS9JEUCt.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./menu-parts-CNNHRduK.js";
 export { e as MENU_FALLBACK, r as Menu, _ as MenuCheckboxItem, y as MenuContent, S as MenuDefaultsProvider, d as MenuEmpty, i as MenuGroup, h as MenuGroupLabel, v as MenuHeader, o as MenuItem, f as MenuItemDescription, b as MenuItemIcon, s as MenuItemLabel, c as MenuItemMeta, g as MenuItemShortcut, p as MenuRadioGroup, u as MenuRadioItem, l as MenuSeparator, x as MenuSurfaceProvider, m as MenuTrigger, w as MenubarSurfaceProvider, a as useMenu, n as useMenuDefaults, C as useMenuSurface, t as useMenubarSurface };

package/dist/{menubar-BV43BKep.js → menubar-Bdr6zigi.js}

@@ -1,4 +1,4 @@
-import { y as e } from "./menu-parts-DS9JEUCt.js";
+import { y as e } from "./menu-parts-CNNHRduK.js";
 import { keyedProps as t } from "@slotted/core/selector-key";
 import { createRovingTabindex as n } from "@slotted/core/focus";
 import { createControllable as r } from "@slotted/core/state";

package/dist/menubar.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./menubar-BV43BKep.js";
+import { i as e, n as t, r as n, t as r } from "./menubar-Bdr6zigi.js";
 export { t as MENUBAR_FALLBACK, r as Menubar, n as MenubarDefaultsProvider, e as useMenubarDefaults };