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

package/esm/FAQ/FAQGroup.module.js

@@ -0,0 +1,20 @@
+import './FAQGroup.module-qm5jP0zF.css';var e = {
+	FAQGroup: "Primer_Brand__FAQGroup-module__FAQGroup___YEL8U",
+	FAQGroup__accordion: "Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM",
+	"FAQGroup__panel-subHeading": "Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___hpXCw",
+	FAQGroup__tablist: "Primer_Brand__FAQGroup-module__FAQGroup__tablist___iBu9X",
+	FAQ__heading: "Primer_Brand__FAQGroup-module__FAQ__heading___HjZwb",
+	"FAQGroup__tablist-button": "Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R",
+	"FAQGroup__nested-accordion-item": "Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___Bh12D",
+	"FAQGroup__tablist--gridline": "Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5",
+	"FAQGroup__content--gridline": "Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n",
+	FAQGroup__heading: "Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB",
+	"FAQGroup__gridline-wrapper": "Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___7IC44",
+	"FAQGroup__heading-wrapper": "Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs",
+	"FAQGroup__heading-wrapper--gridline": "Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___nZYpp",
+	"FAQGroup__accordion--gridline": "Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=FAQGroup.module.js.map

package/esm/FAQ/FAQGroup.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQGroup.module.js","names":[],"sources":["../../src/FAQ/FAQGroup.module.css"],"sourcesContent":[".FAQGroup {\n  display: none;\n  justify-content: space-between;\n  gap: var(--brand-stack-gap-spacious);\n}\n\n.FAQGroup__accordion {\n  margin-block-start: var(--base-size-48);\n}\n\n.FAQGroup__panel-subHeading {\n  margin-block-start: calc(var(--base-size-8) + 1px);\n  text-transform: uppercase;\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.FAQGroup__tablist .FAQ__heading {\n  display: none;\n}\n\n.FAQGroup__tablist-button {\n  appearance: none;\n  border: none;\n  background-color: transparent;\n  padding-block: var(--base-size-8);\n  padding-inline: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-12);\n  width: 100%;\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: 0.15px;\n  text-transform: uppercase;\n  text-align: start;\n  color: var(--brand-color-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.FAQGroup__tablist-button:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.FAQGroup__tablist-button::before {\n  content: '';\n  display: block;\n  width: calc(var(--base-size-8) + var(--base-size-2));\n  height: var(--base-size-12);\n  flex-shrink: 0;\n  background-color: var(--brand-FAQGroup-buttonIndicator-idle);\n  transform: scaleX(0.7);\n  transform-origin: left;\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.FAQGroup__tablist-button:hover::before {\n  background-color: var(--brand-FAQGroup-buttonIndicator-hover);\n}\n\n.FAQGroup__tablist-button[aria-selected='true'] {\n  color: var(--brand-FAQ-color-tabLabel-selected);\n  gap: calc(var(--base-size-12) + 3px);\n}\n\n.FAQGroup__tablist-button[aria-selected='true']::before {\n  transform: scaleX(1);\n  background-color: var(--brand-FAQGroup-buttonIndicator-active);\n}\n\n.FAQGroup__nested-accordion-item summary h4 {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n}\n\n/* Gridline variant */\n\n.FAQGroup__tablist--gridline {\n  padding-inline-start: var(--base-size-48);\n  padding-block: var(--base-size-80);\n}\n\n.FAQGroup__content--gridline {\n  border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  padding-inline: var(--base-size-64);\n  padding-block-start: var(--base-size-80);\n  padding-block-end: var(--base-size-96);\n}\n\n@media (forced-colors: active) {\n  .FAQGroup__tablist-button[aria-selected='true'] {\n    border-color: Highlight;\n    border-width: var(--brand-borderWidth-thicker);\n    color: HighlightText;\n  }\n}\n\n.FAQGroup__heading {\n  padding-inline: var(--base-size-20);\n}\n\n/* Custom tablet breakpoint */\n@media screen and (min-width: 618px) {\n  .FAQGroup__gridline-wrapper {\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FAQGroup__accordion {\n    margin-block-start: 0;\n    max-width: 618px;\n    margin-inline: auto;\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n  .FAQGroup__heading {\n    max-width: 618px;\n    margin: 0 auto;\n  }\n\n  .FAQGroup__heading-wrapper {\n    padding-block-end: var(--base-size-40);\n  }\n  .FAQGroup__heading-wrapper--gridline {\n    border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;\n  }\n\n  .FAQGroup__accordion--gridline:first-child summary {\n    border-block-start: none !important;\n  }\n\n  .FAQGroup__accordion--gridline:last-child summary {\n    border-block-end: none !important;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .FAQGroup {\n    display: grid;\n  }\n\n  .FAQGroup__accordion {\n    display: none;\n  }\n\n  .FAQGroup__heading {\n    padding-inline: 0;\n    max-width: 100%;\n  }\n\n  .FAQGroup__heading-wrapper {\n    padding-block-end: var(--base-size-64);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .FAQGroup__tablist--gridline {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FAQGroup__content--gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n"],"mappings":""}

package/esm/FAQ/index.d.ts

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

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

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

package/esm/Footnotes/Footnotes.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+export declare const FootnotesTags: readonly ["div", "ol"];
+type FootnotesRestrictedPolymorphism = (React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
+    as?: 'div';
+}) | (React.HTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLOListElement> & {
+    as?: 'ol';
+});
+type FootnotesProps = {
+    as?: (typeof FootnotesTags)[number];
+    visuallyHiddenHeading?: string;
+} & FootnotesRestrictedPolymorphism;
+declare function Root({ as, className, children, visuallyHiddenHeading, ...rest }: FootnotesProps): import("react/jsx-runtime").JSX.Element;
+export declare const FootnotesItemTags: readonly ["a", "p"];
+type DefaultFootnotesItemProps = {
+    _variant?: 'disclaimer';
+};
+type CitationFootnotesItemProps = {
+    _variant?: 'citation';
+    href?: string;
+};
+type FootnotesItemProps = (DefaultFootnotesItemProps | CitationFootnotesItemProps) & React.HTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLParagraphElement>;
+declare function Item({ className, children, _variant, ...rest }: FootnotesItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Footnotes component
+ * {@link https://primer.style/brand/components/Footnotes/ See usage examples}.
+ */
+export declare const Footnotes: typeof Root & {
+    Item: typeof Item;
+};
+export {};
+//# sourceMappingURL=Footnotes.d.ts.map

package/esm/Footnotes/Footnotes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footnotes.d.ts","sourceRoot":"","sources":["../../src/Footnotes/Footnotes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAKnD,eAAO,MAAM,aAAa,wBAAyB,CAAA;AAEnD,KAAK,+BAA+B,GAChC,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAC,CAAC,GACjF,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG,SAAS,CAAC,gBAAgB,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,IAAI,CAAA;CAAC,CAAC,CAAA;AAE5F,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,GAAG,+BAA+B,CAAA;AAEnC,iBAAS,IAAI,CAAC,EAAC,EAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,qBAAmC,EAAE,GAAG,IAAI,EAAC,EAAE,cAAc,2CAyC3G;AAED,eAAO,MAAM,iBAAiB,qBAAsB,CAAA;AAEpD,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,CAAC,EAAE,YAAY,CAAA;CACxB,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,kBAAkB,GAAG,CAAC,yBAAyB,GAAG,0BAA0B,CAAC,GAChF,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAC1C,SAAS,CAAC,oBAAoB,CAAC,CAAA;AAEjC,iBAAS,IAAI,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAqB,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,2CAsBtF;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS;;CAA8B,CAAA"}

package/esm/Footnotes/Footnotes.js

@@ -0,0 +1,70 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { Text as t } from "../Text/Text.js";
+import { Heading as n } from "../Heading/Heading.js";
+import { ReplyIcon as r } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { InlineLink as i } from "../InlineLink/InlineLink.js";
+import a from "./Footnotes.module.js";
+import o from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/Footnotes/Footnotes.tsx
+var u = ["div", "ol"];
+function d({ as: t = "ol", className: r, children: i, visuallyHiddenHeading: u = "Footnotes", ...d }) {
+	let f = o.useMemo(() => o.Children.toArray(i), [i]);
+	if (t === "div") {
+		let t = f.map((e) => o.isValidElement(e) && e.type === p ? o.cloneElement(e, {
+			_variant: "disclaimer",
+			...e.props
+		}) : null);
+		return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n, {
+			className: "visually-hidden",
+			as: "h2",
+			id: "footnote-label",
+			children: u
+		}), /* @__PURE__ */ c("div", {
+			className: e(a.Footnotes, a["Footnotes--variant-disclaimer"], r),
+			...d,
+			children: t
+		})] });
+	}
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n, {
+		className: "visually-hidden",
+		as: "h2",
+		id: "footnote-label",
+		children: u
+	}), /* @__PURE__ */ c("ol", {
+		className: e(a.Footnotes, a["Footnotes--variant-citations"], r),
+		...d,
+		children: i
+	})] });
+}
+var f = ["a", "p"];
+function p({ className: n, children: o, _variant: s = "citation", ...u }) {
+	if (s === "disclaimer") return /* @__PURE__ */ c(t, {
+		as: "p",
+		variant: "muted",
+		size: "100",
+		className: e(a.FootnotesItem, n),
+		children: o
+	});
+	let { href: d, ...f } = u;
+	return /* @__PURE__ */ c("li", {
+		className: e(a.FootnotesItem, n),
+		...f,
+		children: /* @__PURE__ */ l(t, {
+			as: "p",
+			variant: "muted",
+			size: "100",
+			className: e(a.FootnotesItem__citationText),
+			children: [o, d && /* @__PURE__ */ c(i, {
+				href: d,
+				"aria-label": "Back to content",
+				children: /* @__PURE__ */ c(r, { className: a.FootnotesItem__citationIcon })
+			})]
+		})
+	});
+}
+var m = Object.assign(d, { Item: p });
+//#endregion
+export { m as Footnotes, f as FootnotesItemTags, u as FootnotesTags };
+
+//# sourceMappingURL=Footnotes.js.map

package/esm/Footnotes/Footnotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footnotes.js","names":[],"sources":["../../src/Footnotes/Footnotes.tsx"],"sourcesContent":["import React from 'react'\nimport {ReplyIcon} from '@primer/octicons-react'\nimport {clsx} from 'clsx'\n\nimport {Heading, InlineLink, Text} from '../'\nimport type {BaseProps} from '../component-helpers'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Footnotes.module.css'\n\nexport const FootnotesTags = ['div', 'ol'] as const\n\ntype FootnotesRestrictedPolymorphism =\n  | (React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {as?: 'div'})\n  | (React.HTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLOListElement> & {as?: 'ol'})\n\ntype FootnotesProps = {\n  as?: (typeof FootnotesTags)[number]\n  visuallyHiddenHeading?: string\n} & FootnotesRestrictedPolymorphism\n\nfunction Root({as = 'ol', className, children, visuallyHiddenHeading = 'Footnotes', ...rest}: FootnotesProps) {\n  const memoizedChildren = React.useMemo(() => React.Children.toArray(children), [children])\n\n  if (as === 'div') {\n    const filteredChildren = memoizedChildren.map(child => {\n      if (React.isValidElement<FootnotesItemProps>(child) && child.type === Item) {\n        return React.cloneElement(child, {\n          _variant: 'disclaimer',\n          ...child.props,\n        })\n      }\n      return null\n    })\n    return (\n      <>\n        <Heading className=\"visually-hidden\" as=\"h2\" id=\"footnote-label\">\n          {visuallyHiddenHeading}\n        </Heading>\n        <div\n          className={clsx(styles.Footnotes, styles['Footnotes--variant-disclaimer'], className)}\n          {...(rest as BaseProps<HTMLDivElement>)}\n        >\n          {filteredChildren}\n        </div>\n      </>\n    )\n  }\n\n  return (\n    <>\n      <Heading className=\"visually-hidden\" as=\"h2\" id=\"footnote-label\">\n        {visuallyHiddenHeading}\n      </Heading>\n      <ol\n        className={clsx(styles.Footnotes, styles['Footnotes--variant-citations'], className)}\n        {...(rest as BaseProps<HTMLOListElement>)}\n      >\n        {children}\n      </ol>\n    </>\n  )\n}\n\nexport const FootnotesItemTags = ['a', 'p'] as const\n\ntype DefaultFootnotesItemProps = {\n  _variant?: 'disclaimer'\n}\n\ntype CitationFootnotesItemProps = {\n  _variant?: 'citation'\n  href?: string\n}\n\ntype FootnotesItemProps = (DefaultFootnotesItemProps | CitationFootnotesItemProps) &\n  React.HTMLAttributes<HTMLParagraphElement> &\n  BaseProps<HTMLParagraphElement>\n\nfunction Item({className, children, _variant = 'citation', ...rest}: FootnotesItemProps) {\n  if (_variant === 'disclaimer') {\n    return (\n      <Text as=\"p\" variant=\"muted\" size=\"100\" className={clsx(styles.FootnotesItem, className)}>\n        {children}\n      </Text>\n    )\n  }\n\n  const {href, ...restSansHref} = rest as CitationFootnotesItemProps\n  return (\n    <li className={clsx(styles.FootnotesItem, className)} {...(restSansHref as CitationFootnotesItemProps)}>\n      <Text as=\"p\" variant=\"muted\" size=\"100\" className={clsx(styles.FootnotesItem__citationText)}>\n        {children}\n        {href && (\n          <InlineLink href={href} aria-label=\"Back to content\">\n            <ReplyIcon className={styles.FootnotesItem__citationIcon} />\n          </InlineLink>\n        )}\n      </Text>\n    </li>\n  )\n}\n\n/**\n * Footnotes component\n * {@link https://primer.style/brand/components/Footnotes/ See usage examples}.\n */\nexport const Footnotes = Object.assign(Root, {Item})\n"],"mappings":";;;;;;;;;AAUA,IAAa,IAAgB,CAAC,OAAO,KAAK;AAW1C,SAAS,EAAK,EAAC,QAAK,MAAM,cAAW,aAAU,2BAAwB,aAAa,GAAG,KAAuB;CAC5G,IAAM,IAAmB,EAAM,cAAc,EAAM,SAAS,QAAQ,EAAS,EAAE,CAAC,EAAS,CAAC;AAE1F,KAAI,MAAO,OAAO;EAChB,IAAM,IAAmB,EAAiB,KAAI,MACxC,EAAM,eAAmC,EAAM,IAAI,EAAM,SAAS,IAC7D,EAAM,aAAa,GAAO;GAC/B,UAAU;GACV,GAAG,EAAM;GACV,CAAC,GAEG,KACP;AACF,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAS,WAAU;GAAkB,IAAG;GAAK,IAAG;aAC7C;GACO,CAAA,EACV,kBAAC,OAAD;GACE,WAAW,EAAK,EAAO,WAAW,EAAO,kCAAkC,EAAU;GACrF,GAAK;aAEJ;GACG,CAAA,CACL,EAAA,CAAA;;AAIP,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAS,WAAU;EAAkB,IAAG;EAAK,IAAG;YAC7C;EACO,CAAA,EACV,kBAAC,MAAD;EACE,WAAW,EAAK,EAAO,WAAW,EAAO,iCAAiC,EAAU;EACpF,GAAK;EAEJ;EACE,CAAA,CACJ,EAAA,CAAA;;AAIP,IAAa,IAAoB,CAAC,KAAK,IAAI;AAe3C,SAAS,EAAK,EAAC,cAAW,aAAU,cAAW,YAAY,GAAG,KAA2B;AACvF,KAAI,MAAa,aACf,QACE,kBAAC,GAAD;EAAM,IAAG;EAAI,SAAQ;EAAQ,MAAK;EAAM,WAAW,EAAK,EAAO,eAAe,EAAU;EACrF;EACI,CAAA;CAIX,IAAM,EAAC,SAAM,GAAG,MAAgB;AAChC,QACE,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,eAAe,EAAU;EAAE,GAAK;YACzD,kBAAC,GAAD;GAAM,IAAG;GAAI,SAAQ;GAAQ,MAAK;GAAM,WAAW,EAAK,EAAO,4BAA4B;aAA3F,CACG,GACA,KACC,kBAAC,GAAD;IAAkB;IAAM,cAAW;cACjC,kBAAC,GAAD,EAAW,WAAW,EAAO,6BAA+B,CAAA;IACjD,CAAA,CAEV;;EACJ,CAAA;;AAQT,IAAa,IAAY,OAAO,OAAO,GAAM,EAAC,SAAK,CAAC"}

package/esm/Footnotes/Footnotes.module-Du0yaz7E.css

@@ -0,0 +1 @@
+.Primer_Brand__Footnotes-module__Footnotes___Nejyn{padding-block:var(--base-size-80);gap:var(--base-size-24);flex-direction:column;display:flex}.Primer_Brand__Footnotes-module__Footnotes--variant-citations___CDvXV{font-family:var(--brand-body-fontFamily);font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100);color:var(--brand-color-text-muted);margin:0;padding-inline-start:var(--base-size-16)}.Primer_Brand__Footnotes-module__Footnotes--variant-citations___CDvXV .Primer_Brand__Footnotes-module__FootnotesItem___IfXmq{padding-inline-start:var(--base-size-12)}.Primer_Brand__Footnotes-module__FootnotesItem___IfXmq{scroll-margin-top:80px}.Primer_Brand__Footnotes-module__FootnotesItem__citationIcon___gBAZT{margin-inline-start:var(--base-size-4);transform:scaleY(-1)}.Primer_Brand__Footnotes-module__FootnotesItem__citationText___4Rjij{gap:var(--base-size-4);display:inline}

package/esm/Footnotes/Footnotes.module.js

@@ -0,0 +1,11 @@
+import './Footnotes.module-Du0yaz7E.css';var e = {
+	Footnotes: "Primer_Brand__Footnotes-module__Footnotes___Nejyn",
+	"Footnotes--variant-citations": "Primer_Brand__Footnotes-module__Footnotes--variant-citations___CDvXV",
+	FootnotesItem: "Primer_Brand__Footnotes-module__FootnotesItem___IfXmq",
+	FootnotesItem__citationIcon: "Primer_Brand__Footnotes-module__FootnotesItem__citationIcon___gBAZT",
+	FootnotesItem__citationText: "Primer_Brand__Footnotes-module__FootnotesItem__citationText___4Rjij"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Footnotes.module.js.map

package/esm/Footnotes/Footnotes.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footnotes.module.js","names":[],"sources":["../../src/Footnotes/Footnotes.module.css"],"sourcesContent":[".Footnotes {\n  padding-block: var(--base-size-80);\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-24);\n}\n\n.Footnotes--variant-citations {\n  margin: 0;\n  padding-inline-start: var(--base-size-16);\n  font-family: var(--brand-body-fontFamily);\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  color: var(--brand-color-text-muted);\n}\n\n.Footnotes--variant-citations .FootnotesItem {\n  padding-inline-start: var(--base-size-12);\n}\n\n.FootnotesItem {\n  scroll-margin-top: 80px;\n}\n\n.FootnotesItem__citationIcon {\n  transform: scaleY(-1);\n  margin-inline-start: var(--base-size-4);\n}\n\n.FootnotesItem__citationText {\n  display: inline;\n  gap: var(--base-size-4);\n}\n"],"mappings":""}

package/esm/Footnotes/index.d.ts

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

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

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

package/esm/FrostedGlassVFX/FrostedGlassVFX.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css';
+export declare const FrostedGlassVFXIntensity: readonly ["low", "medium", "high"];
+export type FrostedGlassVFXIntensity = (typeof FrostedGlassVFXIntensity)[number];
+export declare const defaultFrostedGlassVFXIntensity: FrostedGlassVFXIntensity;
+export type FrostedGlassVFXProps = BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Applies rounded corners
+     */
+    hasBorderRadius?: boolean;
+    /**
+     * Controls the blur amount
+     */
+    intensity?: FrostedGlassVFXIntensity;
+};
+/**
+ * FrostedGlassVFX component
+ * {@link https://primer.style/brand/components/FrostedGlassVFX/ See usage examples}.
+ */
+export declare function FrostedGlassVFX({ hasBorderRadius, children, className, intensity, ...rest }: FrostedGlassVFXProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FrostedGlassVFX.d.ts.map

package/esm/FrostedGlassVFX/FrostedGlassVFX.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrostedGlassVFX.d.ts","sourceRoot":"","sources":["../../src/FrostedGlassVFX/FrostedGlassVFX.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD;;GAEG;AACH,OAAO,wGAAwG,CAAA;AAC/G,OAAO,qHAAqH,CAAA;AAK5H,eAAO,MAAM,wBAAwB,oCAAqC,CAAA;AAC1E,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAChF,eAAO,MAAM,+BAA+B,EAAE,wBAAmC,CAAA;AAEjF,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,cAAc,CAAC,GAC1D,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAA;CACrC,CAAA;AAEH;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,eAAsB,EACtB,QAAQ,EACR,SAAS,EACT,SAA2C,EAC3C,GAAG,IAAI,EACR,EAAE,oBAAoB,2CActB"}

package/esm/FrostedGlassVFX/FrostedGlassVFX.js

@@ -0,0 +1,23 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes-CMw13Yda.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base-BlFewKzM.css';/* empty css                                                                                                  */
+/* empty css                                                                                                               */
+import t from "./FrostedGlassVFX.module.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/FrostedGlassVFX/FrostedGlassVFX.tsx
+var r = [
+	"low",
+	"medium",
+	"high"
+], i = "medium";
+function a({ hasBorderRadius: r = !0, children: a, className: o, intensity: s = i, ...c }) {
+	return /* @__PURE__ */ n("div", {
+		className: e(t.FrostedGlassVFX, r && t["FrostedGlassVFX--rounded-corners"], t[`FrostedGlassVFX--intensity-${s}`], o),
+		...c,
+		children: a
+	});
+}
+//#endregion
+export { a as FrostedGlassVFX, r as FrostedGlassVFXIntensity, i as defaultFrostedGlassVFXIntensity };
+
+//# sourceMappingURL=FrostedGlassVFX.js.map

package/esm/FrostedGlassVFX/FrostedGlassVFX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrostedGlassVFX.js","names":[],"sources":["../../src/FrostedGlassVFX/FrostedGlassVFX.tsx"],"sourcesContent":["import React from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './FrostedGlassVFX.module.css'\n\nexport const FrostedGlassVFXIntensity = ['low', 'medium', 'high'] as const\nexport type FrostedGlassVFXIntensity = (typeof FrostedGlassVFXIntensity)[number]\nexport const defaultFrostedGlassVFXIntensity: FrostedGlassVFXIntensity = 'medium'\n\nexport type FrostedGlassVFXProps = BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Applies rounded corners\n     */\n    hasBorderRadius?: boolean\n    /**\n     * Controls the blur amount\n     */\n    intensity?: FrostedGlassVFXIntensity\n  }\n\n/**\n * FrostedGlassVFX component\n * {@link https://primer.style/brand/components/FrostedGlassVFX/ See usage examples}.\n */\nexport function FrostedGlassVFX({\n  hasBorderRadius = true,\n  children,\n  className,\n  intensity = defaultFrostedGlassVFXIntensity,\n  ...rest\n}: FrostedGlassVFXProps) {\n  return (\n    <div\n      className={clsx(\n        styles.FrostedGlassVFX,\n        hasBorderRadius && styles['FrostedGlassVFX--rounded-corners'],\n        styles[`FrostedGlassVFX--intensity-${intensity}`],\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAaA,IAAa,IAA2B;CAAC;CAAO;CAAU;CAAO,EAEpD,IAA4D;AAkBzE,SAAgB,EAAgB,EAC9B,qBAAkB,IAClB,aACA,cACA,eAAY,GACZ,GAAG,KACoB;AACvB,QACE,kBAAC,OAAD;EACE,WAAW,EACT,EAAO,iBACP,KAAmB,EAAO,qCAC1B,EAAO,8BAA8B,MACrC,EACD;EACD,GAAI;EAEH;EACG,CAAA"}

package/esm/FrostedGlassVFX/FrostedGlassVFX.module-CBwswPOI.css

@@ -0,0 +1 @@
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR{background-color:var(--brand-FrostedGlassVFX-bgColor);position:relative}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--rounded-corners___4Ve0_{border-radius:var(--brand-borderRadius-xlarge)}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-low___sfdan{-webkit-backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-low));backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-low))}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-medium___Tnplu{-webkit-backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-medium));backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-medium))}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-high___pdX39{-webkit-backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-high));backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-high))}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR:before{content:"";z-index:-1;padding:var(--brand-borderWidth-thin);background:var(--brand-FrostedGlassVFX-borderMask);-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0), linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0), linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) exclude, linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;mask:linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) exclude, linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;position:absolute;inset:0}@supports (background:linear-gradient(red 0%, red 0% 1%, red 2%)){.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR:before{-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0 0), linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0 0), linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0 0) exclude, linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;mask:linear-gradient(var(--base-color-scale-black-0) 0 0) exclude, linear-gradient(var(--base-color-scale-black-0) 0 0) content-box}}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--rounded-corners___4Ve0_:before{border-radius:var(--brand-borderRadius-xlarge)}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR>*{background-color:#0000}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR>*,.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR>:before{border-color:#0000}

package/esm/FrostedGlassVFX/FrostedGlassVFX.module.js

@@ -0,0 +1,11 @@
+import './FrostedGlassVFX.module-CBwswPOI.css';var e = {
+	FrostedGlassVFX: "Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR",
+	"FrostedGlassVFX--rounded-corners": "Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--rounded-corners___4Ve0_",
+	"FrostedGlassVFX--intensity-low": "Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-low___sfdan",
+	"FrostedGlassVFX--intensity-medium": "Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-medium___Tnplu",
+	"FrostedGlassVFX--intensity-high": "Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-high___pdX39"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=FrostedGlassVFX.module.js.map

package/esm/FrostedGlassVFX/FrostedGlassVFX.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrostedGlassVFX.module.js","names":[],"sources":["../../src/FrostedGlassVFX/FrostedGlassVFX.module.css"],"sourcesContent":[".FrostedGlassVFX {\n  position: relative;\n  background-color: var(--brand-FrostedGlassVFX-bgColor);\n}\n\n.FrostedGlassVFX--rounded-corners {\n  border-radius: var(--brand-borderRadius-xlarge);\n}\n\n.FrostedGlassVFX--intensity-low {\n  backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-low));\n}\n\n.FrostedGlassVFX--intensity-medium {\n  backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-medium));\n}\n\n.FrostedGlassVFX--intensity-high {\n  backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-high));\n}\n\n.FrostedGlassVFX::before {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  padding: var(--brand-borderWidth-thin);\n  background: var(--brand-FrostedGlassVFX-borderMask);\n  mask: linear-gradient(var(--base-color-scale-black-0) 0 0) exclude,\n    linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;\n}\n\n.FrostedGlassVFX--rounded-corners::before {\n  border-radius: var(--brand-borderRadius-xlarge);\n}\n\n.FrostedGlassVFX > * {\n  background-color: transparent;\n}\n\n.FrostedGlassVFX > *,\n.FrostedGlassVFX > *::before {\n  border-color: transparent;\n}\n"],"mappings":""}

