@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/navigation/Breadcrumbs/Breadcrumbs.mjs

@@ -1,35 +1,36 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { flattenChildren as r } from "../../../utils/flattenChildren.mjs";
-import { VisuallyHidden as i } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { IconButton as a } from "../../primitives/Button/Button.mjs";
-import { ChevronRightIcon as o, MoreHorizontalIcon as s } from "../../primitives/Icon/icons.mjs";
-import { Link as c } from "../Link/Link.mjs";
-import l from "./Breadcrumbs.module.css.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { flattenChildren as n } from "../../../utils/flattenChildren.mjs";
+import { IconButton as r } from "../../primitives/Button/Button.mjs";
+import { ChevronRightIcon as i, MoreHorizontalIcon as a } from "../../primitives/Icon/icons.mjs";
+import { VisuallyHidden as o } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { Link as s } from "../Link/Link.mjs";
+import c from "./Breadcrumbs.module.css.mjs";
+import { useMessages as l } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { createContext as u, useContext as d, useLayoutEffect as f, useMemo as p, useRef as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/components/navigation/Breadcrumbs/Breadcrumbs.tsx
+// src/components/navigation/Breadcrumbs/Breadcrumbs.tsx
 var _ = globalThis.process?.env?.NODE_ENV !== "production", v = u(null), y = u(null), b = {
-	sm: l.sm,
-	md: l.md,
-	lg: l.lg
+	sm: c.sm,
+	md: c.md,
+	lg: c.lg
 }, x = {
 	sm: "xs",
 	md: "sm",
 	lg: "md"
 }, S = "a[href], button:not([disabled]), [tabindex]:not([tabindex='-1'])";
-function C({ children: i, "aria-label": c, size: u = "md", separator: d, linkAs: _, maxItems: C, itemsBeforeCollapse: w = 1, itemsAfterCollapse: T = 1, expanded: E, defaultExpanded: D = !1, onExpandedChange: O, expandLabel: k, className: A, ...j }) {
-	let M = t(), N = k ?? M.breadcrumbs.expand, P = c ?? M.breadcrumbs.nav, [F, I] = e({
+function C({ children: o, "aria-label": s, size: u = "md", separator: d, linkAs: _, maxItems: C, itemsBeforeCollapse: w = 1, itemsAfterCollapse: T = 1, expanded: E, defaultExpanded: D = !1, onExpandedChange: O, expandLabel: k, className: A, ...j }) {
+	let M = l(), N = k ?? M.breadcrumbs.expand, P = s ?? M.breadcrumbs.nav, [F, I] = e({
 		value: E,
 		defaultValue: D,
 		onChange: O
-	}), L = m(null), R = m(!1), z = r(i), B = z.length, V = Math.max(0, Math.floor(w)), H = Math.max(1, Math.floor(T)), U = !F && C !== void 0 && B > C && V + H < B, W = U ? B - V - H : 0, G = p(() => ({
+	}), L = m(null), R = m(!1), z = n(o), B = z.length, V = Math.max(0, Math.floor(w)), H = Math.max(1, Math.floor(T)), U = !F && C !== void 0 && B > C && V + H < B, W = U ? B - V - H : 0, G = p(() => ({
 		size: u,
 		linkAs: _,
-		separator: d ?? /* @__PURE__ */ h(o, {
+		separator: d ?? /* @__PURE__ */ h(i, {
 			size: x[u],
-			className: l.chevron
+			className: c.chevron
 		})
 	}), [
 		u,
@@ -51,21 +52,21 @@ function C({ children: i, "aria-label": c, size: u = "md", separator: d, linkAs:
 	return z.forEach((e, t) => {
 		let n = U && t >= V && t < B - H;
 		U && t === V && q.push(/* @__PURE__ */ g("li", {
-			className: l.item,
-			children: [/* @__PURE__ */ h(a, {
+			className: c.item,
+			children: [/* @__PURE__ */ h(r, {
 				variant: "ghost",
 				tone: "neutral",
 				size: "sm",
 				"aria-label": N(W),
-				className: l.expand,
+				className: c.expand,
 				onClick: () => {
 					R.current = !0, I(!0), requestAnimationFrame(() => {
 						R.current = !1;
 					});
 				},
-				children: /* @__PURE__ */ h(s, {})
+				children: /* @__PURE__ */ h(a, {})
 			}), /* @__PURE__ */ h("span", {
-				className: l.separator,
+				className: c.separator,
 				"aria-hidden": "true",
 				children: G.separator
 			})]
@@ -73,12 +74,12 @@ function C({ children: i, "aria-label": c, size: u = "md", separator: d, linkAs:
 	}), /* @__PURE__ */ h("nav", {
 		...j,
 		"aria-label": P,
-		className: n(l.root, b[u], A),
+		className: t(c.root, b[u], A),
 		children: /* @__PURE__ */ h(v.Provider, {
 			value: G,
 			children: /* @__PURE__ */ h("ol", {
 				ref: L,
-				className: l.list,
+				className: c.list,
 				children: q
 			})
 		})
@@ -89,59 +90,58 @@ var w = (e) => {
 	t.dataset.title === void 0 && (t.scrollWidth > t.clientWidth ? t.title = t.textContent ?? "" : t.removeAttribute("title"));
 };
 function T(e) {
-	let { href: t, as: r, linkProps: a, icon: s, current: u, title: f, children: p, className: m, "aria-label": b, ...S } = e, C = d(v), T = d(y)?.isLast ?? !0, E = u ?? T, D = C?.size ?? "md", O = p == null || p === !1 || p === "", k = r ?? C?.linkAs, A = !E && (t !== void 0 || a !== void 0 && k !== void 0);
-	_ && !E && t === void 0 && a !== void 0 && k === void 0 && console.warn("[Breadcrumbs.Item] `linkProps` without `href` needs a link component (`as` on the item or `linkAs` on Breadcrumbs); rendering plain text.");
+	let { href: n, as: r, linkProps: a, icon: l, current: u, title: f, children: p, className: m, "aria-label": b, ...S } = e, C = d(v), T = d(y)?.isLast ?? !0, E = u ?? T, D = C?.size ?? "md", O = p == null || p === !1 || p === "", k = r ?? C?.linkAs, A = !E && (n !== void 0 || a !== void 0 && k !== void 0);
+	_ && !E && n === void 0 && a !== void 0 && k === void 0 && console.warn("[Breadcrumbs.Item] `linkProps` without `href` needs a link component (`as` on the item or `linkAs` on Breadcrumbs); rendering plain text.");
 	let j = !A && b !== void 0, M = /* @__PURE__ */ g("span", {
-		className: l.content,
+		className: c.content,
 		children: [
-			s != null && /* @__PURE__ */ h("span", {
-				className: l.icon,
+			l != null && /* @__PURE__ */ h("span", {
+				className: c.icon,
 				"aria-hidden": "true",
-				children: s
+				children: l
 			}),
 			!O && /* @__PURE__ */ h("span", {
-				className: l.text,
+				className: c.text,
 				title: f,
 				"data-title": f === void 0 ? void 0 : "",
 				"aria-hidden": j ? !0 : void 0,
 				onPointerEnter: w,
 				children: p
 			}),
-			j && /* @__PURE__ */ h(i, { children: b })
+			j && /* @__PURE__ */ h(o, { children: b })
 		]
 	}), N;
 	if (A) {
 		let e = {
 			...a,
-			...t === void 0 ? null : { href: t },
+			...n === void 0 ? null : { href: n },
 			as: k,
 			variant: "subtle",
 			tone: "neutral",
 			size: D,
 			underline: "none",
 			"aria-label": b,
-			className: n(l.link, O && l.iconOnly),
+			className: t(c.link, O && c.iconOnly),
 			children: M
 		};
-		N = /* @__PURE__ */ h(c, { ...e });
+		N = /* @__PURE__ */ h(s, { ...e });
 	} else N = /* @__PURE__ */ h("span", {
-		className: n(E ? l.current : l.plain, O && l.iconOnly),
+		className: t(E ? c.current : c.plain, O && c.iconOnly),
 		"aria-current": E ? "page" : void 0,
 		children: M
 	});
 	return /* @__PURE__ */ g("li", {
 		...S,
-		className: n(l.item, m),
+		className: t(c.item, m),
 		children: [N, !T && /* @__PURE__ */ h("span", {
-			className: l.separator,
+			className: c.separator,
 			"aria-hidden": "true",
-			children: C?.separator ?? /* @__PURE__ */ h(o, {
+			children: C?.separator ?? /* @__PURE__ */ h(i, {
 				size: x[D],
-				className: l.chevron
+				className: c.chevron
 			})
 		})]
 	});
 }
 var E = Object.assign(C, { Item: T });
-//#endregion
 export { T as BreadcrumbItem, E as Breadcrumbs };

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

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Breadcrumbs/Breadcrumbs.module.css
+// src/components/navigation/Breadcrumbs/Breadcrumbs.module.css
 var e = "_root_8gmpy_21", t = "_sm_8gmpy_53", n = "_md_8gmpy_65", r = "_lg_8gmpy_73", i = "_list_8gmpy_89", a = "_item_8gmpy_109", o = "_content_8gmpy_141", s = "_text_8gmpy_155", c = "_icon_8gmpy_181", l = "_link_8gmpy_209", u = "_iconOnly_8gmpy_237", d = "_current_8gmpy_253", f = "_plain_8gmpy_255", p = "_separator_8gmpy_295", m = "_chevron_8gmpy_313", h = "_expand_8gmpy_325", g = {
 	root: e,
 	sm: t,
@@ -17,5 +17,4 @@ var e = "_root_8gmpy_21", t = "_sm_8gmpy_53", n = "_md_8gmpy_65", r = "_lg_8gmpy
 	chevron: m,
 	expand: h
 };
-//#endregion
 export { m as chevron, o as content, d as current, g as default, h as expand, c as icon, u as iconOnly, a as item, r as lg, l as link, i as list, n as md, f as plain, e as root, p as separator, t as sm, s as text };

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

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../../hooks/useMergedRef.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../../utils/slot.cjs.js"),a=require("../../utilities/Portal/Portal.cjs.js"),o=require("../Menu/MenuContext.cjs.js"),s=require("../Menu/MenuContent.cjs.js"),c=require("../Menu/useMenuRoot.cjs.js"),l=require("../Menu/MenuItem.cjs.js"),u=require("../Menu/MenuSub.cjs.js"),d=require("./ContextMenu.module.css.cjs.js");let f=require("react"),p=require("react/jsx-runtime");var m=(0,f.createContext)(null);function h(e){let t=(0,f.useContext)(m);if(!t)throw Error(`${e} must be rendered inside <ContextMenu>.`);return t}var g=({children:e,disabled:t=!1,longPressDelay:n=500,...r})=>{let i=(0,f.useRef)(null),{level:s,tree:l}=c.useMenuRoot({...r,anchorRef:i}),[u,h]=(0,f.useState)(null),[g,_]=(0,f.useState)(`ltr`),v={disabled:t,open:s.open,longPressDelay:n,openAt:(e,{focus:t,from:n,restoreTo:r})=>{s.triggerRef.current=r,_(getComputedStyle(n).direction===`rtl`?`rtl`:`ltr`),h(e),s.setOpen(!0,{focus:t})},close:()=>s.setOpen(!1,{restore:`none`})};return(0,p.jsx)(m.Provider,{value:v,children:(0,p.jsx)(o.MenuTreeContext.Provider,{value:l,children:(0,p.jsxs)(o.MenuLevelContext.Provider,{value:s,children:[u&&(0,p.jsx)(a.Portal,{children:(0,p.jsx)(`span`,{ref:i,className:d.default.anchor,dir:g,"aria-hidden":`true`,style:{left:u.x,top:u.y}},`${u.x},${u.y}`)}),e]})})})};function _(e){return e.key===`ContextMenu`||e.key===`F10`&&e.shiftKey}var v=10,y=({children:e,asChild:a=!1,className:o,onContextMenu:s,onPointerDown:c,onPointerMove:l,onPointerUp:u,onPointerCancel:m,onKeyDown:g,ref:y,...b})=>{let x=h(`ContextMenu.Trigger`),S=a&&t.isSingleElement(e)?e:null,C=n.useMergedRef(y,S?t.getChildRef(S):void 0),w=(0,f.useRef)(0),T=(0,f.useRef)(null),E=()=>{T.current&&window.clearTimeout(T.current.timer),T.current=null};(0,f.useEffect)(()=>E,[]);let D=e=>{let t=document.activeElement;return t instanceof HTMLElement&&t!==document.body?t:e instanceof HTMLElement?e:null},O=e=>{if(s?.(e),x.disabled||e.defaultPrevented||(e.preventDefault(),Date.now()<w.current))return;if(e.clientX===0&&e.clientY===0){k(e.target);return}let t=e.target;x.openAt({x:e.clientX,y:e.clientY},{focus:`content`,from:t,restoreTo:D(null)})},k=e=>{let t=e.getBoundingClientRect(),n=getComputedStyle(e).direction===`rtl`;x.openAt({x:n?t.right:t.left,y:t.bottom},{focus:`first`,from:e,restoreTo:D(e)})},A={className:r.cx(d.default.trigger,o),"data-state":x.open?`open`:`closed`,"data-disabled":x.disabled?``:void 0,onContextMenu:O,onKeyDown:e=>{g?.(e),!(x.disabled||e.defaultPrevented||!_(e))&&(e.preventDefault(),w.current=Date.now()+500,k(e.target))},onPointerDown:e=>{if(c?.(e),x.disabled||e.defaultPrevented)return;if(e.button===2){e.preventDefault();return}if(e.pointerType!==`touch`||e.button!==0)return;E();let{clientX:t,clientY:n}=e,r=e.target;T.current={x:t,y:n,timer:window.setTimeout(()=>{T.current=null,w.current=Date.now()+800,x.openAt({x:t,y:n},{focus:`content`,from:r,restoreTo:D(r)})},x.longPressDelay)}},onPointerMove:e=>{l?.(e);let t=T.current;t&&Math.hypot(e.clientX-t.x,e.clientY-t.y)>v&&E()},onPointerUp:e=>{u?.(e),E()},onPointerCancel:e=>{m?.(e),E()}};return S?i.cloneSlot(S,{...b,...A},C):(0,p.jsx)(`div`,{...b,...A,ref:C,children:e})},b=({placement:t=`bottom-start`,offset:n=2,"aria-label":r,"aria-labelledby":i,...a})=>{let o=e.useMessages().contextMenu;return h(`ContextMenu.Content`),(0,p.jsx)(s.MenuContent,{...a,placement:t,offset:n,"aria-labelledby":i,"aria-label":i?r:r??o.label})},x=Object.assign(g,{Trigger:y,Content:b,Item:l.MenuItem,CheckboxItem:l.MenuCheckboxItem,RadioGroup:l.MenuRadioGroup,RadioItem:l.MenuRadioItem,Group:l.MenuGroup,Label:l.MenuLabel,Separator:l.MenuSeparator,Sub:u.MenuSub,SubTrigger:u.MenuSubTrigger,SubContent:u.MenuSubContent});exports.ContextMenu=x,exports.ContextMenuContent=b,exports.ContextMenuTrigger=y;
+"use client";const e=require("../../../hooks/useMergedRef.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/slot.cjs.js"),i=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),a=require("../../utilities/Portal/Portal.cjs.js"),o=require("../Menu/MenuItem.cjs.js"),s=require("../Menu/MenuContent.cjs.js"),c=require("../Menu/MenuSub.cjs.js"),l=require("../Menu/MenuContext.cjs.js"),u=require("../Menu/useMenuRoot.cjs.js"),d=require("./ContextMenu.module.css.cjs.js");let f=require("react"),p=require("react/jsx-runtime");var m=(0,f.createContext)(null);function h(e){let t=(0,f.useContext)(m);if(!t)throw Error(`${e} must be rendered inside <ContextMenu>.`);return t}var g=({children:e,disabled:t=!1,longPressDelay:n=500,...r})=>{let i=(0,f.useRef)(null),{level:o,tree:s}=u.useMenuRoot({...r,anchorRef:i}),[c,h]=(0,f.useState)(null),[g,_]=(0,f.useState)(`ltr`),v={disabled:t,open:o.open,longPressDelay:n,openAt:(e,{focus:t,from:n,restoreTo:r})=>{o.triggerRef.current=r,_(getComputedStyle(n).direction===`rtl`?`rtl`:`ltr`),h(e),o.setOpen(!0,{focus:t})},close:()=>o.setOpen(!1,{restore:`none`})};return(0,p.jsx)(m.Provider,{value:v,children:(0,p.jsx)(l.MenuTreeContext.Provider,{value:s,children:(0,p.jsxs)(l.MenuLevelContext.Provider,{value:o,children:[c&&(0,p.jsx)(a.Portal,{children:(0,p.jsx)(`span`,{ref:i,className:d.default.anchor,dir:g,"aria-hidden":`true`,style:{left:c.x,top:c.y}},`${c.x},${c.y}`)}),e]})})})};function _(e){return e.key===`ContextMenu`||e.key===`F10`&&e.shiftKey}var v=10,y=({children:i,asChild:a=!1,className:o,onContextMenu:s,onPointerDown:c,onPointerMove:l,onPointerUp:u,onPointerCancel:m,onKeyDown:g,ref:y,...b})=>{let x=h(`ContextMenu.Trigger`),S=a&&n.isSingleElement(i)?i:null,C=e.useMergedRef(y,S?n.getChildRef(S):void 0),w=(0,f.useRef)(0),T=(0,f.useRef)(null),E=()=>{T.current&&window.clearTimeout(T.current.timer),T.current=null};(0,f.useEffect)(()=>E,[]);let D=e=>{let t=document.activeElement;return t instanceof HTMLElement&&t!==document.body?t:e instanceof HTMLElement?e:null},O=e=>{if(s?.(e),x.disabled||e.defaultPrevented||(e.preventDefault(),Date.now()<w.current))return;if(e.clientX===0&&e.clientY===0){k(e.target);return}let t=e.target;x.openAt({x:e.clientX,y:e.clientY},{focus:`content`,from:t,restoreTo:D(null)})},k=e=>{let t=e.getBoundingClientRect(),n=getComputedStyle(e).direction===`rtl`;x.openAt({x:n?t.right:t.left,y:t.bottom},{focus:`first`,from:e,restoreTo:D(e)})},A={className:t.cx(d.default.trigger,o),"data-state":x.open?`open`:`closed`,"data-disabled":x.disabled?``:void 0,onContextMenu:O,onKeyDown:e=>{g?.(e),x.disabled||e.defaultPrevented||!_(e)||(e.preventDefault(),w.current=Date.now()+500,k(e.target))},onPointerDown:e=>{if(c?.(e),x.disabled||e.defaultPrevented)return;if(e.button===2){e.preventDefault();return}if(e.pointerType!==`touch`||e.button!==0)return;E();let{clientX:t,clientY:n}=e,r=e.target;T.current={x:t,y:n,timer:window.setTimeout(()=>{T.current=null,w.current=Date.now()+800,x.openAt({x:t,y:n},{focus:`content`,from:r,restoreTo:D(r)})},x.longPressDelay)}},onPointerMove:e=>{l?.(e);let t=T.current;t&&Math.hypot(e.clientX-t.x,e.clientY-t.y)>v&&E()},onPointerUp:e=>{u?.(e),E()},onPointerCancel:e=>{m?.(e),E()}};return S?r.cloneSlot(S,{...b,...A},C):(0,p.jsx)(`div`,{...b,...A,ref:C,children:i})},b=({placement:e=`bottom-start`,offset:t=2,"aria-label":n,"aria-labelledby":r,...a})=>{let o=i.useMessages().contextMenu;return h(`ContextMenu.Content`),(0,p.jsx)(s.MenuContent,{...a,placement:e,offset:t,"aria-labelledby":r,"aria-label":r?n:n??o.label})},x=Object.assign(g,{Trigger:y,Content:b,Item:o.MenuItem,CheckboxItem:o.MenuCheckboxItem,RadioGroup:o.MenuRadioGroup,RadioItem:o.MenuRadioItem,Group:o.MenuGroup,Label:o.MenuLabel,Separator:o.MenuSeparator,Sub:c.MenuSub,SubTrigger:c.MenuSubTrigger,SubContent:c.MenuSubContent});exports.ContextMenu=x,exports.ContextMenuContent=b,exports.ContextMenuTrigger=y;

package/dist/components/navigation/ContextMenu/ContextMenu.mjs

@@ -1,18 +1,19 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { getChildRef as t, isSingleElement as n } from "../../../utils/refs.mjs";
-import { useMergedRef as r } from "../../../hooks/useMergedRef.mjs";
-import { cx as i } from "../../../utils/cx.mjs";
-import { cloneSlot as a } from "../../../utils/slot.mjs";
+"use client";
+import { useMergedRef as e } from "../../../hooks/useMergedRef.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { getChildRef as n, isSingleElement as r } from "../../../utils/refs.mjs";
+import { cloneSlot as i } from "../../../utils/slot.mjs";
+import { useMessages as a } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { Portal as o } from "../../utilities/Portal/Portal.mjs";
-import { MenuLevelContext as s, MenuTreeContext as c } from "../Menu/MenuContext.mjs";
-import { MenuContent as l } from "../Menu/MenuContent.mjs";
-import { useMenuRoot as u } from "../Menu/useMenuRoot.mjs";
-import { MenuCheckboxItem as d, MenuGroup as f, MenuItem as p, MenuLabel as m, MenuRadioGroup as h, MenuRadioItem as g, MenuSeparator as _ } from "../Menu/MenuItem.mjs";
-import { MenuSub as v, MenuSubContent as y, MenuSubTrigger as b } from "../Menu/MenuSub.mjs";
+import { MenuCheckboxItem as s, MenuGroup as c, MenuItem as l, MenuLabel as u, MenuRadioGroup as d, MenuRadioItem as f, MenuSeparator as p } from "../Menu/MenuItem.mjs";
+import { MenuContent as m } from "../Menu/MenuContent.mjs";
+import { MenuSub as h, MenuSubContent as g, MenuSubTrigger as _ } from "../Menu/MenuSub.mjs";
+import { MenuLevelContext as v, MenuTreeContext as y } from "../Menu/MenuContext.mjs";
+import { useMenuRoot as b } from "../Menu/useMenuRoot.mjs";
 import x from "./ContextMenu.module.css.mjs";
 import { createContext as S, useContext as C, useEffect as w, useRef as T, useState as E } from "react";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
-//#region src/components/navigation/ContextMenu/ContextMenu.tsx
+// src/components/navigation/ContextMenu/ContextMenu.tsx
 var k = S(null);
 function A(e) {
 	let t = C(k);
@@ -20,34 +21,34 @@ function A(e) {
 	return t;
 }
 var j = ({ children: e, disabled: t = !1, longPressDelay: n = 500, ...r }) => {
-	let i = T(null), { level: a, tree: l } = u({
+	let i = T(null), { level: a, tree: s } = b({
 		...r,
 		anchorRef: i
-	}), [d, f] = E(null), [p, m] = E("ltr"), h = {
+	}), [c, l] = E(null), [u, d] = E("ltr"), f = {
 		disabled: t,
 		open: a.open,
 		longPressDelay: n,
 		openAt: (e, { focus: t, from: n, restoreTo: r }) => {
-			a.triggerRef.current = r, m(getComputedStyle(n).direction === "rtl" ? "rtl" : "ltr"), f(e), a.setOpen(!0, { focus: t });
+			a.triggerRef.current = r, d(getComputedStyle(n).direction === "rtl" ? "rtl" : "ltr"), l(e), a.setOpen(!0, { focus: t });
 		},
 		close: () => a.setOpen(!1, { restore: "none" })
 	};
 	return /* @__PURE__ */ D(k.Provider, {
-		value: h,
-		children: /* @__PURE__ */ D(c.Provider, {
-			value: l,
-			children: /* @__PURE__ */ O(s.Provider, {
+		value: f,
+		children: /* @__PURE__ */ D(y.Provider, {
+			value: s,
+			children: /* @__PURE__ */ O(v.Provider, {
 				value: a,
-				children: [d && /* @__PURE__ */ D(o, { children: /* @__PURE__ */ D("span", {
+				children: [c && /* @__PURE__ */ D(o, { children: /* @__PURE__ */ D("span", {
 					ref: i,
 					className: x.anchor,
-					dir: p,
+					dir: u,
 					"aria-hidden": "true",
 					style: {
-						left: d.x,
-						top: d.y
+						left: c.x,
+						top: c.y
 					}
-				}, `${d.x},${d.y}`) }), e]
+				}, `${c.x},${c.y}`) }), e]
 			})
 		})
 	});
@@ -55,8 +56,8 @@ var j = ({ children: e, disabled: t = !1, longPressDelay: n = 500, ...r }) => {
 function M(e) {
 	return e.key === "ContextMenu" || e.key === "F10" && e.shiftKey;
 }
-var N = 10, P = ({ children: e, asChild: o = !1, className: s, onContextMenu: c, onPointerDown: l, onPointerMove: u, onPointerUp: d, onPointerCancel: f, onKeyDown: p, ref: m, ...h }) => {
-	let g = A("ContextMenu.Trigger"), _ = o && n(e) ? e : null, v = r(m, _ ? t(_) : void 0), y = T(0), b = T(null), S = () => {
+var N = 10, P = ({ children: a, asChild: o = !1, className: s, onContextMenu: c, onPointerDown: l, onPointerMove: u, onPointerUp: d, onPointerCancel: f, onKeyDown: p, ref: m, ...h }) => {
+	let g = A("ContextMenu.Trigger"), _ = o && r(a) ? a : null, v = e(m, _ ? n(_) : void 0), y = T(0), b = T(null), S = () => {
 		b.current && window.clearTimeout(b.current.timer), b.current = null;
 	};
 	w(() => S, []);
@@ -89,12 +90,12 @@ var N = 10, P = ({ children: e, asChild: o = !1, className: s, onContextMenu: c,
 			restoreTo: C(e)
 		});
 	}, k = {
-		className: i(x.trigger, s),
+		className: t(x.trigger, s),
 		"data-state": g.open ? "open" : "closed",
 		"data-disabled": g.disabled ? "" : void 0,
 		onContextMenu: E,
 		onKeyDown: (e) => {
-			p?.(e), !(g.disabled || e.defaultPrevented || !M(e)) && (e.preventDefault(), y.current = Date.now() + 500, O(e.target));
+			p?.(e), g.disabled || e.defaultPrevented || !M(e) || (e.preventDefault(), y.current = Date.now() + 500, O(e.target));
 		},
 		onPointerDown: (e) => {
 			if (l?.(e), g.disabled || e.defaultPrevented) return;
@@ -132,37 +133,36 @@ var N = 10, P = ({ children: e, asChild: o = !1, className: s, onContextMenu: c,
 			f?.(e), S();
 		}
 	};
-	return _ ? a(_, {
+	return _ ? i(_, {
 		...h,
 		...k
 	}, v) : /* @__PURE__ */ D("div", {
 		...h,
 		...k,
 		ref: v,
-		children: e
+		children: a
 	});
-}, F = ({ placement: t = "bottom-start", offset: n = 2, "aria-label": r, "aria-labelledby": i, ...a }) => {
-	let o = e().contextMenu;
-	return A("ContextMenu.Content"), /* @__PURE__ */ D(l, {
-		...a,
-		placement: t,
-		offset: n,
-		"aria-labelledby": i,
-		"aria-label": i ? r : r ?? o.label
+}, F = ({ placement: e = "bottom-start", offset: t = 2, "aria-label": n, "aria-labelledby": r, ...i }) => {
+	let o = a().contextMenu;
+	return A("ContextMenu.Content"), /* @__PURE__ */ D(m, {
+		...i,
+		placement: e,
+		offset: t,
+		"aria-labelledby": r,
+		"aria-label": r ? n : n ?? o.label
 	});
 }, I = Object.assign(j, {
 	Trigger: P,
 	Content: F,
-	Item: p,
-	CheckboxItem: d,
-	RadioGroup: h,
-	RadioItem: g,
-	Group: f,
-	Label: m,
-	Separator: _,
-	Sub: v,
-	SubTrigger: b,
-	SubContent: y
+	Item: l,
+	CheckboxItem: s,
+	RadioGroup: d,
+	RadioItem: f,
+	Group: c,
+	Label: u,
+	Separator: p,
+	Sub: h,
+	SubTrigger: _,
+	SubContent: g
 });
-//#endregion
 export { I as ContextMenu, F as ContextMenuContent, P as ContextMenuTrigger };

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

@@ -1,7 +1,6 @@
-//#region src/components/navigation/ContextMenu/ContextMenu.module.css
+// src/components/navigation/ContextMenu/ContextMenu.module.css
 var e = "_trigger_1ajgq_8", t = "_anchor_1ajgq_13", n = {
 	trigger: e,
 	anchor: t
 };
-//#endregion
 export { t as anchor, n as default, e as trigger };

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

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),r=require("./Link.module.css.cjs.js");let i=require("react/jsx-runtime");var a={inline:r.default.inline,standalone:r.default.standalone,subtle:r.default.subtle},o={primary:r.default.primary,neutral:r.default.neutral,accent:r.default.accent,success:r.default.success,warning:r.default.warning,danger:r.default.danger,info:r.default.info},s={inherit:void 0,sm:r.default.sm,md:r.default.md,lg:r.default.lg},c={always:r.default.underlineAlways,hover:r.default.underlineHover,none:r.default.underlineNone},l={inline:`always`,standalone:`hover`,subtle:`hover`},u=e=>Array.from(new Set([...(e??``).split(/\s+/).filter(Boolean),`noopener`,`noreferrer`])).join(` `);function d(d){let{as:f,variant:p=`inline`,tone:m=`primary`,size:h=`inherit`,underline:g,external:_=!1,externalLabel:v=`(opens in a new tab)`,arrow:y=!1,startIcon:b,endIcon:x,disabled:S=!1,visited:C=!1,className:w,children:T,rel:E,target:D,onClick:O,...k}=d,A=g??l[p],j=e.cx(r.default.root,a[p],o[m],s[h],c[A],S?r.default.disabled:r.default.interactive,C&&!S&&r.default.visited,w),M=(0,i.jsxs)(i.Fragment,{children:[b!=null&&(0,i.jsx)(`span`,{className:e.cx(r.default.icon,r.default.startIcon),children:b}),T!=null&&T!==!1&&(0,i.jsx)(`span`,{className:r.default.label,children:T}),x!=null&&(0,i.jsx)(`span`,{className:e.cx(r.default.icon,r.default.endIcon),children:x}),y&&!_&&(0,i.jsx)(`span`,{className:e.cx(r.default.icon,r.default.endIcon,r.default.arrow),children:(0,i.jsx)(n.ArrowRightIcon,{})}),_&&!S&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{className:e.cx(r.default.icon,r.default.endIcon,r.default.external),children:(0,i.jsx)(n.ExternalLinkIcon,{})}),(0,i.jsxs)(t.VisuallyHidden,{children:[` `,v]})]})]});if(S){let{href:e,to:t,download:n,ping:r,hrefLang:a,referrerPolicy:o,tabIndex:s,...c}=k,l=e=>{e.preventDefault()};return(0,i.jsx)(`a`,{...c,role:`link`,"aria-disabled":`true`,onClick:l,className:j,children:M})}return(0,i.jsx)(f??`a`,{...k,target:_?`_blank`:D,rel:_?u(E):E,onClick:O,className:j,children:M})}exports.Link=d;
+const e=require("../../../utils/cx.cjs.js"),t=require("../../primitives/Icon/icons.cjs.js"),n=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),r=require("./Link.module.css.cjs.js");let i=require("react/jsx-runtime");var a={inline:r.default.inline,standalone:r.default.standalone,subtle:r.default.subtle},o={primary:r.default.primary,neutral:r.default.neutral,accent:r.default.accent,success:r.default.success,warning:r.default.warning,danger:r.default.danger,info:r.default.info},s={inherit:void 0,sm:r.default.sm,md:r.default.md,lg:r.default.lg},c={always:r.default.underlineAlways,hover:r.default.underlineHover,none:r.default.underlineNone},l={inline:`always`,standalone:`hover`,subtle:`hover`},u=e=>Array.from(new Set([...(e??``).split(/\s+/).filter(Boolean),`noopener`,`noreferrer`])).join(` `);function d(d){let{as:f,variant:p=`inline`,tone:m=`primary`,size:h=`inherit`,underline:g,external:_=!1,externalLabel:v=`(opens in a new tab)`,arrow:y=!1,startIcon:b,endIcon:x,disabled:S=!1,visited:C=!1,className:w,children:T,rel:E,target:D,onClick:O,...k}=d,A=g??l[p],j=e.cx(r.default.root,a[p],o[m],s[h],c[A],S?r.default.disabled:r.default.interactive,C&&!S&&r.default.visited,w),M=(0,i.jsxs)(i.Fragment,{children:[b!=null&&(0,i.jsx)(`span`,{className:e.cx(r.default.icon,r.default.startIcon),children:b}),T!=null&&T!==!1&&(0,i.jsx)(`span`,{className:r.default.label,children:T}),x!=null&&(0,i.jsx)(`span`,{className:e.cx(r.default.icon,r.default.endIcon),children:x}),y&&!_&&(0,i.jsx)(`span`,{className:e.cx(r.default.icon,r.default.endIcon,r.default.arrow),children:(0,i.jsx)(t.ArrowRightIcon,{})}),_&&!S&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{className:e.cx(r.default.icon,r.default.endIcon,r.default.external),children:(0,i.jsx)(t.ExternalLinkIcon,{})}),(0,i.jsxs)(n.VisuallyHidden,{children:[` `,v]})]})]});if(S){let{href:e,to:t,download:n,ping:r,hrefLang:a,referrerPolicy:o,tabIndex:s,...c}=k,l=e=>{e.preventDefault()};return(0,i.jsx)(`a`,{...c,role:`link`,"aria-disabled":`true`,onClick:l,className:j,children:M})}return(0,i.jsx)(f??`a`,{...k,target:_?`_blank`:D,rel:_?u(E):E,onClick:O,className:j,children:M})}exports.Link=d;

package/dist/components/navigation/Link/Link.mjs

@@ -1,9 +1,9 @@
 import { cx as e } from "../../../utils/cx.mjs";
-import { VisuallyHidden as t } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { ArrowRightIcon as n, ExternalLinkIcon as r } from "../../primitives/Icon/icons.mjs";
+import { ArrowRightIcon as t, ExternalLinkIcon as n } from "../../primitives/Icon/icons.mjs";
+import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
 import i from "./Link.module.css.mjs";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/navigation/Link/Link.tsx
+// src/components/navigation/Link/Link.tsx
 var c = {
 	inline: i.inline,
 	standalone: i.standalone,
@@ -50,12 +50,12 @@ function m(m) {
 		}),
 		S && !b && /* @__PURE__ */ o("span", {
 			className: e(i.icon, i.endIcon, i.arrow),
-			children: /* @__PURE__ */ o(n, {})
+			children: /* @__PURE__ */ o(t, {})
 		}),
 		b && !T && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
 			className: e(i.icon, i.endIcon, i.external),
-			children: /* @__PURE__ */ o(r, {})
-		}), /* @__PURE__ */ s(t, { children: [" ", x] })] })
+			children: /* @__PURE__ */ o(n, {})
+		}), /* @__PURE__ */ s(r, { children: [" ", x] })] })
 	] });
 	if (T) {
 		let { href: e, to: t, download: n, ping: r, hrefLang: i, referrerPolicy: a, tabIndex: s, ...c } = M, l = (e) => {
@@ -79,5 +79,4 @@ function m(m) {
 		children: F
 	});
 }
-//#endregion
 export { m as Link };

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

@@ -1,4 +1,4 @@
-//#region src/components/navigation/Link/Link.module.css
+// src/components/navigation/Link/Link.module.css
 var e = "_root_1atiq_15", t = "_interactive_1atiq_71", n = "_label_1atiq_101", r = "_underlineAlways_1atiq_133", i = "_underlineHover_1atiq_179", a = "_underlineNone_1atiq_189", o = "_inline_1atiq_217", s = "_standalone_1atiq_227", c = "_subtle_1atiq_269", l = "_primary_1atiq_301", u = "_neutral_1atiq_315", d = "_accent_1atiq_333", f = "_success_1atiq_343", p = "_warning_1atiq_353", m = "_danger_1atiq_363", h = "_info_1atiq_373", g = "_sm_1atiq_387", _ = "_md_1atiq_395", v = "_lg_1atiq_403", y = "_visited_1atiq_415", b = "_icon_1atiq_429", x = "_startIcon_1atiq_457", S = "_endIcon_1atiq_465", C = "_arrow_1atiq_473", w = "_external_1atiq_495", T = "_disabled_1atiq_523", E = {
 	root: e,
 	interactive: t,
@@ -27,5 +27,4 @@ var e = "_root_1atiq_15", t = "_interactive_1atiq_71", n = "_label_1atiq_101", r
 	external: w,
 	disabled: T
 };
-//#endregion
 export { d as accent, C as arrow, m as danger, E as default, T as disabled, S as endIcon, w as external, b as icon, h as info, o as inline, t as interactive, n as label, v as lg, _ as md, u as neutral, l as primary, e as root, g as sm, s as standalone, x as startIcon, c as subtle, f as success, r as underlineAlways, i as underlineHover, a as underlineNone, y as visited, p as warning };

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

@@ -1 +1 @@
-const e=require("../../../utils/refs.cjs.js"),t=require("../../../hooks/useMergedRef.cjs.js"),n=require("../../../utils/slot.cjs.js"),r=require("../../primitives/Button/Button.cjs.js"),i=require("./MenuContext.cjs.js"),a=require("./MenuContent.cjs.js"),o=require("./useMenuRoot.cjs.js"),s=require("./MenuItem.cjs.js"),c=require("./MenuSub.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d=({children:e,...t})=>{let{level:n,tree:r}=o.useMenuRoot(t);return(0,u.jsx)(i.MenuTreeContext.Provider,{value:r,children:(0,u.jsx)(i.MenuLevelContext.Provider,{value:n,children:e})})};function f(e){let{variant:t,tone:n,size:r,radius:i,startIcon:a,endIcon:o,fullWidth:s,...c}=e;return c}var p=({children:a,asChild:o,onClick:s,onKeyDown:c,onPointerDown:d,id:p,ref:m,...h})=>{let g=i.useMenuLevel(`Menu.Trigger`);i.useMenuTree(`Menu.Trigger`);let _=(o??e.isSingleElement(a))&&e.isSingleElement(a)?a:null,v=_?e.getChildRef(_):void 0,y=t.useMergedRef(g.triggerRef,m,v),b=(0,l.useRef)(!1),x=e=>{c?.(e),!e.defaultPrevented&&(e.key===`ArrowDown`||e.key===`ArrowUp`?(e.preventDefault(),g.setOpen(!0,{focus:e.key===`ArrowDown`?`first`:`last`})):(e.key===`Enter`||e.key===` `)&&(b.current=!0))},S=e=>{d?.(e),b.current=!1},C=e=>{s?.(e);let t=b.current||e.detail===0;b.current=!1,!e.defaultPrevented&&(g.open?g.setOpen(!1,{restore:`force`}):g.setOpen(!0,{focus:t?`first`:`content`}))},w=_?_.props.id:void 0,T={id:p??w??g.triggerId,"aria-haspopup":`menu`,"aria-expanded":g.open,"aria-controls":g.open?g.contentId:void 0,"data-state":g.open?`open`:`closed`,onClick:C,onKeyDown:x,onPointerDown:S};return _?n.cloneSlot(_,{...f(h),...T},y):(0,u.jsx)(r.Button,{...h,...T,ref:y,children:a})},m=Object.assign(d,{Trigger:p,Content:a.MenuContent,Item:s.MenuItem,CheckboxItem:s.MenuCheckboxItem,RadioGroup:s.MenuRadioGroup,RadioItem:s.MenuRadioItem,Group:s.MenuGroup,Label:s.MenuLabel,Separator:s.MenuSeparator,Sub:c.MenuSub,SubTrigger:c.MenuSubTrigger,SubContent:c.MenuSubContent});exports.Menu=m,exports.MenuCheckboxItem=s.MenuCheckboxItem,exports.MenuContent=a.MenuContent,exports.MenuGroup=s.MenuGroup,exports.MenuItem=s.MenuItem,exports.MenuLabel=s.MenuLabel,exports.MenuRadioGroup=s.MenuRadioGroup,exports.MenuRadioItem=s.MenuRadioItem,exports.MenuSeparator=s.MenuSeparator,exports.MenuSub=c.MenuSub,exports.MenuSubContent=c.MenuSubContent,exports.MenuSubTrigger=c.MenuSubTrigger,exports.MenuTrigger=p;
+"use client";const e=require("../../primitives/Button/Button.cjs.js"),t=require("../../../hooks/useMergedRef.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/slot.cjs.js"),i=require("./MenuContext.cjs.js"),a=require("./MenuContent.cjs.js"),o=require("./useMenuRoot.cjs.js"),s=require("./MenuItem.cjs.js"),c=require("./MenuSub.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d=({children:e,...t})=>{let{level:n,tree:r}=o.useMenuRoot(t);return(0,u.jsx)(i.MenuTreeContext.Provider,{value:r,children:(0,u.jsx)(i.MenuLevelContext.Provider,{value:n,children:e})})};function f(e){let{variant:t,tone:n,size:r,radius:i,startIcon:a,endIcon:o,fullWidth:s,...c}=e;return c}var p=({children:a,asChild:o,onClick:s,onKeyDown:c,onPointerDown:d,id:p,ref:m,...h})=>{let g=i.useMenuLevel(`Menu.Trigger`);i.useMenuTree(`Menu.Trigger`);let _=(o??n.isSingleElement(a))&&n.isSingleElement(a)?a:null,v=_?n.getChildRef(_):void 0,y=t.useMergedRef(g.triggerRef,m,v),b=(0,l.useRef)(!1),x=e=>{c?.(e),e.defaultPrevented||(e.key===`ArrowDown`||e.key===`ArrowUp`?(e.preventDefault(),g.setOpen(!0,{focus:e.key===`ArrowDown`?`first`:`last`})):(e.key===`Enter`||e.key===` `)&&(b.current=!0))},S=e=>{d?.(e),b.current=!1},C=e=>{s?.(e);let t=b.current||e.detail===0;b.current=!1,e.defaultPrevented||(g.open?g.setOpen(!1,{restore:`force`}):g.setOpen(!0,{focus:t?`first`:`content`}))},w=_?_.props.id:void 0,T={id:p??w??g.triggerId,"aria-haspopup":`menu`,"aria-expanded":g.open,"aria-controls":g.open?g.contentId:void 0,"data-state":g.open?`open`:`closed`,onClick:C,onKeyDown:x,onPointerDown:S};return _?r.cloneSlot(_,{...f(h),...T},y):(0,u.jsx)(e.Button,{...h,...T,ref:y,children:a})},m=Object.assign(d,{Trigger:p,Content:a.MenuContent,Item:s.MenuItem,CheckboxItem:s.MenuCheckboxItem,RadioGroup:s.MenuRadioGroup,RadioItem:s.MenuRadioItem,Group:s.MenuGroup,Label:s.MenuLabel,Separator:s.MenuSeparator,Sub:c.MenuSub,SubTrigger:c.MenuSubTrigger,SubContent:c.MenuSubContent});exports.Menu=m,exports.MenuCheckboxItem=s.MenuCheckboxItem,exports.MenuContent=a.MenuContent,exports.MenuGroup=s.MenuGroup,exports.MenuItem=s.MenuItem,exports.MenuLabel=s.MenuLabel,exports.MenuRadioGroup=s.MenuRadioGroup,exports.MenuRadioItem=s.MenuRadioItem,exports.MenuSeparator=s.MenuSeparator,exports.MenuSub=c.MenuSub,exports.MenuSubContent=c.MenuSubContent,exports.MenuSubTrigger=c.MenuSubTrigger,exports.MenuTrigger=p;

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;