@primer/react-brand 0.68.0-rc.01cf5f7c → 0.68.0-rc.20c2136f

package/esm/MediaPlaylist/useMediaPlaylist.js

@@ -0,0 +1,114 @@
+import { useTabs as e } from "../hooks/useTabs.js";
+import t, { useCallback as n, useEffect as r, useMemo as i, useRef as a } from "react";
+//#region src/MediaPlaylist/useMediaPlaylist.ts
+function o({ children: t, components: o, defaultSelectedIndex: s, onChange: u, selectedIndex: d }) {
+	let { headingChild: f, items: p } = i(() => c(t, o), [t, o]), m = p.length, h = l(s, m), g = typeof d == "number" && Number.isFinite(d) ? l(d, m) : null, _ = g ?? h, v = _ === null ? void 0 : String(_), y = m > 3, b = a(null), x = a([]), S = a(!1), C = n((e) => {
+		let t = b.current, n = x.current[e];
+		!t || !n || typeof t.scrollTo != "function" || t.scrollTo({
+			top: Math.max(0, n.offsetTop - t.offsetTop),
+			behavior: "smooth"
+		});
+	}, []), { activeTab: w, activateTab: T, getTabListProps: E, getTabPanelProps: D, getTabProps: O } = e({
+		defaultTab: v,
+		onTabActivate: n((e) => {
+			let t = Number(e);
+			if (!Number.isNaN(t)) {
+				if (y && C(t), S.current) {
+					S.current = !1;
+					return;
+				}
+				u?.(t);
+			}
+		}, [
+			y,
+			u,
+			C
+		]),
+		orientation: "vertical"
+	}), k = w === null ? _ : l(Number(w), m), A = k === null ? 1 : k + 1;
+	r(() => {
+		if (g === null) return;
+		let e = String(g);
+		w !== e && (S.current = !0, T(e));
+	}, [
+		T,
+		w,
+		g
+	]), r(() => {
+		k === null || w === String(k) || (S.current = !0, T(String(k)));
+	}, [
+		T,
+		k,
+		w
+	]);
+	let j = n((e, t) => {
+		e.preventDefault();
+		let n = l(t - 1, m);
+		n !== null && (C(n), w !== String(n) && T(String(n)));
+	}, [
+		T,
+		w,
+		m,
+		C
+	]), M = n((e) => w === String(e), [w]), N = n((e, t) => {
+		x.current[e] = t;
+	}, []);
+	return {
+		activeIndex: k,
+		currentItemPage: A,
+		getPaginationAttributes: n((e, t) => {
+			switch (t.type) {
+				case "PREV": return { "aria-label": "Previous video" };
+				case "NEXT": return { "aria-label": "Next video" };
+				case "NUM": {
+					let n = { "aria-label": `Video ${e}` };
+					return t.selected && (n["aria-current"] = "step"), n;
+				}
+				case "BREAK": return {};
+			}
+		}, []),
+		getTabListProps: E,
+		getTabPanelProps: D,
+		getTabProps: O,
+		handlePageChange: j,
+		hasOverflowItems: y,
+		headingChild: f,
+		isItemSelected: M,
+		items: p,
+		setItemRef: N,
+		tabListRef: b
+	};
+}
+var s = (e) => (n) => t.isValidElement(n) && n.type === e;
+function c(e, n) {
+	let r = s(n.Heading), i = s(n.Item), a = s(n.ItemHeading), o = s(n.ItemContent), c = s(n.ItemMedia), l = {
+		headingChild: null,
+		items: []
+	};
+	for (let n of t.Children.toArray(e)) {
+		if (r(n)) {
+			l.headingChild = n;
+			continue;
+		}
+		if (!i(n)) continue;
+		let e = t.Children.toArray(n.props.children), s = {
+			heading: null,
+			content: null,
+			media: null
+		};
+		for (let t of e) a(t) && (s.heading = t), o(t) && (s.content = t), c(t) && (s.media = t);
+		!s.heading || !s.content || !s.media || l.items.push({
+			className: n.props.className,
+			content: s.content,
+			heading: s.heading,
+			media: s.media,
+			thumbnail: n.props.thumbnail
+		});
+	}
+	return l;
+}
+var l = (e, t) => t < 1 ? null : Math.min(Math.max(Number.isFinite(e) ? Math.trunc(e) : 0, 0), t - 1);
+//#endregion
+export { o as useMediaPlaylist };
+
+//# sourceMappingURL=useMediaPlaylist.js.map

