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

package/lib/Bento/Bento.d.ts

@@ -50,10 +50,10 @@ type BentoVisualProps = {
  * @deprecated Bento is deprecated and will be removed in a future release. Use CTABanner or River instead.
  * @see https://primer.style/brand/components/Bento
  */
-export declare const Bento: (({ className, ...rest }: BentoProps) => import("react/jsx-runtime").JSX.Element) & {
-    Item: ({ className, columnStart, columnSpan, rowStart, rowSpan, flow, colorMode, visualAsBackground, order, bgColor, children, ...rest }: BentoItemProps) => import("react/jsx-runtime").JSX.Element;
-    Visual: ({ horizontalAlign, verticalAlign, fillMedia, overflow, position, padding, className, children, ...rest }: BentoVisualProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, leadingVisual: LeadingVisual, padding, verticalAlign, horizontalAlign, className, ...rest }: BentoContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Bento: (({ className, ...rest }: BentoProps) => React.JSX.Element) & {
+    Item: ({ className, columnStart, columnSpan, rowStart, rowSpan, flow, colorMode, visualAsBackground, order, bgColor, children, ...rest }: BentoItemProps) => React.JSX.Element;
+    Visual: ({ horizontalAlign, verticalAlign, fillMedia, overflow, position, padding, className, children, ...rest }: BentoVisualProps) => React.JSX.Element;
+    Content: ({ children, leadingVisual: LeadingVisual, padding, verticalAlign, horizontalAlign, className, ...rest }: BentoContentProps) => React.JSX.Element;
     Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<BentoHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 };
 export {};

package/lib/Box/Box.d.ts

@@ -82,5 +82,5 @@ type BoxProps = {
  * Use Box to apply fine-grained styling to content.
  * @see https://primer.style/brand/components/Box
  */
-export declare const Box: ({ animate, children, className, "data-testid": testId, style, padding, paddingBlockStart, paddingInlineEnd, paddingBlockEnd, paddingInlineStart, margin, marginBlockStart, marginInlineEnd, marginBlockEnd, marginInlineStart, backgroundColor, borderRadius, borderWidth, borderBlockStartWidth, borderInlineEndWidth, borderBlockEndWidth, borderInlineStartWidth, borderColor, borderStyle, ...rest }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Box: ({ animate, children, className, "data-testid": testId, style, padding, paddingBlockStart, paddingInlineEnd, paddingBlockEnd, paddingInlineStart, margin, marginBlockStart, marginInlineEnd, marginBlockEnd, marginInlineStart, backgroundColor, borderRadius, borderWidth, borderBlockStartWidth, borderInlineEndWidth, borderBlockEndWidth, borderInlineStartWidth, borderColor, borderStyle, ...rest }: PropsWithChildren<BoxProps>) => React.JSX.Element;
 export {};

package/lib/CTABanner/CTABanner.d.ts

@@ -95,6 +95,6 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<CTABannerPr
     ButtonGroup: React.ForwardRefExoticComponent<Omit<Omit<import("..").ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Image: React.ForwardRefExoticComponent<Omit<CTABannerImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
     Logo: React.ForwardRefExoticComponent<Omit<CTABannerLogoProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Link: ({ className, children, variant, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ className, children, variant, ...props }: LinkProps) => React.JSX.Element;
 };
 export {};

package/lib/Card/Card.d.ts

@@ -77,7 +77,7 @@ export type CardImageProps = {
     position?: 'block-start' | 'block-end';
     padding?: CardImagePadding;
 } & ImageProps;
-declare function CardImage({ className, position, padding, ...rest }: CardImageProps): import("react/jsx-runtime").JSX.Element;
+declare function CardImage({ className, position, padding, ...rest }: CardImageProps): React.JSX.Element;
 type CardIconProps = IconProps;
 type CardTokensProps = BaseProps<HTMLDivElement> & {
     children: React.ReactNode | React.ReactNode[];
@@ -101,7 +101,7 @@ type CardDescriptionProps = BaseProps<HTMLParagraphElement> & {
  */
 export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Image: typeof CardImage;
-    Icon: ({ className, hasBackground, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ className, hasBackground, ...props }: IconProps) => React.JSX.Element;
     Label: React.ForwardRefExoticComponent<Omit<CardLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Tokens: React.ForwardRefExoticComponent<Omit<CardTokensProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Heading: React.ForwardRefExoticComponent<Omit<CardHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/lib/ComparisonTable/ComparisonTable.d.ts

@@ -26,8 +26,8 @@ export type FootnoteProps = BaseProps<HTMLParagraphElement>;
  * @see https://primer.style/brand/components/ComparisonTable
  */
 export declare const ComparisonTable: React.ForwardRefExoticComponent<Omit<ComparisonTableProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Row: ({ children, ...rest }: PropsWithChildren<RowProps>) => import("react/jsx-runtime").JSX.Element;
-    Cell: ({ as, children, ...props }: PropsWithChildren<CellProps>) => import("react/jsx-runtime").JSX.Element;
-    Footnote: ({ children, ...props }: PropsWithChildren<FootnoteProps>) => import("react/jsx-runtime").JSX.Element;
+    Row: ({ children, ...rest }: PropsWithChildren<RowProps>) => React.JSX.Element;
+    Cell: ({ as, children, ...props }: PropsWithChildren<CellProps>) => React.JSX.Element;
+    Footnote: ({ children, ...props }: PropsWithChildren<FootnoteProps>) => React.JSX.Element;
 };
 export {};

package/lib/ExpandableArrow/ExpandableArrow.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type ExpandableArrowProps = {
     className?: string;
     /** Animate between a chevron arrow and an arrow with a stem by toggling the value of `expanded` */
@@ -5,5 +6,5 @@ type ExpandableArrowProps = {
     hidden?: boolean;
     reverse?: boolean;
 };
-export declare function ExpandableArrow({ className, expanded, reverse, hidden, ...rest }: ExpandableArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExpandableArrow({ className, expanded, reverse, hidden, ...rest }: ExpandableArrowProps): React.JSX.Element;
 export {};

package/lib/FAQ/FAQ.d.ts

@@ -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,6 +40,6 @@ 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 {};

package/lib/FAQ/FAQGroup.d.ts

@@ -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/lib/Footnotes/Footnotes.d.ts

@@ -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/lib/FrostedGlassVFX/FrostedGlassVFX.d.ts

@@ -22,4 +22,4 @@ 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;

package/lib/Grid/Grid.d.ts

@@ -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/lib/IDE/IDE.d.ts

@@ -148,7 +148,7 @@ export declare const IDE: React.NamedExoticComponent<{
 } & BaseProps<HTMLDivElement> & {
     children?: React.ReactNode | undefined;
 }> & {
-    readonly type: ({ children, className, "data-testid": testId, height, variant, ...rest }: PropsWithChildren<IDEProps>) => import("react/jsx-runtime").JSX.Element;
+    readonly type: ({ children, className, "data-testid": testId, height, variant, ...rest }: PropsWithChildren<IDEProps>) => React.JSX.Element;
 } & {
     testIds: {
         root: string;

package/lib/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement, type SVGAttributes } from 'react';
+import React, { type ReactElement, type SVGAttributes } from 'react';
 import { type Icon as OcticonProps } from '@primer/octicons-react';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon/colors.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css';
@@ -19,4 +19,4 @@ export type IconProps = SVGAttributes<SVGElement> & {
     hasBackground?: boolean;
     size?: IconSize;
 };
-export declare const Icon: ({ icon: Octicon, className, color, hasBackground, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ icon: Octicon, className, color, hasBackground, size, ...rest }: IconProps) => React.JSX.Element;

package/lib/Image/Image.d.ts

@@ -21,4 +21,4 @@ export type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<H
     }[];
     srcSet?: undefined;
 });
-export declare const Image: ({ animate, aspectRatio, className, as, ref, alt, width, height, media, srcSet, style, borderRadius, ...rest }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Image: ({ animate, aspectRatio, className, as, ref, alt, width, height, media, srcSet, style, borderRadius, ...rest }: ImageProps) => React.JSX.Element;

package/lib/Link/Link.d.ts

@@ -25,4 +25,4 @@ export type LinkProps = {
  * Links connect users to related content.
  * These are not intended to be used as a call-to-action.
  */
-export declare function Link({ size, variant, className, children, isExternal, onMouseEnter, onMouseLeave, onFocus, onBlur, arrowDirection, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ size, variant, className, children, isExternal, onMouseEnter, onMouseLeave, onFocus, onBlur, arrowDirection, ...props }: LinkProps): React.JSX.Element;

package/lib/LogoSuite/LogoSuite.d.ts

@@ -62,7 +62,7 @@ export type LogoSuiteLogoBarProps = BaseProps<HTMLDivElement> & {
  * Use LogoSuite to present a list of logos, such as sponsors or vendors.
  * @see https://primer.style/brand/components/LogoSuite
  */
-export declare const LogoSuite: (({ align, children, className, hasDivider, variant, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => import("react/jsx-runtime").JSX.Element) & {
+export declare const LogoSuite: (({ align, children, className, hasDivider, variant, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => React.JSX.Element) & {
     Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LogoSuiteHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<(Omit<BaseProps<HTMLParagraphElement> & {
         font?: import("../Text").TextFontVariants;

package/lib/MediaPlaylist/MediaPlaylist.d.ts

@@ -27,22 +27,22 @@ type MediaPlaylistHeadingInternalProps = {
     activeIndex?: number | null;
     itemCount?: number;
 };
-declare function MediaPlaylistHeading({ activeIndex, as, children, className, id, itemCount, ...props }: MediaPlaylistHeadingProps & MediaPlaylistHeadingInternalProps): import("react/jsx-runtime").JSX.Element;
+declare function MediaPlaylistHeading({ activeIndex, as, children, className, id, itemCount, ...props }: MediaPlaylistHeadingProps & MediaPlaylistHeadingInternalProps): React.JSX.Element;
 export type MediaPlaylistItemProps = React.PropsWithChildren<{
     /**
      * An optional thumbnail to be shown in the playlist for this item.
      */
     thumbnail?: React.ReactNode;
 } & BaseProps<HTMLDivElement>>;
-declare function MediaPlaylistItem({ children }: MediaPlaylistItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MediaPlaylistItem({ children }: MediaPlaylistItemProps): React.JSX.Element;
 export type MediaPlaylistItemHeadingProps = Omit<TextProps, 'as' | 'children' | 'title'> & {
     children?: React.ReactNode;
     description?: React.ReactNode;
     title?: React.ReactNode;
 };
-declare function MediaPlaylistItemHeading({ children, className, description, font, size, title, variant, weight, ...props }: MediaPlaylistItemHeadingProps): import("react/jsx-runtime").JSX.Element;
+declare function MediaPlaylistItemHeading({ children, className, description, font, size, title, variant, weight, ...props }: MediaPlaylistItemHeadingProps): React.JSX.Element;
 export type MediaPlaylistItemContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare function MediaPlaylistItemContent({ children, className, ...props }: MediaPlaylistItemContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MediaPlaylistItemContent({ children, className, ...props }: MediaPlaylistItemContentProps): React.JSX.Element;
 export type MediaPlaylistItemMediaProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * Use MediaPlaylist to pair media playback with an itemized, thumbnail-backed playlist.

package/lib/MinimalFooter/MinimalFooter.d.ts

@@ -86,9 +86,9 @@ export type MinimalFooterProps = {
      */
     copyrightStatement?: string | React.ReactElement;
 } & BaseProps<HTMLElement>;
-declare function Root({ centerComponent, className, children, copyrightStatement, logoHref, socialLinks, ...rest }: PropsWithChildren<MinimalFooterProps>): import("react/jsx-runtime").JSX.Element;
+declare function Root({ centerComponent, className, children, copyrightStatement, logoHref, socialLinks, ...rest }: PropsWithChildren<MinimalFooterProps>): React.JSX.Element;
 type FootnoteProps = BaseProps<HTMLElement>;
-declare function Footnotes({ children, className }: PropsWithChildren<FootnoteProps>): import("react/jsx-runtime").JSX.Element;
+declare function Footnotes({ children, className }: PropsWithChildren<FootnoteProps>): React.JSX.Element;
 type LinkProps<C extends React.ElementType> = BaseProps<C> & {
     as?: 'a' | 'button';
 } & Omit<React.ComponentPropsWithoutRef<C>, keyof C>;
@@ -113,7 +113,7 @@ export type MinimalFooterBackToTopProps = {
  */
 export declare const MinimalFooter: typeof Root & {
     Footnotes: typeof Footnotes;
-    Link: <C extends React.ElementType = "a">({ as, children, ...rest }: PropsWithChildren<LinkProps<C>>) => import("react/jsx-runtime").JSX.Element;
+    Link: <C extends React.ElementType = "a">({ as, children, ...rest }: PropsWithChildren<LinkProps<C>>) => React.JSX.Element;
     BackToTop: React.ForwardRefExoticComponent<Omit<MinimalFooterBackToTopProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/lib/Pagination/Pagination.d.ts

@@ -23,4 +23,4 @@ export type PaginationProps = {
  * Use Pagination to display a sequence of links that allow navigation to discrete, related pages.
  * @see https://primer.style/brand/components/Pagination
  */
-export declare const Pagination: React.MemoExoticComponent<({ id, className, pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, labels, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Pagination: React.MemoExoticComponent<({ id, className, pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, labels, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => React.JSX.Element>;

package/lib/Pillar/Pillar.d.ts

@@ -23,7 +23,7 @@ export type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.H
     fullWidth?: boolean;
 } & (C extends 'article' ? PropsWithChildren<BaseProps<HTMLElement>> : PropsWithChildren<BaseProps<HTMLDivElement>>);
 type PillarImageProps = ImageProps;
-declare function PillarImage({ className, ...rest }: PillarImageProps): import("react/jsx-runtime").JSX.Element;
+declare function PillarImage({ className, ...rest }: PillarImageProps): JSX.Element;
 type IconComponentProps = React.SVGAttributes<SVGElement> & {
     size?: number;
 };
@@ -32,7 +32,7 @@ type IconElement = React.ReactElement<IconComponentProps>;
 export type PillarIconProps = Omit<IconProps, 'icon' | 'color'> & {
     icon: IconElement | IconComponent;
 };
-declare function PillarIcon({ icon, className, hasBackground, size, ...props }: PillarIconProps): import("react/jsx-runtime").JSX.Element;
+declare function PillarIcon({ icon, className, hasBackground, size, ...props }: PillarIconProps): JSX.Element;
 type PillarHeadingProps = BaseProps<HTMLHeadingElement> & {
     children: React.ReactNode | React.ReactNode[];
     as?: Exclude<HeadingProps['as'], 'h1'>;

package/lib/PricingOptions/PricingOptions.d.ts

@@ -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/lib/SectionIntroStacked/SectionIntroStacked.d.ts

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

package/lib/SubNav/SubNav.d.ts

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

package/lib/SubdomainNavBar/SubdomainNavBar.d.ts

@@ -73,7 +73,7 @@ export type SubdomainNavBarLinkProps = {
     href: string;
     isExternal?: boolean;
 } & React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
-declare function Link({ href, className, children, isExternal, 'aria-current': ariaCurrent, 'aria-hidden': ariaHidden, tabIndex, ...rest }: PropsWithChildren<SubdomainNavBarLinkProps>): import("react/jsx-runtime").JSX.Element;
+declare function Link({ href, className, children, isExternal, 'aria-current': ariaCurrent, 'aria-hidden': ariaHidden, tabIndex, ...rest }: PropsWithChildren<SubdomainNavBarLinkProps>): React.JSX.Element;
 export type SubdomainNavBarSearchResultProps = {
     title: string;
     description: string;
@@ -157,8 +157,8 @@ export type SubdomainNavBarSearchProps = {
 type CTAActionProps = {
     href: string;
 } & React.HTMLAttributes<HTMLAnchorElement>;
-declare function PrimaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): import("react/jsx-runtime").JSX.Element;
-declare function SecondaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): import("react/jsx-runtime").JSX.Element;
+declare function PrimaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): React.JSX.Element;
+declare function SecondaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): React.JSX.Element;
 export declare const SubdomainNavBar: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "title" | "children"> & {
     /**
      * Valid child elements are `SubdomainNavBar.Link`, `SubdomainNavBar.PrimaryAction`,

package/lib/Testimonial/Testimonial.d.ts

@@ -52,7 +52,7 @@ type LogoProps = {
  * Testimonial avatar child element
  * <Testimonial.Avatar>
  */
-declare function _Avatar({ size, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+declare function _Avatar({ size, ...rest }: AvatarProps): React.JSX.Element;
 /**
  * Use Testimonial to display a quote from a customer or user.
  * @see https://primer.style/brand/components/Testimonial

package/lib/Text/Text.d.ts

@@ -58,5 +58,5 @@ export type TextProps = {
      */
     hasAntiAliasing?: boolean;
 } & TextTags;
-export declare function Text({ align, animate, as, className, children, font, size, variant, weight, style, hasAntiAliasing, ...rest }: PropsWithChildren<TextProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ align, animate, as, className, children, font, size, variant, weight, style, hasAntiAliasing, ...rest }: PropsWithChildren<TextProps>): React.JSX.Element;
 export {};

package/lib/TextCursorAnimation/TextCursorAnimation.d.ts

@@ -20,4 +20,4 @@ export type TextCursorAnimationProps = {
     delay?: number;
     waitForPageLoad?: boolean;
 } & React.HTMLAttributes<HTMLSpanElement> & Omit<TextProps, 'animate' | 'as'>;
-export declare function TextCursorAnimation({ children, className, animate, initialText, 'data-testid': testId, delay, waitForPageLoad, variant, }: PropsWithChildren<TextCursorAnimationProps>): import("react/jsx-runtime").JSX.Element;
+export declare function TextCursorAnimation({ children, className, animate, initialText, 'data-testid': testId, delay, waitForPageLoad, variant, }: PropsWithChildren<TextCursorAnimationProps>): React.JSX.Element;

package/lib/ThemeProvider/ThemeProvider.d.ts

@@ -16,4 +16,4 @@ export declare const ThemeContext: React.Context<ThemeContextProps>;
 /**
  * ThemeProvider is used to provide theme-related context to its child components.
  */
-export declare function ThemeProvider({ colorMode, children, ...rest }: PropsWithChildren<ThemeProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ colorMode, children, ...rest }: PropsWithChildren<ThemeProviderProps>): React.JSX.Element;

package/lib/Timeline/Timeline.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { BaseProps } from '../component-helpers';
 /**
  * Design tokens
@@ -13,6 +13,6 @@ export type TimelineItemProps = BaseProps<HTMLLIElement>;
  * Use Timeline to display a list of connected items as a vertical timeline.
  * @see https://primer.style/brand/components/Timeline
  */
-export declare const Timeline: (({ animate, className, children, fullWidth, ...rest }: PropsWithChildren<TimelineProps>) => import("react/jsx-runtime").JSX.Element) & {
-    Item: ({ className, children, ...rest }: PropsWithChildren<TimelineItemProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Timeline: (({ animate, className, children, fullWidth, ...rest }: PropsWithChildren<TimelineProps>) => React.JSX.Element) & {
+    Item: ({ className, children, ...rest }: PropsWithChildren<TimelineItemProps>) => React.JSX.Element;
 };

package/lib/VideoPlayer/VideoPlayer.d.ts

@@ -19,8 +19,8 @@ type VideoPlayerProps = {
     playIcon?: FunctionComponent;
 } & HTMLProps<HTMLVideoElement>;
 export declare const VideoPlayer: React.ForwardRefExoticComponent<Omit<VideoPlayerProps, "ref"> & React.RefAttributes<HTMLVideoElement>> & {
-    Source: (props: React.HTMLProps<HTMLSourceElement>) => import("react/jsx-runtime").JSX.Element;
-    Track: ({ kind, ...rest }: React.HTMLProps<HTMLTrackElement>) => import("react/jsx-runtime").JSX.Element;
+    Source: (props: React.HTMLProps<HTMLSourceElement>) => React.JSX.Element;
+    Track: ({ kind, ...rest }: React.HTMLProps<HTMLTrackElement>) => React.JSX.Element;
     Provider: React.ForwardRefExoticComponent<{
         children?: React.ReactNode | undefined;
     } & React.RefAttributes<HTMLVideoElement>>;

package/lib/VideoPlayer/components/CCButton/CCButton.d.ts

@@ -1,2 +1,2 @@
-import { type HTMLAttributes } from 'react';
-export declare const CCButton: ({ className, ...props }: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+import React, { type HTMLAttributes } from 'react';
+export declare const CCButton: ({ className, ...props }: HTMLAttributes<HTMLButtonElement>) => React.JSX.Element;

package/lib/VideoPlayer/components/Captions/Captions.d.ts

@@ -1,2 +1,2 @@
-import { type HTMLAttributes } from 'react';
-export declare const Captions: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
+import React, { type HTMLAttributes } from 'react';
+export declare const Captions: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => React.JSX.Element | null;

package/lib/VideoPlayer/components/ControlsBar/ControlsBar.d.ts

@@ -1,3 +1,3 @@
-import { type HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 export type ControlsBarProps = HTMLAttributes<HTMLDivElement>;
-export declare const ControlsBar: ({ className, ...rest }: ControlsBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlsBar: ({ className, ...rest }: ControlsBarProps) => React.JSX.Element;

package/lib/VideoPlayer/components/FullScreenButton/FullScreenButton.d.ts

@@ -1,2 +1,2 @@
-import { type HTMLAttributes } from 'react';
-export declare const FullScreenButton: (props: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+import React, { type HTMLAttributes } from 'react';
+export declare const FullScreenButton: (props: HTMLAttributes<HTMLButtonElement>) => React.JSX.Element;

package/lib/VideoPlayer/components/IconControl/IconControl.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 type IconControlProps = {
     tooltip: string;
 } & HTMLAttributes<HTMLButtonElement>;
-export declare const IconControl: ({ tooltip, children, className, ...rest }: IconControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconControl: ({ tooltip, children, className, ...rest }: IconControlProps) => React.JSX.Element;
 export {};

package/lib/VideoPlayer/components/MuteButton/MuteButton.d.ts

@@ -1,2 +1,2 @@
-import { type HTMLAttributes } from 'react';
-export declare const MuteButton: (props: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+import React, { type HTMLAttributes } from 'react';
+export declare const MuteButton: (props: HTMLAttributes<HTMLButtonElement>) => React.JSX.Element;

package/lib/VideoPlayer/components/PauseIcon/PauseIcon.d.ts

@@ -1,2 +1,2 @@
-import { type SVGAttributes } from 'react';
-export declare const PauseIcon: (props: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React, { type SVGAttributes } from 'react';
+export declare const PauseIcon: (props: SVGAttributes<SVGSVGElement>) => React.JSX.Element;

package/lib/VideoPlayer/components/PlayIcon/PlayIcon.d.ts

@@ -1,2 +1,2 @@
-import { type SVGAttributes } from 'react';
-export declare const PlayIcon: (props: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import React, { type SVGAttributes } from 'react';
+export declare const PlayIcon: (props: SVGAttributes<SVGSVGElement>) => React.JSX.Element;

package/lib/VideoPlayer/components/PlayPauseButton/PlayPauseButton.d.ts

@@ -1,2 +1,2 @@
-import { type HTMLAttributes } from 'react';
-export declare const PlayPauseButton: (props: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+import React, { type HTMLAttributes } from 'react';
+export declare const PlayPauseButton: (props: HTMLAttributes<HTMLButtonElement>) => React.JSX.Element;

package/lib/VideoPlayer/components/Range/Range.d.ts

@@ -6,4 +6,4 @@ export type RangeProps = {
     a11yStep?: number;
     name?: string;
 } & React.HTMLProps<HTMLInputElement>;
-export declare const Range: ({ className, onChange, value: startValue, max, onKeyDown, a11yStep, tooltip, tooltipFormatter, name, id, ...props }: RangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Range: ({ className, onChange, value: startValue, max, onKeyDown, a11yStep, tooltip, tooltipFormatter, name, id, ...props }: RangeProps) => React.JSX.Element;

package/lib/VideoPlayer/components/SeekControl/SeekControl.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 type SeekControlProps = HTMLAttributes<HTMLDivElement>;
-export declare const SeekControl: ({ className, ...rest }: SeekControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeekControl: ({ className, ...rest }: SeekControlProps) => React.JSX.Element;
 export {};

package/lib/VideoPlayer/components/VideoTooltip/VideoTooltip.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 type VideoTooltipProps = HTMLAttributes<HTMLDivElement>;
-export declare const VideoTooltip: ({ children, className, ...rest }: VideoTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoTooltip: ({ children, className, ...rest }: VideoTooltipProps) => React.JSX.Element;
 export {};

package/lib/VideoPlayer/components/VolumeControl/VolumeControl.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { type RangeProps } from '../';
-export declare const VolumeControl: ({ name, ...rest }: RangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VolumeControl: ({ name, ...rest }: RangeProps) => React.JSX.Element;

package/lib/animation/Animate/Animate.d.ts

@@ -7,4 +7,4 @@ export type BoxProps<T extends keyof JSX.IntrinsicElements = 'div'> = React.HTML
  * An animation-helper component that can be rendered as any HTML element.
  * Use Animate to wrap any element and apply an animation to it.
  */
-export declare function Animate({ animate, as, children, className, style, ...rest }: PropsWithChildren<BoxProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Animate({ animate, as, children, className, style, ...rest }: PropsWithChildren<BoxProps>): JSX.Element;

package/lib/animation/AnimationProvider/AnimationProvider.d.ts

@@ -42,5 +42,5 @@ type AnimationProviderProps = {
     staggerDelayIncrement?: number;
 };
 export declare const AnimationContext: React.Context<AnimationProviderProps>;
-export declare function AnimationProvider({ children, disableAnimations, animationTrigger, visibilityOptions, runOnce, autoStaggerChildren, staggerDelayIncrement, }: PropsWithChildren<AnimationProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function AnimationProvider({ children, disableAnimations, animationTrigger, visibilityOptions, runOnce, autoStaggerChildren, staggerDelayIncrement, }: PropsWithChildren<AnimationProviderProps>): React.JSX.Element;
 export {};

package/lib/component-helpers.d.ts

@@ -6,14 +6,14 @@ import { AnimateProps } from './animation/AnimationProvider';
 export declare const Container: ({ children, style, }: {
     children: React.ReactElement[] | React.ReactElement;
     style?: React.CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 type RedlineBackgroundProps = {
     height?: number;
     hasBorder?: boolean;
     className?: string;
     style?: CSSProperties;
 };
-export declare function RedlineBackground({ height, hasBorder, style, ...rest }: PropsWithChildren<RedlineBackgroundProps>): import("react/jsx-runtime").JSX.Element;
+export declare function RedlineBackground({ height, hasBorder, style, ...rest }: PropsWithChildren<RedlineBackgroundProps>): React.JSX.Element;
 /**
  * Base Types
  */