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/EyebrowBanner/EyebrowBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EyebrowBanner.js","names":[],"sources":["../../src/EyebrowBanner/EyebrowBanner.tsx"],"sourcesContent":["import React, {PropsWithChildren, forwardRef, useCallback} from 'react'\nimport {clsx} from 'clsx'\nimport {type Icon as IconProps} from '@primer/octicons-react'\n\nimport {Text} from '../Text'\nimport {Colors, BiColorGradients} from '../constants'\n\nimport type {BaseProps} from '../component-helpers'\nimport {ExpandableArrow} from '../ExpandableArrow'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css'\n\n/* * Main Stylesheet (as a CSS Module) /\nimport styles from './EyebrowBanner.module.css'\n\nexport type EyebrowBannerProps = BaseProps<HTMLAnchorElement> & {\n href: string\n ['data-testid']?: string\n} & React.HTMLAttributes<HTMLAnchorElement> &\n React.AnchorHTMLAttributes<HTMLAnchorElement>\n\nconst testIds = {\n root: 'EyebrowBanner',\n visual: 'EyebrowBanner__visual',\n label: 'EyebrowBanner__label',\n expandableArrow: 'EyebrowBanner__expandableArrow',\n}\n\nconst _EyebrowBanner = forwardRef<HTMLAnchorElement, EyebrowBannerProps>(\n ({className, children, 'data-testid': testId, href, onMouseEnter, onMouseLeave, onFocus, onBlur, ...rest}, ref) => {\n const [isHovered, setIsHovered] = React.useState(false)\n const [isFocused, setIsFocused] = React.useState(false)\n\n const handleMouseEnter = useCallback(\n (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n setIsHovered(!isHovered)\n onMouseEnter?.(event)\n },\n [onMouseEnter, isHovered],\n )\n\n const handleMouseLeave = useCallback(\n (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n setIsHovered(!isHovered)\n onMouseLeave?.(event)\n },\n [onMouseLeave, isHovered],\n )\n\n const handleOnFocus = useCallback(\n (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n setIsFocused(!isFocused)\n onFocus?.(event)\n },\n [onFocus, isFocused],\n )\n\n const handleOnBlur = useCallback(\n (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n setIsFocused(!isFocused)\n onBlur?.(event)\n },\n [onBlur, isFocused],\n )\n\n const HeadingChild = React.Children.toArray(children).filter(child => {\n if (React.isValidElement(child)) {\n return child.type === EyebrowBannerHeading\n }\n })\n\n const SubHeadingChild = React.Children.toArray(children).filter(child => {\n if (React.isValidElement(child)) {\n return child.type === EyebrowBannerSubHeading\n }\n })\n\n const VisualChild = React.Children.toArray(children).find(child => {\n if (React.isValidElement(child)) {\n return child.type === EyebrowBannerVisual\n }\n })\n\n const LabelChild = React.Children.toArray(children).find(child => {\n if (React.isValidElement(child)) {\n return child.type === EyebrowBannerLabel\n }\n })\n\n return (\n <a\n href={href}\n ref={ref}\n className={clsx(styles.EyebrowBanner, className)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n data-testid={testId \|\| testIds.root}\n {...rest}\n >\n <span className={styles['EyebrowBanner__inner']}>\n {VisualChild && <span className={styles['EyebrowBanner__leadingVisual']}>{VisualChild}</span>}\n <span className=\"visually-hidden\"> </span>\n {LabelChild && !VisualChild && <>{LabelChild}</>}\n <span className=\"visually-hidden\"> </span>\n <span className={styles['EyebrowBanner__headings']}>\n {HeadingChild}\n <span className=\"visually-hidden\"> </span>\n {SubHeadingChild}\n </span>\n\n <span className={styles['EyebrowBanner__trailingVisual']}>\n <ExpandableArrow\n className={styles['EyebrowBanner__trailingVisual-icon']}\n expanded={isHovered \|\| isFocused}\n data-testid={testIds.expandableArrow}\n />\n </span>\n </span>\n </a>\n )\n },\n)\n\ntype EyebrowBannerHeadingProps = PropsWithChildren<BaseProps<HTMLSpanElement>>\n\nconst EyebrowBannerHeading = forwardRef<HTMLSpanElement, EyebrowBannerHeadingProps>(\n ({className, children, ...rest}, ref) => {\n return (\n <Text\n size=\"100\"\n variant=\"default\"\n weight=\"medium\"\n ref={ref}\n className={clsx(styles[`EyebrowBanner__heading`], className)}\n {...rest}\n >\n {children}\n </Text>\n )\n },\n)\n\ntype EyebrowBannerSubHeadingProps = PropsWithChildren<BaseProps<HTMLSpanElement>>\n\nconst EyebrowBannerSubHeading = forwardRef<HTMLSpanElement, EyebrowBannerSubHeadingProps>(\n ({className, children, ...rest}, ref) => {\n return (\n <Text\n size=\"100\"\n variant=\"muted\"\n ref={ref}\n className={clsx(styles[`EyebrowBanner__subHeading`], className)}\n {...rest}\n >\n {children}\n </Text>\n )\n },\n)\n\nexport const EyebrowBannerIconColors = Colors\n\nexport const defaultEyebrowBannerIconColor = EyebrowBannerIconColors[0]\n\ntype EyebrowBannerVisual = BaseProps<HTMLSpanElement> & {\n icon?: React.ReactNode \| IconProps\n color?: (typeof EyebrowBannerIconColors)[number]\n hasBackground?: boolean\n ['aria-hidden']?: boolean\n children?: React.ReactNode\n}\n\nconst EyebrowBannerVisual = forwardRef<HTMLSpanElement, EyebrowBannerVisual>(\n (\n {\n className,\n children,\n 'aria-hidden': ariaHidden,\n icon: Icon,\n color = defaultEyebrowBannerIconColor,\n hasBackground = false,\n ...rest\n },\n ref,\n ) => {\n return (\n <span\n ref={ref}\n className={clsx(\n styles[`EyebrowBanner__visual`],\n Icon && styles.EyebrowBanner__icon,\n Icon && styles[`EyebrowBanner__icon--color-${color}`],\n hasBackground && styles['EyebrowBanner__icon--badge'],\n className,\n )}\n data-testid={testIds.visual}\n aria-hidden={ariaHidden \|\| typeof Icon !== 'function'}\n {...rest}\n >\n {Icon ? typeof Icon === 'function' ? <Icon /> : Icon : children}\n </span>\n )\n },\n)\n\nexport const EyebrowBannerLabelColors = [...BiColorGradients, ...Colors] as const\n\ntype EyebrowBannerLabel = BaseProps<HTMLSpanElement> & {\n /\n The color variations available in EyebrowBanner.Label\n /\n color?: (typeof EyebrowBannerLabelColors)[number]\n}\n\nconst EyebrowBannerLabel = forwardRef<HTMLSpanElement, PropsWithChildren<EyebrowBannerLabel>>(\n ({className, children, color, ...rest}, ref) => {\n return (\n <span\n ref={ref}\n className={clsx(\n styles[`EyebrowBanner__leadingLabel`],\n color && styles[`EyebrowBanner__leadingLabel--color-${color}`],\n className,\n )}\n data-testid={testIds.label}\n {...rest}\n >\n {children}\n </span>\n )\n },\n)\n\n/\n Use EyebrowBanner to display a short message at the top of a page.\n * @see https://primer.style/brand/components/EyebrowBanner\n */\nexport const EyebrowBanner = Object.assign(_EyebrowBanner, {\n Visual: EyebrowBannerVisual,\n Label: EyebrowBannerLabel,\n Heading: EyebrowBannerHeading,\n SubHeading: EyebrowBannerSubHeading,\n testIds,\n})\n"],"mappings":"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"}
1	+ {"version":3,"file":"EyebrowBanner.js","names":[],"sources":["../../src/EyebrowBanner/EyebrowBanner.tsx"],"sourcesContent":["import React, {PropsWithChildren, forwardRef, useCallback} from 'react'\nimport {clsx} from 'clsx'\nimport {type Icon as IconProps} from '@primer/octicons-react'\n\nimport {Text} from '../Text'\nimport {Colors, BiColorGradients} from '../constants'\n\nimport type {BaseProps} from '../component-helpers'\nimport {ExpandableArrow} from '../ExpandableArrow'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css'\n\n/* * Main Stylesheet (as a CSS Module) /\nimport styles from './EyebrowBanner.module.css'\n\nexport type EyebrowBannerProps = BaseProps<HTMLAnchorElement> & {\n href: string\n ['data-testid']?: string\n} & React.HTMLAttributes<HTMLAnchorElement> &\n React.AnchorHTMLAttributes<HTMLAnchorElement>\n\nconst testIds = {\n root: 'EyebrowBanner',\n visual: 'EyebrowBanner__visual',\n label: 'EyebrowBanner__label',\n expandableArrow: 'EyebrowBanner__expandableArrow',\n}\n\nconst _EyebrowBanner = forwardRef<HTMLAnchorElement, EyebrowBannerProps>(\n ({className, children, 'data-testid': testId, href, onMouseEnter, onMouseLeave, onFocus, onBlur, ...rest}, ref) => {\n const [isHovered, setIsHovered] = React.useState(false)\n const [isFocused, setIsFocused] = React.useState(false)\n\n const handleMouseEnter = useCallback(\n (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n setIsHovered(!isHovered)\n onMouseEnter?.(event)\n },\n [onMouseEnter, isHovered],\n )\n\n const handleMouseLeave = useCallback(\n (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n setIsHovered(!isHovered)\n onMouseLeave?.(event)\n },\n [onMouseLeave, isHovered],\n )\n\n const handleOnFocus = useCallback(\n (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n setIsFocused(!isFocused)\n onFocus?.(event)\n },\n [onFocus, isFocused],\n )\n\n const handleOnBlur = useCallback(\n (event: React.FocusEvent<HTMLAnchorElement, Element>) => {\n setIsFocused(!isFocused)\n onBlur?.(event)\n },\n [onBlur, isFocused],\n )\n\n const HeadingChild = React.Children.toArray(children).filter(child => {\n if (React.isValidElement(child)) {\n return child.type === EyebrowBannerHeading\n }\n })\n\n const SubHeadingChild = React.Children.toArray(children).filter(child => {\n if (React.isValidElement(child)) {\n return child.type === EyebrowBannerSubHeading\n }\n })\n\n const VisualChild = React.Children.toArray(children).find(child => {\n if (React.isValidElement(child)) {\n return child.type === EyebrowBannerVisual\n }\n })\n\n const LabelChild = React.Children.toArray(children).find(child => {\n if (React.isValidElement(child)) {\n return child.type === EyebrowBannerLabel\n }\n })\n\n return (\n <a\n href={href}\n ref={ref}\n className={clsx(styles.EyebrowBanner, className)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n data-testid={testId \|\| testIds.root}\n {...rest}\n >\n <span className={styles['EyebrowBanner__inner']}>\n {VisualChild && <span className={styles['EyebrowBanner__leadingVisual']}>{VisualChild}</span>}\n <span className=\"visually-hidden\"> </span>\n {LabelChild && !VisualChild && <>{LabelChild}</>}\n <span className=\"visually-hidden\"> </span>\n <span className={styles['EyebrowBanner__headings']}>\n {HeadingChild}\n <span className=\"visually-hidden\"> </span>\n {SubHeadingChild}\n </span>\n\n <span className={styles['EyebrowBanner__trailingVisual']}>\n <ExpandableArrow\n className={styles['EyebrowBanner__trailingVisual-icon']}\n expanded={isHovered \|\| isFocused}\n data-testid={testIds.expandableArrow}\n />\n </span>\n </span>\n </a>\n )\n },\n)\n\ntype EyebrowBannerHeadingProps = PropsWithChildren<BaseProps<HTMLSpanElement>>\n\nconst EyebrowBannerHeading = forwardRef<HTMLSpanElement, EyebrowBannerHeadingProps>(\n ({className, children, ...rest}, ref) => {\n return (\n <Text\n size=\"100\"\n variant=\"default\"\n weight=\"medium\"\n ref={ref}\n className={clsx(styles[`EyebrowBanner__heading`], className)}\n {...rest}\n >\n {children}\n </Text>\n )\n },\n)\n\ntype EyebrowBannerSubHeadingProps = PropsWithChildren<BaseProps<HTMLSpanElement>>\n\nconst EyebrowBannerSubHeading = forwardRef<HTMLSpanElement, EyebrowBannerSubHeadingProps>(\n ({className, children, ...rest}, ref) => {\n return (\n <Text\n size=\"100\"\n variant=\"muted\"\n ref={ref}\n className={clsx(styles[`EyebrowBanner__subHeading`], className)}\n {...rest}\n >\n {children}\n </Text>\n )\n },\n)\n\nexport const EyebrowBannerIconColors = Colors\n\nexport const defaultEyebrowBannerIconColor = EyebrowBannerIconColors[0]\n\ntype EyebrowBannerVisual = BaseProps<HTMLSpanElement> & {\n icon?: React.ReactNode \| IconProps\n color?: (typeof EyebrowBannerIconColors)[number]\n hasBackground?: boolean\n ['aria-hidden']?: boolean\n children?: React.ReactNode\n}\n\nconst EyebrowBannerVisual = forwardRef<HTMLSpanElement, EyebrowBannerVisual>(\n (\n {\n className,\n children,\n 'aria-hidden': ariaHidden,\n icon: Icon,\n color = defaultEyebrowBannerIconColor,\n hasBackground = false,\n ...rest\n },\n ref,\n ) => {\n return (\n <span\n ref={ref}\n className={clsx(\n styles[`EyebrowBanner__visual`],\n Icon && styles.EyebrowBanner__icon,\n Icon && styles[`EyebrowBanner__icon--color-${color}`],\n hasBackground && styles['EyebrowBanner__icon--badge'],\n className,\n )}\n data-testid={testIds.visual}\n aria-hidden={ariaHidden \|\| typeof Icon !== 'function'}\n {...rest}\n >\n {Icon ? typeof Icon === 'function' ? <Icon /> : Icon : children}\n </span>\n )\n },\n)\n\nexport const EyebrowBannerLabelColors = [...BiColorGradients, ...Colors] as const\n\ntype EyebrowBannerLabel = BaseProps<HTMLSpanElement> & {\n /\n The color variations available in EyebrowBanner.Label\n /\n color?: (typeof EyebrowBannerLabelColors)[number]\n}\n\nconst EyebrowBannerLabel = forwardRef<HTMLSpanElement, PropsWithChildren<EyebrowBannerLabel>>(\n ({className, children, color, ...rest}, ref) => {\n return (\n <span\n ref={ref}\n className={clsx(\n styles[`EyebrowBanner__leadingLabel`],\n color && styles[`EyebrowBanner__leadingLabel--color-${color}`],\n className,\n )}\n data-testid={testIds.label}\n {...rest}\n >\n {children}\n </span>\n )\n },\n)\n\n/\n Use EyebrowBanner to display a short message at the top of a page.\n * @see https://primer.style/brand/components/EyebrowBanner\n */\nexport const EyebrowBanner = Object.assign(_EyebrowBanner, {\n Visual: EyebrowBannerVisual,\n Label: EyebrowBannerLabel,\n Heading: EyebrowBannerHeading,\n SubHeading: EyebrowBannerSubHeading,\n testIds,\n})\n"],"mappings":"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"}

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

