@thewhatmatters/wmds 0.4.27 → 0.4.29

package/dist/components/organisms/MoreMenu/MoreMenu.js

@@ -3,126 +3,70 @@ import { cn as e } from "../../../lib/cn.js";
 import { IconButton as t } from "../../atoms/IconButton/IconButton.js";
 import { Dropdown as n } from "../../molecules/Dropdown/Dropdown.js";
 import { measureDropdownMenuStyle as r } from "../../molecules/Dropdown/dropdownMenuPosition.js";
-import { moreMenuRootClasses as i } from "./moreMenuStyles.js";
-import { useCallback as a, useEffect as o, useId as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
-import { EllipsisVertical as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useDropdownMenu as i } from "../../molecules/Dropdown/useDropdownMenu.js";
+import { moreMenuRootClasses as a } from "./moreMenuStyles.js";
+import { useRef as o } from "react";
+import { EllipsisVertical as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/organisms/MoreMenu/MoreMenu.tsx
-function m(e) {
+function u(e) {
 	e.items.length === 0 && console.warn("[WMDS MoreMenu] `items` must not be empty.");
 }
-function h(e) {
+function d(e) {
 	return e.map((e) => ({
 		label: e.label,
 		start: e.start,
 		end: e.end
 	}));
 }
-function g({ "aria-label": g, items: _, onAction: v, size: y = "sm", disabled: b = !1, className: x }) {
-	let S = s(), C = l(null), w = l(null), [T, E] = u(!1), [D, O] = u(null), [k, A] = u(0);
-	m({
-		"aria-label": g,
-		items: _
+function f({ "aria-label": f, items: p, onAction: m, size: h = "sm", disabled: g = !1, className: _ }) {
+	let v = o(null);
+	u({
+		"aria-label": f,
+		items: p
 	});
-	let j = a(() => {
-		E(!1), O(null);
-	}, []), M = a(() => {
-		let e = w.current;
-		e != null && O(r(e, h(_), {
+	let y = i({
+		rows: p,
+		triggerRef: v,
+		focus: "items",
+		measure: () => v.current == null ? null : r(v.current, d(p), {
 			align: "end",
 			widthMode: "content"
-		})), E(!0);
-	}, [_]), N = a((e) => {
-		v?.(e), j();
-	}, [j, v]), P = a(() => {
-		let e = w.current;
-		e != null && O(r(e, h(_), {
-			align: "end",
-			widthMode: "content"
-		}));
-	}, [_]);
-	c(() => {
-		if (T) return P(), window.addEventListener("resize", P), window.addEventListener("scroll", P, !0), () => {
-			window.removeEventListener("resize", P), window.removeEventListener("scroll", P, !0);
-		};
-	}, [T, P]), o(() => {
-		if (!T) return;
-		function e(e) {
-			C.current != null && !C.current.contains(e.target) && j();
-		}
-		return document.addEventListener("mousedown", e), () => {
-			document.removeEventListener("mousedown", e);
-		};
-	}, [j, T]), o(() => {
-		T && A((e) => Math.min(e, Math.max(_.length - 1, 0)));
-	}, [_.length, T]);
-	function F(e) {
-		A((t) => {
-			if (_.length === 0) return 0;
-			let n = t;
-			for (let t = 0; t < _.length; t += 1) if (n = (n + e + _.length) % _.length, !_[n]?.disabled) return n;
-			return t;
-		});
-	}
-	function I(e) {
-		if (!b) switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), T ? F(1) : M();
-				break;
-			case "ArrowUp":
-				e.preventDefault(), T ? F(-1) : M();
-				break;
-			case "Enter":
-			case " ":
-				if (e.preventDefault(), T) {
-					let e = _[k];
-					e != null && !e.disabled && N(e.id);
-				} else M();
-				break;
-			case "Escape": e.preventDefault(), j();
-		}
+		})
+	});
+	function b(e) {
+		e.disabled || (y.close({ returnFocus: !0 }), m?.(e.id));
 	}
-	return /* @__PURE__ */ p("div", {
-		ref: C,
-		className: e(i, x),
-		children: [/* @__PURE__ */ f("div", {
-			ref: w,
-			className: "inline-flex",
-			children: /* @__PURE__ */ f(t, {
-				size: y,
-				role: "ghost",
-				icon: /* @__PURE__ */ f(d, { strokeWidth: 2 }),
-				"aria-label": g,
-				"aria-haspopup": "menu",
-				"aria-expanded": T,
-				"aria-controls": T ? S : void 0,
-				disabled: b,
-				onClick: () => {
-					b || (T ? j() : M());
-				},
-				onKeyDown: I
-			})
-		}), T && D != null ? /* @__PURE__ */ f(n.Menu, {
-			id: S,
+	return /* @__PURE__ */ l("div", {
+		...y.rootProps,
+		className: e(a, _),
+		children: [/* @__PURE__ */ c(t, {
+			ref: v,
+			size: h,
+			role: "ghost",
+			icon: /* @__PURE__ */ c(s, { strokeWidth: 2 }),
+			"aria-label": f,
+			"aria-haspopup": "menu",
+			"aria-expanded": y.triggerProps["aria-expanded"],
+			"aria-controls": y.triggerProps["aria-controls"],
+			disabled: g,
+			onClick: () => {
+				g || y.toggle();
+			}
+		}), y.open && y.menuStyle != null ? /* @__PURE__ */ c(n.Menu, {
+			...y.menuProps,
 			role: "menu",
-			"aria-label": g,
-			style: D,
-			children: _.map((e, t) => /* @__PURE__ */ f("li", {
+			"aria-label": f,
+			children: p.map((e, t) => /* @__PURE__ */ c("li", {
 				role: "presentation",
-				children: /* @__PURE__ */ f(n.Item, {
+				children: /* @__PURE__ */ c(n.Item, {
+					...y.rowProps(t),
 					role: "menuitem",
-					tabIndex: -1,
 					truncate: !1,
-					active: t === k,
 					disabled: e.disabled,
 					start: e.start,
 					end: e.end,
-					onMouseEnter: () => {
-						e.disabled || A(t);
-					},
-					onClick: () => {
-						e.disabled || N(e.id);
-					},
+					onClick: () => b(e),
 					children: e.label
 				})
 			}, e.id))
@@ -130,4 +74,4 @@ function g({ "aria-label": g, items: _, onAction: v, size: y = "sm", disabled: b
 	});
 }
 //#endregion
-export { g as MoreMenu };
+export { f as MoreMenu };

package/dist/components/organisms/Panel/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAef,OAAO,EAOL,UAAU,EAEV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAElC,uDAAuD;AACvD,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,sFAAsF;IACtF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAiGD,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,YAAY,EACZ,eAAsB,EACtB,QAAQ,GACT,EAAE,UAAU,+BAkBZ;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,+BAmBA;AAED,iBAAS,YAAY,CAAC,EACpB,IAAY,EACZ,IAAW,EACX,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAgB,EAChB,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,+BAyDnB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,OAAO,EAOL,UAAU,EAEV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAElC,uDAAuD;AACvD,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,sFAAsF;IACtF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAyED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,YAAY,EACZ,eAAsB,EACtB,QAAQ,GACT,EAAE,UAAU,+BAkBZ;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,+BAmBA;AAED,iBAAS,YAAY,CAAC,EACpB,IAAY,EACZ,IAAW,EACX,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAgB,EAChB,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,+BAyDnB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}

package/dist/components/organisms/Panel/Panel.js

@@ -1,63 +1,54 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { overlayPanelBodyScrollClasses as t, overlayPanelChromeClasses as n, overlayPanelFooterClasses as r, overlayPanelFooterDelineatedInnerClasses as i, overlayPanelFooterDelineatedShellClasses as a, overlayPanelFooterHairlineClasses as o, overlayPanelSectionStackClasses as s } from "../Dialog/dialogStyles.js";
-import { OverlayPanelHeader as c } from "../Dialog/OverlayPanelHeader.js";
-import { PanelProvider as l, usePanelContext as u, usePanelLabelIds as d } from "./PanelContext.js";
-import { sheetPanelPlacementClasses as f } from "../Sheet/sheetStyles.js";
-import { panelBackdropClasses as p, panelMotionTransition as m, panelMotionVariants as h, panelOverlayRootClasses as g, panelShellClasses as _, panelSides as v, panelSizeClasses as y, panelSizes as b } from "./panelStyles.js";
-import { useCallback as x, useEffect as S, useRef as C } from "react";
+import { useOverlayLifecycle as t } from "../../../lib/dialogOverlay.js";
+import { overlayPanelBodyScrollClasses as n, overlayPanelChromeClasses as r, overlayPanelFooterClasses as i, overlayPanelFooterDelineatedInnerClasses as a, overlayPanelFooterDelineatedShellClasses as o, overlayPanelFooterHairlineClasses as s, overlayPanelSectionStackClasses as c } from "../Dialog/dialogStyles.js";
+import { OverlayPanelHeader as l } from "../Dialog/OverlayPanelHeader.js";
+import { PanelProvider as u, usePanelContext as d, usePanelLabelIds as f } from "./PanelContext.js";
+import { sheetPanelPlacementClasses as p } from "../Sheet/sheetStyles.js";
+import { panelBackdropClasses as m, panelMotionTransition as h, panelMotionVariants as g, panelOverlayRootClasses as _, panelShellClasses as v, panelSides as y, panelSizeClasses as b, panelSizes as x } from "./panelStyles.js";
+import { useCallback as S, useRef as C } from "react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { AnimatePresence as E, motion as D } from "motion/react";
 import { createPortal as O } from "react-dom";
 //#region src/components/organisms/Panel/Panel.tsx
-function k({ side: t, size: r, "aria-labelledby": i, "aria-describedby": a, children: o }) {
-	let { open: s, onOpenChange: c, dismissOnEscape: l, triggerRef: d } = u("PanelPortal"), v = C(null), b = C(null), k = x(() => {
-		c(!1);
-	}, [c]);
-	return S(() => {
-		if (s) return b.current = d.current ?? document.activeElement, () => {
-			b.current?.focus?.();
-		};
-	}, [s, d]), S(() => {
-		if (!s || !l) return;
-		function e(e) {
-			e.key === "Escape" && (e.preventDefault(), k());
-		}
-		return document.addEventListener("keydown", e), () => {
-			document.removeEventListener("keydown", e);
-		};
-	}, [
-		k,
-		l,
-		s
-	]), typeof document > "u" ? null : O(/* @__PURE__ */ w(E, { children: s ? /* @__PURE__ */ T(D.div, {
-		className: g[t],
+function k({ side: n, size: i, "aria-labelledby": a, "aria-describedby": o, children: s }) {
+	let { open: c, onOpenChange: l, dismissOnEscape: u, triggerRef: f } = d("PanelPortal"), y = C(null), x = S(() => {
+		l(!1);
+	}, [l]);
+	return t(y, {
+		open: c,
+		onClose: x,
+		modal: !1,
+		closeOnEscape: u,
+		returnFocusRef: f
+	}), typeof document > "u" ? null : O(/* @__PURE__ */ w(E, { children: c ? /* @__PURE__ */ T(D.div, {
+		className: _[n],
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
-		transition: m(t),
+		transition: h(n),
 		children: [/* @__PURE__ */ w("div", {
-			className: p,
+			className: m,
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ w(D.div, {
-			ref: v,
-			className: e(_, f[t], y(t, r), n),
+			ref: y,
+			className: e(v, p[n], b(n, i), r),
 			role: "dialog",
 			"aria-modal": "false",
-			"aria-labelledby": i,
-			"aria-describedby": a,
-			variants: h(t),
+			"aria-labelledby": a,
+			"aria-describedby": o,
+			variants: g(n),
 			initial: "hidden",
 			animate: "visible",
 			exit: "exit",
-			transition: m(t),
-			children: o
+			transition: h(n),
+			children: s
 		})]
 	}) : null }), document.body);
 }
 function A({ open: e, onOpenChange: t, dismissOnEscape: n = !0, children: r }) {
-	let { titleId: i, descriptionId: a } = d("panel"), o = C(null);
-	return /* @__PURE__ */ w(l, {
+	let { titleId: i, descriptionId: a } = f("panel"), o = C(null);
+	return /* @__PURE__ */ w(u, {
 		value: {
 			open: e,
 			onOpenChange: t,
@@ -70,7 +61,7 @@ function A({ open: e, onOpenChange: t, dismissOnEscape: n = !0, children: r }) {
 	});
 }
 function j({ children: e, className: t }) {
-	let { onOpenChange: n, triggerRef: r } = u("Panel.Trigger");
+	let { onOpenChange: n, triggerRef: r } = d("Panel.Trigger");
 	return /* @__PURE__ */ w("span", {
 		ref: r,
 		className: t,
@@ -81,20 +72,20 @@ function j({ children: e, className: t }) {
 		children: e
 	});
 }
-function M({ side: n = "end", size: l = "md", title: d, description: f, headerStart: p, showClose: m = !0, footer: h, className: g, children: _ }) {
-	let { titleId: v, descriptionId: y, onOpenChange: b } = u("Panel.Content"), x = d != null, S = f != null, C = _ != null || !x && S, E = h != null;
+function M({ side: t = "end", size: r = "md", title: u, description: f, headerStart: p, showClose: m = !0, footer: h, className: g, children: _ }) {
+	let { titleId: v, descriptionId: y, onOpenChange: b } = d("Panel.Content"), x = u != null, S = f != null, C = _ != null || !x && S, E = h != null;
 	return /* @__PURE__ */ w(k, {
-		side: n,
-		size: l,
+		side: t,
+		size: r,
 		"aria-labelledby": x ? v : void 0,
 		"aria-describedby": S ? y : void 0,
 		children: /* @__PURE__ */ T("div", {
-			className: e(s, h == null ? "pb-4" : void 0, g),
+			className: e(c, h == null ? "pb-4" : void 0, g),
 			children: [
-				/* @__PURE__ */ w(c, {
+				/* @__PURE__ */ w(l, {
 					titleId: v,
 					descriptionId: y,
-					title: d,
+					title: u,
 					description: f,
 					headerStart: p,
 					showClose: m,
@@ -103,7 +94,7 @@ function M({ side: n = "end", size: l = "md", title: d, description: f, headerSt
 					delineated: C || E
 				}),
 				C ? /* @__PURE__ */ T("div", {
-					className: t,
+					className: n,
 					children: [!x && S ? /* @__PURE__ */ w("p", {
 						id: y,
 						className: "text-muted",
@@ -111,16 +102,16 @@ function M({ side: n = "end", size: l = "md", title: d, description: f, headerSt
 					}) : null, _]
 				}) : null,
 				E ? C ? /* @__PURE__ */ T("footer", {
-					className: a,
+					className: o,
 					children: [/* @__PURE__ */ w("hr", {
-						className: o,
+						className: s,
 						"aria-hidden": "true"
 					}), /* @__PURE__ */ w("div", {
-						className: i,
+						className: a,
 						children: h
 					})]
 				}) : /* @__PURE__ */ w("footer", {
-					className: e(r, "pb-4"),
+					className: e(i, "pb-4"),
 					children: h
 				}) : null
 			]
@@ -132,4 +123,4 @@ var N = Object.assign(A, {
 	Content: M
 });
 //#endregion
-export { N as Panel, v as panelSides, b as panelSizes };
+export { N as Panel, y as panelSides, x as panelSizes };

package/dist/components/organisms/Sheet/Sheet.d.ts

@@ -14,6 +14,8 @@ export interface SheetProps {
     children: ReactNode;
 }
 export interface SheetContentProps {
+    /** Id on the dialog panel — point a trigger's `aria-controls` at it. */
+    id?: string;
     /** Edge attachment — default `bottom`. Side sheets are full viewport height. */
     side?: SheetSide;
     /** Cross-axis size — width (`end` / `start`) or max-height (`bottom`). */
@@ -34,7 +36,7 @@ declare function SheetTrigger({ children, className, }: {
     children: ReactNode;
     className?: SheetLayoutClassName;
 }): import("react").JSX.Element;
-declare function SheetContent({ side, size, title, description, headerStart, headerActions, showClose, footer, className, children, }: SheetContentProps): import("react").JSX.Element;
+declare function SheetContent({ id, side, size, title, description, headerStart, headerActions, showClose, footer, className, children, }: SheetContentProps): import("react").JSX.Element;
 /**
  * Edge-attached dismissible overlay — bottom drawer or side sheet.
  * Shares scrim/focus/scroll lock with **Dialog**; reserve **Panel** for a future persistent flyover pattern.

package/dist/components/organisms/Sheet/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAuBf,OAAO,EAWL,UAAU,EACV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAElC,uDAAuD;AACvD,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,gFAAgF;IAChF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8HAA8H;IAC9H,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+JD,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,YAAY,EACZ,iBAAwB,EACxB,eAAsB,EACtB,QAAQ,GACT,EAAE,UAAU,+BAmBZ;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,+BAmBA;AAED,iBAAS,YAAY,CAAC,EACpB,IAAe,EACf,IAAW,EACX,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAgB,EAChB,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,+BA8DnB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAiBf,OAAO,EAWL,UAAU,EACV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAElC,uDAAuD;AACvD,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8HAA8H;IAC9H,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2GD,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,YAAY,EACZ,iBAAwB,EACxB,eAAsB,EACtB,QAAQ,GACT,EAAE,UAAU,+BAmBZ;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,+BAmBA;AAED,iBAAS,YAAY,CAAC,EACpB,EAAE,EACF,IAAe,EACf,IAAW,EACX,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAgB,EAChB,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,+BA+DnB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}

package/dist/components/organisms/Sheet/Sheet.js

@@ -1,84 +1,64 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
 import { motionTransitionProp as t } from "../../../lib/motion.js";
-import { dialogBackdropClasses as n, overlayPanelBodyScrollClasses as r, overlayPanelChromeClasses as i, overlayPanelFooterClasses as a, overlayPanelFooterDelineatedInnerClasses as o, overlayPanelFooterDelineatedShellClasses as s, overlayPanelFooterHairlineClasses as c, overlayPanelSectionStackClasses as l } from "../Dialog/dialogStyles.js";
-import { OverlayPanelHeader as u } from "../Dialog/OverlayPanelHeader.js";
-import { sheetEndBackdropClasses as d, sheetOverlayRootClasses as f, sheetPanelBaseClasses as p, sheetPanelMotionTransition as m, sheetPanelMotionVariants as h, sheetPanelPlacementClasses as g, sheetPanelReducedMotionVariants as _, sheetPanelSizeClasses as v, sheetSafeAreaBottomClasses as y, sheetSides as b, sheetSizes as x } from "./sheetStyles.js";
-import { focusInitialElement as S, focusMainContent as C, inertPageBehind as w, lockBodyScroll as T, trapFocus as E } from "../../../lib/dialogOverlay.js";
-import { SheetProvider as D, useSheetContext as O, useSheetLabelIds as k } from "./SheetContext.js";
-import { useCallback as A, useEffect as j, useRef as M } from "react";
-import { jsx as N, jsxs as P } from "react/jsx-runtime";
-import { AnimatePresence as F, motion as I, useReducedMotion as L } from "motion/react";
-import { createPortal as R } from "react-dom";
+import { useOverlayLifecycle as n } from "../../../lib/dialogOverlay.js";
+import { dialogBackdropClasses as r, overlayPanelBodyScrollClasses as i, overlayPanelChromeClasses as a, overlayPanelFooterClasses as o, overlayPanelFooterDelineatedInnerClasses as s, overlayPanelFooterDelineatedShellClasses as c, overlayPanelFooterHairlineClasses as l, overlayPanelSectionStackClasses as u } from "../Dialog/dialogStyles.js";
+import { OverlayPanelHeader as d } from "../Dialog/OverlayPanelHeader.js";
+import { sheetEndBackdropClasses as f, sheetOverlayRootClasses as p, sheetPanelBaseClasses as m, sheetPanelMotionTransition as h, sheetPanelMotionVariants as g, sheetPanelPlacementClasses as _, sheetPanelReducedMotionVariants as v, sheetPanelSizeClasses as y, sheetSafeAreaBottomClasses as b, sheetSides as x, sheetSizes as S } from "./sheetStyles.js";
+import { SheetProvider as C, useSheetContext as w, useSheetLabelIds as T } from "./SheetContext.js";
+import { useCallback as E, useRef as D } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { AnimatePresence as A, motion as j, useReducedMotion as M } from "motion/react";
+import { createPortal as N } from "react-dom";
 //#region src/components/organisms/Sheet/Sheet.tsx
-function z({ side: r, size: a, "aria-labelledby": o, "aria-describedby": s, children: c }) {
-	let { open: l, onOpenChange: u, dismissOnBackdrop: y, dismissOnEscape: b, triggerRef: x } = O("SheetPortal"), D = L(), k = M(null), z = M(null), B = A(() => {
-		u(!1);
-	}, [u]);
-	j(() => {
-		if (!l) return;
-		z.current = x.current ?? document.activeElement;
-		let e = T(), t = k.current, n = t == null ? () => void 0 : w(t), r = () => {}, i = 0;
-		return t != null && (r = E(t), i = window.requestAnimationFrame(() => {
-			S(t);
-		})), () => {
-			window.cancelAnimationFrame(i), r(), n(), e();
-			let a = z.current;
-			a != null && a.isConnected && a !== document.body ? a.focus() : (C(), window.requestAnimationFrame(() => {
-				let e = document.activeElement;
-				(e == null || e === document.body || t?.contains(e)) && C();
-			}));
-		};
-	}, [l, x]), j(() => {
-		if (!l || !b) return;
-		function e(e) {
-			e.key === "Escape" && (e.preventDefault(), B());
-		}
-		return document.addEventListener("keydown", e), () => {
-			document.removeEventListener("keydown", e);
-		};
-	}, [
-		B,
-		b,
-		l
-	]);
-	function V(e) {
-		if (!y) return;
+function P({ id: i, side: o, size: s, "aria-labelledby": c, "aria-describedby": l, children: u }) {
+	let { open: d, onOpenChange: b, dismissOnBackdrop: x, dismissOnEscape: S, triggerRef: C } = w("SheetPortal"), T = M(), P = D(null), F = E(() => {
+		b(!1);
+	}, [b]);
+	n(P, {
+		open: d,
+		onClose: F,
+		closeOnEscape: S,
+		returnFocusRef: C
+	});
+	function I(e) {
+		if (!x) return;
 		let t = e.target;
-		k.current?.contains(t) || (e.preventDefault(), B());
+		P.current?.contains(t) || (e.preventDefault(), F());
 	}
-	return typeof document > "u" ? null : R(/* @__PURE__ */ N(F, { children: l ? /* @__PURE__ */ P(I.div, {
-		className: f[r],
+	return typeof document > "u" ? null : N(/* @__PURE__ */ O(A, { children: d ? /* @__PURE__ */ k(j.div, {
+		className: p[o],
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		transition: t("medium"),
-		onMouseDown: V,
-		children: [/* @__PURE__ */ N("div", {
-			className: r === "end" ? d : n,
+		onMouseDown: I,
+		children: [/* @__PURE__ */ O("div", {
+			className: o === "end" ? f : r,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ N(I.div, {
-			ref: k,
-			className: e(p, g[r], v[r][a], i, "relative z-[1]"),
+		}), /* @__PURE__ */ O(j.div, {
+			ref: P,
+			className: e(m, _[o], y[o][s], a, "relative z-[1]"),
+			id: i,
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": o,
-			"aria-describedby": s,
-			variants: D === !0 ? _ : h(r),
+			"aria-labelledby": c,
+			"aria-describedby": l,
+			variants: T === !0 ? v : g(o),
 			initial: "hidden",
 			animate: "visible",
 			exit: "exit",
-			transition: m(r),
+			transition: h(o),
 			onMouseDown: (e) => {
 				e.stopPropagation();
 			},
-			children: c
+			children: u
 		})]
 	}) : null }), document.body);
 }
-function B({ open: e, onOpenChange: t, dismissOnBackdrop: n = !0, dismissOnEscape: r = !0, children: i }) {
-	let { titleId: a, descriptionId: o } = k("sheet"), s = M(null);
-	return /* @__PURE__ */ N(D, {
+function F({ open: e, onOpenChange: t, dismissOnBackdrop: n = !0, dismissOnEscape: r = !0, children: i }) {
+	let { titleId: a, descriptionId: o } = T("sheet"), s = D(null);
+	return /* @__PURE__ */ O(C, {
 		value: {
 			open: e,
 			onOpenChange: t,
@@ -91,9 +71,9 @@ function B({ open: e, onOpenChange: t, dismissOnBackdrop: n = !0, dismissOnEscap
 		children: i
 	});
 }
-function V({ children: e, className: t }) {
-	let { onOpenChange: n, triggerRef: r } = O("Sheet.Trigger");
-	return /* @__PURE__ */ N("span", {
+function I({ children: e, className: t }) {
+	let { onOpenChange: n, triggerRef: r } = w("Sheet.Trigger");
+	return /* @__PURE__ */ O("span", {
 		ref: r,
 		className: t,
 		onClick: (e) => {
@@ -103,56 +83,57 @@ function V({ children: e, className: t }) {
 		children: e
 	});
 }
-function H({ side: t = "bottom", size: n = "md", title: i, description: d, headerStart: f, headerActions: p, showClose: m = !0, footer: h, className: g, children: _ }) {
-	let { titleId: v, descriptionId: b, onOpenChange: x } = O("Sheet.Content"), S = i != null, C = d != null, w = _ != null || !S && C, T = h != null, E = t === "end" ? y : void 0;
-	return /* @__PURE__ */ N(z, {
-		side: t,
-		size: n,
-		"aria-labelledby": S ? v : void 0,
-		"aria-describedby": C ? b : void 0,
-		children: /* @__PURE__ */ P("div", {
-			className: e(l, h == null ? "pb-4" : void 0, h == null ? E : void 0, g),
+function L({ id: t, side: n = "bottom", size: r = "md", title: a, description: f, headerStart: p, headerActions: m, showClose: h = !0, footer: g, className: _, children: v }) {
+	let { titleId: y, descriptionId: x, onOpenChange: S } = w("Sheet.Content"), C = a != null, T = f != null, E = v != null || !C && T, D = g != null, A = n === "end" ? b : void 0;
+	return /* @__PURE__ */ O(P, {
+		id: t,
+		side: n,
+		size: r,
+		"aria-labelledby": C ? y : void 0,
+		"aria-describedby": T ? x : void 0,
+		children: /* @__PURE__ */ k("div", {
+			className: e(u, g == null ? "pb-4" : void 0, g == null ? A : void 0, _),
 			children: [
-				/* @__PURE__ */ N(u, {
-					titleId: v,
-					descriptionId: b,
-					title: i,
-					description: d,
-					headerStart: f,
-					headerEnd: p,
-					showClose: m,
+				/* @__PURE__ */ O(d, {
+					titleId: y,
+					descriptionId: x,
+					title: a,
+					description: f,
+					headerStart: p,
+					headerEnd: m,
+					showClose: h,
 					closeLabel: "Close sheet",
-					onClose: () => x(!1),
-					delineated: w || T
+					onClose: () => S(!1),
+					delineated: E || D
 				}),
-				w ? /* @__PURE__ */ P("div", {
-					className: r,
-					children: [!S && C ? /* @__PURE__ */ N("p", {
-						id: b,
+				E ? /* @__PURE__ */ k("div", {
+					className: i,
+					children: [!C && T ? /* @__PURE__ */ O("p", {
+						id: x,
 						className: "text-muted",
-						children: d
-					}) : null, _]
+						children: f
+					}) : null, v]
 				}) : null,
-				T ? w ? /* @__PURE__ */ P("footer", {
-					className: s,
-					children: [/* @__PURE__ */ N("hr", {
-						className: c,
+				D ? E ? /* @__PURE__ */ k("footer", {
+					className: c,
+					children: [/* @__PURE__ */ O("hr", {
+						className: l,
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ N("div", {
-						className: e(o, E),
-						children: h
+					}), /* @__PURE__ */ O("div", {
+						className: e(s, A),
+						children: g
 					})]
-				}) : /* @__PURE__ */ N("footer", {
-					className: e(a, "pb-4", E),
-					children: h
+				}) : /* @__PURE__ */ O("footer", {
+					className: e(o, "pb-4", A),
+					children: g
 				}) : null
 			]
 		})
 	});
 }
-var U = Object.assign(B, {
-	Trigger: V,
-	Content: H
+var R = Object.assign(F, {
+	Trigger: I,
+	Content: L
 });
 //#endregion
-export { U as Sheet, b as sheetSides, x as sheetSizes };
+export { R as Sheet, x as sheetSides, S as sheetSizes };

package/dist/components/organisms/SiteNav/SiteNav.d.ts

@@ -37,15 +37,6 @@ export interface SiteNavProps {
     "aria-label"?: string;
     className?: SiteNavLayoutClassName;
 }
-/**
- * Marketing site header — in-flow expanded band that scrolls away with the page. Once the
- * reader scrolls past half the viewport (or `collapseAt` px), a separate floating pill
- * pins 1rem from the top (`fixed` on the window, `sticky` inside a `scrollContainer`).
- *
- * Mental model: **page chrome** (`placement="fixed"`, optional `scrollContainer`) vs
- * **specimen** (`placement="inline"` without a scroller). Collapse ownership lives in
- * {@link useSiteNavCollapse}.
- */
 declare function SiteNavRoot({ start, middle, end, mobile, mobileTitle, collapseAt, state: controlledState, onStateChange, compactLayout, placement, scrollContainer, "aria-label": ariaLabel, className, }: SiteNavProps): import("react").JSX.Element;
 export interface SiteNavBrandProps {
     href: string;