@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

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;

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

@@ -1,7 +1,8 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useSubmenuState as t } from "./MenuContext.mjs";
 import { useCallback as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
-//#region src/components/navigation/Menu/useMenuRoot.ts
+// src/components/navigation/Menu/useMenuRoot.ts
 function c({ open: c, defaultOpen: l = !1, onOpenChange: u, size: d = "md", closeOnSelect: f, anchorRef: p }) {
 	let [m, h] = e({
 		value: c,
@@ -55,5 +56,4 @@ function c({ open: c, defaultOpen: l = !1, onOpenChange: u, size: d = "md", clos
 		])
 	};
 }
-//#endregion
 export { c as useMenuRoot };

package/dist/components/navigation/Navbar/Navbar.cjs.js

@@ -1 +1 @@
-const e=require("../../../types/common.cjs.js"),t=require("../../../hooks/useControllableState.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../../hooks/useMergedRef.cjs.js"),i=require("../../../utils/responsive.cjs.js"),a=require("../../../utils/cx.cjs.js"),o=require("../../primitives/Button/Button.cjs.js"),s=require("../../primitives/Icon/icons.cjs.js"),c=require("../../layout/Container/Container.cjs.js"),l=require("../../overlays/Drawer/Drawer.cjs.js"),u=require("./Navbar.module.css.cjs.js");let d=require("react"),f=require("react/jsx-runtime");var p={accent:u.default.activeAccent,primary:u.default.activePrimary,neutral:u.default.activeNeutral},m={surface:u.default.surface,transparent:u.default.transparent,solid:u.default.solid},h={sm:u.default.sm,md:u.default.md,lg:u.default.lg},g={static:u.default.static,sticky:u.default.sticky,fixed:u.default.fixed},_={sm:u.default.collapseSm,md:u.default.collapseMd,lg:u.default.collapseLg},v=(0,d.createContext)(null);function y(e){let t=(0,d.useContext)(v);if(!t)throw Error(`${e} must be used inside <Navbar>.`);return t}var b=(0,d.createContext)(`bar`),x=(0,d.createContext)(!1);function S(e){for(let t=e.parentElement;t&&t!==document.body;t=t.parentElement){let{overflowY:e}=getComputedStyle(t);if(e===`auto`||e===`scroll`||e===`overlay`)return t}return document.documentElement}var C=({children:i,variant:l=`surface`,size:p=`md`,position:y=`sticky`,reserveScrollPadding:b=!0,bordered:x=!1,elevated:C=!1,elevateOnScroll:w=!1,contained:T=!0,maxWidth:E=`xl`,collapseBelow:D=`md`,open:O,defaultOpen:k=!1,onOpenChange:A,menuLabel:j,menuTitle:ee,menuSide:M=`end`,activeTone:N=`accent`,className:P,ref:F,...I})=>{let L=n.useMessages(),R=j??L.navbar.openMenu,z=ee??L.navbar.menu,B=(0,d.useRef)(null),V=r.useMergedRef(B,F);(0,d.useEffect)(()=>{let e=B.current;if(!e||y===`static`||!b)return;let t=y===`fixed`?document.documentElement:S(e),n=t.style.scrollPaddingTop,r=()=>{t.style.scrollPaddingTop=`${e.offsetHeight}px`};r();let i=typeof ResizeObserver>`u`?null:new ResizeObserver(r);return i?.observe(e),()=>{i?.disconnect(),t.style.scrollPaddingTop=n}},[y,b]);let[H,U]=t.useControllableState({value:O,defaultValue:k,onChange:A}),W=`${(0,d.useId)()}-menu`,G=(0,d.useRef)(null),[K,q]=(0,d.useState)(0),[J,Y]=(0,d.useState)(!1),X=(0,d.useCallback)(()=>(q(e=>e+1),()=>q(e=>e-1)),[]),Z=(0,d.useCallback)(e=>U(e),[U]),Q=(0,d.useRef)(!1);(0,d.useEffect)(()=>{if(!H||typeof window>`u`||!window.matchMedia)return;let t=window.matchMedia(`(min-width: ${e.breakpoints[D]}px)`),n=()=>{t.matches&&(Q.current=!0,Z(!1))};return n(),t.addEventListener(`change`,n),()=>t.removeEventListener(`change`,n)},[H,D,Z]),(0,d.useEffect)(()=>{if(H||!Q.current)return;Q.current=!1;let e=document.activeElement;(!e||e===document.body||document.getElementById(W)?.contains(e))&&G.current?.closest(`header`)?.querySelector(`nav a[href], nav button:not([disabled])`)?.focus()},[H,W]),(0,d.useEffect)(()=>{if(!w||typeof window>`u`)return;let e=0,t=()=>{e=0,Y(window.scrollY>0)},n=()=>{e||=window.requestAnimationFrame(t)};return t(),window.addEventListener(`scroll`,n,{passive:!0}),()=>{window.removeEventListener(`scroll`,n),e&&window.cancelAnimationFrame(e)}},[w]);let te=(0,d.useMemo)(()=>({open:H,setOpen:Z,menuId:W,menuTitle:z,menuSide:M,toggleRef:G,registerNav:X,activeTone:N}),[H,Z,W,z,M,X,N]),$=w&&J,ne=K>0;return(0,f.jsx)(v.Provider,{value:te,children:(0,f.jsx)(`header`,{"data-variant":l,...I,ref:V,className:a.cx(u.default.root,m[l],h[p],g[y],_[D],x&&u.default.bordered,(C||$)&&u.default.elevated,$&&u.default.scrolled,P),children:(0,f.jsxs)(c.Container,{size:E,fluid:!T,gutter:`responsive`,className:u.default.inner,children:[i,ne&&(0,f.jsx)(o.IconButton,{ref:G,"aria-label":R,"aria-haspopup":`dialog`,"aria-expanded":H,"aria-controls":H?W:void 0,variant:l===`solid`?`solid`:`ghost`,tone:l===`solid`?`primary`:`neutral`,size:p,className:u.default.toggle,onClick:()=>Z(!H),children:(0,f.jsx)(s.MenuIcon,{})})]})})})};C.displayName=`Navbar`;function w(e){let{as:t,className:n,children:r,...i}=e,o=t!==void 0||i.href!==void 0;return(0,f.jsx)(t??(o?`a`:`div`),{...i,className:a.cx(u.default.brand,o&&u.default.brandLink,n),children:r})}w.displayName=`Navbar.Brand`;var T={start:u.default.alignStart,center:u.default.alignCenter,end:u.default.alignEnd},E=i.responsiveClasses(u.default,`navGap`),D=({children:e,align:t=`start`,gap:r,className:o,style:s,"aria-label":c,"aria-labelledby":p,...m})=>{let h=n.useMessages(),g=c??h.navbar.nav,{open:_,setOpen:v,menuId:x,menuTitle:S,menuSide:C,toggleRef:w,registerNav:D}=y(`Navbar.Nav`);(0,d.useLayoutEffect)(()=>D(),[D]);let O={},k=[];return i.responsiveVars(`navbar-nav-gap`,r,e=>`var(--space-${e})`,E,O,k),(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`nav`,{"aria-label":p?void 0:g,"aria-labelledby":p,...m,className:a.cx(u.default.nav,T[t],...k,o),style:{...O,...s},children:(0,f.jsx)(b.Provider,{value:`bar`,children:(0,f.jsx)(`ul`,{className:u.default.list,children:e})})}),(0,f.jsx)(l.Drawer,{open:_,onOpenChange:v,side:C,size:`sm`,finalFocusRef:w,children:(0,f.jsxs)(l.Drawer.Content,{id:x,children:[(0,f.jsx)(l.Drawer.Header,{children:(0,f.jsx)(l.Drawer.Title,{children:S})}),(0,f.jsx)(l.Drawer.Body,{children:(0,f.jsx)(`nav`,{"aria-label":p?void 0:g,"aria-labelledby":p,children:(0,f.jsx)(b.Provider,{value:`drawer`,children:(0,f.jsx)(`ul`,{className:u.default.drawerList,children:e})})})})]})})]})};D.displayName=`Navbar.Nav`;var O=({className:e,children:t,showIn:n=`both`,ref:r,...i})=>{let o=(0,d.useContext)(b);return n!==`both`&&n!==o?null:(0,f.jsx)(`li`,{...i,ref:o===`drawer`?void 0:r,className:a.cx(u.default.item,o===`drawer`&&u.default.itemDrawer,e),children:(0,f.jsx)(x.Provider,{value:!0,children:t})})};O.displayName=`Navbar.Item`;function k(e){let{as:t,active:n=!1,icon:r,className:i,children:o,onClick:s,"aria-current":c,ref:l,...m}=e,h=(0,d.useContext)(b),g=(0,d.useContext)(x),_=(0,d.useContext)(v),y=t??`a`,S=e=>{s?.(e),h===`drawer`&&_?.setOpen(!1)},C=(0,f.jsxs)(y,{...m,ref:h===`drawer`?void 0:l,"aria-current":n?`page`:c,onClick:S,className:a.cx(u.default.link,h===`drawer`?u.default.linkDrawer:u.default.linkBar,n&&u.default.active,n&&p[_?.activeTone??`accent`],i),children:[r!=null&&(0,f.jsx)(`span`,{className:u.default.linkIcon,"aria-hidden":`true`,children:r}),(0,f.jsx)(`span`,{className:u.default.linkLabel,children:o})]});return g?C:(0,f.jsx)(`li`,{className:a.cx(u.default.item,h===`drawer`&&u.default.itemDrawer),children:C})}k.displayName=`Navbar.Link`;var A=({className:e,children:t,...n})=>(0,f.jsx)(`div`,{...n,className:a.cx(u.default.actions,e),children:t});A.displayName=`Navbar.Actions`;var j=Object.assign(C,{Brand:w,Nav:D,Item:O,Link:k,Actions:A});exports.Navbar=j,exports.NavbarActions=A,exports.NavbarBrand=w,exports.NavbarItem=O,exports.NavbarLink=k,exports.NavbarNav=D;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../types/common.cjs.js"),n=require("../../../hooks/useMergedRef.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../../utils/responsive.cjs.js"),a=require("../../data-display/Badge/Badge.cjs.js"),o=require("../../layout/Container/Container.cjs.js"),s=require("../../overlays/Drawer/Drawer.cjs.js"),c=require("../../primitives/Button/Button.cjs.js"),l=require("../../primitives/Icon/icons.cjs.js"),u=require("../../../hooks/useDismiss.cjs.js"),d=require("../../../hooks/useFloatingPosition.cjs.js"),f=require("./Navbar.module.css.cjs.js"),p=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let m=require("react"),h=require("react/jsx-runtime");var g={accent:f.default.activeAccent,primary:f.default.activePrimary,neutral:f.default.activeNeutral},_={surface:f.default.surface,transparent:f.default.transparent,solid:f.default.solid},v={sm:f.default.sm,md:f.default.md,lg:f.default.lg},y={static:f.default.static,sticky:f.default.sticky,fixed:f.default.fixed},b={sm:f.default.collapseSm,md:f.default.collapseMd,lg:f.default.collapseLg},x=(0,m.createContext)(null);function S(e){let t=(0,m.useContext)(x);if(!t)throw Error(`${e} must be used inside <Navbar>.`);return t}var C=(0,m.createContext)(`bar`),w=(0,m.createContext)(null),T=(0,m.createContext)(!1);function E(e){for(let t=e.parentElement;t&&t!==document.body;t=t.parentElement){let{overflowY:e}=getComputedStyle(t);if(e===`auto`||e===`scroll`||e===`overlay`)return t}return document.documentElement}var D=({children:i,variant:a=`surface`,size:s=`md`,position:u=`sticky`,reserveScrollPadding:d=!0,bordered:g=!1,elevated:S=!1,elevateOnScroll:C=!1,contained:w=!0,maxWidth:T=`xl`,collapseBelow:D=`md`,open:O,defaultOpen:k=!1,onOpenChange:A,menuLabel:j,menuTitle:M,menuSide:N=`end`,activeTone:P=`accent`,className:F,ref:I,...L})=>{let R=p.useMessages(),z=j??R.navbar.openMenu,B=M??R.navbar.menu,V=(0,m.useRef)(null),H=n.useMergedRef(V,I);(0,m.useEffect)(()=>{let e=V.current;if(!e||u===`static`||!d)return;let t=u===`fixed`?document.documentElement:E(e),n=t.style.scrollPaddingTop,r=()=>{t.style.scrollPaddingTop=`${e.offsetHeight}px`};r();let i=typeof ResizeObserver>`u`?null:new ResizeObserver(r);return i?.observe(e),()=>{i?.disconnect(),t.style.scrollPaddingTop=n}},[u,d]);let[U,W]=e.useControllableState({value:O,defaultValue:k,onChange:A}),G=`${(0,m.useId)()}-menu`,K=(0,m.useRef)(null),[q,J]=(0,m.useState)(0),[ee,te]=(0,m.useState)(!1),[Y,ne]=(0,m.useState)(null),X=(0,m.useCallback)(()=>(J(e=>e+1),()=>J(e=>e-1)),[]),Z=(0,m.useCallback)(e=>W(e),[W]),Q=(0,m.useRef)(!1);(0,m.useEffect)(()=>{if(!U||typeof window>`u`||!window.matchMedia)return;let e=window.matchMedia(`(min-width: ${t.breakpoints[D]}px)`),n=()=>{e.matches&&(Q.current=!0,Z(!1))};return n(),e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)},[U,D,Z]),(0,m.useEffect)(()=>{if(U||!Q.current)return;Q.current=!1;let e=document.activeElement;(!e||e===document.body||document.getElementById(G)?.contains(e))&&K.current?.closest(`header`)?.querySelector(`nav a[href], nav button:not([disabled])`)?.focus()},[U,G]),(0,m.useEffect)(()=>{if(!C||typeof window>`u`)return;let e=0,t=()=>{e=0,te(window.scrollY>0)},n=()=>{e||=window.requestAnimationFrame(t)};return t(),window.addEventListener(`scroll`,n,{passive:!0}),()=>{window.removeEventListener(`scroll`,n),e&&window.cancelAnimationFrame(e)}},[C]);let re=(0,m.useMemo)(()=>({open:U,setOpen:Z,menuId:G,menuTitle:B,menuSide:N,toggleRef:K,registerNav:X,activeTone:P,variant:a,openGroup:Y,setOpenGroup:ne}),[U,Z,G,B,N,X,P,a,Y]),$=C&&ee,ie=q>0;return(0,h.jsx)(x.Provider,{value:re,children:(0,h.jsx)(`header`,{"data-variant":a,...L,ref:H,className:r.cx(f.default.root,_[a],v[s],y[u],b[D],g&&f.default.bordered,(S||$)&&f.default.elevated,$&&f.default.scrolled,F),children:(0,h.jsxs)(o.Container,{size:T,fluid:!w,gutter:`responsive`,className:f.default.inner,children:[i,ie&&(0,h.jsx)(c.IconButton,{ref:K,"aria-label":z,"aria-haspopup":`dialog`,"aria-expanded":U,"aria-controls":U?G:void 0,variant:a===`solid`?`solid`:`ghost`,tone:a===`solid`?`primary`:`neutral`,size:s,className:f.default.toggle,onClick:()=>Z(!U),children:(0,h.jsx)(l.MenuIcon,{})})]})})})};D.displayName=`Navbar`;function O(e){let{as:t,className:n,children:i,...a}=e,o=t!==void 0||a.href!==void 0;return(0,h.jsx)(t??(o?`a`:`div`),{...a,className:r.cx(f.default.brand,o&&f.default.brandLink,n),children:i})}O.displayName=`Navbar.Brand`;var k={start:f.default.alignStart,center:f.default.alignCenter,end:f.default.alignEnd},A=i.responsiveClasses(f.default,`navGap`),j=({children:e,align:t=`start`,gap:n,className:a,style:o,"aria-label":c,"aria-labelledby":l,...u})=>{let d=p.useMessages(),g=c??d.navbar.nav,{open:_,setOpen:v,menuId:y,menuTitle:b,menuSide:x,toggleRef:w,registerNav:T}=S(`Navbar.Nav`);(0,m.useLayoutEffect)(()=>T(),[T]);let E={},D=[];return i.responsiveVars(`navbar-nav-gap`,n,e=>`var(--space-${e})`,A,E,D),(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`nav`,{"aria-label":l?void 0:g,"aria-labelledby":l,...u,className:r.cx(f.default.nav,k[t],...D,a),style:{...E,...o},children:(0,h.jsx)(C.Provider,{value:`bar`,children:(0,h.jsx)(`ul`,{className:f.default.list,children:e})})}),(0,h.jsx)(s.Drawer,{open:_,onOpenChange:v,side:x,size:`sm`,finalFocusRef:w,children:(0,h.jsxs)(s.Drawer.Content,{id:y,children:[(0,h.jsx)(s.Drawer.Header,{children:(0,h.jsx)(s.Drawer.Title,{children:b})}),(0,h.jsx)(s.Drawer.Body,{children:(0,h.jsx)(`nav`,{"aria-label":l?void 0:g,"aria-labelledby":l,children:(0,h.jsx)(C.Provider,{value:`drawer`,children:(0,h.jsx)(`ul`,{className:f.default.drawerList,children:e})})})})]})})]})};j.displayName=`Navbar.Nav`;var M=({className:e,children:t,showIn:n=`both`,ref:i,...a})=>{let o=(0,m.useContext)(C);return n!==`both`&&n!==o?null:(0,h.jsx)(`li`,{...a,ref:o===`drawer`?void 0:i,className:r.cx(f.default.item,o===`drawer`&&f.default.itemDrawer,e),children:(0,h.jsx)(T.Provider,{value:!0,children:t})})};M.displayName=`Navbar.Item`;var N=e=>e!==void 0&&e!==``&&e!==0;function P(e,t,n,r){if(!N(e))return null;let i=r&&n===void 0,o={variant:i?`inverse`:`solid`,tone:i?`primary`:n??`accent`,size:`sm`,label:t};return(0,h.jsxs)(h.Fragment,{children:[` `,(0,h.jsx)(`span`,{className:f.default.linkBadge,children:typeof e==`number`?(0,h.jsx)(a.Badge,{...o,count:e}):(0,h.jsx)(a.Badge,{...o,children:e})})]})}var F={bar:f.default.linkBar,drawer:f.default.linkDrawer,panel:f.default.linkPanel};function I(e){let{as:t,active:n=!1,icon:i,badge:a,badgeLabel:o,badgeTone:s,className:c,children:l,onClick:u,"aria-current":d,ref:p,..._}=e,v=(0,m.useContext)(C),y=(0,m.useContext)(T),b=(0,m.useContext)(x),S=(0,m.useContext)(w),E=t??`a`,D=e=>{u?.(e),v===`drawer`&&b?.setOpen(!1),v===`panel`&&S?.()},O=(0,h.jsxs)(E,{..._,ref:v===`drawer`?void 0:p,"aria-current":n?`page`:d,onClick:D,className:r.cx(f.default.link,F[v],n&&f.default.active,n&&g[b?.activeTone??`accent`],c),children:[i!=null&&(0,h.jsx)(`span`,{className:f.default.linkIcon,"aria-hidden":`true`,children:i}),(0,h.jsx)(`span`,{className:f.default.linkLabel,children:l}),P(a,o,s,v===`bar`&&b?.variant===`solid`)]});return y?O:(0,h.jsx)(`li`,{className:r.cx(f.default.item,v!==`bar`&&f.default.itemDrawer),children:O})}I.displayName=`Navbar.Link`;var L=e=>e?`bottom-end`:`bottom-start`,R=({label:t,icon:n,children:i,active:a=!1,badge:o,badgeLabel:s,badgeTone:c,open:p,defaultOpen:_=!1,onOpenChange:v,disabled:y=!1,className:b,ref:x,...T})=>{let E=(0,m.useContext)(C),D=S(`Navbar.Group`),O=E===`bar`,k=(0,m.useId)(),A=`${k}-list`,j=(0,m.useRef)(null),M=(0,m.useRef)(null),N=(0,m.useRef)(!1),[F,I]=e.useControllableState({value:O?p:void 0,defaultValue:O?_:_||a,onChange:O?v:void 0}),{openGroup:R,setOpenGroup:z}=D;(0,m.useEffect)(()=>{O&&F&&z(k)},[O,F,k,z]),(0,m.useEffect)(()=>{O&&R!==null&&R!==k&&I(!1)},[O,R,k,I]);let B=(0,m.useCallback)(e=>{I(!1),e&&j.current?.focus()},[I]);u.useDismiss([j,M],{active:O&&F,onDismiss:e=>B(e.type===`keydown`)});let[V,H]=(0,m.useState)(!1);(0,m.useLayoutEffect)(()=>{O&&F&&j.current&&H(getComputedStyle(j.current).direction===`rtl`)},[O,F]);let U=d.useFloatingPosition(j,M,{open:O&&F,placement:L(V),offset:4}),W=(0,h.jsxs)(`button`,{ref:j,type:`button`,disabled:y,"aria-expanded":F,"aria-controls":F?A:void 0,onClick:()=>I(!F),className:r.cx(f.default.link,f.default.groupButton,O?f.default.linkBar:f.default.linkDrawer,F&&f.default.groupOpen,a&&f.default.active,a&&g[D.activeTone]),children:[n!=null&&(0,h.jsx)(`span`,{className:f.default.linkIcon,"aria-hidden":`true`,children:n}),(0,h.jsx)(`span`,{className:f.default.linkLabel,children:t}),P(o,s,c,O&&D.variant===`solid`),(0,h.jsx)(`span`,{className:f.default.chevron,"aria-hidden":`true`,children:(0,h.jsx)(l.ChevronDownIcon,{})})]});return O?(0,h.jsxs)(`li`,{...T,ref:x,className:r.cx(f.default.item,b),onPointerDown:()=>{N.current=!0,window.setTimeout(()=>{N.current=!1},0)},onBlur:e=>{let t=e.relatedTarget,n=N.current;N.current=!1,F&&(t?!e.currentTarget.contains(t):!n)&&I(!1)},children:[W,F&&(0,h.jsx)(`div`,{ref:M,className:f.default.panelPositioner,style:U.style,children:(0,h.jsx)(C.Provider,{value:`panel`,children:(0,h.jsx)(w.Provider,{value:()=>B(!1),children:(0,h.jsx)(`ul`,{id:A,className:f.default.panel,children:i})})})})]}):(0,h.jsxs)(`li`,{...T,className:r.cx(f.default.item,f.default.itemDrawer,b),children:[W,F&&(0,h.jsx)(`ul`,{id:A,className:f.default.drawerSubList,children:i})]})};R.displayName=`Navbar.Group`;var z=({className:e,children:t,...n})=>(0,h.jsx)(`div`,{...n,className:r.cx(f.default.actions,e),children:t});z.displayName=`Navbar.Actions`;var B=Object.assign(D,{Brand:O,Nav:j,Item:M,Link:I,Group:R,Actions:z});exports.Navbar=B,exports.NavbarActions=z,exports.NavbarBrand=O,exports.NavbarGroup=R,exports.NavbarItem=M,exports.NavbarLink=I,exports.NavbarNav=j;