package/esm/MediaPlaylist/useMediaPlaylist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaPlaylist.js","names":[],"sources":["../../src/MediaPlaylist/useMediaPlaylist.ts"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef} from 'react'\n\nimport type {PaginationPageType} from '../Pagination/model'\nimport {useTabs} from '../hooks/useTabs'\n\ntype UseMediaPlaylistProps = {\n  children: React.ReactNode\n  components: MediaPlaylistComponentTypes\n  defaultSelectedIndex: number\n  onChange?: (selectedIndex: number) => void\n  selectedIndex?: number\n}\n\n/**\n * Internal only hook used by MediaPlaylist to manage state and behavior.\n * @private\n * @internal\n */\nexport type MediaPlaylistComponentTypes = {\n  Heading: React.ElementType\n  Item: React.ElementType\n  ItemHeading: React.ElementType\n  ItemContent: React.ElementType\n  ItemMedia: React.ElementType\n}\n\ntype MediaPlaylistHeadingChildProps = {\n  activeIndex?: number | null\n  id?: string\n  itemCount?: number\n}\n\ntype MediaPlaylistItemProps = React.PropsWithChildren<{\n  className?: string\n  thumbnail?: React.ReactNode\n}>\n\ntype MediaPlaylistItemChildProps = React.PropsWithChildren<Record<string, unknown>>\n\ntype MediaPlaylistItemChild = React.ReactElement<MediaPlaylistItemChildProps>\n\ntype MediaPlaylistItemData = {\n  className?: string\n  content: MediaPlaylistItemChild\n  heading: MediaPlaylistItemChild\n  media: MediaPlaylistItemChild\n  thumbnail?: React.ReactNode\n}\n\n/**\n * Internal only hook used by MediaPlaylist to manage state and behavior.\n * @private\n * @internal\n */\nexport function useMediaPlaylist({\n  children,\n  components,\n  defaultSelectedIndex,\n  onChange,\n  selectedIndex,\n}: UseMediaPlaylistProps) {\n  const {headingChild, items} = useMemo(() => getMediaPlaylistChildren(children, components), [children, components])\n  const itemCount = items.length\n  const defaultActiveIndex = getValidIndex(defaultSelectedIndex, itemCount)\n\n  const controlledActiveIndex =\n    typeof selectedIndex === 'number' && Number.isFinite(selectedIndex) ? getValidIndex(selectedIndex, itemCount) : null\n\n  const initialActiveIndex = controlledActiveIndex ?? defaultActiveIndex\n  const initialActiveTab = initialActiveIndex === null ? undefined : String(initialActiveIndex)\n  const hasOverflowItems = itemCount > 3\n  const tabListRef = useRef<HTMLDivElement>(null)\n  const itemRefs = useRef<Array<HTMLDivElement | null>>([])\n  const suppressOnTabActivateRef = useRef(false)\n\n  const scrollListToIndex = useCallback((index: number) => {\n    const tabList = tabListRef.current\n    const item = itemRefs.current[index]\n\n    if (!tabList || !item || typeof tabList.scrollTo !== 'function') return\n\n    tabList.scrollTo({\n      top: Math.max(0, item.offsetTop - tabList.offsetTop),\n      behavior: 'smooth',\n    })\n  }, [])\n\n  const handleTabActivate = useCallback(\n    (id: string) => {\n      const nextIndex = Number(id)\n      if (Number.isNaN(nextIndex)) return\n\n      if (hasOverflowItems) {\n        scrollListToIndex(nextIndex)\n      }\n\n      if (suppressOnTabActivateRef.current) {\n        suppressOnTabActivateRef.current = false\n        return\n      }\n\n      onChange?.(nextIndex)\n    },\n    [hasOverflowItems, onChange, scrollListToIndex],\n  )\n\n  const {activeTab, activateTab, getTabListProps, getTabPanelProps, getTabProps} = useTabs({\n    defaultTab: initialActiveTab,\n    onTabActivate: handleTabActivate,\n    orientation: 'vertical',\n  })\n\n  const activeIndex = activeTab === null ? initialActiveIndex : getValidIndex(Number(activeTab), itemCount)\n  const currentItemPage = activeIndex === null ? 1 : activeIndex + 1\n\n  useEffect(() => {\n    if (controlledActiveIndex === null) return\n\n    const controlledTab = String(controlledActiveIndex)\n    if (activeTab !== controlledTab) {\n      suppressOnTabActivateRef.current = true\n      activateTab(controlledTab)\n    }\n  }, [activateTab, activeTab, controlledActiveIndex])\n\n  useEffect(() => {\n    if (activeIndex === null || activeTab === String(activeIndex)) return\n\n    suppressOnTabActivateRef.current = true\n    activateTab(String(activeIndex))\n  }, [activateTab, activeIndex, activeTab])\n\n  const handlePageChange = useCallback(\n    (event: React.MouseEvent, page: number) => {\n      event.preventDefault()\n\n      const nextIndex = getValidIndex(page - 1, itemCount)\n      if (nextIndex === null) return\n\n      scrollListToIndex(nextIndex)\n\n      if (activeTab !== String(nextIndex)) {\n        activateTab(String(nextIndex))\n      }\n    },\n    [activateTab, activeTab, itemCount, scrollListToIndex],\n  )\n\n  const isItemSelected = useCallback((index: number) => activeTab === String(index), [activeTab])\n\n  const setItemRef = useCallback((index: number, element: HTMLDivElement | null) => {\n    itemRefs.current[index] = element\n  }, [])\n\n  const getPaginationAttributes = useCallback((pageNumber: number, page: PaginationPageType) => {\n    switch (page.type) {\n      case 'PREV':\n        return {'aria-label': 'Previous video'}\n      case 'NEXT':\n        return {'aria-label': 'Next video'}\n      case 'NUM': {\n        const attributes: {[key: string]: string} = {'aria-label': `Video ${pageNumber}`}\n\n        if (page.selected) {\n          attributes['aria-current'] = 'step'\n        }\n\n        return attributes\n      }\n      case 'BREAK':\n        return {}\n    }\n  }, [])\n\n  return {\n    activeIndex,\n    currentItemPage,\n    getPaginationAttributes,\n    getTabListProps,\n    getTabPanelProps,\n    getTabProps,\n    handlePageChange,\n    hasOverflowItems,\n    headingChild,\n    isItemSelected,\n    items,\n    setItemRef,\n    tabListRef,\n  }\n}\n\nconst createComponentTypeGuard =\n  <T>(componentType: React.ElementType) =>\n  (element: unknown): element is React.ReactElement<T> =>\n    React.isValidElement<T>(element) && element.type === componentType\n\nfunction getMediaPlaylistChildren(children: React.ReactNode, components: MediaPlaylistComponentTypes) {\n  const isHeading = createComponentTypeGuard<MediaPlaylistHeadingChildProps>(components.Heading)\n  const isItem = createComponentTypeGuard<MediaPlaylistItemProps>(components.Item)\n  const isItemHeading = createComponentTypeGuard<MediaPlaylistItemChildProps>(components.ItemHeading)\n  const isItemContent = createComponentTypeGuard<MediaPlaylistItemChildProps>(components.ItemContent)\n  const isItemMedia = createComponentTypeGuard<MediaPlaylistItemChildProps>(components.ItemMedia)\n\n  const playlistChildren = {\n    headingChild: null as React.ReactElement<MediaPlaylistHeadingChildProps> | null,\n    items: [] as MediaPlaylistItemData[],\n  }\n\n  for (const child of React.Children.toArray(children)) {\n    if (isHeading(child)) {\n      playlistChildren.headingChild = child\n      continue\n    }\n\n    if (!isItem(child)) {\n      continue\n    }\n\n    const itemChildren = React.Children.toArray(child.props.children)\n\n    const itemParts = {\n      heading: null as MediaPlaylistItemChild | null,\n      content: null as MediaPlaylistItemChild | null,\n      media: null as MediaPlaylistItemChild | null,\n    }\n\n    for (const itemChild of itemChildren) {\n      if (isItemHeading(itemChild)) {\n        itemParts.heading = itemChild\n      }\n\n      if (isItemContent(itemChild)) {\n        itemParts.content = itemChild\n      }\n\n      if (isItemMedia(itemChild)) {\n        itemParts.media = itemChild\n      }\n    }\n\n    if (!itemParts.heading || !itemParts.content || !itemParts.media) {\n      continue\n    }\n\n    playlistChildren.items.push({\n      className: child.props.className,\n      content: itemParts.content,\n      heading: itemParts.heading,\n      media: itemParts.media,\n      thumbnail: child.props.thumbnail,\n    })\n  }\n\n  return playlistChildren\n}\n\nconst getValidIndex = (index: number, length: number) => {\n  if (length < 1) return null\n\n  const normalizedIndex = Number.isFinite(index) ? Math.trunc(index) : 0\n  return Math.min(Math.max(normalizedIndex, 0), length - 1)\n}\n"],"mappings":"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"}

