@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/navigation/Menu/Menu.mjs

@@ -1,7 +1,8 @@
-import { getChildRef as e, isSingleElement as t } from "../../../utils/refs.mjs";
-import { useMergedRef as n } from "../../../hooks/useMergedRef.mjs";
-import { cloneSlot as r } from "../../../utils/slot.mjs";
-import { Button as i } from "../../primitives/Button/Button.mjs";
+"use client";
+import { Button as e } from "../../primitives/Button/Button.mjs";
+import { useMergedRef as t } from "../../../hooks/useMergedRef.mjs";
+import { getChildRef as n, isSingleElement as r } from "../../../utils/refs.mjs";
+import { cloneSlot as i } from "../../../utils/slot.mjs";
 import { MenuLevelContext as a, MenuTreeContext as o, useMenuLevel as s, useMenuTree as c } from "./MenuContext.mjs";
 import { MenuContent as l } from "./MenuContent.mjs";
 import { useMenuRoot as u } from "./useMenuRoot.mjs";
@@ -9,7 +10,7 @@ import { MenuCheckboxItem as d, MenuGroup as f, MenuItem as p, MenuLabel as m, M
 import { MenuSub as v, MenuSubContent as y, MenuSubTrigger as b } from "./MenuSub.mjs";
 import { useRef as x } from "react";
 import { jsx as S } from "react/jsx-runtime";
-//#region src/components/navigation/Menu/Menu.tsx
+// src/components/navigation/Menu/Menu.tsx
 var C = ({ children: e, ...t }) => {
 	let { level: n, tree: r } = u(t);
 	return /* @__PURE__ */ S(o.Provider, {
@@ -27,14 +28,14 @@ function w(e) {
 var T = ({ children: a, asChild: o, onClick: l, onKeyDown: u, onPointerDown: d, id: f, ref: p, ...m }) => {
 	let h = s("Menu.Trigger");
 	c("Menu.Trigger");
-	let g = (o ?? t(a)) && t(a) ? a : null, _ = g ? e(g) : void 0, v = n(h.triggerRef, p, _), y = x(!1), b = (e) => {
-		u?.(e), !e.defaultPrevented && (e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), h.setOpen(!0, { focus: e.key === "ArrowDown" ? "first" : "last" })) : (e.key === "Enter" || e.key === " ") && (y.current = !0));
+	let g = (o ?? r(a)) && r(a) ? a : null, _ = g ? n(g) : void 0, v = t(h.triggerRef, p, _), y = x(!1), b = (e) => {
+		u?.(e), e.defaultPrevented || (e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), h.setOpen(!0, { focus: e.key === "ArrowDown" ? "first" : "last" })) : (e.key === "Enter" || e.key === " ") && (y.current = !0));
 	}, C = (e) => {
 		d?.(e), y.current = !1;
 	}, T = (e) => {
 		l?.(e);
 		let t = y.current || e.detail === 0;
-		y.current = !1, !e.defaultPrevented && (h.open ? h.setOpen(!1, { restore: "force" }) : h.setOpen(!0, { focus: t ? "first" : "content" }));
+		y.current = !1, e.defaultPrevented || (h.open ? h.setOpen(!1, { restore: "force" }) : h.setOpen(!0, { focus: t ? "first" : "content" }));
 	}, E = g ? g.props.id : void 0, D = {
 		id: f ?? E ?? h.triggerId,
 		"aria-haspopup": "menu",
@@ -45,10 +46,10 @@ var T = ({ children: a, asChild: o, onClick: l, onKeyDown: u, onPointerDown: d,
 		onKeyDown: b,
 		onPointerDown: C
 	};
-	return g ? r(g, {
+	return g ? i(g, {
 		...w(m),
 		...D
-	}, v) : /* @__PURE__ */ S(i, {
+	}, v) : /* @__PURE__ */ S(e, {
 		...m,
 		...D,
 		ref: v,
@@ -68,5 +69,4 @@ var T = ({ children: a, asChild: o, onClick: l, onKeyDown: u, onPointerDown: d,
 	SubTrigger: b,
 	SubContent: y
 });
-//#endregion
 export { E as Menu, d as MenuCheckboxItem, l as MenuContent, f as MenuGroup, p as MenuItem, m as MenuLabel, h as MenuRadioGroup, g as MenuRadioItem, _ as MenuSeparator, v as MenuSub, y as MenuSubContent, b as MenuSubTrigger, T as MenuTrigger };

package/dist/components/navigation/Menu/Menu.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Menu/Menu.module.css
+// src/components/navigation/Menu/Menu.module.css
 var e = "_positioner_g4nth_15", t = "_content_g4nth_27", n = "_sm_g4nth_113", r = "_md_g4nth_127", i = "_lg_g4nth_141", a = "_item_g4nth_221", o = "_subTrigger_g4nth_305", s = "_danger_g4nth_315", c = "_indicator_g4nth_357", l = "_icon_g4nth_359", u = "_chevron_g4nth_361", d = "_label_g4nth_413", f = "_shortcut_g4nth_425", p = "_group_g4nth_481", m = "_groupLabel_g4nth_493", h = "_separator_g4nth_521", g = {
 	positioner: e,
 	content: t,
@@ -18,5 +18,4 @@ var e = "_positioner_g4nth_15", t = "_content_g4nth_27", n = "_sm_g4nth_113", r
 	groupLabel: m,
 	separator: h
 };
-//#endregion
 export { u as chevron, t as content, s as danger, g as default, p as group, m as groupLabel, l as icon, c as indicator, a as item, d as label, i as lg, r as md, e as positioner, h as separator, f as shortcut, n as sm, o as subTrigger };

package/dist/components/navigation/Menu/MenuContent.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useOverlayLayer.cjs.js"),t=require("../../../hooks/useFloatingPosition.cjs.js"),n=require("../../../hooks/useFocusTrap.cjs.js"),r=require("../../../hooks/useMergedRef.cjs.js"),i=require("../../../utils/cx.cjs.js"),a=require("../../utilities/Portal/Portal.cjs.js"),o=require("./MenuContext.cjs.js"),s=require("./Menu.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={sm:s.default.sm,md:s.default.md,lg:s.default.lg},d=500;function f(e,t){if(!t)return e;let[n,r]=e.split(`-`);return n!==`top`&&n!==`bottom`||!r?e:`${n}-${r===`start`?`end`:`start`}`}var p=({container:e,...t})=>{let n=o.useMenuLevel(`Menu.Content`),r=o.useMenuTree(`Menu.Content`);return n.open?(0,l.jsx)(a.Portal,{container:e,children:(0,l.jsx)(m,{...t,level:n,tree:r})}):null},m=({level:a,tree:p,children:m,placement:h,offset:g,maxHeight:_,className:v,style:y,ref:b,onKeyDown:x,onPointerEnter:S,onFocus:C,"aria-label":w,"aria-labelledby":T,...E})=>{let D=(0,c.useRef)(null),O=r.useMergedRef(a.contentRef,b),[k,A]=(0,c.useState)(`ltr`);(0,c.useLayoutEffect)(()=>{let e=(a.anchorRef??a.triggerRef).current;e&&A(getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`)},[a.anchorRef,a.triggerRef]);let j=f(h??(a.isSub?o.defaultSubPlacement(k===`rtl`):`bottom-start`),k===`rtl`),M=t.useFloatingPosition(a.anchorRef??a.triggerRef,D,{open:!0,placement:j,offset:g??(a.isSub?4:8)}),N=M.isPositioned,P=M.placement.split(`-`)[0],F=e.useOverlayLayer({active:!0,elements:()=>[D,a.anchorRef??a.triggerRef],onEscape:()=>a.setOpen(!1,{restore:`force`}),onOutsidePress:e=>{if(a.isSub){a.setOpen(!1,{restore:`auto`});return}let t=e.target instanceof Element?e.target:null;a.setOpen(!1,{restore:t?.closest(`a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),label,summary,iframe,[contenteditable='true'],[tabindex]`)?`none`:`deferred`})}});(0,c.useEffect)(()=>{if(!N||a.openFocusRef.current===`none`)return;let e=a.contentRef.current;if(e)return n.focusWhenReady(()=>{let t=a.openFocusRef.current;if(t===`none`||!e.isConnected)return null;let n=o.getMenuItems(e),r=(t===`first`?n[0]:t===`last`?n[n.length-1]:null)??e;return o.focusItem(r),document.activeElement===r&&(a.openFocusRef.current=`none`),r})},[N,a.focusNonce,a.openFocusRef,a.contentRef]),(0,c.useLayoutEffect)(()=>{let{contentRef:e,triggerRef:t,restoreModeRef:n,isSub:r}=a,i=e.current,o=`[data-menu-tree="${p.treeId}"]`;return()=>{let e=n.current;if(n.current=`auto`,r&&p.closingAllRef.current)return;let a=document.activeElement,s=!a||a===document.body||(r?!!i?.contains(a):!!a.closest(o)),c=()=>{let e=t.current;e?.isConnected&&e.focus({preventScroll:!0})};e===`force`||e===`auto`&&s?c():e===`deferred`&&window.setTimeout(c,0)}},[]);let I=(0,c.useRef)({buffer:``,timer:0});(0,c.useEffect)(()=>()=>window.clearTimeout(I.current.timer),[]);let L=(e,t,n)=>{let r=I.current;window.clearTimeout(r.timer),r.buffer+=e.toLowerCase(),r.timer=window.setTimeout(()=>{r.buffer=``},d);let i=r.buffer,a=Array.from(i).every(e=>e===i[0]),s=a?i[0]:i,c=a?n+1:Math.max(n,0),l=[...t.slice(c),...t.slice(0,c)].find(e=>o.getItemText(e).toLowerCase().startsWith(s));l&&o.focusItem(l)},R=e=>{if(x?.(e),e.defaultPrevented)return;let t=a.contentRef.current,n=e.target;if(!t||!t.contains(n))return;let r=o.getMenuItems(t),i=n.closest(`[${o.ITEM_ATTR}]`),s=i?r.indexOf(i):-1,c=getComputedStyle(t).direction===`rtl`,l=c?`ArrowLeft`:`ArrowRight`,u=c?`ArrowRight`:`ArrowLeft`,d=r.length-1,f=()=>{a.openSub!==null&&a.setOpenSub(null)};switch(e.key){case`ArrowDown`:e.preventDefault(),f(),r.length&&o.focusItem(r[(s+1)%r.length]);return;case`ArrowUp`:e.preventDefault(),f(),r.length&&o.focusItem(r[s<=0?d:s-1]);return;case`Home`:case`PageUp`:e.preventDefault(),f(),o.focusItem(r[0]);return;case`End`:case`PageDown`:e.preventDefault(),f(),o.focusItem(r[d]);return;case l:i?.getAttribute(`aria-haspopup`)===`menu`&&(e.preventDefault(),i.click());return;case u:a.isSub&&(e.preventDefault(),a.setOpen(!1,{restore:`force`}));return;case`Enter`:case` `:if(e.key===` `&&I.current.buffer){e.preventDefault(),L(` `,r,s);return}if(i){if(e.preventDefault(),e.repeat)return;i.click()}return;case`Tab`:p.focusRootTrigger(),p.closeAll(`none`);return;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&(e.preventDefault(),L(e.key,r,s))}},z=e=>{C?.(e);let t=a.contentRef.current,n=e.target;if(t&&n.hasAttribute(`data-menu-item`)&&t.contains(n))for(let e of o.getMenuItems(t))e.tabIndex=e===n?0:-1},B=e=>{S?.(e),a.parent?.cancelSubTimer()},V=T??(w?void 0:a.triggerRef.current?.id||a.triggerId),H=_===void 0?y:{...y,"--_max-h":typeof _==`number`?`${_}px`:_};return(0,l.jsx)(e.OverlayLayerProvider,{layer:F,children:(0,l.jsx)(o.MenuLevelContext.Provider,{value:a,children:(0,l.jsx)(`div`,{ref:D,className:s.default.positioner,style:M.style,dir:k,children:(0,l.jsx)(`div`,{"aria-label":w,"aria-labelledby":V,tabIndex:-1,...E,role:`menu`,"aria-orientation":`vertical`,id:a.contentId,ref:O,className:i.cx(s.default.content,u[p.size],v),style:H,"data-side":P,"data-state":`open`,"data-menu-tree":p.treeId,onKeyDown:R,onPointerEnter:B,onFocus:z,children:m})})})})};exports.MenuContent=p,exports.MenuSurface=m;
+"use client";const e=require("../../../hooks/useFloatingPosition.cjs.js"),t=require("../../../hooks/useFocusTrap.cjs.js"),n=require("../../../hooks/useOverlayLayer.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../utilities/Portal/Portal.cjs.js"),a=require("../../../hooks/useMergedRef.cjs.js"),o=require("./MenuContext.cjs.js"),s=require("./Menu.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={sm:s.default.sm,md:s.default.md,lg:s.default.lg},d=500;function f(e,t){if(!t)return e;let[n,r]=e.split(`-`);return n!==`top`&&n!==`bottom`||!r?e:`${n}-${r===`start`?`end`:`start`}`}var p=({container:e,...t})=>{let n=o.useMenuLevel(`Menu.Content`),r=o.useMenuTree(`Menu.Content`);return n.open?(0,l.jsx)(i.Portal,{container:e,children:(0,l.jsx)(m,{...t,level:n,tree:r})}):null},m=({level:i,tree:p,children:m,placement:h,offset:g,maxHeight:_,className:v,style:y,ref:b,onKeyDown:x,onPointerEnter:S,onFocus:C,"aria-label":w,"aria-labelledby":T,...E})=>{let D=(0,c.useRef)(null),O=a.useMergedRef(i.contentRef,b),[k,A]=(0,c.useState)(`ltr`);(0,c.useLayoutEffect)(()=>{let e=(i.anchorRef??i.triggerRef).current;e&&A(getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`)},[i.anchorRef,i.triggerRef]);let j=f(h??(i.isSub?o.defaultSubPlacement(k===`rtl`):`bottom-start`),k===`rtl`),M=e.useFloatingPosition(i.anchorRef??i.triggerRef,D,{open:!0,placement:j,offset:g??(i.isSub?4:8)}),N=M.isPositioned,P=M.placement.split(`-`)[0],F=n.useOverlayLayer({active:!0,elements:()=>[D,i.anchorRef??i.triggerRef],onEscape:()=>i.setOpen(!1,{restore:`force`}),onOutsidePress:e=>{if(i.isSub){i.setOpen(!1,{restore:`auto`});return}let t=e.target instanceof Element?e.target:null;i.setOpen(!1,{restore:t?.closest(`a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),label,summary,iframe,[contenteditable='true'],[tabindex]`)?`none`:`deferred`})}});(0,c.useEffect)(()=>{if(!N||i.openFocusRef.current===`none`)return;let e=i.contentRef.current;if(e)return t.focusWhenReady(()=>{let t=i.openFocusRef.current;if(t===`none`||!e.isConnected)return null;let n=o.getMenuItems(e),r=(t===`first`?n[0]:t===`last`?n[n.length-1]:null)??e;return o.focusItem(r),document.activeElement===r&&(i.openFocusRef.current=`none`),r})},[N,i.focusNonce,i.openFocusRef,i.contentRef]),(0,c.useLayoutEffect)(()=>{let{contentRef:e,triggerRef:t,restoreModeRef:n,isSub:r}=i,a=e.current,o=`[data-menu-tree="${p.treeId}"]`;return()=>{let e=n.current;if(n.current=`auto`,r&&p.closingAllRef.current)return;let i=document.activeElement,s=!i||i===document.body||(r?!!a?.contains(i):!!i.closest(o)),c=()=>{let e=t.current;e?.isConnected&&e.focus({preventScroll:!0})};e===`force`||e===`auto`&&s?c():e===`deferred`&&window.setTimeout(c,0)}},[]);let I=(0,c.useRef)({buffer:``,timer:0});(0,c.useEffect)(()=>()=>window.clearTimeout(I.current.timer),[]);let L=(e,t,n)=>{let r=I.current;window.clearTimeout(r.timer),r.buffer+=e.toLowerCase(),r.timer=window.setTimeout(()=>{r.buffer=``},d);let i=r.buffer,a=Array.from(i).every(e=>e===i[0]),s=a?i[0]:i,c=a?n+1:Math.max(n,0),l=[...t.slice(c),...t.slice(0,c)].find(e=>o.getItemText(e).toLowerCase().startsWith(s));l&&o.focusItem(l)},R=e=>{if(x?.(e),e.defaultPrevented)return;let t=i.contentRef.current,n=e.target;if(!t||!t.contains(n))return;let r=o.getMenuItems(t),a=n.closest(`[${o.ITEM_ATTR}]`),s=a?r.indexOf(a):-1,c=getComputedStyle(t).direction===`rtl`,l=c?`ArrowLeft`:`ArrowRight`,u=c?`ArrowRight`:`ArrowLeft`,d=r.length-1,f=()=>{i.openSub!==null&&i.setOpenSub(null)};switch(e.key){case`ArrowDown`:e.preventDefault(),f(),r.length&&o.focusItem(r[(s+1)%r.length]);return;case`ArrowUp`:e.preventDefault(),f(),r.length&&o.focusItem(r[s<=0?d:s-1]);return;case`Home`:case`PageUp`:e.preventDefault(),f(),o.focusItem(r[0]);return;case`End`:case`PageDown`:e.preventDefault(),f(),o.focusItem(r[d]);return;case l:a?.getAttribute(`aria-haspopup`)===`menu`&&(e.preventDefault(),a.click());return;case u:i.isSub&&(e.preventDefault(),i.setOpen(!1,{restore:`force`}));return;case`Enter`:case` `:if(e.key===` `&&I.current.buffer){e.preventDefault(),L(` `,r,s);return}if(a){if(e.preventDefault(),e.repeat)return;a.click()}return;case`Tab`:p.focusRootTrigger(),p.closeAll(`none`);return;default:e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey||(e.preventDefault(),L(e.key,r,s))}},z=e=>{C?.(e);let t=i.contentRef.current,n=e.target;if(t&&n.hasAttribute(`data-menu-item`)&&t.contains(n))for(let e of o.getMenuItems(t))e.tabIndex=e===n?0:-1},B=e=>{S?.(e),i.parent?.cancelSubTimer()},V=T??(w?void 0:i.triggerRef.current?.id||i.triggerId),H=_===void 0?y:{...y,"--_max-h":typeof _==`number`?`${_}px`:_};return(0,l.jsx)(n.OverlayLayerProvider,{layer:F,children:(0,l.jsx)(o.MenuLevelContext.Provider,{value:i,children:(0,l.jsx)(`div`,{ref:D,className:s.default.positioner,style:M.style,dir:k,children:(0,l.jsx)(`div`,{"aria-label":w,"aria-labelledby":V,tabIndex:-1,...E,role:`menu`,"aria-orientation":`vertical`,id:i.contentId,ref:O,className:r.cx(s.default.content,u[p.size],v),style:H,"data-side":P,"data-state":`open`,"data-menu-tree":p.treeId,onKeyDown:R,onPointerEnter:B,onFocus:z,children:m})})})})};exports.MenuContent=p,exports.MenuSurface=m;

package/dist/components/navigation/Menu/MenuContent.mjs

@@ -1,14 +1,15 @@
-import { OverlayLayerProvider as e, useOverlayLayer as t } from "../../../hooks/useOverlayLayer.mjs";
-import { useFloatingPosition as n } from "../../../hooks/useFloatingPosition.mjs";
-import { focusWhenReady as r } from "../../../hooks/useFocusTrap.mjs";
-import { useMergedRef as i } from "../../../hooks/useMergedRef.mjs";
-import { cx as a } from "../../../utils/cx.mjs";
-import { Portal as o } from "../../utilities/Portal/Portal.mjs";
+"use client";
+import { useFloatingPosition as e } from "../../../hooks/useFloatingPosition.mjs";
+import { focusWhenReady as t } from "../../../hooks/useFocusTrap.mjs";
+import { OverlayLayerProvider as n, useOverlayLayer as r } from "../../../hooks/useOverlayLayer.mjs";
+import { cx as i } from "../../../utils/cx.mjs";
+import { Portal as a } from "../../utilities/Portal/Portal.mjs";
+import { useMergedRef as o } from "../../../hooks/useMergedRef.mjs";
 import { ITEM_ATTR as s, MenuLevelContext as c, defaultSubPlacement as l, focusItem as u, getItemText as d, getMenuItems as f, useMenuLevel as p, useMenuTree as m } from "./MenuContext.mjs";
 import h from "./Menu.module.css.mjs";
 import { useEffect as g, useLayoutEffect as _, useRef as v, useState as y } from "react";
 import { jsx as b } from "react/jsx-runtime";
-//#region src/components/navigation/Menu/MenuContent.tsx
+// src/components/navigation/Menu/MenuContent.tsx
 var x = {
 	sm: h.sm,
 	md: h.md,
@@ -21,7 +22,7 @@ function C(e, t) {
 }
 var w = ({ container: e, ...t }) => {
 	let n = p("Menu.Content"), r = m("Menu.Content");
-	return n.open ? /* @__PURE__ */ b(o, {
+	return n.open ? /* @__PURE__ */ b(a, {
 		container: e,
 		children: /* @__PURE__ */ b(T, {
 			...t,
@@ -29,49 +30,49 @@ var w = ({ container: e, ...t }) => {
 			tree: r
 		})
 	}) : null;
-}, T = ({ level: o, tree: p, children: m, placement: w, offset: T, maxHeight: E, className: D, style: O, ref: k, onKeyDown: A, onPointerEnter: j, onFocus: M, "aria-label": N, "aria-labelledby": P, ...F }) => {
-	let I = v(null), L = i(o.contentRef, k), [R, z] = y("ltr");
+}, T = ({ level: a, tree: p, children: m, placement: w, offset: T, maxHeight: E, className: D, style: O, ref: k, onKeyDown: A, onPointerEnter: j, onFocus: M, "aria-label": N, "aria-labelledby": P, ...F }) => {
+	let I = v(null), L = o(a.contentRef, k), [R, z] = y("ltr");
 	_(() => {
-		let e = (o.anchorRef ?? o.triggerRef).current;
+		let e = (a.anchorRef ?? a.triggerRef).current;
 		e && z(getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr");
-	}, [o.anchorRef, o.triggerRef]);
-	let B = C(w ?? (o.isSub ? l(R === "rtl") : "bottom-start"), R === "rtl"), V = n(o.anchorRef ?? o.triggerRef, I, {
+	}, [a.anchorRef, a.triggerRef]);
+	let B = C(w ?? (a.isSub ? l(R === "rtl") : "bottom-start"), R === "rtl"), V = e(a.anchorRef ?? a.triggerRef, I, {
 		open: !0,
 		placement: B,
-		offset: T ?? (o.isSub ? 4 : 8)
-	}), H = V.isPositioned, U = V.placement.split("-")[0], W = t({
+		offset: T ?? (a.isSub ? 4 : 8)
+	}), H = V.isPositioned, U = V.placement.split("-")[0], W = r({
 		active: !0,
-		elements: () => [I, o.anchorRef ?? o.triggerRef],
-		onEscape: () => o.setOpen(!1, { restore: "force" }),
+		elements: () => [I, a.anchorRef ?? a.triggerRef],
+		onEscape: () => a.setOpen(!1, { restore: "force" }),
 		onOutsidePress: (e) => {
-			if (o.isSub) {
-				o.setOpen(!1, { restore: "auto" });
+			if (a.isSub) {
+				a.setOpen(!1, { restore: "auto" });
 				return;
 			}
 			let t = e.target instanceof Element ? e.target : null;
-			o.setOpen(!1, { restore: t?.closest("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),label,summary,iframe,[contenteditable='true'],[tabindex]") ? "none" : "deferred" });
+			a.setOpen(!1, { restore: t?.closest("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),label,summary,iframe,[contenteditable='true'],[tabindex]") ? "none" : "deferred" });
 		}
 	});
 	g(() => {
-		if (!H || o.openFocusRef.current === "none") return;
-		let e = o.contentRef.current;
-		if (e) return r(() => {
-			let t = o.openFocusRef.current;
+		if (!H || a.openFocusRef.current === "none") return;
+		let e = a.contentRef.current;
+		if (e) return t(() => {
+			let t = a.openFocusRef.current;
 			if (t === "none" || !e.isConnected) return null;
 			let n = f(e), r = (t === "first" ? n[0] : t === "last" ? n[n.length - 1] : null) ?? e;
-			return u(r), document.activeElement === r && (o.openFocusRef.current = "none"), r;
+			return u(r), document.activeElement === r && (a.openFocusRef.current = "none"), r;
 		});
 	}, [
 		H,
-		o.focusNonce,
-		o.openFocusRef,
-		o.contentRef
+		a.focusNonce,
+		a.openFocusRef,
+		a.contentRef
 	]), _(() => {
-		let { contentRef: e, triggerRef: t, restoreModeRef: n, isSub: r } = o, i = e.current, a = `[data-menu-tree="${p.treeId}"]`;
+		let { contentRef: e, triggerRef: t, restoreModeRef: n, isSub: r } = a, i = e.current, o = `[data-menu-tree="${p.treeId}"]`;
 		return () => {
 			let e = n.current;
 			if (n.current = "auto", r && p.closingAllRef.current) return;
-			let o = document.activeElement, s = !o || o === document.body || (r ? !!i?.contains(o) : !!o.closest(a)), c = () => {
+			let a = document.activeElement, s = !a || a === document.body || (r ? !!i?.contains(a) : !!a.closest(o)), c = () => {
 				let e = t.current;
 				e?.isConnected && e.focus({ preventScroll: !0 });
 			};
@@ -92,17 +93,17 @@ var w = ({ container: e, ...t }) => {
 		c && u(c);
 	}, q = (e) => {
 		if (A?.(e), e.defaultPrevented) return;
-		let t = o.contentRef.current, n = e.target;
+		let t = a.contentRef.current, n = e.target;
 		if (!t || !t.contains(n)) return;
-		let r = f(t), i = n.closest(`[${s}]`), a = i ? r.indexOf(i) : -1, c = getComputedStyle(t).direction === "rtl", l = c ? "ArrowLeft" : "ArrowRight", d = c ? "ArrowRight" : "ArrowLeft", m = r.length - 1, h = () => {
-			o.openSub !== null && o.setOpenSub(null);
+		let r = f(t), i = n.closest(`[${s}]`), o = i ? r.indexOf(i) : -1, c = getComputedStyle(t).direction === "rtl", l = c ? "ArrowLeft" : "ArrowRight", d = c ? "ArrowRight" : "ArrowLeft", m = r.length - 1, h = () => {
+			a.openSub !== null && a.setOpenSub(null);
 		};
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), h(), r.length && u(r[(a + 1) % r.length]);
+				e.preventDefault(), h(), r.length && u(r[(o + 1) % r.length]);
 				return;
 			case "ArrowUp":
-				e.preventDefault(), h(), r.length && u(r[a <= 0 ? m : a - 1]);
+				e.preventDefault(), h(), r.length && u(r[o <= 0 ? m : o - 1]);
 				return;
 			case "Home":
 			case "PageUp":
@@ -116,12 +117,12 @@ var w = ({ container: e, ...t }) => {
 				i?.getAttribute("aria-haspopup") === "menu" && (e.preventDefault(), i.click());
 				return;
 			case d:
-				o.isSub && (e.preventDefault(), o.setOpen(!1, { restore: "force" }));
+				a.isSub && (e.preventDefault(), a.setOpen(!1, { restore: "force" }));
 				return;
 			case "Enter":
 			case " ":
 				if (e.key === " " && G.current.buffer) {
-					e.preventDefault(), K(" ", r, a);
+					e.preventDefault(), K(" ", r, o);
 					return;
 				}
 				if (i) {
@@ -132,22 +133,22 @@ var w = ({ container: e, ...t }) => {
 			case "Tab":
 				p.focusRootTrigger(), p.closeAll("none");
 				return;
-			default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), K(e.key, r, a));
+			default: e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey || (e.preventDefault(), K(e.key, r, o));
 		}
 	}, J = (e) => {
 		M?.(e);
-		let t = o.contentRef.current, n = e.target;
+		let t = a.contentRef.current, n = e.target;
 		if (t && n.hasAttribute("data-menu-item") && t.contains(n)) for (let e of f(t)) e.tabIndex = e === n ? 0 : -1;
 	}, Y = (e) => {
-		j?.(e), o.parent?.cancelSubTimer();
-	}, X = P ?? (N ? void 0 : o.triggerRef.current?.id || o.triggerId), Z = E === void 0 ? O : {
+		j?.(e), a.parent?.cancelSubTimer();
+	}, X = P ?? (N ? void 0 : a.triggerRef.current?.id || a.triggerId), Z = E === void 0 ? O : {
 		...O,
 		"--_max-h": typeof E == "number" ? `${E}px` : E
 	};
-	return /* @__PURE__ */ b(e, {
+	return /* @__PURE__ */ b(n, {
 		layer: W,
 		children: /* @__PURE__ */ b(c.Provider, {
-			value: o,
+			value: a,
 			children: /* @__PURE__ */ b("div", {
 				ref: I,
 				className: h.positioner,
@@ -160,9 +161,9 @@ var w = ({ container: e, ...t }) => {
 					...F,
 					role: "menu",
 					"aria-orientation": "vertical",
-					id: o.contentId,
+					id: a.contentId,
 					ref: L,
-					className: a(h.content, x[p.size], D),
+					className: i(h.content, x[p.size], D),
 					style: Z,
 					"data-side": U,
 					"data-state": "open",
@@ -176,5 +177,4 @@ var w = ({ container: e, ...t }) => {
 		})
 	});
 };
-//#endregion
 export { w as MenuContent, T as MenuSurface };

package/dist/components/navigation/Menu/MenuContext.cjs.js

@@ -1 +1 @@
-let e=require("react");var t=(0,e.createContext)(null),n=(0,e.createContext)(null),r=(0,e.createContext)(null);function i(n){let r=(0,e.useContext)(t);if(!r)throw Error(`${n} must be rendered inside <Menu>.`);return r}function a(t){let r=(0,e.useContext)(n);if(!r)throw Error(`${t} must be rendered inside <Menu>.`);return r}function o(t){let n=(0,e.useContext)(r);if(!n)throw Error(`${t} must be rendered inside <Menu.Sub>.`);return n}function s(){let[t,n]=(0,e.useState)(null),r=(0,e.useRef)(void 0),i=(0,e.useRef)(void 0),a=(0,e.useCallback)(()=>{r.current!==void 0&&window.clearTimeout(r.current),r.current=void 0,i.current=void 0},[]),o=(0,e.useCallback)(e=>{a(),n(e)},[a]),s=(0,e.useCallback)(e=>{a(),n(t=>t===e?null:t)},[a]),c=(0,e.useCallback)((e,t)=>{(r.current===void 0||i.current!==e)&&(a(),i.current=e,r.current=window.setTimeout(()=>{r.current=void 0,i.current=void 0,n(e)},t))},[a]);return(0,e.useEffect)(()=>a,[a]),(0,e.useMemo)(()=>({openSub:t,setOpenSub:o,closeSub:s,scheduleSub:c,cancelSubTimer:a}),[t,o,s,c,a])}var c=`data-menu-item`;function l(e){return Array.from(e.querySelectorAll(`[${c}]`)).filter(t=>t.closest(`[role="menu"]`)===e)}function u(e){return e.getAttribute(`data-menu-text`)||(e.querySelector(`[data-menu-label]`)?.textContent??e.textContent??``).trim()}function d(e){e&&(e.focus({preventScroll:!0}),e.scrollIntoView?.({block:`nearest`}))}var f=`a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),label,summary,iframe,[contenteditable='true'],[tabindex]`;function p(e){return e?`left-start`:`right-start`}exports.ITEM_ATTR=c,exports.MenuLevelContext=n,exports.MenuSubContext=r,exports.MenuTreeContext=t,exports.PRESS_FOCUSABLE=f,exports.defaultSubPlacement=p,exports.focusItem=d,exports.getItemText=u,exports.getMenuItems=l,exports.useMenuLevel=a,exports.useMenuSub=o,exports.useMenuTree=i,exports.useSubmenuState=s;
+"use client";let e=require("react");var t=(0,e.createContext)(null),n=(0,e.createContext)(null),r=(0,e.createContext)(null);function i(n){let r=(0,e.useContext)(t);if(!r)throw Error(`${n} must be rendered inside <Menu>.`);return r}function a(t){let r=(0,e.useContext)(n);if(!r)throw Error(`${t} must be rendered inside <Menu>.`);return r}function o(t){let n=(0,e.useContext)(r);if(!n)throw Error(`${t} must be rendered inside <Menu.Sub>.`);return n}function s(){let[t,n]=(0,e.useState)(null),r=(0,e.useRef)(void 0),i=(0,e.useRef)(void 0),a=(0,e.useCallback)(()=>{r.current!==void 0&&window.clearTimeout(r.current),r.current=void 0,i.current=void 0},[]),o=(0,e.useCallback)(e=>{a(),n(e)},[a]),s=(0,e.useCallback)(e=>{a(),n(t=>t===e?null:t)},[a]),c=(0,e.useCallback)((e,t)=>{(r.current===void 0||i.current!==e)&&(a(),i.current=e,r.current=window.setTimeout(()=>{r.current=void 0,i.current=void 0,n(e)},t))},[a]);return(0,e.useEffect)(()=>a,[a]),(0,e.useMemo)(()=>({openSub:t,setOpenSub:o,closeSub:s,scheduleSub:c,cancelSubTimer:a}),[t,o,s,c,a])}var c=`data-menu-item`;function l(e){return Array.from(e.querySelectorAll(`[${c}]`)).filter(t=>t.closest(`[role="menu"]`)===e)}function u(e){return e.getAttribute(`data-menu-text`)||(e.querySelector(`[data-menu-label]`)?.textContent??e.textContent??``).trim()}function d(e){e&&(e.focus({preventScroll:!0}),e.scrollIntoView?.({block:`nearest`}))}var f=`a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),label,summary,iframe,[contenteditable='true'],[tabindex]`;function p(e){return e?`left-start`:`right-start`}exports.ITEM_ATTR=c,exports.MenuLevelContext=n,exports.MenuSubContext=r,exports.MenuTreeContext=t,exports.PRESS_FOCUSABLE=f,exports.defaultSubPlacement=p,exports.focusItem=d,exports.getItemText=u,exports.getMenuItems=l,exports.useMenuLevel=a,exports.useMenuSub=o,exports.useMenuTree=i,exports.useSubmenuState=s;

package/dist/components/navigation/Menu/MenuContext.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-//#region src/components/navigation/Menu/MenuContext.ts
+// src/components/navigation/Menu/MenuContext.ts
 var s = e(null), c = e(null), l = e(null);
 function u(e) {
 	let t = n(s);
@@ -56,5 +57,4 @@ var v = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabl
 function y(e) {
 	return e ? "left-start" : "right-start";
 }
-//#endregion
 export { m as ITEM_ATTR, c as MenuLevelContext, l as MenuSubContext, s as MenuTreeContext, v as PRESS_FOCUSABLE, y as defaultSubPlacement, _ as focusItem, g as getItemText, h as getMenuItems, d as useMenuLevel, f as useMenuSub, u as useMenuTree, p as useSubmenuState };

package/dist/components/navigation/Menu/MenuItem.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useMergedRef.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("../../primitives/Icon/Icon.cjs.js"),a=require("../../primitives/Kbd/Kbd.cjs.js"),o=require("./MenuContext.cjs.js"),s=require("./Menu.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={neutral:void 0,danger:s.default.danger};function d(e){let t={target:e,defaultPrevented:!1,preventDefault:()=>{t.defaultPrevented=!0}};return t}var f={cmd:`Meta`,meta:`Meta`,ctrl:`Control`,alt:`Alt`,option:`Alt`,shift:`Shift`,enter:`Enter`,return:`Enter`,esc:`Escape`,tab:`Tab`,space:`Space`,backspace:`Backspace`,delete:`Delete`,capslock:`CapsLock`,up:`ArrowUp`,down:`ArrowDown`,left:`ArrowLeft`,right:`ArrowRight`,pageup:`PageUp`,pagedown:`PageDown`,home:`Home`,end:`End`};function p(e,t){return e.map(e=>{let n=e.toLowerCase();return n===`mod`?t===`mac`?`Meta`:`Control`:f[n]??(e.length===1?e.toUpperCase():e)}).join(`+`)}var m={sm:`sm`,md:`sm`,lg:`md`},h=100,g=300,_={x:NaN,y:NaN},v=({role:e,tone:r=`neutral`,disabled:i=!1,icon:c,indicator:d,shortcut:f,end:v,href:y,target:b,rel:x,subId:S,textValue:C,onActivate:w,children:T,className:E,onClick:D,onPointerMove:O,ref:k,"aria-keyshortcuts":A,...j})=>{let M=o.useMenuLevel(`Menu.Item`),N=o.useMenuTree(`Menu.Item`),P=a.useKbdPlatform(),F=t.useMergedRef(k),I=e=>{if(O?.(e),e.defaultPrevented||e.pointerType===`touch`)return;let t=_.x!==e.clientX||_.y!==e.clientY;if(_.x=e.clientX,_.y=e.clientY,!t)return;let n=e.currentTarget,r=S&&M.openSub===S?document.getElementById(n.getAttribute(`aria-controls`)??``):null,a=!!r&&r.contains(document.activeElement);document.activeElement!==n&&!a&&n.focus({preventScroll:!0}),S?M.openSub===S?M.cancelSubTimer():i||M.scheduleSub(S,h):M.openSub!==null&&M.scheduleSub(null,g)},L=e=>{if(i){e.preventDefault();return}D?.(e),!e.defaultPrevented&&w(e)},R=Array.isArray(f),z=A??(R?p(f,P):void 0),B={...j,ref:F,role:e,tabIndex:-1,"aria-disabled":i||void 0,"aria-keyshortcuts":z,"data-disabled":i?``:void 0,"data-menu-text":C,[o.ITEM_ATTR]:``,className:n.cx(s.default.item,u[r],E),onClick:L,onPointerMove:I},V=(0,l.jsxs)(l.Fragment,{children:[d!==void 0&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.indicator,children:d}),c&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.icon,children:c}),(0,l.jsx)(`span`,{className:s.default.label,"data-menu-label":``,children:T}),f!=null&&f!==!1&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.shortcut,children:R?(0,l.jsx)(a.KbdShortcut,{keys:f,size:m[N.size],variant:`soft`}):f}),v]});return y!==void 0&&!i?(0,l.jsx)(`a`,{...B,href:y,target:b,rel:x,children:V}):(0,l.jsx)(`div`,{...B,children:V})};function y(e,t){let n=o.useMenuTree(`Menu.Item`);return r=>{(e??n.closeOnSelect??t)&&!r.defaultPrevented&&n.closeAll(`force`)}}var b=({onSelect:e,closeOnSelect:t,...n})=>{let r=y(t,!0);return(0,l.jsx)(v,{...n,role:`menuitem`,onActivate:t=>{let n=d(t.currentTarget);e?.(n),r(n)}})},x=({checked:t,defaultChecked:n=!1,onCheckedChange:i,onSelect:a,closeOnSelect:o,...s})=>{let[c,u]=e.useControllableState({value:t,defaultValue:n,onChange:i}),f=y(o,!1);return(0,l.jsx)(v,{...s,role:`menuitemcheckbox`,"aria-checked":c,"data-state":c?`checked`:`unchecked`,indicator:c?(0,l.jsx)(r.CheckIcon,{size:`sm`,strokeWidth:3}):null,onActivate:e=>{let t=d(e.currentTarget);a?.(t),u(!c),f(t)}})},S=(0,c.createContext)(null);function C(){let e=(0,c.useId)(),[t,n]=(0,c.useState)(null);return{value:(0,c.useMemo)(()=>({defaultLabelId:e,setLabelId:n}),[e]),labelledBy:t??void 0}}var w=({className:e,children:t,...r})=>{let{value:i,labelledBy:a}=C();return(0,l.jsx)(S.Provider,{value:i,children:(0,l.jsx)(`div`,{role:`group`,"aria-labelledby":r[`aria-label`]?void 0:a,...r,className:n.cx(s.default.group,e),children:t})})},T=({className:e,id:t,...r})=>{let i=(0,c.useContext)(S),a=t??i?.defaultLabelId,o=i?.setLabelId;return(0,c.useLayoutEffect)(()=>{if(o&&a)return o(a),()=>o(null)},[o,a]),(0,l.jsx)(`div`,{...r,id:a,className:n.cx(s.default.groupLabel,e)})},E=({className:e,...t})=>(0,l.jsx)(`div`,{role:`separator`,"aria-orientation":`horizontal`,...t,className:n.cx(s.default.separator,e)}),D=(0,c.createContext)(null),O=({value:t,defaultValue:r,onValueChange:i,className:a,children:o,...u})=>{let[d,f]=e.useControllableState({value:t,defaultValue:r??null,onChange:e=>{e!==null&&i?.(e)}}),p=(0,c.useMemo)(()=>({value:d,setValue:f}),[d,f]),{value:m,labelledBy:h}=C();return(0,l.jsx)(S.Provider,{value:m,children:(0,l.jsx)(D.Provider,{value:p,children:(0,l.jsx)(`div`,{role:`group`,"aria-labelledby":u[`aria-label`]?void 0:h,...u,className:n.cx(s.default.group,a),children:o})})})},k=({value:e,onSelect:t,closeOnSelect:n,...r})=>{let a=(0,c.useContext)(D),o=y(n,!1);if(!a)throw Error(`Menu.RadioItem must be rendered inside <Menu.RadioGroup>.`);let s=a.value===e;return(0,l.jsx)(v,{...r,role:`menuitemradio`,"aria-checked":s,"data-state":s?`checked`:`unchecked`,indicator:s?(0,l.jsx)(i.Icon,{size:`sm`,children:(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`5`,fill:`currentColor`,stroke:`none`})}):null,onActivate:n=>{let r=d(n.currentTarget);t?.(r),a.setValue(e),o(r)}})};exports.MenuCheckboxItem=x,exports.MenuGroup=w,exports.MenuItem=b,exports.MenuItemBase=v,exports.MenuLabel=T,exports.MenuRadioGroup=O,exports.MenuRadioItem=k,exports.MenuSeparator=E;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),r=require("../../primitives/Icon/Icon.cjs.js"),i=require("../../primitives/Kbd/Kbd.cjs.js"),a=require("../../../hooks/useMergedRef.cjs.js"),o=require("./MenuContext.cjs.js"),s=require("./Menu.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={neutral:void 0,danger:s.default.danger};function d(e){let t={target:e,defaultPrevented:!1,preventDefault:()=>{t.defaultPrevented=!0}};return t}var f={cmd:`Meta`,meta:`Meta`,ctrl:`Control`,alt:`Alt`,option:`Alt`,shift:`Shift`,enter:`Enter`,return:`Enter`,esc:`Escape`,tab:`Tab`,space:`Space`,backspace:`Backspace`,delete:`Delete`,capslock:`CapsLock`,up:`ArrowUp`,down:`ArrowDown`,left:`ArrowLeft`,right:`ArrowRight`,pageup:`PageUp`,pagedown:`PageDown`,home:`Home`,end:`End`};function p(e,t){return e.map(e=>{let n=e.toLowerCase();return n===`mod`?t===`mac`?`Meta`:`Control`:f[n]??(e.length===1?e.toUpperCase():e)}).join(`+`)}var m={sm:`sm`,md:`sm`,lg:`md`},h=100,g=300,_={x:NaN,y:NaN},v=({role:e,tone:n=`neutral`,disabled:r=!1,icon:c,indicator:d,shortcut:f,end:v,href:y,target:b,rel:x,subId:S,textValue:C,onActivate:w,children:T,className:E,onClick:D,onPointerMove:O,ref:k,"aria-keyshortcuts":A,...j})=>{let M=o.useMenuLevel(`Menu.Item`),N=o.useMenuTree(`Menu.Item`),P=i.useKbdPlatform(),F=a.useMergedRef(k),I=e=>{if(O?.(e),e.defaultPrevented||e.pointerType===`touch`)return;let t=_.x!==e.clientX||_.y!==e.clientY;if(_.x=e.clientX,_.y=e.clientY,!t)return;let n=e.currentTarget,i=S&&M.openSub===S?document.getElementById(n.getAttribute(`aria-controls`)??``):null,a=!!i&&i.contains(document.activeElement);document.activeElement!==n&&!a&&n.focus({preventScroll:!0}),S?M.openSub===S?M.cancelSubTimer():r||M.scheduleSub(S,h):M.openSub!==null&&M.scheduleSub(null,g)},L=e=>{r?e.preventDefault():(D?.(e),e.defaultPrevented||w(e))},R=Array.isArray(f),z=A??(R?p(f,P):void 0),B={...j,ref:F,role:e,tabIndex:-1,"aria-disabled":r||void 0,"aria-keyshortcuts":z,"data-disabled":r?``:void 0,"data-menu-text":C,[o.ITEM_ATTR]:``,className:t.cx(s.default.item,u[n],E),onClick:L,onPointerMove:I},V=(0,l.jsxs)(l.Fragment,{children:[d!==void 0&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.indicator,children:d}),c&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.icon,children:c}),(0,l.jsx)(`span`,{className:s.default.label,"data-menu-label":``,children:T}),f!=null&&f!==!1&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.shortcut,children:R?(0,l.jsx)(i.KbdShortcut,{keys:f,size:m[N.size],variant:`soft`}):f}),v]});return y!==void 0&&!r?(0,l.jsx)(`a`,{...B,href:y,target:b,rel:x,children:V}):(0,l.jsx)(`div`,{...B,children:V})};function y(e,t){let n=o.useMenuTree(`Menu.Item`);return r=>{(e??n.closeOnSelect??t)&&!r.defaultPrevented&&n.closeAll(`force`)}}var b=({onSelect:e,closeOnSelect:t,...n})=>{let r=y(t,!0);return(0,l.jsx)(v,{...n,role:`menuitem`,onActivate:t=>{let n=d(t.currentTarget);e?.(n),r(n)}})},x=({checked:t,defaultChecked:r=!1,onCheckedChange:i,onSelect:a,closeOnSelect:o,...s})=>{let[c,u]=e.useControllableState({value:t,defaultValue:r,onChange:i}),f=y(o,!1);return(0,l.jsx)(v,{...s,role:`menuitemcheckbox`,"aria-checked":c,"data-state":c?`checked`:`unchecked`,indicator:c?(0,l.jsx)(n.CheckIcon,{size:`sm`,strokeWidth:3}):null,onActivate:e=>{let t=d(e.currentTarget);a?.(t),u(!c),f(t)}})},S=(0,c.createContext)(null);function C(){let e=(0,c.useId)(),[t,n]=(0,c.useState)(null);return{value:(0,c.useMemo)(()=>({defaultLabelId:e,setLabelId:n}),[e]),labelledBy:t??void 0}}var w=({className:e,children:n,...r})=>{let{value:i,labelledBy:a}=C();return(0,l.jsx)(S.Provider,{value:i,children:(0,l.jsx)(`div`,{role:`group`,"aria-labelledby":r[`aria-label`]?void 0:a,...r,className:t.cx(s.default.group,e),children:n})})},T=({className:e,id:n,...r})=>{let i=(0,c.useContext)(S),a=n??i?.defaultLabelId,o=i?.setLabelId;return(0,c.useLayoutEffect)(()=>{if(o&&a)return o(a),()=>o(null)},[o,a]),(0,l.jsx)(`div`,{...r,id:a,className:t.cx(s.default.groupLabel,e)})},E=({className:e,...n})=>(0,l.jsx)(`div`,{role:`separator`,"aria-orientation":`horizontal`,...n,className:t.cx(s.default.separator,e)}),D=(0,c.createContext)(null),O=({value:n,defaultValue:r,onValueChange:i,className:a,children:o,...u})=>{let[d,f]=e.useControllableState({value:n,defaultValue:r??null,onChange:e=>{e!==null&&i?.(e)}}),p=(0,c.useMemo)(()=>({value:d,setValue:f}),[d,f]),{value:m,labelledBy:h}=C();return(0,l.jsx)(S.Provider,{value:m,children:(0,l.jsx)(D.Provider,{value:p,children:(0,l.jsx)(`div`,{role:`group`,"aria-labelledby":u[`aria-label`]?void 0:h,...u,className:t.cx(s.default.group,a),children:o})})})},k=({value:e,onSelect:t,closeOnSelect:n,...i})=>{let a=(0,c.useContext)(D),o=y(n,!1);if(!a)throw Error(`Menu.RadioItem must be rendered inside <Menu.RadioGroup>.`);let s=a.value===e;return(0,l.jsx)(v,{...i,role:`menuitemradio`,"aria-checked":s,"data-state":s?`checked`:`unchecked`,indicator:s?(0,l.jsx)(r.Icon,{size:`sm`,children:(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`5`,fill:`currentColor`,stroke:`none`})}):null,onActivate:n=>{let r=d(n.currentTarget);t?.(r),a.setValue(e),o(r)}})};exports.MenuCheckboxItem=x,exports.MenuGroup=w,exports.MenuItem=b,exports.MenuItemBase=v,exports.MenuLabel=T,exports.MenuRadioGroup=O,exports.MenuRadioItem=k,exports.MenuSeparator=E;

package/dist/components/navigation/Menu/MenuItem.mjs

@@ -1,14 +1,15 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMergedRef as t } from "../../../hooks/useMergedRef.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { CheckIcon as r } from "../../primitives/Icon/icons.mjs";
-import { Icon as i } from "../../primitives/Icon/Icon.mjs";
-import { KbdShortcut as a, useKbdPlatform as o } from "../../primitives/Kbd/Kbd.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { CheckIcon as n } from "../../primitives/Icon/icons.mjs";
+import { Icon as r } from "../../primitives/Icon/Icon.mjs";
+import { KbdShortcut as i, useKbdPlatform as a } from "../../primitives/Kbd/Kbd.mjs";
+import { useMergedRef as o } from "../../../hooks/useMergedRef.mjs";
 import { ITEM_ATTR as s, useMenuLevel as c, useMenuTree as l } from "./MenuContext.mjs";
 import u from "./Menu.module.css.mjs";
 import { createContext as d, useContext as f, useId as p, useLayoutEffect as m, useMemo as h, useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-//#region src/components/navigation/Menu/MenuItem.tsx
+// src/components/navigation/Menu/MenuItem.tsx
 var b = {
 	neutral: void 0,
 	danger: u.danger
@@ -60,30 +61,26 @@ var w = {
 }, T = 100, E = 300, D = {
 	x: NaN,
 	y: NaN
-}, O = ({ role: e, tone: r = "neutral", disabled: i = !1, icon: d, indicator: f, shortcut: p, end: m, href: h, target: g, rel: x, subId: S, textValue: O, onActivate: k, children: A, className: j, onClick: M, onPointerMove: N, ref: P, "aria-keyshortcuts": F, ...I }) => {
-	let L = c("Menu.Item"), R = l("Menu.Item"), z = o(), B = t(P), V = (e) => {
+}, O = ({ role: e, tone: n = "neutral", disabled: r = !1, icon: d, indicator: f, shortcut: p, end: m, href: h, target: g, rel: x, subId: S, textValue: O, onActivate: k, children: A, className: j, onClick: M, onPointerMove: N, ref: P, "aria-keyshortcuts": F, ...I }) => {
+	let L = c("Menu.Item"), R = l("Menu.Item"), z = a(), B = o(P), V = (e) => {
 		if (N?.(e), e.defaultPrevented || e.pointerType === "touch") return;
 		let t = D.x !== e.clientX || D.y !== e.clientY;
 		if (D.x = e.clientX, D.y = e.clientY, !t) return;
-		let n = e.currentTarget, r = S && L.openSub === S ? document.getElementById(n.getAttribute("aria-controls") ?? "") : null, a = !!r && r.contains(document.activeElement);
-		document.activeElement !== n && !a && n.focus({ preventScroll: !0 }), S ? L.openSub === S ? L.cancelSubTimer() : i || L.scheduleSub(S, T) : L.openSub !== null && L.scheduleSub(null, E);
+		let n = e.currentTarget, i = S && L.openSub === S ? document.getElementById(n.getAttribute("aria-controls") ?? "") : null, a = !!i && i.contains(document.activeElement);
+		document.activeElement !== n && !a && n.focus({ preventScroll: !0 }), S ? L.openSub === S ? L.cancelSubTimer() : r || L.scheduleSub(S, T) : L.openSub !== null && L.scheduleSub(null, E);
 	}, H = (e) => {
-		if (i) {
-			e.preventDefault();
-			return;
-		}
-		M?.(e), !e.defaultPrevented && k(e);
+		r ? e.preventDefault() : (M?.(e), e.defaultPrevented || k(e));
 	}, U = Array.isArray(p), W = F ?? (U ? C(p, z) : void 0), G = {
 		...I,
 		ref: B,
 		role: e,
 		tabIndex: -1,
-		"aria-disabled": i || void 0,
+		"aria-disabled": r || void 0,
 		"aria-keyshortcuts": W,
-		"data-disabled": i ? "" : void 0,
+		"data-disabled": r ? "" : void 0,
 		"data-menu-text": O,
 		[s]: "",
-		className: n(u.item, b[r], j),
+		className: t(u.item, b[n], j),
 		onClick: H,
 		onPointerMove: V
 	}, K = /* @__PURE__ */ y(_, { children: [
@@ -105,7 +102,7 @@ var w = {
 		p != null && p !== !1 && /* @__PURE__ */ v("span", {
 			"aria-hidden": "true",
 			className: u.shortcut,
-			children: U ? /* @__PURE__ */ v(a, {
+			children: U ? /* @__PURE__ */ v(i, {
 				keys: p,
 				size: w[R.size],
 				variant: "soft"
@@ -113,7 +110,7 @@ var w = {
 		}),
 		m
 	] });
-	return h !== void 0 && !i ? /* @__PURE__ */ v("a", {
+	return h !== void 0 && !r ? /* @__PURE__ */ v("a", {
 		...G,
 		href: h,
 		target: g,
@@ -140,10 +137,10 @@ var A = ({ onSelect: e, closeOnSelect: t, ...n }) => {
 			e?.(n), r(n);
 		}
 	});
-}, j = ({ checked: t, defaultChecked: n = !1, onCheckedChange: i, onSelect: a, closeOnSelect: o, ...s }) => {
+}, j = ({ checked: t, defaultChecked: r = !1, onCheckedChange: i, onSelect: a, closeOnSelect: o, ...s }) => {
 	let [c, l] = e({
 		value: t,
-		defaultValue: n,
+		defaultValue: r,
 		onChange: i
 	}), u = k(o, !1);
 	return /* @__PURE__ */ v(O, {
@@ -151,7 +148,7 @@ var A = ({ onSelect: e, closeOnSelect: t, ...n }) => {
 		role: "menuitemcheckbox",
 		"aria-checked": c,
 		"data-state": c ? "checked" : "unchecked",
-		indicator: c ? /* @__PURE__ */ v(r, {
+		indicator: c ? /* @__PURE__ */ v(n, {
 			size: "sm",
 			strokeWidth: 3
 		}) : null,
@@ -171,7 +168,7 @@ function N() {
 		labelledBy: t ?? void 0
 	};
 }
-var P = ({ className: e, children: t, ...r }) => {
+var P = ({ className: e, children: n, ...r }) => {
 	let { value: i, labelledBy: a } = N();
 	return /* @__PURE__ */ v(M.Provider, {
 		value: i,
@@ -179,27 +176,27 @@ var P = ({ className: e, children: t, ...r }) => {
 			role: "group",
 			"aria-labelledby": r["aria-label"] ? void 0 : a,
 			...r,
-			className: n(u.group, e),
-			children: t
+			className: t(u.group, e),
+			children: n
 		})
 	});
-}, F = ({ className: e, id: t, ...r }) => {
-	let i = f(M), a = t ?? i?.defaultLabelId, o = i?.setLabelId;
+}, F = ({ className: e, id: n, ...r }) => {
+	let i = f(M), a = n ?? i?.defaultLabelId, o = i?.setLabelId;
 	return m(() => {
 		if (o && a) return o(a), () => o(null);
 	}, [o, a]), /* @__PURE__ */ v("div", {
 		...r,
 		id: a,
-		className: n(u.groupLabel, e)
+		className: t(u.groupLabel, e)
 	});
-}, I = ({ className: e, ...t }) => /* @__PURE__ */ v("div", {
+}, I = ({ className: e, ...n }) => /* @__PURE__ */ v("div", {
 	role: "separator",
 	"aria-orientation": "horizontal",
-	...t,
-	className: n(u.separator, e)
-}), L = d(null), R = ({ value: t, defaultValue: r, onValueChange: i, className: a, children: o, ...s }) => {
+	...n,
+	className: t(u.separator, e)
+}), L = d(null), R = ({ value: n, defaultValue: r, onValueChange: i, className: a, children: o, ...s }) => {
 	let [c, l] = e({
-		value: t,
+		value: n,
 		defaultValue: r ?? null,
 		onChange: (e) => {
 			e !== null && i?.(e);
@@ -216,21 +213,21 @@ var P = ({ className: e, children: t, ...r }) => {
 				role: "group",
 				"aria-labelledby": s["aria-label"] ? void 0 : p,
 				...s,
-				className: n(u.group, a),
+				className: t(u.group, a),
 				children: o
 			})
 		})
 	});
-}, z = ({ value: e, onSelect: t, closeOnSelect: n, ...r }) => {
+}, z = ({ value: e, onSelect: t, closeOnSelect: n, ...i }) => {
 	let a = f(L), o = k(n, !1);
 	if (!a) throw Error("Menu.RadioItem must be rendered inside <Menu.RadioGroup>.");
 	let s = a.value === e;
 	return /* @__PURE__ */ v(O, {
-		...r,
+		...i,
 		role: "menuitemradio",
 		"aria-checked": s,
 		"data-state": s ? "checked" : "unchecked",
-		indicator: s ? /* @__PURE__ */ v(i, {
+		indicator: s ? /* @__PURE__ */ v(r, {
 			size: "sm",
 			children: /* @__PURE__ */ v("circle", {
 				cx: "12",
@@ -246,5 +243,4 @@ var P = ({ className: e, children: t, ...r }) => {
 		}
 	});
 };
-//#endregion
 export { j as MenuCheckboxItem, P as MenuGroup, A as MenuItem, O as MenuItemBase, F as MenuLabel, R as MenuRadioGroup, z as MenuRadioItem, I as MenuSeparator };

package/dist/components/navigation/Menu/MenuSub.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useMergedRef.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../utilities/Portal/Portal.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("./MenuContext.cjs.js"),a=require("./Menu.module.css.cjs.js"),o=require("./MenuContent.cjs.js"),s=require("./MenuItem.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u=({children:e,onOpenChange:t})=>{let n=i.useMenuLevel(`Menu.Sub`),r=`sub-${(0,c.useId)()}`,a=n.open&&n.openSub===r,o=(0,c.useRef)(null),s=(0,c.useRef)(null),u=(0,c.useRef)(`none`),d=(0,c.useRef)(`auto`),[f,p]=(0,c.useState)(0),m=i.useSubmenuState(),{setOpenSub:h}=m,{setOpenSub:g,closeSub:_}=n,v=(0,c.useCallback)((e,t={})=>{e?(d.current=`auto`,u.current=t.focus??`none`,p(e=>e+1),g(r)):(d.current=t.restore??`auto`,_(r))},[r,g,_]);(0,c.useEffect)(()=>{a||(h(null),u.current=`none`)},[a,h]);let y=(0,c.useRef)(t);y.current=t;let b=(0,c.useRef)(!0);(0,c.useEffect)(()=>{if(b.current){b.current=!1;return}y.current?.(a)},[a]);let x=(0,c.useMemo)(()=>({id:r,isSub:!0,open:a,setOpen:v,focusNonce:f,openFocusRef:u,restoreModeRef:d,triggerRef:o,contentRef:s,contentId:`${r}-menu`,triggerId:`${r}-trigger`,parent:n,...m}),[r,a,v,f,n,m]);return(0,l.jsx)(i.MenuSubContext.Provider,{value:x,children:e})},d=({ref:n,id:o,className:c,...u})=>{let d=i.useMenuSub(`Menu.SubTrigger`),f=e.useMergedRef(d.triggerRef,n);return(0,l.jsx)(s.MenuItemBase,{...u,ref:f,id:o??d.triggerId,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":d.open,"aria-controls":d.open?d.contentId:void 0,"data-state":d.open?`open`:`closed`,subId:d.id,className:t.cx(a.default.subTrigger,c),end:(0,l.jsx)(`span`,{"aria-hidden":`true`,className:a.default.chevron,children:(0,l.jsx)(r.ChevronRightIcon,{size:`sm`})}),onActivate:e=>{d.setOpen(!0,{focus:e.detail===0?`first`:`none`})}})},f=({container:e,...t})=>{let r=i.useMenuSub(`Menu.SubContent`),a=i.useMenuTree(`Menu.SubContent`);return r.open?(0,l.jsx)(n.Portal,{container:e,children:(0,l.jsx)(o.MenuSurface,{...t,level:r,tree:a})}):null};exports.MenuSub=u,exports.MenuSubContent=f,exports.MenuSubTrigger=d;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../primitives/Icon/icons.cjs.js"),n=require("../../utilities/Portal/Portal.cjs.js"),r=require("../../../hooks/useMergedRef.cjs.js"),i=require("./MenuContext.cjs.js"),a=require("./MenuContent.cjs.js"),o=require("./MenuItem.cjs.js"),s=require("./Menu.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u=({children:e,onOpenChange:t})=>{let n=i.useMenuLevel(`Menu.Sub`),r=`sub-${(0,c.useId)()}`,a=n.open&&n.openSub===r,o=(0,c.useRef)(null),s=(0,c.useRef)(null),u=(0,c.useRef)(`none`),d=(0,c.useRef)(`auto`),[f,p]=(0,c.useState)(0),m=i.useSubmenuState(),{setOpenSub:h}=m,{setOpenSub:g,closeSub:_}=n,v=(0,c.useCallback)((e,t={})=>{e?(d.current=`auto`,u.current=t.focus??`none`,p(e=>e+1),g(r)):(d.current=t.restore??`auto`,_(r))},[r,g,_]);(0,c.useEffect)(()=>{a||(h(null),u.current=`none`)},[a,h]);let y=(0,c.useRef)(t);y.current=t;let b=(0,c.useRef)(!0);(0,c.useEffect)(()=>{b.current?b.current=!1:y.current?.(a)},[a]);let x=(0,c.useMemo)(()=>({id:r,isSub:!0,open:a,setOpen:v,focusNonce:f,openFocusRef:u,restoreModeRef:d,triggerRef:o,contentRef:s,contentId:`${r}-menu`,triggerId:`${r}-trigger`,parent:n,...m}),[r,a,v,f,n,m]);return(0,l.jsx)(i.MenuSubContext.Provider,{value:x,children:e})},d=({ref:n,id:a,className:c,...u})=>{let d=i.useMenuSub(`Menu.SubTrigger`),f=r.useMergedRef(d.triggerRef,n);return(0,l.jsx)(o.MenuItemBase,{...u,ref:f,id:a??d.triggerId,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":d.open,"aria-controls":d.open?d.contentId:void 0,"data-state":d.open?`open`:`closed`,subId:d.id,className:e.cx(s.default.subTrigger,c),end:(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.chevron,children:(0,l.jsx)(t.ChevronRightIcon,{size:`sm`})}),onActivate:e=>{d.setOpen(!0,{focus:e.detail===0?`first`:`none`})}})},f=({container:e,...t})=>{let r=i.useMenuSub(`Menu.SubContent`),o=i.useMenuTree(`Menu.SubContent`);return r.open?(0,l.jsx)(n.Portal,{container:e,children:(0,l.jsx)(a.MenuSurface,{...t,level:r,tree:o})}):null};exports.MenuSub=u,exports.MenuSubContent=f,exports.MenuSubTrigger=d;

package/dist/components/navigation/Menu/MenuSub.mjs

@@ -1,14 +1,15 @@
-import { useMergedRef as e } from "../../../hooks/useMergedRef.mjs";
-import { cx as t } from "../../../utils/cx.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { ChevronRightIcon as t } from "../../primitives/Icon/icons.mjs";
 import { Portal as n } from "../../utilities/Portal/Portal.mjs";
-import { ChevronRightIcon as r } from "../../primitives/Icon/icons.mjs";
+import { useMergedRef as r } from "../../../hooks/useMergedRef.mjs";
 import { MenuSubContext as i, useMenuLevel as a, useMenuSub as o, useMenuTree as s, useSubmenuState as c } from "./MenuContext.mjs";
-import l from "./Menu.module.css.mjs";
-import { MenuSurface as u } from "./MenuContent.mjs";
-import { MenuItemBase as d } from "./MenuItem.mjs";
+import { MenuSurface as l } from "./MenuContent.mjs";
+import { MenuItemBase as u } from "./MenuItem.mjs";
+import d from "./Menu.module.css.mjs";
 import { useCallback as f, useEffect as p, useId as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { jsx as v } from "react/jsx-runtime";
-//#region src/components/navigation/Menu/MenuSub.tsx
+// src/components/navigation/Menu/MenuSub.tsx
 var y = ({ children: e, onOpenChange: t }) => {
 	let n = a("Menu.Sub"), r = `sub-${m()}`, o = n.open && n.openSub === r, s = g(null), l = g(null), u = g("none"), d = g("auto"), [y, b] = _(0), x = c(), { setOpenSub: S } = x, { setOpenSub: C, closeSub: w } = n, T = f((e, t = {}) => {
 		e ? (d.current = "auto", u.current = t.focus ?? "none", b((e) => e + 1), C(r)) : (d.current = t.restore ?? "auto", w(r));
@@ -24,11 +25,7 @@ var y = ({ children: e, onOpenChange: t }) => {
 	E.current = t;
 	let D = g(!0);
 	p(() => {
-		if (D.current) {
-			D.current = !1;
-			return;
-		}
-		E.current?.(o);
+		D.current ? D.current = !1 : E.current?.(o);
 	}, [o]);
 	let O = h(() => ({
 		id: r,
@@ -57,10 +54,10 @@ var y = ({ children: e, onOpenChange: t }) => {
 		children: e
 	});
 }, b = ({ ref: n, id: i, className: a, ...s }) => {
-	let c = o("Menu.SubTrigger"), u = e(c.triggerRef, n);
-	return /* @__PURE__ */ v(d, {
+	let c = o("Menu.SubTrigger"), l = r(c.triggerRef, n);
+	return /* @__PURE__ */ v(u, {
 		...s,
-		ref: u,
+		ref: l,
 		id: i ?? c.triggerId,
 		role: "menuitem",
 		"aria-haspopup": "menu",
@@ -68,11 +65,11 @@ var y = ({ children: e, onOpenChange: t }) => {
 		"aria-controls": c.open ? c.contentId : void 0,
 		"data-state": c.open ? "open" : "closed",
 		subId: c.id,
-		className: t(l.subTrigger, a),
+		className: e(d.subTrigger, a),
 		end: /* @__PURE__ */ v("span", {
 			"aria-hidden": "true",
-			className: l.chevron,
-			children: /* @__PURE__ */ v(r, { size: "sm" })
+			className: d.chevron,
+			children: /* @__PURE__ */ v(t, { size: "sm" })
 		}),
 		onActivate: (e) => {
 			c.setOpen(!0, { focus: e.detail === 0 ? "first" : "none" });
@@ -82,12 +79,11 @@ var y = ({ children: e, onOpenChange: t }) => {
 	let r = o("Menu.SubContent"), i = s("Menu.SubContent");
 	return r.open ? /* @__PURE__ */ v(n, {
 		container: e,
-		children: /* @__PURE__ */ v(u, {
+		children: /* @__PURE__ */ v(l, {
 			...t,
 			level: r,
 			tree: i
 		})
 	}) : null;
 };
-//#endregion
 export { y as MenuSub, x as MenuSubContent, b as MenuSubTrigger };

package/dist/components/navigation/Menu/useMenuRoot.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("./MenuContext.cjs.js");let n=require("react");function r({open:r,defaultOpen:i=!1,onOpenChange:a,size:o=`md`,closeOnSelect:s,anchorRef:c}){let[l,u]=e.useControllableState({value:r,defaultValue:i,onChange:a}),d=(0,n.useRef)(null),f=(0,n.useRef)(null),p=(0,n.useRef)(i?`first`:`none`),m=(0,n.useRef)(`auto`),h=(0,n.useRef)(!1),[g,_]=(0,n.useState)(0),v=t.useSubmenuState(),{setOpenSub:y}=v,b=(0,n.useId)(),x=(0,n.useCallback)((e,t={})=>{e?(h.current=!1,m.current=`auto`,p.current=t.focus??`first`,_(e=>e+1)):m.current=t.restore??`auto`,u(e)},[u]);return(0,n.useEffect)(()=>{l?h.current=!1:y(null)},[l,y]),{level:(0,n.useMemo)(()=>({id:b,isSub:!1,open:l,setOpen:x,focusNonce:g,openFocusRef:p,restoreModeRef:m,triggerRef:d,anchorRef:c,contentRef:f,contentId:`${b}-menu`,triggerId:`${b}-trigger`,parent:null,...v}),[l,x,g,b,v,c]),tree:(0,n.useMemo)(()=>({treeId:b,size:o,closeOnSelect:s,closingAllRef:h,closeAll:(e=`force`)=>{h.current=!0,x(!1,{restore:e}),window.setTimeout(()=>{h.current=!1},0)},focusRootTrigger:()=>d.current?.focus({preventScroll:!0})}),[b,o,s,x])}}exports.useMenuRoot=r;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("./MenuContext.cjs.js");let n=require("react");function r({open:r,defaultOpen:i=!1,onOpenChange:a,size:o=`md`,closeOnSelect:s,anchorRef:c}){let[l,u]=e.useControllableState({value:r,defaultValue:i,onChange:a}),d=(0,n.useRef)(null),f=(0,n.useRef)(null),p=(0,n.useRef)(i?`first`:`none`),m=(0,n.useRef)(`auto`),h=(0,n.useRef)(!1),[g,_]=(0,n.useState)(0),v=t.useSubmenuState(),{setOpenSub:y}=v,b=(0,n.useId)(),x=(0,n.useCallback)((e,t={})=>{e?(h.current=!1,m.current=`auto`,p.current=t.focus??`first`,_(e=>e+1)):m.current=t.restore??`auto`,u(e)},[u]);return(0,n.useEffect)(()=>{l?h.current=!1:y(null)},[l,y]),{level:(0,n.useMemo)(()=>({id:b,isSub:!1,open:l,setOpen:x,focusNonce:g,openFocusRef:p,restoreModeRef:m,triggerRef:d,anchorRef:c,contentRef:f,contentId:`${b}-menu`,triggerId:`${b}-trigger`,parent:null,...v}),[l,x,g,b,v,c]),tree:(0,n.useMemo)(()=>({treeId:b,size:o,closeOnSelect:s,closingAllRef:h,closeAll:(e=`force`)=>{h.current=!0,x(!1,{restore:e}),window.setTimeout(()=>{h.current=!1},0)},focusRootTrigger:()=>d.current?.focus({preventScroll:!0})}),[b,o,s,x])}}exports.useMenuRoot=r;