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

package/lib/SubdomainNavBar/SubdomainNavBar.d.ts

@@ -3,16 +3,26 @@ import React, { PropsWithChildren } from 'react';
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css';
-export type SubdomainNavBarProps = {
+export type SubdomainNavBarMenuLabels = {
     /**
-     * Valid child elements are `SubdomainNavBar.Link`, `SubdomainNavBar.PrimaryAction`,
-     * `SubdomainNavBar.SecondaryAction` and `SubdomainNavBar.Search`
+     * Visible and accessible label for the closed narrow menu control.
      */
-    children?: React.ReactNode | React.ReactElement<SubdomainNavBarLinkProps> | React.ReactElement<SearchProps> | React.ReactElement<CTAActionProps>;
+    menuLabel: string;
     /**
-     * Forward a custom HTML class attribute
+     * Visible and accessible label for the open narrow menu control.
      */
-    className?: string;
+    closeLabel: string;
+    /**
+     * Visible and accessible label for the desktop overflow menu control.
+     */
+    overflowMenuLabel: string;
+};
+export type SubdomainNavBarProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> & {
+    /**
+     * Valid child elements are `SubdomainNavBar.Link`, `SubdomainNavBar.PrimaryAction`,
+     * `SubdomainNavBar.SecondaryAction` and `SubdomainNavBar.Search`
+     */
+    children?: React.ReactNode | React.ReactElement<SubdomainNavBarLinkProps> | React.ReactElement<SubdomainNavBarSearchProps> | React.ReactElement<CTAActionProps>;
     /**
      * Fixes the navigation bar to the top of the viewport. Defaults to `true`.
      */
@@ -22,7 +32,15 @@ export type SubdomainNavBarProps = {
      */
     fullWidth?: boolean;
     /**
-     * The title or name of the subdomain. Appears adjacent to the logo and is required for communicating content to assisitive technologies.
+     * Optional React element rendered after the navigation links.
+     */
+    leadingComponent?: React.ReactElement;
+    /**
+     * Optional React element rendered after the actions.
+     */
+    trailingComponent?: React.ReactElement;
+    /**
+     * The title or name of the subdomain. Appears adjacent to the logo and is required for communicating content to assistive technologies.
      */
     title: string;
     /**
@@ -37,41 +55,160 @@ export type SubdomainNavBarProps = {
      * When the menu is opened or closed on narrow viewports, this callback is called with the new open state.
      */
     onNarrowMenuToggle?: (isOpen: boolean) => void;
+    /**
+     * Customizable visible and accessible menu labels.
+     */
+    menuLabels?: Partial<SubdomainNavBarMenuLabels>;
+    /**
+     * ID of the element that receives focus when the skip-to-content link is activated.
+     * Defaults to the first rendered `main` element that is not hidden from assistive technologies.
+     */
+    skipToContentTargetId?: string;
+};
+export type SubdomainNavBarHandle = HTMLElement & {
+    openSearch: () => void;
+    closeSearch: () => void;
 };
-declare function Root({ children, className, fixed, fullWidth, logoHref, title, titleHref, onNarrowMenuToggle, ...rest }: SubdomainNavBarProps): import("react/jsx-runtime").JSX.Element;
 export type SubdomainNavBarLinkProps = {
     href: string;
     isExternal?: boolean;
-    'data-navitemid'?: string;
 } & React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
-declare function Link({ href, className, children, isExternal, ...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;
     url: string;
     date: string;
     category?: string;
+    group?: string;
+    isExternal?: boolean;
+};
+export type SubdomainNavBarSearchResultGroupProps = {
+    title: string;
+    results: SubdomainNavBarSearchResultProps[];
 };
-type HandlerEvent = MouseEvent | TouchEvent | FocusEvent;
-type SearchProps = {
+export type SubdomainNavBarSearchResults = SubdomainNavBarSearchResultProps[] | SubdomainNavBarSearchResultGroupProps[];
+export type SubdomainNavBarSearchLabels = {
+    /**
+     * Accessible label for the search input. Defaults to "Search".
+     */
+    searchLabel: string;
+    /**
+     * Visible and accessible label for the close action. Defaults to "Close".
+     */
+    closeLabel: string;
+    /**
+     * Accessible label for an untitled search result group. Defaults to "Results".
+     */
+    resultsLabel: string;
+    /**
+     * Accessible label for grouped search results without a search term. Defaults to "Search results".
+     */
+    searchResultsLabel: string;
+    /**
+     * Formats the default search placeholder and dialog label using the navigation title.
+     */
+    formatSearchWithTitle: (title: string) => string;
+    /**
+     * Formats the accessible label for the responsive search trigger.
+     */
+    formatSearchTrigger: (placeholder: string) => string;
+    /**
+     * Formats the visible heading for ungrouped search results.
+     */
+    formatResultsHeading: (searchTerm: string) => string;
+    /**
+     * Formats the accessible label for grouped search results.
+     */
+    formatResultsLabel: (searchTerm: string) => string;
+    /**
+     * Formats the search result count announcement.
+     */
+    formatSuggestions: (count: number) => string;
+};
+export type SubdomainNavBarSearchProps = {
     onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    ref: React.RefObject<HTMLInputElement>;
     active?: boolean;
+    className?: string;
     title?: string;
-    handlerFn?: (event: HandlerEvent) => void;
-    autoComplete?: boolean;
-    searchResults?: SubdomainNavBarSearchResultProps[];
+    onSearchOpen?: () => void;
+    onSearchClose?: () => void;
+    /**
+     * Placeholder text shown in the search trigger and the opened search input.
+     */
+    placeholder?: string;
+    /**
+     * Optional keyboard shortcut hint shown in the search trigger. Pass an empty string to hide it.
+     */
+    shortcutLabel?: string;
+    /**
+     * Optional global keyboard shortcut that opens the search dialog. Omit or pass `false` to disable it.
+     * Supports single keys and modifier combinations, such as `/` or `Command+Option+k`.
+     */
+    keyboardShortcut?: string | false;
+    searchResults?: SubdomainNavBarSearchResults;
     searchTerm?: string;
+    /**
+     * Customizable visible and accessible search text. Unspecified labels use the English defaults.
+     */
+    labels?: Partial<SubdomainNavBarSearchLabels>;
 };
 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;
-export declare const SubdomainNavBar: typeof Root & {
+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`,
+     * `SubdomainNavBar.SecondaryAction` and `SubdomainNavBar.Search`
+     */
+    children?: React.ReactNode | React.ReactElement<SubdomainNavBarLinkProps> | React.ReactElement<SubdomainNavBarSearchProps> | React.ReactElement<CTAActionProps>;
+    /**
+     * Fixes the navigation bar to the top of the viewport. Defaults to `true`.
+     */
+    fixed?: boolean;
+    /**
+     * Fill the maximum width of the parent container. Defaults to `false`.
+     */
+    fullWidth?: boolean;
+    /**
+     * Optional React element rendered after the navigation links.
+     */
+    leadingComponent?: React.ReactElement;
+    /**
+     * Optional React element rendered after the actions.
+     */
+    trailingComponent?: React.ReactElement;
+    /**
+     * The title or name of the subdomain. Appears adjacent to the logo and is required for communicating content to assistive technologies.
+     */
+    title: string;
+    /**
+     * The URL for the site. Typically used to link the titleText prop value to the site root.
+     */
+    titleHref?: string;
+    /**
+     * Optionally change the URL of the logo
+     */
+    logoHref?: string;
+    /**
+     * When the menu is opened or closed on narrow viewports, this callback is called with the new open state.
+     */
+    onNarrowMenuToggle?: (isOpen: boolean) => void;
+    /**
+     * Customizable visible and accessible menu labels.
+     */
+    menuLabels?: Partial<SubdomainNavBarMenuLabels>;
+    /**
+     * ID of the element that receives focus when the skip-to-content link is activated.
+     * Defaults to the first rendered `main` element that is not hidden from assistive technologies.
+     */
+    skipToContentTargetId?: string;
+} & React.RefAttributes<SubdomainNavBarHandle>> & {
     Link: typeof Link;
-    Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Search: React.ForwardRefExoticComponent<SubdomainNavBarSearchProps & React.RefAttributes<HTMLInputElement>>;
     PrimaryAction: typeof PrimaryAction;
     SecondaryAction: typeof SecondaryAction;
     testIds: {

package/lib/SubdomainNavBar/SubdomainNavBarLinkContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type SubdomainNavBarLinkContextValue = {
+    isOverflowed?: boolean;
+    onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>;
+};
+export declare const SubdomainNavBarLinkContext: React.Context<SubdomainNavBarLinkContextValue>;
+export declare function useSubdomainNavBarLinkContext(): SubdomainNavBarLinkContextValue;
+export {};

package/lib/SubdomainNavBar/useSearchKeyboardShortcut.d.ts

@@ -0,0 +1,7 @@
+type UseSearchKeyboardShortcutOptions = {
+    disabled: boolean;
+    keyboardShortcut?: string | false;
+    onTrigger: () => void;
+};
+export declare function useSearchKeyboardShortcut({ disabled, keyboardShortcut, onTrigger, }: UseSearchKeyboardShortcutOptions): void;
+export {};

package/lib/SubdomainNavBar/useSearchResults.d.ts

@@ -0,0 +1,23 @@
+import { type KeyboardEvent, type RefObject } from 'react';
+import type { SubdomainNavBarSearchResultProps, SubdomainNavBarSearchResults } from './SubdomainNavBar';
+export type NormalizedSearchResultGroup = {
+    title?: string;
+    results: Array<{
+        result: SubdomainNavBarSearchResultProps;
+        index: number;
+    }>;
+};
+type UseSearchResultsOptions = {
+    dialogRef: RefObject<HTMLDialogElement | null>;
+    searchResults?: SubdomainNavBarSearchResults;
+};
+export declare function useSearchResults({ dialogRef, searchResults }: UseSearchResultsOptions): {
+    activeDescendant: number;
+    handleSearchResultKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    hasGroupedSearchResults: boolean;
+    hasSearchResults: boolean;
+    normalizedSearchResultGroups: NormalizedSearchResultGroup[];
+    resetActiveDescendant: () => void;
+    searchResultsLength: number;
+};
+export {};

package/lib/SubdomainNavBar/useVisibilityObserver.d.ts

@@ -2,4 +2,4 @@ import { RefObject } from 'react';
 export type VisibilityMap = {
     [key: string]: boolean;
 };
-export declare function useVisibilityObserver(navigationRef: RefObject<HTMLUListElement | null>, children: any): VisibilityMap[];
+export declare function useVisibilityObserver(navigationRef: RefObject<HTMLUListElement | null>, overflowRef: RefObject<HTMLElement | null>, measurementKey: string, disabled?: boolean): VisibilityMap[];

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
  */