package/esm/MinimalFooter/MinimalFooter.d.ts

@@ -0,0 +1,96 @@
+import React, { PropsWithChildren } from 'react';
+import { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css';
+declare const socialLinkData: {
+    readonly x: {
+        readonly fullName: "X";
+        readonly url: "https://x.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/x.svg";
+        readonly iconWidth: 20;
+        readonly iconHeight: 16;
+    };
+    readonly github: {
+        readonly fullName: "GitHub";
+        readonly url: "https://github.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg";
+        readonly iconWidth: 20;
+        readonly iconHeight: 20;
+    };
+    readonly linkedin: {
+        readonly fullName: "LinkedIn";
+        readonly url: "https://www.linkedin.com/company/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg";
+        readonly iconWidth: 19;
+        readonly iconHeight: 18;
+    };
+    readonly youtube: {
+        readonly fullName: "YouTube";
+        readonly url: "https://www.youtube.com/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg";
+        readonly iconWidth: 23;
+        readonly iconHeight: 16;
+    };
+    readonly facebook: {
+        readonly fullName: "Facebook";
+        readonly url: "https://www.facebook.com/GitHub";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly twitch: {
+        readonly fullName: "Twitch";
+        readonly url: "https://www.twitch.tv/github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly tiktok: {
+        readonly fullName: "TikTok";
+        readonly url: "https://www.tiktok.com/@github";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg";
+        readonly iconWidth: 18;
+        readonly iconHeight: 18;
+    };
+    readonly instagram: {
+        readonly fullName: "Instagram";
+        readonly url: "https://www.instagram.com/github/";
+        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg";
+        readonly iconWidth: 24;
+        readonly iconHeight: 24;
+    };
+};
+type SocialLinkName = keyof typeof socialLinkData;
+export type MinimalFooterProps = {
+    /**
+     * An array of social links to be displayed in the footer.
+     */
+    socialLinks?: SocialLinkName[] | false;
+    /**
+     * The href for the GitHub logo.
+     */
+    logoHref?: string;
+    /**
+     * The copyright statement to be displayed in the footer.
+     * If not provided, the copyright statement will be the default GitHub copyright statement.
+     */
+    copyrightStatement?: string | React.ReactElement;
+} & BaseProps<HTMLElement>;
+declare function Root({ className, children, copyrightStatement, logoHref, socialLinks, ...rest }: PropsWithChildren<MinimalFooterProps>): import("react/jsx-runtime").JSX.Element;
+type FootnoteProps = BaseProps<HTMLElement>;
+declare function Footnotes({ children, className }: PropsWithChildren<FootnoteProps>): import("react/jsx-runtime").JSX.Element;
+type LinkProps<C extends React.ElementType> = BaseProps<C> & {
+    as?: 'a' | 'button';
+} & Omit<React.ComponentPropsWithoutRef<C>, keyof C>;
+/**
+ * Use MinimalFooter to render a global footer on all GitHub pages.
+ * @see https://primer.style/brand/components/MinimalFooter
+ */
+export declare const MinimalFooter: typeof Root & {
+    Footnotes: typeof Footnotes;
+    Link: <C extends React.ElementType = "a">({ as, children, ...rest }: PropsWithChildren<LinkProps<C>>) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=MinimalFooter.d.ts.map

package/esm/MinimalFooter/MinimalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalFooter.d.ts","sourceRoot":"","sources":["../../src/MinimalFooter/MinimalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAK9C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAE9C;;GAEG;AACH,OAAO,0GAA0G,CAAA;AAOjH,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDV,CAAA;AAEV,KAAK,cAAc,GAAG,MAAM,OAAO,cAAc,CAAA;AAKjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;CACjD,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;AAE1B,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,QAA+B,EAC/B,WAAW,EACX,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,2CAqEvC;AAED,KAAK,aAAa,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;AAE3C,iBAAS,SAAS,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,2CAyBzE;AAoED,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAA;CAAC,GAAG,IAAI,CACrF,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,MAAM,CAAC,CACR,CAAA;AAmBH;;;GAGG;AACH,eAAO,MAAM,aAAa;;WArBZ,CAAC,SAAS,KAAK,CAAC,WAAW,mCAAiC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CAwBvG,CAAA"}

package/esm/MinimalFooter/MinimalFooter.js

@@ -0,0 +1,211 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { Stack as t } from "../Stack/Stack.js";
+import { Text as n } from "../Text/Text.js";
+import { LogoGithubIcon as r } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { ColorModesEnum as i } from "../ThemeProvider/ThemeProvider.js";
+import { useTheme as a } from "../ThemeProvider/useTheme.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";
+//#region src/MinimalFooter/MinimalFooter.tsx
+var d = {
+	x: {
+		fullName: "X",
+		url: "https://x.com/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/x.svg",
+		iconWidth: 20,
+		iconHeight: 16
+	},
+	github: {
+		fullName: "GitHub",
+		url: "https://github.com/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg",
+		iconWidth: 20,
+		iconHeight: 20
+	},
+	linkedin: {
+		fullName: "LinkedIn",
+		url: "https://www.linkedin.com/company/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg",
+		iconWidth: 19,
+		iconHeight: 18
+	},
+	youtube: {
+		fullName: "YouTube",
+		url: "https://www.youtube.com/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg",
+		iconWidth: 23,
+		iconHeight: 16
+	},
+	facebook: {
+		fullName: "Facebook",
+		url: "https://www.facebook.com/GitHub",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg",
+		iconWidth: 18,
+		iconHeight: 18
+	},
+	twitch: {
+		fullName: "Twitch",
+		url: "https://www.twitch.tv/github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg",
+		iconWidth: 18,
+		iconHeight: 18
+	},
+	tiktok: {
+		fullName: "TikTok",
+		url: "https://www.tiktok.com/@github",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg",
+		iconWidth: 18,
+		iconHeight: 18
+	},
+	instagram: {
+		fullName: "Instagram",
+		url: "https://www.instagram.com/github/",
+		icon: "https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg",
+		iconWidth: 24,
+		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();
+	return /* @__PURE__ */ u("footer", {
+		className: e(o.Footer, r),
+		...p,
+		children: [
+			h(),
+			/* @__PURE__ */ l(g, {
+				socialLinks: f,
+				logoHref: d
+			}),
+			/* @__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.`
+						})]
+					})
+				})
+			}) })
+		]
+	});
+}
+function m({ children: t, className: r }) {
+	let i = s.Children.map(t, (t) => {
+		if (s.isValidElement(t) && t.type === n) {
+			let n = t, r = {
+				variant: "muted",
+				size: "100",
+				className: e(o["Footer__terms-item"], n.props.className)
+			};
+			return n.props.as || (r.as = "p"), s.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
+		})
+	});
+}
+var h = ({ name: e }) => {
+	let t = d[e];
+	return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("a", {
+		href: t.url,
+		className: o["Footer__social-link"],
+		"data-analytics-event": `{"category":"Footer","action":"go to ${t.fullName}","label":"text:${e}"}`,
+		children: [/* @__PURE__ */ l("img", {
+			className: o["Footer__social-icon"],
+			src: t.icon,
+			height: t.iconHeight,
+			width: t.iconWidth,
+			loading: "lazy",
+			decoding: "async",
+			alt: ""
+		}), /* @__PURE__ */ u("span", {
+			className: "visually-hidden",
+			children: ["GitHub on ", t.fullName]
+		})]
+	}) }, e);
+};
+function g({ socialLinks: n = f, logoHref: s }) {
+	let { colorMode: c } = a();
+	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(r, {
+						fill: c === i.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]
+			})
+		})
+	});
+}
+var _ = ({ as: e, children: t, ...r }) => /* @__PURE__ */ l(e || "a", {
+	className: o.Footer__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",
+		children: t
+	})
+}), v = Object.assign(p, {
+	Footnotes: m,
+	Link: _
+});
+//#endregion
+export { v as MinimalFooter };
+
+//# sourceMappingURL=MinimalFooter.js.map

