@primer/react-brand 0.73.0 → 0.74.0-rc.101f122b

package/esm/MinimalFooter/MinimalFooter.js

@@ -1,13 +1,12 @@
 import e from "../node_modules/clsx/dist/clsx.js";
-import { Stack as t } from "../Stack/Stack.js";
+import { useReducedMotion as t } from "../hooks/useReducedMotion.js";
 import { Text as n } from "../Text/Text.js";
-import { ColorModesEnum as r } from "../ThemeProvider/ThemeProvider.js";
-import { useTheme as i } from "../ThemeProvider/useTheme.js";
-import { LogoGithubIcon as a } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes-DhME9i-y.css';/* empty css                                                                                                    */
-import o from "./MinimalFooter.module.js";
-import s from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ArrowUpIcon as r, MarkGithubIcon as i } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes-CMFhnjfv.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/footer/base-C0fjI9_t.css';/* empty css                                                                                                    */
+/* empty css                                                                                       */
+import a from "./MinimalFooter.module.js";
+import o, { forwardRef as s, useCallback as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/MinimalFooter/MinimalFooter.tsx
 var d = {
 	x: {
@@ -67,77 +66,88 @@ var d = {
 		iconHeight: 24
 	}
 }, f = Object.keys(d);
-function p({ className: r, children: i, copyrightStatement: a, logoHref: d = "https://github.com", socialLinks: f, ...p }) {
-	let h = () => s.Children.toArray(i).find((e) => {
-		if (!s.isValidElement(e)) return !1;
-		if (e.type && e.type === m) return !0;
-	}), v = s.Children.toArray(i).filter((e) => {
-		if (s.isValidElement(e) && e.type === _) return e;
-	}).slice(0, 5), y = (/* @__PURE__ */ new Date()).getFullYear();
+function p({ centerComponent: t, className: r, children: i, copyrightStatement: s, logoHref: c = "https://github.com", socialLinks: d, ...p }) {
+	let h, b, x = [];
+	for (let e of o.Children.toArray(i)) o.isValidElement(e) && (e.type === m ? h ??= e : e.type === y ? b ??= e : e.type === v && x.length < 5 && x.push(e));
+	let S = (/* @__PURE__ */ new Date()).getFullYear(), C = d === void 0 ? f : d, w = C === !1 ? [] : C, T = w.length > 0, E = x.length > 0, D = E ? /* @__PURE__ */ l("div", {
+		className: a.MinimalFooter__links,
+		children: x
+	}) : null, O = /* @__PURE__ */ l(n, {
+		as: "p",
+		size: "100",
+		font: "monospace",
+		weight: {
+			narrow: "medium",
+			wide: "normal"
+		},
+		variant: "muted",
+		className: e(a.MinimalFooter__copyright, a.MinimalFooter__metaText),
+		children: s || `\u00A9 ${S} GitHub. All rights reserved.`
+	});
 	return /* @__PURE__ */ u("footer", {
-		className: e(o.Footer, r),
+		className: e(a.MinimalFooter, h && a["MinimalFooter--withFootnotes"], r),
 		...p,
 		children: [
-			h(),
-			/* @__PURE__ */ l(g, {
-				socialLinks: f,
-				logoHref: d
+			h,
+			/* @__PURE__ */ l("div", {
+				className: a.MinimalFooter__section,
+				children: /* @__PURE__ */ l("section", {
+					className: a.MinimalFooter__top,
+					children: /* @__PURE__ */ l("div", {
+						className: a.MinimalFooter__container,
+						children: /* @__PURE__ */ u("div", {
+							className: a["MinimalFooter__top-row"],
+							children: [/* @__PURE__ */ l(g, { logoHref: c }), E || b ? /* @__PURE__ */ u("div", {
+								className: a["MinimalFooter__top-actions"],
+								children: [b, D]
+							}) : null]
+						})
+					})
+				})
 			}),
-			/* @__PURE__ */ l("section", { children: /* @__PURE__ */ l("div", {
-				className: o["Footer__legal-and-links"],
-				children: /* @__PURE__ */ l("div", {
-					className: o.Footer__container,
-					children: /* @__PURE__ */ u(t, {
-						direction: {
-							narrow: "vertical",
-							regular: "horizontal"
-						},
-						gap: "normal",
-						padding: "none",
-						justifyContent: "space-between",
-						children: [/* @__PURE__ */ l(t, {
-							padding: "none",
-							gap: "condensed",
-							justifyContent: {
-								narrow: "center",
-								regular: "flex-end"
-							},
-							direction: {
-								narrow: "vertical",
-								regular: "horizontal"
-							},
-							className: o.Footer__links,
-							children: /* @__PURE__ */ l(c, { children: v })
-						}), /* @__PURE__ */ l(n, {
-							as: "p",
-							size: "200",
-							variant: "muted",
-							className: o.Footer__copyright,
-							children: a || `\u00A9 ${y} GitHub. All rights reserved.`
-						})]
+			t ? /* @__PURE__ */ l("div", {
+				className: e(a.MinimalFooter__section, a["MinimalFooter__section--center"]),
+				children: /* @__PURE__ */ l("section", {
+					className: a.MinimalFooter__container,
+					children: t
+				})
+			}) : null,
+			/* @__PURE__ */ l("div", {
+				className: e(a.MinimalFooter__section, a["MinimalFooter__section--bottom"]),
+				children: /* @__PURE__ */ l("section", {
+					className: a.MinimalFooter__bottom,
+					children: /* @__PURE__ */ l("div", {
+						className: a.MinimalFooter__container,
+						children: /* @__PURE__ */ u("div", {
+							className: a["MinimalFooter__bottom-row"],
+							children: [O, T ? /* @__PURE__ */ l(_, { socialLinks: w }) : null]
+						})
 					})
 				})
-			}) })
+			})
 		]
 	});
 }
 function m({ children: t, className: r }) {
-	let i = s.Children.map(t, (t) => {
-		if (s.isValidElement(t) && t.type === n) {
+	let i = o.Children.map(t, (t) => {
+		if (o.isValidElement(t) && t.type === n) {
 			let n = t, r = {
 				variant: "muted",
 				size: "100",
-				className: e(o["Footer__terms-item"], n.props.className)
+				className: e(a["MinimalFooter__terms-item"], n.props.className)
 			};
-			return n.props.as || (r.as = "p"), s.cloneElement(n, r);
+			return n.props.as || (r.as = "p"), o.cloneElement(n, r);
 		}
 		return null;
 	});
-	return /* @__PURE__ */ l("section", {
-		className: o.Footer__container,
-		children: /* @__PURE__ */ l("div", {
-			className: e(o.Footer__terms, r),
-			children: i
+	return /* @__PURE__ */ l("div", {
+		className: e(a.MinimalFooter__section, a["MinimalFooter__section--footnotes"]),
+		children: /* @__PURE__ */ l("section", {
+			className: a.MinimalFooter__container,
+			children: /* @__PURE__ */ l("div", {
+				className: e(a.MinimalFooter__terms, r),
+				children: i
+			})
 		})
 	});
 }
@@ -145,10 +155,10 @@ var h = ({ name: e }) => {
 	let t = d[e];
 	return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("a", {
 		href: t.url,
-		className: o["Footer__social-link"],
+		className: a["MinimalFooter__social-link"],
 		"data-analytics-event": `{"category":"Footer","action":"go to ${t.fullName}","label":"text:${e}"}`,
 		children: [/* @__PURE__ */ l("img", {
-			className: o["Footer__social-icon"],
+			className: a["MinimalFooter__social-icon"],
 			src: t.icon,
 			height: t.iconHeight,
 			width: t.iconWidth,
@@ -159,53 +169,83 @@ var h = ({ name: e }) => {
 			className: "visually-hidden",
 			children: ["GitHub on ", t.fullName]
 		})]
-	}) }, e);
+	}) });
 };
-function g({ socialLinks: n = f, logoHref: s }) {
-	let { colorMode: c } = i();
-	return /* @__PURE__ */ l("section", {
-		className: e(o.Footer__logomarks),
-		children: /* @__PURE__ */ l("div", {
-			className: o.Footer__container,
-			children: /* @__PURE__ */ u(t, {
-				alignItems: "center",
-				direction: {
-					narrow: "vertical",
-					regular: "horizontal"
-				},
-				gap: "normal",
-				padding: "none",
-				justifyContent: "space-between",
-				children: [/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("a", {
-					href: s,
-					"data-analytics-event": "{\"category\":\"Footer\",\"action\":\"go to home\",\"label\":\"text:home\"}",
-					"aria-label": "GitHub",
-					children: /* @__PURE__ */ l(a, {
-						fill: c === r.DARK ? "white" : "black",
-						size: "medium"
-					})
-				}) }), n ? /* @__PURE__ */ l("ul", {
-					className: o["Footer__social-links"],
-					children: n.map((e) => /* @__PURE__ */ l(h, { name: e }, e))
-				}) : null]
-			})
-		})
+function g({ logoHref: e }) {
+	return /* @__PURE__ */ l("a", {
+		href: e,
+		className: a.MinimalFooter__logo,
+		"data-analytics-event": "{\"category\":\"Footer\",\"action\":\"go to home\",\"label\":\"text:home\"}",
+		"aria-label": "GitHub",
+		children: /* @__PURE__ */ l(i, { size: 24 })
+	});
+}
+function _({ socialLinks: e }) {
+	return /* @__PURE__ */ l("ul", {
+		className: a["MinimalFooter__social-links"],
+		children: e.map((e) => /* @__PURE__ */ l(h, { name: e }, e))
 	});
 }
-var _ = ({ as: e, children: t, ...r }) => /* @__PURE__ */ l(e || "a", {
-	className: o.Footer__link,
+var v = ({ as: e, children: t, ...r }) => /* @__PURE__ */ l(e || "a", {
+	className: a.MinimalFooter__link,
 	"data-analytics-event": r.href ? `{"category":"Footer","action":"go to ${r.href}","label":"text:${t}"}` : void 0,
 	...r,
 	children: /* @__PURE__ */ l(n, {
 		variant: "muted",
-		size: "200",
+		size: "100",
+		font: "monospace",
+		weight: {
+			narrow: "medium",
+			wide: "normal"
+		},
+		className: a.MinimalFooter__metaText,
 		children: t
 	})
-}), v = Object.assign(p, {
+}), y = s(({ children: i, className: o, focusTargetId: s, onClick: d, type: f = "button", ...p }, m) => {
+	let h = t(), g = c((e) => {
+		if (d?.(e), !e.defaultPrevented && (window.scrollTo({
+			top: 0,
+			behavior: h ? "instant" : "smooth"
+		}), e.detail === 0)) {
+			let e = s ? document.getElementById(s) : document.querySelector("main") ?? document.querySelector("body") ?? document.documentElement;
+			if (!e) {
+				(process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn(`MinimalFooter.BackToTop: No element found with id "${s}".`);
+				return;
+			}
+			e.hasAttribute("tabindex") || (e.tabIndex = -1, e.addEventListener("blur", () => e.removeAttribute("tabindex"), { once: !0 })), e.focus({ preventScroll: !0 });
+		}
+	}, [
+		s,
+		d,
+		h
+	]);
+	return /* @__PURE__ */ l("button", {
+		ref: m,
+		type: f,
+		className: e(a.MinimalFooter__backToTop, o),
+		onClick: g,
+		...p,
+		children: /* @__PURE__ */ u("span", {
+			className: a["MinimalFooter__backToTop-content"],
+			children: [/* @__PURE__ */ l(n, {
+				as: "span",
+				size: "100",
+				weight: "medium",
+				className: a.MinimalFooter__metaText,
+				children: i
+			}), /* @__PURE__ */ l("span", {
+				className: a["MinimalFooter__backToTop-icon"],
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ l(r, {})
+			})]
+		})
+	});
+}), b = Object.assign(p, {
 	Footnotes: m,
-	Link: _
+	Link: v,
+	BackToTop: y
 });
 //#endregion
-export { v as MinimalFooter };
+export { b as MinimalFooter };
 
 //# sourceMappingURL=MinimalFooter.js.map

package/esm/MinimalFooter/MinimalFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimalFooter.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {LogoGithubIcon} from '@primer/octicons-react'\n\nimport {ColorModesEnum, Stack, Text, useTheme} from '../'\nimport {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css'\n\n/**\n * Main Stylesheet (as a CSS Module)\n */\nimport styles from './MinimalFooter.module.css'\n\nconst socialLinkData = {\n  x: {\n    fullName: 'X',\n    url: 'https://x.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/x.svg',\n    iconWidth: 20,\n    iconHeight: 16,\n  },\n  github: {\n    fullName: 'GitHub',\n    url: 'https://github.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg',\n    iconWidth: 20,\n    iconHeight: 20,\n  },\n  linkedin: {\n    fullName: 'LinkedIn',\n    url: 'https://www.linkedin.com/company/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg',\n    iconWidth: 19,\n    iconHeight: 18,\n  },\n  youtube: {\n    fullName: 'YouTube',\n    url: 'https://www.youtube.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg',\n    iconWidth: 23,\n    iconHeight: 16,\n  },\n  facebook: {\n    fullName: 'Facebook',\n    url: 'https://www.facebook.com/GitHub',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  twitch: {\n    fullName: 'Twitch',\n    url: 'https://www.twitch.tv/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  tiktok: {\n    fullName: 'TikTok',\n    url: 'https://www.tiktok.com/@github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  instagram: {\n    fullName: 'Instagram',\n    url: 'https://www.instagram.com/github/',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg',\n    iconWidth: 24,\n    iconHeight: 24,\n  },\n} as const\n\ntype SocialLinkName = keyof typeof socialLinkData\ntype SocialLink = (typeof socialLinkData)[SocialLinkName]\n\nconst socialLinkNames = Object.keys(socialLinkData) as SocialLinkName[]\n\nexport type MinimalFooterProps = {\n  /**\n   * An array of social links to be displayed in the footer.\n   */\n  socialLinks?: SocialLinkName[] | false\n  /**\n   * The href for the GitHub logo.\n   */\n  logoHref?: string\n  /**\n   * The copyright statement to be displayed in the footer.\n   * If not provided, the copyright statement will be the default GitHub copyright statement.\n   */\n  copyrightStatement?: string | React.ReactElement\n} & BaseProps<HTMLElement>\n\nfunction Root({\n  className,\n  children,\n  copyrightStatement,\n  logoHref = 'https://github.com',\n  socialLinks,\n  ...rest\n}: PropsWithChildren<MinimalFooterProps>) {\n  // find Footer.Footnotes children\n  const footerFootnoteChild = () => {\n    const footnotes = React.Children.toArray(children).find(child => {\n      if (!React.isValidElement(child)) {\n        return false\n      }\n\n      if (child.type && child.type === Footnotes) {\n        return true\n      }\n    })\n    return footnotes\n  }\n\n  /**\n   * Renders a maximum of 5 links.\n   * If more than 5 links are required, we should encourage usage of Footer instead.\n   */\n  const LinkChildren = React.Children.toArray(children)\n    .filter(child => {\n      // if not valid element\n      if (React.isValidElement(child)) {\n        if (child.type === Link) {\n          return child\n        }\n      }\n    })\n    .slice(0, 5)\n\n  const currentYear = new Date().getFullYear()\n\n  return (\n    <footer className={clsx(styles.Footer, className)} {...rest}>\n      {footerFootnoteChild()}\n      <SocialLogomarks socialLinks={socialLinks} logoHref={logoHref} />\n      <section>\n        <div className={styles['Footer__legal-and-links']}>\n          <div className={styles['Footer__container']}>\n            <Stack\n              direction={{narrow: 'vertical', regular: 'horizontal'}}\n              gap=\"normal\"\n              padding=\"none\"\n              justifyContent=\"space-between\"\n            >\n              <Stack\n                padding=\"none\"\n                gap=\"condensed\"\n                justifyContent={{\n                  narrow: 'center',\n                  regular: 'flex-end',\n                }}\n                direction={{\n                  narrow: 'vertical',\n                  regular: 'horizontal',\n                }}\n                className={styles['Footer__links']}\n              >\n                <>{LinkChildren}</>\n              </Stack>\n              <Text as=\"p\" size=\"200\" variant=\"muted\" className={styles['Footer__copyright']}>\n                {copyrightStatement ? copyrightStatement : `\\u00A9 ${currentYear} GitHub. All rights reserved.`}\n              </Text>\n            </Stack>\n          </div>\n        </div>\n      </section>\n    </footer>\n  )\n}\n\ntype FootnoteProps = BaseProps<HTMLElement>\n\nfunction Footnotes({children, className}: PropsWithChildren<FootnoteProps>) {\n  const styledChildren = React.Children.map(children, child => {\n    if (React.isValidElement<React.ComponentProps<typeof Text>>(child) && child.type === Text) {\n      const textChild = child as React.ReactElement<React.ComponentProps<typeof Text>>\n      const overrideProps: Partial<React.ComponentProps<typeof Text>> = {\n        variant: 'muted',\n        size: '100',\n        className: clsx(styles['Footer__terms-item'], textChild.props.className),\n      }\n\n      if (!textChild.props.as) {\n        overrideProps.as = 'p'\n      }\n\n      return React.cloneElement(textChild, overrideProps)\n    }\n\n    return null\n  })\n\n  return (\n    <section className={styles.Footer__container}>\n      <div className={clsx(styles.Footer__terms, className)}>{styledChildren}</div>\n    </section>\n  )\n}\n\ntype SocialLinkProps = {name: SocialLinkName}\n\nconst SocialLink = ({name}: SocialLinkProps) => {\n  const link = socialLinkData[name]\n  return (\n    <li key={name}>\n      <a\n        href={link.url}\n        className={styles['Footer__social-link']}\n        data-analytics-event={`{\"category\":\"Footer\",\"action\":\"go to ${link.fullName}\",\"label\":\"text:${name}\"}`}\n      >\n        <img\n          className={styles['Footer__social-icon']}\n          src={link.icon}\n          height={link.iconHeight}\n          width={link.iconWidth}\n          loading=\"lazy\"\n          decoding=\"async\"\n          alt=\"\"\n        />\n        <span className=\"visually-hidden\">GitHub on {link.fullName}</span>\n      </a>\n    </li>\n  )\n}\n\ntype SocialLogomarksProps = {\n  socialLinks?: SocialLinkName[] | false\n  logoHref?: string\n}\n\nfunction SocialLogomarks({socialLinks = socialLinkNames, logoHref}: SocialLogomarksProps) {\n  const {colorMode} = useTheme()\n\n  return (\n    <section className={clsx(styles['Footer__logomarks'])}>\n      <div className={styles['Footer__container']}>\n        <Stack\n          alignItems=\"center\"\n          direction={{narrow: 'vertical', regular: 'horizontal'}}\n          gap=\"normal\"\n          padding=\"none\"\n          justifyContent=\"space-between\"\n        >\n          <div>\n            <a\n              href={logoHref}\n              data-analytics-event='{\"category\":\"Footer\",\"action\":\"go to home\",\"label\":\"text:home\"}'\n              aria-label=\"GitHub\"\n            >\n              <LogoGithubIcon fill={colorMode === ColorModesEnum.DARK ? 'white' : 'black'} size=\"medium\" />\n            </a>\n          </div>\n          {socialLinks ? (\n            <ul className={styles['Footer__social-links']}>\n              {socialLinks.map(name => (\n                <SocialLink key={name} name={name} />\n              ))}\n            </ul>\n          ) : null}\n        </Stack>\n      </div>\n    </section>\n  )\n}\n\ntype LinkProps<C extends React.ElementType> = BaseProps<C> & {as?: 'a' | 'button'} & Omit<\n    React.ComponentPropsWithoutRef<C>,\n    keyof C\n  >\n\nconst Link = <C extends React.ElementType = 'a'>({as, children, ...rest}: PropsWithChildren<LinkProps<C>>) => {\n  const Component = as || 'a'\n  return (\n    <Component\n      className={styles['Footer__link']}\n      data-analytics-event={\n        rest['href'] ? `{\"category\":\"Footer\",\"action\":\"go to ${rest['href']}\",\"label\":\"text:${children}\"}` : undefined\n      }\n      {...rest}\n    >\n      <Text variant=\"muted\" size=\"200\">\n        {children}\n      </Text>\n    </Component>\n  )\n}\n\n/**\n * Use MinimalFooter to render a global footer on all GitHub pages.\n * @see https://primer.style/brand/components/MinimalFooter\n */\nexport const MinimalFooter = Object.assign(Root, {\n  Footnotes,\n  Link,\n})\n"],"mappings":"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"}
+{"version":3,"file":"MinimalFooter.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useCallback} from 'react'\nimport {clsx} from 'clsx'\nimport {ArrowUpIcon, MarkGithubIcon} from '@primer/octicons-react'\n\nimport {Text} from '../'\nimport {BaseProps} from '../component-helpers'\nimport {useReducedMotion} from '../hooks/useReducedMotion'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/base.css'\n\n/**\n * Main Stylesheet (as a CSS Module)\n */\nimport styles from './MinimalFooter.module.css'\n\nconst socialLinkData = {\n  x: {\n    fullName: 'X',\n    url: 'https://x.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/x.svg',\n    iconWidth: 20,\n    iconHeight: 16,\n  },\n  github: {\n    fullName: 'GitHub',\n    url: 'https://github.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg',\n    iconWidth: 20,\n    iconHeight: 20,\n  },\n  linkedin: {\n    fullName: 'LinkedIn',\n    url: 'https://www.linkedin.com/company/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg',\n    iconWidth: 19,\n    iconHeight: 18,\n  },\n  youtube: {\n    fullName: 'YouTube',\n    url: 'https://www.youtube.com/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg',\n    iconWidth: 23,\n    iconHeight: 16,\n  },\n  facebook: {\n    fullName: 'Facebook',\n    url: 'https://www.facebook.com/GitHub',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  twitch: {\n    fullName: 'Twitch',\n    url: 'https://www.twitch.tv/github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  tiktok: {\n    fullName: 'TikTok',\n    url: 'https://www.tiktok.com/@github',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg',\n    iconWidth: 18,\n    iconHeight: 18,\n  },\n  instagram: {\n    fullName: 'Instagram',\n    url: 'https://www.instagram.com/github/',\n    icon: 'https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg',\n    iconWidth: 24,\n    iconHeight: 24,\n  },\n} as const\n\ntype SocialLinkName = keyof typeof socialLinkData\nconst socialLinkNames = Object.keys(socialLinkData) as SocialLinkName[]\n\nexport type MinimalFooterProps = {\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  centerComponent?: React.ReactElement\n  /**\n   * An array of social links to be displayed in the footer.\n   */\n  socialLinks?: SocialLinkName[] | false\n  /**\n   * The href for the GitHub logo.\n   */\n  logoHref?: string\n  /**\n   * The copyright statement to be displayed in the footer.\n   * If not provided, the copyright statement will be the default GitHub copyright statement.\n   */\n  copyrightStatement?: string | React.ReactElement\n} & BaseProps<HTMLElement>\n\nfunction Root({\n  centerComponent,\n  className,\n  children,\n  copyrightStatement,\n  logoHref = 'https://github.com',\n  socialLinks,\n  ...rest\n}: PropsWithChildren<MinimalFooterProps>) {\n  let footnotes: React.ReactElement | undefined\n  let backToTop: React.ReactElement | undefined\n  const links: React.ReactElement[] = []\n\n  for (const child of React.Children.toArray(children)) {\n    if (!React.isValidElement(child)) {\n      continue\n    }\n\n    if (child.type === Footnotes) {\n      footnotes ??= child\n    } else if (child.type === BackToTop) {\n      backToTop ??= child\n    } else if (child.type === Link && links.length < 5) {\n      links.push(child)\n    }\n  }\n\n  const currentYear = new Date().getFullYear()\n  const resolvedSocialLinks = socialLinks === undefined ? socialLinkNames : socialLinks\n  const renderedSocialLinks = resolvedSocialLinks === false ? [] : resolvedSocialLinks\n  const hasSocialLinks = renderedSocialLinks.length > 0\n  const hasLinks = links.length > 0\n  const renderedLinks = hasLinks ? <div className={styles.MinimalFooter__links}>{links}</div> : null\n  const copyright = (\n    <Text\n      as=\"p\"\n      size=\"100\"\n      font=\"monospace\"\n      weight={{narrow: 'medium', wide: 'normal'}}\n      variant=\"muted\"\n      className={clsx(styles.MinimalFooter__copyright, styles.MinimalFooter__metaText)}\n    >\n      {copyrightStatement ? copyrightStatement : `\\u00A9 ${currentYear} GitHub. All rights reserved.`}\n    </Text>\n  )\n\n  return (\n    <footer\n      className={clsx(styles.MinimalFooter, footnotes && styles['MinimalFooter--withFootnotes'], className)}\n      {...rest}\n    >\n      {footnotes}\n      <div className={styles.MinimalFooter__section}>\n        <section className={styles.MinimalFooter__top}>\n          <div className={styles.MinimalFooter__container}>\n            <div className={styles['MinimalFooter__top-row']}>\n              <LogoLink logoHref={logoHref} />\n              {hasLinks || backToTop ? (\n                <div className={styles['MinimalFooter__top-actions']}>\n                  {backToTop}\n                  {renderedLinks}\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </section>\n      </div>\n      {centerComponent ? (\n        <div className={clsx(styles.MinimalFooter__section, styles['MinimalFooter__section--center'])}>\n          <section className={styles.MinimalFooter__container}>{centerComponent}</section>\n        </div>\n      ) : null}\n      <div className={clsx(styles.MinimalFooter__section, styles['MinimalFooter__section--bottom'])}>\n        <section className={styles.MinimalFooter__bottom}>\n          <div className={styles.MinimalFooter__container}>\n            <div className={styles['MinimalFooter__bottom-row']}>\n              {copyright}\n              {hasSocialLinks ? <SocialLinks socialLinks={renderedSocialLinks} /> : null}\n            </div>\n          </div>\n        </section>\n      </div>\n    </footer>\n  )\n}\n\ntype FootnoteProps = BaseProps<HTMLElement>\n\nfunction Footnotes({children, className}: PropsWithChildren<FootnoteProps>) {\n  const styledChildren = React.Children.map(children, child => {\n    if (React.isValidElement<React.ComponentProps<typeof Text>>(child) && child.type === Text) {\n      const textChild = child as React.ReactElement<React.ComponentProps<typeof Text>>\n      const overrideProps: Partial<React.ComponentProps<typeof Text>> = {\n        variant: 'muted',\n        size: '100',\n        className: clsx(styles['MinimalFooter__terms-item'], textChild.props.className),\n      }\n\n      if (!textChild.props.as) {\n        overrideProps.as = 'p'\n      }\n\n      return React.cloneElement(textChild, overrideProps)\n    }\n\n    return null\n  })\n\n  return (\n    <div className={clsx(styles.MinimalFooter__section, styles['MinimalFooter__section--footnotes'])}>\n      <section className={styles.MinimalFooter__container}>\n        <div className={clsx(styles.MinimalFooter__terms, className)}>{styledChildren}</div>\n      </section>\n    </div>\n  )\n}\n\ntype SocialLinkProps = {name: SocialLinkName}\n\nconst SocialLink = ({name}: SocialLinkProps) => {\n  const link = socialLinkData[name]\n  return (\n    <li>\n      <a\n        href={link.url}\n        className={styles['MinimalFooter__social-link']}\n        data-analytics-event={`{\"category\":\"Footer\",\"action\":\"go to ${link.fullName}\",\"label\":\"text:${name}\"}`}\n      >\n        <img\n          className={styles['MinimalFooter__social-icon']}\n          src={link.icon}\n          height={link.iconHeight}\n          width={link.iconWidth}\n          loading=\"lazy\"\n          decoding=\"async\"\n          alt=\"\"\n        />\n        <span className=\"visually-hidden\">GitHub on {link.fullName}</span>\n      </a>\n    </li>\n  )\n}\n\nfunction LogoLink({logoHref}: {logoHref?: string}) {\n  return (\n    <a\n      href={logoHref}\n      className={styles.MinimalFooter__logo}\n      data-analytics-event='{\"category\":\"Footer\",\"action\":\"go to home\",\"label\":\"text:home\"}'\n      aria-label=\"GitHub\"\n    >\n      <MarkGithubIcon size={24} />\n    </a>\n  )\n}\n\nfunction SocialLinks({socialLinks}: {socialLinks: SocialLinkName[]}) {\n  return (\n    <ul className={styles['MinimalFooter__social-links']}>\n      {socialLinks.map(name => (\n        <SocialLink key={name} name={name} />\n      ))}\n    </ul>\n  )\n}\n\ntype LinkProps<C extends React.ElementType> = BaseProps<C> & {as?: 'a' | 'button'} & Omit<\n    React.ComponentPropsWithoutRef<C>,\n    keyof C\n  >\n\nconst Link = <C extends React.ElementType = 'a'>({as, children, ...rest}: PropsWithChildren<LinkProps<C>>) => {\n  const Component = as || 'a'\n  return (\n    <Component\n      className={styles.MinimalFooter__link}\n      data-analytics-event={\n        rest['href'] ? `{\"category\":\"Footer\",\"action\":\"go to ${rest['href']}\",\"label\":\"text:${children}\"}` : undefined\n      }\n      {...rest}\n    >\n      <Text\n        variant=\"muted\"\n        size=\"100\"\n        font=\"monospace\"\n        weight={{narrow: 'medium', wide: 'normal'}}\n        className={styles.MinimalFooter__metaText}\n      >\n        {children}\n      </Text>\n    </Component>\n  )\n}\n\nexport type MinimalFooterBackToTopProps = {\n  /**\n   * The visible and accessible label.\n   */\n  children: React.ReactNode\n  /**\n   * The ID of the semantic top-of-page element that receives focus after keyboard activation.\n   * Defaults to the first `<main>` element, then falls back to `<body>`.\n   */\n  focusTargetId?: string\n  /**\n   * Runs before the built-in behavior. Call `event.preventDefault()` to cancel scrolling and focus transfer.\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n} & BaseProps<HTMLButtonElement> &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'>\n\n/**\n * Scrolls to the top and, after keyboard activation, moves focus to the configured top-of-page destination.\n */\nconst BackToTop = forwardRef<HTMLButtonElement, MinimalFooterBackToTopProps>(\n  ({children, className, focusTargetId, onClick, type = 'button', ...rest}, ref) => {\n    const prefersReducedMotion = useReducedMotion()\n\n    const handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      event => {\n        onClick?.(event)\n\n        if (event.defaultPrevented) {\n          return\n        }\n\n        window.scrollTo({\n          top: 0,\n          behavior: prefersReducedMotion ? 'instant' : 'smooth',\n        })\n\n        if (event.detail === 0) {\n          const focusTarget = focusTargetId\n            ? document.getElementById(focusTargetId)\n            : document.querySelector<HTMLElement>('main') ??\n              document.querySelector<HTMLElement>('body') ??\n              document.documentElement\n\n          if (!focusTarget) {\n            if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {\n              // eslint-disable-next-line no-console\n              console.warn(`MinimalFooter.BackToTop: No element found with id \"${focusTargetId}\".`)\n            }\n            return\n          }\n\n          const hadTabIndex = focusTarget.hasAttribute('tabindex')\n\n          if (!hadTabIndex) {\n            focusTarget.tabIndex = -1\n            focusTarget.addEventListener('blur', () => focusTarget.removeAttribute('tabindex'), {once: true})\n          }\n\n          focusTarget.focus({preventScroll: true})\n        }\n      },\n      [focusTargetId, onClick, prefersReducedMotion],\n    )\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={clsx(styles.MinimalFooter__backToTop, className)}\n        onClick={handleClick}\n        {...rest}\n      >\n        <span className={styles['MinimalFooter__backToTop-content']}>\n          <Text as=\"span\" size=\"100\" weight=\"medium\" className={styles.MinimalFooter__metaText}>\n            {children}\n          </Text>\n          <span className={styles['MinimalFooter__backToTop-icon']} aria-hidden=\"true\">\n            <ArrowUpIcon />\n          </span>\n        </span>\n      </button>\n    )\n  },\n)\n\n/**\n * Use MinimalFooter to render a global footer on all GitHub pages.\n * @see https://primer.style/brand/components/MinimalFooter\n */\nexport const MinimalFooter = Object.assign(Root, {\n  Footnotes,\n  Link,\n  BackToTop,\n})\n"],"mappings":"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"}

package/esm/MinimalFooter/MinimalFooter.module-CGtOtT5r.css

@@ -0,0 +1 @@
+.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65{border-top:var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__MinimalFooter--withFootnotes___oUvH8{border-top:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);padding-inline:var(--base-size-20);margin-left:auto;margin-right:auto}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{padding-inline:var(--base-size-32)}}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms___gwB2R{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ{padding-top:var(--base-size-48);padding-bottom:var(--base-size-32);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L{grid-gap:var(--base-size-24);align-items:center;gap:var(--base-size-24);grid-template-columns:auto 1fr;display:grid}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd{display:contents}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{grid-area:2/1/auto/-1;justify-content:flex-start}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit{grid-area:1/2;justify-self:flex-end}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw{color:var(--brand-color-text-default);display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw>svg{width:var(--base-size-24);height:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom___oi9Jk{padding-top:var(--base-size-32);padding-bottom:var(--base-size-32)}@media screen and (width>=80rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ{padding-top:var(--base-size-32)}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L{justify-content:space-between;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd{justify-content:flex-end;align-items:center;gap:var(--base-size-20);flex-wrap:wrap;flex:1;min-width:0;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{justify-content:flex-end}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw>svg{width:var(--base-size-32);height:var(--base-size-32)}}.Primer_Brand__MinimalFooter-module__MinimalFooter__section___W7x7a{min-width:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--footnotes___9t40F{border-bottom:var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);background-color:var(--brand-color-canvas-default)}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia>.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{padding-top:var(--base-size-32);padding-bottom:var(--base-size-32)}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia+.Primer_Brand__MinimalFooter-module__MinimalFooter__section--bottom___HwSJJ{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck{align-items:flex-start;gap:var(--base-size-24);flex-direction:column;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0{min-width:var(--base-size-24);min-height:var(--base-size-24);justify-content:center;align-items:center;display:flex;position:relative}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0:hover .Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK,.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0:focus-visible .Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK{width:auto;height:auto;max-height:var(--base-size-20);filter:var(--brand-footer-socialIcon-restFilter);display:block}.Primer_Brand__MinimalFooter-module__MinimalFooter__copyright___qQ3QR{text-transform:uppercase;margin:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__metaText___peNSx{font-size:var(--base-size-12)}.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{align-items:center;gap:var(--base-size-20);flex-wrap:wrap;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3{color:var(--brand-color-text-muted);cursor:pointer;text-transform:uppercase;background-color:#0000;border:0;align-self:center;padding:0;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3:hover{-webkit-text-decoration:underline;text-decoration:underline}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs{gap:var(--base-size-20)}}@media screen and (width>=80rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck{flex-direction:row;justify-content:space-between;align-items:center}}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit{appearance:none;color:var(--brand-color-text-default);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:disabled,.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit[aria-disabled=true]{cursor:not-allowed}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-content___umaLY{align-items:center;gap:var(--base-size-12);display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border:var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);border-radius:var(--base-size-6);background-color:var(--brand-footer-backToTop-bgColor-rest);min-width:var(--brand-footer-backToTop-minTarget);min-height:var(--brand-footer-backToTop-minTarget);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);justify-content:center;align-items:center;display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:not([disabled]):not([aria-disabled=true]):hover .Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border-color:var(--brand-footer-backToTop-borderColor-hover);background-color:var(--brand-footer-backToTop-bgColor-hover)}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:not([disabled]):not([aria-disabled=true]):active .Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border-color:var(--brand-footer-backToTop-borderColor-active);background-color:var(--brand-footer-backToTop-bgColor-active)}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65:before,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65:after,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/MinimalFooter/MinimalFooter.module.js

@@ -1,16 +1,29 @@
-import './MinimalFooter.module-Cl2g38SO.css';var e = {
-	Footer: "Primer_Brand__MinimalFooter-module__Footer___N646_",
-	Footer__container: "Primer_Brand__MinimalFooter-module__Footer__container___YiFAB",
-	Footer__terms: "Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT",
-	"Footer__terms-item": "Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9",
-	"Footer__social-links": "Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM",
-	Footer__logomarks: "Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80",
-	"Footer__legal-and-links": "Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5",
-	"Footer__social-link": "Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF",
-	"Footer__social-icon": "Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso",
-	Footer__copyright: "Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu",
-	Footer__links: "Primer_Brand__MinimalFooter-module__Footer__links___7RcTo",
-	Footer__link: "Primer_Brand__MinimalFooter-module__Footer__link___lYG6f"
+import './MinimalFooter.module-CGtOtT5r.css';var e = {
+	MinimalFooter: "Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65",
+	"MinimalFooter--withFootnotes": "Primer_Brand__MinimalFooter-module__MinimalFooter--withFootnotes___oUvH8",
+	MinimalFooter__container: "Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8",
+	MinimalFooter__terms: "Primer_Brand__MinimalFooter-module__MinimalFooter__terms___gwB2R",
+	"MinimalFooter__terms-item": "Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx",
+	MinimalFooter__top: "Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ",
+	"MinimalFooter__top-row": "Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L",
+	"MinimalFooter__top-actions": "Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd",
+	MinimalFooter__links: "Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2",
+	MinimalFooter__backToTop: "Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit",
+	MinimalFooter__logo: "Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw",
+	MinimalFooter__bottom: "Primer_Brand__MinimalFooter-module__MinimalFooter__bottom___oi9Jk",
+	MinimalFooter__section: "Primer_Brand__MinimalFooter-module__MinimalFooter__section___W7x7a",
+	"MinimalFooter__section--footnotes": "Primer_Brand__MinimalFooter-module__MinimalFooter__section--footnotes___9t40F",
+	"MinimalFooter__section--center": "Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia",
+	"MinimalFooter__section--bottom": "Primer_Brand__MinimalFooter-module__MinimalFooter__section--bottom___HwSJJ",
+	"MinimalFooter__bottom-row": "Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck",
+	"MinimalFooter__social-links": "Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs",
+	"MinimalFooter__social-link": "Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0",
+	"MinimalFooter__social-icon": "Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK",
+	MinimalFooter__copyright: "Primer_Brand__MinimalFooter-module__MinimalFooter__copyright___qQ3QR",
+	MinimalFooter__metaText: "Primer_Brand__MinimalFooter-module__MinimalFooter__metaText___peNSx",
+	MinimalFooter__link: "Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3",
+	"MinimalFooter__backToTop-content": "Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-content___umaLY",
+	"MinimalFooter__backToTop-icon": "Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ"
 };
 //#endregion
 export { e as default };

package/esm/MinimalFooter/MinimalFooter.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".Footer {\n  position: relative;\n  background-color: var(--brand-footer-bg-color);\n}\n\n/**\n * Footer shared styles\n */\n.Footer__container {\n  max-width: var(--brand-footer-max-width, 1280px);\n  padding: 0 28px; /* should match SubdomainNavBar */\n  margin-right: auto;\n  margin-left: auto;\n}\n\n/**\n * Footer terms section\n */\n.Footer__terms {\n  padding: var(--base-size-48) 0;\n}\n\n.Footer__terms-item {\n  margin-bottom: var(--base-size-24);\n}\n\n.Footer__terms-item sup {\n  font-size: var(--base-size-12);\n  vertical-align: super;\n  display: inline-block;\n  margin-right: var(--base-size-4);\n}\n\n.Footer__terms-item:last-child {\n  margin-bottom: 0;\n}\n\n/**\n * Footer social and logomarks section\n */\n.Footer__social-links {\n  display: flex;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--base-size-16);\n}\n\n.Footer__logomarks {\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Footer__logomarks,\n.Footer__legal-and-links {\n  padding-top: var(--base-size-48);\n  padding-bottom: var(--base-size-48);\n}\n\n.Footer__social-link {\n  position: relative;\n}\n\n.Footer__social-link::before {\n  content: '';\n  display: block;\n  position: absolute;\n  min-width: var(--base-size-24);\n  min-height: var(--base-size-24);\n}\n\n.Footer__social-link:hover .Footer__social-icon,\n.Footer__social-link:focus-visible .Footer__social-icon {\n  filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.Footer__social-icon {\n  display: block;\n  width: 24px;\n  height: auto;\n}\n\n[data-color-mode='light'] .Footer__social-icon {\n  filter: brightness(95%) saturate(100%);\n}\n\n/**\n * Footer legal section\n */\n\n.Footer__copyright {\n  display: flex;\n  order: 2;\n  padding-bottom: var(--base-size-4);\n}\n\n@media screen and (min-width: 48rem) {\n  .Footer__copyright {\n    order: 1;\n  }\n}\n\n.Footer__links {\n  order: 1;\n}\n\n@media screen and (min-width: 48rem) {\n  .Footer__links {\n    order: 2;\n  }\n}\n\n.Footer__link {\n  align-self: flex-start;\n  color: var(--brand-color-text-muted);\n  text-decoration: none;\n  border-top: none;\n  border-right: none;\n  border-left: none;\n  border-bottom: var(--brand-borderWidth-thin) solid transparent;\n  background-color: inherit;\n  cursor: pointer;\n  padding: 0 0 var(--base-size-4) 0;\n  transition: border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.Footer__link:hover {\n  color: var(--brand-color-text-default);\n  border-bottom-color: var(--brand-color-text-muted);\n  text-decoration: none;\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  .Footer,\n  .Footer::before,\n  .Footer::after,\n  .Footer * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".MinimalFooter {\n  position: relative;\n  border-top: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n  background-color: var(--brand-footer-bg-color);\n}\n\n.MinimalFooter--withFootnotes {\n  border-top: 0;\n}\n\n/**\n * MinimalFooter shared styles\n */\n.MinimalFooter__container {\n  max-width: var(--brand-footer-max-width, 1280px);\n  padding-inline: var(--base-size-20);\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media screen and (min-width: 48rem) {\n  .MinimalFooter__container {\n    padding-inline: var(--base-size-32);\n  }\n}\n\n/**\n * MinimalFooter terms section\n */\n.MinimalFooter__terms {\n  padding: var(--base-size-48) 0;\n}\n\n.MinimalFooter__terms-item {\n  margin-bottom: var(--base-size-24);\n}\n\n.MinimalFooter__terms-item sup {\n  font-size: var(--base-size-12);\n  vertical-align: super;\n  display: inline-block;\n  margin-right: var(--base-size-4);\n}\n\n.MinimalFooter__terms-item:last-child {\n  margin-bottom: 0;\n}\n\n/**\n * MinimalFooter top section\n */\n.MinimalFooter__top {\n  padding-top: var(--base-size-48);\n  padding-bottom: var(--base-size-32);\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.MinimalFooter__top-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  gap: var(--base-size-24);\n}\n\n.MinimalFooter__top-actions {\n  display: contents;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__links {\n  grid-column: 1 / -1;\n  grid-row: 2;\n  justify-content: flex-start;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__backToTop {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: flex-end;\n}\n\n.MinimalFooter__logo {\n  display: inline-flex;\n  color: var(--brand-color-text-default);\n}\n\n.MinimalFooter__logo > svg {\n  width: var(--base-size-24);\n  height: var(--base-size-24);\n}\n\n.MinimalFooter__bottom {\n  padding-top: var(--base-size-32);\n  padding-bottom: var(--base-size-32);\n}\n\n@media screen and (min-width: 80rem) {\n  .MinimalFooter__top {\n    padding-top: var(--base-size-32);\n  }\n\n  .MinimalFooter__top-row {\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .MinimalFooter__top-actions {\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--base-size-20);\n    min-width: 0;\n  }\n\n  .MinimalFooter__top-actions > .MinimalFooter__links {\n    justify-content: flex-end;\n  }\n\n  .MinimalFooter__logo > svg {\n    width: var(--base-size-32);\n    height: var(--base-size-32);\n  }\n}\n\n.MinimalFooter__section {\n  min-width: 0;\n}\n\n.MinimalFooter__section--footnotes {\n  border-bottom: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n  background-color: var(--brand-color-canvas-default);\n}\n\n.MinimalFooter__section--center > .MinimalFooter__container {\n  padding-top: var(--base-size-32);\n  padding-bottom: var(--base-size-32);\n}\n\n.MinimalFooter__section--center + .MinimalFooter__section--bottom {\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n/**\n * MinimalFooter bottom section\n */\n.MinimalFooter__bottom-row {\n  display: flex;\n}\n\n.MinimalFooter__bottom-row {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-24);\n}\n\n.MinimalFooter__social-links {\n  display: flex;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--base-size-16);\n}\n\n.MinimalFooter__social-link {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--base-size-24);\n  min-height: var(--base-size-24);\n}\n\n.MinimalFooter__social-link:hover .MinimalFooter__social-icon,\n.MinimalFooter__social-link:focus-visible .MinimalFooter__social-icon {\n  filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.MinimalFooter__social-icon {\n  display: block;\n  width: auto;\n  height: auto;\n  max-height: var(--base-size-20);\n  filter: var(--brand-footer-socialIcon-restFilter);\n}\n\n.MinimalFooter__copyright {\n  margin: 0;\n  text-transform: uppercase;\n}\n\n/* Keep the size-100 text rhythm, but use the approved 12px size token for footer chrome. */\n.MinimalFooter__metaText {\n  font-size: var(--base-size-12);\n}\n\n.MinimalFooter__links {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--base-size-20);\n}\n\n.MinimalFooter__link {\n  align-self: center;\n  color: var(--brand-color-text-muted);\n  text-decoration: none;\n  border: 0;\n  background-color: transparent;\n  cursor: pointer;\n  padding: 0;\n  text-transform: uppercase;\n}\n\n.MinimalFooter__link:hover {\n  text-decoration: underline;\n}\n\n@media screen and (min-width: 48rem) {\n  .MinimalFooter__social-links {\n    gap: var(--base-size-20);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .MinimalFooter__bottom-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n\n.MinimalFooter__backToTop {\n  appearance: none;\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  color: var(--brand-color-text-default);\n  background: none;\n  cursor: pointer;\n}\n\n.MinimalFooter__backToTop:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.MinimalFooter__backToTop:disabled,\n.MinimalFooter__backToTop[aria-disabled='true'] {\n  cursor: not-allowed;\n}\n\n.MinimalFooter__backToTop-content {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-12);\n}\n\n.MinimalFooter__backToTop-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);\n  border-radius: var(--base-size-6);\n  background-color: var(--brand-footer-backToTop-bgColor-rest);\n  min-width: var(--brand-footer-backToTop-minTarget);\n  min-height: var(--brand-footer-backToTop-minTarget);\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n    border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):hover .MinimalFooter__backToTop-icon {\n  border-color: var(--brand-footer-backToTop-borderColor-hover);\n  background-color: var(--brand-footer-backToTop-bgColor-hover);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):active .MinimalFooter__backToTop-icon {\n  border-color: var(--brand-footer-backToTop-borderColor-active);\n  background-color: var(--brand-footer-backToTop-bgColor-active);\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  .MinimalFooter,\n  .MinimalFooter::before,\n  .MinimalFooter::after,\n  .MinimalFooter * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/Stack/Stack.js

@@ -1,7 +1,7 @@
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-SXubYfUg.css';/* empty css                                                                          */
 import e from "../node_modules/clsx/dist/clsx.js";
 import { BaseSizeScale as t } from "../constants.js";
 import { useAnimation as n } from "../animation/useAnimation.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-SXubYfUg.css';/* empty css                                                                          */
 import r from "./Stack.module.js";
 import { forwardRef as i, useMemo as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

package/esm/animation/AnimationProvider/AnimationProvider.js

@@ -1,5 +1,5 @@
-import { useId as e } from "../../hooks/useId.js";
 import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/animation/base-BIr7u5g8.css';/* empty css                                                                                  */
+import { useId as e } from "../../hooks/useId.js";
 import t from "../Animation.module.js";
 import { createContext as n, useEffect as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";

package/esm/css/stylesheets.d.ts

@@ -5,6 +5,8 @@ import './reset.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/size/size.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/typography/typography.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/animation/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/size.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/breakpoints.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/border.css';

package/esm/css/stylesheets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stylesheets.d.ts","sourceRoot":"","sources":["../../src/css/stylesheets.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,aAAa,CAAA;AAGpB,OAAO,+FAA+F,CAAA;AACtG,OAAO,0EAA0E,CAAA;AACjF,OAAO,sFAAsF,CAAA;AAC7F,OAAO,uGAAuG,CAAA;AAC9G,OAAO,uFAAuF,CAAA;AAC9F,OAAO,kFAAkF,CAAA;AACzF,OAAO,+FAA+F,CAAA;AAGtG,OAAO,iBAAiB,CAAA;AAGxB,eAAO,MAAM,cAAc,OAAO,CAAA"}
+{"version":3,"file":"stylesheets.d.ts","sourceRoot":"","sources":["../../src/css/stylesheets.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,aAAa,CAAA;AAGpB,OAAO,+FAA+F,CAAA;AACtG,OAAO,0EAA0E,CAAA;AACjF,OAAO,sFAAsF,CAAA;AAC7F,OAAO,qFAAqF,CAAA;AAC5F,OAAO,gFAAgF,CAAA;AACvF,OAAO,uGAAuG,CAAA;AAC9G,OAAO,uFAAuF,CAAA;AAC9F,OAAO,kFAAkF,CAAA;AACzF,OAAO,+FAA+F,CAAA;AAGtG,OAAO,iBAAiB,CAAA;AAGxB,eAAO,MAAM,cAAc,OAAO,CAAA"}

package/esm/css/stylesheets.js

@@ -1,7 +1,9 @@
-import './utilities-BivJncWo.css';import './reset-CSgu34_f.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';/* empty css      */
+import './utilities-BivJncWo.css';import './reset-CSgu34_f.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-SXubYfUg.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/animation/base-BIr7u5g8.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';/* empty css      */
 /* empty css                                                                                         */
 /* empty css                                                                    */
 /* empty css                                                                                */
+/* empty css                                                                               */
+/* empty css                                                                          */
 /* empty css                                                                                                 */
 /* empty css                                                                                 */
 /* empty css                                                                            */

package/esm/css/stylesheets.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylesheets.js","names":[],"sources":["../../src/css/stylesheets.ts"],"sourcesContent":["/**\n * Add external stylesheets below.\n */\n\n// Reset\nimport './reset.css'\n\n// Primitives\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/size/size.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/typography/typography.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/breakpoints.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/border.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css'\n\n// Misc\nimport './utilities.css'\n\n// Noop export to make sure this file isn't dropped when tree-shaken\nexport const _GLOBAL_STYLES = true\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAAiB"}
+{"version":3,"file":"stylesheets.js","names":[],"sources":["../../src/css/stylesheets.ts"],"sourcesContent":["/**\n * Add external stylesheets below.\n */\n\n// Reset\nimport './reset.css'\n\n// Primitives\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/size/size.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/base/typography/typography.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/animation/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/size.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/breakpoints.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/border.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css'\n\n// Misc\nimport './utilities.css'\n\n// Noop export to make sure this file isn't dropped when tree-shaken\nexport const _GLOBAL_STYLES = true\n"],"mappings":";;;;;;;;;;;;AAsBA,IAAa,IAAiB"}

package/esm/index.d.ts

@@ -9,6 +9,7 @@ export * from './river';
 export * from './MediaPlaylist';
 export * from './SubdomainNavBar';
 export * from './InlineLink';
+export * from './InlineCode';
 export * from './Link';
 export * from './Label';
 export * from './Token';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA"}