@primer/react-brand 0.72.0-rc.f8b72452 → 0.72.0

package/esm/SubNav/SubNav.js

@@ -2,12 +2,12 @@ import e from "../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../hooks/useId.js";
 import { useProvidedRefOrCreate as n } from "../hooks/useRef.js";
 import { Text as r } from "../Text/Text.js";
-import { TriangleDownIcon as i, TriangleUpIcon as a } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
-import { Button as o } from "../Button/Button.js";
-import { ThemeProvider as s } from "../ThemeProvider/ThemeProvider.js";
-import { useWindowSize as c } from "../hooks/useWindowSize.js";
-import { useOnClickOutside as l } from "../hooks/useOnClickOutside.js";
-import { useKeyboardEscape as u } from "../hooks/useKeyboardEscape.js";
+import { Button as i } from "../Button/Button.js";
+import { ThemeProvider as a } from "../ThemeProvider/ThemeProvider.js";
+import { useOnClickOutside as o } from "../hooks/useOnClickOutside.js";
+import { useKeyboardEscape as s } from "../hooks/useKeyboardEscape.js";
+import { TriangleDownIcon as c, TriangleUpIcon as l } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { useWindowSize as u } from "../hooks/useWindowSize.js";
 import { useFocusTrap as d } from "../hooks/useFocusTrap.js";
 import { useContainsFocus as f } from "./useContainsFocus.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes-5gfdihUt.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/base-DIkvLW-s.css';/* empty css                                                                                        */
@@ -63,18 +63,18 @@ function N({ children: t }) {
 		})]
 	});
 }