package/esm/FrostedGlassVFX/index.d.ts

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

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

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

package/esm/Grid/Grid.d.ts

@@ -0,0 +1,103 @@
+import React, { PropsWithChildren } from 'react';
+import type { JSX } from 'react';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/grid/grid.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css';
+type ResponsiveMap = {
+    xsmall?: GridColumnIndex;
+    small?: GridColumnIndex;
+    medium?: GridColumnIndex;
+    large?: GridColumnIndex;
+    xlarge?: GridColumnIndex;
+    xxlarge?: GridColumnIndex;
+};
+export type GridColumnIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type GridProps<T extends keyof JSX.IntrinsicElements = 'div'> = React.HTMLAttributes<T> & {
+    /**
+     * The HTML element used to render the grid.
+     */
+    as?: T | 'div' | 'span' | 'section';
+    /**
+     * Visual aid to help with alignment.
+     */
+    enableOverlay?: boolean;
+    /**
+     * Enable/disable default gutters
+     */
+    enableGutters?: boolean;
+    /**
+     * Sets the gap between columns.
+     */
+    columnGap?: 'none' | 'default';
+    /**
+     * Sets the gap between rows.
+     */
+    rowGap?: 'none' | 'default';
+    /**
+     * Fills the width of the parent container and removes the max-width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Test id for the root element.
+     */
+    ['data-testid']?: string;
+} & (T extends 'span' ? BaseProps<HTMLSpanElement> : T extends 'section' ? BaseProps<HTMLElement> : BaseProps<HTMLDivElement>);
+type GridColumnProps<T extends keyof JSX.IntrinsicElements = 'div'> = {
+    as?: T | 'div' | 'span' | 'section';
+    span?: GridColumnIndex | ResponsiveMap;
+    start?: GridColumnIndex | ResponsiveMap;
+} & (T extends 'span' ? BaseProps<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> : T extends 'section' ? BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement> : BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>);
+/**
+ * Use Grid to create flexible and responsive grid-based layouts
+ * @see https://primer.style/brand/components/Grid
+ * @example
+ *   <Grid>
+ *     <Grid.Column span="6">
+ *       ...
+ *     </Grid.Column>
+ *   </Grid>
+ */
+export declare const Grid: React.NamedExoticComponent<React.HTMLAttributes<"div"> & {
+    /**
+     * The HTML element used to render the grid.
+     */
+    as?: "div" | "section" | "span" | undefined;
+    /**
+     * Visual aid to help with alignment.
+     */
+    enableOverlay?: boolean;
+    /**
+     * Enable/disable default gutters
+     */
+    enableGutters?: boolean;
+    /**
+     * Sets the gap between columns.
+     */
+    columnGap?: "none" | "default";
+    /**
+     * Sets the gap between rows.
+     */
+    rowGap?: "none" | "default";
+    /**
+     * Fills the width of the parent container and removes the max-width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Test id for the root element.
+     */
+    "data-testid"?: string;
+} & BaseProps<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+}> & {
+    readonly type: ({ className, children, as, fullWidth, enableOverlay, enableGutters, columnGap, rowGap, ["data-testid"]: testId, ...rest }: PropsWithChildren<GridProps>) => import("react/jsx-runtime").JSX.Element;
+} & {
+    Column: React.MemoExoticComponent<({ children, as, span, start, className, ...rest }: PropsWithChildren<GridColumnProps>) => import("react/jsx-runtime").JSX.Element>;
+    testIds: {
+        root: string;
+    };
+};
+export {};
+//# sourceMappingURL=Grid.d.ts.map

