@cascivo/react 0.16.0 → 0.16.1

package/dist/infinite-scroll/infinite-scroll.module.js

@@ -0,0 +1,8 @@
+import './infinite-scroll.css';
+var e = {
+	root: "_root_50go8_2",
+	status: "_status_50go8_9",
+	button: "_button_50go8_17"
+};
+//#endregion
+export { e as default };

package/dist/large-title-header/large-title-header.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_1fozn_6{background:var(--cascivo-color-surface);block-size:100%;overflow-y:auto}._bar_1fozn_12{z-index:var(--cascivo-z-raised);align-items:center;gap:var(--cascivo-space-2);min-block-size:var(--cascivo-target-min-coarse,2.75rem);padding-inline:var(--cascivo-space-4);background:var(--cascivo-color-surface);border-block-end:1px solid #0000;padding-block-start:env(safe-area-inset-top,0px);display:flex;position:sticky;inset-block-start:0}._slot_1fozn_29{align-items:center;gap:var(--cascivo-space-1);flex:1 0 0;min-inline-size:0;display:flex}._slotEnd_1fozn_37{justify-content:flex-end}._compactTitle_1fozn_41{min-inline-size:0;font-size:var(--cascivo-text-ui);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-foreground);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;display:none;overflow:hidden}._largeTitle_1fozn_56{padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-2) var(--cascivo-space-4);font-size:var(--cascivo-text-heading-lg);font-weight:var(--cascivo-font-bold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-foreground);letter-spacing:-.02em;margin:0}@supports (animation-timeline:scroll()){._compactTitle_1fozn_41{opacity:0;animation:linear both _cascivo-large-title-reveal_1fozn_1;animation-timeline:scroll();animation-range:0 var(--_collapse,48px);display:block}._bar_1fozn_12{animation:linear both _cascivo-large-title-hairline_1fozn_1;animation-timeline:scroll();animation-range:0 var(--_collapse,48px)}@media (prefers-reduced-motion:reduce){._compactTitle_1fozn_41,._bar_1fozn_12{animation-timing-function:step-end}}}@keyframes _cascivo-large-title-reveal_1fozn_1{to{opacity:1}}@keyframes _cascivo-large-title-hairline_1fozn_1{to{border-block-end-color:var(--cascivo-border-subtle)}}}

package/dist/large-title-header/large-title-header.js

@@ -0,0 +1,38 @@
+import e from "./large-title-header.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/large-title-header/large-title-header.tsx
+function i({ title: i, children: a, leading: o, actions: s, level: c = 1, collapseDistance: l = 48, className: u }) {
+	let d = `h${c}`, f = { "--_collapse": `${l}px` };
+	return /* @__PURE__ */ r("div", {
+		className: t(e.root, u),
+		style: f,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: e.bar,
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: e.slot,
+						children: o
+					}),
+					/* @__PURE__ */ n("span", {
+						"aria-hidden": "true",
+						className: e.compactTitle,
+						children: i
+					}),
+					/* @__PURE__ */ n("div", {
+						className: t(e.slot, e.slotEnd),
+						children: s
+					})
+				]
+			}),
+			/* @__PURE__ */ n(d, {
+				className: e.largeTitle,
+				children: i
+			}),
+			a
+		]
+	});
+}
+//#endregion
+export { i as LargeTitleHeader };

package/dist/large-title-header/large-title-header.module.js

@@ -0,0 +1,13 @@
+import './large-title-header.css';
+var e = {
+	root: "_root_1fozn_6",
+	bar: "_bar_1fozn_12",
+	slot: "_slot_1fozn_29",
+	slotEnd: "_slotEnd_1fozn_37",
+	compactTitle: "_compactTitle_1fozn_41",
+	largeTitle: "_largeTitle_1fozn_56",
+	"cascivo-large-title-reveal": "_cascivo-large-title-reveal_1fozn_1",
+	"cascivo-large-title-hairline": "_cascivo-large-title-hairline_1fozn_1"
+};
+//#endregion
+export { e as default };

package/dist/link/link.css

