npm - @primer/react-brand - Versions diffs - 0.75.0-rc.c3abcc84 → 0.75.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (915) hide show

package/esm/Pillar/Pillar.module.js CHANGED Viewed

@@ -1,17 +1,18 @@
-import './Pillar.module-D_CQtE2q.css';var e = {
-	Pillar: "Primer_Brand__Pillar-module__Pillar___xLPAt",
+import './Pillar.module-D_CQtE2q.css';//#region src/Pillar/Pillar.module.css
+var e = "Primer_Brand__Pillar-module__Pillar___xLPAt", t = "Primer_Brand__Pillar-module__Pillar__image___z4m11", n = "Primer_Brand__Pillar-module__Pillar__icon___4V_g6", r = "Primer_Brand__Pillar-module__Pillar__heading___9r3aH", i = "Primer_Brand__Pillar-module__Pillar__description___WhErW", a = "Primer_Brand__Pillar-module__Pillar__link___4V1wl", o = {
+	Pillar: e,
 	"Pillar--has-max-width": "Primer_Brand__Pillar-module__Pillar--has-max-width___reXfE",
 	"Pillar--has-border": "Primer_Brand__Pillar-module__Pillar--has-border___h8dLv",
 	"Pillar--align-center": "Primer_Brand__Pillar-module__Pillar--align-center___1eAmk",
 	"Pillar--align-start": "Primer_Brand__Pillar-module__Pillar--align-start___kEyp9",
-	Pillar__image: "Primer_Brand__Pillar-module__Pillar__image___z4m11",
-	Pillar__icon: "Primer_Brand__Pillar-module__Pillar__icon___4V_g6",
+	Pillar__image: t,
+	Pillar__icon: n,
 	"Pillar__icon--with-background": "Primer_Brand__Pillar-module__Pillar__icon--with-background___6pK_P",
-	Pillar__heading: "Primer_Brand__Pillar-module__Pillar__heading___9r3aH",
-	Pillar__description: "Primer_Brand__Pillar-module__Pillar__description___WhErW",
-	Pillar__link: "Primer_Brand__Pillar-module__Pillar__link___4V1wl"
+	Pillar__heading: r,
+	Pillar__description: i,
+	Pillar__link: a
 };
 //#endregion
-export { e as default };
+export { e as Pillar, i as Pillar__description, r as Pillar__heading, n as Pillar__icon, t as Pillar__image, a as Pillar__link, o as default };
 //# sourceMappingURL=Pillar.module.js.map

package/esm/PricingOptions/PricingOptions.d.ts CHANGED Viewed

@@ -101,7 +101,7 @@ export declare const PricingOptions: React.ForwardRefExoticComponent<Omit<React.
     FeatureListGroupHeading: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListGroupHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     FeatureListItem: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
     Footnote: React.ForwardRefExoticComponent<Omit<PricingOptionsFootnoteProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    Label: ({ children }: PricingOptionsLabelProps) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ children }: PricingOptionsLabelProps) => React.JSX.Element;
     Heading: React.ForwardRefExoticComponent<Omit<PricingOptionsHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Item: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PricingOptionsItem>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     MenuAction: React.ForwardRefExoticComponent<Omit<PricingOptionsMenuActionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/esm/PricingOptions/PricingOptions.js CHANGED Viewed

@@ -1,13 +1,15 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Text as t } from "../Text/Text.js";
 import { Heading as n } from "../Heading/Heading.js";
 import { Button as r } from "../Button/Button.js";
-import { CheckIcon as i, TriangleDownIcon as a, XIcon as o } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { CheckIcon as i } from "../node_modules/@primer/octicons-react/dist/icons/CheckIcon.js";
+import { TriangleDownIcon as a } from "../node_modules/@primer/octicons-react/dist/icons/TriangleDownIcon.js";
+import { XIcon as o } from "../node_modules/@primer/octicons-react/dist/icons/XIcon.js";
 import { useWindowSize as s } from "../hooks/useWindowSize.js";
 import { Accordion as c } from "../Accordion/Accordion.js";
 import { UnorderedList as l } from "../list/UnorderedList/UnorderedList.js";
 import { Tooltip as u } from "../Tooltip/Tooltip.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options-B9TarQsR.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes-DBi2l0Re.css';/* empty css                                                                                                           */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes-DBi2l0Re.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options-B9TarQsR.css';/* empty css                                                                                                           */
 /* empty css                                                                                                             */
 import d from "./PricingOptions.module.js";
 import f, { forwardRef as p, useMemo as m } from "react";

