@thewhatmatters/wmds 0.4.28 → 0.4.30

package/dist/components/organisms/SiteNav/SiteNav.js

@@ -8,21 +8,21 @@ import { Dropdown as a } from "../../molecules/Dropdown/Dropdown.js";
 import { cardLayoutBodyOccupantRadiusClasses as o, cardLayoutBodyOccupantWellClasses as s } from "../../molecules/Card/cardStyles.js";
 import { Sheet as c } from "../Sheet/Sheet.js";
 import { textOf as l, useOverflowMenu as u } from "../../molecules/Dropdown/useOverflowMenu.js";
-import { siteNavBarBaseClasses as d, siteNavBarCompactLayoutClasses as f, siteNavBarStateClasses as p, siteNavBrandClasses as m, siteNavCompactLayouts as h, siteNavContainerClasses as g, siteNavDefaultCollapseAt as _, siteNavDefaultCollapseRatio as v, siteNavEndClasses as ee, siteNavExpandedHeightClasses as y, siteNavLinkClasses as b, siteNavLinkListClasses as x, siteNavLinksRootClasses as S, siteNavMeasureItemClasses as C, siteNavMeasureMoreClasses as w, siteNavMeasureRailClasses as T, siteNavMenuBackdropClasses as E, siteNavMenuContentClasses as D, siteNavMenuLinkClasses as O, siteNavMenuLinkGridClasses as te, siteNavMenuPopupClasses as k, siteNavMenuPositionerClasses as A, siteNavMenuReadRowClasses as j, siteNavMenuReadThumbClasses as M, siteNavMenuSectionClasses as N, siteNavMenuSectionLabelClasses as P, siteNavMenuSectionSpanClasses as F, siteNavMenuViewportClasses as I, siteNavMiddleClasses as ne, siteNavMiddleHugClasses as re, siteNavMiddleHugResponsiveClasses as ie, siteNavMiddleResponsiveClasses as ae, siteNavMobileLinkClasses as L, siteNavMobileListClasses as oe, siteNavMobileTriggerClasses as se, siteNavMoreIconClasses as R, siteNavMoreTriggerClasses as z, siteNavNavigationRootClasses as B, siteNavPlacements as V, siteNavRootFixedClasses as ce, siteNavRootFlowClasses as le, siteNavRootInlineClasses as ue, siteNavRootStickyClasses as de, siteNavSlotsClasses as H, siteNavStartClasses as fe, siteNavStates as U, siteNavTriggerClasses as W, siteNavTriggerIconClasses as pe, siteNavTriggerLabelClasses as me } from "./siteNavStyles.js";
-import { useSiteNavCollapse as he } from "./useSiteNavCollapse.js";
-import { Children as G, createContext as ge, isValidElement as K, useContext as _e, useEffect as ve, useMemo as ye, useRef as be, useState as q } from "react";
-import { ChevronDown as J, Menu as xe } from "lucide-react";
-import { Fragment as Se, jsx as Y, jsxs as X } from "react/jsx-runtime";
-import { AnimatePresence as Z, motion as Ce, useReducedMotion as we } from "motion/react";
-import { createPortal as Te } from "react-dom";
+import { siteNavBarBaseClasses as d, siteNavBarCompactLayoutClasses as f, siteNavBarStateClasses as p, siteNavBrandClasses as m, siteNavCompactLayouts as h, siteNavContainerClasses as g, siteNavDefaultCollapseAt as _, siteNavDefaultCollapseRatio as v, siteNavEndClasses as ee, siteNavExpandedHeightClasses as te, siteNavLinkClasses as y, siteNavLinkListClasses as b, siteNavLinksRootClasses as x, siteNavMeasureItemClasses as S, siteNavMeasureMoreClasses as C, siteNavMeasureRailClasses as w, siteNavMenuBackdropClasses as T, siteNavMenuContentClasses as E, siteNavMenuLinkClasses as D, siteNavMenuLinkGridClasses as O, siteNavMenuPopupClasses as ne, siteNavMenuPositionerClasses as k, siteNavMenuReadRowClasses as A, siteNavMenuReadThumbClasses as j, siteNavMenuSectionClasses as M, siteNavMenuSectionLabelClasses as N, siteNavMenuSectionSpanClasses as P, siteNavMenuViewportClasses as F, siteNavMiddleClasses as re, siteNavMiddleHugClasses as ie, siteNavMiddleHugResponsiveClasses as ae, siteNavMiddleResponsiveClasses as oe, siteNavMobileLinkClasses as I, siteNavMobileListClasses as se, siteNavMobileTriggerClasses as ce, siteNavMoreIconClasses as L, siteNavMoreTriggerClasses as R, siteNavNavigationRootClasses as z, siteNavPlacements as B, siteNavRootFixedClasses as le, siteNavRootFlowClasses as ue, siteNavRootInlineClasses as de, siteNavRootStickyClasses as fe, siteNavSlotsClasses as V, siteNavStartClasses as pe, siteNavStates as H, siteNavTriggerClasses as U, siteNavTriggerIconClasses as W, siteNavTriggerLabelClasses as G } from "./siteNavStyles.js";
+import { useSiteNavCollapse as me } from "./useSiteNavCollapse.js";
+import { Children as K, createContext as he, isValidElement as q, useContext as ge, useEffect as _e, useId as ve, useMemo as ye, useRef as be, useState as J } from "react";
+import { ChevronDown as Y, Menu as xe } from "lucide-react";
+import { Fragment as Se, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { AnimatePresence as Ce, motion as we, useReducedMotion as Te } from "motion/react";
+import { createPortal as Ee } from "react-dom";
 import { NavigationMenu as Q } from "@base-ui/react/navigation-menu";
 //#region src/components/organisms/SiteNav/SiteNav.tsx
-var Ee = ge(null);
-function De(e, t, n, r) {
-	return t && (e || n) ? r ? H.threeHug : H.three : t ? H.middleOnly : e && n ? H.ends : e ? H.startOnly : H.endOnly;
+var De = he(null);
+function Oe(e, t, n, r) {
+	return t && (e || n) ? r ? V.threeHug : V.three : t ? V.middleOnly : e && n ? V.ends : e ? V.startOnly : V.endOnly;
 }
-function Oe(e, t) {
-	ve(() => {
+function ke(e, t) {
+	_e(() => {
 		if (!e || typeof document > "u") return;
 		let n = t?.current ?? document.documentElement, r = n.style.scrollPaddingTop;
 		return n.style.scrollPaddingTop = "calc(var(--site-nav-height) + var(--spacing) * 4)", () => {
@@ -30,188 +30,191 @@ function Oe(e, t) {
 		};
 	}, [e, t]);
 }
-function ke({ start: n, middle: i, end: a, mobile: o, mobileTitle: s = "Menu", collapseAt: l, state: u, onStateChange: m, compactLayout: h = "hug", placement: _ = "fixed", scrollContainer: v, "aria-label": b = "Site", className: x }) {
-	let S = be(null), C = we() ?? !1, { state: w, compact: T } = he({
+function Ae({ start: n, middle: i, end: a, mobile: o, mobileTitle: s = "Menu", collapseAt: l, state: u, onStateChange: m, compactLayout: h = "hug", placement: _ = "fixed", scrollContainer: v, "aria-label": y = "Site", className: b }) {
+	let x = be(null), S = Te() ?? !1, { state: C, compact: w } = me({
 		collapseAt: l,
 		scrollContainer: v,
 		controlledState: u,
 		placement: _,
 		onStateChange: m
-	}), [E, D] = q(!1), [O, te] = q(!1), k = T && h === "hug", A = {
+	}), [T, E] = J(!1), D = ve(), [O, ne] = J(!1), k = w && h === "hug", A = {
 		y: -72,
 		opacity: 0
 	}, j = {
 		y: 0,
 		opacity: 1
-	}, M = C ? { duration: 0 } : {
+	}, M = S ? { duration: 0 } : {
 		...t("medium"),
 		type: "tween"
 	}, N = v != null, P = _ === "fixed" || N;
-	Oe(P && T, v);
-	let F = o != null, I = n != null, L = i != null, R = a != null || F, z = F ? /* @__PURE__ */ Y(r, {
-		icon: /* @__PURE__ */ Y(xe, { strokeWidth: 2 }),
-		"aria-label": "Open menu",
+	ke(P && w, v);
+	let F = o != null, I = n != null, L = i != null, R = a != null || F, z = F ? /* @__PURE__ */ X(r, {
+		icon: /* @__PURE__ */ X(xe, { strokeWidth: 2 }),
+		"aria-label": T ? "Close menu" : "Open menu",
 		title: "",
 		size: "sm",
-		className: se,
-		"aria-expanded": E,
-		onClick: () => D(!0)
+		className: ce,
+		"aria-haspopup": "dialog",
+		"aria-expanded": T,
+		"aria-controls": T ? D : void 0,
+		onClick: () => E((e) => !e)
 	}) : null;
 	function B(e) {
-		return /* @__PURE__ */ X("div", {
-			className: De(I, L, R, e),
+		return /* @__PURE__ */ Z("div", {
+			className: Oe(I, L, R, e),
 			children: [
-				I ? /* @__PURE__ */ Y("div", {
-					className: fe,
+				I ? /* @__PURE__ */ X("div", {
+					className: pe,
 					children: n
 				}) : null,
-				L ? /* @__PURE__ */ Y("div", {
-					className: F ? e ? ie : ae : e ? re : ne,
+				L ? /* @__PURE__ */ X("div", {
+					className: F ? e ? ae : oe : e ? ie : re,
 					children: i
 				}) : null,
-				R ? /* @__PURE__ */ X("div", {
+				R ? /* @__PURE__ */ Z("div", {
 					className: ee,
 					children: [a, z]
 				}) : null
 			]
 		});
 	}
-	let V = e(d, p.compact, f[h]), H = /* @__PURE__ */ Y("div", {
+	let V = e(d, p.compact, f[h]), H = /* @__PURE__ */ X("div", {
 		"data-state": "expanded",
 		className: e(d, p.expanded),
 		children: B(!1)
-	}), U = /* @__PURE__ */ Y("div", {
-		ref: S,
+	}), U = /* @__PURE__ */ X("div", {
+		ref: x,
 		className: e(g, "px-[var(--grid-margin)]"),
-		children: /* @__PURE__ */ Y("div", {
+		children: /* @__PURE__ */ X("div", {
 			"data-state": "compact",
 			className: V,
 			children: B(k)
 		})
 	}), W = {
-		initial: !C && A,
+		initial: !S && A,
 		animate: j,
-		exit: C ? j : A,
+		exit: S ? j : A,
 		transition: M
-	}, pe = N ? e(de, "h-0 w-full overflow-visible") : ce;
-	return /* @__PURE__ */ X(Ee.Provider, {
+	}, G = N ? e(fe, "h-0 w-full overflow-visible") : le;
+	return /* @__PURE__ */ Z(De.Provider, {
 		value: {
-			state: w,
-			anchorRef: S,
+			state: C,
+			anchorRef: x,
 			menuOpen: O,
-			setMenuOpen: te
+			setMenuOpen: ne
 		},
-		children: [P ? /* @__PURE__ */ X(Se, { children: [
-			/* @__PURE__ */ Y(Z, { children: T ? /* @__PURE__ */ Y(Ce.div, {
+		children: [P ? /* @__PURE__ */ Z(Se, { children: [
+			/* @__PURE__ */ X(Ce, { children: w ? /* @__PURE__ */ X(we.div, {
 				...W,
-				className: e(pe, !N && x),
-				children: /* @__PURE__ */ Y("header", {
-					"aria-label": b,
+				className: e(G, !N && b),
+				children: /* @__PURE__ */ X("header", {
+					"aria-label": y,
 					"data-state": "compact",
 					"data-menu": O ? "open" : "closed",
-					className: e(N && e("w-full", x)),
+					className: e(N && e("w-full", b)),
 					children: U
 				})
 			}, "site-nav-compact") : null }),
-			T ? /* @__PURE__ */ Y("div", {
-				className: e(y, "w-full"),
+			w ? /* @__PURE__ */ X("div", {
+				className: e(te, "w-full"),
 				"aria-hidden": !0
 			}) : null,
-			T ? null : /* @__PURE__ */ Y("header", {
-				"aria-label": b,
+			w ? null : /* @__PURE__ */ X("header", {
+				"aria-label": y,
 				"data-state": "expanded",
 				"data-menu": O ? "open" : "closed",
-				className: e(le, x),
-				children: /* @__PURE__ */ Y("div", {
-					ref: S,
+				className: e(ue, b),
+				children: /* @__PURE__ */ X("div", {
+					ref: x,
 					className: g,
 					children: H
 				})
 			})
-		] }) : /* @__PURE__ */ Y("header", {
-			"aria-label": b,
-			"data-state": w,
+		] }) : /* @__PURE__ */ X("header", {
+			"aria-label": y,
+			"data-state": C,
 			"data-menu": O ? "open" : "closed",
-			className: e(ue, x),
-			children: /* @__PURE__ */ Y("div", {
-				ref: S,
-				className: e(g, T && "px-[var(--grid-margin)]"),
-				children: /* @__PURE__ */ Y(Z, {
+			className: e(de, b),
+			children: /* @__PURE__ */ X("div", {
+				ref: x,
+				className: e(g, w && "px-[var(--grid-margin)]"),
+				children: /* @__PURE__ */ X(Ce, {
 					initial: !1,
 					mode: "popLayout",
-					children: T ? /* @__PURE__ */ Y(Ce.div, {
-						initial: !C && A,
+					children: w ? /* @__PURE__ */ X(we.div, {
+						initial: !S && A,
 						animate: j,
-						exit: C ? j : A,
+						exit: S ? j : A,
 						transition: M,
 						"data-state": "compact",
 						className: V,
 						children: B(!0)
-					}, "compact") : /* @__PURE__ */ Y("div", { children: H }, "expanded")
+					}, "compact") : /* @__PURE__ */ X("div", { children: H }, "expanded")
 				})
 			})
-		}), F ? /* @__PURE__ */ Y(c, {
-			open: E,
-			onOpenChange: D,
-			children: /* @__PURE__ */ Y(c.Content, {
+		}), F ? /* @__PURE__ */ X(c, {
+			open: T,
+			onOpenChange: E,
+			children: /* @__PURE__ */ X(c.Content, {
+				id: D,
 				side: "end",
 				title: s,
-				children: /* @__PURE__ */ Y("div", {
-					className: oe,
+				children: /* @__PURE__ */ X("div", {
+					className: se,
 					children: o
 				})
 			})
 		}) : null]
 	});
 }
-function Ae({ href: e, icon: t, children: i, "aria-label": a }) {
-	let o = t ?? (K(i) && i.type !== void 0 ? i : null);
-	return o == null ? /* @__PURE__ */ Y(n, {
+function je({ href: e, icon: t, children: i, "aria-label": a }) {
+	let o = t ?? (q(i) && i.type !== void 0 ? i : null);
+	return o == null ? /* @__PURE__ */ X(n, {
 		role: "ghost",
 		size: "sm",
-		render: /* @__PURE__ */ Y("a", { href: e }),
+		render: /* @__PURE__ */ X("a", { href: e }),
 		"aria-label": a,
 		className: m,
 		children: i
-	}) : /* @__PURE__ */ Y(r, {
+	}) : /* @__PURE__ */ X(r, {
 		icon: o,
 		"aria-label": a ?? "Home",
 		role: "ghost",
 		size: "sm",
 		title: "",
-		render: /* @__PURE__ */ Y("a", { href: e }),
+		render: /* @__PURE__ */ X("a", { href: e }),
 		className: m
 	});
 }
-function je(e) {
-	return G.toArray(e).filter(K);
+function Me(e) {
+	return K.toArray(e).filter(q);
 }
 function $(e) {
 	let t = e.props;
 	return typeof t.value == "string" && t.value.length > 0 ? t.value : typeof t.href == "string" ? t.href : typeof t.label == "string" ? t.label : "item";
 }
-function Me(e) {
+function Ne(e) {
 	let t = e.props;
 	return t.label ?? t.children;
 }
-function Ne(e) {
+function Pe(e) {
 	return "label" in e.props && !("href" in e.props);
 }
-function Pe(e) {
+function Fe(e) {
 	for (let t of e) if (t.props.current) return $(t);
 	return e[0] == null ? "" : $(e[0]);
 }
-function Fe({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDelay: o = 150 }) {
-	let s = _e(Ee), c = ye(() => je(t), [t]), d = new Map(c.map((e) => [$(e), e])), f = (e) => e.flatMap((e) => d.get(e) ?? []), p = (e) => f(e).flatMap(v), m = u({
+function Ie({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDelay: o = 150 }) {
+	let s = ge(De), c = ye(() => Me(t), [t]), d = new Map(c.map((e) => [$(e), e])), f = (e) => e.flatMap((e) => d.get(e) ?? []), p = (e) => f(e).flatMap(v), m = u({
 		ids: c.map($),
-		activeId: Pe(c),
+		activeId: Fe(c),
 		toMenuRows: (e) => p(e).map((e) => ({
 			label: l(e.label),
 			disabled: e.href == null
 		}))
 	}), { menu: h } = m, g = f(m.visibleIds), _ = p(m.overflowIds);
 	function v(e) {
-		if (!Ne(e)) {
+		if (!Pe(e)) {
 			let t = e.props;
 			return [{
 				id: $(e),
@@ -222,8 +225,8 @@ function Fe({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
 		}
 		let t = [];
 		function n(e) {
-			G.forEach(e, (e) => {
-				if (!K(e)) return;
+			K.forEach(e, (e) => {
+				if (!q(e)) return;
 				let r = e.props;
 				if (typeof r.href == "string" && r.label == null) {
 					t.push({
@@ -238,37 +241,37 @@ function Fe({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
 		}
 		return n(e.props.children), t.length === 0 && t.push({
 			id: $(e),
-			label: Me(e)
+			label: Ne(e)
 		}), t;
 	}
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		...m.rowProps,
-		className: S,
+		className: x,
 		children: [
-			/* @__PURE__ */ X(Q.Root, {
+			/* @__PURE__ */ Z(Q.Root, {
 				"aria-label": r,
 				delay: i,
 				closeDelay: o,
-				className: B,
+				className: z,
 				onValueChange: (e) => s?.setMenuOpen(e != null),
-				children: [/* @__PURE__ */ Y(Q.List, {
-					className: x,
+				children: [/* @__PURE__ */ X(Q.List, {
+					className: b,
 					children: g
-				}), /* @__PURE__ */ X(Q.Portal, { children: [/* @__PURE__ */ Y(Q.Backdrop, { className: E }), /* @__PURE__ */ Y(Q.Positioner, {
+				}), /* @__PURE__ */ Z(Q.Portal, { children: [/* @__PURE__ */ X(Q.Backdrop, { className: T }), /* @__PURE__ */ X(Q.Positioner, {
 					anchor: s?.anchorRef,
 					positionMethod: "fixed",
 					side: "bottom",
 					align: "center",
 					sideOffset: 8,
 					collisionPadding: 8,
-					className: A,
-					children: /* @__PURE__ */ Y(Q.Popup, {
-						className: k,
-						children: /* @__PURE__ */ Y(Q.Viewport, { className: I })
+					className: k,
+					children: /* @__PURE__ */ X(Q.Popup, {
+						className: ne,
+						children: /* @__PURE__ */ X(Q.Viewport, { className: F })
 					})
 				})] })]
 			}),
-			m.overflowIds.length > 0 ? /* @__PURE__ */ Y(n, {
+			m.overflowIds.length > 0 ? /* @__PURE__ */ X(n, {
 				ref: m.moreRef,
 				role: "ghost",
 				size: "sm",
@@ -276,55 +279,55 @@ function Fe({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
 				"aria-expanded": h.open,
 				"aria-controls": h.triggerProps["aria-controls"],
 				"data-state": h.open ? "open" : "closed",
-				className: z,
+				className: R,
 				onClick: h.toggle,
-				children: /* @__PURE__ */ X("span", {
-					className: me,
-					children: ["More", /* @__PURE__ */ Y("span", {
-						className: R,
+				children: /* @__PURE__ */ Z("span", {
+					className: G,
+					children: ["More", /* @__PURE__ */ X("span", {
+						className: L,
 						"data-state": h.open ? "open" : "closed",
-						children: /* @__PURE__ */ Y(J, {
+						children: /* @__PURE__ */ X(Y, {
 							strokeWidth: 2,
 							"aria-hidden": !0
 						})
 					})]
 				})
 			}) : null,
-			/* @__PURE__ */ X("div", {
-				className: T,
+			/* @__PURE__ */ Z("div", {
+				className: w,
 				"aria-hidden": !0,
 				children: [c.map((t) => {
-					let n = $(t), r = Me(t), i = Ne(t);
-					return /* @__PURE__ */ X("span", {
+					let n = $(t), r = Ne(t), i = Pe(t);
+					return /* @__PURE__ */ Z("span", {
 						ref: m.measureRef(n),
-						className: e(C, i ? W : b),
-						children: [r, i ? /* @__PURE__ */ Y(J, {
+						className: e(S, i ? U : y),
+						children: [r, i ? /* @__PURE__ */ X(Y, {
 							className: "ml-1 size-3.5",
 							strokeWidth: 2
 						}) : null]
 					}, n);
-				}), /* @__PURE__ */ X("span", {
+				}), /* @__PURE__ */ Z("span", {
 					ref: m.moreMeasureRef,
-					className: e(z, w),
-					children: ["More", /* @__PURE__ */ Y(J, {
+					className: e(R, C),
+					children: ["More", /* @__PURE__ */ X(Y, {
 						className: "size-3.5",
 						strokeWidth: 2
 					})]
 				})]
 			}),
-			h.open && h.menuStyle != null ? Te(/* @__PURE__ */ Y(a.Menu, {
+			h.open && h.menuStyle != null ? Ee(/* @__PURE__ */ X(a.Menu, {
 				...h.menuProps,
 				role: "menu",
 				"aria-label": `${r} overflow`,
-				children: _.map((e, t) => /* @__PURE__ */ Y("li", {
+				children: _.map((e, t) => /* @__PURE__ */ X("li", {
 					role: "presentation",
-					children: /* @__PURE__ */ Y(a.Item, {
+					children: /* @__PURE__ */ X(a.Item, {
 						...h.rowProps(t),
 						role: "menuitem",
 						truncate: !1,
 						selected: !!e.current,
 						disabled: e.href == null,
-						render: e.href == null ? void 0 : /* @__PURE__ */ Y("a", {
+						render: e.href == null ? void 0 : /* @__PURE__ */ X("a", {
 							href: e.href,
 							"aria-current": e.current ? "page" : void 0
 						}),
@@ -336,122 +339,123 @@ function Fe({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
 		]
 	});
 }
-function Ie({ href: e, children: t, current: r = !1, value: i }) {
-	return /* @__PURE__ */ Y(Q.Item, {
+function Le({ href: e, children: t, current: r = !1, value: i }) {
+	return /* @__PURE__ */ X(Q.Item, {
 		value: i ?? e,
-		children: /* @__PURE__ */ Y(Q.Link, {
+		children: /* @__PURE__ */ X(Q.Link, {
 			href: e,
 			active: r,
 			"aria-current": r ? "page" : void 0,
-			render: /* @__PURE__ */ Y(n, {
+			render: /* @__PURE__ */ X(n, {
 				role: "ghost",
 				size: "sm",
-				render: /* @__PURE__ */ Y("a", {}),
-				className: b,
+				render: /* @__PURE__ */ X("a", {}),
+				className: y,
 				children: t
 			})
 		})
 	});
 }
-function Le({ label: e, children: t, value: r }) {
+function Re({ label: e, children: t, value: r }) {
 	let i = r ?? (typeof e == "string" ? e : void 0);
-	return /* @__PURE__ */ X(Q.Item, {
+	return /* @__PURE__ */ Z(Q.Item, {
 		value: i,
-		children: [/* @__PURE__ */ Y(Q.Trigger, { render: /* @__PURE__ */ Y(n, {
+		children: [/* @__PURE__ */ X(Q.Trigger, { render: /* @__PURE__ */ X(n, {
 			role: "ghost",
 			size: "sm",
-			className: W,
-			children: /* @__PURE__ */ X("span", {
-				className: me,
-				children: [e, /* @__PURE__ */ Y(Q.Icon, {
-					className: pe,
-					children: /* @__PURE__ */ Y(J, {
+			className: U,
+			children: /* @__PURE__ */ Z("span", {
+				className: G,
+				children: [e, /* @__PURE__ */ X(Q.Icon, {
+					className: W,
+					children: /* @__PURE__ */ X(Y, {
 						strokeWidth: 2,
 						"aria-hidden": !0
 					})
 				})]
 			})
-		}) }), /* @__PURE__ */ Y(Q.Content, {
-			className: D,
+		}) }), /* @__PURE__ */ X(Q.Content, {
+			className: E,
 			children: t
 		})]
 	});
 }
-function Re({ label: t, span: n = 1, children: r }) {
-	return /* @__PURE__ */ X("section", {
-		className: e(N, F[n]),
-		children: [t == null ? null : /* @__PURE__ */ Y("h3", {
-			className: P,
+function ze({ label: t, span: n = 1, children: r }) {
+	return /* @__PURE__ */ Z("section", {
+		className: e(M, P[n]),
+		children: [t == null ? null : /* @__PURE__ */ X("h3", {
+			className: N,
 			children: t
 		}), r]
 	});
 }
-function ze({ href: e, children: t, icon: r, external: i = !1, size: a = "sm" }) {
-	return /* @__PURE__ */ Y(Q.Link, {
+function Be({ href: e, children: t, icon: r, external: i = !1, newTab: a = !1, size: o = "sm" }) {
+	let s = i && a;
+	return /* @__PURE__ */ X(Q.Link, {
 		href: e,
-		target: i ? "_blank" : void 0,
-		rel: i ? "noopener noreferrer" : void 0,
-		render: /* @__PURE__ */ X(n, {
+		target: s ? "_blank" : void 0,
+		rel: s ? "noopener noreferrer" : void 0,
+		render: /* @__PURE__ */ Z(n, {
 			role: "ghost",
-			size: a,
-			render: /* @__PURE__ */ Y("a", {}),
-			className: O,
+			size: o,
+			render: /* @__PURE__ */ X("a", {}),
+			className: D,
 			icon: r,
-			children: [t, i ? /* @__PURE__ */ Y("span", {
+			children: [t, s ? /* @__PURE__ */ X("span", {
 				className: "sr-only",
 				children: " (opens in a new tab)"
 			}) : null]
 		})
 	});
 }
-function Be({ children: e }) {
-	return /* @__PURE__ */ Y("div", {
-		className: te,
+function Ve({ children: e }) {
+	return /* @__PURE__ */ X("div", {
+		className: O,
 		children: e
 	});
 }
-function Ve({ label: t, variant: n = "thumb", className: r }) {
-	return /* @__PURE__ */ Y("div", {
+function He({ label: t, variant: n = "thumb", className: r }) {
+	return /* @__PURE__ */ X("div", {
 		role: "img",
 		"aria-label": t,
-		className: e(s, o, n === "featured" ? "aspect-[16/10] w-full" : M, r)
+		className: e(s, o, n === "featured" ? "aspect-[16/10] w-full" : j, r)
 	});
 }
-function He({ media: e, title: t, description: n, href: r, linkLabel: a = "Read now" }) {
-	return /* @__PURE__ */ X("div", {
+function Ue({ media: e, title: t, description: n, href: r, linkLabel: a = "Read now" }) {
+	return /* @__PURE__ */ Z("div", {
 		className: "flex flex-col gap-1 type-body",
 		children: [
 			e,
-			/* @__PURE__ */ Y("h2", {
+			/* @__PURE__ */ X("h2", {
 				className: "type-heading-2 text-fg",
 				children: t
 			}),
-			n == null ? null : /* @__PURE__ */ Y("p", {
+			n == null ? null : /* @__PURE__ */ X("p", {
 				className: "text-muted",
 				children: n
 			}),
-			/* @__PURE__ */ Y(i, {
+			/* @__PURE__ */ X(i, {
 				href: r,
 				children: a
 			})
 		]
 	});
 }
-function Ue({ media: e, title: t, description: n, href: r, linkLabel: a = "Read now" }) {
-	return /* @__PURE__ */ X("div", {
-		className: j,
-		children: [e, /* @__PURE__ */ X("div", {
+function We({ media: e, title: t, description: n, href: r, linkLabel: a = "Read now" }) {
+	return /* @__PURE__ */ Z("div", {
+		className: A,
+		children: [e, /* @__PURE__ */ Z("div", {
 			className: "flex min-w-0 flex-col gap-1 type-body",
 			children: [
-				/* @__PURE__ */ Y("h3", {
+				/* @__PURE__ */ X("h3", {
 					className: "type-heading-3 text-fg",
 					children: t
 				}),
-				n == null ? null : /* @__PURE__ */ Y("p", {
+				n == null ? null : /* @__PURE__ */ X("p", {
 					className: "text-muted",
 					children: n
 				}),
-				/* @__PURE__ */ Y(i, {
+				/* @__PURE__ */ X(i, {
 					href: r,
 					children: a
 				})
@@ -459,28 +463,28 @@ function Ue({ media: e, title: t, description: n, href: r, linkLabel: a = "Read
 		})]
 	});
 }
-function We({ href: e, children: t, current: r = !1 }) {
-	return /* @__PURE__ */ Y(n, {
+function Ge({ href: e, children: t, current: r = !1 }) {
+	return /* @__PURE__ */ X(n, {
 		role: "ghost",
 		size: "md",
-		render: /* @__PURE__ */ Y("a", { href: e }),
+		render: /* @__PURE__ */ X("a", { href: e }),
 		"aria-current": r ? "page" : void 0,
-		className: L,
+		className: I,
 		children: t
 	});
 }
-var Ge = Object.assign(ke, {
-	Brand: Ae,
-	Links: Fe,
-	Link: Ie,
-	Menu: Le,
-	MenuSection: Re,
-	MenuLink: ze,
-	MenuLinkGrid: Be,
-	MenuMedia: Ve,
-	Featured: He,
-	ReadRow: Ue,
-	MobileLink: We
+var Ke = Object.assign(Ae, {
+	Brand: je,
+	Links: Ie,
+	Link: Le,
+	Menu: Re,
+	MenuSection: ze,
+	MenuLink: Be,
+	MenuLinkGrid: Ve,
+	MenuMedia: He,
+	Featured: Ue,
+	ReadRow: We,
+	MobileLink: Ge
 });
 //#endregion
-export { Ge as SiteNav, h as siteNavCompactLayouts, _ as siteNavDefaultCollapseAt, v as siteNavDefaultCollapseRatio, y as siteNavExpandedHeightClasses, j as siteNavMenuReadRowClasses, M as siteNavMenuReadThumbClasses, V as siteNavPlacements, U as siteNavStates };
+export { Ke as SiteNav, h as siteNavCompactLayouts, _ as siteNavDefaultCollapseAt, v as siteNavDefaultCollapseRatio, te as siteNavExpandedHeightClasses, A as siteNavMenuReadRowClasses, j as siteNavMenuReadThumbClasses, B as siteNavPlacements, H as siteNavStates };