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

package/lib/Accordion/Accordion.d.ts

@@ -35,14 +35,14 @@ export declare const AccordionHeading: React.ForwardRefExoticComponent<React.HTM
     weight?: HeadingProps["weight"];
 } & React.RefAttributes<HTMLHeadingElement>>;
 export type AccordionContentProps = HTMLAttributes<HTMLElement>;
-export declare const AccordionContent: ({ children, className, ...rest }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionContent: ({ children, className, ...rest }: AccordionContentProps) => React.JSX.Element;
 export declare const Accordion: React.ForwardRefExoticComponent<React.DetailsHTMLAttributes<HTMLDetailsElement> & {
     children: ReactElement<AccordionHeadingProps | AccordionContentProps>[];
     variant?: "default" | "emphasis";
     disableAnimation?: boolean;
     handleOpen?: (isOpen: boolean) => void;
 } & React.RefAttributes<HTMLDetailsElement>> & {
-    Content: ({ children, className, ...rest }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...rest }: AccordionContentProps) => React.JSX.Element;
     Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
         as?: HeadingProps["as"];
         reversedToggles?: boolean;

package/lib/ActionMenu/ActionMenu.d.ts

@@ -144,10 +144,10 @@ export declare const ActionMenu: React.NamedExoticComponent<{
      */
     mode?: ActionMenuButtonModes;
 } & BaseProps<HTMLDivElement>> & {
-    readonly type: ({ id, children, "data-testid": testId, disabled, open, selectionVariant, menuAlignment, size, menuSide, onSelect, mode, }: ActionMenuProps) => import("react/jsx-runtime").JSX.Element;
+    readonly type: ({ id, children, "data-testid": testId, disabled, open, selectionVariant, menuAlignment, size, menuSide, onSelect, mode, }: ActionMenuProps) => React.JSX.Element;
 } & {
     Button: React.ForwardRefExoticComponent<Omit<ActionMenuButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Item: ({ as, children, className, disabled, handler, selected, type, value, onClick, onKeyDown, leadingVisual: LeadingVisual, ...props }: ActionMenuItemAnchorProps | ActionMenuItemDefaultProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ as, children, className, disabled, handler, selected, type, value, onClick, onKeyDown, leadingVisual: LeadingVisual, ...props }: ActionMenuItemAnchorProps | ActionMenuItemDefaultProps) => React.JSX.Element;
     Overlay: React.ForwardRefExoticComponent<Omit<ActionMenuOverlayProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
     testIds: {
         root: string;

package/lib/AnchorNav/AnchorNav.d.ts

@@ -19,7 +19,7 @@ export type AnchorNavProps = BaseProps<HTMLElement> & {
      */
     hideUntilSticky?: boolean;
 } & React.ComponentPropsWithoutRef<'nav'>;
-declare function AnchorNavBase({ children, enableDefaultBgColor, hideUntilSticky, ...rest }: AnchorNavProps): import("react/jsx-runtime").JSX.Element;
+declare function AnchorNavBase({ children, enableDefaultBgColor, hideUntilSticky, ...rest }: AnchorNavProps): React.JSX.Element;
 type AnchorNavLinkIntersectionOptions = {
     /**
      * The area of the element that should trigger the next linked section to be highlighted.
@@ -45,15 +45,15 @@ type AnchorNavLinkProps = BaseProps<HTMLAnchorElement> & {
     prefersReducedMotion?: boolean;
     updateCurrentActiveNav?: (id: string | null) => void;
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
-declare function NavLinkBase({ alignment, children, href, isActive, toggleMenuCallback, prefersReducedMotion, intersectionOptions, updateCurrentActiveNav, ...rest }: AnchorNavLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function NavLinkBase({ alignment, children, href, isActive, toggleMenuCallback, prefersReducedMotion, intersectionOptions, updateCurrentActiveNav, ...rest }: AnchorNavLinkProps): React.JSX.Element;
 type AnchorNavActionProps = {
     /**
      * Required path or location for the action button to link to.
      */
     href: string;
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & ButtonBaseProps;
-declare function ActionBase({ children, href, variant, size, ...rest }: AnchorNavActionProps): import("react/jsx-runtime").JSX.Element;
-declare function SecondaryActionBase({ children, href, variant, size, ...rest }: AnchorNavActionProps): import("react/jsx-runtime").JSX.Element;
+declare function ActionBase({ children, href, variant, size, ...rest }: AnchorNavActionProps): React.JSX.Element;
+declare function SecondaryActionBase({ children, href, variant, size, ...rest }: AnchorNavActionProps): React.JSX.Element;
 /**
  * AnchorNav allows users to navigate to different sections of a page.
  * @see https://primer.style/brand/components/AnchorNav

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/NavigationVisbilityObserver.d.ts

@@ -1,5 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { BaseProps } from '../component-helpers';
-type NavigationVisibilityObserverProps = PropsWithChildren<BaseProps<HTMLUListElement> & React.HTMLAttributes<HTMLUListElement>>;
+type NavigationVisibilityObserverProps = PropsWithChildren<BaseProps<HTMLUListElement> & React.HTMLAttributes<HTMLUListElement> & {
+    overflowMenuLabel: string;
+}>;
 export declare const NavigationVisbilityObserver: React.ForwardRefExoticComponent<Omit<NavigationVisibilityObserverProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
 export {};