@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

package/esm/SubNav/SubNav.d.ts

@@ -0,0 +1,81 @@
+import React, { type PropsWithChildren, type RefObject } from 'react';
+import { ButtonSizes, ButtonVariants, TextProps } from '..';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css';
+export declare const SubNavSubMenuVariants: readonly ["dropdown", "anchor"];
+type SubMenuVariants = (typeof SubNavSubMenuVariants)[number];
+type SubNavContextType = {
+    portalRef: RefObject<HTMLDivElement | null>;
+};
+export declare const useSubNavContext: () => SubNavContextType;
+export type SubNavProps = {
+    /**
+     * @deprecated The hasShadow prop is deprecated and will be removed in a future release.
+     */
+    hasShadow?: boolean;
+    /**
+     * Allows the SubNav to be used at full width,
+     * removing any internal padding and guttering.
+     */
+    fullWidth?: boolean;
+    'data-testid'?: string;
+} & PropsWithChildren<BaseProps<HTMLDivElement>>;
+type HeadingBaseProps = {
+    href: string;
+    'data-testid'?: string;
+} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
+type SubHeadingBaseProps = {
+    href: string;
+    'data-testid'?: string;
+} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
+type LinkBaseProps = {
+    href: string;
+    'data-testid'?: string;
+    variant?: TextProps['variant'];
+    _subMenuVariant?: SubMenuVariants;
+} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
+type SubMenuProps = {
+    variant?: SubMenuVariants;
+} & React.HTMLAttributes<HTMLUListElement> & BaseProps<HTMLUListElement>;
+declare function SubMenuBase({ children, className, variant, ...props }: SubMenuProps): import("react/jsx-runtime").JSX.Element;
+type SubNavActionProps = {
+    /**
+     * Required path or location for the action button to link to.
+     */
+    href: string;
+    /**
+     * Optional sizes for the button.
+     */
+    size?: (typeof ButtonSizes)[number];
+    /**
+     * Optional sizes for the button.
+     */
+    variant?: (typeof ButtonVariants)[number];
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
+declare function ActionBase({ children, href, variant, size, ...rest }: SubNavActionProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Use SubNav to display a secondary navigation beneath a primary header.
+ * @see https://primer.style/brand/components/SubNav
+ */
+export declare const SubNav: React.NamedExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Heading: ({ href, children, className, "data-testid": testID, ...props }: HeadingBaseProps) => import("react/jsx-runtime").JSX.Element;
+    SubHeading: ({ href, children, className, "data-testid": testID, ...props }: SubHeadingBaseProps) => import("react/jsx-runtime").JSX.Element;
+    Link: React.ForwardRefExoticComponent<Omit<LinkBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLDivElement>>;
+    Action: typeof ActionBase;
+    SubMenu: typeof SubMenuBase;
+    testIds: {
+        root: string;
+        readonly button: string;
+        readonly overlay: string;
+        readonly link: string;
+        readonly heading: string;
+        readonly action: string;
+        readonly subMenu: string;
+    };
+};
+export {};
+//# sourceMappingURL=SubNav.d.ts.map

package/esm/SubNav/SubNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAYZ,KAAK,iBAAiB,EAEtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EAAS,WAAW,EAAE,cAAc,EAAQ,SAAS,EAA+B,MAAM,IAAI,CAAA;AAWrG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD;;GAEG;AACH,OAAO,8FAA8F,CAAA;AACrG,OAAO,2GAA2G,CAAA;AA4BlH,eAAO,MAAM,qBAAqB,iCAAkC,CAAA;AACpE,KAAK,eAAe,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC5C,CAAA;AAID,eAAO,MAAM,gBAAgB,yBAM5B,CAAA;AA6CD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AA8PhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAe9B,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAe9B,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AA6J9B,KAAK,YAAY,GAAG;IAClB,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GACxC,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAE7B,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAoB,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,2CAgEvF;AAED,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;CAC1C,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAE/D,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAkB,EAAE,IAAc,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,2CAenG;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;8EA9SgE,gBAAgB;iFAmBb,mBAAmB;;;;;;;;;;;;;CAkSvG,CAAA"}

package/esm/SubNav/SubNav.js

@@ -0,0 +1,343 @@
+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 { 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                                                                                        */
+/* empty css                                                                                                     */
+import p from "./SubNav.module.js";
+import m, { Children as h, createContext as g, forwardRef as _, isValidElement as v, memo as y, useCallback as b, useContext as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { createPortal as O } from "react-dom";
+//#region src/SubNav/SubNav.tsx
+var k = {
+	root: "SubNav-root",
+	get button() {
+		return `${this.root}-button`;
+	},
+	get overlay() {
+		return `${this.root}-overlay`;
+	},
+	get link() {
+		return `${this.root}-link`;
+	},
+	get heading() {
+		return `${this.root}-heading`;
+	},
+	get action() {
+		return `${this.root}-action`;
+	},
+	get subMenu() {
+		return `${this.root}-sub-menu`;
+	}
+}, A = ["dropdown", "anchor"], j = g(void 0), M = () => {
+	let e = x(j);
+	if (!e) throw Error("useSubNavContext must be used within a SubNavProvider");
+	return e;
+};
+function N({ children: t }) {
+	let n = m.useRef(null), r = m.useRef(null), i = C(() => ({ portalRef: r }), []);
+	return S(() => {
+		let e = n.current, t = new IntersectionObserver(([e]) => {
+			e.target.classList.toggle(p["SubNav__anchor-menu-outer-container--stuck"], e.intersectionRatio < 1);
+		}, { threshold: [1] });
+		return e && t.observe(e), () => {
+			e && t.unobserve(e);
+		};
+	}, []), /* @__PURE__ */ D(j.Provider, {
+		value: i,
+		children: [t, /* @__PURE__ */ E("div", {
+			className: p["SubNav__anchor-menu-outer-container"],
+			ref: n,
+			children: /* @__PURE__ */ E("div", {
+				className: e(p["SubNav__anchor-menu-container"]),
+				ref: r
+			})
+		})]
+	});
+}
+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();
+	d({
+		containerRef: A,
+		disabled: !L
+	});
+	let W = h.toArray(s), G = b(() => {
+		U || V(!1);
+	}, [U]), K = b(() => {
+		U || V((e) => !e);
+	}, [U]);
+	l(A, G), u(G), S(() => {
+		let e = j.current, t = () => {
+			if (e) {
+				let t = e.getBoundingClientRect().top;
+				e.style.setProperty("--subnav-available-height", `${window.innerHeight - t}px`);
+			}
+		};
+		return L && !U ? (document.body.style.overflow = "hidden", t(), window.addEventListener("resize", t)) : (document.body.style.overflow = "auto", e && e.style.removeProperty("--subnav-available-height")), () => {
+			document.body.style.overflow = "auto", window.removeEventListener("resize", t), e && e.style.removeProperty("--subnav-available-height");
+		};
+	}, [L, U]);
+	let q = W.find((e) => v(e) && !!e.props["aria-current"]);
+	S(() => {
+		te(W.some((e) => {
+			if (v(e) && e.type === R) {
+				let t = h.toArray(e.props.children)[1];
+				if (v(t) && t.type === z && t.props.variant === "anchor") return !0;
+			}
+			return !1;
+		}));
+	}, [W]);
+	let { heading: J, subheading: Y, links: X, action: ne } = W.reduce((e, t) => {
+		if (v(t)) if (t.type === F) e.heading = t;
+		else if (t.type === I) e.subheading = t;
+		else if (t.type === R) {
+			let n = t, [r, i] = h.toArray(n.props.children), a = v(i) && i.type === z && i.props.variant === "anchor";
+			e.links.push(m.cloneElement(n, {
+				...a ? { children: [r] } : {},
+				onClick: n.props["aria-current"] ? G : n.props.onClick
+			}));
+		} else t.type === B && (e.action = t);
+		return e;
+	}, {
+		heading: void 0,
+		subheading: void 0,
+		links: [],
+		action: void 0
+	}), re = q ? h.toArray(q.props.children) : [], Z = re[0], Q = re[1], ie = v(Q) && Q.type === z && Q.props.variant === "anchor" ? Q : null, $ = v(Y) && Y.type === I && !!Y.props["aria-current"], ae = C(() => /* @__PURE__ */ E("div", {
+		className: e(p["SubNav__overlay-toggle"], L && p["SubNav__overlay-toggle--open"]),
+		children: /* @__PURE__ */ E("span", {
+			className: e(p["SubNav__overlay-toggle-content"], !Z && p["SubNav__overlay-toggle-content--end"]),
+			children: /* @__PURE__ */ D("button", {
+				ref: P,
+				className: p["SubNav__overlay-toggle-label"],
+				"data-testid": k.button,
+				onClick: L ? G : K,
+				"aria-expanded": L ? "true" : "false",
+				"aria-controls": H,
+				"aria-label": Z ? `Navigation menu. Current page: ${Z}` : "Navigation menu",
+				children: [Z && /* @__PURE__ */ E(r, {
+					as: "span",
+					size: "100",
+					children: Z
+				}), E(L ? a : i, {
+					className: p["SubNav__overlay-toggle-icon"],
+					size: 13
+				})]
+			})
+		})
+	}), [
+		Z,
+		G,
+		K,
+		H,
+		L
+	]);
+	return /* @__PURE__ */ E("div", {
+		ref: O,
+		className: e(p.SubNav__container, Y && p["SubNav--has-sub-heading"], Y && $ && p["SubNav--subHeadingActive"], ee && p["SubNav__container--with-anchor-nav"]),
+		children: /* @__PURE__ */ E(N, { children: /* @__PURE__ */ E("nav", {
+			ref: j,
+			id: o,
+			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", {
+				ref: A,
+				className: p["SubNav--header-container-outer"],
+				children: [
+					/* @__PURE__ */ D("div", {
+						className: p["SubNav__header-container"],
+						children: [
+							J && /* @__PURE__ */ E("div", {
+								className: p["SubNav__heading-container"],
+								children: J
+							}),
+							Y && /* @__PURE__ */ E("div", {
+								className: e(p["SubNav__heading-container"], p["SubNav__subheading-container"], $ && p["SubNav__subheading-container-active"]),
+								children: Y
+							}),
+							!U && (!Y || $) && ae,
+							ie && ie
+						]
+					}),
+					!U && Y && !$ && ae,
+					X.length > 0 && /* @__PURE__ */ D("ul", {
+						ref: M,
+						id: H,
+						className: e(p["SubNav__links-overlay"], L && p["SubNav__links-overlay--open"]),
+						"data-testid": k.overlay,
+						children: [X, ne && /* @__PURE__ */ E("li", {
+							className: p["SubNav__action-container"],
+							children: ne
+						})]
+					})
+				]
+			})
+		}) })
+	});
+})), F = ({ href: t, children: n, className: r, "data-testid": i, ...a }) => /* @__PURE__ */ E("a", {
+	href: t,
+	className: e(p.SubNav__heading, r),
+	"data-testid": k.heading || i,
+	...a,
+	children: n
+}), I = ({ href: t, children: n, className: r, "data-testid": i, ...a }) => /* @__PURE__ */ E("a", {
+	href: t,
+	className: e(p.SubNav__heading, p.SubNav__link, p.SubNav__subHeading, r),
+	"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);
+	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(() => {
+		A.current && A.current.toggleAttribute("inert", y && !x);
+	}, [y, x]);
+	let [F, I] = a;
+	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,
+		ref: O,
+		onMouseOver: j,
+		onMouseOut: M,
+		onFocus: () => null,
+		onBlur: () => null,
+		children: [
+			/* @__PURE__ */ E("a", {
+				href: o,
+				className: e(p.SubNav__link, s && p["SubNav__link--active"], d),
+				"aria-current": s,
+				...g,
+				children: /* @__PURE__ */ E(r, {
+					as: "span",
+					size: "100",
+					weight: "medium",
+					className: p["SubNav__link-label"],
+					children: F
+				})
+			}),
+			y && /* @__PURE__ */ E("button", {
+				className: p["SubNav__sub-menu-toggle"],
+				onClick: N,
+				"aria-expanded": x ? "true" : "false",
+				"aria-controls": v,
+				"aria-label": `${F?.toString().trim()} submenu`,
+				children: /* @__PURE__ */ E(i, {
+					className: p["SubNav__sub-menu-icon"],
+					size: 16
+				})
+			}),
+			/* @__PURE__ */ E("div", {
+				id: v,
+				className: p["SubNav__sub-menu-children"],
+				ref: A,
+				children: I
+			})
+		]
+	});
+}), R = _((t, n) => {
+	let [i, a] = T(!1), o = h.toArray(t.children), s = o.some((e) => {
+		if (v(e)) return e.type === z;
+	});
+	if (S(() => {
+		if (s) return;
+		let e = t.href.replace("#", ""), n = document.getElementById(e);
+		if (!n) return;
+		let r = new IntersectionObserver(([e]) => {
+			a(e.isIntersecting);
+		}, {
+			threshold: 0,
+			root: null,
+			rootMargin: "0px 0px -100%"
+		});
+		return r.observe(n), () => r.disconnect();
+	}, [s, t.href]), s) {
+		let e = o.some((e) => v(e) && e.type === z && e.props.variant === "anchor");
+		return /* @__PURE__ */ E("li", { children: /* @__PURE__ */ E(L, {
+			ref: n,
+			...t,
+			_subMenuVariant: e ? "anchor" : void 0
+		}) });
+	}
+	let { children: c, href: l, "aria-current": u, "data-testid": d, variant: f, className: m, ...g } = t;
+	return /* @__PURE__ */ E("li", { children: /* @__PURE__ */ E("a", {
+		href: l,
+		className: e(p.SubNav__link, u && p["SubNav__link--active"], i && p["SubNav__link--is-in-view"], m),
+		"aria-current": u,
+		"data-testid": d || k.link,
+		ref: n,
+		...g,
+		children: /* @__PURE__ */ E(r, {
+			as: "span",
+			size: "100",
+			weight: "medium",
+			className: p["SubNav__link-label"],
+			children: c
+		})
+	}) });
+});
+function z({ children: t, className: n, variant: r = "dropdown", ...i }) {
+	let a = m.useContext(j), o = w(null), { isLarge: l } = c();
+	return S(() => {
+		let e = (e) => {
+			o.current && !o.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,
+		className: e(p["SubNav__sub-menu"], p["SubNav__sub-menu--anchor"], n),
+		role: "navigation",
+		"aria-label": "Sub navigation",
+		children: /* @__PURE__ */ E("ul", {
+			className: p["SubNav__sub-menu-list"],
+			...i,
+			children: m.Children.map(t, (e) => v(e) && e.type === R ? m.cloneElement(e, { onClick: (t) => {
+				e.props.onClick?.(t);
+			} }) : null)
+		})
+	}), a.portalRef.current) : /* @__PURE__ */ E(l ? s : m.Fragment, {
+		...l ? { colorMode: "light" } : {},
+		children: /* @__PURE__ */ E("ul", {
+			className: e(p["SubNav__sub-menu"], p[`SubNav__sub-menu--${r}`], n),
+			...i,
+			children: t
+		})
+	});
+}
+function B({ children: e, href: t, variant: n = "accent", size: r = "small", ...i }) {
+	return /* @__PURE__ */ E(o, {
+		className: p.SubNav__action,
+		as: "a",
+		href: t,
+		variant: n,
+		hasArrow: !1,
+		"data-testid": k.action,
+		size: r,
+		...i,
+		children: e
+	});
+}
+var V = Object.assign(P, {
+	Heading: F,
+	SubHeading: I,
+	Link: R,
+	Action: B,
+	SubMenu: z,
+	testIds: k
+});
+//#endregion
+export { V as SubNav, A as SubNavSubMenuVariants, M as useSubNavContext };
+
+//# sourceMappingURL=SubNav.js.map