@@ -1 +1 @@
-@layer cascivo.component{._link_6dwxn_2{color:var(--cascivo-link-color,var(--cascivo-color-accent));cursor:pointer;border-radius:var(--cascivo-radius-item);text-underline-offset:.2em;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out)}._link_6dwxn_2:hover{color:var(--cascivo-color-accent-hover)}._link_6dwxn_2:active{color:var(--cascivo-color-accent-active)}._link_6dwxn_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_6dwxn_2[data-variant=standalone]{font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);text-decoration:none}._link_6dwxn_2[data-variant=standalone]:hover{text-decoration:underline}._link_6dwxn_2[data-variant=standalone][data-size=sm]{font-size:var(--cascivo-text-sm)}._link_6dwxn_2[data-variant=standalone][data-size=md]{font-size:var(--cascivo-text-base)}._link_6dwxn_2[data-variant=standalone][data-size=lg]{font-size:var(--cascivo-text-lg)}._link_6dwxn_2[data-variant=inline]{font:inherit;text-decoration:underline}._link_6dwxn_2[data-external]:after{content:"↗" / "";margin-inline-start:var(--cascivo-space-1);font-size:.8em}}
+@layer cascivo.component{._link_14poz_2{color:var(--cascivo-link-color,var(--cascivo-color-accent));cursor:pointer;border-radius:var(--cascivo-radius-item);text-underline-offset:.2em;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out)}._link_14poz_2:hover{color:var(--cascivo-color-accent-hover)}._link_14poz_2:active{color:var(--cascivo-color-accent-active)}._link_14poz_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._link_14poz_2[data-variant=standalone]{font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);text-decoration:none}._link_14poz_2[data-variant=standalone]:hover{text-decoration:underline}._link_14poz_2[data-variant=standalone][data-size=sm]{font-size:var(--cascivo-text-sm)}._link_14poz_2[data-variant=standalone][data-size=md]{font-size:var(--cascivo-text-base)}._link_14poz_2[data-variant=standalone][data-size=lg]{font-size:var(--cascivo-text-lg)}._link_14poz_2[data-variant=inline]{font:inherit;text-decoration:underline}._link_14poz_2[data-external]:not(:has(>svg:last-child)):after{content:"↗" / "";margin-inline-start:var(--cascivo-space-1);font-size:.8em}}

package/dist/link/link.module.js

@@ -1,4 +1,4 @@
 import './link.css';
-var e = { link: "_link_6dwxn_2" };
+var e = { link: "_link_14poz_2" };
 //#endregion
 export { e as default };

package/dist/menu/menu.js

@@ -2,32 +2,32 @@
 
 import { usePopover as e } from "../popover/use-popover.js";
 import t from "./menu.module.js";