package/esm/PricingOptions/PricingOptions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PricingOptions.js","names":[],"sources":["../../src/PricingOptions/PricingOptions.tsx"],"sourcesContent":["import React, {forwardRef, HTMLAttributes, PropsWithChildren, useMemo, Ref, Dispatch} from 'react'\nimport {CheckIcon, TriangleDownIcon, XIcon} from '@primer/octicons-react'\nimport {clsx} from 'clsx'\nimport type {ListItemProps} from '../list/ListItem/ListItem'\nimport type {BaseProps} from '../component-helpers'\nimport {Accordion} from '../Accordion/Accordion'\nimport {Button, type ButtonBaseProps} from '../Button'\nimport {Heading as HeadingComponent, type HeadingProps} from '../Heading'\nimport {Text} from '../Text'\nimport {Tooltip} from '../Tooltip'\nimport {useWindowSize} from '../hooks/useWindowSize'\nimport {UnorderedList, type UnorderedListProps} from '../list'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css'\n\n/\n Main stylesheet (as a CSS Module)\n /\nimport styles from './PricingOptions.module.css'\n\ntype AlignOptions = 'start' \| 'center'\n\nexport type PricingOptionsProps = {\n align?: AlignOptions\n variant?: 'default' \| 'default-gradient' \| 'cards' \| 'cards-gradient'\n ['data-testid']?: string\n} & PropsWithChildren<BaseProps<HTMLDivElement>> &\n HTMLAttributes<HTMLDivElement>\n\nconst testIds = {\n root: 'PricingOptions',\n item: 'PricingOptions__item',\n labelRow: 'PricingOptions__labels',\n heading: 'PricingOptions__heading',\n label: 'PricingOptions__label',\n description: 'PricingOptions__description',\n price: 'PricingOptions__price',\n actionsMessage: 'PricingOptions__actionsMessage',\n primaryAction: 'PricingOptions__primaryAction',\n secondaryAction: 'PricingOptions__secondaryAction',\n menuAction: 'PricingOptions__menuAction',\n featureList: 'PricingOptions__featureList',\n featureListHeading: 'PricingOptions__featureListHeading',\n featureListItem: 'PricingOptions__featureListItem',\n featureListGroupHeading: 'PricingOptions__featureListGroupHeading',\n footnote: 'PricingOptions__footnote',\n}\n\ntype PricingOptionsContextValue = {\n align: AlignOptions\n allFeatureListsExpanded: boolean\n updateFeatureListExpanded: Dispatch<boolean>\n featureListUserInteracted: boolean\n setFeatureListUserInteracted: Dispatch<boolean>\n}\n\nconst PricingOptionsContext = React.createContext<PricingOptionsContextValue>({\n align: 'start',\n allFeatureListsExpanded: false,\n featureListUserInteracted: false,\n updateFeatureListExpanded: () => {},\n setFeatureListUserInteracted: () => {},\n})\n\nconst PricingOptionsProvider = ({children, align = 'start'}: PropsWithChildren<{align: AlignOptions}>) => {\n const [allFeatureListsExpanded, setAllFeatureListsExpanded] = React.useState(false)\n const [featureListUserInteracted, setFeatureListUserInteracted] = React.useState(false)\n\n const updateFeatureListExpanded = (newValue: boolean) => {\n setAllFeatureListsExpanded(() => newValue)\n }\n\n return (\n <PricingOptionsContext.Provider\n value={{\n allFeatureListsExpanded,\n updateFeatureListExpanded,\n align,\n featureListUserInteracted,\n setFeatureListUserInteracted,\n }}\n >\n {children}\n </PricingOptionsContext.Provider>\n )\n}\n\nconst usePricingOptions = (): PricingOptionsContextValue => {\n return React.useContext(PricingOptionsContext)\n}\n\nconst pricingOptionsDefaultFeatureListHeading = \"What's included\"\n\ntype PricingOptionsLabelProps = PropsWithChildren<{\n 'data-testid'?: string\n}>\n\nconst PricingOptionsLabel = ({children}: PricingOptionsLabelProps) => {\n return <>{children}</>\n}\n\nconst PricingOptionsRoot = forwardRef(\n (\n {\n align = 'start',\n children,\n className,\n 'data-testid': testId,\n variant = 'default',\n ...rest\n }: PropsWithChildren<PricingOptionsProps>,\n ref: Ref<HTMLDivElement>,\n ) => {\n const filteredChildren = useMemo(\n () =>\n React.Children.toArray(children).filter(\n child => React.isValidElement(child) && typeof child.type !== 'string' && child.type === PricingOptionsItem,\n ) as React.ReactElement<PropsWithChildren<PricingOptionsItem>>[],\n [children],\n ).slice(0, 4)\n\n const headerLabels = useMemo(\n () =>\n filteredChildren.map(item => {\n const labelChild = React.Children.toArray(item.props.children).find(\n child =>\n React.isValidElement(child) && typeof child.type !== 'string' && child.type === PricingOptionsLabel,\n )\n\n return (\n React.isValidElement(labelChild) ? labelChild : null\n ) as React.ReactElement<PricingOptionsLabelProps> \| null\n }),\n [filteredChildren],\n )\n\n const hasHeaderLabels = headerLabels.some(label => label !== null)\n\n return (\n <PricingOptionsProvider align={align}>\n <div\n className={clsx(\n styles.PricingOptions,\n styles[`PricingOptions--layout-${variant.includes('default') ? 'default' : 'cards'}`],\n styles[`PricingOptions--items${filteredChildren.length}`],\n styles[`PricingOptions--appearance-${variant.includes('gradient') ? 'gradient' : 'solid'}`],\n className,\n )}\n data-testid={testId \|\| testIds.root}\n ref={ref}\n {...(rest as HTMLAttributes<HTMLElement>)}\n >\n {filteredChildren}\n\n {hasHeaderLabels && (\n <div\n className={styles['PricingOptions__labels']}\n data-testid={testIds.labelRow}\n style={\n {\n '--brand-pricing-options-column-count': filteredChildren.length,\n } as React.CSSProperties\n }\n >\n {headerLabels.map((headerLabel, index) => {\n const hasLabelContent = Boolean(headerLabel?.props.children)\n\n return (\n <div\n className={clsx(\n styles['PricingOptions__label-cell'],\n hasLabelContent\n ? styles['PricingOptions__label-cell--has-label']\n : styles['PricingOptions__label-cell--empty'],\n )}\n data-testid={headerLabel?.props['data-testid'] \|\| testIds.label}\n key={index}\n >\n {headerLabel?.props.children ? (\n <span className={styles.PricingOptions__label}>{headerLabel.props.children}</span>\n ) : null}\n </div>\n )\n })}\n </div>\n )}\n </div>\n </PricingOptionsProvider>\n )\n },\n)\n\nexport type PricingOptionsItem = {\n ['data-testid']?: string\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.ReactElement\n} & PropsWithChildren<BaseProps<HTMLDivElement>>\n\ntype FilteredChildren = {\n FeatureList: React.ReactElement<PricingOptionsFeatureListProps> \| null\n Actions: React.ReactElement<PricingOptionsActionsProps>[]\n ActionsMessage: React.ReactElement<PricingOptionsActionsMessageProps> \| null\n Footnote: React.ReactElement<PricingOptionsFootnoteProps> \| null\n Heading: React.ReactElement<PricingOptionsHeadingProps> \| null\n Description: React.ReactElement<PricingOptionsDescriptionProps> \| null\n Price: React.ReactElement<PricingOptionsPriceProps> \| null\n}\n\nconst PricingOptionsItem = forwardRef(\n (\n {'data-testid': testId, children, className, leadingComponent, ...rest}: PropsWithChildren<PricingOptionsItem>,\n ref: Ref<HTMLDivElement>,\n ) => {\n const {align} = usePricingOptions()\n\n const memoizedChildren = useMemo(() => React.Children.toArray(children), [children])\n\n const filteredChildren = memoizedChildren.reduce<FilteredChildren>(\n (acc, child) => {\n if (React.isValidElement(child) && typeof child.type !== 'string') {\n if (child.type === PricingOptionsFeatureList) {\n acc.FeatureList = child as React.ReactElement<PricingOptionsFeatureListProps> \| null\n }\n\n if (\n child.type === PricingOptionsPrimaryAction \|\|\n child.type === PricingOptionsSecondaryAction \|\|\n child.type === PricingOptionsMenuAction\n ) {\n acc.Actions.push(child as React.ReactElement<PricingOptionsActionsProps>)\n }\n\n if (child.type === PricingOptionsActionsMessage) {\n acc.ActionsMessage = child as React.ReactElement<PricingOptionsActionsMessageProps>\n }\n\n if (child.type === PricingOptionsFootnote) {\n acc.Footnote = child as React.ReactElement<PricingOptionsFootnoteProps>\n }\n\n if (child.type === PricingOptionsHeading) {\n acc.Heading = child as React.ReactElement<PricingOptionsHeadingProps>\n }\n\n if (child.type === PricingOptionsDescription) {\n acc.Description = child as React.ReactElement<PricingOptionsDescriptionProps>\n }\n\n if (child.type === PricingOptionsPrice) {\n acc.Price = child as React.ReactElement<PricingOptionsPriceProps>\n }\n }\n\n return acc\n },\n {\n FeatureList: null,\n Actions: [],\n ActionsMessage: null,\n Footnote: null,\n Heading: null,\n Description: null,\n Price: null,\n },\n )\n\n const {Heading, Description, Price, FeatureList, Actions, ActionsMessage, Footnote} = filteredChildren\n\n return (\n <div\n className={clsx(\n styles.PricingOptions__item,\n leadingComponent && styles['PricingOptions__item--has-leading-component'],\n styles[`PricingOptions__item--align-${align}`],\n className,\n )}\n data-testid={testId \|\| testIds.item}\n ref={ref}\n {...(rest as HTMLAttributes<HTMLElement>)}\n >\n <div className={styles['PricingOptions__header']}>{Heading}</div>\n {Description}\n {Price}\n {leadingComponent && <div className={styles['PricingOptions__leading-component']}>{leadingComponent}</div>}\n {(Actions.length > 0 \|\| ActionsMessage) && (\n <div className={styles.PricingOptions__actions}>\n {Actions}\n {ActionsMessage}\n </div>\n )}\n {FeatureList}\n {Footnote}\n </div>\n )\n },\n)\n\ntype PricingOptionsDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {\n 'data-testid'?: string\n}\n\nconst PricingOptionsDescription = forwardRef<HTMLParagraphElement, PricingOptionsDescriptionProps>(\n ({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <Text\n as=\"p\"\n className={clsx(styles.PricingOptions__description, className)}\n data-testid={testId \|\| testIds.description}\n ref={ref}\n size=\"200\"\n variant=\"muted\"\n {...rest}\n >\n {children}\n </Text>\n )\n },\n)\n\ntype PricingOptionsHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & {\n 'data-testid'?: string\n} & HeadingProps\n\nconst PricingOptionsHeading = forwardRef<HTMLHeadingElement, PricingOptionsHeadingProps>(\n ({as = 'h3', children, 'data-testid': testId, size = '5', className, ...rest}, ref) => {\n return (\n <HeadingComponent\n as={as}\n className={clsx(styles.PricingOptions__heading, styles[`PricingOptions__heading--size-${size}`], className)}\n data-testid={testId \|\| testIds.heading}\n ref={ref}\n size={size}\n {...rest}\n >\n {children}\n </HeadingComponent>\n )\n },\n)\n\ntype PricingOptionsPriceProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {\n currencyCode?: string\n currencySymbol?: string\n 'data-testid'?: string\n originalPrice?: string\n trailingText?: string\n}\n\nconst PricingOptionsPrice = forwardRef<HTMLParagraphElement, PricingOptionsPriceProps>(\n (\n {\n children,\n className,\n currencyCode = 'USD',\n currencySymbol = '$',\n 'data-testid': testId,\n originalPrice,\n trailingText,\n ...rest\n },\n ref,\n ) => {\n return (\n <Text\n as=\"p\"\n className={clsx(styles.PricingOptions__price, className)}\n data-testid={testId \|\| testIds.price}\n ref={ref}\n weight=\"normal\"\n {...rest}\n >\n <span className={styles['PricingOptions__price-amount']}>\n <Text as=\"span\" className={styles['PricingOptions__price-currency-symbol']} size=\"500\" weight=\"normal\">\n {currencySymbol}\n </Text>\n\n <Text as=\"span\" className={styles['PricingOptions__price-value']} size=\"500\" weight=\"normal\">\n {children}\n </Text>\n\n <Text as=\"span\" className={styles['PricingOptions__price-currency-code']} size=\"100\" weight=\"normal\">\n {currencyCode}\n </Text>\n </span>\n\n {originalPrice && (\n <del className={styles['PricingOptions__price-original-price']}>\n <Text size=\"400\" variant=\"muted\" weight=\"normal\">\n {currencySymbol}\n </Text>\n <Text\n className={styles['PricingOptions__price-original-price-value']}\n size=\"300\"\n variant=\"muted\"\n weight=\"normal\"\n >\n {originalPrice}\n </Text>\n </del>\n )}\n\n {trailingText && (\n <Text as=\"span\" className={styles['PricingOptions__price-trailing-text']} size=\"200\" variant=\"muted\">\n {trailingText}\n </Text>\n )}\n </Text>\n )\n },\n)\n\ntype PricingOptionsFeatureListProps = BaseProps<HTMLUListElement> & {\n accordionAs?: HeadingProps['as']\n expanded?: ExpandedProp\n hasDivider?: boolean\n children: React.ReactElement<PricingOptionsFeatureListGroupHeadingProps \| PricingOptionsFeatureListItemProps>[]\n 'data-testid'?: string\n}\n\ntype ExpandedProp = boolean \| ResponsiveExpandableProps\n\ntype ResponsiveExpandableProps = {\n narrow: boolean\n regular: boolean\n wide: boolean\n}\n\ntype ValidFeatureListChildren = {\n Heading: React.ReactElement<PricingOptionsFeatureListGroupHeadingProps> \| null\n Items: React.ReactElement<PricingOptionsFeatureListItemProps>[]\n}[]\n\nconst PricingOptionsFeatureList = forwardRef<HTMLDivElement, PricingOptionsFeatureListProps>(\n ({children, className, 'data-testid': testId, hasDivider = true, expanded, accordionAs = 'h4', ...rest}, ref) => {\n const {\n allFeatureListsExpanded,\n updateFeatureListExpanded,\n featureListUserInteracted,\n setFeatureListUserInteracted,\n } = usePricingOptions()\n const {isMedium: isRegular, isXLarge: isWide, isSmall: isNarrow} = useWindowSize()\n\n React.useEffect(() => {\n if (expanded === undefined \|\| typeof expanded === 'object') {\n setFeatureListUserInteracted(false)\n }\n }, [isRegular, isWide, isNarrow, setFeatureListUserInteracted, expanded])\n\n const shouldBeOpen = React.useMemo(() => {\n if (featureListUserInteracted) {\n return allFeatureListsExpanded\n }\n\n // Important: Fixes layout shift by ensuring that explicit values are preserved.\n if (typeof expanded === 'boolean') {\n return expanded\n }\n // If undefined, should follow some default responsive logic\n if (expanded === undefined) {\n if (isWide) return true\n if (isRegular) return true\n return false\n }\n\n // finally handle responsive objects, and go from largest to smallest viewports\n const {narrow, regular, wide} = expanded\n if (isWide) return wide\n if (isRegular) return regular\n return narrow\n }, [expanded, allFeatureListsExpanded, isRegular, isWide, featureListUserInteracted])\n\n let FeatureListHeading = (\n <PricingOptions.FeatureListHeading>{pricingOptionsDefaultFeatureListHeading}</PricingOptions.FeatureListHeading>\n )\n\n const FilteredChildrenSet = React.Children.toArray(children).reduce<ValidFeatureListChildren>((acc, child) => {\n if (React.isValidElement(child) && child.type === PricingOptionsFeatureListHeading) {\n FeatureListHeading = child\n } else if (React.isValidElement(child) && child.type === PricingOptionsFeatureListItem) {\n if (acc.length === 0) {\n acc.push({Heading: null, Items: []})\n }\n acc[acc.length - 1].Items.push(child as React.ReactElement<PricingOptionsFeatureListItemProps>)\n } else if (React.isValidElement(child) && child.type === PricingOptionsFeatureListGroupHeading) {\n acc.push({\n Heading: child as React.ReactElement<PricingOptionsFeatureListGroupHeadingProps>,\n Items: [],\n })\n }\n\n return acc\n }, [])\n\n const FeatureListItems = FilteredChildrenSet.map(({Heading: HeadingChild, Items}, index) => (\n <div className={styles['PricingOptions__feature-list-set']} key={index}>\n {HeadingChild}\n\n <UnorderedList variant=\"checked\" {...(rest as UnorderedListProps)}>\n {Items}\n </UnorderedList>\n </div>\n ))\n\n return (\n <div\n ref={ref}\n className={clsx(\n styles['PricingOptions__feature-list'],\n hasDivider && styles['PricingOptions__feature-list--has-divider'],\n className,\n )}\n data-testid={testId \|\| testIds.featureList}\n >\n <Accordion\n className={styles['PricingOptions__feature-list-accordion']}\n disableAnimation\n open={shouldBeOpen}\n onToggle={event => {\n setFeatureListUserInteracted(true)\n updateFeatureListExpanded(event.currentTarget.open)\n }}\n >\n <Accordion.Heading as={accordionAs} className={styles['PricingOptions__feature-list-accordion-heading']}>\n {FeatureListHeading}\n\n <TriangleDownIcon className={styles['PricingOptions__feature-list-accordion-chevron']} />\n </Accordion.Heading>\n <Accordion.Content className={styles['PricingOptions__feature-list-accordion-content']}>\n {FeatureListItems}\n </Accordion.Content>\n </Accordion>\n </div>\n )\n },\n)\n\ntype PricingOptionsFeatureListHeadingProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {\n 'data-testid'?: string\n}\n\nconst PricingOptionsFeatureListHeading = forwardRef<HTMLDivElement, PricingOptionsFeatureListHeadingProps>(\n ({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <div className={className} data-testid={testId \|\| testIds.featureListHeading} ref={ref} {...rest}>\n {children}\n </div>\n )\n },\n)\n\ntype PricingOptionsFeatureListGroupHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & {\n as?: Exclude<HeadingProps['as'], 'h1' \| 'h2'>\n 'data-testid'?: string\n}\n\nconst PricingOptionsFeatureListGroupHeading = forwardRef<\n HTMLHeadingElement,\n PricingOptionsFeatureListGroupHeadingProps\n>(({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <HeadingComponent\n as=\"h4\"\n className={clsx(styles['PricingOptions__feature-list-group-heading'], className)}\n data-testid={testId \|\| testIds.featureListGroupHeading}\n ref={ref}\n size=\"subhead-medium\"\n {...rest}\n >\n {children}\n </HeadingComponent>\n )\n})\n\ntype PricingOptionsFeatureListItemProps = PropsWithChildren<BaseProps<HTMLLIElement>> & {\n 'data-testid'?: string\n infoTooltip?: string\n /\n Optional accessible label for the info tooltip trigger. Overrides the automatically generated label.\n /\n infoTooltipAriaLabel?: string\n variant?: 'included' \| 'excluded'\n} & Omit<ListItemProps, 'variant'>\n\nconst PricingOptionsFeatureListItem = forwardRef<HTMLLIElement, PricingOptionsFeatureListItemProps>(\n (\n {\n children,\n className,\n infoTooltip,\n infoTooltipAriaLabel,\n leadingVisual,\n leadingVisualFill,\n variant = 'included',\n 'data-testid': testId,\n ...rest\n },\n ref,\n ) => {\n const itemLeadingVisual = leadingVisual ?? (variant === 'included' ? CheckIcon : XIcon)\n const itemLeadingVisualAriaLabel = variant === 'included' ? 'Includes' : 'Does not include'\n\n const itemLeadingVisualFill =\n leadingVisualFill ??\n (variant === 'included' ? 'var(--brand-color-accent-primary)' : 'var(--brand-color-text-muted)')\n\n return (\n <UnorderedList.Item\n className={clsx(\n styles['PricingOptions__feature-list-item'],\n {[styles['PricingOptions__feature-list-item--excluded']]: variant === 'excluded'},\n infoTooltip && styles['PricingOptions__feature-list-item--has-info'],\n className,\n )}\n data-testid={testId \|\| testIds.featureListItem}\n leadingVisual={itemLeadingVisual}\n leadingVisualAriaLabel={itemLeadingVisualAriaLabel}\n leadingVisualFill={itemLeadingVisualFill}\n ref={ref}\n {...rest}\n >\n {children}\n {infoTooltip && (\n <Tooltip text={infoTooltip} direction=\"n\">\n <button\n type=\"button\"\n className={styles['PricingOptions__feature-list-item-info']}\n aria-label={\n infoTooltipAriaLabel ??\n // eslint-disable-next-line i18n-text/no-en\n `More information about ${typeof children === 'string' ? children : 'this feature'}`\n }\n >\n <svg viewBox=\"0 0 4 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path\n d=\"M0.75 3C0.33579 3 0 3.33579 0 3.75C0 4.16421 0.33579 4.5 0.75 4.5H1V6.5H0.75C0.33579 6.5 0 6.8358 0 7.25C0 7.6642 0.33579 8 0.75 8H2.75C3.16421 8 3.5 7.6642 3.5 7.25C3.5 6.8358 3.16421 6.5 2.75 6.5H2.5V3.75C2.5 3.33579 2.16421 3 1.75 3H0.75Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M2.5 1C2.5 1.55228 2.05229 2 1.5 2C0.94772 2 0.5 1.55228 0.5 1C0.5 0.44772 0.94772 0 1.5 0C2.05229 0 2.5 0.44772 2.5 1Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n </Tooltip>\n )}\n </UnorderedList.Item>\n )\n },\n)\n\ntype AsA = {as: 'a'; href: string; 'data-testid'?: string} & React.AnchorHTMLAttributes<BaseProps<HTMLAnchorElement>> &\n ButtonBaseProps\n\ntype AsButton = {as: 'button'; 'data-testid'?: string} & React.ButtonHTMLAttributes<BaseProps<HTMLButtonElement>> &\n ButtonBaseProps\n\ntype PricingOptionsActionsProps = AsA \| AsButton\n\ntype PricingOptionsActionsMessageProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {\n 'data-testid'?: string\n leadingComponent?: React.ReactElement\n}\n\nconst PricingOptionsActionsMessage = forwardRef<HTMLDivElement, PricingOptionsActionsMessageProps>(\n ({children, className, 'data-testid': testId, leadingComponent, ...rest}, ref) => {\n return (\n <div\n ref={ref}\n className={clsx(styles['PricingOptions__actions-message'], className)}\n data-testid={testId \|\| testIds.actionsMessage}\n {...rest}\n >\n {leadingComponent && (\n <span className={styles['PricingOptions__actions-message-leading-component']}>{leadingComponent}</span>\n )}\n <div className={styles['PricingOptions__actions-message-content']}>{children}</div>\n </div>\n )\n },\n)\n\nconst PricingOptionsPrimaryAction = forwardRef<\n HTMLAnchorElement \| HTMLButtonElement,\n PropsWithChildren<PricingOptionsActionsProps>\n>(({as, children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <Button\n ref={ref as React.Ref<HTMLButtonElement>}\n as={as}\n data-testid={testId \|\| testIds.primaryAction}\n className={clsx(styles['PricingOptions__primary-action'], className)}\n size=\"medium\"\n variant=\"primary\"\n block\n {...rest}\n >\n {children}\n </Button>\n )\n})\n\nconst PricingOptionsSecondaryAction = forwardRef<\n HTMLAnchorElement \| HTMLButtonElement,\n PropsWithChildren<PricingOptionsActionsProps>\n>(({as, children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <Button\n ref={ref as React.Ref<HTMLButtonElement>}\n as={as}\n className={clsx(styles['PricingOptions__primary-action'], className)}\n data-testid={testId \|\| testIds.secondaryAction}\n variant=\"secondary\"\n block\n {...rest}\n >\n {children}\n </Button>\n )\n})\n\ntype PricingOptionsMenuActionProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {\n 'data-testid'?: string\n}\n\nconst PricingOptionsMenuAction = forwardRef<HTMLDivElement, PricingOptionsMenuActionProps>(\n ({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <div\n ref={ref}\n className={clsx(styles['PricingOptions__menu-action'], className)}\n data-testid={testId \|\| testIds.menuAction}\n {...rest}\n >\n {children}\n </div>\n )\n },\n)\n\ntype PricingOptionsFootnoteProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {\n 'data-testid'?: string\n}\n\nconst PricingOptionsFootnote = forwardRef<HTMLParagraphElement, PricingOptionsFootnoteProps>(\n ({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <Text\n as=\"p\"\n className={clsx(styles.PricingOptions__footnote, className)}\n data-testid={testId \|\| testIds.footnote}\n ref={ref}\n size=\"100\"\n variant=\"muted\"\n weight=\"light\"\n {...rest}\n >\n {children}\n </Text>\n )\n },\n)\n\n/\n Pricing options component:\n * {@link https://primer.style/brand/components/PricingOptions/ See usage examples}.\n */\nexport const PricingOptions = Object.assign(PricingOptionsRoot, {\n ActionsMessage: PricingOptionsActionsMessage,\n Description: PricingOptionsDescription,\n FeatureList: PricingOptionsFeatureList,\n FeatureListHeading: PricingOptionsFeatureListHeading,\n FeatureListGroupHeading: PricingOptionsFeatureListGroupHeading,\n FeatureListItem: PricingOptionsFeatureListItem,\n Footnote: PricingOptionsFootnote,\n Label: PricingOptionsLabel,\n Heading: PricingOptionsHeading,\n Item: PricingOptionsItem,\n MenuAction: PricingOptionsMenuAction,\n Price: PricingOptionsPrice,\n PrimaryAction: PricingOptionsPrimaryAction,\n SecondaryAction: PricingOptionsSecondaryAction,\n testIds,\n})\n"],"mappings":"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"}
1	+ {"version":3,"file":"PricingOptions.js","names":[],"sources":["../../src/PricingOptions/PricingOptions.tsx"],"sourcesContent":["import React, {forwardRef, HTMLAttributes, PropsWithChildren, useMemo, Ref, Dispatch} from 'react'\nimport {CheckIcon, TriangleDownIcon, XIcon} from '@primer/octicons-react'\nimport {clsx} from 'clsx'\nimport type {ListItemProps} from '../list/ListItem/ListItem'\nimport type {BaseProps} from '../component-helpers'\nimport {Accordion} from '../Accordion/Accordion'\nimport {Button, type ButtonBaseProps} from '../Button'\nimport {Heading as HeadingComponent, type HeadingProps} from '../Heading'\nimport {Text} from '../Text'\nimport {Tooltip} from '../Tooltip'\nimport {useWindowSize} from '../hooks/useWindowSize'\nimport {UnorderedList, type UnorderedListProps} from '../list'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css'\n\n/\n Main stylesheet (as a CSS Module)\n /\nimport styles from './PricingOptions.module.css'\n\ntype AlignOptions = 'start' \| 'center'\n\nexport type PricingOptionsProps = {\n align?: AlignOptions\n variant?: 'default' \| 'default-gradient' \| 'cards' \| 'cards-gradient'\n ['data-testid']?: string\n} & PropsWithChildren<BaseProps<HTMLDivElement>> &\n HTMLAttributes<HTMLDivElement>\n\nconst testIds = {\n root: 'PricingOptions',\n item: 'PricingOptions__item',\n labelRow: 'PricingOptions__labels',\n heading: 'PricingOptions__heading',\n label: 'PricingOptions__label',\n description: 'PricingOptions__description',\n price: 'PricingOptions__price',\n actionsMessage: 'PricingOptions__actionsMessage',\n primaryAction: 'PricingOptions__primaryAction',\n secondaryAction: 'PricingOptions__secondaryAction',\n menuAction: 'PricingOptions__menuAction',\n featureList: 'PricingOptions__featureList',\n featureListHeading: 'PricingOptions__featureListHeading',\n featureListItem: 'PricingOptions__featureListItem',\n featureListGroupHeading: 'PricingOptions__featureListGroupHeading',\n footnote: 'PricingOptions__footnote',\n}\n\ntype PricingOptionsContextValue = {\n align: AlignOptions\n allFeatureListsExpanded: boolean\n updateFeatureListExpanded: Dispatch<boolean>\n featureListUserInteracted: boolean\n setFeatureListUserInteracted: Dispatch<boolean>\n}\n\nconst PricingOptionsContext = React.createContext<PricingOptionsContextValue>({\n align: 'start',\n allFeatureListsExpanded: false,\n featureListUserInteracted: false,\n updateFeatureListExpanded: () => {},\n setFeatureListUserInteracted: () => {},\n})\n\nconst PricingOptionsProvider = ({children, align = 'start'}: PropsWithChildren<{align: AlignOptions}>) => {\n const [allFeatureListsExpanded, setAllFeatureListsExpanded] = React.useState(false)\n const [featureListUserInteracted, setFeatureListUserInteracted] = React.useState(false)\n\n const updateFeatureListExpanded = (newValue: boolean) => {\n setAllFeatureListsExpanded(() => newValue)\n }\n\n return (\n <PricingOptionsContext.Provider\n value={{\n allFeatureListsExpanded,\n updateFeatureListExpanded,\n align,\n featureListUserInteracted,\n setFeatureListUserInteracted,\n }}\n >\n {children}\n </PricingOptionsContext.Provider>\n )\n}\n\nconst usePricingOptions = (): PricingOptionsContextValue => {\n return React.useContext(PricingOptionsContext)\n}\n\nconst pricingOptionsDefaultFeatureListHeading = \"What's included\"\n\ntype PricingOptionsLabelProps = PropsWithChildren<{\n 'data-testid'?: string\n}>\n\nconst PricingOptionsLabel = ({children}: PricingOptionsLabelProps) => {\n return <>{children}</>\n}\n\nconst PricingOptionsRoot = forwardRef(\n (\n {\n align = 'start',\n children,\n className,\n 'data-testid': testId,\n variant = 'default',\n ...rest\n }: PropsWithChildren<PricingOptionsProps>,\n ref: Ref<HTMLDivElement>,\n ) => {\n const filteredChildren = useMemo(\n () =>\n React.Children.toArray(children).filter(\n child => React.isValidElement(child) && typeof child.type !== 'string' && child.type === PricingOptionsItem,\n ) as React.ReactElement<PropsWithChildren<PricingOptionsItem>>[],\n [children],\n ).slice(0, 4)\n\n const headerLabels = useMemo(\n () =>\n filteredChildren.map(item => {\n const labelChild = React.Children.toArray(item.props.children).find(\n child =>\n React.isValidElement(child) && typeof child.type !== 'string' && child.type === PricingOptionsLabel,\n )\n\n return (\n React.isValidElement(labelChild) ? labelChild : null\n ) as React.ReactElement<PricingOptionsLabelProps> \| null\n }),\n [filteredChildren],\n )\n\n const hasHeaderLabels = headerLabels.some(label => label !== null)\n\n return (\n <PricingOptionsProvider align={align}>\n <div\n className={clsx(\n styles.PricingOptions,\n styles[`PricingOptions--layout-${variant.includes('default') ? 'default' : 'cards'}`],\n styles[`PricingOptions--items${filteredChildren.length}`],\n styles[`PricingOptions--appearance-${variant.includes('gradient') ? 'gradient' : 'solid'}`],\n className,\n )}\n data-testid={testId \|\| testIds.root}\n ref={ref}\n {...(rest as HTMLAttributes<HTMLElement>)}\n >\n {filteredChildren}\n\n {hasHeaderLabels && (\n <div\n className={styles['PricingOptions__labels']}\n data-testid={testIds.labelRow}\n style={\n {\n '--brand-pricing-options-column-count': filteredChildren.length,\n } as React.CSSProperties\n }\n >\n {headerLabels.map((headerLabel, index) => {\n const hasLabelContent = Boolean(headerLabel?.props.children)\n\n return (\n <div\n className={clsx(\n styles['PricingOptions__label-cell'],\n hasLabelContent\n ? styles['PricingOptions__label-cell--has-label']\n : styles['PricingOptions__label-cell--empty'],\n )}\n data-testid={headerLabel?.props['data-testid'] \|\| testIds.label}\n key={index}\n >\n {headerLabel?.props.children ? (\n <span className={styles.PricingOptions__label}>{headerLabel.props.children}</span>\n ) : null}\n </div>\n )\n })}\n </div>\n )}\n </div>\n </PricingOptionsProvider>\n )\n },\n)\n\nexport type PricingOptionsItem = {\n ['data-testid']?: string\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.ReactElement\n} & PropsWithChildren<BaseProps<HTMLDivElement>>\n\ntype FilteredChildren = {\n FeatureList: React.ReactElement<PricingOptionsFeatureListProps> \| null\n Actions: React.ReactElement<PricingOptionsActionsProps>[]\n ActionsMessage: React.ReactElement<PricingOptionsActionsMessageProps> \| null\n Footnote: React.ReactElement<PricingOptionsFootnoteProps> \| null\n Heading: React.ReactElement<PricingOptionsHeadingProps> \| null\n Description: React.ReactElement<PricingOptionsDescriptionProps> \| null\n Price: React.ReactElement<PricingOptionsPriceProps> \| null\n}\n\nconst PricingOptionsItem = forwardRef(\n (\n {'data-testid': testId, children, className, leadingComponent, ...rest}: PropsWithChildren<PricingOptionsItem>,\n ref: Ref<HTMLDivElement>,\n ) => {\n const {align} = usePricingOptions()\n\n const memoizedChildren = useMemo(() => React.Children.toArray(children), [children])\n\n const filteredChildren = memoizedChildren.reduce<FilteredChildren>(\n (acc, child) => {\n if (React.isValidElement(child) && typeof child.type !== 'string') {\n if (child.type === PricingOptionsFeatureList) {\n acc.FeatureList = child as React.ReactElement<PricingOptionsFeatureListProps> \| null\n }\n\n if (\n child.type === PricingOptionsPrimaryAction \|\|\n child.type === PricingOptionsSecondaryAction \|\|\n child.type === PricingOptionsMenuAction\n ) {\n acc.Actions.push(child as React.ReactElement<PricingOptionsActionsProps>)\n }\n\n if (child.type === PricingOptionsActionsMessage) {\n acc.ActionsMessage = child as React.ReactElement<PricingOptionsActionsMessageProps>\n }\n\n if (child.type === PricingOptionsFootnote) {\n acc.Footnote = child as React.ReactElement<PricingOptionsFootnoteProps>\n }\n\n if (child.type === PricingOptionsHeading) {\n acc.Heading = child as React.ReactElement<PricingOptionsHeadingProps>\n }\n\n if (child.type === PricingOptionsDescription) {\n acc.Description = child as React.ReactElement<PricingOptionsDescriptionProps>\n }\n\n if (child.type === PricingOptionsPrice) {\n acc.Price = child as React.ReactElement<PricingOptionsPriceProps>\n }\n }\n\n return acc\n },\n {\n FeatureList: null,\n Actions: [],\n ActionsMessage: null,\n Footnote: null,\n Heading: null,\n Description: null,\n Price: null,\n },\n )\n\n const {Heading, Description, Price, FeatureList, Actions, ActionsMessage, Footnote} = filteredChildren\n\n return (\n <div\n className={clsx(\n styles.PricingOptions__item,\n leadingComponent && styles['PricingOptions__item--has-leading-component'],\n styles[`PricingOptions__item--align-${align}`],\n className,\n )}\n data-testid={testId \|\| testIds.item}\n ref={ref}\n {...(rest as HTMLAttributes<HTMLElement>)}\n >\n <div className={styles['PricingOptions__header']}>{Heading}</div>\n {Description}\n {Price}\n {leadingComponent && <div className={styles['PricingOptions__leading-component']}>{leadingComponent}</div>}\n {(Actions.length > 0 \|\| ActionsMessage) && (\n <div className={styles.PricingOptions__actions}>\n {Actions}\n {ActionsMessage}\n </div>\n )}\n {FeatureList}\n {Footnote}\n </div>\n )\n },\n)\n\ntype PricingOptionsDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {\n 'data-testid'?: string\n}\n\nconst PricingOptionsDescription = forwardRef<HTMLParagraphElement, PricingOptionsDescriptionProps>(\n ({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <Text\n as=\"p\"\n className={clsx(styles.PricingOptions__description, className)}\n data-testid={testId \|\| testIds.description}\n ref={ref}\n size=\"200\"\n variant=\"muted\"\n {...rest}\n >\n {children}\n </Text>\n )\n },\n)\n\ntype PricingOptionsHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & {\n 'data-testid'?: string\n} & HeadingProps\n\nconst PricingOptionsHeading = forwardRef<HTMLHeadingElement, PricingOptionsHeadingProps>(\n ({as = 'h3', children, 'data-testid': testId, size = '5', className, ...rest}, ref) => {\n return (\n <HeadingComponent\n as={as}\n className={clsx(styles.PricingOptions__heading, styles[`PricingOptions__heading--size-${size}`], className)}\n data-testid={testId \|\| testIds.heading}\n ref={ref}\n size={size}\n {...rest}\n >\n {children}\n </HeadingComponent>\n )\n },\n)\n\ntype PricingOptionsPriceProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {\n currencyCode?: string\n currencySymbol?: string\n 'data-testid'?: string\n originalPrice?: string\n trailingText?: string\n}\n\nconst PricingOptionsPrice = forwardRef<HTMLParagraphElement, PricingOptionsPriceProps>(\n (\n {\n children,\n className,\n currencyCode = 'USD',\n currencySymbol = '$',\n 'data-testid': testId,\n originalPrice,\n trailingText,\n ...rest\n },\n ref,\n ) => {\n return (\n <Text\n as=\"p\"\n className={clsx(styles.PricingOptions__price, className)}\n data-testid={testId \|\| testIds.price}\n ref={ref}\n weight=\"normal\"\n {...rest}\n >\n <span className={styles['PricingOptions__price-amount']}>\n <Text as=\"span\" className={styles['PricingOptions__price-currency-symbol']} size=\"500\" weight=\"normal\">\n {currencySymbol}\n </Text>\n\n <Text as=\"span\" className={styles['PricingOptions__price-value']} size=\"500\" weight=\"normal\">\n {children}\n </Text>\n\n <Text as=\"span\" className={styles['PricingOptions__price-currency-code']} size=\"100\" weight=\"normal\">\n {currencyCode}\n </Text>\n </span>\n\n {originalPrice && (\n <del className={styles['PricingOptions__price-original-price']}>\n <Text size=\"400\" variant=\"muted\" weight=\"normal\">\n {currencySymbol}\n </Text>\n <Text\n className={styles['PricingOptions__price-original-price-value']}\n size=\"300\"\n variant=\"muted\"\n weight=\"normal\"\n >\n {originalPrice}\n </Text>\n </del>\n )}\n\n {trailingText && (\n <Text as=\"span\" className={styles['PricingOptions__price-trailing-text']} size=\"200\" variant=\"muted\">\n {trailingText}\n </Text>\n )}\n </Text>\n )\n },\n)\n\ntype PricingOptionsFeatureListProps = BaseProps<HTMLUListElement> & {\n accordionAs?: HeadingProps['as']\n expanded?: ExpandedProp\n hasDivider?: boolean\n children: React.ReactElement<PricingOptionsFeatureListGroupHeadingProps \| PricingOptionsFeatureListItemProps>[]\n 'data-testid'?: string\n}\n\ntype ExpandedProp = boolean \| ResponsiveExpandableProps\n\ntype ResponsiveExpandableProps = {\n narrow: boolean\n regular: boolean\n wide: boolean\n}\n\ntype ValidFeatureListChildren = {\n Heading: React.ReactElement<PricingOptionsFeatureListGroupHeadingProps> \| null\n Items: React.ReactElement<PricingOptionsFeatureListItemProps>[]\n}[]\n\nconst PricingOptionsFeatureList = forwardRef<HTMLDivElement, PricingOptionsFeatureListProps>(\n ({children, className, 'data-testid': testId, hasDivider = true, expanded, accordionAs = 'h4', ...rest}, ref) => {\n const {\n allFeatureListsExpanded,\n updateFeatureListExpanded,\n featureListUserInteracted,\n setFeatureListUserInteracted,\n } = usePricingOptions()\n const {isMedium: isRegular, isXLarge: isWide, isSmall: isNarrow} = useWindowSize()\n\n React.useEffect(() => {\n if (expanded === undefined \|\| typeof expanded === 'object') {\n setFeatureListUserInteracted(false)\n }\n }, [isRegular, isWide, isNarrow, setFeatureListUserInteracted, expanded])\n\n const shouldBeOpen = React.useMemo(() => {\n if (featureListUserInteracted) {\n return allFeatureListsExpanded\n }\n\n // Important: Fixes layout shift by ensuring that explicit values are preserved.\n if (typeof expanded === 'boolean') {\n return expanded\n }\n // If undefined, should follow some default responsive logic\n if (expanded === undefined) {\n if (isWide) return true\n if (isRegular) return true\n return false\n }\n\n // finally handle responsive objects, and go from largest to smallest viewports\n const {narrow, regular, wide} = expanded\n if (isWide) return wide\n if (isRegular) return regular\n return narrow\n }, [expanded, allFeatureListsExpanded, isRegular, isWide, featureListUserInteracted])\n\n let FeatureListHeading = (\n <PricingOptions.FeatureListHeading>{pricingOptionsDefaultFeatureListHeading}</PricingOptions.FeatureListHeading>\n )\n\n const FilteredChildrenSet = React.Children.toArray(children).reduce<ValidFeatureListChildren>((acc, child) => {\n if (React.isValidElement(child) && child.type === PricingOptionsFeatureListHeading) {\n FeatureListHeading = child\n } else if (React.isValidElement(child) && child.type === PricingOptionsFeatureListItem) {\n if (acc.length === 0) {\n acc.push({Heading: null, Items: []})\n }\n acc[acc.length - 1].Items.push(child as React.ReactElement<PricingOptionsFeatureListItemProps>)\n } else if (React.isValidElement(child) && child.type === PricingOptionsFeatureListGroupHeading) {\n acc.push({\n Heading: child as React.ReactElement<PricingOptionsFeatureListGroupHeadingProps>,\n Items: [],\n })\n }\n\n return acc\n }, [])\n\n const FeatureListItems = FilteredChildrenSet.map(({Heading: HeadingChild, Items}, index) => (\n <div className={styles['PricingOptions__feature-list-set']} key={index}>\n {HeadingChild}\n\n <UnorderedList variant=\"checked\" {...(rest as UnorderedListProps)}>\n {Items}\n </UnorderedList>\n </div>\n ))\n\n return (\n <div\n ref={ref}\n className={clsx(\n styles['PricingOptions__feature-list'],\n hasDivider && styles['PricingOptions__feature-list--has-divider'],\n className,\n )}\n data-testid={testId \|\| testIds.featureList}\n >\n <Accordion\n className={styles['PricingOptions__feature-list-accordion']}\n disableAnimation\n open={shouldBeOpen}\n onToggle={event => {\n setFeatureListUserInteracted(true)\n updateFeatureListExpanded(event.currentTarget.open)\n }}\n >\n <Accordion.Heading as={accordionAs} className={styles['PricingOptions__feature-list-accordion-heading']}>\n {FeatureListHeading}\n\n <TriangleDownIcon className={styles['PricingOptions__feature-list-accordion-chevron']} />\n </Accordion.Heading>\n <Accordion.Content className={styles['PricingOptions__feature-list-accordion-content']}>\n {FeatureListItems}\n </Accordion.Content>\n </Accordion>\n </div>\n )\n },\n)\n\ntype PricingOptionsFeatureListHeadingProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {\n 'data-testid'?: string\n}\n\nconst PricingOptionsFeatureListHeading = forwardRef<HTMLDivElement, PricingOptionsFeatureListHeadingProps>(\n ({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <div className={className} data-testid={testId \|\| testIds.featureListHeading} ref={ref} {...rest}>\n {children}\n </div>\n )\n },\n)\n\ntype PricingOptionsFeatureListGroupHeadingProps = PropsWithChildren<BaseProps<HTMLHeadingElement>> & {\n as?: Exclude<HeadingProps['as'], 'h1' \| 'h2'>\n 'data-testid'?: string\n}\n\nconst PricingOptionsFeatureListGroupHeading = forwardRef<\n HTMLHeadingElement,\n PricingOptionsFeatureListGroupHeadingProps\n>(({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <HeadingComponent\n as=\"h4\"\n className={clsx(styles['PricingOptions__feature-list-group-heading'], className)}\n data-testid={testId \|\| testIds.featureListGroupHeading}\n ref={ref}\n size=\"subhead-medium\"\n {...rest}\n >\n {children}\n </HeadingComponent>\n )\n})\n\ntype PricingOptionsFeatureListItemProps = PropsWithChildren<BaseProps<HTMLLIElement>> & {\n 'data-testid'?: string\n infoTooltip?: string\n /\n Optional accessible label for the info tooltip trigger. Overrides the automatically generated label.\n /\n infoTooltipAriaLabel?: string\n variant?: 'included' \| 'excluded'\n} & Omit<ListItemProps, 'variant'>\n\nconst PricingOptionsFeatureListItem = forwardRef<HTMLLIElement, PricingOptionsFeatureListItemProps>(\n (\n {\n children,\n className,\n infoTooltip,\n infoTooltipAriaLabel,\n leadingVisual,\n leadingVisualFill,\n variant = 'included',\n 'data-testid': testId,\n ...rest\n },\n ref,\n ) => {\n const itemLeadingVisual = leadingVisual ?? (variant === 'included' ? CheckIcon : XIcon)\n const itemLeadingVisualAriaLabel = variant === 'included' ? 'Includes' : 'Does not include'\n\n const itemLeadingVisualFill =\n leadingVisualFill ??\n (variant === 'included' ? 'var(--brand-color-accent-primary)' : 'var(--brand-color-text-muted)')\n\n return (\n <UnorderedList.Item\n className={clsx(\n styles['PricingOptions__feature-list-item'],\n {[styles['PricingOptions__feature-list-item--excluded']]: variant === 'excluded'},\n infoTooltip && styles['PricingOptions__feature-list-item--has-info'],\n className,\n )}\n data-testid={testId \|\| testIds.featureListItem}\n leadingVisual={itemLeadingVisual}\n leadingVisualAriaLabel={itemLeadingVisualAriaLabel}\n leadingVisualFill={itemLeadingVisualFill}\n ref={ref}\n {...rest}\n >\n {children}\n {infoTooltip && (\n <Tooltip text={infoTooltip} direction=\"n\">\n <button\n type=\"button\"\n className={styles['PricingOptions__feature-list-item-info']}\n aria-label={\n infoTooltipAriaLabel ??\n // eslint-disable-next-line i18n-text/no-en\n `More information about ${typeof children === 'string' ? children : 'this feature'}`\n }\n >\n <svg viewBox=\"0 0 4 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path\n d=\"M0.75 3C0.33579 3 0 3.33579 0 3.75C0 4.16421 0.33579 4.5 0.75 4.5H1V6.5H0.75C0.33579 6.5 0 6.8358 0 7.25C0 7.6642 0.33579 8 0.75 8H2.75C3.16421 8 3.5 7.6642 3.5 7.25C3.5 6.8358 3.16421 6.5 2.75 6.5H2.5V3.75C2.5 3.33579 2.16421 3 1.75 3H0.75Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M2.5 1C2.5 1.55228 2.05229 2 1.5 2C0.94772 2 0.5 1.55228 0.5 1C0.5 0.44772 0.94772 0 1.5 0C2.05229 0 2.5 0.44772 2.5 1Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n </Tooltip>\n )}\n </UnorderedList.Item>\n )\n },\n)\n\ntype AsA = {as: 'a'; href: string; 'data-testid'?: string} & React.AnchorHTMLAttributes<BaseProps<HTMLAnchorElement>> &\n ButtonBaseProps\n\ntype AsButton = {as: 'button'; 'data-testid'?: string} & React.ButtonHTMLAttributes<BaseProps<HTMLButtonElement>> &\n ButtonBaseProps\n\ntype PricingOptionsActionsProps = AsA \| AsButton\n\ntype PricingOptionsActionsMessageProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {\n 'data-testid'?: string\n leadingComponent?: React.ReactElement\n}\n\nconst PricingOptionsActionsMessage = forwardRef<HTMLDivElement, PricingOptionsActionsMessageProps>(\n ({children, className, 'data-testid': testId, leadingComponent, ...rest}, ref) => {\n return (\n <div\n ref={ref}\n className={clsx(styles['PricingOptions__actions-message'], className)}\n data-testid={testId \|\| testIds.actionsMessage}\n {...rest}\n >\n {leadingComponent && (\n <span className={styles['PricingOptions__actions-message-leading-component']}>{leadingComponent}</span>\n )}\n <div className={styles['PricingOptions__actions-message-content']}>{children}</div>\n </div>\n )\n },\n)\n\nconst PricingOptionsPrimaryAction = forwardRef<\n HTMLAnchorElement \| HTMLButtonElement,\n PropsWithChildren<PricingOptionsActionsProps>\n>(({as, children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <Button\n ref={ref as React.Ref<HTMLButtonElement>}\n as={as}\n data-testid={testId \|\| testIds.primaryAction}\n className={clsx(styles['PricingOptions__primary-action'], className)}\n size=\"medium\"\n variant=\"primary\"\n block\n {...rest}\n >\n {children}\n </Button>\n )\n})\n\nconst PricingOptionsSecondaryAction = forwardRef<\n HTMLAnchorElement \| HTMLButtonElement,\n PropsWithChildren<PricingOptionsActionsProps>\n>(({as, children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <Button\n ref={ref as React.Ref<HTMLButtonElement>}\n as={as}\n className={clsx(styles['PricingOptions__primary-action'], className)}\n data-testid={testId \|\| testIds.secondaryAction}\n variant=\"secondary\"\n block\n {...rest}\n >\n {children}\n </Button>\n )\n})\n\ntype PricingOptionsMenuActionProps = PropsWithChildren<BaseProps<HTMLDivElement>> & {\n 'data-testid'?: string\n}\n\nconst PricingOptionsMenuAction = forwardRef<HTMLDivElement, PricingOptionsMenuActionProps>(\n ({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <div\n ref={ref}\n className={clsx(styles['PricingOptions__menu-action'], className)}\n data-testid={testId \|\| testIds.menuAction}\n {...rest}\n >\n {children}\n </div>\n )\n },\n)\n\ntype PricingOptionsFootnoteProps = PropsWithChildren<BaseProps<HTMLParagraphElement>> & {\n 'data-testid'?: string\n}\n\nconst PricingOptionsFootnote = forwardRef<HTMLParagraphElement, PricingOptionsFootnoteProps>(\n ({children, className, 'data-testid': testId, ...rest}, ref) => {\n return (\n <Text\n as=\"p\"\n className={clsx(styles.PricingOptions__footnote, className)}\n data-testid={testId \|\| testIds.footnote}\n ref={ref}\n size=\"100\"\n variant=\"muted\"\n weight=\"light\"\n {...rest}\n >\n {children}\n </Text>\n )\n },\n)\n\n/\n Pricing options component:\n * {@link https://primer.style/brand/components/PricingOptions/ See usage examples}.\n */\nexport const PricingOptions = Object.assign(PricingOptionsRoot, {\n ActionsMessage: PricingOptionsActionsMessage,\n Description: PricingOptionsDescription,\n FeatureList: PricingOptionsFeatureList,\n FeatureListHeading: PricingOptionsFeatureListHeading,\n FeatureListGroupHeading: PricingOptionsFeatureListGroupHeading,\n FeatureListItem: PricingOptionsFeatureListItem,\n Footnote: PricingOptionsFootnote,\n Label: PricingOptionsLabel,\n Heading: PricingOptionsHeading,\n Item: PricingOptionsItem,\n MenuAction: PricingOptionsMenuAction,\n Price: PricingOptionsPrice,\n PrimaryAction: PricingOptionsPrimaryAction,\n SecondaryAction: PricingOptionsSecondaryAction,\n testIds,\n})\n"],"mappings":"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"}

package/esm/PricingOptions/PricingOptions.module.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,CACF;CACK;CACL,GAAI;CACJ,yBAAyB,EAAC,QAAQ,EAAI;AACvC,CAAA,CAGP"}

package/esm/Prose/Prose.module.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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