package/esm/MinimalFooter/MinimalFooter.js.map

@@ -0,0 +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":";;;;;;;;;;;AAiBA,IAAM,IAAiB;CACrB,GAAG;EACD,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACX,YAAY;EACb;CACD,QAAQ;EACN,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACX,YAAY;EACb;CACD,UAAU;EACR,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACX,YAAY;EACb;CACD,SAAS;EACP,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACX,YAAY;EACb;CACD,UAAU;EACR,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACX,YAAY;EACb;CACD,QAAQ;EACN,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACX,YAAY;EACb;CACD,QAAQ;EACN,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACX,YAAY;EACb;CACD,WAAW;EACT,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACX,YAAY;EACb;CACF,EAKK,IAAkB,OAAO,KAAK,EAAe;AAkBnD,SAAS,EAAK,EACZ,cACA,aACA,uBACA,cAAW,sBACX,gBACA,GAAG,KACqC;CAExC,IAAM,UACc,EAAM,SAAS,QAAQ,EAAS,CAAC,MAAK,MAAS;AAC/D,MAAI,CAAC,EAAM,eAAe,EAAM,CAC9B,QAAO;AAGT,MAAI,EAAM,QAAQ,EAAM,SAAS,EAC/B,QAAO;GAGJ,EAOH,IAAe,EAAM,SAAS,QAAQ,EAAS,CAClD,QAAO,MAAS;AAEf,MAAI,EAAM,eAAe,EAAM,IACzB,EAAM,SAAS,EACjB,QAAO;GAGX,CACD,MAAM,GAAG,EAAE,EAER,qBAAc,IAAI,MAAM,EAAC,aAAa;AAE5C,QACE,kBAAC,UAAD;EAAQ,WAAW,EAAK,EAAO,QAAQ,EAAU;EAAE,GAAI;YAAvD;GACG,GAAqB;GACtB,kBAAC,GAAD;IAA8B;IAAuB;IAAY,CAAA;GACjE,kBAAC,WAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAW,EAAO;cACrB,kBAAC,OAAD;KAAK,WAAW,EAAO;eACrB,kBAAC,GAAD;MACE,WAAW;OAAC,QAAQ;OAAY,SAAS;OAAa;MACtD,KAAI;MACJ,SAAQ;MACR,gBAAe;gBAJjB,CAME,kBAAC,GAAD;OACE,SAAQ;OACR,KAAI;OACJ,gBAAgB;QACd,QAAQ;QACR,SAAS;QACV;OACD,WAAW;QACT,QAAQ;QACR,SAAS;QACV;OACD,WAAW,EAAO;iBAElB,kBAAA,GAAA,EAAA,UAAG,GAAgB,CAAA;OACb,CAAA,EACR,kBAAC,GAAD;OAAM,IAAG;OAAI,MAAK;OAAM,SAAQ;OAAQ,WAAW,EAAO;iBACvD,KAA0C,UAAU,EAAY;OAC5D,CAAA,CACD;;KACJ,CAAA;IACF,CAAA,EACE,CAAA;GACH;;;AAMb,SAAS,EAAU,EAAC,aAAU,gBAA8C;CAC1E,IAAM,IAAiB,EAAM,SAAS,IAAI,IAAU,MAAS;AAC3D,MAAI,EAAM,eAAkD,EAAM,IAAI,EAAM,SAAS,GAAM;GACzF,IAAM,IAAY,GACZ,IAA4D;IAChE,SAAS;IACT,MAAM;IACN,WAAW,EAAK,EAAO,uBAAuB,EAAU,MAAM,UAAU;IACzE;AAMD,UAJK,EAAU,MAAM,OACnB,EAAc,KAAK,MAGd,EAAM,aAAa,GAAW,EAAc;;AAGrD,SAAO;GACP;AAEF,QACE,kBAAC,WAAD;EAAS,WAAW,EAAO;YACzB,kBAAC,OAAD;GAAK,WAAW,EAAK,EAAO,eAAe,EAAU;aAAG;GAAqB,CAAA;EACrE,CAAA;;AAMd,IAAM,KAAc,EAAC,cAA2B;CAC9C,IAAM,IAAO,EAAe;AAC5B,QACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;EACE,MAAM,EAAK;EACX,WAAW,EAAO;EAClB,wBAAsB,wCAAwC,EAAK,SAAS,kBAAkB,EAAK;YAHrG,CAKE,kBAAC,OAAD;GACE,WAAW,EAAO;GAClB,KAAK,EAAK;GACV,QAAQ,EAAK;GACb,OAAO,EAAK;GACZ,SAAQ;GACR,UAAS;GACT,KAAI;GACJ,CAAA,EACF,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAAkC,cAAW,EAAK,SAAgB;KAChE;KACD,EAjBI,EAiBJ;;AAST,SAAS,EAAgB,EAAC,iBAAc,GAAiB,eAAiC;CACxF,IAAM,EAAC,iBAAa,GAAU;AAE9B,QACE,kBAAC,WAAD;EAAS,WAAW,EAAK,EAAO,kBAAqB;YACnD,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD;IACE,YAAW;IACX,WAAW;KAAC,QAAQ;KAAY,SAAS;KAAa;IACtD,KAAI;IACJ,SAAQ;IACR,gBAAe;cALjB,CAOE,kBAAC,OAAD,EAAA,UACE,kBAAC,KAAD;KACE,MAAM;KACN,wBAAqB;KACrB,cAAW;eAEX,kBAAC,GAAD;MAAgB,MAAM,MAAc,EAAe,OAAO,UAAU;MAAS,MAAK;MAAW,CAAA;KAC3F,CAAA,EACA,CAAA,EACL,IACC,kBAAC,MAAD;KAAI,WAAW,EAAO;eACnB,EAAY,KAAI,MACf,kBAAC,GAAD,EAA6B,SAAQ,EAApB,EAAoB,CACrC;KACC,CAAA,GACH,KACE;;GACJ,CAAA;EACE,CAAA;;AASd,IAAM,KAA2C,EAAC,OAAI,aAAU,GAAG,QAG/D,kBAFgB,KAAM,KAEtB;CACE,WAAW,EAAO;CAClB,wBACE,EAAK,OAAU,wCAAwC,EAAK,KAAQ,kBAAkB,EAAS,MAAM,KAAA;CAEvG,GAAI;WAEJ,kBAAC,GAAD;EAAM,SAAQ;EAAQ,MAAK;EACxB;EACI,CAAA;CACG,CAAA,EAQH,IAAgB,OAAO,OAAO,GAAM;CAC/C;CACA;CACD,CAAC"}

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

