@primer/react-brand 0.77.1-rc.bd5b9efe → 0.78.0-rc.85e39cb4

package/esm/SubdomainNavBar/SubdomainNavBar.js

@@ -6,26 +6,26 @@ import { useKeyboardEscape as i } from "../hooks/useKeyboardEscape.js";
 import { ArrowUpRightIcon as a } from "../node_modules/@primer/octicons-react/dist/icons/ArrowUpRightIcon.js";
 import { ChevronLeftIcon as o } from "../node_modules/@primer/octicons-react/dist/icons/ChevronLeftIcon.js";
 import { LinkExternalIcon as s } from "../node_modules/@primer/octicons-react/dist/icons/LinkExternalIcon.js";
-import { MarkGithubIcon as c } from "../node_modules/@primer/octicons-react/dist/icons/MarkGithubIcon.js";
-import { SearchIcon as l } from "../node_modules/@primer/octicons-react/dist/icons/SearchIcon.js";
-import { useWindowSize as u } from "../hooks/useWindowSize.js";
-import d from "./SubdomainNavBar.module.js";
-import { SubdomainNavBarLinkContext as ee, useSubdomainNavBarLinkContext as te } from "./SubdomainNavBarLinkContext.js";
-import { NavigationVisbilityObserver as ne } from "./NavigationVisbilityObserver.js";
-import { useFocusTrap as re } from "../hooks/useFocusTrap.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-BGj0AiDW.css';/* empty css                                                                                                               */
-import { useSearchKeyboardShortcut as ie } from "./useSearchKeyboardShortcut.js";
-import { useSearchResults as f } from "./useSearchResults.js";
-import { TextInput as ae } from "../forms/TextInput/TextInput.js";
-import { FormControl as oe } from "../forms/FormControl/FormControl.js";
-import p, { forwardRef as m, useCallback as h, useEffect as g, useImperativeHandle as _, useMemo as v, useRef as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { MarkGithubIcon as ee } from "../node_modules/@primer/octicons-react/dist/icons/MarkGithubIcon.js";
+import { SearchIcon as c } from "../node_modules/@primer/octicons-react/dist/icons/SearchIcon.js";
+import { useWindowSize as l } from "../hooks/useWindowSize.js";
+import u from "./SubdomainNavBar.module.js";
+import { SubdomainNavBarLinkContext as te, useSubdomainNavBarLinkContext as ne } from "./SubdomainNavBarLinkContext.js";
+import { NavigationVisbilityObserver as d } from "./NavigationVisbilityObserver.js";
+import { useFocusTrap as f } from "../hooks/useFocusTrap.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-C_lnz8M6.css';/* empty css                                                                                                               */
+import { useSearchKeyboardShortcut as re } from "./useSearchKeyboardShortcut.js";
+import { useSearchResults as p } from "./useSearchResults.js";
+import { TextInput as ie } from "../forms/TextInput/TextInput.js";
+import { FormControl as ae } from "../forms/FormControl/FormControl.js";
+import m, { forwardRef as h, useCallback as g, useEffect as _, useImperativeHandle as v, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/SubdomainNavBar/SubdomainNavBar.tsx
-var w = {
+var T = {
 	menuLabel: "Menu",
 	closeLabel: "Close",
 	overflowMenuLabel: "More"
-}, T = p.createContext("small"), E = {
+}, E = m.createContext("small"), D = {
 	root: "SubdomainNavBar",
 	get innerContainer() {
 		return `${this.root}-inner-container`;
@@ -40,7 +40,7 @@ var w = {
 		return `${this.root}-search-live-region`;
 	}
 };
-function D(e) {
+function O(e) {
 	if (e.closest("[hidden], [inert], [aria-hidden=\"true\"]")) return !1;
 	for (let t = e; t; t = t.parentElement) {
 		let e = window.getComputedStyle(t);
@@ -48,43 +48,43 @@ function D(e) {
 	}
 	return !0;
 }
-var O = m(function({ children: a, className: s, fixed: l = !0, fullWidth: te = !1, variant: f = "default", logoHref: ae = "https://github.com", style: oe, title: m, titleHref: O = "/", leadingComponent: A, trailingComponent: P, onNarrowMenuToggle: F, menuLabels: I, skipToContentTargetId: L, ...se }, ce) {
-	let [R, le] = b(!0), [ue, z] = b(!1), [de, fe] = b(0), { isMedium: pe, isLarge: B } = u(), [me, he] = b(!1), [ge, V] = b(), H = y(null), _e = y(null), ve = t(), ye = `${ve}-main`, be = t(), U = {
-		...w,
-		...I
-	}, xe = f === "featured", W = h(() => {
+var k = h(function({ children: a, className: s, fixed: c = !0, fullWidth: ne = !1, variant: p = "default", logoHref: ie = "https://github.com", style: ae, title: h, titleHref: k = "/", leadingComponent: j, trailingComponent: F, onNarrowMenuToggle: I, menuLabels: L, skipToContentTargetId: R, ...oe }, se) {
+	let [z, ce] = x(!0), [le, ue] = x(!1), [de, fe] = x(0), { isMedium: pe, isLarge: B } = l(), [me, he] = x(!1), [ge, V] = x(), H = b(null), _e = b(null), ve = t(), ye = `${ve}-main`, be = t(), U = {
+		...T,
+		...L
+	}, xe = p === "featured", W = g(() => {
 		fe(Math.max(0, H.current?.getBoundingClientRect().top ?? 0));
-	}, []), G = h(() => {
-		R || (le(!0), F?.(!1));
-	}, [R, F]), Se = () => {
-		if (!R) {
+	}, []), G = g(() => {
+		z || (ce(!0), I?.(!1));
+	}, [z, I]), Se = () => {
+		if (!z) {
 			G();
 			return;
 		}
-		z(!1), W(), le(!1), F?.(!0);
-	}, Ce = y(null), we = h(() => {
-		let e = Array.from(document.querySelectorAll("main")).find(D);
+		ue(!1), W(), ce(!1), I?.(!0);
+	}, Ce = b(null), we = g(() => {
+		let e = Array.from(document.querySelectorAll("main")).find(O);
 		return e ? (e.id ||= document.getElementById("start-of-content") ? ye : "start-of-content", e) : _e.current;
-	}, [ye]), K = h(() => {
-		if (L) {
-			let e = document.getElementById(L);
-			if (e && D(e)) return e;
+	}, [ye]), K = g(() => {
+		if (R) {
+			let e = document.getElementById(R);
+			if (e && O(e)) return e;
 		}
 		return we();
-	}, [we, L]), Te = h(() => {
+	}, [we, R]), Te = g(() => {
 		he(!0);
 		let e = K();
 		e && V(e.id);
-	}, [K]), Ee = h((e) => {
+	}, [K]), Ee = g((e) => {
 		if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
-		let t = L ? document.getElementById(L) : null, n = L && (!t || !D(t)), r = K();
-		if (n && console.warn(`SubdomainNavBar could not find the skip-to-content target "${L}". Falling back to the page's main content.`), !r) return;
+		let t = R ? document.getElementById(R) : null, n = R && (!t || !O(t)), r = K();
+		if (n && console.warn(`SubdomainNavBar could not find the skip-to-content target "${R}". Falling back to the page's main content.`), !r) return;
 		let i = `#${encodeURIComponent(r.id)}`;
 		e.currentTarget.setAttribute("href", i), V(r.id);
 		let a = r.tabIndex < 0 && !r.hasAttribute("tabindex");
 		a && (r.tabIndex = -1);
 		let o = r.style.scrollMarginBlockStart;
-		if (l) {
+		if (c) {
 			let e = H.current?.getBoundingClientRect().height ?? 0;
 			r.style.scrollMarginBlockStart = `${e}px`;
 		}
@@ -92,202 +92,205 @@ var O = m(function({ children: a, className: s, fixed: l = !0, fullWidth: te = !
 			a && r.removeAttribute("tabindex"), r.style.scrollMarginBlockStart = o;
 		}, { once: !0 }), r.focus({ preventScroll: !0 });
 	}, [
-		l,
+		c,
 		K,
-		L
+		R
 	]);
-	g(() => {
+	_(() => {
 		let e = K();
 		e && V(e.id);
-	}, [K]), re({
+	}, [K]), f({
 		containerRef: Ce,
 		restoreFocusOnCleanUp: !0,
-		disabled: R
-	}), i(G), g(() => {
+		disabled: z
+	}), i(G), _(() => {
 		B && G();
-	}, [G, B]), g(() => {
-		if (R || B) return;
+	}, [G, B]), _(() => {
+		if (z || B) return;
 		W();
 		let e = new ResizeObserver(W), t = H.current;
 		return t && e.observe(t), e.observe(document.documentElement), () => e.disconnect();
 	}, [
 		B,
-		R,
+		z,
 		W
-	]), g(() => {
-		if (R) return;
+	]), _(() => {
+		if (z) return;
 		let e = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
-	}, [R]);
-	let De = h(() => he(!1), []), q = v(() => p.Children.toArray(a).filter((e) => p.isValidElement(e) && typeof e.type != "string" && e.type === k), []).length > 0, Oe = v(() => p.Children.toArray(a).map((e, t) => p.isValidElement(e) && e.type === k ? p.cloneElement(e, {
+	}, [z]);
+	let De = g(() => he(!1), []), q = y(() => m.Children.toArray(a).filter((e) => m.isValidElement(e) && typeof e.type != "string" && e.type === A), []).length > 0, Oe = y(() => m.Children.toArray(a).map((e, t) => m.isValidElement(e) && e.type === A ? m.cloneElement(e, {
 		href: e.props.href,
 		children: e.props.children,
 		style: { "--animation-order": t }
-	}) : null).filter(Boolean), [a]), J = v(() => p.Children.toArray(a).filter((e) => p.isValidElement(e) && (e.type === M || e.type === N)), [a]), ke = v(() => J.map((e) => p.cloneElement(e, { onClick: (t) => {
+	}) : null).filter(Boolean), [a]), J = y(() => m.Children.toArray(a).filter((e) => m.isValidElement(e) && (e.type === N || e.type === P)), [a]), ke = y(() => J.map((e) => m.cloneElement(e, { onClick: (t) => {
 		e.props.onClick?.(t), t.defaultPrevented || G();
-	} })), [J, G]), Y = J.length > 0, Ae = v(() => p.Children.toArray(a).find((e) => p.isValidElement(e) && e.type === j), [a]), je = !!Ae, X = h(() => {
-		je && (G(), z(!0));
-	}, [G, je]), Z = h(() => z(!1), []);
-	_(ce, () => H.current ? Object.assign(H.current, {
+	} })), [J, G]), Y = J.length > 0, Ae = y(() => m.Children.toArray(a).find((e) => m.isValidElement(e) && e.type === M), [a]), je = !!Ae, X = g(() => {
+		je && (G(), ue(!0));
+	}, [G, je]), Z = g(() => ue(!1), []);
+	v(se, () => H.current ? Object.assign(H.current, {
 		openSearch: X,
 		closeSearch: Z
 	}) : {
 		openSearch: X,
 		closeSearch: Z
-	}, [Z, X]), ie({
-		disabled: ue,
+	}, [Z, X]), re({
+		disabled: le,
 		keyboardShortcut: Ae?.props.keyboardShortcut,
 		onTrigger: X
 	});
-	let Q = A != null, $ = P != null, Me = q || Y || Q || $, Ne = {
-		...oe,
+	let Q = j != null, $ = F != null, Me = q || Y || Q || $, Ne = {
+		...ae,
 		"--SubdomainNavBar-menu-offset-block-start": `${de}px`
 	};
-	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("div", {
-		className: e(d["SubdomainNavBar-outer-container"], l && d["SubdomainNavBar-outer-container--fixed"]),
-		children: [/* @__PURE__ */ S(r, {
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
+		className: e(u["SubdomainNavBar-outer-container"], c && u["SubdomainNavBar-outer-container--fixed"]),
+		children: [/* @__PURE__ */ C(r, {
 			as: "a",
-			href: `#${ge || L || ve}`,
+			href: `#${ge || R || ve}`,
 			variant: "primary",
 			size: "small",
-			className: e(d["SubdomainNavBar-skip-to-content"], !me && "visually-hidden"),
+			className: e(u["SubdomainNavBar-skip-to-content"], !me && "visually-hidden"),
 			onFocus: Te,
 			onBlur: De,
 			onClick: Ee,
 			children: "Skip to content"
-		}), /* @__PURE__ */ C("header", {
+		}), /* @__PURE__ */ w("header", {
 			ref: H,
-			className: e(d.SubdomainNavBar, d[`SubdomainNavBar--variant-${f}`], m && d["SubdomainNavBar--has-title"], q && d["SubdomainNavBar--has-primary-nav"], s),
-			"data-testid": E.root,
+			className: e(u.SubdomainNavBar, u[`SubdomainNavBar--variant-${p}`], h && u["SubdomainNavBar--has-title"], q && u["SubdomainNavBar--has-primary-nav"], s),
+			"data-testid": D.root,
 			style: Ne,
-			...se,
-			children: [/* @__PURE__ */ C("div", {
+			...oe,
+			children: [/* @__PURE__ */ w("div", {
 				ref: Ce,
-				className: e(d["SubdomainNavBar-inner-container"], ue && d["SubdomainNavBar-inner-container--search-open"], !te && d["SubdomainNavBar-inner-container--centered"]),
-				"data-testid": E.innerContainer,
+				className: e(u["SubdomainNavBar-inner-container"], le && u["SubdomainNavBar-inner-container--search-open"], !ne && u["SubdomainNavBar-inner-container--centered"]),
+				"data-testid": D.innerContainer,
 				children: [
-					/* @__PURE__ */ S("nav", {
+					/* @__PURE__ */ C("nav", {
 						"aria-label": "Header logo and title",
-						className: d["SubdomainNavBar-title-navigation"],
-						children: /* @__PURE__ */ C("ol", {
-							className: d["SubdomainNavBar-title-area"],
-							children: [/* @__PURE__ */ S("li", { children: /* @__PURE__ */ C("a", {
-								href: ae,
+						className: u["SubdomainNavBar-title-navigation"],
+						children: /* @__PURE__ */ w("ol", {
+							className: u["SubdomainNavBar-title-area"],
+							children: [/* @__PURE__ */ C("li", { children: /* @__PURE__ */ w("a", {
+								href: ie,
 								"aria-label": "GitHub Home",
-								className: d["SubdomainNavBar-logo-mark"],
-								children: [/* @__PURE__ */ S("span", {
-									className: d["SubdomainNavBar-back-arrow"],
-									children: /* @__PURE__ */ S(o, {
+								className: u["SubdomainNavBar-logo-mark"],
+								children: [/* @__PURE__ */ C("span", {
+									className: u["SubdomainNavBar-back-arrow"],
+									children: /* @__PURE__ */ C(o, {
 										fill: "currentColor",
 										size: 24
 									})
-								}), /* @__PURE__ */ S(c, {
+								}), /* @__PURE__ */ C(ee, {
 									fill: "currentColor",
 									size: 24
 								})]
-							}) }), m && /* @__PURE__ */ S("li", { children: /* @__PURE__ */ S("a", {
-								href: O,
-								"aria-label": `${m} home`,
-								className: d["SubdomainNavBar-title"],
-								children: /* @__PURE__ */ C(n, {
-									size: "400",
-									variant: "muted",
-									weight: "medium",
-									children: [xe && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("span", {
-										className: d["SubdomainNavBar-title-prefix"],
-										children: "GitHub"
-									}), " "] }), /* @__PURE__ */ S("span", {
-										className: d["SubdomainNavBar-title-label"],
-										children: m
-									})]
+							}) }), h && /* @__PURE__ */ C("li", {
+								className: u["SubdomainNavBar-title-item"],
+								children: /* @__PURE__ */ C("a", {
+									href: k,
+									"aria-label": `${h} home`,
+									className: u["SubdomainNavBar-title"],
+									children: /* @__PURE__ */ w(n, {
+										size: "400",
+										variant: "muted",
+										weight: "medium",
+										children: [xe && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("span", {
+											className: u["SubdomainNavBar-title-prefix"],
+											children: "GitHub"
+										}), " "] }), /* @__PURE__ */ C("span", {
+											className: u["SubdomainNavBar-title-label"],
+											children: h
+										})]
+									})
 								})
-							}) })]
+							})]
 						})
 					}),
-					q && /* @__PURE__ */ S("nav", {
+					q && /* @__PURE__ */ C("nav", {
 						id: "menu-navigation",
-						"aria-label": m,
-						className: d["SubdomainNavBar-primary-nav"],
-						"data-testid": E.menuLinks,
-						children: /* @__PURE__ */ S(ne, {
-							className: d["SubdomainNavBar-primary-nav-list--invisible"],
+						"aria-label": h,
+						className: u["SubdomainNavBar-primary-nav"],
+						"data-testid": D.menuLinks,
+						children: /* @__PURE__ */ C(d, {
+							className: u["SubdomainNavBar-primary-nav-list--invisible"],
 							overflowMenuLabel: U.overflowMenuLabel,
 							children: Oe
 						})
 					}),
-					B && Q && /* @__PURE__ */ S("div", {
-						className: d["SubdomainNavBar-leading-component"],
-						children: A
+					B && Q && /* @__PURE__ */ C("div", {
+						className: u["SubdomainNavBar-leading-component"],
+						children: j
 					}),
-					/* @__PURE__ */ C("div", {
-						className: e(d["SubdomainNavBar-secondary-nav"]),
+					/* @__PURE__ */ w("div", {
+						className: e(u["SubdomainNavBar-secondary-nav"]),
 						children: [
-							p.Children.toArray(a).map((t) => p.isValidElement(t) && t.type === j ? p.cloneElement(t, {
-								active: ue,
-								className: e(t.props.className, B && (Y || $) && d["SubdomainNavBar-search-trigger--has-trailing-item"]),
+							m.Children.toArray(a).map((t) => m.isValidElement(t) && t.type === M ? m.cloneElement(t, {
+								active: le,
+								className: e(t.props.className, B && (Y || $) && u["SubdomainNavBar-search-trigger--has-trailing-item"]),
 								onSearchOpen: X,
 								onSearchClose: Z,
-								title: m
+								title: h
 							}) : null).filter(Boolean),
-							Me && /* @__PURE__ */ C("button", {
-								"aria-expanded": !R,
-								"aria-label": R ? U.menuLabel : U.closeLabel,
+							Me && /* @__PURE__ */ w("button", {
+								"aria-expanded": !z,
+								"aria-label": z ? U.menuLabel : U.closeLabel,
 								"aria-controls": be,
-								className: e(d["SubdomainNavBar-menu-button"], d["SubdomainNavBar-mobile-menu-button"], !R && d["SubdomainNavBar-menu-button--close"]),
-								"data-testid": E.menuButton,
+								className: e(u["SubdomainNavBar-menu-button"], u["SubdomainNavBar-mobile-menu-button"], !z && u["SubdomainNavBar-menu-button--close"]),
+								"data-testid": D.menuButton,
 								onClick: Se,
-								children: [/* @__PURE__ */ C("span", {
-									className: d["SubdomainNavBar-menu-button-icon"],
+								children: [/* @__PURE__ */ w("span", {
+									className: u["SubdomainNavBar-menu-button-icon"],
 									"aria-hidden": "true",
 									children: [
-										/* @__PURE__ */ S("span", { className: d["SubdomainNavBar-menu-button-bar"] }),
-										/* @__PURE__ */ S("span", { className: d["SubdomainNavBar-menu-button-bar"] }),
-										/* @__PURE__ */ S("span", { className: d["SubdomainNavBar-menu-button-bar"] })
+										/* @__PURE__ */ C("span", { className: u["SubdomainNavBar-menu-button-bar"] }),
+										/* @__PURE__ */ C("span", { className: u["SubdomainNavBar-menu-button-bar"] }),
+										/* @__PURE__ */ C("span", { className: u["SubdomainNavBar-menu-button-bar"] })
 									]
-								}), /* @__PURE__ */ S("span", {
-									className: d["SubdomainNavBar-menu-button-label"],
-									children: R ? U.menuLabel : U.closeLabel
+								}), /* @__PURE__ */ C("span", {
+									className: u["SubdomainNavBar-menu-button-label"],
+									children: z ? U.menuLabel : U.closeLabel
 								})]
 							}),
-							B && $ && /* @__PURE__ */ S("div", {
-								className: d["SubdomainNavBar-trailing-component"],
-								children: P
+							B && $ && /* @__PURE__ */ C("div", {
+								className: u["SubdomainNavBar-trailing-component"],
+								children: F
 							}),
-							B && Y && /* @__PURE__ */ S("div", {
-								className: e(d["SubdomainNavBar-button-area"], d["SubdomainNavBar-button-area--visible"], $ && d["SubdomainNavBar-button-area--has-leading-item"]),
-								children: /* @__PURE__ */ S("div", {
-									className: d["SubdomainNavBar-button-area-inner"],
+							B && Y && /* @__PURE__ */ C("div", {
+								className: e(u["SubdomainNavBar-button-area"], u["SubdomainNavBar-button-area--visible"], $ && u["SubdomainNavBar-button-area--has-leading-item"]),
+								children: /* @__PURE__ */ C("div", {
+									className: u["SubdomainNavBar-button-area-inner"],
 									children: J
 								})
 							}),
-							!B && /* @__PURE__ */ C("div", {
+							!B && /* @__PURE__ */ w("div", {
 								id: be,
-								className: e(d["SubdomainNavBar-menu-wrapper"], R && d["SubdomainNavBar-menu-wrapper--close"]),
-								children: [!R && /* @__PURE__ */ C("div", { children: [Q && /* @__PURE__ */ S("div", {
-									className: d["SubdomainNavBar-leading-component"],
-									children: A
-								}), q && /* @__PURE__ */ S(ee.Provider, {
+								className: e(u["SubdomainNavBar-menu-wrapper"], z && u["SubdomainNavBar-menu-wrapper--close"]),
+								children: [!z && /* @__PURE__ */ w("div", { children: [Q && /* @__PURE__ */ C("div", {
+									className: u["SubdomainNavBar-leading-component"],
+									children: j
+								}), q && /* @__PURE__ */ C(te.Provider, {
 									value: { onLinkClick: G },
-									children: pe ? /* @__PURE__ */ S("ul", {
-										className: d["SubdomainNavBar-primary-nav-list--visible"],
+									children: pe ? /* @__PURE__ */ C("ul", {
+										className: u["SubdomainNavBar-primary-nav-list--visible"],
 										children: Oe
-									}) : /* @__PURE__ */ S(ne, {
-										className: e(d["SubdomainNavBar-primary-nav-list--visible"]),
+									}) : /* @__PURE__ */ C(d, {
+										className: e(u["SubdomainNavBar-primary-nav-list--visible"]),
 										overflowMenuLabel: U.overflowMenuLabel,
 										children: Oe
 									})
-								})] }), !R && (Y || $) && /* @__PURE__ */ C("div", {
-									className: e(d["SubdomainNavBar-menu-wrapper-footer"], (q || Q) && d["SubdomainNavBar-menu-wrapper-footer--has-leading-item"]),
-									children: [$ && /* @__PURE__ */ S("div", {
-										className: d["SubdomainNavBar-trailing-component"],
-										children: P
-									}), Y && /* @__PURE__ */ S("div", {
-										className: e(d["SubdomainNavBar-button-area"], d["SubdomainNavBar-button-area--visible"]),
-										children: /* @__PURE__ */ S("div", {
-											className: d["SubdomainNavBar-button-area-inner"],
-											children: /* @__PURE__ */ S(T.Provider, {
+								})] }), !z && (Y || $) && /* @__PURE__ */ w("div", {
+									className: e(u["SubdomainNavBar-menu-wrapper-footer"], (q || Q) && u["SubdomainNavBar-menu-wrapper-footer--has-leading-item"]),
+									children: [$ && /* @__PURE__ */ C("div", {
+										className: u["SubdomainNavBar-trailing-component"],
+										children: F
+									}), Y && /* @__PURE__ */ C("div", {
+										className: e(u["SubdomainNavBar-button-area"], u["SubdomainNavBar-button-area--visible"]),
+										children: /* @__PURE__ */ C("div", {
+											className: u["SubdomainNavBar-button-area-inner"],
+											children: /* @__PURE__ */ C(E.Provider, {
 												value: pe ? "small" : "medium",
 												children: ke
 											})
@@ -298,36 +301,39 @@ var O = m(function({ children: a, className: s, fixed: l = !0, fullWidth: te = !
 						]
 					})
 				]
-			}), !B && !R && /* @__PURE__ */ S("div", {
-				className: d["SubdomainNavBar-menu-backdrop"],
-				"aria-hidden": "true"
+			}), !B && !z && /* @__PURE__ */ C("div", {
+				className: u["SubdomainNavBar-menu-backdrop"],
+				"aria-hidden": "true",
+				onClick: G
 			})]
 		})]
-	}), /* @__PURE__ */ S("div", {
+	}), /* @__PURE__ */ C("div", {
 		ref: _e,
 		id: ve,
 		tabIndex: -1
 	})] });
 });
-function k({ href: t, className: n, children: r, isExternal: i, "aria-current": a, "aria-hidden": o, tabIndex: c, ...l }) {
-	let { isOverflowed: u, onLinkClick: ee } = te();
-	return /* @__PURE__ */ S("li", {
-		...l,
-		"aria-hidden": u ? !0 : o,
-		className: e(d["SubdomainNavBar-primary-nav-list-item"], n),
-		tabIndex: u ? -1 : c,
-		children: /* @__PURE__ */ S("a", {
+function A({ href: t, className: n, children: r, isExternal: i, "aria-current": a, "aria-hidden": o, rel: ee, tabIndex: c, target: l, ...te }) {
+	let { isOverflowed: d, onLinkClick: f } = ne();
+	return /* @__PURE__ */ C("li", {
+		...te,
+		"aria-hidden": d ? !0 : o,
+		className: e(u["SubdomainNavBar-primary-nav-list-item"], n),
+		tabIndex: d ? -1 : c,
+		children: /* @__PURE__ */ C("a", {
 			href: t,
 			"aria-current": a,
-			className: d["SubdomainNavBar-link"],
-			onClick: ee,
-			tabIndex: u ? -1 : void 0,
-			children: /* @__PURE__ */ C("span", {
-				className: d["SubdomainNavBar-link-content"],
-				children: [/* @__PURE__ */ S("span", {
-					className: d["SubdomainNavBar-link-text"],
+			className: u["SubdomainNavBar-link"],
+			onClick: f,
+			rel: ee,
+			tabIndex: d ? -1 : void 0,
+			target: l,
+			children: /* @__PURE__ */ w("span", {
+				className: u["SubdomainNavBar-link-content"],
+				children: [/* @__PURE__ */ C("span", {
+					className: u["SubdomainNavBar-link-text"],
 					children: r
-				}), i && /* @__PURE__ */ S(s, {
+				}), i && /* @__PURE__ */ C(s, {
 					size: 16,
 					"aria-label": "External link"
 				})]
@@ -335,7 +341,7 @@ function k({ href: t, className: n, children: r, isExternal: i, "aria-current":
 		})
 	});
 }
-var A = {
+var j = {
 	searchLabel: "Search",
 	closeLabel: "Close",
 	resultsLabel: "Results",
@@ -345,232 +351,232 @@ var A = {
 	formatResultsHeading: (e) => `Results for “${e}”`,
 	formatResultsLabel: (e) => `Results for ${e}`,
 	formatSuggestions: (e) => `${e} suggestions.`
-}, j = m(({ active: t, className: r, title: i, searchResults: o, searchTerm: s, onSearchOpen: c, onSearchClose: u, onSubmit: ee, onChange: te, placeholder: ne, shortcutLabel: re, keyboardShortcut: ie, labels: p }, m) => {
-	let _ = y(null), v = y(null), b = {
-		...A,
-		...p
-	}, w = ne ?? (i ? b.formatSearchWithTitle(i) : b.searchLabel), T = i ? b.formatSearchWithTitle(i) : b.searchLabel, D = re ?? (ie || ""), { activeDescendant: O, handleSearchResultKeyDown: k, hasGroupedSearchResults: j, hasSearchResults: M, normalizedSearchResultGroups: N, resetActiveDescendant: P, searchResultsLength: F } = f({
-		dialogRef: _,
+}, M = h(({ active: t, className: r, title: i, searchResults: o, searchTerm: s, onSearchOpen: ee, onSearchClose: l, onSubmit: te, onChange: ne, placeholder: d, shortcutLabel: f, keyboardShortcut: re, labels: m }, h) => {
+	let v = b(null), y = b(null), x = {
+		...j,
+		...m
+	}, T = d ?? (i ? x.formatSearchWithTitle(i) : x.searchLabel), E = i ? x.formatSearchWithTitle(i) : x.searchLabel, O = f ?? (re || ""), { activeDescendant: k, handleSearchResultKeyDown: A, hasGroupedSearchResults: M, hasSearchResults: N, normalizedSearchResultGroups: P, resetActiveDescendant: F, searchResultsLength: I } = p({
+		dialogRef: v,
 		searchResults: o
-	}), I = h(() => {
-		u?.(), P();
-	}, [u, P]), L = h((e) => {
-		if (v.current = e, typeof m == "function") {
-			m(e);
+	}), L = g(() => {
+		l?.(), F();
+	}, [l, F]), R = g((e) => {
+		if (y.current = e, typeof h == "function") {
+			h(e);
 			return;
 		}
-		m && (m.current = e);
-	}, [m]);
-	g(() => {
-		let e = _.current;
+		h && (h.current = e);
+	}, [h]);
+	_(() => {
+		let e = v.current;
 		if (e) {
 			if (t) {
-				e.open || (typeof e.showModal == "function" ? e.showModal() : e.setAttribute("open", "")), v.current?.focus();
+				e.open || (typeof e.showModal == "function" ? e.showModal() : e.setAttribute("open", "")), y.current?.focus();
 				return;
 			}
 			e.open && (typeof e.close == "function" ? e.close() : e.removeAttribute("open"));
 		}
-	}, [t, v]), g(() => {
-		let e = _.current;
+	}, [t, y]), _(() => {
+		let e = v.current;
 		if (!e) return;
 		let t = (t) => {
 			if (t.target !== e) return;
 			let n = e.getBoundingClientRect();
-			t.clientX >= n.left && t.clientX <= n.right && t.clientY >= n.top && t.clientY <= n.bottom || I();
+			t.clientX >= n.left && t.clientX <= n.right && t.clientY >= n.top && t.clientY <= n.bottom || L();
 		};
 		return e.addEventListener("click", t), () => e.removeEventListener("click", t);
-	}, [I]);
-	let se = h((e) => {
-		e.preventDefault(), I();
-	}, [I]), ce = ({ result: e, index: t }) => /* @__PURE__ */ C("li", {
-		className: d["SubdomainNavBar-search-result-item"],
+	}, [L]);
+	let oe = g((e) => {
+		e.preventDefault(), L();
+	}, [L]), se = ({ result: e, index: t }) => /* @__PURE__ */ w("li", {
+		className: u["SubdomainNavBar-search-result-item"],
 		role: "presentation",
 		children: [
-			/* @__PURE__ */ S("div", {
-				className: d["SubdomainNavBar-search-result-item-container"],
-				children: /* @__PURE__ */ C("a", {
+			/* @__PURE__ */ C("div", {
+				className: u["SubdomainNavBar-search-result-item-container"],
+				children: /* @__PURE__ */ w("a", {
 					id: `subdomainnavbar-search-result-${t}`,
 					href: e.url,
 					role: "option",
-					"aria-selected": t === O,
-					children: [/* @__PURE__ */ S("span", { children: e.title }), j && e.isExternal && /* @__PURE__ */ S(a, {
+					"aria-selected": t === k,
+					children: [/* @__PURE__ */ C("span", { children: e.title }), M && e.isExternal && /* @__PURE__ */ C(a, {
 						size: 20,
 						"aria-hidden": "true"
 					})]
 				})
 			}),
-			/* @__PURE__ */ S(n, {
+			/* @__PURE__ */ C(n, {
 				as: "p",
 				size: "200",
 				id: `subdomainnavbar-search-result-item-desc${t}`,
-				className: d["SubdomainNavBar-search-result-item-desc"],
+				className: u["SubdomainNavBar-search-result-item-desc"],
 				children: e.description
 			}),
-			/* @__PURE__ */ C("div", {
-				className: d["SubdomainNavBar-search-result-item-meta"],
-				children: [/* @__PURE__ */ S(n, {
+			/* @__PURE__ */ w("div", {
+				className: u["SubdomainNavBar-search-result-item-meta"],
+				children: [/* @__PURE__ */ C(n, {
 					size: "100",
-					className: d["SubdomainNavBar-search-result-item-desc"],
+					className: u["SubdomainNavBar-search-result-item-desc"],
 					children: e.date
-				}), e.category && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C(n, {
+				}), e.category && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(n, {
 					size: "100",
-					className: d["SubdomainNavBar-search-result-item-desc"],
+					className: u["SubdomainNavBar-search-result-item-desc"],
 					children: [
 						" ",
 						"•",
 						" "
 					]
-				}), /* @__PURE__ */ S(n, {
+				}), /* @__PURE__ */ C(n, {
 					size: "100",
-					className: d["SubdomainNavBar-search-result-item-desc"],
+					className: u["SubdomainNavBar-search-result-item-desc"],
 					children: e.category
 				})] })]
 			})
 		]
 	}, `${e.title}-${t}`);
-	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
-		className: e(d["SubdomainNavBar-search-trigger"], r),
-		children: /* @__PURE__ */ C("button", {
-			"aria-label": b.formatSearchTrigger(w),
-			className: d["SubdomainNavBar-search-input-button"],
-			onClick: c,
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+		className: e(u["SubdomainNavBar-search-trigger"], r),
+		children: /* @__PURE__ */ w("button", {
+			"aria-label": x.formatSearchTrigger(T),
+			className: u["SubdomainNavBar-search-input-button"],
+			onClick: ee,
 			"data-testid": "toggle-search",
 			type: "button",
-			children: [/* @__PURE__ */ C("span", {
-				className: d["SubdomainNavBar-search-input-button-placeholder"],
-				children: [/* @__PURE__ */ S(l, {
+			children: [/* @__PURE__ */ w("span", {
+				className: u["SubdomainNavBar-search-input-button-placeholder"],
+				children: [/* @__PURE__ */ C(c, {
 					"aria-hidden": "true",
 					size: 16
-				}), /* @__PURE__ */ S("span", {
-					className: d["SubdomainNavBar-search-input-button-placeholder-text"],
-					children: w
+				}), /* @__PURE__ */ C("span", {
+					className: u["SubdomainNavBar-search-input-button-placeholder-text"],
+					children: T
 				})]
-			}), D && /* @__PURE__ */ S("span", {
-				className: d["SubdomainNavBar-search-input-button-shortcut"],
-				children: D
+			}), O && /* @__PURE__ */ C("span", {
+				className: u["SubdomainNavBar-search-input-button-shortcut"],
+				children: O
 			})]
 		})
-	}), /* @__PURE__ */ S("dialog", {
-		ref: _,
-		"aria-label": T,
-		className: e(d["SubdomainNavBar-search-dialog"], M && d["SubdomainNavBar-search-dialog--has-results"]),
-		onCancel: se,
-		children: t && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
-			className: e(d["SubdomainNavBar-search-dialog-control-area"]),
-			children: /* @__PURE__ */ C("div", {
-				className: d["SubdomainNavBar-search-input-area"],
-				children: [/* @__PURE__ */ S("form", {
-					className: e(d["SubdomainNavBar-search-form"]),
-					onSubmit: ee,
+	}), /* @__PURE__ */ C("dialog", {
+		ref: v,
+		"aria-label": E,
+		className: e(u["SubdomainNavBar-search-dialog"], N && u["SubdomainNavBar-search-dialog--has-results"]),
+		onCancel: oe,
+		children: t && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+			className: e(u["SubdomainNavBar-search-dialog-control-area"]),
+			children: /* @__PURE__ */ w("div", {
+				className: u["SubdomainNavBar-search-input-area"],
+				children: [/* @__PURE__ */ C("form", {
+					className: e(u["SubdomainNavBar-search-form"]),
+					onSubmit: te,
 					role: "search",
-					children: /* @__PURE__ */ C(oe, {
+					children: /* @__PURE__ */ w(ae, {
 						fullWidth: !0,
 						size: "medium",
-						children: [/* @__PURE__ */ S(oe.Label, {
+						children: [/* @__PURE__ */ C(ae.Label, {
 							visuallyHidden: !0,
-							children: b.searchLabel
-						}), /* @__PURE__ */ S(ae, {
-							ref: L,
-							className: e(d["SubdomainNavBar-search-text-input"]),
+							children: x.searchLabel
+						}), /* @__PURE__ */ C(ie, {
+							ref: R,
+							className: e(u["SubdomainNavBar-search-text-input"]),
 							name: "search",
 							role: "combobox",
 							autoComplete: "off",
 							"aria-autocomplete": "list",
-							"aria-expanded": M,
+							"aria-expanded": N,
 							"aria-controls": "listbox-search-results",
-							placeholder: w,
-							onChange: te,
+							placeholder: T,
+							onChange: ne,
 							defaultValue: s,
 							invisible: !0,
-							leadingVisual: /* @__PURE__ */ S(l, { size: 16 }),
-							"aria-activedescendant": O === -1 ? void 0 : `subdomainnavbar-search-result-${O}`,
-							onKeyDown: k
+							leadingVisual: /* @__PURE__ */ C(c, { size: 16 }),
+							"aria-activedescendant": k === -1 ? void 0 : `subdomainnavbar-search-result-${k}`,
+							onKeyDown: A
 						})]
 					})
-				}), /* @__PURE__ */ S("button", {
-					"aria-label": b.closeLabel,
-					className: d["SubdomainNavBar-search-close-button"],
-					onClick: I,
+				}), /* @__PURE__ */ C("button", {
+					"aria-label": x.closeLabel,
+					className: u["SubdomainNavBar-search-close-button"],
+					onClick: L,
 					type: "button",
-					children: b.closeLabel
+					children: x.closeLabel
 				})]
 			})
-		}), /* @__PURE__ */ C("div", {
+		}), /* @__PURE__ */ w("div", {
 			id: "listbox-search-results",
-			className: e(d["SubdomainNavBar-search-results-area"], M && d["SubdomainNavBar-search-results-area--visible"]),
-			children: [M && /* @__PURE__ */ C("div", {
-				className: e(d["SubdomainNavBar-search-results-container"]),
-				children: [!j && /* @__PURE__ */ S(n, {
+			className: e(u["SubdomainNavBar-search-results-area"], N && u["SubdomainNavBar-search-results-area--visible"]),
+			children: [N && /* @__PURE__ */ w("div", {
+				className: e(u["SubdomainNavBar-search-results-container"]),
+				children: [!M && /* @__PURE__ */ C(n, {
 					id: "subdomainnavbar-search-results-heading",
-					className: d["SubdomainNavBar-search-results-heading"],
-					children: b.formatResultsHeading(s ?? "")
-				}), /* @__PURE__ */ S("ul", {
+					className: u["SubdomainNavBar-search-results-heading"],
+					children: x.formatResultsHeading(s ?? "")
+				}), /* @__PURE__ */ C("ul", {
 					role: "listbox",
 					tabIndex: 0,
-					"aria-labelledby": j ? void 0 : "subdomainnavbar-search-results-heading",
-					"aria-label": j ? s ? b.formatResultsLabel(s) : b.searchResultsLabel : void 0,
-					className: e(d["SubdomainNavBar-search-results"]),
-					children: j ? N.map((e, t) => {
+					"aria-labelledby": M ? void 0 : "subdomainnavbar-search-results-heading",
+					"aria-label": M ? s ? x.formatResultsLabel(s) : x.searchResultsLabel : void 0,
+					className: e(u["SubdomainNavBar-search-results"]),
+					children: M ? P.map((e, t) => {
 						let r = `subdomainnavbar-search-result-group-${t}`;
-						return /* @__PURE__ */ C("li", {
-							className: d["SubdomainNavBar-search-result-group"],
+						return /* @__PURE__ */ w("li", {
+							className: u["SubdomainNavBar-search-result-group"],
 							role: "presentation",
-							children: [e.title && /* @__PURE__ */ S(n, {
+							children: [e.title && /* @__PURE__ */ C(n, {
 								id: r,
-								className: d["SubdomainNavBar-search-result-group-heading"],
+								className: u["SubdomainNavBar-search-result-group-heading"],
 								children: e.title
-							}), /* @__PURE__ */ S("ul", {
-								className: d["SubdomainNavBar-search-result-group-list"],
+							}), /* @__PURE__ */ C("ul", {
+								className: u["SubdomainNavBar-search-result-group-list"],
 								role: "group",
 								"aria-labelledby": e.title ? r : void 0,
-								"aria-label": e.title ? void 0 : b.resultsLabel,
-								children: e.results.map(ce)
+								"aria-label": e.title ? void 0 : x.resultsLabel,
+								children: e.results.map(se)
 							})]
 						}, e.title ?? `ungrouped-${t}`);
-					}) : N.flatMap((e) => e.results.map(ce))
+					}) : P.flatMap((e) => e.results.map(se))
 				})]
-			}), /* @__PURE__ */ C("div", {
+			}), /* @__PURE__ */ w("div", {
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				"data-testid": E.liveRegion,
+				"data-testid": D.liveRegion,
 				className: "visually-hidden",
-				children: [b.formatSuggestions(F), /* @__PURE__ */ S("span", { children: "\xA0" })]
+				children: [x.formatSuggestions(I), /* @__PURE__ */ C("span", { children: "\xA0" })]
 			})]
 		})] })
 	})] });
 });
-O.displayName = "SubdomainNavBar";
-function M({ children: t, href: n, ...i }) {
-	let a = p.useContext(T);
-	return /* @__PURE__ */ S(r, {
+k.displayName = "SubdomainNavBar";
+function N({ children: t, href: n, ...i }) {
+	let a = m.useContext(E);
+	return /* @__PURE__ */ C(r, {
 		as: "a",
 		href: n,
-		className: e(d["SubdomainNavBar-cta-button"]),
+		className: e(u["SubdomainNavBar-cta-button"]),
 		variant: "primary",
 		size: a,
 		...i,
 		children: t
 	});
 }
-function N({ children: t, href: n, ...i }) {
-	let a = p.useContext(T);
-	return /* @__PURE__ */ S(r, {
+function P({ children: t, href: n, ...i }) {
+	let a = m.useContext(E);
+	return /* @__PURE__ */ C(r, {
 		as: "a",
 		href: n,
-		className: e(d["SubdomainNavBar-cta-button"], d["SubdomainNavBar-cta-button--secondary"]),
+		className: e(u["SubdomainNavBar-cta-button"], u["SubdomainNavBar-cta-button--secondary"]),
 		size: a,
 		...i,
 		children: t
 	});
 }
-var P = Object.assign(O, {
-	Link: k,
-	Search: j,
-	PrimaryAction: M,
-	SecondaryAction: N,
-	testIds: E
+var F = Object.assign(k, {
+	Link: A,
+	Search: M,
+	PrimaryAction: N,
+	SecondaryAction: P,
+	testIds: D
 });
 //#endregion
-export { P as SubdomainNavBar };
+export { F as SubdomainNavBar };
 
 //# sourceMappingURL=SubdomainNavBar.js.map