package/esm/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAO,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD;;GAEG;AACH,OAAO,2FAA2F,CAAA;AAClG,OAAO,wGAAwG,CAAA;AAU/G,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAE9E,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG;IAC/F;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;CACzB,GAAG,CAAC,CAAC,SAAS,MAAM,GACf,SAAS,CAAC,eAAe,CAAC,GAC1B,CAAC,SAAS,SAAS,GACnB,SAAS,CAAC,WAAW,CAAC,GACtB,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AA0ChC,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,IAAI;IACpE,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,IAAI,CAAC,EAAE,eAAe,GAAG,aAAa,CAAA;IACtC,KAAK,CAAC,EAAE,eAAe,GAAG,aAAa,CAAA;CACxC,GAAG,CAAC,CAAC,SAAS,MAAM,GACjB,SAAS,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAClE,CAAC,SAAS,SAAS,GACnB,SAAS,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAC1D,SAAS,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAA;AA0CrE;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI;IAtIf;;OAEG;;IAEH;;OAEG;oBACa,OAAO;IACvB;;OAEG;oBACa,OAAO;IACvB;;OAEG;gBACS,MAAM,GAAG,SAAS;IAC9B;;OAEG;aACM,MAAM,GAAG,SAAS;IAC3B;;OAEG;gBACS,OAAO;IACnB;;OAEG;oBACe,MAAM;;;;+IAmBrB,iBAAiB,CAAC,SAAS,CAAC;;0FAuCgC,iBAAiB,CAAC,eAAe,CAAC;;;;CAoDjG,CAAA"}

