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

package/esm/Pagination/Pagination.js

@@ -0,0 +1,95 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { Link as t } from "../Link/Link.js";
+import { useWindowSize as n } from "../hooks/useWindowSize.js";
+import { buildPaginationModel as r } from "./model.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes-C2GLM06X.css';/* empty css                                                                                                        */
+import i from "./Pagination.module.js";
+import a, { memo as o, useCallback as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/Pagination/Pagination.tsx
+var l = o(({ id: t, className: o, pageCount: l, currentPage: f, onPageChange: p, hrefBuilder: m = d, pageAttributesBuilder: h, marginPageCount: g = 1, showPages: _ = !0, surroundingPageCount: v = 2, "aria-label": y, "data-testid": b, ...x }) => {
+	let { width: S } = n();
+	S && S < 768 && (g = 1, v = 0);
+	let C = a.useRef(null), w = s((e) => (t) => {
+		p && p(t, e);
+	}, [p]), T = a.useMemo(() => r(l, f, _, g, v).map((e) => /* @__PURE__ */ c(u, {
+		page: e,
+		hrefBuilder: m,
+		pageAttributesBuilder: h,
+		onClick: w(e.num)
+	}, `${e.type}-${e.num}`)), [
+		l,
+		f,
+		_,
+		g,
+		v,
+		m,
+		h,
+		w
+	]);
+	return /* @__PURE__ */ c("nav", {
+		ref: C,
+		id: t,
+		className: e(i.Pagination, _ && i.Pagination__showPages, o),
+		"data-testid": b,
+		"aria-label": y || "Pagination",
+		...x,
+		children: /* @__PURE__ */ c("div", {
+			className: e(i.Pagination__inner),
+			children: T
+		})
+	});
+}), u = ({ page: n, hrefBuilder: r, pageAttributesBuilder: a, onClick: o }) => {
+	let s = {
+		role: "button",
+		arrowDirection: "none",
+		className: e(i.Pagination__item),
+		size: "medium",
+		onClick: o
+	}, l = a?.(n.num);
+	switch (n.type) {
+		case "PREV": return /* @__PURE__ */ c(t, {
+			...s,
+			rel: "prev",
+			arrowDirection: "start",
+			href: n.disabled ? void 0 : r(n.num),
+			"aria-disabled": n.disabled || void 0,
+			"aria-label": "Previous Page",
+			...l,
+			children: "Previous"
+		});
+		case "NEXT": return /* @__PURE__ */ c(t, {
+			...s,
+			rel: "next",
+			arrowDirection: "end",
+			href: n.disabled ? void 0 : r(n.num),
+			"aria-disabled": n.disabled || void 0,
+			"aria-label": "Next Page",
+			...l,
+			children: "Next"
+		});
+		case "NUM": return /* @__PURE__ */ c(t, {
+			...s,
+			href: r(n.num),
+			"aria-label": `Page ${n.num}${n.precedesBreak ? "..." : ""}`,
+			"aria-current": n.selected ? "page" : void 0,
+			...l,
+			children: n.num
+		});
+		case "BREAK": return /* @__PURE__ */ c(t, {
+			...s,
+			role: "presentation",
+			href: void 0,
+			onClick: void 0,
+			...l,
+			children: "…"
+		});
+	}
+};
+function d(e) {
+	return `#${e}`;
+}
+//#endregion
+export { l as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/esm/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../src/Pagination/Pagination.tsx"],"sourcesContent":["import React, {memo, useCallback} from 'react'\nimport {Link, LinkProps, useWindowSize} from '..'\n\nimport {clsx} from 'clsx'\n\nimport {buildPaginationModel, PageType} from './model'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Pagination.module.css'\n\nexport type PaginationProps = {\n  /* The total number of pages */\n  pageCount: number\n  /* The current page number */\n  currentPage: number\n  /* Callback function for when the page changes */\n  onPageChange?: (e: React.MouseEvent, n: number) => void\n  /* Function to build the href for each page */\n  hrefBuilder?: (n: number) => string\n  /* Function to forward custom attributes for each pagination item */\n  pageAttributesBuilder?: (n: number) => {[attributeName: string]: string}\n  /* Defines how many pages are to to be displayed on the left and right of the component */\n  marginPageCount?: number\n  /* Whether to show the page numbers */\n  showPages?: boolean\n  /* The number of pages to show on each side of the current page */\n  surroundingPageCount?: number\n  'data-testid'?: string\n} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>\n\n/**\n * Use Pagination to display a sequence of links that allow navigation to discrete, related pages.\n * @see https://primer.style/brand/components/Pagination\n */\nexport const Pagination = memo(\n  ({\n    id,\n    className,\n    pageCount,\n    currentPage,\n    onPageChange,\n    hrefBuilder = defaultHrefBuilder,\n    pageAttributesBuilder,\n    marginPageCount = 1,\n    showPages = true,\n    surroundingPageCount = 2,\n    'aria-label': ariaLabel,\n    'data-testid': testId,\n    ...rest\n  }: PaginationProps) => {\n    // On mobile, limit the number of visible numbers\n    const {width} = useWindowSize()\n    if (width && width < 768) {\n      marginPageCount = 1\n      surroundingPageCount = 0\n    }\n\n    const navRef = React.useRef<HTMLElement>(null)\n\n    const pageChange = useCallback(\n      (n: number) => (e: React.MouseEvent) => {\n        if (onPageChange) {\n          onPageChange(e, n)\n        }\n      },\n      [onPageChange],\n    )\n\n    const paginationItems = React.useMemo(() => {\n      const model = buildPaginationModel(pageCount, currentPage, showPages, marginPageCount, surroundingPageCount)\n\n      return model.map(page => {\n        return (\n          <PaginationItem\n            key={`${page.type}-${page.num}`}\n            page={page}\n            hrefBuilder={hrefBuilder}\n            pageAttributesBuilder={pageAttributesBuilder}\n            onClick={pageChange(page.num)}\n          />\n        )\n      })\n    }, [\n      pageCount,\n      currentPage,\n      showPages,\n      marginPageCount,\n      surroundingPageCount,\n      hrefBuilder,\n      pageAttributesBuilder,\n      pageChange,\n    ])\n\n    return (\n      <nav\n        ref={navRef}\n        id={id}\n        className={clsx(styles.Pagination, showPages && styles['Pagination__showPages'], className)}\n        data-testid={testId}\n        aria-label={ariaLabel || 'Pagination'}\n        {...rest}\n      >\n        <div className={clsx(styles.Pagination__inner)}>{paginationItems}</div>\n      </nav>\n    )\n  },\n)\n\ntype PaginationItemProps = {\n  page: PageType\n  hrefBuilder: (n: number) => string\n  pageAttributesBuilder?: (n: number) => {[key: string]: string}\n  onClick?: LinkProps['onClick']\n}\n\nconst PaginationItem = ({page, hrefBuilder, pageAttributesBuilder, onClick}: PaginationItemProps) => {\n  const baseProps: LinkProps = {\n    role: 'button',\n    arrowDirection: 'none',\n    className: clsx(styles.Pagination__item),\n    size: 'medium',\n    onClick,\n  }\n\n  const customProps = pageAttributesBuilder?.(page.num)\n\n  switch (page.type) {\n    case 'PREV': {\n      return (\n        <Link\n          {...baseProps}\n          rel=\"prev\"\n          arrowDirection=\"start\"\n          href={page.disabled ? undefined : hrefBuilder(page.num)}\n          aria-disabled={page.disabled || undefined}\n          aria-label=\"Previous Page\"\n          {...customProps}\n        >\n          Previous\n        </Link>\n      )\n    }\n    case 'NEXT': {\n      return (\n        <Link\n          {...baseProps}\n          rel=\"next\"\n          arrowDirection=\"end\"\n          href={page.disabled ? undefined : hrefBuilder(page.num)}\n          aria-disabled={page.disabled || undefined}\n          aria-label=\"Next Page\"\n          {...customProps}\n        >\n          Next\n        </Link>\n      )\n    }\n    case 'NUM': {\n      return (\n        /**\n         * Append \"...\" to the aria-label for pages that preceed a break because screen readers will change the\n         * tone the text is read in. This is a slightly nicer experience than skipping a bunch of numbers unexpectedly.\n         */\n        <Link\n          {...baseProps}\n          href={hrefBuilder(page.num)}\n          aria-label={`Page ${page.num}${page.precedesBreak ? '...' : ''}`}\n          aria-current={page.selected ? 'page' : undefined}\n          {...customProps}\n        >\n          {page.num}\n        </Link>\n      )\n    }\n    case 'BREAK': {\n      return (\n        <Link {...baseProps} role=\"presentation\" href={undefined} onClick={undefined} {...customProps}>\n          …\n        </Link>\n      )\n    }\n  }\n}\n\nfunction defaultHrefBuilder(pageNum: number) {\n  return `#${pageNum}`\n}\n"],"mappings":";;;;;;;;;AAuCA,IAAa,IAAa,GACvB,EACC,OACA,cACA,cACA,gBACA,iBACA,iBAAc,GACd,0BACA,qBAAkB,GAClB,eAAY,IACZ,0BAAuB,GACvB,cAAc,GACd,eAAe,GACf,GAAG,QACkB;CAErB,IAAM,EAAC,aAAS,GAAe;AAC/B,CAAI,KAAS,IAAQ,QACnB,IAAkB,GAClB,IAAuB;CAGzB,IAAM,IAAS,EAAM,OAAoB,KAAK,EAExC,IAAa,GAChB,OAAe,MAAwB;AACtC,EAAI,KACF,EAAa,GAAG,EAAE;IAGtB,CAAC,EAAa,CACf,EAEK,IAAkB,EAAM,cACd,EAAqB,GAAW,GAAa,GAAW,GAAiB,EAEhF,CAAM,KAAI,MAEb,kBAAC,GAAD;EAEQ;EACO;EACU;EACvB,SAAS,EAAW,EAAK,IAAI;EAC7B,EALK,GAAG,EAAK,KAAK,GAAG,EAAK,MAK1B,CAEJ,EACD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,kBAAC,OAAD;EACE,KAAK;EACD;EACJ,WAAW,EAAK,EAAO,YAAY,KAAa,EAAO,uBAA0B,EAAU;EAC3F,eAAa;EACb,cAAY,KAAa;EACzB,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAW,EAAK,EAAO,kBAAkB;aAAG;GAAsB,CAAA;EACnE,CAAA;EAGX,EASK,KAAkB,EAAC,SAAM,gBAAa,0BAAuB,iBAAkC;CACnG,IAAM,IAAuB;EAC3B,MAAM;EACN,gBAAgB;EAChB,WAAW,EAAK,EAAO,iBAAiB;EACxC,MAAM;EACN;EACD,EAEK,IAAc,IAAwB,EAAK,IAAI;AAErD,SAAQ,EAAK,MAAb;EACE,KAAK,OACH,QACE,kBAAC,GAAD;GACE,GAAI;GACJ,KAAI;GACJ,gBAAe;GACf,MAAM,EAAK,WAAW,KAAA,IAAY,EAAY,EAAK,IAAI;GACvD,iBAAe,EAAK,YAAY,KAAA;GAChC,cAAW;GACX,GAAI;aACL;GAEM,CAAA;EAGX,KAAK,OACH,QACE,kBAAC,GAAD;GACE,GAAI;GACJ,KAAI;GACJ,gBAAe;GACf,MAAM,EAAK,WAAW,KAAA,IAAY,EAAY,EAAK,IAAI;GACvD,iBAAe,EAAK,YAAY,KAAA;GAChC,cAAW;GACX,GAAI;aACL;GAEM,CAAA;EAGX,KAAK,MACH,QAKE,kBAAC,GAAD;GACE,GAAI;GACJ,MAAM,EAAY,EAAK,IAAI;GAC3B,cAAY,QAAQ,EAAK,MAAM,EAAK,gBAAgB,QAAQ;GAC5D,gBAAc,EAAK,WAAW,SAAS,KAAA;GACvC,GAAI;aAEH,EAAK;GACD,CAAA;EAGX,KAAK,QACH,QACE,kBAAC,GAAD;GAAM,GAAI;GAAW,MAAK;GAAe,MAAM,KAAA;GAAW,SAAS,KAAA;GAAW,GAAI;aAAa;GAExF,CAAA;;;AAMf,SAAS,EAAmB,GAAiB;AAC3C,QAAO,IAAI"}

package/esm/Pagination/Pagination.module-C7Z_pTFq.css

@@ -0,0 +1 @@
+.Primer_Brand__Pagination-module__Pagination___kfPR3{margin-top:var(--base-size-20);margin-bottom:var(--base-size-16);text-align:center}.Primer_Brand__Pagination-module__Pagination__inner___uSIJu{align-items:center;gap:var(--base-size-8);display:inline-flex}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y{min-width:var(--base-size-32);height:var(--base-size-32);text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--base-size-4) var(--base-size-8);border:var(--brand-borderWidth-thick) solid transparent;border-radius:var(--brand-borderRadius-medium);transition:border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y span{font-size:var(--brand-text-size-100);line-height:var(--base-size-20)}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y:hover,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y:focus{border-color:var(--brand-pagination-borderColor-hover);outline:0;-webkit-text-decoration:none;text-decoration:none;transition-duration:.1s}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y:after{display:none}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y:active{border-color:var(--brand-pagination-link-bgColor-active)}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-current],.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-current]:hover{background-color:var(--brand-pagination-link-bgColor-active);border-color:#0000}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-current] *{color:var(--brand-color-text-onEmphasis)}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-disabled],.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-disabled]:hover,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[role=presentation],.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[role=presentation]:hover{color:var(--brand-color-text-muted);cursor:default;font-size:inherit;padding-top:inherit;padding-bottom:inherit;background-color:#0000;border-color:#0000;font-family:inherit}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-disabled] *,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-disabled]:hover *,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[role=presentation] *,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[role=presentation]:hover *{color:inherit}.Primer_Brand__Pagination-module__Pagination__showPages___YVeH_ .Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=prev] span,.Primer_Brand__Pagination-module__Pagination__showPages___YVeH_ .Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=next] span{display:none}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=prev] svg,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=next] svg{margin-inline:0;position:relative}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=prev] svg{left:var(--base-size-2)}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=next] svg{right:var(--base-size-2)}@media screen and (width>=48rem){.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=prev] span,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=next] span{display:block!important}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=prev] svg,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=next] svg{margin-inline:unset;left:0;right:0}.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=prev][aria-disabled] svg,.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[rel=next][aria-disabled] svg{display:none}}@media (forced-colors:active){.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-current],.Primer_Brand__Pagination-module__Pagination__item___O5m_Y[aria-current]:hover{border-color:highlight;border-width:var(--brand-borderWidth-thicker)}}@media (prefers-reduced-motion:reduce){.Primer_Brand__Pagination-module__Pagination___kfPR3,.Primer_Brand__Pagination-module__Pagination___kfPR3:before,.Primer_Brand__Pagination-module__Pagination___kfPR3:after,.Primer_Brand__Pagination-module__Pagination___kfPR3 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/Pagination/Pagination.module.js

@@ -0,0 +1,10 @@
+import './Pagination.module-C7Z_pTFq.css';var e = {
+	Pagination: "Primer_Brand__Pagination-module__Pagination___kfPR3",
+	Pagination__inner: "Primer_Brand__Pagination-module__Pagination__inner___uSIJu",
+	Pagination__item: "Primer_Brand__Pagination-module__Pagination__item___O5m_Y",
+	Pagination__showPages: "Primer_Brand__Pagination-module__Pagination__showPages___YVeH_"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Pagination.module.js.map

package/esm/Pagination/Pagination.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.js","names":[],"sources":["../../src/Pagination/Pagination.module.css"],"sourcesContent":[".Pagination {\n  margin-top: var(--base-size-20);\n  margin-bottom: var(--base-size-16);\n  text-align: center;\n}\n\n.Pagination__inner {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n}\n\n.Pagination__item {\n  min-width: var(--base-size-32);\n  height: var(--base-size-32);\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  user-select: none;\n  text-decoration: none;\n  padding: var(--base-size-4) var(--base-size-8);\n  border: var(--brand-borderWidth-thick) solid transparent;\n  border-radius: var(--brand-borderRadius-medium);\n  transition: border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.Pagination__item span {\n  font-size: var(--brand-text-size-100);\n  line-height: var(--base-size-20);\n}\n\n.Pagination__item:hover,\n.Pagination__item:focus {\n  text-decoration: none;\n  outline: 0;\n  transition-duration: 0.1s;\n  border-color: var(--brand-pagination-borderColor-hover);\n}\n\n.Pagination__item::after {\n  display: none;\n}\n\n.Pagination__item:active {\n  border-color: var(--brand-pagination-link-bgColor-active);\n}\n\n.Pagination__item[aria-current],\n.Pagination__item[aria-current]:hover {\n  background-color: var(--brand-pagination-link-bgColor-active);\n  border-color: transparent;\n}\n\n.Pagination__item[aria-current] * {\n  color: var(--brand-color-text-onEmphasis);\n}\n\n.Pagination__item[aria-disabled],\n.Pagination__item[aria-disabled]:hover,\n.Pagination__item[role='presentation'],\n.Pagination__item[role='presentation']:hover {\n  color: var(--brand-color-text-muted);\n  cursor: default;\n  background-color: transparent;\n  border-color: transparent;\n  font-size: inherit;\n  font-family: inherit;\n  padding-top: inherit;\n  padding-bottom: inherit;\n}\n\n.Pagination__item[aria-disabled] *,\n.Pagination__item[aria-disabled]:hover *,\n.Pagination__item[role='presentation'] *,\n.Pagination__item[role='presentation']:hover * {\n  color: inherit;\n}\n\n.Pagination__showPages .Pagination__item[rel='prev'] span,\n.Pagination__showPages .Pagination__item[rel='next'] span {\n  display: none;\n}\n\n.Pagination__item[rel='prev'] svg,\n.Pagination__item[rel='next'] svg {\n  margin-inline: 0;\n  position: relative;\n}\n\n.Pagination__item[rel='prev'] svg {\n  left: var(--base-size-2);\n}\n\n.Pagination__item[rel='next'] svg {\n  right: var(--base-size-2);\n}\n\n@media screen and (min-width: 48rem) {\n  .Pagination__item[rel='prev'] span,\n  .Pagination__item[rel='next'] span {\n    display: block !important;\n  }\n\n  .Pagination__item[rel='prev'] svg,\n  .Pagination__item[rel='next'] svg {\n    margin-inline: unset;\n    left: 0;\n    right: 0;\n  }\n\n  .Pagination__item[rel='prev'][aria-disabled] svg,\n  .Pagination__item[rel='next'][aria-disabled] svg {\n    display: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .Pagination__item[aria-current],\n  .Pagination__item[aria-current]:hover {\n    border-color: Highlight;\n    border-width: var(--brand-borderWidth-thicker);\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Pagination,\n  .Pagination::before,\n  .Pagination::after,\n  .Pagination * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/Pagination/index.d.ts

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

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

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

package/esm/Pagination/model.d.ts

@@ -0,0 +1,9 @@
+export type PageType = {
+    type: 'PREV' | 'NEXT' | 'NUM' | 'BREAK';
+    num: number;
+    disabled?: boolean;
+    selected?: boolean;
+    precedesBreak?: boolean;
+};
+export declare function buildPaginationModel(pageCount: number, currentPage: number, showPages: boolean, marginPageCount: number, surroundingPageCount: number): PageType[];
+//# sourceMappingURL=model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/Pagination/model.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,EAClB,eAAe,EAAE,MAAM,EACvB,oBAAoB,EAAE,MAAM,GAC3B,QAAQ,EAAE,CAwHZ"}

package/esm/Pagination/model.js

@@ -0,0 +1,66 @@
+//#region src/Pagination/model.ts
+function e(e, t, n, r, i) {
+	let a = [];
+	if (n) {
+		let n = [], o = (t) => {
+			t >= 1 && t <= e && n.push(t);
+		}, s = t - i, c = t + i;
+		if (s < 1 && c > e) s = 1, c = e;
+		else if (s < 1) for (; s < 1;) s++, c++;
+		else if (c > e) for (; c > e;) s--, c--;
+		for (let t = 1; t <= r; t++) {
+			let n = t, r = e - (t - 1);
+			n >= s ? c++ : o(n), r <= c ? s-- : o(r);
+		}
+		for (let e = s; e <= c; e++) o(e);
+		let l = n.slice().sort((e, t) => e - t).filter((e, t, n) => !t || e !== n[t - 1]);
+		for (let e = 0; e < l.length; e++) {
+			let n = l[e], r = n === t, i = l[e - 1], o = l[e + 1], s = n - i, c = n - o !== -1;
+			e === 0 ? (n !== 1 && a.push({
+				type: "BREAK",
+				num: 1
+			}), a.push({
+				type: "NUM",
+				num: n,
+				selected: r,
+				precedesBreak: c
+			})) : s === 1 ? a.push({
+				type: "NUM",
+				num: n,
+				selected: r,
+				precedesBreak: c
+			}) : (a.push({
+				type: "BREAK",
+				num: n - 1
+			}), a.push({
+				type: "NUM",
+				num: n,
+				selected: r,
+				precedesBreak: !1
+			}));
+		}
+		let u = a[a.length - 1];
+		u.type === "NUM" && u.num !== e && a.push({
+			type: "BREAK",
+			num: e
+		});
+	}
+	let o = {
+		type: "PREV",
+		num: t - 1,
+		disabled: t === 1
+	}, s = {
+		type: "NEXT",
+		num: t + 1,
+		disabled: t === e
+	};
+	return [
+		o,
+		...a,
+		s
+	];
+}
+//#endregion
+export { e as buildPaginationModel };
+
+//# sourceMappingURL=model.js.map

package/esm/Pagination/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":[],"sources":["../../src/Pagination/model.ts"],"sourcesContent":["export type PageType = {\n  type: 'PREV' | 'NEXT' | 'NUM' | 'BREAK'\n  num: number\n  disabled?: boolean\n  selected?: boolean\n  precedesBreak?: boolean\n}\n\nexport function buildPaginationModel(\n  pageCount: number,\n  currentPage: number,\n  showPages: boolean,\n  marginPageCount: number,\n  surroundingPageCount: number,\n): PageType[] {\n  const pages: PageType[] = []\n\n  if (showPages) {\n    const pageNums: Array<number> = []\n    const addPage = (n: number) => {\n      if (n >= 1 && n <= pageCount) {\n        pageNums.push(n)\n      }\n    }\n\n    // Start by defining the window of pages to show around the current page.\n    // If the window goes off either edge, shift it until it fits.\n    let extentLeft = currentPage - surroundingPageCount\n    let extentRight = currentPage + surroundingPageCount\n    if (extentLeft < 1 && extentRight > pageCount) {\n      // Our window is larger than the entire range,\n      // so simply display every page.\n      extentLeft = 1\n      extentRight = pageCount\n    } else if (extentLeft < 1) {\n      while (extentLeft < 1) {\n        extentLeft++\n        extentRight++\n      }\n    } else if (extentRight > pageCount) {\n      while (extentRight > pageCount) {\n        extentLeft--\n        extentRight--\n      }\n    }\n\n    // Next, include the pages in the margins.\n    // If a margin page is already covered in the window,\n    // extend the window to the other direction.\n    for (let i = 1; i <= marginPageCount; i++) {\n      const leftPage = i\n      const rightPage = pageCount - (i - 1)\n      if (leftPage >= extentLeft) {\n        extentRight++\n      } else {\n        addPage(leftPage)\n      }\n      if (rightPage <= extentRight) {\n        extentLeft--\n      } else {\n        addPage(rightPage)\n      }\n    }\n\n    for (let i = extentLeft; i <= extentRight; i++) {\n      addPage(i)\n    }\n\n    const sorted = pageNums\n      .slice()\n      .sort((a, b) => a - b)\n      .filter((item, idx, ary) => !idx || item !== ary[idx - 1])\n    for (let idx = 0; idx < sorted.length; idx++) {\n      const num = sorted[idx]\n      const selected = num === currentPage\n      const last = sorted[idx - 1]\n      const next = sorted[idx + 1]\n      const lastDelta = num - last\n      const nextDelta = num - next\n      const precedesBreak = nextDelta !== -1\n\n      if (idx === 0) {\n        if (num !== 1) {\n          // If the first page isn't page one,\n          // we need to add a break\n          pages.push({\n            type: 'BREAK',\n            num: 1,\n          })\n        }\n        pages.push({\n          type: 'NUM',\n          num,\n          selected,\n          precedesBreak,\n        })\n      } else {\n        if (lastDelta === 1) {\n          pages.push({\n            type: 'NUM',\n            num,\n            selected,\n            precedesBreak,\n          })\n        } else {\n          // We skipped some, so add a break\n          pages.push({\n            type: 'BREAK',\n            num: num - 1,\n          })\n          pages.push({\n            type: 'NUM',\n            num,\n            selected,\n            precedesBreak: false,\n          })\n        }\n      }\n    }\n\n    const lastPage = pages[pages.length - 1]\n    if (lastPage.type === 'NUM' && lastPage.num !== pageCount) {\n      // The last page we rendered wasn't the actual last page,\n      // so we need an additional break\n      pages.push({\n        type: 'BREAK',\n        num: pageCount,\n      })\n    }\n  }\n\n  const prev: PageType = {type: 'PREV', num: currentPage - 1, disabled: currentPage === 1}\n  const next: PageType = {type: 'NEXT', num: currentPage + 1, disabled: currentPage === pageCount}\n  return [prev, ...pages, next]\n}\n"],"mappings":";AAQA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACY;CACZ,IAAM,IAAoB,EAAE;AAE5B,KAAI,GAAW;EACb,IAAM,IAA0B,EAAE,EAC5B,KAAW,MAAc;AAC7B,GAAI,KAAK,KAAK,KAAK,KACjB,EAAS,KAAK,EAAE;KAMhB,IAAa,IAAc,GAC3B,IAAc,IAAc;AAChC,MAAI,IAAa,KAAK,IAAc,EAIlC,CADA,IAAa,GACb,IAAc;WACL,IAAa,EACtB,QAAO,IAAa,GAElB,CADA,KACA;WAEO,IAAc,EACvB,QAAO,IAAc,GAEnB,CADA,KACA;AAOJ,OAAK,IAAI,IAAI,GAAG,KAAK,GAAiB,KAAK;GACzC,IAAM,IAAW,GACX,IAAY,KAAa,IAAI;AAMnC,GALI,KAAY,IACd,MAEA,EAAQ,EAAS,EAEf,KAAa,IACf,MAEA,EAAQ,EAAU;;AAItB,OAAK,IAAI,IAAI,GAAY,KAAK,GAAa,IACzC,GAAQ,EAAE;EAGZ,IAAM,IAAS,EACZ,OAAO,CACP,MAAM,GAAG,MAAM,IAAI,EAAE,CACrB,QAAQ,GAAM,GAAK,MAAQ,CAAC,KAAO,MAAS,EAAI,IAAM,GAAG;AAC5D,OAAK,IAAI,IAAM,GAAG,IAAM,EAAO,QAAQ,KAAO;GAC5C,IAAM,IAAM,EAAO,IACb,IAAW,MAAQ,GACnB,IAAO,EAAO,IAAM,IACpB,IAAO,EAAO,IAAM,IACpB,IAAY,IAAM,GAElB,IADY,IAAM,MACY;AAEpC,GAAI,MAAQ,KACN,MAAQ,KAGV,EAAM,KAAK;IACT,MAAM;IACN,KAAK;IACN,CAAC,EAEJ,EAAM,KAAK;IACT,MAAM;IACN;IACA;IACA;IACD,CAAC,IAEE,MAAc,IAChB,EAAM,KAAK;IACT,MAAM;IACN;IACA;IACA;IACD,CAAC,IAGF,EAAM,KAAK;IACT,MAAM;IACN,KAAK,IAAM;IACZ,CAAC,EACF,EAAM,KAAK;IACT,MAAM;IACN;IACA;IACA,eAAe;IAChB,CAAC;;EAKR,IAAM,IAAW,EAAM,EAAM,SAAS;AACtC,EAAI,EAAS,SAAS,SAAS,EAAS,QAAQ,KAG9C,EAAM,KAAK;GACT,MAAM;GACN,KAAK;GACN,CAAC;;CAIN,IAAM,IAAiB;EAAC,MAAM;EAAQ,KAAK,IAAc;EAAG,UAAU,MAAgB;EAAE,EAClF,IAAiB;EAAC,MAAM;EAAQ,KAAK,IAAc;EAAG,UAAU,MAAgB;EAAU;AAChG,QAAO;EAAC;EAAM,GAAG;EAAO;EAAK"}

package/esm/Pillar/Pillar.d.ts

@@ -0,0 +1,52 @@
+import React, { PropsWithChildren, type JSX } from 'react';
+import { HeadingProps, type ImageProps, LinkProps } from '..';
+import { type IconProps } from '../Icon';
+import type { BaseProps } from '../component-helpers';
+export declare const defaultPillarIconColor = "green";
+export declare const defaultPillarIconSize = 32;
+export type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.HTMLAttributes<C> & {
+    /**
+     * The HTML element used to render the Pillar.
+     */
+    as?: C | 'div' | 'article';
+    /**
+     * Aligns the pillar content
+     */
+    align?: 'start' | 'center';
+    /**
+     * Enables optional border around the pillar content
+     */
+    hasBorder?: boolean;
+} & (C extends 'article' ? PropsWithChildren<BaseProps<HTMLElement>> : PropsWithChildren<BaseProps<HTMLDivElement>>);
+type PillarImageProps = ImageProps;
+declare function PillarImage({ className, ...rest }: PillarImageProps): import("react/jsx-runtime").JSX.Element;
+type IconComponentProps = React.SVGAttributes<SVGElement> & {
+    size?: number;
+};
+type IconComponent = React.ComponentType<IconComponentProps> | React.ExoticComponent<IconComponentProps>;
+type IconElement = React.ReactElement<IconComponentProps>;
+export type PillarIconProps = Omit<IconProps, 'icon' | 'color'> & {
+    icon: IconElement | IconComponent;
+};
+declare function PillarIcon({ icon, className, hasBackground, size, ...props }: PillarIconProps): import("react/jsx-runtime").JSX.Element;
+type PillarHeadingProps = BaseProps<HTMLHeadingElement> & {
+    children: React.ReactNode | React.ReactNode[];
+    as?: Exclude<HeadingProps['as'], 'h1'>;
+} & HeadingProps;
+type PillarDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>>;
+type PillarLinkProps = {
+    href: string;
+} & Omit<LinkProps, 'size' | 'direction'> & BaseProps<HTMLAnchorElement>;
+/**
+ * Pillar component:
+ * {@link https://primer.style/brand/components/Pillar/ See usage examples}.
+ */
+export declare const Pillar: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PillarProps<"div">>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Icon: typeof PillarIcon;
+    Image: typeof PillarImage;
+    Heading: React.ForwardRefExoticComponent<Omit<PillarHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<PillarDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<PillarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+};
+export {};
+//# sourceMappingURL=Pillar.d.ts.map

package/esm/Pillar/Pillar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pillar.d.ts","sourceRoot":"","sources":["../../src/Pillar/Pillar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAA4B,KAAK,GAAG,EAAC,MAAM,OAAO,CAAA;AAE9F,OAAO,EAAU,YAAY,EAAe,KAAK,UAAU,EAAQ,SAAS,EAAC,MAAM,IAAI,CAAA;AACvF,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAQnD,eAAO,MAAM,sBAAsB,UAAU,CAAA;AAC7C,eAAO,MAAM,qBAAqB,KAAK,CAAA;AACvC,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG;IACjG;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,SAAS,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,CAAC,CAAC,SAAS,SAAS,GAAG,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,CAAA;AAuDpH,KAAK,gBAAgB,GAAG,UAAU,CAAA;AAElC,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,gBAAgB,2CAM1D;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAC3E,KAAK,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAA;AACxG,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAA;AAEzD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAChE,IAAI,EAAE,WAAW,GAAG,aAAa,CAAA;CAClC,CAAA;AAED,iBAAS,UAAU,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,aAAoB,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CA6B3F;AAED,KAAK,kBAAkB,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,EAAE,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAA;CACvC,GAAG,YAAY,CAAA;AAkBhB,KAAK,sBAAsB,GAAG,iBAAiB,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAA;AAmBhF,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC,GACvC,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAU9B;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;CAMjB,CAAA"}

package/esm/Pillar/Pillar.js

@@ -0,0 +1,86 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { useAnimation as t } from "../animation/useAnimation.js";
+import { Text as n } from "../Text/Text.js";
+import { Heading as r } from "../Heading/Heading.js";
+import { Image as i } from "../Image/Image.js";
+import { Link as a } from "../Link/Link.js";
+import { Icon as o } from "../Icon/Icon.js";
+import s from "./Pillar.module.js";
+import c, { forwardRef as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/Pillar/Pillar.tsx
+var d = "green", f = 32, p = l(({ children: n, className: r, animate: i, as: a = "div", align: o = "start", style: l, hasBorder: d = !1, ...f }, p) => {
+	let { classes: y, styles: b } = t(i), x = c.Children.toArray(n).filter((e) => !!(c.isValidElement(e) && typeof e.type != "string" && (e.type === m || e.type === h || e.type === g || e.type === _ || e.type === v)));
+	return /* @__PURE__ */ u(["div", "article"].includes(a) ? a : "div", {
+		className: e(s.Pillar, s[`Pillar--align-${o}`], d && s["Pillar--has-border"], y, r),
+		ref: p,
+		...f,
+		style: {
+			...b,
+			...l
+		},
+		children: x
+	});
+});
+function m({ className: e, ...t }) {
+	return /* @__PURE__ */ u("div", {
+		className: s.Pillar__image,
+		children: /* @__PURE__ */ u(i, {
+			className: e,
+			...t
+		})
+	});
+}
+function h({ icon: t, className: n, hasBackground: r = !0, size: i, ...a }) {
+	if (!r) {
+		let r = {
+			...a,
+			className: e(s.Pillar__icon, n)
+		}, i;
+		return i = c.isValidElement(t) ? t : /* @__PURE__ */ u(t, {}), /* @__PURE__ */ u("span", {
+			...r,
+			children: i
+		});
+	}
+	return /* @__PURE__ */ u(o, {
+		className: e(s.Pillar__icon, s["Pillar__icon--with-background"], n),
+		color: d,
+		hasBackground: !0,
+		icon: t,
+		size: i ?? 32,
+		...a
+	});
+}
+var g = l(({ children: t, as: n = "h3", size: i = "6", className: a, ...o }, c) => /* @__PURE__ */ u(r, {
+	size: i,
+	className: e(s.Pillar__heading, s[`Pillar__heading--size-${i}`], a),
+	ref: c,
+	as: n,
+	...o,
+	children: t
+})), _ = l(({ children: t, className: r, ...i }, a) => /* @__PURE__ */ u(n, {
+	variant: "muted",
+	ref: a,
+	size: "200",
+	as: "p",
+	className: e(s.Pillar__description, r),
+	...i,
+	children: t
+})), v = l(({ className: t, children: n, href: r, ...i }, o) => /* @__PURE__ */ u(a, {
+	variant: "accent",
+	href: r,
+	ref: o,
+	className: e(s.Pillar__link, t),
+	...i,
+	children: n
+})), y = Object.assign(p, {
+	Icon: h,
+	Image: m,
+	Heading: g,
+	Description: _,
+	Link: v
+});
+//#endregion
+export { y as Pillar, d as defaultPillarIconColor, f as defaultPillarIconSize };
+
+//# sourceMappingURL=Pillar.js.map

package/esm/Pillar/Pillar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pillar.js","names":[],"sources":["../../src/Pillar/Pillar.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, HTMLAttributes, type Ref, type JSX} from 'react'\nimport {clsx} from 'clsx'\nimport {Heading, HeadingProps, Text, Image, type ImageProps, Link, LinkProps} from '..'\nimport {Icon, type IconProps} from '../Icon'\nimport type {BaseProps} from '../component-helpers'\nimport {useAnimation} from '../animation'\n\n/**\n * Main stylesheet (as a CSS Module)\n */\nimport styles from './Pillar.module.css'\n\nexport const defaultPillarIconColor = 'green'\nexport const defaultPillarIconSize = 32\nexport type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.HTMLAttributes<C> & {\n  /**\n   * The HTML element used to render the Pillar.\n   */\n  as?: C | 'div' | 'article'\n  /**\n   * Aligns the pillar content\n   */\n  align?: 'start' | 'center'\n  /**\n   * Enables optional border around the pillar content\n   */\n  hasBorder?: boolean\n} & (C extends 'article' ? PropsWithChildren<BaseProps<HTMLElement>> : PropsWithChildren<BaseProps<HTMLDivElement>>)\n\nconst PillarRoot = forwardRef(\n  (\n    {\n      children,\n      className,\n      animate,\n      as = 'div',\n      align = 'start',\n      style,\n      hasBorder = false,\n      ...rest\n    }: PropsWithChildren<PillarProps>,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const filteredChildren = React.Children.toArray(children).filter(child => {\n      if (React.isValidElement(child) && typeof child.type !== 'string') {\n        if (\n          child.type === PillarImage ||\n          child.type === PillarIcon ||\n          child.type === PillarHeading ||\n          child.type === PillarDescription ||\n          child.type === PillarLink\n        ) {\n          return true\n        }\n      }\n      return false\n    })\n\n    const validElements = ['div', 'article']\n    const Component = validElements.includes(as) ? as : 'div'\n\n    return (\n      <Component\n        className={clsx(\n          styles.Pillar,\n          styles[`Pillar--align-${align}`],\n          hasBorder && styles['Pillar--has-border'],\n          animationClasses,\n          className,\n        )}\n        ref={ref}\n        {...(rest as HTMLAttributes<HTMLElement>)}\n        style={{...animationInlineStyles, ...style}}\n      >\n        {filteredChildren}\n      </Component>\n    )\n  },\n)\n\ntype PillarImageProps = ImageProps\n\nfunction PillarImage({className, ...rest}: PillarImageProps) {\n  return (\n    <div className={styles.Pillar__image}>\n      <Image className={className} {...rest} />\n    </div>\n  )\n}\n\ntype IconComponentProps = React.SVGAttributes<SVGElement> & {size?: number}\ntype IconComponent = React.ComponentType<IconComponentProps> | React.ExoticComponent<IconComponentProps>\ntype IconElement = React.ReactElement<IconComponentProps>\n\nexport type PillarIconProps = Omit<IconProps, 'icon' | 'color'> & {\n  icon: IconElement | IconComponent\n}\n\nfunction PillarIcon({icon, className, hasBackground = true, size, ...props}: PillarIconProps) {\n  if (!hasBackground) {\n    const iconWrapperProps = {\n      ...(props as React.HTMLAttributes<HTMLSpanElement>),\n      className: clsx(styles.Pillar__icon, className),\n    }\n\n    let iconWithoutBackground: React.ReactNode\n\n    if (React.isValidElement<IconComponentProps>(icon)) {\n      iconWithoutBackground = icon\n    } else {\n      const IconWithoutBackground = icon\n      iconWithoutBackground = <IconWithoutBackground />\n    }\n\n    return <span {...iconWrapperProps}>{iconWithoutBackground}</span>\n  }\n\n  return (\n    <Icon\n      className={clsx(styles.Pillar__icon, styles['Pillar__icon--with-background'], className)}\n      color={defaultPillarIconColor}\n      hasBackground\n      icon={icon as IconProps['icon']}\n      size={size ?? defaultPillarIconSize}\n      {...props}\n    />\n  )\n}\n\ntype PillarHeadingProps = BaseProps<HTMLHeadingElement> & {\n  children: React.ReactNode | React.ReactNode[]\n  as?: Exclude<HeadingProps['as'], 'h1'>\n} & HeadingProps\n\nconst PillarHeading = forwardRef<HTMLHeadingElement, PillarHeadingProps>(\n  ({children, as = 'h3', size = '6', className, ...rest}, ref) => {\n    return (\n      <Heading\n        size={size}\n        className={clsx(styles.Pillar__heading, styles[`Pillar__heading--size-${size}`], className)}\n        ref={ref}\n        as={as}\n        {...rest}\n      >\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype PillarDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>>\n\nconst PillarDescription = forwardRef<HTMLParagraphElement, PillarDescriptionProps>(\n  ({children, className, ...rest}, ref) => {\n    return (\n      <Text\n        variant=\"muted\"\n        ref={ref}\n        size=\"200\"\n        as=\"p\"\n        className={clsx(styles.Pillar__description, className)}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype PillarLinkProps = {\n  href: string\n} & Omit<LinkProps, 'size' | 'direction'> &\n  BaseProps<HTMLAnchorElement>\n\nconst PillarLink = forwardRef(({className, children, href, ...props}: PillarLinkProps, ref: Ref<HTMLAnchorElement>) => {\n  return (\n    <Link variant=\"accent\" href={href} ref={ref} className={clsx(styles.Pillar__link, className)} {...props}>\n      {children}\n    </Link>\n  )\n})\n\n/**\n * Pillar component:\n * {@link https://primer.style/brand/components/Pillar/ See usage examples}.\n */\nexport const Pillar = Object.assign(PillarRoot, {\n  Icon: PillarIcon,\n  Image: PillarImage,\n  Heading: PillarHeading,\n  Description: PillarDescription,\n  Link: PillarLink,\n})\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,IAAyB,SACzB,IAAwB,IAgB/B,IAAa,GAEf,EACE,aACA,cACA,YACA,QAAK,OACL,WAAQ,SACR,UACA,eAAY,IACZ,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAmB,EAAM,SAAS,QAAQ,EAAS,CAAC,QAAO,MAC/D,GAAI,EAAM,eAAe,EAAM,IAAI,OAAO,EAAM,QAAS,aAErD,EAAM,SAAS,KACf,EAAM,SAAS,KACf,EAAM,SAAS,KACf,EAAM,SAAS,KACf,EAAM,SAAS,IAMnB;AAKF,QACE,kBAHgB,CADK,OAAO,UACZ,CAAc,SAAS,EAAG,GAAG,IAAK,OAGlD;EACE,WAAW,EACT,EAAO,QACP,EAAO,iBAAiB,MACxB,KAAa,EAAO,uBACpB,GACA,EACD;EACI;EACL,GAAK;EACL,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;YAE1C;EACS,CAAA;EAGjB;AAID,SAAS,EAAY,EAAC,cAAW,GAAG,KAAyB;AAC3D,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,GAAD;GAAkB;GAAW,GAAI;GAAQ,CAAA;EACrC,CAAA;;AAYV,SAAS,EAAW,EAAC,SAAM,cAAW,mBAAgB,IAAM,SAAM,GAAG,KAAyB;AAC5F,KAAI,CAAC,GAAe;EAClB,IAAM,IAAmB;GACvB,GAAI;GACJ,WAAW,EAAK,EAAO,cAAc,EAAU;GAChD,EAEG;AASJ,SAPA,AAIE,IAJE,EAAM,eAAmC,EAAK,GACxB,IAGA,kBAAC,GAAD,EAAyB,CAAA,EAG5C,kBAAC,QAAD;GAAM,GAAI;aAAmB;GAA6B,CAAA;;AAGnE,QACE,kBAAC,GAAD;EACE,WAAW,EAAK,EAAO,cAAc,EAAO,kCAAkC,EAAU;EACxF,OAAO;EACP,eAAA;EACM;EACN,MAAM,KAAA;EACN,GAAI;EACJ,CAAA;;AASN,IAAM,IAAgB,GACnB,EAAC,aAAU,QAAK,MAAM,UAAO,KAAK,cAAW,GAAG,KAAO,MAEpD,kBAAC,GAAD;CACQ;CACN,WAAW,EAAK,EAAO,iBAAiB,EAAO,yBAAyB,MAAS,EAAU;CACtF;CACD;CACJ,GAAI;CAEH;CACO,CAAA,CAGf,EAIK,IAAoB,GACvB,EAAC,aAAU,cAAW,GAAG,KAAO,MAE7B,kBAAC,GAAD;CACE,SAAQ;CACH;CACL,MAAK;CACL,IAAG;CACH,WAAW,EAAK,EAAO,qBAAqB,EAAU;CACtD,GAAI;CAEH;CACI,CAAA,CAGZ,EAOK,IAAa,GAAY,EAAC,cAAW,aAAU,SAAM,GAAG,KAAyB,MAEnF,kBAAC,GAAD;CAAM,SAAQ;CAAe;CAAW;CAAK,WAAW,EAAK,EAAO,cAAc,EAAU;CAAE,GAAI;CAC/F;CACI,CAAA,CAET,EAMW,IAAS,OAAO,OAAO,GAAY;CAC9C,MAAM;CACN,OAAO;CACP,SAAS;CACT,aAAa;CACb,MAAM;CACP,CAAC"}

package/esm/Pillar/Pillar.module-Cpx4mbRH.css

@@ -0,0 +1 @@
+.Primer_Brand__Pillar-module__Pillar___xLPAt{max-width:50ch;color:var(--brand-color-text-default);flex-direction:column;display:flex}.Primer_Brand__Pillar-module__Pillar--has-border___h8dLv{border:var(--brand-borderWidth-thin) solid var(--brand-color-border-default);border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-32)}.Primer_Brand__Pillar-module__Pillar___xLPAt.Primer_Brand__Pillar-module__Pillar--align-center___1eAmk{text-align:center;align-items:center}.Primer_Brand__Pillar-module__Pillar___xLPAt.Primer_Brand__Pillar-module__Pillar--align-start___kEyp9{text-align:left;align-items:flex-start}.Primer_Brand__Pillar-module__Pillar__image___z4m11{margin-bottom:var(--base-size-28);border-radius:var(--brand-borderRadius-medium);overflow:hidden}.Primer_Brand__Pillar-module__Pillar__image___z4m11 img,.Primer_Brand__Pillar-module__Pillar__image___z4m11 span{display:block}.Primer_Brand__Pillar-module__Pillar__icon___4V_g6{margin-bottom:var(--base-size-48)}.Primer_Brand__Pillar-module__Pillar__icon--with-background___6pK_P>svg{width:100%;height:100%}.Primer_Brand__Pillar-module__Pillar__heading___9r3aH{margin-bottom:var(--base-size-16)}.Primer_Brand__Pillar-module__Pillar__description___WhErW:not(.Primer_Brand__Pillar-module__Pillar--has-border___h8dLv .Primer_Brand__Pillar-module__Pillar__description___WhErW:last-child){margin-bottom:var(--base-size-24)}.Primer_Brand__Pillar-module__Pillar__link___4V1wl{margin-top:auto}

package/esm/Pillar/Pillar.module.js

@@ -0,0 +1,16 @@
+import './Pillar.module-Cpx4mbRH.css';var e = {
+	Pillar: "Primer_Brand__Pillar-module__Pillar___xLPAt",
+	"Pillar--has-border": "Primer_Brand__Pillar-module__Pillar--has-border___h8dLv",
+	"Pillar--align-center": "Primer_Brand__Pillar-module__Pillar--align-center___1eAmk",
+	"Pillar--align-start": "Primer_Brand__Pillar-module__Pillar--align-start___kEyp9",
+	Pillar__image: "Primer_Brand__Pillar-module__Pillar__image___z4m11",
+	Pillar__icon: "Primer_Brand__Pillar-module__Pillar__icon___4V_g6",
+	"Pillar__icon--with-background": "Primer_Brand__Pillar-module__Pillar__icon--with-background___6pK_P",
+	Pillar__heading: "Primer_Brand__Pillar-module__Pillar__heading___9r3aH",
+	Pillar__description: "Primer_Brand__Pillar-module__Pillar__description___WhErW",
+	Pillar__link: "Primer_Brand__Pillar-module__Pillar__link___4V1wl"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Pillar.module.js.map

package/esm/Pillar/Pillar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pillar.module.js","names":[],"sources":["../../src/Pillar/Pillar.module.css"],"sourcesContent":[".Pillar {\n  max-width: 50ch;\n  color: var(--brand-color-text-default);\n  display: flex;\n  flex-direction: column;\n}\n\n.Pillar--has-border {\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  padding: var(--base-size-32);\n}\n\n.Pillar.Pillar--align-center {\n  align-items: center;\n  text-align: center;\n}\n\n.Pillar.Pillar--align-start {\n  align-items: flex-start;\n  text-align: left;\n}\n\n.Pillar__image {\n  margin-bottom: var(--base-size-28);\n  border-radius: var(--brand-borderRadius-medium);\n  overflow: hidden;\n}\n\n.Pillar__image img,\n.Pillar__image span {\n  display: block;\n}\n\n.Pillar__icon {\n  margin-bottom: var(--base-size-48);\n}\n\n.Pillar__icon--with-background > svg {\n  width: 100%;\n  height: 100%;\n}\n\n.Pillar__heading {\n  margin-bottom: var(--base-size-16);\n}\n\n.Pillar__description:not(.Pillar--has-border .Pillar__description:last-child) {\n  margin-bottom: var(--base-size-24);\n}\n\n.Pillar__link {\n  margin-top: auto;\n}\n"],"mappings":""}

package/esm/Pillar/index.d.ts

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

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

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

package/esm/PricingOptions/PricingOptions.d.ts

@@ -0,0 +1,126 @@
+import React, { HTMLAttributes, PropsWithChildren } from 'react';
+import type { ListItemProps } from '../list/ListItem/ListItem';
+import type { BaseProps } from '../component-helpers';
+import { ButtonBaseProps, HeadingProps } from '..';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css';
+type AlignOptions = 'start' | 'center';
+export type PricingOptionsProps = {
+    align?: AlignOptions;
+    variant?: 'default' | 'default-gradient' | 'cards' | 'cards-gradient';
+    ['data-testid']?: string;
+} & PropsWithChildren<BaseProps<HTMLDivElement>> & HTMLAttributes<HTMLDivElement>;
+type PricingOptionsLabelProps = PropsWithChildren<{
+    'data-testid'?: string;
+}>;
+export type PricingOptionsItem = {
+    ['data-testid']?: string;
+    /**
+     * Escape-hatch for inserting custom React components.
+     * Warning:
+     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
+     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
+     */
+    leadingComponent?: React.ReactElement;
+} & PropsWithChildren<BaseProps<HTMLDivElement>>;
+type PricingOptionsDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {
+    'data-testid'?: string;
+};
+type PricingOptionsHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & {
+    'data-testid'?: string;
+} & HeadingProps;
+type PricingOptionsPriceProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {
+    currencyCode?: string;
+    currencySymbol?: string;
+    'data-testid'?: string;
+    originalPrice?: string;
+    trailingText?: string;
+};
+type PricingOptionsFeatureListProps = BaseProps<HTMLUListElement> & {
+    accordionAs?: HeadingProps['as'];
+    expanded?: ExpandedProp;
+    hasDivider?: boolean;
+    children: React.ReactElement<PricingOptionsFeatureListGroupHeadingProps | PricingOptionsFeatureListItemProps>[];
+    'data-testid'?: string;
+};
+type ExpandedProp = boolean | ResponsiveExpandableProps;
+type ResponsiveExpandableProps = {
+    narrow: boolean;
+    regular: boolean;
+    wide: boolean;
+};
+type PricingOptionsFeatureListHeadingProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {
+    'data-testid'?: string;
+};
+type PricingOptionsFeatureListGroupHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & {
+    as?: Exclude<HeadingProps['as'], 'h1' | 'h2'>;
+    'data-testid'?: string;
+};
+type PricingOptionsFeatureListItemProps = PropsWithChildren<BaseProps<HTMLLIElement>> & {
+    'data-testid'?: string;
+    infoTooltip?: string;
+    variant?: 'included' | 'excluded';
+} & Omit<ListItemProps, 'variant'>;
+type AsA = {
+    as: 'a';
+    href: string;
+    'data-testid'?: string;
+} & React.AnchorHTMLAttributes<BaseProps<HTMLAnchorElement>> & ButtonBaseProps;
+type AsButton = {
+    as: 'button';
+    'data-testid'?: string;
+} & React.ButtonHTMLAttributes<BaseProps<HTMLButtonElement>> & ButtonBaseProps;
+type PricingOptionsActionsProps = AsA | AsButton;
+type PricingOptionsActionsMessageProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {
+    'data-testid'?: string;
+    leadingComponent?: React.ReactElement;
+};
+type PricingOptionsMenuActionProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {
+    'data-testid'?: string;
+};
+type PricingOptionsFootnoteProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {
+    'data-testid'?: string;
+};
+/**
+ * Pricing options component:
+ * {@link https://primer.style/brand/components/PricingOptions/ See usage examples}.
+ */
+export declare const PricingOptions: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PricingOptionsProps>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    ActionsMessage: React.ForwardRefExoticComponent<Omit<PricingOptionsActionsMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<PricingOptionsDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    FeatureList: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    FeatureListHeading: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListHeadingProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    FeatureListGroupHeading: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListGroupHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    FeatureListItem: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+    Footnote: React.ForwardRefExoticComponent<Omit<PricingOptionsFootnoteProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Label: ({ children }: PricingOptionsLabelProps) => import("react/jsx-runtime").JSX.Element;
+    Heading: React.ForwardRefExoticComponent<Omit<PricingOptionsHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PricingOptionsItem>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    MenuAction: React.ForwardRefExoticComponent<Omit<PricingOptionsMenuActionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Price: React.ForwardRefExoticComponent<Omit<PricingOptionsPriceProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    PrimaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    SecondaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    testIds: {
+        root: string;
+        item: string;
+        labelRow: string;
+        heading: string;
+        label: string;
+        description: string;
+        price: string;
+        actionsMessage: string;
+        primaryAction: string;
+        secondaryAction: string;
+        menuAction: string;
+        featureList: string;
+        featureListHeading: string;
+        featureListItem: string;
+        featureListGroupHeading: string;
+        footnote: string;
+    };
+};
+export {};
+//# sourceMappingURL=PricingOptions.d.ts.map

package/esm/PricingOptions/PricingOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingOptions.d.ts","sourceRoot":"","sources":["../../src/PricingOptions/PricingOptions.tsx"],"names":[],"mappings":"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"}

package/esm/PricingOptions/PricingOptions.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PricingOptions.figma.d.ts.map

package/esm/PricingOptions/PricingOptions.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingOptions.figma.d.ts","sourceRoot":"","sources":["../../src/PricingOptions/PricingOptions.figma.tsx"],"names":[],"mappings":""}