-import { createContext as n } from "react";
-import { useSignalEffect as r, useSignals as i, useTypeahead as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Children as n, createContext as r, isValidElement as i } from "react";
+import { useSignalEffect as a, useSignals as o, useTypeahead as s } from "@cascivo/core";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/menu/menu.tsx
-var c = n(null);
-function l({ ctx: e, children: n }) {
-	i();
-	let { popoverRef: s, anchorName: c, isOpen: l } = e, u = () => {
-		let e = s.current;
+var u = r(null);
+function d({ ctx: e, children: n }) {
+	o();
+	let { popoverRef: r, anchorName: i, isOpen: l } = e, u = () => {
+		let e = r.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
 	}, d = (e) => {
 		let t = u();
 		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, f = a({ onMatch: (e) => {
+	}, f = s({ onMatch: (e) => {
 		u().find((t) => (t.textContent ?? "").trim().toLowerCase().startsWith(e))?.focus();
 	} });
-	return r(() => {
+	return a(() => {
 		if (!l.value) return;
-		let e = s.current;
+		let e = r.current;
 		e && e.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
-	}), /* @__PURE__ */ o("div", {
-		ref: s,
+	}), /* @__PURE__ */ c("div", {
+		ref: r,
 		popover: "auto",
 		role: "menu",
 		"data-state": l.value ? "open" : "closed",
-		style: { positionAnchor: c },
+		style: { positionAnchor: i },
 		className: t.panel,
 		onKeyDown: (e) => {
 			switch (e.key) {
@@ -49,74 +49,78 @@ function l({ ctx: e, children: n }) {
 		children: n
 	});
 }
-function u({ children: e }) {
-	return /* @__PURE__ */ o(c.Consumer, { children: (t) => {
+function f({ children: e }) {
+	return /* @__PURE__ */ c(u.Consumer, { children: (t) => {
 		if (!t) throw Error("MenuPanel must be inside <Menu>");
-		return /* @__PURE__ */ o(l, {
+		return /* @__PURE__ */ c(d, {
 			ctx: t,
 			children: e
 		});
 	} });
 }
-function d({ children: t }) {
-	let n = e(), [r, ...i] = Array.isArray(t) ? t : [t];
-	return /* @__PURE__ */ s(c.Provider, {
-		value: n,
-		children: [r, /* @__PURE__ */ o(u, { children: i })]
+function p() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function m({ children: t }) {
+	let r = e(), a = n.toArray(t), o = a.find((e) => i(e) && e.type === g), s = a.filter((e) => e !== o);
+	if (o === void 0 && p()) throw Error("<Menu> requires a <MenuTrigger> child. It is matched by component identity, so it may appear in any order — but it must be a direct child, not wrapped in a fragment or another component.");
+	return /* @__PURE__ */ l(u.Provider, {
+		value: r,
+		children: [o, /* @__PURE__ */ c(f, { children: s })]
 	});
 }
-function f({ ctx: e, children: n, ariaLabel: r, "aria-label": a }) {
-	i();
-	let { triggerRef: s, toggle: c, anchorName: l, isOpen: u } = e;
-	return /* @__PURE__ */ o("button", {
-		ref: s,
+function h({ ctx: e, children: n, ariaLabel: r, "aria-label": i }) {
+	o();
+	let { triggerRef: a, toggle: s, anchorName: l, isOpen: u } = e;
+	return /* @__PURE__ */ c("button", {
+		ref: a,
 		type: "button",
 		"aria-haspopup": "menu",
 		"aria-expanded": u.value,
-		"aria-label": r ?? a,
+		"aria-label": r ?? i,
 		style: { anchorName: l },
-		onClick: c,
+		onClick: s,
 		className: t.trigger,
 		children: n
 	});
 }
-function p({ children: e, ariaLabel: t, "aria-label": n }) {
+function g({ children: e, ariaLabel: t, "aria-label": n }) {
 	let r = t ?? n;
-	return /* @__PURE__ */ o(c.Consumer, { children: (t) => {
+	return /* @__PURE__ */ c(u.Consumer, { children: (t) => {
 		if (!t) throw Error("MenuTrigger must be inside <Menu>");
-		return /* @__PURE__ */ o(f, {
+		return /* @__PURE__ */ c(h, {
 			ctx: t,
 			...r !== void 0 && { ariaLabel: r },
 			children: e
 		});
 	} });
 }
-function m({ children: e, onSelect: n, disabled: r }) {
-	return /* @__PURE__ */ o(c.Consumer, { children: (i) => {
+function _({ children: e, onSelect: n, disabled: r }) {
+	return /* @__PURE__ */ c(u.Consumer, { children: (i) => {
 		if (!i) throw Error("MenuItem must be inside <Menu>");
 		let { close: a } = i;
-		function s() {
+		function o() {
 			r || (n(), a());
 		}
-		function c(e) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s());
+		function s(e) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), o());
 		}
-		return /* @__PURE__ */ o("div", {
+		return /* @__PURE__ */ c("div", {
 			role: "menuitem",
 			tabIndex: r ? -1 : 0,
 			"aria-disabled": r,
-			onClick: s,
-			onKeyDown: c,
+			onClick: o,
+			onKeyDown: s,
 			className: t.item,
 			children: e
 		});
 	} });
 }
-function h() {
-	return /* @__PURE__ */ o("div", {
+function v() {
+	return /* @__PURE__ */ c("div", {
 		role: "separator",
 		className: t.separator
 	});
 }
 //#endregion
-export { d as Menu, m as MenuItem, h as MenuSeparator, p as MenuTrigger };
+export { m as Menu, _ as MenuItem, v as MenuSeparator, g as MenuTrigger };

package/dist/node/badge/badge.js

@@ -3,7 +3,7 @@ import { cn as t, normalizeTone as n } from "@cascivo/core/pure";
 import { jsx as r } from "react/jsx-runtime";
 //#region ../components/src/badge/badge.tsx
 var i = {
-	neutral: "default",
+	neutral: "secondary",
 	info: "info",
 	success: "success",
 	warning: "warning",

package/dist/node/context-menu/context-menu.js

@@ -1,89 +1,93 @@
 "use client";
 
 import e from "./context-menu.module.js";
-import { useRef as t } from "react";
-import { useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Children as t, isValidElement as n, useRef as r } from "react";
+import { useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/context-menu/context-menu.tsx
-function s({ children: s }) {
-	i();
-	let c = t(null), l = t(null), u = n(!1), d = () => {
-		let e = c.current;
+function l() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function u({ children: u }) {
+	o();
+	let f = r(null), p = r(null), m = i(!1), h = () => {
+		let e = f.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
-	}, f = (e) => {
-		let t = d();
+	}, g = (e) => {
+		let t = h();
 		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, p = (e) => {
+	}, _ = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), f((e, t) => t < 0 ? 0 : (t + 1) % e.length);
+				e.preventDefault(), g((e, t) => t < 0 ? 0 : (t + 1) % e.length);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), f((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
+				e.preventDefault(), g((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
 				break;
 			case "Home":
-				e.preventDefault(), f(() => 0);
+				e.preventDefault(), g(() => 0);
 				break;
 			case "End":
-				e.preventDefault(), f((e) => e.length - 1);
+				e.preventDefault(), g((e) => e.length - 1);
 				break;
 		}
 	};
-	r(() => {
-		let e = c.current;
-		if (e) if (u.value) {
+	a(() => {
+		let e = f.current;
+		if (e) if (m.value) {
 			try {
 				e.showPopover();
 			} catch {}
-			d()[0]?.focus();
+			h()[0]?.focus();
 		} else try {
 			e.hidePopover();
 		} catch {}
-	}), r(() => {
-		let e = c.current;
+	}), a(() => {
+		let e = f.current;
 		if (!e) return;
 		let t = (e) => {
-			e.newState === "closed" && (u.value = !1);
+			e.newState === "closed" && (m.value = !1);
 		};
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	});
-	function m(e) {
+	function v(e) {
 		e.preventDefault();
-		let t = l.current;
-		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), u.value = !0);
+		let t = p.current;
+		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), m.value = !0);
 	}
-	let [h, ...g] = Array.isArray(s) ? s : [s];
-	return /* @__PURE__ */ o("div", {
-		ref: l,
-		onContextMenu: m,
+	let y = t.toArray(u), b = y.filter((e) => n(e) && e.type === d), x = y.filter((e) => !b.includes(e));
+	if (b.length === 0 && l()) throw Error("<ContextMenu> requires at least one <ContextMenuItem> child. Items are matched by component identity, so they must be direct children — not wrapped in a fragment or another component.");
+	return /* @__PURE__ */ c("div", {
+		ref: p,
+		onContextMenu: v,
 		className: e.wrapper,
-		children: [h, /* @__PURE__ */ a("div", {
-			ref: c,
+		children: [x, /* @__PURE__ */ s("div", {
+			ref: f,
 			popover: "auto",
 			role: "menu",
-			"data-state": u.value ? "open" : "closed",
+			"data-state": m.value ? "open" : "closed",
 			className: e.menu,
-			onKeyDown: p,
-			children: g
+			onKeyDown: _,
+			children: b
 		})]
 	});
 }
-function c({ children: t, onSelect: n, disabled: r }) {
+function d({ children: t, onSelect: n, disabled: r }) {
 	function i() {
 		r || n();
 	}
-	function o(e) {
+	function a(e) {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
 	}
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ s("div", {
 		role: "menuitem",
 		tabIndex: r ? -1 : 0,
 		"aria-disabled": r,
 		onClick: i,
-		onKeyDown: o,
+		onKeyDown: a,
 		className: e.item,
 		children: t
 	});
 }
 //#endregion
-export { s as ContextMenu, c as ContextMenuItem };
+export { u as ContextMenu, d as ContextMenuItem };

package/dist/node/infinite-scroll/infinite-scroll.js

@@ -0,0 +1,49 @@
+"use client";
+
+import { Spinner as e } from "../spinner/spinner.js";
+import t from "./infinite-scroll.module.js";
+import { useRef as n } from "react";
+import { cn as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { builtin as s, t as c } from "@cascivo/i18n";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region ../components/src/infinite-scroll/infinite-scroll.tsx
+function d({ onLoadMore: d, disabled: f = !1, rootMargin: p = "200px", labels: m, className: h }) {
+	o();
+	let g = n(null), _ = i(!1), v = n(d);
+	v.current = d;
+	let y = n(f);
+	y.current = f;
+	let b = () => {
+		_.value || y.current || (_.value = !0, Promise.resolve(v.current()).then(() => {
+			_.value = !1;
+		}, () => {
+			_.value = !1;
+		}));
+	}, x = n(b);
+	return x.current = b, a(() => {
+		let e = g.current;
+		if (!e || f || typeof IntersectionObserver > "u") return;
+		let t = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && x.current();
+		}, { rootMargin: p });
+		return t.observe(e), () => t.disconnect();
+	}), f ? null : /* @__PURE__ */ l("div", {
+		ref: g,
+		className: r(t.root, h),
+		children: _.value ? /* @__PURE__ */ u("span", {
+			className: t.status,
+			role: "status",
+			children: [/* @__PURE__ */ l(e, {
+				size: "sm",
+				"aria-hidden": "true"
+			}), m?.loading ?? c(s.infiniteScroll.loading)]
+		}) : /* @__PURE__ */ l("button", {
+			type: "button",
+			className: t.button,
+			onClick: b,
+			children: m?.loadMore ?? c(s.infiniteScroll.loadMore)
+		})
+	});
+}
+//#endregion
+export { d as InfiniteScroll };

package/dist/node/infinite-scroll/infinite-scroll.module.js

@@ -0,0 +1,7 @@
+var e = {
+	root: "_root_50go8_2",
+	status: "_status_50go8_9",
+	button: "_button_50go8_17"
+};
+//#endregion
+export { e as default };

package/dist/node/large-title-header/large-title-header.js

@@ -0,0 +1,38 @@
+import e from "./large-title-header.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/large-title-header/large-title-header.tsx
+function i({ title: i, children: a, leading: o, actions: s, level: c = 1, collapseDistance: l = 48, className: u }) {
+	let d = `h${c}`, f = { "--_collapse": `${l}px` };
+	return /* @__PURE__ */ r("div", {
+		className: t(e.root, u),
+		style: f,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: e.bar,
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: e.slot,
+						children: o
+					}),
+					/* @__PURE__ */ n("span", {
+						"aria-hidden": "true",
+						className: e.compactTitle,
+						children: i
+					}),
+					/* @__PURE__ */ n("div", {
+						className: t(e.slot, e.slotEnd),
+						children: s
+					})
+				]
+			}),
+			/* @__PURE__ */ n(d, {
+				className: e.largeTitle,
+				children: i
+			}),
+			a
+		]
+	});
+}
+//#endregion
+export { i as LargeTitleHeader };

package/dist/node/large-title-header/large-title-header.module.js

@@ -0,0 +1,12 @@
+var e = {
+	root: "_root_1fozn_6",
+	bar: "_bar_1fozn_12",
+	slot: "_slot_1fozn_29",
+	slotEnd: "_slotEnd_1fozn_37",
+	compactTitle: "_compactTitle_1fozn_41",
+	largeTitle: "_largeTitle_1fozn_56",
+	"cascivo-large-title-reveal": "_cascivo-large-title-reveal_1fozn_1",
+	"cascivo-large-title-hairline": "_cascivo-large-title-hairline_1fozn_1"
+};
+//#endregion
+export { e as default };

package/dist/node/link/link.module.js

@@ -1,3 +1,3 @@
-var e = { link: "_link_6dwxn_2" };
+var e = { link: "_link_14poz_2" };
 //#endregion
 export { e as default };

package/dist/node/menu/menu.js

@@ -2,32 +2,32 @@
 
 import { usePopover as e } from "../popover/use-popover.js";
 import t from "./menu.module.js";
-import { createContext as n } from "react";
-import { useSignalEffect as r, useSignals as i, useTypeahead as a } from "@cascivo/core";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Children as n, createContext as r, isValidElement as i } from "react";
+import { useSignalEffect as a, useSignals as o, useTypeahead as s } from "@cascivo/core";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/menu/menu.tsx
-var c = n(null);
-function l({ ctx: e, children: n }) {
-	i();
-	let { popoverRef: s, anchorName: c, isOpen: l } = e, u = () => {
-		let e = s.current;
+var u = r(null);
+function d({ ctx: e, children: n }) {
+	o();
+	let { popoverRef: r, anchorName: i, isOpen: l } = e, u = () => {
+		let e = r.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
 	}, d = (e) => {
 		let t = u();
 		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, f = a({ onMatch: (e) => {
+	}, f = s({ onMatch: (e) => {
 		u().find((t) => (t.textContent ?? "").trim().toLowerCase().startsWith(e))?.focus();
 	} });
-	return r(() => {
+	return a(() => {
 		if (!l.value) return;
-		let e = s.current;
+		let e = r.current;
 		e && e.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus();
-	}), /* @__PURE__ */ o("div", {
-		ref: s,
+	}), /* @__PURE__ */ c("div", {
+		ref: r,
 		popover: "auto",
 		role: "menu",
 		"data-state": l.value ? "open" : "closed",
-		style: { positionAnchor: c },
+		style: { positionAnchor: i },
 		className: t.panel,
 		onKeyDown: (e) => {
 			switch (e.key) {
@@ -49,74 +49,78 @@ function l({ ctx: e, children: n }) {
 		children: n
 	});
 }
-function u({ children: e }) {
-	return /* @__PURE__ */ o(c.Consumer, { children: (t) => {
+function f({ children: e }) {
+	return /* @__PURE__ */ c(u.Consumer, { children: (t) => {
 		if (!t) throw Error("MenuPanel must be inside <Menu>");
-		return /* @__PURE__ */ o(l, {
+		return /* @__PURE__ */ c(d, {
 			ctx: t,
 			children: e
 		});
 	} });
 }
-function d({ children: t }) {
-	let n = e(), [r, ...i] = Array.isArray(t) ? t : [t];
-	return /* @__PURE__ */ s(c.Provider, {
-		value: n,
-		children: [r, /* @__PURE__ */ o(u, { children: i })]
+function p() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function m({ children: t }) {
+	let r = e(), a = n.toArray(t), o = a.find((e) => i(e) && e.type === g), s = a.filter((e) => e !== o);
+	if (o === void 0 && p()) throw Error("<Menu> requires a <MenuTrigger> child. It is matched by component identity, so it may appear in any order — but it must be a direct child, not wrapped in a fragment or another component.");
+	return /* @__PURE__ */ l(u.Provider, {
+		value: r,
+		children: [o, /* @__PURE__ */ c(f, { children: s })]
 	});
 }
-function f({ ctx: e, children: n, ariaLabel: r, "aria-label": a }) {
-	i();
-	let { triggerRef: s, toggle: c, anchorName: l, isOpen: u } = e;
-	return /* @__PURE__ */ o("button", {
-		ref: s,
+function h({ ctx: e, children: n, ariaLabel: r, "aria-label": i }) {
+	o();
+	let { triggerRef: a, toggle: s, anchorName: l, isOpen: u } = e;
+	return /* @__PURE__ */ c("button", {
+		ref: a,
 		type: "button",
 		"aria-haspopup": "menu",
 		"aria-expanded": u.value,
-		"aria-label": r ?? a,
+		"aria-label": r ?? i,
 		style: { anchorName: l },
-		onClick: c,
+		onClick: s,
 		className: t.trigger,
 		children: n
 	});
 }
-function p({ children: e, ariaLabel: t, "aria-label": n }) {
+function g({ children: e, ariaLabel: t, "aria-label": n }) {
 	let r = t ?? n;
-	return /* @__PURE__ */ o(c.Consumer, { children: (t) => {
+	return /* @__PURE__ */ c(u.Consumer, { children: (t) => {
 		if (!t) throw Error("MenuTrigger must be inside <Menu>");
-		return /* @__PURE__ */ o(f, {
+		return /* @__PURE__ */ c(h, {
 			ctx: t,
 			...r !== void 0 && { ariaLabel: r },
 			children: e
 		});
 	} });
 }
-function m({ children: e, onSelect: n, disabled: r }) {
-	return /* @__PURE__ */ o(c.Consumer, { children: (i) => {
+function _({ children: e, onSelect: n, disabled: r }) {
+	return /* @__PURE__ */ c(u.Consumer, { children: (i) => {
 		if (!i) throw Error("MenuItem must be inside <Menu>");
 		let { close: a } = i;
-		function s() {
+		function o() {
 			r || (n(), a());
 		}
-		function c(e) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s());
+		function s(e) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), o());
 		}
-		return /* @__PURE__ */ o("div", {
+		return /* @__PURE__ */ c("div", {
 			role: "menuitem",
 			tabIndex: r ? -1 : 0,
 			"aria-disabled": r,
-			onClick: s,
-			onKeyDown: c,
+			onClick: o,
+			onKeyDown: s,
 			className: t.item,
 			children: e
 		});
 	} });
 }
-function h() {
-	return /* @__PURE__ */ o("div", {
+function v() {
+	return /* @__PURE__ */ c("div", {
 		role: "separator",
 		className: t.separator
 	});
 }
 //#endregion
-export { d as Menu, m as MenuItem, h as MenuSeparator, p as MenuTrigger };
+export { m as Menu, _ as MenuItem, v as MenuSeparator, g as MenuTrigger };