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

package/esm/AnchorNav/AnchorNav.js

@@ -0,0 +1,225 @@
+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 { ChevronDownIcon as r, ChevronUpIcon as i } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { Button as a } from "../Button/Button.js";
+import { useWindowSize as o } from "../hooks/useWindowSize.js";
+import { useKeyboardEscape as s } from "../hooks/useKeyboardEscape.js";
+import c from "./AnchorNav.module.js";
+import { useExpandedMenu as l } from "./useExpandedMenu.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes-98imfMkq.css';/* empty css                                                                                                        */
+import u, { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/AnchorNav/AnchorNav.tsx
+var v = {
+	root: "AnchorNav",
+	get menuButton() {
+		return `${this.root}-menu-button`;
+	},
+	get menuLinks() {
+		return `${this.root}-menu-links`;
+	},
+	get action() {
+		return `${this.root}-action`;
+	},
+	get secondaryAction() {
+		return `${this.root}-secondary-action`;
+	},
+	get navSpacer() {
+		return `${this.root}-nav-spacer`;
+	}
+};
+function y({ children: a, enableDefaultBgColor: y = !1, hideUntilSticky: C = !1, ...w }) {
+	let [T, E] = h(!1), [D, ee] = h(!1), [O, k] = h(), [A, j] = h(), [M, N] = h(), [P, F] = h(!1), [I, L] = h(0), R = m(null), z = m(null), B = m(null), V = m(null), { isLarge: H } = o(), U = t(), W = d(() => E(!1), [E]), G = d(() => E(!T), [T]), K = p(() => u.Children.toArray(a).filter((e) => u.isValidElement(e) && typeof e.type != "string"), [a]);
+	f(() => {
+		M === void 0 && A && N(A.boundingClientRect.y + window.scrollY);
+	}, [M, A]);
+	let q = ([e]) => {
+		j(e);
+	};
+	s(W), l(T, B, V, !H, W), f(() => {
+		if (R.current) {
+			let e = R.current.offsetHeight;
+			L(e);
+		}
+	}, [H]), f(() => {
+		ee(window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+	}, []), f(() => {
+		let e = () => {
+			M && F(window.pageYOffset > M);
+		};
+		return window.addEventListener("scroll", e), () => {
+			window.removeEventListener("scroll", e);
+		};
+	}, [M]), f(() => {
+		let e = C ? R.current : z.current;
+		if (!window.IntersectionObserver || !e) return;
+		let t = new IntersectionObserver(q, {
+			threshold: 0,
+			root: null,
+			rootMargin: "0px 0px -100%"
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [C]);
+	let J = d((e) => {
+		e?.preventDefault(), G();
+	}, [G]), Y = d((e) => {
+		k(e);
+	}, [k]), X = K.filter((e) => u.isValidElement(e) && e.type === b).length, Z = K.map((e, t) => {
+		if (u.isValidElement(e) && e.type === b) {
+			let n = {
+				href: e.props.href,
+				toggleMenuCallback: G,
+				prefersReducedMotion: D,
+				updateCurrentActiveNav: Y,
+				alignment: X < 4 ? "start" : "center"
+			};
+			return u.cloneElement(e, {
+				isActive: t === 0,
+				...n
+			});
+		}
+		return null;
+	}).filter(Boolean).slice(0, 5), Q = K.reduce((e, t) => (u.isValidElement(t) && t.type === x && e.push(u.cloneElement(t)), e), []), $ = K.reduce((e, t) => (u.isValidElement(t) && t.type === S && e.push(u.cloneElement(t)), e), []), te = Q.some((e) => e.props.size && e.props.size !== "small") || $.some((e) => e.props.size && e.props.size !== "small");
+	f(() => {
+		!O && Z.length > 0 && k(Z[0]?.props.children);
+	}, [O, Z]);
+	let ne = Q.length > 0 && $.length > 0;
+	return /* @__PURE__ */ _("div", {
+		ref: R,
+		children: [/* @__PURE__ */ _("nav", {
+			ref: z,
+			"aria-label": "Anchored navigation",
+			"data-sticky": P.toString(),
+			className: e(c.AnchorNav, C && c["AnchorNav--hide-until-sticky"], P && c["AnchorNav--stuck"], T && c["AnchorNav--expanded"], y && c["AnchorNav--with-default-background-color"]),
+			...w,
+			children: [/* @__PURE__ */ _("div", {
+				ref: V,
+				className: e(c["AnchorNav-inner-container"], T && c["AnchorNav-inner-container--expanded"]),
+				children: [
+					/* @__PURE__ */ _("button", {
+						onClick: J,
+						className: e(c["AnchorNav-menu-button"]),
+						"aria-expanded": T,
+						"aria-controls": U,
+						"data-testid": v.menuButton,
+						children: [
+							g(T ? i : r, {
+								size: 16,
+								className: c["AnchorNav-menu-button-arrow"],
+								fill: "currentcolor"
+							}),
+							/* @__PURE__ */ g("span", {
+								className: "visually-hidden",
+								children: "Anchor navigation menu. Currently selected: "
+							}),
+							/* @__PURE__ */ g(n, {
+								as: "span",
+								className: e(c["AnchorNav-link-label"]),
+								children: O
+							})
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						id: U,
+						"data-testid": v.menuLinks,
+						className: c["AnchorNav-link-container"],
+						ref: B,
+						children: Z
+					}),
+					/* @__PURE__ */ _("span", {
+						"data-forward-focus": "true",
+						className: e(c.AnchorNav__actionsContainer, te && c["AnchorNav__actionsContainer--no-offset"], ne && c["AnchorNav__actionsContainer--multiple"]),
+						children: [Q.length && $.length && u.isValidElement(Q[0]) ? u.cloneElement(Q[0], { variant: "primary" }) : Q, $]
+					})
+				]
+			}), /* @__PURE__ */ g("span", {
+				className: e(T && c["AnchorNav-overlay--expanded"]),
+				onClick: W,
+				"aria-hidden": !0
+			})]
+		}), P && /* @__PURE__ */ g("div", {
+			style: { height: I },
+			"aria-hidden": "true",
+			"data-testid": v.navSpacer
+		})]
+	});
+}
+function b({ alignment: t = "start", children: r, href: i, isActive: a, toggleMenuCallback: s, prefersReducedMotion: l, intersectionOptions: u = { rootMargin: "middle" }, updateCurrentActiveNav: p, ...m }) {
+	let { isLarge: _ } = o(), [v, y] = h(), b = /^#/.test(i), x = !!v?.isIntersecting, S = ([e]) => {
+		y(e);
+	};
+	f(() => {
+		let e = document.querySelector(b ? i : `#${i}`);
+		if (!window.IntersectionObserver || !e) return;
+		let t = u.rootMargin === "start" ? "0px" : "-50% 0% -50% 0%", n = {
+			threshold: u.rootMargin === "start" ? .4 : 0,
+			root: null,
+			rootMargin: t
+		}, r = new IntersectionObserver(S, n);
+		return r.observe(e), () => r.disconnect();
+	}, [
+		i,
+		u.rootMargin,
+		b
+	]), f(() => {
+		x && p && typeof r == "string" && p(r);
+	}, [
+		x,
+		r,
+		p
+	]);
+	let C = d(() => {
+		s && !_ && s();
+	}, [_, s]);
+	return /* @__PURE__ */ g("a", {
+		className: e(c["AnchorNav-link"], c[`AnchorNav-link--${t}`], x && c["AnchorNav-link--is-active"]),
+		href: b ? i : `#${i}`,
+		"aria-current": x && "true",
+		"data-first": a,
+		"data-active": x ? "true" : "false",
+		onClick: C,
+		...m,
+		children: /* @__PURE__ */ g(n, {
+			as: "span",
+			className: e(c["AnchorNav-link-label"], x && c["AnchorNav-link-label--is-active"]),
+			children: r
+		})
+	});
+}
+function x({ children: t, href: n, variant: r = "secondary", size: i = "small", ...o }) {
+	return /* @__PURE__ */ g(a, {
+		as: "a",
+		variant: r,
+		className: e(c["AnchorNav-action"]),
+		href: n,
+		hasArrow: !1,
+		"data-testid": v.action,
+		size: i,
+		...o,
+		children: t
+	});
+}
+function S({ children: t, href: n, variant: r = "secondary", size: i = "small", ...o }) {
+	return /* @__PURE__ */ g(a, {
+		as: "a",
+		variant: r,
+		className: e(c["AnchorNav-action"]),
+		href: n,
+		hasArrow: !1,
+		"data-testid": v.secondaryAction,
+		size: i,
+		...o,
+		children: t
+	});
+}
+var C = Object.assign(y, {
+	Link: b,
+	Action: x,
+	SecondaryAction: S,
+	testIds: v
+});
+//#endregion
+export { C as AnchorNav };
+
+//# sourceMappingURL=AnchorNav.js.map

package/esm/AnchorNav/AnchorNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorNav.js","names":[],"sources":["../../src/AnchorNav/AnchorNav.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {ChevronDownIcon, ChevronUpIcon} from '@primer/octicons-react'\nimport {useId} from '../hooks/useId'\n\nimport {Button, ButtonBaseProps, Text} from '../'\nimport {useWindowSize} from '../hooks/useWindowSize'\nimport {useKeyboardEscape} from '../hooks/useKeyboardEscape'\nimport {useExpandedMenu} from './useExpandedMenu'\n\nimport type {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './AnchorNav.module.css'\n\nconst testIds = {\n  root: 'AnchorNav',\n  get menuButton() {\n    return `${this.root}-menu-button`\n  },\n  get menuLinks() {\n    return `${this.root}-menu-links`\n  },\n  get action() {\n    return `${this.root}-action`\n  },\n  get secondaryAction() {\n    return `${this.root}-secondary-action`\n  },\n  get navSpacer() {\n    return `${this.root}-nav-spacer`\n  },\n}\n\nexport type AnchorNavProps = BaseProps<HTMLElement> & {\n  /**\n   * Accepts all of `AnchorNav.Item` and `AnchorNav.Action` child components.\n   */\n  children: React.ReactNode[]\n  /**\n   * Enable the idle state background color, which is transparent by default.\n   */\n  enableDefaultBgColor?: boolean\n  /**\n   * When true, the anchor nav will hide until it is sticky.\n   */\n  hideUntilSticky?: boolean\n} & React.ComponentPropsWithoutRef<'nav'>\n\nfunction AnchorNavBase({children, enableDefaultBgColor = false, hideUntilSticky = false, ...rest}: AnchorNavProps) {\n  const [menuOpen, setMenuOpen] = useState(false)\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false)\n  const [currentActiveNavItem, setCurrentActiveNavItem] = useState<string | null>()\n  const [intersectionEntry, setIntersectionEntry] = useState<IntersectionObserverEntry>()\n  const [initialYOffset, setInitialYOffset] = useState<undefined | number>()\n  const [navShouldFix, setNavShouldFix] = useState<boolean>(false)\n  const [navHeight, setNavHeight] = useState<number>(0)\n\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n  const rootRef = useRef<HTMLElement | null>(null)\n  const linkContainerRef = useRef<HTMLDivElement | null>(null)\n  const innerContainerRef = useRef<HTMLDivElement | null>(null)\n\n  const {isLarge} = useWindowSize()\n  const idForLinkContainer = useId()\n\n  const closeMenuCallback = useCallback(() => setMenuOpen(false), [setMenuOpen])\n  const toggleMenuCallback = useCallback(() => setMenuOpen(!menuOpen), [menuOpen])\n\n  const ValidChildren = useMemo(\n    () =>\n      React.Children.toArray(children).filter(\n        (child: React.ReactNode): boolean => React.isValidElement(child) && typeof child.type !== 'string',\n      ),\n    [children],\n  )\n\n  useEffect(() => {\n    if (initialYOffset === undefined && intersectionEntry) {\n      setInitialYOffset(intersectionEntry.boundingClientRect.y + window.scrollY)\n    }\n  }, [initialYOffset, intersectionEntry])\n\n  const handleIntersectionUpdate = ([nextEntry]: IntersectionObserverEntry[]): void => {\n    setIntersectionEntry(nextEntry)\n  }\n\n  useKeyboardEscape(closeMenuCallback)\n  useExpandedMenu(menuOpen, linkContainerRef, innerContainerRef, !isLarge, closeMenuCallback)\n\n  useEffect(() => {\n    if (wrapperRef.current) {\n      const height = wrapperRef.current.offsetHeight\n      setNavHeight(height)\n    }\n  }, [isLarge])\n\n  useEffect(() => {\n    const queryResult = window.matchMedia('(prefers-reduced-motion: reduce)')\n\n    setPrefersReducedMotion(queryResult.matches)\n  }, [])\n\n  useEffect(() => {\n    const handler = () => {\n      if (initialYOffset) {\n        const isPastInitialYOffset = window.pageYOffset > initialYOffset\n        setNavShouldFix(isPastInitialYOffset)\n      }\n    }\n    // eslint-disable-next-line github/prefer-observers\n    window.addEventListener('scroll', handler)\n    return () => {\n      window.removeEventListener('scroll', handler)\n    }\n  }, [initialYOffset])\n\n  useEffect(() => {\n    const node = hideUntilSticky ? wrapperRef.current : rootRef.current\n\n    const supportsIntersectionObserver = !!window.IntersectionObserver\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!supportsIntersectionObserver || !node) return\n\n    const topOfWindow = '0px 0px -100%'\n    const observerParams = {threshold: 0, root: null, rootMargin: topOfWindow}\n    const observer = new IntersectionObserver(handleIntersectionUpdate, observerParams)\n\n    observer.observe(node)\n\n    return () => observer.disconnect()\n  }, [hideUntilSticky])\n\n  const handleMenuToggle = useCallback(\n    event => {\n      event?.preventDefault()\n      toggleMenuCallback()\n    },\n    [toggleMenuCallback],\n  )\n\n  const handleUpdateToCurrentActiveNavItem = useCallback(\n    (id: string | null) => {\n      setCurrentActiveNavItem(id)\n    },\n    [setCurrentActiveNavItem],\n  )\n\n  const numLinks = ValidChildren.filter(child => React.isValidElement(child) && child.type === NavLinkBase).length\n  const Links = ValidChildren.map((child, index) => {\n    if (React.isValidElement<AnchorNavLinkProps>(child) && child.type === NavLinkBase) {\n      const defaultProps: AnchorNavLinkProps = {\n        href: child.props.href,\n        toggleMenuCallback,\n        prefersReducedMotion,\n        updateCurrentActiveNav: handleUpdateToCurrentActiveNavItem,\n        alignment: numLinks < 4 ? 'start' : 'center',\n      }\n      return React.cloneElement(child, {\n        isActive: index === 0,\n        ...defaultProps,\n      })\n    }\n\n    return null\n  })\n    .filter(Boolean)\n    .slice(0, 5)\n\n  const Action = ValidChildren.reduce<React.ReactElement<AnchorNavActionProps>[]>((acc, child) => {\n    if (React.isValidElement<AnchorNavActionProps>(child) && child.type === ActionBase) {\n      acc.push(React.cloneElement(child))\n    }\n    return acc\n  }, [])\n\n  const SecondaryAction = ValidChildren.reduce<React.ReactElement<AnchorNavActionProps>[]>((acc, child) => {\n    if (React.isValidElement<AnchorNavActionProps>(child) && child.type === SecondaryActionBase) {\n      acc.push(React.cloneElement(child))\n    }\n    return acc\n  }, [])\n\n  const hasLargerSizeActions =\n    Action.some(action => action.props.size && action.props.size !== 'small') ||\n    SecondaryAction.some(action => action.props.size && action.props.size !== 'small')\n\n  /* On page load, the rootMargin positions and/or thresholds of the IntersectionObserver\n   * may not be met depending on the position of the AnchorNav on the page.\n   * The following useEffect ensures that the first link always marked as the active link, until\n   * the observer kicks in. Without this, the active link is undefined.\n   */\n  useEffect(() => {\n    if (!currentActiveNavItem && Links.length > 0) {\n      setCurrentActiveNavItem(Links[0]?.props.children as string)\n    }\n  }, [currentActiveNavItem, Links])\n\n  const hasTwoActions = Action.length > 0 && SecondaryAction.length > 0\n\n  return (\n    <div ref={wrapperRef}>\n      <nav\n        ref={rootRef}\n        aria-label=\"Anchored navigation\"\n        data-sticky={navShouldFix.toString()}\n        className={clsx(\n          styles.AnchorNav,\n          hideUntilSticky && styles['AnchorNav--hide-until-sticky'],\n          navShouldFix && styles['AnchorNav--stuck'],\n          menuOpen && styles['AnchorNav--expanded'],\n          enableDefaultBgColor && styles['AnchorNav--with-default-background-color'],\n        )}\n        {...rest}\n      >\n        <div\n          ref={innerContainerRef}\n          className={clsx(\n            styles['AnchorNav-inner-container'],\n            menuOpen && styles['AnchorNav-inner-container--expanded'],\n          )}\n        >\n          <button\n            onClick={handleMenuToggle}\n            className={clsx(styles['AnchorNav-menu-button'])}\n            aria-expanded={menuOpen}\n            aria-controls={idForLinkContainer}\n            data-testid={testIds.menuButton}\n          >\n            {menuOpen ? (\n              <ChevronUpIcon size={16} className={styles['AnchorNav-menu-button-arrow']} fill=\"currentcolor\" />\n            ) : (\n              <ChevronDownIcon size={16} className={styles['AnchorNav-menu-button-arrow']} fill=\"currentcolor\" />\n            )}\n            <span className=\"visually-hidden\">Anchor navigation menu. Currently selected: </span>\n            <Text as=\"span\" className={clsx(styles['AnchorNav-link-label'])}>\n              {currentActiveNavItem}\n            </Text>\n          </button>\n          {/**Replace with unique ids and test ids */}\n          <div\n            id={idForLinkContainer}\n            data-testid={testIds.menuLinks}\n            className={styles['AnchorNav-link-container']}\n            ref={linkContainerRef}\n          >\n            {Links}\n          </div>\n          <span\n            data-forward-focus=\"true\"\n            className={clsx(\n              styles['AnchorNav__actionsContainer'],\n              hasLargerSizeActions && styles['AnchorNav__actionsContainer--no-offset'],\n              hasTwoActions && styles['AnchorNav__actionsContainer--multiple'],\n            )}\n          >\n            {Action.length && SecondaryAction.length && React.isValidElement<AnchorNavActionProps>(Action[0])\n              ? React.cloneElement(Action[0], {\n                  variant: 'primary',\n                })\n              : Action}\n            {SecondaryAction}\n          </span>\n        </div>\n        <span\n          className={clsx(menuOpen && styles['AnchorNav-overlay--expanded'])}\n          onClick={closeMenuCallback}\n          aria-hidden\n        />\n      </nav>\n      {navShouldFix && <div style={{height: navHeight}} aria-hidden=\"true\" data-testid={testIds.navSpacer} />}\n    </div>\n  )\n}\n\ntype AnchorNavLinkIntersectionOptions = {\n  /**\n   * The area of the element that should trigger the next linked section to be highlighted.\n   */\n  rootMargin: 'start' | 'middle'\n}\n\ntype AnchorNavLinkProps = BaseProps<HTMLAnchorElement> & {\n  /**\n   * Optional text alignment for the link. Defaults to 'start' if there are less than 4 links, otherwise 'center'.\n   */\n  alignment?: 'start' | 'center'\n  /**\n   * Required path or location for the anchor to link to.\n   */\n  href: string\n  /**\n   * Optional boolean to indicate if the link is the current active link.\n   * Typically doesn't need to be sset unless custom animation is being used.\n   */\n  isActive?: boolean // internal prop, not exposed in docs\n  toggleMenuCallback?: () => void // internal prop, not exposed in docs\n  intersectionOptions?: AnchorNavLinkIntersectionOptions // internal prop, not exposed in docs\n  prefersReducedMotion?: boolean // internal prop, not exposed in docs\n  updateCurrentActiveNav?: (id: string | null) => void // internal prop, not exposed in docs\n} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>\n\nfunction NavLinkBase({\n  alignment = 'start',\n  children,\n  href,\n  isActive,\n  toggleMenuCallback,\n  prefersReducedMotion,\n  intersectionOptions = {rootMargin: 'middle'},\n  updateCurrentActiveNav,\n  ...rest\n}: AnchorNavLinkProps) {\n  const {isLarge} = useWindowSize()\n  const [intersectionEntry, setIntersectionEntry] = useState<IntersectionObserverEntry>()\n\n  const isAnchor = /^#/.test(href)\n  const anchoredContentIsVisible = !!intersectionEntry?.isIntersecting\n\n  const handleIntersectionUpdate = ([nextEntry]: IntersectionObserverEntry[]): void => {\n    setIntersectionEntry(nextEntry)\n  }\n\n  useEffect(() => {\n    const node = document.querySelector(isAnchor ? href : `#${href}`)\n\n    const supportsIntersectionObserver = !!window.IntersectionObserver\n\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (!supportsIntersectionObserver || !node) return\n\n    const rootMarginTop = '0px'\n    const rootMarginCenter = '-50% 0% -50% 0%'\n\n    const rootMargin = intersectionOptions.rootMargin === 'start' ? rootMarginTop : rootMarginCenter\n\n    const observerParams = {threshold: intersectionOptions.rootMargin === 'start' ? 0.4 : 0, root: null, rootMargin}\n\n    const observer = new IntersectionObserver(handleIntersectionUpdate, observerParams)\n\n    observer.observe(node)\n\n    return () => observer.disconnect()\n  }, [href, intersectionOptions.rootMargin, isAnchor])\n\n  // updates root AnchorNav to notify of active section\n  useEffect(() => {\n    if (anchoredContentIsVisible && updateCurrentActiveNav && typeof children === 'string') {\n      updateCurrentActiveNav(children)\n    }\n  }, [anchoredContentIsVisible, children, updateCurrentActiveNav])\n\n  const handleClick = useCallback(() => {\n    if (toggleMenuCallback && !isLarge) {\n      toggleMenuCallback()\n    }\n  }, [isLarge, toggleMenuCallback])\n\n  return (\n    <a\n      className={clsx(\n        styles['AnchorNav-link'],\n        styles[`AnchorNav-link--${alignment}`],\n        anchoredContentIsVisible && styles['AnchorNav-link--is-active'],\n      )}\n      href={isAnchor ? href : `#${href}`}\n      aria-current={anchoredContentIsVisible && 'true'}\n      data-first={isActive}\n      data-active={anchoredContentIsVisible ? 'true' : 'false'}\n      onClick={handleClick}\n      {...rest}\n    >\n      <Text\n        as=\"span\"\n        className={clsx(\n          styles['AnchorNav-link-label'],\n          anchoredContentIsVisible && styles['AnchorNav-link-label--is-active'],\n        )}\n      >\n        {children}\n      </Text>\n    </a>\n  )\n}\n\ntype AnchorNavActionProps = {\n  /**\n   * Required path or location for the action button to link to.\n   */\n  href: string\n} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> &\n  ButtonBaseProps\n\nfunction ActionBase({children, href, variant = 'secondary', size = 'small', ...rest}: AnchorNavActionProps) {\n  return (\n    <Button\n      as=\"a\"\n      variant={variant}\n      className={clsx(styles['AnchorNav-action'])}\n      href={href}\n      hasArrow={false}\n      data-testid={testIds.action}\n      size={size}\n      {...rest}\n    >\n      {children}\n    </Button>\n  )\n}\n\nfunction SecondaryActionBase({children, href, variant = 'secondary', size = 'small', ...rest}: AnchorNavActionProps) {\n  return (\n    <Button\n      as=\"a\"\n      variant={variant}\n      className={clsx(styles['AnchorNav-action'])}\n      href={href}\n      hasArrow={false}\n      data-testid={testIds.secondaryAction}\n      size={size}\n      {...rest}\n    >\n      {children}\n    </Button>\n  )\n}\n\n/**\n * AnchorNav allows users to navigate to different sections of a page.\n * @see https://primer.style/brand/components/AnchorNav\n */\nexport const AnchorNav = Object.assign(AnchorNavBase, {\n  Link: NavLinkBase,\n  Action: ActionBase,\n  SecondaryAction: SecondaryActionBase,\n  testIds,\n})\n"],"mappings":"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"}

package/esm/AnchorNav/AnchorNav.module-33_8-9r9.css

@@ -0,0 +1 @@
+.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX{padding:var(--base-size-12) var(--base-size-16);z-index:91;display:flex;position:sticky;top:0;left:0;right:0}.Primer_Brand__AnchorNav-module__AnchorNav--no-bg-scroll___xg4JR{height:100vh;overflow:hidden}.Primer_Brand__AnchorNav-module__AnchorNav--hide-until-sticky___028xm:not(.Primer_Brand__AnchorNav-module__AnchorNav--stuck___SgtFL){opacity:0;visibility:hidden;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__AnchorNav-module__AnchorNav--hide-until-sticky___028xm.Primer_Brand__AnchorNav-module__AnchorNav--stuck___SgtFL{opacity:1;visibility:visible}.Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___zvSjy{background-color:var(--brand-color-canvas-default)}.Primer_Brand__AnchorNav-module__AnchorNav--stuck___SgtFL{position:fixed;box-shadow:0 3px 6px #8c959f26,0 1px 1px #0000001a}.Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8{transform-style:preserve-3d;z-index:91}.Primer_Brand__AnchorNav-module__AnchorNav-link-container___CDgv3{width:100%;display:flex;position:relative}.Primer_Brand__AnchorNav-module__AnchorNav-inner-container___t_JyN{z-index:91;width:100%;max-width:1280px;max-height:calc(100vh - var(--base-size-12) * 2);position:relative}.Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___zvSjy .Primer_Brand__AnchorNav-module__AnchorNav-inner-container___t_JyN{background-color:var(--brand-color-canvas-default)}@media screen and (width<=63.25rem){.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX:not(.Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8) .Primer_Brand__AnchorNav-module__AnchorNav-inner-container___t_JyN{justify-content:space-between;align-items:center;display:flex}.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX{background-color:var(--brand-color-canvas-default)}.Primer_Brand__AnchorNav-module__AnchorNav-inner-container--expanded___sba8G{height:auto}.Primer_Brand__AnchorNav-module__AnchorNav-link-container___CDgv3{padding-left:var(--base-size-16);display:none}.Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8 .Primer_Brand__AnchorNav-module__AnchorNav-link-container___CDgv3{flex-direction:column;display:flex}}@media screen and (width>=40rem) and (width<=63.25rem){.Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___GrYsv:not(.Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer--no-offset___gqZlb){top:var(--base-size-8);position:absolute;right:0}}@media screen and (width>=63.25rem){.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX{padding:var(--base-size-12) var(--base-size-40);height:75px}.Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___zvSjy,.Primer_Brand__AnchorNav-module__AnchorNav--stuck___SgtFL{background-color:var(--brand-color-canvas-default)}.Primer_Brand__AnchorNav-module__AnchorNav-inner-container___t_JyN{align-items:center;margin:0 auto;display:flex}}.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX{place-items:center flex-start;width:100%;height:48px;-webkit-text-decoration:none;text-decoration:none;display:flex}.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX:hover{-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8 .Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX{animation:1s Primer_Brand__AnchorNav-module__fade-in___cNMRW;animation-timing-function:var(--brand-animation-easing-glide);margin:0 0 2px}@media screen and (width<=63.25rem){.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX{padding:0 0 0 var(--base-size-16);position:absolute;left:0}.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX:before{content:"";background-color:var(--brand-AnchorNav-link-underline-default);width:2px;height:50%;transition:opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast);opacity:1;transform-origin:0;position:absolute;left:0;transform:scale(0)}.Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8 .Primer_Brand__AnchorNav-module__AnchorNav-link--is-active___nScJf:before{transform:scale(1)}}@media screen and (width>=63.25rem){.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX{margin:0 1px;position:relative}.Primer_Brand__AnchorNav-module__AnchorNav-link--center___7C2CE{justify-content:center}.Primer_Brand__AnchorNav-module__AnchorNav-link--start___70uQQ{width:auto;margin-right:var(--base-size-48);justify-content:flex-start}}.Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7{font-weight:var(--brand-text-weight-400);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200);font-family:var(--brand-heading-fontFamily);letter-spacing:var(--brand-heading-letterSpacing-200);color:var(--brand-color-text-default);transition:color var(--brand-animation-easing-glide) var(--brand-animation-duration-faster);position:relative}.Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___zvSjy .Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7{background-color:var(--brand-color-canvas-default)}@media screen and (width<=63.25rem){.Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7{background-color:var(--brand-color-canvas-default)}.Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8 .Primer_Brand__AnchorNav-module__AnchorNav-link-label--is-active___kVuw2{color:var(--brand-color-focus)}.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX:not(.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX[data-active=true]){visibility:hidden}.Primer_Brand__AnchorNav-module__AnchorNav--stuck___SgtFL .Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX[data-active=false][data-first=true],.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX .Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX[data-active=false][data-first=true]{visibility:visible}.Primer_Brand__AnchorNav-module__AnchorNav-inner-container--expanded___sba8G .Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative;top:auto;left:auto;right:auto;visibility:visible!important}}@media screen and (width>=63.25rem){.Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7{white-space:nowrap}.Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7:after{content:"";background-color:var(--brand-AnchorNav-link-underline-default);width:100%;height:2px;transition:opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast), background-color var(--brand-animation-duration-fast);opacity:1;transform-origin:50%;position:absolute;bottom:-6px;left:0;transform:scale(0)}.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX:hover .Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7:after,.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX:focus .Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7:after,.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX[data-active=true] .Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7:after{opacity:1;transform:scaleX(.8)}.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX:active .Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7:after{background-color:var(--brand-AnchorNav-link-underline-pressed);transform:scaleX(.9)}.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX[data-active=true] .Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7:after{background-color:var(--brand-AnchorNav-link-underline-pressed);opacity:1}.Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX:focus-visible .Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7:after{opacity:0}}.Primer_Brand__AnchorNav-module__AnchorNav-menu-button___cWLpd{display:none}@media screen and (width<=63.25rem){.Primer_Brand__AnchorNav-module__AnchorNav-menu-button___cWLpd{all:unset;cursor:pointer;padding:var(--base-size-8) var(--base-size-16);height:var(--base-size-32);z-index:2;border-radius:var(--brand-borderRadius-small);align-items:center;padding-left:0;display:inline-flex}.Primer_Brand__AnchorNav-module__AnchorNav-menu-button-arrow___d_Ib_{padding:0 calc(var(--base-size-12) / 2);width:32px;height:32px;color:var(--brand-color-text-default)}.Primer_Brand__AnchorNav-module__AnchorNav-menu-button___cWLpd:focus-visible{border-color:var(--brand-color-focus);box-shadow:0 0 0 2px var(--brand-color-focus);outline:none}.Primer_Brand__AnchorNav-module__AnchorNav-overlay--expanded___LV__U{z-index:-3;width:100%;height:100dvh;animation:.5s Primer_Brand__AnchorNav-module__fade-in___cNMRW;animation-timing-function:var(--brand-animation-easing-glide);cursor:pointer;background:#00000080;position:absolute;top:0;left:0;right:0;transform:translateZ(-1px)}}.Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___GrYsv{gap:var(--base-size-8);display:flex}.Primer_Brand__AnchorNav-module__AnchorNav-action___mzhZ7{z-index:1;white-space:nowrap;padding-inline:var(--base-size-24);margin-left:auto;display:flex}.Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8 .Primer_Brand__AnchorNav-module__AnchorNav-action___mzhZ7{align-self:flex-start}@media screen and (width<=40rem){.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX{padding:0}.Primer_Brand__AnchorNav-module__AnchorNav-action___mzhZ7{display:none}.Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___GrYsv{flex-direction:column}.Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8 .Primer_Brand__AnchorNav-module__AnchorNav-action___mzhZ7{width:100%;margin-top:var(--base-size-8);display:flex}.Primer_Brand__AnchorNav-module__AnchorNav-inner-container___t_JyN{padding:var(--base-size-12) var(--base-size-16);overflow-y:auto}}@media screen and (width>=40rem){.Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___GrYsv{gap:var(--base-size-16)}.Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer--multiple___pToLt{margin-inline-start:var(--base-size-16)}}@keyframes Primer_Brand__AnchorNav-module__fade-in___cNMRW{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX,.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX:before,.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX:after,.Primer_Brand__AnchorNav-module__AnchorNav___fA9HX *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/AnchorNav/AnchorNav.module.js

@@ -0,0 +1,29 @@
+import './AnchorNav.module-33_8-9r9.css';var e = {
+	AnchorNav: "Primer_Brand__AnchorNav-module__AnchorNav___fA9HX",
+	"AnchorNav--no-bg-scroll": "Primer_Brand__AnchorNav-module__AnchorNav--no-bg-scroll___xg4JR",
+	"AnchorNav--hide-until-sticky": "Primer_Brand__AnchorNav-module__AnchorNav--hide-until-sticky___028xm",
+	"AnchorNav--stuck": "Primer_Brand__AnchorNav-module__AnchorNav--stuck___SgtFL",
+	"AnchorNav--with-default-background-color": "Primer_Brand__AnchorNav-module__AnchorNav--with-default-background-color___zvSjy",
+	"AnchorNav--expanded": "Primer_Brand__AnchorNav-module__AnchorNav--expanded___4Uge8",
+	"AnchorNav-link-container": "Primer_Brand__AnchorNav-module__AnchorNav-link-container___CDgv3",
+	"AnchorNav-inner-container": "Primer_Brand__AnchorNav-module__AnchorNav-inner-container___t_JyN",
+	"AnchorNav-inner-container--expanded": "Primer_Brand__AnchorNav-module__AnchorNav-inner-container--expanded___sba8G",
+	AnchorNav__actionsContainer: "Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___GrYsv",
+	"AnchorNav__actionsContainer--no-offset": "Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer--no-offset___gqZlb",
+	"AnchorNav-link": "Primer_Brand__AnchorNav-module__AnchorNav-link___0gyOX",
+	"fade-in": "Primer_Brand__AnchorNav-module__fade-in___cNMRW",
+	"AnchorNav-link--is-active": "Primer_Brand__AnchorNav-module__AnchorNav-link--is-active___nScJf",
+	"AnchorNav-link--center": "Primer_Brand__AnchorNav-module__AnchorNav-link--center___7C2CE",
+	"AnchorNav-link--start": "Primer_Brand__AnchorNav-module__AnchorNav-link--start___70uQQ",
+	"AnchorNav-link-label": "Primer_Brand__AnchorNav-module__AnchorNav-link-label___8TkI7",
+	"AnchorNav-link-label--is-active": "Primer_Brand__AnchorNav-module__AnchorNav-link-label--is-active___kVuw2",
+	"AnchorNav-menu-button": "Primer_Brand__AnchorNav-module__AnchorNav-menu-button___cWLpd",
+	"AnchorNav-menu-button-arrow": "Primer_Brand__AnchorNav-module__AnchorNav-menu-button-arrow___d_Ib_",
+	"AnchorNav-overlay--expanded": "Primer_Brand__AnchorNav-module__AnchorNav-overlay--expanded___LV__U",
+	"AnchorNav-action": "Primer_Brand__AnchorNav-module__AnchorNav-action___mzhZ7",
+	"AnchorNav__actionsContainer--multiple": "Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer--multiple___pToLt"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=AnchorNav.module.js.map

package/esm/AnchorNav/AnchorNav.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorNav.module.js","names":[],"sources":["../../src/AnchorNav/AnchorNav.module.css"],"sourcesContent":["/*\n * AnchorNav\n *\n * 1. AnchorNav root and inner bounding containers\n * 2. AnchorNav links\n * 3. AnchorNav link labels\n * 4. AnchorNav menu toggle button (narrow)\n * 5. AnchorNav action\n * 6. Custom animations\n */\n\n/*\n * 1. AnchorNav root and inner bounding containers\n */\n.AnchorNav {\n  display: flex;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  left: 0;\n  right: 0;\n  padding: var(--base-size-12) var(--base-size-16);\n  z-index: 91; /* must be higher than subdomain nav bar */\n}\n\n.AnchorNav--no-bg-scroll {\n  overflow: hidden;\n  height: 100vh;\n}\n\n.AnchorNav--hide-until-sticky:not(.AnchorNav--stuck) {\n  opacity: 0;\n  visibility: hidden;\n  transition: visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.AnchorNav--hide-until-sticky.AnchorNav--stuck {\n  opacity: 1;\n  visibility: visible;\n}\n\n.AnchorNav--with-default-background-color {\n  background-color: var(--brand-color-canvas-default);\n}\n\n.AnchorNav--stuck {\n  box-shadow: 0 3px 6px rgba(140, 149, 159, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); /* TODO: replace with a global token */\n  position: fixed;\n}\n\n.AnchorNav--expanded {\n  transform-style: preserve-3d;\n  z-index: 91;\n}\n\n.AnchorNav-link-container {\n  display: flex;\n  width: 100%;\n  position: relative;\n}\n\n.AnchorNav-inner-container {\n  max-width: 1280px;\n  width: 100%;\n  position: relative;\n  z-index: 91; /* must be higher than subdomain nav bar */\n  max-height: calc(100vh - var(--base-size-12) * 2);\n}\n\n.AnchorNav--with-default-background-color .AnchorNav-inner-container {\n  background-color: var(--brand-color-canvas-default);\n}\n\n/* Up to large breakpoint */\n@media screen and (max-width: 63.25rem) {\n  .AnchorNav:not(.AnchorNav--expanded) .AnchorNav-inner-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .AnchorNav {\n    background-color: var(--brand-color-canvas-default);\n  }\n\n  .AnchorNav-inner-container--expanded {\n    height: auto;\n  }\n\n  .AnchorNav-link-container {\n    display: none;\n    padding-left: var(--base-size-16);\n  }\n\n  .AnchorNav--expanded .AnchorNav-link-container {\n    display: flex;\n    flex-direction: column;\n  }\n}\n\n@media screen and (min-width: 40rem) and (max-width: 63.25rem) {\n  .AnchorNav__actionsContainer:not(.AnchorNav__actionsContainer--no-offset) {\n    position: absolute;\n    top: var(--base-size-8);\n    right: 0;\n  }\n}\n\n/* Large breakpoint and up */\n@media screen and (min-width: 63.25rem) {\n  .AnchorNav {\n    padding: var(--base-size-12) var(--base-size-40);\n    height: 75px; /* same as subdomain nav bar */\n  }\n\n  .AnchorNav--with-default-background-color {\n    background-color: var(--brand-color-canvas-default);\n  }\n\n  .AnchorNav--stuck {\n    background-color: var(--brand-color-canvas-default);\n  }\n  .AnchorNav-inner-container {\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n  }\n}\n\n/*\n * 2. AnchorNav links\n */\n.AnchorNav-link {\n  display: flex;\n  width: 100%;\n  text-decoration: none;\n  height: 48px;\n  align-items: center;\n  justify-items: flex-start;\n}\n\n.AnchorNav-link:hover {\n  text-decoration: none;\n}\n\n.AnchorNav--expanded .AnchorNav-link {\n  margin: 0 0 2px; /* allow space for focus border */\n  animation: fade-in 1s;\n  animation-timing-function: var(--brand-animation-easing-glide);\n}\n\n/* Up to large breakpoint */\n@media screen and (max-width: 63.25rem) {\n  .AnchorNav-link {\n    position: absolute;\n    left: 0;\n    padding: 0 0 0 var(--base-size-16);\n  }\n\n  .AnchorNav-link::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    width: 2px;\n    height: 50%;\n    background-color: var(--brand-AnchorNav-link-underline-default);\n    transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast);\n    opacity: 1;\n    transform: scale(0);\n    transform-origin: left;\n  }\n\n  .AnchorNav--expanded .AnchorNav-link--is-active::before {\n    transform: scale(1);\n  }\n}\n\n/* Large breakpoint and up */\n@media screen and (min-width: 63.25rem) {\n  .AnchorNav-link {\n    position: relative;\n    margin: 0 1px; /* to provide space for focus border */\n  }\n\n  .AnchorNav-link--center {\n    justify-content: center;\n  }\n\n  .AnchorNav-link--start {\n    justify-content: flex-start;\n    width: auto;\n    margin-right: var(--base-size-48);\n  }\n}\n\n/*\n * 3. AnchorNav link labels\n */\n.AnchorNav-link-label {\n  font-weight: var(--brand-text-weight-400);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n  font-family: var(--brand-heading-fontFamily);\n  letter-spacing: var(--brand-heading-letterSpacing-200);\n  color: var(--brand-color-text-default);\n  transition: color var(--brand-animation-easing-glide) var(--brand-animation-duration-faster);\n  position: relative;\n}\n\n.AnchorNav--with-default-background-color .AnchorNav-link-label {\n  background-color: var(--brand-color-canvas-default);\n}\n\n/* Up to large breakpoint */\n@media screen and (max-width: 63.25rem) {\n  .AnchorNav-link-label {\n    background-color: var(--brand-color-canvas-default);\n  }\n\n  .AnchorNav--expanded .AnchorNav-link-label--is-active {\n    color: var(--brand-color-focus);\n  }\n\n  .AnchorNav-link:not(.AnchorNav-link[data-active='true']) {\n    visibility: hidden;\n  }\n\n  .AnchorNav--stuck .AnchorNav-link[data-active='false'][data-first='true'] {\n    visibility: visible;\n  }\n\n  .AnchorNav .AnchorNav-link[data-active='false'][data-first='true'] {\n    visibility: visible;\n  }\n\n  .AnchorNav-inner-container--expanded .AnchorNav-link {\n    visibility: visible !important;\n    display: flex;\n    position: relative;\n    left: auto;\n    right: auto;\n    top: auto;\n    flex-direction: column;\n    text-align: left;\n    justify-content: center;\n    align-items: flex-start;\n  }\n}\n\n/* Large breakpoint and up */\n@media screen and (min-width: 63.25rem) {\n  .AnchorNav-link-label {\n    white-space: nowrap;\n  }\n\n  .AnchorNav-link-label::after {\n    content: '';\n    position: absolute;\n    bottom: -6px;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    background-color: var(--brand-AnchorNav-link-underline-default);\n    transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),\n      background-color var(--brand-animation-duration-fast);\n    opacity: 1;\n    transform: scale(0);\n    transform-origin: center;\n  }\n\n  .AnchorNav-link:hover .AnchorNav-link-label::after,\n  .AnchorNav-link:focus .AnchorNav-link-label::after,\n  .AnchorNav-link[data-active='true'] .AnchorNav-link-label::after {\n    opacity: 1;\n    transform: translate3d(0, 0.2em, 0);\n    transform: scale(0.8, 1);\n  }\n\n  .AnchorNav-link:active .AnchorNav-link-label::after {\n    background-color: var(--brand-AnchorNav-link-underline-pressed);\n    transform: scale(0.9, 1);\n  }\n\n  .AnchorNav-link[data-active='true'] .AnchorNav-link-label::after {\n    background-color: var(--brand-AnchorNav-link-underline-pressed);\n    opacity: 1;\n  }\n\n  .AnchorNav-link:focus-visible .AnchorNav-link-label::after {\n    opacity: 0;\n  }\n}\n\n/*\n * 4. AnchorNav menu toggle button (narrow)\n */\n.AnchorNav-menu-button {\n  display: none;\n}\n\n/* Up to large breakpoint */\n@media screen and (max-width: 63.25rem) {\n  .AnchorNav-menu-button {\n    all: unset;\n    display: inline-flex;\n    cursor: pointer;\n    padding: var(--base-size-8) var(--base-size-16);\n    padding-left: 0; /* space for focus */\n    align-items: center;\n    height: var(--base-size-32);\n    z-index: 2;\n    border-radius: var(--brand-borderRadius-small);\n  }\n\n  .AnchorNav-menu-button-arrow {\n    padding: 0 calc(var(--base-size-12) / 2);\n    width: 32px;\n    height: 32px;\n    color: var(--brand-color-text-default);\n  }\n\n  .AnchorNav-menu-button:focus-visible {\n    border-color: var(--brand-color-focus);\n    outline: none;\n    box-shadow: 0 0 0 2px var(--brand-color-focus);\n  }\n\n  .AnchorNav-overlay--expanded {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: -3;\n    width: 100%;\n    height: 100vh; /* Keep as fallback */\n    height: 100dvh;\n    /* replace with overlay-backdrop-bgColor */\n    background: #00000080;\n    transform: translateZ(-1px);\n    animation: fade-in 0.5s;\n    animation-timing-function: var(--brand-animation-easing-glide);\n    cursor: pointer;\n  }\n}\n\n/*\n * 5. AnchorNav action\n */\n\n.AnchorNav__actionsContainer {\n  display: flex;\n  gap: var(--base-size-8);\n}\n\n.AnchorNav-action {\n  z-index: 1;\n  display: flex;\n  margin-left: auto;\n  white-space: nowrap;\n  padding-inline: var(--base-size-24);\n}\n\n.AnchorNav--expanded .AnchorNav-action {\n  align-self: flex-start;\n}\n\n@media screen and (max-width: 40rem) {\n  .AnchorNav {\n    padding: 0;\n  }\n\n  .AnchorNav-action {\n    display: none;\n  }\n\n  .AnchorNav__actionsContainer {\n    flex-direction: column;\n  }\n\n  .AnchorNav--expanded .AnchorNav-action {\n    display: flex;\n    width: 100%;\n    margin-top: var(--base-size-8);\n  }\n\n  .AnchorNav-inner-container {\n    overflow-y: auto;\n    padding: var(--base-size-12) var(--base-size-16);\n  }\n}\n\n@media screen and (min-width: 40rem) {\n  .AnchorNav__actionsContainer {\n    gap: var(--base-size-16);\n  }\n\n  .AnchorNav__actionsContainer--multiple {\n    margin-inline-start: var(--base-size-16);\n  }\n}\n\n/*\n * 6. Custom animations\n */\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .AnchorNav,\n  .AnchorNav::before,\n  .AnchorNav::after,\n  .AnchorNav * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/AnchorNav/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AnchorNav';
+//# sourceMappingURL=index.d.ts.map

package/esm/AnchorNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AnchorNav/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/esm/AnchorNav/useExpandedMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const useExpandedMenu: (open: boolean, linkContainerRef: React.RefObject<HTMLElement | null>, innerContainerRef: React.RefObject<HTMLElement | null>, isNarrow: boolean, closeMenuCallback: () => void) => void;
+//# sourceMappingURL=useExpandedMenu.d.ts.map

package/esm/AnchorNav/useExpandedMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedMenu.d.ts","sourceRoot":"","sources":["../../src/AnchorNav/useExpandedMenu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,eAAO,MAAM,eAAe,GAC1B,MAAM,OAAO,EACb,kBAAkB,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACrD,mBAAmB,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtD,UAAU,OAAO,EACjB,mBAAmB,MAAM,IAAI,SAoC9B,CAAA"}

package/esm/AnchorNav/useExpandedMenu.js

@@ -0,0 +1,33 @@
+import e from "./AnchorNav.module.js";
+import { useEffect as t } from "react";
+//#region src/AnchorNav/useExpandedMenu.ts
+var n = (n, r, i, a, o) => {
+	t(() => {
+		n && a ? document.body.classList.add(e["AnchorNav--no-bg-scroll"]) : document.body.classList.remove(e["AnchorNav--no-bg-scroll"]);
+	}, [n, a]), t(() => {
+		n && a && (r.current?.firstChild)?.focus();
+	}, [
+		n,
+		a,
+		r
+	]), t(() => {
+		let e = i.current;
+		if (e && n && a) {
+			let t = (t) => {
+				e.contains(t.relatedTarget) || o();
+			};
+			return e.addEventListener("focusout", t), () => {
+				e.removeEventListener("focusout", t);
+			};
+		}
+	}, [
+		n,
+		a,
+		i,
+		o
+	]);
+};
+//#endregion
+export { n as useExpandedMenu };
+
+//# sourceMappingURL=useExpandedMenu.js.map

package/esm/AnchorNav/useExpandedMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedMenu.js","names":[],"sources":["../../src/AnchorNav/useExpandedMenu.ts"],"sourcesContent":["import React, {useEffect} from 'react'\nimport styles from './AnchorNav.module.css'\n\nexport const useExpandedMenu = (\n  open: boolean,\n  linkContainerRef: React.RefObject<HTMLElement | null>,\n  innerContainerRef: React.RefObject<HTMLElement | null>,\n  isNarrow: boolean,\n  closeMenuCallback: () => void,\n) => {\n  // Prevent background scroll when menu is open\n  useEffect(() => {\n    if (open && isNarrow) {\n      document.body.classList.add(styles['AnchorNav--no-bg-scroll'])\n    } else {\n      document.body.classList.remove(styles['AnchorNav--no-bg-scroll'])\n    }\n  }, [open, isNarrow])\n\n  // Move focus to the first menu item when the menu opens\n  useEffect(() => {\n    if (open && isNarrow) {\n      const firstLink = linkContainerRef.current?.firstChild as HTMLElement | null\n      firstLink?.focus()\n    }\n  }, [open, isNarrow, linkContainerRef])\n\n  // Close the menu when focus moves outside the menu container\n  useEffect(() => {\n    const element = innerContainerRef.current\n    if (element && open && isNarrow) {\n      const handleFocusOut = (event: FocusEvent) => {\n        if (!element.contains(event.relatedTarget as Node)) {\n          closeMenuCallback()\n        }\n      }\n\n      element.addEventListener('focusout', handleFocusOut)\n\n      return () => {\n        element.removeEventListener('focusout', handleFocusOut)\n      }\n    }\n  }, [open, isNarrow, innerContainerRef, closeMenuCallback])\n}\n"],"mappings":";;;AAGA,IAAa,KACX,GACA,GACA,GACA,GACA,MACG;AAmBH,CAjBA,QAAgB;AACd,EAAI,KAAQ,IACV,SAAS,KAAK,UAAU,IAAI,EAAO,2BAA2B,GAE9D,SAAS,KAAK,UAAU,OAAO,EAAO,2BAA2B;IAElE,CAAC,GAAM,EAAS,CAAC,EAGpB,QAAgB;AACd,EAAI,KAAQ,MACQ,EAAiB,SAAS,aACjC,OAAO;IAEnB;EAAC;EAAM;EAAU;EAAiB,CAAC,EAGtC,QAAgB;EACd,IAAM,IAAU,EAAkB;AAClC,MAAI,KAAW,KAAQ,GAAU;GAC/B,IAAM,KAAkB,MAAsB;AAC5C,IAAK,EAAQ,SAAS,EAAM,cAAsB,IAChD,GAAmB;;AAMvB,UAFA,EAAQ,iBAAiB,YAAY,EAAe,QAEvC;AACX,MAAQ,oBAAoB,YAAY,EAAe;;;IAG1D;EAAC;EAAM;EAAU;EAAmB;EAAkB,CAAC"}

package/esm/Avatar/Avatar.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+export declare const AvatarSizes: readonly [32, 40, 48, 64, 80];
+export declare const AvatarShapes: readonly ["circle", "square"];
+type AvatarSizeVariants = (typeof AvatarSizes)[number];
+type ResponsiveSizeMap = {
+    narrow?: AvatarSizeVariants;
+    regular?: AvatarSizeVariants;
+    wide?: AvatarSizeVariants;
+};
+export type AvatarProps = BaseProps<HTMLImageElement> & {
+    size?: (typeof AvatarSizes)[number] | ResponsiveSizeMap;
+    shape?: (typeof AvatarShapes)[number];
+    src: string;
+    alt: string;
+    ['data-testid']?: string;
+} & React.ImgHTMLAttributes<HTMLImageElement>;
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLImageElement>> & {
+    testIds: {
+        root: string;
+        readonly image: string;
+    };
+};
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

package/esm/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD,eAAO,MAAM,WAAW,+BAAgC,CAAA;AACxD,eAAO,MAAM,YAAY,+BAAgC,CAAA;AAEzD,KAAK,kBAAkB,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtD,KAAK,iBAAiB,GAAG;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,GAAG;IACtD,IAAI,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAA;IACvD,KAAK,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IACrC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;CACzB,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;AAiC7C,eAAO,MAAM,MAAM;;;;;CAAoC,CAAA"}

package/esm/Avatar/Avatar.js

@@ -0,0 +1,35 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import t from "./Avatar.module.js";
+import { forwardRef as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/Avatar/Avatar.tsx
+var a = [
+	32,
+	40,
+	48,
+	64,
+	80
+], o = ["circle", "square"], s = {
+	root: "Avatar",
+	get image() {
+		return `${this.root}__image`;
+	}
+}, c = n(({ alt: n, className: c, size: l = a[1], shape: u = o[0], "data-testid": d, src: f, ...p }, m) => {
+	let h = r(() => typeof l == "number" ? t[`Avatar--size-${l}`] : Object.keys(l).map((e) => t[`Avatar-${e}--size-${l[e]}`]).join(" "), [l]);
+	return /* @__PURE__ */ i("span", {
+		ref: m,
+		className: e(t.Avatar, h, t[`Avatar--shape-${u}`], c),
+		"data-testid": d || s.root,
+		children: /* @__PURE__ */ i("img", {
+			className: e(t.Avatar__image),
+			src: f,
+			alt: n,
+			"data-testid": s.image,
+			...p
+		})
+	});
+}), l = Object.assign(c, { testIds: s });
+//#endregion
+export { l as Avatar, o as AvatarShapes, a as AvatarSizes };
+
+//# sourceMappingURL=Avatar.js.map

package/esm/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import React, {forwardRef, useMemo} from 'react'\nimport {clsx} from 'clsx'\nimport styles from './Avatar.module.css'\n\nimport type {BaseProps} from '../component-helpers'\n\nexport const AvatarSizes = [32, 40, 48, 64, 80] as const\nexport const AvatarShapes = ['circle', 'square'] as const\n\ntype AvatarSizeVariants = (typeof AvatarSizes)[number]\n\ntype ResponsiveSizeMap = {\n  narrow?: AvatarSizeVariants\n  regular?: AvatarSizeVariants\n  wide?: AvatarSizeVariants\n}\n\nexport type AvatarProps = BaseProps<HTMLImageElement> & {\n  size?: (typeof AvatarSizes)[number] | ResponsiveSizeMap\n  shape?: (typeof AvatarShapes)[number]\n  src: string\n  alt: string\n  ['data-testid']?: string\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst testIds = {\n  root: 'Avatar',\n  get image() {\n    return `${this.root}__image`\n  },\n}\n\nconst _Avatar = forwardRef<HTMLImageElement, AvatarProps>(\n  ({alt, className, size = AvatarSizes[1], shape = AvatarShapes[0], 'data-testid': testId, src, ...props}, ref) => {\n    const sizeClass = useMemo(() => {\n      return typeof size === 'number'\n        ? styles[`Avatar--size-${size}`]\n        : Object.keys(size)\n            .map(viewport => {\n              return styles[`Avatar-${viewport}--size-${size[viewport]}`]\n            })\n            .join(' ')\n    }, [size])\n\n    return (\n      <span\n        ref={ref}\n        className={clsx(styles.Avatar, sizeClass, styles[`Avatar--shape-${shape}`], className)}\n        data-testid={testId || testIds.root}\n      >\n        <img className={clsx(styles.Avatar__image)} src={src} alt={alt} data-testid={testIds.image} {...props} />\n      </span>\n    )\n  },\n)\n\nexport const Avatar = Object.assign(_Avatar, {testIds})\n"],"mappings":";;;;;AAMA,IAAa,IAAc;CAAC;CAAI;CAAI;CAAI;CAAI;CAAG,EAClC,IAAe,CAAC,UAAU,SAAS,EAkB1C,IAAU;CACd,MAAM;CACN,IAAI,QAAQ;AACV,SAAO,GAAG,KAAK,KAAK;;CAEvB,EAEK,IAAU,GACb,EAAC,QAAK,cAAW,UAAO,EAAY,IAAI,WAAQ,EAAa,IAAI,eAAe,GAAQ,QAAK,GAAG,KAAQ,MAAQ;CAC/G,IAAM,IAAY,QACT,OAAO,KAAS,WACnB,EAAO,gBAAgB,OACvB,OAAO,KAAK,EAAK,CACd,KAAI,MACI,EAAO,UAAU,EAAS,SAAS,EAAK,MAC/C,CACD,KAAK,IAAI,EACf,CAAC,EAAK,CAAC;AAEV,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EAAK,EAAO,QAAQ,GAAW,EAAO,iBAAiB,MAAU,EAAU;EACtF,eAAa,KAAU,EAAQ;YAE/B,kBAAC,OAAD;GAAK,WAAW,EAAK,EAAO,cAAc;GAAO;GAAU;GAAK,eAAa,EAAQ;GAAO,GAAI;GAAS,CAAA;EACpG,CAAA;EAGZ,EAEY,IAAS,OAAO,OAAO,GAAS,EAAC,YAAQ,CAAC"}

package/esm/Avatar/Avatar.module-DzfWmLu4.css

@@ -0,0 +1 @@
+.Primer_Brand__Avatar-module__Avatar___VP3QQ{width:var(--base-size-40);height:var(--base-size-40);display:inline-block;overflow:hidden}.Primer_Brand__Avatar-module__Avatar--shape-circle___Yz6Zj{border-radius:var(--brand-borderRadius-full)}.Primer_Brand__Avatar-module__Avatar--shape-square___f2Rrz{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__Avatar-module__Avatar__image___ImYTc{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.Primer_Brand__Avatar-module__Avatar--size-32___P1cC2{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Avatar-module__Avatar--size-40___fFZWc{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Avatar-module__Avatar--size-48___ZrSSm{width:var(--base-size-48);height:var(--base-size-48)}.Primer_Brand__Avatar-module__Avatar--size-64___QMrC7{width:var(--base-size-64);height:var(--base-size-64)}.Primer_Brand__Avatar-module__Avatar--size-80___1NIGx{width:var(--base-size-80);height:var(--base-size-80)}.Primer_Brand__Avatar-module__Avatar-narrow--size-32___Dl3Q7{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Avatar-module__Avatar-narrow--size-40___8KQIy{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Avatar-module__Avatar-narrow--size-48___gN_Ov{width:var(--base-size-48);height:var(--base-size-48)}@media screen and (width>=48rem){.Primer_Brand__Avatar-module__Avatar-regular--size-32___Keys0{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Avatar-module__Avatar-regular--size-40___bajRu{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Avatar-module__Avatar-regular--size-48___f2itY{width:var(--base-size-48);height:var(--base-size-48)}.Primer_Brand__Avatar-module__Avatar-regular--size-64___6_jqI{width:var(--base-size-64);height:var(--base-size-64)}.Primer_Brand__Avatar-module__Avatar-regular--size-80___q7H8m{width:var(--base-size-80);height:var(--base-size-80)}}@media screen and (width>=80rem){.Primer_Brand__Avatar-module__Avatar-wide--size-32___g7fYr{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Avatar-module__Avatar-wide--size-40___48LVl{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Avatar-module__Avatar-wide--size-48___cwlSk{width:var(--base-size-48);height:var(--base-size-48)}.Primer_Brand__Avatar-module__Avatar-wide--size-64___w72xb{width:var(--base-size-64);height:var(--base-size-64)}.Primer_Brand__Avatar-module__Avatar-wide--size-80___MptXL{width:var(--base-size-80);height:var(--base-size-80)}}

package/esm/Avatar/Avatar.module.js

@@ -0,0 +1,28 @@
+import './Avatar.module-DzfWmLu4.css';var e = {
+	Avatar: "Primer_Brand__Avatar-module__Avatar___VP3QQ",
+	"Avatar--shape-circle": "Primer_Brand__Avatar-module__Avatar--shape-circle___Yz6Zj",
+	"Avatar--shape-square": "Primer_Brand__Avatar-module__Avatar--shape-square___f2Rrz",
+	Avatar__image: "Primer_Brand__Avatar-module__Avatar__image___ImYTc",
+	"Avatar--size-32": "Primer_Brand__Avatar-module__Avatar--size-32___P1cC2",
+	"Avatar--size-40": "Primer_Brand__Avatar-module__Avatar--size-40___fFZWc",
+	"Avatar--size-48": "Primer_Brand__Avatar-module__Avatar--size-48___ZrSSm",
+	"Avatar--size-64": "Primer_Brand__Avatar-module__Avatar--size-64___QMrC7",
+	"Avatar--size-80": "Primer_Brand__Avatar-module__Avatar--size-80___1NIGx",
+	"Avatar-narrow--size-32": "Primer_Brand__Avatar-module__Avatar-narrow--size-32___Dl3Q7",
+	"Avatar-narrow--size-40": "Primer_Brand__Avatar-module__Avatar-narrow--size-40___8KQIy",
+	"Avatar-narrow--size-48": "Primer_Brand__Avatar-module__Avatar-narrow--size-48___gN_Ov",
+	"Avatar-regular--size-32": "Primer_Brand__Avatar-module__Avatar-regular--size-32___Keys0",
+	"Avatar-regular--size-40": "Primer_Brand__Avatar-module__Avatar-regular--size-40___bajRu",
+	"Avatar-regular--size-48": "Primer_Brand__Avatar-module__Avatar-regular--size-48___f2itY",
+	"Avatar-regular--size-64": "Primer_Brand__Avatar-module__Avatar-regular--size-64___6_jqI",
+	"Avatar-regular--size-80": "Primer_Brand__Avatar-module__Avatar-regular--size-80___q7H8m",
+	"Avatar-wide--size-32": "Primer_Brand__Avatar-module__Avatar-wide--size-32___g7fYr",
+	"Avatar-wide--size-40": "Primer_Brand__Avatar-module__Avatar-wide--size-40___48LVl",
+	"Avatar-wide--size-48": "Primer_Brand__Avatar-module__Avatar-wide--size-48___cwlSk",
+	"Avatar-wide--size-64": "Primer_Brand__Avatar-module__Avatar-wide--size-64___w72xb",
+	"Avatar-wide--size-80": "Primer_Brand__Avatar-module__Avatar-wide--size-80___MptXL"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Avatar.module.js.map

package/esm/Avatar/Avatar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.module.js","names":[],"sources":["../../src/Avatar/Avatar.module.css"],"sourcesContent":[".Avatar {\n  display: inline-block;\n  overflow: hidden;\n  width: var(--base-size-40);\n  height: var(--base-size-40);\n}\n\n.Avatar--shape-circle {\n  border-radius: var(--brand-borderRadius-full);\n}\n\n.Avatar--shape-square {\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n.Avatar__image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.Avatar--size-32 {\n  width: var(--base-size-32);\n  height: var(--base-size-32);\n}\n\n.Avatar--size-40 {\n  width: var(--base-size-40);\n  height: var(--base-size-40);\n}\n\n.Avatar--size-48 {\n  width: var(--base-size-48);\n  height: var(--base-size-48);\n}\n\n.Avatar--size-64 {\n  width: var(--base-size-64);\n  height: var(--base-size-64);\n}\n\n.Avatar--size-80 {\n  width: var(--base-size-80);\n  height: var(--base-size-80);\n}\n\n.Avatar-narrow--size-32 {\n  width: var(--base-size-32);\n  height: var(--base-size-32);\n}\n\n.Avatar-narrow--size-40 {\n  width: var(--base-size-40);\n  height: var(--base-size-40);\n}\n\n.Avatar-narrow--size-48 {\n  width: var(--base-size-48);\n  height: var(--base-size-48);\n}\n\n@media screen and (min-width: 48rem) {\n  .Avatar-regular--size-32 {\n    width: var(--base-size-32);\n    height: var(--base-size-32);\n  }\n\n  .Avatar-regular--size-40 {\n    width: var(--base-size-40);\n    height: var(--base-size-40);\n  }\n\n  .Avatar-regular--size-48 {\n    width: var(--base-size-48);\n    height: var(--base-size-48);\n  }\n\n  .Avatar-regular--size-64 {\n    width: var(--base-size-64);\n    height: var(--base-size-64);\n  }\n\n  .Avatar-regular--size-80 {\n    width: var(--base-size-80);\n    height: var(--base-size-80);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Avatar-wide--size-32 {\n    width: var(--base-size-32);\n    height: var(--base-size-32);\n  }\n\n  .Avatar-wide--size-40 {\n    width: var(--base-size-40);\n    height: var(--base-size-40);\n  }\n\n  .Avatar-wide--size-48 {\n    width: var(--base-size-48);\n    height: var(--base-size-48);\n  }\n\n  .Avatar-wide--size-64 {\n    width: var(--base-size-64);\n    height: var(--base-size-64);\n  }\n\n  .Avatar-wide--size-80 {\n    width: var(--base-size-80);\n    height: var(--base-size-80);\n  }\n}\n"],"mappings":""}

package/esm/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Avatar';
+//# sourceMappingURL=index.d.ts.map

package/esm/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/esm/Bento/Bento.d.ts

@@ -0,0 +1,60 @@
+import React, { ReactElement } from 'react';
+import type { BaseProps } from '../component-helpers';
+import { HeadingProps, ColorMode as FullColorMode } from '../';
+import type { IconProps } from '../Icon';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/bento/base.css';
+type ColorMode = Exclude<FullColorMode, 'auto'>;
+export type Size = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
+export type ColumnIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type ResponsiveColumnIndex = Partial<Record<Size, ColumnIndex>>;
+type ResponsiveRowIndex = Partial<Record<Size, number>>;
+type Flow = 'row' | 'column';
+type ResponsiveFlow = Partial<Record<Size, Flow>>;
+type Align = 'start' | 'center' | 'end';
+type ResponsiveAlign = Partial<Record<Size, Align>>;
+type Padding = 'condensed' | 'normal' | 'spacious';
+type ResponsivePadding = Partial<Record<Size, Padding>>;
+type Order = 'default' | 'reversed';
+type ResponsiveOrder = Partial<Record<Size, Order>>;
+type BentoProps = React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement>;
+type BentoItemProps = {
+    columnStart?: ColumnIndex | ResponsiveColumnIndex;
+    columnSpan?: ColumnIndex | ResponsiveColumnIndex;
+    rowStart?: number | ResponsiveRowIndex;
+    rowSpan?: number | ResponsiveRowIndex;
+    flow?: Flow | ResponsiveFlow;
+    colorMode?: ColorMode;
+    visualAsBackground?: boolean;
+    order?: Order | ResponsiveOrder;
+    bgColor?: 'default' | 'subtle';
+} & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement>;
+type BentoContentProps = {
+    leadingVisual?: ReactElement<IconProps>;
+    padding?: Padding | ResponsivePadding;
+    verticalAlign?: Align | ResponsiveAlign;
+    horizontalAlign?: Exclude<Align, 'end'> | Partial<Record<Size, Exclude<Align, 'end'>>>;
+} & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement>;
+type BentoHeadingProps = {
+    variant?: 'default' | 'muted';
+} & BaseProps<HTMLHeadingElement> & HeadingProps;
+type BentoVisualProps = {
+    horizontalAlign?: Align;
+    verticalAlign?: Align;
+    fillMedia?: boolean;
+    overflow?: 'hidden' | 'initial';
+    position?: string;
+    padding?: Padding | ResponsivePadding;
+} & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement>;
+/**
+ * Use Bento to present content in a responsive grid layout.
+ * @deprecated Bento is deprecated and will be removed in a future release. Use CTABanner or River instead.
+ * @see https://primer.style/brand/components/Bento
+ */
+export declare const Bento: (({ className, ...rest }: BentoProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: ({ className, columnStart, columnSpan, rowStart, rowSpan, flow, colorMode, visualAsBackground, order, bgColor, children, ...rest }: BentoItemProps) => import("react/jsx-runtime").JSX.Element;
+    Visual: ({ horizontalAlign, verticalAlign, fillMedia, overflow, position, padding, className, children, ...rest }: BentoVisualProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, leadingVisual: LeadingVisual, padding, verticalAlign, horizontalAlign, className, ...rest }: BentoContentProps) => import("react/jsx-runtime").JSX.Element;
+    Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<BentoHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+};
+export {};
+//# sourceMappingURL=Bento.d.ts.map

package/esm/Bento/Bento.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bento.d.ts","sourceRoot":"","sources":["../../src/Bento/Bento.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,YAAY,EAA2D,MAAM,OAAO,CAAA;AAGnG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAGnD,OAAO,EAAsB,YAAY,EAAwB,SAAS,IAAI,aAAa,EAAe,MAAM,KAAK,CAAA;AAErH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAEtC,OAAO,4FAA4F,CAAA;AAGnG,KAAK,SAAS,GAAG,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;AAE/C,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AACjF,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAE1E,KAAK,qBAAqB,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;AAC/D,KAAK,kBAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;AAEvD,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC5B,KAAK,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAEjD,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AACvC,KAAK,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAEnD,KAAK,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAClD,KAAK,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;AAEvD,KAAK,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACnC,KAAK,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;AAEnD,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;AASlF,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAA;IACjD,UAAU,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAA;IAChD,QAAQ,CAAC,EAAE,MAAM,GAAG,kBAAkB,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,GAAG,kBAAkB,CAAA;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,cAAc,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,KAAK,CAAC,EAAE,KAAK,GAAG,eAAe,CAAA;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC/B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtC,SAAS,CAAC,cAAc,CAAC,CAAA;AA4H3B,KAAK,iBAAiB,GAAG;IACvB,aAAa,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAA;IACrC,aAAa,CAAC,EAAE,KAAK,GAAG,eAAe,CAAA;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;CACvF,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtC,SAAS,CAAC,cAAc,CAAC,CAAA;AA2E3B,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAC/B,YAAY,CAAA;AA6Cd,KAAK,gBAAgB,GAAG;IACtB,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,aAAa,CAAC,EAAE,KAAK,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAA;CACtC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtC,SAAS,CAAC,cAAc,CAAC,CAAA;AAmD3B;;;;GAIG;AACH,eAAO,MAAM,KAAK,4BA/UkB,UAAU;8IAmF3C,cAAc;uHAgNd,gBAAgB;uHArIhB,iBAAiB;;CAiLgE,CAAA"}