-var P = y(_(({ id: o, children: s, className: f, "data-testid": g, fullWidth: _, hasShadow: y }, x) => {
-	let O = n(x), A = m.useRef(null), j = m.useRef(null), M = m.useRef(null), P = w(null), [L, V] = T(!1), H = t(), [ee, te] = T(!1), { isLarge: U } = c();
+var P = y(_(({ id: i, children: a, className: f, "data-testid": g, fullWidth: _, hasShadow: y }, x) => {
+	let O = n(x), A = m.useRef(null), j = m.useRef(null), M = m.useRef(null), P = w(null), [L, V] = T(!1), H = t(), [ee, te] = T(!1), { isLarge: U } = u();
 	d({
 		containerRef: A,
 		disabled: !L
 	});
-	let W = h.toArray(s), G = b(() => {
+	let W = h.toArray(a), G = b(() => {
 		U || V(!1);
 	}, [U]), K = b(() => {
 		U || V((e) => !e);
 	}, [U]);
-	l(A, G), u(G), S(() => {
+	o(A, G), s(G), S(() => {
 		let e = j.current, t = () => {
 			if (e) {
 				let t = e.getBoundingClientRect().top;
@@ -127,7 +127,7 @@ var P = y(_(({ id: o, children: s, className: f, "data-testid": g, fullWidth: _,
 					as: "span",
 					size: "100",
 					children: $
-				}), E(L ? a : i, {
+				}), E(L ? l : c, {
 					className: p["SubNav__overlay-toggle-icon"],
 					size: 13
 				})]
@@ -146,7 +146,7 @@ var P = y(_(({ id: o, children: s, className: f, "data-testid": g, fullWidth: _,
 		className: e(p.SubNav__container, Y && p["SubNav--has-sub-heading"], Y && Q && p["SubNav--subHeadingActive"], ee && p["SubNav__container--with-anchor-nav"]),
 		children: /* @__PURE__ */ E(N, { children: /* @__PURE__ */ E("nav", {
 			ref: j,
-			id: o,
+			id: i,
 			className: e(p.SubNav, L && p["SubNav--open"], y && p["SubNav--has-shadow"], _ && p["SubNav--full-width"], f),
 			"data-testid": g || k.root,
 			children: /* @__PURE__ */ D("div", {
@@ -195,16 +195,16 @@ var P = y(_(({ id: o, children: s, className: f, "data-testid": g, fullWidth: _,
 	"data-testid": k.heading || i,
 	...a,
 	children: n
-}), L = _(({ children: a, href: o, "aria-current": s, "data-testid": l, className: d, _subMenuVariant: m, variant: h, ...g }, _) => {
-	let v = t(), { isLarge: y } = c(), [x, C] = T(!1), O = n(_), A = w(null);
+}), L = _(({ children: i, href: a, "aria-current": o, "data-testid": l, className: d, _subMenuVariant: m, variant: h, ...g }, _) => {
+	let v = t(), { isLarge: y } = u(), [x, C] = T(!1), O = n(_), A = w(null);
 	f(O, (e) => {
 		e || C(!1);
 	});
-	let j = b(() => C(!0), []), M = b(() => C(!1), []), N = b(() => C((e) => !e), []), P = !!s && s !== "false";
-	u(M), S(() => {
+	let j = b(() => C(!0), []), M = b(() => C(!1), []), N = b(() => C((e) => !e), []), P = !!o && o !== "false";
+	s(M), S(() => {
 		A.current && A.current.toggleAttribute("inert", y && !x);
 	}, [y, x]);
-	let [F, I] = a;
+	let [F, I] = i;
 	return /* @__PURE__ */ D("div", {
 		className: e(p["SubNav__link--has-sub-menu"], x && p["SubNav__link--expanded"], P && p["SubNav__link--has-active-sub-menu"]),
 		"data-testid": l || k.subMenu,
@@ -215,9 +215,9 @@ var P = y(_(({ id: o, children: s, className: f, "data-testid": g, fullWidth: _,
 		onBlur: () => null,
 		children: [
 			/* @__PURE__ */ E("a", {
-				href: o,
-				className: e(p.SubNav__link, s && p["SubNav__link--active"], d),
-				"aria-current": s,
+				href: a,
+				className: e(p.SubNav__link, o && p["SubNav__link--active"], d),
+				"aria-current": o,
 				...g,
 				children: /* @__PURE__ */ E(r, {
 					as: "span",
@@ -233,7 +233,7 @@ var P = y(_(({ id: o, children: s, className: f, "data-testid": g, fullWidth: _,
 				"aria-expanded": x ? "true" : "false",
 				"aria-controls": v,
 				"aria-label": `${F?.toString().trim()} submenu`,
-				children: /* @__PURE__ */ E(i, {
+				children: /* @__PURE__ */ E(c, {
 					className: p["SubNav__sub-menu-icon"],
 					size: 16
 				})
@@ -288,16 +288,16 @@ var P = y(_(({ id: o, children: s, className: f, "data-testid": g, fullWidth: _,
 	}) });
 });
 function z({ children: t, className: n, variant: r = "dropdown", ...i }) {
-	let a = m.useContext(j), o = w(null), { isLarge: l } = c();
+	let o = m.useContext(j), s = w(null), { isLarge: c } = u();
 	return S(() => {
 		let e = (e) => {
-			o.current && !o.current.contains(e.target) || e.target instanceof HTMLAnchorElement || e.stopPropagation();
+			s.current && !s.current.contains(e.target) || e.target instanceof HTMLAnchorElement || e.stopPropagation();
 		};
 		return r === "anchor" && document.addEventListener("click", e, !0), () => {
 			document.removeEventListener("click", e, !0);
 		};
-	}, [r]), r === "anchor" && a?.portalRef.current ? O(/* @__PURE__ */ E("nav", {
-		ref: o,
+	}, [r]), r === "anchor" && o?.portalRef.current ? O(/* @__PURE__ */ E("nav", {
+		ref: s,
 		className: e(p["SubNav__sub-menu"], p["SubNav__sub-menu--anchor"], n),
 		role: "navigation",
 		"aria-label": "Sub navigation",
@@ -308,8 +308,8 @@ function z({ children: t, className: n, variant: r = "dropdown", ...i }) {
 				e.props.onClick?.(t);
 			} }) : null)
 		})
-	}), a.portalRef.current) : /* @__PURE__ */ E(l ? s : m.Fragment, {
-		...l ? { colorMode: "light" } : {},
+	}), o.portalRef.current) : /* @__PURE__ */ E(c ? a : m.Fragment, {
+		...c ? { colorMode: "light" } : {},
 		children: /* @__PURE__ */ E("ul", {
 			className: e(p["SubNav__sub-menu"], p[`SubNav__sub-menu--${r}`], n),
 			...i,
@@ -317,15 +317,15 @@ function z({ children: t, className: n, variant: r = "dropdown", ...i }) {
 		})
 	});
 }
-function B({ children: e, href: t, variant: n = "primary", size: r = "small", ...i }) {
-	return /* @__PURE__ */ E(o, {
+function B({ children: e, href: t, variant: n = "primary", size: r = "small", ...a }) {
+	return /* @__PURE__ */ E(i, {
 		className: p.SubNav__action,
 		as: "a",
 		href: t,
 		variant: n,
 		"data-testid": k.action,
 		size: r,
-		...i,
+		...a,
 		children: e
 	});
 }

package/esm/SubdomainNavBar/NavigationVisbilityObserver.js

@@ -1,26 +1,26 @@
 import e from "../node_modules/clsx/dist/clsx.js";
 import { useProvidedRefOrCreate as t } from "../hooks/useRef.js";
-import { ChevronDownIcon as n } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
-import { useWindowSize as r } from "../hooks/useWindowSize.js";
-import { useVisibilityObserver as i } from "./useVisibilityObserver.js";
-import { useOnClickOutside as a } from "../hooks/useOnClickOutside.js";
-import o from "./SubdomainNavBar.module.js";
-import { useKeyboardEscape as s } from "../hooks/useKeyboardEscape.js";
+import { useOnClickOutside as n } from "../hooks/useOnClickOutside.js";
+import { useKeyboardEscape as r } from "../hooks/useKeyboardEscape.js";
+import { ChevronDownIcon as i } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { useWindowSize as a } from "../hooks/useWindowSize.js";
+import { useVisibilityObserver as o } from "./useVisibilityObserver.js";
+import s from "./SubdomainNavBar.module.js";
 import c, { forwardRef as l, useCallback as u, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/SubdomainNavBar/NavigationVisbilityObserver.tsx
-var h = l(({ children: n, className: a, ...s }, l) => {
-	let u = t(l), [d] = i(u, n), { isMedium: f } = r(), h = Object.values(d).includes(!1);
+var h = l(({ children: n, className: r, ...i }, l) => {
+	let u = t(l), [d] = o(u, n), { isMedium: f } = a(), h = Object.values(d).includes(!1);
 	return /* @__PURE__ */ m("ul", {
-		className: e(o["SubdomainNavBar-primary-nav-list"], a),
+		className: e(s["SubdomainNavBar-primary-nav-list"], r),
 		ref: u,
-		...s,
+		...i,
 		children: [c.Children.map(n, (t) => {
 			if (c.isValidElement(t)) {
 				let n = t.props["data-navitemid"];
 				if (!n) return t;
 				let r = d[n];
-				return c.cloneElement(t, { className: e(t.props.className, f && r && o["SubdomainNavBar-primary-nav-list-item--visible"], f && r === !1 && o["SubdomainNavBar-primary-nav-list-item--invisible"]) });
+				return c.cloneElement(t, { className: e(t.props.className, f && r && s["SubdomainNavBar-primary-nav-list-item--visible"], f && r === !1 && s["SubdomainNavBar-primary-nav-list-item--invisible"]) });
 			}
 			return t;
 		}), h && /* @__PURE__ */ p(g, {
@@ -29,36 +29,36 @@ var h = l(({ children: n, className: a, ...s }, l) => {
 		})]
 	});
 });
-function g({ children: t, className: r, visibilityMap: i }) {
+function g({ children: t, className: a, visibilityMap: o }) {
 	let [l, h] = f(null), g = d(null);
-	a(g, () => y());
+	n(g, () => y());
 	let _ = !!l, v = (e) => {
 		l ? y() : h(e.currentTarget);
 	}, y = u(() => {
 		h(null);
 	}, []);
-	return s(y), /* @__PURE__ */ m("li", {
-		className: e(o["SubdomainNavBar-primary-nav-list-item--overflow"], r),
+	return r(y), /* @__PURE__ */ m("li", {
+		className: e(s["SubdomainNavBar-primary-nav-list-item--overflow"], a),
 		ref: g,
 		children: [/* @__PURE__ */ m("button", {
 			"aria-expanded": _ ? "true" : "false",
 			"aria-controls": "more-navigation",
 			"aria-haspopup": "true",
 			onClick: v,
-			className: e(o["SubdomainNavBar-link"], o["SubdomainNavBar-more-link"]),
-			children: ["More", /* @__PURE__ */ p(n, {})]
+			className: e(s["SubdomainNavBar-link"], s["SubdomainNavBar-more-link"]),
+			children: ["More", /* @__PURE__ */ p(i, {})]
 		}), /* @__PURE__ */ p("div", {
 			id: "more-navigation",
 			style: { display: _ ? "block" : "none" },
-			className: e(o["SubdomainNavBar-overflow-menu"]),
+			className: e(s["SubdomainNavBar-overflow-menu"]),
 			children: /* @__PURE__ */ p("ul", {
-				className: e(o["SubdomainNavBar-overflow-menu-list"]),
+				className: e(s["SubdomainNavBar-overflow-menu-list"]),
 				children: c.Children.map(t, (t) => {
 					if (c.isValidElement(t)) {
 						let n = t.props["data-navitemid"];
-						return !n || i[n] ? null : /* @__PURE__ */ p(c.Fragment, { children: c.cloneElement(t, {
+						return !n || o[n] ? null : /* @__PURE__ */ p(c.Fragment, { children: c.cloneElement(t, {
 							onClick: y,
-							className: e(o["SubdomainNavBar-overflow-menu-item"], t.props.className)
+							className: e(s["SubdomainNavBar-overflow-menu-item"], t.props.className)
 						}) });
 					}
 					return null;

package/esm/SubdomainNavBar/SubdomainNavBar.js

@@ -1,12 +1,12 @@
 import e from "../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../hooks/useId.js";
 import { Text as n } from "../Text/Text.js";
-import { ChevronLeftIcon as r, LinkExternalIcon as i, MarkGithubIcon as a, SearchIcon as o, XIcon as s } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
-import { Button as c } from "../Button/Button.js";
-import { useWindowSize as l } from "../hooks/useWindowSize.js";
-import { useOnClickOutside as u } from "../hooks/useOnClickOutside.js";
-import d from "./SubdomainNavBar.module.js";
-import { useKeyboardEscape as f } from "../hooks/useKeyboardEscape.js";
+import { Button as r } from "../Button/Button.js";
+import { useOnClickOutside as i } from "../hooks/useOnClickOutside.js";
+import { useKeyboardEscape as a } from "../hooks/useKeyboardEscape.js";
+import { ChevronLeftIcon as o, LinkExternalIcon as s, MarkGithubIcon as c, SearchIcon as l, XIcon as u } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { useWindowSize as d } from "../hooks/useWindowSize.js";
+import f from "./SubdomainNavBar.module.js";
 import { NavigationVisbilityObserver as p } from "./NavigationVisbilityObserver.js";
 import { useFocusTrap as m } from "../hooks/useFocusTrap.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-ehJCoExh.css';/* empty css                                                                                                               */
@@ -30,8 +30,8 @@ var D = {
 		return `${this.root}-search-live-region`;
 	}
 };
-function O({ children: i, className: o, fixed: s = !0, fullWidth: u = !1, logoHref: h = "https://github.com", title: g, titleHref: v = "/", onNarrowMenuToggle: O, ...N }) {
-	let [P, F] = C(!0), [I, L] = C(!1), { isSmall: R, isMedium: z } = l(), [B, V] = C(!1), H = S(null), U = t("start-of-content"), W = () => {
+function O({ children: i, className: s, fixed: l = !0, fullWidth: u = !1, logoHref: h = "https://github.com", title: g, titleHref: v = "/", onNarrowMenuToggle: O, ...N }) {
+	let [P, F] = C(!0), [I, L] = C(!1), { isSmall: R, isMedium: z } = d(), [B, V] = C(!1), H = S(null), U = t("start-of-content"), W = () => {
 		let e = !P;
 		F(e), O?.(!e);
 	}, G = () => L(!I), K = S(null);
@@ -42,7 +42,7 @@ function O({ children: i, className: o, fixed: s = !0, fullWidth: u = !1, logoHr
 		containerRef: K,
 		restoreFocusOnCleanUp: !0,
 		disabled: P
-	}), f(() => {
+	}), a(() => {
 		F(!0), O?.(!1);
 	}), b(() => {
 		z && (F(!0), O?.(!1));
@@ -70,51 +70,51 @@ function O({ children: i, className: o, fixed: s = !0, fullWidth: u = !1, logoHr
 		return !!e && !!t;
 	}, [i]);
 	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("div", {
-		className: e(d["SubdomainNavBar-outer-container"], s && d["SubdomainNavBar-outer-container--fixed"], Z && d["SubdomainNavBar-outer-container--has-actions"]),
-		children: [/* @__PURE__ */ T(c, {
+		className: e(f["SubdomainNavBar-outer-container"], l && f["SubdomainNavBar-outer-container--fixed"], Z && f["SubdomainNavBar-outer-container--has-actions"]),
+		children: [/* @__PURE__ */ T(r, {
 			as: "a",
 			href: `#${H.current?.id || U}`,
 			variant: "primary",
-			className: e(d["SubdomainNavBar-skip-to-content"], !B && "visually-hidden"),
+			className: e(f["SubdomainNavBar-skip-to-content"], !B && "visually-hidden"),
 			onFocus: q,
 			onBlur: J,
 			children: "Skip to content"
 		}), /* @__PURE__ */ T("header", {
-			className: e(d.SubdomainNavBar, o),
+			className: e(f.SubdomainNavBar, s),
 			"data-testid": D.root,
 			...N,
 			children: /* @__PURE__ */ E("div", {
 				ref: K,
-				className: e(d["SubdomainNavBar-inner-container"], I && d["SubdomainNavBar-inner-container--search-open"], !u && d["SubdomainNavBar-inner-container--centered"]),
+				className: e(f["SubdomainNavBar-inner-container"], I && f["SubdomainNavBar-inner-container--search-open"], !u && f["SubdomainNavBar-inner-container--centered"]),
 				"data-testid": D.innerContainer,
 				children: [
 					/* @__PURE__ */ T("nav", {
 						"aria-label": "Header logo and title",
 						children: /* @__PURE__ */ E("ol", {
-							className: d["SubdomainNavBar-title-area"],
+							className: f["SubdomainNavBar-title-area"],
 							children: [/* @__PURE__ */ T("li", { children: /* @__PURE__ */ E("a", {
 								href: h,
 								"aria-label": "Github Home",
-								className: d["SubdomainNavBar-logo-mark"],
+								className: f["SubdomainNavBar-logo-mark"],
 								children: [/* @__PURE__ */ T("span", {
-									className: e(d["SubdomainNavBar-back-arrow"]),
-									children: /* @__PURE__ */ T(r, {
+									className: e(f["SubdomainNavBar-back-arrow"]),
+									children: /* @__PURE__ */ T(o, {
 										fill: "currentColor",
 										size: 24
 									})
-								}), /* @__PURE__ */ T(a, {
+								}), /* @__PURE__ */ T(c, {
 									fill: "currentColor",
 									size: 24
 								})]
 							}) }), g && R && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("li", {
 								role: "separator",
-								className: d["SubdomainNavBar-title-separator"],
+								className: f["SubdomainNavBar-title-separator"],
 								"aria-hidden": !0,
 								children: "/"
 							}), /* @__PURE__ */ T("li", { children: /* @__PURE__ */ T("a", {
 								href: v,
 								"aria-label": `${g} home`,
-								className: e(d["SubdomainNavBar-title"]),
+								className: e(f["SubdomainNavBar-title"]),
 								children: /* @__PURE__ */ T(n, {
 									size: "400",
 									weight: "medium",
@@ -126,15 +126,15 @@ function O({ children: i, className: o, fixed: s = !0, fullWidth: u = !1, logoHr
 					Y && /* @__PURE__ */ T("nav", {
 						id: "menu-navigation",
 						"aria-label": g,
-						className: d["SubdomainNavBar-primary-nav"],
+						className: f["SubdomainNavBar-primary-nav"],
 						"data-testid": D.menuLinks,
 						children: /* @__PURE__ */ T(p, {
-							className: e(d["SubdomainNavBar-primary-nav-list--invisible"]),
+							className: e(f["SubdomainNavBar-primary-nav-list--invisible"]),
 							children: X
 						})
 					}),
 					/* @__PURE__ */ E("div", {
-						className: e(d["SubdomainNavBar-secondary-nav"]),
+						className: e(f["SubdomainNavBar-secondary-nav"]),
 						children: [
 							_.Children.toArray(i).map((e) => _.isValidElement(e) && e.type === A ? _.cloneElement(e, {
 								active: I,
@@ -146,39 +146,39 @@ function O({ children: i, className: o, fixed: s = !0, fullWidth: u = !1, logoHr
 								"aria-label": "Menu",
 								"aria-controls": "menu-navigation",
 								"aria-haspopup": "true",
-								className: e(d["SubdomainNavBar-menu-button"], d["SubdomainNavBar-mobile-menu-button"], !P && d["SubdomainNavBar-menu-button--close"]),
+								className: e(f["SubdomainNavBar-menu-button"], f["SubdomainNavBar-mobile-menu-button"], !P && f["SubdomainNavBar-menu-button--close"]),
 								"data-testid": D.menuButton,
 								onClick: W,
 								children: [
-									/* @__PURE__ */ T("div", { className: e(d["SubdomainNavBar-menu-button-bar"]) }),
-									/* @__PURE__ */ T("div", { className: e(d["SubdomainNavBar-menu-button-bar"]) }),
-									/* @__PURE__ */ T("div", { className: e(d["SubdomainNavBar-menu-button-bar"]) })
+									/* @__PURE__ */ T("div", { className: e(f["SubdomainNavBar-menu-button-bar"]) }),
+									/* @__PURE__ */ T("div", { className: e(f["SubdomainNavBar-menu-button-bar"]) }),
+									/* @__PURE__ */ T("div", { className: e(f["SubdomainNavBar-menu-button-bar"]) })
 								]
 							}),
 							z && /* @__PURE__ */ T("div", {
-								className: e(d["SubdomainNavBar-button-area"], d["SubdomainNavBar-button-area--visible"]),
+								className: e(f["SubdomainNavBar-button-area"], f["SubdomainNavBar-button-area--visible"]),
 								children: /* @__PURE__ */ T("div", {
-									className: d["SubdomainNavBar-button-area-inner"],
+									className: f["SubdomainNavBar-button-area-inner"],
 									children: _.Children.toArray(i).map((e) => _.isValidElement(e) && (e.type === j || e.type === M) ? e : null).filter(Boolean)
 								})
 							}),
 							!z && /* @__PURE__ */ E("div", {
-								className: e(d["SubdomainNavBar-menu-wrapper"], P && d["SubdomainNavBar-menu-wrapper--close"]),
+								className: e(f["SubdomainNavBar-menu-wrapper"], P && f["SubdomainNavBar-menu-wrapper--close"]),
 								children: [/* @__PURE__ */ E("div", { children: [g && v && /* @__PURE__ */ T(n, {
 									as: "p",
 									children: /* @__PURE__ */ T("a", {
 										href: v,
 										"aria-label": `${g} home`,
-										className: e(d["SubdomainNavBar-link"], d["SubdomainNavBar-link--title"]),
+										className: e(f["SubdomainNavBar-link"], f["SubdomainNavBar-link--title"]),
 										children: g
 									})
 								}), Y && !P && /* @__PURE__ */ T(p, {
-									className: e(d["SubdomainNavBar-primary-nav-list--visible"]),
+									className: e(f["SubdomainNavBar-primary-nav-list--visible"]),
 									children: X
 								})] }), /* @__PURE__ */ T("div", {
-									className: e(d["SubdomainNavBar-button-area"], d["SubdomainNavBar-button-area--visible"]),
+									className: e(f["SubdomainNavBar-button-area"], f["SubdomainNavBar-button-area--visible"]),
 									children: /* @__PURE__ */ T("div", {
-										className: d["SubdomainNavBar-button-area-inner"],
+										className: f["SubdomainNavBar-button-area-inner"],
 										children: _.Children.toArray(i).map((e) => _.isValidElement(e) && (e.type === j || e.type === M) ? e : null).filter(Boolean)
 									})
 								})]
@@ -193,34 +193,34 @@ function O({ children: i, className: o, fixed: s = !0, fullWidth: u = !1, logoHr
 		tabIndex: -1
 	})] });
 }
-function k({ href: t, className: n, children: r, isExternal: a, ...o }) {
+function k({ href: t, className: n, children: r, isExternal: i, ...a }) {
 	return /* @__PURE__ */ T("li", {
-		className: e(d["SubdomainNavBar-primary-nav-list-item"], n),
-		...o,
+		className: e(f["SubdomainNavBar-primary-nav-list-item"], n),
+		...a,
 		children: /* @__PURE__ */ E("a", {
 			href: t,
-			className: d["SubdomainNavBar-link"],
+			className: f["SubdomainNavBar-link"],
 			children: [/* @__PURE__ */ T("span", {
-				className: d["SubdomainNavBar-link-text"],
+				className: f["SubdomainNavBar-link-text"],
 				children: r
-			}), a && /* @__PURE__ */ T(i, {
+			}), i && /* @__PURE__ */ T(s, {
 				size: 16,
 				"aria-label": "External link"
 			})]
 		})
 	});
 }
-var A = v(({ active: t, title: r, searchResults: i, searchTerm: a, handlerFn: c, onSubmit: l, onChange: p }, _) => {
+var A = v(({ active: t, title: r, searchResults: o, searchTerm: s, handlerFn: c, onSubmit: d, onChange: p }, _) => {
 	let v = S(null);
 	m({
 		containerRef: v,
 		restoreFocusOnCleanUp: !0,
 		disabled: !t
-	}), u(v, c);
+	}), i(v, c);
 	let [x, O] = C(-1), [k, A] = C(), [j, M] = C(!1), N = y((e) => {
 		c && c(e), O(-1);
 	}, [c]);
-	u(v, N), f(() => {
+	i(v, N), a(() => {
 		if (!k && t) return N(), !1;
 		A(!1), O(-1);
 	});
@@ -230,28 +230,28 @@ var A = v(({ active: t, title: r, searchResults: i, searchTerm: a, handlerFn: c,
 			"ArrowUp",
 			"Escape",
 			"Enter"
-		], n = x, r = i ? i.length : 0, a = v.current, o;
-		if (!t.includes(e.key) || e.key === "Enter" && x === -1 || !a) return !1;
-		e.preventDefault(), e.key === "ArrowDown" ? (o = n < r - 1 ? n + 1 : -1, O(o)) : e.key === "ArrowUp" && (o = n === -1 ? r - 1 : n - 1, O(o)), ["ArrowDown", "ArrowUp"].includes(e.key) && a.querySelector(`#subdomainnavbar-search-result-${o}`)?.scrollIntoView(), e.key === "Enter" && a.querySelector(`#subdomainnavbar-search-result-${x} a`).click();
-	}, [i, x]), F = y(() => {
+		], n = x, r = o ? o.length : 0, i = v.current, a;
+		if (!t.includes(e.key) || e.key === "Enter" && x === -1 || !i) return !1;
+		e.preventDefault(), e.key === "ArrowDown" ? (a = n < r - 1 ? n + 1 : -1, O(a)) : e.key === "ArrowUp" && (a = n === -1 ? r - 1 : n - 1, O(a)), ["ArrowDown", "ArrowUp"].includes(e.key) && i.querySelector(`#subdomainnavbar-search-result-${a}`)?.scrollIntoView(), e.key === "Enter" && i.querySelector(`#subdomainnavbar-search-result-${x} a`).click();
+	}, [o, x]), F = y(() => {
 		M(!0), setTimeout(() => {
 			t && M(!1);
 		}, 200);
 	}, [t]);
 	return b(() => {
-		A(!!(i && i.length)), F();
+		A(!!(o && o.length)), F();
 	}, [
-		i,
-		a,
+		o,
+		s,
 		F
 	]), /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
-		className: e(d["SubdomainNavBar-search-trigger"]),
+		className: e(f["SubdomainNavBar-search-trigger"]),
 		children: /* @__PURE__ */ T("button", {
 			"aria-label": "Toggle search bar",
-			className: d["SubdomainNavBar-search-button"],
+			className: f["SubdomainNavBar-search-button"],
 			onClick: c,
 			"data-testid": "toggle-search",
-			children: /* @__PURE__ */ T(o, { "aria-label": "Search icon" })
+			children: /* @__PURE__ */ T(l, { "aria-label": "Search icon" })
 		})
 	}), t && /* @__PURE__ */ E("div", {
 		ref: v,
@@ -259,12 +259,12 @@ var A = v(({ active: t, title: r, searchResults: i, searchTerm: a, handlerFn: c,
 		"aria-label": `Search ${r}`,
 		"aria-modal": "true",
 		tabIndex: -1,
-		className: e(d["SubdomainNavBar-search-dialog"]),
+		className: e(f["SubdomainNavBar-search-dialog"]),
 		children: [/* @__PURE__ */ E("div", {
-			className: e(d["SubdomainNavBar-search-dialog-control-area"]),
+			className: e(f["SubdomainNavBar-search-dialog-control-area"]),
 			children: [/* @__PURE__ */ T("form", {
-				className: e(d["SubdomainNavBar-search-form"]),
-				onSubmit: l,
+				className: e(f["SubdomainNavBar-search-form"]),
+				onSubmit: d,
 				role: "search",
 				children: /* @__PURE__ */ E(g, {
 					fullWidth: !0,
@@ -274,51 +274,51 @@ var A = v(({ active: t, title: r, searchResults: i, searchTerm: a, handlerFn: c,
 						children: "Search"
 					}), /* @__PURE__ */ T(h, {
 						ref: _,
-						className: e(d["SubdomainNavBar-search-text-input"]),
+						className: e(f["SubdomainNavBar-search-text-input"]),
 						name: "search",
 						role: "combobox",
 						"aria-expanded": k,
 						"aria-controls": "listbox-search-results",
 						placeholder: `Search ${r}`,
 						onChange: p,
-						defaultValue: a,
+						defaultValue: s,
 						invisible: !0,
-						leadingVisual: /* @__PURE__ */ T(o, { size: 16 }),
+						leadingVisual: /* @__PURE__ */ T(l, { size: 16 }),
 						"aria-activedescendant": x === -1 ? void 0 : `subdomainnavbar-search-result-${x}`,
 						onKeyDown: P
 					})]
 				})
 			}), /* @__PURE__ */ T("button", {
 				"aria-label": "Close",
-				className: e(d["SubdomainNavBar-menu-button"], d["SubdomainNavBar-menu-button--close"]),
+				className: e(f["SubdomainNavBar-menu-button"], f["SubdomainNavBar-menu-button--close"]),
 				onClick: N,
-				children: /* @__PURE__ */ T(s, { size: 24 })
+				children: /* @__PURE__ */ T(u, { size: 24 })
 			})]
 		}), /* @__PURE__ */ E("div", {
 			id: "listbox-search-results",
 			children: [k && /* @__PURE__ */ E("div", {
-				className: e(d["SubdomainNavBar-search-results-container"]),
+				className: e(f["SubdomainNavBar-search-results-container"]),
 				children: [/* @__PURE__ */ E(n, {
 					id: "subdomainnavbar-search-results-heading",
-					className: d["SubdomainNavBar-search-results-heading"],
+					className: f["SubdomainNavBar-search-results-heading"],
 					children: [
 						"Results for “",
-						a,
+						s,
 						"”"
 					]
 				}), /* @__PURE__ */ T("ul", {
 					role: "listbox",
 					tabIndex: 0,
 					"aria-labelledby": "subdomainnavbar-search-results-heading",
-					className: e(d["SubdomainNavBar-search-results"]),
-					children: i?.map((e, t) => /* @__PURE__ */ E("li", {
+					className: e(f["SubdomainNavBar-search-results"]),
+					children: o?.map((e, t) => /* @__PURE__ */ E("li", {
 						id: `subdomainnavbar-search-result-${t}`,
-						className: d["SubdomainNavBar-search-result-item"],
+						className: f["SubdomainNavBar-search-result-item"],
 						role: "option",
 						"aria-selected": t === x,
 						children: [
 							/* @__PURE__ */ T("div", {
-								className: d["SubdomainNavBar-search-result-item-container"],
+								className: f["SubdomainNavBar-search-result-item-container"],
 								children: /* @__PURE__ */ T("a", {
 									href: e.url,
 									children: e.title
@@ -328,16 +328,16 @@ var A = v(({ active: t, title: r, searchResults: i, searchTerm: a, handlerFn: c,
 								as: "p",
 								size: "200",
 								id: `subdomainnavbar-search-result-item-desc${t}`,
-								className: d["SubdomainNavBar-search-result-item-desc"],
+								className: f["SubdomainNavBar-search-result-item-desc"],
 								children: e.description
 							}),
 							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(n, {
 								size: "100",
-								className: d["SubdomainNavBar-search-result-item-desc"],
+								className: f["SubdomainNavBar-search-result-item-desc"],
 								children: e.date
 							}), e.category && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(n, {
 								size: "100",
-								className: d["SubdomainNavBar-search-result-item-desc"],
+								className: f["SubdomainNavBar-search-result-item-desc"],
 								children: [
 									" ",
 									"•",
@@ -345,7 +345,7 @@ var A = v(({ active: t, title: r, searchResults: i, searchTerm: a, handlerFn: c,
 								]
 							}), /* @__PURE__ */ T(n, {
 								size: "100",
-								className: d["SubdomainNavBar-search-result-item-desc"],
+								className: f["SubdomainNavBar-search-result-item-desc"],
 								children: e.category
 							})] })] })
 						]
@@ -356,29 +356,29 @@ var A = v(({ active: t, title: r, searchResults: i, searchTerm: a, handlerFn: c,
 				"aria-atomic": "true",
 				"data-testid": D.liveRegion,
 				className: "visually-hidden",
-				children: [`${i?.length} suggestions.`, j && /* @__PURE__ */ T("span", { children: "\xA0" })]
+				children: [`${o?.length} suggestions.`, j && /* @__PURE__ */ T("span", { children: "\xA0" })]
 			})]
 		})]
 	})] });
 });
-function j({ children: t, href: n, ...r }) {
-	return /* @__PURE__ */ T(c, {
+function j({ children: t, href: n, ...i }) {
+	return /* @__PURE__ */ T(r, {
 		as: "a",
 		href: n,
-		className: e(d["SubdomainNavBar-cta-button"]),
+		className: e(f["SubdomainNavBar-cta-button"]),
 		variant: "primary",
 		size: "small",
-		...r,
+		...i,
 		children: t
 	});
 }
-function M({ children: t, href: n, ...r }) {
-	return /* @__PURE__ */ T(c, {
+function M({ children: t, href: n, ...i }) {
+	return /* @__PURE__ */ T(r, {
 		as: "a",
 		href: n,
-		className: e(d["SubdomainNavBar-cta-button"], d["SubdomainNavBar-cta-button--secondary"]),
+		className: e(f["SubdomainNavBar-cta-button"], f["SubdomainNavBar-cta-button--secondary"]),
 		size: "small",
-		...r,
+		...i,
 		children: t
 	});
 }