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

package/esm/SectionIntroStacked/SectionIntroStacked.js

@@ -0,0 +1,125 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { Grid as t } from "../Grid/Grid.js";
+import { useAnimation as n } from "../animation/useAnimation.js";
+import { Text as r } from "../Text/Text.js";
+import { Heading as i, defaultHeadingTag as a } from "../Heading/Heading.js";
+import { Link as o } from "../Link/Link.js";
+import { Icon as s } from "../Icon/Icon.js";
+import c from "./SectionIntroStacked.module.js";
+import l, { forwardRef as u, useCallback as d, useMemo as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/SectionIntroStacked/SectionIntroStacked.tsx
+var h = ["default", "gridline"], g = u(({ animate: r, className: i, children: a, style: o, variant: s = "default", ...u }, d) => {
+	let { classes: f, styles: h } = n(r), g = l.Children.toArray(a), _ = g.filter((e) => l.isValidElement(e) && e.type === x), v = g.filter((e) => !_.includes(e));
+	return /* @__PURE__ */ p("header", {
+		ref: d,
+		className: e(c.SectionIntroStacked, s === "gridline" && c["SectionIntroStacked--variant-gridline"], f, i),
+		...u,
+		style: {
+			...h,
+			...o
+		},
+		children: /* @__PURE__ */ m(t, {
+			fullWidth: !0,
+			enableGutters: s !== "gridline",
+			children: [/* @__PURE__ */ p(t.Column, {
+				span: { large: 6 },
+				children: v
+			}), /* @__PURE__ */ p(t.Column, {
+				span: s === "gridline" ? { large: 6 } : { large: 5 },
+				start: s === "gridline" ? { large: 7 } : { large: 8 },
+				children: _
+			})]
+		})
+	});
+}), _ = "3", v = u(({ as: t = a, size: n = _, className: r, children: o, ...s }, u) => {
+	let m = f(() => l.Children.toArray(o), [o]), h = d(() => m.some((e) => l.isValidElement(e) && (e.type === "b" || e.type === "em")) ? "muted" : "default", [m]), g = m.length === 1 ? "default" : h();
+	return /* @__PURE__ */ p(i, {
+		ref: u,
+		className: e(c["SectionIntroStacked-heading"], g === "muted" && c["SectionIntroStacked-heading--muted"], r),
+		size: n,
+		as: t,
+		...s,
+		children: o
+	});
+}), y = u(({ className: t, children: n, ...i }, a) => /* @__PURE__ */ p(r, {
+	as: "p",
+	className: e(c["SectionIntroStacked-description"], t),
+	ref: a,
+	variant: "muted",
+	...i,
+	children: n
+})), b = u(({ className: t, children: n, variant: r = "accent", size: i = "medium", ...a }, s) => /* @__PURE__ */ p(o, {
+	ref: s,
+	className: e(c["SectionIntroStacked-link"], t),
+	size: i,
+	variant: r,
+	...a,
+	children: n
+})), x = ({ animate: t, className: r, children: i, ...a }) => {
+	let { classes: o, styles: s } = n(t);
+	return /* @__PURE__ */ p("ul", {
+		className: e(o, c["SectionIntroStacked-items"], r),
+		style: { ...s },
+		...a,
+		children: i
+	});
+}, S = ({ className: t, color: n = "green", ...r }) => /* @__PURE__ */ p(s, {
+	className: e(c.SectionIntroStackedItem__icon, t),
+	hasBackground: !0,
+	size: "medium",
+	color: n,
+	...r
+}), C = u(({ as: t = "h3", size: n = "subhead-large", className: r, children: a, ...o }, s) => /* @__PURE__ */ p(i, {
+	ref: s,
+	as: t,
+	size: n,
+	className: e(c.SectionIntroStackedItem__heading, r),
+	...o,
+	children: a
+})), w = u(({ className: t, children: n, ...i }, a) => /* @__PURE__ */ p(r, {
+	as: "p",
+	variant: "muted",
+	size: "200",
+	className: e(c.SectionIntroStackedItem__description, t),
+	ref: a,
+	...i,
+	children: n
+})), T = Object.assign(g, {
+	Heading: v,
+	Description: y,
+	Link: b,
+	Items: x,
+	Item: ({ className: t, children: n, ...i }) => {
+		let a = e(c["SectionIntroStackedItem-item"], t), o = f(() => l.Children.toArray(n), [n]);
+		if (o.some((e) => l.isValidElement(e) && (e.type === S || e.type === C || e.type === w))) {
+			let t = o.find((e) => l.isValidElement(e) && e.type === S), n = o.filter((e) => !(l.isValidElement(e) && e.type === S));
+			return /* @__PURE__ */ m("li", {
+				className: e(a, !!t && c["SectionIntroStackedItem-item--with-icon"]),
+				...i,
+				children: [t, /* @__PURE__ */ p("div", {
+					className: c.SectionIntroStackedItem__content,
+					children: n
+				})]
+			});
+		}
+		let s = o.length === 1 ? "default" : o.some((e) => l.isValidElement(e) && (e.type === "b" || e.type === "em")) ? "muted" : "default";
+		return /* @__PURE__ */ p("li", {
+			className: a,
+			...i,
+			children: /* @__PURE__ */ p(r, {
+				as: "span",
+				className: e(c["SectionIntroStackedItem__item-text"], s === "muted" && c["SectionIntroStackedItem__item-text--muted"]),
+				size: "350",
+				children: n
+			})
+		});
+	},
+	ItemIcon: S,
+	ItemHeading: C,
+	ItemDescription: w
+});
+//#endregion
+export { T as SectionIntroStacked, h as SectionIntroStackedVariants };
+
+//# sourceMappingURL=SectionIntroStacked.js.map

package/esm/SectionIntroStacked/SectionIntroStacked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionIntroStacked.js","names":[],"sources":["../../src/SectionIntroStacked/SectionIntroStacked.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useMemo, type Ref, useCallback} from 'react'\nimport {clsx} from 'clsx'\nimport {Grid} from '../Grid'\nimport {Link, LinkProps} from '../Link'\nimport {Heading, HeadingProps, defaultHeadingTag} from '../Heading'\nimport {Text, TextProps} from '../Text'\nimport {Icon, IconProps} from '../Icon'\nimport {useAnimation} from '../animation'\n\nimport styles from './SectionIntroStacked.module.css'\n\nimport type {BaseProps} from '../component-helpers'\n\nexport const SectionIntroStackedVariants = ['default', 'gridline'] as const\nexport type SectionIntroStackedVariant = (typeof SectionIntroStackedVariants)[number]\n\nexport type SectionIntroStackedProps = React.HTMLAttributes<HTMLElement> &\n  BaseProps<HTMLElement> &\n  PropsWithChildren & {\n    variant?: SectionIntroStackedVariant\n  }\n\nconst Root = forwardRef<HTMLElement, PropsWithChildren<SectionIntroStackedProps>>(\n  ({animate, className, children, style, variant = 'default', ...props}, ref) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const childrenArray = React.Children.toArray(children)\n\n    // extract Items and everything else into two separate arrays\n    const items = childrenArray.filter(child => React.isValidElement(child) && child.type === ItemsBase)\n\n    const otherChildren = childrenArray.filter(child => !items.includes(child))\n\n    return (\n      <header\n        ref={ref}\n        className={clsx(\n          styles.SectionIntroStacked,\n          variant === 'gridline' && styles['SectionIntroStacked--variant-gridline'],\n          animationClasses,\n          className,\n        )}\n        {...props}\n        style={{...animationInlineStyles, ...style}}\n      >\n        <Grid fullWidth enableGutters={variant !== 'gridline'}>\n          <Grid.Column span={{large: 6}}>{otherChildren}</Grid.Column>\n          <Grid.Column\n            span={variant === 'gridline' ? {large: 6} : {large: 5}}\n            start={variant === 'gridline' ? {large: 7} : {large: 8}}\n          >\n            {items}\n          </Grid.Column>\n        </Grid>\n      </header>\n    )\n  },\n)\n\ntype SectionIntroStackedHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps\n\nconst defaultHeadingSize = '3'\n\nconst _Heading = forwardRef(\n  (\n    {\n      as = defaultHeadingTag,\n      size = defaultHeadingSize,\n      className,\n      children,\n      ...props\n    }: PropsWithChildren<SectionIntroStackedHeadingProps>,\n    ref: Ref<HTMLHeadingElement>,\n  ) => {\n    const childrenArray = useMemo(() => React.Children.toArray(children), [children])\n\n    const getConditionalVariant = useCallback(() => {\n      if (childrenArray.some(child => React.isValidElement(child) && (child.type === 'b' || child.type === 'em'))) {\n        return 'muted'\n      }\n      return 'default'\n    }, [childrenArray])\n\n    const defaultColor = childrenArray.length === 1 ? 'default' : getConditionalVariant()\n\n    return (\n      <Heading\n        ref={ref}\n        className={clsx(\n          styles[`SectionIntroStacked-heading`],\n          defaultColor === 'muted' && styles[`SectionIntroStacked-heading--muted`],\n          className,\n        )}\n        size={size}\n        as={as}\n        {...props}\n      >\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype SectionIntroStackedDescriptionProps = Omit<TextProps, 'as' | 'variant'> &\n  BaseProps<HTMLParagraphElement> & {\n    as?: 'p'\n    children: React.ReactNode | React.ReactNode[]\n  }\n\nconst _Description = forwardRef(\n  ({className, children, ...props}: SectionIntroStackedDescriptionProps, ref: Ref<HTMLParagraphElement>) => {\n    return (\n      <Text\n        as=\"p\"\n        className={clsx(styles['SectionIntroStacked-description'], className)}\n        ref={ref}\n        variant=\"muted\"\n        {...props}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype SectionIntroStackedLinkProps = LinkProps & BaseProps<HTMLAnchorElement>\n\nconst _Link = forwardRef(\n  (\n    {className, children, variant = 'accent', size = 'medium', ...props}: SectionIntroStackedLinkProps,\n    ref: Ref<HTMLAnchorElement>,\n  ) => {\n    return (\n      <Link\n        ref={ref}\n        className={clsx(styles['SectionIntroStacked-link'], className)}\n        size={size}\n        variant={variant}\n        {...props}\n      >\n        {children}\n      </Link>\n    )\n  },\n)\n\ntype SectionIntroStackedItemsProps = BaseProps<HTMLUListElement>\n\nconst ItemsBase = ({animate, className, children, ...rest}: PropsWithChildren<SectionIntroStackedItemsProps>) => {\n  const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n  const timelineClassName = clsx(animationClasses, styles['SectionIntroStacked-items'], className)\n\n  return (\n    <ul className={timelineClassName} style={{...animationInlineStyles}} {...rest}>\n      {children}\n    </ul>\n  )\n}\n\ntype SectionIntroStackedItemIconProps = IconProps\n\nconst ItemIcon = ({className, color = 'green', ...props}: SectionIntroStackedItemIconProps) => {\n  return (\n    <Icon\n      className={clsx(styles['SectionIntroStackedItem__icon'], className)}\n      hasBackground\n      size=\"medium\"\n      color={color}\n      {...props}\n    />\n  )\n}\n\ntype SectionIntroStackedItemHeadingProps = HeadingProps\n\nconst ItemHeading = forwardRef(\n  (\n    {\n      as = 'h3',\n      size = 'subhead-large',\n      className,\n      children,\n      ...props\n    }: PropsWithChildren<SectionIntroStackedItemHeadingProps>,\n    ref: Ref<HTMLHeadingElement>,\n  ) => {\n    return (\n      <Heading\n        ref={ref}\n        as={as}\n        size={size}\n        className={clsx(styles['SectionIntroStackedItem__heading'], className)}\n        {...props}\n      >\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype SectionIntroStackedItemDescriptionProps = Omit<TextProps, 'as' | 'variant' | 'size'> &\n  BaseProps<HTMLParagraphElement> & {\n    as?: 'p'\n    children: React.ReactNode | React.ReactNode[]\n  }\n\nconst ItemDescription = forwardRef(\n  ({className, children, ...props}: SectionIntroStackedItemDescriptionProps, ref: Ref<HTMLParagraphElement>) => {\n    return (\n      <Text\n        as=\"p\"\n        variant=\"muted\"\n        size=\"200\"\n        className={clsx(styles['SectionIntroStackedItem__description'], className)}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\nexport type SectionIntroStackedItemProps = BaseProps<HTMLLIElement>\n\nconst ItemBase = ({className, children, ...rest}: PropsWithChildren<SectionIntroStackedItemProps>) => {\n  const itemClassName = clsx(styles['SectionIntroStackedItem-item'], className)\n  const childrenArray = useMemo(() => React.Children.toArray(children), [children])\n\n  const hasSubComponents = childrenArray.some(\n    child =>\n      React.isValidElement(child) &&\n      (child.type === ItemIcon || child.type === ItemHeading || child.type === ItemDescription),\n  )\n\n  if (hasSubComponents) {\n    const iconChild = childrenArray.find(child => React.isValidElement(child) && child.type === ItemIcon)\n\n    const contentChildren = childrenArray.filter(child => !(React.isValidElement(child) && child.type === ItemIcon))\n\n    return (\n      <li className={clsx(itemClassName, !!iconChild && styles['SectionIntroStackedItem-item--with-icon'])} {...rest}>\n        {iconChild}\n        <div className={styles['SectionIntroStackedItem__content']}>{contentChildren}</div>\n      </li>\n    )\n  }\n\n  const getConditionalVariant = () => {\n    if (childrenArray.some(child => React.isValidElement(child) && (child.type === 'b' || child.type === 'em'))) {\n      return 'muted'\n    }\n    return 'default'\n  }\n\n  const defaultColor = childrenArray.length === 1 ? 'default' : getConditionalVariant()\n  return (\n    <li className={itemClassName} {...rest}>\n      <Text\n        as=\"span\"\n        className={clsx(\n          styles['SectionIntroStackedItem__item-text'],\n          defaultColor === 'muted' && styles[`SectionIntroStackedItem__item-text--muted`],\n        )}\n        size=\"350\"\n      >\n        {children}\n      </Text>\n    </li>\n  )\n}\n\nexport const SectionIntroStacked = Object.assign(Root, {\n  Heading: _Heading,\n  Description: _Description,\n  Link: _Link,\n  Items: ItemsBase,\n  Item: ItemBase,\n  ItemIcon,\n  ItemHeading,\n  ItemDescription,\n})\n"],"mappings":"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"}

package/esm/SectionIntroStacked/SectionIntroStacked.module-DvJXKMKX.css

@@ -0,0 +1 @@
+.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked___UM_8Y{--brand-Grid-spacing-row:var(--base-size-48)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi{padding-inline:var(--base-size-24);padding-block:var(--base-size-32);--SectionIntroStacked-item-divider-overflow-start:var(--base-size-24);--SectionIntroStacked-item-divider-overflow-end:var(--base-size-24);position:relative}@media screen and (width>=63.25rem){.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi{padding-inline:var(--base-size-64);padding-block:var(--base-size-64);--SectionIntroStacked-item-divider-overflow-start:0px;--SectionIntroStacked-item-divider-overflow-end:calc(var(--brand-Grid-spacing-margin) + var(--base-size-64));padding-inline:var(--base-size-64);padding-block:var(--base-size-64)}}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi:before,.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi:after{content:"";border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);z-index:1;width:100vw;height:0;position:absolute;left:50%;transform:translate(-50%)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi:before{top:0}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi:after{bottom:0}@media screen and (width>=80rem){.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-heading--muted___MNSqH,.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__item-text--muted___PAxL5{color:var(--brand-color-text-muted)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-heading--muted___MNSqH em,.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-heading--muted___MNSqH b,.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__item-text___sVBGJ em,.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__item-text___sVBGJ b{color:var(--brand-color-text-default);font-style:normal;font-weight:var(--base-text-weight-normal)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--full-width___wxr_6 .Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-heading___zOCel{max-width:none}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-description____vGqZ{max-width:50ch;margin-block-start:var(--base-size-16)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-link___Vna3J{margin-block-start:var(--base-size-16)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-items___rRGdi{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media screen and (width<=63.25rem){.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-heading___zOCel{font-size:var(--brand-text-size-600)}}@media screen and (width>=63.25rem){.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-items___rRGdi{top:var(--base-size-2);position:relative}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi .Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-items___rRGdi{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);margin-block:calc(-1 * var(--base-size-64));padding-block:0;position:static;top:auto}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi .Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws{padding-inline-start:var(--base-size-32);padding-inline-end:var(--base-size-32)}}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi .Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws{border-block-end:none;position:relative}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi .Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws:first-child{padding-block-start:var(--base-size-40)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi .Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws:last-child{padding-block-end:var(--base-size-40)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi .Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws:not(:last-child):after{content:"";bottom:0;left:calc(-1 * var(--SectionIntroStacked-item-divider-overflow-start));right:calc(-1 * var(--SectionIntroStacked-item-divider-overflow-end));border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);position:absolute}.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws{padding-block:var(--base-size-40);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws:last-child{border-block-end:none;padding-block-end:0}.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws:first-child{padding-block-start:0}.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item--with-icon___XYMFo{align-items:flex-start;gap:var(--base-size-24);flex-direction:row;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item--with-icon___XYMFo{gap:var(--base-size-48)}}.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__content___kUlfY{gap:var(--base-size-8);flex-direction:column;flex:1;min-width:0;display:flex}.Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__icon___PkmCx{border-radius:var(--brand-borderRadius-medium);flex-shrink:0}

package/esm/SectionIntroStacked/SectionIntroStacked.module.js

@@ -0,0 +1,20 @@
+import './SectionIntroStacked.module-DvJXKMKX.css';var e = {
+	SectionIntroStacked: "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked___UM_8Y",
+	"SectionIntroStacked--variant-gridline": "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--variant-gridline___TUqhi",
+	"SectionIntroStacked-heading--muted": "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-heading--muted___MNSqH",
+	"SectionIntroStackedItem__item-text--muted": "Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__item-text--muted___PAxL5",
+	"SectionIntroStackedItem__item-text": "Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__item-text___sVBGJ",
+	"SectionIntroStacked--full-width": "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked--full-width___wxr_6",
+	"SectionIntroStacked-heading": "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-heading___zOCel",
+	"SectionIntroStacked-description": "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-description____vGqZ",
+	"SectionIntroStacked-link": "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-link___Vna3J",
+	"SectionIntroStacked-items": "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-items___rRGdi",
+	"SectionIntroStackedItem-item": "Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item___hzIws",
+	"SectionIntroStackedItem-item--with-icon": "Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem-item--with-icon___XYMFo",
+	SectionIntroStackedItem__content: "Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__content___kUlfY",
+	SectionIntroStackedItem__icon: "Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__icon___PkmCx"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=SectionIntroStacked.module.js.map

package/esm/SectionIntroStacked/SectionIntroStacked.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionIntroStacked.module.js","names":[],"sources":["../../src/SectionIntroStacked/SectionIntroStacked.module.css"],"sourcesContent":[".SectionIntroStacked {\n  --brand-Grid-spacing-row: var(--base-size-48);\n}\n\n.SectionIntroStacked--variant-gridline {\n  position: relative;\n  padding-inline: var(--base-size-24);\n  padding-block: var(--base-size-32);\n\n  --SectionIntroStacked-item-divider-overflow-start: var(--base-size-24);\n  --SectionIntroStacked-item-divider-overflow-end: var(--base-size-24);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SectionIntroStacked--variant-gridline {\n    padding-inline: var(--base-size-64);\n    padding-block: var(--base-size-64);\n    /* At large viewports, left overflow is 0 (vertical divider bounds the start) */\n    --SectionIntroStacked-item-divider-overflow-start: 0px;\n    --SectionIntroStacked-item-divider-overflow-end: var(--base-size-64);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SectionIntroStacked--variant-gridline {\n    padding-inline: var(--base-size-64);\n    padding-block: var(--base-size-64);\n    --SectionIntroStacked-item-divider-overflow-start: 0px;\n    --SectionIntroStacked-item-divider-overflow-end: calc(var(--brand-Grid-spacing-margin) + var(--base-size-64));\n  }\n}\n\n.SectionIntroStacked--variant-gridline::before,\n.SectionIntroStacked--variant-gridline::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100vw;\n  height: 0;\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  z-index: 1;\n}\n\n.SectionIntroStacked--variant-gridline::before {\n  top: 0;\n}\n\n.SectionIntroStacked--variant-gridline::after {\n  bottom: 0;\n}\n\n@media screen and (min-width: 80rem) {\n  .SectionIntroStacked--variant-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.SectionIntroStacked-heading--muted,\n.SectionIntroStackedItem__item-text--muted {\n  color: var(--brand-color-text-muted);\n}\n\n.SectionIntroStacked-heading--muted em,\n.SectionIntroStacked-heading--muted b,\n.SectionIntroStackedItem__item-text em,\n.SectionIntroStackedItem__item-text b {\n  color: var(--brand-color-text-default);\n  font-style: normal;\n  font-weight: var(--base-text-weight-normal);\n}\n\n.SectionIntroStacked--full-width .SectionIntroStacked-heading {\n  max-width: none;\n}\n\n.SectionIntroStacked-description {\n  margin-block-start: var(--base-size-16);\n  max-width: 50ch;\n}\n\n.SectionIntroStacked-link {\n  margin-block-start: var(--base-size-16);\n}\n\n.SectionIntroStacked-items {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n}\n\n@media screen and (max-width: 63.25rem) {\n  .SectionIntroStacked-heading {\n    font-size: var(--brand-text-size-600);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SectionIntroStacked-items {\n    position: relative;\n    top: var(--base-size-2);\n  }\n\n  .SectionIntroStacked--variant-gridline .SectionIntroStacked-items {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    margin-block: calc(-1 * var(--base-size-64));\n    padding-block: 0;\n    position: static;\n    top: auto;\n  }\n\n  .SectionIntroStacked--variant-gridline .SectionIntroStackedItem-item {\n    /* Inset item content from the vertical gridline */\n    padding-inline-start: var(--base-size-32);\n    padding-inline-end: var(--base-size-32);\n  }\n}\n\n.SectionIntroStacked--variant-gridline .SectionIntroStackedItem-item {\n  border-block-end: none;\n  position: relative;\n}\n\n/* Restore equal padding on first/last items in gridline variant */\n.SectionIntroStacked--variant-gridline .SectionIntroStackedItem-item:first-child {\n  padding-block-start: var(--base-size-40);\n}\n\n.SectionIntroStacked--variant-gridline .SectionIntroStackedItem-item:last-child {\n  padding-block-end: var(--base-size-40);\n}\n\n.SectionIntroStacked--variant-gridline .SectionIntroStackedItem-item:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: calc(-1 * var(--SectionIntroStacked-item-divider-overflow-start));\n  right: calc(-1 * var(--SectionIntroStacked-item-divider-overflow-end));\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SectionIntroStackedItem-item {\n  padding-block: var(--base-size-40);\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SectionIntroStackedItem-item:last-child {\n  border-block-end: none;\n  padding-block-end: 0;\n}\n\n.SectionIntroStackedItem-item:first-child {\n  padding-block-start: 0;\n}\n\n.SectionIntroStackedItem-item--with-icon {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: var(--base-size-24);\n}\n\n@media screen and (min-width: 63.25rem) {\n  .SectionIntroStackedItem-item--with-icon {\n    gap: var(--base-size-48);\n  }\n}\n\n.SectionIntroStackedItem__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  flex: 1;\n  min-width: 0;\n}\n\n.SectionIntroStackedItem__icon {\n  flex-shrink: 0;\n  border-radius: var(--brand-borderRadius-medium);\n}\n"],"mappings":""}

package/esm/SectionIntroStacked/index.d.ts

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

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

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

package/esm/Stack/Stack.d.ts

@@ -0,0 +1,88 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/size.css';
+export declare const StackDirectionVariants: readonly ["horizontal", "vertical"];
+type StackDirectionVariants = (typeof StackDirectionVariants)[number];
+export declare const defaultStackDirection: "vertical";
+export declare const StackSpacingVariants: readonly ["none", "condensed", "normal", "spacious", 4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 64, 80, 96, 112, 128];
+type StackSpacingVariants = (typeof StackSpacingVariants)[number];
+export declare const defaultStackSpacing: "condensed";
+export declare const StackAlignItemVariants: readonly ["center", "flex-start", "flex-end"];
+type StackAlignItemVariants = (typeof StackAlignItemVariants)[number];
+export declare const StackFlexWrapVariants: readonly ["wrap", "nowrap"];
+type StackFlexWrapVariants = (typeof StackFlexWrapVariants)[number];
+export declare const StackJustifyContentVariants: readonly ["center", "flex-start", "flex-end", "space-between", "space-around", "space-evenly"];
+type justifyContentVariants = (typeof StackJustifyContentVariants)[number];
+type ResponsiveJustifyContentMap = {
+    narrow?: justifyContentVariants;
+    regular?: justifyContentVariants;
+    wide?: justifyContentVariants;
+};
+type ResponsiveAlignItemsMap = {
+    narrow?: StackAlignItemVariants;
+    regular?: StackAlignItemVariants;
+    wide?: StackAlignItemVariants;
+};
+type ResponsiveDirectionMap = {
+    narrow?: StackDirectionVariants;
+    regular?: StackDirectionVariants;
+    wide?: StackDirectionVariants;
+};
+type ResponsiveSpacingMap = {
+    narrow?: StackSpacingVariants;
+    regular?: StackSpacingVariants;
+    wide?: StackSpacingVariants;
+};
+type ResponsiveFlexWrapMap = {
+    narrow?: StackFlexWrapVariants;
+    regular?: StackFlexWrapVariants;
+    wide?: StackFlexWrapVariants;
+};
+export type StackProps = BaseProps<HTMLElement> & {
+    children: React.ReactNode[] | React.ReactNode;
+    /**
+     * Defines the flex-direction CSS property.
+     * A string value will be applied to all viewports.
+     * An object can be used to define different values for different viewports.
+     */
+    direction?: StackDirectionVariants | ResponsiveDirectionMap;
+    /**
+     * Defines the gap CSS property.
+     * A string value will be applied to all viewports.
+     * An object can be used to define different values for different viewports.
+     */
+    gap?: StackSpacingVariants | ResponsiveSpacingMap;
+    /**
+     * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
+     * A string value will be applied to all viewports.
+     * An object can be used to define different values for different viewports.
+     */
+    alignItems?: StackAlignItemVariants | ResponsiveAlignItemsMap;
+    /**
+     * Defines the padding CSS property on the parent Stack.
+     * A string value will be applied to all viewports.
+     * An object can be used to define different values for different viewports.
+     */
+    padding?: StackSpacingVariants | ResponsiveSpacingMap;
+    /**
+     * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
+     * A string value will be applied to all viewports.
+     * An object can be used to define different values for different viewports.
+     */
+    justifyContent?: justifyContentVariants | ResponsiveJustifyContentMap;
+    /**
+     * Forward inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Applies flex-wrap to the Stack, using the flex-wrap CSS property.
+     */
+    flexWrap?: StackFlexWrapVariants | ResponsiveFlexWrapMap;
+} & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Stack enables layout of its immediate children along the vertical or horizontal axis
+ * @see https://primer.style/brand/components/Stack
+ */
+export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=Stack.d.ts.map

package/esm/Stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAInD,OAAO,gFAAgF,CAAA;AAGvF,eAAO,MAAM,sBAAsB,qCAAsC,CAAA;AACzE,KAAK,sBAAsB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACrE,eAAO,MAAM,qBAAqB,YAA4B,CAAA;AAE9D,eAAO,MAAM,oBAAoB,0HAAyE,CAAA;AAC1G,KAAK,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AACjE,eAAO,MAAM,mBAAmB,aAA0B,CAAA;AAE1D,eAAO,MAAM,sBAAsB,+CAAgD,CAAA;AACnF,KAAK,sBAAsB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,eAAO,MAAM,qBAAqB,6BAA8B,CAAA;AAChE,KAAK,qBAAqB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnE,eAAO,MAAM,2BAA2B,gGAK9B,CAAA;AACV,KAAK,sBAAsB,GAAG,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1E,KAAK,2BAA2B,GAAG;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAA;IAC/B,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,MAAM,CAAC,EAAE,sBAAsB,CAAA;IAC/B,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,sBAAsB,CAAA;IAC/B,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,IAAI,CAAC,EAAE,oBAAoB,CAAA;CAC5B,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,OAAO,CAAC,EAAE,qBAAqB,CAAA;IAC/B,IAAI,CAAC,EAAE,qBAAqB,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAA;IAC7C;;;;OAIG;IACH,SAAS,CAAC,EAAE,sBAAsB,GAAG,sBAAsB,CAAA;IAC3D;;;;OAIG;IACH,GAAG,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,CAAA;IACjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,sBAAsB,GAAG,uBAAuB,CAAA;IAC7D;;;;OAIG;IACH,OAAO,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,CAAA;IACrD;;;;OAIG;IACH,cAAc,CAAC,EAAE,sBAAsB,GAAG,2BAA2B,CAAA;IACrE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,qBAAqB,GAAG,qBAAqB,CAAA;CACzD,GAAG,SAAS,CAAC,cAAc,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AA4GtC;;;GAGG;AACH,eAAO,MAAM,KAAK,yFAAwB,CAAA"}

package/esm/Stack/Stack.js

@@ -0,0 +1,40 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import { BaseSizeScale as t } from "../constants.js";
+import { useAnimation as n } from "../animation/useAnimation.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-Dr6y-7jl.css';/* empty css                                                                          */
+import r from "./Stack.module.js";
+import { forwardRef as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/Stack/Stack.tsx
+var s = ["horizontal", "vertical"], c = s[1], l = [
+	"none",
+	"condensed",
+	"normal",
+	"spacious",
+	...t
+], u = l[1], d = [
+	"center",
+	"flex-start",
+	"flex-end"
+], f = ["wrap", "nowrap"], p = [
+	...d,
+	"space-between",
+	"space-around",
+	"space-evenly"
+], m = i(({ animate: t, children: i, direction: s = c, gap: l = u, alignItems: d, padding: f = u, justifyContent: p, className: m, style: h, flexWrap: g, ..._ }, v) => {
+	let { classes: y, styles: b } = n(t), x = a(() => typeof s == "string" ? r[`Stack--${s}`] : Object.keys(s).map((e) => r[`Stack-${e}--${s[e]}`]).join(" "), [s]), S = a(() => typeof l == "string" || typeof l == "number" ? r[`Stack--gap-${l}`] : Object.keys(l).map((e) => r[`Stack-${e}--gap-${l[e]}`]).join(" "), [l]), C = a(() => typeof f == "string" || typeof f == "number" ? r[`Stack--padding-${f}`] : Object.keys(f).map((e) => r[`Stack-${e}--padding-${f[e]}`]).join(" "), [f]), w = a(() => typeof d == "string" ? r[`Stack--align-items-${d}`] : typeof d == "object" ? Object.keys(d).map((e) => r[`Stack-${e}--align-items-${d[e]}`]).join(" ") : null, [d]), T = a(() => typeof p == "string" ? r[`Stack--justify-content-${p}`] : typeof p == "object" ? Object.keys(p).map((e) => r[`Stack-${e}--justify-content-${p[e]}`]).join(" ") : null, [p]), E = a(() => typeof g == "string" ? r[`Stack-flexWrap--${g}`] : typeof g == "object" ? Object.keys(g).map((e) => r[`Stack-${e}-flexWrap--${g[e]}`]).join(" ") : null, [g]);
+	return /* @__PURE__ */ o("div", {
+		ref: v,
+		className: e(y, r.Stack, x, S, w, T, C, E, m),
+		style: {
+			...b,
+			...h
+		},
+		..._,
+		children: i
+	});
+});
+//#endregion
+export { m as Stack, d as StackAlignItemVariants, s as StackDirectionVariants, f as StackFlexWrapVariants, p as StackJustifyContentVariants, l as StackSpacingVariants, c as defaultStackDirection, u as defaultStackSpacing };
+
+//# sourceMappingURL=Stack.js.map

package/esm/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","names":[],"sources":["../../src/Stack/Stack.tsx"],"sourcesContent":["import React, {forwardRef, useMemo} from 'react'\nimport {clsx} from 'clsx'\n\nimport type {BaseProps} from '../component-helpers'\nimport {BaseSizeScale} from '../constants'\nimport {useAnimation} from '../animation'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/size.css'\nimport styles from './Stack.module.css'\n\nexport const StackDirectionVariants = ['horizontal', 'vertical'] as const\ntype StackDirectionVariants = (typeof StackDirectionVariants)[number]\nexport const defaultStackDirection = StackDirectionVariants[1]\n\nexport const StackSpacingVariants = ['none', 'condensed', 'normal', 'spacious', ...BaseSizeScale] as const\ntype StackSpacingVariants = (typeof StackSpacingVariants)[number]\nexport const defaultStackSpacing = StackSpacingVariants[1]\n\nexport const StackAlignItemVariants = ['center', 'flex-start', 'flex-end'] as const\ntype StackAlignItemVariants = (typeof StackAlignItemVariants)[number]\n\nexport const StackFlexWrapVariants = ['wrap', 'nowrap'] as const\ntype StackFlexWrapVariants = (typeof StackFlexWrapVariants)[number]\n\nexport const StackJustifyContentVariants = [\n  ...StackAlignItemVariants,\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const\ntype justifyContentVariants = (typeof StackJustifyContentVariants)[number]\n\ntype ResponsiveJustifyContentMap = {\n  narrow?: justifyContentVariants\n  regular?: justifyContentVariants\n  wide?: justifyContentVariants\n}\n\ntype ResponsiveAlignItemsMap = {\n  narrow?: StackAlignItemVariants\n  regular?: StackAlignItemVariants\n  wide?: StackAlignItemVariants\n}\n\ntype ResponsiveDirectionMap = {\n  narrow?: StackDirectionVariants\n  regular?: StackDirectionVariants\n  wide?: StackDirectionVariants\n}\n\ntype ResponsiveSpacingMap = {\n  narrow?: StackSpacingVariants\n  regular?: StackSpacingVariants\n  wide?: StackSpacingVariants\n}\n\ntype ResponsiveFlexWrapMap = {\n  narrow?: StackFlexWrapVariants\n  regular?: StackFlexWrapVariants\n  wide?: StackFlexWrapVariants\n}\n\nexport type StackProps = BaseProps<HTMLElement> & {\n  children: React.ReactNode[] | React.ReactNode\n  /**\n   * Defines the flex-direction CSS property.\n   * A string value will be applied to all viewports.\n   * An object can be used to define different values for different viewports.\n   */\n  direction?: StackDirectionVariants | ResponsiveDirectionMap\n  /**\n   * Defines the gap CSS property.\n   * A string value will be applied to all viewports.\n   * An object can be used to define different values for different viewports.\n   */\n  gap?: StackSpacingVariants | ResponsiveSpacingMap\n  /**\n   * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.\n   * A string value will be applied to all viewports.\n   * An object can be used to define different values for different viewports.\n   */\n  alignItems?: StackAlignItemVariants | ResponsiveAlignItemsMap\n  /**\n   * Defines the padding CSS property on the parent Stack.\n   * A string value will be applied to all viewports.\n   * An object can be used to define different values for different viewports.\n   */\n  padding?: StackSpacingVariants | ResponsiveSpacingMap\n  /**\n   * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.\n   * A string value will be applied to all viewports.\n   * An object can be used to define different values for different viewports.\n   */\n  justifyContent?: justifyContentVariants | ResponsiveJustifyContentMap\n  /**\n   * Forward inline styles\n   */\n  style?: React.CSSProperties\n  /**\n   * Applies flex-wrap to the Stack, using the flex-wrap CSS property.\n   */\n  flexWrap?: StackFlexWrapVariants | ResponsiveFlexWrapMap\n} & BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement>\n\nconst StackBase = (\n  {\n    animate,\n    children,\n    direction = defaultStackDirection,\n    gap = defaultStackSpacing,\n    alignItems,\n    padding = defaultStackSpacing,\n    justifyContent,\n    className,\n    style,\n    flexWrap,\n    ...rest\n  }: StackProps,\n  ref,\n): React.ReactElement => {\n  const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n  const directionClass = useMemo(\n    () =>\n      typeof direction === 'string'\n        ? styles[`Stack--${direction}`]\n        : Object.keys(direction)\n            .map(viewport => styles[`Stack-${viewport}--${direction[viewport]}`])\n            .join(' '),\n    [direction],\n  )\n\n  const gapClass = useMemo(\n    () =>\n      typeof gap === 'string' || typeof gap === 'number'\n        ? styles[`Stack--gap-${gap}`]\n        : Object.keys(gap)\n            .map(viewport => styles[`Stack-${viewport}--gap-${gap[viewport]}`])\n            .join(' '),\n    [gap],\n  )\n\n  const paddingClass = useMemo(\n    () =>\n      typeof padding === 'string' || typeof padding === 'number'\n        ? styles[`Stack--padding-${padding}`]\n        : Object.keys(padding)\n            .map(viewport => styles[`Stack-${viewport}--padding-${padding[viewport]}`])\n            .join(' '),\n    [padding],\n  )\n\n  const alignItemsClass = useMemo(\n    () =>\n      typeof alignItems === 'string'\n        ? styles[`Stack--align-items-${alignItems}`]\n        : typeof alignItems === 'object'\n        ? Object.keys(alignItems)\n            .map(viewport => styles[`Stack-${viewport}--align-items-${alignItems[viewport]}`])\n            .join(' ')\n        : null,\n    [alignItems],\n  )\n\n  const justifyContentClass = useMemo(\n    () =>\n      typeof justifyContent === 'string'\n        ? styles[`Stack--justify-content-${justifyContent}`]\n        : typeof justifyContent === 'object'\n        ? Object.keys(justifyContent)\n            .map(viewport => styles[`Stack-${viewport}--justify-content-${justifyContent[viewport]}`])\n            .join(' ')\n        : null,\n    [justifyContent],\n  )\n\n  const flexWrapClass = useMemo(\n    () =>\n      typeof flexWrap === 'string'\n        ? styles[`Stack-flexWrap--${flexWrap}`]\n        : typeof flexWrap === 'object'\n        ? Object.keys(flexWrap)\n            .map(viewport => styles[`Stack-${viewport}-flexWrap--${flexWrap[viewport]}`])\n            .join(' ')\n        : null,\n    [flexWrap],\n  )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        animationClasses,\n        styles.Stack,\n        directionClass,\n        gapClass,\n        alignItemsClass,\n        justifyContentClass,\n        paddingClass,\n        flexWrapClass,\n        className,\n      )}\n      style={{...animationInlineStyles, ...style}}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * Stack enables layout of its immediate children along the vertical or horizontal axis\n * @see https://primer.style/brand/components/Stack\n */\nexport const Stack = forwardRef(StackBase)\n"],"mappings":";;;;;;;;AAUA,IAAa,IAAyB,CAAC,cAAc,WAAW,EAEnD,IAAwB,EAAuB,IAE/C,IAAuB;CAAC;CAAQ;CAAa;CAAU;CAAY,GAAG;CAAc,EAEpF,IAAsB,EAAqB,IAE3C,IAAyB;CAAC;CAAU;CAAc;CAAW,EAG7D,IAAwB,CAAC,QAAQ,SAAS,EAG1C,IAA8B;CACzC,GAAG;CACH;CACA;CACA;CACD,EA0LY,IAAQ,GA7GnB,EACE,YACA,aACA,eAAY,GACZ,SAAM,GACN,eACA,aAAU,GACV,mBACA,cACA,UACA,aACA,GAAG,KAEL,MACuB;CACvB,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAiB,QAEnB,OAAO,KAAc,WACjB,EAAO,UAAU,OACjB,OAAO,KAAK,EAAU,CACnB,KAAI,MAAY,EAAO,SAAS,EAAS,IAAI,EAAU,MAAa,CACpE,KAAK,IAAI,EAClB,CAAC,EAAU,CACZ,EAEK,IAAW,QAEb,OAAO,KAAQ,YAAY,OAAO,KAAQ,WACtC,EAAO,cAAc,OACrB,OAAO,KAAK,EAAI,CACb,KAAI,MAAY,EAAO,SAAS,EAAS,QAAQ,EAAI,MAAa,CAClE,KAAK,IAAI,EAClB,CAAC,EAAI,CACN,EAEK,IAAe,QAEjB,OAAO,KAAY,YAAY,OAAO,KAAY,WAC9C,EAAO,kBAAkB,OACzB,OAAO,KAAK,EAAQ,CACjB,KAAI,MAAY,EAAO,SAAS,EAAS,YAAY,EAAQ,MAAa,CAC1E,KAAK,IAAI,EAClB,CAAC,EAAQ,CACV,EAEK,IAAkB,QAEpB,OAAO,KAAe,WAClB,EAAO,sBAAsB,OAC7B,OAAO,KAAe,WACtB,OAAO,KAAK,EAAW,CACpB,KAAI,MAAY,EAAO,SAAS,EAAS,gBAAgB,EAAW,MAAa,CACjF,KAAK,IAAI,GACZ,MACN,CAAC,EAAW,CACb,EAEK,IAAsB,QAExB,OAAO,KAAmB,WACtB,EAAO,0BAA0B,OACjC,OAAO,KAAmB,WAC1B,OAAO,KAAK,EAAe,CACxB,KAAI,MAAY,EAAO,SAAS,EAAS,oBAAoB,EAAe,MAAa,CACzF,KAAK,IAAI,GACZ,MACN,CAAC,EAAe,CACjB,EAEK,IAAgB,QAElB,OAAO,KAAa,WAChB,EAAO,mBAAmB,OAC1B,OAAO,KAAa,WACpB,OAAO,KAAK,EAAS,CAClB,KAAI,MAAY,EAAO,SAAS,EAAS,aAAa,EAAS,MAAa,CAC5E,KAAK,IAAI,GACZ,MACN,CAAC,EAAS,CACX;AAED,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,GACA,EAAO,OACP,GACA,GACA,GACA,GACA,GACA,GACA,EACD;EACD,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,GAAI;EAEH;EACG,CAAA;EAQgC"}

package/esm/Stack/Stack.module-ZIKnqNP_.css

@@ -0,0 +1 @@
+.Primer_Brand__Stack-module__Stack___kkChc{display:flex}.Primer_Brand__Stack-module__Stack--vertical___bDZvE{flex-direction:column}.Primer_Brand__Stack-module__Stack--horizontal___SffMX{flex-direction:row}.Primer_Brand__Stack-module__Stack-narrow--vertical___IAUDe{flex-direction:column}.Primer_Brand__Stack-module__Stack-narrow--horizontal___2KaoW{flex-direction:row}@media screen and (width>=48rem){.Primer_Brand__Stack-module__Stack-regular--vertical___vd6L5{flex-direction:column}.Primer_Brand__Stack-module__Stack-regular--horizontal___s7IV3{flex-direction:row}}@media screen and (width>=80rem){.Primer_Brand__Stack-module__Stack-wide--vertical___pr0cr{flex-direction:column}.Primer_Brand__Stack-module__Stack-wide--horizontal___2sAhE{flex-direction:row}}.Primer_Brand__Stack-module__Stack--gap-none___M7oco{gap:0}.Primer_Brand__Stack-module__Stack--gap-condensed___wITpD{gap:var(--brand-stack-gap-condensed)}.Primer_Brand__Stack-module__Stack--gap-normal___3_XTQ{gap:var(--brand-stack-gap-normal)}.Primer_Brand__Stack-module__Stack--gap-spacious___YWDRs{gap:var(--brand-stack-gap-spacious)}.Primer_Brand__Stack-module__Stack--gap-4___DmtHd{gap:var(--base-size-4)}.Primer_Brand__Stack-module__Stack--gap-8___0tz6i{gap:var(--base-size-8)}.Primer_Brand__Stack-module__Stack--gap-12___hw3H6{gap:var(--base-size-12)}.Primer_Brand__Stack-module__Stack--gap-16___t6Ejn{gap:var(--base-size-16)}.Primer_Brand__Stack-module__Stack--gap-20___FbD_l{gap:var(--base-size-20)}.Primer_Brand__Stack-module__Stack--gap-24___aI3Ni{gap:var(--base-size-24)}.Primer_Brand__Stack-module__Stack--gap-28___kvqUN{gap:var(--base-size-28)}.Primer_Brand__Stack-module__Stack--gap-32___QcuiZ{gap:var(--base-size-32)}.Primer_Brand__Stack-module__Stack--gap-36___bzo72{gap:var(--base-size-36)}.Primer_Brand__Stack-module__Stack--gap-40____noq3{gap:var(--base-size-40)}.Primer_Brand__Stack-module__Stack--gap-44___E14a1{gap:var(--base-size-44)}.Primer_Brand__Stack-module__Stack--gap-48___4cXLL{gap:var(--base-size-48)}.Primer_Brand__Stack-module__Stack--gap-64___Jc3_y{gap:var(--base-size-64)}.Primer_Brand__Stack-module__Stack--gap-80___L08Xx{gap:var(--base-size-80)}.Primer_Brand__Stack-module__Stack--gap-96___akgBJ{gap:var(--base-size-96)}.Primer_Brand__Stack-module__Stack--gap-112___E8Grv{gap:var(--base-size-112)}.Primer_Brand__Stack-module__Stack--gap-128___SVUO1{gap:var(--base-size-128)}.Primer_Brand__Stack-module__Stack-narrow--gap-none___YrNLI{gap:0}.Primer_Brand__Stack-module__Stack-narrow--gap-condensed___1jfe1{gap:var(--brand-stack-gap-condensed)}.Primer_Brand__Stack-module__Stack-narrow--gap-normal___j5C5u{gap:var(--brand-stack-gap-normal)}.Primer_Brand__Stack-module__Stack-narrow--gap-spacious___7yaBE{gap:var(--brand-stack-gap-spacious)}.Primer_Brand__Stack-module__Stack--padding-none___YsKYp{padding:0}.Primer_Brand__Stack-module__Stack--padding-condensed___NyPEM{padding:var(--brand-stack-padding-condensed)}.Primer_Brand__Stack-module__Stack--padding-normal___Z7YWq{padding:var(--brand-stack-padding-normal)}.Primer_Brand__Stack-module__Stack--padding-spacious___HCbMd{padding:var(--brand-stack-padding-spacious)}.Primer_Brand__Stack-module__Stack--padding-4____FXLn{padding:var(--base-size-4)}.Primer_Brand__Stack-module__Stack--padding-8___mfgwT{padding:var(--base-size-8)}.Primer_Brand__Stack-module__Stack--padding-12___xAM4B{padding:var(--base-size-12)}.Primer_Brand__Stack-module__Stack--padding-16___XZRrW{padding:var(--base-size-16)}.Primer_Brand__Stack-module__Stack--padding-20___4KQLU{padding:var(--base-size-20)}.Primer_Brand__Stack-module__Stack--padding-24___xwvS5{padding:var(--base-size-24)}.Primer_Brand__Stack-module__Stack--padding-28___RzzNL{padding:var(--base-size-28)}.Primer_Brand__Stack-module__Stack--padding-32___wkcqe{padding:var(--base-size-32)}.Primer_Brand__Stack-module__Stack--padding-36___LSie5{padding:var(--base-size-36)}.Primer_Brand__Stack-module__Stack--padding-40___VqBeq{padding:var(--base-size-40)}.Primer_Brand__Stack-module__Stack--padding-44___mm4AF{padding:var(--base-size-44)}.Primer_Brand__Stack-module__Stack--padding-48___t1OLR{padding:var(--base-size-48)}.Primer_Brand__Stack-module__Stack--padding-64___V2DFf{padding:var(--base-size-64)}.Primer_Brand__Stack-module__Stack--padding-80___hoHKh{padding:var(--base-size-80)}.Primer_Brand__Stack-module__Stack--padding-96___aJNAL{padding:var(--base-size-96)}.Primer_Brand__Stack-module__Stack--padding-112___4_E_r{padding:var(--base-size-112)}.Primer_Brand__Stack-module__Stack--padding-128___pxk0j{padding:var(--base-size-128)}.Primer_Brand__Stack-module__Stack-narrow--padding-none___XJ0bB{padding:0}.Primer_Brand__Stack-module__Stack-narrow--padding-condensed___ev3AN{padding:var(--brand-stack-padding-condensed)}.Primer_Brand__Stack-module__Stack-narrow--padding-normal___Nzmce{padding:var(--brand-stack-padding-normal)}.Primer_Brand__Stack-module__Stack-narrow--padding-spacious___mCH98{padding:var(--brand-stack-padding-spacious)}.Primer_Brand__Stack-module__Stack-narrow--padding-4___q19rQ{padding:var(--base-size-4)}.Primer_Brand__Stack-module__Stack-narrow--padding-8___kcIyl{padding:var(--base-size-8)}.Primer_Brand__Stack-module__Stack-narrow--padding-12___XMlJ1{padding:var(--base-size-12)}.Primer_Brand__Stack-module__Stack-narrow--padding-16___8SqCc{padding:var(--base-size-16)}.Primer_Brand__Stack-module__Stack-narrow--padding-20___UHjCb{padding:var(--base-size-20)}.Primer_Brand__Stack-module__Stack-narrow--padding-24____i12s{padding:var(--base-size-24)}.Primer_Brand__Stack-module__Stack-narrow--padding-28___u0yWu{padding:var(--base-size-28)}.Primer_Brand__Stack-module__Stack-narrow--padding-32___zqRGI{padding:var(--base-size-32)}.Primer_Brand__Stack-module__Stack-narrow--padding-36___lGKdp{padding:var(--base-size-36)}.Primer_Brand__Stack-module__Stack-narrow--padding-40___atyPw{padding:var(--base-size-40)}.Primer_Brand__Stack-module__Stack-narrow--padding-44___OVq8j{padding:var(--base-size-44)}.Primer_Brand__Stack-module__Stack-narrow--padding-48___nCssn{padding:var(--base-size-48)}.Primer_Brand__Stack-module__Stack-narrow--padding-64___0f2_2{padding:var(--base-size-64)}.Primer_Brand__Stack-module__Stack-narrow--padding-80___5zWH_{padding:var(--base-size-80)}.Primer_Brand__Stack-module__Stack-narrow--padding-96___uTd_u{padding:var(--base-size-96)}.Primer_Brand__Stack-module__Stack-narrow--padding-112___pF7Tf{padding:var(--base-size-112)}.Primer_Brand__Stack-module__Stack-narrow--padding-128___5p0JU{padding:var(--base-size-128)}.Primer_Brand__Stack-module__Stack-narrow--gap-4___6moeR{gap:var(--base-size-4)}.Primer_Brand__Stack-module__Stack-narrow--gap-8___ZnKF3{gap:var(--base-size-8)}.Primer_Brand__Stack-module__Stack-narrow--gap-12___wppH_{gap:var(--base-size-12)}.Primer_Brand__Stack-module__Stack-narrow--gap-16___NtSXw{gap:var(--base-size-16)}.Primer_Brand__Stack-module__Stack-narrow--gap-20___pCp05{gap:var(--base-size-20)}.Primer_Brand__Stack-module__Stack-narrow--gap-24___d9_7X{gap:var(--base-size-24)}.Primer_Brand__Stack-module__Stack-narrow--gap-28___yydXA{gap:var(--base-size-28)}.Primer_Brand__Stack-module__Stack-narrow--gap-32___uIKIR{gap:var(--base-size-32)}.Primer_Brand__Stack-module__Stack-narrow--gap-36___j5Zvi{gap:var(--base-size-36)}.Primer_Brand__Stack-module__Stack-narrow--gap-40___XyNCt{gap:var(--base-size-40)}.Primer_Brand__Stack-module__Stack-narrow--gap-44___IooME{gap:var(--base-size-44)}.Primer_Brand__Stack-module__Stack-narrow--gap-48___9Ri5H{gap:var(--base-size-48)}.Primer_Brand__Stack-module__Stack-narrow--gap-64___f5a6m{gap:var(--base-size-64)}.Primer_Brand__Stack-module__Stack-narrow--gap-80___t8fnj{gap:var(--base-size-80)}.Primer_Brand__Stack-module__Stack-narrow--gap-96___kupcP{gap:var(--base-size-96)}.Primer_Brand__Stack-module__Stack-narrow--gap-112____ZzLO{gap:var(--base-size-112)}.Primer_Brand__Stack-module__Stack-narrow--gap-128___Zrn34{gap:var(--base-size-128)}@media screen and (width>=48rem){.Primer_Brand__Stack-module__Stack-regular--gap-none___84Qcx{gap:0}.Primer_Brand__Stack-module__Stack-regular--gap-condensed___nXEjo{gap:var(--brand-stack-gap-condensed)}.Primer_Brand__Stack-module__Stack-regular--gap-normal___4AJ0b{gap:var(--brand-stack-gap-normal)}.Primer_Brand__Stack-module__Stack-regular--gap-spacious___5ovu5{gap:var(--brand-stack-gap-spacious)}.Primer_Brand__Stack-module__Stack-regular--gap-4___8q5d5{gap:var(--base-size-4)}.Primer_Brand__Stack-module__Stack-regular--gap-8___ruGAD{gap:var(--base-size-8)}.Primer_Brand__Stack-module__Stack-regular--gap-12___pkc6_{gap:var(--base-size-12)}.Primer_Brand__Stack-module__Stack-regular--gap-16___Cyxjb{gap:var(--base-size-16)}.Primer_Brand__Stack-module__Stack-regular--gap-20___C8Szl{gap:var(--base-size-20)}.Primer_Brand__Stack-module__Stack-regular--gap-24___JTvNO{gap:var(--base-size-24)}.Primer_Brand__Stack-module__Stack-regular--gap-28___jwMPq{gap:var(--base-size-28)}.Primer_Brand__Stack-module__Stack-regular--gap-32___e6bgD{gap:var(--base-size-32)}.Primer_Brand__Stack-module__Stack-regular--gap-36___gC2Bo{gap:var(--base-size-36)}.Primer_Brand__Stack-module__Stack-regular--gap-40___NYqUy{gap:var(--base-size-40)}.Primer_Brand__Stack-module__Stack-regular--gap-44___b_NET{gap:var(--base-size-44)}.Primer_Brand__Stack-module__Stack-regular--gap-48___QaR_m{gap:var(--base-size-48)}.Primer_Brand__Stack-module__Stack-regular--gap-64___xCaJe{gap:var(--base-size-64)}.Primer_Brand__Stack-module__Stack-regular--gap-80___rhDhC{gap:var(--base-size-80)}.Primer_Brand__Stack-module__Stack-regular--gap-96___Ts_06{gap:var(--base-size-96)}.Primer_Brand__Stack-module__Stack-regular--gap-112___eHocK{gap:var(--base-size-112)}.Primer_Brand__Stack-module__Stack-regular--gap-128___uidMP{gap:var(--base-size-128)}.Primer_Brand__Stack-module__Stack-regular--padding-none___BcPTQ{padding:0}.Primer_Brand__Stack-module__Stack-regular--padding-condensed___Wd_3A{padding:var(--brand-stack-padding-condensed)}.Primer_Brand__Stack-module__Stack-regular--padding-normal___f3Joq{padding:var(--brand-stack-padding-normal)}.Primer_Brand__Stack-module__Stack-regular--padding-spacious___xzuU0{padding:var(--brand-stack-padding-spacious)}.Primer_Brand__Stack-module__Stack-regular--padding-4___pEH4Z{padding:var(--base-size-4)}.Primer_Brand__Stack-module__Stack-regular--padding-8___UbyXY{padding:var(--base-size-8)}.Primer_Brand__Stack-module__Stack-regular--padding-12___UQK__{padding:var(--base-size-12)}.Primer_Brand__Stack-module__Stack-regular--padding-16___Y62Pz{padding:var(--base-size-16)}.Primer_Brand__Stack-module__Stack-regular--padding-20___wLP_s{padding:var(--base-size-20)}.Primer_Brand__Stack-module__Stack-regular--padding-24___J5NFg{padding:var(--base-size-24)}.Primer_Brand__Stack-module__Stack-regular--padding-28___LaSVD{padding:var(--base-size-28)}.Primer_Brand__Stack-module__Stack-regular--padding-32___L0_VX{padding:var(--base-size-32)}.Primer_Brand__Stack-module__Stack-regular--padding-36___o5wDc{padding:var(--base-size-36)}.Primer_Brand__Stack-module__Stack-regular--padding-40___cb5NW{padding:var(--base-size-40)}.Primer_Brand__Stack-module__Stack-regular--padding-44___DEz_q{padding:var(--base-size-44)}.Primer_Brand__Stack-module__Stack-regular--padding-48___MqcFN{padding:var(--base-size-48)}.Primer_Brand__Stack-module__Stack-regular--padding-64___S3iI3{padding:var(--base-size-64)}.Primer_Brand__Stack-module__Stack-regular--padding-80___8eVDK{padding:var(--base-size-80)}.Primer_Brand__Stack-module__Stack-regular--padding-96___T3v7i{padding:var(--base-size-96)}.Primer_Brand__Stack-module__Stack-regular--padding-112___7YpRg{padding:var(--base-size-112)}.Primer_Brand__Stack-module__Stack-regular--padding-128___ibsTw{padding:var(--base-size-128)}}@media screen and (width>=80rem){.Primer_Brand__Stack-module__Stack-wide--gap-none___ajgTL{gap:0}.Primer_Brand__Stack-module__Stack-wide--gap-condensed___kzJ6N{gap:var(--brand-stack-gap-condensed)}.Primer_Brand__Stack-module__Stack-wide--gap-normal___2URL1{gap:var(--brand-stack-gap-normal)}.Primer_Brand__Stack-module__Stack-wide--gap-spacious___PE_on{gap:var(--brand-stack-gap-spacious)}.Primer_Brand__Stack-module__Stack-wide--gap-4___3nPEs{gap:var(--base-size-4)}.Primer_Brand__Stack-module__Stack-wide--gap-8___FHaOS{gap:var(--base-size-8)}.Primer_Brand__Stack-module__Stack-wide--gap-12___f5Wii{gap:var(--base-size-12)}.Primer_Brand__Stack-module__Stack-wide--gap-16___vdqL4{gap:var(--base-size-16)}.Primer_Brand__Stack-module__Stack-wide--gap-20___3YbbY{gap:var(--base-size-20)}.Primer_Brand__Stack-module__Stack-wide--gap-24___o2aeb{gap:var(--base-size-24)}.Primer_Brand__Stack-module__Stack-wide--gap-28___g5SFZ{gap:var(--base-size-28)}.Primer_Brand__Stack-module__Stack-wide--gap-32___7KZhL{gap:var(--base-size-32)}.Primer_Brand__Stack-module__Stack-wide--gap-36___mWJFS{gap:var(--base-size-36)}.Primer_Brand__Stack-module__Stack-wide--gap-40___wZvNo{gap:var(--base-size-40)}.Primer_Brand__Stack-module__Stack-wide--gap-44___oH_Yw{gap:var(--base-size-44)}.Primer_Brand__Stack-module__Stack-wide--gap-48___IbC9F{gap:var(--base-size-48)}.Primer_Brand__Stack-module__Stack-wide--gap-64___xC__G{gap:var(--base-size-64)}.Primer_Brand__Stack-module__Stack-wide--gap-80___1QMyu{gap:var(--base-size-80)}.Primer_Brand__Stack-module__Stack-wide--gap-96___wRoRW{gap:var(--base-size-96)}.Primer_Brand__Stack-module__Stack-wide--gap-112___MQg4d{gap:var(--base-size-112)}.Primer_Brand__Stack-module__Stack-wide--gap-128___YfFMR{gap:var(--base-size-128)}.Primer_Brand__Stack-module__Stack-wide--padding-none___hcJOP{padding:0}.Primer_Brand__Stack-module__Stack-wide--padding-condensed___N3J0E{padding:var(--brand-stack-padding-condensed)}.Primer_Brand__Stack-module__Stack-wide--padding-normal___pjnIB{padding:var(--brand-stack-padding-normal)}.Primer_Brand__Stack-module__Stack-wide--padding-spacious___cFQHO{padding:var(--brand-stack-padding-spacious)}.Primer_Brand__Stack-module__Stack-wide--padding-4___muYDs{padding:var(--base-size-4)}.Primer_Brand__Stack-module__Stack-wide--padding-8___6YlEO{padding:var(--base-size-8)}.Primer_Brand__Stack-module__Stack-wide--padding-12___7KdnN{padding:var(--base-size-12)}.Primer_Brand__Stack-module__Stack-wide--padding-16___M5zuV{padding:var(--base-size-16)}.Primer_Brand__Stack-module__Stack-wide--padding-20___I5zX2{padding:var(--base-size-20)}.Primer_Brand__Stack-module__Stack-wide--padding-24___GooBy{padding:var(--base-size-24)}.Primer_Brand__Stack-module__Stack-wide--padding-28___tZ7sr{padding:var(--base-size-28)}.Primer_Brand__Stack-module__Stack-wide--padding-32___4jLoz{padding:var(--base-size-32)}.Primer_Brand__Stack-module__Stack-wide--padding-36___aIhUT{padding:var(--base-size-36)}.Primer_Brand__Stack-module__Stack-wide--padding-40___4WmEN{padding:var(--base-size-40)}.Primer_Brand__Stack-module__Stack-wide--padding-44___LlwnC{padding:var(--base-size-44)}.Primer_Brand__Stack-module__Stack-wide--padding-48___JEKfb{padding:var(--base-size-48)}.Primer_Brand__Stack-module__Stack-wide--padding-64___ltiCt{padding:var(--base-size-64)}.Primer_Brand__Stack-module__Stack-wide--padding-80___uLiYs{padding:var(--base-size-80)}.Primer_Brand__Stack-module__Stack-wide--padding-96____jNjX{padding:var(--base-size-96)}.Primer_Brand__Stack-module__Stack-wide--padding-112___LSUS8{padding:var(--base-size-112)}.Primer_Brand__Stack-module__Stack-wide--padding-128___KHUZL{padding:var(--base-size-128)}}.Primer_Brand__Stack-module__Stack--align-items-flex-end___hbt2y{align-items:flex-end}.Primer_Brand__Stack-module__Stack--align-items-flex-start___toOez{align-items:flex-start}.Primer_Brand__Stack-module__Stack--align-items-center___mSuT6{align-items:center}.Primer_Brand__Stack-module__Stack-narrow--align-items-flex-end___Ge2P6{align-items:flex-end}.Primer_Brand__Stack-module__Stack-narrow--align-items-flex-start___hoXcB{align-items:flex-start}.Primer_Brand__Stack-module__Stack-narrow--align-items-center___lhASm{align-items:center}@media screen and (width>=48rem){.Primer_Brand__Stack-module__Stack-regular--align-items-flex-end___bvlKf{align-items:flex-end}.Primer_Brand__Stack-module__Stack-regular--align-items-flex-start___AfvRV{align-items:flex-start}.Primer_Brand__Stack-module__Stack-regular--align-items-center___otAWC{align-items:center}}@media screen and (width>=80rem){.Primer_Brand__Stack-module__Stack-wide--align-items-flex-end___ujXDY{align-items:flex-end}.Primer_Brand__Stack-module__Stack-wide--align-items-flex-start___cXAgb{align-items:flex-start}.Primer_Brand__Stack-module__Stack-wide--align-items-center___aZ__N{align-items:center}}.Primer_Brand__Stack-module__Stack--justify-content-flex-end___48DQ2{justify-content:flex-end}.Primer_Brand__Stack-module__Stack--justify-content-flex-start___RqQ_5{justify-content:flex-start}.Primer_Brand__Stack-module__Stack--justify-content-center___0h6jn{justify-content:center}.Primer_Brand__Stack-module__Stack--justify-content-space-between___ntQDP{justify-content:space-between}.Primer_Brand__Stack-module__Stack--justify-content-space-evenly___bIDDs{justify-content:space-evenly}.Primer_Brand__Stack-module__Stack--justify-content-space-around___yUAvd{justify-content:space-around}.Primer_Brand__Stack-module__Stack-narrow--justify-content-flex-end___Z57le{justify-content:flex-end}.Primer_Brand__Stack-module__Stack-narrow--justify-content-flex-start___fDidq{justify-content:flex-start}.Primer_Brand__Stack-module__Stack-narrow--justify-content-center___uHqFo{justify-content:center}.Primer_Brand__Stack-module__Stack-narrow--justify-content-space-between___g6N5s{justify-content:space-between}.Primer_Brand__Stack-module__Stack-narrow--justify-content-space-evenly___apJam{justify-content:space-evenly}.Primer_Brand__Stack-module__Stack-narrow--justify-content-space-around___hPKro{justify-content:space-around}@media screen and (width>=48rem){.Primer_Brand__Stack-module__Stack-regular--justify-content-flex-end___Frx0I{justify-content:flex-end}.Primer_Brand__Stack-module__Stack-regular--justify-content-flex-start___O6P7s{justify-content:flex-start}.Primer_Brand__Stack-module__Stack-regular--justify-content-center___h0_dy{justify-content:center}.Primer_Brand__Stack-module__Stack-regular--justify-content-space-between___zGjlD{justify-content:space-between}.Primer_Brand__Stack-module__Stack-regular--justify-content-space-evenly___Hkq1Z{justify-content:space-evenly}.Primer_Brand__Stack-module__Stack-regular--justify-content-space-around___aSXvQ{justify-content:space-around}}@media screen and (width>=80rem){.Primer_Brand__Stack-module__Stack-wide--justify-content-flex-end___SIG6M{justify-content:flex-end}.Primer_Brand__Stack-module__Stack-wide--justify-content-flex-start___HdgK5{justify-content:flex-start}.Primer_Brand__Stack-module__Stack-wide--justify-content-center___OD2Wf{justify-content:center}.Primer_Brand__Stack-module__Stack-wide--justify-content-space-between___DDCkb{justify-content:space-between}.Primer_Brand__Stack-module__Stack-wide--justify-content-space-evenly___PICqP{justify-content:space-evenly}.Primer_Brand__Stack-module__Stack-wide--justify-content-space-around___sIOQP{justify-content:space-around}}.Primer_Brand__Stack-module__Stack-flexWrap--wrap___uuc8B{flex-wrap:wrap}.Primer_Brand__Stack-module__Stack-flexWrap--no-wrap___kv7Fm{flex-wrap:nowrap}.Primer_Brand__Stack-module__Stack-narrow-flexWrap--wrap___SQOmL{flex-wrap:wrap}.Primer_Brand__Stack-module__Stack-narrow-flexWrap--no-wrap___aoyQB{flex-wrap:nowrap}@media screen and (width>=48rem){.Primer_Brand__Stack-module__Stack-regular-flexWrap--wrap___LTrer{flex-wrap:wrap}.Primer_Brand__Stack-module__Stack-regular-flexWrap--no-wrap___g3lo_{flex-wrap:nowrap}}@media screen and (width>=80rem){.Primer_Brand__Stack-module__Stack-wide-flexWrap--wrap___sBzMn{flex-wrap:wrap}.Primer_Brand__Stack-module__Stack-wide-flexWrap--no-wrap___7PGRZ{flex-wrap:nowrap}}