package/esm/Grid/Grid.js

@@ -0,0 +1,43 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/grid-Cjk6fsH8.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes-6QocK2fy.css';/* empty css                                                                                     */
+/* empty css                                                                                                  */
+import t from "./Grid.module.js";
+import { useId as n } from "../hooks/useId.js";
+import { memo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/Grid/Grid.tsx
+var a = { root: "Grid" }, o = r(({ className: r, children: o, as: s = "div", fullWidth: c = !1, enableOverlay: l = !1, enableGutters: u = !0, columnGap: d = "default", rowGap: f = "default", "data-testid": p, ...m }) => {
+	let h = e(t.Grid, t[`Grid--columnGap-${d}`], t[`Grid--rowGap-${f}`], l && t["Grid--has-overlay"], c && t["Grid--full-width"], u && t["Grid--has-gutters"], r), g = n(p);
+	return /* @__PURE__ */ i([
+		"div",
+		"span",
+		"section"
+	].includes(s) ? s : "div", {
+		className: h,
+		"data-testid": p || `${a.root}-${g}`,
+		...m,
+		children: o
+	});
+}), s = r(({ children: n, as: r = "div", span: a = 12, start: o, className: s, ...c }) => {
+	let l = [
+		"div",
+		"span",
+		"section"
+	].includes(r) ? r : "div", u = [t.Grid__column];
+	if (typeof a == "number") u.push(t[`Grid__column--span-${a}`]);
+	else if (typeof a == "object") for (let [e, n] of Object.entries(a)) e === "xsmall" ? u.push(t[`Grid__column--xsmall-span-${n}`]) : u.push(t[`Grid__column--${e}-span-${n}`]);
+	if (typeof o == "number") u.push(t[`Grid__column--start-${o}`]);
+	else if (typeof o == "object") for (let [e, n] of Object.entries(o)) e === "xsmall" ? u.push(t[`Grid__column--xsmall-start-${n}`]) : u.push(t[`Grid__column--${e}-start-${n}`]);
+	return /* @__PURE__ */ i(l, {
+		className: e(u, s),
+		...c,
+		children: n
+	});
+}), c = Object.assign(o, {
+	Column: s,
+	testIds: a
+});
+//#endregion
+export { c as Grid };
+
+//# sourceMappingURL=Grid.js.map

package/esm/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","names":[],"sources":["../../src/Grid/Grid.tsx"],"sourcesContent":["import React, {HTMLAttributes, PropsWithChildren, memo} from 'react'\nimport type {JSX} from 'react'\n\nimport {clsx} from 'clsx'\n\nimport type {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/grid/grid.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Grid.module.css'\nimport {useId} from '../hooks/useId'\n\nconst testIds = {\n  root: 'Grid',\n}\n\ntype ResponsiveMap = {\n  xsmall?: GridColumnIndex\n  small?: GridColumnIndex\n  medium?: GridColumnIndex\n  large?: GridColumnIndex\n  xlarge?: GridColumnIndex\n  xxlarge?: GridColumnIndex\n}\n\nexport type GridColumnIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport type GridProps<T extends keyof JSX.IntrinsicElements = 'div'> = React.HTMLAttributes<T> & {\n  /**\n   * The HTML element used to render the grid.\n   */\n  as?: T | 'div' | 'span' | 'section'\n  /**\n   * Visual aid to help with alignment.\n   */\n  enableOverlay?: boolean\n  /**\n   * Enable/disable default gutters\n   */\n  enableGutters?: boolean\n  /**\n   * Sets the gap between columns.\n   */\n  columnGap?: 'none' | 'default'\n  /**\n   * Sets the gap between rows.\n   */\n  rowGap?: 'none' | 'default'\n  /**\n   * Fills the width of the parent container and removes the max-width.\n   */\n  fullWidth?: boolean\n  /**\n   * Test id for the root element.\n   */\n  ['data-testid']?: string\n} & (T extends 'span'\n    ? BaseProps<HTMLSpanElement>\n    : T extends 'section'\n    ? BaseProps<HTMLElement>\n    : BaseProps<HTMLDivElement>)\n\nconst _GridRoot = memo(\n  ({\n    className,\n    children,\n    as = 'div',\n    fullWidth = false,\n    enableOverlay = false,\n    enableGutters = true,\n    columnGap = 'default',\n    rowGap = 'default',\n    ['data-testid']: testId,\n    ...rest\n  }: PropsWithChildren<GridProps>) => {\n    const gridClass = clsx(\n      styles.Grid,\n      styles[`Grid--columnGap-${columnGap}`],\n      styles[`Grid--rowGap-${rowGap}`],\n      enableOverlay && styles['Grid--has-overlay'],\n      fullWidth && styles['Grid--full-width'],\n      enableGutters && styles['Grid--has-gutters'],\n      className,\n    )\n\n    const testIdUID = useId(testId)\n\n    const validElements = ['div', 'span', 'section']\n    const Component = validElements.includes(as) ? as : 'div'\n\n    return (\n      <Component\n        className={gridClass}\n        data-testid={testId || `${testIds.root}-${testIdUID}`}\n        {...(rest as HTMLAttributes<HTMLElement>)}\n      >\n        {children}\n      </Component>\n    )\n  },\n)\n\ntype GridColumnProps<T extends keyof JSX.IntrinsicElements = 'div'> = {\n  as?: T | 'div' | 'span' | 'section'\n  span?: GridColumnIndex | ResponsiveMap\n  start?: GridColumnIndex | ResponsiveMap\n} & (T extends 'span'\n  ? BaseProps<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>\n  : T extends 'section'\n  ? BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>\n  : BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>)\n\nconst Column = memo(\n  ({children, as = 'div', span = 12, start, className, ...rest}: PropsWithChildren<GridColumnProps>) => {\n    const validElements = ['div', 'span', 'section']\n    const Component = validElements.includes(as) ? as : 'div'\n\n    const columnClassArray = [styles['Grid__column']]\n\n    if (typeof span === 'number') {\n      columnClassArray.push(styles[`Grid__column--span-${span}`])\n    } else if (typeof span === 'object') {\n      for (const [key, value] of Object.entries(span)) {\n        if (key === 'xsmall') {\n          columnClassArray.push(styles[`Grid__column--xsmall-span-${value}`])\n        } else {\n          columnClassArray.push(styles[`Grid__column--${key}-span-${value}`])\n        }\n      }\n    }\n\n    if (typeof start === 'number') {\n      columnClassArray.push(styles[`Grid__column--start-${start}`])\n    } else if (typeof start === 'object') {\n      for (const [key, value] of Object.entries(start)) {\n        if (key === 'xsmall') {\n          columnClassArray.push(styles[`Grid__column--xsmall-start-${value}`])\n        } else {\n          columnClassArray.push(styles[`Grid__column--${key}-start-${value}`])\n        }\n      }\n    }\n\n    const classes = clsx(columnClassArray, className)\n    return (\n      <Component className={classes} {...rest}>\n        {children}\n      </Component>\n    )\n  },\n)\n\n/**\n * Use Grid to create flexible and responsive grid-based layouts\n * @see https://primer.style/brand/components/Grid\n * @example\n *   <Grid>\n *     <Grid.Column span=\"6\">\n *       ...\n *     </Grid.Column>\n *   </Grid>\n */\nexport const Grid = Object.assign(_GridRoot, {\n  Column,\n  testIds,\n})\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAU,EACd,MAAM,QACP,EAgDK,IAAY,GACf,EACC,cACA,aACA,QAAK,OACL,eAAY,IACZ,mBAAgB,IAChB,mBAAgB,IAChB,eAAY,WACZ,YAAS,WACR,eAAgB,GACjB,GAAG,QAC+B;CAClC,IAAM,IAAY,EAChB,EAAO,MACP,EAAO,mBAAmB,MAC1B,EAAO,gBAAgB,MACvB,KAAiB,EAAO,sBACxB,KAAa,EAAO,qBACpB,KAAiB,EAAO,sBACxB,EACD,EAEK,IAAY,EAAM,EAAO;AAK/B,QACE,kBAHgB;EADK;EAAO;EAAQ;EACpB,CAAc,SAAS,EAAG,GAAG,IAAK,OAGlD;EACE,WAAW;EACX,eAAa,KAAU,GAAG,EAAQ,KAAK,GAAG;EAC1C,GAAK;EAEJ;EACS,CAAA;EAGjB,EAYK,IAAS,GACZ,EAAC,aAAU,QAAK,OAAO,UAAO,IAAI,UAAO,cAAW,GAAG,QAA8C;CAEpG,IAAM,IAAY;EADK;EAAO;EAAQ;EACpB,CAAc,SAAS,EAAG,GAAG,IAAK,OAE9C,IAAmB,CAAC,EAAO,aAAgB;AAEjD,KAAI,OAAO,KAAS,SAClB,GAAiB,KAAK,EAAO,sBAAsB,KAAQ;UAClD,OAAO,KAAS,SACzB,MAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAK,CAC7C,CAAI,MAAQ,WACV,EAAiB,KAAK,EAAO,6BAA6B,KAAS,GAEnE,EAAiB,KAAK,EAAO,iBAAiB,EAAI,QAAQ,KAAS;AAKzE,KAAI,OAAO,KAAU,SACnB,GAAiB,KAAK,EAAO,uBAAuB,KAAS;UACpD,OAAO,KAAU,SAC1B,MAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAM,CAC9C,CAAI,MAAQ,WACV,EAAiB,KAAK,EAAO,8BAA8B,KAAS,GAEpE,EAAiB,KAAK,EAAO,iBAAiB,EAAI,SAAS,KAAS;AAM1E,QACE,kBAAC,GAAD;EAAW,WAFG,EAAK,GAAkB,EAEf;EAAS,GAAI;EAChC;EACS,CAAA;EAGjB,EAYY,IAAO,OAAO,OAAO,GAAW;CAC3C;CACA;CACD,CAAC"}

package/esm/Grid/Grid.module-wbqYcimR.css

@@ -0,0 +1 @@
+.Primer_Brand__Grid-module__Grid___H4Yx1{grid-template-columns:repeat(12,minmax(0,1fr));max-width:1280px;margin:0 auto;display:grid}.Primer_Brand__Grid-module__Grid--columnGap-default___8j2YD{grid-column-gap:var(--brand-Grid-spacing-column-gap)}.Primer_Brand__Grid-module__Grid--columnGap-none___65Ui8{grid-column-gap:0}.Primer_Brand__Grid-module__Grid--rowGap-default___N2Nw3{grid-row-gap:var(--brand-Grid-spacing-row)}.Primer_Brand__Grid-module__Grid--rowGap-none___z0LWC{grid-row-gap:0}.Primer_Brand__Grid-module__Grid--full-width___G_Ie6{width:100%;max-width:none}.Primer_Brand__Grid-module__Grid___H4Yx1+.Primer_Brand__Grid-module__Grid___H4Yx1{margin-top:var(--brand-Grid-spacing-row)}.Primer_Brand__Grid-module__Grid___H4Yx1 .Primer_Brand__Grid-module__Grid___H4Yx1{margin:0;padding-inline:0}.Primer_Brand__Grid-module__Grid__column___bCs9w{grid-column:auto/span 12}.Primer_Brand__Grid-module__Grid--has-overlay___gHvxU .Primer_Brand__Grid-module__Grid__column___bCs9w{background-color:var(--brand-Grid-column-bgColor-overlay);min-height:var(--base-size-24)}.Primer_Brand__Grid-module__Grid--has-gutters___VMoP7{padding-inline:var(--brand-Grid-spacing-margin)}.Primer_Brand__Grid-module__Grid__column--span-1___xENuz{grid-column:auto/span 1}.Primer_Brand__Grid-module__Grid__column--span-2___ta1Af{grid-column:auto/span 2}.Primer_Brand__Grid-module__Grid__column--span-3___hzRgE{grid-column:auto/span 3}.Primer_Brand__Grid-module__Grid__column--span-4___QaNqB{grid-column:auto/span 4}.Primer_Brand__Grid-module__Grid__column--span-5___1i9Ok{grid-column:auto/span 5}.Primer_Brand__Grid-module__Grid__column--span-6___OKiZS{grid-column:auto/span 6}.Primer_Brand__Grid-module__Grid__column--span-7___seVsO{grid-column:auto/span 7}.Primer_Brand__Grid-module__Grid__column--span-8___NeuCs{grid-column:auto/span 8}.Primer_Brand__Grid-module__Grid__column--span-9___IZ627{grid-column:auto/span 9}.Primer_Brand__Grid-module__Grid__column--span-10___7Ixg6{grid-column:auto/span 10}.Primer_Brand__Grid-module__Grid__column--span-11___DH4o0{grid-column:auto/span 11}.Primer_Brand__Grid-module__Grid__column--span-12___yXgOO{grid-column:auto/span 12}.Primer_Brand__Grid-module__Grid__column--start-1___a1Hgf{grid-column-start:1}.Primer_Brand__Grid-module__Grid__column--start-2___HoK64{grid-column-start:2}.Primer_Brand__Grid-module__Grid__column--start-3___fkg7k{grid-column-start:3}.Primer_Brand__Grid-module__Grid__column--start-4___swmMJ{grid-column-start:4}.Primer_Brand__Grid-module__Grid__column--start-5___i385f{grid-column-start:5}.Primer_Brand__Grid-module__Grid__column--start-6___6rYOq{grid-column-start:6}.Primer_Brand__Grid-module__Grid__column--start-7___oUhRO{grid-column-start:7}.Primer_Brand__Grid-module__Grid__column--start-8___V2HNS{grid-column-start:8}.Primer_Brand__Grid-module__Grid__column--start-9___pcho2{grid-column-start:9}.Primer_Brand__Grid-module__Grid__column--start-10___9v0Uf{grid-column-start:10}.Primer_Brand__Grid-module__Grid__column--start-11___GCkgI{grid-column-start:11}.Primer_Brand__Grid-module__Grid__column--start-12___yUoA9{grid-column-start:12}@media screen and (width>=0){.Primer_Brand__Grid-module__Grid__column--xsmall-span-1___6oM6r{grid-column:auto/span 1}.Primer_Brand__Grid-module__Grid__column--xsmall-span-2___a9XUG{grid-column:auto/span 2}.Primer_Brand__Grid-module__Grid__column--xsmall-span-3___BCglR{grid-column:auto/span 3}.Primer_Brand__Grid-module__Grid__column--xsmall-span-4___YB_uX{grid-column:auto/span 4}.Primer_Brand__Grid-module__Grid__column--xsmall-span-5___cdQ_T{grid-column:auto/span 5}.Primer_Brand__Grid-module__Grid__column--xsmall-span-6___COPx7{grid-column:auto/span 6}.Primer_Brand__Grid-module__Grid__column--xsmall-span-7___ndC4f{grid-column:auto/span 7}.Primer_Brand__Grid-module__Grid__column--xsmall-span-8___sWdg2{grid-column:auto/span 8}.Primer_Brand__Grid-module__Grid__column--xsmall-span-9___q_dCP{grid-column:auto/span 9}.Primer_Brand__Grid-module__Grid__column--xsmall-span-10___LxeOK{grid-column:auto/span 10}.Primer_Brand__Grid-module__Grid__column--xsmall-span-11___V1RUj{grid-column:auto/span 11}.Primer_Brand__Grid-module__Grid__column--xsmall-span-12___nUoVM{grid-column:auto/span 12}.Primer_Brand__Grid-module__Grid__column--xsmall-start-1___22Pyk{grid-column-start:1}.Primer_Brand__Grid-module__Grid__column--xsmall-start-2___mzze_{grid-column-start:2}.Primer_Brand__Grid-module__Grid__column--xsmall-start-3___jJJVL{grid-column-start:3}.Primer_Brand__Grid-module__Grid__column--xsmall-start-4___YpfWG{grid-column-start:4}.Primer_Brand__Grid-module__Grid__column--xsmall-start-5___CadBi{grid-column-start:5}.Primer_Brand__Grid-module__Grid__column--xsmall-start-6___X6MjD{grid-column-start:6}.Primer_Brand__Grid-module__Grid__column--xsmall-start-7___yM69H{grid-column-start:7}.Primer_Brand__Grid-module__Grid__column--xsmall-start-8___kbkuc{grid-column-start:8}.Primer_Brand__Grid-module__Grid__column--xsmall-start-9___rmHxV{grid-column-start:9}.Primer_Brand__Grid-module__Grid__column--xsmall-start-10___O_QSG{grid-column-start:10}.Primer_Brand__Grid-module__Grid__column--xsmall-start-11___lqSDb{grid-column-start:11}.Primer_Brand__Grid-module__Grid__column--xsmall-start-12___LU_GV{grid-column-start:12}}@media screen and (width>=34rem){.Primer_Brand__Grid-module__Grid__column--small-span-1___7XIcA{grid-column:auto/span 1}.Primer_Brand__Grid-module__Grid__column--small-span-2___vbQlz{grid-column:auto/span 2}.Primer_Brand__Grid-module__Grid__column--small-span-3___c6H1a{grid-column:auto/span 3}.Primer_Brand__Grid-module__Grid__column--small-span-4___hqFZ7{grid-column:auto/span 4}.Primer_Brand__Grid-module__Grid__column--small-span-5___47Lwt{grid-column:auto/span 5}.Primer_Brand__Grid-module__Grid__column--small-span-6___6bzt_{grid-column:auto/span 6}.Primer_Brand__Grid-module__Grid__column--small-span-7___ksxiO{grid-column:auto/span 7}.Primer_Brand__Grid-module__Grid__column--small-span-8___b1v_W{grid-column:auto/span 8}.Primer_Brand__Grid-module__Grid__column--small-span-9___1ct2w{grid-column:auto/span 9}.Primer_Brand__Grid-module__Grid__column--small-span-10___UCNVH{grid-column:auto/span 10}.Primer_Brand__Grid-module__Grid__column--small-span-11___na14o{grid-column:auto/span 11}.Primer_Brand__Grid-module__Grid__column--small-span-12___UhmSH{grid-column:auto/span 12}.Primer_Brand__Grid-module__Grid__column--small-start-1___v1fK0{grid-column-start:1}.Primer_Brand__Grid-module__Grid__column--small-start-2___Jts1S{grid-column-start:2}.Primer_Brand__Grid-module__Grid__column--small-start-3___tSnDj{grid-column-start:3}.Primer_Brand__Grid-module__Grid__column--small-start-4___A4yqV{grid-column-start:4}.Primer_Brand__Grid-module__Grid__column--small-start-5____KFCn{grid-column-start:5}.Primer_Brand__Grid-module__Grid__column--small-start-6___HNft9{grid-column-start:6}.Primer_Brand__Grid-module__Grid__column--small-start-7___Pz8vB{grid-column-start:7}.Primer_Brand__Grid-module__Grid__column--small-start-8___jz1ta{grid-column-start:8}.Primer_Brand__Grid-module__Grid__column--small-start-9___NNmZV{grid-column-start:9}.Primer_Brand__Grid-module__Grid__column--small-start-10___LmjRv{grid-column-start:10}.Primer_Brand__Grid-module__Grid__column--small-start-11___7yjjM{grid-column-start:11}.Primer_Brand__Grid-module__Grid__column--small-start-12___1nXKd{grid-column-start:12}}@media screen and (width>=48rem){.Primer_Brand__Grid-module__Grid__column--medium-span-1___Y8crm{grid-column:auto/span 1}.Primer_Brand__Grid-module__Grid__column--medium-span-2___ixwSq{grid-column:auto/span 2}.Primer_Brand__Grid-module__Grid__column--medium-span-3___5x855{grid-column:auto/span 3}.Primer_Brand__Grid-module__Grid__column--medium-span-4___rl67_{grid-column:auto/span 4}.Primer_Brand__Grid-module__Grid__column--medium-span-5___uO7Zj{grid-column:auto/span 5}.Primer_Brand__Grid-module__Grid__column--medium-span-6___t6sBf{grid-column:auto/span 6}.Primer_Brand__Grid-module__Grid__column--medium-span-7___VDpHr{grid-column:auto/span 7}.Primer_Brand__Grid-module__Grid__column--medium-span-8___VBsCY{grid-column:auto/span 8}.Primer_Brand__Grid-module__Grid__column--medium-span-9___eYLfJ{grid-column:auto/span 9}.Primer_Brand__Grid-module__Grid__column--medium-span-10___opg38{grid-column:auto/span 10}.Primer_Brand__Grid-module__Grid__column--medium-span-11___BOn_N{grid-column:auto/span 11}.Primer_Brand__Grid-module__Grid__column--medium-span-12___qhh8n{grid-column:auto/span 12}.Primer_Brand__Grid-module__Grid__column--medium-start-1___GVgeW{grid-column-start:1}.Primer_Brand__Grid-module__Grid__column--medium-start-2___Ugns_{grid-column-start:2}.Primer_Brand__Grid-module__Grid__column--medium-start-3___yeTAj{grid-column-start:3}.Primer_Brand__Grid-module__Grid__column--medium-start-4___8nzad{grid-column-start:4}.Primer_Brand__Grid-module__Grid__column--medium-start-5___2m72T{grid-column-start:5}.Primer_Brand__Grid-module__Grid__column--medium-start-6___rrvNo{grid-column-start:6}.Primer_Brand__Grid-module__Grid__column--medium-start-7___r9dHE{grid-column-start:7}.Primer_Brand__Grid-module__Grid__column--medium-start-8___8MJi2{grid-column-start:8}.Primer_Brand__Grid-module__Grid__column--medium-start-9___dE7o_{grid-column-start:9}.Primer_Brand__Grid-module__Grid__column--medium-start-10___T727Z{grid-column-start:10}.Primer_Brand__Grid-module__Grid__column--medium-start-11___VctfP{grid-column-start:11}.Primer_Brand__Grid-module__Grid__column--medium-start-12___j0APj{grid-column-start:12}}@media screen and (width>=63.25rem){.Primer_Brand__Grid-module__Grid__column--large-span-1___aCeZW{grid-column:auto/span 1}.Primer_Brand__Grid-module__Grid__column--large-span-2___1iQeL{grid-column:auto/span 2}.Primer_Brand__Grid-module__Grid__column--large-span-3___sx8_l{grid-column:auto/span 3}.Primer_Brand__Grid-module__Grid__column--large-span-4___XxQrJ{grid-column:auto/span 4}.Primer_Brand__Grid-module__Grid__column--large-span-5___WH51u{grid-column:auto/span 5}.Primer_Brand__Grid-module__Grid__column--large-span-6___PvpVR{grid-column:auto/span 6}.Primer_Brand__Grid-module__Grid__column--large-span-7___L8_Jc{grid-column:auto/span 7}.Primer_Brand__Grid-module__Grid__column--large-span-8___XbGVv{grid-column:auto/span 8}.Primer_Brand__Grid-module__Grid__column--large-span-9___mAMZR{grid-column:auto/span 9}.Primer_Brand__Grid-module__Grid__column--large-span-10___QE0l_{grid-column:auto/span 10}.Primer_Brand__Grid-module__Grid__column--large-span-11___e3Hpm{grid-column:auto/span 11}.Primer_Brand__Grid-module__Grid__column--large-span-12___vOyTO{grid-column:auto/span 12}.Primer_Brand__Grid-module__Grid__column--large-start-1___i6Man{grid-column-start:1}.Primer_Brand__Grid-module__Grid__column--large-start-2___2_Psp{grid-column-start:2}.Primer_Brand__Grid-module__Grid__column--large-start-3___KYa_Q{grid-column-start:3}.Primer_Brand__Grid-module__Grid__column--large-start-4___rIwKB{grid-column-start:4}.Primer_Brand__Grid-module__Grid__column--large-start-5___s4BKt{grid-column-start:5}.Primer_Brand__Grid-module__Grid__column--large-start-6___guTKf{grid-column-start:6}.Primer_Brand__Grid-module__Grid__column--large-start-7___U8_KY{grid-column-start:7}.Primer_Brand__Grid-module__Grid__column--large-start-8___gILjA{grid-column-start:8}.Primer_Brand__Grid-module__Grid__column--large-start-9___0kNtE{grid-column-start:9}.Primer_Brand__Grid-module__Grid__column--large-start-10___QWZOP{grid-column-start:10}.Primer_Brand__Grid-module__Grid__column--large-start-11___TEAuu{grid-column-start:11}.Primer_Brand__Grid-module__Grid__column--large-start-12___YaKmK{grid-column-start:12}}@media screen and (width>=80rem){.Primer_Brand__Grid-module__Grid__column--xlarge-span-1___1El7D{grid-column:auto/span 1}.Primer_Brand__Grid-module__Grid__column--xlarge-span-2___1Nxmr{grid-column:auto/span 2}.Primer_Brand__Grid-module__Grid__column--xlarge-span-3___2LMqI{grid-column:auto/span 3}.Primer_Brand__Grid-module__Grid__column--xlarge-span-4___MXuT9{grid-column:auto/span 4}.Primer_Brand__Grid-module__Grid__column--xlarge-span-5___PqlwW{grid-column:auto/span 5}.Primer_Brand__Grid-module__Grid__column--xlarge-span-6___2OpDn{grid-column:auto/span 6}.Primer_Brand__Grid-module__Grid__column--xlarge-span-7___lgrTL{grid-column:auto/span 7}.Primer_Brand__Grid-module__Grid__column--xlarge-span-8___v68qa{grid-column:auto/span 8}.Primer_Brand__Grid-module__Grid__column--xlarge-span-9___6HS7w{grid-column:auto/span 9}.Primer_Brand__Grid-module__Grid__column--xlarge-span-10___uhwJ8{grid-column:auto/span 10}.Primer_Brand__Grid-module__Grid__column--xlarge-span-11___vS2dA{grid-column:auto/span 11}.Primer_Brand__Grid-module__Grid__column--xlarge-span-12___ws584{grid-column:auto/span 12}.Primer_Brand__Grid-module__Grid__column--xlarge-start-1___FiZ7Q{grid-column-start:1}.Primer_Brand__Grid-module__Grid__column--xlarge-start-2___QvVj_{grid-column-start:2}.Primer_Brand__Grid-module__Grid__column--xlarge-start-3___lIoeF{grid-column-start:3}.Primer_Brand__Grid-module__Grid__column--xlarge-start-4___xtano{grid-column-start:4}.Primer_Brand__Grid-module__Grid__column--xlarge-start-5___p3TwI{grid-column-start:5}.Primer_Brand__Grid-module__Grid__column--xlarge-start-6___76KhX{grid-column-start:6}.Primer_Brand__Grid-module__Grid__column--xlarge-start-7___z3Qx8{grid-column-start:7}.Primer_Brand__Grid-module__Grid__column--xlarge-start-8___25cVJ{grid-column-start:8}.Primer_Brand__Grid-module__Grid__column--xlarge-start-9___NSaga{grid-column-start:9}.Primer_Brand__Grid-module__Grid__column--xlarge-start-10___2MnGl{grid-column-start:10}.Primer_Brand__Grid-module__Grid__column--xlarge-start-11___vusIy{grid-column-start:11}.Primer_Brand__Grid-module__Grid__column--xlarge-start-12___35fts{grid-column-start:12}}@media screen and (width>=87.5rem){.Primer_Brand__Grid-module__Grid__column--xxlarge-span-1___n_k_2{grid-column:auto/span 1}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-2___hCA2I{grid-column:auto/span 2}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-3___dmsDR{grid-column:auto/span 3}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-4___FrrwY{grid-column:auto/span 4}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-5___Yxofy{grid-column:auto/span 5}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-6___7ZVjM{grid-column:auto/span 6}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-7___arW0N{grid-column:auto/span 7}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-8___6Rt99{grid-column:auto/span 8}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-9___1NORm{grid-column:auto/span 9}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-10___RvW5L{grid-column:auto/span 10}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-11___GbNC_{grid-column:auto/span 11}.Primer_Brand__Grid-module__Grid__column--xxlarge-span-12___7MIAE{grid-column:auto/span 12}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-1___Dhypj{grid-column-start:1}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-2___Oj7pb{grid-column-start:2}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-3___dmM0E{grid-column-start:3}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-4___HlLA5{grid-column-start:4}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-5___6AXc8{grid-column-start:5}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-6___wU6g6{grid-column-start:6}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-7___N0_vo{grid-column-start:7}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-8___aC1XJ{grid-column-start:8}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-9___2f_2k{grid-column-start:9}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-10___XLoZy{grid-column-start:10}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-11___XNtOE{grid-column-start:11}.Primer_Brand__Grid-module__Grid__column--xxlarge-start-12___UkQLu{grid-column-start:12}}