package/esm/SubNav/SubNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNav.js","names":[],"sources":["../../src/SubNav/SubNav.tsx"],"sourcesContent":["import React, {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type PropsWithChildren,\n  type ReactNode,\n  type RefObject,\n} from 'react'\nimport {Button, ButtonSizes, ButtonVariants, Text, TextProps, ThemeProvider, useWindowSize} from '..'\n\nimport {clsx} from 'clsx'\nimport {TriangleDownIcon, TriangleUpIcon} from '@primer/octicons-react'\nimport {useId} from '../hooks/useId'\nimport {useKeyboardEscape} from '../hooks/useKeyboardEscape'\nimport {useOnClickOutside} from '../hooks/useOnClickOutside'\nimport {useFocusTrap} from '../hooks/useFocusTrap'\nimport {useProvidedRefOrCreate} from '../hooks/useRef'\nimport {useContainsFocus} from './useContainsFocus'\n\nimport type {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './SubNav.module.css'\nimport {createPortal} from 'react-dom'\n\nconst testIds = {\n  root: 'SubNav-root',\n  get button() {\n    return `${this.root}-button`\n  },\n  get overlay() {\n    return `${this.root}-overlay`\n  },\n  get link() {\n    return `${this.root}-link`\n  },\n  get heading() {\n    return `${this.root}-heading`\n  },\n  get action() {\n    return `${this.root}-action`\n  },\n  get subMenu() {\n    return `${this.root}-sub-menu`\n  },\n}\n\nexport const SubNavSubMenuVariants = ['dropdown', 'anchor'] as const\ntype SubMenuVariants = (typeof SubNavSubMenuVariants)[number]\n\ntype SubNavContextType = {\n  portalRef: RefObject<HTMLDivElement | null>\n}\n\nconst SubNavContext = createContext<SubNavContextType | undefined>(undefined)\n\nexport const useSubNavContext = () => {\n  const context = useContext(SubNavContext)\n  if (!context) {\n    throw new Error('useSubNavContext must be used within a SubNavProvider')\n  }\n  return context\n}\n\nfunction SubNavProvider({children}: {children: React.ReactNode}) {\n  const anchoredNavOuterPortalRef = React.useRef<HTMLDivElement>(null)\n  const anchoredNavPortalRef = React.useRef<HTMLDivElement>(null)\n\n  const value = useMemo(\n    () => ({\n      portalRef: anchoredNavPortalRef,\n    }),\n    [],\n  )\n\n  useEffect(() => {\n    const menuContainer = anchoredNavOuterPortalRef.current\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        entry.target.classList.toggle(styles['SubNav__anchor-menu-outer-container--stuck'], entry.intersectionRatio < 1)\n      },\n      {threshold: [1]},\n    )\n\n    if (menuContainer) {\n      observer.observe(menuContainer)\n    }\n\n    return () => {\n      if (menuContainer) {\n        observer.unobserve(menuContainer)\n      }\n    }\n  }, [])\n\n  return (\n    <SubNavContext.Provider value={value}>\n      {children}\n\n      <div className={styles['SubNav__anchor-menu-outer-container']} ref={anchoredNavOuterPortalRef}>\n        <div className={clsx(styles['SubNav__anchor-menu-container'])} ref={anchoredNavPortalRef} />\n      </div>\n    </SubNavContext.Provider>\n  )\n}\n\nexport type SubNavProps = {\n  /**\n   * @deprecated The hasShadow prop is deprecated and will be removed in a future release.\n   */\n  hasShadow?: boolean\n  /**\n   * Allows the SubNav to be used at full width,\n   * removing any internal padding and guttering.\n   */\n  fullWidth?: boolean\n  'data-testid'?: string\n} & PropsWithChildren<BaseProps<HTMLDivElement>>\n\nconst SubNavRoot = memo(\n  forwardRef<HTMLDivElement, SubNavProps>(\n    ({id, children, className, 'data-testid': testId, fullWidth, hasShadow}, ref) => {\n      const rootRef = useProvidedRefOrCreate<HTMLDivElement>(ref as RefObject<HTMLDivElement>)\n      const innerRootRef = React.useRef<HTMLDivElement>(null)\n      const navRef = React.useRef<HTMLElement>(null)\n      const overlayRef = React.useRef<HTMLUListElement>(null)\n      const narrowButtonRef = useRef<HTMLButtonElement>(null)\n      const [isOpenAtNarrow, setIsOpenAtNarrow] = useState(false)\n      const idForLinkContainer = useId()\n      const [hasAnchoredNav, setHasAnchoredNav] = useState(false)\n\n      const {isLarge} = useWindowSize()\n\n      useFocusTrap({containerRef: innerRootRef, disabled: !isOpenAtNarrow})\n\n      const childrenArr = Children.toArray(children)\n\n      const closeMenuCallback = useCallback(() => {\n        if (isLarge) return\n        setIsOpenAtNarrow(false)\n      }, [isLarge])\n\n      const handleMenuToggle = useCallback(() => {\n        if (isLarge) return\n        setIsOpenAtNarrow(prev => !prev)\n      }, [isLarge])\n\n      useOnClickOutside(innerRootRef, closeMenuCallback)\n      useKeyboardEscape(closeMenuCallback)\n\n      useEffect(() => {\n        const navElement = navRef.current\n\n        const updateAvailableHeight = () => {\n          if (navElement) {\n            const navTop = navElement.getBoundingClientRect().top\n            navElement.style.setProperty('--subnav-available-height', `${window.innerHeight - navTop}px`)\n          }\n        }\n\n        if (isOpenAtNarrow && !isLarge) {\n          document.body.style.overflow = 'hidden'\n          updateAvailableHeight()\n          // eslint-disable-next-line github/prefer-observers\n          window.addEventListener('resize', updateAvailableHeight)\n        } else {\n          document.body.style.overflow = 'auto'\n\n          if (navElement) {\n            navElement.style.removeProperty('--subnav-available-height')\n          }\n        }\n\n        return () => {\n          document.body.style.overflow = 'auto'\n          window.removeEventListener('resize', updateAvailableHeight)\n\n          if (navElement) {\n            navElement.style.removeProperty('--subnav-available-height')\n          }\n        }\n      }, [isOpenAtNarrow, isLarge])\n\n      const activeLink = childrenArr.find(child => {\n        return isValidElement<LinkBaseProps>(child) && Boolean(child.props['aria-current'])\n      }) as React.ReactElement<LinkBaseProps> | undefined\n\n      useEffect(() => {\n        // check if there is an anchored nav in the SubNav.SubMenu child\n        const hasAnchorVariant = childrenArr.some(child => {\n          if (isValidElement<LinkBaseProps>(child) && child.type === LinkBase) {\n            const childNodes = Children.toArray(child.props.children)\n            const maybeSubMenu = childNodes[1]\n            if (\n              isValidElement<SubMenuProps>(maybeSubMenu) &&\n              maybeSubMenu.type === SubMenuBase &&\n              maybeSubMenu.props.variant === 'anchor'\n            ) {\n              return true\n            }\n          }\n          return false\n        })\n        setHasAnchoredNav(hasAnchorVariant)\n      }, [childrenArr])\n\n      const {\n        heading: HeadingChild,\n        subheading: SubHeadingChild,\n        links: LinkChildren,\n        action: ActionChild,\n      } = childrenArr.reduce(\n        (\n          acc: {\n            heading?: React.ReactElement<HeadingBaseProps>\n            subheading?: React.ReactElement<SubHeadingBaseProps>\n            links: React.ReactElement<LinkBaseProps>[]\n            action?: React.ReactElement<SubNavActionProps>\n          },\n          child,\n        ) => {\n          if (isValidElement(child)) {\n            if (child.type === HeadingBase) {\n              acc.heading = child as React.ReactElement<HeadingBaseProps>\n            } else if (child.type === SubHeadingBase) {\n              acc.subheading = child as React.ReactElement<SubHeadingBaseProps>\n            } else if (child.type === LinkBase) {\n              const linkChild = child as React.ReactElement<LinkBaseProps>\n              const childNodes = Children.toArray(linkChild.props.children)\n              const [link, subMenu] = childNodes\n              const isAnchorVariant =\n                isValidElement<SubMenuProps>(subMenu) &&\n                subMenu.type === SubMenuBase &&\n                subMenu.props.variant === 'anchor'\n\n              acc.links.push(\n                React.cloneElement(linkChild, {\n                  ...(isAnchorVariant ? {children: [link]} : {}),\n                  onClick: linkChild.props['aria-current'] ? closeMenuCallback : linkChild.props.onClick,\n                }),\n              )\n            } else if (child.type === ActionBase) {\n              acc.action = child as React.ReactElement<SubNavActionProps>\n            }\n          }\n          return acc\n        },\n        {heading: undefined, subheading: undefined, links: [], action: undefined},\n      )\n\n      const activeLinkChildren = activeLink ? Children.toArray(activeLink.props.children) : []\n      const activeLinklabel = activeLinkChildren[0]\n\n      // needed to prevent rendering of anchor subnav inside the narrow <button> element\n      const maybeSubMenu = activeLinkChildren[1]\n      const MaybeSubNav =\n        isValidElement<SubMenuProps>(maybeSubMenu) &&\n        maybeSubMenu.type === SubMenuBase &&\n        maybeSubMenu.props.variant === 'anchor'\n          ? maybeSubMenu\n          : null\n\n      const subHeadingIsActive =\n        isValidElement<SubHeadingBaseProps>(SubHeadingChild) &&\n        SubHeadingChild.type === SubHeadingBase &&\n        Boolean(SubHeadingChild.props['aria-current'])\n\n      const NarrowButton = useMemo(\n        () => (\n          <div\n            className={clsx(styles['SubNav__overlay-toggle'], isOpenAtNarrow && styles['SubNav__overlay-toggle--open'])}\n          >\n            <span\n              className={clsx(\n                styles['SubNav__overlay-toggle-content'],\n                !activeLinklabel && styles['SubNav__overlay-toggle-content--end'],\n              )}\n            >\n              <button\n                ref={narrowButtonRef}\n                className={styles['SubNav__overlay-toggle-label']}\n                data-testid={testIds.button}\n                onClick={isOpenAtNarrow ? closeMenuCallback : handleMenuToggle}\n                aria-expanded={isOpenAtNarrow ? 'true' : 'false'}\n                aria-controls={idForLinkContainer}\n                aria-label={activeLinklabel ? `Navigation menu. Current page: ${activeLinklabel}` : 'Navigation menu'}\n              >\n                {activeLinklabel && (\n                  <Text as=\"span\" size=\"100\">\n                    {activeLinklabel}\n                  </Text>\n                )}\n                {isOpenAtNarrow ? (\n                  <TriangleUpIcon className={styles['SubNav__overlay-toggle-icon']} size={13} />\n                ) : (\n                  <TriangleDownIcon className={styles['SubNav__overlay-toggle-icon']} size={13} />\n                )}\n              </button>\n            </span>\n          </div>\n        ),\n        [activeLinklabel, closeMenuCallback, handleMenuToggle, idForLinkContainer, isOpenAtNarrow],\n      )\n\n      return (\n        <div\n          ref={rootRef}\n          className={clsx(\n            styles['SubNav__container'],\n            SubHeadingChild && styles['SubNav--has-sub-heading'],\n            SubHeadingChild && subHeadingIsActive && styles['SubNav--subHeadingActive'],\n            hasAnchoredNav && styles['SubNav__container--with-anchor-nav'],\n          )}\n        >\n          <SubNavProvider>\n            <nav\n              ref={navRef}\n              id={id}\n              className={clsx(\n                styles.SubNav,\n                isOpenAtNarrow && styles['SubNav--open'],\n                hasShadow && styles['SubNav--has-shadow'],\n                fullWidth && styles['SubNav--full-width'],\n                className,\n              )}\n              data-testid={testId || testIds.root}\n            >\n              <div ref={innerRootRef} className={styles['SubNav--header-container-outer']}>\n                <div className={styles['SubNav__header-container']}>\n                  {HeadingChild && <div className={styles['SubNav__heading-container']}>{HeadingChild}</div>}\n\n                  {SubHeadingChild && (\n                    <div\n                      className={clsx(\n                        styles['SubNav__heading-container'],\n                        styles['SubNav__subheading-container'],\n                        subHeadingIsActive && styles['SubNav__subheading-container-active'],\n                      )}\n                    >\n                      {SubHeadingChild}\n                    </div>\n                  )}\n\n                  {!isLarge && (!SubHeadingChild || subHeadingIsActive) && NarrowButton}\n\n                  {MaybeSubNav && MaybeSubNav}\n                </div>\n                {!isLarge && SubHeadingChild && !subHeadingIsActive && NarrowButton}\n                {LinkChildren.length > 0 && (\n                  <ul\n                    ref={overlayRef}\n                    id={idForLinkContainer}\n                    className={clsx(\n                      styles['SubNav__links-overlay'],\n                      isOpenAtNarrow && styles['SubNav__links-overlay--open'],\n                    )}\n                    data-testid={testIds.overlay}\n                  >\n                    {LinkChildren}\n                    {ActionChild && <li className={styles['SubNav__action-container']}>{ActionChild}</li>}\n                  </ul>\n                )}\n              </div>\n            </nav>\n          </SubNavProvider>\n        </div>\n      )\n    },\n  ),\n)\n\ntype HeadingBaseProps = {\n  href: string\n  'data-testid'?: string\n} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> &\n  BaseProps<HTMLAnchorElement>\n\nconst HeadingBase = ({href, children, className, 'data-testid': testID, ...props}: HeadingBaseProps) => {\n  return (\n    <a\n      href={href}\n      className={clsx(styles['SubNav__heading'], className)}\n      data-testid={testIds.heading || testID}\n      {...props}\n    >\n      {children}\n    </a>\n  )\n}\n\ntype SubHeadingBaseProps = {\n  href: string\n  'data-testid'?: string\n} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> &\n  BaseProps<HTMLAnchorElement>\n\nconst SubHeadingBase = ({href, children, className, 'data-testid': testID, ...props}: SubHeadingBaseProps) => {\n  return (\n    <a\n      href={href}\n      className={clsx(styles['SubNav__heading'], styles['SubNav__link'], styles['SubNav__subHeading'], className)}\n      data-testid={testIds.heading || testID}\n      {...props}\n    >\n      {children}\n    </a>\n  )\n}\n\ntype LinkBaseProps = {\n  href: string\n  'data-testid'?: string\n  variant?: TextProps['variant']\n  _subMenuVariant?: SubMenuVariants\n} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> &\n  BaseProps<HTMLAnchorElement>\n\nconst LinkBaseWithSubmenu = forwardRef<HTMLDivElement, LinkBaseProps>(\n  (\n    {children, href, 'aria-current': ariaCurrent, 'data-testid': testId, className, _subMenuVariant, variant, ...props},\n    forwardedRef,\n  ) => {\n    const submenuId = useId()\n    const {isLarge} = useWindowSize()\n\n    const [isExpanded, setIsExpanded] = useState(false)\n    const ref = useProvidedRefOrCreate(forwardedRef as RefObject<HTMLDivElement>)\n    const subMenuChildrenRef = useRef<HTMLDivElement>(null)\n\n    useContainsFocus(ref, (containsFocus: boolean) => {\n      if (!containsFocus) {\n        setIsExpanded(false)\n      }\n    })\n\n    const expand = useCallback(() => setIsExpanded(true), [])\n    const collapse = useCallback(() => setIsExpanded(false), [])\n    const toggleExpanded = useCallback(() => setIsExpanded(prev => !prev), [])\n    const isAriaCurrent = Boolean(ariaCurrent) && ariaCurrent !== 'false'\n\n    useKeyboardEscape(collapse)\n\n    useEffect(() => {\n      if (subMenuChildrenRef.current) {\n        // Workaround to avoid React 18 / 19 type mismatches with the `inert` attribute.\n        // This approach won't immediately apply the attribute in pure SSR contexts, only post-hydration\n        // TODO: Move back to JSX when React 19 is fully adopted in Dotcom.\n        // `inert` removes the collapsed submenu from tab order and the accessibility tree\n        // without affecting visual appearance\n        subMenuChildrenRef.current.toggleAttribute('inert', isLarge && !isExpanded)\n      }\n    }, [isLarge, isExpanded])\n\n    const [label, SubMenuChildren] = children as ReactNode[]\n\n    return (\n      <div\n        className={clsx(\n          styles['SubNav__link--has-sub-menu'],\n          isExpanded && styles['SubNav__link--expanded'],\n          isAriaCurrent && styles['SubNav__link--has-active-sub-menu'],\n        )}\n        data-testid={testId || testIds.subMenu}\n        ref={ref}\n        onMouseOver={expand}\n        onMouseOut={collapse}\n        /**\n         * onFocus and onBlur need to be defined to keep the jsx-a11y/mouse-events-have-key-events\n         * eslint rule happy. The focus/blur behaviour is handled by useContainsFocus\n         */\n        onFocus={() => null}\n        onBlur={() => null}\n      >\n        <a\n          href={href}\n          className={clsx(styles['SubNav__link'], ariaCurrent && styles['SubNav__link--active'], className)}\n          aria-current={ariaCurrent}\n          {...props}\n        >\n          <Text as=\"span\" size=\"100\" weight=\"medium\" className={styles['SubNav__link-label']}>\n            {label}\n          </Text>\n        </a>\n        {isLarge && (\n          <button\n            className={styles['SubNav__sub-menu-toggle']}\n            onClick={toggleExpanded}\n            aria-expanded={isExpanded ? 'true' : 'false'}\n            aria-controls={submenuId}\n            aria-label={`${label?.toString().trim()} submenu`}\n          >\n            <TriangleDownIcon className={styles['SubNav__sub-menu-icon']} size={16} />\n          </button>\n        )}\n\n        <div id={submenuId} className={styles['SubNav__sub-menu-children']} ref={subMenuChildrenRef}>\n          {SubMenuChildren}\n        </div>\n      </div>\n    )\n  },\n)\n\nconst LinkBase = forwardRef<HTMLAnchorElement | HTMLDivElement, LinkBaseProps>((props, ref) => {\n  const [isInView, setIsInView] = useState(false)\n  const childrenArr = Children.toArray(props.children)\n\n  const hasSubMenu = childrenArr.some(child => {\n    if (isValidElement(child)) {\n      return child.type === SubMenuBase\n    }\n  })\n\n  useEffect(() => {\n    if (hasSubMenu) return\n    const targetId = props.href.replace('#', '')\n    const target = document.getElementById(targetId)\n    if (!target) return\n\n    const topOfWindow = '0px 0px -100%'\n    const observerParams = {threshold: 0, root: null, rootMargin: topOfWindow}\n\n    const handleIntersectionUpdate: IntersectionObserverCallback = ([entry]) => {\n      setIsInView(entry.isIntersecting)\n    }\n\n    const observer = new IntersectionObserver(handleIntersectionUpdate, observerParams)\n    observer.observe(target)\n    return () => observer.disconnect()\n  }, [hasSubMenu, props.href])\n\n  if (hasSubMenu) {\n    const isAnchorVariantSubMenu = childrenArr.some(child => {\n      return isValidElement<SubMenuProps>(child) && child.type === SubMenuBase && child.props.variant === 'anchor'\n    })\n\n    return (\n      <li>\n        <LinkBaseWithSubmenu\n          ref={ref as RefObject<HTMLDivElement>}\n          {...props}\n          _subMenuVariant={isAnchorVariantSubMenu ? 'anchor' : undefined}\n        />\n      </li>\n    )\n  }\n\n  const {children, href, 'aria-current': ariaCurrent, 'data-testid': testId, variant, className, ...rest} = props\n\n  return (\n    <li>\n      <a\n        href={href}\n        className={clsx(\n          styles['SubNav__link'],\n          ariaCurrent && styles['SubNav__link--active'],\n          isInView && styles['SubNav__link--is-in-view'],\n          className,\n        )}\n        aria-current={ariaCurrent}\n        data-testid={testId || testIds.link}\n        ref={ref as RefObject<HTMLAnchorElement>}\n        {...rest}\n      >\n        <Text as=\"span\" size=\"100\" weight=\"medium\" className={styles['SubNav__link-label']}>\n          {children}\n        </Text>\n      </a>\n    </li>\n  )\n})\n\ntype SubMenuProps = {\n  variant?: SubMenuVariants\n} & React.HTMLAttributes<HTMLUListElement> &\n  BaseProps<HTMLUListElement>\n\nfunction SubMenuBase({children, className, variant = 'dropdown', ...props}: SubMenuProps) {\n  const context = React.useContext(SubNavContext)\n  const navRef = useRef<HTMLElement>(null)\n\n  const {isLarge} = useWindowSize()\n\n  /**\n   * Effect is needed to prevent the bubbling of onClick events to the overlay trigger.\n   * Removing this effect will cause clicks on the anchor nav element to toggle the overlay.\n   */\n  useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      if (navRef.current && !navRef.current.contains(e.target as Node)) {\n        return\n      }\n\n      if (!(e.target instanceof HTMLAnchorElement)) {\n        e.stopPropagation()\n      }\n    }\n\n    if (variant === 'anchor') {\n      document.addEventListener('click', handleClick, true) // Capture phase\n    }\n\n    return () => {\n      document.removeEventListener('click', handleClick, true)\n    }\n  }, [variant])\n\n  if (variant === 'anchor' && context?.portalRef.current) {\n    return createPortal(\n      <nav\n        ref={navRef}\n        className={clsx(styles['SubNav__sub-menu'], styles['SubNav__sub-menu--anchor'], className)}\n        role=\"navigation\"\n        aria-label=\"Sub navigation\"\n      >\n        <ul className={styles['SubNav__sub-menu-list']} {...props}>\n          {React.Children.map(children, child => {\n            if (isValidElement<LinkBaseProps>(child) && child.type === LinkBase) {\n              return React.cloneElement(child, {\n                onClick: e => {\n                  child.props.onClick?.(e)\n                },\n              })\n            }\n            return null\n          })}\n        </ul>\n      </nav>,\n      context.portalRef.current,\n    )\n  } else {\n    const Tag = isLarge ? ThemeProvider : React.Fragment\n\n    return (\n      <Tag {...(isLarge ? {colorMode: 'light'} : {})}>\n        <ul className={clsx(styles['SubNav__sub-menu'], styles[`SubNav__sub-menu--${variant}`], className)} {...props}>\n          {children}\n        </ul>\n      </Tag>\n    )\n  }\n}\n\ntype SubNavActionProps = {\n  /**\n   * Required path or location for the action button to link to.\n   */\n  href: string\n  /**\n   * Optional sizes for the button.\n   */\n  size?: (typeof ButtonSizes)[number]\n  /**\n   * Optional sizes for the button.\n   */\n  variant?: (typeof ButtonVariants)[number]\n} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>\n\nfunction ActionBase({children, href, variant = 'accent', size = 'small', ...rest}: SubNavActionProps) {\n  return (\n    <Button\n      className={styles['SubNav__action']}\n      as=\"a\"\n      href={href}\n      variant={variant}\n      hasArrow={false}\n      data-testid={testIds.action}\n      size={size}\n      {...rest}\n    >\n      {children}\n    </Button>\n  )\n}\n\n/**\n * Use SubNav to display a secondary navigation beneath a primary header.\n * @see https://primer.style/brand/components/SubNav\n */\nexport const SubNav = Object.assign(SubNavRoot, {\n  Heading: HeadingBase,\n  SubHeading: SubHeadingBase,\n  Link: LinkBase,\n  Action: ActionBase,\n  SubMenu: SubMenuBase,\n  testIds,\n})\n"],"mappings":"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"}

package/esm/SubNav/SubNav.module-CFXuWNmS.css

@@ -0,0 +1 @@
+.Primer_Brand__SubNav-module__SubNav__container___e4u9B{z-index:2;border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);width:100%;position:absolute}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj{display:inline;display:initial;position:relative}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav___txUks{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SubNav-module__SubNav___txUks{z-index:1;background-color:var(--brand-SubNav-bgColor);width:100%;display:flex}[data-color-mode=dark] .Primer_Brand__SubNav-module__SubNav___txUks{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs{font-size:calc(var(--base-size-16) - 1px);line-height:calc(var(--base-size-16) - 1px);font-weight:var(--brand-text-subhead-weight-medium);color:var(--brand-color-text-default);font-family:var(--brand-heading-fontFamily);-webkit-text-decoration:none;text-decoration:none;display:block}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r:hover,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs:hover,.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-muted);-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB{width:100%}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{z-index:9998;min-height:60px;padding:var(--base-size-16);border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE+.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--has-shadow___9iM59{box-shadow:var(--brand-SubNav-shadow);background-color:var(--brand-color-canvas-default)}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{margin-left:auto}.Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb{display:none!important}.Primer_Brand__SubNav-module__SubNav__sub-menu-children___5gfUK{display:contents}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{margin:0;padding:0;list-style:none}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1>span,.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018{display:none}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{z-index:91;position:sticky;top:-1px}.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{opacity:0;transform:translateY(var(--brand-animation-variant-slideInDown-distance));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default);background-color:#0000}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{opacity:1;background-color:var(--brand-color-canvas-default);transform:translateY(0)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{height:0;transition:height var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj{height:auto}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{opacity:0;transform:translateY(var(--brand-animation-variant-slideInDown-distance));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), height var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{visibility:visible;opacity:1;transform:translateY(0)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-block:var(--base-size-12);border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);display:flex}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__sub-menu-list___3rKmh{gap:var(--base-size-20);margin:0;padding:0;list-style-type:none;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-weight:450}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{padding:var(--base-size-6) var(--base-size-12);border-radius:var(--brand-borderRadius-full);transition:background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default), color var(--brand-animation-duration-default) var(--brand-animation-easing-default);background-color:#0000}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link--is-in-view___5HQNs .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{background-color:var(--brand-SubNav-color-link-bgColor)}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after,.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link--is-in-view___5HQNs:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{opacity:0}.Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) *{color:var(--brand-SubNav-color-link-active);-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{transition:color var(--brand-animation-duration-fast) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{border-color:var(--brand-color-text-default)}@media screen and (width<=63.24rem){.Primer_Brand__SubNav-module__SubNav___txUks{position:relative}.Primer_Brand__SubNav-module__SubNav___txUks:before{content:"";opacity:0;z-index:9997;position:absolute;inset:0}.Primer_Brand__SubNav-module__SubNav___txUks:after{content:"";z-index:-1;background-color:var(--base-color-scale-black-0);opacity:0;visibility:hidden;width:100%;height:100%;position:fixed;inset:0}.Primer_Brand__SubNav-module__SubNav--open___uMKHN:after{opacity:.3;visibility:visible;transition:visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default), opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r{font-size:var(--base-size-16);line-height:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--open___uMKHN{display:block}.Primer_Brand__SubNav-module__SubNav--open___uMKHN .Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB{max-height:100dvh;max-height:var(--subnav-available-height,100dvh);flex-direction:column;display:flex;overflow:hidden}.Primer_Brand__SubNav-module__SubNav--open___uMKHN .Primer_Brand__SubNav-module__SubNav__header-container___seaW6{flex-shrink:0}.Primer_Brand__SubNav-module__SubNav--open___uMKHN+.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{z-index:-1}.Primer_Brand__SubNav-module__SubNav--open___uMKHN:before{background-color:var(--brand-color-canvas-default);animation:Primer_Brand__SubNav-module__fade-in___6VxHj .3s var(--brand-animation-easing-glide) forwards}.Primer_Brand__SubNav-module__SubNav__heading-separator--main___6nQIi:not(.Primer_Brand__SubNav-module__SubNav__heading-separator--has-adjacent-label____My0U),.Primer_Brand__SubNav-module__SubNav__heading-separator--subheading-active___TGiD4,.Primer_Brand__SubNav-module__SubNav__subheading-container-active___NAyYL{display:none}.Primer_Brand__SubNav-module__SubNav__header-container___seaW6{white-space:pre;z-index:9998;width:100%;display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE+.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{z-index:9998;margin-inline-end:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{z-index:9998;padding-inline:var(--base-size-8);flex-direction:column;flex:auto;justify-content:center;display:none;position:relative}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{gap:var(--base-size-8);padding-block:var(--base-size-16);border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);flex-direction:column;justify-content:flex-start;min-height:0;display:flex;overflow-y:auto}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-default)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{z-index:9999;width:100%;justify-content:flex-end;padding-inline-end:var(--base-size-16);display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav--has-sub-heading___u6kR9:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___C7_mM) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block:var(--base-size-12);margin-block:0;display:block}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{width:100%;padding-inline-start:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___FRenU{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:var(--base-size-4) var(--base-size-12);gap:var(--base-size-6);cursor:pointer;font:inherit;border:none;align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey .Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{right:0}.Primer_Brand__SubNav-module__SubNav__link___rY_yE,.Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{-webkit-text-decoration:none;text-decoration:none;display:none}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{position:relative}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) *{color:var(--brand-SubNav-color-link-active)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-8)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:var(--base-size-2) var(--base-size-12) var(--base-size-4);margin-inline-start:var(--base-size-8);display:inline-block}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE,.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{animation:Primer_Brand__SubNav-module__fade-in___6VxHj .3s var(--brand-animation-easing-glide) forwards;display:block}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{padding-block:0}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action-container___Od_kP,.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action___Yrrhg{width:100%}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd{margin:0;padding:0;padding-block-start:var(--base-size-8);padding-inline-start:var(--base-size-16);list-style:none}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-default)!important}.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{z-index:99;width:100%;overflow:auto hidden}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{position:sticky;top:-1px}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:after{content:"";width:var(--base-size-32);background:linear-gradient(to left, var(--brand-color-canvas-default), transparent);pointer-events:none;z-index:100;position:absolute;top:0;bottom:0;right:0}.Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{padding-block-end:var(--base-size-6)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-16);padding-block-start:var(--base-size-16);padding-block-end:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__sub-menu-list___3rKmh{padding-inline-end:var(--base-size-32)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link___rY_yE{white-space:pre;top:var(--base-size-2);display:block;position:relative}}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-icon___Fo5xs{fill:var(--brand-color-text-default)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{align-items:center;gap:var(--base-size-8);display:flex}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content--end___zLnlL{justify-content:flex-end}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible,.Primer_Brand__SubNav-module__SubNav__heading___d8v1r:focus-visible,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs:focus-visible,.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018:focus-visible,.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___FRenU:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs{white-space:nowrap;display:block;position:relative}.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs[aria-current]:not([aria-current=false]){background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:var(--base-size-6) var(--base-size-12);border:none}@media screen and (width>=48rem){.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{padding-inline-start:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{padding:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-24)}}.Primer_Brand__SubNav-module__SubNav__heading-label___Bv69i{white-space:pre}@media screen and (width>=63.25rem){.Primer_Brand__SubNav-module__SubNav___txUks{z-index:92;padding-inline:var(--base-size-32);align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{padding:0}.Primer_Brand__SubNav-module__SubNav___txUks:has(+.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_){padding-block-end:0}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:0}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{display:none}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav__heading___d8v1r{padding-block-end:1px}.Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{margin-inline-end:var(--base-size-20);display:inline-flex;top:0}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{top:-1px}.Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB,.Primer_Brand__SubNav-module__SubNav__header-container___seaW6{align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{align-items:center;gap:var(--base-size-2);z-index:92;flex-grow:1;padding-inline-start:var(--base-size-24);display:flex}.Primer_Brand__SubNav-module__SubNav__link___rY_yE{transition:color .2s var(--brand-animation-easing-glide);padding:var(--base-size-4) var(--base-size-12);border-radius:var(--brand-borderRadius-full);position:relative;-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{padding:var(--base-size-4) 0}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p:after{content:"";bottom:calc(var(--base-size-12) * -1);width:100%;height:var(--base-size-12);background:0 0;position:absolute;left:0}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU{background-clip:padding-box;background-color:var(--brand-color-canvas-default);border:var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-8);z-index:9998;transition-timing-function:var(--brand-animation-easing-glide);transition-duration:var(--brand-animation-duration-fast);top:90%;left:0;left:var(--base-size-4);visibility:hidden;opacity:0;transform-origin:top;gap:var(--base-size-8);width:var(--brand-SubNav-width-subMenu);flex-direction:column;margin-block-start:var(--base-size-8);list-style:none;transition-property:opacity,transform;display:flex;position:absolute;transform:scale(.99)translateY(-.7em)translate(-8px)}.Primer_Brand__SubNav-module__SubNav__link--expanded___pUtmL .Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU{visibility:visible;opacity:1;transform:scale(1)translateY(0)translate(-8px)}.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018{width:var(--base-size-24);height:var(--base-size-24);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;margin-inline-end:calc(-1 * var(--base-size-8));padding:0;padding-inline-end:var(--base-size-8);display:inline-flex}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd .Primer_Brand__SubNav-module__SubNav__link___rY_yE{display:block}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{opacity:1;transform:scale(0)}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{align-items:center;gap:var(--base-size-4);cursor:pointer;display:inline-flex;position:relative}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{padding:var(--base-size-4) 0;position:relative}.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:0 var(--base-size-8) 0 0;gap:0}.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4>.Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-4) 0 var(--base-size-4) var(--base-size-12)}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-12)}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){background-color:var(--brand-SubNav-color-link-bgColor);padding:var(--base-size-2) var(--base-size-12) var(--base-size-4);line-height:1.1em}@supports ((-moz-appearance:none)){.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{top:0}}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4 .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){padding-inline-end:var(--base-size-4)}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);top:auto;top:initial;background-color:#0000}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb{fill:var(--brand-color-text-muted);transition:transform var(--brand-animation-duration-fast);display:inline-block!important}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-32)}}@keyframes Primer_Brand__SubNav-module__fade-in___6VxHj{0%{opacity:0}to{opacity:1}}@keyframes Primer_Brand__SubNav-module__fade-in-down___UKi30{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.Primer_Brand__SubNav-module__SubNav___txUks,.Primer_Brand__SubNav-module__SubNav___txUks:before,.Primer_Brand__SubNav-module__SubNav___txUks:after,.Primer_Brand__SubNav-module__SubNav___txUks *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/SubNav/SubNav.module.js

@@ -0,0 +1,52 @@
+import './SubNav.module-CFXuWNmS.css';var e = {
+	SubNav__container: "Primer_Brand__SubNav-module__SubNav__container___e4u9B",
+	"SubNav__container--with-anchor-nav": "Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj",
+	SubNav: "Primer_Brand__SubNav-module__SubNav___txUks",
+	SubNav__heading: "Primer_Brand__SubNav-module__SubNav__heading___d8v1r",
+	SubNav__subHeading: "Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs",
+	SubNav__link: "Primer_Brand__SubNav-module__SubNav__link___rY_yE",
+	"SubNav__link-label": "Primer_Brand__SubNav-module__SubNav__link-label___NVLOG",
+	"SubNav--header-container-outer": "Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB",
+	"SubNav__heading-container": "Primer_Brand__SubNav-module__SubNav__heading-container___09GuE",
+	"SubNav--has-shadow": "Primer_Brand__SubNav-module__SubNav--has-shadow___9iM59",
+	"SubNav--full-width": "Primer_Brand__SubNav-module__SubNav--full-width___PoXey",
+	"SubNav__action-container": "Primer_Brand__SubNav-module__SubNav__action-container___Od_kP",
+	"SubNav__sub-menu-icon": "Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb",
+	"SubNav__sub-menu-children": "Primer_Brand__SubNav-module__SubNav__sub-menu-children___5gfUK",
+	"SubNav__links-overlay": "Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1",
+	"SubNav__sub-menu-toggle": "Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018",
+	"SubNav__anchor-menu-outer-container": "Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f",
+	"SubNav__anchor-menu-container": "Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_",
+	"SubNav__anchor-menu-outer-container--stuck": "Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj",
+	"SubNav__sub-menu--anchor": "Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI",
+	"SubNav__sub-menu-list": "Primer_Brand__SubNav-module__SubNav__sub-menu-list___3rKmh",
+	"SubNav__link--is-in-view": "Primer_Brand__SubNav-module__SubNav__link--is-in-view___5HQNs",
+	"SubNav--open": "Primer_Brand__SubNav-module__SubNav--open___uMKHN",
+	"SubNav__header-container": "Primer_Brand__SubNav-module__SubNav__header-container___seaW6",
+	"fade-in": "Primer_Brand__SubNav-module__fade-in___6VxHj",
+	"SubNav__heading-separator--main": "Primer_Brand__SubNav-module__SubNav__heading-separator--main___6nQIi",
+	"SubNav__heading-separator--has-adjacent-label": "Primer_Brand__SubNav-module__SubNav__heading-separator--has-adjacent-label____My0U",
+	"SubNav__heading-separator--subheading-active": "Primer_Brand__SubNav-module__SubNav__heading-separator--subheading-active___TGiD4",
+	"SubNav__subheading-container-active": "Primer_Brand__SubNav-module__SubNav__subheading-container-active___NAyYL",
+	"SubNav__heading-separator": "Primer_Brand__SubNav-module__SubNav__heading-separator___LratU",
+	"SubNav__links-overlay--open": "Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn",
+	"SubNav__overlay-toggle": "Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7",
+	"SubNav--has-sub-heading": "Primer_Brand__SubNav-module__SubNav--has-sub-heading___u6kR9",
+	"SubNav--subHeadingActive": "Primer_Brand__SubNav-module__SubNav--subHeadingActive___C7_mM",
+	"SubNav__overlay-toggle-content": "Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W",
+	"SubNav__overlay-toggle-label": "Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___FRenU",
+	"SubNav__link--has-sub-menu": "Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p",
+	SubNav__action: "Primer_Brand__SubNav-module__SubNav__action___Yrrhg",
+	"SubNav__sub-menu": "Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd",
+	"SubNav__sub-menu--dropdown": "Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU",
+	"SubNav__overlay-toggle-icon": "Primer_Brand__SubNav-module__SubNav__overlay-toggle-icon___Fo5xs",
+	"SubNav__overlay-toggle-content--end": "Primer_Brand__SubNav-module__SubNav__overlay-toggle-content--end___zLnlL",
+	"SubNav__heading-label": "Primer_Brand__SubNav-module__SubNav__heading-label___Bv69i",
+	"SubNav__link--expanded": "Primer_Brand__SubNav-module__SubNav__link--expanded___pUtmL",
+	"SubNav__link--has-active-sub-menu": "Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4",
+	"fade-in-down": "Primer_Brand__SubNav-module__fade-in-down___UKi30"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=SubNav.module.js.map