@primer/react-brand 0.75.0-rc.a3f7dbd6 → 0.75.0

package/esm/PricingOptions/PricingOptions.module.js

@@ -1,10 +1,11 @@
-import './PricingOptions.module-CgPKaZAm.css';var e = {
-	PricingOptions: "Primer_Brand__PricingOptions-module__PricingOptions____Z8EC",
+import './PricingOptions.module-CgPKaZAm.css';//#region src/PricingOptions/PricingOptions.module.css
+var e = "Primer_Brand__PricingOptions-module__PricingOptions____Z8EC", t = "Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc", n = "Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_", r = "Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o", i = "Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu", a = "Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1", o = "Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y", s = "Primer_Brand__PricingOptions-module__PricingOptions__label___bW7ca", c = "Primer_Brand__PricingOptions-module__PricingOptions__actions___DEnuZ", l = "Primer_Brand__PricingOptions-module__PricingOptions__footnote___FjNek", u = {
+	PricingOptions: e,
 	"PricingOptions--items1": "Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H",
 	"PricingOptions--items2": "Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU",
 	"PricingOptions--items3": "Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI",
 	"PricingOptions--items4": "Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C",
-	PricingOptions__labels: "Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc",
+	PricingOptions__labels: t,
 	"PricingOptions__label-cell": "Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ",
 	"PricingOptions__label-cell--has-label": "Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F",
 	"PricingOptions--layout-default": "Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU",
@@ -12,15 +13,15 @@ import './PricingOptions.module-CgPKaZAm.css';var e = {
 	"PricingOptions--appearance-gradient": "Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f",
 	"PricingOptions--layout-cards": "Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu",
 	"PricingOptions--appearance-solid": "Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd",
-	PricingOptions__item: "Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_",
+	PricingOptions__item: n,
 	"PricingOptions__item--has-leading-component": "Primer_Brand__PricingOptions-module__PricingOptions__item--has-leading-component___cW15k",
 	"PricingOptions__item--align-center": "Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V",
-	PricingOptions__price: "Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o",
-	PricingOptions__description: "Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu",
-	PricingOptions__header: "Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1",
-	PricingOptions__heading: "Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y",
+	PricingOptions__price: r,
+	PricingOptions__description: i,
+	PricingOptions__header: a,
+	PricingOptions__heading: o,
 	"PricingOptions__leading-component": "Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW",
-	PricingOptions__label: "Primer_Brand__PricingOptions-module__PricingOptions__label___bW7ca",
+	PricingOptions__label: s,
 	"PricingOptions__price-value": "Primer_Brand__PricingOptions-module__PricingOptions__price-value___v_DFw",
 	"PricingOptions__price-currency-symbol": "Primer_Brand__PricingOptions-module__PricingOptions__price-currency-symbol___WCuTj",
 	"PricingOptions__price-amount": "Primer_Brand__PricingOptions-module__PricingOptions__price-amount___ZCxoZ",
@@ -28,12 +29,12 @@ import './PricingOptions.module-CgPKaZAm.css';var e = {
 	"PricingOptions__price-original-price": "Primer_Brand__PricingOptions-module__PricingOptions__price-original-price___TCleY",
 	"PricingOptions__price-original-price-value": "Primer_Brand__PricingOptions-module__PricingOptions__price-original-price-value___ul7b3",
 	"PricingOptions__price-trailing-text": "Primer_Brand__PricingOptions-module__PricingOptions__price-trailing-text___hVD0k",
-	PricingOptions__actions: "Primer_Brand__PricingOptions-module__PricingOptions__actions___DEnuZ",
+	PricingOptions__actions: c,
 	"PricingOptions__actions-message": "Primer_Brand__PricingOptions-module__PricingOptions__actions-message___QKv2D",
 	"PricingOptions__actions-message-leading-component": "Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh",
 	"PricingOptions__actions-message-content": "Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R",
 	"PricingOptions__menu-action": "Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2",
-	PricingOptions__footnote: "Primer_Brand__PricingOptions-module__PricingOptions__footnote___FjNek",
+	PricingOptions__footnote: l,
 	"PricingOptions__feature-list": "Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L",
 	"PricingOptions__feature-list--has-divider": "Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt",
 	"PricingOptions__feature-list-set": "Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___twUwU",
@@ -48,6 +49,6 @@ import './PricingOptions.module-CgPKaZAm.css';var e = {
 	"PricingOptions__feature-list-accordion-chevron": "Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy"
 };
 //#endregion
-export { e as default };
+export { e as PricingOptions, c as PricingOptions__actions, i as PricingOptions__description, l as PricingOptions__footnote, a as PricingOptions__header, o as PricingOptions__heading, n as PricingOptions__item, s as PricingOptions__label, t as PricingOptions__labels, r as PricingOptions__price, u as default };
 
 //# sourceMappingURL=PricingOptions.module.js.map

package/esm/Prose/Prose.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes-Y3yB1rAU.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/base-ZeVUZmHp.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/base-BJeYaOpB.css';/* empty css                                                                                            */
 import t from "./Prose.module.js";
 /* empty css                                                                                      */

package/esm/Prose/Prose.js.map

@@ -1 +1 @@
-{"version":3,"file":"Prose.js","names":[],"sources":["../../src/Prose/Prose.tsx"],"sourcesContent":["import React, {forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\nimport styles from './Prose.module.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/prose/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-link/base.css'\n\nexport type ProseProps = {\n  /**\n   * Valid children include string encapsulated HTML elements such as `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<p>`, `<strong>`, `<em>`, `<a>`, `<ul>`, `<ol>`, `<li>`, `<img>`, and `<div>`.\n   */\n  html: string\n  /**\n   * The presentational variant of the prose.\n   */\n  variant?: 'default' | 'editorial'\n  /**\n   * Whether to enable full width prose or not.\n   */\n  enableFullWidth?: boolean\n} & Omit<BaseProps<HTMLDivElement>, 'animate' | 'children'> &\n  Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>\n\nexport const Prose = forwardRef<HTMLDivElement, ProseProps>(\n  ({html, enableFullWidth = false, className, variant = 'default', ...props}, ref) => {\n    return (\n      <div\n        className={clsx(\n          styles.Prose,\n          !enableFullWidth && styles['Prose--lineLength'],\n          styles[`Prose--${variant}`],\n          className,\n        )}\n        ref={ref}\n        {...props}\n        dangerouslySetInnerHTML={{__html: html}}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;;;AAwBA,IAAa,IAAQ,GAClB,EAAC,SAAM,qBAAkB,IAAO,cAAW,aAAU,WAAW,GAAG,KAAQ,MAExE,kBAAC,OAAD;CACE,WAAW,EACT,EAAO,OACP,CAAC,KAAmB,EAAO,sBAC3B,EAAO,UAAU,MACjB,EACD;CACI;CACL,GAAI;CACJ,yBAAyB,EAAC,QAAQ,GAAK;CACvC,CAAA,CAGP"}
+{"version":3,"file":"Prose.js","names":[],"sources":["../../src/Prose/Prose.tsx"],"sourcesContent":["import React, {forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\nimport styles from './Prose.module.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/prose/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-link/base.css'\n\nexport type ProseProps = {\n  /**\n   * Valid children include string encapsulated HTML elements such as `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<p>`, `<strong>`, `<em>`, `<a>`, `<ul>`, `<ol>`, `<li>`, `<img>`, and `<div>`.\n   */\n  html: string\n  /**\n   * The presentational variant of the prose.\n   */\n  variant?: 'default' | 'editorial'\n  /**\n   * Whether to enable full width prose or not.\n   */\n  enableFullWidth?: boolean\n} & Omit<BaseProps<HTMLDivElement>, 'animate' | 'children'> &\n  Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>\n\nexport const Prose = forwardRef<HTMLDivElement, ProseProps>(\n  ({html, enableFullWidth = false, className, variant = 'default', ...props}, ref) => {\n    return (\n      <div\n        className={clsx(\n          styles.Prose,\n          !enableFullWidth && styles['Prose--lineLength'],\n          styles[`Prose--${variant}`],\n          className,\n        )}\n        ref={ref}\n        {...props}\n        dangerouslySetInnerHTML={{__html: html}}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;;;AAwBA,IAAa,IAAQ,GAClB,EAAC,SAAM,qBAAkB,IAAO,cAAW,aAAU,WAAW,GAAG,KAAQ,MAExE,kBAAC,OAAD;CACE,WAAW,EACT,EAAO,OACP,CAAC,KAAmB,EAAO,sBAC3B,EAAO,UAAU,MACjB,CACF;CACK;CACL,GAAI;CACJ,yBAAyB,EAAC,QAAQ,EAAI;AACvC,CAAA,CAGP"}

package/esm/Prose/Prose.module.js

@@ -1,10 +1,11 @@
-import './Prose.module-CL7KawRN.css';var e = {
-	Prose: "Primer_Brand__Prose-module__Prose___8WnSE",
+import './Prose.module-CL7KawRN.css';//#region src/Prose/Prose.module.css
+var e = "Primer_Brand__Prose-module__Prose___8WnSE", t = {
+	Prose: e,
 	"Prose--editorial": "Primer_Brand__Prose-module__Prose--editorial___z40XG",
 	"Prose--lineLength": "Primer_Brand__Prose-module__Prose--lineLength___V5nMv",
 	"Prose--default": "Primer_Brand__Prose-module__Prose--default___G7iCy"
 };
 //#endregion
-export { e as default };
+export { e as Prose, t as default };
 
 //# sourceMappingURL=Prose.module.js.map

package/esm/Section/Section.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/section/section-GXjcxN8l.css';/* empty css                                                                                           */
 import t from "./Section.module.js";
 import { forwardRef as n, useCallback as r, useMemo as i } from "react";

package/esm/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":[],"sources":["../../src/Section/Section.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useCallback, useMemo} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/section/section.css'\nimport styles from './Section.module.css'\n\nexport const SectionPaddingVariants = ['none', 'condensed', 'normal', 'spacious'] as const\nexport const SectionBackgroundColors = ['default', 'subtle'] as const\n\nconst defaultSectionPadding = SectionPaddingVariants[2]\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\ntype BackgroundColors = (typeof SectionBackgroundColors)[number] | AnyString // The AnyString union type is a workaround to provide autocompletion for the SectionBackgroundColors values\ntype PaddingVariants = (typeof SectionPaddingVariants)[number]\ntype ResponsiveBackgroundColorMap = ResponsiveMap<BackgroundColors>\ntype ResponsiveBackgroundImagePositionMap = ResponsiveMap<string | string[]>\ntype ResponsiveBackgroundImageSizeMap = ResponsiveMap<string | string[]>\ntype ResponsiveBackgroundImageSrcMap = ResponsiveMap<string | string[]>\ntype ResponsivePaddingVariantsMap = ResponsiveMap<PaddingVariants>\n\ntype SectionProps = {\n  /**\n   * The HTML element used to render the section.\n   */\n  as?: 'section' | 'div'\n  /**\n   * The padding applied to the start of the section.\n   */\n  paddingBlockStart?: PaddingVariants | ResponsivePaddingVariantsMap\n  /**\n   * The padding applied to the end of the section.\n   */\n  paddingBlockEnd?: PaddingVariants | ResponsivePaddingVariantsMap\n  /**\n   * The system-level or custom background color of the section.\n   */\n  backgroundColor?: BackgroundColors | ResponsiveBackgroundColorMap\n  /**\n   * The background image of the section.\n   */\n  backgroundImageSrc?: string | string[] | ResponsiveBackgroundImageSrcMap\n  /**\n   * The position of the background image.\n   */\n  backgroundImagePosition?: string | string[] | ResponsiveBackgroundImagePositionMap\n  /**\n   * The size of the background image.\n   */\n  backgroundImageSize?: string | string[] | ResponsiveBackgroundImageSizeMap\n  /**\n   * Makes the content of the section span the full width of its parent container.\n   */\n  fullWidth?: boolean\n  /**\n   * Adds rounded corners to the top of the section.\n   */\n  rounded?: boolean\n  /**\n   * Forward inline styles\n   */\n  style?: React.CSSProperties\n  /**\n   * Optional attirbute for testing\n   */\n  ['data-testid']?: string\n} & PropsWithChildren<BaseProps<HTMLDivElement>>\n\nconst testIds = {\n  root: 'Section',\n  container: 'Section__container',\n}\n\nexport const Section = forwardRef<HTMLDivElement, PropsWithChildren<SectionProps>>(\n  (\n    {\n      as: Component = 'section',\n      paddingBlockStart = defaultSectionPadding,\n      paddingBlockEnd = defaultSectionPadding,\n      backgroundColor,\n      backgroundImageSrc,\n      backgroundImagePosition = '50%',\n      backgroundImageSize = 'cover',\n      className,\n      children,\n      'data-testid': testId,\n      fullWidth = false,\n      rounded = false,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const createPaddingClasses = useCallback(\n      (paddingBlock, blockType) =>\n        typeof paddingBlock === 'string'\n          ? styles[`Section--${blockType}-${paddingBlock}`]\n          : Object.keys(paddingBlock)\n              .map(viewport => styles[`Section-${viewport}--${blockType}-${paddingBlock[viewport]}`])\n              .join(' '),\n      [],\n    )\n\n    const processBackgroundValue = useCallback((value: string | string[], property) => {\n      if (property === 'background-image-src') {\n        return Array.isArray(value) ? value.map(img => `url(${img})`).join() : `url(${value})`\n      }\n\n      if (property === 'background-color' && typeof value === 'string') {\n        return SectionBackgroundColors.includes(value as (typeof SectionBackgroundColors)[number])\n          ? `var(--brand-color-canvas-${value})`\n          : value\n      }\n\n      return Array.isArray(value) ? value.join() : value\n    }, [])\n\n    const createStyles = useCallback(\n      (property, value) =>\n        typeof value === 'string' || Array.isArray(value)\n          ? {[`--brand-Section-${property}`]: processBackgroundValue(value, property)}\n          : {\n              [`--brand-Section-narrow-${property}`]: processBackgroundValue(value?.narrow, property),\n              [`--brand-Section-regular-${property}`]: processBackgroundValue(value?.regular, property),\n              [`--brand-Section-wide-${property}`]: processBackgroundValue(value?.wide, property),\n            },\n      [processBackgroundValue],\n    )\n\n    const addStyle = useCallback(\n      (obj, property, value) => {\n        if (value) {\n          Object.assign(obj, createStyles(property, value))\n        }\n      },\n      [createStyles],\n    )\n\n    const paddingBlockStartClass = useMemo(\n      () => createPaddingClasses(paddingBlockStart, 'paddingBlockStart'),\n      [paddingBlockStart, createPaddingClasses],\n    )\n    const paddingBlockEndClass = useMemo(\n      () => createPaddingClasses(paddingBlockEnd, 'paddingBlockEnd'),\n      [paddingBlockEnd, createPaddingClasses],\n    )\n\n    const backgroundStyles = useMemo(() => {\n      const allStyles = {}\n\n      addStyle(allStyles, 'background-color', backgroundColor)\n      addStyle(allStyles, 'background-image-src', backgroundImageSrc)\n      addStyle(allStyles, 'background-image-position', backgroundImagePosition)\n      addStyle(allStyles, 'background-image-size', backgroundImageSize)\n\n      return allStyles\n    }, [addStyle, backgroundColor, backgroundImageSrc, backgroundImagePosition, backgroundImageSize])\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          styles.Section,\n          paddingBlockStartClass,\n          paddingBlockEndClass,\n          rounded && styles['Section--rounded'],\n          className,\n        )}\n        data-testid={testId || testIds.root}\n        style={{...backgroundStyles, ...style}}\n        {...props}\n      >\n        <div\n          className={clsx(styles[`Section__container`], fullWidth && styles['Section__container--fullWidth'])}\n          data-testid={testIds.container}\n        >\n          {children}\n        </div>\n      </Component>\n    )\n  },\n)\n"],"mappings":";;;;;;AAOA,IAAa,IAAyB;CAAC;CAAQ;CAAa;CAAU;CAAW,EACpE,IAA0B,CAAC,WAAW,SAAS,EAEtD,IAAwB,EAAuB,IA+D/C,IAAU;CACd,MAAM;CACN,WAAW;CACZ,EAEY,IAAU,GAEnB,EACE,IAAI,IAAY,WAChB,uBAAoB,GACpB,qBAAkB,GAClB,oBACA,uBACA,6BAA0B,OAC1B,yBAAsB,SACtB,cACA,aACA,eAAe,GACf,eAAY,IACZ,aAAU,IACV,UACA,GAAG,KAEL,MACG;CACH,IAAM,IAAuB,GAC1B,GAAc,MACb,OAAO,KAAiB,WACpB,EAAO,YAAY,EAAU,GAAG,OAChC,OAAO,KAAK,EAAa,CACtB,KAAI,MAAY,EAAO,WAAW,EAAS,IAAI,EAAU,GAAG,EAAa,MAAa,CACtF,KAAK,IAAI,EAClB,EAAE,CACH,EAEK,IAAyB,GAAa,GAA0B,MAChE,MAAa,yBACR,MAAM,QAAQ,EAAM,GAAG,EAAM,KAAI,MAAO,OAAO,EAAI,GAAG,CAAC,MAAM,GAAG,OAAO,EAAM,KAGlF,MAAa,sBAAsB,OAAO,KAAU,WAC/C,EAAwB,SAAS,EAAkD,GACtF,4BAA4B,EAAM,KAClC,IAGC,MAAM,QAAQ,EAAM,GAAG,EAAM,MAAM,GAAG,GAC5C,EAAE,CAAC,EAEA,IAAe,GAClB,GAAU,MACT,OAAO,KAAU,YAAY,MAAM,QAAQ,EAAM,GAC7C,GAAE,mBAAmB,MAAa,EAAuB,GAAO,EAAS,EAAC,GAC1E;GACG,0BAA0B,MAAa,EAAuB,GAAO,QAAQ,EAAS;GACtF,2BAA2B,MAAa,EAAuB,GAAO,SAAS,EAAS;GACxF,wBAAwB,MAAa,EAAuB,GAAO,MAAM,EAAS;EACpF,EACP,CAAC,EAAuB,CACzB,EAEK,IAAW,GACd,GAAK,GAAU,MAAU;AACxB,EAAI,KACF,OAAO,OAAO,GAAK,EAAa,GAAU,EAAM,CAAC;IAGrD,CAAC,EAAa,CACf,EAEK,IAAyB,QACvB,EAAqB,GAAmB,oBAAoB,EAClE,CAAC,GAAmB,EAAqB,CAC1C,EACK,IAAuB,QACrB,EAAqB,GAAiB,kBAAkB,EAC9D,CAAC,GAAiB,EAAqB,CACxC,EAEK,IAAmB,QAAc;EACrC,IAAM,IAAY,EAAE;AAOpB,SALA,EAAS,GAAW,oBAAoB,EAAgB,EACxD,EAAS,GAAW,wBAAwB,EAAmB,EAC/D,EAAS,GAAW,6BAA6B,EAAwB,EACzE,EAAS,GAAW,yBAAyB,EAAoB,EAE1D;IACN;EAAC;EAAU;EAAiB;EAAoB;EAAyB;EAAoB,CAAC;AAEjG,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EACT,EAAO,SACP,GACA,GACA,KAAW,EAAO,qBAClB,EACD;EACD,eAAa,KAAU,EAAQ;EAC/B,OAAO;GAAC,GAAG;GAAkB,GAAG;GAAM;EACtC,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW,EAAK,EAAO,oBAAuB,KAAa,EAAO,iCAAiC;GACnG,eAAa,EAAQ;GAEpB;GACG,CAAA;EACI,CAAA;EAGjB"}
+{"version":3,"file":"Section.js","names":[],"sources":["../../src/Section/Section.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useCallback, useMemo} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/section/section.css'\nimport styles from './Section.module.css'\n\nexport const SectionPaddingVariants = ['none', 'condensed', 'normal', 'spacious'] as const\nexport const SectionBackgroundColors = ['default', 'subtle'] as const\n\nconst defaultSectionPadding = SectionPaddingVariants[2]\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\ntype BackgroundColors = (typeof SectionBackgroundColors)[number] | AnyString // The AnyString union type is a workaround to provide autocompletion for the SectionBackgroundColors values\ntype PaddingVariants = (typeof SectionPaddingVariants)[number]\ntype ResponsiveBackgroundColorMap = ResponsiveMap<BackgroundColors>\ntype ResponsiveBackgroundImagePositionMap = ResponsiveMap<string | string[]>\ntype ResponsiveBackgroundImageSizeMap = ResponsiveMap<string | string[]>\ntype ResponsiveBackgroundImageSrcMap = ResponsiveMap<string | string[]>\ntype ResponsivePaddingVariantsMap = ResponsiveMap<PaddingVariants>\n\ntype SectionProps = {\n  /**\n   * The HTML element used to render the section.\n   */\n  as?: 'section' | 'div'\n  /**\n   * The padding applied to the start of the section.\n   */\n  paddingBlockStart?: PaddingVariants | ResponsivePaddingVariantsMap\n  /**\n   * The padding applied to the end of the section.\n   */\n  paddingBlockEnd?: PaddingVariants | ResponsivePaddingVariantsMap\n  /**\n   * The system-level or custom background color of the section.\n   */\n  backgroundColor?: BackgroundColors | ResponsiveBackgroundColorMap\n  /**\n   * The background image of the section.\n   */\n  backgroundImageSrc?: string | string[] | ResponsiveBackgroundImageSrcMap\n  /**\n   * The position of the background image.\n   */\n  backgroundImagePosition?: string | string[] | ResponsiveBackgroundImagePositionMap\n  /**\n   * The size of the background image.\n   */\n  backgroundImageSize?: string | string[] | ResponsiveBackgroundImageSizeMap\n  /**\n   * Makes the content of the section span the full width of its parent container.\n   */\n  fullWidth?: boolean\n  /**\n   * Adds rounded corners to the top of the section.\n   */\n  rounded?: boolean\n  /**\n   * Forward inline styles\n   */\n  style?: React.CSSProperties\n  /**\n   * Optional attirbute for testing\n   */\n  ['data-testid']?: string\n} & PropsWithChildren<BaseProps<HTMLDivElement>>\n\nconst testIds = {\n  root: 'Section',\n  container: 'Section__container',\n}\n\nexport const Section = forwardRef<HTMLDivElement, PropsWithChildren<SectionProps>>(\n  (\n    {\n      as: Component = 'section',\n      paddingBlockStart = defaultSectionPadding,\n      paddingBlockEnd = defaultSectionPadding,\n      backgroundColor,\n      backgroundImageSrc,\n      backgroundImagePosition = '50%',\n      backgroundImageSize = 'cover',\n      className,\n      children,\n      'data-testid': testId,\n      fullWidth = false,\n      rounded = false,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const createPaddingClasses = useCallback(\n      (paddingBlock, blockType) =>\n        typeof paddingBlock === 'string'\n          ? styles[`Section--${blockType}-${paddingBlock}`]\n          : Object.keys(paddingBlock)\n              .map(viewport => styles[`Section-${viewport}--${blockType}-${paddingBlock[viewport]}`])\n              .join(' '),\n      [],\n    )\n\n    const processBackgroundValue = useCallback((value: string | string[], property) => {\n      if (property === 'background-image-src') {\n        return Array.isArray(value) ? value.map(img => `url(${img})`).join() : `url(${value})`\n      }\n\n      if (property === 'background-color' && typeof value === 'string') {\n        return SectionBackgroundColors.includes(value as (typeof SectionBackgroundColors)[number])\n          ? `var(--brand-color-canvas-${value})`\n          : value\n      }\n\n      return Array.isArray(value) ? value.join() : value\n    }, [])\n\n    const createStyles = useCallback(\n      (property, value) =>\n        typeof value === 'string' || Array.isArray(value)\n          ? {[`--brand-Section-${property}`]: processBackgroundValue(value, property)}\n          : {\n              [`--brand-Section-narrow-${property}`]: processBackgroundValue(value?.narrow, property),\n              [`--brand-Section-regular-${property}`]: processBackgroundValue(value?.regular, property),\n              [`--brand-Section-wide-${property}`]: processBackgroundValue(value?.wide, property),\n            },\n      [processBackgroundValue],\n    )\n\n    const addStyle = useCallback(\n      (obj, property, value) => {\n        if (value) {\n          Object.assign(obj, createStyles(property, value))\n        }\n      },\n      [createStyles],\n    )\n\n    const paddingBlockStartClass = useMemo(\n      () => createPaddingClasses(paddingBlockStart, 'paddingBlockStart'),\n      [paddingBlockStart, createPaddingClasses],\n    )\n    const paddingBlockEndClass = useMemo(\n      () => createPaddingClasses(paddingBlockEnd, 'paddingBlockEnd'),\n      [paddingBlockEnd, createPaddingClasses],\n    )\n\n    const backgroundStyles = useMemo(() => {\n      const allStyles = {}\n\n      addStyle(allStyles, 'background-color', backgroundColor)\n      addStyle(allStyles, 'background-image-src', backgroundImageSrc)\n      addStyle(allStyles, 'background-image-position', backgroundImagePosition)\n      addStyle(allStyles, 'background-image-size', backgroundImageSize)\n\n      return allStyles\n    }, [addStyle, backgroundColor, backgroundImageSrc, backgroundImagePosition, backgroundImageSize])\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          styles.Section,\n          paddingBlockStartClass,\n          paddingBlockEndClass,\n          rounded && styles['Section--rounded'],\n          className,\n        )}\n        data-testid={testId || testIds.root}\n        style={{...backgroundStyles, ...style}}\n        {...props}\n      >\n        <div\n          className={clsx(styles[`Section__container`], fullWidth && styles['Section__container--fullWidth'])}\n          data-testid={testIds.container}\n        >\n          {children}\n        </div>\n      </Component>\n    )\n  },\n)\n"],"mappings":";;;;;;AAOA,IAAa,IAAyB;CAAC;CAAQ;CAAa;CAAU;AAAU,GACnE,IAA0B,CAAC,WAAW,QAAQ,GAErD,IAAwB,EAAuB,IA+D/C,IAAU;CACd,MAAM;CACN,WAAW;AACb,GAEa,IAAU,GAEnB,EACE,IAAI,IAAY,WAChB,uBAAoB,GACpB,qBAAkB,GAClB,oBACA,uBACA,6BAA0B,OAC1B,yBAAsB,SACtB,cACA,aACA,eAAe,GACf,eAAY,IACZ,aAAU,IACV,UACA,GAAG,KAEL,MACG;CACH,IAAM,IAAuB,GAC1B,GAAc,MACb,OAAO,KAAiB,WACpB,EAAO,YAAY,EAAU,GAAG,OAChC,OAAO,KAAK,CAAY,CAAC,CACtB,KAAI,MAAY,EAAO,WAAW,EAAS,IAAI,EAAU,GAAG,EAAa,KAAY,CAAC,CACtF,KAAK,GAAG,GACjB,CAAC,CACH,GAEM,IAAyB,GAAa,GAA0B,MAChE,MAAa,yBACR,MAAM,QAAQ,CAAK,IAAI,EAAM,KAAI,MAAO,OAAO,EAAI,EAAE,CAAC,CAAC,KAAK,IAAI,OAAO,EAAM,KAGlF,MAAa,sBAAsB,OAAO,KAAU,WAC/C,EAAwB,SAAS,CAAiD,IACrF,4BAA4B,EAAM,KAClC,IAGC,MAAM,QAAQ,CAAK,IAAI,EAAM,KAAK,IAAI,GAC5C,CAAC,CAAC,GAEC,IAAe,GAClB,GAAU,MACT,OAAO,KAAU,YAAY,MAAM,QAAQ,CAAK,IAC5C,GAAE,mBAAmB,MAAa,EAAuB,GAAO,CAAQ,EAAC,IACzE;GACG,0BAA0B,MAAa,EAAuB,GAAO,QAAQ,CAAQ;GACrF,2BAA2B,MAAa,EAAuB,GAAO,SAAS,CAAQ;GACvF,wBAAwB,MAAa,EAAuB,GAAO,MAAM,CAAQ;CACpF,GACN,CAAC,CAAsB,CACzB,GAEM,IAAW,GACd,GAAK,GAAU,MAAU;EACxB,AAAI,KACF,OAAO,OAAO,GAAK,EAAa,GAAU,CAAK,CAAC;CAEpD,GACA,CAAC,CAAY,CACf,GAEM,IAAyB,QACvB,EAAqB,GAAmB,mBAAmB,GACjE,CAAC,GAAmB,CAAoB,CAC1C,GACM,IAAuB,QACrB,EAAqB,GAAiB,iBAAiB,GAC7D,CAAC,GAAiB,CAAoB,CACxC,GAEM,IAAmB,QAAc;EACrC,IAAM,IAAY,CAAC;EAOnB,OALA,EAAS,GAAW,oBAAoB,CAAe,GACvD,EAAS,GAAW,wBAAwB,CAAkB,GAC9D,EAAS,GAAW,6BAA6B,CAAuB,GACxE,EAAS,GAAW,yBAAyB,CAAmB,GAEzD;CACT,GAAG;EAAC;EAAU;EAAiB;EAAoB;EAAyB;CAAmB,CAAC;CAEhG,OACE,kBAAC,GAAD;EACO;EACL,WAAW,EACT,EAAO,SACP,GACA,GACA,KAAW,EAAO,qBAClB,CACF;EACA,eAAa,KAAU,EAAQ;EAC/B,OAAO;GAAC,GAAG;GAAkB,GAAG;EAAK;EACrC,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW,EAAK,EAAO,oBAAuB,KAAa,EAAO,gCAAgC;GAClG,eAAa,EAAQ;GAEpB;EACE,CAAA;CACI,CAAA;AAEf,CACF"}

package/esm/Section/Section.module.js

@@ -1,6 +1,7 @@
-import './Section.module-B8zA8qj8.css';var e = {
-	Section: "Primer_Brand__Section-module__Section___O2zvq",
-	Section__container: "Primer_Brand__Section-module__Section__container___xy9DV",
+import './Section.module-B8zA8qj8.css';//#region src/Section/Section.module.css
+var e = "Primer_Brand__Section-module__Section___O2zvq", t = "Primer_Brand__Section-module__Section__container___xy9DV", n = {
+	Section: e,
+	Section__container: t,
 	"Section__container--fullWidth": "Primer_Brand__Section-module__Section__container--fullWidth___5sU9n",
 	"Section--rounded": "Primer_Brand__Section-module__Section--rounded___9qxrG",
 	"Section--paddingBlockStart-none": "Primer_Brand__Section-module__Section--paddingBlockStart-none___4vMFc",
@@ -37,6 +38,6 @@ import './Section.module-B8zA8qj8.css';var e = {
 	"Section-wide--paddingBlockEnd-spacious": "Primer_Brand__Section-module__Section-wide--paddingBlockEnd-spacious___xovw1"
 };
 //#endregion
-export { e as default };
+export { e as Section, t as Section__container, n as default };
 
 //# sourceMappingURL=Section.module.js.map

package/esm/SectionIntro/SectionIntro.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../animation/useAnimation.js";
 import { Text as n } from "../Text/Text.js";
 import { TextCursorAnimation as r } from "../TextCursorAnimation/TextCursorAnimation.js";

package/esm/SectionIntro/SectionIntro.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionIntro.js","names":[],"sources":["../../src/SectionIntro/SectionIntro.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useMemo, type Ref, useCallback} from 'react'\nimport {clsx} from 'clsx'\nimport {Link, LinkProps} from '../Link'\nimport {Heading, HeadingProps, defaultHeadingTag} from '../Heading'\nimport {Text, TextProps} from '../Text'\nimport {TextCursorAnimation} from '../TextCursorAnimation'\nimport {useAnimation} from '../animation'\n\nimport styles from './SectionIntro.module.css'\n\nimport type {BaseProps} from '../component-helpers'\n\nexport type SectionIntroProps = {\n  align?: 'start' | 'center'\n  fullWidth?: boolean\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  leadingComponent?: React.FunctionComponent\n} & React.HTMLAttributes<HTMLHeadingElement> &\n  BaseProps<HTMLHeadingElement>\n\nconst Root = forwardRef<HTMLHeadingElement, PropsWithChildren<SectionIntroProps>>(\n  (\n    {\n      align = 'start',\n      animate,\n      className,\n      children,\n      fullWidth = false,\n      leadingComponent: LeadingComponent,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    return (\n      <header\n        ref={ref}\n        className={clsx(\n          styles.SectionIntro,\n          styles[`SectionIntro--align-${align}`],\n          fullWidth && styles['SectionIntro--full-width'],\n          animationClasses,\n          className,\n        )}\n        {...props}\n        style={{...animationInlineStyles, ...style}}\n      >\n        {LeadingComponent && <LeadingComponent />}\n        {children}\n      </header>\n    )\n  },\n)\n\ntype SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps\n\nconst defaultHeadingSize = '4'\n\nconst _Heading = forwardRef(\n  (\n    {\n      as = defaultHeadingTag,\n      size = defaultHeadingSize,\n      className,\n      children,\n      ...props\n    }: PropsWithChildren<SectionIntroHeadingProps>,\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[`SectionIntro-heading`],\n          defaultColor === 'muted' && styles[`SectionIntro-heading--muted`],\n          className,\n        )}\n        size={size}\n        as={as}\n        {...props}\n      >\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype SectionIntroDescriptionProps = BaseProps<HTMLParagraphElement> & {\n  children: React.ReactNode | React.ReactNode[]\n}\n\nconst _Description = forwardRef(\n  ({className, children, ...props}: SectionIntroDescriptionProps, ref: Ref<HTMLParagraphElement>) => {\n    return (\n      <Text as=\"p\" className={clsx(styles['SectionIntro-description'], className)} ref={ref} variant=\"muted\" {...props}>\n        {children}\n      </Text>\n    )\n  },\n)\n\nexport type SectionIntroLabelProps = Omit<TextProps, 'as' | 'ref' | 'animate'> &\n  Omit<BaseProps<HTMLSpanElement>, 'animate'> & {\n    animate?: boolean\n    animationDelay?: number\n  }\n\nconst _Label = forwardRef<HTMLSpanElement, PropsWithChildren<SectionIntroLabelProps>>(\n  (\n    {\n      children,\n      className,\n      variant = 'muted',\n      animate = false,\n      animationDelay = 1000,\n      ...rest\n    }: PropsWithChildren<SectionIntroLabelProps>,\n    ref,\n  ) => {\n    return (\n      <span ref={ref} className={clsx(styles['SectionIntro-label'], className)} {...rest}>\n        <TextCursorAnimation variant={variant} animate={animate} delay={animationDelay}>\n          {children}\n        </TextCursorAnimation>\n      </span>\n    )\n  },\n)\n\ntype SectionIntroLinkProps = Omit<LinkProps, 'size'> & BaseProps<HTMLAnchorElement>\n\nconst _Link = forwardRef(\n  ({className, children, variant = 'accent', ...props}: SectionIntroLinkProps, ref: Ref<HTMLAnchorElement>) => {\n    return (\n      <Link\n        ref={ref}\n        className={clsx(styles['SectionIntro-link'], className)}\n        size=\"medium\"\n        variant={variant}\n        {...props}\n      >\n        {children}\n      </Link>\n    )\n  },\n)\n\nexport const SectionIntro = Object.assign(Root, {\n  Heading: _Heading,\n  Description: _Description,\n  Link: _Link,\n  Label: _Label,\n})\n"],"mappings":";;;;;;;;;;AAyBA,IAAM,IAAO,GAET,EACE,WAAQ,SACR,YACA,cACA,aACA,eAAY,IACZ,kBAAkB,GAClB,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ;AAExF,QACE,kBAAC,UAAD;EACO;EACL,WAAW,EACT,EAAO,cACP,EAAO,uBAAuB,MAC9B,KAAa,EAAO,6BACpB,GACA,EACD;EACD,GAAI;EACJ,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;YAV7C,CAYG,KAAoB,kBAAC,GAAD,EAAoB,CAAA,EACxC,EACM;;EAGd,EAIK,IAAqB,KAErB,IAAW,GAEb,EACE,QAAK,GACL,UAAO,GACP,cACA,aACA,GAAG,KAEL,MACG;CACH,IAAM,IAAgB,QAAc,EAAM,SAAS,QAAQ,EAAS,EAAE,CAAC,EAAS,CAAC,EAE3E,IAAwB,QACxB,EAAc,MAAK,MAAS,EAAM,eAAe,EAAM,KAAK,EAAM,SAAS,OAAO,EAAM,SAAS,MAAM,GAClG,UAEF,WACN,CAAC,EAAc,CAAC,EAEb,IAAe,EAAc,WAAW,IAAI,YAAY,GAAuB;AAErF,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EACT,EAAO,yBACP,MAAiB,WAAW,EAAO,gCACnC,EACD;EACK;EACF;EACJ,GAAI;EAEH;EACO,CAAA;EAGf,EAMK,IAAe,GAClB,EAAC,cAAW,aAAU,GAAG,KAAsC,MAE5D,kBAAC,GAAD;CAAM,IAAG;CAAI,WAAW,EAAK,EAAO,6BAA6B,EAAU;CAAO;CAAK,SAAQ;CAAQ,GAAI;CACxG;CACI,CAAA,CAGZ,EAQK,IAAS,GAEX,EACE,aACA,cACA,aAAU,SACV,aAAU,IACV,oBAAiB,KACjB,GAAG,KAEL,MAGE,kBAAC,QAAD;CAAW;CAAK,WAAW,EAAK,EAAO,uBAAuB,EAAU;CAAE,GAAI;WAC5E,kBAAC,GAAD;EAA8B;EAAkB;EAAS,OAAO;EAC7D;EACmB,CAAA;CACjB,CAAA,CAGZ,EAIK,IAAQ,GACX,EAAC,cAAW,aAAU,aAAU,UAAU,GAAG,KAA+B,MAEzE,kBAAC,GAAD;CACO;CACL,WAAW,EAAK,EAAO,sBAAsB,EAAU;CACvD,MAAK;CACI;CACT,GAAI;CAEH;CACI,CAAA,CAGZ,EAEY,IAAe,OAAO,OAAO,GAAM;CAC9C,SAAS;CACT,aAAa;CACb,MAAM;CACN,OAAO;CACR,CAAC"}
+{"version":3,"file":"SectionIntro.js","names":[],"sources":["../../src/SectionIntro/SectionIntro.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useMemo, type Ref, useCallback} from 'react'\nimport {clsx} from 'clsx'\nimport {Link, LinkProps} from '../Link'\nimport {Heading, HeadingProps, defaultHeadingTag} from '../Heading'\nimport {Text, TextProps} from '../Text'\nimport {TextCursorAnimation} from '../TextCursorAnimation'\nimport {useAnimation} from '../animation'\n\nimport styles from './SectionIntro.module.css'\n\nimport type {BaseProps} from '../component-helpers'\n\nexport type SectionIntroProps = {\n  align?: 'start' | 'center'\n  fullWidth?: boolean\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  leadingComponent?: React.FunctionComponent\n} & React.HTMLAttributes<HTMLHeadingElement> &\n  BaseProps<HTMLHeadingElement>\n\nconst Root = forwardRef<HTMLHeadingElement, PropsWithChildren<SectionIntroProps>>(\n  (\n    {\n      align = 'start',\n      animate,\n      className,\n      children,\n      fullWidth = false,\n      leadingComponent: LeadingComponent,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    return (\n      <header\n        ref={ref}\n        className={clsx(\n          styles.SectionIntro,\n          styles[`SectionIntro--align-${align}`],\n          fullWidth && styles['SectionIntro--full-width'],\n          animationClasses,\n          className,\n        )}\n        {...props}\n        style={{...animationInlineStyles, ...style}}\n      >\n        {LeadingComponent && <LeadingComponent />}\n        {children}\n      </header>\n    )\n  },\n)\n\ntype SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps\n\nconst defaultHeadingSize = '4'\n\nconst _Heading = forwardRef(\n  (\n    {\n      as = defaultHeadingTag,\n      size = defaultHeadingSize,\n      className,\n      children,\n      ...props\n    }: PropsWithChildren<SectionIntroHeadingProps>,\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[`SectionIntro-heading`],\n          defaultColor === 'muted' && styles[`SectionIntro-heading--muted`],\n          className,\n        )}\n        size={size}\n        as={as}\n        {...props}\n      >\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype SectionIntroDescriptionProps = BaseProps<HTMLParagraphElement> & {\n  children: React.ReactNode | React.ReactNode[]\n}\n\nconst _Description = forwardRef(\n  ({className, children, ...props}: SectionIntroDescriptionProps, ref: Ref<HTMLParagraphElement>) => {\n    return (\n      <Text as=\"p\" className={clsx(styles['SectionIntro-description'], className)} ref={ref} variant=\"muted\" {...props}>\n        {children}\n      </Text>\n    )\n  },\n)\n\nexport type SectionIntroLabelProps = Omit<TextProps, 'as' | 'ref' | 'animate'> &\n  Omit<BaseProps<HTMLSpanElement>, 'animate'> & {\n    animate?: boolean\n    animationDelay?: number\n  }\n\nconst _Label = forwardRef<HTMLSpanElement, PropsWithChildren<SectionIntroLabelProps>>(\n  (\n    {\n      children,\n      className,\n      variant = 'muted',\n      animate = false,\n      animationDelay = 1000,\n      ...rest\n    }: PropsWithChildren<SectionIntroLabelProps>,\n    ref,\n  ) => {\n    return (\n      <span ref={ref} className={clsx(styles['SectionIntro-label'], className)} {...rest}>\n        <TextCursorAnimation variant={variant} animate={animate} delay={animationDelay}>\n          {children}\n        </TextCursorAnimation>\n      </span>\n    )\n  },\n)\n\ntype SectionIntroLinkProps = Omit<LinkProps, 'size'> & BaseProps<HTMLAnchorElement>\n\nconst _Link = forwardRef(\n  ({className, children, variant = 'accent', ...props}: SectionIntroLinkProps, ref: Ref<HTMLAnchorElement>) => {\n    return (\n      <Link\n        ref={ref}\n        className={clsx(styles['SectionIntro-link'], className)}\n        size=\"medium\"\n        variant={variant}\n        {...props}\n      >\n        {children}\n      </Link>\n    )\n  },\n)\n\nexport const SectionIntro = Object.assign(Root, {\n  Heading: _Heading,\n  Description: _Description,\n  Link: _Link,\n  Label: _Label,\n})\n"],"mappings":";;;;;;;;;;AAyBA,IAAM,IAAO,GAET,EACE,WAAQ,SACR,YACA,cACA,aACA,eAAY,IACZ,kBAAkB,GAClB,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,CAAO;CAEvF,OACE,kBAAC,UAAD;EACO;EACL,WAAW,EACT,EAAO,cACP,EAAO,uBAAuB,MAC9B,KAAa,EAAO,6BACpB,GACA,CACF;EACA,GAAI;EACJ,OAAO;GAAC,GAAG;GAAuB,GAAG;EAAK;YAV5C,CAYG,KAAoB,kBAAC,GAAD,CAAmB,CAAA,GACvC,CACK;;AAEZ,CACF,GAIM,IAAqB,KAErB,IAAW,GAEb,EACE,QAAK,GACL,UAAO,GACP,cACA,aACA,GAAG,KAEL,MACG;CACH,IAAM,IAAgB,QAAc,EAAM,SAAS,QAAQ,CAAQ,GAAG,CAAC,CAAQ,CAAC,GAE1E,IAAwB,QACxB,EAAc,MAAK,MAAS,EAAM,eAAe,CAAK,MAAM,EAAM,SAAS,OAAO,EAAM,SAAS,KAAK,IACjG,UAEF,WACN,CAAC,CAAa,CAAC,GAEZ,IAAe,EAAc,WAAW,IAAI,YAAY,EAAsB;CAEpF,OACE,kBAAC,GAAD;EACO;EACL,WAAW,EACT,EAAO,yBACP,MAAiB,WAAW,EAAO,gCACnC,CACF;EACM;EACF;EACJ,GAAI;EAEH;CACM,CAAA;AAEb,CACF,GAMM,IAAe,GAClB,EAAC,cAAW,aAAU,GAAG,KAAsC,MAE5D,kBAAC,GAAD;CAAM,IAAG;CAAI,WAAW,EAAK,EAAO,6BAA6B,CAAS;CAAQ;CAAK,SAAQ;CAAQ,GAAI;CACxG;AACG,CAAA,CAGZ,GAQM,IAAS,GAEX,EACE,aACA,cACA,aAAU,SACV,aAAU,IACV,oBAAiB,KACjB,GAAG,KAEL,MAGE,kBAAC,QAAD;CAAW;CAAK,WAAW,EAAK,EAAO,uBAAuB,CAAS;CAAG,GAAI;WAC5E,kBAAC,GAAD;EAA8B;EAAkB;EAAS,OAAO;EAC7D;CACkB,CAAA;AACjB,CAAA,CAGZ,GAIM,IAAQ,GACX,EAAC,cAAW,aAAU,aAAU,UAAU,GAAG,KAA+B,MAEzE,kBAAC,GAAD;CACO;CACL,WAAW,EAAK,EAAO,sBAAsB,CAAS;CACtD,MAAK;CACI;CACT,GAAI;CAEH;AACG,CAAA,CAGZ,GAEa,IAAe,OAAO,OAAO,GAAM;CAC9C,SAAS;CACT,aAAa;CACb,MAAM;CACN,OAAO;AACT,CAAC"}

package/esm/SectionIntro/SectionIntro.module.js

@@ -1,5 +1,6 @@
-import './SectionIntro.module-BbIW9pPO.css';var e = {
-	SectionIntro: "Primer_Brand__SectionIntro-module__SectionIntro___lKLtX",
+import './SectionIntro.module-BbIW9pPO.css';//#region src/SectionIntro/SectionIntro.module.css
+var e = "Primer_Brand__SectionIntro-module__SectionIntro___lKLtX", t = {
+	SectionIntro: e,
 	"SectionIntro-heading--muted": "Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___KwvDG",
 	"SectionIntro--align-start": "Primer_Brand__SectionIntro-module__SectionIntro--align-start___2iH9X",
 	"SectionIntro--align-center": "Primer_Brand__SectionIntro-module__SectionIntro--align-center___gp5o5",
@@ -10,6 +11,6 @@ import './SectionIntro.module-BbIW9pPO.css';var e = {
 	"SectionIntro-link": "Primer_Brand__SectionIntro-module__SectionIntro-link___fgioV"
 };
 //#endregion
-export { e as default };
+export { e as SectionIntro, t as default };
 
 //# sourceMappingURL=SectionIntro.module.js.map

package/esm/SectionIntroStacked/SectionIntroStacked.d.ts

@@ -26,9 +26,9 @@ export declare const SectionIntroStacked: React.ForwardRefExoticComponent<Omit<R
     Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroStackedHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<SectionIntroStackedDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     Link: React.ForwardRefExoticComponent<Omit<SectionIntroStackedLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    Items: ({ animate, className, children, ...rest }: PropsWithChildren<SectionIntroStackedItemsProps>) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ className, children, ...rest }: PropsWithChildren<SectionIntroStackedItemProps>) => import("react/jsx-runtime").JSX.Element;
-    ItemIcon: ({ className, color, ...props }: SectionIntroStackedItemIconProps) => import("react/jsx-runtime").JSX.Element;
+    Items: ({ animate, className, children, ...rest }: PropsWithChildren<SectionIntroStackedItemsProps>) => React.JSX.Element;
+    Item: ({ className, children, ...rest }: PropsWithChildren<SectionIntroStackedItemProps>) => React.JSX.Element;
+    ItemIcon: ({ className, color, ...props }: SectionIntroStackedItemIconProps) => React.JSX.Element;
     ItemHeading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     ItemDescription: React.ForwardRefExoticComponent<Omit<SectionIntroStackedItemDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 };

package/esm/SectionIntroStacked/SectionIntroStacked.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as 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";

package/esm/SectionIntroStacked/SectionIntroStacked.js.map

@@ -1 +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'\nimport gridlineStyles from '../component-helpers/shared.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          variant === 'gridline' && gridlineStyles.gridline,\n          animationClasses,\n          className,\n        )}\n        {...props}\n        style={{...animationInlineStyles, ...style}}\n      >\n        <Grid fullWidth enableGutters={variant !== 'gridline'} columnGap=\"none\">\n          <Grid.Column span={{large: 6}} className={styles['SectionIntroStacked-content']}>\n            {otherChildren}\n          </Grid.Column>\n          <Grid.Column span={{large: 6}} start={{large: 7}}>\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=\"small\"\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":";;;;;;;;;;;;AAcA,IAAa,IAA8B,CAAC,WAAW,WAAW,EAS5D,IAAO,GACV,EAAC,YAAS,cAAW,aAAU,UAAO,aAAU,WAAW,GAAG,KAAQ,MAAQ;CAC7E,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAgB,EAAM,SAAS,QAAQ,EAAS,EAGhD,IAAQ,EAAc,QAAO,MAAS,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,EAAU,EAE9F,IAAgB,EAAc,QAAO,MAAS,CAAC,EAAM,SAAS,EAAM,CAAC;AAE3E,QACE,kBAAC,UAAD;EACO;EACL,WAAW,EACT,EAAO,qBACP,MAAY,cAAc,EAAO,0CACjC,MAAY,cAAc,EAAe,UACzC,GACA,EACD;EACD,GAAI;EACJ,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;YAE3C,kBAAC,GAAD;GAAM,WAAA;GAAU,eAAe,MAAY;GAAY,WAAU;aAAjE,CACE,kBAAC,EAAK,QAAN;IAAa,MAAM,EAAC,OAAO,GAAE;IAAE,WAAW,EAAO;cAC9C;IACW,CAAA,EACd,kBAAC,EAAK,QAAN;IAAa,MAAM,EAAC,OAAO,GAAE;IAAE,OAAO,EAAC,OAAO,GAAE;cAC7C;IACW,CAAA,CACT;;EACA,CAAA;EAGd,EAIK,IAAqB,KAErB,IAAW,GAEb,EACE,QAAK,GACL,UAAO,GACP,cACA,aACA,GAAG,KAEL,MACG;CACH,IAAM,IAAgB,QAAc,EAAM,SAAS,QAAQ,EAAS,EAAE,CAAC,EAAS,CAAC,EAE3E,IAAwB,QACxB,EAAc,MAAK,MAAS,EAAM,eAAe,EAAM,KAAK,EAAM,SAAS,OAAO,EAAM,SAAS,MAAM,GAClG,UAEF,WACN,CAAC,EAAc,CAAC,EAEb,IAAe,EAAc,WAAW,IAAI,YAAY,GAAuB;AAErF,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EACT,EAAO,gCACP,MAAiB,WAAW,EAAO,uCACnC,EACD;EACK;EACF;EACJ,GAAI;EAEH;EACO,CAAA;EAGf,EAQK,IAAe,GAClB,EAAC,cAAW,aAAU,GAAG,KAA6C,MAEnE,kBAAC,GAAD;CACE,IAAG;CACH,WAAW,EAAK,EAAO,oCAAoC,EAAU;CAChE;CACL,SAAQ;CACR,GAAI;CAEH;CACI,CAAA,CAGZ,EAIK,IAAQ,GAEV,EAAC,cAAW,aAAU,aAAU,UAAU,UAAO,UAAU,GAAG,KAC9D,MAGE,kBAAC,GAAD;CACO;CACL,WAAW,EAAK,EAAO,6BAA6B,EAAU;CACxD;CACG;CACT,GAAI;CAEH;CACI,CAAA,CAGZ,EAIK,KAAa,EAAC,YAAS,cAAW,aAAU,GAAG,QAA4D;CAC/G,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ;AAIxF,QACE,kBAAC,MAAD;EAAI,WAHoB,EAAK,GAAkB,EAAO,8BAA8B,EAGrE;EAAmB,OAAO,EAAC,GAAG,GAAsB;EAAE,GAAI;EACtE;EACE,CAAA;GAMH,KAAY,EAAC,cAAW,WAAQ,SAAS,GAAG,QAE9C,kBAAC,GAAD;CACE,WAAW,EAAK,EAAO,+BAAkC,EAAU;CACnE,eAAA;CACA,MAAK;CACE;CACP,GAAI;CACJ,CAAA,EAMA,IAAc,GAEhB,EACE,QAAK,MACL,UAAO,iBACP,cACA,aACA,GAAG,KAEL,MAGE,kBAAC,GAAD;CACO;CACD;CACE;CACN,WAAW,EAAK,EAAO,kCAAqC,EAAU;CACtE,GAAI;CAEH;CACO,CAAA,CAGf,EAQK,IAAkB,GACrB,EAAC,cAAW,aAAU,GAAG,KAAiD,MAEvE,kBAAC,GAAD;CACE,IAAG;CACH,SAAQ;CACR,MAAK;CACL,WAAW,EAAK,EAAO,sCAAyC,EAAU;CACrE;CACL,GAAI;CAEH;CACI,CAAA,CAGZ,EAmDY,IAAsB,OAAO,OAAO,GAAM;CACrD,SAAS;CACT,aAAa;CACb,MAAM;CACN,OAAO;CACP,OApDgB,EAAC,cAAW,aAAU,GAAG,QAA2D;EACpG,IAAM,IAAgB,EAAK,EAAO,iCAAiC,EAAU,EACvE,IAAgB,QAAc,EAAM,SAAS,QAAQ,EAAS,EAAE,CAAC,EAAS,CAAC;AAQjF,MANyB,EAAc,MACrC,MACE,EAAM,eAAe,EAAM,KAC1B,EAAM,SAAS,KAAY,EAAM,SAAS,KAAe,EAAM,SAAS,GAGzE,EAAkB;GACpB,IAAM,IAAY,EAAc,MAAK,MAAS,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,EAAS,EAE/F,IAAkB,EAAc,QAAO,MAAS,EAAE,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,GAAU;AAEhH,UACE,kBAAC,MAAD;IAAI,WAAW,EAAK,GAAe,CAAC,CAAC,KAAa,EAAO,2CAA2C;IAAE,GAAI;cAA1G,CACG,GACD,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAsC;KAAsB,CAAA,CAChF;;;EAWT,IAAM,IAAe,EAAc,WAAW,IAAI,YAN5C,EAAc,MAAK,MAAS,EAAM,eAAe,EAAM,KAAK,EAAM,SAAS,OAAO,EAAM,SAAS,MAAM,GAClG,UAEF;AAIT,SACE,kBAAC,MAAD;GAAI,WAAW;GAAe,GAAI;aAChC,kBAAC,GAAD;IACE,IAAG;IACH,WAAW,EACT,EAAO,uCACP,MAAiB,WAAW,EAAO,6CACpC;IACD,MAAK;IAEJ;IACI,CAAA;GACJ,CAAA;;CAUP;CACA;CACA;CACD,CAAC"}
+{"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'\nimport gridlineStyles from '../component-helpers/shared.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          variant === 'gridline' && gridlineStyles.gridline,\n          animationClasses,\n          className,\n        )}\n        {...props}\n        style={{...animationInlineStyles, ...style}}\n      >\n        <Grid fullWidth enableGutters={variant !== 'gridline'} columnGap=\"none\">\n          <Grid.Column span={{large: 6}} className={styles['SectionIntroStacked-content']}>\n            {otherChildren}\n          </Grid.Column>\n          <Grid.Column span={{large: 6}} start={{large: 7}}>\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=\"small\"\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.js

@@ -1,5 +1,6 @@
-import './SectionIntroStacked.module-w4PEL6ek.css';var e = {
-	SectionIntroStacked: "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked___UM_8Y",
+import './SectionIntroStacked.module-w4PEL6ek.css';//#region src/SectionIntroStacked/SectionIntroStacked.module.css
+var e = "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked___UM_8Y", t = "Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__content___kUlfY", n = "Primer_Brand__SectionIntroStacked-module__SectionIntroStackedItem__icon___PkmCx", r = {
+	SectionIntroStacked: e,
 	"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",
@@ -12,10 +13,10 @@ import './SectionIntroStacked.module-w4PEL6ek.css';var e = {
 	"SectionIntroStacked-content": "Primer_Brand__SectionIntroStacked-module__SectionIntroStacked-content___Sh_hs",
 	"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"
+	SectionIntroStackedItem__content: t,
+	SectionIntroStackedItem__icon: n
 };
 //#endregion
-export { e as default };
+export { e as SectionIntroStacked, t as SectionIntroStackedItem__content, n as SectionIntroStackedItem__icon, r as default };
 
 //# sourceMappingURL=SectionIntroStacked.module.js.map

package/esm/Stack/Stack.js

@@ -1,5 +1,5 @@
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-SXubYfUg.css';/* empty css                                                                          */
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { BaseSizeScale as t } from "../constants.js";
 import { useAnimation as n } from "../animation/useAnimation.js";
 import r from "./Stack.module.js";

package/esm/Stack/Stack.js.map

@@ -1 +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"}
+{"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,UAAU,GAElD,IAAwB,EAAuB,IAE/C,IAAuB;CAAC;CAAQ;CAAa;CAAU;CAAY,GAAG;AAAa,GAEnF,IAAsB,EAAqB,IAE3C,IAAyB;CAAC;CAAU;CAAc;AAAU,GAG5D,IAAwB,CAAC,QAAQ,QAAQ,GAGzC,IAA8B;CACzC,GAAG;CACH;CACA;CACA;AACF,GA0La,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,CAAO,GAEjF,IAAiB,QAEnB,OAAO,KAAc,WACjB,EAAO,UAAU,OACjB,OAAO,KAAK,CAAS,CAAC,CACnB,KAAI,MAAY,EAAO,SAAS,EAAS,IAAI,EAAU,KAAY,CAAC,CACpE,KAAK,GAAG,GACjB,CAAC,CAAS,CACZ,GAEM,IAAW,QAEb,OAAO,KAAQ,YAAY,OAAO,KAAQ,WACtC,EAAO,cAAc,OACrB,OAAO,KAAK,CAAG,CAAC,CACb,KAAI,MAAY,EAAO,SAAS,EAAS,QAAQ,EAAI,KAAY,CAAC,CAClE,KAAK,GAAG,GACjB,CAAC,CAAG,CACN,GAEM,IAAe,QAEjB,OAAO,KAAY,YAAY,OAAO,KAAY,WAC9C,EAAO,kBAAkB,OACzB,OAAO,KAAK,CAAO,CAAC,CACjB,KAAI,MAAY,EAAO,SAAS,EAAS,YAAY,EAAQ,KAAY,CAAC,CAC1E,KAAK,GAAG,GACjB,CAAC,CAAO,CACV,GAEM,IAAkB,QAEpB,OAAO,KAAe,WAClB,EAAO,sBAAsB,OAC7B,OAAO,KAAe,WACtB,OAAO,KAAK,CAAU,CAAC,CACpB,KAAI,MAAY,EAAO,SAAS,EAAS,gBAAgB,EAAW,KAAY,CAAC,CACjF,KAAK,GAAG,IACX,MACN,CAAC,CAAU,CACb,GAEM,IAAsB,QAExB,OAAO,KAAmB,WACtB,EAAO,0BAA0B,OACjC,OAAO,KAAmB,WAC1B,OAAO,KAAK,CAAc,CAAC,CACxB,KAAI,MAAY,EAAO,SAAS,EAAS,oBAAoB,EAAe,KAAY,CAAC,CACzF,KAAK,GAAG,IACX,MACN,CAAC,CAAc,CACjB,GAEM,IAAgB,QAElB,OAAO,KAAa,WAChB,EAAO,mBAAmB,OAC1B,OAAO,KAAa,WACpB,OAAO,KAAK,CAAQ,CAAC,CAClB,KAAI,MAAY,EAAO,SAAS,EAAS,aAAa,EAAS,KAAY,CAAC,CAC5E,KAAK,GAAG,IACX,MACN,CAAC,CAAQ,CACX;CAEA,OACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,GACA,EAAO,OACP,GACA,GACA,GACA,GACA,GACA,GACA,CACF;EACA,OAAO;GAAC,GAAG;GAAuB,GAAG;EAAK;EAC1C,GAAI;EAEH;CACE,CAAA;AAET,CAMyC"}

package/esm/Stack/Stack.module.js

@@ -1,5 +1,6 @@
-import './Stack.module-BlpDkOqI.css';var e = {
-	Stack: "Primer_Brand__Stack-module__Stack___kkChc",
+import './Stack.module-BlpDkOqI.css';//#region src/Stack/Stack.module.css
+var e = "Primer_Brand__Stack-module__Stack___kkChc", t = {
+	Stack: e,
 	"Stack--vertical": "Primer_Brand__Stack-module__Stack--vertical___bDZvE",
 	"Stack--horizontal": "Primer_Brand__Stack-module__Stack--horizontal___SffMX",
 	"Stack-narrow--vertical": "Primer_Brand__Stack-module__Stack-narrow--vertical___IAUDe",
@@ -238,6 +239,6 @@ import './Stack.module-BlpDkOqI.css';var e = {
 	"Stack-wide-flexWrap--no-wrap": "Primer_Brand__Stack-module__Stack-wide-flexWrap--no-wrap___7PGRZ"
 };
 //#endregion
-export { e as default };
+export { e as Stack, t as default };
 
 //# sourceMappingURL=Stack.module.js.map

package/esm/Statistic/Statistic.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../animation/useAnimation.js";
 import { Text as n } from "../Text/Text.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/statistic/base-DWOQrMC8.css';/* empty css                                                                                          */

package/esm/Statistic/Statistic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Statistic.js","names":[],"sources":["../../src/Statistic/Statistic.tsx"],"sourcesContent":["import React, {PropsWithChildren, forwardRef, useMemo} from 'react'\nimport {clsx} from 'clsx'\n\nimport {Text, TextProps, useAnimation} from '../'\n\nimport type {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/statistic/base.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Statistic.module.css'\n\nexport const StatisticSizes = ['small', 'medium', 'large'] as const\nexport const StatisticSpacingValues = ['none', 'condensed', 'normal', 'spacious'] as const\n\ntype StatisticSpacingValues = (typeof StatisticSpacingValues)[number]\n\nexport type StatisticSize = (typeof StatisticSizes)[number]\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\nexport type StatisticProps = BaseProps<HTMLAnchorElement> & {\n  /**\n   * The size of the Statistic\n   */\n  size?: StatisticSize\n  /**\n   * Adding padding to all internal sides of the component\n   */\n  padding?: StatisticSpacingValues | ResponsiveMap<StatisticSpacingValues>\n  /**\n   * Specify alternative  appearance\n   */\n  variant?: 'default' | 'boxed'\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  leadingComponent?: React.FunctionComponent\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  trailingComponent?: React.FunctionComponent\n  /**\n   * Optional attirbute for testing\n   */\n  ['data-testid']?: string\n} & BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement>\n\nconst testIds = {\n  root: 'Statistic',\n}\n\nconst _HeadingSizeMap: {\n  [key in StatisticSize]: TextProps['size']\n} = {\n  small: '600',\n  medium: '800',\n  large: '1000',\n}\n\nconst classBuilder = (property: string, value?: StatisticSpacingValues | ResponsiveMap<StatisticSpacingValues>) => {\n  if (!value) return ''\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return styles[`Statistic--${property}-${value}`]\n  } else {\n    return Object.keys(value)\n      .map(viewport => styles[`Statistic--${viewport}-${property}-${value[viewport]}`])\n      .join(' ')\n  }\n}\n\nconst _Statistic = forwardRef<HTMLDivElement, PropsWithChildren<StatisticProps>>(\n  (\n    {\n      animate,\n      className,\n      children,\n      'data-testid': testId,\n      size = 'large',\n      variant = 'default',\n      padding = 'none',\n      leadingComponent: LeadingComponent,\n      trailingComponent: TrailingComponent,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n    const paddingClasses = useMemo(() => classBuilder('padding', padding), [padding])\n\n    type HeadingElement = React.ReactElement<React.ComponentProps<typeof StatisticHeading>>\n    type DescriptionElement = React.ReactElement<React.ComponentProps<typeof StatisticDescription>>\n\n    const headingChild = useMemo(() => {\n      const candidate = React.Children.toArray(children).find(child => {\n        return (\n          React.isValidElement<React.ComponentProps<typeof StatisticHeading>>(child) && child.type === StatisticHeading\n        )\n      })\n\n      return React.isValidElement<React.ComponentProps<typeof StatisticHeading>>(candidate)\n        ? (candidate as HeadingElement)\n        : undefined\n    }, [children])\n\n    const descriptionChild = useMemo(() => {\n      const candidate = React.Children.toArray(children).find(child => {\n        return (\n          React.isValidElement<React.ComponentProps<typeof StatisticDescription>>(child) &&\n          child.type === StatisticDescription\n        )\n      })\n\n      return React.isValidElement<React.ComponentProps<typeof StatisticDescription>>(candidate)\n        ? (candidate as DescriptionElement)\n        : undefined\n    }, [children])\n\n    let headingToRender = headingChild\n\n    /**\n     * To aid assistive technology, we append the optional description to the heading\n     */\n    if (descriptionChild && headingToRender) {\n      headingToRender = React.cloneElement(headingToRender, {\n        children: (\n          <>\n            {headingToRender.props.children} {descriptionChild}\n          </>\n        ),\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.Statistic,\n          styles[`Statistic--variant-${variant}`],\n          paddingClasses,\n          animationClasses,\n          className,\n        )}\n        style={{...animationInlineStyles, ...style}}\n        data-testid={testId || testIds.root}\n        {...rest}\n      >\n        {LeadingComponent && <LeadingComponent />}\n\n        {headingToRender &&\n          React.cloneElement(headingToRender, {\n            size: headingToRender.props.size || _HeadingSizeMap[size],\n          })}\n\n        {TrailingComponent && <TrailingComponent />}\n      </div>\n    )\n  },\n)\n\ntype StatisticHeadingProps = TextProps\n\nconst StatisticHeading = forwardRef<HTMLParagraphElement, StatisticHeadingProps>(\n  ({as = 'p', className, children, font = 'hubot-sans', weight = 'medium', size = '1000', ...rest}, ref) => {\n    return (\n      <Text\n        as={as}\n        ref={ref}\n        className={clsx(styles[`Statistic__heading`], className)}\n        font={font}\n        weight={weight}\n        size={size}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype StatisticDescriptionProps = BaseProps<HTMLSpanElement> &\n  Omit<TextProps, 'variant' | 'as'> & {\n    variant?: 'default' | 'muted' | 'accent'\n  }\n\nconst StatisticDescription = forwardRef<HTMLSpanElement, PropsWithChildren<StatisticDescriptionProps>>(\n  ({children, className, size = '300', variant = 'muted', ...rest}, ref) => {\n    return (\n      <Text\n        variant={variant !== 'accent' ? variant : 'muted'}\n        ref={ref}\n        size={size}\n        font=\"mona-sans\"\n        className={clsx(styles['Statistic__description'], styles[`Statistic__description--${variant}`], className)}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\n/**\n * Use the statistic component display concise numerical information\n * @see https://primer.style/brand/components/Statistic\n */\nexport const Statistic = Object.assign(_Statistic, {\n  Heading: StatisticHeading,\n  Description: StatisticDescription,\n  testIds,\n})\n"],"mappings":";;;;;;;;AAeA,IAAa,IAAiB;CAAC;CAAS;CAAU;CAAQ,EAC7C,IAAyB;CAAC;CAAQ;CAAa;CAAU;CAAW,EA8C3E,IAAU,EACd,MAAM,aACP,EAEK,IAEF;CACF,OAAO;CACP,QAAQ;CACR,OAAO;CACR,EAEK,KAAgB,GAAkB,MACjC,IAED,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,EAAO,cAAc,EAAS,GAAG,OAEjC,OAAO,KAAK,EAAM,CACtB,KAAI,MAAY,EAAO,cAAc,EAAS,GAAG,EAAS,GAAG,EAAM,MAAa,CAChF,KAAK,IAAI,GAPK,IAWf,IAAa,GAEf,EACE,YACA,cACA,aACA,eAAe,GACf,UAAO,SACP,aAAU,WACV,aAAU,QACV,kBAAkB,GAClB,mBAAmB,GACnB,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAClF,IAAiB,QAAc,EAAa,WAAW,EAAQ,EAAE,CAAC,EAAQ,CAAC,EAK3E,IAAe,QAAc;EACjC,IAAM,IAAY,EAAM,SAAS,QAAQ,EAAS,CAAC,MAAK,MAEpD,EAAM,eAA8D,EAAM,IAAI,EAAM,SAAS,EAE/F;AAEF,SAAO,EAAM,eAA8D,EAAU,GAChF,IACD,KAAA;IACH,CAAC,EAAS,CAAC,EAER,IAAmB,QAAc;EACrC,IAAM,IAAY,EAAM,SAAS,QAAQ,EAAS,CAAC,MAAK,MAEpD,EAAM,eAAkE,EAAM,IAC9E,EAAM,SAAS,EAEjB;AAEF,SAAO,EAAM,eAAkE,EAAU,GACpF,IACD,KAAA;IACH,CAAC,EAAS,CAAC,EAEV,IAAkB;AAetB,QAVI,KAAoB,MACtB,IAAkB,EAAM,aAAa,GAAiB,EACpD,UACE,kBAAA,GAAA,EAAA,UAAA;EACG,EAAgB,MAAM;EAAS;EAAE;EACjC,EAAA,CAAA,EAEN,CAAC,GAIF,kBAAC,OAAD;EACO;EACL,WAAW,EACT,EAAO,WACP,EAAO,sBAAsB,MAC7B,GACA,GACA,EACD;EACD,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,eAAa,KAAU,EAAQ;EAC/B,GAAI;YAXN;GAaG,KAAoB,kBAAC,GAAD,EAAoB,CAAA;GAExC,KACC,EAAM,aAAa,GAAiB,EAClC,MAAM,EAAgB,MAAM,QAAQ,EAAgB,IACrD,CAAC;GAEH,KAAqB,kBAAC,GAAD,EAAqB,CAAA;GACvC;;EAGX,EAIK,IAAmB,GACtB,EAAC,QAAK,KAAK,cAAW,aAAU,UAAO,cAAc,YAAS,UAAU,UAAO,QAAQ,GAAG,KAAO,MAE9F,kBAAC,GAAD;CACM;CACC;CACL,WAAW,EAAK,EAAO,oBAAuB,EAAU;CAClD;CACE;CACF;CACN,GAAI;CAEH;CACI,CAAA,CAGZ,EAOK,IAAuB,GAC1B,EAAC,aAAU,cAAW,UAAO,OAAO,aAAU,SAAS,GAAG,KAAO,MAE9D,kBAAC,GAAD;CACE,SAAS,MAAY,WAAqB,UAAV;CAC3B;CACC;CACN,MAAK;CACL,WAAW,EAAK,EAAO,wBAA2B,EAAO,2BAA2B,MAAY,EAAU;CAC1G,GAAI;CAEH;CACI,CAAA,CAGZ,EAMY,IAAY,OAAO,OAAO,GAAY;CACjD,SAAS;CACT,aAAa;CACb;CACD,CAAC"}
+{"version":3,"file":"Statistic.js","names":[],"sources":["../../src/Statistic/Statistic.tsx"],"sourcesContent":["import React, {PropsWithChildren, forwardRef, useMemo} from 'react'\nimport {clsx} from 'clsx'\n\nimport {Text, TextProps, useAnimation} from '../'\n\nimport type {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/statistic/base.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Statistic.module.css'\n\nexport const StatisticSizes = ['small', 'medium', 'large'] as const\nexport const StatisticSpacingValues = ['none', 'condensed', 'normal', 'spacious'] as const\n\ntype StatisticSpacingValues = (typeof StatisticSpacingValues)[number]\n\nexport type StatisticSize = (typeof StatisticSizes)[number]\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\nexport type StatisticProps = BaseProps<HTMLAnchorElement> & {\n  /**\n   * The size of the Statistic\n   */\n  size?: StatisticSize\n  /**\n   * Adding padding to all internal sides of the component\n   */\n  padding?: StatisticSpacingValues | ResponsiveMap<StatisticSpacingValues>\n  /**\n   * Specify alternative  appearance\n   */\n  variant?: 'default' | 'boxed'\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  leadingComponent?: React.FunctionComponent\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  trailingComponent?: React.FunctionComponent\n  /**\n   * Optional attirbute for testing\n   */\n  ['data-testid']?: string\n} & BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement>\n\nconst testIds = {\n  root: 'Statistic',\n}\n\nconst _HeadingSizeMap: {\n  [key in StatisticSize]: TextProps['size']\n} = {\n  small: '600',\n  medium: '800',\n  large: '1000',\n}\n\nconst classBuilder = (property: string, value?: StatisticSpacingValues | ResponsiveMap<StatisticSpacingValues>) => {\n  if (!value) return ''\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return styles[`Statistic--${property}-${value}`]\n  } else {\n    return Object.keys(value)\n      .map(viewport => styles[`Statistic--${viewport}-${property}-${value[viewport]}`])\n      .join(' ')\n  }\n}\n\nconst _Statistic = forwardRef<HTMLDivElement, PropsWithChildren<StatisticProps>>(\n  (\n    {\n      animate,\n      className,\n      children,\n      'data-testid': testId,\n      size = 'large',\n      variant = 'default',\n      padding = 'none',\n      leadingComponent: LeadingComponent,\n      trailingComponent: TrailingComponent,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n    const paddingClasses = useMemo(() => classBuilder('padding', padding), [padding])\n\n    type HeadingElement = React.ReactElement<React.ComponentProps<typeof StatisticHeading>>\n    type DescriptionElement = React.ReactElement<React.ComponentProps<typeof StatisticDescription>>\n\n    const headingChild = useMemo(() => {\n      const candidate = React.Children.toArray(children).find(child => {\n        return (\n          React.isValidElement<React.ComponentProps<typeof StatisticHeading>>(child) && child.type === StatisticHeading\n        )\n      })\n\n      return React.isValidElement<React.ComponentProps<typeof StatisticHeading>>(candidate)\n        ? (candidate as HeadingElement)\n        : undefined\n    }, [children])\n\n    const descriptionChild = useMemo(() => {\n      const candidate = React.Children.toArray(children).find(child => {\n        return (\n          React.isValidElement<React.ComponentProps<typeof StatisticDescription>>(child) &&\n          child.type === StatisticDescription\n        )\n      })\n\n      return React.isValidElement<React.ComponentProps<typeof StatisticDescription>>(candidate)\n        ? (candidate as DescriptionElement)\n        : undefined\n    }, [children])\n\n    let headingToRender = headingChild\n\n    /**\n     * To aid assistive technology, we append the optional description to the heading\n     */\n    if (descriptionChild && headingToRender) {\n      headingToRender = React.cloneElement(headingToRender, {\n        children: (\n          <>\n            {headingToRender.props.children} {descriptionChild}\n          </>\n        ),\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.Statistic,\n          styles[`Statistic--variant-${variant}`],\n          paddingClasses,\n          animationClasses,\n          className,\n        )}\n        style={{...animationInlineStyles, ...style}}\n        data-testid={testId || testIds.root}\n        {...rest}\n      >\n        {LeadingComponent && <LeadingComponent />}\n\n        {headingToRender &&\n          React.cloneElement(headingToRender, {\n            size: headingToRender.props.size || _HeadingSizeMap[size],\n          })}\n\n        {TrailingComponent && <TrailingComponent />}\n      </div>\n    )\n  },\n)\n\ntype StatisticHeadingProps = TextProps\n\nconst StatisticHeading = forwardRef<HTMLParagraphElement, StatisticHeadingProps>(\n  ({as = 'p', className, children, font = 'hubot-sans', weight = 'medium', size = '1000', ...rest}, ref) => {\n    return (\n      <Text\n        as={as}\n        ref={ref}\n        className={clsx(styles[`Statistic__heading`], className)}\n        font={font}\n        weight={weight}\n        size={size}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype StatisticDescriptionProps = BaseProps<HTMLSpanElement> &\n  Omit<TextProps, 'variant' | 'as'> & {\n    variant?: 'default' | 'muted' | 'accent'\n  }\n\nconst StatisticDescription = forwardRef<HTMLSpanElement, PropsWithChildren<StatisticDescriptionProps>>(\n  ({children, className, size = '300', variant = 'muted', ...rest}, ref) => {\n    return (\n      <Text\n        variant={variant !== 'accent' ? variant : 'muted'}\n        ref={ref}\n        size={size}\n        font=\"mona-sans\"\n        className={clsx(styles['Statistic__description'], styles[`Statistic__description--${variant}`], className)}\n        {...rest}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\n/**\n * Use the statistic component display concise numerical information\n * @see https://primer.style/brand/components/Statistic\n */\nexport const Statistic = Object.assign(_Statistic, {\n  Heading: StatisticHeading,\n  Description: StatisticDescription,\n  testIds,\n})\n"],"mappings":";;;;;;;;AAeA,IAAa,IAAiB;CAAC;CAAS;CAAU;AAAO,GAC5C,IAAyB;CAAC;CAAQ;CAAa;CAAU;AAAU,GA8C1E,IAAU,EACd,MAAM,YACR,GAEM,IAEF;CACF,OAAO;CACP,QAAQ;CACR,OAAO;AACT,GAEM,KAAgB,GAAkB,MACjC,IAED,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,EAAO,cAAc,EAAS,GAAG,OAEjC,OAAO,KAAK,CAAK,CAAC,CACtB,KAAI,MAAY,EAAO,cAAc,EAAS,GAAG,EAAS,GAAG,EAAM,KAAY,CAAC,CAChF,KAAK,GAAG,IAPM,IAWf,IAAa,GAEf,EACE,YACA,cACA,aACA,eAAe,GACf,UAAO,SACP,aAAU,WACV,aAAU,QACV,kBAAkB,GAClB,mBAAmB,GACnB,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,CAAO,GACjF,IAAiB,QAAc,EAAa,WAAW,CAAO,GAAG,CAAC,CAAO,CAAC,GAK1E,IAAe,QAAc;EACjC,IAAM,IAAY,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,MAAK,MAEpD,EAAM,eAA8D,CAAK,KAAK,EAAM,SAAS,CAEhG;EAED,OAAO,EAAM,eAA8D,CAAS,IAC/E,IACD,KAAA;CACN,GAAG,CAAC,CAAQ,CAAC,GAEP,IAAmB,QAAc;EACrC,IAAM,IAAY,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,MAAK,MAEpD,EAAM,eAAkE,CAAK,KAC7E,EAAM,SAAS,CAElB;EAED,OAAO,EAAM,eAAkE,CAAS,IACnF,IACD,KAAA;CACN,GAAG,CAAC,CAAQ,CAAC,GAET,IAAkB;CAetB,OAVI,KAAoB,MACtB,IAAkB,EAAM,aAAa,GAAiB,EACpD,UACE,kBAAA,GAAA,EAAA,UAAA;EACG,EAAgB,MAAM;EAAS;EAAE;CAClC,EAAA,CAAA,EAEN,CAAC,IAID,kBAAC,OAAD;EACO;EACL,WAAW,EACT,EAAO,WACP,EAAO,sBAAsB,MAC7B,GACA,GACA,CACF;EACA,OAAO;GAAC,GAAG;GAAuB,GAAG;EAAK;EAC1C,eAAa,KAAU,EAAQ;EAC/B,GAAI;YAXN;GAaG,KAAoB,kBAAC,GAAD,CAAmB,CAAA;GAEvC,KACC,EAAM,aAAa,GAAiB,EAClC,MAAM,EAAgB,MAAM,QAAQ,EAAgB,GACtD,CAAC;GAEF,KAAqB,kBAAC,GAAD,CAAoB,CAAA;EACvC;;AAET,CACF,GAIM,IAAmB,GACtB,EAAC,QAAK,KAAK,cAAW,aAAU,UAAO,cAAc,YAAS,UAAU,UAAO,QAAQ,GAAG,KAAO,MAE9F,kBAAC,GAAD;CACM;CACC;CACL,WAAW,EAAK,EAAO,oBAAuB,CAAS;CACjD;CACE;CACF;CACN,GAAI;CAEH;AACG,CAAA,CAGZ,GAOM,IAAuB,GAC1B,EAAC,aAAU,cAAW,UAAO,OAAO,aAAU,SAAS,GAAG,KAAO,MAE9D,kBAAC,GAAD;CACE,SAAS,MAAY,WAAqB,UAAV;CAC3B;CACC;CACN,MAAK;CACL,WAAW,EAAK,EAAO,wBAA2B,EAAO,2BAA2B,MAAY,CAAS;CACzG,GAAI;CAEH;AACG,CAAA,CAGZ,GAMa,IAAY,OAAO,OAAO,GAAY;CACjD,SAAS;CACT,aAAa;CACb;AACF,CAAC"}

package/esm/Statistic/Statistic.module.js

@@ -1,5 +1,6 @@
-import './Statistic.module-DvdiSbXk.css';var e = {
-	Statistic: "Primer_Brand__Statistic-module__Statistic___tRtgu",
+import './Statistic.module-DvdiSbXk.css';//#region src/Statistic/Statistic.module.css
+var e = "Primer_Brand__Statistic-module__Statistic___tRtgu", t = "Primer_Brand__Statistic-module__Statistic__heading___zkSQX", n = "Primer_Brand__Statistic-module__Statistic__description___6v0Xv", r = {
+	Statistic: e,
 	"Statistic--variant-boxed": "Primer_Brand__Statistic-module__Statistic--variant-boxed___Y0Zpi",
 	"Statistic--padding-none": "Primer_Brand__Statistic-module__Statistic--padding-none___GUt1Q",
 	"Statistic--padding-condensed": "Primer_Brand__Statistic-module__Statistic--padding-condensed___JI2lY",
@@ -17,11 +18,11 @@ import './Statistic.module-DvdiSbXk.css';var e = {
 	"Statistic--wide-padding-normal": "Primer_Brand__Statistic-module__Statistic--wide-padding-normal___VpWHZ",
 	"Statistic--wide-padding-spacious": "Primer_Brand__Statistic-module__Statistic--wide-padding-spacious___55ImP",
 	"Statistic--wide-padding-none": "Primer_Brand__Statistic-module__Statistic--wide-padding-none___36TdO",
-	Statistic__heading: "Primer_Brand__Statistic-module__Statistic__heading___zkSQX",
+	Statistic__heading: t,
 	"Statistic__description--accent": "Primer_Brand__Statistic-module__Statistic__description--accent___yiXP4",
-	Statistic__description: "Primer_Brand__Statistic-module__Statistic__description___6v0Xv"
+	Statistic__description: n
 };
 //#endregion
-export { e as default };
+export { e as Statistic, n as Statistic__description, t as Statistic__heading, r as default };
 
 //# sourceMappingURL=Statistic.module.js.map

package/esm/SubNav/SubNav.d.ts

@@ -41,7 +41,7 @@ type LinkBaseProps = {
 type SubMenuProps = {
     variant?: SubMenuVariants;
 } & React.HTMLAttributes<HTMLUListElement> & BaseProps<HTMLUListElement>;
-declare function SubMenuBase({ children, className, variant, ...props }: SubMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function SubMenuBase({ children, className, variant, ...props }: SubMenuProps): React.JSX.Element;
 type SubNavActionProps = {
     /**
      * Required path or location for the action button to link to.
@@ -56,14 +56,14 @@ type SubNavActionProps = {
      */
     variant?: (typeof ButtonVariants)[number];
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
-declare function ActionBase({ children, href, variant, size, ...rest }: SubNavActionProps): import("react/jsx-runtime").JSX.Element;
+declare function ActionBase({ children, href, variant, size, ...rest }: SubNavActionProps): React.JSX.Element;
 /**
  * Use SubNav to display a secondary navigation beneath a primary header.
  * @see https://primer.style/brand/components/SubNav
  */
 export declare const SubNav: React.NamedExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Heading: ({ href, children, className, "data-testid": testID, ...props }: HeadingBaseProps) => import("react/jsx-runtime").JSX.Element;
-    SubHeading: ({ href, children, className, "data-testid": testID, ...props }: SubHeadingBaseProps) => import("react/jsx-runtime").JSX.Element;
+    Heading: ({ href, children, className, "data-testid": testID, ...props }: HeadingBaseProps) => React.JSX.Element;
+    SubHeading: ({ href, children, className, "data-testid": testID, ...props }: SubHeadingBaseProps) => React.JSX.Element;
     Link: React.ForwardRefExoticComponent<Omit<LinkBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLDivElement>>;
     Action: typeof ActionBase;
     SubMenu: typeof SubMenuBase;

package/esm/SubNav/SubNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAYZ,KAAK,iBAAiB,EAEtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EAAS,WAAW,EAAE,cAAc,EAAQ,SAAS,EAA+B,MAAM,IAAI,CAAA;AAWrG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD;;GAEG;AACH,OAAO,8FAA8F,CAAA;AACrG,OAAO,2GAA2G,CAAA;AA4BlH,eAAO,MAAM,qBAAqB,iCAAkC,CAAA;AACpE,KAAK,eAAe,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC5C,CAAA;AAID,eAAO,MAAM,gBAAgB,yBAM5B,CAAA;AA6CD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AA+PhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAe9B,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAe9B,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AA6J9B,KAAK,YAAY,GAAG;IAClB,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GACxC,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAE7B,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAoB,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,2CAgEvF;AAED,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;CAC1C,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAE/D,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAmB,EAAE,IAAc,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,2CAcpG;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;8EA7SgE,gBAAgB;iFAmBb,mBAAmB;;;;;;;;;;;;;CAiSvG,CAAA"}
+{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAYZ,KAAK,iBAAiB,EAEtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EAAS,WAAW,EAAE,cAAc,EAAQ,SAAS,EAA+B,MAAM,IAAI,CAAA;AAWrG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD;;GAEG;AACH,OAAO,8FAA8F,CAAA;AACrG,OAAO,2GAA2G,CAAA;AA4BlH,eAAO,MAAM,qBAAqB,iCAAkC,CAAA;AACpE,KAAK,eAAe,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC5C,CAAA;AAID,eAAO,MAAM,gBAAgB,yBAM5B,CAAA;AA6CD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AA+PhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAe9B,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAe9B,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,GACvD,SAAS,CAAC,iBAAiB,CAAC,CAAA;AA6J9B,KAAK,YAAY,GAAG;IAClB,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GACxC,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAE7B,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAoB,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,qBAgEvF;AAED,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;CAC1C,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAE/D,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAmB,EAAE,IAAc,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,qBAcpG;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;8EA7SgE,gBAAgB;iFAmBb,mBAAmB;;;;;;;;;;;;;CAiSvG,CAAA"}

package/esm/SubNav/SubNav.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../hooks/useId.js";
 import { useProvidedRefOrCreate as n } from "../hooks/useRef.js";
 import { Text as r } from "../Text/Text.js";
@@ -6,7 +6,8 @@ import { Button as i } from "../Button/Button.js";
 import { ThemeProvider as a } from "../ThemeProvider/ThemeProvider.js";
 import { useOnClickOutside as o } from "../hooks/useOnClickOutside.js";
 import { useKeyboardEscape as s } from "../hooks/useKeyboardEscape.js";
-import { TriangleDownIcon as c, TriangleUpIcon as l } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { TriangleDownIcon as c } from "../node_modules/@primer/octicons-react/dist/icons/TriangleDownIcon.js";
+import { TriangleUpIcon as l } from "../node_modules/@primer/octicons-react/dist/icons/TriangleUpIcon.js";
 import { useWindowSize as u } from "../hooks/useWindowSize.js";
 import { useFocusTrap as d } from "../hooks/useFocusTrap.js";
 import { useContainsFocus as f } from "./useContainsFocus.js";
@@ -87,13 +88,14 @@ var P = y(_(({ id: i, children: a, className: f, "data-testid": g, fullWidth: _,
 	}, [L, U]);
 	let q = W.find((e) => v(e) && !!e.props["aria-current"]);
 	S(() => {
-		te(W.some((e) => {
+		let e = W.some((e) => {
 			if (v(e) && e.type === R) {
 				let t = h.toArray(e.props.children)[1];
 				if (v(t) && t.type === z && t.props.variant === "anchor") return !0;
 			}
 			return !1;
-		}));
+		});
+		te(e);
 	}, [W]);
 	let { heading: J, subheading: Y, links: ne, action: re } = W.reduce((e, t) => {
 		if (v(t)) if (t.type === F) e.heading = t;