@primer/react-brand 0.46.0 → 0.47.0-rc.92f76d23

package/lib/Link/Link.d.ts

@@ -21,4 +21,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, onMouseEnter, onMouseLeave, onFocus, onBlur, arrowDirection, ...props }: LinkProps): JSX.Element;
+export declare function Link({ size, variant, className, children, onMouseEnter, onMouseLeave, onFocus, onBlur, arrowDirection, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/lib/LogoSuite/LogoSuite.d.ts

@@ -48,8 +48,8 @@ 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, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => JSX.Element) & {
-    Heading: React.ForwardRefExoticComponent<Omit<LogoSuiteHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const LogoSuite: (({ align, children, className, hasDivider, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => import("react/jsx-runtime").JSX.Element) & {
+    Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LogoSuiteHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<(Omit<BaseProps<HTMLParagraphElement> & {
         font?: import("../").TextFontVariants;
         size?: typeof import("../").TextSizes[number];
@@ -116,21 +116,7 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref">) & React.RefAttributes<HTMLParagraphElement>>;
-    Logobar: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLDivElement> & {
-        children: React.ReactNode | React.ReactNode[];
-        /**
-         * Enables an optional marquee effect
-         */
-        marquee?: boolean;
-        /**
-         * The speed of the marquee effect
-         */
-        marqueeSpeed?: "slow" | "normal" | "idle";
-        /**
-         * The stylistic variant of the LogoBar.
-         */
-        variant?: "muted" | "emphasis";
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Logobar: React.ForwardRefExoticComponent<Omit<LogoSuiteLogoBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     testIds: {
         root: string;
         readonly marqueeGroup: string;

package/lib/LogoSuite/LogoSuite.fixtures.d.ts

@@ -1 +1 @@
-export declare const logos: JSX.Element[];
+export declare const logos: import("react/jsx-runtime").JSX.Element[];

package/lib/MinimalFooter/MinimalFooter.d.ts

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

package/lib/MonaSans/MonaSans.d.ts

@@ -6,5 +6,5 @@ type MonaSansProps = {
     weight?: number;
     width?: number;
 };
-export declare function MonaSans({ children, italic, size, weight, width }: MonaSansProps): JSX.Element;
+export declare function MonaSans({ children, italic, size, weight, width }: MonaSansProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/Pagination/Pagination.d.ts

@@ -26,7 +26,7 @@ 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, children, className, pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => JSX.Element>;
+export declare const Pagination: React.MemoExoticComponent<({ id, children, className, pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, "aria-label": ariaLabel, "data-testid": testId, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element>;
 type UsePaginationPagesParameters = {
     pageCount: number;
     currentPage: number;
@@ -39,5 +39,5 @@ type UsePaginationPagesParameters = {
     showPages?: PaginationProps['showPages'];
     surroundingPageCount: number;
 };
-export declare function usePaginationPages({ pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, }: UsePaginationPagesParameters): JSX.Element[];
+export declare function usePaginationPages({ pageCount, currentPage, onPageChange, hrefBuilder, pageAttributesBuilder, marginPageCount, showPages, surroundingPageCount, }: UsePaginationPagesParameters): import("react/jsx-runtime").JSX.Element[];
 export {};

package/lib/Pillar/Pillar.d.ts

@@ -23,28 +23,29 @@ export type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.H
     hasBorder?: boolean;
 } & (C extends 'article' ? PropsWithChildren<BaseProps<HTMLElement>> : PropsWithChildren<BaseProps<HTMLDivElement>>);
 type PillarImageProps = ImageProps;
-declare function PillarImage({ className, ...rest }: PillarImageProps): JSX.Element;
+declare function PillarImage({ className, ...rest }: PillarImageProps): import("react/jsx-runtime").JSX.Element;
 type PillarIconProps = BaseProps<HTMLSpanElement> & {
     icon: React.ReactNode | IconProps;
     color?: (typeof PillarIconColors)[number];
 };
-declare function PillarIcon({ icon: Icon, className, color, ...rest }: PillarIconProps): JSX.Element;
+declare function PillarIcon({ icon: Icon, className, color, ...rest }: PillarIconProps): import("react/jsx-runtime").JSX.Element;
 type PillarHeadingProps = BaseProps<HTMLHeadingElement> & {
     children: React.ReactNode | React.ReactNode[];
     as?: Exclude<HeadingProps['as'], 'h1'>;
 } & HeadingProps;
 type PillarDescriptionProps = PropsWithChildren<BaseProps<HTMLParagraphElement>>;
+type PillarLinkProps = {
+    href: string;
+} & Omit<LinkProps, 'size' | 'direction'> & BaseProps<HTMLAnchorElement>;
 /**
  * Pillar component:
  * {@link https://primer.style/brand/components/Pillar/ See usage examples}.
  */
-export declare const Pillar: React.ForwardRefExoticComponent<Omit<PillarProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+export declare const Pillar: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PillarProps<"div">>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Icon: typeof PillarIcon;
     Image: typeof PillarImage;
     Heading: React.ForwardRefExoticComponent<Omit<PillarHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<PillarDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    Link: React.ForwardRefExoticComponent<Omit<{
-        href: string;
-    } & Omit<LinkProps, "size" | "direction"> & BaseProps<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<PillarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 };
 export {};

package/lib/PricingOptions/PricingOptions.d.ts

@@ -73,14 +73,14 @@ type PricingOptionsFootnoteProps = PropsWithChildren<BaseProps<HTMLParagraphElem
  * Pricing options component:
  * {@link https://primer.style/brand/components/PricingOptions/ See usage examples}.
  */
-export declare const PricingOptions: React.ForwardRefExoticComponent<Omit<PricingOptionsProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+export declare const PricingOptions: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PricingOptionsProps>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Description: React.ForwardRefExoticComponent<Omit<PricingOptionsDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     FeatureList: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     FeatureListHeading: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     FeatureListItem: React.ForwardRefExoticComponent<Omit<PricingOptionsFeatureListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
     Footnote: React.ForwardRefExoticComponent<Omit<PricingOptionsFootnoteProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     Heading: React.ForwardRefExoticComponent<Omit<PricingOptionsHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<PricingOptionsItem, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PricingOptionsItem>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Label: React.ForwardRefExoticComponent<Omit<PricingOptionsLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Price: React.ForwardRefExoticComponent<Omit<PricingOptionsPriceProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     PrimaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/lib/SectionIntro/SectionIntro.d.ts

@@ -15,14 +15,16 @@ export type SectionIntroProps = {
     leadingComponent?: React.FunctionComponent;
 } & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
 type SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps;
+type SectionIntroDescriptionProps = BaseProps<HTMLParagraphElement> & {
+    children: React.ReactNode | React.ReactNode[];
+};
 type SectionIntroLabelProps = LabelProps & BaseProps<HTMLDivElement>;
-declare function _Label({ children, ...rest }: PropsWithChildren<SectionIntroLabelProps>): JSX.Element;
+declare function _Label({ children, ...rest }: PropsWithChildren<SectionIntroLabelProps>): import("react/jsx-runtime").JSX.Element;
+type SectionIntroLinkProps = Omit<LinkProps, 'size'> & BaseProps<HTMLAnchorElement>;
 export declare const SectionIntro: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>> & {
-    Heading: React.ForwardRefExoticComponent<Omit<SectionIntroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLParagraphElement> & {
-        children: React.ReactNode | React.ReactNode[];
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    Link: React.ForwardRefExoticComponent<Omit<Omit<LinkProps, "size"> & BaseProps<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroHeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<SectionIntroDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<SectionIntroLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
     Label: typeof _Label;
 };
 export {};

package/lib/Stack/Stack.d.ts

@@ -83,45 +83,5 @@ export type StackProps = BaseProps<HTMLElement> & {
  * Stack enables layout of its immediate children along the vertical or horizontal axis
  * @see https://primer.style/brand/components/Stack
  */
-export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLElement> & {
-    children: React.ReactNode[] | React.ReactNode;
-    /**
-     * Defines the flex-direction CSS property.
-     * A string value will be applied to all viewports.
-     * An object can be used to define different values for different viewports.
-     */
-    direction?: StackDirectionVariants | ResponsiveDirectionMap;
-    /**
-     * Defines the gap CSS property.
-     * A string value will be applied to all viewports.
-     * An object can be used to define different values for different viewports.
-     */
-    gap?: StackSpacingVariants | ResponsiveSpacingMap;
-    /**
-     * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
-     * A string value will be applied to all viewports.
-     * An object can be used to define different values for different viewports.
-     */
-    alignItems?: StackAlignItemVariants | ResponsiveAlignItemsMap;
-    /**
-     * Defines the padding CSS property on the parent Stack.
-     * A string value will be applied to all viewports.
-     * An object can be used to define different values for different viewports.
-     */
-    padding?: StackSpacingVariants | ResponsiveSpacingMap;
-    /**
-     * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
-     * A string value will be applied to all viewports.
-     * An object can be used to define different values for different viewports.
-     */
-    justifyContent?: justifyContentVariants | ResponsiveJustifyContentMap;
-    /**
-     * Forward inline styles
-     */
-    style?: React.CSSProperties;
-    /**
-     * Applies flex-wrap to the Stack, using the flex-wrap CSS property.
-     */
-    flexWrap?: StackFlexWrapVariants | ResponsiveFlexWrapMap;
-} & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/SubNav/SubNav.d.ts

@@ -34,7 +34,7 @@ type SubNavLinkProps = {
 type SubMenuProps = {
     variant?: SubMenuVariants;
 } & React.HTMLAttributes<HTMLUListElement> & BaseProps<HTMLUListElement>;
-declare function _SubMenu({ children, className, variant, ...props }: SubMenuProps): JSX.Element;
+declare function _SubMenu({ children, className, variant, ...props }: SubMenuProps): import("react/jsx-runtime").JSX.Element;
 type SubNavActionProps = {
     /**
      * Required path or location for the action button to link to.
@@ -49,7 +49,7 @@ type SubNavActionProps = {
      */
     variant?: (typeof ButtonVariants)[number];
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
-declare function _SubNavAction({ children, href, variant, size, ...rest }: SubNavActionProps): JSX.Element;
+declare function _SubNavAction({ children, href, variant, size, ...rest }: SubNavActionProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Use SubNav to display a secondary navigation beneath a primary header.
  * @see https://primer.style/brand/components/SubNav
@@ -65,9 +65,9 @@ export declare const SubNav: React.NamedExoticComponent<{
 } & BaseProps<HTMLElement> & {
     children?: ReactNode | undefined;
 }> & {
-    readonly type: ({ id, children, className, "data-testid": testId, fullWidth, hasShadow }: SubNavProps) => JSX.Element;
+    readonly type: ({ id, children, className, "data-testid": testId, fullWidth, hasShadow }: SubNavProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    Heading: ({ href, children, className, "data-testid": testID, ...props }: SubNavHeadingProps) => JSX.Element;
+    Heading: ({ href, children, className, "data-testid": testID, ...props }: SubNavHeadingProps) => import("react/jsx-runtime").JSX.Element;
     Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
     Action: typeof _SubNavAction;
     SubMenu: typeof _SubMenu;

package/lib/SubdomainNavBar/NavigationVisbilityObserver.d.ts

@@ -2,4 +2,4 @@ export declare function NavigationVisbilityObserver({ children, className, ...re
     [x: string]: any;
     children: any;
     className: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/SubdomainNavBar/SubdomainNavBar.d.ts

@@ -34,12 +34,12 @@ export type SubdomainNavBarProps = {
      */
     logoHref?: string;
 };
-declare function Root({ children, className, fixed, fullWidth, logoHref, title, titleHref, ...rest }: SubdomainNavBarProps): JSX.Element;
+declare function Root({ children, className, fixed, fullWidth, logoHref, title, titleHref, ...rest }: SubdomainNavBarProps): import("react/jsx-runtime").JSX.Element;
 type LinkProps = {
     href: string;
     isExternal?: boolean;
 } & React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
-declare function Link({ href, className, children, isExternal, ...rest }: PropsWithChildren<LinkProps>): JSX.Element;
+declare function Link({ href, className, children, isExternal, ...rest }: PropsWithChildren<LinkProps>): import("react/jsx-runtime").JSX.Element;
 export type SubdomainNavBarSearchResultProps = {
     title: string;
     description: string;
@@ -47,13 +47,14 @@ export type SubdomainNavBarSearchResultProps = {
     date: string;
     category?: string;
 };
+type HandlerEvent = MouseEvent | TouchEvent | FocusEvent;
 type SearchProps = {
     onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     ref: React.RefObject<HTMLInputElement>;
     active?: boolean;
     title?: string;
-    handlerFn?: (event: MouseEvent | TouchEvent | FocusEvent) => void;
+    handlerFn?: (event: HandlerEvent) => void;
     autoComplete?: boolean;
     searchResults?: SubdomainNavBarSearchResultProps[];
     searchTerm?: string;
@@ -61,11 +62,11 @@ type SearchProps = {
 type CTAActionProps = {
     href: string;
 } & React.HTMLAttributes<HTMLAnchorElement>;
-declare function PrimaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): JSX.Element;
-declare function SecondaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): JSX.Element;
+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;
 export declare const SubdomainNavBar: typeof Root & {
     Link: typeof Link;
-    Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<unknown>>;
+    Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     PrimaryAction: typeof PrimaryAction;
     SecondaryAction: typeof SecondaryAction;
     testIds: {

package/lib/Testimonial/Testimonial.d.ts

@@ -48,19 +48,15 @@ type LogoProps = {
  * Testimonial avatar child element
  * <Testimonial.Avatar>
  */
-declare function _Avatar({ size, ...rest }: AvatarProps): JSX.Element;
+declare function _Avatar({ size, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Use Testimonial to display a quote from a customer or user.
  * @see https://primer.style/brand/components/Testimonial
  */
-export declare const Testimonial: React.ForwardRefExoticComponent<Omit<TestimonialProps, "ref"> & React.RefAttributes<unknown>> & {
-    Quote: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
-    Name: React.ForwardRefExoticComponent<Omit<{
-        position?: string;
-    } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Testimonial: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<TestimonialProps>, "ref"> & React.RefAttributes<unknown>> & {
+    Quote: React.ForwardRefExoticComponent<Omit<QuoteProps, "ref"> & React.RefAttributes<unknown>>;
+    Name: React.ForwardRefExoticComponent<Omit<NameProps, "ref"> & React.RefAttributes<unknown>>;
     Avatar: typeof _Avatar;
-    Logo: React.ForwardRefExoticComponent<Omit<{
-        children: React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<HTMLAttributes<HTMLImageElement>>;
-    } & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>, "ref"> & React.RefAttributes<unknown>>;
+    Logo: React.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React.RefAttributes<unknown>>;
 };
 export {};

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>): JSX.Element;
+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 {};

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>): JSX.Element;
+export declare function ThemeProvider({ colorMode, children, ...rest }: PropsWithChildren<ThemeProviderProps>): import("react/jsx-runtime").JSX.Element;

package/lib/Timeline/Timeline.d.ts

@@ -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>) => JSX.Element) & {
-    Item: ({ className, children, ...rest }: PropsWithChildren<TimelineItemProps>) => JSX.Element;
+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;
 };

package/lib/Tooltip/Tooltip.d.ts

@@ -21,10 +21,5 @@ export type TriggerPropsType = {
 export declare const TooltipContext: React.Context<{
     tooltipId?: string;
 }>;
-export declare const Tooltip: React.ForwardRefExoticComponent<Omit<{
-    direction?: TooltipDirection;
-    text: string;
-    type?: "label" | "description";
-    children?: React.ReactNode;
-} & BaseProps<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/VideoPlayer/VideoPlayer.d.ts

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

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>) => JSX.Element;
+export declare const CCButton: ({ className, ...props }: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").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>) => JSX.Element | null;
+export declare const Captions: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -3,4 +3,4 @@ export type ControlsProps = {
     isSmall?: boolean;
     showControlsWhenPaused?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const Controls: ({ isSmall, ...rest }: ControlsProps) => JSX.Element;
+export declare const Controls: ({ isSmall, ...rest }: ControlsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -2,5 +2,5 @@ import { type HTMLAttributes } from 'react';
 type IconControlProps = {
     tooltip: string;
 } & HTMLAttributes<HTMLButtonElement>;
-export declare const IconControl: ({ tooltip, children, className, ...rest }: IconControlProps) => JSX.Element;
+export declare const IconControl: ({ tooltip, children, className, ...rest }: IconControlProps) => import("react/jsx-runtime").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>) => JSX.Element;
+export declare const MuteButton: (props: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").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>) => JSX.Element;
+export declare const PauseIcon: (props: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").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>) => JSX.Element;
+export declare const PlayIcon: (props: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").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>) => JSX.Element;
+export declare const PlayPauseButton: (props: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

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

package/lib/VideoPlayer/hooks/useVideo.d.ts

@@ -1,6 +1,6 @@
-import React, { type PropsWithChildren, type SetStateAction, type RefObject } from 'react';
+import React, { type SetStateAction, type RefObject } from 'react';
 type VideoState = {
-    ref: RefObject<HTMLVideoElement>;
+    ref?: RefObject<HTMLVideoElement>;
     isPlaying: boolean;
     isMuted: boolean;
     volume: number;
@@ -29,6 +29,7 @@ export type UseVideoContext = VideoState & {
 };
 export declare const VideoContext: React.Context<UseVideoContext | null>;
 export declare const useVideo: () => UseVideoContext;
-type VideoProviderProps = PropsWithChildren<Record<string, unknown>>;
-export declare const VideoProvider: React.ForwardRefExoticComponent<Omit<VideoProviderProps, "ref"> & React.RefAttributes<HTMLVideoElement>>;
+export declare const VideoProvider: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLVideoElement>>;
 export {};

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>): JSX.Element;
+export declare function Animate({ animate, as, children, className, style, ...rest }: PropsWithChildren<BoxProps>): import("react/jsx-runtime").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>): JSX.Element;
+export declare function AnimationProvider({ children, disableAnimations, animationTrigger, visibilityOptions, runOnce, autoStaggerChildren, staggerDelayIncrement, }: PropsWithChildren<AnimationProviderProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/animation/TextRevealAnimation/TextRevealAnimation.d.ts

@@ -3,4 +3,4 @@ import { BaseProps } from '../../component-helpers';
 export type TextRevealAnimationProps = BaseProps<HTMLSpanElement> & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {
     children: React.ReactChild;
 };
-export declare function TextRevealAnimation({ children, ...rest }: TextRevealAnimationProps): JSX.Element | null;
+export declare function TextRevealAnimation({ children, ...rest }: TextRevealAnimationProps): import("react/jsx-runtime").JSX.Element | null;

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;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 type RedlineBackgroundProps = {
     height?: number;
     hasBorder?: boolean;
     className?: string;
     style?: CSSProperties;
 };
-export declare function RedlineBackground({ height, hasBorder, style, ...rest }: PropsWithChildren<RedlineBackgroundProps>): JSX.Element;
+export declare function RedlineBackground({ height, hasBorder, style, ...rest }: PropsWithChildren<RedlineBackgroundProps>): import("react/jsx-runtime").JSX.Element;
 /**
  * Base Types
  */