@@ -0,0 +1 @@
+.Primer_Brand__MinimalFooter-module__Footer___N646_{background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__Footer__container___YiFAB{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);margin-left:auto;margin-right:auto;padding:0 28px}.Primer_Brand__MinimalFooter-module__Footer__terms___0JWoT{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9 sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__Footer__terms-item___G5hh9:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__Footer__social-links___VWTjM{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__Footer__logomarks___Sak80{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-default)}.Primer_Brand__MinimalFooter-module__Footer__logomarks___Sak80,.Primer_Brand__MinimalFooter-module__Footer__legal-and-links___2FEd5{padding-top:var(--base-size-48);padding-bottom:var(--base-size-48)}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF{position:relative}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:before{content:"";min-width:var(--base-size-24);min-height:var(--base-size-24);display:block;position:absolute}.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:hover .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso,.Primer_Brand__MinimalFooter-module__Footer__social-link___eXQoF:focus-visible .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{width:24px;height:auto}[data-color-mode=light] .Primer_Brand__MinimalFooter-module__Footer__social-icon___nEyso{filter:brightness(95%)saturate()}.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{padding-bottom:var(--base-size-4);order:2;display:flex}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__copyright___M5PJu{order:1}}.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:1}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__Footer__links___7RcTo{order:2}}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f{color:var(--brand-color-text-muted);border-top:none;border-left:none;border-right:none;border-bottom:var(--brand-borderWidth-thin) solid transparent;background-color:inherit;cursor:pointer;padding:0 0 var(--base-size-4) 0;transition:border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);align-self:flex-start;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__Footer__link___lYG6f:hover{color:var(--brand-color-text-default);border-bottom-color:var(--brand-color-text-muted);-webkit-text-decoration:none;text-decoration:none}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__Footer___N646_,.Primer_Brand__MinimalFooter-module__Footer___N646_:before,.Primer_Brand__MinimalFooter-module__Footer___N646_:after,.Primer_Brand__MinimalFooter-module__Footer___N646_ *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/MinimalFooter/MinimalFooter.module.js