@@ -1,11 +1,12 @@
-import './EyebrowBanner.module-DYeTmaU9.css';var e = {
-	EyebrowBanner: "Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9",
-	EyebrowBanner__inner: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__inner___FT9Za",
-	EyebrowBanner__headings: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___uqjq6",
-	EyebrowBanner__leadingVisual: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0",
-	EyebrowBanner__trailingVisual: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual___GOWPn",
+import './EyebrowBanner.module-DYeTmaU9.css';//#region src/EyebrowBanner/EyebrowBanner.module.css
+var e = "Primer_Brand__EyebrowBanner-module__EyebrowBanner___l0pH9", t = "Primer_Brand__EyebrowBanner-module__EyebrowBanner__inner___FT9Za", n = "Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___uqjq6", r = "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___jOHo0", i = "Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual___GOWPn", a = "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel___2iKJT", o = "Primer_Brand__EyebrowBanner-module__EyebrowBanner__heading___pV18r", s = "Primer_Brand__EyebrowBanner-module__EyebrowBanner__subHeading___j_Pgs", c = "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon___0DNEo", l = {
+	EyebrowBanner: e,
+	EyebrowBanner__inner: t,
+	EyebrowBanner__headings: n,
+	EyebrowBanner__leadingVisual: r,
+	EyebrowBanner__trailingVisual: i,
 	"EyebrowBanner__trailingVisual-icon": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual-icon___RR5Q9",
-	EyebrowBanner__leadingLabel: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel___2iKJT",
+	EyebrowBanner__leadingLabel: a,
 	"EyebrowBanner__leadingLabel--color-blue": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue___Q75Z_",
 	"EyebrowBanner__leadingLabel--color-blue-purple": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue-purple___u3vdi",
 	"EyebrowBanner__leadingLabel--color-coral": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-coral___n4YIN",
@@ -24,10 +25,10 @@ import './EyebrowBanner.module-DYeTmaU9.css';var e = {
 	"EyebrowBanner__leadingLabel--color-red-orange": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red-orange___tNfqQ",
 	"EyebrowBanner__leadingLabel--color-teal": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-teal___sHwEi",
 	"EyebrowBanner__leadingLabel--color-yellow": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-yellow___NED2T",
-	EyebrowBanner__heading: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__heading___pV18r",
-	EyebrowBanner__subHeading: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__subHeading___j_Pgs",
+	EyebrowBanner__heading: o,
+	EyebrowBanner__subHeading: s,
 	"EyebrowBanner__icon--badge": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___8JXiE",
-	EyebrowBanner__icon: "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon___0DNEo",
+	EyebrowBanner__icon: c,
 	"EyebrowBanner__icon--color-default": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-default___AHn0V",
 	"EyebrowBanner__icon--color-blue": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-blue___4OskO",
 	"EyebrowBanner__icon--color-coral": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-coral___T_46y",
@@ -44,6 +45,6 @@ import './EyebrowBanner.module-DYeTmaU9.css';var e = {
 	"EyebrowBanner__icon--color-yellow": "Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-yellow___oVyB6"
 };
 //#endregion
-export { e as default };
+export { e as EyebrowBanner, o as EyebrowBanner__heading, n as EyebrowBanner__headings, c as EyebrowBanner__icon, t as EyebrowBanner__inner, a as EyebrowBanner__leadingLabel, r as EyebrowBanner__leadingVisual, s as EyebrowBanner__subHeading, i as EyebrowBanner__trailingVisual, l as default };
 //# sourceMappingURL=EyebrowBanner.module.js.map

package/esm/EyebrowText/EyebrowText.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 { Text as t } from "../Text/Text.js";
 import n from "./EyebrowText.module.js";
 import { forwardRef as r } from "react";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EyebrowText.js","names":[],"sources":["../../src/EyebrowText/EyebrowText.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Text, type TextProps} from '../Text'\n\nimport type {BaseProps} from '../component-helpers'\n\n/** * Main Stylesheet (as a CSS Module) /\nimport styles from './EyebrowText.module.css'\n\nexport const EyebrowTextVariants = ['default', 'muted', 'accent'] as const\n\nexport type EyebrowTextVariant = (typeof EyebrowTextVariants)[number]\n\nexport type EyebrowTextProps = Omit<TextProps, 'as' \| 'animate' \| 'variant'> &\n Omit<BaseProps<HTMLSpanElement>, 'animate'> & {\n variant?: EyebrowTextVariant\n ['data-testid']?: string\n }\n\nconst testIds = {\n root: 'EyebrowText',\n}\n\nconst _EyebrowText = forwardRef<HTMLSpanElement, EyebrowTextProps>(\n (\n {\n className,\n children,\n style,\n 'data-testid': testId,\n font = 'monospace',\n size = '100',\n variant = 'muted',\n weight = 'normal',\n ...props\n },\n ref: Ref<HTMLSpanElement>,\n ) => {\n const textVariant = variant === 'accent' ? 'default' : variant\n\n return (\n <Text\n ref={ref}\n as=\"span\"\n size={size}\n variant={textVariant}\n font={font}\n weight={weight}\n className={clsx(styles.EyebrowText, variant === 'accent' && styles['EyebrowText--variant-accent'], className)}\n style={style}\n data-testid={testId \|\| testIds.root}\n {...props}\n >\n {children}\n </Text>\n )\n },\n)\n\n/\n EyebrowText is a simple text component that should be used above Headings.\n */\nexport const EyebrowText = Object.assign(_EyebrowText, {testIds})\n"],"mappings":";;;;;;AASA,IAAa,IAAsB;CAAC;CAAW;CAAS;~~CAAS~~,~~EAU3D~~,IAAU,EACd,MAAM,~~eACP~~,~~EAEK~~,IAAe,GAEjB,EACE,cACA,aACA,UACA,eAAe,GACf,UAAO,aACP,UAAO,OACP,aAAU,SACV,YAAS,UACT,GAAG,KAEL,MAKE,kBAAC,GAAD;CACO;CACL,IAAG;CACG;CACN,SAPgB,MAAY,WAAW,YAAY;CAQ7C;CACE;CACR,WAAW,EAAK,EAAO,aAAa,MAAY,YAAY,EAAO,gCAAgC,~~EAAU~~;~~CACtG~~;CACP,eAAa,KAAU,EAAQ;CAC/B,GAAI;CAEH;~~CACI~~,CAAA,CAGZ,~~EAKY~~,IAAc,OAAO,OAAO,GAAc,EAAC,~~YAAQ~~,CAAC"}
1	+ {"version":3,"file":"EyebrowText.js","names":[],"sources":["../../src/EyebrowText/EyebrowText.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Text, type TextProps} from '../Text'\n\nimport type {BaseProps} from '../component-helpers'\n\n/** * Main Stylesheet (as a CSS Module) /\nimport styles from './EyebrowText.module.css'\n\nexport const EyebrowTextVariants = ['default', 'muted', 'accent'] as const\n\nexport type EyebrowTextVariant = (typeof EyebrowTextVariants)[number]\n\nexport type EyebrowTextProps = Omit<TextProps, 'as' \| 'animate' \| 'variant'> &\n Omit<BaseProps<HTMLSpanElement>, 'animate'> & {\n variant?: EyebrowTextVariant\n ['data-testid']?: string\n }\n\nconst testIds = {\n root: 'EyebrowText',\n}\n\nconst _EyebrowText = forwardRef<HTMLSpanElement, EyebrowTextProps>(\n (\n {\n className,\n children,\n style,\n 'data-testid': testId,\n font = 'monospace',\n size = '100',\n variant = 'muted',\n weight = 'normal',\n ...props\n },\n ref: Ref<HTMLSpanElement>,\n ) => {\n const textVariant = variant === 'accent' ? 'default' : variant\n\n return (\n <Text\n ref={ref}\n as=\"span\"\n size={size}\n variant={textVariant}\n font={font}\n weight={weight}\n className={clsx(styles.EyebrowText, variant === 'accent' && styles['EyebrowText--variant-accent'], className)}\n style={style}\n data-testid={testId \|\| testIds.root}\n {...props}\n >\n {children}\n </Text>\n )\n },\n)\n\n/\n EyebrowText is a simple text component that should be used above Headings.\n */\nexport const EyebrowText = Object.assign(_EyebrowText, {testIds})\n"],"mappings":";;;;;;AASA,IAAa,IAAsB;CAAC;CAAW;CAAS;AAAQ,GAU1D,IAAU,EACd,MAAM,cACR,GAEM,IAAe,GAEjB,EACE,cACA,aACA,UACA,eAAe,GACf,UAAO,aACP,UAAO,OACP,aAAU,SACV,YAAS,UACT,GAAG,KAEL,MAKE,kBAAC,GAAD;CACO;CACL,IAAG;CACG;CACN,SAPgB,MAAY,WAAW,YAAY;CAQ7C;CACE;CACR,WAAW,EAAK,EAAO,aAAa,MAAY,YAAY,EAAO,gCAAgC,CAAS;CACrG;CACP,eAAa,KAAU,EAAQ;CAC/B,GAAI;CAEH;AACG,CAAA,CAGZ,GAKa,IAAc,OAAO,OAAO,GAAc,EAAC,WAAO,CAAC"}

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

@@ -1,8 +1,9 @@
-import './EyebrowText.module-DRReWOj8.css';var e = {
-	EyebrowText: "Primer_Brand__EyebrowText-module__EyebrowText___IBLG_",
+import './EyebrowText.module-DRReWOj8.css';//#region src/EyebrowText/EyebrowText.module.css
+var e = "Primer_Brand__EyebrowText-module__EyebrowText___IBLG_", t = {
+	EyebrowText: e,
 	"EyebrowText--variant-accent": "Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___euIbO"
 };
 //#endregion
-export { e as default };
+export { e as EyebrowText, t as default };
 //# sourceMappingURL=EyebrowText.module.js.map

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

@@ -20,7 +20,7 @@ export type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {
     children: React.ReactNode | React.ReactNode[];
     as?: Exclude<HeadingProps['as'], 'h1'>;
 } & HeadingProps;
-declare function FAQSubheading({ children, className, as, size, font, weight, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
+declare function FAQSubheading({ children, className, as, size, font, weight, ...rest }: FAQSubheadingProps): React.JSX.Element;
 /**
  * FAQ component:
  * {@link https://primer.style/brand/components/FAQ/ See usage examples}.
@@ -40,7 +40,7 @@ export declare const FAQ: React.ForwardRefExoticComponent<Omit<FAQRootProps, "re
         toggleColor?: typeof import("..").AccordionToggleColors[number];
         weight?: HeadingProps["weight"];
     } & React.RefAttributes<HTMLHeadingElement>>;
-    Answer: ({ children, className, ...rest }: import("..").AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+    Answer: ({ children, className, ...rest }: import("..").AccordionContentProps) => React.JSX.Element;
 };
 export {};
 //# sourceMappingURL=FAQ.d.ts.map

package/esm/FAQ/FAQ.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/FAQ/FAQ.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAG1D,OAAO,EAA2E,YAAY,EAAC,MAAM,IAAI,CAAA;AACzG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAGnD;;GAEG;AACH,OAAO,0FAA0F,CAAA;AACjG,OAAO,uGAAuG,CAAA;AAC9G,OAAO,yFAAyF,CAAA;AAOhG,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACjC,GAAG,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,GAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAgEnC,KAAK,eAAe,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;CACxB,GAAG,YAAY,CAAA;AAmBhB,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,EAAE,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAA;CACvC,GAAG,YAAY,CAAA;AAEhB,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,EAAS,EACT,IAAuB,EACvB,IAAkB,EAClB,MAAiB,EACjB,GAAG,IAAI,EACR,EAAE,kBAAkB,~~2CAapB~~;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;CAMd,CAAA"}
1	+ {"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/FAQ/FAQ.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAG1D,OAAO,EAA2E,YAAY,EAAC,MAAM,IAAI,CAAA;AACzG,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAGnD;;GAEG;AACH,OAAO,0FAA0F,CAAA;AACjG,OAAO,uGAAuG,CAAA;AAC9G,OAAO,yFAAyF,CAAA;AAOhG,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACjC,GAAG,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,GAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAgEnC,KAAK,eAAe,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;CACxB,GAAG,YAAY,CAAA;AAmBhB,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,kBAAkB,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,EAAE,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAA;CACvC,GAAG,YAAY,CAAA;AAEhB,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,EAAS,EACT,IAAuB,EACvB,IAAkB,EAClB,MAAiB,EACjB,GAAG,IAAI,EACR,EAAE,kBAAkB,qBAapB;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;CAMd,CAAA"}

package/esm/FAQ/FAQ.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 { Heading as n } from "../Heading/Heading.js";
 import { AccordionContent as r, AccordionHeading as i, AccordionRoot as a } from "../Accordion/Accordion.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FAQ.js","names":[],"sources":["../../src/FAQ/FAQ.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\n\nimport {useAnimation, Heading, AccordionHeading, AccordionContent, AccordionRoot, HeadingProps} from '..'\nimport type {BaseProps} from '../component-helpers'\nimport {isFragmentElement} from '../utils/isFragmentElement'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css'\n\n/\n Main stylesheet (as a CSS Module)\n /\nimport styles from './FAQ.module.css'\n\nexport type FAQRootProps = {\n variant?: 'default' \| 'gridline'\n} & PropsWithChildren<BaseProps<HTMLElement>> &\n React.HTMLAttributes<HTMLElement>\n\nconst FAQRoot = forwardRef<HTMLElement, FAQRootProps>(\n ({children, style, animate, className, variant = 'default', ...rest}, ref) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const filteredChildren = React.Children.toArray(children).filter(child => {\n if (React.isValidElement(child) && typeof child.type !== 'string') {\n if (\n isFragmentElement(child) \|\|\n (child as React.ReactElement).type === FAQHeading \|\|\n (child as React.ReactElement).type === FAQSubheading \|\|\n (child as React.ReactElement).type === AccordionRoot\n ) {\n return true\n }\n }\n return false\n })\n\n const hasSubheading = React.Children.toArray(children).some(\n child => React.isValidElement(child) && typeof child.type !== 'string' && child.type === FAQSubheading,\n )\n\n return (\n <section\n ref={ref}\n className={clsx(styles.FAQ, styles[`FAQ--variant-${variant}`], animationClasses, className)}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {React.Children.toArray(filteredChildren).map((child, index) => {\n if (React.isValidElement<FAQHeadingProps>(child) && child.type === FAQHeading) {\n const clonedChild = React.cloneElement(child, {\n align: hasSubheading ? 'start' : child.props.align,\n size: hasSubheading ? '3' : child.props.size,\n weight: hasSubheading ? 'medium' : child.props.weight,\n })\n\n if (variant === 'gridline') {\n return (\n <div key={child.key ?? index} className={styles[`FAQ__heading-wrapper--${variant}`]}>\n {clonedChild}\n </div>\n )\n }\n return clonedChild\n }\n\n const otherChild = child\n\n return variant === 'gridline' ? (\n <div key={index} className={styles[`FAQ__content-wrapper--${variant}`]}>\n {otherChild}\n </div>\n ) : (\n otherChild\n )\n })}\n </section>\n )\n },\n)\n\ntype FAQHeadingProps = BaseProps<HTMLHeadingElement> & {\n align?: 'start' \| 'center'\n children: React.ReactNode \| React.ReactNode[]\n as?: HeadingProps['as']\n} & HeadingProps\n\nconst FAQHeading = forwardRef<HTMLHeadingElement, FAQHeadingProps>(\n ({children, className, size = '3', align = 'center', as, ...rest}, ref) => {\n const headingLevel = size === '3' ? 'h3' : 'h2'\n return (\n <Heading\n as={as \|\| headingLevel}\n size={size}\n className={clsx(styles.FAQ__heading, styles[`FAQ__heading--${align}`], className)}\n ref={ref}\n {...rest}\n >\n {children}\n </Heading>\n )\n },\n)\n\nexport type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {\n align?: 'start' \| 'center'\n children: React.ReactNode \| React.ReactNode[]\n as?: Exclude<HeadingProps['as'], 'h1'>\n} & HeadingProps\n\nfunction FAQSubheading({\n children,\n className,\n as = 'h3',\n size = 'subhead-medium',\n font = 'monospace',\n weight = 'medium',\n ...rest\n}: FAQSubheadingProps) {\n return (\n <Heading\n as={as}\n className={clsx(styles.FAQ__subheading, className)}\n weight={weight}\n size={size}\n font={font}\n {...rest}\n >\n {children}\n </Heading>\n )\n}\n\n/\n FAQ component:\n * {@link https://primer.style/brand/components/FAQ/ See usage examples}.\n */\nexport const FAQ = Object.assign(FAQRoot, {\n Subheading: FAQSubheading,\n Heading: FAQHeading,\n Item: AccordionRoot,\n Question: AccordionHeading,\n Answer: AccordionContent,\n})\n"],"mappings":";;;;;;;;;;;;AAwBA,IAAM,IAAU,GACb,EAAC,aAAU,UAAO,YAAS,cAAW,aAAU,WAAW,GAAG,KAAO,MAAQ;CAC5E,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,~~EAAQ~~,~~EAElF~~,IAAmB,EAAM,SAAS,QAAQ,~~EAAS~~,CAAC,QAAO,MAC/D,GAAI,EAAM,eAAe,~~EAAM~~,~~IAAI~~,OAAO,EAAM,QAAS,aAErD,EAAkB,~~EAAM~~,~~IACvB~~,EAA6B,SAAS,KACtC,EAA6B,SAAS,KACtC,EAA6B,SAAS,~~IAM3C~~,~~EAEI~~,IAAgB,EAAM,SAAS,QAAQ,~~EAAS~~,CAAC,MACrD,MAAS,EAAM,eAAe,~~EAAM~~,~~IAAI~~,OAAO,EAAM,QAAS,YAAY,EAAM,SAAS,~~EAC1F~~;~~AAED~~,~~QACE~~,kBAAC,WAAD;EACO;EACL,WAAW,EAAK,EAAO,KAAK,EAAO,gBAAgB,MAAY,GAAkB,~~EAAU~~;~~EAC3F~~,OAAO;GAAC,GAAG;GAAuB,GAAG;~~GAAM~~;~~EAC3C~~,GAAI;YAEH,EAAM,SAAS,QAAQ,~~EAAiB~~,CAAC,KAAK,GAAO,MAAU;~~AAC9D~~,~~OAAI~~,EAAM,eAAgC,~~EAAM~~,~~IAAI~~,EAAM,SAAS,GAAY;IAC7E,IAAM,IAAc,EAAM,aAAa,GAAO;KAC5C,OAAO,IAAgB,UAAU,EAAM,MAAM;KAC7C,MAAM,IAAgB,MAAM,EAAM,MAAM;KACxC,QAAQ,IAAgB,WAAW,EAAM,MAAM;~~KAChD~~,CAAC;~~AASF~~,~~WAPI~~,MAAY,aAEZ,kBAAC,OAAD;KAA8B,WAAW,EAAO,yBAAyB;eACtE;~~KACG~~,~~EAFI~~,EAAM,OAAO,~~EAEjB~~,~~GAGH;;GAGT~~,IAAM,IAAa;~~AAEnB~~,~~UAAO~~,MAAY,aACjB,kBAAC,OAAD;IAAiB,WAAW,EAAO,yBAAyB;cACzD;~~IACG~~,~~EAFI~~,EAEJ,~~GAEN~~;~~IAEF;EACM~~,CAAA;~~EAGf~~,~~EAQK~~,IAAa,GAChB,EAAC,aAAU,cAAW,UAAO,KAAK,WAAQ,UAAU,OAAI,GAAG,KAAO,MAG/D,kBAAC,GAAD;CACE,IAAI,MAHa,MAAS,MAAM,OAAO;CAIjC;CACN,WAAW,EAAK,EAAO,cAAc,EAAO,iBAAiB,MAAU,~~EAAU~~;~~CAC5E~~;CACL,GAAI;CAEH;~~CACO~~,CAAA,CAGf;~~AAQD~~,SAAS,EAAc,EACrB,aACA,cACA,QAAK,MACL,UAAO,kBACP,UAAO,aACP,YAAS,UACT,GAAG,KACkB;~~AACrB~~,~~QACE~~,kBAAC,GAAD;EACM;EACJ,WAAW,EAAK,EAAO,iBAAiB,~~EAAU~~;~~EAC1C~~;EACF;EACA;EACN,GAAI;EAEH;~~EACO~~,CAAA~~;;AAQd~~,IAAa,IAAM,OAAO,OAAO,GAAS;CACxC,YAAY;CACZ,SAAS;CACT,MAAM;CACN,UAAU;CACV,QAAQ;~~CACT~~,CAAC"}
1	+ {"version":3,"file":"FAQ.js","names":[],"sources":["../../src/FAQ/FAQ.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\n\nimport {useAnimation, Heading, AccordionHeading, AccordionContent, AccordionRoot, HeadingProps} from '..'\nimport type {BaseProps} from '../component-helpers'\nimport {isFragmentElement} from '../utils/isFragmentElement'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css'\n\n/\n Main stylesheet (as a CSS Module)\n /\nimport styles from './FAQ.module.css'\n\nexport type FAQRootProps = {\n variant?: 'default' \| 'gridline'\n} & PropsWithChildren<BaseProps<HTMLElement>> &\n React.HTMLAttributes<HTMLElement>\n\nconst FAQRoot = forwardRef<HTMLElement, FAQRootProps>(\n ({children, style, animate, className, variant = 'default', ...rest}, ref) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const filteredChildren = React.Children.toArray(children).filter(child => {\n if (React.isValidElement(child) && typeof child.type !== 'string') {\n if (\n isFragmentElement(child) \|\|\n (child as React.ReactElement).type === FAQHeading \|\|\n (child as React.ReactElement).type === FAQSubheading \|\|\n (child as React.ReactElement).type === AccordionRoot\n ) {\n return true\n }\n }\n return false\n })\n\n const hasSubheading = React.Children.toArray(children).some(\n child => React.isValidElement(child) && typeof child.type !== 'string' && child.type === FAQSubheading,\n )\n\n return (\n <section\n ref={ref}\n className={clsx(styles.FAQ, styles[`FAQ--variant-${variant}`], animationClasses, className)}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {React.Children.toArray(filteredChildren).map((child, index) => {\n if (React.isValidElement<FAQHeadingProps>(child) && child.type === FAQHeading) {\n const clonedChild = React.cloneElement(child, {\n align: hasSubheading ? 'start' : child.props.align,\n size: hasSubheading ? '3' : child.props.size,\n weight: hasSubheading ? 'medium' : child.props.weight,\n })\n\n if (variant === 'gridline') {\n return (\n <div key={child.key ?? index} className={styles[`FAQ__heading-wrapper--${variant}`]}>\n {clonedChild}\n </div>\n )\n }\n return clonedChild\n }\n\n const otherChild = child\n\n return variant === 'gridline' ? (\n <div key={index} className={styles[`FAQ__content-wrapper--${variant}`]}>\n {otherChild}\n </div>\n ) : (\n otherChild\n )\n })}\n </section>\n )\n },\n)\n\ntype FAQHeadingProps = BaseProps<HTMLHeadingElement> & {\n align?: 'start' \| 'center'\n children: React.ReactNode \| React.ReactNode[]\n as?: HeadingProps['as']\n} & HeadingProps\n\nconst FAQHeading = forwardRef<HTMLHeadingElement, FAQHeadingProps>(\n ({children, className, size = '3', align = 'center', as, ...rest}, ref) => {\n const headingLevel = size === '3' ? 'h3' : 'h2'\n return (\n <Heading\n as={as \|\| headingLevel}\n size={size}\n className={clsx(styles.FAQ__heading, styles[`FAQ__heading--${align}`], className)}\n ref={ref}\n {...rest}\n >\n {children}\n </Heading>\n )\n },\n)\n\nexport type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {\n align?: 'start' \| 'center'\n children: React.ReactNode \| React.ReactNode[]\n as?: Exclude<HeadingProps['as'], 'h1'>\n} & HeadingProps\n\nfunction FAQSubheading({\n children,\n className,\n as = 'h3',\n size = 'subhead-medium',\n font = 'monospace',\n weight = 'medium',\n ...rest\n}: FAQSubheadingProps) {\n return (\n <Heading\n as={as}\n className={clsx(styles.FAQ__subheading, className)}\n weight={weight}\n size={size}\n font={font}\n {...rest}\n >\n {children}\n </Heading>\n )\n}\n\n/\n FAQ component:\n * {@link https://primer.style/brand/components/FAQ/ See usage examples}.\n */\nexport const FAQ = Object.assign(FAQRoot, {\n Subheading: FAQSubheading,\n Heading: FAQHeading,\n Item: AccordionRoot,\n Question: AccordionHeading,\n Answer: AccordionContent,\n})\n"],"mappings":";;;;;;;;;;;;AAwBA,IAAM,IAAU,GACb,EAAC,aAAU,UAAO,YAAS,cAAW,aAAU,WAAW,GAAG,KAAO,MAAQ;CAC5E,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,CAAO,GAEjF,IAAmB,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,QAAO,MAC/D,GAAI,EAAM,eAAe,CAAK,KAAK,OAAO,EAAM,QAAS,aAErD,EAAkB,CAAK,KACtB,EAA6B,SAAS,KACtC,EAA6B,SAAS,KACtC,EAA6B,SAAS,GAM5C,GAEK,IAAgB,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,MACrD,MAAS,EAAM,eAAe,CAAK,KAAK,OAAO,EAAM,QAAS,YAAY,EAAM,SAAS,CAC3F;CAEA,OACE,kBAAC,WAAD;EACO;EACL,WAAW,EAAK,EAAO,KAAK,EAAO,gBAAgB,MAAY,GAAkB,CAAS;EAC1F,OAAO;GAAC,GAAG;GAAuB,GAAG;EAAK;EAC1C,GAAI;YAEH,EAAM,SAAS,QAAQ,CAAgB,CAAC,CAAC,KAAK,GAAO,MAAU;GAC9D,IAAI,EAAM,eAAgC,CAAK,KAAK,EAAM,SAAS,GAAY;IAC7E,IAAM,IAAc,EAAM,aAAa,GAAO;KAC5C,OAAO,IAAgB,UAAU,EAAM,MAAM;KAC7C,MAAM,IAAgB,MAAM,EAAM,MAAM;KACxC,QAAQ,IAAgB,WAAW,EAAM,MAAM;IACjD,CAAC;IASD,OAPI,MAAY,aAEZ,kBAAC,OAAD;KAA8B,WAAW,EAAO,yBAAyB;eACtE;IACE,GAFK,EAAM,OAAO,CAElB,IAGF;GACT;GAEA,IAAM,IAAa;GAEnB,OAAO,MAAY,aACjB,kBAAC,OAAD;IAAiB,WAAW,EAAO,yBAAyB;cACzD;GACE,GAFK,CAEL,IAEL;EAEJ,CAAC;CACM,CAAA;AAEb,CACF,GAQM,IAAa,GAChB,EAAC,aAAU,cAAW,UAAO,KAAK,WAAQ,UAAU,OAAI,GAAG,KAAO,MAG/D,kBAAC,GAAD;CACE,IAAI,MAHa,MAAS,MAAM,OAAO;CAIjC;CACN,WAAW,EAAK,EAAO,cAAc,EAAO,iBAAiB,MAAU,CAAS;CAC3E;CACL,GAAI;CAEH;AACM,CAAA,CAGf;AAQA,SAAS,EAAc,EACrB,aACA,cACA,QAAK,MACL,UAAO,kBACP,UAAO,aACP,YAAS,UACT,GAAG,KACkB;CACrB,OACE,kBAAC,GAAD;EACM;EACJ,WAAW,EAAK,EAAO,iBAAiB,CAAS;EACzC;EACF;EACA;EACN,GAAI;EAEH;CACM,CAAA;AAEb;AAMA,IAAa,IAAM,OAAO,OAAO,GAAS;CACxC,YAAY;CACZ,SAAS;CACT,MAAM;CACN,UAAU;CACV,QAAQ;AACV,CAAC"}

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

@@ -1,16 +1,17 @@
-import './FAQ.module-BFCs33mw.css';var e = {
-	FAQ: "Primer_Brand__FAQ-module__FAQ___fhKat",
+import './FAQ.module-BFCs33mw.css';//#region src/FAQ/FAQ.module.css
+var e = "Primer_Brand__FAQ-module__FAQ___fhKat", t = "Primer_Brand__FAQ-module__FAQ__heading___8eTS4", n = "Primer_Brand__FAQ-module__FAQ__subheading___AVw7m", r = "Primer_Brand__FAQ-module__details__summary___1sVQ4", i = {
+	FAQ: e,
 	"FAQ--variant-gridline": "Primer_Brand__FAQ-module__FAQ--variant-gridline___oIn0f",
 	"FAQ__content-wrapper--gridline": "Primer_Brand__FAQ-module__FAQ__content-wrapper--gridline___AWSUU",
 	"FAQ__heading-wrapper--gridline": "Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___c4m3j",
-	FAQ__heading: "Primer_Brand__FAQ-module__FAQ__heading___8eTS4",
-	FAQ__subheading: "Primer_Brand__FAQ-module__FAQ__subheading___AVw7m",
+	FAQ__heading: t,
+	FAQ__subheading: n,
 	"FAQ__heading--start": "Primer_Brand__FAQ-module__FAQ__heading--start___frhvf",
 	"FAQ__heading--center": "Primer_Brand__FAQ-module__FAQ__heading--center___dED8A",
 	"FAQ__heading--large": "Primer_Brand__FAQ-module__FAQ__heading--large___v8f53",
-	details__summary: "Primer_Brand__FAQ-module__details__summary___1sVQ4"
+	details__summary: r
 };
 //#endregion
-export { e as default };
+export { e as FAQ, t as FAQ__heading, n as FAQ__subheading, i as default, r as details__summary };
 //# sourceMappingURL=FAQ.module.js.map

package/esm/FAQ/FAQGroup.d.ts CHANGED Viewed

@@ -6,14 +6,14 @@ import { FAQSubheadingProps } from './';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css';
-declare function HeadingBase({ children, className, as, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
+declare function HeadingBase({ children, className, as, ...rest }: FAQSubheadingProps): React.JSX.Element;
 export type FAQGroupProps = React.PropsWithChildren<{
     id?: string;
     variant?: 'default' | 'gridline';
     defaultSelectedIndex?: number;
     tabAttributes?: (children: React.ReactNode, index: number) => Record<string, unknown>;
 }>;
-declare function FAQGroupBase({ children, id, variant, defaultSelectedIndex, tabAttributes, ...rest }: FAQGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function FAQGroupBase({ children, id, variant, defaultSelectedIndex, tabAttributes, ...rest }: FAQGroupProps): React.JSX.Element;
 /**
  * FAQGroup component:
  * {@link https://primer.style/brand/components/FAQ#grouped-faqs See usage examples}.

package/esm/FAQ/FAQGroup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FAQGroup.d.ts","sourceRoot":"","sources":["../../src/FAQ/FAQGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAC,kBAAkB,EAAoB,MAAM,IAAI,CAAA;AAGxD;;GAEG;AACH,OAAO,0FAA0F,CAAA;AACjG,OAAO,uGAAuG,CAAA;AAC9G,OAAO,yFAAyF,CAAA;AAOhG,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAS,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,~~2CAMjF~~;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACtF,CAAC,CAAA;AAEF,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,EAAE,EACF,OAAmB,EACnB,oBAAwB,EACxB,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,~~2CA8Mf~~;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;;CAEnB,CAAA"}
1	+ {"version":3,"file":"FAQGroup.d.ts","sourceRoot":"","sources":["../../src/FAQ/FAQGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAC,kBAAkB,EAAoB,MAAM,IAAI,CAAA;AAGxD;;GAEG;AACH,OAAO,0FAA0F,CAAA;AACjG,OAAO,uGAAuG,CAAA;AAC9G,OAAO,yFAAyF,CAAA;AAOhG,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAS,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,qBAMjF;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACtF,CAAC,CAAA;AAEF,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,EAAE,EACF,OAAmB,EACnB,oBAAwB,EACxB,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,qBA8Mf;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;;CAEnB,CAAA"}

package/esm/FAQ/FAQGroup.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 { useId as t } from "../hooks/useId.js";
 import { Grid as n } from "../Grid/Grid.js";
 import { Stack as r } from "../Stack/Stack.js";
@@ -26,11 +26,15 @@ function p({ children: a, id: p, variant: m = "default", defaultSelectedIndex: g
 		b(e), x || S(!0);
 	}, E = (e) => (t) => {
 		if (t.key === "ArrowUp") {
-			t.preventDefault(), b((e - 1 + D.length) % D.length), x || S(!0);
+			t.preventDefault();
+			let n = (e - 1 + D.length) % D.length;
+			b(n), x || S(!0);
 			return;
 		}
 		if (t.key === "ArrowDown") {
-			t.preventDefault(), b((e + 1) % D.length), x || S(!0);
+			t.preventDefault();
+			let n = (e + 1) % D.length;
+			b(n), x || S(!0);
 			return;
 		}
 	};

package/esm/FAQ/FAQGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FAQGroup.js","names":[],"sources":["../../src/FAQ/FAQGroup.tsx"],"sourcesContent":["import React from 'react'\nimport {useId} from '../hooks/useId'\nimport {clsx} from 'clsx'\n\nimport {FAQSubheadingProps, FAQRootProps, FAQ} from './'\nimport {Accordion, Grid, Heading, Stack, Box} from '../'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css'\n\n/\n Main stylesheet (as a CSS Module)\n /\nimport styles from './FAQGroup.module.css'\n\nfunction HeadingBase({children, className, as = 'h3', ...rest}: FAQSubheadingProps) {\n return (\n <Heading as={as} className={clsx(styles['FAQGroup__heading'], className)} {...rest}>\n {children}\n </Heading>\n )\n}\n\nexport type FAQGroupProps = React.PropsWithChildren<{\n id?: string\n variant?: 'default' \| 'gridline'\n defaultSelectedIndex?: number\n tabAttributes?: (children: React.ReactNode, index: number) => Record<string, unknown>\n}>\n\nfunction FAQGroupBase({\n children,\n id,\n variant = 'default',\n defaultSelectedIndex = 0,\n tabAttributes,\n ...rest\n}: FAQGroupProps) {\n const [selectedIndex, setSelectedIndex] = React.useState(defaultSelectedIndex)\n const [hasInteracted, setHasInteracted] = React.useState(false)\n const instanceId = useId(id)\n const selectedTabRef = React.useRef<HTMLButtonElement>(null)\n\n const handleTabClick = (index: number) => (_event: React.MouseEvent<HTMLButtonElement>) => {\n setSelectedIndex(index)\n if (!hasInteracted) setHasInteracted(true)\n }\n\n const handleKeyDown = (index: number) => (_event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (_event.key === 'ArrowUp') {\n _event.preventDefault()\n const prevIndex = (index - 1 + faqChildren.length) % faqChildren.length\n setSelectedIndex(prevIndex)\n if (!hasInteracted) setHasInteracted(true)\n return\n }\n\n if (_event.key === 'ArrowDown') {\n _event.preventDefault()\n const nextIndex = (index + 1) % faqChildren.length\n setSelectedIndex(nextIndex)\n if (!hasInteracted) setHasInteracted(true)\n return\n }\n }\n\n React.useEffect(() => {\n if (hasInteracted) selectedTabRef.current?.focus()\n }, [hasInteracted, selectedIndex])\n\n const faqChildren = React.Children.toArray(children).filter(\n (child): child is React.ReactElement<FAQRootProps> =>\n React.isValidElement<FAQRootProps>(child) && child.type === FAQ,\n )\n\n const Tabs = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const GroupHeadingChild = React.Children.toArray(faqChild.props.children).find(\n (child): child is React.ReactElement<React.ComponentProps<typeof FAQ.Heading>> =>\n React.isValidElement(child) && child.type === FAQ.Heading,\n )\n\n const tabContents = GroupHeadingChild?.props.children\n\n const providedTabAttributes =\n GroupHeadingChild && tabAttributes ? tabAttributes(tabContents ?? null, index) : undefined\n const tabAttributeProps = providedTabAttributes ?? {}\n const {ref: providedTabRef, ...tabAttributeRest} = tabAttributeProps as {\n ref?: React.Ref<HTMLButtonElement>\n }\n\n const handleTabRef = (node: HTMLButtonElement \| null) => {\n if (selectedIndex === index) {\n selectedTabRef.current = node\n } else if (selectedTabRef.current === node) {\n selectedTabRef.current = null\n }\n\n assignRef(providedTabRef, node)\n }\n\n return (\n <button\n type=\"button\"\n role=\"tab\"\n className={styles['FAQGroup__tablist-button']}\n id={`${instanceId}-tab-${index}`}\n aria-controls={`${instanceId}-panel-${index}`}\n aria-selected={selectedIndex === index}\n onClick={handleTabClick(index)}\n onKeyDown={handleKeyDown(index)}\n key={index}\n data-testid={`FAQGroup-tab-${index + 1}`}\n tabIndex={selectedIndex !== index ? -1 : undefined}\n ref={handleTabRef}\n {...tabAttributeRest}\n >\n {tabContents}\n </button>\n )\n }\n return null\n })\n\n const TabPanels = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const FAQItemChild = React.Children.map(faqChild.props.children, child =>\n React.isValidElement(child) && child.type !== FAQ.Heading ? child : null,\n )\n\n const FAQItemHeadingText = React.Children.map(faqChild.props.children, child =>\n React.isValidElement<{children?: React.ReactNode}>(child) && child.type === FAQ.Heading\n ? child.props.children\n : null,\n )\n\n return (\n <div\n role=\"tabpanel\"\n id={`${instanceId}-panel-${index}`}\n aria-labelledby={`${instanceId}-tab-${index}`}\n hidden={selectedIndex !== index}\n key={index}\n data-testid={`FAQGroup-tab-panel-${index + 1}`}\n >\n {FAQItemHeadingText && (\n <FAQ.Subheading\n data-testid={`FAQGroup-tab-panel-heading-${index + 1}`}\n className={clsx(styles['FAQGroup__panel-subHeading'])}\n >\n {FAQItemHeadingText}\n </FAQ.Subheading>\n )}\n {FAQItemChild}\n </div>\n )\n }\n })\n\n const SectionedAccordions = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const GroupHeadingChild = React.Children.toArray(faqChild.props.children).find(\n (child): child is React.ReactElement<React.ComponentProps<typeof FAQ.Heading>> =>\n React.isValidElement(child) && child.type === FAQ.Heading,\n )\n const FAQItemChild = React.Children.map(faqChild.props.children, child =>\n React.isValidElement<{className?: string}>(child) && child.type !== FAQ.Heading\n ? React.cloneElement(child, {\n className: clsx(styles['FAQGroup__nested-accordion-item'], child.props.className),\n })\n : null,\n )\n\n if (!GroupHeadingChild \|\| !FAQItemChild) return null\n\n return (\n <Accordion\n key={index}\n variant=\"emphasis\"\n className={clsx(variant === 'gridline' && styles['FAQGroup__accordion--gridline'])}\n >\n <Accordion.Heading {...GroupHeadingChild.props} />\n <Accordion.Content>{FAQItemChild}</Accordion.Content>\n </Accordion>\n )\n }\n })\n\n const GroupHeading = React.Children.toArray(children).find(\n (child): child is React.ReactElement<FAQSubheadingProps> =>\n React.isValidElement(child) && child.type === HeadingBase,\n )\n\n const Tag = variant === 'gridline' ? Box : React.Fragment\n const tagProps = variant === 'gridline' ? {className: clsx(styles['FAQGroup__gridline-wrapper'])} : {}\n\n return (\n <Tag {...tagProps}>\n <div className={clsx(styles[`FAQGroup__heading-wrapper`], styles[`FAQGroup__heading-wrapper--${variant}`])}>\n <Grid enableGutters={false} {...rest}>\n <Grid.Column>\n {GroupHeading && (\n <Grid>\n <Grid.Column>{GroupHeading}</Grid.Column>\n </Grid>\n )}\n </Grid.Column>\n </Grid>\n </div>\n <Grid enableGutters={false} {...rest}>\n <Grid.Column span={12}>\n <div className={clsx(styles.FAQGroup__accordion)}>{SectionedAccordions}</div>\n <Grid className={clsx(styles.FAQGroup)}>\n <Grid.Column\n span={{medium: 5, large: 4}}\n className={clsx(\n styles.FAQGroup__tablist,\n variant === 'gridline' && styles['FAQGroup__tablist--gridline'],\n )}\n >\n <Stack\n direction=\"vertical\"\n aria-orientation=\"vertical\"\n padding=\"none\"\n role=\"tablist\"\n gap=\"none\"\n alignItems=\"flex-start\"\n >\n {Tabs}\n </Stack>\n </Grid.Column>\n <Grid.Column\n start={6}\n span={7}\n className={clsx(variant === 'gridline' && styles['FAQGroup__content--gridline'])}\n >\n {TabPanels}\n </Grid.Column>\n </Grid>\n </Grid.Column>\n </Grid>\n </Tag>\n )\n}\n\n/\n FAQGroup component:\n * {@link https://primer.style/brand/components/FAQ#grouped-faqs See usage examples}.\n */\nexport const FAQGroup = Object.assign(FAQGroupBase, {\n Heading: HeadingBase,\n})\n\nfunction assignRef<T>(ref: React.Ref<T> \| undefined, value: T \| null) {\n if (!ref) return\n if (typeof ref === 'function') {\n ref(value)\n return\n }\n\n ;(ref as React.MutableRefObject<T \| null>).current = value\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FAQGroup.js","names":[],"sources":["../../src/FAQ/FAQGroup.tsx"],"sourcesContent":["import React from 'react'\nimport {useId} from '../hooks/useId'\nimport {clsx} from 'clsx'\n\nimport {FAQSubheadingProps, FAQRootProps, FAQ} from './'\nimport {Accordion, Grid, Heading, Stack, Box} from '../'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css'\n\n/\n Main stylesheet (as a CSS Module)\n /\nimport styles from './FAQGroup.module.css'\n\nfunction HeadingBase({children, className, as = 'h3', ...rest}: FAQSubheadingProps) {\n return (\n <Heading as={as} className={clsx(styles['FAQGroup__heading'], className)} {...rest}>\n {children}\n </Heading>\n )\n}\n\nexport type FAQGroupProps = React.PropsWithChildren<{\n id?: string\n variant?: 'default' \| 'gridline'\n defaultSelectedIndex?: number\n tabAttributes?: (children: React.ReactNode, index: number) => Record<string, unknown>\n}>\n\nfunction FAQGroupBase({\n children,\n id,\n variant = 'default',\n defaultSelectedIndex = 0,\n tabAttributes,\n ...rest\n}: FAQGroupProps) {\n const [selectedIndex, setSelectedIndex] = React.useState(defaultSelectedIndex)\n const [hasInteracted, setHasInteracted] = React.useState(false)\n const instanceId = useId(id)\n const selectedTabRef = React.useRef<HTMLButtonElement>(null)\n\n const handleTabClick = (index: number) => (_event: React.MouseEvent<HTMLButtonElement>) => {\n setSelectedIndex(index)\n if (!hasInteracted) setHasInteracted(true)\n }\n\n const handleKeyDown = (index: number) => (_event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (_event.key === 'ArrowUp') {\n _event.preventDefault()\n const prevIndex = (index - 1 + faqChildren.length) % faqChildren.length\n setSelectedIndex(prevIndex)\n if (!hasInteracted) setHasInteracted(true)\n return\n }\n\n if (_event.key === 'ArrowDown') {\n _event.preventDefault()\n const nextIndex = (index + 1) % faqChildren.length\n setSelectedIndex(nextIndex)\n if (!hasInteracted) setHasInteracted(true)\n return\n }\n }\n\n React.useEffect(() => {\n if (hasInteracted) selectedTabRef.current?.focus()\n }, [hasInteracted, selectedIndex])\n\n const faqChildren = React.Children.toArray(children).filter(\n (child): child is React.ReactElement<FAQRootProps> =>\n React.isValidElement<FAQRootProps>(child) && child.type === FAQ,\n )\n\n const Tabs = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const GroupHeadingChild = React.Children.toArray(faqChild.props.children).find(\n (child): child is React.ReactElement<React.ComponentProps<typeof FAQ.Heading>> =>\n React.isValidElement(child) && child.type === FAQ.Heading,\n )\n\n const tabContents = GroupHeadingChild?.props.children\n\n const providedTabAttributes =\n GroupHeadingChild && tabAttributes ? tabAttributes(tabContents ?? null, index) : undefined\n const tabAttributeProps = providedTabAttributes ?? {}\n const {ref: providedTabRef, ...tabAttributeRest} = tabAttributeProps as {\n ref?: React.Ref<HTMLButtonElement>\n }\n\n const handleTabRef = (node: HTMLButtonElement \| null) => {\n if (selectedIndex === index) {\n selectedTabRef.current = node\n } else if (selectedTabRef.current === node) {\n selectedTabRef.current = null\n }\n\n assignRef(providedTabRef, node)\n }\n\n return (\n <button\n type=\"button\"\n role=\"tab\"\n className={styles['FAQGroup__tablist-button']}\n id={`${instanceId}-tab-${index}`}\n aria-controls={`${instanceId}-panel-${index}`}\n aria-selected={selectedIndex === index}\n onClick={handleTabClick(index)}\n onKeyDown={handleKeyDown(index)}\n key={index}\n data-testid={`FAQGroup-tab-${index + 1}`}\n tabIndex={selectedIndex !== index ? -1 : undefined}\n ref={handleTabRef}\n {...tabAttributeRest}\n >\n {tabContents}\n </button>\n )\n }\n return null\n })\n\n const TabPanels = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const FAQItemChild = React.Children.map(faqChild.props.children, child =>\n React.isValidElement(child) && child.type !== FAQ.Heading ? child : null,\n )\n\n const FAQItemHeadingText = React.Children.map(faqChild.props.children, child =>\n React.isValidElement<{children?: React.ReactNode}>(child) && child.type === FAQ.Heading\n ? child.props.children\n : null,\n )\n\n return (\n <div\n role=\"tabpanel\"\n id={`${instanceId}-panel-${index}`}\n aria-labelledby={`${instanceId}-tab-${index}`}\n hidden={selectedIndex !== index}\n key={index}\n data-testid={`FAQGroup-tab-panel-${index + 1}`}\n >\n {FAQItemHeadingText && (\n <FAQ.Subheading\n data-testid={`FAQGroup-tab-panel-heading-${index + 1}`}\n className={clsx(styles['FAQGroup__panel-subHeading'])}\n >\n {FAQItemHeadingText}\n </FAQ.Subheading>\n )}\n {FAQItemChild}\n </div>\n )\n }\n })\n\n const SectionedAccordions = React.Children.map(faqChildren, (faqChild, index) => {\n if (faqChild.props.children) {\n const GroupHeadingChild = React.Children.toArray(faqChild.props.children).find(\n (child): child is React.ReactElement<React.ComponentProps<typeof FAQ.Heading>> =>\n React.isValidElement(child) && child.type === FAQ.Heading,\n )\n const FAQItemChild = React.Children.map(faqChild.props.children, child =>\n React.isValidElement<{className?: string}>(child) && child.type !== FAQ.Heading\n ? React.cloneElement(child, {\n className: clsx(styles['FAQGroup__nested-accordion-item'], child.props.className),\n })\n : null,\n )\n\n if (!GroupHeadingChild \|\| !FAQItemChild) return null\n\n return (\n <Accordion\n key={index}\n variant=\"emphasis\"\n className={clsx(variant === 'gridline' && styles['FAQGroup__accordion--gridline'])}\n >\n <Accordion.Heading {...GroupHeadingChild.props} />\n <Accordion.Content>{FAQItemChild}</Accordion.Content>\n </Accordion>\n )\n }\n })\n\n const GroupHeading = React.Children.toArray(children).find(\n (child): child is React.ReactElement<FAQSubheadingProps> =>\n React.isValidElement(child) && child.type === HeadingBase,\n )\n\n const Tag = variant === 'gridline' ? Box : React.Fragment\n const tagProps = variant === 'gridline' ? {className: clsx(styles['FAQGroup__gridline-wrapper'])} : {}\n\n return (\n <Tag {...tagProps}>\n <div className={clsx(styles[`FAQGroup__heading-wrapper`], styles[`FAQGroup__heading-wrapper--${variant}`])}>\n <Grid enableGutters={false} {...rest}>\n <Grid.Column>\n {GroupHeading && (\n <Grid>\n <Grid.Column>{GroupHeading}</Grid.Column>\n </Grid>\n )}\n </Grid.Column>\n </Grid>\n </div>\n <Grid enableGutters={false} {...rest}>\n <Grid.Column span={12}>\n <div className={clsx(styles.FAQGroup__accordion)}>{SectionedAccordions}</div>\n <Grid className={clsx(styles.FAQGroup)}>\n <Grid.Column\n span={{medium: 5, large: 4}}\n className={clsx(\n styles.FAQGroup__tablist,\n variant === 'gridline' && styles['FAQGroup__tablist--gridline'],\n )}\n >\n <Stack\n direction=\"vertical\"\n aria-orientation=\"vertical\"\n padding=\"none\"\n role=\"tablist\"\n gap=\"none\"\n alignItems=\"flex-start\"\n >\n {Tabs}\n </Stack>\n </Grid.Column>\n <Grid.Column\n start={6}\n span={7}\n className={clsx(variant === 'gridline' && styles['FAQGroup__content--gridline'])}\n >\n {TabPanels}\n </Grid.Column>\n </Grid>\n </Grid.Column>\n </Grid>\n </Tag>\n )\n}\n\n/\n FAQGroup component:\n * {@link https://primer.style/brand/components/FAQ#grouped-faqs See usage examples}.\n */\nexport const FAQGroup = Object.assign(FAQGroupBase, {\n Heading: HeadingBase,\n})\n\nfunction assignRef<T>(ref: React.Ref<T> \| undefined, value: T \| null) {\n if (!ref) return\n if (typeof ref === 'function') {\n ref(value)\n return\n }\n\n ;(ref as React.MutableRefObject<T \| null>).current = value\n}\n"],"mappings":"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"}

package/esm/FAQ/FAQGroup.module.js CHANGED Viewed

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

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

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

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

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

package/esm/Footnotes/Footnotes.js CHANGED Viewed

@@ -1,7 +1,7 @@
-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 { ReplyIcon as r } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { ReplyIcon as r } from "../node_modules/@primer/octicons-react/dist/icons/ReplyIcon.js";
 import { InlineLink as i } from "../InlineLink/InlineLink.js";
 import a from "./Footnotes.module.js";
 import { getTextContent as o } from "../utils/getTextContent.js";

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

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

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

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

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

@@ -22,5 +22,5 @@ export type FrostedGlassVFXProps = BaseProps<HTMLDivElement> & React.HTMLAttribu
  * FrostedGlassVFX component
  * {@link https://primer.style/brand/components/FrostedGlassVFX/ See usage examples}.
  */
-export declare function FrostedGlassVFX({ hasBorderRadius, children, className, intensity, ...rest }: FrostedGlassVFXProps): import("react/jsx-runtime").JSX.Element;
+export declare function FrostedGlassVFX({ hasBorderRadius, children, className, intensity, ...rest }: FrostedGlassVFXProps): React.JSX.Element;
 //# sourceMappingURL=FrostedGlassVFX.d.ts.map

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

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

package/esm/FrostedGlassVFX/FrostedGlassVFX.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/frosted-glass-vfx/colors-with-modes-CMw13Yda.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base-BlFewKzM.css';/* empty css                                                                                                  */
 /* empty css                                                                                                               */
 import t from "./FrostedGlassVFX.module.js";

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

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

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

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

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

@@ -92,9 +92,9 @@ export declare const Grid: React.NamedExoticComponent<React.HTMLAttributes<"div"
 } & BaseProps<HTMLDivElement> & {
     children?: React.ReactNode | undefined;
 }> & {
-    readonly type: ({ className, children, as, fullWidth, enableOverlay, enableGutters, columnGap, rowGap, ["data-testid"]: testId, ...rest }: PropsWithChildren<GridProps>) => import("react/jsx-runtime").JSX.Element;
+    readonly type: ({ className, children, as, fullWidth, enableOverlay, enableGutters, columnGap, rowGap, ["data-testid"]: testId, ...rest }: PropsWithChildren<GridProps>) => JSX.Element;
 } & {
-    Column: React.MemoExoticComponent<({ children, as, span, start, className, ...rest }: PropsWithChildren<GridColumnProps>) => import("react/jsx-runtime").JSX.Element>;
+    Column: React.MemoExoticComponent<({ children, as, span, start, className, ...rest }: PropsWithChildren<GridColumnProps>) => JSX.Element>;
     testIds: {
         root: string;
     };

package/esm/Grid/Grid.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import e from "../node_modules/clsx/dist/clsx.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/grid-Cjk6fsH8.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes-6QocK2fy.css';/* empty css                                                                                     */
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes-6QocK2fy.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/grid-Cjk6fsH8.css';/* empty css                                                                                     */
 /* empty css                                                                                                  */
 import t from "./Grid.module.js";
 import { useId as n } from "../hooks/useId.js";