@@ -0,0 +1,18 @@
+import './MinimalFooter.module-DPMYigso.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"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=MinimalFooter.module.js.map

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

@@ -0,0 +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  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":""}

package/esm/MinimalFooter/index.d.ts

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

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

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

package/esm/MonaSans/MonaSans.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type MonaSansProps = {
+    children: string | React.ReactElement;
+    italic?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
+    size?: number;
+    weight?: number;
+    width?: number;
+};
+export declare function MonaSans({ children, italic, size, weight, width }: MonaSansProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MonaSans.d.ts.map

package/esm/MonaSans/MonaSans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonaSans.d.ts","sourceRoot":"","sources":["../../src/MonaSans/MonaSans.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAA;IACrC,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;IACnE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,EAAE,aAAa,2CAuB9E"}

package/esm/MonaSans/index.d.ts

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

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

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

package/esm/Pagination/Pagination.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { PaginationPageType } from './model';
+export type PaginationProps = {
+    pageCount: number;
+    currentPage: number;
+    onPageChange?: (e: React.MouseEvent, n: number) => void;
+    hrefBuilder?: (n: number) => string;
+    pageAttributesBuilder?: (n: number, page: PaginationPageType) => {
+        [attributeName: string]: string;
+    };
+    marginPageCount?: number;
+    showPages?: boolean;
+    surroundingPageCount?: number;
+    'data-testid'?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ * Use Pagination to display a sequence of links that allow navigation to discrete, related pages.
+ * @see https://primer.style/brand/components/Pagination
+ */
+export declare const Pagination: React.MemoExoticComponent<({ id, className, pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=Pagination.d.ts.map

package/esm/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAM9C,OAAO,EAAuB,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAKhE,MAAM,MAAM,eAAe,GAAG;IAE5B,SAAS,EAAE,MAAM,CAAA;IAEjB,WAAW,EAAE,MAAM,CAAA;IAEnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAEvD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAEnC,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK;QAAC,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC,CAAA;IAElG,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,UAAU,qOAelB,eAAe,6CAyDnB,CAAA"}